/* =====================================================================
   Aktionsbanner (Startseite). Wird auch von der Verwaltung für die
   Vorschau geladen, daher als eigene Datei.
   Farben: Gold-Töne der Seite (#b89c6d / #86693a / #6b532c).
   ===================================================================== */
.aktions-banner-bereich {
    padding-top: 1.25rem;
}
/* Ab Tablet ist die Navigation höher als das body-Padding (70px) */
@media (min-width: 992px) {
    .aktions-banner-bereich { padding-top: 2.5rem; }
}

.aktions-banner {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
    margin-bottom: 1rem;
}
.aktions-banner:last-child { margin-bottom: 0; }

.aktions-banner .ab-icon {
    flex: 0 0 auto;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}
.aktions-banner .ab-inhalt { flex: 1 1 auto; min-width: 0; }
.aktions-banner .ab-titel {
    font-family: "Playfair Display", serif;
    font-weight: 600;
    font-size: 1.35rem;
    margin: 0 0 .2rem;
}
.aktions-banner .ab-text  { margin: 0; line-height: 1.5; }
.aktions-banner .ab-button { flex: 0 0 auto; font-weight: 500; white-space: nowrap; border: 0; }

/* Gold: weiße Schrift auf #86693a / #6b532c (Kontrast mind. 5:1) */
.aktions-banner.stil-gold   { background: linear-gradient(135deg, #6b532c 0%, #86693a 100%); color: #fff; }
.aktions-banner.stil-gold .ab-icon    { background: rgba(255, 255, 255, .15); color: #fff; }
.aktions-banner.stil-gold .ab-button  { background: #fff; color: #6b532c; }
.aktions-banner.stil-gold .ab-button:hover { background: #f3ece0; color: #6b532c; }

.aktions-banner.stil-dunkel { background: linear-gradient(135deg, #222 0%, #3a3a3a 100%); color: #fff; }
.aktions-banner.stil-dunkel .ab-icon   { background: rgba(184, 156, 109, .25); color: #d9c49c; }
.aktions-banner.stil-dunkel .ab-button { background: #b89c6d; color: #222; }
.aktions-banner.stil-dunkel .ab-button:hover { background: #cdb68c; color: #222; }

.aktions-banner.stil-hell   { background: #fbf7ef; color: #3d3222; border: 1px solid #e3d4b8; }
.aktions-banner.stil-hell .ab-icon     { background: #efe4cf; color: #86693a; }
.aktions-banner.stil-hell .ab-button   { background: #86693a; color: #fff; }
.aktions-banner.stil-hell .ab-button:hover { background: #6b532c; color: #fff; }

@media (max-width: 767.98px) {
    .aktions-banner { flex-wrap: wrap; padding: 1rem 1.1rem; gap: .9rem; }
    .aktions-banner .ab-icon { width: 2.6rem; height: 2.6rem; font-size: 1.15rem; }
    .aktions-banner .ab-inhalt { flex-basis: calc(100% - 3.6rem); }
    .aktions-banner .ab-titel { font-size: 1.15rem; }
    .aktions-banner .ab-button { width: 100%; }
}