/* DS Suite – Klaro! Banner. Nutzt dieselben Design-Tokens wie legal.css */
:root{--ds-bg:#0C0C0C;--ds-surface:#141415;--ds-border:#2a2a2b;--ds-text:#C3C4C8;--ds-heading:#FFFFFF;--ds-muted:#8B8C8D;--ds-accent:#FE5B2A;--ds-accent-contrast:#0C0C0C;--ds-font:'Archivo',Arial,sans-serif;--ds-mono:'JetBrains Mono',monospace;}
.klaro{font-family:var(--ds-font);}
.klaro .cookie-notice{background:var(--ds-surface) !important;border:1px solid var(--ds-border);color:var(--ds-text);box-shadow:0 12px 40px rgba(0,0,0,.5);border-radius:4px;}
.klaro .cookie-notice .cn-body p{color:var(--ds-text);}
.klaro .cookie-modal .cm-modal{background:var(--ds-surface);color:var(--ds-text);border:1px solid var(--ds-border);}
.klaro .cookie-modal .cm-modal .cm-header{border-bottom:1px solid var(--ds-border);}
.klaro .cookie-modal .cm-modal .cm-header h1,.klaro .cookie-modal .cm-modal .cm-header h2{color:var(--ds-heading);font-family:var(--ds-font);letter-spacing:-.01em;}
.klaro .cookie-modal .cm-modal .cm-footer{border-top:1px solid var(--ds-border);}
.klaro .cookie-modal .cm-modal p,.klaro .cookie-modal .cm-modal span,.klaro .cookie-modal .cm-modal li{color:var(--ds-text);}
.klaro .cookie-modal .cm-modal .cm-list-title{color:var(--ds-heading);font-weight:600;}
.klaro .cookie-modal .cm-modal .cm-caret a{color:var(--ds-accent) !important;}
.klaro a{color:var(--ds-accent) !important;text-decoration:none;}
.klaro a:hover{text-decoration:underline;}
.klaro .cm-btn{background:var(--ds-border);color:var(--ds-heading);font-family:var(--ds-font);font-weight:600;border:none;padding:.6em 1.3em;border-radius:3px;transition:filter .2s;}
.klaro .cm-btn:hover{filter:brightness(1.15);}
.klaro .cm-btn.cm-btn-success,.klaro .cm-btn.cm-btn-accept-all,.klaro .cn-buttons button.cm-btn-success{background:var(--ds-accent) !important;color:var(--ds-accent-contrast) !important;}
.klaro .cm-btn.cm-btn-danger,.klaro .cm-btn.cm-btn-decline,.klaro .cn-decline{background:var(--ds-border) !important;color:var(--ds-text) !important;}
.klaro .cm-btn.cm-btn-success-var,.klaro .context-notice .cm-btn.cm-btn-success-var{background:var(--ds-accent) !important;color:var(--ds-accent-contrast) !important;}
.klaro .context-notice .cm-btn.cm-btn-success{background:var(--ds-border) !important;color:var(--ds-text) !important;}
.klaro .cm-list-input:checked + .cm-list-label .slider{background-color:var(--ds-accent) !important;}
.klaro .cm-list-input.required:checked + .cm-list-label .slider{background-color:var(--ds-muted) !important;opacity:.55;}
.klaro .cm-list-input.half-checked:checked + .cm-list-label .slider{background-color:var(--ds-accent) !important;opacity:.7;}
.klaro .cm-list-input.only-required + .cm-list-label .slider{background-color:var(--ds-muted) !important;}
.klaro .cm-list-label .slider{background-color:#4a4a4c;box-shadow:none;}
.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service{border-bottom:1px solid var(--ds-border);}
/* Kontextuelle Einwilligung (Zwei-Klick-Platzhalter) */
.klaro.cm-as-context-notice{background:var(--ds-surface) !important;border:1px dashed var(--ds-muted);}
.klaro.cm-as-context-notice .context-notice,.klaro .context-notice{background:var(--ds-surface) !important;border:none;color:var(--ds-text) !important;font-family:var(--ds-font);border-radius:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;padding:2em;}
.klaro.cm-as-context-notice .context-notice p,.klaro .context-notice p{color:var(--ds-text) !important;margin:0;text-align:center;}
.klaro .context-notice p.cm-buttons{display:flex;gap:.8em;flex-wrap:wrap;justify-content:center;}
/* Persistenter Cookie-Einstellungen-Button */
#ds-reopen{position:fixed;bottom:14px;left:14px;z-index:99998;background:var(--ds-surface);color:var(--ds-muted);border:1px solid var(--ds-border);padding:.45em .9em;font:600 12px/1.4 var(--ds-font);cursor:pointer;border-radius:3px;opacity:.85;transition:color .2s,opacity .2s;}
#ds-reopen:hover{color:var(--ds-accent);opacity:1;}
@media (max-width:600px){#ds-reopen{bottom:10px;left:10px;font-size:11px;}}
