body,input,textarea{font-family:Lato,sans-serif}body,html{height:100%}a,body{color:#000}p,ul{line-height:26px}.center,q{margin:0 auto;text-align:center}#right_col_wrap,.center,q{text-align:center}.footer_box:hover,input.submit:hover{cursor:pointer}#caption,.achiev_box_left,.form-field,.left_form,.right_form,input,textarea{box-sizing:border-box}*{margin:0;padding:0}body{font-size:100%;-webkit-text-size-adjust:100%}img{border:0}.left{float:left}

.right{float:right}
#right_col {
    float: right;
   
}
#privacy_bar {
    position: relative;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    background-color: #bd5b1a;
    color: #fff;
    clear: both;
}
#privacy_bar a {
    color: #fff;
}
#privacy_bar a:hover {
    text-decoration: underline;
}


.clear{clear:both}.center{display:block}.hidden_loader{display:none;width:0;height:0}q,ul#nav{display:block}a{text-decoration:none}.mark,q{color:#bd5b1a}h1,h2,h3,h4,h5,h6{margin-bottom:10px}p{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;text-align:justify}#caption h1,ul{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}ul{margin-left:16px;hyphens:auto}q{padding:60px 0;font-size:34px;line-height:38px;width:80%}#std_site .content,.inner{padding:60px}.mark{font-weight:700}.font_light{font-weight:400}.outer_content{width:70%}.content.top_fixed{margin-top:62px}.orange_line{width:140px;height:2px;background:#bd5b1a;margin:20px 0}.center .orange_line{margin:0 auto}.background{position:relative;width:100%;height:100%;top:0;left:0;z-index:-1}#nav a li,#nav a li:hover{position:relative;font-weight:700;z-index:4}#left_col{float:left;height:100%;width:calc(100% - 300px)}#right_col{background:#fff;width:300px;height:100%;margin-left:calc(100% - 300px);position:fixed;border-left:2px solid #ededed;-webkit-transform:translateZ(5px);-moz-transform:translateZ(5px);-o-transform:translateZ(5px);transform:translateZ(5px);z-index:5}#right_col_wrap{width:100%;}#right_col img{margin-top:60px;margin-bottom:60px}#right_col_contact{text-align:left;margin:0 auto;width:180px}#right_col_contact .left.sec{margin-left:4px}#right_col span{display:block;font-size:18px;font-weight:700;margin-bottom:-10px;text-align:left}ul#nav{list-style-type:none;margin-left:0}#nav a li{-webkit-transform:translateZ(4px);-moz-transform:translateZ(4px);-o-transform:translateZ(4px);transform:translateZ(4px);margin:0 auto;text-align:left;color:#000;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}#nav a li:hover{-webkit-transform:translateZ(4px);-moz-transform:translateZ(4px);-o-transform:translateZ(4px);transform:translateZ(4px);background-image:url(../images/nav_arrow.png);background-size:420px 60px;background-repeat:no-repeat;color:#fff;margin:0 0 0 -40px}.svg #nav a li:hover{background-image:url(../images/nav_arrow.svg)}#nav a li.active{color:#bd5b1a}#caption,#nav a li.active:hover,.link_btn a{color:#fff}.nav_elem{display:inline-block;height:60px;width:175px;line-height:60px;padding-left:60px}#nav_btn{display:none}

#caption{
    display:table;
    position:absolute;
    width:calc(100% - 300px);
    text-align:center;
}
    
#caption div.inner_caption{
    display:table-cell;
    vertical-align:middle;
    padding:40px;
    background-image:url(../images/caption_background.png);
    height:auto}
    
#caption .line{
    height:2px;
    width:500px;
    background:#fff;
    margin:40px auto
}

#caption h1{
    display:block;
    font-size: 32px; 
    text-transform: uppercase; 
    font-weight: 600;
    hyphens:auto
}
#caption h2 {
    display: block;
    font-size: 18px;
    font-weight: 200;
    hyphens: auto;
}

