/* ----------------------------------------------------------------------
   Die Wartungsseite (Änderungswunsch 2 vom 19.09.2026).

   Eine einzelne, mittige Spalte: Logo, Überschrift, ein Satz. Keine
   Navigation und keine Fußzeile – beide führten auf Seiten, die während
   der Wartung gesperrt sind.

   Die Farben, Abstände und Schriften kommen aus tokens.css, das Stylesheets.Oeffentlich
   vor dieser Datei lädt.
   ---------------------------------------------------------------------- */

.wartung {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;

    /* svh statt vh: Auf dem Handy rechnet vh die Adressleiste nicht mit,
       und der Inhalt säße unter dem sichtbaren Bereich. */
    min-height: 100svh;

    /* Seitlicher Abstand, damit der Text auf schmalem Schirm nicht am
       Rand klebt. */
    padding: var(--raum-4) var(--raum-3);
}

.wartung__logo {
    /* Beide Maße als max-*: Eine feste Höhe neben max-width verzerrt auf
       schmalem Schirm – derselbe Fehler, der in Etappe 6 die Großansicht
       der Galerie gestreckt hat. */
    width: auto;
    height: auto;
    max-width: min(100%, 28rem);
    max-height: 40svh;
    object-fit: contain;
}

.wartung__titel {
    margin-top: var(--raum-4);
    margin-bottom: var(--raum-2);
    color: var(--farbe-primaer);
}

.wartung__text {
    max-width: 34rem;
    margin: 0;
    color: var(--farbe-text-leise);
}