/* Kern Studio · consent.css
   Eigenständig, damit das Einwilligungsfenster auch auf den unveränderten
   Altseiten (Markencheck, Beispielprojekte) gleich aussieht. */
.cs{position:fixed;z-index:90;left:24px;bottom:24px;width:min(440px,calc(100vw - 48px));display:grid;gap:14px;padding:18px 20px;background:#fff;color:#16212A;border:1px solid rgba(22,33,42,.14);border-radius:16px;box-shadow:0 18px 50px rgba(21,37,48,.18);font:400 14.5px/1.5 Outfit,system-ui,-apple-system,"Segoe UI",sans-serif}
.cs[hidden]{display:none!important}
.cs p{margin:0}
.cs b{font-weight:600}
.cs a{color:#2F7391}
.cs-btns{display:flex;gap:8px}
.cs-btns button{flex:1;min-height:46px;padding:0 16px;border-radius:999px;border:1.5px solid #2F7391;background:#fff;color:#2F7391;font:600 15px Outfit,system-ui,sans-serif;cursor:pointer}
.cs-btns button[data-consent-yes]{background:#2F7391;color:#fff}
.cs-btns button:hover{background:#245B73;border-color:#245B73;color:#fff}
.cs-btns button::after{display:none}
.cs button:focus-visible{outline:2px solid #2F7391;outline-offset:3px}
@media (max-width:760px){.cs{left:10px;right:10px;width:auto;bottom:calc(var(--tb,0px) + 12px + env(safe-area-inset-bottom,0px));padding:16px}}