/* Ergänzungen für die Live-Website: Handy-Menü und kompakter Header */
.ylmb{display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line,rgba(255,255,255,.25));background:transparent;color:inherit;cursor:pointer;align-items:center;justify-content:center;flex:none;padding:0}
.ylmb svg{display:block}
.ylmp{position:fixed;inset:0;z-index:300;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:96px 28px 40px;background:linear-gradient(160deg,#000 0%,#0E1550 60%,#2E3FB8 100%);color:#F4F4F7;opacity:0;pointer-events:none;transition:opacity .35s}
.ylmp.on{opacity:1;pointer-events:auto}
.ylmp a{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;font-size:34px;line-height:1.1;color:#F4F4F7;text-decoration:none;padding:6px 0}
.ylmp a.on{color:#4F6BFF}
.ylmp .ylmc{margin-top:22px;align-self:flex-start;font-family:Archivo,Arial,sans-serif;text-transform:none;font-size:17px;font-weight:700;min-height:54px;display:inline-flex;align-items:center;padding:0 26px;border-radius:999px;background:#4F6BFF;box-shadow:0 0 30px -6px #4F6BFF}
.ylmp .ylmx{position:absolute;right:20px;top:20px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:24px;cursor:pointer}
@media(max-width:960px){.ylmb{display:inline-flex}}
@media(max-width:600px){
  header .wrap{gap:10px!important;height:70px!important}
  header .wrap>a img{height:20px!important}
  header .tog{display:none!important}
  header .btn{min-height:42px!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap}
}
@media(max-width:380px){header .btn{display:none!important}}
/* Fehlermeldung am Absende-Knopf */
.ylerr{margin:10px 0 0;padding:10px 14px;border-radius:12px;background:rgba(255,138,61,.12);border:1px solid #FF8A3D;color:inherit;font-size:14px;font-weight:600;line-height:1.45;flex-basis:100%}
.ylmp[hidden]{display:none!important}
/* Sichtbarer Tastatur-Fokus überall */
:focus-visible{outline:3px solid #4F6BFF!important;outline-offset:3px!important}
.nlw input:focus-visible{outline:3px solid #4F6BFF!important}
/* Spar-Modus: zeigen, dass Videos per Tipp starten */
.yl-lite video{cursor:pointer}

/* Kleine Handys: Kopfzeile passt ohne Überstand (Menü-Knopf blieb 14 px außerhalb) */
@media(max-width:520px){header .wrap{gap:10px!important;padding:0 16px!important}header .wrap>a img{height:20px!important}header .wrap>div{gap:8px!important}header .btn{padding:0 12px!important;font-size:12.5px!important;min-height:40px!important}.ylmb{width:42px;height:42px}}

/* Pause-/Play-Knopf für Videos (Barrierefreiheit) */
.ylvp{position:absolute;right:10px;bottom:10px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(7,7,11,.6);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);transition:background .25s,box-shadow .25s}
.ylvp:hover{background:rgba(79,107,255,.85);box-shadow:0 0 18px 2px rgba(79,107,255,.6)}
.ylvp:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:0 0 0 5px #4F6BFF}

/* Hinweis unter gesperrtem Weiter-Knopf */
.ylhint{position:absolute;z-index:60;max-width:340px;margin:0;padding:8px 12px;border-radius:10px;background:#07070B;color:#FFFFFF;font:600 13px/1.45 Archivo,Arial,sans-serif;box-shadow:0 0 0 1px #3D58F2,0 8px 24px -8px rgba(61,88,242,.7);pointer-events:none}
/* Sichtbarer Tastatur-Fokus überall */
.yl a:focus-visible,.yl button:focus-visible,.yl input:focus-visible,.yl select:focus-visible,.yl textarea:focus-visible,.yl [tabindex]:focus-visible,.ylhint+*:focus-visible{outline:3px solid #4F6BFF!important;outline-offset:3px}

/* Formular wird gesendet: Text bleibt im Knopf, Hinweis liegt darüber */
.ylbusy{position:relative;color:transparent!important}
.ylbusy::after{content:'Wird gesendet …';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#FFFFFF;font-weight:700}
.btn2.ylbusy::after{color:var(--ink,#07070B)}