/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

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




/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* squada-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Squada One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/squada-one-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* architects-daughter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/architects-daughter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */

header, footer, section, aside, nav, article { display: block;}


html {
    width: 100%;
    height: 100%;
	scroll-behavior: smooth; overflow-x: hidden!important;
}

body {
  font-family: 'Montserrat';
overflow-x: hidden!important;

}

a {color: #000;text-decoration:none;}
a:hover {color: #e85a4f; text-decoration:none;}
a:active { color:#e85a4f;text-decoration:none;}
a.selected {
color:#e85a4f;text-decoration:none;
}
pre, code {
font-size: 1.3em;
}

p {
	
	padding: 0 0 30px 0!important;
}

* {
  margin: 0;
  padding: 0;
}



h1,
h2,
h3,


pre,
ul {
	margin: 0;
	padding: 0;
}
li{
  list-style: none;
}

h1 {
	font-size: 3.6em;font-weight:500;
	line-height: 1;
	font-family: 'Montserrat';color:#cc1c08;
	margin-bottom:15px;letter-spacing:-2px;

}


/* ----------überschriften-------------- */
.weite {
  max-width:80%;
}


h2 {
	font-size: 2.4em;
	line-height: 1.2em;
	margin-bottom: 1.7em;
	font-family: 'Montserrat';font-weight:500;
	color:#cc1c08;padding-top:0px;letter-spacing:-0.5px;
	
}

h3 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1.2em;	font-family: 'Montserrat';font-weight:normal;
}
h4 {
	font-size: 1.1em;
		margin-bottom: 10px;	font-family: 'Montserrat';font-weight:normal;font-weight:500;
}

p{
	padding-bottom:10px;
}




.clear:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }
.clear:before{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }

.cursor-dot,
.cursor-dot-outline {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;z-index:18;
}

.cursor-dot {
  width: 7px;
  height: 7px;
  background-color:#84a788;
}

.cursor-dot-outline {
  width: 45px;
  height: 45px;
  background-color: rgba(125, 186, 200, 0);border:0.95px solid #84a788;
}

/* ----------header for logo-------------- */
#top {
background: #fff; /* Fallback IE 6-8 */
position: fixed;
width: 100%;
margin: 0;top:0;padding:0;
z-index: 10;height:70px; 
}

header{
  background:#fff;
}


.logo{
font-weight: normal;
margin: 3px 0 0 0px;
font-family: 'Squada One',  Helvetica, sans-serif, Sans-Serif; 
font-size:1.8em;
text-decoration: none;
color:#000;

    
	}
 .logo .punkt {
          width:8px;
          height: 8px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;

          background: #fee300;    
		 margin-left: 5px;
        
          position: absolute;
          bottom: 18px;
          
		   }
/* ----------nav------------- */

.nav-menu a{
  
  text-decoration: none;
	
}

.navbar{
  height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5%;
}

.nav-menu{
  display: flex;
  align-items: center;
}

.nav-branding{
 width: 30%;
      position: relative;
      display: flex;
      align-items: bottom;
      height: 50px; padding-top:3px;
}

     


.nav-link{
	font-weight: 500;
	  color:#000; 
  transition: 0.5s ease;
	font-size:0.95em;	line-height: 1.8em;
	display: inline-block;  position:relative; 
	
}

.nav-link:hover{
  color:#000;font-weight: 500;
}
 

.nav-link {
         &.is-current::before {
  transform: scaleX(1);
}
	}



.nav-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1.0px;
  bottom: 0;
  left: 0;
  background-color: #000 ;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

 .nav-link:hover::before {
  transform: scaleX(1);
}

.nav-item{
  padding: 0  0 0 1.5rem; 
	
}
.kon{
 visibility: hidden; display: none;
	
}
.hamburger{
  display: none;
  cursor: pointer;
}

.bar{
width: 25px;
height: 3px;
margin: 5px auto;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: #000;
border-radius: 5px;
}




/* ----------wrapper-------------- */
#wrapper{
width: 100%;
margin:0;
background-color: #fff;position: relative;
}

main {
padding-top: 70px;position: relative;
}

section#menu1 { background:#fcf7fa;background-image:url("../images/rosa.jpg");
background-size:contain;
background-position: center center;
text-align: center;
}

section#menu2{ background: #fff;padding: 0px 0 0px 0;}
section#menu3{ padding: 140px 0 0px 0;}
section#menu4 { background: #fff; padding: 160px 0 0px 0;}
section#menu5 { background:#dc4b46;background-image:url("../images/rot1.jpg");
background-size:contain;
background-position: top left;
padding: 0px 0 0px 0; }
#aussen{ padding: 140px 0 0px 0;}
section {
width:100%;
}


#container{
width:100%;
  padding: 0px 5% 0px 5%;
}


#container:before{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }

#container_top{
width:100%;
background-color:#ea5e5a;
padding: 0px 5% 60px 5%;
height:850px;
text-align: center;
background-image:url("../images/rot.jpg");
background-size:cover;
background-position: center top;
}


#container_top:before{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }

#container_text{
max-width:58%;
padding: 0px 0% 0px 0%;
margin:0 auto;
font-size:1.1em;line-height:1.5em;
}


#container_aussen:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }

#container_aussen{
max-width:72%;
padding: 0px 0% 0px 0%;
margin:0 auto;
}


#container_aussen:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }






#content {
margin:0 auto;
max-width:780px; 
position: relative; 
line-height:1.5em;font-size:1.1em; 
padding-bottom:60px;
text-align:center;
}

