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

html{
	scroll-behavior: smooth;
	min-width:365px;
}


/************* LANDINGPAGE-2 *************/

.landingpage-2 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
}
.landingpage-2-slider {
	width: 100%;
	max-width: 993px;
	height: 450px;
	background-color: gray;
}
.landingpage-2-inhalt {
	width: 100%;
	max-width: 993px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 60px;
}
.landingpage-2-inhalt p {
	width: 50%;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 26px;
	margin-top: 15px;
}

/************* LANDINGPAGE-3 *************/

.landingpage-3 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background-color: #DEEDD4;
	padding-top:100px;
}
.landingpage-3-inhalt {
	width: 100%;
	max-width: 993px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 60px;
}

/************* TEAMS-2-3 *************/

.team-2, .team-3 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
}
.team-2-inhalt, .team-3-inhalt {
	width: 100%;
	max-width: 993px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 60px;
}
.team-3 {
	background-color: #DEEDD4;
}

/************* BERATUNG-2 *************/

.beratung-2 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
}
.beratung-2-inhalt {
	width: 100%;
	max-width: 993px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 120px;
}
.beratung-2-inhalt-box {
	width: calc( 50% - 15px);
	background-color: #DEEDD4;
	height: 240px;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
    flex-wrap: wrap;
}
.beratung-2-inhalt-box h2 {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 47px;
	text-align: center;
	color: #404040;
	width:100%;
	height:95px;
	display:flex;
	align-items: center;
	justify-content: center;
}
.beratung-2-inhalt-box button {
	color: White;
	background-color: #385724;
	width: 153px;
	height: 50px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 21px;
	align-self: flex-end;
	margin-bottom:30px;
	cursor:pointer;
	  border: none;
}
.beratung-2-inhalt-box button:hover {
	color: #404040;
    background-color: #fff;
}
.beratung-2-inhalt-popup {
	width: 100%;
	max-width: 993px;
	height: 530px;
	padding: 30px;
	background-color: #DEEDD4;
	z-index: 2;
	position: absolute;
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.beratung-2-inhalt-popup h2 {
	width: 100%;
	max-width: 698px;
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 300;
	font-size: 36px;
	line-height: 47px;
	color: #404040;
	margin-bottom: 30px;
	border-bottom: 1px solid #404040;
	padding-bottom: 10px;
}
.beratung-2-inhalt-popup div {
	width: 100%;
	max-width: 698px;
}
.beratung-2-inhalt-popup div p {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	margin-bottom: 15px;
}
.beratung-2-inhalt-popup-close-button {
	width: 60px;
	height: 60px;
	background-color: #385724;
	align-self: flex-end;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	  border: none;
}

/************* TRAINING-2 *************/

.training-2 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
	background-color: #DEEDD4;
}
.training-2-inhalt {
	margin-top: -30px;
	width: 100%;
	align-self: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.training-2-inhalt-text{
	margin-bottom: -100px;
  	margin-top:60px;
}
.training-2-inhalt p {
	max-width: 657px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	/* or 36px */
	color: #404040;
}
.training-2-inhalt-slider {
	height: 240px;
	width: 100%;
	max-width: 993px;
	background-color: #385724;
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.training-2-inhalt-slider-div slick-slide{
	display:flex !important;
	align-items:center !important;
	justify-content: center !important;
}
div.training-2-inhalt-slider.slick-initialized.slick-slider{
	display:flex !important;
}
.training-2-inhalt-slider p {
	color: white;
	text-align: center;
}

.training-2-inhalt-slider .links img{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.training-2-inhalt-slider .rechts img{
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
}
.training-2-inhalt-slider-div{
	width:100%;
	padding:0 240px;
}
/************* KRISEN-2 *************/

.krisen-2 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
}
.krisen-2-inhalt {
	width: 100%;
	align-self: center;
	max-width: 657px;
	margin-top: 120px;
}
.krisen-2-inhalt p {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	/* or 36px */
	color: #404040;
}

/************* SUPERVISION-2 *************/

.supervision-2, .supervision-3 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
}
.supervision-2-inhalt, .supervision-3-inhalt {
	width: 100%;
	max-width: 993px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 120px;
}
.supervision-3 {
	background-color: #DEEDD4;
}

/************* KONTAKT-2 *************/

.kontakt-2 {
	width: 100%;
	min-height: calc(100vh - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-top:100px;
}
.kontakt-2-inhalt {
	margin-top: -30px;
	width: 100%;
	align-self: center;
	max-width: 657px;
}
.kontakt-2-inhalt p {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 150%;
	/* or 36px */
	color: #404040;
}
.kontakt-button-container{
	width:100%;
	display:flex;
	align-items: center;
	justify-content: center;
}

.kontakt-button-container a{
	display:flex;
	align-items: center;
	justify-content: center;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 500;
	width:321px;
	height:50px;
	color:white;
	background-color:#385724;
	margin:5px;
	cursor:pointer;
	text-decoration: none;
}
.kontakt-button-container a:hover{
	color:#404040;
	background-color:#DEEDD4;
}
.foto-links, .foto-rechts{
	max-width:300px;
}



/************* DATENSCHUTZ & IMPRESSUM *************/

.impressum, .datenschutz{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top:100px;
}
.impressum-inhalt , .datenschutz-inhalt{
	width: 100%;
	align-self: center;
	max-width: 993px;
	margin-top:120px;
}
.impressum-inhalt p, .datenschutz-inhalt p {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 150%;
	/* or 36px */
	color: #404040;
	margin-bottom:15px;
}
.datenschutz-inhalt h1{
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.datenschutz-inhalt h2{
font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 47px;
    margin-bottom: 30px;
	margin-top:60px;
}
.datenschutz-inhalt h3{
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
	margin-top:30px;
	margin-bottom:15px;
    letter-spacing: 0.05em; 
	text-transform: uppercase;	
}
.datenschutz-inhalt h4{
font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 47px;
    margin-bottom: 15px;
	margin-top:15px;	
}
.impressum-inhalt{
	max-width:657px;
}
.impressum-inhalt h1{
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.impressum-inhalt h2{
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
	margin-top:30px;
	margin-bottom:15px;
    letter-spacing: 0.05em; 
	text-transform: uppercase;	
}

.datenschutz .kontakt-button-container, .impressum .kontakt-button-container{
margin-top:60px;
	margin-bottom:60px;
}

/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px); opacity: 0; }
}



@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  60% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  70% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  80% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}