/*
 * KL17 – Frontend (Club-Design)
 * (C) 2026 Rokka-Brands
 *
 * Schriften bewusst NICHT per Google-Fonts-CDN (DSGVO). Lege
 * Anton / Archivo / JetBrains Mono als woff2 in media/com_kl17/fonts
 * und aktiviere die @font-face-Blöcke unten. Ohne sie fällt der
 * Browser still auf Systemschriften zurück – die Seite bleibt nutzbar.
 */
/*
*/

.kl17{
  --bg:#141210;--bg2:#1b1713;--card:#221d18;--card2:#2a241e;
  --ink:#f5efe6;--mid:#b8ab9c;--dim:#7d7265;
  --red:#e23b2e;--red2:#ff5a44;--amber:#e8a13c;
  --line:rgba(255,240,220,.09);--line2:rgba(255,240,220,.16);
  --disp:'Anton','Archivo Black',sans-serif;--body:'Archivo',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --g:10px;--r:16px;
  background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.5;
  -webkit-font-smoothing:antialiased;
  background-image:radial-gradient(130% 70% at 50% -10%,rgba(226,59,46,.14),transparent 55%),radial-gradient(90% 60% at 100% 10%,rgba(232,161,60,.07),transparent 60%);
}
.kl17 *{box-sizing:border-box}
.kl17 a{color:inherit;text-decoration:none;cursor:pointer}
.kl17 h1,.kl17 h2,.kl17 h3{margin:0;line-height:.95}
.kl17.wrap,.kl17 .wrap{max-width:600px;margin:0 auto;padding:var(--g)}
.kl17 .mono{font-family:var(--mono)}
.kl17 .lbl{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}
.kl17 .leer{padding:30px 10px;text-align:center;color:var(--dim);font-family:var(--mono);font-size:.74rem}

.kl17 .hero{position:relative;border-radius:var(--r);overflow:hidden;min-height:70vh;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:var(--g);isolation:isolate}
.kl17 .hero-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;background-color:var(--card2)}
.kl17 .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,8,6,.96) 6%,rgba(10,8,6,.55) 40%,rgba(10,8,6,.15) 70%,rgba(10,8,6,.5) 100%)}
.kl17 .hero-badge{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;padding:6px 12px 6px 9px;border-radius:99px;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.kl17 .hero-badge .pulse{width:7px;height:7px;border-radius:50%;background:#fff;animation:kl17pulse 1.6s infinite}
@keyframes kl17pulse{0%,100%{opacity:1}50%{opacity:.35}}
.kl17 .hero-body{position:relative;padding:18px 16px 20px}
.kl17 .hero-date{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.kl17 .hero-title{font-family:var(--disp);font-size:clamp(46px,14vw,88px);line-height:.84;letter-spacing:.01em;text-transform:uppercase}
.kl17 .hero-sub{font-size:.8rem;color:var(--mid);margin-top:10px;max-width:32ch}
.kl17 .hero-cta{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}

.kl17 .btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;padding:14px 22px;border-radius:99px;transition:transform .2s,box-shadow .2s}
.kl17 .btn-red{background:var(--red);color:#fff;box-shadow:0 8px 24px rgba(226,59,46,.35)}
.kl17 .btn:active{transform:scale(.97)}

.kl17 .sec{margin-top:30px}
.kl17 .sec-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 2px}
.kl17 .sec-hd h2{font-family:var(--disp);font-size:1.5rem;letter-spacing:.02em;text-transform:uppercase}

.kl17 .filter{display:flex;gap:6px;margin:4px 0 16px;flex-wrap:wrap}
.kl17 .fil{font-family:var(--mono);font-size:.62rem;font-weight:700;padding:8px 16px;border-radius:99px;background:var(--card);color:var(--mid);border:1px solid var(--line);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.kl17 .fil.on{background:var(--red);color:#fff;border-color:var(--red)}

.kl17 .ticket{display:flex;background:var(--card);border-radius:14px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}
.kl17 .ev-wrap+.ev-wrap .ticket,.kl17 .ticket+.ticket{margin-top:0}
.kl17 .ev-wrap{margin-top:var(--g)}
.kl17 .ev-wrap:first-child{margin-top:0}
.kl17 .ticket:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.4)}
.kl17 .tk-stub{position:relative;flex:0 0 78px;background:var(--card2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px}
.kl17 .tk-stub::after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:2px;background-image:radial-gradient(circle,var(--bg) 2.2px,transparent 2.4px);background-size:2px 11px;background-repeat:repeat-y}
.kl17 .tk-tag{font-family:var(--disp);font-size:2.1rem;line-height:.9;color:var(--ink)}
.kl17 .tk-mon{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.16em;color:var(--amber);margin-top:3px}
.kl17 .tk-wo{font-family:var(--mono);font-size:.46rem;letter-spacing:.14em;color:var(--dim);margin-top:5px;text-transform:uppercase}
.kl17 .tk-thumb{flex:0 0 76px;background-size:cover;background-position:center;background-color:var(--card2)}
.kl17 .tk-main{flex:1 1 auto;min-width:0;padding:12px 14px;display:flex;flex-direction:column;justify-content:center}
.kl17 .tk-name{font-family:var(--disp);font-size:1.15rem;letter-spacing:.02em;text-transform:uppercase;line-height:.95}
.kl17 .tk-sub{font-size:.62rem;color:var(--mid);margin-top:4px}
.kl17 .tk-meta{display:flex;align-items:center;gap:7px;margin-top:8px;flex-wrap:wrap}
.kl17 .tk-price{font-family:var(--mono);font-size:.6rem;font-weight:700;color:var(--ink);background:rgba(226,59,46,.16);border:1px solid rgba(226,59,46,.3);padding:2px 9px;border-radius:99px}
.kl17 .tk-time{font-family:var(--mono);font-size:.54rem;letter-spacing:.08em;color:var(--dim);text-transform:uppercase}
.kl17 .tk-go{flex:0 0 40px;display:flex;align-items:center;justify-content:center;color:var(--dim)}

.kl17 .back{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mid);padding:6px 2px;margin-bottom:10px}
.kl17 .ev-hero{position:relative;border-radius:var(--r);overflow:hidden;min-height:54vh;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;background:linear-gradient(155deg,var(--card2),var(--bg))}
.kl17 .ev-hero-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}
.kl17 .ev-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,8,6,.96) 8%,rgba(10,8,6,.4) 50%,rgba(10,8,6,.1) 80%,rgba(10,8,6,.4))}
.kl17 .ev-hero-badge{position:absolute;top:14px;left:14px;display:inline-flex;gap:6px;background:rgba(0,0,0,.5);border:1px solid var(--line2);color:var(--amber);padding:6px 12px;border-radius:99px;font-family:var(--mono);font-size:.54rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.kl17 .ev-hero-body{position:relative;padding:18px 16px 20px}
.kl17 .ev-hero-date{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);margin-bottom:8px}
.kl17 .ev-hero-name{font-family:var(--disp);font-size:clamp(40px,12vw,74px);line-height:.84;text-transform:uppercase}
.kl17 .ev-hero-sub{font-size:.8rem;color:var(--mid);margin-top:8px}
.kl17 .ev-ticket{display:flex;align-items:center;justify-content:space-between;background:var(--red);color:#fff;border-radius:12px;padding:15px 18px;margin-top:16px;box-shadow:0 8px 24px rgba(226,59,46,.35)}
.kl17 .ev-ticket b{font-family:var(--disp);font-size:1.3rem;letter-spacing:.02em;text-transform:uppercase}
.kl17 .ev-ticket span{display:block;font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;color:rgba(255,255,255,.75);margin-top:2px;text-transform:uppercase}
.kl17 .ev-social{display:flex;gap:8px;margin-top:var(--g)}
.kl17 .ev-soc{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px;font-size:.72rem;font-weight:700}
.kl17 .ev-soc svg{width:17px;height:17px}

.kl17 .facts{background:var(--card);border-radius:var(--r);padding:2px 16px;margin:0}
.kl17 .fact{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.kl17 .fact:last-child{border-bottom:none}
.kl17 .fact dt{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--dim);text-transform:uppercase;margin:0}
.kl17 .fact dd{font-weight:700;font-size:.82rem;text-align:right;margin:0}
.kl17 .ptext{background:var(--card);border-radius:var(--r);padding:16px;font-size:.84rem;line-height:1.7;color:var(--mid)}
.kl17 .ptext p{margin:0 0 10px}.kl17 .ptext p:last-child{margin:0}.kl17 .ptext strong{color:var(--ink)}

.kl17 .locs{display:flex;flex-direction:column;gap:var(--g)}
.kl17 .loc{position:relative;border-radius:var(--r);overflow:hidden;min-height:128px;display:flex;align-items:flex-end;padding:14px 16px;isolation:isolate}
.kl17 .loc-img{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;background-color:var(--card2)}
.kl17 .loc::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,6,5,.9) 30%,rgba(8,6,5,.35) 100%)}
.kl17 .loc-tag{font-family:var(--mono);font-size:.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}
.kl17 .loc-name{font-family:var(--disp);font-size:1.6rem;letter-spacing:.02em;text-transform:uppercase}
.kl17 .loc-desc{font-size:.66rem;color:var(--mid);margin-top:4px}
.kl17 .loc-go{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,245,235,.1);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center}

