@charset "utf-8";

/* CSS Document */





@font-face {

        font-family: 'DINLIGHT';
        src: url('../font/DINLIGHT.eot');
        src: url('../font/DINLIGHT.eot') format('embedded-opentype'),
        url('../font/DINLIGHT.woff2') format('woff2'),
        url('../font/DINLIGHT.woff') format('woff'),
        url('../font/DINLIGHT.ttf') format('truetype'),
        url('../font/DINLIGHT.svg#DINLIGHT') format('svg');
}

@font-face {

    font-family: 'DINMEDIUM';
    src: url('../font/DINMEDIUM.eot');
    src: url('../font/DINMEDIUM.eot') format('embedded-opentype'),
    url('../font/DINMEDIUM.woff2') format('woff2'),
    url('../font/DINMEDIUM.woff') format('woff'),
    url('../font/DINMEDIUM.ttf') format('truetype'),
    url('../font/DINMEDIUM.svg#DINMEDIUM') format('svg');

}


@media only screen and (min-width : 320px) and (max-width : 480px) {
img{height:auto; max-width:100%;}


.header_top_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2; display:none; }

.destop_menu{margin:18px 0px 18px 300px; padding:0px; height:auto; width:48%; float:left; position:relative; z-index:2; display:none;  }

.responsiv_menu{margin:0px 0px 0px 0px; padding:0px; height:auto; width:94%; float:right; position:relative; z-index:2; display:block; margin-right:3%; margin-left:3%;  }
.menu-container #nav-toggle{margin-top:3px;}

