/* ============================================================
   WARTUNGSMODUS (seit Schritt 34, Gestaltung überarbeitet in 36a)

   Wartungsseite für Besucher und Hinweisband für angemeldete
   Benutzer. Eigene Datei, damit seite.css unverändert bleibt.

   Seit 36a: Hintergrund wie auf der normalen Seite (var(--paper)
   aus seite.css), der Kasten wie der Abschnitt „Aktuelles“ mit
   Warnbild – roter Rand, zarter Rot-Verlauf, rote Marke, rechts
   das gezeichnete Bild (Aufbau .feature / .feature-stage aus
   seite.css).
   ============================================================ */

.wartung-seite {
    min-height: 100vh;
    margin: 0;
    background: var(--paper, #FDF8EF);
}

.wartung-rahmen {
    min-height: 100vh;
    display: flex;
    align-items: center;
    padding: 40px 0;
}

.wartung-rahmen > .wrap {
    width: 100%;
}

/* Kasten wie „Aktuelles“ bei Warnung (aktuelles.css, .aktuelles-warnung .feature) */
.wartung-karte {
    padding: 28px;
    border-radius: var(--r-xl, 34px);
    background: linear-gradient(160deg, #FFF3F1, var(--white, #fff) 60%);
    box-shadow: 0 0 0 3px rgba(198, 40, 40, .85), var(--sh-2, 0 8px 28px rgba(60, 44, 28, .08));
}

.wartung-text {
    min-width: 0;
}

/* Rote Marke wie „⚠ Warnung“ bei Aktuelles */
.eyebrow.wartung-hinweis {
    color: #fff;
    background: #C62828;
}

.wartung-marke {
    width: 84px;
    height: auto;
    margin: 0 0 16px;
    display: block;
}

.wartung-karte h1 {
    margin: 14px 0 12px;
    font-size: clamp(1.7rem, 5vw, 2.4rem);
    line-height: 1.2;
}

.wartung-karte .lead {
    margin: 0 0 16px;
}

.wartung-karte .muted a {
    color: inherit;
    font-weight: 600;
}

.wartung-verein {
    margin: 22px 0 0;
    font-size: .85rem;
    color: var(--ink-3, #8B7B6B);
}

.wartung-bild {
    min-width: 0;
}

@media (max-width: 560px) {
    .wartung-rahmen {
        padding: 18px 0;
    }

    .wartung-karte {
        padding: 18px;
    }

    .wartung-bild canvas {
        height: 260px;
    }
}

/* ---------- Hinweisband für angemeldete Benutzer (unverändert) ---------- */

.wartung-band {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    padding: 8px 16px;
    background: #7A4B00;
    color: #fff;
    font-size: .88rem;
    text-align: center;
}

.wartung-band a {
    color: #FFE3A8;
    font-weight: 700;
    margin-left: 6px;
}