/* 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;
}

/* ====================================================================== */
/*   AKTIV NUR IN DER KONTOERÖFFNUNGSSTRECKE                              */
/*   (über den stabilen Wrapper pv-ablaufsteuerung-frontend-v2)           */
/* ====================================================================== */

/* --- Floating-Bar + alle Ebenen transparent --- */
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar,
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .kf-floating-bar-content,
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .kf-floating-bar-content > div,
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .button-bar {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* ---------------------------------------------------------------------- */
/*   INVISIBLE BAR BLOCKS CONTENT?  →  POINTER-EVENT FIX                  */
/* ---------------------------------------------------------------------- */

/* Bar selbst NICHT klickbar (durchsichtig, kein Block mehr!) */
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar {
    pointer-events: none !important;
}

/* Buttons wieder klickbar */
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar button {
    pointer-events: auto !important;
}

/* ---------------------------------------------------------------------- */
/*   Floating-Bar fixiert + Abstand über Footer                           */
/* ---------------------------------------------------------------------- */

pv-ablaufsteuerung-frontend-v2 .kf-floating-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    z-index: 9999 !important;
    bottom: calc(var(--floating-bar-footer-offset, 30px)) !important;
}

/* Footer-Pufferzone: verhindert Abrutschen in den Footer */
pv-ablaufsteuerung-frontend-v2 footer {
    position: relative !important;
    padding-top: 80px !important;
}

/* Abstand zwischen Bar und Footer */
:root {
    --floating-bar-footer-offset: 88px;
}

/* ---------------------------------------------------------------------- */
/*   Buttons auseinander (Desktop)                                        */
/* ---------------------------------------------------------------------- */

pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .kf-floating-bar-content .button-bar {
    display: flex !important;
    justify-content: space-between !important;
    margin: 0 auto !important;
}

pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .left-container {
    margin-right: auto !important;
}

pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .right-container {
    margin-left: auto !important;
}

/* ---------------------------------------------------------------------- */
/*   Buttons Orange                                                        */
/* ---------------------------------------------------------------------- */

pv-ablaufsteuerung-frontend-v2 .kf-floating-bar 
button[data-automation-id="back-button"],
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar 
button[data-automation-id="weiter-button"] {
    background-color: #F06400 !important;
    border-color:    #F06400 !important;
    color: #ffffff !important;
}

pv-ablaufsteuerung-frontend-v2 .kf-floating-bar 
button[data-automation-id="back-button"]:hover,
pv-ablaufsteuerung-frontend-v2 .kf-floating-bar 
button[data-automation-id="weiter-button"]:hover {
    background-color: #F06400 !important;
    border-color:    #F06400 !important;
}

/* ---------------------------------------------------------------------- */
/*   MOBILE OPTIMIERUNG                                                   */
/* ---------------------------------------------------------------------- */

@media (max-width: 767px) {

    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .kf-floating-bar-content .button-bar {
        max-width: 100% !important;
        padding: 0 16px !important;
        gap: 16px !important;

        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* Auto-Margins entfernen (sonst Chaos auf iPhone) */
    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .left-container,
    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .right-container {
        margin: 0 !important;
    }

    /* Buttons mobile größer & besser klickbar */
    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar 
    button[data-automation-id="back-button"],
    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar 
    button[data-automation-id="weiter-button"] {
        height: 48px !important;
        font-size: 1rem !important;
        flex-shrink: 0 !important;
    }

    /* Mobile Reihenfolge fixieren: Zurück links – Weiter rechts */
    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .left-container { 
        order: 0 !important; 
    }
    pv-ablaufsteuerung-frontend-v2 .kf-floating-bar .right-container { 
        order: 1 !important; 
    }
}