/* ============================================================
   Cookiebot-Banner an Fewo.reisen anpassen (Feinschliff per CSS).
   Grundfarben/Vorlage am besten ZUERST im Cookiebot-Konto waehlen;
   dieses CSS setzt Schrift, Rundungen und Button-Optik passend zur Seite.
   Hinweis: Cookiebot-Selektoren koennen je nach Vorlage leicht variieren –
   nach dem Livegang kurz pruefen und ggf. nachjustieren.
   ============================================================ */
:root{ --fw-navy:#243976; --fw-blue:#1b6ab8; --fw-line:#e2e8f2; }

/* ----- Karte / Container ----- */
#CybotCookiebotDialog{
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
  border:1px solid var(--fw-line) !important;
  border-radius:16px !important;
  box-shadow:0 24px 60px rgba(20,40,90,.20) !important;
  color:var(--fw-navy) !important;
  overflow:hidden !important;
}
#CybotCookiebotDialog *{ font-family:inherit !important; }

/* ----- Ueberschrift / Text / Links ----- */
#CybotCookiebotDialogBodyContentTitle{ color:var(--fw-navy) !important; font-weight:800 !important; letter-spacing:-.01em !important; }
#CybotCookiebotDialogBodyContentText{ color:#334 !important; line-height:1.55 !important; }
#CybotCookiebotDialog a{ color:var(--fw-blue) !important; text-underline-offset:2px; }

/* ----- Buttons: gemeinsame Form ----- */
#CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyButtonDetails,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll{
  border-radius:10px !important;
  font-weight:600 !important;
  padding:10px 16px !important;
  transition:filter .15s ease !important;
}
#CybotCookiebotDialog button:hover{ filter:brightness(.96) !important; }

/* Primaer: „Alle zulassen" / „Akzeptieren" -> Markenblau, weisse Schrift */
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
  background:var(--fw-blue) !important;
  border:1px solid var(--fw-blue) !important;
  color:#fff !important;
}

/* Sekundaer: „Nur notwendige"/„Ablehnen"/„Auswahl erlauben"/„Details" -> Outline */
#CybotCookiebotDialogBodyButtonDecline,
#CybotCookiebotDialogBodyButtonDetails,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll{
  background:#fff !important;
  border:1px solid var(--fw-line) !important;
  color:var(--fw-navy) !important;
}

/* ----- Tabs / Navigation (falls Detailansicht) ----- */
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive{
  border-color:var(--fw-blue) !important;
  color:var(--fw-blue) !important;
}

/* ----- Kategorie-Schalter (Toggles) in Markenblau ----- */
.CybotCookiebotDialogBodyLevelButtonSlider{ background:#c9d4e2 !important; }
input:checked + .CybotCookiebotDialogBodyLevelButtonSlider{ background:var(--fw-blue) !important; }
#CybotCookiebotDialogBodyLevelButtonsTable td .CybotCookiebotDialogBodyLevelButtonDescription{ color:#334 !important; }

/* ----- Overlay hinter dem Dialog ----- */
#CybotCookiebotDialogBodyUnderlay{ background:rgba(16,26,54,.45) !important; }

/* ----- „Cookie-Einstellungen erneut oeffnen"-Badge dezenter ----- */
#CookiebotWidget .CookiebotWidget-logo{ filter:saturate(1.05); }