@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

section{
	padding: 16px;
	overflow-x: hidden;
}

/* Landing Page Start */

#landing-page{
	margin-top: 100px;
    padding: 16px;
	padding-top:0px;
    overflow-x: hidden;
}

/* Landing Page End */

/* Teaser Fotos START*/

.teaser-foto{
	margin-left:-16px;
	width: calc(100% + 32px);
}

.teaser-foto img{
	width:100%;
}

/* Teaser Fotos End*/

/* Element Color Text START */
.color-text-container{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top:32px;
}
.color-text{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color:#00E5F3;
	width:100%;
	max-width:512px;
}
.color-text .line-top{
	width:100%;
	height:4px;
	background-color:#000;
	margin-left:48px;
	margin-top:24px;
	display: block;
}

.color-text .color-text-p{
	margin:24px;
	font-family: Roboto light, sans-serif;
	font-size:27px;
	line-height: 150%;
}

.color-text .color-text-p strong{
	font-family: Roboto Black, sans-serif;
	font-size:30px;
}

.color-text .line-bottom{
	width:100%;
	height:4px;
	background-color:#000;
	margin-left:-48px;
	margin-bottom:24px;
	display: block;
}

/* Element Color Text END */

/* Element Color Quote START */

.color-quote-container{
	width:100%;
	display:flex;
	justify-content: flex-end;
	margin-top:-16px;
}

.color-quote{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color:#00E5F3;
	width:100%;
	max-width:456px;
}

.color-quote-p{
	padding-left:24px;
	padding-right:24px;
	margin-top:-16px;
	width:calc(100% - 48px);
	font-family:Roboto light, sans-serif;
	font-size:27px;
	margin-bottom:8px;
}

.color-quote-p strong{
	font-family: Roboto Black, sans-serif;
}

/* Element Color Quote END */

/* Element Title START */

.title-container{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top:32px;
}

.title-text{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color:gray;
	width:100%;
	max-width:512px;
}

.title-text .line-top{
	width:100%;
	height:4px;
	background-color:#000;
	margin-left:48px;
	margin-top:24px;
	display: block;
}

.title-text .title-text-p{
	margin:16px;
	font-family: Roboto, sans-serif;
	font-weight:700;
	font-size:45px;	
	text-align: center;
}

.title-text .line-bottom{
	width:100%;
	height:4px;
	background-color:#000;
	margin-left:-48px;
	margin-bottom:16px;
	display: block;
}

.mini-title{
	margin-left:16px;
	margin-top:24px;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	font-size: 20px;
	line-height: 23px;
	text-align: left;
	text-transform: uppercase;
}

/* Element Title END */

/* Simple Text START */
.simple-text{
	font-family:Roboto, sans-serif;
	font-size:16px;
	line-height:150%;
	margin-top:16px;
	font-weight:300;
}
/* Simple Text END */

/* H2 START */
h2{
    width: 100%;
    text-align: center;
    margin-top: 24px;
}
h2.yellow mark{
	font-family: Roboto, sans-serif;
    font-weight: 900;
    display: inline-block;
    line-height: 0px;
    padding-bottom: 20px;
    font-size: 30px;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    background-color: #FFFF00;
    margin-top: 0px;
}
h2.magenta mark{
	font-family: Roboto, sans-serif;
    font-weight: 900;
    display: inline-block;
    line-height: 0px;
    padding-bottom: 20px;
    font-size: 30px;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    background-color: #FF00E5;
    margin-top: 0px;
}
h2.green mark{
	font-family: Roboto, sans-serif;
    font-weight: 900;
    display: inline-block;
    line-height: 0px;
    padding-bottom: 20px;
    font-size: 30px;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    background-color: #05FF00;
    margin-top: 0px;
}

h2.blue mark{
	font-family: Roboto, sans-serif;
    font-weight: 900;
    display: inline-block;
    line-height: 0px;
    padding-bottom: 20px;
    font-size: 30px;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    background-color: #00E5F3;
    margin-top: 0px;
}

