@charset "utf-8";
/* CSS Document für Ankündigungsseite*/

body{font-family: "Gill Sans",Arial, "sans-serif";
background-color:#5d7784;}

#wrapper{max-width: 85%; height: auto; margin: auto; overflow: auto; background-color: #C0C0C0 ;}

#header{width: 100%; height: auto;margin-left: 0%;height: auto;}
#header p{width:86%; height: auto;float: left;margin-left: 6%;margin-top: 1%;overflow: auto;}
#header img{width:90%; height: auto;float:left;margin-left: 3%;margin-top: 3%;margin-bottom: 2%;}




#wrapper_jonas{max-width: 60%; height: auto; margin: auto; overflow: auto;}
#wrapper_jonas img{width:100%; height: auto; float: left; margin:auto;margin-bottom: 2%; }
#wrapper_jonas a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5dc405; border-radius: 5px; padding: 3px; margin-top: 2%;margin-left:0%;margin-bottom: 2%;margin-right: 2%;}
#wrapper_jonas a:hover{color: #ffed1f; }
#wrapper_jonas p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }

#wrapper_familienbande{max-width: 60%; height: auto; margin: auto; overflow: auto;}
#wrapper_familienbande img{width:100%; height: auto; float: left; margin:auto;margin-bottom: 2%; }
#wrapper_familienbande a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #b30000; border-radius: 5px; padding: 3px; margin-top: 2%;margin-left:0%;margin-bottom: 2%;margin-right: 2%;}
#wrapper_familienbande a:hover{color: #ffed1f; }
#wrapper_familienbande p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }




#header_presse{width: 80%; height: auto;float:left; margin-top: 5%; margin-left: 10%; margin-bottom: 0%; background-color: #f2f2f2;}
#header_presse img{width: 98%; height: auto; float: left; margin-left: 1%;margin-top: 2%;margin-bottom: 2%;overflow: auto;}
#header_presse p{width: 50%; height: auto; float: left; margin-left: 4%;margin-top: 0%;margin-bottom: 2%;overflow: auto;}
#header_presse a{width: 98%; height: auto; float: left; margin-left: 2%;margin-top: 2%;margin-bottom: 2%;overflow: auto;font-size: 120%;}



.pdf {width: 80%; height: auto;float: left;margin-left: 7%;margin-top: 2%}
.pdf object{width: 86%; height: auto;float: left;margin-left: 7%;margin-top: 1%;margin-bottom: 2%;}
.pdf a{width: 100%; height: auto;float: left;margin-left: 7%;margin-top: 0%;}
.pdf data {width: 90%; height: 7%;}
.pdf_jonas { float:left;margin-left: 13%;margin-top: 0%;}
.pdf_jonas a{float:left;margin-left:3%;margin-top: 2%;}
.pdf object {width: 86%; height: auto;float: left;margin-left: 8%;margin-top: 1%}

 


#content{width: 100%; height: auto; float:left; background-image:linear-gradient( to bottom, #b30000  20%, #5d7784 50%); margin-top: 3%;margin-bottom: 2%;}
#content img{width: 15%; height: auto; float:left; margin-top: 4%; margin-left: 4%;margin-bottom: -1%; z-index: 20;}


.box { float: left; width: 29%; height: auto; margin-left: 3%; margin-bottom: 4%; box-sizing:border-box; }
.box:last-child { margin-right: 0; }
    
}

#content_met{width: 100%; height: auto; float:left;  margin-top: 0%;margin-bottom: 1%;}
#content_met img{width: 15%; height: auto; float:left; margin-top: 4%; margin-left: 4%;margin-bottom: -1%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}

#content_civi{width: 80%; height: auto; float:left; background-color: #f2f2f2; margin-left: 10%; margin-top: 0%;margin-bottom: 1%;}




