@charset "UTF-8";
/* CSS Document */


body {
    width: 100%;
    height: 100%;
    background-color:var(--champagne);
    color:var(--chocolate);
	font-family: 'figtree-regular', "sans-serif";
    font-size: 18px;
    line-height: 1.5em;
    margin: 0px;
    padding: 0px;
}


/* BASIC ELEMENTS ##### ##### ----------------------------------------------------- ##### #####*/

img {width:100%; margin:0; padding:0;}

video  {width:100%; margin:0;}

label:hover {cursor:pointer;} 

.hidden {display:none;}
.mobile { display:none;}
.desktop { display:block;}

html {scroll-behavior: smooth;}

/* TRANSITIONS */

*{	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	-o-transition:all 0.1s linear;
}

.logo
{	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-ms-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
}

/* COLOR VARIABLES ##### ##### ----------------------------------------------------- ##### #####*/

:root {
	--sunflower: #eac36a;
	--candycotton: #d8a3d3;
	--skyblue: #7da6e2;
	--chocolate: #5b3f3b;
	--champagne: #d9cdbf;
	--white: #ffffff;
}

/* FONTS ##### ##### ----------------------------------------------------- ##### #####*/

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

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

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

/* HEADLINES + TXT MARKUPS ##### ##### ----------------------------------------------------- ##### #####*/

h1, h2, h3, h4 { margin:14px 0; padding:0; font-weight:normal; letter-spacing: 0.0em; float: left;}

h1 {
    font-family: 'figtree-extrabold';
    font-size: 50px;
    line-height: 120%;
}

h2 {
    font-family: 'figtree-extrabold';
 	font-size: 40px;
    line-height: 120%;
}

h3 {
    font-family: 'figtree-medium';
 	font-size: 30px;
    line-height: 120%;
}

h4 {
    font-family: 'figtree-medium';
 	font-size: 28px;
    line-height: 120%;
}

/* LINKS ##### ##### ----------------------------------------------------- ##### #####*/

a {color:inherit; text-decoration:none; border:0 none;}
a:hover {cursor:pointer;}

a.txt_link {text-decoration: underline; color:var(--chocolate)}
a.txt_link:hover {text-decoration: underline; opacity:0.6;}

/* ELEMENTS ##### ##### ----------------------------------------------------- ##### #####*/

.slide {width:100%; float:left; margin:0; padding:60px 0;}

.construction_info {
	width:600px;
	float:left;
	margin:0;
	position:absolute;
	left:45px;
	top:45px;
}

.construction_info .icon {
	width:45px;
	height:45px; 
	float:left; 
	margin:0 20px 0 0;
}

.construction_info span {
	width:auto; 
	float:left; 
	margin:4px 0;    
	font-family: 'figtree-medium';
	font-size:16px;
	line-height:110%;
}

.content_center {
	width:90%;
	max-width:580px;
	margin:0px auto;
}

.logo {width:100%; float:left; margin:0 0 60px 0;}

.contact_info {width:100%; float:left;}

.contact_info h2 {width:100%; float:left; margin:0 0 20px 0;}
.contact_info span {width:48%; float:left; margin:0 2% 0 0;}

.services_wrap {width:100%; float:left;}

.service {width:33.33%; float:left; text-align:center;}

.service h1 {padding:40px 0; width:100%;}

.service#coaching {background-color:var(--sunflower)}
.service#massagen {background-color:var(--candycotton)}
.service#ernaehrung {background-color:var(--skyblue)}

@media screen and (max-width:920px) {
	
	.content_center {
		width:90%;
		margin:0px 5%;
	}
	
	.service {width:100%;}
	
	.contact_info span {width:100%; margin:20px 0;}
	
	.construction_info .icon {
		display:none;
	}

	
	.construction_info {
		width:90%;
		left:5%;
		top:10px;
	}
	
	
}