#caption span{font-size:26px;line-height:32px;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

#footer{
    height:160px;
    background:#fff;
    margin-top:-280px;
    position:relative;
    -webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
    z-index:1}

.footer_box{
    position:relative;
    -webkit-transform:translateZ(3px);
    -moz-transform:translateZ(3px);
    -o-transform:translateZ(3px);
    transform:translateZ(3px);
    z-index:3;
    color:#fff;
    text-align:center;
    width:50%;
    width:calc(100%/2);
    height:180px;
    padding-top:40px;
    float:left;
    background:center center no-repeat #000;
    background-size:cover;
    overflow:hidden}

.footer_box h2{
    font-size: 16px;
    margin-top:110px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
}

.footer_box_text,.icon_box{
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    text-align:center;
}
    
.footer_box:hover h2{
    margin-top:-10px
}
.icon_box{width:100%;padding-top:30px;position:absolute;z-index:2;transition:all .5s ease-in-out}.icon_box img{width:97px;height:60px}.footer_box:hover .icon_box{margin-top:-100%}

.footer_box_text{
    width:70%;
    display:none;
    margin:0 auto 20px;
    transition:all .5s ease-in-out}
    
.footer_box_text p{font-size:14px;text-align:center}

.footer_box_text_line{width:50%;height:1px;background:#fff;margin:20px auto}.link_btn{font-size:16px;margin:0 auto;width:150px;height:20px;line-height:20px;padding:5px;border:2px solid #fff;display:none;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.fehler-div,input,textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}#top_bar a,#top_bar_mobile a,.top_bar_box{color:#bd5b1a}.link_btn:hover{background:#bd5b1a}.footer_box:nth-child(2) .link_btn:hover{background:#000}.footer_box:hover .footer_box_text,.footer_box:hover .link_btn{display:block}



.mark_bg {
    background-color: #bd5c1a;
}

#std_site.leistungen .content{padding:60px 60px 60px 0}#top_bar{position:fixed;width:calc(100% - 300px);background:#fff}#top_bar_mobile{display:none}.top_bar_box{height:60px;border-bottom:2px solid #ededed;text-align:center;line-height:60px;width:20%;width:calc(100%/5);float:left}.top_bar_box:nth-child(1),.top_bar_box:nth-child(2),.top_bar_box:nth-child(3),.top_bar_box:nth-child(4){background-image:url(../images/top_box_arrow.png);background-size:33px 62px;background-repeat:no-repeat;background-position:center right}.svg .top_bar_box:nth-child(1),.svg .top_bar_box:nth-child(2),.svg .top_bar_box:nth-child(3),.svg .top_bar_box:nth-child(4){background-image:url(../images/top_box_arrow.svg)}.top_bar_box h2{font-size:18px}.achiev_box{margin-bottom:120px}.achiev_box:nth-child(1){padding-top:62px}.achiev_box_left{float:left;width:40%;padding-right:5%}.achiev_box_left img{width:100%}.achiev_box_right{float:left;width:60%}.achiev_box_right h1{margin:20px 0}.achiev_box_right h2{font-size:16px;font-weight:400}.achiev_box_right p{margin-bottom:20px}.achiev_box_right img{width:97px;height:auto}.contact_top{height:300px;padding-top:100px;background-image:url(../images/background/bg-4.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:-150px center;width:100%}.contact_top img{display:block;margin:0 auto}.contact_box{position:fixed;margin:0 0 60px;text-align:center;width:calc(100% - 300px)}

#left_contact,#right_contact{
    box-sizing:border-box;float:left;width:50%;height:230px
}
#left_contact{
    background:#ededed;padding:0 60px;display:table
}
#left_contact h2{
    display:table-cell;vertical-align:middle
}
#right_contact{
    color:#fff;background:url(../images/arrow_right_grey.png) -1px center no-repeat #bd5b1a;padding:35px 60px;background-size:32px 60px}.svg #right_contact{background-image:url(../images/arrow_right_grey.svg)}

