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

/* The following Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at: https://openfontlicense.org  
Copyright 2018 The Manrope Project Authors (https://github.com/sharanda/manrope)*/

/* manrope-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/manrope-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/manrope-v20-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/manrope-v20-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/manrope-v20-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/manrope-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/manrope-v20-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/manrope-v20-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/manrope-v20-latin-600.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* manrope-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/manrope-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/manrope-v20-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/manrope-v20-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/manrope-v20-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
}





body { font-family: "Manrope", sans-serif; font-size:16px; line-height: 1.5; font-weight:400; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; color: #FFF; background-color:#1d1d1b; }
@media only screen and (max-width:1280px) {body { font-family: "Manrope", sans-serif; font-size:22px; font-weight:400; background-image:url(../pics/personal-coach-business-coach.jpg); background-position:left; background-size:38%; background-attachment:fixed; background-repeat:no-repeat; }}
@media only screen and (max-width:960px) {body { font-family: "Manrope", sans-serif; font-size:38px; font-weight:400; background-image:none; }}

@media (prefers-color-scheme: dark) {body { color:#FFF; background-color:#1d1d1b; }}

.wrapper { -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;  -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;}

a:link {text-decoration: none; color: #FFF;} a:visited { text-decoration: none; color: #FFF;} a:hover {text-decoration: none; color: #FFF;} a:active {text-decoration: none; color: #FFF;}
a:focus { background-color:#8dbfb3; color:#000; font-weight:400; } 

h1 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400; letter-spacing:1px;}
h2 {font-size: 1.0em; color: #FFF; text-align:center; line-height: 1.5; font-weight:400; }
h3 {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
p {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400; margin-bottom:1.6em; word-spacing:0.1em;}
p2 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.bold {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:700;}

a.h3 {text-decoration: none; color: #FFF;  line-height: 1.8; font-size: 1.2em; padding-top:5px; padding-bottom:5px;} a:visited.h3 {text-decoration: none; color: #FFF;} a:hover.h3 {text-decoration: none; color:#8dbfb3; } a:active.h3 {text-decoration: none; color:#8dbfb3; } a:focus.h3 {text-decoration: none; background-color:#8dbfb3; color:#000; }

a.p2 {text-decoration: none; color: #FFF; line-height: 1.8; font-weight:400; font-size: 1em; padding-top:5px; padding-bottom:5px; } a:visited.p2 {text-decoration: none; color: #FFF;} a:hover.p2 {text-decoration: none; color:#8dbfb3; } a:active.p2 {text-decoration: none; color:#8dbfb3; } a:focus.p2 {text-decoration: none; background-color:#8dbfb3; color:#000;}

@media (prefers-color-scheme: dark) {
	h1 {font-size: 1.5em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
h2 {font-size: 1.0em; color: #FFF; text-align:center; line-height: 1.5; font-weight:400;}
h3 {font-size: 1.2em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
p {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
p2 {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:400;}
.bold {font-size: 1em; color: #FFF; text-align:left; line-height: 1.5; font-weight:700;}

a.h3 {text-decoration: none; color: #FFF;  line-height: 1.8; font-size: 1.2em; padding-top:5px; padding-bottom:5px;} a:visited.h3 {text-decoration: none; color: #FFF;} a:hover.h3 {text-decoration: none; color:#8dbfb3; } a:active.h3 {text-decoration: none; color:#8dbfb3; } a:focus.h3 {text-decoration: none; background-color:#8dbfb3; color:#000; }

a.p2 {text-decoration: none; color: #FFF; line-height: 1.8; font-weight:400; font-size: 1em; padding-top:5px; padding-bottom:5px; } a:visited.p2 {text-decoration: none; color: #FFF;} a:hover.p2 {text-decoration: none; color:#8dbfb3; } a:active.p2 {text-decoration: none; color:#8dbfb3; } a:focus.p2 {text-decoration: none; background-color:#8dbfb3; color:#000;}

a:link {text-decoration: none; color: #FFF;} a:visited { text-decoration: none; color: #FFF;} a:hover {text-decoration: none; color: #FFF;} a:active {text-decoration: none; color: #FFF;}
a:focus { background-color:#8dbfb3; color:#000; font-weight:400; } 
}

@media only screen and (max-width:1280px) {
	h1 {font-size: 1.5em; }
	p {font-size: 1em; }
	bold {font-size: 1em;}
	a.h3 {font-size: 1.5em; line-height: 3.5; }
	a.p2 {font-size: 1.2em; line-height: 2.5;}
	}
	
#header { width:30%; height:100%; float:left; margin-top:0px; margin-bottom:0px; bottom:0px; position:fixed; }

@media only screen and (max-width:1366px) {#header { width:38%; height:100%; float:left; margin-top:0px; margin-bottom:0px; bottom:0px; position:fixed;}}
@media only screen and (max-width:1280px) {#header { width:38%; height:100%; float:left; margin-top:0px; margin-bottom:0px; bottom:0px; position:relative;}}
@media only screen and (max-width:960px) {#header { width:100%; height:auto; float:left; margin-top:0px; margin-bottom:0px; bottom:0px; position:relative;}}


#logo { width:24%; height:auto; margin-top:40px; margin-left:3%; margin-right:3%; position:absolute; z-index:200; position:fixed;  }
@media only screen and (max-width:1366px) {#logo { width:32%; height:auto; margin-top:40px; margin-left:3%; margin-right:3%; position:absolute; z-index:200; position:fixed; }}
@media only screen and (max-width:1280px) {#logo { width:32%; height:auto; margin-top:40px; margin-left:3%; margin-right:3%; position:absolute; z-index:200; position:absolute; }}
@media only screen and (max-width:960px) {#logo { width:80%; height:auto; margin-top:80px; margin-left:10%; margin-right:10%; position:relative; position:absolute; }}
.logo { width:100%; height:auto; margin:0px; border:0px; box-shadow: 0px 0px 12px #333; background-color:#1d1d1b;}

#slogan { width:24%; height:auto; margin-top:280px; margin-left:3%; margin-right:3%; position:absolute; z-index:200; position:fixed;  }
@media only screen and (max-width:1366px) {#slogan { width:32%; height:auto; margin-top:280px; margin-left:3%; margin-right:3%; position:absolute; z-index:200; position:fixed;  }}
@media only screen and (max-width:1280px) {#slogan { width:32%; height:auto; margin-top:280px; margin-left:3%; margin-right:3%; position:absolute; z-index:200; position:absolute;  }}
@media only screen and (max-width:960px) {#slogan { width:80%; height:auto; margin-top:880px; margin-left:10%; margin-right:10%; position: relative; z-index:200; position: absolute;  }}

#content {width:44%; height:auto; margin-top:300px; margin-left:9%; margin-right:17%; float:right;}
@media only screen and (max-width:1580px) {#content {width:52%; height:auto; margin-top:300px; margin-left:9%; margin-right:9%; float:right;}}
@media only screen and (max-width:1366px) {#content {width:52%; height:auto; margin-top:300px; margin-left:5%; margin-right:5%; float:right;}}
@media only screen and (max-width:1280px) {#content {width:52%; height:auto; margin-top:180px; margin-left:5%; margin-right:5%; float:right;}}
@media only screen and (max-width:960px) {#content {width:80%; height:auto; margin-top:120px; margin-left:10%; margin-right:10%; float:right;}}

a.button { width:19%; height:auto; float:left; margin-left:0%; margin-right:6%; margin-top:20px; margin-bottom:40px; border: 0px; border-color: transparent; background-color: #1d1d1b;}
@media only screen and (max-width:1366px) {a.button {width:23%; height:auto; float:left; margin-left:1%; margin-right:1%; margin-top:20px;}}
@media only screen and (max-width:1280px) {a.button {width:40%; height:auto; float:left; margin-left:1%; margin-right:1%; margin-top:20px; padding-left:4%; padding-right:4%;}}
@media only screen and (max-width:960px) {a.button {width:60%; height:auto; float:left; margin-left:0%; margin-right:0%; margin-top:10px; border:medium; border-color:transparent; border-style:inset; padding-top:100px; padding-bottom:80px; margin-bottom:80px; padding-left:20%; padding-right:20%; background-color:#222222; box-shadow: 0px 0px 12px #000;}}
.button-bild {width:40%; height:auto; margin-left:30%; margin-right:30%;}
@media only screen and (max-width:960px) {.button-bild {width:20%; height:auto; margin-left:40%; margin-right:40%;}}
@media only screen and (max-width:960px) {.button-bild {width:30%; height:auto; margin-left:35%; margin-right:35%;}}

#button4 { width:19%; height:160px; float:left; margin-left:0%; margin-right:6%; margin-top:20px; margin-bottom:40px; border: 0px; border-color: transparent; background-color: #1d1d1b;}
@media only screen and (max-width:1366px) {#button4 {width:23%; height:160px; float:left; margin-left:1%; margin-right:1%; margin-top:20px;}}
@media only screen and (max-width:1280px) {#button4 {width:40%; height:240px; float:left; margin-left:1%; margin-right:1%; margin-top:20px; padding-left:4%; padding-right:4%;}}
@media only screen and (max-width:960px) {#button4 {width:0px; height:0px; visibility:hidden; display:none;}}

#button-bild {width:19%; height:auto; float:left; margin-left:0%; margin-right:6%; margin-top:150px; margin-bottom:40px;}
@media only screen and (max-width:1366px) {#button-bild {width:23%; height:auto; float:left; margin-left:1%; margin-right:1%; margin-top:100px;}}
@media only screen and (max-width:960px) {#button-bild {width:70%; height:auto; float:left; margin-left:15%; margin-right:15%; margin-top:120px; border:medium; border-bottom-color:#FFF; border-style:inset; padding-top:40px; padding-bottom:20px;}}


a.button:hover {border-color:#FFF; background-color:#222222;}  a.button:active {border-color:#FFF; }  
a.button:focus { background-color:#8dbfb3; color:#000; }



#footer {width:52%; height:auto; padding-top:100px; margin-top:40px; padding-left:9%; padding-right:9%; float:right; margin-bottom:0px; background-color:#222220; padding-bottom:80px; background-image:url(../pics/coaching.png); background-repeat:no-repeat; background-size:100%; }
@media only screen and (max-width:1366px) {#footer {width:52%; height:auto; padding-top:60px; padding-left:5%; padding-right:5%; float:right;}}
#footer-box {width:50%; float:left; margin-left:0px; margin-right:0px; }
#footer-box-copyright {width:100%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:90px; }
.bildcookie {width:30px; height:auto;}

@media only screen and (max-width:1280px) {#footer-box {width:100%; float:left; margin-left:0px; margin-right:0px; }}


@media only screen and (max-width:960px) {
	#footer {min-width:100%; height:auto; width:100%; padding-left:0px; padding-right:0px; padding-top:140px; padding-bottom:50px; margin-left:auto; margin-right:auto; margin-top:0px; float:left; background-color:#1d1d1b; background-image:none;}
#footer-box {width:80%; float:left; margin-left:10%; margin-right:10%;}
#footer-box-copyright {width:80%; height:auto; float:left; margin-left:0px; margin-right:0px; padding-top:140px; padding-left:10%; padding-right:10%; text-align:left;}
.bildcookie {width:50px; height:auto;}
}

#navigation-top-bg- {width:61%; margin-top:70px; padding-right:0%; padding-left:9%;  height:70px; padding-top:0px; position:absolute; z-index:200; right:0px; float:right; }
#navigation-top- {margin-top:0px; width:100%; height:100px; padding-top:7px; margin-left:0px; margin-right:0px; background-color: transparent; }
.navigation-top- {margin-left:0px; margin-right:auto;}
#navigation-top-menu- { margin-top:10px; height: 70px; width:100%; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:0px; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; padding-left:0%; padding-right:0%; margin-right:40px; }
#navigationspunkt- { float: left; display: block; overflow: hidden; min-width: 266px;  text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; padding-left:0%; padding-right:0%; margin-right:40px;}
#navigationspunkt-- { float: left; display: block; overflow: hidden; min-width: 166px; text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; padding-left:0%; padding-right:0%; margin-right:40px;}
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 16px; font-weight: 400; text-decoration:none; letter-spacing:1px; }
.navigationspunkt-text { height: 32px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 16px; font-weight: 400; text-decoration:none;}
a:hover.navigationspunkt-text { color:#8dbfb3; }
a.navigationspunkt-text:focus { background-color:#8dbfb3; color:#000; }

@media only screen and (max-width:1366px) {
	#navigation-top-bg- {width:57%; margin-top:70px; padding-right:0%; padding-left:5%;  height:70px; padding-top:0px; position:absolute; z-index:200; right:0px; float:right; }
#navigation-top- {margin-top:0px; width:100%; height:100px; padding-top:7px; margin-left:0px; margin-right:0px; background-color: transparent; }
.navigation-top- {margin-left:0px; margin-right:auto;}
#navigation-top-menu- { margin-top:10px; height: 70px; width:100%; padding-top:0px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:0px; }  
#navigationspunkt { float: left; display: block; overflow: hidden; min-width: 20px; text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; padding-left:0%; padding-right:0%; margin-right:20px; }
#navigationspunkt- { float: left; display: block; overflow: hidden; min-width: 266px; text-align: center; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; padding-left:0%; padding-right:0%; margin-right:20px; }
#navigationspunkt:hover { height: auto; }
a.navigationspunkt-text { height: 32px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 16px; font-weight: 400; text-decoration:none; letter-spacing:1px;}
.navigationspunkt-text { height: 32px; padding-top:6px; display: block; color: #FFF; margin-top: 0px;  font-size: 16px; font-weight: 400; text-decoration:none;}
a:hover.navigationspunkt-text { color:#8dbfb3; }
a.navigationspunkt-text:focus { background-color:#8dbfb3; color:#000; }}






label.menu1 {display: none; }
input#menu1 {display:none}
#navigation-top-bg {display: none; visibility:hidden; width:0px; height:0px;}
#navigation-top {display: none; visibility:hidden; width:0px; height:0px;}
#navigation-top-menu { display: none; visibility:hidden; width:0px; height:0px;} 


	
	

#navigation-top-menu2 { margin-top:0px; height: auto; max-height:0px; width:auto; max-width: 0px;  overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; float:left; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;} 

label.menu2 {display: inherit; min-width:20px; height: 40px; margin-left: 0px; margin-top:0px; margin-bottom:0px; float:left;  }
input#menu2 {display:block; position:absolute; left:-600px; }

	#menu2:checked + .menu2  + #navigation-top-menu2 { height:auto; max-height: 1500px; width:500px; min-width:500px; margin-left:300px; margin-bottom:0px; padding-bottom:0px; padding-top:20px; z-index:900; position:absolute;  margin-top:20px; }
	
	
	[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; margin-left:-1800px; left:-1800px; background-color:#8dbfb3; color:#000; width:200px;}
[type="checkbox"]:focus + label::before { width:200px; height:auto; margin-left:0px; left:0px; top:-50px; display:block; content:"Bitte Leertaste drücken um das Menü zu öffnen "; position: absolute; z-index:950; text-align:center;}
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	


@media only screen and (max-width:1280px) {
	#navigation-top-bg- {display: none; visibility:hidden; width:0px; height:0px;}
#navigation-top- {display: none; visibility:hidden; width:0px; height:0px;}
#navigation-top-menu- { display: none; visibility:hidden; width:0px; height:0px;} 

#navigation-top-bg {min-width:60%; width:60%; margin-top:30px; margin-right:0px; height:90px; position: absolute; z-index:300; visibility:visible; display:block; right:0px;  }
#navigation-top {margin-top:0px; margin-left:0px; width:100%; height:70px; padding-top:0px; background-color: transparent; visibility:visible; display:block;}
.navigation-top {margin-left:0px; }
#navigation-top-menu3 { margin-top:0px; height: auto; max-height:0px;  min-width: 0px; width:0%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; visibility:visible; display:block;  } 
#navigationspunkt-2 { float: left; display: block; overflow: hidden; min-width: 300px; width:90%; padding-left:10%; text-align: left; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; background-color:#1d1d1b;}
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 600px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 0%; padding-right: 0px; padding-top:5px; display: block; color: #FFF; margin-top: 24px;  font-size: 24px; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 0%; padding-right: 0px; padding-top:5px; display: block; color: #FFF; margin-top: 24px;  font-size: 24px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 
a.navigationspunkt-text2 { height: auto; padding-left: 0%; padding-right: 0px; padding-top:5px; display: block; color: #FFF; margin-top: 24px;  font-size: 24px; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 0%; padding-right: 0px; padding-top:5px; display: block; color: #FFF; margin-top: 24px;  font-size: 24px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 

}


@media only screen and (max-width:960px) {
	#navigation-top-bg- {display: none; visibility:hidden; width:0px; height:0px;}
#navigation-top- {display: none; visibility:hidden; width:0px; height:0px;}
#navigation-top-menu- { display: none; visibility:hidden; width:0px; height:0px;} 

#navigation-top-bg {min-width:100%; width:100%; margin-top:600px; margin-right:0px; height:90px; position: absolute; z-index:300; visibility:visible; display:block; right:auto;  }
#navigation-top {margin-top:0px; margin-left:0px; width:100%; height:70px; padding-top:0px; background-color: transparent; visibility:visible; display:block;}
.navigation-top {margin-left:0px; }
#navigation-top-menu3 { margin-top:0px; height: auto; max-height:0px;  min-width: 0px; width:0%; overflow: hidden; transition: all 0.5s; padding-top:0px; padding-bottom:0px; background-color: transparent; visibility:visible; display:block;  } 
#navigationspunkt-2 { float: left; display: block; overflow: hidden; min-width: 300px; width:90%; padding-left:10%; text-align: left; margin-left:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important; background-color:#1d1d1b;}
#navigationspunkt:hover { height: auto; }
#navigationspunkt2 { float: left; display: block; overflow: hidden; min-width: 600px; width:100%; text-align: left; margin-left:0px; }
#navigationspunkt2:hover { height: auto; }
a.navigationspunkt-text { height: auto; padding-left: 0%; padding-right: 0px; padding-top:30px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
.navigationspunkt-text { height: auto; padding-left: 0%; padding-right: 0px; padding-top:30px; display: block; color: #FFF; margin-top: 48px;  font-size: 52px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 
a.navigationspunkt-text2 { height: auto; padding-left: 0%; padding-right: 0px; padding-top:30px; display: block; color: #FFF; margin-top: 48px;  font-size: 42px; font-weight: 300;}
.navigationspunkt-text2 { height: auto; padding-left: 0%; padding-right: 0px; padding-top:30px; display: block; color: #FFF; margin-top: 48px;  font-size: 42px; font-weight: 300;}
a:hover.navigationspunkt-text { color: #f1dff3;} 

}



@media only screen and (max-width:750px) {
#navigation-top-bg {min-width:100%; width:100%; margin-top:470px; margin-right:0px; height:90px; position: absolute; z-index:300; visibility:visible; display:block;  }
}

@media only screen and (max-width:1280px) {
	label.menu1 {display: block; width: 200px; height: 120px; margin-left:auto; margin-right:10%; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	.line-1 {margin-left:165px;  height: 3px; width: 36px;   background: #FFF; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 32px; background:#FFF;}
	.line-1:nth-child(2) { margin-top: 46px; background:#FFF;}
	.line-1:nth-child(3) { margin-top: 60px; background:#FFF;}
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(14px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-14px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu3 { height:auto; max-height: 2500px; min-width:100%; width:100%; background-color:#1d1d1b; box-shadow: 0px 0px 10px #000;  margin-bottom:0px; padding-bottom:90px; padding-top:65px; background-color:#1d1d1b; }
	

[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; width:400px; top:0px; left:-1200px;}
[type="checkbox"]:focus + label::before { width:400px; height:auto; top:0px; left:-1200px; background-color:#FFF; display:block; content:"Menü öffnen"; position: absolute; }
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-900px; width: 120px; height: 110px;  background-color:#1d1d1b; }

}

@media only screen and (max-width:960px) {
	label.menu1 {display: block; width: 200px; height: 120px; margin-left:auto; margin-right:10%; border-radius: 1px; margin-top:0px; margin-bottom:0px; background-color: transparent; }
	input#menu1 {display:block; left:-200px; margin-top:-100px; position:absolute;}
	.line-1 {margin-left:165px;  height: 3px; width: 36px;   background: #1d1d1b; border-radius: 2px; color: #fee3c6;  display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line-1:nth-child(1) { margin-top: 32px; background:#1d1d1b;}
	.line-1:nth-child(2) { margin-top: 46px; background:#1d1d1b;}
	.line-1:nth-child(3) { margin-top: 60px; background:#1d1d1b;}
	#menu1:checked + .menu1 .line-1:nth-child(1){   transform: translateY(14px) rotate(-45deg);}
	#menu1:checked + .menu1 .line-1:nth-child(2){   opacity:0;}
	#menu1:checked + .menu1 .line-1:nth-child(3){   transform: translateY(-14px) rotate(45deg);}
	#menu1:checked + .menu1  + #navigation-top-menu3 { height:auto; max-height: 2500px; min-width:100%; width:100%; background-color:#1d1d1b; box-shadow: 0px 0px 10px #000;  margin-bottom:0px; padding-bottom:340px; padding-top:65px; background-color:#1d1d1b; }
	

[type="checkbox"] + label::before { display:block; content:"Menü öffnen"; position:absolute; width:400px; top:0px; left:-1200px;}
[type="checkbox"]:focus + label::before { width:400px; height:auto; top:0px; left:-1200px; background-color:#FFF; display:block; content:"Menü öffnen"; position: absolute; }
[type="checkbox"]:checked + label::before { background-color: transparent; display:block; content:""; position:relative; border:hidden;}	

input#menu1:focus {display: block; left:-900px; width: 120px; height: 110px;  background-color:#1d1d1b; }

}




.direktlink {width:200px; height:auto; top:0px; position:absolute; z-index:10; left:0px; font-size: 1em; line-height:1.0; }
a.direktlink:link {min-width:200px; height:auto; top:0px; position:absolute; z-index:900; text-align:left; float:left; text-decoration: none; background-color:#000; color:#FFF; border:none; padding:10px; left:-1000px;}
a.direktlink:focus {min-width:200px; height:auto; top:0px; position:absolute; z-index:900; text-align:left; float:left; text-decoration: none; background-color:#8dbfb3; color:#000; border:none; padding:10px; left:30%;}


.slogan { width:80%; height:auto; margin-top:80px; margin-left:auto; margin-right:auto; }
.slogan figure { position: absolute; display: block; margin-top: 0px; margin-left:0px; margin-right:0px; margin-bottom:0px; margin-top:0px; padding:0px; z-index:100; animation: wechseln 15s infinite; -webkit-animation: wechseln 10s infinite; width:100%; float:left; }

@keyframes wechseln {
	0% {opacity: 0;}
	20% {opacity: 1;}
	40% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
	}

.slogan figure:nth-of-type(2) { animation-delay: 5s; opacity:0; }
.slogan figure:nth-of-type(3) { animation-delay: 10s; opacity:0; }
.slogan figure:nth-of-type(4) { animation-delay: 15s; opacity:0; }