/* ersterkunde.de: Glas-Schicht für /webinar und /webinar/danke. Liegt über webinar.css, Formular und Logik bleiben unberührt. */
:root{--lq:0 0 8px #00000008,0 2px 6px #00000014,inset 3px 3px .5px -3.5px #ffffff17,inset -3px -3px .5px -3.5px #ffffffd9,inset 1px 1px 1px -.5px #ffffff99,inset -1px -1px 1px -.5px #ffffff99,inset 0 0 6px 6px #ffffff1f,inset 0 0 2px 2px #ffffff0f,0 0 12px #00000026}

/* Inter statt Serifen-Kursiv */
.l2{font:800 clamp(26px,6.6vw,46px)/1.08 var(--sans);font-style:normal;letter-spacing:-.035em}
.dk-hero .l2{font-size:clamp(23px,5.4vw,36px);line-height:1.14}
.side h3 em{font:500 15px/1.2 var(--sans);font-style:normal}
.quote-mark{font:900 80px/1 var(--sans);font-style:normal}
.sign{font:800 19px/1.2 var(--sans);font-style:normal;letter-spacing:-.02em}

/* Buttons: dasselbe Liquid Glass wie auf der Hauptseite */
.btn,.btn:hover,.btn.dk,.btn.dk:hover{background:#141412;color:#fff;font-weight:600;letter-spacing:-.01em;box-shadow:var(--lq);transition:transform .3s var(--ease)}
.btn svg,.btn>span[aria-hidden]{color:var(--lime)}
.btn:hover{transform:scale(1.04)}.btn:active{transform:scale(.98)}
.btn.ghost,.btn.ghost:hover{background:transparent;color:inherit;box-shadow:var(--lq)}
.sticky .btn{box-shadow:var(--lq),0 14px 34px #10100e66}
.sticky .btn:hover{transform:none}
.sticky small{opacity:.8}

/* Glas-Chips und Terminkarte */
.when{box-shadow:inset 0 0 0 1.5px #ffffff1f,0 18px 40px #00000040}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.when{-webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px)}}
@media (max-width:440px){.when small{white-space:normal}}

/* Orbs und Neon nur, wo Platz ist */
@media (min-width:960px){
  .hero::after{content:"";position:absolute;z-index:-1;width:300px;aspect-ratio:1;right:-40px;top:64px;background:url(/roadmap/assets/glass/orb-a.webp) center/contain no-repeat;filter:drop-shadow(0 30px 60px #d9f26b26);pointer-events:none}
  .dk-hero::after{content:"";position:absolute;z-index:-1;width:300px;aspect-ratio:1;right:max(32px,calc(50% - 620px));top:50%;translate:0 -46%;background:url(/roadmap/assets/neon/neon-wartet.webp) center/66% no-repeat,url(/roadmap/assets/glass/orb-a.webp) center/contain no-repeat;filter:drop-shadow(0 30px 60px #d9f26b26);pointer-events:none}
}

/* VSL im Hero (07.11.2026) */
.hero-vsl{margin-top:20px;max-width:640px;scroll-margin-top:20px}
.dk-vlabel{margin:0 0 10px;color:#fff;font:700 16px/1.3 var(--sans);letter-spacing:-.01em}
.dk-vlabel span{display:block;margin-bottom:4px;color:var(--lime);font:600 11.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase}
@media (max-width:959px){.hero-in{padding-top:min(250px,62vw)}}