.col-3 { float: left;  
   width: 30.6%; 
   margin-right: 4.0%; 
   background-color:#ffffff;

}



.last { margin-right: 0; }



img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}


.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}




@media screen and (max-width:1100px) {
   body{-webkit-text-size-adjust: none;margin:0;padding:0}
   #top_content,#header,#teaser_home,#home_slogan{width:94%;}
   #page_all {width:94%;padding:0;}
   #content {width:100%;margin:0;}
   #my_footer {width:100%;}
   #header_banner{width:94%;height:auto;}
 }  



@media screen and (max-width:850px) {
.cont_left{
   width:62.5%;
   float:left;
   padding-right:3.5%;
}


.cont_right{
   width:30.5%;
   float:right;
}
   
   
.slogan_box{
font-size: 18px;
line-height:22px;
font-size:1.125rem; 
   line-height:1.5rem;
   
   }
   

   
}


@media screen and (max-width:780px) {
   #search,#search_open{display:none;}

   .sucheingabe{ width:155px;}
   .referenz_left{ width:82%}
   .referenz_logo{width:15%;}
   #content{padding-top:20px;}
   
   #logo_container{margin-top:0px}
   #nav_container{display:none;}
   #logo{width:170px}
   
   #header{height:50px;}
   #header_container{width:100%; background-color: #e3e5e9;border-top:1px solid #fff;background-image:url(562.png); background-repeat:repeat-x;background-size:100% 100%; margin-top:79px;}
   #header_banner{ display:none;}
   #header_banner_mobile{ display:block; width:94%; height:auto; margin:0 auto;clear:both; }
   #headerimage_home{display:none;}
   #headerimage_home_mobile{display:block;margin-top:79px;width:100%; border-top:1px solid #fff;position:relative}
   #home_slogan_mobile{color:#fff; font-size:14px;line-height:18px;font-size:0.875rem; line-height:1.1rem; font-style:italic; font-weight:400; width:96%; padding-top:3px;} 
   #bg_slogan_mobile{position:absolute; bottom:0; background-image:url(648.png);backround-repeat:repeat-x;height:25px;width:100%; text-align:right}
   #top_mobile{position:fixed;top:0;width:100%;height:110px;z-index:99}   
   .about,.angebot,.references,.docoforum,.about_active,.angebot_active,.references_active,.docoforum_active,.about:hover,.angebot:hover,.references:hover,.docoforum:hover{background-position:left 13px bottom 8px}  
   #my_footer {width:100%;}
   
   #menu{display:none;}
   #menulist{list-style: none;margin:0;padding:0;}
    #menulist li {list-style:none;float:left;height:33px; margin-left:0;width:100%; border-bottom:1px dotted #888888;}
   #mobile_menu{right:4.0%;display:block;}
   #menumobile{list-style: none;margin:0;padding:0;width:100%;float:left}
    #menumobile li { height:30px;padding-top:3px;padding-left:6px;list-style:none;float:left;display:block;width:100%;margin-left:0;}
   .level0 {line-height:27px; line-height:1.9rem;display:block;width:70%;padding-left:28px;}
   .level0_active {line-height:27px; line-height:1.9rem;text-transform:uppercase;width:70%;padding-left:28px;}
   .level1_active {display:block;color:#f50000;}
   .level1:hover{color:#f50000}
   .level1,.level1_active{line-height:25px; line-height:1.0rem;display:block;padding-left:9px;} 
   
   .desktop{display:none}
   .mobile{display:block;}
   .zweispaltig_links{ width:100%;float:left;margin-bottom:22px;}
   .zweispaltig_rechts{width:100%;float:left;margin-bottom:22px;}
   .cont_left{ width:100%; float:left;padding:0;margin:0; border-right:0;}
   .cont_right{width:100%; float:left;border-top:1px dotted #333333; padding-top:25px; margin-top:25px; }
   .col-3 { margin-right: 0;    width:100%;} 
   .linehome {border-bottom:1px dotted #333333; padding:0 0 17px 0;margin:0 0 20px 0;}   
   
}

@media screen and (max-width:550px) {
   
}

@media screen and (max-width:500px) {
   #bg_slogan_mobile{text-align:center;}
   #home_slogan_mobile{color:#fff; font-size:12px;line-height:16px;font-size:0.75rem; line-height:1.2rem; font-style:italic;width:100%; font-weight:400; padding-top:3px} 
   #footer_content {text-align:left;width:94%}
   #mobile_menu{right:4.5%}
   .referenz_left{ width:72%}
   .referenz_logo{width:25%;}
}