/* billigxxl · Version 3 */
/* Black Week auf der Shop-Seite: Laufband unter der Navigation und Bühne mit Aktions-Tickets */
.bw-band{background:#000;font-family:"DM Sans",system-ui,sans-serif}
:is(.sa.bxxl-start-c,.bwp) .bw-band a{display:flex;align-items:center;gap:12px;max-width:1280px;margin:0 auto;padding:0 16px;min-height:52px;color:#fff;text-decoration:none}
:is(.sa.bxxl-start-c,.bwp) .bw-band a:focus-visible{outline:3px solid #ff8a45;outline-offset:-3px}
.bw-marke{flex:none;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#ff6a1a;color:#000;border-radius:6px;padding:5px 9px;transform:rotate(-3deg)}
.bw-lauf{position:relative;flex:1;height:52px;min-width:0}
.bw-lauf span{position:absolute;inset:0;display:block;line-height:52px;font-size:15px;font-weight:500;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-lauf span.an{opacity:1;transform:none}
.bw-lauf b{font-weight:800;margin-right:8px}
.bw-pfeil{flex:none;font-size:22px;color:#ff8a45}

.bw-buehne{position:relative;overflow:hidden;margin:16px 0;border-radius:24px;background:#000;color:#fff;font-family:"DM Sans",system-ui,sans-serif}
.bw-buehne::before{content:"%";position:absolute;left:-10px;top:-120px;font-size:460px;line-height:1;font-weight:800;color:#16181d;pointer-events:none}
.bw-in{position:relative;display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:center;max-width:1280px;margin:0 auto;padding:22px 24px}
.bw-grafik{position:relative;padding-top:36px}
.bw-wort{position:relative;display:inline-flex;align-items:stretch;gap:10px}
.bw-gross{margin:0;font-size:clamp(44px,5vw,68px);line-height:.88;font-weight:800;letter-spacing:-.03em;text-transform:uppercase;color:#fff}
.bw-monat{writing-mode:vertical-rl;transform:rotate(180deg);background:linear-gradient(#075fff,#0a4fd0);color:#fff;font-weight:800;font-size:14px;letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:6px 3px;border-radius:8px}
.bw-kleber{position:absolute;left:0;top:-40px;display:flex;align-items:baseline;gap:6px;width:max-content;white-space:nowrap;background:#ff6a1a;color:#000;border-radius:14px;padding:5px 10px;font-weight:800;font-size:13px;line-height:1.05;transform:rotate(-4deg);box-shadow:0 6px 0 rgba(0,0,0,.35)}
.bw-kleber b{font-size:19px}
.bw-satz{margin:12px 0 0;color:#d7dce6;font-size:15px;line-height:1.4;max-width:30ch}
.bw-akt{display:flex;align-items:center;gap:8px;margin-top:10px}
:is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-alle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:2px solid #fff;border-radius:999px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
:is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-alle:hover{background:#fff;color:#000}
.bw-halt{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:none;color:#fff;cursor:pointer}
.bw-halt svg{width:16px;height:16px;fill:currentColor}
.bw-halt .bw-weiter,.bw-halt[aria-pressed="true"] .bw-stopp{display:none}
.bw-halt[aria-pressed="true"] .bw-weiter{display:block}
:is(.sa.bxxl-start-c,.bwp) .bw-buehne :is(a,button):focus-visible{outline:3px solid #ff8a45;outline-offset:2px}

.bw-karten{display:flex;gap:12px;min-width:0}
:is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-ticket{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) 18px;align-items:stretch;min-height:84px;background:#fff;border-radius:12px;color:#0c1f44;text-decoration:none;overflow:hidden;transition:transform .15s ease}
:is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-ticket:hover{transform:translateY(-2px)}
.bw-ticket::before,.bw-ticket::after{content:"";position:absolute;left:84px;width:16px;height:16px;border-radius:50%;background:#000;z-index:1}
.bw-ticket::before{top:-8px}
.bw-ticket::after{bottom:-8px}
.bw-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background:#ff6a1a;color:#000;border-right:2px dashed #000;text-align:center;line-height:1.05;overflow-wrap:anywhere}
.bw-stub small{font-size:11px;font-weight:700;text-transform:uppercase}
.bw-stub b{font-size:20px;font-weight:800;letter-spacing:-.02em}
.bw-stub b.bw-lang{font-size:12px;letter-spacing:-.01em}
.bw-tx{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:8px 6px 8px 14px}
.bw-wer{display:flex;align-items:center;height:22px}
.bw-wer b{font-size:16px;font-weight:800;color:#0c1f44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-logo{position:absolute;right:10px;bottom:8px;height:20px;width:auto;max-width:64px;object-fit:contain;object-position:right bottom}
.bw-logo--name{height:auto;max-width:none;font:700 11px/20px 'DM Sans',system-ui,sans-serif;color:#0c1f44;background:#fff;border-radius:4px;padding:0 6px}
.bw-ticket:has(.bw-logo){grid-template-columns:92px minmax(0,1fr)}
.bw-ticket:has(.bw-logo) .bw-tx{padding-right:12px}
.bw-ticket:has(.bw-logo) .bw-bis{padding-right:74px}
.bw-was{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.25;color:#0c1f44}
.bw-bis{font-size:13px;color:#4a566d;white-space:nowrap}
.bw-go{align-self:center;font-size:20px;font-weight:800;color:#075fff}

:is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-fest{flex:0 0 210px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;background:#ff6a1a}
.bw-fest::before,.bw-fest::after{display:none}
.bw-fest .bw-stub{padding:14px 8px;background:none;border-right:0;border-bottom:2px dashed #000}
.bw-fest .bw-stub b{font-size:34px}
.bw-fest .bw-stub small{font-size:13px}
.bw-fest .bw-tx{padding:12px 14px;background:#fff}
.bw-fest .bw-wer b{font-size:22px}
.bw-fest .bw-was{font-size:15px}
.bw-fest .bw-go{align-self:stretch;padding:0 14px 10px;background:#fff;font-size:22px;text-align:right}

.bw-reihen{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}
.bw-reihe{overflow:hidden;padding:3px 0}
.bw-spur{display:flex;gap:12px;width:max-content;margin:0;padding:0;list-style:none;animation:bw-l 38s linear infinite}
.bw-spur--r{animation-direction:reverse}
.bw-spur--n7{animation-duration:49s}.bw-spur--n8{animation-duration:56s}.bw-spur--n9{animation-duration:63s}.bw-spur--n10{animation-duration:70s}.bw-spur--n11{animation-duration:77s}.bw-spur--n12{animation-duration:84s}.bw-spur--n13{animation-duration:91s}.bw-spur--n14{animation-duration:98s}.bw-spur--n15{animation-duration:105s}.bw-spur--n16{animation-duration:112s}
.bw-spur li{flex:0 0 280px;display:grid}
@keyframes bw-l{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.bw-reihen:hover .bw-spur,.bw-reihen:focus-within .bw-spur,.bw-reihen:active .bw-spur,.bw-ruhe .bw-spur{animation-play-state:paused}
.bw-ruhe .bw-reihe{overflow-x:auto;scrollbar-width:none}
.bw-ruhe .bw-reihe::-webkit-scrollbar{display:none}

@media (prefers-reduced-motion:reduce){
  .bw-lauf span{transition:none}
  .bw-spur{animation:none}
  .bw-spur li[aria-hidden="true"],.bw-halt{display:none}
  .bw-reihe{overflow-x:auto;scrollbar-width:none}
  :is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-ticket{transition:none}
}
@media (max-width:1100px){
  .bw-in{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:20px}
  :is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-fest{flex-basis:180px}
}
@media (max-width:767px){
  .bw-buehne::before{font-size:300px;top:-70px}
  .bw-in{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 0 18px 16px}
  .bw-grafik{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:30px 16px 0 0}
  .bw-gross{font-size:34px}
  .bw-monat{font-size:12px}
  .bw-kleber{font-size:12px}
  .bw-kleber b{font-size:17px}
  .bw-satz{display:none}
  .bw-akt{margin:0}
  :is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-alle{padding:0 12px;font-size:12px;letter-spacing:0;gap:4px}
  .bw-karten{flex-direction:column;gap:10px}
  :is(.sa.bxxl-start-c,.bwp) .bw-buehne a.bw-fest{flex:none;margin-right:16px;grid-template-columns:92px minmax(0,1fr) 18px;grid-template-rows:auto;min-height:84px;background:#fff}
  .bw-fest .bw-stub{padding:6px 4px;background:#ff6a1a;border-bottom:0;border-right:2px dashed #000}
  .bw-fest .bw-stub b{font-size:20px}
  .bw-fest .bw-stub small{font-size:11px}
  .bw-fest .bw-tx{padding:8px 6px 8px 14px}
  .bw-fest .bw-wer b{font-size:16px}
  .bw-fest .bw-was{font-size:14px}
  .bw-fest .bw-go{align-self:center;padding:0;background:none;font-size:20px;text-align:left}
  .bw-reihen{gap:10px;-webkit-mask-image:none;mask-image:none}
  .bw-spur li{flex-basis:264px}
  .bw-spur .bw-was{-webkit-line-clamp:1}
}
.bwp{max-width:1200px;margin:0 auto;padding:16px 16px 40px}
.bwp-h1{font:800 clamp(24px,5vw,34px)/1.15 'DM Sans',system-ui,sans-serif;color:#0c1f44;margin:8px 0}
.bwp-satz,.bwp-leer{color:#3d4a66;margin:0 0 16px;font-size:16px;line-height:1.5}
.bwp-sprung{display:flex;gap:8px;overflow-x:auto;padding:16px 0 8px;scrollbar-width:none}
.bwp-sprung a{flex:none;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:22px;background:#fff;border:1px solid #d6dbe6;color:#0c1f44;font-weight:600;text-decoration:none}
.bw-handy{display:none}
@media (max-width:767px){
  :is(.sa.bxxl-start-c,.bwp) .bw-buehne .bw-karten>a.bw-fest,.bw-karten>.bw-reihen:not(.bw-handy){display:none}
  .bw-karten>.bw-handy{display:flex}
}
.bwz{margin-top:28px;padding:20px;background:#fff;border:1px solid #e3e7ef;border-radius:20px;scroll-margin-top:96px}
.bwz-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:16px}
.bwz-marke{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 320px}
.bwz-logo{flex:none;display:grid;place-items:center;width:72px;height:48px;border:1px solid #e3e7ef;border-radius:12px;background:#fff}
.bwz-logo img{max-width:56px;max-height:28px;width:auto;height:auto;object-fit:contain}
.bwz-name{min-width:0}
.bwz-name h2{margin:0;font:800 22px/1.2 'DM Sans',system-ui,sans-serif;color:#0c1f44}
.bwz-name p{margin:2px 0 0;font-size:15px;line-height:1.4;color:#3d4a66}
.bwz-bis{color:#b33f00;font-weight:600;white-space:nowrap}
.bwz-tun{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bwz-wert{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:10px;background:#000;color:#fff;font:800 14px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.bwz-code{min-height:44px;padding:0 14px;border:2px dashed #ff6a00;border-radius:12px;background:#fff7f0;color:#0c1f44;font:600 14px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.bwz-code b{font-weight:800;letter-spacing:.04em}
.bwz-los{min-height:44px;display:inline-flex;align-items:center;padding:0 20px;border-radius:12px;background:#ff6a00;color:#fff;font-weight:700;text-decoration:none}
.bwz-los:hover{background:#e55f00}
.bwz-reihe{display:flex;gap:12px;margin:0;padding:2px 2px 6px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.bwz-reihe>li{flex:0 0 184px;scroll-snap-align:start;display:grid}
.bwz-karte{display:flex;flex-direction:column;gap:4px;padding:10px;border:1px solid #e3e7ef;border-radius:14px;background:#fff;color:#0c1f44;text-decoration:none;transition:box-shadow .15s ease,border-color .15s ease}
.bwz-karte:hover{border-color:#c4cbd9;box-shadow:0 6px 18px rgba(12,31,68,.08)}
.bwz-bild{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:#f5f7fb;overflow:hidden;margin-bottom:6px}
.bwz-bild img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.bwz-hersteller{font-size:12px;font-weight:600;color:#5a6680;text-transform:uppercase;letter-spacing:.03em}
.bwz-titel{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3;min-height:2.6em}
.bwz-preis{margin-top:auto;padding-top:4px;font:800 17px/1.2 'DM Sans',system-ui,sans-serif;color:#0c1f44}
.bwz-mehr{flex-basis:160px}
.bwz-mehr a{display:flex;align-items:center;justify-content:center;padding:16px;border:2px dashed #c4cbd9;border-radius:14px;color:#075fff;font-weight:700;text-align:center;text-decoration:none}
.bwz-weitere{margin-top:36px}
.bwz-weitere>h2{margin:0 0 14px;font:800 24px/1.2 'DM Sans',system-ui,sans-serif;color:#0c1f44}
.bwz-tickets{display:grid;gap:14px;grid-template-columns:1fr;margin:0;padding:0;list-style:none}
@media(min-width:820px){.bwz-tickets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){.bwz-tickets{grid-template-columns:repeat(3,minmax(0,1fr))}}
.bwz-ticket{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);background:#fff;border:1px solid #e3e7ef;border-radius:16px;overflow:hidden;scroll-margin-top:96px}
.bwz-stub{display:flex;align-items:center;justify-content:center;padding:10px 6px;background:#ff6a1a;color:#000;border-right:2px dashed #000;font:800 17px/1.1 'DM Sans',system-ui,sans-serif;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}
.bwz-tx{display:flex;flex-direction:column;gap:4px;padding:14px 16px}
.bwz-tx h3{margin:0;font:800 18px/1.2 'DM Sans',system-ui,sans-serif;color:#0c1f44}
.bwz-tx p{margin:0;font-size:14px;line-height:1.4;color:#3d4a66}
.bwz-tx .bwz-tun{margin-top:8px}
.bwz-mehrlink{min-height:44px;display:inline-flex;align-items:center;color:#075fff;font-size:14px;font-weight:600;text-decoration:none}
.bwz :is(a,button):focus-visible,.bwz-weitere :is(a,button):focus-visible{outline:3px solid #0c1f44;outline-offset:2px}
@media (max-width:767px){
  .bwz{margin-top:20px;padding:16px 0 16px 16px;border-radius:16px}
  .bwz-kopf{padding-right:16px}
  .bwz-name h2{font-size:19px}
  .bwz-reihe{gap:10px;padding-right:16px;scrollbar-width:none}
  .bwz-reihe::-webkit-scrollbar{display:none}
  .bwz-reihe>li{flex-basis:calc((100% - 20px) / 2.4)}
  .bwz-mehr{flex-basis:calc((100% - 20px) / 2.4)}
}