.form_box{
    text-align:center;margin-bottom:120px
}
.form_box .orange_line{
    margin:40px auto;width:200px
}


form{
    width:100%;
    margin:0 auto
}
.checkbox_field {
    width: 70%;
    margin: 0 auto;
}
input,textarea{
    font-size:16px;padding:15px;background:#ededed;border:none;transition:all .3s ease-in-out
}
input{
    width:70%;
    height:55px
}
input.checkbox {
    width: 30px;
    height: 40px;
    float: left;
    margin-bottom: 45px;
    margin-top: -5px;
    margin-right: 10px;
}
textarea{
    margin:0 auto 20px;
    min-height:200px;
    height:auto;
    width:70%;
    width:calc(70% + 10px)
}
input.submit{
    font-size:16px;width:180px;height:auto;letter-spacing:2px
}
input:focus,input:hover,textarea:focus,textarea:hover{
    background:#424242;color:#fff
}
.form-field{
    margin-bottom:20px
}
.left_form,.right_form{
    float:left;width:50%
}
.left_form{
    padding-right:10px;text-align:right
}
.right_form{
    padding-left:10px;text-align:left
}



.fehler-div,.mail_success{font-family:Lato,sans-serif;width:70%;border-left:4px solid #bd5b1a;border-right:4px solid #bd5b1a;padding-left:20px;box-sizing:border-box}.fehler-div{transition:all .3s ease-in-out;text-align:left;margin:20px auto 0}.mail_success{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;margin:60px auto 0;font-size:28px}.fehler{text-align:left;color:#bd5b1a}#imp_cont{margin:60px 0}.imp{margin-bottom:60px}.unternehmen .outer_content.first,.unternehmen .outer_content.sec{display:table;text-align:center;color:#fff;height:400px;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%}.unternehmen .outer_content.first{background-image:url(../images/background/bg-3.jpg)}.unternehmen .outer_content.sec{background-image:url(../images/background/bg-2.jpg)}.unternehmen .outer_content h2{display:table-cell;vertical-align:middle;font-size:48px;padding:0 60px}.left_imp,.right_imp{padding:20px;width:50%;height:300px}.left_imp{float:left;background:#bd5b1a}.right_imp{float:right;background:#fff}.unternehmen img.center{width:100%;max-width:1323px}.ref_box_img,.ref_box_txt{width:33.3333333334%;height:400px;float:left}.ref_box_txt{display:table;text-align:center;background:#ededed;color:#000}.ref_box_img{box-sizing:border-box;padding:60px}.ref_box_img p{text-align:left}.ref_box_img img{width:27px;height:40px;float:left;margin-right:20px}.ref_location{float:left;display:block;height:40px;line-height:40px;margin-bottom:20px}.ref_box_txt h2{display:table-cell;vertical-align:middle;font-size:34px}.ref_box_txt:hover h2{color:#bd5b1a}.ref_box_info .orange_line{margin:0 auto}

.bg_container {
    width: 103px; 
    height: 130px; 
    margin: 0 auto;
    background-size: cover; 
    background-repeat: no-repeat;
}

.bg_container_1 {
    background-image: url(../images/logo-2025-weiss.png);
}
.bg_container_2 {
    background-image: url(../images/logo-2025-weiss-grau.png);
}
.bg_container_3 {
    background-image: url(../images/logo-2025-weiss-grau.png);
}
.bg_container_4 {
    background-image: url(../images/logo-2025-weiss.png);
}

.footer_box_1 {
    background-color: #3d3e3c;
}
.footer_box_2 {
    background-color: #bd5b1a;
}
.footer_box_3 {
    background-color: #bd5b1a;
}
.footer_box_4 {
    background-color: #3d3e3c;
}



@media screen and (max-width:1475px){
    #caption .line{width:300px;margin-top:30px;margin-bottom:30px;}
    #caption span{font-size:22px;line-height:28px}

    .footer_box_text p{font-size:18px}
    .top_bar_box h2{font-size:16px}
}
    
@media screen and (max-width:1390px){
    .footer_box_text p{font-size:16px;line-height:20px}
}
    
@media screen and (max-width:1240px){
    #top_bar,ul#nav{display:none}
    .background{height:800px}
    #caption{width:100%;margin-top:190px}
    
#right_col,
#top_bar_mobile{
    border-bottom:2px solid #ededed
}
#caption .line{
    margin:30px auto;
    width:50%
}

