/* ============================================================================
   TICKETS (Design V2) — baut auf design-v2.css, team-v2.css/teams-v2.css (.th-tpanel-Diagonal-
   schnitt-Kachel, .cta-banner/.cta-inner-Basis) und club-100-v2.css (.c1-hero-Intro-Band, hier
   per .tk-hero minimal angepasst: kein Stat-Block/CTA-Button im Intro selbst) auf.
   Aufbau: kompaktes Navy-Intro · Preise als Diagonalschnitt-Kacheln (4, echte Preise) ·
   Vorverkaufsstellen als zwei .th-tpanel-Kacheln (echte Adressen/Öffnungszeiten/Kontakt) ·
   Kontakt-Banner.
   ============================================================================ */
.tk-hero{padding-bottom:60px;}

/* ---------- Preise ---------- */
.tk-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
@media (max-width:820px){.tk-price-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.tk-price-grid{grid-template-columns:1fr;}}
.tk-price{
  --tc-c:18px;--tc-o:6px;--tshape:polygon(0 0,calc(100% - var(--tc-c)) 0,100% var(--tc-c),100% 100%,var(--tc-c) 100%,0 calc(100% - var(--tc-c)));
  position:relative;isolation:isolate;padding:28px 22px 26px;
}
.tk-price::after,.tk-price::before{content:"";position:absolute;inset:0;clip-path:var(--tshape);}
.tk-price::after{z-index:-2;background:var(--surface);}
.tk-price::before{z-index:-3;background:var(--btn-back,var(--brand-navy-deep));transform:translate(var(--tc-o),var(--tc-o));}
.tk-price .pr{font-family:var(--font-numerals);font-size:44px;color:var(--brand-red);line-height:1;}
.tk-price .pr sup{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--brand-red);margin-left:2px;}
.tk-price h3{font-family:var(--font-impact);font-weight:400;text-transform:uppercase;letter-spacing:.01em;font-size:20px;margin-top:14px;color:var(--ink);}
.tk-price p{font-size:13px;color:var(--ink-soft);margin-top:6px;line-height:1.4;}

/* ---------- Vorverkaufsstellen (.th-tpanel wiederverwendet, hier ohne Tabellen-Inhalt) ---------- */
.tk-loc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
@media (max-width:700px){.tk-loc-grid{grid-template-columns:1fr;}}
.tk-loc h3{font-family:var(--font-impact);font-weight:400;text-transform:uppercase;font-size:24px;}
.tk-addr{font-size:14.5px;color:var(--ink-soft);margin-top:10px;line-height:1.5;}
.tk-hours{margin-top:18px;border-top:1px solid var(--border);padding-top:14px;}
.tk-hours li{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:5px 0;color:var(--ink-soft);}
.tk-hours li span:last-child{font-weight:600;color:var(--ink);}
.tk-contact{margin-top:16px;border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:6px;}
.tk-contact a{font-size:13.5px;font-weight:700;color:var(--brand-red);}
.tk-contact a:hover{color:var(--brand-red-hover);}
