@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');



font-family: 'Open Sans', sans-serif;


*{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: 'Open Sans', sans-serif;font-weight:400;font-style:normal;font-size:15px;line-height:1.5;background-color:#f2f2f2;color:#000;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-size:1.5em;text-transform:none;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.25;padding:0 0 0.25em 0;margin:0;color:inherit;}

h2,h3{font-size:25px;text-align:center;}
@media (max-width: 767px) {
	h2,h3{font-size:15px;}
}

b,strong{font-weight:700;}
p{margin:0;padding:0 0 10px 0;font-size:1em;color:inherit;}
em{font-style:normal;}


::-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:auto;margin:auto;z-index:350;background:rgba(255,255,255,0.75);}
.nav-inner{padding:10px 30px;width:100%;max-width:1280px;margin:auto;}
#logo{display:block;width:25%;max-width:340px;float:left;}
#logo img{width:100%;height:auto;}

#navigate{list-style-type:none;width:75%;float:right;text-align:right;}
#navigate li{display:inline-block;margin:0 0 0 20px;font-size:15px;line-height:50px;text-transform:uppercase;}
#navigate li a{text-decoration:none;color:#575756;font-weight:700;}

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

@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) {
	#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:15px 20px;text-align:center;line-height:1;}
	
	.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{width:100%;height:auto;padding:0;position:relative;}
.header-image{width:100%;height:auto;}

#intro{position:absolute;top:100px;bottom:100px;left:30px;right:30px;width:100%,max-width:1200px;display:flex;align-items:center;}
#intro-content{width:100%;height:auto;padding:0 0 0 60%;color:#505f48;}
h1{font-size:30px;padding:0 0 20px 0;}
#intro-content p{font-size:15px;line-height:1.25;padding:0;}


@media (max-width:1023px) {
	#intro-content{padding:0 0 0 50%;}
}

@media (max-width: 767px) {
	#intro-content{padding:0 0 0 40%;}
	h1{font-size:18px;}
	#intro-content p{font-size:12px;max-width:250px;}
	#intro-content p br{display:none;}
}







.section{width:100%;height:auto;padding:100px 10px;position:relative;}
@media (max-width: 767px) {
	.section{padding:50px 10px;}
}


/* SECTION 1 */
.section1{background:#fff;padding:100px 10px 50px 10px;}

.section1 h2{padding:0 0 20px 0;}
.section1 h3{padding:0 0 20px 0;}

.three-columns{column-count:3;column-gap:50px;}

.centered p{text-align:center;padding:0;}

.section1 hr{width:67px;height:10px;margin:0 auto 30px auto;padding:0;border:none;background:url(../svg/hr-dark.svg) center center no-repeat;background-size:100% auto;}

@media (max-width: 991px) {
	.three-columns{column-count:1;column-gap:0;}
}


@media (max-width: 767px) {
	.section1{padding:50px 10px 10px 10px;}
	
	
	.section1 h2{padding:0 0 10px 0;}
	.section1 h3{padding:0 0 10px 0;}
	
	.section1 hr{margin:10px auto;}
}




/* SECTION 2 */
.section2{background:#c7c8b7;}

.beratungs-box{width:100%;height:auto;overflow:hidden;padding:10px 0 50px 0;border-top:1px solid #818574;}
.beratungs-box ul{width:50%;float:left;padding:0 0 0 2em;margin:0;font-size:1em;}
.beratungs-box ul li{margin:0;padding:0;}

.section2 h2{padding:0 0 30px 0;}
.section2 h3{padding:50px 0 10px 0;}

.section2 hr{width:67px;height:10px;margin:0 auto 30px auto;padding:0;border:none;background:url(../svg/hr-dark.svg) center center no-repeat;background-size:100% auto;}

@media (max-width: 767px) {
	.section2 h2{padding:0 0 10px 0;}
	.section2 h3{padding:20px 0 10px 0;}

	.section2 hr{margin:0 auto 10px auto;}
	
	.beratungs-box ul{width:100%;float:none;padding:10px 0 30px 0;}
}




#zitat{font-size:30px;color:#fff;line-height:1.25;text-align:center;width:100%;height:auto;padding:0 20px;position:absolute;bottom:20%;left:0;z-index:250;}
#zitat span{font-size:12px;}

@media (max-width: 767px) {
	#zitat{font-size:15px;}
	#zitat span{font-size:10px;}
}

@media (max-width: 420px) {
 #zitat br{display:none;}
}


/* SECTION 3 */
.section3{background:#d5d0cc;}

.section3 h2{padding:0 0 30px 0;}
.section3 hr{width:67px;height:10px;margin:0 auto 30px auto;padding:0;border:none;background:url(../svg/hr-white.svg) center center no-repeat;background-size:100% auto;}

img.klangmassage{width:100%;height:auto;border:2px solid #fff;max-width:460px;margin:0 auto;display:block;}

@media (max-width: 991px) {
	img.klangmassage{max-width:300px;margin:20px auto 0 auto;}
}


@media (max-width: 767px) {
	.section3 h2{padding:0 0 10px 0;}

	.section3 hr{margin:0 auto 10px auto;}
	
	img.klangmassage{max-width:300px;margin:10px auto 0 auto;}
}




/* SECTION 4 */
.section4{background:#fff;padding:75px 10px 50px 10px;}
.section4 p{text-align:center;padding:0;margin:0;}

@media (max-width: 767px) {
	.section4{background:#fff;padding:40px 10px 30px 10px;}
}




/* SECTION 5 */

.section5{background:#b3b6a0;padding:150px 10px 100px 10px;}

.section5 h3{text-align:left;text-transform:uppercase;}

#maps-block{width:100%;height:auto;position:relative;}
#maps-block img{width:40%;height:auto;border:2px solid #fff;}
#maps{position:absolute;top:0;right:0;width:55%;height:100%;border:2px solid #fff;background:#e2e2e2;}

.redfloor{padding:15px 0 0 0;text-align:right;}

.section5daten{padding:20px 0;}

@media (min-width: 1025px) {
	.section5daten a:hover{text-decoration:underline;}
}

.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 #818574;border-radius:20px;width:40px;height:40px;overflow:hidden;}
.infobox .icon img{width:100%;height:auto;}

@media (max-width: 991px) {
	.section5{padding:100px 10px 50px 10px;}
	.section5daten{padding:0 0 20px 0;}
}

@media (max-width: 767px) {
	.section5{padding:50px 10px 50px 10px;}
	.section5daten{padding:0 0 20px 0;}
}


#footer{background:#8f9679;color:#000;width:100%;height:30px;overflow:hidden;}


#impressum{display:none;padding:100px 10px;background:#d5d0cc;}
#impressum.opened{display:block;}

#impressum h3{text-align:left;padding:0 0 20px 0;}

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

#impressum p{padding:0 0 20px 0;}

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

@media (max-width: 767px) {
	#impressum{padding:50px 10px;}
	#impressum .datenschutz{padding-top:20px;}
}




.down{position:absolute;top:0;left:0;right:0;width:100%;height:auto;z-index:200;}
.up{position:absolute;bottom:0;left:0;right:0;width:100%;height:auto;z-index:200;}


/* 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);}



@media (max-width: 767px) {
	
}