/* ----------intro-------------- */

.cont_titel{
max-width:1480px;
margin:0 auto;
padding-top:12%;
	
}
.leben{
font-size:3.8em!important;
font-weight:normal;
color:#000;
font-family: 'Squada One',  Helvetica, sans-serif, Sans-Serif; 
text-align:center; position: relative;  
margin-bottom: 8px;
	
}
.leben .punkt1 {
          width:0px;
          height: 0px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;

          background: #f2e405;    
		 margin-left: 8px;
        
          position: absolute;
          bottom: 12px;
                  background: #f2e405;
          -webkit-animation: load 0.6s cubic-bezier(.74, .06, .4, .92) forwards;
          animation: popIn1 0.8s cubic-bezier(.74, .06, .4, .92) forwards;
          animation-delay: 2s;
         
          margin-top: -8px;
		   }
@keyframes popIn1 {
  0% {
    width: 0px;
    height: 0px;
    background: #e9d856;
    border: 0px solid #ddd;
    opacity: 0;
  }
  50% {
    width: 10px;
    height: 10px;
    background: #e9d856;
    opacity: 1;
    bottom: 45px;
  }
   65% {
      width: 7px;
    height: 7px;
      bottom: 0px;
      width: 15px
   }
   80% {
      width: 10px;
    height: 10px;
      bottom: 20px
   }
  100% {
    width: 11px;
    height: 11px;
    background: #e9d856;
    border: 0px solid #222;
    bottom: 12px;

  }
}


.titel a{
text-decoration: none;
}	
	
.titel {
font-family: "Montserrat"; font-size:8.7em; font-weight:500;
color:#fff;
margin:15px auto; 
text-align: center;
transform: scale(0.94);
animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}



span.coach {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);margin:0 -17px 0 -17px;
}

span.coach:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(2) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(3) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(4) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(5) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(6) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(7) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.coach:nth-child(8) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}



@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

.worte {
  font-family: "Montserrat"; font-size:2.1em;  
	font-weight:500;
  margin:0 auto; padding:5px 0 0 0;
  text-align: center;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1); line-height:1.2em;
  }

span.wort {
  display: inline-block;
  opacity: 0;
  filter: blur(2px);   
    
}

span.wort:nth-child(1) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.wort:nth-child(2) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.wort:nth-child(3) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.wort:nth-child(4) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.wort:nth-child(5) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span.wort:nth-child(6) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
	}
	span.wort:nth-child(7) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);

}



.abschluss{
height:24px;
margin:0;
background-image:url("../images/unten2.jpg"); background-repeat:repeat-x;
}

.abschluss-ob{
height:10px;
margin:0;
background-image:url("../images/absch-ob.jpg"); background-repeat:repeat-x;
}



/* -----------Erkenne, erlebe--------------------------- */
#container_top1{
max-width:1380px;
padding: 70px 0% 80px 0%;
margin:0 auto; 
 }

#container_top1:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }

.beginn{
color:#ce3a31;font-weight:500;font-size:2.3em;font-family: 'Architects Daughter'; padding-bottom:30px;
}	

.text {
margin:0 auto 50px 0;
 padding:0 0 0px 0;
text-align:center;
	
font-size:1.4em;
 position: relative;}

.delay-1{
  transition-delay: 0.3s;
}

.delay-2{
  transition-delay: 0.6s;
}

.delay-3{
  transition-delay: 0.8s;
}
.delay-4 {
  transition-delay: 1.0s;
}
.delay-5{
  transition-delay: 1.2s;
}

.delay-6 {
  transition-delay: 1.4s;
}

.delay-7{
  transition-delay: 1.5s;
}	

.delay-8{
  transition-delay: 1.6s;
}	
.delay-9{
  transition-delay: 1.7s;
}	

.delay-10{
  transition-delay: 1.8s;
}
.delay-11{
  transition-delay: 1.9s;
}

.delay-12{
  transition-delay: 2.0s;
}

.delay-13{
  transition-delay: 2.2s;
}
.delay-14{
  transition-delay: 2.4s;
}
/* -----------Abstand--------------------------- */
.abstand{
width:100%;
padding:110px 0px 0px 31%;}

/* -----------2 Teile--------------------------- */
.left{
width:50%;
	float:left; padding:0px 0px 0px 0px; }


.right{
width:50%;
	float:right; padding:0px 0 0px 0px; 
}

.right img{
width:100%;
	padding:0 0 0 15%;
}
/* -----------2 teile mit text--------------------------- */
.text_links {
text-align: left;padding:15% 15% 0px 0;display: flex;margin:0; 
}


.text_rechts{
text-align:left; padding:0px 0 30px 40px;
}


/* ----------training-------------------------- */
#rot{
margin:0 auto 120px 0;
width:100%;
background-image:url("../images/rot.jpg");
background-size:contain;
background-position: center top;padding:0;
}
#rot:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
	
}
#rot h1, #rot h2{
color:#fff;letter-spacing:-3;
}
#rot .right img{
width:100%;
	padding:0 0% 0 0%;border-top:2px solid #fff;margin-bottom:0!important;
	vertical-align: bottom;
}
#rot .right {
width:50%;
	padding:0 5% 0 2%;
}

#rot .left{
width:50%;
	float:left; padding:12% 0px 0px 0%; }


#content1 {
margin:0 auto;
max-width:780px; 
padding-bottom:0px;text-align:center;	
}