h2.negative mark{
	color:#fff;
	font-family: Roboto, sans-serif;
    font-weight: 900;
    display: inline-block;
    line-height: 0px;
    padding-bottom: 20px;
    font-size: 30px;
    padding-right: 10px;
    padding-left: 10px;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.3);
    margin-top: 64px;
}
/* H2 END */

/* WELCOME */

.welcome{
	width: calc( 100% - 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.welcome-inhalt{
	width:100%;
	max-width: 720px;
	ont-family: Roboto, sans-serif;
	font-weight:300;
	line-height:150%;
}

.welcome-inhalt p{
	margin-bottom:10px;	
}

/* WELCOME */

/* ÜBER MICH START */


/* Title CV START */

.title-cv-container{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	margin-top:32px;	
}

.title-cv-container .title-cv-p{
	font-size:30px;
	font-family: Roboto, sans-serif;
    font-weight: 900;
	 text-transform: uppercase;
	padding:16px;
	border:solid 4px gray;
	text-align: center;
	width:100%;
	max-width:512px;
}

/* Title CV END */

/* CV START */

.cv-container-wrapper{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
}
.cv-container{
	width:100%;
	max-width:512px;
	border-left:solid 4px gray;
	margin-left:16px;
}
.cv-element{
	display:flex;
	margin-top:32px;
}
.cv-element-left{
	width:24px;
	height:24px;
	background-color:#fff;
	border:solid 4px gray;
	border-radius:24px;;
	margin-left:-18px;
	position: absolute;
}
.cv-element-left:hover{
	background-color:gray;
}
.cv-element-right{
	margin-left:32px;
}
.cv-element-right .cv-element-title{
	font-size:20px;
	font-family: Roboto, sans-serif;
    font-weight: 900;
	text-transform: uppercase;
}
.cv-element-right .cv-element-title strong{
	text-transform: lowercase;
}
.cv-element-right .cv-element-text{
	font-size:20px;
	font-family: Roboto, sans-serif;
	margin-top:8px;
}

.cv-element-right .cv-element-text mark{
	font-family: Roboto, sans-serif;

    display: inline-block;
    line-height: 0px;
    padding-bottom: 16px;
    font-size: 20px;
    padding-right: 8px;
    padding-left: 8px;

    background-color: #00E5F3;
    margin-top: 0px;
}


/* CV END */

/* ÜBER MICH END */


/* COACHING START */

/* Slider Start */

.slider-container{
	width:100;
	display:flex;
	align-items: center;
	justify-content: center;
	padding:15px;
}
#slider{	
	margin-top:120px;
	width:100%;
	max-width:370px;
}
.slider-div{
	width:98%;
	height: 170px;
	border: 3px solid black;
	margin:10px 0px;
	}

.slider-div h2{
	font-family:Roboto;
	font-size:30px;
	font-weight: 900;
}

.slick-next:before {
    content: '›' !important;
	color: black !important;
	font-size: 40px !important;
		font-family: 'Roboto' !important;
font-style: normal !important;
font-weight: 700 !important;
    opacity: 1 !important;
}

.slick-prev:before {
	content: '‹' !important;
	color: black !important;
		font-family: 'Roboto' !important;
font-style: normal !important;
font-weight: 700 !important;
	font-size: 40px !important;
    opacity: 1 !important;
}
.slick-prev, .slick-next{
	position:relative !important;
	width:60px !important;
	height: 60px !important;
	display:flex !important;
	align-items: center !important;
	justify-content:center !important; 
	z-index:99999 !important;
}
.slick-next{
	right:0px !important;
}
.slick-prev{
	left:0px !important;
}
.slider-Pfeile{
	display:flex;
	align-items:center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: -43%;
    z-index: 999;
}


/* Slider End */

#coaching, #training{
			background-color:#EFEFEF;
}

