/* Font */
.xm-form.modern *,
.modern .XPage * {
    font-family: Arial;
}    

/* Logo */
.modern .XHeader {
    background-image: url("../../includes/ressource?mid=1&name=Darmstadt-Logo.png");
    background-size: auto 100px; /* Breite Höhe */
    background-repeat: no-repeat; /* Logo wird nur einmal dargestellt */
    background-position: top 20px right 5%;  /* Position */
    min-height: 250px; /* Mindestgröße des Headers */
}

/* Media Query für kleinere Bildschirme */
@media only screen and (max-width: 768px) {
    .modern .XHeader {
        background-size: auto 50px; /* Angepasste Höhe für kleinere Bildschirme */
        min-height: 150px; /* Mindestgröße des Headers */
        padding-top: 70px; /* Platz für das verkleinerte Logo */
    }

    /* Überschrift anpassen */
    .XHeader h1 {
        font-size: 20px; /* Angepasste Schriftgröße */
    }
}

/* Navbar */
.XNavigationBar .active .xnav-view,
.XNavigationBar .active-before .xnav-view {
    background-color: rgb(13, 49, 149);
}

/* Fieldset + Input-Element */
.modern .XFieldSetWrapper,
.modern .XTextField {
    border-radius: 0;
}

/* Schaltflächen */
.modern .XButtonList {
    color: rgb(255,255,255);
    background-color: rgb(13, 49, 149);
    border: 1px solid rgb(13, 49, 149);
    border-radius: 0;
}

.modern .XButtonList:hover {
    color: rgb(255,255,255);
    background-color: #092266;
    border: 1px solid #092266;
}