@font-face {
	font-family:'BeirutDisplayWeb';
	src: url('../fonts/BeirutDisplayWeb-Bold.eot');
	src: url('../fonts/BeirutDisplayWeb-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/BeirutDisplayWeb-Bold.woff2') format('woff2'),
         url('../fonts/BeirutDisplayWeb-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
    font-family:'regular';
    src: url('../fonts/hkgrotesk-regular-webfont.eot');
    src: url('../fonts/hkgrotesk-regular-webfont.eot?#iefix') format('embedded-opentype'),      
         url('../fonts/hkgrotesk-regular-webfont.woff') format('woff'),
         url('../fonts/hkgrotesk-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'bold';
    src: url('../fonts/hkgrotesk-bold-webfont.eot');
    src: url('../fonts/hkgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'),        
         url('../fonts/hkgrotesk-bold-webfont.woff') format('woff'),
         url('../fonts/hkgrotesk-bold-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

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

*{padding:0;margin:0;}

html,body{font-family:'regular';font-style:normal;font-weight:normal;font-size:18px;line-height:1.5;background-color:#fff;color:#202020;-webkit-overflow-scrolling:touch;}
html,body,button,input,textarea{-webkit-font-smoothing:antialiased;}

strong,b{font-family:'bold';font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,.h1{padding:0;margin:0;}
p{font-size:1em;line-height:1.5;}
p a,p a:hover,p a:focus,p a:visited{text-decoration:none;color:inherit;}
a:focus,button:focus,input:focus,select:focus,textarea:focus,select{outline:0 !important;}
a,a:hover,a:visited,a:focus{text-decoration:none;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;-o-transition:color 1s ease; transition:color 1s ease;}
p i,p em{font-family:'regular';font-weight:normal;font-style:normal;}
p u{font-weight:normal;font-style:normal;text-decoration:underline;color:inherit;}

img.responsive-img{width:100%;height:auto;}

h1,h2,h3,h4,h5,.mail-button,p.footer-phone{font-family:'BeirutDisplayWeb';font-weight:700;font-style:normal;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-font-feature-settings:"kern" 1;-ms-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;-webkit-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning: normal;font-feature-settings: "liga" on;font-feature-settings: "dlig" off;font-feature-settings: "onum" off;font-feature-settings: "lnum" off;font-feature-settings: "ss01" off;}

h1,h2,h3,h4,h5{text-align:center;}

@media (max-width: 767px) {
html,body{font-size:15px;}	
}


::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:200;}

/* PACE */
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#202020;position:fixed;z-index:2000;bottom:0;right:100%;width:100%;height:5px;}


#header{width:100%;padding:50px;background-color:#1b4f43;color:#fff;background-position:center bottom;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-behavior: url(/backgroundsize.min.htc);}

#header{background-image:url(../../images/Header/header01.jpg);display:flex;align-items:center;justify-content:center;}

#logo{position:absolute;top:10%;left:0;width:100%;height:auto;}

h1{text-align:center;text-transform:uppercase;letter-spacing:0.125em;font-size:35px;line-height:1.25;color:inherit;margin:0;padding:0 0 0.25em 0;}
h1 span{font-size:0.5em;}
#header p{font-size:15px;line-height:1;font-family:'regular';text-transform:none;margin:0;padding:0;text-align:center;color:inherit;}


#intro{padding:150px 0 50px 0;text-align:center;}
#intro h2{font-size:50px;text-transform:uppercase;color:inherit;margin:0;padding:0 0 50px 0;}
#intro a.mail-button{display:inline-block;padding:10px 50px;border:3px solid #fff;font-size:18px;letter-spacing:0.05em;color:inherit;line-height:1;}

@media (max-width: 767px) {
	h1{font-size:20px;}
	#intro h2{font-size:30px;padding:0 0 30px 0;}
	#intro a.mail-button{font-size:15px;padding:10px 25px;}
}


/* FIXE ELEMENTE */

.fix-section{width:100%;height:auto;overflow:hidden;padding:80px 0;}
.fix-container{width:100%;max-width:1280px;height:auto;position:relative;margin:0 auto;}

@media (max-width: 767px) {
.fix-section{padding:40px 0;}
}

/* INHALTSELEMENTE */

.content-section{width:100%;height:auto;overflow:hidden;padding:80px 0;}
.content-container{width:100%;max-width:1280px;height:auto;position:relative;margin:0 auto;}

@media (max-width: 767px) {
.content-section{padding:40px 0;}
}


/* CONTENTS */
#contents{padding:80px 0;}
@media (max-width: 767px) {
#contents{padding:40px 0;}
}


/* EINLEITUNG */
.einleitung .headline-small{width:50%;padding:40px 10% 40px 5%;background:#fff;}
.einleitung .headline{width:50%;padding:0 5%;background:#fff;}
.einleitung.green-section .headlines{color:#2d5449;}
.einleitung.brown-section .headlines{color:#665948;}
.einleitung.purple-section .headlines{color:#3b2c59;}
.einleitung .headline-small p{padding:0;text-transform:uppercase;margin:0;font-size:0.9em;line-height:1;letter-spacing:0.5px;color:#202020;}
.einleitung .headline h1,.einleitung .headline h2,.einleitung .headline h3{font-size:2.2em;line-height:1.2;text-align:left;color:inherit;}
.einleitung .text{width:60%;padding:80px 5% 0 5%;background:#fff;position:relative;z-index:20;}
.einleitung .image{position:absolute;z-index:10;top:0;right:5%;width:40%;height:100%;overflow:hidden;}
.einleitung .image img{width:90%;height:auto;}
.einleitung .hideaway-badge{position:absolute;top:10%;right:0;width:160px;height:auto;}
.einleitung .hideaway-badge img{width:100%;}

.einleitung .copyright{position:absolute;bottom:-20px;right:9.1%;text-align:right;}

@media (max-width: 991px) {
.einleitung .headline br{display:none;}
}



@media (max-width: 767px) {
.einleitung .headline-small,.einleitung .headline{width:100%;padding:0 30px 35px 30px;}
.einleitung .image,.einleitung .copyright{display:none;}
.einleitung .text{width:100%;padding:0 30px;}
}





/* BILD TEXT QUADRATISCH */
.quadrat{width:100%;height:auto;overflow:hidden;}

.quadrat .texts{width:55%;padding:0 5%;}
.quadrat .image{width:45%;height:auto;padding:0 5%;position:relative;}
.quadrat .image .quadrat-image{width:100%;height:auto;}
.quadrat .text{padding:0 0 0 10%;}

.quadrat.image-left .hashtag{position:absolute;left:20%;top:0;bottom:0;height:35%;width:auto;margin:auto;}
.quadrat.image-right .hashtag{position:absolute;right:20%;top:0;bottom:0;height:35%;width:auto;margin:auto;}

.quadrat.image-left .hashi{position:absolute;width:100%;height:10%;left:-30%;top:0;bottom:0;margin:auto;color:#fff;text-transform:uppercase;font-size:14px;text-align:center;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.quadrat.image-right .hashi{position:absolute;width:100%;height:10%;right:-32.5%;top:0;bottom:0;margin:auto;color:#fff;text-transform:uppercase;font-size:14px;text-align:center;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.quadrat .copyright{position:absolute;bottom:-20px;}


@media (max-width: 767px) {
.quadrat.image-left .hashi{left:-40%;font-size:13px;}
.quadrat.image-right .hashi{right:-42.5%;font-size:13px;}
}

.quadrat .headline h2,.quadrat .headline h3{font-size:2em;line-height:1.2;text-align:left;color:inherit;padding:40px 0;margin:0;}

.quadrat.image-left .image{float:left;}
.quadrat.image-left .texts{float:right;}

.quadrat.image-right .image{float:right;}
.quadrat.image-right .texts{float:left;}

.quadrat .button{display:inline-block;text-align:center;margin:40px 0 0 0;padding:0 40px 3px 40px;background:#dcd4b0;color:#fff;text-decoration:none;border:none;font-size:0.9em;line-height:37px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.quadrat .button:hover{color:#fff;background:#c7be97;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}

.firefox .quadrat .button,.ie .quadrat .button{padding:0 40px;}

@media (max-width: 767px) {
.quadrat{padding:35px 30px;}
.quadrat.image-left .image,.quadrat.image-left .texts,.quadrat.image-right .image,.quadrat.image-right .texts{float:none;}
.quadrat .headline h2,.quadrat .headline h3{padding:35px 0;}
.quadrat .texts{width:100%;padding:0 0 35px 0;}
.quadrat .image{width:100%;height:auto;padding:0;}
.quadrat .text{padding:0;}

.quadrat.image-left .hashtag,.quadrat.image-right .hashtag{right:10%;left:auto;}
.quadrat .button{display:block;margin:20px 0 0 0;padding:0 20px 3px 20px;font-size:15px;}

.firefox .quadrat .button,.ie .quadrat .button{padding:0 20px;}
}






/* 06 TEASER GRID */
.teasergrid{padding:80px 30px;}

.imagegrid-row{margin:-20px;height:auto;overflow:hidden;}
.imagegrid-col{float:left;padding:20px;}
.imagegrid-col img{display:none;}
.gridimage{width:100%;position:relative;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-behavior: url(/backgroundsize.min.htc);}
.imagegrid-col1{width:30%;}
.imagegrid-col2{width:70%;}
.imagegrid-col3,.imagegrid-col4{width:50%;}
.imagegrid-col1 .gridimage,.imagegrid-col2 .gridimage{height:500px;}
.imagegrid-col3 .gridimage,.imagegrid-col4 .gridimage{height:360px;}

.imagegrid-col1 .gridimage{background-image:url(../../images/Grid/grid01.jpg);}
.imagegrid-col2 .gridimage{background-image:url(../../images/Grid/grid02.jpg);}
.imagegrid-col3 .gridimage{background-image:url(../../images/Grid/grid03.jpg);}
.imagegrid-col4 .gridimage{background-image:url(../../images/Grid/grid04.jpg);}

@media (max-width: 1080px) {
	.imagegrid-col1 .gridimage,.imagegrid-col2 .gridimage{height:400px;}
	.imagegrid-col3 .gridimage,.imagegrid-col4 .gridimage{height:300px;}
}

@media (max-width: 1024px) {
	.imagegrid-row{margin:-10px;}
	.imagegrid-col{padding:10px;}
}

@media (max-width: 991px) {
	.imagegrid-col1 .gridimage,.imagegrid-col2 .gridimage{height:320px;}
	.imagegrid-col3 .gridimage,.imagegrid-col4 .gridimage{height:250px;}
}

@media (max-width: 767px) {
	.teasergrid{padding:40px 30px;}
	.imagegrid-col1 .gridimage,.imagegrid-col2 .gridimage{height:250px;}
	.imagegrid-col3 .gridimage,.imagegrid-col4 .gridimage{height:125px;}
}

@media (max-width: 480px) {
	.imagegrid-row{margin:-5px;}
	.imagegrid-col{padding:5px;}
	.imagegrid-col1 .gridimage,.imagegrid-col2 .gridimage{height:130px;}
	.imagegrid-col3 .gridimage,.imagegrid-col4 .gridimage{height:75px;}
}





/* FOOTER */
#footer{width:100%;height:auto;background:#eee;color:#202020;padding:75px 30px 50px 30px;}
.footer-container{width:100%;max-width:1280px;height:auto;position:relative;margin:0 auto;}
.footer-map{padding:50px 0;}
.footer-map h3{font-size:2.2em;line-height:1.2;margin:0 0 10px 0;padding:0;text-align:center;}
#footer .footer-map p{margin:0 0 50px 0;padding:0;text-align:center;}
#footer p a{color:#202020;text-decoration:underline;}
#footer-map{width:100%;height:350px;background:#202020;}

.footer-infos{width:100%;height:auto;overflow:hidden;position:relative;text-align:center;}
.footer-infos:before{content:'';width:1px;height:100%;position:absolute;left:33.3333%;top:0;margin:auto;background:#c5c5c5;}
.footer-infos:after{content:'';width:1px;height:100%;position:absolute;right:33.3333%;top:0;margin:auto;background:#c5c5c5;}
.footer-infos h3{font-family:'regular';padding:0;text-transform:uppercase;margin:0 0 40px 0;font-size:0.9em;line-height:1;letter-spacing:0.5px;color:#202020;}

p.footer-phone{margin:0;padding:0;font-size:2.2em;line-height:1;}
#footer p.footer-phone a{text-decoration:none;color:#202020;}
p.footer-direct{margin:0 0 20px 0;padding:0;}
p.footer-address{font-size:0.9em;line-height:1.2;margin:20px 0;padding:0;}

.footer-col{width:33.3333%;float:left;}
.footer-newsletter{padding:0 30px;}

ul.footer-social{margin:0;padding:0;list-style-type:none;width:25%;height:auto;float:left;text-align:left;}
ul.footer-social li{margin:0 5px;padding:0;display:inline-block;}
ul.footer-social li a{font-size:2em;color:#202020;text-decoration:none;}
ul.footer-social li a span{display:none;}
ul.footer-social li a:before{font-family:"icons";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:0;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
 
ul.footer-social li a.googleplus:before{content:'\f0d5';} 
ul.footer-social li a.instagram:before{content:'\f16d';} 
ul.footer-social li a.facebook:before{content:'\f230';} 

#sign-up-form input::-webkit-input-placeholder, #sign-up-form isindex::-webkit-input-placeholder, #sign-up-form textarea::-webkit-input-placeholder {color:#202020;}

input.nl-input{display:inline-block;width:100%;max-width:390px;height:50px;line-height:50px;padding:0 10px;border:none;background:transparent;border-bottom:1px solid #c5c5c5;color:#202020;border-radius:none;-webkit-appearance:none;margin:10px auto 0 auto;font-size:0.9em;font-style:italic;}

#sign-up,#sign-up-en{display:inline-block;width:100%;max-width:190px;height:45px;text-align:center;margin:30px auto 0 auto;padding:5px 0 10px 0;background:#dcd4b0;color:#fff;-webkit-appearance:none;border:none;font-size:0.9em;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
#sign-up:hover,#sign-up-en:hover{background:#c7be97;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}

.firefox #sign-up,.firefox #sign-up-en,.ie #sign-up,.ie #sign-up-en{padding:8px 0 7px 0;}

.nl-dsgvo-box{text-align:left;position:relative;padding:0 0 0 25px;margin:15px 0 0 0;font-size:0.8em;}
.nl-dsgvo-box input{position:absolute;left:0;top:0;}
.nl-dsgvo-box p{padding:0;margin:0;}

.footer-impressum{font-size:0.8em;line-height:30px;letter-spacing:0.5px;padding:0;margin:0;text-align:center;text-transform:none;overflow:hidden;height:auto;}
.footer-impressum a{color:#202020;text-decoration:underline;}

.footer-portale{float:left;width:50%;text-align:center;}
.footer-links{width:100%;text-align:center;}

#forecasts{padding:0 20px;height:auto;overflow:hidden;}
#forecasts h2{display:none;}
#forecasts p{font-size:0.8em;}
#forecasts .wi{width:100%;height:70px;}
ul.wiForecasts{list-style-type:none;margin:0;padding:0;}
ul.wiForecasts li{float:left;width:33.3333%;}
ul.wiForecasts > li{position:relative;height:auto;}
ul.wiForecast{list-style-type:none;margin:0;padding:0;}
ul.wiForecast li{margin:0;padding:0;font-size:0.8em;}
li.wiMin{display:none;}
.wiDay span{font-size:0.9em;}
ul.wiForecast li.myDay{display:inline;float:none;}
ul.wiForecast li.wi{display:block;float:none;}
ul.wiForecast li.wiMax{display:inline;float:none;}



@media (max-width:1099px) {
	ul.footer-social{width:100%;text-align:center;float:none;}
	.footer-portale,.footer-links{float:none;width:100%;text-align:center;}
	.footer-infos h3{margin:0 0 20px 0;}
}


@media (max-width:1023px) {
#footer{padding:35px 30px 50px 30px;}
.footer-infos:before,.footer-infos:after{display:none;}
.footer-col{width:100%;float:none;padding:40px 0;border-bottom:1px solid #c5c5c5;}
.footer-newsletter{padding:40px 30px;}
input.nl-input{text-align:center;}

ul.footer-social{width:100%;text-align:center;float:none;}
.footer-portale,.footer-links{float:none;width:100%;text-align:center;}
.footer-infos h3{margin:0 0 20px 0;}
}


@media (max-width: 767px) {
#footer{padding:10px 30px 45px 30px;}
#footer-map{height:300px;}
.footer-map{padding:40px 0;}
#footer .footer-map p{margin:0 0 40px 0;}
}