/* Diese CSS-Datei deaktiviert Animationen und Übergänge auf den Folgeseiten */
#logo, #text, #main {
    animation: none !important; /* Animationen deaktivieren */
    transition: none !important; /* Übergänge deaktivieren */
    opacity: 1 !important; /* Sicherstellen, dass die Elemente sichtbar sind */
} 



body.mt-5, html{
    margin-top: 0 !important;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; 
    margin: auto ;
    margin-top: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
	min-height:100vh;
}

header{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;  
    color:#949494;  
    font-size: 1.5em;    
    
}

header img{
    width: 80%;
    max-width: 500px;
    margin-top: 1vh;
}

main{
    color:#555555;   
    text-align: justify;    
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;    
    box-sizing: border-box;
    margin: 20px;
    flex-direction: column;
    flex: 1;
}

.whois{
    display: flex;
    flex-direction: column;    
    gap: 20px;
    margin-top: 25px;
    margin-bottom: 25px;    
    color: #555555;
}

.form_branches{
    display: flex;
    gap: 10px;
    justify-content: center;
}

input{
    background-color: #ffffff;
    padding: 10px;   
    border: 1px solid #008c3d;   
    color: #555555; 
}

label{    
    color: #555555;
}

.branches{
    margin-top: 25px;
    color:#555555;    
}

.survey{
    margin-top: 50px;
}

.survey-top{
    margin-top: 50px;
}

fieldset.mb-4{
    margin-bottom: 5rem !important;    
    display: flex;
    flex-direction: column;
    gap: 15px;
}

fieldset.mb-4 label, legend{
    font-weight: bold;
}

#additionalRadios{
   display: flex;
   flex-direction: column;
   gap:5px;
   margin-top: 15px;
   
}

footer{
    background-color:#d1d1d1;    
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:30px;
    padding: 20px;
}

.links{
    display: flex;
    justify-content: center;
    gap: 20px;
}

.links a{
    text-decoration: none;
    color: #555555;
}

.copyright p{
    color:#555555;
    text-align: center;
}

.thankyou{
	display: flex;
	flex-direction:column;
	
	
}

@media screen and (max-width: 440px){
    .links{
        flex-direction: column;
        align-items: center;
        gap:10px;
    }

    footer{
        gap:15px;
    }
}