/* billigxxl · Version 2026.11.09.1 */
/* Tickets und Events: Suche, Filter, Terminkarten */
.tickets{--tk-blue:#075fff;--tk-navy:#0c1f44;--tk-muted:#4d607d;--tk-line:#dce5f1;--tk-pale:#eef5ff;--tk-orange:#e8590c;background:#f6f9fd;color:var(--tk-navy);font-family:"DM Sans",system-ui,sans-serif;padding-bottom:48px}
.tickets .wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.tk-hero{background:var(--tk-navy);color:#fff;padding:36px 0 28px}
.tk-hero h1{margin:0 0 8px;font-size:clamp(26px,4vw,44px);line-height:1.1;font-weight:800;letter-spacing:-.01em}
.tk-sub{margin:0 0 20px;color:#c9d7ee;font-size:16px;line-height:1.45;max-width:640px}
.tk-suche{display:flex;gap:8px;max-width:640px;margin-bottom:18px}
.tk-suche input{flex:1;min-width:0;height:52px;border:0;border-radius:14px;padding:0 16px;font:inherit;font-size:16px;color:var(--tk-navy);background:#fff}
.tk-suche button{height:52px;min-width:104px;border:0;border-radius:14px;padding:0 22px;font:inherit;font-size:16px;font-weight:700;color:#fff;background:var(--tk-orange);cursor:pointer}
.tk-suche button:focus-visible,.tk-suche input:focus-visible,.tk-chip:focus-visible,.tk-karte:focus-visible,.tk-mehr:focus-visible{outline:3px solid #8db8ff;outline-offset:2px}
.tk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tk-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tk-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgb(255 255 255 / .28);color:#fff;text-decoration:none;font-size:15px;font-weight:600;background:rgb(255 255 255 / .06)}
.tk-chip.ist-aktiv{background:#fff;color:var(--tk-navy);border-color:#fff}
.tk-block{margin-top:32px}
.tk-chips::-webkit-scrollbar{display:none}
.tk-kopf{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:14px}
.tk-kopf h2{margin:0;font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.01em}
.tk-mehr{color:var(--tk-blue);font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.tk-zahl{color:var(--tk-muted);font-size:15px}
.tk-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tk-karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--tk-line);border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 2px 8px rgb(12 31 68 / .05);transition:box-shadow .15s,transform .15s}
.tk-karte:hover{box-shadow:0 14px 30px -14px rgb(12 31 68 / .3);transform:translateY(-2px)}
.tk-bild{position:relative;display:block;aspect-ratio:4/3;background:var(--tk-pale);overflow:hidden}
.tk-bild img{width:100%;height:100%;object-fit:cover;display:block}
.tk-art{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;background:rgb(12 31 68 / .82);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em}
.tk-text{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px;flex:1}
.tk-name{font-size:17px;line-height:1.25;font-weight:800;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-wann{font-size:14px;font-weight:700;color:var(--tk-blue)}
.tk-wo{font-size:14px;color:var(--tk-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-preis{margin-top:auto;padding-top:8px;font-size:20px;font-weight:800;color:var(--tk-orange);display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.tk-preis small{font-size:12px;font-weight:500;color:var(--tk-muted)}
.tk-seiten{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:24px}
.tk-seiten .tk-chip{color:var(--tk-navy);border-color:var(--tk-line);background:#fff}
.tk-seite-nr{color:var(--tk-muted);font-size:15px}
.tk-leer{background:#fff;border:1px solid var(--tk-line);border-radius:18px;padding:28px;color:var(--tk-muted);font-size:16px;margin:0}
.tk-text-block{margin-top:40px;max-width:820px}
.tk-text-block h2{margin:0 0 10px;font-size:22px;font-weight:800}
.tk-text-block p{margin:0 0 12px;color:var(--tk-muted);font-size:16px;line-height:1.6}
@media(max-width:1100px){.tickets .wrap{width:calc(100% - 48px)}}
@media(max-width:600px){.tk-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;-webkit-overflow-scrolling:touch}.tk-chip{flex:none;white-space:nowrap}.tickets .wrap{width:calc(100% - 32px)}.tk-raster{grid-template-columns:minmax(0,1fr)}.tk-hero{padding:24px 0 20px}.tk-suche button{min-width:92px}}
@media(prefers-reduced-motion:reduce){.tk-karte{transition:none}.tk-karte:hover{transform:none}}
.tk-held{position:relative;overflow:hidden;background:var(--tk-navy);color:#fff;padding:40px 0 32px}
.tk-held.ist-klein{padding:28px 0 24px}
.tk-wand{position:absolute;inset:0;left:45%;opacity:.38;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.tk-wand-innen{display:grid;grid-template-columns:repeat(6,180px);gap:12px;transform:rotate(-8deg) translate(-20px,-60px)}
.tk-wand-innen img{width:180px;height:180px;object-fit:cover;border-radius:14px}
.tk-held-innen{position:relative}
.tk-held h1{margin:0 0 8px;font-size:clamp(28px,3.6vw,46px);line-height:1.08;font-weight:800;letter-spacing:-.02em;max-width:760px}
.tk-held .tk-suche{max-width:760px;background:#fff;border-radius:16px;padding:6px;margin:18px 0 14px}
.tk-held .tk-suche input{height:52px;border-radius:12px}
.tk-held .tk-suche button{width:52px;min-width:52px;padding:0;border-radius:12px;background:var(--tk-blue);display:grid;place-items:center}
.tk-suche button svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tk-beliebt{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;margin:0;color:#c9d7ee;font-size:15px}
.tk-beliebt a{color:#fff;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}
.tk-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tk-kachel{position:relative;display:block;aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:var(--tk-navy);color:#fff;text-decoration:none}
.tk-kachel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .3s}
.tk-kachel:hover img{transform:scale(1.04)}
.tk-kachel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(12 31 68 / .05) 30%,rgb(12 31 68 / .85))}
.tk-kachel-text{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;flex-direction:column;gap:2px}
.tk-kachel-text strong{font-size:22px;font-weight:800;line-height:1.15}
.tk-kachel-text small{font-size:14px;color:#dbe6f7}
.tk-regal{margin-top:36px}
.tk-schiene{position:relative}
.tk-reihe{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.tk-reihe::-webkit-scrollbar{display:none}
.tk-reihe .tk-karte{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start}
.tk-pfeil{position:absolute;top:30%;z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid var(--tk-line);background:#fff;box-shadow:0 6px 18px rgb(12 31 68 / .18);display:grid;place-items:center;cursor:pointer}
.tk-pfeil svg{width:20px;height:20px;fill:none;stroke:var(--tk-navy);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tk-pfeil.is-links{left:-22px}.tk-pfeil.is-rechts{right:-22px}
@media(max-width:1100px){.tk-pfeil.is-links{left:-8px}.tk-pfeil.is-rechts{right:-8px}}
@media(max-width:600px){.tk-wand{left:20%;opacity:.22}.tk-kacheln{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.tk-kachel-text strong{font-size:18px}.tk-reihe .tk-karte{flex-basis:78%}.tk-pfeil{display:none}.tk-held h1{font-size:28px}}
.tk-held{background:#0a0f1f}
.tk-held::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 75% 20%,rgb(7 95 255 / .35),transparent 70%),radial-gradient(40% 60% at 10% 100%,rgb(232 89 12 / .22),transparent 70%);pointer-events:none}
.tk-held h1{background:linear-gradient(90deg,#fff,#c9d7ee);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance}
.tk-held-innen.mit-buehne{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px;align-items:center}
.tk-buehne{position:relative;display:block;aspect-ratio:4/5;border-radius:24px;overflow:hidden;color:#fff;text-decoration:none;box-shadow:0 30px 60px -20px rgb(0 0 0 / .6),0 0 0 1px rgb(255 255 255 / .12);transform:rotate(2deg);transition:transform .5s cubic-bezier(.22,1,.36,1)}
.tk-buehne:hover{transform:rotate(0) scale(1.02)}
.tk-buehne img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tk-buehne::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgb(10 15 31 / .92))}
.tk-buehne-text{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;flex-direction:column;gap:4px;font-size:14px;color:#dbe6f7}
.tk-buehne-text small{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--tk-orange);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}
.tk-buehne-text strong{font-size:24px;line-height:1.15;color:#fff;font-weight:700}
.tk-buehne-text em{font-style:normal;font-size:20px;font-weight:700;color:#fff;margin-top:4px}
.tk-buehne:focus-visible{outline:3px solid #8db8ff;outline-offset:4px}
.tk-stempel{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;align-items:center;min-width:48px;padding:6px 8px;border-radius:12px;background:#fff;color:var(--tk-navy);font-size:12px;font-weight:700;text-transform:uppercase;line-height:1;box-shadow:0 4px 12px rgb(12 31 68 / .2)}
.tk-stempel b{font-size:20px;line-height:1.1;color:var(--tk-blue)}
.tk-karte{transition:box-shadow .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
.tk-karte:hover{transform:translateY(-4px)}
.tk-karte img{transition:transform .5s cubic-bezier(.22,1,.36,1)}
.tk-karte:hover img{transform:scale(1.05)}
.tk-karte:active{transform:scale(.98)}
.tk-leitsatz{margin-top:64px;margin-bottom:24px}
.tk-leitsatz p{margin:0;max-width:880px;font-size:clamp(30px,4.2vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.02em;text-wrap:balance}
.tk-leitsatz span{color:rgb(12 31 68 / .22);transition:color .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * 60ms)}
.tk-leitsatz.ist-an span{color:var(--tk-navy)}
.tk-zeigen{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.tk-zeigen.ist-an{opacity:1;transform:none}
@media(max-width:900px){.tk-held-innen.mit-buehne{grid-template-columns:minmax(0,1fr)}.tk-buehne{display:none}}
@media(prefers-reduced-motion:reduce){.tk-buehne,.tk-buehne:hover{transform:none;transition:none}.tk-leitsatz span{color:var(--tk-navy);transition:none}.tk-zeigen{opacity:1;transform:none;transition:none}.tk-karte img{transition:none}}
.tk-oben{background:#0c1f44}
.tk-mosaik{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:220px;gap:4px;max-width:1520px;margin-inline:auto}
.tk-mos{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;background:#0a0f1f}
.tk-mos:nth-child(1),.tk-mos:nth-child(7){grid-column:span 2}
.tk-mos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.tk-mos:hover img{transform:scale(1.06)}
.tk-mos::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgb(10 15 31 / .9))}
.tk-mos span{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;display:flex;flex-direction:column;gap:2px}
.tk-mos strong{font-size:18px;line-height:1.2;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-mos:nth-child(1) strong,.tk-mos:nth-child(7) strong{font-size:24px}
.tk-mos small{font-size:13px;color:#dbe6f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk-mos:focus-visible{outline:3px solid #8db8ff;outline-offset:-3px}
.tk-leiste{background:#0c1f44;border-top:1px solid rgb(255 255 255 / .1)}
.tk-leiste .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;padding-block:8px}
.tk-leiste a{color:#fff;text-decoration:none;font-size:17px;font-weight:600;min-height:48px;display:inline-flex;align-items:center;padding:0 18px;border-radius:999px;transition:background-color .3s cubic-bezier(.22,1,.36,1)}
.tk-leiste a:hover{background:rgb(255 255 255 / .12)}
.tk-leiste a:focus-visible{outline:3px solid #8db8ff}
.tk-regal.ist-poster .tk-reihe .tk-karte{flex-basis:calc((100% - 96px)/7)}
.tk-regal.ist-poster .tk-bild{aspect-ratio:3/4}
.tk-regal.ist-poster .tk-wo,.tk-regal.ist-poster .tk-preis small{display:none}
.tk-regal.ist-poster .tk-name{font-size:16px}
@media(max-width:1100px){.tk-mosaik{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:180px}.tk-mos:nth-child(n+9){display:none}.tk-regal.ist-poster .tk-reihe .tk-karte{flex-basis:calc((100% - 48px)/4)}}
@media(max-width:600px){.tk-mosaik{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.tk-mos:nth-child(n+6){display:none}.tk-mos:nth-child(1){grid-column:span 2;grid-row:span 2}.tk-mos strong{font-size:15px}.tk-mos:nth-child(1) strong{font-size:22px}.tk-leiste .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.tk-leiste .wrap::-webkit-scrollbar{display:none}.tk-leiste a{flex:none;font-size:15px;padding:0 12px}.tk-regal.ist-poster .tk-reihe .tk-karte{flex-basis:44%}}
@media(prefers-reduced-motion:reduce){.tk-mos img{transition:none}.tk-mos:hover img{transform:none}}
.tk-staedte{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.tk-stadt{position:relative;display:block;aspect-ratio:3/4;border-radius:16px;overflow:hidden;color:#fff;text-decoration:none;background:var(--tk-navy)}
.tk-stadt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.tk-stadt:hover img{transform:scale(1.05)}
.tk-stadt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgb(10 15 31 / .9))}
.tk-stadt span{position:absolute;left:12px;right:12px;bottom:12px;z-index:1;display:flex;flex-direction:column}
.tk-stadt small{font-size:12px;color:#dbe6f7}
.tk-stadt strong{font-size:18px;font-weight:700;line-height:1.2}
.tk-charts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tk-chart{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:8px 4px;color:inherit;text-decoration:none}
.tk-chart b{grid-row:1;font-size:72px;line-height:.9;font-weight:700;color:var(--tk-blue);align-self:end}
.tk-chart-bild{grid-row:1;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--tk-pale)}
.tk-chart-bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.tk-chart:hover img{transform:scale(1.05)}
.tk-chart-text{grid-column:1/-1;display:flex;flex-direction:column;gap:2px}
.tk-chart-text strong{font-size:16px;font-weight:700}
.tk-chart-text small{font-size:13px;color:var(--tk-muted)}
.tk-chart-text em{font-style:normal;font-weight:700;color:var(--tk-orange)}
.tk-chart:focus-visible,.tk-stadt:focus-visible{outline:3px solid #8db8ff;outline-offset:2px}
@media(max-width:1100px){.tk-staedte{grid-template-columns:repeat(4,minmax(0,1fr))}.tk-charts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.tk-staedte{grid-template-columns:repeat(2,minmax(0,1fr))}.tk-charts{grid-template-columns:minmax(0,1fr)}.tk-chart{grid-template-columns:auto 120px minmax(0,1fr);grid-template-rows:auto}.tk-chart b{font-size:56px}.tk-chart-text{grid-column:3;grid-row:1;align-self:center}}