.header_ph_icon_and_number_back{margin:15px 0px 12px 0px; padding:0px 0px 0px 0px; height:auto; width:160px; float:left;/* border-right: 1px solid #646260;*/ margin-left:3%;}
.header_ph_icon{margin:0px; padding:0px; height:16px; width:16px; float:left;}
.header_ph_icon img{width:100%;} 
.header_ph_number{margin:0px 0px 0px 8px; padding:0px; height:auto; width:auto; float:left; font-family: "Open Sans"; font-size:12px; color:#FFFFFF; letter-spacing:0px;}



.banner{margin:-55px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}
.banner img{width:100%;}

.banner_logo_back{margin:-170px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2;}
.banner_logo{margin:0px auto; padding:0px; height:auto; width:280px; }
.banner_logo img{width:100%;}

/***********************about_us_start*******************************/
.about_us_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; background:#fff}
.about_left_img{margin:100px 0px 0px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%}
.about_left_img img{width:100%;}
.about_right_text_back{margin:60px 0px 100px 0px; padding:50px 20px 50px 0px; height:auto; width:90%; float:right; border-top: 7px #e8b61c solid; border-right: 7px #e8b61c solid; border-bottom: 7px #e8b61c solid; box-sizing: border-box; margin-left:5%; margin-right:5%;   }

/***********************dienstleistungen_start*******************************/

.dienstleistungen_left_back{margin:100px 0px 60px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.dienstleistungen_icon_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:100%; float:left;}
.dienstleistungen_icon{margin:0px; padding:0px; height:40px; width:40px; float:left;} 
.dienstleistungen_icon img{width:100%;}
.dienstleistungen_text_back{margin:20px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}

.dienstleistungen_right_img{margin:0px 0px 100px 0px; padding:0px; height:auto; width:90%; float:right; border:4px solid #df341f; box-sizing: border-box; margin-left:5%; margin-right:5%;}
.dienstleistungen_right_img img{width:100%;}

/***********************jobs_start*******************************/

.jobs_bulet_point_heading_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.jobs_bulet_point_heading{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fad31d; text-transform: uppercase; letter-spacing:0px; text-align:center; font-weight:bold; }
.jobs_bulet_point_text{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10.5px; color:#fff; letter-spacing:1.5px; line-height:22px; text-align:center; }

/***********************blechner_start*******************************/

.blechner_heading_text_back{margin:0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.blechner_heading{margin:80px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#fff; letter-spacing:0.5px; font-weight:bolder; text-transform: uppercase;}
.blechner_text{margin:40px 0px 80px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; letter-spacing:1px; text-align:justify; line-height:24px;}

/***********************referenzen_start*******************************/

.referenzen_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}

.all_referenzen_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }

.referenzen_big_img{position: relative;  width:100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box; }
.referenzen_big_img img{width:100%;}

.referenzen_small_img{position: relative; width: 100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img img{width:100%;}

.referenzen_button{margin:0px auto; padding:15px 0px 15px 0px; height:auto; width:170px;  background:#df341f; border:#df341f 3px solid; box-sizing: border-box; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-transform: uppercase; text-align:center; font-weight:bold; color:#000; letter-spacing:1px;  cursor: pointer;}


#content{display:none; float:left; margin-top:40px; width:100%;}
.referenzen_small_img_after_click{position: relative;  width:100%; height:auto; margin:10px 0px 10px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img_after_click img{width:100%;}

.vorher_nacher_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}
.all_vorher_nache_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }
.vorher_nacher_horizontal_img{position: relative; width: 100%; height:auto; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.vorher_nacher_horizontal_img img{width:100%;}


/***********************kontakt_start*******************************/

.kontakt_left_back{margin:100px 0px 0px 0px; padding:5% 5% 5% 5%; height:auto; width:90%; float:left; background-color:rgba(253, 196, 0, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_text{margin:0px 0px 0px 10px; padding:0px; float:left; height:auto; width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1f1c1c; letter-spacing:1.2px;}
.kontakt_right_form_back{margin:0px 0px 100px 0px; padding:6% 5% 6% 5%; height:auto; width:90%; float:left; background-color:rgba(118, 117, 116, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_form_phone_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}
.kontakt_form_email_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}

/***********************inner_page_banner_start*******************************/

.impressum_page_heading1{margin:50px 0px 20px 0px; padding:0px; height:auto; width:90%; float:left; font-family: "Open Sans"; font-size:20px; color:#050505; letter-spacing:0.5px; text-align:left; text-transform: uppercase; margin-left:5%; margin-right:5%;}
.impressum_page_text1{margin:0px 0px 0px 0px; padding:0px; height:auto; width:90%; font-family:"Open Sans"; font-size:13px; color:#383838; float:left; letter-spacing:1px; line-height:20px; text-align:justify; margin-left:5%; margin-right:5%;}

.impressum_page_text1_span_bold{font-weight:bold;}

.web_img{margin:0px 0px 15px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}	


}





@media only screen and (min-width : 481px) and (max-width : 603px) {



.header_top_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2; display:none; }

.destop_menu{margin:18px 0px 18px 300px; padding:0px; height:auto; width:48%; float:left; position:relative; z-index:2; display:none;  }

.responsiv_menu{margin:0px 0px 0px 0px; padding:0px; height:auto; width:94%; float:right; position:relative; z-index:2; display:block; margin-right:3%; margin-left:3%;  }
.menu-container #nav-toggle{margin-top:3px;}

.header_ph_icon_and_number_back{margin:15px 0px 12px 0px; padding:0px 0px 0px 0px; height:auto; width:160px; float:left;/* border-right: 1px solid #646260;*/ margin-left:3%;}
.header_ph_icon{margin:0px; padding:0px; height:16px; width:16px; float:left;}
.header_ph_icon img{width:100%;} 
.header_ph_number{margin:0px 0px 0px 8px; padding:0px; height:auto; width:auto; float:left; font-family: "Open Sans"; font-size:12px; color:#FFFFFF; letter-spacing:0px;}



.banner{margin:-55px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}
.banner img{width:100%;}

.banner_logo_back{margin:-170px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2;}
.banner_logo{margin:0px auto; padding:0px; height:auto; width:280px; }
.banner_logo img{width:100%;}

/***********************about_us_start*******************************/
.about_us_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; background:#fff}
.about_left_img{margin:100px 0px 0px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%}
.about_left_img img{width:100%;}
.about_right_text_back{margin:60px 0px 100px 0px; padding:50px 20px 50px 0px; height:auto; width:90%; float:right; border-top: 7px #e8b61c solid; border-right: 7px #e8b61c solid; border-bottom: 7px #e8b61c solid; box-sizing: border-box; margin-left:5%; margin-right:5%;   }

/***********************dienstleistungen_start*******************************/

.dienstleistungen_left_back{margin:100px 0px 60px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.dienstleistungen_icon_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:100%; float:left;}
.dienstleistungen_icon{margin:0px; padding:0px; height:40px; width:40px; float:left;} 
.dienstleistungen_icon img{width:100%;}
.dienstleistungen_text_back{margin:20px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}

.dienstleistungen_right_img{margin:0px 0px 100px 0px; padding:0px; height:auto; width:90%; float:right; border:4px solid #df341f; box-sizing: border-box; margin-left:5%; margin-right:5%;}
.dienstleistungen_right_img img{width:100%;}

/***********************jobs_start*******************************/

.jobs_bulet_point_heading_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.jobs_bulet_point_heading{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fad31d; text-transform: uppercase; letter-spacing:0px; text-align:center; font-weight:bold; }
.jobs_bulet_point_text{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10.5px; color:#fff; letter-spacing:1.5px; line-height:22px; text-align:center; }

/***********************blechner_start*******************************/

.blechner_heading_text_back{margin:0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.blechner_heading{margin:80px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#fff; letter-spacing:0.5px; font-weight:bolder; text-transform: uppercase;}
.blechner_text{margin:40px 0px 80px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; letter-spacing:1px; text-align:justify; line-height:24px;}

/***********************referenzen_start*******************************/

.referenzen_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}

.all_referenzen_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }

.referenzen_big_img{position: relative;  width:100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box; }
.referenzen_big_img img{width:100%;}

.referenzen_small_img{position: relative; width: 100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img img{width:100%;}

.referenzen_button{margin:0px auto; padding:15px 0px 15px 0px; height:auto; width:170px;  background:#df341f; border:#df341f 3px solid; box-sizing: border-box; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-transform: uppercase; text-align:center; font-weight:bold; color:#000; letter-spacing:1px;  cursor: pointer;}


#content{display:none; float:left; margin-top:40px; width:100%;}
.referenzen_small_img_after_click{position: relative;  width:100%; height:auto; margin:10px 0px 10px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img_after_click img{width:100%;}

.vorher_nacher_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}
.all_vorher_nache_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }
.vorher_nacher_horizontal_img{position: relative; width: 100%; height:auto; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.vorher_nacher_horizontal_img img{width:100%;}

/***********************kontakt_start*******************************/

.kontakt_left_back{margin:100px 0px 0px 0px; padding:5% 5% 5% 5%; height:auto; width:90%; float:left; background-color:rgba(253, 196, 0, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_text{margin:0px 0px 0px 10px; padding:0px; float:left; height:auto; width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1f1c1c; letter-spacing:1.2px;}
.kontakt_right_form_back{margin:0px 0px 100px 0px; padding:6% 5% 6% 5%; height:auto; width:90%; float:left; background-color:rgba(118, 117, 116, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_form_phone_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}
.kontakt_form_email_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}


/***********************inner_page_banner_start*******************************/

.impressum_page_heading1{margin:50px 0px 20px 0px; padding:0px; height:auto; width:90%; float:left; font-family: "Open Sans"; font-size:20px; color:#050505; letter-spacing:0.5px; text-align:left; text-transform: uppercase; margin-left:5%; margin-right:5%;}
.impressum_page_text1{margin:0px 0px 0px 0px; padding:0px; height:auto; width:90%; font-family:"Open Sans"; font-size:13px; color:#383838; float:left; letter-spacing:1px; line-height:20px; text-align:justify; margin-left:5%; margin-right:5%;}

.impressum_page_text1_span_bold{font-weight:bold;}

.web_img{margin:0px 0px 15px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}	


}

	

	

	

	

@media only screen and (min-width : 604px) and (max-width : 768px) {



.header_top_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2; display:none; }

.destop_menu{margin:18px 0px 18px 300px; padding:0px; height:auto; width:48%; float:left; position:relative; z-index:2; display:none;  }

.responsiv_menu{margin:0px 0px 0px 0px; padding:0px; height:auto; width:94%; float:right; position:relative; z-index:2; display:block; margin-right:3%; margin-left:3%;  }
.menu-container #nav-toggle{margin-top:3px;}

.header_ph_icon_and_number_back{margin:15px 0px 12px 0px; padding:0px 0px 0px 0px; height:auto; width:160px; float:left;/* border-right: 1px solid #646260;*/ margin-left:3%;}
.header_ph_icon{margin:0px; padding:0px; height:16px; width:16px; float:left;}
.header_ph_icon img{width:100%;} 
.header_ph_number{margin:0px 0px 0px 8px; padding:0px; height:auto; width:auto; float:left; font-family: "Open Sans"; font-size:12px; color:#FFFFFF; letter-spacing:0px;}



.banner{margin:-55px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}
.banner img{width:100%;}

.banner_logo_back{margin:-170px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2;}
.banner_logo{margin:0px auto; padding:0px; height:auto; width:280px; }
.banner_logo img{width:100%;}

/***********************about_us_start*******************************/
.about_us_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; background:#fff}
.about_left_img{margin:100px 0px 0px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%}
.about_left_img img{width:100%;}
.about_right_text_back{margin:60px 0px 100px 0px; padding:50px 20px 50px 0px; height:auto; width:90%; float:right; border-top: 7px #e8b61c solid; border-right: 7px #e8b61c solid; border-bottom: 7px #e8b61c solid; box-sizing: border-box; margin-left:5%; margin-right:5%;   }

/***********************dienstleistungen_start*******************************/

.dienstleistungen_left_back{margin:100px 0px 60px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.dienstleistungen_icon_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:100%; float:left;}
.dienstleistungen_icon{margin:0px; padding:0px; height:40px; width:40px; float:left;} 
.dienstleistungen_icon img{width:100%;}
.dienstleistungen_text_back{margin:20px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}

.dienstleistungen_right_img{margin:0px 0px 100px 0px; padding:0px; height:auto; width:90%; float:right; border:4px solid #df341f; box-sizing: border-box; margin-left:5%; margin-right:5%;}
.dienstleistungen_right_img img{width:100%;}

/***********************jobs_start*******************************/

.jobs_bulet_point_heading_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.jobs_bulet_point_heading{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fad31d; text-transform: uppercase; letter-spacing:0px; text-align:center; font-weight:bold; }
.jobs_bulet_point_text{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10.5px; color:#fff; letter-spacing:1.5px; line-height:22px; text-align:center; }

/***********************blechner_start*******************************/

.blechner_heading_text_back{margin:0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.blechner_heading{margin:80px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#fff; letter-spacing:0.5px; font-weight:bolder; text-transform: uppercase;}
.blechner_text{margin:40px 0px 80px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; letter-spacing:1px; text-align:justify; line-height:24px;}

/***********************referenzen_start*******************************/

.referenzen_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}

.all_referenzen_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }

.referenzen_big_img{position: relative;  width:100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box; }
.referenzen_big_img img{width:100%;}

.referenzen_small_img{position: relative; width: 100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img img{width:100%;}

.referenzen_button{margin:0px auto; padding:15px 0px 15px 0px; height:auto; width:170px;  background:#df341f; border:#df341f 3px solid; box-sizing: border-box; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-transform: uppercase; text-align:center; font-weight:bold; color:#000; letter-spacing:1px;  cursor: pointer;}


#content{display:none; float:left; margin-top:40px; width:100%;}
.referenzen_small_img_after_click{position: relative;  width:100%; height:auto; margin:10px 0px 10px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img_after_click img{width:100%;}

.vorher_nacher_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}
.all_vorher_nache_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }
.vorher_nacher_horizontal_img{position: relative; width: 100%; height:auto; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.vorher_nacher_horizontal_img img{width:100%;}

/***********************kontakt_start*******************************/

.kontakt_left_back{margin:100px 0px 0px 0px; padding:5% 5% 5% 5%; height:auto; width:90%; float:left; background-color:rgba(253, 196, 0, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_text{margin:0px 0px 0px 10px; padding:0px; float:left; height:auto; width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1f1c1c; letter-spacing:1.2px;}
.kontakt_right_form_back{margin:0px 0px 100px 0px; padding:6% 5% 6% 5%; height:auto; width:90%; float:left; background-color:rgba(118, 117, 116, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_form_phone_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}
.kontakt_form_email_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}


/***********************inner_page_banner_start*******************************/

.impressum_page_heading1{margin:50px 0px 20px 0px; padding:0px; height:auto; width:90%; float:left; font-family: "Open Sans"; font-size:20px; color:#050505; letter-spacing:0.5px; text-align:left; text-transform: uppercase; margin-left:5%; margin-right:5%;}
.impressum_page_text1{margin:0px 0px 0px 0px; padding:0px; height:auto; width:90%; font-family:"Open Sans"; font-size:13px; color:#383838; float:left; letter-spacing:1px; line-height:20px; text-align:justify; margin-left:5%; margin-right:5%;}

.impressum_page_text1_span_bold{font-weight:bold;}

.web_img{margin:0px 0px 15px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}	


}	

	

	

@media only screen and (min-width : 769px) and (max-width : 959px) {





.header_top_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2; display:none; }

.destop_menu{margin:18px 0px 18px 300px; padding:0px; height:auto; width:48%; float:left; position:relative; z-index:2; display:none;  }

.responsiv_menu{margin:0px 0px 0px 0px; padding:0px; height:auto; width:94%; float:right; position:relative; z-index:2; display:block; margin-right:3%; margin-left:3%;  }
.menu-container #nav-toggle{margin-top:3px;}

.header_ph_icon_and_number_back{margin:15px 0px 12px 0px; padding:0px 0px 0px 0px; height:auto; width:160px; float:left;/* border-right: 1px solid #646260;*/ margin-left:3%;}
.header_ph_icon{margin:0px; padding:0px; height:16px; width:16px; float:left;}
.header_ph_icon img{width:100%;} 
.header_ph_number{margin:0px 0px 0px 8px; padding:0px; height:auto; width:auto; float:left; font-family: "Open Sans"; font-size:12px; color:#FFFFFF; letter-spacing:0px;}



.banner{margin:-55px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}
.banner img{width:100%;}

.banner_logo_back{margin:-170px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2;}
.banner_logo{margin:0px auto; padding:0px; height:auto; width:280px; }
.banner_logo img{width:100%;}

/***********************about_us_start*******************************/
.about_us_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; background:#fff}
.about_left_img{margin:100px 0px 0px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%}
.about_left_img img{width:100%;}
.about_right_text_back{margin:60px 0px 100px 0px; padding:50px 20px 50px 0px; height:auto; width:90%; float:right; border-top: 7px #e8b61c solid; border-right: 7px #e8b61c solid; border-bottom: 7px #e8b61c solid; box-sizing: border-box; margin-left:5%; margin-right:5%;   }

/***********************dienstleistungen_start*******************************/

.dienstleistungen_left_back{margin:100px 0px 60px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.dienstleistungen_icon_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:100%; float:left;}
.dienstleistungen_icon{margin:0px; padding:0px; height:40px; width:40px; float:left;} 
.dienstleistungen_icon img{width:100%;}
.dienstleistungen_text_back{margin:20px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}

.dienstleistungen_right_img{margin:0px 0px 100px 0px; padding:0px; height:auto; width:90%; float:right; border:4px solid #df341f; box-sizing: border-box; margin-left:5%; margin-right:5%;}
.dienstleistungen_right_img img{width:100%;}

/***********************jobs_start*******************************/

.jobs_bulet_point_heading_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.jobs_bulet_point_heading{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fad31d; text-transform: uppercase; letter-spacing:0px; text-align:center; font-weight:bold; }
.jobs_bulet_point_text{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10.5px; color:#fff; letter-spacing:1.5px; line-height:22px; text-align:center; }

/***********************blechner_start*******************************/

.blechner_heading_text_back{margin:0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.blechner_heading{margin:80px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#fff; letter-spacing:0.5px; font-weight:bolder; text-transform: uppercase;}
.blechner_text{margin:40px 0px 80px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; letter-spacing:1px; text-align:justify; line-height:24px;}

/***********************referenzen_start*******************************/

.referenzen_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}

.all_referenzen_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }

.referenzen_big_img{position: relative;  width:100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box; }
.referenzen_big_img img{width:100%;}

.referenzen_small_img{position: relative; width: 100%; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img img{width:100%;}

.referenzen_button{margin:0px auto; padding:15px 0px 15px 0px; height:auto; width:170px;  background:#df341f; border:#df341f 3px solid; box-sizing: border-box; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-transform: uppercase; text-align:center; font-weight:bold; color:#000; letter-spacing:1px;  cursor: pointer;}


#content{display:none; float:left; margin-top:40px; width:100%;}
.referenzen_small_img_after_click{position: relative;  width:100%; height:auto; margin:10px 0px 10px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.referenzen_small_img_after_click img{width:100%;}

.vorher_nacher_heading h1{margin:70px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:26px; color:#332c2c; text-align:center; letter-spacing:0.5px; text-transform: uppercase; font-weight:bold;}
.all_vorher_nache_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%; }
.vorher_nacher_horizontal_img{position: relative; width: 100%; height:auto; margin:15px 0px 15px 0px; float:left; border:#df341f 1px solid; box-sizing: border-box;}
.vorher_nacher_horizontal_img img{width:100%;}

/***********************kontakt_start*******************************/

.kontakt_left_back{margin:100px 0px 0px 0px; padding:5% 5% 5% 5%; height:auto; width:90%; float:left; background-color:rgba(253, 196, 0, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_text{margin:0px 0px 0px 10px; padding:0px; float:left; height:auto; width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#1f1c1c; letter-spacing:1.2px;}
.kontakt_right_form_back{margin:0px 0px 100px 0px; padding:6% 5% 6% 5%; height:auto; width:90%; float:left; background-color:rgba(118, 117, 116, 0.8); box-sizing: border-box;  margin-left:5%; margin-right:5%;}
.kontakt_form_phone_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}
.kontakt_form_email_input{margin:8px 0px 8px 0px; padding:0px 0px 0px 7px; height:35px; width:99%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#323232; background:#FFFFFF; border-radius: 3px; letter-spacing:1.5px; border:none;}

/***********************inner_page_banner_start*******************************/

.impressum_page_heading1{margin:50px 0px 20px 0px; padding:0px; height:auto; width:90%; float:left; font-family: "Open Sans"; font-size:20px; color:#050505; letter-spacing:0.5px; text-align:left; text-transform: uppercase; margin-left:5%; margin-right:5%;}
.impressum_page_text1{margin:0px 0px 0px 0px; padding:0px; height:auto; width:90%; font-family:"Open Sans"; font-size:13px; color:#383838; float:left; letter-spacing:1px; line-height:20px; text-align:justify; margin-left:5%; margin-right:5%;}

.impressum_page_text1_span_bold{font-weight:bold;}

.web_img{margin:0px 0px 15px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}	


	}

	

	

	

	

@media only screen and (min-width : 960px) and (max-width : 1024px) {





.header_top_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2; display:none; }

.header_ph_icon_and_number_back{margin:15px 0px 12px 0px; padding:0px 0px 0px 0px; height:auto; width:160px; float:left;  margin-left:3%;}
.header_ph_icon{margin:0px; padding:0px; height:16px; width:16px; float:left;}
.header_ph_icon img{width:100%;} 
.header_ph_number{margin:0px 0px 0px 8px; padding:0px; height:auto; width:auto; float:left; font-family: "Open Sans"; font-size:12px; color:#FFFFFF; letter-spacing:0px;}


.destop_menu{margin:12px 0px 10px 0px; padding:0px; height:auto; width:62%; float:right;  display:block; margin-right:2%;   }
.destop_menu ul{margin:0px; padding:0px; height:auto; width:auto;}
.destop_menu ul li{margin:0px; padding:10px 15px 10px 15px; height:auto; width:auto; font-family:"Open Sans"; font-size:11px; display:inline-block; color:#fff; letter-spacing:1px; text-transform: uppercase; }
.destop_menu ul li a{ text-decoration:none; color:#000;}


.banner{margin:-55px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left;}
.banner img{width:100%;}

.banner_logo_back{margin:-170px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; position:relative; z-index:2;}
.banner_logo{margin:0px auto; padding:0px; height:auto; width:280px; }
.banner_logo img{width:100%;}


/***********************about_us_start*******************************/
.about_us_wreper{margin:0px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; background:#fff}
.about_left_img{margin:130px 0px 0px 0px; padding:0px; height:auto; width:40%; float:left; margin-left:5%;}
.about_left_img img{width:100%;}
.about_right_text_back{margin:80px 0px 100px 0px; padding:50px 20px 50px 0px; height:auto; width:45%; float:right; border-top: 7px #e8b61c solid; border-right: 7px #e8b61c solid; border-bottom: 7px #e8b61c solid; box-sizing: border-box;  margin-right:5%;   }

/***********************dienstleistungen_start*******************************/

.dienstleistungen_left_back{margin:100px 0px 60px 0px; padding:0px; height:auto; width:42%; float:left; margin-left:5%; }
.dienstleistungen_text_back{margin:0px 0px 0px 30px; padding:0px; height:auto; width:75%; float:left;}
.dienstleistungen_heading h1{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:15px; color:#fff; text-align:left; letter-spacing:1px; text-transform: uppercase; font-weight:bold;}
.dienstleistungen_text{margin:20px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:"Open Sans"; font-size:11.5px; color:#fff; text-align:left; text-align:justify; letter-spacing:0.5px; line-height:20px;}

.dienstleistungen_right_img{margin:150px 0px 130px 0px; padding:0px; height:auto; width:42%; float:right; border:4px solid #df341f; box-sizing: border-box; margin-right:5%;}
.dienstleistungen_right_img img{width:100%;}



/***********************jobs_start*******************************/

.jobs_bulet_point_heading_text_back{margin:30px 0px 30px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.jobs_bulet_point_heading{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fad31d; text-transform: uppercase; letter-spacing:0px; text-align:center; font-weight:bold; }
.jobs_bulet_point_text{margin:0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10.5px; color:#fff; letter-spacing:1.5px; line-height:22px; text-align:center; }

/***********************blechner_start*******************************/

.blechner_heading_text_back{margin:0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}
.blechner_heading{margin:80px 0px 0px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#fff; letter-spacing:0.5px; font-weight:bolder; text-transform: uppercase;}
.blechner_text{margin:40px 0px 80px 0px; padding:0px; height:auto; width:100%; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; letter-spacing:1px; text-align:justify; line-height:24px;}



/***********************referenzen_start*******************************/

.all_referenzen_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:94%; float:left; margin-left:3%; margin-right:3%; }

.all_vorher_nache_back{margin:50px 0px 80px 0px; padding:0px; height:auto; width:94%; float:left; margin-left:3%; margin-right:3%; }


/***********************kontakt_start*******************************/

.kontakt_left_back{margin:100px 0px 0px 0px; padding:5% 5% 5% 5%; height:auto; width:45%; float:left; background-color:rgba(253, 196, 0, 0.8); box-sizing: border-box;  margin-left:5%;}
.kontakt_right_form_back{margin:100px 0px 0px 0px; padding:6% 5% 6% 5%; height:auto; width:45%; float:left; background-color:rgba(118, 117, 116, 0.8); box-sizing: border-box;  margin-right:5%;}








/***********************inner_page_banner_start*******************************/

.impressum_page_heading1{margin:50px 0px 20px 0px; padding:0px; height:auto; width:90%; float:left; font-family: "Open Sans"; font-size:20px; color:#050505; letter-spacing:0.5px; text-align:left; text-transform: uppercase; margin-left:5%; margin-right:5%;}
.impressum_page_text1{margin:0px 0px 0px 0px; padding:0px; height:auto; width:90%; font-family:"Open Sans"; font-size:13px; color:#383838; float:left; letter-spacing:1px; line-height:20px; text-align:justify; margin-left:5%; margin-right:5%;}

.impressum_page_text1_span_bold{font-weight:bold;}

.web_img{margin:0px 0px 15px 0px; padding:0px; height:auto; width:90%; float:left; margin-left:5%; margin-right:5%;}	

	

	}