@font-face{font-family:Lexend;font-weight:300;font-display:swap;src:url(/assets/fonts/lexend-300.woff2) format("woff2")}
@font-face{font-family:Lexend;font-weight:400;font-display:swap;src:url(/assets/fonts/lexend-400.woff2) format("woff2")}
@font-face{font-family:Lexend;font-weight:500;font-display:swap;src:url(/assets/fonts/lexend-500.woff2) format("woff2")}
:root{--blau:#00a8d8;--blau-dunkel:#0086ad;--blau-hell:#e6f6fb;--text:#303030;--grau:#6b7780;--linie:#e3e7ea;
--flaeche:#f5f7f8;--nacht:#05070a;--nacht2:#11161c;--max:1120px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--text);font-family:Lexend,system-ui,sans-serif;font-weight:300;
font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--blau-dunkel)}
img{max-width:100%;display:block}
.innen{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:400;line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(30px,4.6vw,50px)}
h2{font-size:clamp(24px,3vw,34px)}
h3{font-size:19px;font-weight:500}
p{margin:0 0 1em}
.klein{font-size:14px;color:var(--grau)}
/* Kopf */
.kopf{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
border-bottom:1px solid var(--linie)}
.kopf .innen{display:flex;align-items:center;gap:28px;height:68px}
.kopf .marke img{height:26px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{white-space:nowrap;text-decoration:none;color:var(--text);font-weight:400;font-size:15px;padding:7px 12px;border-radius:99px}
.nav a:hover{background:var(--flaeche)}
.nav a.aktiv{background:var(--blau-hell);color:var(--blau-dunkel)}
.nav a.konto{border:1px solid var(--linie);margin-left:8px}
/* Bühne */
.buehne{position:relative;overflow:hidden;padding:84px 0 92px;background:linear-gradient(180deg,#fff 0%,var(--flaeche) 100%)}
.buehne .bogen{position:absolute;right:-180px;top:-120px;width:760px;opacity:.13;pointer-events:none}
.buehne .innen{position:relative}
.buehne .bereichslogo{height:44px;width:auto;margin-bottom:36px}
.buehne .dachlogo{width:min(560px,92%);height:auto;margin-bottom:44px}
.buehne h1{max-width:820px}
.buehne .lead{font-size:clamp(17px,1.6vw,20px);max-width:720px;color:#3d464d}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.knopf{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;text-decoration:none;
font-weight:400;font-size:16px;background:var(--blau);color:#fff;transition:background .15s}
.knopf:hover{background:var(--blau-dunkel)}
.knopf.zweit{background:#fff;color:var(--text);border:1px solid var(--linie)}
.knopf.zweit:hover{border-color:var(--blau)}
.knopf svg{width:16px;height:16px}
/* Abschnitte */
.abschnitt{padding:80px 0}
.abschnitt.grau{background:var(--flaeche)}
.vorspann{max-width:680px;color:var(--grau);margin-bottom:40px}
.raster{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.punkt{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:26px 24px}
.punkt .nr{display:inline-flex;width:34px;height:34px;border-radius:9px;background:var(--blau-hell);color:var(--blau-dunkel);
align-items:center;justify-content:center;font-weight:500;font-size:15px;margin-bottom:16px}
.punkt p{margin:0;color:#4a545b;font-size:16px}
/* Bereichskacheln */
.kacheln{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.kachel{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--text);background:#fff;
border:1px solid var(--linie);border-radius:14px;padding:26px 24px 22px;transition:border-color .15s,transform .15s,box-shadow .15s}
.kachel:hover{border-color:var(--blau);transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,60,80,.08)}
.kachel img{height:21px;width:auto;max-width:100%;object-fit:contain;object-position:left}
.kachel .unter{font-weight:500;font-size:14px;color:var(--blau-dunkel);text-transform:uppercase;letter-spacing:.06em}
.kachel p{margin:0;font-size:16px;color:#4a545b;flex:1}
.kachel .mehr{font-size:15px;font-weight:400;color:var(--blau-dunkel)}
/* Demo-Band */
.band{background:linear-gradient(135deg,#e6f6fb 0%,#f5fbfd 55%,#eaf3f6 100%);color:var(--text);border:1px solid #d7eef6;padding:72px 0;position:relative;overflow:hidden}
.band .bogen{position:absolute;left:-200px;bottom:-260px;width:720px;opacity:.18}
.band .innen{position:relative;display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.band .text{flex:1 1 420px}
.band h2{color:var(--text)}
.band p{color:#4a545b;max-width:620px}
.band .marke{height:120px;width:auto}
.etikett{display:inline-block;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
color:var(--blau);margin-bottom:14px}
/* Kontakt */
.kontakt{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}
.kontakt .karte{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:28px}
.kontakt .zeile{display:flex;gap:12px;align-items:center;margin:8px 0}
.kontakt .zeile svg{width:18px;height:18px;color:var(--blau);flex:none}
.kontakt a{text-decoration:none;font-weight:400}
/* Fuß */
.fuss{background:var(--nacht2);color:#9aa6ae;padding:48px 0 36px;font-size:14px}
.fuss .oben{display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between;align-items:flex-start;
padding-bottom:30px;border-bottom:1px solid #222a32;margin-bottom:22px}
.fuss .marken{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.fuss .marken img.nk{height:24px;width:auto}
.fuss .angebot{display:flex;align-items:center;gap:10px;color:#9aa6ae}
.fuss .angebot img{height:16px;width:auto}
.fuss nav{display:grid;grid-template-columns:repeat(2,auto);gap:6px 36px}
.fuss a{color:#c8d0d5;text-decoration:none}
.fuss a:hover{color:#fff}
.fuss .unten{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:space-between}
/* Rechtstexte */
.recht{padding:64px 0 80px}
.recht .innen{max-width:820px}
.recht h2{font-size:22px;margin-top:2em}
.recht address{font-style:normal}
@media (max-width:760px){
 body{font-size:16px}
 .innen{padding:0 18px}
 .kopf .innen{height:auto;flex-wrap:wrap;gap:6px 16px;padding-top:12px;padding-bottom:8px}
 .nav{margin-left:0;width:100%;padding-bottom:4px}
 .nav a{font-size:14px;padding:6px 10px}
 .buehne{padding:52px 0 60px}
 .buehne .bogen{width:460px;right:-200px;top:-80px}
 .buehne .bereichslogo{height:30px;margin-bottom:26px}
 .abschnitt{padding:56px 0}
 .band{padding:56px 0}
}
/* Runde 2 (Daniel 01.10.): moderner – Karten mit Schatten, Rundungen, Einblenden */
:root{--schatten:0 1px 2px rgba(16,30,40,.04),0 4px 12px rgba(16,30,40,.05),0 16px 40px -12px rgba(16,30,40,.10);
--schatten-hoch:0 2px 4px rgba(16,30,40,.05),0 10px 24px rgba(16,30,40,.08),0 30px 60px -18px rgba(0,90,120,.22)}
.buehne{text-align:center;padding:76px 0 70px;background:radial-gradient(90% 70% at 50% 0%,#e9f7fc 0%,#fff 62%)}
.buehne .bogen{right:auto;left:50%;margin-left:180px;top:-150px}
.buehne h1,.buehne .lead{margin-left:auto;margin-right:auto}
.buehne .knoepfe{justify-content:center}
.buehne .bereichslogo{margin:0 auto 30px}
.buehne .dachlogo{margin:0 auto 36px;width:min(500px,90%)}
.abzeichen{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:99px;background:#fff;
border:1px solid #d7eef6;box-shadow:var(--schatten);font-size:14px;color:#3d464d;margin-bottom:26px}
.abzeichen b{background:var(--blau);color:#fff;font-weight:500;font-size:12px;border-radius:99px;padding:2px 9px}
.knopf{border-radius:12px;box-shadow:0 6px 18px -6px rgba(0,168,216,.6)}
.knopf.zweit{box-shadow:var(--schatten)}
.knopf:hover{transform:translateY(-1px)}
.kopf .knopf{padding:9px 16px;font-size:14px;margin-left:10px;box-shadow:none}
.abschnitt.grau{background:var(--flaeche);margin:0 12px;border-radius:28px}
.punkt,.kachel,.kontakt .karte{border:1px solid rgba(220,226,230,.8);border-radius:20px;box-shadow:var(--schatten);
transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.punkt:hover,.kachel:hover{transform:translateY(-4px);box-shadow:var(--schatten-hoch);border-color:rgba(0,168,216,.35)}
.punkt .nr{background:linear-gradient(135deg,#00a8d8,#0086ad);color:#fff;border-radius:11px;box-shadow:0 6px 14px -6px rgba(0,134,173,.7)}
.band{margin:12px 12px 0;border-radius:28px}
.band+.abschnitt.grau{margin-top:12px}
.buehne .innen{position:relative}
.stempel-buehne{position:absolute;right:2%;top:-18px;filter:drop-shadow(0 10px 22px rgba(0,90,120,.18))}
.ds-kopf{display:flex;gap:40px;align-items:center;justify-content:space-between}
.ds-kopf .vorspann{max-width:640px}
.ds-stempel{flex:none;filter:drop-shadow(0 12px 26px rgba(0,90,120,.18))}
@media (max-width:980px){.stempel-buehne{position:static;margin:-10px auto 14px;width:max-content}.stempel-buehne svg{width:110px;height:110px}}
@media (max-width:760px){.ds-kopf{flex-direction:column-reverse;align-items:flex-start;gap:16px}.ds-stempel svg{width:140px;height:140px}}
.zahlen{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 40px;margin-top:44px;color:var(--grau);font-size:15px}
.zahlen b{display:block;color:var(--text);font-weight:500;font-size:24px}
.js .zeigen{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .zeigen.da{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .zeigen{opacity:1;transform:none;transition:none}}
@media (max-width:760px){.buehne .bogen{display:none}.abschnitt.grau,.band{margin:0 6px;border-radius:20px}}

/* Kopf-Konto + Formulare (NextKon-Konto, 01.10.2026) */
.kopf-konto{display:flex;align-items:center;gap:6px;flex:none}
.kopf-link{text-decoration:none;color:var(--text);font-weight:400;font-size:15px;padding:7px 10px}
.kopf-link:hover{color:var(--blau-dunkel)}
.kopf-sprache{text-decoration:none;color:var(--grau);font-weight:500;font-size:13px;letter-spacing:.06em;padding:5px 9px;
border:1px solid var(--linie);border-radius:8px;margin-right:4px}
.kopf-sprache:hover{color:var(--blau-dunkel);border-color:var(--blau)}
/* Instant-Hilfe support@nextkon.de (Daniel 02.10.2026): Claude antwortet automatisch, Unklares an Daniel */
.hilfe-zeile{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:9px 16px 9px 10px;border-radius:99px;background:#fff;
border:1px solid #d7eef6;box-shadow:var(--schatten);font-size:15px;color:#3d464d;text-decoration:none}
.hilfe-zeile b{font-weight:500;color:var(--blau-dunkel)}
.hilfe-zeile .punkt-gruen,.support-knopf .punkt-gruen{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px rgba(22,163,74,.15);flex:none}
.hilfe-zeile:hover{border-color:var(--blau)}
.support-karte{background:linear-gradient(135deg,#e6f6fb,#fff 70%);border:1px solid #d7eef6;border-radius:20px;box-shadow:var(--schatten);padding:26px 28px}
.support-karte .gross{font-size:22px;font-weight:500;color:var(--blau-dunkel);text-decoration:none;word-break:break-all}
.support-karte .unter{display:flex;align-items:center;gap:8px;font-size:14.5px;color:#3d464d;margin:6px 0 12px}
.support-knopf{position:fixed;right:18px;bottom:18px;z-index:20;display:flex;align-items:center;gap:10px;background:#fff;color:var(--text);
text-decoration:none;border:1px solid #d7eef6;border-radius:16px;padding:10px 16px 10px 12px;box-shadow:var(--schatten-hoch);font-size:14px;line-height:1.3}
.support-knopf svg{width:22px;height:22px;color:var(--blau);flex:none}
.support-knopf b{display:block;font-weight:500}
.support-knopf small{display:flex;align-items:center;gap:6px;color:var(--grau);font-size:12.5px}
.support-knopf:hover{border-color:var(--blau)}
.fuss .support{color:#c8d0d5}
@media (max-width:760px){.support-knopf{right:10px;bottom:10px;padding:9px 12px}.support-knopf small{display:none}.hilfe-zeile{font-size:14px}}
@media print{.support-knopf{display:none}}
.konto-buehne{padding:64px 0 40px;background:radial-gradient(90% 70% at 50% 0%,#e9f7fc 0%,#fff 62%)}
.konto-buehne.links{padding:56px 0 20px}
.innen.schmal{max-width:620px}
.konto-karte{background:#fff;border:1px solid rgba(220,226,230,.8);border-radius:24px;box-shadow:var(--schatten-hoch);padding:38px 36px}
.konto-karte h1{font-size:30px}
.formular{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.formular h3{margin:0 0 4px}
.feld{display:flex;flex-direction:column;gap:6px;flex:1}
.feld span{font-size:14px;font-weight:400;color:#3d464d}
.feld em,.haken em{font-style:normal;color:var(--grau);font-weight:300}
.feld input,.feld select,.feld textarea{font:inherit;font-size:16px;color:var(--text);background:#fff;border:1px solid #d5dce0;border-radius:12px;
padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}
.feld input:focus,.feld select:focus,.feld textarea:focus{outline:none;border-color:var(--blau);box-shadow:0 0 0 4px rgba(0,168,216,.15)}
.zwei{display:flex;gap:14px}
.haken{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:#3d464d;line-height:1.5}
.haken input{margin-top:3px;width:18px;height:18px;accent-color:var(--blau);flex:none}
.topf{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.formular .knopf{align-self:flex-start}
.formular .knopf.breit{align-self:stretch}
.knopf.breit{justify-content:center;width:100%;border:0;cursor:pointer;font:inherit;font-weight:400;padding:14px 22px}
button.knopf{border:0;cursor:pointer;font:inherit;font-weight:400}
.knopf.rot{background:#d64545;box-shadow:0 6px 18px -6px rgba(214,69,69,.6)}
.rot-text{color:#c03b3b!important}
.mitte{text-align:center}
.meldung{border-radius:14px;padding:13px 16px;margin-bottom:18px;font-size:15px}
.meldung.fehler{background:#fdeeee;color:#8f2b2b;border:1px solid #f4cfcf}
.meldung.ok{background:#e8f7ef;color:#1e6b43;border:1px solid #c8ebd6}
.haken.paket{padding:12px 14px;border:1px solid var(--linie);border-radius:14px;background:#fff;cursor:pointer}
.haken.paket:has(input:checked){border-color:var(--blau);background:var(--blau-hell)}
table.buchungen{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 18px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--schatten)}
table.buchungen th,table.buchungen td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--linie)}
table.buchungen th{font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--grau);background:var(--flaeche)}
.kachel.demo .status{align-self:flex-start;font-size:12.5px;font-weight:400;border-radius:99px;padding:3px 10px;background:#f1f4f6;color:var(--grau)}
.kachel.demo .status.an{background:#e8f7ef;color:#1e6b43}
.zwei-spalten{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px;align-items:start}
.zwei-spalten .karte{background:#fff;border:1px solid rgba(220,226,230,.8);border-radius:20px;box-shadow:var(--schatten);padding:26px;margin-bottom:22px}
@media (max-width:760px){.zwei{flex-direction:column}.konto-karte{padding:26px 20px}.zwei-spalten{grid-template-columns:1fr}
 .kopf-link{display:none}.kopf .knopf{display:inline-flex}}

.rahmen{position:relative;margin:56px auto 0;max-width:1080px;padding:12px;border-radius:26px;
background:linear-gradient(135deg,rgba(0,168,216,.22),rgba(255,255,255,.6) 50%,rgba(0,168,216,.12));
box-shadow:0 30px 70px -30px rgba(0,70,95,.28),0 8px 24px -12px rgba(0,70,95,.12)}
.fenster{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e3e7ea;color:#303030;
font-size:13px;line-height:1.45;text-align:left}
.leiste{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#f5f7f8;border-bottom:1px solid #e9edf0}
.leiste i{width:10px;height:10px;border-radius:50%;background:#dde3e7;display:block}
.leiste .adresse{margin-left:14px;flex:1;max-width:420px;background:#fff;border:1px solid #e3e7ea;border-radius:7px;padding:4px 12px;color:#6b7780;
font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.leiste .demo{margin-left:auto;font-size:11px;letter-spacing:.08em;color:#00a8d8;border:1px solid rgba(0,168,216,.4);
border-radius:99px;padding:2px 9px;background:#e6f6fb}
.reiter{display:flex;gap:4px;padding:10px 14px 0;background:#f5f7f8;border-bottom:1px solid #e9edf0}
.reiter span{padding:7px 13px;border-radius:8px 8px 0 0;color:#6b7780;font-size:12.5px;margin-bottom:-1px}
.reiter span.an{background:#fff;color:#0086ad;border:1px solid #e9edf0;border-bottom-color:#fff;font-weight:400}
.flaeche{display:grid;grid-template-columns:1fr 300px;gap:14px;padding:14px;background:#fafbfc}
.spieler{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;
background:radial-gradient(120% 90% at 70% 10%,#1b4a5c 0%,#0f2530 45%,#081016 100%)}
.spieler .folie{position:absolute;left:7%;top:12%;right:30%;color:#fff}
.spieler .folie small{display:block;color:#7fd3ea;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.spieler .folie b{display:block;font-weight:400;font-size:clamp(15px,2.1vw,25px);line-height:1.2}
.spieler .person{position:absolute;right:6%;bottom:0;width:26%;aspect-ratio:3/4;border-radius:50% 50% 0 0/38% 38% 0 0;
background:linear-gradient(180deg,#2c5363,#16303b)}
.spieler .person:before{content:"";position:absolute;left:31%;top:-24%;width:38%;aspect-ratio:1;border-radius:50%;background:#3a6879}
.bauchbinde{position:absolute;left:5%;bottom:9%;display:flex;align-items:stretch;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.bauchbinde em{width:5px;background:#00a8d8}
.bauchbinde span{background:rgba(255,255,255,.95);color:#303030;padding:6px 14px;font-style:normal}
.bauchbinde span b{display:block;font-weight:500;font-size:13px}
.bauchbinde span small{color:#6b7780;font-size:11px}
.live{position:absolute;left:14px;top:12px;display:flex;gap:8px;align-items:center;font-size:11px}
.live b{background:#e5484d;color:#fff;border-radius:5px;padding:2px 7px;font-weight:500;letter-spacing:.06em}
.live span{color:#cfd8dd;background:rgba(0,0,0,.35);border-radius:5px;padding:2px 7px}
.chat{display:flex;flex-direction:column;background:#fff;border-radius:12px;border:1px solid #e3e7ea;overflow:hidden;box-shadow:0 4px 14px -8px rgba(16,30,40,.12)}
.chat h4{margin:0;padding:10px 12px;font-weight:500;font-size:12.5px;border-bottom:1px solid #eef1f3;display:flex;justify-content:space-between}
.chat h4 span{color:#00a8d8;font-weight:400}
.chat .msgs{flex:1;padding:6px 12px;display:flex;flex-direction:column;gap:9px;justify-content:flex-end}
.chat .m b{display:block;font-weight:500;font-size:11.5px;color:#0086ad}
.chat .m.mod b{color:#c27c00}
.chat .m p{margin:0;color:#4a545b;font-size:12.5px}
.chat .eingabe{margin:10px 12px 12px;background:#f5f7f8;border:1px solid #e3e7ea;border-radius:8px;padding:8px 10px;color:#8a959d;font-size:12px}
.programm{grid-column:1/-1;display:flex;gap:10px;overflow:hidden}
.programm div{flex:1;min-width:150px;background:#fff;border:1px solid #e3e7ea;border-radius:10px;padding:9px 11px}
.programm div.jetzt{border-color:rgba(0,168,216,.6);background:#e6f6fb}
.programm small{color:#0086ad;font-size:11px}
.programm p{margin:2px 0 0;color:#303030;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Expo */
.staende{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:16px;background:#fafbfc}
.stand{background:#fff;border:1px solid #e3e7ea;border-radius:12px;box-shadow:0 4px 14px -8px rgba(16,30,40,.12);padding:14px;display:flex;flex-direction:column;gap:8px;grid-column:span 2}
.stand.gold{grid-column:span 3;border-color:rgba(216,170,60,.5)}
.stand .stufe{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#b0861c}
.stand.silber .stufe{color:#7c8890}.stand.bronze .stufe{color:#a8703f}
.stand .logo{height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:15px;color:#fff}
.stand.gold .logo{height:92px;font-size:20px}
.stand .zeilen{display:flex;gap:6px;flex-wrap:wrap}
.stand .zeilen span{font-size:11px;color:#4a545b;background:#f1f4f6;border-radius:5px;padding:2px 7px}
/* VOD */
.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px;background:#fafbfc}
.video .bild{position:relative;aspect-ratio:16/9;border-radius:9px;overflow:hidden}
.video .bild:after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;margin:-11px 0 0 -7px;
border-left:18px solid rgba(255,255,255,.9);border-top:11px solid transparent;border-bottom:11px solid transparent}
.video .dauer{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.6);border-radius:4px;padding:1px 6px;font-size:11px;z-index:1}
.video p{margin:7px 0 0;color:#303030;font-size:12.5px}
.video small{color:#6b7780;font-size:11.5px}
.suche{margin:0;padding:14px 16px 0;background:#fafbfc;color:#8a959d}.suche span{display:block;background:#fff;border:1px solid #e3e7ea;border-radius:8px;padding:8px 12px}
/* Screen */
.schilder{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;padding:18px;align-items:center;background:#fafbfc}
.pult{background:#05070a;border:8px solid #2a3138;box-shadow:0 12px 30px -14px rgba(0,0,0,.45);border-radius:12px;aspect-ratio:16/7;display:flex;flex-direction:column;
justify-content:center;padding:0 7%;position:relative;overflow:hidden}
.pult:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#00a8d8}
.pult b{font-weight:400;font-size:clamp(18px,2.6vw,32px);color:#fff}
.pult span{color:#7fd3ea;font-size:clamp(11px,1.2vw,15px);margin-top:4px}
.raum{background:#fff;color:#303030;border:8px solid #2a3138;box-shadow:0 12px 30px -14px rgba(0,0,0,.35);border-radius:12px;padding:16px;aspect-ratio:9/12;display:flex;flex-direction:column;gap:10px}
.raum h5{margin:0;font-weight:500;font-size:15px}
.raum .jetzt{background:#00a8d8;color:#fff;border-radius:8px;padding:10px}
.raum .jetzt small,.raum .dann small{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.raum .dann{border:1px solid #d6dde1;border-radius:8px;padding:10px;font-size:12.5px}
.unterschrift{grid-column:1/-1;color:#6b7780;font-size:12px;text-align:center}
@media (max-width:760px){
 .rahmen{padding:8px;border-radius:18px;margin-top:40px}
 .flaeche{grid-template-columns:1fr}
 .spieler .folie{top:24%;right:34%}
 .spieler .folie small{display:none}
 .chat .msgs .m:nth-child(-n+2){display:none}
 .programm div:nth-child(n+3){display:none}
 .reiter span:nth-child(n+3){display:none}
 .leiste .adresse{display:none}
 .staende{grid-template-columns:repeat(2,1fr)}
 .stand,.stand.gold{grid-column:span 1}.stand.gold{grid-column:1/-1}
 .stand:nth-child(n+6){display:none}
 .videos{grid-template-columns:repeat(2,1fr)}
 .video:nth-child(n+5){display:none}
 .schilder{grid-template-columns:1fr}
 .raum{aspect-ratio:auto}
}

/* Preisseite (Daniel 02.10.2026) */
.preise{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:30px}
.preis{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid rgba(220,226,230,.8);border-radius:20px;
box-shadow:var(--schatten);padding:26px 24px 22px}
.preis.hervor{border-color:rgba(0,168,216,.55);box-shadow:var(--schatten-hoch)}
.preis .marke-oben{position:absolute;top:-11px;left:22px;background:var(--blau);color:#fff;font-size:12px;font-weight:500;border-radius:99px;padding:2px 10px}
.preis h3{margin:0;font-size:18px}
.preis .betrag{font-size:36px;font-weight:400;line-height:1.1;color:var(--text)}
.preis .betrag small{font-size:15px;color:var(--grau);font-weight:300}
.preis .betrag.ab{font-size:31px}.preis .betrag.ab small{display:block;margin-top:2px}
.preis .danach{font-size:13.5px;color:var(--blau-dunkel);min-height:1.3em}
.preis ul{list-style:none;margin:4px 0 8px;padding:0;font-size:15px;color:#4a545b;flex:1}
.preis li{padding:3px 0 3px 22px;position:relative}
.preis li.ds{color:#166534;font-weight:400}
.preis li.ds:before{border-color:#16a34a}
.preis li:before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:6px;border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}
.preis .knopf{justify-content:center;padding:11px 16px;font-size:15px}
.preise.fuenf{grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:16px}
/* gleiche Hoehen in einer Reihe: Titel, Preis, Hinweis, Liste, Knopf je auf einer Linie (Daniel 02.10.2026) */
@supports (grid-template-rows:subgrid){.preise .preis{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:10px;align-content:start}
.preise .preis .knopf{align-self:end}.preise .preis h3{align-self:end}}
.preise.fuenf .preis{padding:24px 18px 20px}
.preise.fuenf .betrag{font-size:29px}
.preis-gruppe{margin-top:46px}
.preis-gruppe:first-of-type{margin-top:10px}
.preis-gruppe h3.gruppe{font-size:15px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--grau);margin:0}
.preis-hinweise{margin-top:28px;font-size:14.5px;color:var(--grau);max-width:820px}
.preis-hinweise p{margin:0 0 .4em}
.einfuehrung-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;margin:30px auto 0;max-width:760px;
padding:14px 22px;border-radius:16px;background:linear-gradient(135deg,#00a8d8,#0086ad);color:#fff;box-shadow:0 10px 26px -10px rgba(0,134,173,.7);font-size:16px}
.einfuehrung-band b{font-weight:500;font-size:18px}
.ds-box{display:grid;gap:14px 26px;grid-template-columns:auto 1fr;align-items:center;margin:26px 0 8px;padding:24px 26px;border-radius:20px;
background:linear-gradient(135deg,#e9f9ef,#f6fdf8 70%);border:1px solid #bfe8cd;box-shadow:var(--schatten)}
.ds-box .schild{width:64px;height:64px;color:#16a34a}
.ds-box h3{margin:0 0 6px;font-size:20px}
.ds-box ul{list-style:none;margin:0;padding:0;display:grid;gap:4px 24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));font-size:15.5px;color:#30403a}
.ds-box li{padding-left:22px;position:relative}
.ds-box li:before{content:"";position:absolute;left:2px;top:.6em;width:10px;height:6px;border-left:2px solid #16a34a;border-bottom:2px solid #16a34a;transform:rotate(-45deg)}
.zusatz{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.zusatz span{background:#fff;border:1px solid var(--linie);border-radius:99px;padding:6px 14px;font-size:14.5px;color:#3d464d}
.zusatz b{font-weight:500;color:var(--text)}
@media (max-width:760px){.ds-box{grid-template-columns:1fr}.ds-box .schild{width:48px;height:48px}}