#ueber-mich, #coaching, #training, #supervision{
		padding-bottom:60px;
}

/* List Outer Start */

.list-outer{
	margin-top:32px;
}

.list-outer-row{
	display:flex;
	margin-bottom:16px;
}

.list-outer-row-left{
	width:48px;
}

.list-outer-row-right{
	width:100%;
}

.list-outer-row-left-circle{
	width:16px;
	height:16px;
	border: solid #000 4px;
	border-radius: 50%;
	margin-right:16px;
}

.list-outer-row-right span{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
}

.list-outer-row-left-circle.blue{
	border: solid #00E5F3 4px;
}

.list-outer-row-left-circle.green{
	border: solid #05FF00 4px;
}

/* List Outer End */

/* List Inner Start */

.list-inner{
	margin-top:16px;
	margin-left:16px;
}

.list-inner-row{
	display:flex;
	margin-bottom:8px;
}

.list-inner-row-left{
	width:32px;
}

.list-inner-row-left-circle{
	width:8px;
	height:8px;
	border: solid #000 4px;
	border-radius: 50%;
	margin-right:16px;
	margin-top:4px;
}

.list-inner-row-right span{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
}

/* List Inner End */

/* COACHING END */


/* KONTAKT START */


#kontakt{
	background-color:#04212B;
	color:#fff;
	display: flex;
    flex-direction: column;
	align-items: center;
}

.kontakt-mini-title{
	margin-top:32px;
	width:100%;
	text-align:center;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 35px;
	text-transform: capitalize;
}

.kontakt-liste{
margin:20px 0;

	display:flex;
	align-items:center;
	justify-content:center;
}

.kontakt-liste a{
	margin-left:20px;
 	font-family: Roboto, sans-serif;
  	font-weight: 300;
	text-decoration:none;
	cursor:pointer;
	font-size:16px;
	color:#fff;
}
.kontakt-liste img{
	width:100%;
	max-width:20px;
}

.kontakt-liste:nth-child(2) img{
	max-width:14px;
}
.kontakt-socials{
	width: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top:30px;
}

.dse-imp{
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top:60px;
}

.dse-imp a{
	text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #FFF;
	text-transform: uppercase;
	margin-bottom:15px;
}

.dse-imp a:hover{
	color: #00E5F3;
    transition: color .25s ease-in-out;
}

.footer-info{
	font-family: Roboto, sans-serif;
	font-weight:100;
	font-size:12px;
	margin-top:30px;
	line-height: 150%;
	padding-bottom:15px;
	border-bottom: solid 1px #FFF;
	width: 100%;
    max-width: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.footer-info strong{
	margin: 0 10px;
}
.web-design{
	font-family: Roboto, sans-serif;
	font-weight:100;
	font-size:10px;
	margin-top:15px;
	line-height: 150%;
}

.web-design a{
	text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 10px;
    color: #FFF;
	margin-bottom:15px;
}

.web-design a:hover{
	color: #00E5F3;
    transition: color .25s ease-in-out
}

.kontakt-dsgv{
		margin-top:30px;
}

/* KONTAKT END */







 
/* DESKTOP */

@media (min-width: 720px) {
	body{
		display:flex;
		align-items:center;
		justify-content: center;
		flex-direction: column;
	}
	#landing-page{
		width:100%;
		display:flex;
        align-items: center;
		background: url("../img/hero-desktop-xl.png") no-repeat top !important;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}
	#landing-page .teaser-foto, #landing-page .teaser-foto img{
		opacity:0;
height:80vh;
	}
	.color-quote-container{
		max-height:300px;
	}
	#ueber-mich{
		display:flex;
		align-items:center;
		justify-content: center;
		flex-direction: column;
		max-width:720px;
				padding-bottom:60px;
	}
	#ueber-mich h2{
		margin-top:60px;
		margin-bottom:30px;
	}
	#ueber-mich .teaser-foto{
		
		max-width:300px;
	}
	#coaching{
		display:flex;
		align-items:center;
		justify-content: center;
		flex-direction: column;
		background-color:#EFEFEF;
		width:100%;
		padding-bottom:60px;
	}
	#coaching h2{
		margin-top:60px;
		margin-bottom:30px;
	}
	.slider-container{
		max-width:520px;
	}
	#coaching .list-outer {
    width: 100%;
    max-width: 720px;
	}
	
	#coaching .teaser-foto{
		max-width:300px;
	}
	#coaching .simple-text{
				width:100%;
		max-width:720px;
	}
	#supervision{
		display:flex;
		align-items:center;
		justify-content: center;
		flex-direction: column;
		width:100%;
		padding-bottom:60px;
	}
	#supervision h2{
		margin-top:60px;
		margin-bottom:30px;
	}
		#supervision .teaser-foto{
		max-width:300px;
	}
	#supervision .simple-text{
		width:100%;
		max-width:720px;
	}
	
