/* liveshopping24 – „Late-Night Candy Studio“ (Entwurf A, gewählt 28.09.2026)
   Liegt über der Bestands-Stildatei; Farbwelt bleibt die Candy-Palette des Kunden. */
html[data-design=candy]{
  --st-aubergine:#2d2440;--st-lila:#4a3a6b;--st-flieder:#6b4f98;--st-lavendel:#f5e6fb;
  --st-magenta:#d4007a;--st-rosa:#f39bcb;--st-eis:#bfe9f5;--st-tuerkis:#2aa6c9;
  --st-nacht:#1c1429;--st-nacht-2:#241a36;--st-nacht-3:#2e2245;
  --st-neon-pink:#ff3fa4;--st-neon-tuerkis:#5fd8f0;--st-neon-flieder:#a98bff;
  --st-text:#fbf6ff;--st-gedimmt:#d9cdea;
  --st-breite:1320px;--st-rand:clamp(20px,4vw,56px);--st-feder:cubic-bezier(.34,1.56,.64,1);
}
@keyframes st-puls{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@keyframes st-blase-rein{from{opacity:0;translate:0 14px;scale:.85}to{opacity:1;translate:0 0;scale:1}}
@keyframes st-schweben{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes st-flackern{0%,92%,100%{opacity:1}93%{opacity:.72}94%{opacity:1}96%{opacity:.8}97%{opacity:1}}
@keyframes st-hoch{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
/* ===== Startseite: Bühne „Late-Night Candy Studio“ + nächste Shows (Präfix sb-/ns-) ===== */
.sb{position:relative;isolation:isolate;min-height:680px;display:flex;align-items:center;overflow:hidden;color:var(--st-text);
  background:radial-gradient(900px 600px at 18% 30%,rgba(107,79,152,.35),transparent 65%),radial-gradient(700px 500px at 0% 100%,rgba(212,0,122,.18),transparent 60%),var(--st-nacht)}
.sb-bild{position:absolute;inset:0 0 0 auto;height:100%;aspect-ratio:1672/944;max-width:none;z-index:-1}
.sb-bild picture,.sb-bild img{display:block;width:100%;height:100%;object-fit:cover}
.sb-bild img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 30%,#000 100%)}
.sb-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--st-nacht) 0%,rgba(28,20,41,0) 22%),linear-gradient(90deg,rgba(28,20,41,.7) 12%,rgba(28,20,41,0) 40%);pointer-events:none}
.sb-ki{position:absolute;right:18px;top:16px;z-index:2;font:500 .68rem/1 var(--ls-mono);letter-spacing:.04em;color:rgba(251,246,255,.75);background:rgba(28,20,41,.55);padding:6px 9px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

.sb-in{width:100%;max-width:calc(var(--st-breite) + 2*var(--st-rand));margin:0 auto;padding:44px var(--st-rand) 150px}
.sb-text{max-width:720px}
.sb-eyebrow{margin:0 0 18px;font:500 .8rem/1 var(--ls-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--st-gedimmt);display:flex;align-items:center;gap:10px}
.sb-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--st-neon-tuerkis);box-shadow:0 0 12px var(--st-neon-tuerkis)}
.sb-titel{margin:0;font-family:var(--ls-display);font-weight:820;font-stretch:100%;font-size:clamp(2.7rem,4.6vw,4.6rem);line-height:.98;letter-spacing:-.035em;color:var(--st-text)}
.sb-titel span{display:block;white-space:nowrap}
.sb-knall{background:linear-gradient(95deg,var(--st-neon-pink) 0%,#ff5db5 45%,var(--st-rosa) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgba(255,63,164,.35));padding-bottom:.06em}
.sb-unter{margin:22px 0 0;font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.45;color:var(--st-gedimmt);font-weight:450}

.sb-knoepfe{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.sb-btn{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border-radius:14px;font-weight:750;font-size:1.05rem;text-decoration:none;transition:transform .25s var(--st-feder),box-shadow .25s var(--ls-ease)}
.sb-btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.sb-btn:hover{transform:translateY(-2px)}
.sb-btn:active{transform:translateY(0) scale(.98)}
.sb-btn-pink{color:#fff;background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink));box-shadow:0 12px 30px -10px rgba(255,63,164,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.sb-btn-pink:hover{box-shadow:0 16px 38px -10px rgba(255,63,164,.9),inset 0 1px 0 rgba(255,255,255,.25)}
.sb-btn-eis{color:var(--st-aubergine);background:var(--st-eis);box-shadow:0 12px 30px -12px rgba(95,216,240,.7),inset 0 1px 0 rgba(255,255,255,.6)}
.sb-btn-eis:hover{box-shadow:0 16px 38px -12px rgba(95,216,240,.9)}

.sb-cd{margin-top:30px}
.sb-cd-label{margin:0 0 10px;font-weight:600;color:var(--st-gedimmt);font-size:.95rem}
.sb-cd-felder{display:flex;gap:10px}
.sb-cd-felder span{width:78px;height:78px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.78rem;color:var(--st-gedimmt);background:rgba(36,26,54,.62);border:1px solid rgba(245,230,251,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sb-cd-felder b{font-size:1.85rem;line-height:1.05;font-weight:780;color:var(--st-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.sb-cd-info{margin:12px 0 0;font-size:.92rem;color:var(--st-gedimmt)}
.sb-cd-info strong{color:var(--st-text);font-weight:650}
.ns-vorlaeufig{display:inline-block;margin-left:6px;font:500 .7rem/1 var(--ls-mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px;background:rgba(243,155,203,.16);color:var(--st-rosa);vertical-align:1px}

.sb-deko{position:absolute;inset:0;pointer-events:none}
.sb-schild{position:absolute;right:6%;top:13%;display:inline-flex;align-items:center;gap:.42em;font-family:var(--ls-display);font-weight:850;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.1;letter-spacing:.02em;color:#fff;padding:.18em .5em .18em .38em;border-radius:.42em;border:3px solid #ff7cc3;background:rgba(212,0,122,.28);
  text-shadow:0 0 6px #fff,0 0 18px var(--st-neon-pink),0 0 36px var(--st-neon-pink);
  box-shadow:0 0 0 2px rgba(255,63,164,.35),0 0 24px rgba(255,63,164,.8),0 0 70px rgba(255,63,164,.45),inset 0 0 22px rgba(255,63,164,.6);transform:rotate(-4deg)}
.sb-schild-punkt{width:.5em;height:.5em;border-radius:50%;background:#ffd1ea;box-shadow:0 0 10px #ff7cc3,0 0 22px var(--st-neon-pink)}
.sb-schild[data-status="live"] .sb-schild-punkt{background:#ff1f3d;box-shadow:0 0 10px #ff2a4f,0 0 22px #ff2a4f}
.motion .sb-schild{animation:st-flackern 7s linear infinite}
.motion .sb-schild[data-status="live"] .sb-schild-punkt{animation:st-puls 1s ease-in-out infinite}
.sb-blase{position:absolute;font-weight:700;font-size:clamp(.9rem,1.1vw,1.08rem);color:var(--st-aubergine);background:#fff;padding:.75em 1.05em;border-radius:1.1em;box-shadow:0 18px 40px -14px rgba(28,20,41,.8),0 0 0 1px rgba(255,255,255,.6);white-space:nowrap}
.sb-blase::after{content:"";position:absolute;left:18px;bottom:-8px;width:16px;height:16px;background:inherit;transform:rotate(45deg);border-radius:0 0 4px 0}
.sb-blase b{color:var(--st-magenta)}
.sb-blase-1{right:13%;top:33%;background:#ffe3f2;transform:rotate(-3deg)}
.sb-blase-2{right:4%;top:44%;background:var(--st-lavendel);transform:rotate(-2deg)}
.motion .sb-blase{opacity:0;animation:st-blase-rein .7s var(--st-feder) forwards,st-schweben 6s ease-in-out infinite}
.motion .sb-blase-1{animation-delay:.9s,1.6s}
.motion .sb-blase-2{animation-delay:1.7s,2.4s}
.motion .sb-text>*{animation:st-hoch .8s var(--ls-ease) both}
.motion .sb-text>:nth-child(2){animation-delay:.08s}
.motion .sb-text>:nth-child(3){animation-delay:.16s}
.motion .sb-text>:nth-child(4){animation-delay:.24s}
.motion .sb-text>:nth-child(5){animation-delay:.32s}

/* Nächste Shows */
.ns{position:relative;z-index:3;max-width:calc(var(--st-breite) + 2*var(--st-rand));margin:-118px auto 0;padding:0 var(--st-rand) 72px;color:var(--st-text)}
.ns-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
.ns-kopf h2{margin:0;font-family:var(--ls-display);font-size:1.2rem;font-weight:760;letter-spacing:-.01em;color:var(--st-text)}
.ns-mehr{font-weight:650;font-size:.92rem;text-decoration:none;color:var(--st-gedimmt)}
.ns-mehr:hover{color:#fff}
.ns-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ns-karte{--akzent:var(--st-neon-pink);position:relative;min-height:168px;border-radius:18px;overflow:hidden;display:flex;background:linear-gradient(135deg,rgba(52,38,78,.92),rgba(30,22,45,.94));border:1.5px solid color-mix(in srgb,var(--akzent) 70%,transparent);box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 26px -6px color-mix(in srgb,var(--akzent) 60%,transparent),0 24px 50px -24px rgba(0,0,0,.8);transition:transform .3s var(--st-feder),box-shadow .3s}
.ns-karte:nth-child(2){--akzent:var(--st-neon-tuerkis)}
.ns-karte:nth-child(3){--akzent:#a98bff}
.ns-karte:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 40px -6px color-mix(in srgb,var(--akzent) 80%,transparent),0 28px 60px -24px rgba(0,0,0,.85)}
.ns-karte:focus-within{outline:3px solid var(--st-neon-tuerkis);outline-offset:3px}
.ns-leer{align-items:center;padding:24px;color:var(--st-gedimmt)}
.ns-link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.ns-link:focus-visible{outline:none}
.ns-text{position:relative;z-index:1;flex:1;padding:18px 0 18px 20px;display:flex;flex-direction:column;min-width:0}
.ns-tag{font-weight:650;font-size:.9rem;color:var(--akzent)}
.ns-zeit{font-family:var(--ls-display);font-weight:800;font-size:1.45rem;line-height:1.1;letter-spacing:-.02em}
.ns-titel{margin:10px 0 0;font-weight:700;font-size:1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ns-fuss{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--st-gedimmt)}
.ns-fuss .ns-vorlaeufig{margin-left:0}
.ns-kanal{font:500 .72rem/1 var(--ls-mono);letter-spacing:.03em;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--st-text)}
.ns-bild{position:relative;width:44%;flex:none}
.ns-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}
.ns-fussnote{margin:14px 0 0;font-size:.82rem;color:var(--st-gedimmt)}

@media (max-width:1180px){
  .ns-liste{gap:14px}
  .ns-bild{width:38%}
}
@media (max-width:760px){
  .sb{flex-direction:column;align-items:stretch;min-height:0;padding-top:26px}
  .sb-in,.sb-text{display:contents}
  .sb-text>*{margin-inline:var(--st-rand)}
  .sb-eyebrow{order:1;font-size:.7rem;margin-bottom:14px}
  .sb-titel{order:2;font-size:clamp(2.3rem,10.4vw,3.2rem)}
  .sb-unter{order:3;font-size:1rem;margin-top:14px}
  .sb-bild{order:4;position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;margin-top:8px;z-index:0}
  .sb-cd{order:5;margin-top:-18px;position:relative;z-index:2}
  .sb-knoepfe{order:6;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
  .sb-bild picture,.sb-bild img{height:clamp(300px,88vw,420px)}
  .sb-bild img{object-position:64% 18%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 78%,transparent 100%)}
  .sb-bild::after{display:none}
  .sb-schild{right:5%;top:3%;font-size:1.4rem;border-width:2px}
  .sb-blase{font-size:.78rem}
  .sb-blase-1{right:3%;top:42%}
  .sb-blase-2{right:2%;top:57%}
  .sb-blase::after{left:14px;width:12px;height:12px;bottom:-6px}
  .sb-ki{top:14px;left:14px;right:auto;font-size:.6rem}
  .sb-btn{justify-content:center;padding:0 12px;min-height:54px;font-size:1rem}
  .sb-cd-felder{display:grid;grid-template-columns:repeat(3,1fr)}
  .sb-cd-felder span{width:auto;height:74px}
  .ns{margin-top:0;padding-top:36px}
  .ns-kopf{flex-direction:column;gap:4px}
  .ns-liste{grid-template-columns:1fr;gap:14px}
  .ns-karte{min-height:150px}
  .ns-bild{width:38%}
  .ns-titel{-webkit-line-clamp:3}
}
/* ===== Seitenübergreifend: Nachtstudio + helle Lavendel-Bühnen ===== */
html.studio-nacht[data-design=candy]{
  --ls-nacht:#1c1429;--ls-nacht-2:#241a36;--ls-violett:#6b4f98;
  --ls-papier:#f8f1fc;--ls-papier-2:#efe3f8;
  --ls-verlauf-buehne:radial-gradient(900px 560px at 12% 0%,#6b4f9866,transparent 62%),radial-gradient(760px 480px at 100% 30%,#d4007a40,transparent 60%),#1c1429;
  --ls-verlauf-signal:linear-gradient(100deg,#d4007a 0%,#ff3fa4 55%,#6b4f98 100%);
  --ls-radius:20px;--ls-radius-s:14px;
  --ls-schatten-knall:0 22px 44px -24px #2d244075,0 2px 6px -2px #2d24401f;
  --ls-schatten-weich:0 24px 50px -26px #2d24408c;
  --st-glas:linear-gradient(135deg,#34264eeb,#1e162df0);
  --st-glas-rand:1px solid #f5e6fb29;
}
html.studio-nacht body{background:var(--st-nacht);color:var(--ls-schwarz)}
html.studio-nacht main{background:var(--ls-papier)}
html.studio-nacht .display{font-weight:820;font-stretch:100%;letter-spacing:-.032em;line-height:1}
html.studio-nacht :focus-visible{outline:3px solid var(--st-neon-tuerkis);outline-offset:3px}
html.studio-nacht .papier :focus-visible,html.studio-nacht .site-header :focus-visible{outline-color:var(--st-flieder)}

/* Augenbraue: türkiser Leuchtpunkt wie auf der Bühne */
html.studio-nacht .eyebrow::before{background:var(--st-tuerkis);box-shadow:0 0 0 3px #2aa6c92e}
html.studio-nacht :is(.studio,.buehne,.live-studio,.vertrauen,.firmen-inner,.site-footer) .eyebrow::before{background:var(--st-neon-tuerkis);box-shadow:0 0 12px var(--st-neon-tuerkis)}
html.studio-nacht :is(.studio,.buehne,.live-studio,.vertrauen,.firmen-inner) .eyebrow{color:var(--st-gedimmt)}

/* Leuchtschrift */
html.studio-nacht .grell{background:linear-gradient(100deg,#b8006d,#d4007a 40%,#6b4f98);-webkit-background-clip:text;background-clip:text;color:transparent}
html.studio-nacht :is(.studio,.buehne,.live-studio,.vertrauen,.firmen-inner) .grell{background:linear-gradient(95deg,var(--st-neon-pink),#ff5db5 45%,var(--st-rosa));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 22px #ff3fa440)}
html.studio-nacht .unterstrich{background:linear-gradient(#0000 66%,#ff3fa45c 66% 92%,#0000 92%)}

/* ---------- Knöpfe ---------- */
html.studio-nacht .btn{border:0;border-radius:14px;font-weight:750;font-stretch:100%;letter-spacing:-.005em;box-shadow:0 12px 26px -14px #2d24408c;transition:transform .25s var(--st-feder),box-shadow .25s var(--ls-ease),filter .2s}
html.studio-nacht .btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -14px #2d2440a6}
html.studio-nacht .btn:active{transform:translateY(0) scale(.98)}
html.studio-nacht .btn-rot{color:#fff;background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink));box-shadow:0 12px 30px -12px #ff3fa4b3,inset 0 1px 0 #ffffff40}
html.studio-nacht .btn-rot:hover{box-shadow:0 16px 38px -12px #ff3fa4e6,inset 0 1px 0 #ffffff40}
html.studio-nacht :is(.btn-tuerkis,.btn-gelb){color:var(--st-aubergine);background:var(--st-eis);box-shadow:0 12px 28px -14px #5fd8f0b3,inset 0 1px 0 #ffffff99}
html.studio-nacht .btn-schwarz{color:#fff;background:var(--st-aubergine);box-shadow:0 12px 26px -14px #2d2440cc}
html.studio-nacht .btn-hell{color:var(--st-aubergine);background:#fff;box-shadow:0 0 0 1px #2d24401f,0 12px 26px -16px #2d244080}
html.studio-nacht :is(.studio,.buehne,.live-studio,.vertrauen,.firmen-inner) .btn-schwarz{background:#ffffff14;box-shadow:inset 0 0 0 1.5px #f5e6fb4d;color:#fff}

/* ---------- Kopfzeile: helle Leiste wie im Entwurf ---------- */
html.studio-nacht .site-header{color:var(--st-aubergine);background:#f7f0fcf0;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border:0;border-image:none;box-shadow:0 1px 0 #2d244014,0 12px 30px -18px #1c142999}
html.studio-nacht .header-row{min-height:72px}
html.studio-nacht .site-header .logo{height:30px!important}
html.studio-nacht .main-nav{gap:1.35rem;margin-left:2rem}
html.studio-nacht .main-nav a{position:relative;padding:.4rem 0;border-radius:0;color:var(--st-aubergine);font-weight:600;font-size:.96rem;background:none}
html.studio-nacht .main-nav a:hover{background:none}
html.studio-nacht .main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--st-magenta),var(--st-flieder));transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ls-ease)}
html.studio-nacht .main-nav a:hover::after,html.studio-nacht .main-nav a[aria-current]::after{transform:scaleX(1)}
html.studio-nacht .main-nav a[aria-current]{color:var(--st-aubergine);background:none}
html.studio-nacht .live-pill{color:var(--st-aubergine);border:1.5px solid #2d24402e;background:#fff;font-weight:500}
html.studio-nacht .live-pill .live-dot{background:var(--st-magenta);box-shadow:0 0 0 3px #d4007a2e}
html.studio-nacht .live-pill.on-air{color:#fff;background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink));border-color:transparent;box-shadow:0 0 22px -4px #ff3fa4b3}
html.studio-nacht .live-pill.on-air .live-dot{background:#fff}
html.studio-nacht .header-actions .btn-sm{min-height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink));box-shadow:0 10px 22px -12px #ff3fa4b3}
html.studio-nacht .mobile-nav summary{color:var(--st-aubergine)}
html.studio-nacht .burger,html.studio-nacht .burger::before,html.studio-nacht .burger::after{background:var(--st-aubergine)}
html.studio-nacht .mobile-nav[open] .burger{background:transparent}
html.studio-nacht .mobile-nav nav{background:#f7f0fcfa;border-bottom:0;box-shadow:0 30px 40px -24px #1c1429b3}
html.studio-nacht .mobile-nav nav a{color:var(--st-aubergine);border-bottom-color:#2d244014}

/* ---------- Bühnen der Unterseiten: Nachtstudio mit Neon ---------- */
html.studio-nacht .buehne{color:var(--st-text);background:var(--ls-verlauf-buehne)}
html.studio-nacht .buehne::before{content:"";position:absolute;inset:0 0 0 auto;width:min(1180px,78%);z-index:-1;pointer-events:none;
  background:url(/media/neu/studio-1672.jpg) right center/cover no-repeat;background-image:image-set(url(/media/neu/studio-1672.avif) type("image/avif"),url(/media/neu/studio-1672.jpg) type("image/jpeg"));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 45%);mask-image:linear-gradient(90deg,transparent 0%,#000 45%);opacity:.9}
html.studio-nacht .buehne::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#1c1429 0%,#1c142900 30%),linear-gradient(90deg,#1c1429d9 0%,#1c142999 40%,#1c142900 75%)}
html.studio-nacht .buehne a:not(.btn){color:var(--st-rosa)}
html.studio-nacht :is(.buehne .lead,.buehne-lead){color:var(--st-gedimmt)}
html.studio-nacht .scheinwerfer,html.studio-nacht .konfetti,html.studio-nacht .fx-wellen{display:none}
html.studio-nacht .buehne .countdown{background:#241a36b8;border:var(--st-glas-rand);box-shadow:0 24px 50px -24px #000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html.studio-nacht .buehne :is(.cd-status,.cd-termin){color:var(--st-gedimmt)}
html.studio-nacht .buehne .countdown.on-air{background:linear-gradient(135deg,#b8006dd9,#6b4f98d9)}
html.studio-nacht .buehne .countdown.on-air :is(.cd-status,.cd-termin){color:#fff}
html.studio-nacht .cd-kachel{color:var(--st-aubergine);background:var(--st-lavendel);border:0;box-shadow:inset 0 0 0 1px #6b4f982e;border-radius:12px}
html.studio-nacht :is(.buehne,.studio,.live-studio) .cd-kachel{color:var(--st-text);background:#ffffff0f;box-shadow:inset 0 0 0 1px #f5e6fb29}
html.studio-nacht .cd-kachel b{font-family:var(--ls-display);font-weight:780;letter-spacing:-.02em}
html.studio-nacht .buehne :is(.comic-rahmen,.kq-bild,.handy,.polaroid) {box-shadow:0 30px 70px -30px #000,0 0 40px -10px #ff3fa459}
html.studio-nacht .buehne .comic-rahmen{background:#241a36}

/* ---------- Abschnitte ---------- */
html.studio-nacht .papier{background:var(--ls-papier);color:var(--st-aubergine)}
html.studio-nacht .papier + .papier{background:#fff}
html.studio-nacht .studio,html.studio-nacht .live-studio,html.studio-nacht .vertrauen{color:var(--st-text);background:radial-gradient(760px 420px at 92% 0%,#d4007a38,transparent 62%),radial-gradient(700px 420px at 0% 100%,#6b4f9859,transparent 60%),var(--st-nacht)}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) a:not(.btn){color:var(--st-rosa)}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) :is(p,li,.lead){color:var(--st-gedimmt)}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) :is(h2,h3,strong,b){color:var(--st-text)}
html.studio-nacht .section-head .lead{color:inherit;opacity:.9}

/* Neonband zwischen den Bereichen */
html.studio-nacht .laufband{color:var(--st-text);background:var(--st-nacht-2);border-block:1px solid #ff3fa440;box-shadow:0 0 30px -10px #ff3fa459 inset;font-weight:820;font-stretch:100%;letter-spacing:.01em}
html.studio-nacht .laufband b{color:var(--st-neon-pink);text-shadow:0 0 12px #ff3fa4b3}

/* ---------- Karten auf hellem Grund ---------- */
html.studio-nacht .papier :is(.erinnern-karte,.termin,.kasten,.form-card,.leistung-karte,.kanal-karten li,.story-schritt,.regel-karte,.duo-karte,.yt-rahmen,.faq-item,.preisschild){border:1px solid #2d244014;box-shadow:var(--ls-schatten-knall);border-radius:var(--ls-radius)}
html.studio-nacht .papier :is(.termin,.kasten,.form-card,.leistung-karte,.kanal-karten li,.story-schritt,.regel-karte,.faq-item){background:#fff}
html.studio-nacht .papier :is(a.erinnern-karte,.leistung-karte,.kanal-karten li,.story-schritt,.termin){transition:transform .3s var(--st-feder),box-shadow .3s}
html.studio-nacht .papier :is(a.erinnern-karte,.leistung-karte):hover{transform:translateY(-4px);box-shadow:0 28px 50px -24px #6b4f9899,0 0 0 1.5px #ff3fa459}
html.studio-nacht :is(.regel-n,.story-n){background:linear-gradient(135deg,var(--st-magenta),var(--st-flieder));color:#fff;border:0;box-shadow:0 8px 18px -8px #d4007a99}

/* ---------- Karten auf Nachtgrund: Glas mit Neonkante ---------- */
html.studio-nacht :is(.studio,.live-studio,.vertrauen) :is(.termin,.kasten,.duo-karte,.leistung-karte,.kanal-karten li,.yt-rahmen,.player-rahmen,.produktleiste,.story-schritt){background:var(--st-glas);border:1.5px solid #ff3fa447;box-shadow:0 0 0 1px #ffffff08 inset,0 0 28px -10px #ff3fa480,0 24px 50px -24px #000d;color:var(--st-text)}
html.studio-nacht :is(.studio,.live-studio) .termin:nth-child(3n+2){border-color:#5fd8f059;box-shadow:0 0 0 1px #ffffff08 inset,0 0 28px -10px #5fd8f080,0 24px 50px -24px #000d}
html.studio-nacht :is(.studio,.live-studio) .termin:nth-child(3n){border-color:#a98bff59;box-shadow:0 0 0 1px #ffffff08 inset,0 0 28px -10px #a98bff80,0 24px 50px -24px #000d}
html.studio-nacht :is(.studio,.live-studio) .termin-datum{color:var(--st-text);background:#ffffff12;border:0}
html.studio-nacht .fakten li{background:#ffffff0f;border:var(--st-glas-rand);border-radius:16px}
html.studio-nacht .fakten strong{color:var(--st-text)}
html.studio-nacht .onair-schild{background:linear-gradient(135deg,#d4007ab3,#6b4f98b3);border:1.5px solid #ff7cc3;box-shadow:0 0 18px #ff3fa480;color:#fff}

/* Duo-Karten (Ingo & Mimi) */
html.studio-nacht .duo-bild{background:#2e2245;border-bottom:0}
html.studio-nacht .duo-mimi .duo-bild{background:#2a2447}
html.studio-nacht .studio .duo-karte{overflow:hidden}
html.studio-nacht .studio .duo-text{color:var(--st-text)}

/* Vertrauen + Firmenteaser */
html.studio-nacht .vertrauen-foto img{border:0;border-radius:22px;box-shadow:0 30px 70px -30px #000,0 0 50px -12px #ff3fa480;transform:none}
html.studio-nacht .firmen-teaser{background:linear-gradient(180deg,var(--ls-papier) 0 50%,var(--st-nacht) 50% 100%)}
html.studio-nacht .firmen-inner{color:var(--st-text);background:radial-gradient(600px 300px at 100% 0,#d4007a4d,transparent 60%),radial-gradient(500px 300px at 0 100%,#5fd8f01f,transparent 60%),var(--st-nacht-2);border:1.5px solid #ff3fa452;border-radius:26px;box-shadow:0 0 40px -12px #ff3fa480,0 40px 80px -40px #000}
html.studio-nacht .firmen-inner :is(p,.lead){color:var(--st-gedimmt)}

/* Videos */
html.studio-nacht .yt-play{background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink));box-shadow:0 0 0 8px #ff3fa42e,0 0 40px #ff3fa4a6;border:0}

/* ---------- Fußzeile ---------- */
html.studio-nacht .site-footer{background:#150f20;color:var(--st-gedimmt)}
html.studio-nacht .site-footer a{color:var(--st-text)}
html.studio-nacht .site-footer .footer-h{color:var(--st-neon-tuerkis)}
html.studio-nacht .footer-ticker{color:#fff;background:linear-gradient(90deg,var(--st-magenta),var(--st-flieder));border:0;font-weight:820;font-stretch:100%;box-shadow:0 0 30px -6px #ff3fa4a6}

/* Schnellzugriff (Handy) + Speicherhinweis */
html.studio-nacht .action-bar a{border:0;border-radius:14px;box-shadow:0 14px 30px -12px #1c1429e6}
html.studio-nacht .ab-live{color:#fff;background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink))}
html.studio-nacht .ab-wa{color:var(--st-aubergine);background:var(--st-eis)}
html.studio-nacht .speicher-hinweis{color:var(--st-text);background:#241a36f5;border:var(--st-glas-rand);border-left:4px solid var(--st-neon-pink);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--ls-sans)}
html.studio-nacht .speicher-hinweis a{color:var(--st-rosa)}
html.studio-nacht .hinweis-ok{color:var(--st-aubergine);background:var(--st-eis);border:0;border-radius:10px;font-weight:700}

/* ---------- Feinschliff Runde 2 ---------- */
html.studio-nacht :is(h2,h3,.erinnern-karte h3,.polaroid figcaption){font-stretch:100%}
html.studio-nacht h3{letter-spacing:-.015em}
html.studio-nacht .erinnern-karte h3{font-weight:800;font-size:1.5rem}

/* Plattform-Schilder im Sendeplan */
html.studio-nacht .kanal{font:500 .74rem/1 var(--ls-mono);letter-spacing:.03em;padding:.55em .85em;border:0;border-radius:999px;color:var(--st-aubergine)!important;background:var(--st-eis);box-shadow:none}
html.studio-nacht .kanal a{color:inherit!important;text-decoration:none}
html.studio-nacht .kanal-app{background:#e7dbf6}
html.studio-nacht .kanal-ebay{background:#ffe3f2}
html.studio-nacht :is(.studio,.live-studio,.buehne) .kanal{color:var(--st-text)!important;background:#ffffff14;box-shadow:inset 0 0 0 1px #5fd8f066}
html.studio-nacht :is(.studio,.live-studio,.buehne) .kanal-ebay{box-shadow:inset 0 0 0 1px #ff3fa480}
html.studio-nacht :is(.studio,.live-studio,.buehne) .kanal-app{box-shadow:inset 0 0 0 1px #a98bff80}

/* Erinnern-Karten: mittlere Karte als heiße Neon-Karte */
html.studio-nacht .erinnern-karte{border:0}
html.studio-nacht .erinnern-grid > :nth-child(2){color:#fff;background:linear-gradient(135deg,var(--st-magenta),#9b2f9b 55%,var(--st-flieder));box-shadow:0 24px 50px -22px #d4007aa6,0 0 0 1px #ffffff1f inset}
html.studio-nacht .erinnern-grid > :nth-child(2) :is(h3,p,.ek-los){color:#fff}
html.studio-nacht .ek-icon{border:0;box-shadow:0 6px 16px -8px #2d244066}

/* FAQ als ruhige Liste auf Weiß */
html.studio-nacht .papier .faq-item{background:#fff;border:1px solid #2d244014;border-radius:16px;padding:1rem 1.2rem;margin-bottom:.7rem;box-shadow:0 14px 30px -24px #2d244073}
html.studio-nacht .faq-item[open]{box-shadow:0 0 0 1.5px #ff3fa440,0 20px 40px -26px #6b4f9899}
html.studio-nacht .faq-icon{color:var(--st-magenta)}
html.studio-nacht .faq-toc a{border-radius:999px;border:1px solid #2d24401f;background:#fff;color:var(--st-aubergine);text-decoration:none}
html.studio-nacht .faq-toc a:hover{border-color:var(--st-neon-pink);color:var(--st-magenta)}

/* Formular */
html.studio-nacht :is(.field input,.field select,.field textarea,.form-card input[type=text]){border:1.5px solid #2d244033;border-radius:12px;background:#fff;transition:border-color .2s,box-shadow .2s}
html.studio-nacht :is(.field input,.field select,.field textarea):focus{outline:none;border-color:var(--st-flieder);box-shadow:0 0 0 4px #a98bff38}
html.studio-nacht .check-pill{border:1.5px solid #2d244033;background:#fff}
html.studio-nacht .check-pill:has(input:checked){border-color:var(--st-magenta);background:#ffe3f2;color:var(--st-aubergine)}
html.studio-nacht .dropzone{border-radius:16px;border-color:#6b4f9866;background:#f8f1fc}

/* Galerie, Polaroid, Duo-Karten: weiche Schatten statt harter Versatzkante */
html.studio-nacht .galerie li{border:0;border-radius:14px;box-shadow:0 22px 44px -22px #2d24408c}
html.studio-nacht .galerie img{border-radius:10px}
html.studio-nacht .galerie-stempel{background:linear-gradient(135deg,var(--st-magenta),var(--st-neon-pink))}
html.studio-nacht .polaroid{border:0;border-radius:16px}
html.studio-nacht .studio .duo-karte{box-shadow:0 0 0 1px #ffffff0d inset,0 0 30px -10px #ff3fa480,0 30px 60px -30px #000}
html.studio-nacht .comic-rahmen{border-radius:26px}
html.studio-nacht .sticker{border:0;box-shadow:0 10px 24px -12px #2d244099}

/* ---------- Feinschliff Runde 3 ---------- */
/* Karten in Nachtabschnitten: nie weiß mit heller Schrift */
html.studio-nacht :is(.studio,.live-studio,.vertrauen) :is(.regel-karte,.faq-item,.erinnern-karte:not(:nth-child(2)),.form-card,.polaroid){background:var(--st-glas);border:1.5px solid #ff3fa440;box-shadow:0 0 0 1px #ffffff08 inset,0 0 26px -12px #ff3fa480,0 24px 50px -24px #000d;color:var(--st-text)}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) .regel-karte:nth-child(2){border-color:#5fd8f059}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) .regel-karte:nth-child(3){border-color:#a98bff59}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) .regel-karte:nth-child(4){border-color:#f39bcb59}
html.studio-nacht :is(.studio,.live-studio,.vertrauen) .faq-item{border-radius:16px;padding:1rem 1.2rem;margin-bottom:.7rem}
/* Auswahlfelder im Formular */
html.studio-nacht .check-pill{white-space:nowrap;padding:.5rem .95rem;gap:.5rem;transition:border-color .2s,background .2s}
html.studio-nacht .check-pill input{width:auto;min-width:0;margin:0;padding:0;border:0;box-shadow:none;accent-color:var(--st-magenta)}
/* Video-Platzhalter mit Studio-Stimmung statt leerer Fläche */
html.studio-nacht .yt-buehne{background:linear-gradient(0deg,#1c1429d9,#1c142933 55%,#1c142980),url(/media/neu/studio-960.jpg) center/cover;background:linear-gradient(0deg,#1c1429d9,#1c142933 55%,#1c142980),image-set(url(/media/neu/studio-960.avif) type("image/avif"),url(/media/neu/studio-960.jpg) type("image/jpeg")) center/cover}
html.studio-nacht .yt-play::after{top:22px;left:32px}
html.studio-nacht .st-ki{position:absolute;right:14px;bottom:12px;z-index:3;font:500 .62rem/1 var(--ls-mono);letter-spacing:.04em;color:#fbf6ffa6;background:#1c14298c;padding:5px 8px;border-radius:999px;pointer-events:none}
html.studio-nacht .yt-buehne::after{content:"Symbolbild · KI-generiert";position:absolute;left:10px;bottom:10px;font:500 .6rem/1 var(--ls-mono);letter-spacing:.04em;color:#fbf6ffa6;background:#1c14298c;padding:4px 7px;border-radius:999px}

/* ---------- Feinschliff Runde 4 ---------- */
html.studio-nacht .page-home main{background:var(--st-nacht)}
html.studio-nacht .regel-liste li > span{flex:1;min-width:0}
html.studio-nacht .live-studio .pl-jetzt{background:#ffffff0a;border:2px dashed #ff7cc38c;color:var(--st-text)}
html.studio-nacht .live-studio .pl-jetzt :is(.pl-name,.pl-zustand,.small,p){color:var(--st-text)}
html.studio-nacht .live-studio .pl-jetzt .small{color:var(--st-gedimmt)}
html.studio-nacht .pl-bild{border:0;background:repeating-linear-gradient(135deg,#f39bcb 0 14px,#f5e6fb 14px 28px)}
html.studio-nacht .pl-h{font-stretch:100%}
html.studio-nacht .live-studio .pl-mini{border-color:#f5e6fb33;color:var(--st-text)}
html.studio-nacht .brand{background:none;padding:0}
html.studio-nacht .mobile-nav nav{background:#f7f0fc;opacity:1}
html.studio-nacht .mobile-nav[open] nav{box-shadow:0 30px 60px -10px #1c1429cc}