/* Cookie-Overlay ORANGE Vollflächen-Button für "Alle annehmen" */
button[data-automation-id="consent-layer-accept-all"].mdc-button {
  background-color: #F06400 !important;   /*sparda-orange */
  border-color: #F06400 !important;
  color: #ffffff !important;
}

/* Text explizit weiß */
button[data-automation-id="consent-layer-accept-all"] .mdc-button__label span {
  color: #ffffff !important;
}

/* Hover-Effekt */
button[data-automation-id="consent-layer-accept-all"].mdc-button:hover {
  background-color: #005aaa !important;
  border-color: #005aaa !important;/* sparda-blau */
}

/* Optional: Scope auf einen Wrapper, damit es nur dort greift */
.promo-block {
  /* kein Layoutzwang – dient nur als Scope */
}

/* Headline (ersetzt: <p style="text-align:center; font-size:1.5em;">...) */
.promo-block .promo-headline {
  text-align: center;
  font-size: 1.5em;
  margin: 0 0 0.5rem 0; /* etwas Abstand nach unten */
}

/* H2-Stil (ersetzt: <h2 style="color: rgb(0,90,170);">...) */
.promo-block .promo-links {
  color: rgb(0, 90, 170);
  font-weight: 600;       /* optional: etwas betonen */
  margin: 0;              /* Abstände kontrollieren */
  line-height: 1.3;       /* angenehme Zeilenhöhe */
}

/* Links im H2: nicht unterstreichen, in der Markenfarbe */
.promo-block .promo-links a {
  color: rgb(0, 90, 170);
  text-decoration: none;
}

/* Hover/Focus – Barrierefreiheit: sichtbares Feedback */
.promo-block .promo-links a:hover,
.promo-block .promo-links a:focus {
  text-decoration: underline;
  outline: none; 
}


/* Abbrechen Button ausblenden */
button[data-automation-id="cancel-button"] {
  display: none !important;
}


/* Floating-Bar im unteren Sichtbereich halten */
.kf-floating-bar {
    position: fixed !important;
    bottom: 24px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: #fff !important;
    padding: 12px 0 !important;
    box-shadow: 0 -4px 8px rgba(0,0,0,0.08) !important;
}

/* Aber damit sie NICHT sticky ist, sondern mitfließt:
   wir verstecken sie wieder, wenn der Footer sichtbar wird */
footer {
    position: relative;
}

footer:has(.footer-section):before {
    content: "";
    position: absolute;
    top: -100px;
}