.chance{
	margin:0 auto;
	padding:0 5% 0 5%;width:90%;
font-size: 4.5em; line-height:1.3em;
padding-bottom: 80px;
font-family: 'Architects Daughter';font-weight:normal;
color:#cc1c08;
text-align:center;
}
.quote1{
 font-size:3em;color:#cc1c08;text-align: center;
 }
.techniken{
line-height:1.5em;font-size:1.1em; 
text-align:center;
}

.techniken h4 {
color:#cc1c08;
text-align:center;
	font-size:1.4em; padding:20px 0 0 0!important;
}
/* ----------parallax/ Zitat------------- */


  .parallax { 
    background-image: url("../images/farbig3.jpg");
    height: 650px; 
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; margin-top:100px;
}
.caption {
  position: relative;
font-weight:500;padding: 110px 5% 120px 5%;
  max-width: 80%;margin:0 auto;
  text-align: center;color:#fff; font-family: 'Architects Daughter';

}
.zitat1{
color:#fff!important;	
font-size:6.2em;
}
.quote{
 font-size:4em;color:rgb(255 255 255 / 1.0);
 }
/* -----------video--------------------------- */
#gruen{
background-color:rgb(240 241 237 / 0.8);
background-image:url("../images/video.jpg"); background-size:contain;
background-position: center center;
padding:0px 0 0px 0;
width:100%; margin-top:120px;}

#gruen:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }
.oben_gruen{
height:24px;
margin:0;
background-image:url("../images/oben_gruen.jpg"); background-repeat:repeat-x;
}
#gruen .left{
width:50%; float:left; padding:5px 0 0% 5%;}
	
#gruen .right{
width:50%; padding:3% 5% 0px 5%;float:right;}
.film {
padding:0% 0% 0px 0%; vertical-align: bottom;margin:0;width:100%;}

video {
width:100%;
height:auto;padding:0;
position: inherit; 
}


.blase{
padding: 2% 0px 0 0%;
font-family: 'Architects Daughter'; font-size:1.8em;
color:rgb(19 76 67 / 1.0);
}

.frage{margin-top: 0px; 
padding-right:50px;
text-align:center; 
color:#e85a4f; 
font-size:7em; 
font-family: 'Architects Daughter';
}

/* ----------coaching-------------------------- */
.liste{
text-align:center;
line-height:1.8; color:#cc1c08; font-weight:500;font-size:1.4em;}
.linie{
width:120px; height:1px; margin: 10px auto; background-color:#000;  transform: scaleX(1);
  transition: transform 0.3s ease;}

#orange{
background-color: #f2e9f0;
background-image:url("../images/orange.jpg");
background-size:contain;
background-position: top left;
text-align: center;
padding:120px 0 120px 0;
width:100%;}

#orange:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }
.abschluss-orange{
height:10px;
margin:0;
background-image:url("../images/ende_orange.jpg"); background-repeat:repeat-x;
}

.content-orange{
margin:0 auto;
max-width:65%;
padding:0 5% 0 5%;
color:#fff;
font-size: 2.4em; line-height:1.5em;font-weight:500; 
hyphens: auto;
}

.betonen{
font-weight:500;font-size:1.4em;color:#5e846f;
}



/* ----------------------------------------------
 * Generated by Animista on 2024-12-13 16:38:50
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* ----------Zitat--------------------------- */

#zitat{
padding: 110px 5% 200px 5%;
clear:both;
font-size:3.2em;  
text-align:center;
background-color:#ea5e5a;
background-image:url("../images/zitat.jpg");
background-size:cover;
background-position: center bottom;
color:#edeef1;	border-bottom:1px solid #ef625e;
}


.neu{
font-family: "Montserrat";
transform: scale(0.98); color:#fff;
animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
text-align: center;
 }

@keyframes scale {
  100% {
    transform: scale(1);
  }
}


span.viel{
  display: inline-block;
  opacity: 0;
  filter: blur(2px);   
 }