#left_col,
#right_col{
    float:none;width:100%
}
#right_col {

}
#footer{
    height:220px;margin-top:-100px
}
#right_col{
    margin-left:0;height:auto;border-left:none
}
#right_col_wrap{
    margin-bottom:0;padding:17px
}
#std_site #left_col{margin-top:95px}
#std_site #right_col{margin-top:-97px}
.fullsize,.minsize{-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out}
#right_col .nav_btn_img.fullsize{width:50px;height:34px;margin:0;float:left}
#right_col .nav_btn_img.minsize{width:30px;height:20px;margin:0;float:left}
#right_col img.fullsize{margin-top:0;margin-bottom:0;margin-right:30px;width:75px;float:right}
#right_col img.minsize{margin-top:0;margin-bottom:0;margin-right:40px;width:50px;float:right}
#right_col_contact{display:inline-block;margin:0 auto 0 30px;text-align:center;width:auto}
#right_col span.fullsize{text-align:center}
#right_col span.minsize{text-align:center;font-size:14px;font-weight:700}
#nav_btn,#right_col div.fullsize{text-align:left}
#right_col div.minsize{font-size:10px}
#right_col div.sec.minsize{float:right}
ul#nav{width:170px;position:absolute;z-index:6;background:#fff}
#nav a li:hover{background-image:none;margin-left:0}
#nav a li.active:hover{color:#000}
.nav_elem{box-sizing:border-box;width:100%;padding-left:20px;height:40px;line-height:40px}
.nav_elem:hover{color:#fff;background:#bd5b1a}
#nav_btn{float:left;height:auto;display:block}
#nav_btn img{width:50px;height:34px;margin:0}
#top_bar_mobile{margin-top:-30px;margin-bottom:30px;display:block;width:100%;width:calc(100% + 60px);background:#fff}
.top_bar_box{border-bottom:none}
.contact_top{background-position:center center}
}

@media screen and (max-width:1091px){
    #right_contact,.ref_box_txt{background-size:60px 32px;background-position:center -1px}
    .ref_box_img,.ref_box_img p{text-align:center}
    #left_contact,#right_contact{float:none;width:100%;text-align:center}
    #right_contact{height:auto;padding:60px;background-image:url(../images/arrow_down_grey.png)}
    .svg #right_contact{background-image:url(../images/arrow_down_grey.svg)}
    .ref_box_txt{float:none;width:100%;height:200px;background-image:url(../images/arrow_down_white.png);background-repeat:no-repeat}
    .svg .ref_box_txt{background-image:url(../images/arrow_down_white.svg)}
    .ref_box_img{box-sizing:border-box;float:none;width:100%;height:auto;padding-left:20px 60px 20px 0}
    .ref_box_img img{margin:0 auto;float:none}
    .ref_box_img img:after{content:"<br>"}
    .ref_location{float:none;height:auto!important;line-height:auto!important}
    .ref_box_img .orange_line{margin:20px auto}
}