.kl17 .resv{display:flex;flex-direction:column;align-items:flex-start;gap:14px;text-decoration:none;color:#fff;isolation:isolate;position:relative;border-radius:var(--r);overflow:hidden;padding:26px 20px;margin-top:30px;background:linear-gradient(135deg,var(--red) 0%,#a81e14 100%)}
.kl17 .resv h3{font-family:var(--disp);font-size:2rem;text-transform:uppercase;color:#fff}
.kl17 .resv .btn{margin-top:0;background:#fff;color:var(--red)}

/* Startseite: Welten-Kacheln, Ghost-Button, Infos */
.kl17 .btn-ghost{background:rgba(255,245,235,.08);color:var(--ink);border:1px solid var(--line2)}
.kl17 .sec-hd a{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mid)}
.kl17 .sec-hd a:hover{color:var(--red2)}
.kl17 .worlds{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
.kl17 .w{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;display:flex;align-items:flex-end;padding:14px;isolation:isolate;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.kl17 .w:active{transform:scale(.98)}
.kl17 .w-img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--card);z-index:-2;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.kl17 .w:hover .w-img{transform:scale(1.07)}
.kl17 .w::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(8,6,5,.92),rgba(8,6,5,.25) 55%,transparent)}
.kl17 .w.tall{grid-row:span 2;aspect-ratio:auto}
.kl17 .w-tag{font-family:var(--mono);font-size:.5rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-bottom:5px}
.kl17 .w-name{font-family:var(--disp);font-size:1.7rem;letter-spacing:.02em;text-transform:uppercase;line-height:.95}
.kl17 .w-desc{font-size:.68rem;color:var(--mid);margin-top:5px;line-height:1.4}
.kl17 .w-arrow{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:rgba(255,245,235,.1);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:all .3s}
.kl17 .w:hover .w-arrow{background:var(--red);border-color:var(--red);transform:rotate(-45deg)}
.kl17 .info-bild{width:100%;border-radius:var(--r);margin-bottom:12px}
@media(prefers-reduced-motion:reduce){.kl17 *{animation:none!important}}
/* Lange Namen duerfen nicht aus der Kachel laufen (v. a. ohne Anton) */
.kl17 .hero-title,.kl17 .ev-hero-name,.kl17 .w-name,.kl17 .tk-name,.kl17 .loc-name{overflow-wrap:break-word;hyphens:auto;min-width:0}
.kl17 .w-name{font-size:clamp(1rem,5.2vw,1.7rem)}
.kl17 .hero-title{font-size:clamp(38px,11.5vw,92px)}
.kl17 .sec-top{margin-top:4px}
.kl17 .sec-top + .hero{margin-top:30px}

/* Event-Liste Startseite */
.kl17 .ev-grid{display:flex;flex-direction:column;gap:var(--g)}

/* =========================================================
   Detailseiten: Grundaufbau (Handy = untereinander)
   ========================================================= */
.kl17 .detail{display:block}
.kl17 .d-side .sec:first-child{margin-top:var(--g)}

/* Seitenkopf Events-Seite (eigenes Headerbild) */
.kl17 .page-head{position:relative;border-radius:var(--r);overflow:hidden;min-height:46vh;display:flex;align-items:flex-end;isolation:isolate;margin-bottom:var(--g)}
.kl17 .page-head-img{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--card2);z-index:-2}
.kl17 .page-head::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(10,8,6,.92) 8%,rgba(10,8,6,.45) 45%,rgba(10,8,6,.1) 75%)}
.kl17 .page-head-body{padding:18px 16px 22px}
.kl17 .page-head-title{font-family:var(--disp);font-size:clamp(44px,13vw,80px);line-height:.86;text-transform:uppercase;overflow-wrap:break-word}
@media (min-width:768px){.kl17 .page-head{min-height:380px}.kl17 .page-head-body{padding:28px 30px 32px}.kl17 .page-head-title{font-size:clamp(64px,8vw,104px)}}
@media (min-width:1100px){.kl17 .page-head{min-height:460px}.kl17 .page-head-body{padding:40px 44px}.kl17 .page-head-title{font-size:clamp(84px,6.5vw,120px)}}

