/* netzwerkfaehig 2026-10-22: Cookie-Hinweis (Klaro, public/js/nf-consent.js) im EBALAN-Look: Schwarz, Weiss, Rot #ff0501, Oswald/Montserrat wie die Anrufleiste.
   Beide Knoepfe gleich gross und gleich gestaltet (Ablehnen so leicht wie Akzeptieren - DSK/EDPB), Einstellungen nur als Link.
   Schmaler Streifen unten statt Sperrbildschirm; am Handy weicht die Anrufleiste, solange der Hinweis offen ist (body.nf-consent-offen). */
.klaro .cookie-notice, .klaro .cookie-modal .cm-modal { font-family: Montserrat, Arial, sans-serif !important; }
.klaro .cookie-notice {
  background: #000 !important; color: #fff !important; border-radius: 0 !important; border-top: 3px solid #ff0501 !important;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .35) !important; max-width: 560px !important; z-index: 1001 !important;
}
.klaro .cookie-notice .cn-body { padding: .9rem 1.1rem 1rem !important; }
.klaro .cookie-notice .cn-body h2, .klaro .cookie-notice .cn-body .title {
  font-family: Oswald, Arial, sans-serif !important; font-weight: 700 !important; font-size: 1.2rem !important; line-height: 1.2 !important;
  letter-spacing: .03em; text-transform: uppercase; color: #fff !important; margin: 0 0 .5rem !important;
}
.klaro .cookie-notice .cn-body p { color: #e5e7eb !important; font-size: .9rem !important; line-height: 1.45 !important; margin: 0 0 .75rem !important; }
.klaro .cookie-notice a, .klaro .cm-modal a { color: #fff !important; text-decoration: underline !important; }
.klaro .cookie-notice .cn-ok { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: .6rem !important; margin: 0 !important; }
.klaro .cookie-notice .cn-learn-more { order: 2; align-self: flex-start; font-size: .9rem !important; margin: 0 !important; padding: 0 !important; }
.klaro .cookie-notice .cn-buttons { order: 1; display: flex !important; gap: 8px !important; width: 100% !important; margin: 0 !important; }
.klaro .cookie-notice .cn-buttons .cm-btn {
  flex: 1 1 0 !important; min-height: 48px !important; margin: 0 !important; padding: .6rem .8rem !important; border-radius: 0 !important;
  font-family: Oswald, Arial, sans-serif !important; font-weight: 700 !important; font-size: 1.1rem !important; line-height: 1 !important;
  letter-spacing: .03em; text-transform: uppercase; background: #fff !important; color: #000 !important; border: 2px solid #fff !important; cursor: pointer;
}
.klaro .cookie-notice .cn-buttons .cm-btn:hover, .klaro .cookie-notice .cn-buttons .cm-btn:active { background: #ff0501 !important; border-color: #ff0501 !important; color: #fff !important; }
.klaro .cookie-notice .cn-buttons .cm-btn:focus-visible { outline: 3px solid #ff0501 !important; outline-offset: 2px; }
.klaro .cookie-notice .cn-changes { color: #fbbf24 !important; }
/* Einstellungen (zweite Ebene) */
.klaro .cookie-modal .cm-modal { background: #111 !important; border-radius: 0 !important; border-top: 3px solid #ff0501 !important; color: #fff !important; }
.klaro .cm-modal .cm-header, .klaro .cm-modal .cm-footer { border-color: rgba(255, 255, 255, .15) !important; }
.klaro .cm-modal h1, .klaro .cm-modal .title, .klaro .cm-modal .cm-list-title { color: #fff !important; font-family: Oswald, Arial, sans-serif !important; }
.klaro .cm-modal p, .klaro .cm-modal .cm-list-description, .klaro .cm-modal .purposes { color: #d1d5db !important; }
.klaro .cm-modal .cm-btn { border-radius: 0 !important; font-family: Oswald, Arial, sans-serif !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .03em; padding: .6rem 1rem !important; }
.klaro .cm-modal .cm-btn.cm-btn-success, .klaro .cm-modal .cm-btn.cm-btn-accept-all, .klaro .cm-modal .cm-btn.cm-btn-accept { background: #fff !important; color: #000 !important; border: 2px solid #fff !important; }
.klaro .cm-modal .cm-btn.cm-btn-danger, .klaro .cm-modal .cm-btn.cm-btn-decline { background: #fff !important; color: #000 !important; border: 2px solid #fff !important; }
.klaro .cm-modal .cm-btn:hover { background: #ff0501 !important; border-color: #ff0501 !important; color: #fff !important; }
.klaro .cm-list-input:checked + .cm-list-label .slider { background-color: #ff0501 !important; }
.klaro .cm-modal .cm-powered-by { display: none !important; }
.klaro .cm-list-input:focus-visible + .cm-list-label .slider { box-shadow: 0 0 0 3px #ff0501 !important; }
/* Handy: Hinweis ueber die volle Breite, Anrufleiste solange weg */
@media (max-width: 768px) {
  .klaro .cookie-notice { left: 0 !important; right: 0 !important; bottom: 0 !important; max-width: none !important; }
  .klaro .cookie-notice .cn-body { padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px)) !important; }
  body.nf-consent-offen .nf-callbar { display: none !important; }
}
@media print { .klaro { display: none !important; } }