@media screen and (max-width:1060px){
    .achiev_box_left,.achiev_box_right{float:none;width:100%;text-align:center}
    .achiev_box_left,.achiev_box_right,.achiev_box_right h1,.achiev_box_right h2{text-align:center}
    #std_site.leistungen .content{padding:60px 0}
    #std_site.kontakt .content,#std_site.unternehmen .content{padding:60px 25px}
    #top_bar_mobile{width:100%}
    .top_bar_box h2{font-size:12px}
    .achiev_box{margin-bottom:90px}
    .achiev_box_left{padding-right:0;margin-bottom:60px}
    .achiev_box_left img{max-width:500px}
    .achiev_box_right{box-sizing:border-box;padding:60px 25px;margin-top:-80px}
    .achiev_box_right img{margin:0 auto}
    .achiev_box_right .orange_line{margin:20px auto}
    .achiev_box_right ul{text-align:left}
}

@media screen and (max-width:980px){
    #caption{margin-top:230px}
    #caption h1{font-size:40px}
    #caption .line{margin-top:20px;margin-bottom:20px}
    #caption span{font-size:18px;line-height:24px}
}

@media screen and (max-width:910px){
    .background{height:600px}
    #caption{margin-top:200px}
    .footer_box_text p{font-size:14px;line-height:18px}
}

@media screen and (max-width:820px){
    #top_bar_mobile{display:none}
    .footer_box{width:100%;float:none}
    input,textarea{width:90%}
    .footer_box_text p{font-size:18px;line-height:24px}
    textarea{width:calc(90% + 10px)}

    .bg_container_1 {
        background-image: url(../images/logo-2025-weiss.png);
    }
    .bg_container_2 {
        background-image: url(../images/logo-2025-weiss-grau.png);
    }
    .bg_container_3 {
        background-image: url(../images/logo-2025-weiss.png);
    }
    .bg_container_4 {
        background-image: url(../images/logo-2025-weiss-grau.png);
    }
    
    .footer_box_1 {
        background-color: #3d3e3c;
    }
    .footer_box_2 {
        background-color: #bd5b1a;
    }
    .footer_box_3 {
        background-color: #3d3e3c;
    }
    .footer_box_4 {
        background-color: #bd5b1a;
    }

}

@media screen and (max-width:640px){
    #std_site.leistungen .content{padding:0}
    .achiev_box:nth-child(1){padding-top:0}
    .achiev_box_left img{max-width:100%}
    .unternehmen .outer_content.first,.unternehmen .outer_content.sec{height:300px}
    .unternehmen .outer_content h2{font-size:36px}q{padding:20px 0;font-size:24px;line-height:34px}
    input,input.submit,textarea{width:100%}
    .left_form,.right_form{float:none;width:100%;padding-right:0;padding-left:0}
    #caption h1{font-size:30px}
    #caption span{font-size:14px;line-height:20px}
}

@media screen and (max-width:510px){
    #caption div.inner_caption {
        padding:10px 20px;
    }

    content p,.content ul{font-size:14px}
}

@media screen and (max-width:460px){
    #right_col .nav_btn_img.fullsize{
        width:30px;height:20px
    }
    #right_col .nav_btn_img.minsize{
        width:20px;height:13px
    }
    #right_col img.fullsize{
        width:50px
    }
    #right_col img.minsize{width:30px}
    #right_col span.fullsize{font-size:14px}
    #right_col div.fullsize{font-size:12px}
    #right_col div.minsize{font-size:8px}

}

@media screen and (max-width:425px){
    .achiev_box_right h1,.ref_box_txt h2,.unternehmen .outer_content h2,h1{font-size:24px}
    .unternehmen .outer_content.first,.unternehmen .outer_content.sec{height:200px}
    #caption h1{font-size:20px}
    #caption span{font-size:14px;line-height:20px}
}

@media screen and (max-width:360px){
    #right_col_contact{display:none}
    .footer_box_text p{font-size:14px}
    q{font-size:16px;line-height:26px}
    #right_contact{font-size:14px}
    #right_contact h3{-moz-hyphens:none;-o-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;margin-bottom:0;font-size:16px}
    .unternehmen h1,.unternehmen h2{-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}}