.sub-menu,
.sub-menu li,
.sub-menu li a {width: 300px; min-width: 300px !important;}

.sub-menu li {border: 0px #fff solid; padding 0 !important;}
.sub-menu li a {border: 0px #fff solid; padding 0 !important;}     
.nav li li,
.nav li li a {padding: 0 !important; margin:0 !important; min-height: auto !important; height: auto !important;}
ul.sub-menu {padding: 10px 10px !important;}
.nav li li a {padding: 3px 3px !important; }

.et-menu .menu-item-has-children>a:first-child:after {
    top: -5px !important;
}

.leer {display: block; width: 100%; max-width: 750px; margin: 0 auto; text-align: center;}


.azubi {max-width: 1000px; margin: 0 auto;}   

 .azubi.formular {border: 1px #ccc solid; max-width: 850px; padding: 20px; background: #eee;} 

 .azubi.formular input, 
 .azubi.formular textarea,
 .azubi.formular .submit,
 .azubi.formular label {border: 0px #000 solid; display: block; width: 100%;}  


 .azubi.formular input, 
 .azubi.formular textarea {padding: 15px 15px; font-size: 18px; margin-bottom: 10px; }   

 .azubi.formular label {display: inline-block !important; width: auto !important; clear: both; background: rgba(0,0,0,0.5); color: #fff; line-height: 14px; font-size: 14px; padding: 3px 10px 3px 5px; min-width: 140px; border-radius: 0 10px 0 0;}

.azubi.formular button.submit {cursor: pointer; border: 0; color: #fff; background: #008000; padding: 20px 20px; font-size: 24px;}
.azubi.formular button.submit.klein {padding: 2px 10px !important; font-size: 16px; line-height: 16px; height: 40px;}


p.button a {font-size: 22px; line-height: 24px; background: #E23021; color: #fff; padding: 20px 20px;}
p.button.mitglied a {font-size: 18px; line-height: 20px; padding: 10px 10px; margin: 40px 0 10px 0 !important;}   


 .azubi.formular .read input { border: 0px #333 solid; padding: 5px 5px; background: #ccc; margin-bottom: 2px !important; font-size: 13px;}
 .azubi.formular .read input.mailadresse  {font-size: 15px !important; font-weight: bold; }


 .azubi.formular .read label {opacity: 0.5; padding: 0px; color: #000; background: transparent; margin: 15px 0 -5px 0 !important;} 


 .azubi.formular .formflex {display: flex;  justify-content: center; } 
 .azubi.formular .formflex button {width: 150px; }    

 .azubi ul.suchergebnis { border: 0px #000 solid;} 
 .azubi ul.suchergebnis strong { font-size: 20px; font-weight: normal;}          
 .azubi ul li { margin: 10px 0; font-size: 14px;}
 .azubi ul li a { padding: 8px; display: block; background: #fff; border: 0px #000 solid; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;} 
 .azubi ul li a:hover { background: #008000; color: #fff; }  


.azubi.verifizierung  {text-align: center !important; margin-bottom: 150px;}



.azubiframe {background: #ccc; width: 100%; padding: 40px 0 80px 0 ; }
.azubiframe.white {background: #fff; }   

.azubiframe .kein_mitglied {background: #eee; width: 100%; max-width: 800px; padding: 40px; margin: 0 auto; }          

.azubiliste { width: 90%; max-width: 1800px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px; align-items: stretch;}
.azubiliste .box { background: #fff; box-shadow: 0px 0px 0px rgba(0,0,0,0.0); margin-bottom: 20px !important; position: relative; display: block; width: 32%; padding: 40px; border: 1px #ddd solid;  background-image: linear-gradient(45deg, rgba(0,0,0,0.0), rgba(0,0,0,0.0)); -webkit-transition: all 0.3s; transition: all 0.3s;   box-sizing: border-box; /* Rand und padding  enthalten */ } 
.azubiliste .box:hover { transform: translateY(-2px); box-shadow: 4px 4px 6px rgba(0,0,0,0.30); } 
.azubiliste .adresse { right: 0; left: 0; padding: 15px 0px 0 0px; border: 0px #000 dotted; border-top-width: 1px; font-size: 15px; line-height: 20px; display: block; position: relative; }



.azubiliste .adresse  {margin-top: 40px !important; border: 0px #000 dotted; border-top-width: 1px;}

.azubiliste .box.detail {  max-width: 1000px; margin: 0 auto; width: 100%; padding: 40px;  } 
.azubiliste .box.detail:hover {  transform: translateY(-0px); box-shadow: 0px 0px 0px rgba(0,0,0,0.0); }     


@media only screen and (max-width: 1400px) {
.azubiliste .box { width: 49%; }  
} 
 
@media only screen and (max-width: 960px) {
.azubiliste .box { width: 100%; margin-bottom: 10px;  } 
.azubiliste .adresse { position: relative;padding: 15px 0px 0px 0px; }    
}


.azubiliste p.datum  {border: 0px #000 solid; text-align: left;font-size: 12px !important; line-height: 20px !important;  margin: 0px 0 25px 0 !important;}   
.azubiliste p.datum span  {display: inline-block; font-size: 20px !important; line-height: 23px !important;  margin: 0px 0 0px 0 !important;}  
.azubiliste h4  {color: #E23021; font-weight: 600; font-size: 26px !important; line-height: 30px !important; margin: 10px 0 25px 0 !important; border: 0px #E23021 solid; border-left-width: 10px; padding-left: 20px; display: flex; align-items: center;}

.azubiliste .detail h4 {max-width: 750px; font-size: 34px !important; line-height: 36px !important; min-height: auto; padding-top: 10px !important; pading-bottom: 5px !important;}


.azubiliste h4,
.azubiliste h4 span  { hyphens: auto !important; }  


.azubiliste .adresse.mit_bild {display: flex;}
.azubiliste .adresse .left {width: 100%;} 
.azubiliste .adresse.mit_bild .left {width: 60%;} 
.azubiliste .adresse.mit_bild .right {width: 40%; text-align: right;}    

.azubiliste .logo div {position: relative; }      
.azubiliste .logo img {max-width: 110px; float:right; padding: 0px;}
.azubiliste .logo.quer img {max-width: 150px;   } 


@media only screen and (max-width: 550px) { 
.azubiliste .adresse.mit_bild {display: block;}    
.azubiliste .adresse.mit_bild .left,
.azubiliste .adresse.mit_bild .right {width: 100%; text-align: left !important;}    
.azubiliste .logo img {max-width: 100% !important; max-width: auto; float:none; margin: 10px 0;}
.azubiliste .box {padding: 10px;}  
.azubiliste { width: 100%; }
.azubiliste h4  {font-size: 20px !important; line-height: 24px !important;margin: 15px 0 15px 0 !important; border-left-width: 6px; padding-left: 12px; } 
}


.back {display: block; margin: 0px 0 80px 0; text-align: center; }
.back a {display: inline-block; padding: 15px 20px; border: 1px #000 solid;  margin: 10px 0 80px 0; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; background: rgba(255,255,255,1.0); }
.back.oben { margin: 10px 0 0px 0;  } 
.back.oben a { margin: 0px 0 0px 0;  } 
.back a:hover {background: #fff; box-shadow: 0px 0px 6px rgba(0,0,0,0.25);  }    

.bewerben a {display: block; margin: 30px auto; max-width: 300px; padding: 20px 20px; font-size: 20px; text-transform: uppercase; text-align: center; background: #E23021; color: #fff; }