/* cky-brand-d2.css — CookieYes-Banner im Smilebite-Look nach Verbraucherspiegel-Vorbild (Betreiber 18.09.2026, Runde 2):
   mobil volle Breite ohne Seitenabstand, 4 px Top-Border in Akzentblau, Logo-Zeile mit durchgehender Trennlinie,
   ruhige Typografie, gleichmäßige Innenabstände, Buttons mit 8 px Abstand, „Alle akzeptieren“ gefüllt,
   „Anpassen“ und „Alle ablehnen“ als Outline. Überschreibt cky-brand.css (wird danach geladen).
   CookieYes setzt Farben als Inline-Styles, deshalb !important. Farben: Akzent #1F4193, Hover #16306E,
   Tint #E9EDF8, Ink #1B1E27, Grau #5B635E, Haarlinie #DADADA. */

/* ---- Container / Banner ---- */
.cky-consent-container .cky-consent-bar{
  background-color:#FFFFFF !important;
  border:1px solid #DADADA !important;
  border-top:4px solid #1F4193 !important;
  border-radius:8px !important;
  box-shadow:0 2px 14px rgba(17,17,17,.12) !important;
  padding:20px 24px 20px !important;
  text-align:left !important;
}
.cky-consent-bar .cky-notice{padding:0 !important;margin:0 !important}
.cky-consent-bar .cky-notice-group{padding:0 !important;margin:0 !important}

/* Logo-Zeile: Wortmarke (SVG aus cky-brand.css) + durchgehende Trennlinie */
.cky-consent-bar .cky-title::before{
  content:"" !important;
  display:block !important;
  width:100% !important;
  height:18px !important;
  margin:0 0 16px !important;
  padding:0 0 16px !important;
  border-bottom:1px solid #DADADA !important;
  box-sizing:content-box !important;
  background-size:127px 18px !important;
  background-position:left center !important;
  background-repeat:no-repeat !important;
}
.cky-consent-bar .cky-title{
  text-align:left !important;
  font-size:17px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  color:#1B1E27 !important;
  margin:0 0 8px !important;
  padding:0 !important;
}
.cky-consent-bar .cky-notice-des,
.cky-consent-bar .cky-notice-des p{
  text-align:left !important;
  color:#1B1E27 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  margin:0 !important;
  padding:0 !important;
}
.cky-consent-bar .cky-notice-des{margin:0 0 16px !important}
.cky-consent-bar .cky-notice-des a{color:#1F4193 !important}

/* ---- Buttons: seriös, 4 px Radius, gleiche Höhe, 8 px Abstand ---- */
.cky-consent-bar .cky-notice-btn-wrapper{
  display:flex !important;flex-wrap:wrap !important;gap:8px !important;
  margin:0 !important;padding:0 !important;justify-content:flex-start !important;
}
.cky-consent-container .cky-btn,
.cky-preference-center .cky-btn{
  border-radius:4px !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  padding:11px 18px !important;
  margin:0 !important;
  border-width:1px !important;
  box-shadow:none !important;
  text-align:center !important;
}
.cky-consent-container .cky-btn-accept,
.cky-preference-center .cky-btn-accept,
.cky-preference-center .cky-btn-preferences{
  background-color:#1F4193 !important;border-color:#1F4193 !important;color:#FFFFFF !important;
}
.cky-consent-container .cky-btn-accept:hover,
.cky-preference-center .cky-btn-accept:hover,
.cky-preference-center .cky-btn-preferences:hover{
  background-color:#16306E !important;border-color:#16306E !important;color:#FFFFFF !important;
}
.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-customize,
.cky-preference-center .cky-btn-reject{
  background-color:#FFFFFF !important;border-color:#DADADA !important;color:#1F4193 !important;
}
.cky-consent-container .cky-btn-reject:hover,
.cky-consent-container .cky-btn-customize:hover,
.cky-preference-center .cky-btn-reject:hover{
  border-color:#1F4193 !important;background-color:#E9EDF8 !important;
}
/* Reihenfolge wie bei Verbraucherspiegel: Akzeptieren, Anpassen, Ablehnen */
.cky-consent-bar .cky-btn-accept{order:1}
.cky-consent-bar .cky-btn-customize{order:2}
.cky-consent-bar .cky-btn-reject{order:3}

/* ---- Mobil: volle Breite, kein Seitenabstand, Buttons untereinander ---- */
@media (max-width:576px){
  .cky-consent-container.cky-box-bottom-left,
  .cky-consent-container.cky-box-bottom-right,
  .cky-consent-container{
    left:0 !important;right:0 !important;bottom:0 !important;
    width:100% !important;max-width:none !important;margin:0 !important;
  }
  .cky-consent-container .cky-consent-bar{
    border-left:0 !important;border-right:0 !important;border-bottom:0 !important;
    border-radius:0 !important;
    padding:18px 22px calc(18px + env(safe-area-inset-bottom)) !important;
  }
  .cky-consent-bar .cky-title::before{margin:0 0 14px !important;padding:0 0 14px !important}
  .cky-consent-bar .cky-notice-btn-wrapper{flex-direction:column !important;gap:8px !important}
  .cky-consent-container .cky-btn{width:100% !important;min-height:44px !important;padding:12px 16px !important}
}

/* ---- Desktop: Box unten links mit ruhigem Abstand ---- */
@media (min-width:577px){
  .cky-consent-container.cky-box-bottom-left{left:20px !important;bottom:20px !important;max-width:460px !important}
  /* Akzeptieren volle Breite, darunter Anpassen und Ablehnen nebeneinander */
  .cky-consent-bar .cky-btn-accept{flex:1 1 100% !important}
  .cky-consent-bar .cky-btn-customize,
  .cky-consent-bar .cky-btn-reject{flex:1 1 calc(50% - 4px) !important;min-width:0 !important}
}

/* ---- Präferenzcenter ---- */
.cky-preference-center{
  background-color:#FFFFFF !important;color:#1B1E27 !important;
  border:1px solid #DADADA !important;border-top:4px solid #1F4193 !important;border-radius:8px !important;
}
.cky-preference-center .cky-preference-title{color:#1B1E27 !important;font-weight:700 !important}
.cky-preference-center .cky-preference-content-wrapper,
.cky-preference-center .cky-accordion-btn,
.cky-preference-center .cky-accordion-header-des,
.cky-preference-center .cky-accordion-header-des p{color:#1B1E27 !important}
.cky-preference-center .cky-show-desc-btn,
.cky-preference-center .cky-always-active{color:#1F4193 !important}
.cky-preference-center .cky-horizontal-separator{background-color:#DADADA !important}
.cky-preference-center .cky-switch input[type="checkbox"]:checked + .cky-dummy-slider,
.cky-preference-center input[type="checkbox"]:checked + .cky-dummy-slider{background-color:#1F4193 !important;border-color:#1F4193 !important}
.cky-preference-center div[data-cky-tag="detail-powered-by"]{background-color:#F4F5F8 !important;color:#5B635E !important;border-radius:0 0 8px 8px !important}
.cky-preference-center div[data-cky-tag="detail-powered-by"] a{color:#5B635E !important}

/* ---- Wiederaufruf-Button ---- */
.cky-btn-revisit-wrapper{background-color:#1F4193 !important}
.cky-btn-revisit-wrapper:hover{background-color:#16306E !important}