:root{
    --background-color: #314453;
    --darker-background-color: #243848;
    --accent-color: #5cc9ee;
    --text-color: #FFFFFF; 
    --navbar-height: 80px; 
      
}

footer{
    padding: 0;     
    background-color: #ffffff;

}
footer h1{
    margin-bottom: 35px;
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;   
    background-color: #314453;
   
    

}
footer h2{
    font-size: 17px;
    font-family: Arial, Helvetica, sans-serif;
    color: #314453;   

    
}


footer p{   
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;    
    color: #314453; 
    text-align: center;
    text-align: justify;
    
    
}


.grid_container{    
    width: auto;
    height: max-content;
    margin-left: 25px;
    margin-right: 15px;
   
 
   
    
}






@media(max-width: 1300px){
    .grid_container{
       width: 90%;
       height: 90%;
   
    }
}
@media(max-width: 900px){
    footer h2{
        text-align: center;  
        
        
       
    }
}
.impressum_end_container{ 
    display: flex;  
    justify-content: space-evenly;
    background-color: #314453;    
    height: 100px;
    width: 100%;

    
   
}
.impressum_end_container p{
    padding: center;     
    text-align: center; 
    margin-left: 15px; 
    margin-right: 15px;
    font-size: 11px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
    
    
}
.impressum_end_container h1{
    padding: center;     
    text-align: center; 
    justify-content: center;
    margin-top: 13px;    
    font-size: 9px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
}