/* LSG Cookie-Hinweis – Overlay in der Seitenmitte, bis sich der Besucher entschieden hat */
.lsg-ck-buehne{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:clamp(14px,4vw,32px);background:rgba(4,13,9,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto;overscroll-behavior:contain;animation:lsg-ck-blende .35s ease both}
.lsg-ck-buehne[hidden]{display:none}
html.lsg-ck-gesperrt{overflow:hidden;scrollbar-gutter:stable}

.lsg-ck{width:min(480px,100%);margin:auto;padding:28px 30px 26px;border-radius:20px;background:var(--tann,#0a2218);color:var(--licht,#f5f8f3);border:1px solid rgba(245,248,243,.16);box-shadow:0 24px 70px rgba(0,0,0,.55);font-family:var(--text,'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif);font-size:16px;line-height:1.6;box-sizing:border-box;animation:lsg-ck-ein .5s cubic-bezier(.2,.7,.2,1) both}
.lsg-ck *{box-sizing:border-box}
.lsg-ck:focus{outline:none}
.lsg-ck-titel{margin:0 0 10px;font-family:var(--display,'Fraunces',Georgia,serif);font-weight:400;font-size:1.55rem;line-height:1.2;color:var(--licht,#f5f8f3)}
.lsg-ck-text{margin:0;color:var(--leise,rgba(245,248,243,.74))}
.lsg-ck-text a{color:var(--licht,#f5f8f3);text-decoration:underline;text-underline-offset:3px}
.lsg-ck-text a:hover{color:var(--rampe,#ecc97a)}
.lsg-ck-text a:focus-visible{outline:2px solid var(--rampe,#ecc97a);outline-offset:3px;border-radius:3px}
.lsg-ck-knoepfe{display:flex;gap:12px;margin-top:22px}
/* Beide Knöpfe gleich groß und gleich gut sichtbar */
.lsg-ck-knopf{flex:1 1 0;min-height:48px;padding:12px 18px;border-radius:99px;border:1.5px solid var(--rampe,#ecc97a);background:transparent;color:var(--licht,#f5f8f3);font:inherit;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:background .2s ease,color .2s ease}
.lsg-ck-knopf:hover,.lsg-ck-knopf:focus-visible{background:var(--rampe,#ecc97a);color:var(--nacht,#040d09)}
.lsg-ck-knopf:focus-visible{outline:2px solid var(--licht,#f5f8f3);outline-offset:3px}

/* Auf Impressum und Datenschutzerklärung: klein in der Ecke, die Seite bleibt lesbar */
.lsg-ck-buehne.lsg-ck-ecke{inset:auto auto clamp(12px,3vw,28px) clamp(12px,3vw,28px);display:block;padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:visible;width:min(420px,calc(100vw - 24px));animation:none}
.lsg-ck-ecke .lsg-ck{width:100%;padding:22px 24px 20px;font-size:15px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.lsg-ck-ecke .lsg-ck-titel{font-size:1.3rem;margin-bottom:8px}
.lsg-ck-ecke .lsg-ck-knoepfe{margin-top:16px}
.lsg-ck-ecke .lsg-ck-knopf{min-height:44px;padding:10px 16px}

@keyframes lsg-ck-blende{from{opacity:0}to{opacity:1}}
@keyframes lsg-ck-ein{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@media (max-width:480px){
  .lsg-ck{padding:22px 20px 20px}
  .lsg-ck-titel{font-size:1.35rem}
  .lsg-ck-buehne.lsg-ck-ecke{left:12px;right:12px;bottom:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){.lsg-ck-buehne,.lsg-ck{animation:none}}
@media print{.lsg-ck-buehne{display:none}}