/* =====================================================
   LOGIN & LOGOUT – Hintergrundbild
   ===================================================== */

.ilStartupGUI,
.ilLogoutGUI {
    background-image: url("images/login-bg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
}

/* Optional: Overlay für bessere Lesbarkeit */
.ilStartupGUI::before,
.ilLogoutGUI::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

/* Login-/Logout-Box hervorheben */
.ilStartupGUI .ilStartupContent,
.ilLogoutGUI .ilStartupContent {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 12px;
    padding: 2rem;
    max-width: 420px;
    margin: 5vh auto;
}
/* Login-Seite Hintergrundbild */
body.ilStartupGUI,
body.ilLogoutGUI {
    background-image: url("../images/login-bg.jpg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Login-Box mit weißem Hintergrund - OHNE die transparente Regel! */
body.ilStartupGUI .ilStartupSection,
body.ilLogoutGUI .ilStartupSection {
    background-color: white !important;
    border-radius: 12px !important;
    padding: 2rem !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* ENTFERNE die transparent-Regel komplett! */