span.viel:nth-child(1) {
  animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(2) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(3) {
  animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(4) { 
	animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(5) {
  animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(6) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(7) {
  animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(8) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(9) {
  animation: fade-in 0.8s 1.0s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(10) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(11) {
  animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(12) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(13) {
  animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(14) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(15) {
  animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(16) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(17) {
  animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(18) {
  animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(19) {
  animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(20) {
  animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(21) {
  animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(22) {
  animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(23) {
  animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(24) {
  animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(25) {
  animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(26) {
  animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span.viel:nth-child(27) {
  animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
.abschluss1{
	height:24px;
	margin:0;
background-image:url("../images/unten3.jpg"); background-repeat:repeat-x;
}
.abschluss2{
	height:22px;
	margin:0;
background-image:url("../images/unten4.jpg"); background-repeat:repeat-x;

}
/* ----------Über mich-------------- */
#content_mich{
margin:90px auto 0 auto;
max-width:890px; 
position: relative; 
line-height:1.5em;font-size:1.1em; 
padding:0px 0% 0px 0%;
text-align:left;	
}

#content_mich :after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }


.zitat_mich{
 font-size:2.4em; color:rgb(19 76 67 / 1.0);font-weight: 500;
}

.referenzen{
 text-align:center;padding:50px 0 0 0;line-height:1.5em;font-size:1.1em; 
}

.kasten{
 text-align:center;padding:0px 1% 20px 1%;float:left;width:33.333%;
}
.kasten h4 {
color:#000;
text-align:center;
font-size:1.4em; padding:30px 0 0px 0!important;
}
/* ----------Referenzen-------------- */
#black{
  padding:0px 0% 90px 0%;
  background-color:#000; width:100%;
	margin-top:140px; color:#fff;
}	
.orange_anstrich {
  padding:0px 0px 0px 0px;

}

.orange_anstrich img{
 height:140px;
width:auto;

}

/* ----------kontaktformular-------------------------- */
.text_kontakt {
text-align: left;padding:0% 5% 0px 0;
 line-height:1.5em; font-size: 1.1em;
}
.text_kontakt a{
color:#000; font-size: 1.1em;
}
.text_kontakt a:hover{
color:#fff; font-size: 1.1em;
}
.text_kontakt1 {
text-align: left;padding:0% 5% 0px 0;
 line-height:1.5em; font-size: 1.1em; color:#000;
}

.text_kontakt h1 {
color:#000!important;letter-spacing:-3;
}

 .text_kontakt h2 {
color:#000!important;
}

h1.text_kontakt  {
color:#000!important;letter-spacing:-3;
}

 h2.text_kontakt  {
color:#000!important;
}
/* ----------impressum/datenschutz-------------- */
#content_imp {
margin:0 auto;
max-width:90%; 
position: relative; 
line-height:1.5em;font-size:1.1em; 
padding:80px 0% 120px 0%;
text-align:left;	
}

#content_imp:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }
#content_imp1 {
margin:0 auto;
max-width:80%; 
position: relative; 
line-height:1.5em;font-size:1.1em; 
padding:80px 0% 120px 0%;
text-align:center;	
}

#content_imp1 :after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }

#content_imp h3 {
color:#184c42; font-size:1.4em;
	line-height: 1.4em;
	margin-bottom: 10px;	
	font-family: 'Montserrat';font-weight:normal;
}

#content_imp1 h3 {
color:#184c42; font-size:1.4em;
	line-height: 1.4em;
	margin-bottom: 10px;	font-family: 'Montserrat';font-weight:normal;
}

 #content_imp1 h4 {
color:#184c42;
}

#content_imp h1 {
text-align:center; letter-spacing:-3;
}

 #content_imp h4 {
color:#184c42;
}

 #content_imp .links {
width:50%; float:left;
padding: 0 5% 0 0;text-align:right; 
}

 #content_imp .rechts {
width:50%;float:right;
	 padding: 4px 0 10px; 5%;
	text-align:left; 
}

 #content_imp .rechts:last-child {
  border-bottom: 3px solid #000;
	 }
/* ----------impressum/datenschutz Hintergrund-------------- */
#container_daten
max-width:100%;
padding: 0px 0% 0px 0%;
margin:0 auto;
background-color: #fff;
-webkit-transition: background-color 4s ease-out;

	-moz-transition: background-color 42s ease-out;

	-o-transition: background-color 4s ease-out;

	transition: background-color 4s ease-out;
}


#container_daten:after{
height: 0;
content: ".";
display: block;
clear: both;
visibility:hidden;
  }
.scrolled{
			background-color: #fbeef2;-webkit-transition: background-color 2s ease-out;

	-moz-transition: background-color 4s ease-out;

	-o-transition: background-color 4s ease-out;

	transition: background-color 4s ease-out;
		}

/* ----------impressum/datenschutz kontakt-------------- */
#container_daten_u{
max-width:100%;
padding: 120px 0% 0% 0%;
margin:0 auto;
background-color:#e0625e;background-image:url("../images/rot1.jpg");
background-repeat: repeat;
background-position: top left;
-webkit-transition: background-color 4s ease-out;

	-moz-transition: background-color 42s ease-out;

	-o-transition: background-color 4s ease-out;

	transition: background-color 4s ease-out;

}
/* -----------footer--------------------------- */
footer {
padding: 0px 5% 0px 5%;
clear:both;
color:#000;
width:100%;
background-image:url("../images/rot1.jpg");
background-size:contain;
background-position: center top;

}

.linie_k{
padding: 0px 5% 20px 5%;
border-top:2px solid #000;
}
.linie_k1{
padding: 0px 5% 22px 5%;

}

footer  a{
color: #000; text-decoration:none;	
}
footer a:hover{
color: #fff; text-decoration:none;	
}
footer  a.selected {
	color: #fff; text-decoration:none;
	}

.branding{

      position: relative;
      display: flex;
      align-items: bottom;
     padding-top:0px; 
}
 .logo .punkt2 {
          width:8px;
          height: 8px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;

          background: #fee300;    
		 margin-left: 5px;
        
          position: absolute;
          bottom: 6px;
          
		   }
.ende-link {
color: #fff; padding: 0px 0% 0px 0%; 
font-weight: 500; font-size:1.1em; text-align: right!important;padding-top:6px;
}
.ende-link ul{
width:100%;
}

.ende-link li{
float:right; padding:0 0px 0 30px;
}

.footer-segment {
    display: inline-block;
vertical-align: top;
    width: 50%; float:left; height:40px;
}
.coach_unten {
    font-size:1.1em; font-weight: 500; color:#000; text-decoration:none; text-align:center;padding-top:6px;
}

/* -----------footer/impressum--------------------------- */
footer1 {
padding: 0px 5% 0px 5%;
clear:both;
color:#000;


}

.linie_k{
padding: 0px 5% 20px 5%;
border-top:2px solid #000;
}
.linie_k1{
padding: 0px 5% 22px 5%;

}

footer1  a{
color: #000; text-decoration:none;	
}
footer1 a:hover{
color:#CF080C; text-decoration:none;	
}
footer1  a.selected {
	color: #CF080C; text-decoration:none;
	}





/* -------------- top------------- */
.back-to-top {
position: fixed;
bottom:70px;
right:20px;
padding:1em;
z-index: 2;height:100px;
width:100px;
}

.back-to-top img{
width:100%
}

/* --------------------cookie-------------------- */
#mbmcookie {position: fixed; bottom: 0; left: 0; right: 0; background: #1b1b1b; padding: 20px 5% 0px 5%; color:#fff;font-family: 'Montserrat',  Helvetica, sans-serif, Sans-Serif; font-size:0.9em;font-weight:500;}
#mbmcookie a.button1 {cursor: pointer;  padding: 8px 2px; margin-left: 10px;  float: right;color:#000!important; text-decoration:none; background-image:none;background: #fe7664;}
#mbmcookie a.button1:hover {color:#000!important;text-decoration:none; background: #fae606;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}	
#mbmcookie a {color:#fe7664;  text-decoration: underline;}
#mbmcookie a:hover {color: #fae606; text-decoration: underline;}	



@media(max-width: 1980px){

#container_text{
max-width:58%;
padding: 0px 0% 0px 0%;
margin:0 auto; 
}

	
	}


@media(max-width: 1880px){

#container_aussen{
max-width:80%;
padding: 0px 0% 0px 0%;
margin:0 auto; 
}



	
	}


@media(max-width: 1580px){

#container_aussen{
max-width:100%;
padding: 0px 5% 0px 5%;
margin:0 auto;
}
	
.right img{
width:100%;
padding:0px 0 0px 6%;
}
	.chance{
	margin:0 auto;
	padding:0 5% 60px 5%;width:100%;

}
	#gruen .left{
width:50%; float:left; padding:0% 0 0% 5%;}	
	}


@media(max-width: 1480px){
/* ----------coaching-------------------------- */

.content-orange{
	margin:0 auto;
	max-width:72%;
	padding:0 5% 0 5%;
color:#fff;
 font-size: 2.5em; line-height:1.5em;font-weight:500; 
}
	/* ----------intro-------------- */

.cont_titel{
padding-top:18%;
	
}

	
#container_text{
max-width:890px;
padding: 0px 0% 0px 3%;
margin:0 auto;
}
.right img{
width:100%;
padding:0px 0 0px 7%;
}
	
/* ----------video-------------- */
.frage{
font-size:5em; 

}
	#gruen .left{
width:50%; float:left; padding:2% 0 0% 5%;}	
	}
		/* -----------Abstand--------------------------- */