/* =========================================================
   TABLET  ab 768 px
   ========================================================= */
@media (min-width:768px){
  .kl17.wrap,.kl17 .wrap{max-width:960px;padding:16px 24px}
  .kl17 .sec{margin-top:40px}
  .kl17 .sec-top + .hero{margin-top:40px}
  .kl17 .sec-hd h2{font-size:2rem}

  .kl17 .hero{min-height:56vh}
  .kl17 .hero-body{padding:28px 30px 32px}
  .kl17 .hero-title{font-size:clamp(60px,9vw,104px)}
  .kl17 .hero-sub{font-size:.95rem;max-width:46ch}

  /* Welten: 3 Spalten, feste Zeilenhoehe statt Hochformat */
  .kl17 .worlds{grid-template-columns:repeat(3,1fr);grid-auto-rows:230px}
  .kl17 .w{aspect-ratio:auto;padding:18px}
  .kl17 .w.tall{grid-row:span 2}
  .kl17 .w-name{font-size:clamp(1.5rem,2.6vw,2.2rem)}

  /* Event-Listen zweispaltig */
  .kl17 #konzert-list,.kl17 .ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
  .kl17 #konzert-list .ev-wrap{margin:0}
  .kl17 .ticket{height:100%}
  .kl17 .tk-thumb{display:none}

  /* Locations-Uebersicht zweispaltig, hoehere Karten */
  .kl17 .locs{display:grid;grid-template-columns:1fr 1fr;gap:var(--g)}
  .kl17 .loc{min-height:200px;padding:20px}
  .kl17 .loc-name{font-size:2rem}
  .kl17 .loc-desc{font-size:.78rem}

  .kl17 .ev-hero{min-height:48vh}
  .kl17 .ev-hero-body{padding:28px 30px 32px}
  .kl17 .ev-hero-name{font-size:clamp(56px,9vw,100px)}
  .kl17 .ptext{padding:22px 24px;font-size:.92rem}
  .kl17 .fact dd{font-size:.9rem}
}

/* =========================================================
   DESKTOP  ab 1100 px
   ========================================================= */
