/* M-9 (E-65): Consent-Banner — „Ablehnen" gleichwertig zu „Akzeptieren".
   Bewusst gleiche Größe/Optik/Position beider Buttons (kein Dark Pattern).
   Look Kesselhaus (12.10.2026): dunkle Fläche, Manrope, roter Rahmen um den Akzeptieren-Knopf
   und derselbe Rahmen um Ablehnen; Fokusring weiß. Wird vom Fußzeilen-Link erneut geöffnet. */
#cs-consent {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999;
  background: #141117; color: #b3abaf; border-top: 1px solid rgba(255,255,255,.18);
  font: 14px/1.6 'Manrope', system-ui, -apple-system, sans-serif;
  box-shadow: 0 -20px 60px -20px rgba(0,0,0,.8);
}
#cs-consent .cs-inner {
  max-width: 1000px; margin: 0 auto; padding: 18px 18px;
  display: flex; gap: 18px; align-items: center; flex-wrap: wrap;
}
#cs-consent .cs-textblock { flex: 1 1 340px; }
#cs-consent .cs-titel { margin: 0 0 4px; color: #f4f1f2; font-weight: 800; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
#cs-consent .cs-text { margin: 0; }
#cs-consent .cs-stand { margin: 8px 0 0; font-size: 13px; }
#cs-consent .cs-stand b { color: #f4f1f2; }
#cs-consent .cs-text a { color: #f4f1f2; border-bottom: 1px solid rgba(255,255,255,.4); text-decoration: none; }
#cs-consent .cs-actions { display: flex; gap: 10px; flex: 0 0 auto; }
#cs-consent .cs-btn {
  /* identische Grundform für BEIDE Optionen (Gleichwertigkeit) */
  min-width: 140px; min-height: 48px; padding: 11px 18px; border-radius: 10px; cursor: pointer;
  font: 700 12.5px/1 'Manrope', system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase;
  border: 1px solid #c51a1b; background: #c51a1b; color: #fff;
}
/* Alexander 20.10.2026: Akzeptieren grün gefüllt, Ablehnen grau ohne Rahmen, kein Rot (gleiche Größe und Schrift). */
#cs-consent .cs-accept { background: #1f9d55; border-color: #1f9d55; color: #fff; }
#cs-consent .cs-reject { background: #5a5a60; border-color: #5a5a60; color: #fff; }
#cs-consent .cs-btn:hover { filter: brightness(1.1); }
#cs-consent .cs-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 560px) {
  #cs-consent .cs-actions { width: 100%; }
  #cs-consent .cs-btn { flex: 1 1 0; min-width: 0; }
}

/* EM0611: vier Zwecke bleiben auch auf kleinen Bildschirmen erreichbar. */
#cs-consent { max-height: 90vh; overflow-y: auto; }
#cs-consent .cs-actions { flex-wrap: wrap; }
#cs-settings { flex-basis: 100%; }
#cs-settings label { display: block; margin: 12px 0; color: #f4f1f2; }
#cs-settings input { width: 20px; height: 20px; vertical-align: middle; }
#cs-settings span { display: block; margin-left: 28px; color: #b3abaf; }
#cs-status { flex-basis: 100%; margin: 0; }