/* Clubfans Reunited – Login
   Ergaenzt anmeldung.css und adminxy.css: hier steht nur das Hintergrundbild
   hinter dem Formularbereich. */

body {
    /* Ersatzfarbe, falls das Bild nicht laedt – dasselbe dunkle Clubrot,
       das adminxy.css sonst als Flaeche setzt. */
    background-color: var(--rot-tief);
    background-image: url("../img/hintergrundzoma.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    /* Bild bleibt beim Scrollen stehen, statt mitzuwandern und dabei
       staendig neu zugeschnitten zu wirken. */
    background-attachment: fixed;
}

/* adminxy.css legt einen roten Lichtschein ueber die Flaeche. Auf dem Foto
   wuerde der alles rot einfaerben – stattdessen ein dunkler Schleier, der
   das Bild ruhig haelt und die Schrift darauf lesbar macht. */
body::before {
    background:
        repeating-linear-gradient(
            115deg,
            rgba(255, 255, 255, 0.03) 0px,
            rgba(255, 255, 255, 0.03) 2px,
            transparent 2px,
            transparent 22px
        ),
        linear-gradient(180deg, rgba(14, 14, 16, 0.22) 0%, rgba(14, 14, 16, 0.42) 100%);
}

/* 70px mehr Luft zwischen Header und der Ueberschrift "Bist du Ready?" */
main {
    padding-top: calc(2.5rem + 70px);
}

/* Die Formularkarte deckt etwas staerker ab – auf dem unruhigen Foto waere
   sie sonst schwer vom Hintergrund zu unterscheiden. */
.admin-karte {
    background: rgba(0, 0, 0, 0.62);
    backdrop-filter: blur(3px);
}