/* Einwilligungs-Banner, Look „Patchfeld“ (stevendias.de, 2026-10-05). Struktur und Texte kommen unverändert aus consent.js.
 * „Ablehnen“ und „Erlauben“ sind bewusst gleich gestaltet. */
.cc{position:fixed;z-index:2147483000;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));width:min(440px,calc(100vw - 24px));
  font-family:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.5;color:#fff;pointer-events:none}
@media (min-width:600px){.cc{left:24px;bottom:24px}}
.cc[hidden]{display:none}
.cc-card{pointer-events:auto;position:relative;display:flex;flex-direction:column;gap:12px;background:#0F1218;color:#fff;border:1px solid #2A2F38;border-radius:6px;padding:20px;
  box-shadow:0 24px 60px -20px rgba(15,18,24,.6);opacity:0;transform:translateY(28px);transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .52s cubic-bezier(.2,.7,.2,1)}
.cc.cc-in .cc-card{opacity:1;transform:none}
.cc.cc-out .cc-card{opacity:0;transform:translateY(18px);transition:opacity .3s ease,transform .35s ease}
.cc-badge{display:inline-flex;align-items:center;gap:10px;color:#8B95F0;font:500 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.cc-badge svg{width:18px;height:18px}
.cc-title{margin:0;font-family:inherit;font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#fff}
.cc-text{margin:0;font-size:15px;line-height:1.5;color:#D5D9E0}
.cc-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.cc-btn{appearance:none;min-height:48px;padding:8px 12px;border-radius:4px;border:1px solid #fff;background:transparent;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s,color .2s}
.cc-btn:hover{background:#fff;color:#0F1218}
.cc-btn:focus-visible{outline:2px solid #8B95F0;outline-offset:3px}
.cc-more{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#fff;text-decoration:underline;text-underline-offset:.2em}
.cc-more:hover{color:#B9C0F5}
.cc-more:focus-visible{outline:2px solid #8B95F0;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.cc-card,.cc-btn{transition:none!important;transform:none!important}}
@media print{.cc{display:none!important}}
