/* ===========================================================================
   klaro-buttons.css — Gleichwertigkeit der Schaltflaechen im Cookie-Fenster
   ---------------------------------------------------------------------------
   Nach Art. 4 Nr. 11 und Art. 7 DSGVO muss eine Einwilligung freiwillig sein.
   Die Aufsichtsbehoerden (DSK-Beschluss zu Einwilligungsbannern) verlangen
   daraus abgeleitet, dass Ablehnen genauso leicht und genauso sichtbar ist wie
   Zustimmen. Ein weisser Umriss-Knopf "Nur notwendige" neben zwei gruen
   gefuellten Knoepfen erfuellt das nicht.

   Diese Datei setzt deshalb ALLE drei Schaltflaechen auf exakt dieselbe
   Darstellung: gleiche Farbe, gleiche Groesse, gleiche Schrift, gleiche Breite.
   Sie wird NACH klaro.min.css und klaro-pflegepur.css eingebunden und
   ueberschreibt deren Button-Regeln. Am uebrigen Erscheinungsbild
   (gruener Kopfbereich, Typografie) aendert sie nichts.

   Klaro-Klassen, die hier bewusst gleich behandelt werden:
     .cm-btn-decline    -> "Nur notwendige"
     .cm-btn-accept     -> "Auswahl speichern"
     .cm-btn-accept-all -> "Alle akzeptieren"
   =========================================================================== */

.klaro .cookie-modal .cm-footer-buttons,
.klaro .cookie-notice .cm-footer-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Alle Schaltflaechen identisch — keine Ausnahme, keine Hervorhebung. */
.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn.cm-btn-decline,
.klaro .cookie-modal .cm-btn.cm-btn-danger,
.klaro .cookie-modal .cm-btn.cm-btn-accept,
.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-accept-all {
    flex: 1 1 0;
    min-width: 140px;
    margin: 0 !important;
    padding: 12px 16px !important;
    background: #4d7a3b !important;
    border: 2px solid #4d7a3b !important;
    color: #ffffff !important;
    font-family: inherit !important;
    font-size: .95rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease;
}

.klaro .cookie-modal .cm-btn:hover,
.klaro .cookie-notice .cm-btn:hover,
.klaro .cookie-modal .cm-btn.cm-btn-decline:hover,
.klaro .cookie-modal .cm-btn.cm-btn-accept:hover,
.klaro .cookie-modal .cm-btn.cm-btn-accept-all:hover {
    background: #3f6531 !important;
    border-color: #3f6531 !important;
    color: #ffffff !important;
}

/* Tastaturbedienung muss sichtbar bleiben. */
.klaro .cookie-modal .cm-btn:focus-visible,
.klaro .cookie-notice .cm-btn:focus-visible {
    outline: 3px solid #b3d4a4 !important;
    outline-offset: 2px !important;
}

/* Der Schliessen-Knopf (X) ist kein Einwilligungs-Knopf und bleibt, wie er ist. */
.klaro .cookie-modal .cm-btn.cm-btn-close {
    flex: 0 0 auto;
    min-width: 0;
    background: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
}

/* Auf schmalen Bildschirmen untereinander — dann in voller Breite,
   damit auch dort keine Schaltflaeche prominenter wirkt als die andere. */
@media (max-width: 520px) {
    .klaro .cookie-modal .cm-footer-buttons,
    .klaro .cookie-notice .cm-footer-buttons {
        flex-direction: column;
    }
    .klaro .cookie-modal .cm-btn,
    .klaro .cookie-notice .cm-btn {
        width: 100%;
        flex: 0 0 auto;
    }
}