.abstand{
width:100%;
	 padding:0px 0px 20px 37%;line-height:1.5em; }
	
	}

@media(max-width: 1380px){

section#menu2 { background: #fff;padding: 0px 0 90px 0;}
section#menu3{ padding: 50px 0 0px 0; }
section#menu4{ background: #fff; padding: 110px 0 0px 0;}
section#menu5 { padding: 0px 0 0px 0;}
#aussen{ padding: 90px 0 0px 0;}

	h1{font-size:3em; margin-bottom:3px;}
	h2{font-size:2.2em;}
	


#content {
 padding-bottom:0px;
}
	
/* -----------Erkenne, erlebe--------------------------- */
#container_top1{
max-width:1380px;
  padding: 90px 0% 50px 0%;
	margin:0 auto; 

  }
		/* -----------2 teile mit text--------------------------- */
.text_links {
text-align: left;padding:10% 6% 0px 0;
 
	
}
	
	.right img{
width:100%;
	padding:0px 0 0px 6%;
}




.right{
width:50%;
	float:right; 
}
	
	/* ----------training--------------------------- */	
.chance{
	padding:0 0% 0 0%;width:100%;
font-size: 3.9em;
padding-bottom: 60px;

}
.quote1{
 font-size:2.2em;color:#cc1c08;text-align: center;
 }
/* -----------parallax/zitat--------------------------- */
	.caption {
 padding: 110px 5% 120px 5%;
  max-width: 80%;margin:0 auto;


}
.zitat1{
color:#fff!important;	
font-size:5.2em;
}
.quote{
 font-size:3em;
 }
/* -----------video--------------------------- */
		#gruen .left{
width:50%; float:left; padding:3% 0 0% 5%;}	
	}
.blase{
padding: 0px 0% 0 0%;
background-image:url("../images/");background-size: auto;
background-repeat: no-repeat;
background-position: top left;
height:auto;
font-family: 'Architects Daughter'; 
}

.frage{
text-align:center; color:#db5852; font-size:5em; font-family: 'Architects Daughter';
}
/* -----------orange-------------------------- */	
	#orange{

padding:90px 0 90px 0;
}



	}


@media(max-width: 1280px){

section#menu2 { background: #fff;padding: 0px 0 0px 0; }
section#menu3 { padding: 80px 0 0px 0;}
 section#menu4 { background: #fff; padding: 110px 0 0px 0;}
section#menu5 { padding: 0px 0 0px 0;}
#aussen{ padding: 80px 0 0px 0;}

	
		/* -----------Erkenne, erlebe--------------------------- */
#container_top1{
  padding: 80px 0% 30px 0%;
  }

	}

@media(max-width: 1180px){
	#content {
padding:0 5% 0 5%; 	
 padding-bottom:0px;
}

		/* -----------2 teile mit text--------------------------- */
