@charset "UTF-8";


/* Genereller Aufau Login-Bereich und Menü */


#fw-login {
    background: linear-gradient(to bottom, var(--farbe_beige), var(--farbe_beige90));
}

.login-background {
    background-color: var(--farbe_weiss);
    padding:20px;
    border-radius: 10px;
    min-height:700px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

#login-content .table-th {
    color: grey;
    border-bottom: 1px solid grey;
    font-size:0.9em;
}

#login-menu {
    color:var(--farbe_blau);
}

.kundenname {
    font-weight:bold;
    font-size:1.2rem;
}

#login-menu .eintrag {
    font-weight:bold;
    font-size:1.2rem;
    display:block;
    padding:5px;
    padding-left:10px;
    border-radius:5px;
    margin-left:-10px;
}

.btn-login-menu {
    background-color:var(--farbe_blau);
    color:#ffffff;
    font-weight:bold;
    font-size:1.2rem;
    border-radius:5px;
    padding:10px;
}

.btn-login-menu-icon {
    font-size:3rem;
}

.login-zurueck {
    font-size:1.2rem;
    font-weight:bold;
}

#login-menu .eintrag:hover, #login-menu .eintrag-aktiv {
    background-color:var(--farbe_beige90);
}



/* Listen und Einträge Login-Bereich */

.login-eintrag {
    border: 2px solid var(--farbe_grau20);
    background-color: #ffffff;
    border-radius:10px; 
    padding:1rem;   
}

.login-eintrag:hover {
    border: 2px solid var(--farbe_gruen);
}



/* Bearbeiten-Seiten im Login-Bereich */

.bearbeiten-overlay {
    z-index:1500;
}

.bearbeiten-wrapper {
    z-index:1600;
    border-radius:10px;
    width: 100%;
    max-width: 400px;
}