#supervision .list-inner {
    width: 100%;
    max-width: 720px;
	}
		#supervision .list-outer {
    width: 100%;
    max-width: 720px;
	}
	#training{
		display:flex;
		align-items:center;
		justify-content: center;
		flex-direction: column;
		background-color:#EFEFEF;
		width:100%;
		padding-bottom:60px;
	}
		#training h2{
		margin-top:60px;
		margin-bottom:30px;
	}
		#training .teaser-foto{
		max-width:300px;
	}
	#training .simple-text{
		width:100%;
		max-width:720px;
	}
	
#training .list-inner {
    width: 100%;
    max-width: 720px;
	}
	#kontakt{
		margin-top:0px;
		width:100% !important;
	}
	.mini-title{
		width:100%; 
		max-width:720px;
	}
	#kontakt .negative{
		margin-top:0px;
	}
	.menu-desktop{
		display:flex;
	}
	.hamburger-mobile{
		display:none;
	}
	.menu-desktop a{
		text-decoration: none;
    margin: 0 15px;
    text-transform: uppercase;
		font-family: Roboto, sans-serif;
    font-size: 14px;
		color:#04212B;
	}
	.menu-desktop a:hover{
		color:#00E5F3;
		transition: color .25s ease-in-out;
	}
	.menu-desktop a:last-child{
		margin-right:0px;
	}
	.dse-imp{
		flex-direction: row;
	}
	.dse-imp a{
		margin:0 15px;
	}
	#training .list-outer, #coaching .list-outer{
		display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 720px;
	}
	#training .list-outer-row, #coaching .list-outer-row {
    display: flex;
    margin-bottom: 16px;
    width: 50%;
	}
	
}
/* DESKTOP */


/* iPhone SE oä */

@media (max-width: 420px) {
	.dropdown-mobile a {
		font-size:22px;
		padding:12px;
    margin: 6px 28px !important;
}
	.datenschutz .title-text .title-text-p{
		font-size:35px !important;
	}
}

/* iPhone SE oä */


/* IMPRESSUM */

.impressum{
	margin-top:100px;
}

.impressum h1, h2, p, a{
	font-family: Roboto, sans-serif;
}

.impressum h2{
	text-transform: uppercase;
	text-align: left;
	margin-bottom:30px;
	margin-top:60px;
}

.impressum p{
	font-family: Roboto Light, sans-serif;	
	    line-height: 150%;
	margin-bottom:15px;
}

.impressum-inhalt{
	max-width:720px;
}

.kontakt-button-container{
	width:100%;
	display:flex;
	align-items:center;
	justify-content: center;
	margin-top:60px;
	margin-bottom:60px;
}

.kontakt-button-container a, .impressum a{
	text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #04212B;
}

.kontakt-button-container a{
	text-transform:uppercase;
	
}

.kontakt-button-container a:hover, .impressum a:hover{
			color:#00E5F3;
		transition: color .25s ease-in-out;
}

