/* =============================================================================
   Schatzilo – Konsens-Banner ("Anonymes Helfen")
   Bewusst NICHT blockierend (kein Overlay, keine Pflicht-Interaktion vor
   Weiternutzung der Seite) und mit gleich gewichteten Buttons – Zustimmen
   und Ablehnen sollen gleich leicht sein.
   ============================================================================= */

.consent-banner {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 16px;
    /* Niedriger als der Sprach-Dropdown (.lang-switch > ul, z-index:60) im
       Header, damit der Banner die Sprachumschaltung nie überdecken kann. */
    z-index: 55;
    max-width: 640px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid var(--line, #e3ddd0);
    border-radius: var(--r, 14px);
    box-shadow: var(--shadow, 0 6px 24px rgba(0, 0, 0, .12));
    padding: 16px 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
    justify-content: space-between;
}
.consent-banner[hidden] { display: none; }

.consent-banner__body { flex: 1 1 260px; min-width: 0; }
.consent-banner__title { display: block; font-size: .95rem; margin-bottom: 4px; color: var(--ink, #1f1d1a); }
.consent-banner__body p { margin: 0; font-size: .85rem; color: var(--ink-soft, #4b463f); line-height: 1.5; }
.consent-banner__body a { color: var(--accent, #2f7d4f); text-decoration: underline; }

.consent-banner__actions { display: flex; gap: 10px; flex: 0 0 auto; }
.consent-banner__btn {
    font: inherit;
    font-weight: 700;
    font-size: .85rem;
    padding: 9px 16px;
    border-radius: 8px;
    border: 1px solid transparent;
    cursor: pointer;
    line-height: 1.2;
}
.consent-banner__btn--accept {
    background: var(--accent, #2f7d4f);
    color: #fff;
}
.consent-banner__btn--accept:hover { background: var(--accent-dark, #205a37); }
.consent-banner__btn--decline {
    background: #fff;
    color: var(--ink, #1f1d1a);
    border-color: var(--line, #e3ddd0);
}
.consent-banner__btn--decline:hover { background: #f4f1ea; }

.footer-consent-link {
    background: none;
    border: none;
    padding: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
.footer-consent-link:hover { text-decoration: underline; }

@media (max-width: 640px) {
    .consent-banner { flex-direction: column; align-items: stretch; }
    .consent-banner__actions { justify-content: flex-end; }
}