.text_links {
text-align: left;padding:10% 6% 0px 0;display: flex;
 line-height:1.5em; font-size: 1.1em;  
	
}
				/* -----------coaching/video--------------------------- */

	
#gruen{
background-color:rgb(240 241 237 / 0.8);
background-image:url("../images/video.jpg"); background-size:contain;
background-position: center center;
padding:0% 0 50px 0;
width:100%; margin-top:50px;}	
	
#gruen .left{
width:100%; float:none; padding:5% 5% 0 5%;}
	
#gruen .right{
width:100%; padding:50px 0 0 0;float:none;}	
	
.blase{
padding: 0px 0 0px 0px;
background-image:url("../images/");background-size: auto;
background-repeat: no-repeat;
background-position: top left;
text-align:center;

}
		/* -----------referenzen-------------------------- */	
#black{
  padding:0px 0% 80px 0%;
  margin-top:90px; 
}

	}
@media(max-width: 1060px){
	
/* ---------über mich------------- */
	.kasten{
 text-align:center;padding:0px 5% 0 5%;float:none;width:100%;
}

/* -----------coaching/parallax--------------------------- */
	  .parallax { 
 height: 500px; margin-top:80px;
  }
	
	.caption {
 padding: 90px 5% 100px 5%;
  max-width: 100%;margin:0 auto;
}
.zitat1{
color:#fff!important;	
font-size:4.8em;
}
	
.quote{
 font-size:2.1em;
 }	

}

@media(max-width: 960px){
	
h1, h2{ 
text-align:center;

}
	h1{font-size:2.8em; margin-bottom:3px;}
	h2{font-size:2.2em; text-align:;}
#content_imp {
text-align:center;	
}

section#menu2{ background: #fff;padding: 0px 0 0px 0; }
section#menu3{ padding: 70px 0 0px 0;}
section#menu4{ background: #fff; padding: 20px 0 0px 0;}
section#menu5 { padding: 0px 0 0px 0;}
#aussen{ padding: 70px 0 0px 0;}
.beginn{
font-size:2em; padding-bottom:30px;
}	
		/* ----------intro-------------- */

.cont_titel{
padding-top:12%;
	
}
		/* -----------Erkenne, erlebe--------------------------- */
#container_top1{
padding: 70px 0% 50px 0%;
  }
	
#container_top{
padding: 0px 5% 40px 5%;
height:500px!important;
text-align: center;
}
	/* --------------------Titel intro-------------------- */
			.titel {
font-size:5.6em!important; 
}
	
span.coach {
;margin:0 -10px 0 -10px!important;
}
	
	.leben{
font-size:3.0em!important;

	margin-bottom: 20px;
	
}
.leben .punkt1 {
          width:0px;
          height: 0px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;

          background: #f2e405;    
		 margin-left: 8px;
        
          position: absolute;
          bottom: 15px;
                  background: #f2e405;
          -webkit-animation: load 0.6s cubic-bezier(.74, .06, .4, .92) forwards;
          animation: popIn1 0.8s cubic-bezier(.74, .06, .4, .92) forwards;
          animation-delay: 1.8s;
         
          margin-top: -15px;
		   }
@keyframes popIn1 {
  0% {
    width: 0px;
    height: 0px;
    background: #e9d856;
    border: 0px solid #ddd;
    opacity: 0;
  }
  50% {
    width: 10px;
    height: 10px;
    background: #e9d856;
    opacity: 1;
    bottom: 45px;
  }
   65% {
      width: 7px;
    height: 7px;
      bottom: 0px;
      width: 15px
   }
   80% {
      width: 9px;
    height: 9px;
      bottom: 20px
   }
  100% {
    width: 10px;
    height: 10px;
    background: #e9d856;
    border: 0px solid #222;
    bottom: 10px;

  }
}
.worte {
font-family: "Montserrat"; font-size:1.7em!important; 
color: #000;
margin:0 auto; padding:5px 0 0 0;
text-align: center;
transform: scale(0.94);
animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1); line-height:1.2em;
  }

#content {
 padding-bottom:0px;
}
	
	

	
	/* ----------überschriften-------------- */
.weite {
  max-width:100%;
}
	/* -----------2 teile mit text--------------------------- */
	.left{
width:100%;
	float:none;padding:0px 0 0 0; }
.text_links {
text-align: left;padding:80px 0px 0px 0;display: flex;
 line-height:1.5em; font-size: 1.1em;  text-align:center;
	
}

.right{
width:100%;text-align:center;
	float:none; padding:0 0 0px 0;
}
		.right img{
width:100%;
	padding:30px 0 0px 0%;
}
/* -----------coaching/parallax--------------------------- */
.parallax { 
 height: 550px; 
	    background-position: bottom center;
 }
	
.caption {
 padding: 90px 0% 100px0%;
  max-width: 100%;margin:0 auto;
}
	
.zitat1{
color:#fff!important;	
font-size:4.8em;
}
.quote{
 font-size:2.1em;
 }	
	/* -----------training--------------------------- */
	#rot{
margin:0 auto 80px 0;
width:100%;
background-image:url("../images/rot1.jpg");
background-size:contain;
background-position: center top;padding:0;
}
#rot .left{
width:100%;
	float:none; padding:6% 0px 30px 0px; text-align:center;}


#rot h1 {
text-align: center;padding-top:20px;
}	
#rot .right{
width:100%;
	float:none; padding:0% 0 0px 0;
}

