/*<=== HEADER DIV ===>*/



#MainContainer_Backgroundimg_verkehrsleiter{
    height: 200px;
}
#background_verkehrsleiter{
    position: absolute;
    margin-top: 175px;
    width: 100%;
    background-position: 100%;
    height: 0;
    background: url(../img/jpg/verkehrsleiter_page_smal.jpg) no-repeat;
    padding-top:  40.677%;
    background-size: contain;
    z-index: 2;
}
#Title_div_verkehrsleiter{ 
    position: absolute;
    margin-top: 20px;
    height: 155px;
    width: 100%;
    background-color:#003576;
    z-index: 3;
}
#titel_background_container_verkehrsleiter{
    font-size: 120%;
    text-align: center;
    color: #fff;
    padding-top: 108px;
    font-weight: 600;
}
p#titel_background_container_verkehrsleiter{
    padding-top: 120px;
}
#contant_ueberschrift_verkehrsleiter{
    font-size: 220%;
    text-align: center;
    font-weight: 700;
    color:#ff8801;
}

@media (min-width: 400px) {
#Title_div_verkehrsleiter{
    height: 150px;
}    
#background_verkehrsleiter{
    margin-top: 150px;
}    
p#titel_background_container_verkehrsleiter{
    padding-top: 115px;
} 
}

@media (min-width: 500px) {
#MainContainer_Backgroundimg_verkehrsleiter{
    height: 250px;
}      
}

@media (min-width: 650px) {
#MainContainer_Backgroundimg_verkehrsleiter{
    height: 300px;
}    
}

@media (min-width: 750px) {
#titel_background_container_verkehrsleiter{
    font-size: 240%;
} 
p#titel_background_container_verkehrsleiter{
    padding-top: 108px;
}  
#Title_div_verkehrsleiter{
    margin-top: 25px;
    height: 170px;
}    
#MainContainer_Backgroundimg_verkehrsleiter{
    position: relative;
    height: 400px;
}   
#contant_ueberschrift_verkehrsleiter{
    font-size: 230%;
}    
}


@media (min-width: 1030px) {
#background_verkehrsleiter{
    margin-top: 0;
    padding-top:  0;
    height: 700px;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    background: url(../img/jpg/verkehrsleiter_page.jpg);
    background-attachment:fixed;
    background-size: cover;
    background-position: center -100px; 
    z-index: 2;  
}  
#MainContainer_Backgroundimg_verkehrsleiter{
    position: relative;
    height: 650px;
}
   
}

@media (min-width: 1200px) {}

/*===CONTANT===*/

.icon_stati{
    color:#17ba1f;  
    font-size: 700%;
    text-align: center;  
}
.grid_title_verkehrsleiter{
    font-size: 180%; 
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
    color:#1C1C1C;
}
.text_grid_box_verkehrsleiter{
    font-size: 120%; 
    margin-top: 0px; 
    float: left;
}
.icon_communication{
    font-size: 400%;
    float: left;
    color:#ff8a05;
    padding-right: 20px;
    padding-bottom: 10px;
}
.text_Ueberschrift_farbe{
    margin-top: 75px;
    font-size: 180%; 
}
.box{
    -webkit-box-shadow: -1px 4px 11px -5px rgba(255,255,255,0.2);
    -moz-box-shadow: -1px 4px 11px -5px rgba(255,255,255,0.2);
    box-shadow: -1px 4px 11px -5px rgba(0,0,0,0.2);
}
#ul_vorteile > li{
    font-size: 105%;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: baseline;


}
#ul_vorteile > li > i{
    margin-right: 10px;
    color: #149206;
}
.p_title_kostenberechnung{
    font-size: 200%;
    margin-top: 170px;
    text-align: center;
}
.p_text_kostenberechnung_inbox{
    font-size: 140%;
    text-align: center;
}
i.truck_icon{
    display: block;
    font-size: 450%;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 50px;
    color:#003576;
}
#kontaktaufnahme{
    text-align: center;
    font-size: 230%;
}
#btn_kontakt{
    display: block;
    width: 100%;
    height: 70px;
    color: #1C1C1C;
    border: solid #ff8a05 1px;
    font-size: 100%;
}
#btn_kontakt:hover{
    display: block;
    width: 100%;
    height: 70px;
    background-color: #ff8a05;
    color: #003576;
}
#div_btn_kontakt{
    width: 300px; 
    margin: 0 auto;
}
#div_btn_kontakt > a{
    text-decoration: none;
}
.container_kontaktaufnahme{
    margin-bottom: 100px;
}






.first_div_box{
    position: relative;
    width: 100%;
   
     
     background-image: url(../img/jpg/truck_angebote.jpg);
    height: 400px;
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;  
    background-repeat: no-repeat;
    
    background-position: left -50px bottom -150px;
    
}

.first_div_box:hover .second_div_box{
     display: block;
  opacity: 1;
  visibility: visible;
    cursor: pointer;
    
}

.first_div_irina_img2:hover .second_div_box{
     display: block;
  opacity: 1;
  visibility: visible;
     cursor: pointer;
    
}

.second_div_box{
    
      opacity: 0.3;
  transition: 0.3s;
    
    
    
  visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
  
    background-color: rgba(0,0,0,0.7);
}


.title_main_box_angebot{
    font-size: 150%;
    text-align: center;
    background-color: #003576;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-weight: 600;
}

.inbox_title{
    font-size: 140%;
    color: #fff;
    margin-top: 20%;
    text-align: center;
    font-weight: 600;
}

.inbox_text{
    padding: 15px;
    color: #fff;
    font-size: 110%;
}

.btn_inbox{
    display: block;
    margin: 0 auto;
    background-color: #003576;
    border: solid #fff 1px;
    color: #fff;
}

.btn_inbox:hover{
    border: solid #fff 2px;
    color: #fff;
}



.MainContainerAngebote{
    margin-left: 5px;
    margin-right: 5px;
}


.second_div_box > a{
    text-decoration: none;
}