@font-face {
    font-family: 'open_sansCnLtIt';
    src: url('/font/OpenSans-CondLightItalic-webfont.eot');
    src: url('/font/OpenSans-CondLightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/OpenSans-CondLightItalic-webfont.woff2') format('woff2'),
         url('/font/OpenSans-CondLightItalic-webfont.woff') format('woff'),
         url('/font/OpenSans-CondLightItalic-webfont.ttf') format('truetype'),
         url('/font/OpenSans-CondLightItalic-webfont.svg#open_sansCnLtIt') format('svg');
    font-weight: normal;
    font-style: normal;
}
    @font-face {
        font-family: 'open_sanscondensed_light';
        src: url('/font/OpenSans-CondLight-webfont.eot');
        src: url('/font/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
             url('/font/OpenSans-CondLight-webfont.woff2') format('woff2'),
             url('/font/OpenSans-CondLight-webfont.woff') format('woff'),
             url('/font/OpenSans-CondLight-webfont.ttf') format('truetype'),
             url('/font/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    

    @font-face {
        font-family: 'open_sans_condensedbold';
        src: url('/font/OpenSans-CondBold-webfont.eot');
        src: url('/font/OpenSans-CondBold-webfont.eot?#iefix') format('embedded-opentype'),
             url('/font/OpenSans-CondBold-webfont.woff2') format('woff2'),
             url('/font/OpenSans-CondBold-webfont.woff') format('woff'),
             url('/font/OpenSans-CondBold-webfont.ttf') format('truetype'),
             url('/font/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }
    

@font-face {
    font-family: 'MeinCustomFont';
    src: url('font/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'MeinCustomFont';
    src: url('/font/font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    font-family: "open_sanscondensed_light", sans-serif;
}


#hero{
    background:url(/img/bg.png);
    background-size:cover;
    padding:100px 0px;
    margin-bottom:50px;
}
#hero h1,
#hero p{
    color:white;
    font-weight:700;
    font-size:24px;
  
}

#hero h1{
    font-weight:700;
    font-size:100px;
    font-family: 'open_sans_condensedbold', serif;

}
#hero h1 small{
    font-size:30px;
    
}

h1,h2,h3,p,a {
 color:#384E61;  


}
h1,h2,h3,h4{
    font-family: 'open_sans_condensedbold', serif;
}
h1{
    font-size:60px;
}
h2{font-size:40px;font-weight:700}

#eco{
    margin-top:100px;
    margin-bottom:100px;
}

#eco img, #acc img{
    box-shadow:0px 0px 20px #eee;
}
footer a{
    display:inline-block;
    padding:20px;
}
footer{
    text-align:center;
}


#logo{
    width:400px;
    max-width:80%;
}

.orange{
    color:#ffaa06;
    font-weight:bold;
    font-size:40px;
}

p,a,strong{
    font-size:20px;
}

#slogan{
    width:400px;
    float:right;
    color:#fff;
    font-weight:bold;
    font-size:23px;
}
#slogan img{
    width:70px;
    margin-right:20px;
}
.line{
    width:2px;height:70px;background:#fff;
    display:inline-block;
    position:absolute;


}

.text{
    margin-left:30px;
}


#contact{
    padding-bottom:60px;
}
.contactbox img{
    width:200px;
    float:left;
    margin-right:20px;
}
.contactbox .daten{
    padding-top:60px;
    margin-left:250px;
    display:block;
}
.contactbox ul{
    list-style:none;
    padding:0px;
    
}



/* prettier-ignore */
@media (max-width:1199px) {

}

/* prettier-ignore */
@media (max-width:991px) {
    #acc img,#eco img {margin-bottom:50px;}
}

/* prettier-ignore */
@media (max-width:767px) {
     main section.cookie_section h3 {height: 47px;line-height: 47px;font-size: 30px;margin-bottom: 15px;}
    }

/* prettier-ignore */
@media (max-width:540px) {
    #myCookie {width: auto;margin: 0;left: 15px;bottom: 15px;right: 15px;}
    #myCookie div.cookieinfo p {font-size: 14px;line-height: 1.4;}
    .cookie_section h3 {height: 47px;line-height: 1em;font-size: 21px;margin-bottom: 15px;width: 50%;display: flex;align-items: center;}
    .cookie_section .cookie-pad {padding-left: 15px;}
    .cookie_section .col-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .cookie_section .col-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .cookie_switch {right: auto;left: 0;top: -10px;}
    h2.cookie-info-headline {margin-bottom: 25px;}
}