#rot .right img{
width:100%;
	padding:0px 0 0px 0%;border-top:0px;
}
	
	/* ----------Über mich-------------- */
#content_mich{
margin:0;
width:100%;
padding:0px 0% 0px 0%;
text-align:left;	
}


.frage{padding-top: 40px; padding-bottom: 40px;padding-right:0px;
text-align:center; color:#e85a4f; font-size:6em;

}
.techniken{
text-align:center;
}

		/* ----------coaching-------------- */
	#orange{

padding:90px 0 90px 0;
}
.content-orange{
	margin:0 auto;
	max-width:100%;
	padding:0 5% 0 5%;

 font-size: 2.3em;
	 hyphens: auto;
}

	/* -----------kontaktformular-------------------------- */	
.text_kontakt {
text-align: center;padding:10px 0% 5% 0;

}
.text_kontakt1 {
text-align: center;padding:0% 0% 5% 0;
}
/* -----------datenschutz/impressum-------------------------- */	
	
	 #content_imp h1 {
text-align:center; 
}	
	 #content_imp .links {
width:100%; float:none;
	 padding: 0 0% 0 0;text-align:center; 
}


 #content_imp .rechts {
width:100%;float:none;
	 padding: 0 0 0 0%;
	text-align:center; 
}

/* -----------Abstand--------------------------- */
.abstand{
width:100%;
padding:40px 0px 20px 0%;line-height:1.5em; }
	


	}

@media(max-width: 760px){	

section#menu2{ background: #fff;padding: 0px 0 0px 0; }
section#menu3{ padding: 60px 0 0px 0;}
section#menu4{ background: #fff; padding: 30px 0 0px 0;}
section#menu5{ padding: 0px 0 0px 0;}

#aussen{ padding: 50px 0 0px 0;}
	
		/* -----------Erkenne, erlebe--------------------------- */
#container_top1{
  padding: 60px 0% 10px 0%;
  }	
	#container_top{
padding: 20px 5% 40px 5%;
	height:450px!important;
	  text-align: center;

}	
	
.worte {
  font-size:1.5em;  color:#000;
  margin:0 auto; padding:5px 0 0 0;
   }
	
	
	
	h1{font-size:2.8em; margin-bottom:0px;}
	h2{font-size:2em;}
	
	
	/* --------------------Titel intro-------------------- */
			.titel {
font-size:4.6em!important; 
}	
	
	/* --------------------header nav-------------------- */
	.nav-branding{
 width: 60%;
      position: relative;
      display: flex;
      align-items: bottom;
      height: 50px;
}
  .bar{
    display: block!important;
  }

  .hamburger{
    display: block!important;
  }
  .hamburger.active .bar:nth-child(2){
    opacity: 0;
  }
  .hamburger.active .bar:nth-child(1){
    transform: rotate(45deg) translateY(11.5px); 
  }  
  .hamburger.active .bar:nth-child(3){
    transform: rotate(-45deg) translateY(-11.5px); 
  }

  .nav-menu{
    position: fixed;
    right: -100%;
    top: 70px;
    flex-direction: column;
    width: 100%;
	  height:100%;
    text-align: center;
    background: #ed5d60;
    transition: 0.3s;
  }

  .nav-item{
    padding: 1.5rem 0;
  }
  
  .nav-menu.active{
    right: 0;
  }

.nav-link{
	 
	color:#fff;

	font-size:2.4em;font-weight:500;
}
.nav-link::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1.5px;
  bottom: 0;
  left: 0;
  background-color: #000;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

 .nav-link:hover::before {
  transform: scaleX(1);
}	
.nav-link:hover{
  color: #000!important;
}
	.nav-link {
   
      font-weight:500;
      &.is-current {
        color: #000!important;
      }
	}
	
.kon{
visibility:visible; display: block;
}
	
	/* --------------------inhalt-------------------- */
#container_text{
max-width:1280px;
padding: 0px 5% 20px 5%;
margin:0 auto;
}
	
#left{
width:100%;
float:none;
}
	
#right{
width:100%;
float:none; 
}
	/* -----------2 spalten--------------------------- */
.text_links {
text-align: left;padding:50px 0 0px 0;
}

.text_rechts{
text-align:left; padding:0px 0 30px 0;
}
	
	.right img{
width:100%;
	padding:0% 0 30px 0px;
}
	

	/* -----------video--------------------------- */
.left{
width:100%;
float:none;  padding:0px 0 0px 0;}
	

.right{
width:100%;
float:none; padding:0px 0px 0px 0;
}


.frage{
text-align:center; color:#db5852; font-size:6em;
}
	
/* -----------Abstand--------------------------- */
.abstand{
	 padding:40px 0px 20px 0%;line-height:1.5em;
	}

/* --------------------zitat-------------------- */	
	
#zitat1{
padding: 90px 5% 140px 5%;
clear:both;
text-align:center;
background-image:url("../images/zitat.jpg");
background-size:cover;
background-position: center center;
color:#000!important;	
font-size:2.8em;font-weight:500;margin:70px auto 0px;
}

#zitat{

 font-size:2.3em;  

padding: 90px 5% 120px 5%;	
}
	
		/* ----------training--------------------------- */	
.chance{
	padding:0 0% 0 0%; width:100%;
font-size: 3.6em;line-height:1.1em;
padding-bottom: 50px;

}
	.quote1{
 font-size:1.9em;color:#cc1c08;text-align: center;
 }
	/* ----------coaching-------------------------- */
#gruen{

