@charset "UTF-8";
body,html,h1,h2,h3,h4,h5,h6,p,ul,ol,li{padding:0;margin:0;}body,html{width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}a{outline:none !important;text-decoration:none;}ol,ul,li{list-style:none;}.clear{clear:both;line-height:0;font-size:0;height:0;width:0;overflow:hidden;visibility:hidden;display:block;}p{cursor:text;}b,strong{font-weight:bold;}img{-ms-interpolation-mode:bicubic;}li{display:list-item;}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}.nowrap{font-style:normal;white-space:nowrap;}.morphext > .animated{display:inline-block;}

/* ########## General ########## */
body{overflow-x:hidden;font-family:'Roboto',sans-serif;font-size:16px;line-height:1.6em;color:#7988a1;}
::selection{background-color:#505c72;color:#fff;}::-moz-selection{background-color:#505c72;color:#fff;}
.wrapper{width:90%;margin:auto;max-width:950px;position:relative;box-sizing:border-box;}
.load-image{position:fixed;width:0;height:0;visibility:hidden;}
/* Responsive */
@media (max-width: 820px){
	body{font-size:14px;}
}

/* ########## Mainnav ########## */
#mainnav{position:fixed;top:0;left:0;right:0;z-index:10;background:#fff;box-shadow:0 0 50px rgba(0,0,0,0.1);height:90px;}
#mainnav ul{float:right;padding:30px 0;-webkit-transform:translateX(8px);transform:translateX(8px);}
#mainnav ul li{float:left;}
#mainnav ul li a{display:block;font-weight:600;color:#7988a1;line-height:30px;padding:0 8px;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
#mainnav ul li a:hover{color:#24334f;}
#mainnav .logo{display:block;padding:30px 0;float:left;}
/* Responsive */
@media (max-width: 850px){
	#mainnav ul{display:none;}
}

/* ########## Stage ########## */
#stage{height:100vh;max-height:900px;background:url(stage.jpg) no-repeat center / cover fixed;position:relative;}
#stage .typo{position:absolute;margin-top:40px;top:50%;left:50%;text-align:center;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
#stage .typo a{color:#fff;}
#stage .typo p{font-size:70px;line-height:1em;}
#stage .typo h1{font-size:20px;line-height:1.3em;margin:2em 0;}
#stage .typo a{font-size:30px;font-weight:600;background:#7988a1;padding:15px;display:inline-block;}
/* Responsive */
@media (max-height: 500px){
	#stage{height:auto;}
	#stage .typo{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;padding:130px 0 100px;}
}
@media (max-width: 950px){
	#stage{background-attachment:scroll;}
}
@media (max-width: 950px){
	#stage{max-height:700px;}
	#stage .typo p{font-size:50px;}
}
@media (max-width: 700px){
	#stage{max-height:600px;}
	#stage .typo p{font-size:30px;}
	#stage .typo h1{font-size:16px;}
	#stage .typo a{font-size:20px;padding:10px 12px;}
}
@media (max-width: 600px){
	#stage .typo p{font-size:25px;}
	#stage .typo h1{font-size:14px;}
	#stage .typo a{font-size:18px;}
	#stage{max-height:none;height:auto;}
	#stage .typo{position:relative;-webkit-transform:none;transform:none;top:auto;left:auto;padding:100px 0 40px;}
}

/* ########## Sections ########## */
.section{padding:120px 0;background-size:cover;background-attachment:fixed;position:relative;box-shadow:0 0 100px rgba(0,0,0,0.2);}
.section h2{color:#fff;margin:0 0 1.5em 0;font-size:30px;}
.section h3{color:#505c72;margin:1.5em 0 0.5em 0;font-size:20px;}
.section h3.nm{margin-top:0;}
.section p{margin:0 0 1em 0;}
.section .content ul{margin:0 0 1em 20px;}
.section .content ul li{list-style:circle;padding:3px 0;}
strong{font-weight:bold;}
/* Typography */
.section p{margin:1em 0;}
/* Quote1 */
#quote1, #quote2{color:#fff;text-align:center;background:#515d73;background:-moz-linear-gradient(45deg, #515d73 0%, #929eb2 100%);background:-webkit-linear-gradient(45deg, #515d73 0%,#929eb2 100%);background:linear-gradient(45deg, #515d73 0%,#929eb2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#515d73', endColorstr='#929eb2',GradientType=1);}
#quote1 p, #quote2 p{font-family:'Courgette',cursive;font-size:40px;line-height:1.6em;}
/* Willkommen */
#willkommen{background:#fff;}
#willkommen .left{position:absolute;top:0;left:0;bottom:0;width:45%;background-position:center;background-size:cover;background-color:#ddd;}
#willkommen .right{float:right;width:50%;}
/* Therapie */
#therapie{background:url(bg-01.jpg) #929eb2 no-repeat center / cover fixed;}
/* Coaching */
#coaching{background:url(bg-02.jpg) #6c7c98 no-repeat center / cover fixed;}
/* Informationen */
#informationen{background:url(bg-03.jpg) #505c72 no-repeat center / cover fixed;}
/* Quote2 *
#quote2{text-align:center;background:#c0c0c0;background:-moz-linear-gradient(45deg, #c0c0c0 0%, #f2f2f2 100%);background:-webkit-linear-gradient(45deg, #c0c0c0 0%,#f2f2f2 100%);background:linear-gradient(45deg, #c0c0c0 0%,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#f2f2f2',GradientType=1 );}
#quote2 p{font-family:'Courgette',cursive;font-size:40px;line-height:1.6em;}
/* Kontakt */
#kontakt{background:url(bg-04.jpg) no-repeat center / cover fixed;color:#fff;}
#kontakt p{font-size:40px;font-weight:600;line-height:1.1em;float:left;}
#kontakt a{font-size:40px;font-weight:600;line-height:1.1em;float:right;background:#929eb2;display:inline-block;padding:15px;margin-top:50px;color:#fff;}
/* Responsive */
@media (max-width: 1440px){
	.section{padding:7% 0;}
}
@media (max-width: 1200px){
	.section{padding:8% 0;-webkit-transform:none !important;transform:none !important;}
	#quote1 p, #quote2 p{font-size:30px;}
}
@media (max-width: 1000px){
	#kontakt p{font-size:30px;margin-top:20px;}
	#kontakt a{margin-top:20px;font-size:35px;}
}
@media (max-width: 750px){
	.section{padding:9% 0;}
	#quote1 p, #quote2 p{font-size:25px;}
	#kontakt p{font-size:25px;margin-top:20px;}
	#kontakt a{margin-top:20px;font-size:30px;}
}
@media (max-width: 600px){
	.section{padding:10% 0;}
	#quote1 p, #quote2 p{font-size:20px;}
	#willkommen .left{position:relative;top:auto;right:auto;bottom:auto;left:auto;width:100%;height:270px;}
	#willkommen .right{float:none;width:100%;}
	#kontakt{text-align:center;}
	#kontakt p{float:none;}
	#kontakt a{float:none;font-size:16px;margin-top:0.5em;}
}

/* ########## Tabs ########## */
.tabs li{float:left;font-size:17px;font-weight:600;background:rgba(255,255,255,0.3);color:#fff;width:23.5%;box-sizing:border-box;padding:10px 15px;border-radius:0 25px 0 0;cursor:pointer;transition:background .2s ease-in-out;}
.tabs li:not(:nth-of-type(4)){margin-right:2%;}
.tabs li:not(.active):hover{background:rgba(255,255,255,0.5);}
.tabs li.active{background:rgba(255,255,255,0.6);color:#505c72;}
.tab-contents .content{background:rgba(255,255,255,0.8);padding:50px;display:none;position:relative;}
.tab-contents .content a{color:#7988a1;text-decoration:underline;}
.tab-contents .content a:hover{text-decoration:none;}
.tab-contents .content.active{display:block;}
.tab-contents .content .text{width:55%;}
.tab-contents .content .gallery img{float:left;width:48%;margin-bottom:4%;display:block;height:auto;}
.tab-contents .content .gallery img:nth-child(odd){margin-right:4%;}
.tab-contents .content .image{background-color:#fff;position:absolute;top:50px;bottom:50px;right:50px;left:60%;background-position:center;background-size:cover;}
/* Responsive */
@media (max-width: 1000px){
	.tabs li{font-size:14px;}
}
@media (max-width: 820px){
	.tabs li{width:100%;margin-right:0 !important;border-radius:0;border-bottom:1px solid rgba(255,255,255,0.4);}
	.tab-contents .content{padding:5%;}
	.tab-contents .content .text{width:100%;}
	.tab-contents .content .image{position:relative;left:auto;top:auto;right:auto;bottom:auto;height:300px;}
	.tab-contents .content .gallery img{width:100%;float:none;margin:0 0 1em 0 !important;}
	
}

/* ########### Footer ########## */
#footer{background:#505c72;padding:5% 0;color:#fff;}
#footer .col{float:left;width:32%;}
#footer .col:not(:nth-child(3)){margin-right:2%;}
#footer p{margin:5px 0;}
#footer p span{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.3);margin-right:8px;}
#footer a{color:rgba(255,255,255,0.5);}
/* Responsive */
@media (max-width: 800px){
	#footer .col{width:100%;margin:0 0 1em 0 !important;padding-bottom:1em;}
	#footer .col:not(:nth-child(3)){border-bottom:1px solid rgba(255,255,255,0.3);}
}