/**
 * VVO-Theme für den Silktide Consent Manager.
 *
 * Liegt bewusst in einer eigenen Datei, damit silktide-consent-manager.css
 * unverändert bleibt und bei einem Update einfach ersetzt werden kann.
 *
 * Silktide liefert per Default Gelb auf Schwarz. Das ersetzen wir durch die
 * Markenfarben. Wichtig laut Design-Regeln: #0000FC nur auf hellem Grund —
 * deshalb heller Banner statt dunklem.
 */
#stcm-wrapper {
  --fontFamily: "Indivisible", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --primaryColor: #0000fc;
  --backgroundColor: #ffffff;
  --textColor: #000000;
  --backdropBackgroundColor: #00000066;
  --iconColor: #ffffff;
  --iconBackgroundColor: #0000fc;
  --boxShadow: 0 0 0 1px #e5e7eb, -5px 5px 10px 0px #00000012, 0px 0px 50px 0px #0000001a;
}

/* "Einzeln auswählen" ist der dritte gleichwertige Weg und darf nicht
   versteckt wirken — Silktide rendert ihn ohne Button-Styling, deshalb hier
   auf dieselbe Breite und Höhe bringen wie die beiden anderen. */
#stcm-wrapper .stcm-preferences-button {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 28px;
  min-height: 48px;
  border: 2px solid var(--primaryColor);
  border-radius: 4px;
  background-color: var(--backgroundColor);
  color: var(--primaryColor);
  font-family: var(--fontFamily);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
#stcm-wrapper .stcm-preferences-button:hover {
  background-color: var(--primaryColor);
  color: var(--backgroundColor);
}

/* Labels nicht mitten im Wort umbrechen lassen ("Alle / akzeptieren"). */
#stcm-wrapper .stcm-button,
#stcm-wrapper .stcm-preferences-button {
  white-space: nowrap;
}

/* Fokus-Ring an den Rest der Seite angleichen (WCAG 2.1 AA). */
#stcm-wrapper :focus-visible {
  outline: 3px solid var(--primaryColor);
  outline-offset: 2px;
}