@media (min-width:1100px){
  .kl17.wrap,.kl17 .wrap{max-width:1240px;padding:20px 32px}

  .kl17 .hero{min-height:min(68vh,640px)}
  .kl17 .hero-body{padding:40px 44px 44px}
  .kl17 .hero-title{font-size:clamp(80px,7vw,124px)}

  .kl17 .worlds{grid-auto-rows:270px;gap:14px}
  .kl17 .w{padding:22px}
  .kl17 .w-desc{font-size:.85rem;max-width:34ch}

  .kl17 #konzert-list,.kl17 .ev-grid{gap:14px}
  .kl17 .tk-thumb{display:block;flex-basis:96px}
  .kl17 .locs{grid-template-columns:repeat(3,1fr);gap:14px}
  .kl17 .loc{min-height:300px;align-items:flex-end}
  .kl17 .loc::before{background:linear-gradient(to top,rgba(8,6,5,.92) 20%,rgba(8,6,5,.25) 75%)}
  .kl17 .loc-go{top:20px;transform:none}

  /* Detailseiten: Text links, Tickets/Fakten rechts mitlaufend */
  .kl17 .detail{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-areas:"cta side" "text side";column-gap:32px;align-items:start;margin-top:8px}
  .kl17 .detail:not(:has(.d-cta)){grid-template-areas:"text side"}
  .kl17 .d-cta{grid-area:cta}
  .kl17 .d-text{grid-area:text}
  .kl17 .d-side{grid-area:side;position:sticky;top:24px}
  .kl17 .d-cta .ev-ticket{margin-top:24px}
  .kl17 .d-side .sec:first-child{margin-top:24px}
  .kl17 .ev-hero{min-height:min(56vh,560px)}
  .kl17 .ev-hero-body{padding:40px 44px}
  .kl17 .ev-hero-name{font-size:clamp(90px,7vw,130px)}
}
/* Buchungslinks (z. B. Ostel) */
.kl17 .buchen{display:grid;gap:8px}
.kl17 .buchen-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line2);color:var(--ink);font-weight:800;font-size:.9rem;text-decoration:none;transition:border-color .2s,background .2s}
.kl17 .buchen-btn:hover{border-color:var(--red);background:var(--card2)}
.kl17 .buchen-btn svg{color:var(--red2)}
/* Galerie */
.kl17 .galerie{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kl17 .gal-item{display:block;padding:0;border:0;border-radius:12px;overflow:hidden;background:var(--card);cursor:zoom-in;aspect-ratio:4/3}
.kl17 .gal-item.gal-gross{grid-column:1/-1;aspect-ratio:16/9}
.kl17 .gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.kl17 .gal-item:hover img{transform:scale(1.05)}
@media (min-width:768px){.kl17 .galerie{grid-template-columns:repeat(3,1fr);gap:10px}.kl17 .gal-item.gal-gross{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}}
/* Lightbox */
.kl17-lb:not([open]){display:none}
.kl17-lb{position:fixed;inset:0;z-index:2000;background:rgba(8,6,5,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:0;max-width:none;max-height:none;width:100%;height:100%;color:#f5efe6}
.kl17-lb::backdrop{background:rgba(8,6,5,.94)}
.kl17-lb img{max-width:100%;max-height:calc(100dvh - 120px);border-radius:12px;object-fit:contain}
.kl17-lb p{font-size:.85rem;color:#b8ab9c;margin:12px 0 0;text-align:center}
.kl17-lb button{position:absolute;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,240,220,.16);background:rgba(30,25,20,.8);color:#f5efe6;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center}
.kl17-lb .lb-zu{top:16px;right:16px}
.kl17-lb .lb-vor{right:16px;top:50%;transform:translateY(-50%)}
.kl17-lb .lb-zur{left:16px;top:50%;transform:translateY(-50%)}
.kl17-lb .lb-nr{position:absolute;top:28px;left:20px;font-family:"JetBrains Mono",monospace;font-size:.6rem;letter-spacing:.14em;color:#7d7265}
/* Line-up / Zeitplan */
.kl17 .lineup{list-style:none;margin:0;padding:0;position:relative}
.kl17 .lineup::before{content:"";position:absolute;left:83px;top:14px;bottom:14px;width:2px;background:var(--line2)}
.kl17 .lu-act{position:relative;display:flex;align-items:center;gap:22px;padding:14px 16px 14px 0;background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:8px}
.kl17 .lu-act::before{content:"";position:absolute;left:78px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px var(--card)}
.kl17 .lu-zeit{flex:0 0 62px;text-align:right;font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--amber);letter-spacing:.04em}
.kl17 .lu-txt{flex:1 1 auto;min-width:0;padding-left:16px}
.kl17 .lu-name{display:block;font-family:var(--disp);font-size:1.35rem;line-height:1.05;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:break-word}
.kl17 .lu-info{display:block;font-size:.76rem;color:var(--mid);margin-top:3px}
.kl17 .lu-link{flex:0 0 34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);color:var(--red2)}
.kl17 .lu-link:hover{background:var(--red);border-color:var(--red);color:#fff}
@media (min-width:768px){.kl17 .lu-name{font-size:1.6rem}.kl17 .lu-act{padding:18px 20px 18px 0}}
.kl17 .resv::before{z-index:-1}
.kl17 .d-side .resv{margin-top:24px;padding:22px 20px}
.kl17 .d-side .resv h3{font-size:1.7rem;line-height:1}
.kl17 .buchen-haupt{background:var(--red);border-color:var(--red);color:#fff}
.kl17 .buchen-haupt svg{color:#fff}
.kl17 .buchen-haupt:hover{background:var(--red2);border-color:var(--red2)}

/* Adresse & Anfahrt */
.kl17 .adresse{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}
.kl17 .adr-zeile{display:flex;gap:12px;align-items:flex-start;color:var(--ink);text-decoration:none;font-size:.95rem;line-height:1.45}
.kl17 .adr-zeile:hover .adr-pin{background:var(--red);color:#fff}
.kl17 .adr-pin{flex:0 0 36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(226,59,46,.14);color:var(--red2);transition:background .2s,color .2s}
.kl17 .adr-name{display:block;font-weight:800;margin-bottom:2px}
.kl17 .adr-hinweise{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line)}
.kl17 .adr-hinweis{display:flex;gap:10px;justify-content:space-between;font-size:.82rem;padding:5px 0}
.kl17 .adr-hinweis dt{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding-top:3px}
.kl17 .adr-hinweis dd{margin:0;color:var(--mid);text-align:right}
.kl17 .adr-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.kl17 .adr-btn{display:flex;align-items:center;justify-content:center;padding:11px 10px;border-radius:12px;border:1px solid var(--line2);color:var(--ink);font-size:.8rem;font-weight:800;text-decoration:none;transition:border-color .2s,background .2s}
.kl17 .adr-btn:hover{border-color:var(--red)}
.kl17 .adr-haupt{grid-column:1/-1;background:var(--red);border-color:var(--red);color:#fff}
.kl17 .adr-haupt:hover{background:var(--red2)}
.kl17 .facts dd a{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Hausregeln (aufklappbar) */
.kl17 .regeln{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.kl17 .regeln summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-weight:800;font-size:.9rem}
.kl17 .regeln summary::-webkit-details-marker{display:none}
.kl17 .regeln summary svg{color:var(--red2);transition:transform .25s}
.kl17 .regeln[open] summary svg{transform:rotate(180deg)}
.kl17 .regeln[open] summary span::after{content:" "}
.kl17 .regeln-inhalt{padding:0 18px 18px;font-size:.88rem;line-height:1.65;color:var(--mid);border-top:1px solid var(--line)}
.kl17 .regeln-inhalt h3{font-family:var(--disp);font-weight:400;font-size:1.15rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin:18px 0 6px}
.kl17 .regeln-inhalt ul{margin:0;padding-left:1.1em}
.kl17 .regeln-inhalt li{margin:3px 0}
.kl17 .regeln-inhalt li::marker{color:var(--red2)}

/* Hausregeln: Link-Karte + eigene Seite */
.kl17 .regeln-link{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--line2);border-radius:var(--r);color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
.kl17 .regeln-link:hover{border-color:var(--red);background:var(--card2)}
.kl17 .regeln-ico{flex:0 0 42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(226,59,46,.14);color:var(--red2)}
.kl17 .regeln-txt{flex:1;min-width:0}
.kl17 .regeln-txt b{display:block;font-family:var(--disp);font-weight:400;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em}
.kl17 .regeln-txt span{font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.kl17 .regeln-pfeil{color:var(--red2)}
.kl17 .regeln-mini{display:block;margin-top:12px;text-align:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mid);text-decoration:none}
.kl17 .regeln-mini:hover{color:var(--red2)}
.kl17 .page-head-klein{min-height:260px}
@media (min-width:768px){.kl17 .page-head-klein{min-height:300px}}
.kl17 .regeln-seite{counter-reset:r;display:grid;gap:10px}
.kl17 .regeln-seite h3{font-family:var(--disp);font-weight:400;font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin:14px 0 0;padding:16px 18px 0;background:var(--card);border-radius:var(--r) var(--r) 0 0;border:1px solid var(--line);border-bottom:0}
.kl17 .regeln-seite h3:first-child{margin-top:0}
.kl17 .regeln-seite ul{margin:0;padding:8px 18px 16px 2.2em;background:var(--card);border-radius:0 0 var(--r) var(--r);border:1px solid var(--line);border-top:0;color:var(--mid);font-size:.92rem;line-height:1.65}
.kl17 .regeln-seite li{margin:4px 0}
.kl17 .regeln-seite li::marker{color:var(--red2)}
.kl17 .regeln-seite p{color:var(--mid)}
.kl17 .regeln-hinweis{font-size:.85rem;color:var(--mid);margin:0}
/* Anfahrt */
.kl17{--akz:var(--red);--akz-ink:#fff}
.kl17 .orte{display:grid;gap:var(--g);margin-top:var(--g)}
.kl17 .ort{display:grid;grid-template-columns:1fr;gap:14px;padding:18px;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--akz);border-radius:var(--r)}
.kl17 .ort-links{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;min-width:0}
.kl17 .ort-logos{display:flex;flex:0 0 auto;gap:6px}
.kl17 .ort-logo{display:block;width:56px;height:56px;border-radius:50%;background:var(--bg2);transition:transform .2s}
.kl17 .ort-logo:hover{transform:translateY(-3px);z-index:1}
.kl17 .ort-logo img{width:100%;height:100%;object-fit:contain}
.kl17 .ort-logo span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border-radius:50%;background:var(--akz);color:var(--akz-ink);font-family:var(--disp);font-size:1.4rem}
.kl17 .ort-adr{flex:1 1 220px;min-width:0}
.kl17 .ort-namen{font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--akz-txt,var(--mid));margin-bottom:4px}
.kl17 .ort-name{font-family:var(--disp);font-weight:400;font-size:clamp(1.3rem,4.6vw,1.75rem);line-height:1;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere}
.kl17 .ort-ort{color:var(--mid);font-size:.86rem;margin-top:3px}
.kl17 .ort-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:99px;font-weight:800;font-size:.84rem;text-decoration:none;white-space:nowrap}
.kl17 .ort-btn-haupt{background:var(--akz);color:var(--akz-ink)}
.kl17 .ort-btn-haupt:hover{filter:brightness(1.08)}
.kl17 .ort-leiste{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kl17 .ort-leiste a,.kl17 .ort-leiste button{display:flex;align-items:center;justify-content:center;padding:11px 8px;background:var(--bg2);color:var(--ink);font:inherit;font-weight:700;font-size:.78rem;border:0;cursor:pointer;text-decoration:none;text-align:center;transition:background .2s,color .2s}
.kl17 .ort-leiste a:hover,.kl17 .ort-leiste button:hover{background:var(--card2);color:var(--akz-txt,var(--ink))}
.kl17 .ort-fuss{grid-column:1/-1;display:grid;gap:8px}
.kl17 .ort-info{display:grid;gap:3px;padding:10px 14px;border-radius:12px;background:var(--bg2);font-size:.84rem;color:var(--mid);text-decoration:none}
.kl17 .ort-info .lbl{color:var(--dim)}
.kl17 .ort-next b{font-family:var(--disp);font-weight:400;font-size:1.05rem;text-transform:uppercase;color:var(--ink);letter-spacing:.02em}
.kl17 .ort-next:hover{box-shadow:inset 0 0 0 1px var(--akz)}
@media (min-width:640px){
  .kl17 .ort{grid-template-columns:1fr auto;align-items:center;padding:20px 22px}
  .kl17 .ort-leiste{grid-template-columns:repeat(4,1fr)}
  .kl17 .ort-links{flex-wrap:nowrap}
  .kl17 .ort-logos{width:180px}
  .kl17 .ort-fuss{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}
@media (max-width:639px){.kl17 .ort-btn-haupt{width:100%}}
.kl17 .cols-2{display:grid;gap:0 var(--g)}
@media (min-width:768px){.kl17 .cols-2{grid-template-columns:1fr 1fr}}

/* Kontakt */
.kl17 .kontakt-direkt{display:grid;gap:8px;margin-top:var(--g)}
.kl17 .kd{display:block;padding:16px 18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);text-decoration:none}
.kl17 .kd b{display:flex;align-items:center;gap:8px;font-size:1.05rem;margin-top:4px}
.kl17 .kd:hover{border-color:var(--red)}
.kl17 .kd-haupt{background:var(--red);border-color:var(--red)}
.kl17 .kd-haupt .lbl{color:rgba(255,255,255,.75)}
.kl17 .anfragen{display:grid;gap:var(--g)}
.kl17 .anfrage{display:grid;grid-template-columns:120px 1fr;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.kl17 .anfrage{border-top:3px solid var(--akz)}
.kl17 .anfrage-logo{display:flex;align-items:center;justify-content:center;padding:14px;background:var(--bg2)}
.kl17 .anfrage-logo img{width:100%;max-width:96px;height:auto}
.kl17 .anfrage-logo span{display:flex;width:72px;height:72px;border-radius:50%;align-items:center;justify-content:center;background:var(--akz);color:var(--akz-ink);font-family:var(--disp);font-size:2rem}
.kl17 .anfrage .btn-red{background:var(--akz);color:var(--akz-ink);box-shadow:none}
.kl17 .anfrage-txt{padding:16px}
.kl17 .anfrage-txt h3{font-family:var(--disp);font-weight:400;font-size:1.6rem;text-transform:uppercase;line-height:1}
.kl17 .anfrage-txt p{font-size:.84rem;color:var(--mid);margin:6px 0 0}
.kl17 .anfrage-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.kl17 .anfrage-btns .btn{padding:10px 14px;font-size:.76rem}
.kl17 .faq-gruppe{display:grid;gap:8px}
.kl17 .faq summary span{font-weight:800}
@media (min-width:768px){.kl17 .kontakt-direkt{grid-template-columns:repeat(3,1fr)}.kl17 .anfragen{grid-template-columns:1fr 1fr}}
.kl17 .faq-gruppe[hidden]{display:none}
/* Kontakt: Buchen & Band */
.kl17 .extra-anfragen{display:grid;gap:var(--g);margin-top:30px}
.kl17 .extra{position:relative;display:block;padding:20px 60px 20px 20px;border-radius:var(--r);background:linear-gradient(135deg,var(--red),#a81e14);color:#fff;text-decoration:none;overflow:hidden}
.kl17 .extra .lbl{color:rgba(255,255,255,.75)}
.kl17 .extra b{display:block;font-family:var(--disp);font-weight:400;font-size:2rem;text-transform:uppercase;line-height:1;margin:6px 0}
.kl17 .extra span:not(.lbl){font-size:.86rem;color:rgba(255,255,255,.85)}
.kl17 .extra i{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center}
.kl17 .extra-band{background:var(--card);border:1px solid var(--line2)}
.kl17 .extra-band .lbl{color:var(--amber)}
.kl17 .extra-band span:not(.lbl){color:var(--mid)}
.kl17 .extra-band i{background:var(--red);color:#fff}
@media (min-width:768px){.kl17 .extra-anfragen{grid-template-columns:1fr 1fr}}

/* Marken: Logos & Farben je Welt */
.kl17 [style*="--akz"],.kl17[style*="--akz"]{--akz-txt:color-mix(in srgb,var(--akz) 58%,#fff)}
.kl17 .marke-logo{position:absolute;top:12px;left:12px;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.55));z-index:1}
.kl17 .w{box-shadow:inset 0 -4px 0 var(--akz)}
.kl17 .w-tag,.kl17 .loc-tag{color:var(--akz-txt)}
.kl17 .w:hover .w-arrow{background:var(--akz);border-color:var(--akz);color:var(--akz-ink)}
.kl17 .loc{border-left:4px solid var(--akz)}
.kl17 .loc .marke-logo{position:static;flex:0 0 auto;width:56px;height:56px;margin-right:14px;align-self:center}
@media (min-width:768px){
  .kl17 .loc{flex-direction:column;align-items:flex-start;justify-content:flex-end}
  .kl17 .loc .marke-logo{position:absolute;top:16px;left:16px;margin:0;width:72px;height:72px}
  .kl17 .loc-go{top:16px;right:16px;transform:none}
  .kl17 .locs>.loc:last-child:nth-child(odd){grid-column:1/-1}
}
@media (min-width:1100px){
  .kl17 .locs{grid-template-columns:repeat(6,1fr)}
  .kl17 .locs>.loc{grid-column:span 2}
  .kl17 .locs>.loc:last-child:nth-child(odd){grid-column:span 2}
  .kl17 .locs>.loc:nth-child(3n+1):nth-last-child(2),.kl17 .locs>.loc:nth-child(3n+2):last-child{grid-column:span 3}
  .kl17 .locs>.loc:nth-child(3n+1):last-child{grid-column:1/-1}
  .kl17 .loc .marke-logo{width:84px;height:84px;top:20px;left:20px}
}
.kl17 .loc:hover .loc-go{background:var(--akz);border-color:var(--akz);color:var(--akz-ink)}
.kl17 .ev-hero .marke-logo{top:auto;bottom:auto;left:auto;right:14px;top:14px;width:76px;height:76px}
.kl17 .ev-hero-badge{color:var(--akz-txt);border-color:color-mix(in srgb,var(--akz) 45%,transparent)}
.kl17 .wrap[style*="--akz"] .ev-ticket{background:var(--akz);color:var(--akz-ink);box-shadow:0 8px 24px color-mix(in srgb,var(--akz) 35%,transparent)}
.kl17 .wrap[style*="--akz"] .buchen-haupt{background:var(--akz);border-color:var(--akz);color:var(--akz-ink)}
.kl17 .wrap[style*="--akz"] .buchen-haupt svg{color:var(--akz-ink)}
.kl17 .wrap[style*="--akz"] .buchen-haupt:hover{filter:brightness(1.08)}
.kl17 .wrap[style*="--akz"] .resv{background:linear-gradient(135deg,var(--akz),color-mix(in srgb,var(--akz) 65%,#000))}
.kl17 .wrap[style*="--akz"] .resv h3{color:var(--akz-ink)}
.kl17 .wrap[style*="--akz"] .resv .btn{color:var(--akz)}
.kl17 .wrap[style*="--akz"] .lu-zeit,.kl17 .wrap[style*="--akz"] .sec-hd .lbl{color:var(--akz-txt)}
.kl17 .ticket .tk-stub{box-shadow:inset 4px 0 0 var(--akz)}
.kl17 .ticket .tk-mon{color:var(--akz-txt)}
.kl17 .ticket:hover .tk-go{color:var(--akz-txt)}
@media (min-width:768px){.kl17 .marke-logo{width:64px;height:64px;top:16px;left:16px}.kl17 .ev-hero .marke-logo{width:96px;height:96px;left:auto;right:20px;top:20px}}
/* Kontakt: Auswahl -> Funnel */
.kl17 .kt{margin-top:var(--g)}
.kl17 .kt-wahl{display:grid;gap:8px}
.kl17 .kt-wahl[hidden],.kl17 .kt-schritt[hidden]{display:none}
.kl17 .kt-karte{display:flex;align-items:center;gap:16px;width:100%;padding:18px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.kl17 .kt-karte:hover{border-color:var(--red);background:var(--card2)}
.kl17 .kt-karte:active{transform:scale(.99)}
.kl17 .kt-nr{flex:0 0 auto;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.14em;color:var(--red2)}
.kl17 .kt-txt{flex:1;display:grid;gap:4px;min-width:0}
.kl17 .kt-txt b{font-family:var(--disp);font-weight:400;font-size:1.35rem;line-height:1;text-transform:uppercase;letter-spacing:.01em}
.kl17 .kt-txt small{font-size:.82rem;color:var(--mid);line-height:1.35}
.kl17 .kt-go{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line2);color:var(--ink);transition:all .2s}
.kl17 .kt-karte:hover .kt-go{background:var(--red);border-color:var(--red);color:#fff}
.kl17 .kt-schritt{border:1px solid var(--line);border-radius:var(--r);background:var(--card);overflow:hidden}
.kl17 .kt-schritt-kopf{padding:16px 20px;border-bottom:1px solid var(--line);display:grid;gap:8px}
.kl17 .kt-zurueck{justify-self:start;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;color:var(--mid);font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.kl17 .kt-zurueck:hover{color:var(--ink)}
.kl17 .kt-schritt-kopf h2{font-family:var(--disp);font-weight:400;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1;text-transform:uppercase}
.kl17 .kt-funnel{padding:20px;min-width:0}
.kl17 .kt-direkt{margin:18px 2px 0;color:var(--mid);font-size:.9rem}
.kl17 .kt-direkt a{color:var(--ink);font-weight:700;text-decoration:none;margin-left:6px}
.kl17 .kt-direkt a:hover{color:var(--red2)}
.kl17 .kt-direkt span{margin-left:6px;color:var(--dim)}
@media (min-width:900px){
  .kl17 .kt-wahl{grid-template-columns:1fr 1fr;gap:12px}
  .kl17 .kt-wahl>.kt-karte:last-child:nth-child(odd){grid-column:1/-1}
  .kl17 .kt-karte{padding:24px}
  .kl17 .kt-txt b{font-size:1.6rem}
  .kl17 .kt-schritt-kopf{padding:22px 32px}
  .kl17 .kt-funnel{padding:28px 32px 32px;max-width:760px}
}
/* RK-IT-Funnel an KL17 anpassen */
.kl17 .kt-funnel .rkfn-inline{padding:0!important;background:transparent!important;color:var(--ink)!important;font-family:inherit!important}
.kl17 .kt-funnel .rkfn-inline::before{display:none!important}
.kl17 .kt-funnel .rkfn-i-prog{max-width:none!important;margin:0 0 16px!important}
.kl17 .kt-funnel .rkfn-i-prog>div:first-child{text-align:left!important;font-family:var(--mono);font-size:.6rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)!important}
.kl17 .kt-funnel .rkfn-i-prog>div:last-child{height:3px!important;background:var(--line)!important}
.kl17 .kt-funnel .rkfn-i-fill{background:var(--red)!important}
.kl17 .kt-funnel .rkfn-i-card{max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
.kl17 .kt-funnel .rkfn-i-q,.kl17 .kt-funnel .rkfn-i-h{font-family:var(--disp)!important;font-weight:400!important;font-size:clamp(1.3rem,3.4vw,1.75rem)!important;line-height:1.05;text-transform:uppercase;color:var(--ink)!important;margin:0 0 14px!important}
.kl17 .kt-funnel .rkfn-i-sub{color:var(--mid)!important;font-size:.88rem!important}
.kl17 .kt-funnel .rkfn-i-opt{display:flex!important;align-items:center;justify-content:space-between;background:var(--card)!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:12px!important;padding:15px 18px!important;font-weight:600!important;font-size:.95rem!important;margin-bottom:8px!important;transform:none!important}
.kl17 .kt-funnel .rkfn-i-opt::after{content:"→";color:var(--dim);transition:color .2s,transform .2s}
.kl17 .kt-funnel .rkfn-i-opt:hover{border-color:var(--red)!important;background:var(--card2)!important}
.kl17 .kt-funnel .rkfn-i-opt:hover::after{color:var(--red2);transform:translateX(3px)}
.kl17 .kt-funnel .rkfn-i-opt.rkfn-i-on{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.kl17 .kt-funnel .rkfn-i-back{color:var(--mid)!important;font-family:var(--mono)!important;font-size:.66rem!important;letter-spacing:.12em;text-transform:uppercase}
.kl17 .kt-funnel .rkfn-i-cta,.kl17 .kt-funnel .rk-btn{background:var(--red)!important;color:#fff!important;border-radius:99px!important;font-weight:800!important}
.kl17 .kt-funnel .rk-form{max-width:none!important;background:transparent!important;border:0!important;padding:0!important;color:var(--ink)!important}
.kl17 .kt-funnel .rk-fl{color:var(--mid)!important}
.kl17 .kt-funnel .rk-fi,.kl17 .kt-funnel .rk-fs,.kl17 .kt-funnel .rk-ft{background:var(--card)!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:10px!important}
.kl17 .kt-funnel .rk-fi:focus,.kl17 .kt-funnel .rk-fs:focus,.kl17 .kt-funnel .rk-ft:focus{border-color:var(--red)!important;box-shadow:none!important}
/* Weitere Bereiche: neutral */
.kl17 .anfrage{border-top:1px solid var(--line)}
.kl17 .anfrage-logo{background:transparent;padding:14px 0 14px 14px}
.kl17 .anfrage-logo img{max-width:64px}
.kl17 .anfrage{grid-template-columns:84px 1fr}
.kl17 .anfrage .w-tag{color:var(--dim)}
.kl17 .anfrage .btn-an{border-color:var(--line2)}
@media (min-width:900px){
  .kl17 .kt-reiter{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}
  .kl17 .kt-tab{padding:18px 20px}
  .kl17 .kt-tab b{font-size:1.35rem}
  .kl17 .kt-panel{grid-template-columns:300px 1fr}
  .kl17 .kt-info{padding:30px 28px;border-right:1px solid var(--line)}
  .kl17 .kt-info h3{font-size:2rem}
  .kl17 .kt-tel{display:grid;gap:4px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
  .kl17 .kt-tel b{font-size:1.05rem}
  .kl17 .kt-funnel{padding:30px 32px}
}
/* Impressum / Datenschutz */
.kl17 .recht-kopf{padding:28px 2px 18px;display:grid;gap:8px}
.kl17 .recht-kopf .page-head-title{font-size:clamp(2.4rem,9vw,4.4rem)}
.kl17 .recht-wechsel{justify-self:start;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);text-decoration:none}
.kl17 .recht-wechsel:hover{color:var(--red2)}
.kl17 .recht{max-width:820px;padding:22px;font-size:.92rem;line-height:1.75}
.kl17 .recht h2{font-family:var(--disp);font-weight:400;font-size:1.3rem;text-transform:uppercase;letter-spacing:.01em;color:var(--ink);margin:26px 0 8px}
.kl17 .recht h2:first-child{margin-top:0}
.kl17 .recht p{margin:0 0 12px}
.kl17 .recht a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px;overflow-wrap:anywhere}
@media (min-width:900px){.kl17 .recht{padding:36px 40px}}

/* Events nach Jahr */
.kl17 .ev-jahr{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin:18px 0 2px;font-family:var(--disp);font-weight:400;font-size:clamp(1.6rem,5vw,2.2rem);line-height:1;color:var(--ink);letter-spacing:.02em}
.kl17 .ev-jahr::after{content:"";flex:1;height:1px;background:var(--line2)}
.kl17 #konzert-list>.ev-jahr:first-child,.kl17 .ev-grid>.ev-jahr:first-child{margin-top:4px}
.kl17 .ev-social{flex-wrap:wrap}
.kl17 .ev-soc{min-width:calc(50% - 4px)}
@media (min-width:768px){.kl17 .ev-soc{min-width:0}}

/* Kontakt: E-Mail-Button */
.kl17 .kt-mail{display:flex;align-items:center;gap:16px;margin-top:8px;padding:18px;border-radius:var(--r);border:1px dashed var(--line2);background:transparent;color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
.kl17 .kt-mail:hover{border-style:solid;border-color:var(--red);background:var(--card)}
.kl17 .kt-mail-ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--red);color:#fff}
.kl17 .kt-mail .kt-txt small{font-size:.9rem;color:var(--ink)}
.kl17 .kt-mail:hover .kt-go{background:var(--red);border-color:var(--red);color:#fff}
@media (min-width:900px){.kl17 .kt-mail{margin-top:12px;padding:20px 24px}}

/* Events-Seite ohne Header */
.kl17 .ev-seite-titel{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,7vw,3.4rem);line-height:1;text-transform:uppercase;letter-spacing:.01em;margin:6px 0 0}