/* Entwurf w5 Frage 60/40, erzeugt von bau_varianten_hell.py, nur lokal */
body{background:#FFFFFF}
section.hell{background:#FFFFFF;color:#2B2D31}
section.dunkel{background:#000000}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA;--gruen:#0E9F6E;--rot:#E0482C;--rot-ged:rgba(224,72,44,.85)}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .g2-ach,.g2-ach.hell{fill:#000000}
.hell .g2-dd,.g2-dd.hell{fill:#000000}
.hell .g2-kz b,.g2-kz.hell b{color:#000000}
.hell .g2-kz-aktien b,.g2-kz-aktien.hell b{color:#55595F}
.hell .g2-kz-anleihen b,.g2-kz-anleihen.hell b{color:#8A9099}
.hell .g2-kz i,.g2-kz.hell i{color:#000000}
.hell .g2-pflicht,.g2-pflicht.hell{color:#8A9099}
.hell .kachel,.kachel.hell{border:1.5px solid rgba(0,0,0,0.16)}
.hell .tabelle th,.tabelle.hell th{border-bottom:1.5px solid rgba(0,0,0,0.16)}
.hell .rahmen,.rahmen.hell{border:2px solid rgba(0,0,0,0.5)}
.hell .v3-karte,.v3-karte.hell{border:2px solid rgba(0,0,0,0.16)}
.hell .v3-strich,.v3-strich.hell{stroke:rgba(0,0,0,0.55)}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .dkb-kopf,.dkb-kopf.hell,.hell .dkb-g,.dkb-g.hell{color:#000000}
.hell .dkb-jahr,.dkb-jahr.hell{color:#2B2D31}
.hell .dkb-jahr::before{background:rgba(0,0,0,0.28)}
.hell .dkb-kz em,.dkb-kz.hell em{border-top:4px solid #000000}
.hell .dkb-kz-M em,.dkb-kz-M.hell em{border-top:2px dashed #8A9099}
.hell .dkb-kz b,.dkb-kz.hell b{color:#000000}
.hell .dkb-kz-M b,.dkb-kz-M.hell b{color:#676A70}
.hell .dkb-kz i,.dkb-kz.hell i{color:#000000}
.hell .dkb-pflicht,.dkb-pflicht.hell{color:#8A9099}
.hell .dkb-achse,.dkb-achse.hell{fill:#000000}
.hell .dkb-dd,.dkb-dd.hell{fill:#000000}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .dkb-kopf,.dkb-kopf.hell,.hell .dkb-g,.dkb-g.hell{color:#000000}
.hell .dkb-jahr,.dkb-jahr.hell{color:#2B2D31}
.hell .dkb-jahr::before{background:rgba(0,0,0,0.28)}
.hell .dkb-kz em,.dkb-kz.hell em{border-top:4px solid #000000}
.hell .dkb-kz-M em,.dkb-kz-M.hell em{border-top:2px dashed #8A9099}
.hell .dkb-kz b,.dkb-kz.hell b{color:#000000}
.hell .dkb-kz-M b,.dkb-kz-M.hell b{color:#676A70}
.hell .dkb-kz i,.dkb-kz.hell i{color:#000000}
.hell .dkb-pflicht,.dkb-pflicht.hell{color:#8A9099}
.hell .dkb-achse,.dkb-achse.hell{fill:#000000}
.hell .dkb-dd,.dkb-dd.hell{fill:#000000}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .dkb-kopf,.dkb-kopf.hell,.hell .dkb-g,.dkb-g.hell{color:#000000}
.hell .dkb-jahr,.dkb-jahr.hell{color:#2B2D31}
.hell .dkb-jahr::before{background:rgba(0,0,0,0.28)}
.hell .dkb-kz em,.dkb-kz.hell em{border-top:4px solid #000000}
.hell .dkb-kz-M em,.dkb-kz-M.hell em{border-top:2px dashed #8A9099}
.hell .dkb-kz b,.dkb-kz.hell b{color:#000000}
.hell .dkb-kz-M b,.dkb-kz-M.hell b{color:#676A70}
.hell .dkb-kz i,.dkb-kz.hell i{color:#000000}
.hell .dkb-pflicht,.dkb-pflicht.hell{color:#8A9099}
.hell .dkb-achse,.dkb-achse.hell{fill:#000000}
.hell .dkb-dd,.dkb-dd.hell{fill:#000000}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA;--gruen:#0E9F6E;--rot-ged:rgba(224,72,44,0.85)}
.hell .f07-methode,.f07-methode.hell{color:#8A9099}
.hell .f07-pflicht,.f07-pflicht.hell{color:#8A9099}
.hell .f07-linie,.f07-linie.hell{background:rgba(0,0,0,0.14)}
.hell .f07-karte,.f07-karte.hell{border:1.5px solid rgba(0,0,0,0.16)}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .f09-fuss,.f09-fuss.hell{color:#8A9099}
.hell .f09-pflicht,.f09-pflicht.hell{color:#8A9099}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .f11-platz,.f11-platz.hell{border:5px dashed rgba(0,0,0,0.42)}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .f12-foto::after{border:1px solid rgba(0,0,0,0.16)}
.hell .f12-ring circle,.f12-ring.hell circle{stroke:rgba(0,0,0,0.4)}
.hell .f12-strich,.f12-strich.hell{background:rgba(0,0,0,0.16)}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .f13-foto::after{border:1px solid rgba(0,0,0,0.16)}
.hell .f13-ring circle,.f13-ring.hell circle{stroke:rgba(0,0,0,0.4)}
.hell .f13-strich,.f13-strich.hell{background:rgba(0,0,0,0.16)}
.hell{--buehne:#FFFFFF;--feld:#F4F4F4;--linie:#E4E4E4;--weiss:#000000;--unter:#2B2D31;--silber:#676A70;--grau:#8A9099;--grau3:#BCC2CA}
.hell .f14-sig::before{background:#FFFFFF}
.hell .f14-zeile,.f14-zeile.hell{color:#4A4A4A}

body.kopf-hell .lp-nav{background:linear-gradient(180deg,rgba(255,255,255,0.78) 0%,rgba(255,255,255,0.34) 55%,rgba(255,255,255,0.0) 100%)}
body.kopf-hell .lp-marke{color:#000000}
body.kopf-hell .lp-nav .lp-knoepfe .glas small{color:#000000}
.hell .lp-ueber,.lp-ueber.hell{color:#000000}
.hell .lp-schild,.lp-schild.hell{border:2.5px solid rgba(224,72,44,0.9);background:rgba(224,72,44,0.08);color:#000000}
body.kopf-hell .lp-pins-A{border-right:2px solid rgba(0,0,0,0.18)}
body.kopf-hell .lp-pins-A .lp-pin::after{background:#000000}
.hell .lp-frage,.lp-frage.hell{color:#000000}
.hell .lp-avatar,.lp-avatar.hell{color:#000000}
.hell .lp-schluss .lp-licht,.lp-schluss.hell .lp-licht{background:radial-gradient(ellipse 44vw 40svh at 48vw 88svh,rgba(0,0,0,0.14),rgba(0,0,0,0.0) 70%)}
.hell .lp-slogan,.lp-slogan.hell{color:#000000}
.hell .lp-grund,.lp-grund.hell{background:#FFFFFF}
.hell .lp-b1 .lp-verlauf,.lp-b1.hell .lp-verlauf{background:linear-gradient(90deg,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.0) 40%,rgba(255,255,255,0.9) 68%,#FFFFFF 100%),
  linear-gradient(180deg,rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.25) 16%,rgba(255,255,255,0.0) 30%),linear-gradient(0deg,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.3) 22%,rgba(255,255,255,0.0) 44%),
  radial-gradient(ellipse 43vw 40svh at 24% 54%,rgba(255,255,255,0.55),rgba(255,255,255,0.0) 70%)}
.hell .lp-schluss .lp-verlauf,.lp-schluss.hell .lp-verlauf{background:linear-gradient(180deg,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.0) 24%),linear-gradient(0deg,rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.55) 26%,rgba(255,255,255,0.0) 56%),
  radial-gradient(ellipse 62.5vw 33.3svh at 36% 46%,rgba(255,255,255,0.5),rgba(255,255,255,0.0) 70%)}
.hell .lp-frage,.lp-frage.hell,.hell .lp-unter,.lp-unter.hell,.hell .lp-slogan,.lp-slogan.hell,.hell .lp-frage3 .titel,.lp-frage3.hell .titel,.hell .lp-ueber,.lp-ueber.hell,.hell .g2-kopf,.g2-kopf.hell,.hell .g2-leg b,.g2-leg.hell b,.hell .g3-frage .titel,.g3-frage.hell .titel,.hell .v3-name,.v3-name.hell,.hell .v3-kosten,.v3-kosten.hell,.hell .v3-marke,.v3-marke.hell,.hell .g4-w,.g4-w.hell,.hell .dkb-kopf,.dkb-kopf.hell,.hell .dkb-g,.dkb-g.hell,.hell .dkb-leg b,.dkb-leg.hell b,.hell .f08-kopf,.f08-kopf.hell,.hell .f08-oos,.f08-oos.hell,.hell .f08-ziel,.f08-ziel.hell,.hell .f08-eig,.f08-eig.hell,.hell .f09-quote b,.f09-quote.hell b,.hell .f10-s>*,.f10-s.hell>*,.hell .f11-s>*,.f11-s.hell>*,body.kopf-hell .lp-pin,.hell .f12-name,.f12-name.hell,.hell .f12-zeile,.f12-zeile.hell,.hell .f13-name,.f13-name.hell,.hell .f13-zeile,.f13-zeile.hell{-webkit-text-stroke:calc(var(--kp,1px) * 1.2) rgba(255,255,255,0.7);text-shadow:0 0 calc(var(--kp,1px) * 2) rgba(255,255,255,0.9),0 0 calc(var(--kp,1px) * 2) rgba(255,255,255,0.9),0 calc(var(--kp,1px) * 2) calc(var(--kp,1px) * 6) rgba(255,255,255,0.9)}
.hell .lp-frage,.lp-frage.hell,.hell .lp-unter,.lp-unter.hell,.hell .lp-slogan,.lp-slogan.hell{text-shadow:0 0 2px rgba(255,255,255,0.9),0 0 2px rgba(255,255,255,0.9),0 2px 6px rgba(255,255,255,0.9),0 8px 30px rgba(255,255,255,0.8),0 0 80px rgba(255,255,255,0.7)}
@media (max-width:1100px){
.hell .lp-schluss .lp-verlauf,.lp-schluss.hell .lp-verlauf{background:linear-gradient(0deg,#FFFFFF 0,#FFFFFF 12px,rgba(255,255,255,0.86) 16%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.0) 60%),
    linear-gradient(180deg,rgba(255,255,255,0.55) 0%,rgba(255,255,255,0.0) 24%)}
.hell .lp-schluss .lp-licht,.lp-schluss.hell .lp-licht{background:radial-gradient(ellipse 80vw 34svh at 50vw 52svh,rgba(0,0,0,0.13),rgba(0,0,0,0.0) 70%)}
}
@media (max-width:700px){
.hell .lp-b1 .lp-verlauf,.lp-b1.hell .lp-verlauf{background:linear-gradient(0deg,#FFFFFF 0,#FFFFFF 12px,rgba(255,255,255,0.86) 16%,rgba(255,255,255,0.3) 40%,rgba(255,255,255,0.0) 60%),
    linear-gradient(180deg,rgba(255,255,255,0.72) 0%,rgba(255,255,255,0.25) 26%,rgba(255,255,255,0.0) 44%)}
}
.hell .lp-zoom-band,.lp-zoom-band.hell{background:rgba(0,0,0,0.07);border-left:1px solid rgba(0,0,0,0.45);border-right:1px solid rgba(0,0,0,0.45)}
.hell .lp-zoom-nav,.lp-zoom-nav.hell{background:rgba(0,0,0,0.04)}
.hell .lp-zoom-mini,.lp-zoom-mini.hell{fill:rgba(0,0,0,0.12);stroke:rgba(0,0,0,0.55)}
.hell .lp-zoom-maske,.lp-zoom-maske.hell{background:rgba(255,255,255,0.55)}
.hell .lp-zoom-mitte,.lp-zoom-mitte.hell{border-top:1px solid rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.4)}
.hell .lp-zoom-griff,.lp-zoom-griff.hell{background:#000000;box-shadow:0 0 0 1px rgba(0,0,0,0.225),0 1px 4px rgba(0,0,0,0.18)}
.hell .lp-zoom-griff::after{border-left:1px solid rgba(255,255,255,0.35);border-right:1px solid rgba(255,255,255,0.35)}
.hell .lp-hov-linie,.lp-hov-linie.hell{border-left:1px solid rgba(0,0,0,0.6)}
.hell .lp-hov-pkt,.lp-hov-pkt.hell{background:#000000;box-shadow:0 0 0 2px rgba(0,0,0,0.338)}
.hell .lp-hov-pkt[data-k="M"],.lp-hov-pkt[data-k="M"].hell{background:#676A70}
.hell .lp-hov-dd[data-k="M"],.lp-hov-dd[data-k="M"].hell{background:rgba(224,72,44,0.95)}
.hell .lp-hov-feld,.lp-hov-feld.hell{background:rgba(255,255,255,0.78);border:1px solid rgba(0,0,0,0.22);color:#000000}
.hell .lp-hov-feld th,.lp-hov-feld.hell th{color:rgba(0,0,0,0.55)}
.hell .lp-hov-feld tr[data-k="M"] td,.lp-hov-feld.hell tr[data-k="M"] td{color:#676A70}
.hell .lp-hov-feld tr[data-k="M"] td.dd,.lp-hov-feld.hell tr[data-k="M"] td.dd{color:rgba(224,72,44,0.95)}
.hell .lp-hov-feld em,.lp-hov-feld.hell em{border-top:3px solid #000000}
.hell .lp-hov-feld tr[data-k="M"] em,.lp-hov-feld.hell tr[data-k="M"] em{border-top:2px dashed #8A9099}
@media (max-width:700px){
.hell .lp-hov-pkt,.lp-hov-pkt.hell{box-shadow:0 0 0 1.5px rgba(0,0,0,0.338)}
}
.hell .lp-foto:hover,.lp-foto:hover.hell,.hell .lp-foto:focus-visible,.lp-foto:focus-visible.hell{background:rgba(0,0,0,0.05)}
.hell .lp-lb,.lp-lb.hell{background:rgba(255,255,255,0.94)}
.hell .lp-lb img,.lp-lb.hell img{box-shadow:0 30px 120px rgba(0,0,0,0.36)}

body.kopf-hell .lp-marke{color:#000000}body.kopf-hell .lp-wu{color:#4A4A4A;opacity:1}
body.kopf-hell .lp-nav .lp-knoepfe .glas small{color:#000000}
body.kopf-hell .lp-pins{--weiss:#000000;--unter:#000000;--silber:#8A9099;--grau:#8A9099;--grau3:#BCC2CA;--linie:#E4E4E4}
body .footer{background:#FFFFFF;color:rgba(0,0,0,0.713);border-top:1px solid rgba(0,0,0,0.103)}
body .footer-lockup{color:#000000}
body .footer-lockup .nav-wordmark-name{color:#000000}
body .footer-social-link{color:rgba(0,0,0,0.828)}
body .footer-social-link:hover{color:rgba(0,0,0,1)}
body .footer-col-title{color:rgba(0,0,0,0.483)}
body .footer-links a{color:rgba(0,0,0,0.759)}
body .footer-links a:hover{color:rgba(0,0,0,1)}
body .footer-risk p{color:rgba(0,0,0,0.437)}
body .footer-divider{border-top:1px solid rgba(0,0,0,0.103)}
body .footer-bottom{border-top:1px solid rgba(0,0,0,0.103)}
body .footer-legal{color:rgba(0,0,0,0.46)}
body .footer-legal a{color:rgba(0,0,0,0.632)}
body .footer-legal a:hover{color:rgba(0,0,0,1)}
body .footer-lockup .nav-wordmark-name{color:#000000}
body .footer-lockup .nav-wordmark-sub{color:rgba(0,0,0,0.74)}

body .footer{background:#F4F4F4}

.hell .lp-grund{background:#FFFFFF}
.hell .lp-grund img{filter:grayscale(1) contrast(1.08) brightness(1.06);mix-blend-mode:multiply;opacity:.34}
.hell .lp-korn{mix-blend-mode:multiply;opacity:.16}
.lp-b1.hell .lp-verlauf{background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,.85) 64%,#FFFFFF 100%)}
.lp-schluss.hell .lp-verlauf{background:linear-gradient(0deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 30%,rgba(255,255,255,0) 60%)}
.hell .lp-frage,.hell .lp-slogan{color:#000000;text-shadow:none}
.hell .lp-unter{color:#2B2D31;text-shadow:none}
.lp-schluss.hell .lp-licht{display:none}
.hell .lp-film .lp-zeile{color:#000000}


body.schrift .riesig{font-size:200px;font-weight:800;letter-spacing:-.04em;line-height:1}
body.schrift .f10-gross,body.schrift .f11-gross,body.schrift .f10-zwei,body.schrift .f11-zwei{font-size:150px;font-weight:800;letter-spacing:-.035em;line-height:1}
body.schrift .titel,body.schrift .mittel,body.schrift .lp-ueber.lp-gross,body.schrift .lp-frage3 .titel,body.schrift .f12-name,
body.schrift .f13-name{font-size:88px;font-weight:800;letter-spacing:-.03em;line-height:1.04}
body.schrift .lp-ueber:not(.lp-gross),body.schrift .dkb-kopf,body.schrift .dkb-g,body.schrift .dkb-jahr,body.schrift .v3-name,
body.schrift .v3-marke span,body.schrift .g4-w,body.schrift .mittel.f08-ziel{font-size:59px;font-weight:800;letter-spacing:-.025em;line-height:1.06}
body.schrift .unter,body.schrift .v3-kosten,body.schrift .f10-unter,body.schrift .f11-unter,body.schrift .f12-zeile,body.schrift .f13-zeile,
body.schrift .f12-rolle,body.schrift .f13-rolle,body.schrift .f12-r1,body.schrift .f12-w1,body.schrift .f12-w2,body.schrift .f08-oos,
body.schrift .f08-eig,body.schrift .f07-name{font-size:44px;font-weight:600;letter-spacing:-.012em;line-height:1.2}
body.schrift .f08-oos .f08-hell,body.schrift .f12-sname{font-weight:600}
body.schrift .dkb-kz b,body.schrift .g2-kz b,body.schrift .f07-ks,body.schrift .f07-km,body.schrift .f07-s,
body.schrift #w-f09 .f09-quote b{font-size:44px;font-weight:800;letter-spacing:-.012em;line-height:1.1}
body.schrift .f07-m{font-size:44px;font-weight:600;letter-spacing:-.012em}
body.schrift .dkb-kz i,body.schrift .g2-kz i,body.schrift .f07-k0,body.schrift .f09-kopf,body.schrift #w-f09 .f09-quote i,
body.schrift .f09-tab th,body.schrift .lp-schild{font-size:21px;font-weight:500;letter-spacing:0;line-height:1.25}
body.schrift .g2-pflicht,body.schrift .dkb-pflicht,body.schrift .g2-quelle,body.schrift .f07-methode,body.schrift .f07-pflicht,
body.schrift .f09-fuss,body.schrift .f09-pflicht,body.schrift .g2-ach,body.schrift .dkb-achse,body.schrift .g2-dd,
body.schrift .dkb-dd{font-size:16px;font-weight:500;letter-spacing:.01em;line-height:1.45}
body.schrift .glas,body.schrift .lp-dauer{font-weight:600}
body.schrift .lp-frage{font-size:clamp(44px,7.8vw,150px);letter-spacing:-.035em;line-height:.98}
body.schrift .lp-unter{font-size:clamp(20px,2.29vw,44px);font-weight:600;letter-spacing:-.012em;line-height:1.2}
body.schrift .lp-slogan{font-size:clamp(34px,4.58vw,88px);letter-spacing:-.03em;line-height:1.04}
@media (max-width:1100px){body.schrift .lp-slogan{font-size:clamp(34px,8vw,66px)}}
body.schrift #w-f09 .f09-quote{left:744px}
body.schrift .f07-karte{display:none}
body.schrift .v3-karte{background:transparent}
body.schrift .v3-voll .v3-strich{fill:none}


.entwurf-w5 .lp-b1 .lp-korn,.entwurf-w5 .lp-b1 .lp-verlauf,.entwurf-w5 .lp-schluss .lp-korn,.entwurf-w5 .lp-schluss .lp-verlauf,
.entwurf-w5 .lp-schluss .lp-licht{display:none}
.entwurf-w5 .lp-b1 .lp-grund img,.entwurf-w5 .lp-schluss .lp-grund img{filter:grayscale(1) contrast(1.05);mix-blend-mode:normal;opacity:1}
.entwurf-w5 .lp-b1 .lp-grund img{left:34%;width:66%;
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 22%,#000 46%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 22%,#000 46%)}
.entwurf-w5 .lp-b1 .lp-grund img{filter:grayscale(1) contrast(1.05) brightness(.9)}
@media (min-width:1101px){
  .entwurf-w5 .lp-schluss .lp-grund img{left:46%;width:54%;
    -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 18%,#000 36%);mask-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 18%,#000 36%)}
  .entwurf-w5 .lp-schluss .lp-slogan{white-space:normal;max-width:54vw}   /* 54 statt 47: Schluss Slogan in zwei Zeilen, Nutzer 07.10. */
}
@media (min-width:701px){
  .entwurf-w5 .lp-b1 .lp-film{background:#000000;border-radius:12px;padding-bottom:13px}
  .entwurf-w5 .lp-b1 .lp-poster{border-color:#000000}
  .entwurf-w5 .lp-b1 .lp-film .lp-zeile{padding:0 16px;margin-top:11px;gap:10px;align-items:center}
  .entwurf-w5 .lp-b1 .lp-film .lp-avatar{width:28px;height:28px}
  .entwurf-w5 .lp-b1 .lp-film .lp-titel{font-size:clamp(13px,1.04vw,16px);font-weight:600;letter-spacing:0;line-height:1.25}
  .entwurf-w5 .lp-b1 .lp-film .lp-meta{font-size:clamp(11px,.83vw,13px);font-weight:500;letter-spacing:.01em;margin-top:1px}
  .entwurf-w5 .lp-b1 .lp-film .lp-zeile,.entwurf-w5 .lp-b1 .lp-film .lp-zeile *{color:#FFFFFF;text-shadow:none}
}
@media (max-width:1100px){
  .entwurf-w5 .lp-schluss .lp-grund{height:46svh}
  .entwurf-w5 .lp-schluss .lp-grund img{left:0;width:100%;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0%,#000 52%,rgba(0,0,0,0) 100%)}
}
@media (max-width:700px){
  .entwurf-w5 .lp-b1 .lp-grund{height:calc(30svh + 40px)}
  .entwurf-w5 .lp-b1 .lp-grund img{left:0;width:100%;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,#000 0%,#000 55%,rgba(0,0,0,0) 100%)}
  .entwurf-w5 .lp-b1 .beat-in{padding-top:calc(30svh + 24px)}
}


body.schrift.entwurf-w5 .lp-b1 .lp-frage{font-size:clamp(34px,4.58vw,88px);letter-spacing:-.03em;line-height:1.04}
@media (max-width:700px){body.schrift.entwurf-w5 .lp-b1 .lp-frage{font-size:clamp(34px,10vw,44px)}}

/* Knoepfe: Kontrast im Knopf selbst, beim Zeigen, Fokus und Druecken */
.lp-knoepfe .glas{transition:transform .14s ease}
.lp-nav .lp-knoepfe .glas small{padding:3px 9px;border-radius:999px;border:1px solid transparent;line-height:1.25;transition:none}
@media (hover:hover){body .lp-knoepfe .glas.sek:hover,body .glas-invers .lp-knoepfe .glas:not(.sek):hover,body .lp-nav .lp-knoepfe .glas.sek:hover small,body .lp-nav.glas-invers .lp-knoepfe .glas:not(.sek):hover small{background:#0A0A0A;color:#FFFFFF;border-color:#FFFFFF;box-shadow:none;opacity:1}body .lp-knoepfe .glas:not(.sek):hover,body .glas-invers .lp-knoepfe .glas.sek:hover,body .lp-nav .lp-knoepfe .glas:not(.sek):hover small,body .lp-nav.glas-invers .lp-knoepfe .glas.sek:hover small{background:#FFFFFF;color:#0A0A0A;border-color:#0A0A0A;box-shadow:none;opacity:1}}
body .lp-knoepfe .glas.sek:focus-visible,body .glas-invers .lp-knoepfe .glas:not(.sek):focus-visible,body .lp-nav .lp-knoepfe .glas.sek:focus-visible small,body .lp-nav.glas-invers .lp-knoepfe .glas:not(.sek):focus-visible small{background:#0A0A0A;color:#FFFFFF;border-color:#FFFFFF;box-shadow:none;opacity:1}body .lp-knoepfe .glas:not(.sek):focus-visible,body .glas-invers .lp-knoepfe .glas.sek:focus-visible,body .lp-nav .lp-knoepfe .glas:not(.sek):focus-visible small,body .lp-nav.glas-invers .lp-knoepfe .glas.sek:focus-visible small{background:#FFFFFF;color:#0A0A0A;border-color:#0A0A0A;box-shadow:none;opacity:1}
body .lp-knoepfe .glas.sek:active,body .glas-invers .lp-knoepfe .glas:not(.sek):active,body .lp-nav .lp-knoepfe .glas.sek:active small,body .lp-nav.glas-invers .lp-knoepfe .glas:not(.sek):active small{background:#0A0A0A;color:#FFFFFF;border-color:#FFFFFF;box-shadow:none;opacity:1}body .lp-knoepfe .glas:not(.sek):active,body .glas-invers .lp-knoepfe .glas.sek:active,body .lp-nav .lp-knoepfe .glas:not(.sek):active small,body .lp-nav.glas-invers .lp-knoepfe .glas.sek:active small{background:#FFFFFF;color:#0A0A0A;border-color:#0A0A0A;box-shadow:none;opacity:1}/* Filmkarte Bildschirm 1 in Glas (Nutzer 05.10.2026: keine schwarze Leiste unter dem Video, edel wie Liquid Glass).
   Material aus css/glas.css (--glas-*), wie die Knoepfe im Kopf. Bildschirm 1 ist eine Haltestelle: keine Unschaerfe auf der
   grossen Flaeche und kein weiter Schatten (Rasterzeit, Rad springt), Unschaerfe nur auf der Dauer. Die Titelzeile entfaellt.
   Seit 05.10.2026 abends traegt die Karte den einen Player der Website (css/player.css): Play Knopf rot wie YouTube (E1 A),
   Leiste, Kino und Max kommen von dort, die Karte gibt nur Glas, Rundung (--sp-ecke) und die Dauer in Glas. Im Kino und im
   Vollbild liegt der Player ausserhalb der Karte, dort gilt nur css/player.css. bau_web.py haengt das an thema.css. */
body.entwurf-w5 .lp-b1 .lp-film{--sp-ecke:17px;padding:9px;border-radius:26px;background:var(--glas-hell);
  border:1px solid var(--glas-rand-hell);box-shadow:var(--glas-kante-hell),var(--glas-kontur),var(--glas-wurf)}
.entwurf-w5 .lp-b1 .lp-film .lp-zeile{display:none}
.entwurf-w5 .lp-b1 .lp-film .sp-dauer{right:12px;bottom:12px;padding:4px 10px;border-radius:var(--glas-ecke);background:var(--glas-tief);
  border:1px solid var(--glas-rand-tief);-webkit-backdrop-filter:var(--glas-unschaerfe);backdrop-filter:var(--glas-unschaerfe);
  box-shadow:var(--glas-kante-tief),var(--glas-kontur-tief);color:var(--glas-papier);font-size:13px;font-weight:600}
@media (max-width:700px){
  body.entwurf-w5 .lp-b1 .lp-film{--sp-ecke:15px;padding:7px;border-radius:22px}
  .entwurf-w5 .lp-b1 .lp-film .sp-dauer{right:9px;bottom:9px;padding:3px 8px;font-size:12px}
}

/* Schluss am Handy (08.10.2026, Bahn kopf_termin): Ueber uns hat keine zweite Zeile und stand mit 51 px unter den anderen
   Schlussknoepfen (69 px). Eine Hoehe fuer alle vier, Rolle Schluss wie auf den uebrigen Seiten. */
@media (max-width:700px){
  .lp-schluss .lp-knoepfe .glas{min-height:69px}
}