/* IMPRESSUM */

/* DATENSCHUTZ */

.datenschutz{
	margin-top:100px;
}

.datenschutz h1, h2, h3, h4, li, p, a{
	font-family: Roboto, sans-serif;
}

.datenschutz h2{
	text-transform: uppercase;
	text-align: left;
	margin-bottom:30px;
	margin-top:60px;
}

.datenschutz p{
	font-family: Roboto Light, sans-serif;	
	    line-height: 150%;
	margin-bottom:15px;
}

.datenschutz-inhalt{
	max-width:720px;
}



.datenschutz a{
	text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #04212B;
}



.datenschutz a:hover{
			color:#00E5F3;
		transition: color .25s ease-in-out;
}

.datenschutz .title-text .title-text-p{
	font-size: 40px;
}

.datenschutz h3{
	margin-bottom:15px;
}

.datenschutz h4{
	margin-bottom:5px;
}

.datenschutz li{
	margin-left:30px;
	margin-bottom:5px;
	padding-left:10px;
}

.datenschutz ul{
	margin-bottom:30px;
}

.datenschutz li::marker{
margin-right:15px !important;
}

/* DATENSCHUTZ */

/* FAQs */

.faq{
	width:calc(100% - 32px);
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top:100px;
}
.faq h1, h2, h3, h4, li, p, a{
	font-family: Roboto, sans-serif;
}
.faq .title-text{
	max-width:180px;
	margin-bottom:30px;
}
.faq h2{
	text-transform: uppercase;
	text-align: left;
	margin-bottom:30px;
	margin-top:60px;
}
.faq p{
	font-family: Roboto Light, sans-serif;	
	    line-height: 150%;
	margin-bottom:15px;
}
.faq-inhalt{
	width:100%;
	max-width:720px;
	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.faq a{
	text-decoration: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #04212B;
}
.faq a:hover{
			color:#00E5F3;
		transition: color .25s ease-in-out;
}

.faq .title-text .title-text-p{
	font-size: 40px;
}

.faq h3{
	margin-bottom:15px;
}

.faq h4{
	margin-bottom:5px;
}

.faq li{
	margin-left:30px;
	margin-bottom:5px;
	padding-left:10px;
}
.faq .frage-antwort{
	margin:30px 0;
}

	.faq .teaser-foto{
		max-width:300px;
	}

.faq .antwort strong{
	font-family: Roboto, sans-serif;
	font-weight:500;
}

/* FAQs */


/* BUTTON */

.div-button{
	width:100;
	display:flex;
	align-items: center;
	justify-content: center;
}
.termin-button{
	background-color:#04212B;
	color:#fff;
	padding:16px 23px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 32px;
	font-size:10px;
	font-weight: 900
}
.termin-button:hover{
	background-color:#00E5F3;
	color:#04212B;
	transition: color .25s ease-in-out;
}
.termin-button-negative{
		background-color:#00E5F3;
	color:#04212B;
		padding:16px 23px;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 32px;
	font-size:10px;
	font-weight: 900;
		margin-bottom:32px;
}
.termin-button-negative:hover{
		background-color:rgba(255, 255, 255, 0.3);
	color:#fff;
		transition: color .25s ease-in-out;
}

@media (max-width: 975px){
.calendly-overlay .calendly-popup {
    top: 100px !important;
	}
.calendly-overlay .calendly-popup-close {
    top: 120px !important;
    left: 15px !important;
    background-color: #04212B !important;
	border: 6px solid #04212B !important;
}
	#branding{
		display:none !important;
	}
}
	

/* Section Fotos */

.section-foto{
	width:100%;
	max-width:1024px;
	margin-top:60px;
}

@media (max-width: 975px){
	.section-foto{
	margin-top:30px;
	}
}

.section-foto img{
	width:100%;
}

.cv-element-text-thin{
	font-size:17px;
	line-height:150%;
	font-weight:300;
	margin-top:15px;
}