@import url("https://use.typekit.net/vam6xsm.css");

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

}

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

}


*{padding:0;margin:0;box-sizing:border-box;}

a{-webkit-transition:color 0.5s; -moz-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
a,a:visited{color:inherit;outline:none;text-decoration:none;}
a:hover,a:focus{color:inherit;outline:none;text-decoration:none;}
input:focus,button:focus,textarea:focus{outline:none;}
a:hover{color:inherit;-webkit-transition:color 0.5s; -moz-transition:color 0.5s;-o-transition:color 0.5s;transition:color 0.5s;}
a.no-hover{color:inherit !important;}

p em a,p em a:hover{text-decoration:underline;}

html,body{font-family:'light',sans-serif;font-weight:normal;font-style:normal;font-size:15px;line-height:1.5;background-color:#a8b3b9;color:#1d1d1b;text-align:left;-webkit-overflow-scrolling:touch;position:relative;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

body{overflow-y:scroll;}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}


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


h1,h2,h3,h4,h5{font-family:"minion-pro",serif;font-size:2em;text-transform:none;font-weight:400;font-style:italic;font-stretch:normal;line-height:1.25;padding:0 0 0.25em 0;margin:0;color:inherit;}

h2:before{content:'';display:inline-block;width:50px;height:2em;margin-right:5px;background:url(../svg/sideleft.svg) center center no-repeat;background-size:100% auto;}

h2,h3{font-size:35px;text-align:center;margin:0 0 50px 0;padding:0;}

h2:before,h3:before{content:'';display:inline-block;width:60px;height:0.75em;margin-right:10px;background:url(../svg/sideleft.svg) center center no-repeat;background-size:100% auto;}
h2:after,h3:after{content:'';display:inline-block;width:60px;height:0.75em;margin-left:10px;background:url(../svg/sideright.svg) center center no-repeat;background-size:100% auto;}

@media (max-width: 767px) {
	h2,h3{font-size:17px;}
	h2:before,h3:before{width:30px;background-position:right center;background-size:200% auto;}
	h2:after,h3:after{width:30px;background-position:left center;background-size:200% auto;}
}

b,strong{font-family:'medium',sans-serif;font-weight:normal;}
p{margin:0;padding:0 0 15px 0;font-size:1em;color:inherit;}
em{font-style:normal;}

ul.liste{padding:0 0 10px 1.5em;margin:0;font-size:1em;color:inherit;}
ul.liste li{margin:0;padding:0 0 5px 0;}

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


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

#home{width:100%;height:auto;/*max-width:1440px*/;margin:0 auto;}

#page{overflow:hidden;}

/* 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:#000;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:1px;}



/* NAV */
#nav{position:fixed;top:0;left:0;right:0;width:100%;height:100px;margin:auto;z-index:350;background:transparent;color:#fff;}

#headerbg{display:block;position:absolute;top:-20px;left:50%;margin-left:-640px;width:1280px;height:auto;}

.nav-inner{padding:0 30px;width:100%;max-width:1024px;margin:auto;position:relative;}
#logo{display:block;width:350px;padding-left:10px;height:auto;position:absolute;top:0;left:0;right:0;margin:auto;z-index:10;}
#logo img{width:100%;height:auto;}

#navigate{list-style-type:none;width:100%;height:100px;line-height:100px;text-align:center;}
#navigate li{display:inline-block;margin:0 0 0 20px;font-size:15px;height:100px;line-height:100px;text-transform:uppercase;}

#navigate li.home-nav{display:none;}

#navigate li.marge-right{margin-right:300px;}

#navigate li a{text-decoration:none !important;color:#fff !important;font-weight:700;}

#hamburger,.nav-bg{display:none;}

.nav-left{width:50%;height:100px;float:left;text-align:left;}
.nav-right{width:50%;height:100px;float:right;text-align:right}

@media (min-width: 1025px) {
	#navigate li a:hover{text-decoration:underline;color:#000;}
}


@media (max-width: 1023px) {
	#navigate li{margin:0 0 0 10px;font-size:12px;line-height:40px;}
}

@media (max-width: 767px) {
	#headerbg{display:none;}
	#page{padding-top:60px;}
	
	#nav{height:60px;background:#fff;}
	#logo{position:absolute;left:10px;top:13px;width:180px;height:34px;z-index:10;}
	
	.nav-bg{display:block;position:absolute;top:0;left:0;width:100%;height:60px;background:#fff;z-index:7;border-bottom:1px solid #575756;}
	
	#navigate{position:absolute;top:-260px;left:0;width:100%;height:auto;padding:15px;background:#fff;border-bottom:1px solid #575756;z-index:5;-webkit-transition:all 0.5s; -moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
	#navigate li{display:block;margin:0;padding:10px 20px;text-align:center;line-height:1;}
	
	#navigate li.home-nav{display:block;}
	#navigate li{height:auto;}
	#nav,#navigate li a{color:#1d1d1b !important;}
	.nav-left,.nav-right{width:100%;height:auto;float:none;text-align:center;}
	
	.navopen #navigate{top:60px;}
	
	#hamburger{display:block;position:absolute;top:0;right:0;width:4em;height:100%;cursor:pointer;font-size:18px;z-index:20;}
	.line{position:absolute;width:1em;height:3px;right:20px;margin:auto;background:#575756;-webkit-transition:all 0.5s; -moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
	.lineA{top:43%;bottom:57%;}
	.lineB{top:57%;bottom:43%;width:0.75em;}

	.navopen .lineA{top:50%;bottom:50%;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.navopen .lineB{width:1em;top:50%;bottom:50%;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	
}

/* HEADER */
#header,#header img{width:100%;height:auto;}
#header h1{display:none;}

/* SECTIONS */
.section{height:auto;padding:100px 30px;}
.limit{width:100%;max-width:1024px;height:auto;margin:0 auto;}

.section h4{font-size:1.25em;line-height:1.2;font-family:'medium',sans-serif;font-weight:normal;font-style:normal;text-transform:uppercase;padding:0 0 15px 0;margin:0;text-align:left;color:inherit;}
.section h4 span{text-transform:none;}

#philosophie{background:#fff;}
#zimmer{background:#a8b3b9;}
#aktiv{background:#ccd1d5;}

#eindruecke{background:#4f6469;padding-left:0;padding-right:0;margin:0 -2px;overflow:hidden;}
#eindruecke h3{color:#fff;}
#eindruecke h3:before{background-image:url(../svg/sideleft-white.svg);}
#eindruecke h3:after{background-image:url(../svg/sideright-white.svg);}

#kontakt,#anfrage{background:#a8b3b9;}

.zimmerbeschreibung{padding:0 0 40px 0;}


.rows{height:auto;overflow:hidden;margin:-15px;}
.cols{width:33.3333%;height:auto;padding:15px;float:left;}

.cols60{width:60%;height:auto;padding:15px 30px 15px 15px;float:left;}
.cols40{width:40%;height:auto;padding:15px 15px 15px 30px;float:left;}

.content-image{width:100%;height:auto;padding:0 0 15px 0;}
.lightbox{display:block;width:100%;height:auto;position:relative;}
.lightbox:after{content:'';position:absolute;top:1px;left:1px;right:1px;bottom:1px;margin:auto;background:transparent;-webkit-transition:background 0.5s; -moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;}
.lightbox:hover:after{background:rgba(0,0,0,0.25);}

.content-image img,.lightbox img{width:100%;height:auto;border:1px solid #fff;}

.owl-carousel{}
.owl-theme .owl-nav{position:absolute;bottom:100%;margin:0;padding:0;width:100%;color:#fff;}
.owl-theme .owl-nav button{background:transparent !important;line-height:1;}
.owl-theme .owl-nav button span{font-size:40px;}

.item > img{border:1px solid #fff;}



@media (max-width: 1279px) {
	.rows{margin:-10px;}
	.cols{padding:10px;}
	.cols60{padding:10px 20px 10px 10px;}
	.cols40{padding:10px 10px 10px 20px;}
	.section{padding:75px 30px;}
}

@media (max-width: 1024px) {
	.cols60,.cols40{width:50%;}
}

@media (max-width: 767px) {
	.section{padding:50px 20px;}
	.cols,.cols60,.cols40{width:100%;}
	.cols60,.cols40{padding:10px;}
}





/* PARALLAX */
.parallax{width:100%;height:250px;height:50vh;overflow:hidden;position:relative;}
.parallax-layer{width:100%;height:200%;top:-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);}

.bemmerl-holder{position:absolute;width:100%;max-width:1084px;left:0;right:0;top:0;margin:auto;}
.bemmerl{background:#fff;position:absolute;top:0;right:30px;width:40px;height:20px;-webkit-border-radius:0px 0px 80px 80px;-moz-border-radius:0px 0px 80px 80px;border-radius:0px 0px 80px 80px;}

.bemmerl-grau{background:#ccd1d5;}

.quote-holder{position:absolute;width:100%;max-width:1084px;left:0;right:0;bottom:20px;margin:auto;padding:0 30px;}
.quote{font-size:1.25em;line-height:1.2;font-family:'medium',sans-serif;font-weight:normal;font-style:normal;text-transform:uppercase;color:#fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}


@media (max-width: 767px) {
	.quote{font-size:1em;}
}



#maps{width:100%;height:300px;background:#fff;}

@media (max-width: 767px) {
	#maps{height:200px;}
}




/* FORMULAR */
.form-row{margin-left:-15px;margin-right:-15px;height:auto;overflow:hidden;}
.form-col{width:50%;height:auto;float:left;padding:0 15px;}
.form-col-full{width:100%;}


.form-col label{display:block;font-family:'medium',sans-serif;font-weight:normal;font-size:12px;text-transform:uppercase;line-height:1.5;margin:0;padding:20px 0 5px 0;color:#1d1d1b;text-align:left;}
.form-col input{display:block;width:100%;height:50px;line-height:28px;padding:12px 15px;background:#fff;border:1px solid #f2f2f2;color:#1d1d1b;font-weight:300;font-size:16px;}

.form-col select{display:block;width:100%;height:50px;line-height:1.5;padding:12px 15px;background:#fff url(../svg/dropdown.svg) right center no-repeat;background-size:30px auto;-webkit-appearance:none;border-radius:0;border:1px solid #f2f2f2;color:#1d1d1b;font-weight:300;font-size:16px;}


.form-col input.notvalid{border:1px solid #1b1b1b;}

.form-col textarea{display:block;width:100%;width:100%;height:150px;line-height:28px;padding:12px 15px;border:1px solid #f2f2f2;color:#242424;font-weight:300;font-size:16px;resize:none;}

.form-col textarea.notvalid{border:1px solid #1b1b1b;}

#send{border:none;font-family:'medium',sans-serif;font-weight:normal;font-size:1em;text-transform:uppercase;margin:0;padding:0 40px;height:40px;line-height:40px;background:#4f6469;color:#fff;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-o-transition:background-color 0.5s ease;transition:background-color 0.5s ease;}
#send:hover{color:#fff;background-color:#1b1b1b;-webkit-transition:background-color 0.5s ease;-moz-transition:background-color 0.5s ease;-o-transition:background-color 0.5s ease;transition:background-color 0.5s ease;}

#send.used{background:#3c4d51 !important;color:#fff !important;}

.message{font-family:'medium',sans-serif;font-weight:normal;font-size:0.9em;line-height:1.5;text-transform:none;color:#1b1b1b;padding-bottom:20px;}
.message.error{color:#1b1b1b;padding-bottom:40px;}
.message.neutral{color:#1b1b1b;padding-bottom:40px;}
.message.success{color:#1b1b1b;padding-bottom:40px;}

@media (max-width:1023px) {
.form-col{width:100%;float:none;}
}


@media (max-width: 767px) {

.form-col{width:100%;float:none;}

.formular-col h2{font-size:15px;line-height:1.4;}
.formular-col p{font-size:14px;line-height:1.4;}

.form-col label{font-size:11px;line-height:28px;padding:20px 0 5px 0;}
.form-col input,.form-col textarea,.form-col select{font-size:13px;}

#send{width:100%;}
}


.message{padding-top:20px;}

.message.error,.message.neutral,.message.success{padding-bottom:20px;}

.dsgvo{padding:10px 10px 10px 35px;margin:25px 0 0 0;position:relative;border:1px solid #f2f2f2;}
.dsgvo.notvalid{border-color:#666;}
input.dsgvocheck{position:absolute;left:10px;top:10px;}

.dsgvo p{margin:0;padding:0;}



/* KONTAKT */
#kontakt h4{color:#fff;}

#kontakt .content-image{padding:0;}

.infobox{padding:10px 0 15px 50px;position:relative;}
.infobox p{line-height:20px;padding:0 0 5px 0;}
.infobox .icon{position:absolute;left:0;top:0;background:#fff;border:1px solid #4f6469;border-radius:20px;width:40px;height:40px;overflow:hidden;}
.infobox .icon img{width:100%;height:auto;}


a.email,a.email:visited{text-decoration:none;}
a.email:hover,a.email:focus{text-decoration:underline;}


/* IMPRESSUM */

#impressum{display:none;background:#ccd1d5;}
#impressum.opened{display:block;}

#impressum .datenschutz{padding-top:50px;}

#impressum p a{text-decoration:underline !important;}

.impressum p{text-align:center;}

@media (max-width: 767px) {
	#impressum h3{margin:0 0 25px 0;}
}