/* ============================================================
   Cookiebot — Slim Bottom-Bar Variante (Notar Kriegleder)
   Cookiebot setzt eigene Inline-/!important-Styles → Overrides
   brauchen hier !important (begründete Ausnahme: Third-Party-Widget).
   Höhentreiber im Default: Header-Logo streckt sich (align-items:stretch)
   + vertikal gestapelte Buttons. Beides hier kompaktiert.
   ============================================================ */

/* Container: volle Breite, flacher Bottom-Bar */
#CybotCookiebotDialog{
  max-width:none !important;
  border-radius:0 !important;
  box-shadow:0 -2px 14px rgba(0,0,0,.14) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper{
  max-width:1440px !important;
  margin:0 auto !important;
  align-items:center !important;   /* stoppt das Strecken des Logo-Headers auf 175px */
}

/* Header/Logo: zentriert, klein statt 175px hoch */
#CybotCookiebotDialogHeader{
  flex:0 0 auto !important;
  align-self:center !important;
  padding:0 14px 0 0 !important;
}
#CybotCookiebotDialogHeaderLogosWrapper{
  flex-direction:row !important;
  align-items:center !important;
}
#CybotCookiebotDialogHeader img{
  max-height:40px !important;
  width:auto !important;
  height:auto !important;
}

/* Body: kompakte Paddings */
#CybotCookiebotDialog #CybotCookiebotDialogBody{
  padding:10px 24px !important;
}
#CybotCookiebotDialogBodyContent{ padding:0 !important; margin:0 !important; }

/* Text: kleiner */
#CybotCookiebotDialogBodyContentTitle{
  font-size:14px !important;
  line-height:1.2 !important;
  margin:0 0 2px !important;
}
#CybotCookiebotDialogBodyContentText,
#CybotCookiebotDialogBodyContentText p{
  font-size:12px !important;
  line-height:1.4 !important;
  margin:0 !important;
}

/* Buttons: eine horizontale Reihe statt gestapelt */
#CybotCookiebotDialogBodyButtons,
#CybotCookiebotDialogBodyButtonsWrapper{
  width:100% !important;
  max-width:none !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  margin:8px 0 0 !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper>a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper>button{
  display:inline-block !important;
  white-space:nowrap !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:9px 16px !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  border-radius:5px !important;
}

/* Cookiebot-Eigenwerbung ausblenden */
#CybotCookiebotDialogPoweredbyCybot{ display:none !important; }

/* ---- Brand-Farben statt Cookiebot-Default (#1032CF blau-violett) ----
   Buttons + Toggle-An = CTA-Orange #F48244 (Hover #F3722C), Links = Petrol #618DA1.
   Hohe Spezifität (3 IDs + Klasse), da Cookiebot eigene !important-Regeln setzt. */
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton{
  background-color:#F48244 !important;
  border-color:#F48244 !important;
  color:#fff !important;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyButtons #CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton:hover{
  background-color:#F3722C !important;
  border-color:#F3722C !important;
}
/* Toggle „on" → Orange */
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper input:checked + .CybotCookiebotDialogBodyLevelButtonSlider{
  background-color:#F48244 !important;
}

/* Toggle-Switches kleiner (Default 57x32 → 40x22) */
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider{
  width:40px !important;
  height:22px !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider::before{
  width:16px !important;
  height:16px !important;
  left:3px !important;
  bottom:3px !important;
  top:auto !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper input:checked + .CybotCookiebotDialogBodyLevelButtonSlider::before{
  transform:translateX(18px) !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonWrapper{ align-items:center !important; }
/* Text-Links → Petrol */
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetailsLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLink{
  color:#618DA1 !important;
}

/* Kategorie-Toggles (Notwendig/Präferenzen/Statistiken/Marketing) kompaktieren
   — NICHT ausblenden (Consent-Compliance), nur enger setzen */
.CybotCookiebotDialogBodyBottomWrapper{ padding:6px 0 0 !important; margin:0 !important; }
#CybotCookiebotDialogBodyLevelWrapper{ margin:0 !important; padding:0 !important; }
#CybotCookiebotDialogBodyLevelButtonsSelectPane,
#CybotCookiebotDialogBodyLevelButtonsTable{ padding:0 !important; margin:0 !important; gap:4px 18px !important; }
#CybotCookiebotDialogBodyLevelButtons .CybotCookiebotDialogBodyLevelButtonWrapper{ margin:0 !important; padding:0 !important; }
#CybotCookiebotDialogBodyLevelButtons label,
#CybotCookiebotDialogBodyLevelButtons .CybotCookiebotDialogBodyLevelButtonDescription{ font-size:12px !important; line-height:1.2 !important; }
#CybotCookiebotDialogBodyContent{ margin:0 0 4px !important; }

/* Mobile: Logo oben, Buttons full-width gestapelt */
@media(max-width:600px){
  #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper{ flex-direction:column !important; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper{ flex-wrap:wrap !important; }
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper>a,
  #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonsWrapper>button{
    flex:1 1 100% !important;
    width:100% !important;
    text-align:center !important;
  }
}