* {margin: 0;}
html, body {
    background-color: #7abdf0 ;
    height: 100dvh;
}
#header {
    width: 100%; height: 5dvh; padding: 1% 0% 1% 0%;
    background-color:#0066FF;
}
#header h1 {
    color: #FFFFFF;
    text-align: center;  padding: 0% 0% 1% 0%;
}

#nav {
    width: 100%; height: 5dvh; padding: 0% 0% 1% 0%;
    background-color:#FFFFFF;
}

#nav p {
    float: left; 
    background-color: transparent; padding: 1% 0% 1% 1%; height: auto;
}

#nav a {
    color: #0066FF; text-decoration: none; 
}

#main {
    width: auto; height: 100%; margin: 0% 0% 0% 0%;
    background-color: #f5f7e61b;  
    background-image: url('marburg_lahnsicht.jpeg');
    background-size: 220% ;/* Passt das Bild an die Größe des Bildschirms an */
    background-size: contain;
    background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
    background-position: center; /* Positioniert das Bild in der Mitte */
}
    

.form_001_zg_1601 {
    width: 20%; height: auto ;
    padding: 1.25% 2% 1.25% 2%; margin: 0% 0% 0% 2%;
    background-color: #FFF;
    border-style:inset ;
    border: 5px inset #0066FF;
    border-radius: 50px;
    -webkit-box-shadow: 5px 5px 20px 15px rgba(56,56,56,0.9); 
    box-shadow: 5px 5px 20px 15px rgba(56,56,56,0.9);
    position: relative;
}

.form_001_zg_1601_label {
    padding: 2% 0% 1% 2%; margin: 5% 0% 2% 10%;
}
.form_001_zg_1601_button {
    padding: 1% 5% 1% 5%; margin: 2% 0% 0% 22.50%;
}


#footer {
    width: 100%; height: 5%; padding: 1% 0% 0% 0%;
    background-color:#0066FF;
    }
#footer p {
    float:left; padding: 0.25% 0% 0.25% 1%; color: #FFFFFF;
}