padding:0% 0 0px 0;
margin-top:10px;}		
	
	
/* ----------referenzen/black-------------------------- */
.orange_anstrich img{
 height:100px;
	 width:auto;

}
	
#black{
  padding:0px 0% 80px 0%;
  
	margin-top:85px; 
}
	/* ----------kontaktformular-------------------------- */
.text_kontakt {
padding:30px 5% 0px 0;

}
/* --------------------footer-------------------- */		
	footer {
padding: 0px 5% 0px 5%;

}
	.footer-segment {
    display: inline-block;
vertical-align: top;
    width: 100%; float:none;  height:auto;
}
.ende-link {
	color: #fff; width:100%; padding: 0px 0% 0px 0%; 
 display:flex;
	}


.branding{
width:282px;
 justify-content:center;
 align-items:center;
margin:0 auto;padding:15px 0 15px 0;
}
	
	 .logo .punkt2 {
          width:8px;
          height: 8px;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;

          background: #fee300;    
		 margin-left: 5px;
        
          position: absolute;
          bottom: 21px;
          
		   }
.ende-link ul{
width:100%;

}
.ende-link li{
float:right; width:33.333%; 
padding: 0px 0 0px 0; color: #fff; text-decoration:none;	font-size:1.1em;text-align:center;
}
	
.seite{
text-align:left;
}
.seite1{
text-align:right;
}
	
	}


@media(max-width: 660px){
	.beginn{
font-size:1.8em; padding-bottom:30px;
}
h2{
font-size:1.8em; padding-top:15px;
}
	
	.right{
padding:0 0 0px 0;
}
	/* -----------coaching/parallax--------------------------- */
	  .parallax { 
  
    height: 550px; 
  
}
	.caption {
 padding: 80px 5% 90px 5%;
  max-width: 100%;margin:0 auto;


}
.zitat1{
color:#fff!important;	
font-size:4.2em;
}
.quote{
 font-size:2.0em;
 }	
	
	#gruen .left{
width:100%; float:none; padding:0% 0% 0 0%;}
	/* ----------coaching-------------- */
	#orange{

padding:80px 0 80px 0;
}
.content-orange{
	margin:0 auto;
 font-size: 1.9em;
	 hyphens: auto;
}	
		/* -----------über mich--------------------------- */
		.right img{
width:100%;
	padding:0% 0 30px 0px;
}
/* -------------- top------------- */
.back-to-top {

 position: fixed;
 bottom:30px;
 right:10px;
 padding:1em;
 z-index: 2;height:80px;
width:80px;
}

}

@media(max-width: 560px){
	

 section#menu2{ background: #fff;padding: 0px 0 0px 0; }
section#menu3 { padding: 60px 0 0px 0;}
section#menu4{ background: #fff; padding: 30px 0 0px 0;}
section#menu5{padding: 0px 0 0px 0;}

 #aussen{ padding: 50px 0 0px 0;}
		/* --------------------Titel intro-------------------- */
			.titel {
font-size:3.4em!important; 

}
span.coach {
;margin:0 -7px 0 -7px!important;
}
	
/* -----------coaching/parallax--------------------------- */
	  .parallax { 
  
    height: 500px; 
  
}
	.caption {
 padding: 80px 5% 90px 5%;
  max-width: 100%;margin:0 auto;


}
.zitat1{
color:#fff!important;	
font-size:3.9em;
}
.quote{
 font-size:1.5em;
 }
	
	/* -----------footer--------------------------- */
	.ende-link li{
float:right; width:100%; border-top:1px solid #000;
padding: 15px  0 15px 0; color: #fff; text-decoration:none;	font-size:1.1em;text-align:center;
}
	
.seite{
text-align:center;
}
.seite1{
text-align:center;
}

}
@media only screen and (max-width: 480px) { 
	/* --------------------Titel intro-------------------- */
			.titel {
font-size:3.2em!important; 

}
	}


.desktop .animate-down {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, -100px);
    -moz-transform: translate(0, -100px);
    transform: translate(0, -100px)
}
.desktop .animate-down.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 600ms ease-out 100ms;
    -moz-transition: all 600ms ease-out 100ms;
    transition: all 600ms ease-out 100ms
}
.desktop .animate-up {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 100px);
    -moz-transform: translate(0, 100px);
    transform: translate(0, 100px)
}
.desktop .animate-up.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}
.desktop .animate-right {
    opacity: 0;
    visibility: hidden;
    transform: translate(-100px, 0)
}
.desktop .animate-right.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}
.desktop .animate-left {
    opacity: 0;
    visibility: hidden;
    transform: translate(100px, 0)
}
.desktop .animate-left.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    -moz-transition: -moz-transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms;
    transition: transform 400ms ease-out 100ms, opacity 400ms ease-out 100ms
}

.desktop .einfaden {
    opacity: 0;
    visibility: hidden;
  
}
.desktop .einfaden.animated {
    opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);

   transition: opacity 3s ease-in-out; 
}

.desktop .element {
    opacity: 0;
    visibility: hidden;
  
}
.desktop .element.animated {
animation: myAnim 1.6s ease 0s 1 normal forwards;    opacity: 1;
    visibility: visible;

	}

@keyframes myAnim {
	0% {
		transform: scale(0.5);
	}

	100% {
		transform: scale(1);
	}
}

.desktop .viel {
    opacity: 0;
    visibility: hidden;
  
}
.desktop .viel.animated {
   opacity: 1;
    visibility: visible;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0);

   transition: opacity 3s ease-in-out; 

	}