.object{margin-top:4%;margin-bottom:2%;width: 100%;height: 40%;}
hr{float:left; width:100%;margin-top:2%;color: #ae925c;}



#footer{float:left;width: 100%; height: auto;margin-top: 55%;}
#footer img{width: 12%; height: auto; float:left; margin-top: 0%; margin-left: 10%; margin-bottom: 3%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}

#footer_autor{float:left; width: 100%; height: auto;margin-top: 60%;}
#footer_autor img{width: 12%; height: auto; float:left; margin-top: 0%; margin-left: 10%; margin-bottom: 3%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}

#footer_met {width: 100%; height: auto;margin-top: 55%;}
#footer_met img{width: 12%; height: auto; float:left; margin-top: 0%; margin-left: 10%; margin-bottom: 3%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}

#footer_toi{width: 100%; height: auto;margin-top: 5%;overflow: auto;}
#footer_toi img{width: 20%; height: auto; float:left; margin-top: 0%; margin-left: 4%; margin-bottom: 4%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}

#footer a{float:right; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:  7%;margin-right: 5%;}
#footer a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}

#footer_autor a{float:right; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:  7%;margin-right: 5%;}
#footer_autor a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}

#footer_toi a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 48%; margin-top: 1%; margin-bottom: 5%;}
#footer_toi a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}

#footer_met a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:  2%;margin-left: 2%;}
#footer_met a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}

#footer_auftragswerke{width: 100%; height: auto;margin-top: 55%;}
#footer_auftragswerke img{width: 12%; height: auto; float:left; margin-top: 0%; margin-left: 10%; margin-bottom: 3%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
#footer_auftragswerke a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:  2%;margin-left: 2%;}
#footer_auftragswerke a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}




@media screen and (max-width:599px){
    
    #wrapper{max-width: 85%; height: auto; margin: auto; overflow: auto; background-color: #C0C0C0 ;}
    
    #wrapper_jonas{max-width: 95%; height: auto; margin: auto; overflow: auto;}
    #wrapper_jonas img{width:100%; height: auto; float: left; }    
    #wrapper_jonas p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }
    
    
    #wrapper_familienbande{max-width: 900%; height: auto; margin: auto; overflow: auto;}
    #wrapper_familienbande img{width:100%; height: auto; float: left; margin:auto;margin-bottom: 2%; }
    #wrapper_familienbande a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #b30000; border-radius: 5px; padding: 3px; margin-top: 2%;margin-left:0%;margin-bottom: 2%;margin-right: 2%;}
    #wrapper_familienbande a:hover{color: #ffed1f; }
    #wrapper_familienbande p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }

    
    
    #header{width: 100%; height: auto;margin-left: 0%;height: auto;background-color: floralwhite;}
    #header img{width: 100%; height: auto;margin:auto;}
    #header p{width: 80%; font-size: 70%;}
    #header_presse p{width: 90%; font-size: 70%;text-align:justify;}
    
    hr{float:left; width:100%;margin-top:2%;color: #ae925c;}
    h3{float:left;margin-left: 3%; color:#b30000; width: 98%; height: auto;font-size: 100%;}

    
    .box { float: left; width: 90%; height: auto; margin-left: 5%; margin-bottom: 4%; box-sizing:border-box; }
    .box:last-child { margin-right: 0; }
    .box img{width: 100%; height: auto}
    
    
    #content{width: 90%; height: auto;}
    #content img{width: 90%;margin-left: 10%;margin-bottom: 1%;}
    
    #content_met{width: 100%; height: auto;}
    #content_met p{font-size: 90%;}

    #content_civi{margin-left: 0%; width: 100%; height: auto;}
    #content_civi p{float:left;font-size: 100%; text-align: left; margin-left: 3%; margin-top: 1%;}
    #content_civi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}
    
    #content_exhi{margin-left: 0%; width: 100%; height: auto;}
    #content_exhi p{float:left;font-size: 100%; text-align: left; margin-left: 3%; margin-top: 1%;}
    #content_exhi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}
    #content_exhi a{ margin-top: 3%; margin-left: 3%;}
    
   
    
    
    .pdf {width: 90%; height: auto;float: left;margin-left: 0%;margin-top:1%; margin-bottom: 2%;}
    .pdf object{display:none;}
    .pdf p{width: 90%;font-size: 80%;text-align:left; }
    .pdf a{margin-top:2%;margin-left: 5%;}
    
    .pdf_jonas { width: 85%; float:left;margin-left:0%;margin-top: 0%;}
    .pdf_jonas a{float:left;margin-left:3%;margin-top: 2%;}
    
    
    
    
    #footer{width: 18em; height: auto;}
    #footer a{font-size: 80%}
    
    #footer_autor img{display:none;}
    #footer_autor a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:2%;margin-left: 10%;margin-bottom: 5%;}  
    #footer_met {float:left;width: 100%; height: auto;margin-left: 40%; margin-top: 3%;}    
    #footer_met img{display:none;}    
    #footer_met a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 2%;margin-bottom: 5%;}
    #footer_met a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}
    
    #footer_auftragswerke img{display:none;}   
    #footer_auftragswerke a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 40%;margin-bottom: 5%;} 
    
    #footer_toi{width: 80%; height: auto;margin-top: 5%;overflow: auto;}
    #footer_toi img{width: 90%; height: auto; float:left; margin-top: 0%; margin-left: 6%; margin-bottom: 2%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
}

    
    



@media screen and (min-width: 600px){
#wrapper{max-width: 80%; height: auto; margin: auto; overflow: auto; background-color: #C0C0C0 ;}
    
    #wrapper_jonas{max-width: 95%; height: auto; margin: auto; overflow: auto;}
    #wrapper_jonas img{width:100%; height: auto; float: left; }    
    #wrapper_jonas p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }
    
    
    #wrapper_familienbande{max-width: 900%; height: auto; margin: auto; overflow: auto;}
    #wrapper_familienbande img{width:100%; height: auto; float: left; margin:auto;margin-bottom: 2%; }
    #wrapper_familienbande a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #b30000; border-radius: 5px; padding: 3px; margin-top: 2%;margin-left:0%;margin-bottom: 2%;margin-right: 2%;}
    #wrapper_familienbande a:hover{color: #ffed1f; }
    #wrapper_familienbande p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }

    
    
    #header{width: 100%; height: auto;margin-left: 0%;height: auto;}
    #header img{width: 100%; height: auto;margin:auto;}
    #header p{width: 80%; font-size: 70%;}
    #header_presse p{width: 90%; font-size: 70%;text-align:justify;}
    
    .box { float: left; width: 25%; height: auto; margin-left: 5%; margin-bottom: 4%; box-sizing:border-box; }
    .box:last-child { margin-right: 0; }
    .box img{width: 100%; height: auto}
    
    
     hr{float:left; width:100%;margin-top:2%;color: #ae925c;}
     h3{float:left;margin-left: 4%; font-size: 150%; color:#b30000; width: 98%; height: auto;}

    
    #content{width: 90%; height: auto;}
    #content img{width: 90%;margin-left: 10%;margin-bottom: 1%;}
    
    #content_met{width: 100%; height: auto;}
    #content_met p{font-size: 90%;}

    #content_civi{margin-left: 0%; width: 100%; height: auto;}
    #content_civi p{float:left;font-size: 120%; text-align: left; margin-left: 3%; margin-top: 1%;}
    #content_civi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}

    #content_exhi{margin-left: 0%; width: 100%; height: auto;}
    #content_exhi p{float:left;font-size: 100%; text-align: left; margin-left: 3%; margin-top: 1%;}
    #content_exhi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}
    #content_exhi a{ margin-top: 3%; margin-left: 3%;}
    
    
    
    
    .pdf {width: 90%; height: auto;float: left;margin-left: 0%;margin-top: 4%; margin-bottom: 1%;}
    
    .pdf p{width: 90%;font-size: 80%;text-align:center; }
    .pdf a{margin-top: 2%;margin-bottom: 3%;margin-left: 4%;}
    .pdf object{width: 86%; height: auto;float: left;margin-left: 7%;margin-top: 1%;margin-bottom: 2%;}
    .pdf_jonas { width: 85%; float:left;margin-left:0%;margin-top: 0%;}
    .pdf_jonas a{float:left;margin-left:3%;margin-top: 2%;}
    
    
    
    
    #footer{width: 18em; height: auto;}
    #footer a{font-size: 80%}
    
    #footer_autor img{display:none;}
    #footer_autor a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:2%;margin-left: 10%;margin-bottom: 5%;}  
    #footer_met {float:left;width: 100%; height: auto;margin-left: 40%; margin-top: 3%;}    
    #footer_met img{display:none;}    
    #footer_met a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 2%;margin-bottom: 5%;}
    #footer_met a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}
    
    #footer_auftragswerke img{display:none;}   
    #footer_auftragswerke a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 40%;margin-bottom: 5%;} 
    
    #footer_toi{width: 80%; height: auto;margin-top: 5%;overflow: auto;}
    #footer_toi img{width: 90%; height: auto; float:left; margin-top: 0%; margin-left: 6%; margin-bottom: 2%; z-index    
    
}




@media only screen and (min-width: 980px ){
#wrapper{max-width: 85%; height: auto; margin: auto; overflow: auto; background-color: #C0C0C0 ;}
    
    #wrapper_jonas{max-width: 95%; height: auto; margin: auto; overflow: auto;}
    #wrapper_jonas img{width:100%; height: auto; float: left; }    
    #wrapper_jonas p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }
    
    
    #wrapper_familienbande{max-width: 900%; height: auto; margin: auto; overflow: auto;}
    #wrapper_familienbande img{width:100%; height: auto; float: left; margin:auto;margin-bottom: 2%; }
    #wrapper_familienbande a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #b30000; border-radius: 5px; padding: 3px; margin-top: 2%;margin-left:0%;margin-bottom: 2%;margin-right: 2%;}
    #wrapper_familienbande a:hover{color: #ffed1f; }
    #wrapper_familienbande p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }

    
    
    #header{width: 100%; height: auto;margin:auto;}
    #header img{width: 100%; height: auto;}
    #header p{width: 80%; font-size: 70%;}
    #header_presse p{width: 90%; font-size: 70%;text-align:justify;}
    
    .box { float: left; width: 25%; height: auto; margin-left: 5%; margin-bottom: 4%; box-sizing:border-box; }
    .box:last-child { margin-right: 0; }
    .box img{width: 100%; height: auto}
    
     hr{float:left; width:100%;margin-top:2%;color: #ae925c;}
     h3{float:left;margin-left: 3%; font-size: 150%; color:#b30000; width: 98%; height: auto;}

    
    #content{width: 90%; height: auto;}
    #content img{width: 90%;margin-left: 10%;margin-bottom: 1%;}
    
    #content_met{width: 100%; height: auto;}
    #content_met p{font-size: 90%;}

    #content_civi{margin-left: 0%; width: 100%; height: auto;}
    #content_civi p{float:left; text-align: left;margin-right: 2%; font-size: 140%;}
    
    #content_exhi{margin-left: 0%; width: 100%; height: auto;}
    #content_exhi p{float:left;font-size: 100%; text-align: left; margin-left: 3%; margin-top: 1%;}
    #content_exhi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}
    #content_exhi a{ margin-top: 3%; margin-left: 3%;}
    
    
    
    .pdf {width: 90%; height: auto;float: left;margin-left: 0%;margin-top: 1%; margin-bottom: 1%;}
    
    .pdf p{width: 90%;font-size: 100%;text-align:center; }
    .pdf a{font-size: 120%; margin-top: 2%; margin-bottom: 3%;}
    .pdf object{width: 86%; height: auto;float: left;margin-left: 7%;margin-top: 1%;margin-bottom: 2%;}
    .pdf_jonas { width: 85%; float:left;margin-left:0%;margin-top: 0%;}
    .pdf_jonas a{float:left;margin-left:3%;margin-top: 2%;}
    
    
    
    
    #footer{width: 18em; height: auto;}
    #footer a{font-size: 80%}
    
    #footer_autor img{display:none;}
    #footer_autor a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:2%;margin-left: 10%;margin-bottom: 5%;}  
    #footer_met {float:left;width: 100%; height: auto;margin-left: 40%; margin-top: 3%;}    
    #footer_met img{display:none;}    
    #footer_met a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 2%;margin-bottom: 5%;}
    #footer_met a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}
    
    #footer_auftragswerke img{display:none;}   
    #footer_auftragswerke a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 40%;margin-bottom: 5%;} 
    
    #footer_toi{width: 80%; height: auto;margin-top: 5%;overflow: auto;}
    #footer_toi img{width: 90%; height: auto; float:left; margin-top: 0%; margin-left: 6%; margin-bottom: 2%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
    
    
}





@media only screen and (min-width: 1260px ){
#wrapper{max-width: 85%; height: auto; margin: auto; overflow: auto; background-color: #C0C0C0 ;}
    
    #wrapper_jonas{max-width: 95%; height: auto; margin: auto; overflow: auto;}
    #wrapper_jonas img{width:100%; height: auto; float: left; }    
    #wrapper_jonas p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }
    
    
    #wrapper_familienbande{max-width: 900%; height: auto; margin: auto; overflow: auto;}
    #wrapper_familienbande img{width:100%; height: auto; float: left; margin:auto;margin-bottom: 2%; }
    #wrapper_familienbande a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #b30000; border-radius: 5px; padding: 3px; margin-top: 2%;margin-left:0%;margin-bottom: 2%;margin-right: 2%;}
    #wrapper_familienbande a:hover{color: #ffed1f; }
    #wrapper_familienbande p{width: 100%; color:#af925d; font-size:150%; line-height: 130%; }

    
    
    #header{width: 100%; height: auto;margin-left: 0%;height: auto;}
    #header img{width: 100%; height: auto;margin:auto;}
    #header p{width: 80%; font-size: 70%;}
    #header_presse p{width: 90%; font-size: 70%;text-align:justify;}
    
    .box { float: left; width: 25%; height: auto; margin-left: 5%; margin-bottom: 4%; box-sizing:border-box; }
    .box:last-child { margin-right: 0; }
    .box img{width: 100%; height: auto}
    
    
     hr{float:left; width:100%;margin-top:2%;color: #ae925c;}
     h3{float:left;margin-left: 3%; font-size: 150%; color:#b30000; width: 98%; height: auto;}
 
    
    #content{width: 90%; height: auto;}
    #content img{width: 90%;margin-left: 10%;margin-bottom: 1%;}
    
    #content_met{width: 100%; height: auto;}
    #content_met p{font-size: 90%;}

    #content_civi{margin-left: 0%; width: 100%; height: auto;}
    #content_civi p{font-size: 150%;}
    #content_civi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}
    
    #content_exhi{margin-left: 0%; width: 100%; height: auto;}
    #content_exhi p{float:left;font-size: 100%; text-align: left; margin-left: 3%; margin-top: 1%;}
    #content_exhi img{width: 94%; height: auto; float:left; margin-top: 2%; margin-left: 3%;}
    #content_exhi a{ margin-top: 3%; margin-left: 3%;}
    
    
    
    .pdf {width: 90%; height: auto;float: left;margin-left: 0%;margin-top: 1%; }
    .pdf object{width: 86%; height: auto;float: left;margin-left: 7%;margin-top: 1%;margin-bottom: 2%;}
    .pdf p{width: 90%;font-size: 80%;text-align:center; }
    .pdf a{margin-left: 3%; margin-top: 2%;margin-bottom: 3%;}
    
    .pdf_jonas { width: 85%; float:left;margin-left:0%;margin-top: 0%;}
    .pdf_jonas a{float:left;margin-left:3%;margin-top: 2%;}
    
    
    
    
    #footer{width: 18em; height: auto;}
    #footer a{font-size: 80%}
    
    #footer_autor img{display:none;}
    #footer_autor a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-top:2%;margin-left: 10%;margin-bottom: 5%;}  
    #footer_met {float:left;width: 100%; height: auto;margin-left: 40%; margin-top: 3%;}    
    #footer_met img{display:none;}    
    #footer_met a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 2%;margin-bottom: 5%;}
    #footer_met a:hover{background-image:linear-gradient( to bottom, #a12116  20%, #5d7784 50%);}
    
    #footer_auftragswerke img{display:none;}   
    #footer_auftragswerke a{float:left; color: #f2f2f2;  text-decoration: none;text-align: center;border: 2px solid #5d7784; border-radius: 5px; padding: 3px; margin-left: 40%;margin-bottom: 5%;} 
    
    #footer_toi{width: 80%; height: auto;margin-top: 5%;overflow: auto;}
    #footer_toi img{width: 90%; height: auto; float:left; margin-top: 0%; margin-left: 6%; margin-bottom: 2%; z-index: 20;border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
    
        
    
}