/*
Theme Name: Eloha Lhèana
Theme URL: https://www.eloha-lheana.de
Description: Theme für Eloha Lhèana
Version: 1.0
Author: Sandy Schuster
Author URL: https://www.mentalwork.eu*/

/* alegreya-sans-300 - 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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-300italic - 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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 300;
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-300italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}


/* alegreya-sans-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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-regular.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-italic - 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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 400;
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-500 - 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: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* alegreya-sans-500italic - 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: 'Alegreya Sans';
  font-style: italic;
  font-weight: 500;
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500italic.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500italic.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('https://eloha-lheana.de/fonts/alegreya-sans-v26-latin-500italic.svg#AlegreyaSans') format('svg'); /* Legacy iOS */
}

/* licorice-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: 'Licorice';
  font-style: normal;
  font-weight: 400;
  src: url('https://eloha-lheana.de/fonts/licorice-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('https://eloha-lheana.de/fonts/licorice-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://eloha-lheana.de/fonts/licorice-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://eloha-lheana.de/fonts/licorice-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://eloha-lheana.de/fonts/licorice-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://eloha-lheana.de/fonts/licorice-v3-latin-regular.svg#Licorice') format('svg'); /* Legacy iOS */
}
body {
	font-family: 'Alegreya Sans';					
	font-size: 120%;
	font-weight: 300;
	margin: 0;
	color: #333333;
	background-color: #ffffff;
}
#wrapper {
	max-width: 1920px;
	min-height: auto;
	margin: 0px auto;
	position:relative;
	z-index: 0;
}
header {
	width: 100%;
	height: 230px;
	position: relative;
	z-index: 1;
}
#logo {
    width: 23%;
    height: auto;
    position: relative;
    z-index: 11;
    left: 22%;
    top: 55px;
}
#navleiste {
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 3;
	background-color: #004548;
}
nav {
	width: 60%;
	height: 50px;
	position: relative;
	z-index: 30;
	text-align: center;
	float: left;
	left: 5%;
}
nav li {
	display: inline;
	list-style: none; 				
	margin: 0px 15px 0px 0; 
	text-align: right;
}
nav A:LINK, nav A:VISITED {
	font-size : 110%;
	color : #ffffff;
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
nav A:HOVER{
	font-size : 110%;
	color : #c5a533;
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
	text-decoration-line: underline;
}
img {
	max-width: 100%;
	height: auto;
}
#logobild {
	width: 38%;
	height: auto;
	position: absolute;
	z-index: 999;
	margin-left: 53%;
	margin-top: -120px;
	overflow: hidden;
}
.parallax {
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2025/10/startbild1-scaled.jpg");
	background-attachment: fixed;
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
.parallaxfuss {
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2026/01/fussbild-scaled.jpg");
	background-attachment: fixed;
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
.parallax1 {
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2026/01/fussbild-scaled.jpg");
	background-attachment: fixed;
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
}
.parallax_ws {
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2025/10/goldmandala-1.jpg");
	background-attachment: fixed;
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
 }
#bild {
	height: 600px;
	width: 100%;
	/*z-index: 10;*/
	position: relative;
}
#bild1 {
	height: 200px;
	width: 100%;
	/*z-index: 10;*/
	position: relative;
}
#leiste {
  min-height: 950px;
  width: 100%;
  background: #004548;
  z-index: 10;
  position: relative;
  color: #FFFFFF;
  overflow: hidden;
}
#leiste1 {
	height: 575px;
	width: 100%;
	background: #004548;
	z-index: 10;
	position: relative;
	color: #FFFFFF;
}
#leiste2 {
	height: 150px;
	width: 100%;
	background: #004548;
	z-index: 10;
	position: relative;
	color: #FFFFFF;
}
#newsletter {
    height: 650px;
    width: 100%;
    background-image: url(https://eloha-lheana.de/wp-content/uploads/2026/02/newslettergold.jpg);
    z-index: 10;
    position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
}
#nl-bereich {
    height: 500px;
    width: 64%;
    background: rgba(255, 255, 255, .7);
    z-index: 15;
    position: relative;
    color: #333333;
    margin-left: 15%;
    margin-right: 15%;
    padding: 3%;
}
#magazin {
	width: 29%;
	float: left;
	margin-right: 2%;
}
.magazin {
	border: 5px solid #ffffff;
}
.lotus {
  margin-bottom: -40px;
  margin-left: 121px;
  width: 10%;
}
#magazin-text {
    width: 66%;
    float: right;
    text-align: justify;
	hyphens: auto;
}
.animate-balken {
    position: relative;
    animation-name: slide-left;
    animation-duration: 4s;
    animation-timing-function: linear;
}
#balken {
	width: 22.8%;
	height: 40px;
	position: absolute;
	z-index: 30;
	float: right;
	right: 15%;
	background: rgba(0,69,72,.7);
	margin-top: -289px;
	color: #ffffff;
	text-shadow: #000000 1px 0 5px;
	text-align: center;
	line-height: 1.0em;
	padding: 30px 2%;
	border: 1px solid #FFFFFF;
	font-family: 'Licorice';
	font-size: 245%;
	font-weight: 400;
}
#balken1 {
	width: 22.8%;
	height: 33px;
	position: absolute;
	z-index: 30;
	float: right;
	right: 15%;
	background: rgba(0,69,72,.7);
	margin-top: -180px;
	color: #ffffff;
	text-shadow: #000000 1px 0 5px;
	text-align: center;
	line-height: 1.0em;
	padding: 28px 2%;
	border: 1px solid #FFFFFF;
	font-size: 158%;
	font-weight: 400;
}
@keyframes slide-left {
  0% {
    right: -20%; /* Startposition */
  }
  100% {
    right: 10%; /* Endposition */
  }
}
#sandy {
	background-color: #FFFFFF;
	width: 18.9%;
	height: 1031px;
	z-index: 100;
	position: absolute;
	float: right;
	right: 15%;
	margin-top: -1208px;
	padding: 4% 4%;
	color: #333333;
	text-align: justify;
	hyphens: auto;
	line-height: 1.1em;
	font-weight: 400; 
	padding-bottom: 50px;
}
.sandy {
	margin-top: -10px;
}
.button-1 {
  background-color: #004548;
  border: 3px solid #ffffff;
  color: #ffffff;
  transition: .3s;
  text-align: center;
  height: 42px;
  padding-top: 25px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 80%;
  letter-spacing: 0.05em;
  border-radius: 10px;
}
.button-1:hover {
  animation: pulse 1s infinite;
  background-color: rgb(197,165,51);
  transition: .3s;
}
.button-2 {
  background-color: #004548;
  border: 3px solid #ffffff;
  color: #ffffff;
  transition: .3s;
  text-align: center;
  height: 42px;
  padding-top: 25px;
  text-transform: uppercase;
  width: 97%;
  font-size: 80%;
  font-weight: 400;
  letter-spacing: 0.05em;
  border-radius: 10px;
}
.button-2:hover {
  animation: pulse 1s infinite;
  background-color: rgb(197,165,51);
  transition: .3s;
}
.button-3 {
  background-color: rgb(197,165,51);
  color: #ffffff;
  transition: .3s;
  text-align: center;
  height: 42px;
  padding-top: 25px;
  text-transform: uppercase;
  width: 30%;
  font-weight: 400;
  font-size: 80%;
  letter-spacing: 0.05em;
  margin-left: -160px;
  border-radius: 10px;

}
.button-3:hover {
  animation: pulse 1s infinite;
  transition: .3s;
  background-color: #004548;
}
.button-4 {
  background-color: rgb(197,165,51);
  color: #ffffff;
  transition: .3s;
  text-align: center;
  height: 42px;
  padding-top: 25px;
  text-transform: uppercase;
  width: 50%;
  font-weight: 400;
  font-size: 80%;
  letter-spacing: 0.05em;
  border-radius: 10px;
	
}
.button-4:hover {
  animation: pulse 1s infinite;
  background-color: #004548;
  transition: .3s;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  70% {
    transform: scale(.9);
  }
    100% {
    transform: scale(1);
  }
}
#angebote {
	height: auto;
	width: 44%;
	z-index: 100;
	position: relative;
	color: #FFFFFF;
	float: left;
	left: 15%;
	top: 15px;
}
.angebutton {
	width: 30%;
	height: 290px;
	position:relative;
	z-index: 101;
	float: left;
	perspective: 1000px;
	margin-right: 1%;
}
.angebutton-front, .angebutton-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	transition: transform 0.9s ease;
}
.angebutton-front {
	/*box-shadow: 0px 1px 3px rgba(0,0,00.1);*/
}
.angebutton-back {
	/*box-shadow: 0px 1px 3px rgba(0,0,00.1);*/
	transform: rotateY(180deg);
}
.angebutton:hover .angebutton-front {
	transform: rotateY(-180deg);
}
.angebutton:hover .angebutton-back {
	transform: rotateY(0deg);
}
#bilderleiste {
	width: 35%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	float: left;
	margin-top: 10px;
	margin-left: 15%;
}
#textleiste {
	width: 34%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 100%;
	float: right;
	margin-top: 206px;
	margin-right: 15%;
	line-height: 1.1em;
	text-align: justify;
	hyphens: auto;
}
.page-id-9 #content {
  width: 92%;
  height: auto;
  position: relative;
  z-index: 5;
  text-align: justify;
  hyphens: auto;
  padding-top: 310px;
  line-height: 1.1em;
  margin-left: -15%;
}
.buchung {
    margin: 0 20px 0 0;
    float: left;"
}
.buchung1 {
    margin: 0 20px 0 0;
    float: left;"
}
#kurscontent{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
	text-align: justify;
	hyphens: auto;
	padding: 30px 0%;
	font-size: 100%;
	line-height: 1.3em;
}
#kurscontent h2{
	text-align: center;
}
#kurscontent h3{
	text-align: center;
}
#content{
	width: 70%;
	height: auto;
	position: relative;
	z-index: 5;
	text-align: justify;
	hyphens: auto;
	padding: 30px 15%;
	font-size: 100%;
	line-height: 1.1em;
}
#blogcontent{
	width: 50%;
	min-height: 300px;
	position: relative;
	z-index: 5;
	text-align: justify;
	hyphens: auto;
	padding: 30px 1% 50px 15%;
	font-size: 100%;
	line-height: 1.1em;
	float: left;
}
#sidebar{
	width: 15%;
	min-height: 300px;
	position: relative;
	z-index: 5;
	text-align: justify;
	hyphens: auto;
	padding: 30px 15% 0 0;
	font-size: 100%;
	line-height: 1.1em;
	float: right;
}
#clear {
	clear: both;
}
#sidebar li {
	display: block;
	list-style: none; 				
	text-align: left;
	margin-bottom: 5px;
	font-size: 90%;
}
#sidebar a:link,  #sidebar a:visited, a:active {
	font-size : 100%;
	color : #004548;
	text-decoration: none;
	font-weight: normal;
	border: none;
	text-align: left;
}
#sidebar a:hover {
	font-size : 100%;
	color : #336600;
	text-decoration: none;
	font-weight: normal;
	border: none;
}  
.cat-item { 
	margin-left: -40px;
}
.menu-sidemenu-container {
	margin-top: -15px;
}
.widget_search { 
	background: #b2c7c8;
	border: #004548 1px dotted;		
	padding: 5px;
}
.widget-title {
	color: #b99222;
	padding-bottom: 10px;
	font-family: whisper;
	font-size: 210%;
	line-height: 1.0em;
	font-weight: 300;
}

#kurse {
	width: 70%;
	height: auto;
	position: relative;
	z-index: 6;
	padding: 1% 15% 3%;
}
#kurs1{
	width: 32.5%;
	border: 1px solid #a9cbce;
	height: 730px;
	margin-right: 1%;
	margin-top: 2%;
	float: left;
}
#kursbild1 {
	width: 95%;
	height: 250px;
	position: relative;
	z-index: 15;
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2026/02/kursbild_voice.jpg");
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #ffffff;
	text-transform: uppercase;
	flex-grow: 1;
  	order: 10;
  	display: inline-block;padding-left: 5%
}
#kurs2{
	width: 32.5%;
	border: 1px solid #a9cbce;
	height: 730px;
	margin-right: 1%;
	margin-top: 2%;
	float: left;
}
#kursbild2 {
	width: 95%;
	height: 250px;
	position: relative;
	z-index: 15;
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2026/02/kursbild_power-1.jpg");
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #ffffff;
	text-transform: uppercase;
	flex-grow: 1;
  	order: 10;
  	display: inline-block;
	padding-left: 5%;
}
#kurs3{
	width: 32.5%;
	border: 1px solid #a9cbce;
	height: 730px;
	margin-top: 2%;
	float: left;
}
#kursbild3 {
	width: 95%;
	height: 250px;
	position: relative;
	z-index: 15;
	background-image: url("https://eloha-lheana.de/wp-content/uploads/2026/02/kursbild_levelup.jpg");
	background-position: top center;
  	background-repeat: no-repeat;
  	background-size: cover;
	color: #ffffff;
	text-transform: uppercase;
	flex-grow: 1;
  	order: 10;
  	display: inline-block;
	padding-left: 5%;
}
#clear {
	clear: both;
}
.kurstext {
	background-color: #004548; 
	width: 60%; 
	height: 25px; 
	padding: 2%; 
	letter-spacing: 0.05em; 
	font-weight: 400;
} 
.kursbeschr {
	width: 86%; 
	height: auto;
	padding: 2% 7%;
	position: relative;
	z-index: 5;
	text-align: justify;
	hyphens: auto;
	font-size: 90%;
	line-height: 1.0em;
	color: #333333;
}
#kursbutton {
  width: 80%;
  padding: 0 10%;
  margin-top: 0px;
}
#kursbutton1 {
  width: 80%;
  padding: 0 10%;
  margin-top: 0px;
}
#kursbutton2 {
  width: 80%;
  padding: 0 10%;
  margin-top: 17px;
}
#login {
	height: 200px;
	width: 70%;
	position: relative;
	z-index: 100;
	padding: 3% 15% ;
}
#loginbutton {
  width: 80%;
  padding: 0 10%;
  margin-top: 34px;
  margin-left: 45px;
}
#kunden {
	height: 600px;
	background-color: #004548;
	width: 70%;
	position: relative;
	z-index: 100;
	padding: 3% 15% ;
}
#endbild {
	height: 300px;
	width: 100%;
	z-index: 10;
	position: relative;
}
#endbild1 {
	height: 200px;
	width: 100%;
	z-index: 10;
	position: relative;
}
footer{
	background-color: #004548;
	width: 70%;
	height: 450px;
	font-size: 80%;
	position: relative;
	z-index: 30;
	padding: 3% 15%;
}
#footertext {
	width: 49%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 110%;
	float: right;
	text-align: right;
	line-height: 1.5em;
}
#footermenu {
	width: 49%;
	height: auto;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 100%;
	float: left;
	text-align: left;
}
#footermenu li {
	display: block;			
	text-align: left;
	margin-left:  -90px;
	line-height: 2.4em;
	text-indent: 50px;
}
#footermenu A:LINK, #footermenu .A:VISITED {
	font-size : 130%;
	color : #ffffff;
	font-weight : 400;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
#footermenu A:HOVER{
	font-size : 130%;
	color : rgb(197,165,51);
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
#social {
	width: 100%;
	height: 50px;
	position: relative;
	z-index: 100;
	color: #ffffff;
	font-size: 100%;
	float: left;
	text-align: right;
	margin-top: 15px;
}
.social {
	width: 6%;
	height: auto;
}
#clear1 {
	clear: both;
	height: auto;
}
#copy {
	width: 49%;
	float: left;
	height: 50px;
	z-index: 100;
	color: #ffffff;
	font-size: 90%;
	padding-top: 20px;
}
#nav1 {
	width: 49%;
	float: right;
	height: 50px;
	z-index: 150;
	text-align: right;
	padding-top: 5px;
}
#nav1 li {
	display: inline;			
	text-align: right;
	margin-right: 1%;
}
#nav1 A:LINK, #nav1 A:VISITED, #nav1 A:FOCUS {
	font-size : 100%;
	color : #ffffff;
	font-weight : 400;
	text-decoration: none;
	text-transform: uppercase;
}
#nav1 A:HOVER{
	font-size : 100%;
	color : rgb(197,165,51);
	text-decoration: none;
	font-weight : 400;
	text-transform: uppercase;
}
A:LINK, A:VISITED {
	font-size : 100%;
	color : rgb(197,165,51);
	text-decoration: none;
	font-weight : normal;
	text-align: center;
}
A:HOVER{
	font-size : 100%;
	color : rgb(197,165,51);
	text-decoration: none;
	font-weight : normal;
}
H1 {
	font-family: "Alegreya Sans", Sans-serif;
  	font-size: 100%;
  	font-weight: 400;
	color: rgb(197,165,51);
 	text-transform: uppercase;
  	font-style: normal;
  	line-height: 33px;
	text-align: left;
	line-height: 1.0em;
}
H2 {
	font-family: "Licorice", Sans-serif;
	color: #004548;
 	font-size: 44px;
 	font-weight: 500;
 	text-transform: none;
 	font-style: normal;
 	text-decoration: none;
	margin-top: -15px;
	margin-left: -15px;
	margin-bottom: 10px;
	line-height: 0.9em;
	text-align: left;
}
.weiss {
	color: #FFFFFF;
}
.gold {
	color : rgb(197,165,51);
}
h3 .abstand {
	margin-top: -27px;
}
.top {
	margin-top: 30px;
}
H3 {
	font-size : 120%;
	font-family: "Alegreya Sans", Sans-serif;
	color : #004548;
	text-decoration : none;
	text-align: left;
	font-weight: 500;
	font-style: italic;
	line-height: 1.0em;	
	margin-top: -5px;
}
H4 {
	font-size : 120%;
	font-family: "Alegreya Sans", Sans-serif;
	color : #004548;
	text-decoration : none;
	text-align: left;
	margin-top: 20px;
	font-weight: 500;
	font-style: normal;
	line-height: 1.0em;	
}
H5 {
	font-size : 120%;
	font-family: "Alegreya Sans", Sans-serif;
	color : rgb(197,165,51);
	text-decoration : none;
	text-align: left;
	margin-top: 20px;
	font-weight: 500;
	font-style: italic;
	line-height: 1.0em;	
}
blockquote {
	font-weight: bold;
	color: #004548;
}
/*Responsive*/

@media screen and (max-width: 1680px){ 
#sandy {
    height: 1103px;
    margin-top: -1249px;
}
.page-id-9 #content {
    padding-top: 282px;
}
#kurs1, #kurs2, #kurs3 {
    height: 750px;
	width: 32.4%;
}
#kursbutton2 {
    margin-top: 21px;
}
#balken1 {
    height: 59px;
    padding: 15px 2%;
}
}
@media screen and (max-width: 1600px){ 
nav {
    width: 65%;
    left: 0%;
}
#logobild {
    margin-top: -77px;
}
#sandy {
    margin-top: -1240px;
    height: 1092px;
}
#balken1 {
    margin-top: -151px;
	height: 59px;
}
#balken {
    margin-top: -259px;
}
.angebutton, .angebutton1, .angebutton2 {
    height: 270px;
}
.page-id-9 #content {
    padding-top: 259px;
}
#textleiste {
    margin-top: 135px;
 }

#kurs1 {
    height: 760px;
}
#kurs2 {
    height: 760px;
}
#kurs3 {
    height: 760px;
}
#footermenu {
    margin-top: -30px;
}
#magazin-text {
    height: 548px;
	width: 60%;
 }
#magazin {
    width: 34%;
}
#nl-bereich {
    height: 552px;
}
.button-4 {
    width: 82%;
}
}
@media screen and (max-width: 1536px){ 
#bild {
    height: 510px;
}
header {
    height: 264px;
}
#angebote {
    width: 56%;
    left: 6%;
}
#balken {
    width: 29.8%;
    right: 6%;
}
#balken1 {
    width: 29.8%;
    right: 6%;
	height: 32px;
	padding: 36px 2%;
}
#sandy {
    width: 25.8%;
    right: 6%;
    margin-top: -1183px;
    height: 1033px;
}
.page-id-9 #content {
    padding-top: 323px;
}
#kurse {
    padding: 1% 6% 6%;
	width: 88%;
}
#kursbutton2 {
    margin-top: 16px;
}
#navleiste {
    margin-top: -23px;
}
nav {
    left: 2%;
}
#logo {
    width: 30%;
	left: 20%;
    top: 58px;
}
#nl-bereich {
    width: 82%;
    margin-left: 6%;
    margin-right: 6%;
	height: 603px;
}
#newsletter {
    height: 700px;
}
#login {
    width: 88%;
    padding: 3% 6%;
}
footer {
    width: 88%;
    padding: 3% 6%;
}
#bilderleiste {
    width: 41%;
    margin-left: 6%;
}    
#textleiste {
    margin-top: 187px;
	width: 45%;
	margin-right: 6%;
}
#content {
    width: 88%;
    padding: 30px 6%;
}
.page-id-9 #content {
    margin-left: -6%;
}
}
@media screen and (max-width: 1440px){ 
header {
    height: 235px;
}
#logobild {
    margin-top: -45px;
	margin-left: 59%;
}
nav {
    width: 70%;
    left: 1%;
}
nav li {
    margin: 0px 10px 0px 0;
}
#logo {
    left: 15%;
}
#leiste1 {
    height: 523px;
}
#bild {
    height: 500px;
}
#angebote {
    width: 57%;
}
#sandy {
    margin-top: -1214px;
    height: 1074px;
}
.page-id-31 #content {
    padding-top: 290px;
}
#balken {
    margin-top: -287px;
}
#balken1 {
    margin-top: -177px;
    font-size: 135%;
    padding: 38px 2%;
	height: 22px;
}
#copy {
    padding-top: 10px;
}
#kursbutton2 {
    margin-top: -1px;
}
#nav1 {
    margin-top: -5px;
}
#navleiste {
    margin-top: 8px;
}
#endbild1 {
    height: 150px;
}
}
@media screen and (max-width: 1366px) {
#logobild {
  margin-left: 58%;
}
#sandy {
  margin-top: -1197px;
  height: 1064px;
}
#balken {
  font-size: 230%;
}
#textleiste {
    margin-top: 206px;
}
.page-id-15 #textleiste {
    margin-top: 156px;
}
.page-id-9 #content {
    padding-top: 283px;
}
#footermenu {
    margin-top: -17px;
}
#kursbutton {
    margin-top: 20px;
}
#kursbutton2 {
    margin-top: 21px;
}
}
@media screen and (max-width: 1280px){ 
#balken {
    font-size: 226%;
}
#endbild {
    height: 200px;
}
#bild {
    height: 403px;
}
#balken {
    height: 34px;
    padding: 25px 2%;
    margin-top: -232px;
}
#balken1 {
    font-size: 122%;
	height: 23px;
	padding: 29px 2%;
	margin-top: -139px;
}
.page-id-31 #content {
    padding-top: 271px;
}
#sandy {
    margin-top: -1218px;
	height: 1088px;
}
.button-1 {
    font-size: 85%;
}
.kurstext {
    height: 21px;
    font-size: 85%;
}
#kurs1 {
    height: 780px;
}
#kurs2 {
    height: 780px;
}
#kurs3 {
    height: 780px;
}
#kursbutton {
    margin-top: 0px;
}
#logo {
    width: 34%;
	left: 16%;
}
nav {
    left: -5%;
	width: 82%;
}
nav li {
    margin: 0px 6px 0px 0;
}
#leiste1 {
    height: 404px;
}
#bilderleiste {
    width: 35%;
    margin-left: 6%;
}
#textleiste {
    margin-top: 148px;
	width: 51%;
}
.page-id-15 #textleiste {
    margin-top: 112px;
}
#bild1 {
    height: 100px;
}
}
@media screen and (max-width: 1179px) {
#sandy {
    margin-top: -1261px;
    height: 1129px;
}
#kursbutton2 {
    margin-top: 0px; 
}
}
@media screen and (max-width: 1179px) {
#sandy {
    margin-top: -1282px;
    height: 1152px;
}
}
@media screen and (max-width: 1080px) {
#sandy {
    margin-top: -1302px;
    height: 1175px;
}
}
@media screen and (max-width: 1024px){ 
#logo {
    width: 35%;
    left: 16%;
    top: 45px;
}
header {
    height: 213px;
}
#logobild {
    width: 43%;
    margin-top: -64px;
}
#navleiste {
    margin-top: -15px;
}
.angebutton, .angebutton1, .angebutton2 {
    height: 240px;
 }
#textleiste {
    margin-top: 147px;
	line-height: 1.0em;
}
#bilderleiste {
    margin-top: 22px;
}
#leiste1 {
    height: 343px;
}
nav A:LINK, nav A:VISITED {
	font-size : 100%;
}
nav A:HOVER{
	font-size : 100%;
}
nav li {
    margin: 0px 3px 0px 0;
}
#bild {
    height: 370px;
}
#angebote {
    width: 59%;
    left: 8%;
}
#sandy {
    right: 7%;
    height: 1156px;
    margin-top: -1247px;
    width: 21.9%;
    padding: 3% 3%;
}
#balken {
    right: 7%;
    width: 23.8%;
    margin-top: -192px;
    font-size: 170%;
    height: 25px;
    padding: 25px 2%;
}
#balken1 {
    right: 7%;
    width: 23.8%;
    margin-top: -108px;
    height: 34px;
    font-size: 110%;
    line-height: 0.9em;
	padding: 20px 2%;
}
.page-id-9 #content {
    padding-top: 231px;
}
#kurs1, #kurs2, #kurs3 {
      width: 32.4%;
	 height: 840px;
    }
#kurse {
    width: 84%;
    padding: 1% 8% 3%;
}
#kursbutton2 {
    margin-top: -2px;
}
.kurstext {
    width: 74%;
}
#login {
    width: 84%;
    padding: 3% 8%;
}
#kunden {
    width: 84%;
    padding: 3% 8%;
    height: 660px;
}
footer {
    width: 84%;
    padding: 3% 8%;
}
#footermenu {
    font-size: 95%;
    margin-top: 5px;
}
#footermenu A:link, #footermenu .A:visited {
    font-size: 115%;
}
#footermenu A:hover {
    font-size: 115%;
}
#nl-bereich {
    width: 79%;
    margin-left: 8%;
    margin-right: 8%;
    height: 588px;
}
#magazin-text {
    height: 548px;
    width: 62%;
}
#magazin {
    width: 32%;
}
.page-id-15 #textleiste {
     margin-top: 76px;
}
}
@media screen and (max-width: 980px){
nav {
    left: 1%;
    width: 65%;
    margin-top: -11px;
}	
#sandy {
    height: 1171px;
    margin-top: -1259px;
}
H2 {
    font-size: 38px;
}
}
@media screen and (max-width: 960px){
#kurs1 {
    width: 32.3%;
	height: 885px;
}
#kurs2 {
    width: 32.3%;
    height: 885px;
}
#kurs3 {
    width: 32.3%;
    height: 885px;
}
#kursbutton1 {
    margin-top: 24px;
}
#kursbutton2 {
    margin-top: 3px;
}
#kursbutton {
    margin-top: 4px;
}
nav {
    left: 1%;
    width: 65%;
    margin-top: -11px;
}
nav li {
    margin: 0px 4px 0px 0;
}
#logo {
    left: 16%;
}
#logobild {
    width: 43%;
    margin-top: -29px;
	margin-left: 54%;
}
header {
    height: 194px;
}
.angebutton {
    height: 207px;
}
.page-id-31 #content {
    padding-top: 205px;
}
#sandy {
    margin-top: -1254px;
    height: 1164px;
}
#endbild1 {
    height: 100px;
}
#newsletter {
    height: 628px;
}
#nl-bereich {
    height: 565px;
}
#login {
   width: 72%;
   padding: 3% 14%;
}
H2 {
    font-size: 38px;
}
.page-id-9 #content {
    padding-top: 206px;
}
}
@media screen and (max-width: 828px) {
#sandy {
    height: 1259px;
    margin-top: -1340px;
}
#kurs1, #kurs2, #kurs3 {
	 height: 954px;
}
#kursbutton1 {
     margin-top: 46px;
}
#kursbutton2 {
     margin-top: 21px;
}
}
@media screen and (max-width: 800px){ 
#logobild {
    width: 50%;
    margin-top: -35px;
	margin-left: 48%;
}
header {
    height: 200px;
}
#logo {
    left: 10%;
	width: 41%;
	top: 55px;
}
#bilderleiste {
    margin-left: 6%;
}
#textleiste {
    width: 53%;
    margin-right: 6%;
	font-size: 95%;
}
#bilderleiste {
    margin-top: 56px;
}
nav {
  width: 66%;
  left: -2%;
}
nav A:LINK, nav A:VISITED {
	font-size : 90%;
}
nav A:HOVER{
	font-size : 90%;
}
nav li {
    margin: 0px 5px 0px 0;
}
H2 {
    font-size: 35px;
}
#kursbutton1 {
    margin-top: 22px;
}
#angebote {
    width: 59%;
    left: 6%;
}
#sandy {
    right: 6%;
    width: 25.9%;
    padding: 11% 3%;
    margin-top: -1360px;
    height: 1150px;
}
.angebutton {
    height: 175px;
}
.page-id-31 #content {
    padding-top: 170px;
    left: 8%;
}
 #balken1 {
    right: 6%;
    width: 27.8%;
    margin-top: -150px;
}
 #balken {
    right: 6%;
    width: 27.8%;
    margin-top: -233px;
    font-size: 168%;
}
#kurse {
    width: 88%;
    padding: 1% 6% 3%;
}
#kurs1, #kurs2, #kurs3 {
   width: 32.3%;
   height: 920px;
}
#kursbutton {
   margin-top: -17px;
}
#kursbutton2 {
   margin-top: -1px;
}
.button-2 {
  font-size: 85%;
}
#login {
  width: 88%;
  padding: 3% 6%;
}
.button-3 {
  margin-left: -112px;
  font-size: 85%;
}
#kunden {
  width: 88%;
  padding: 3% 6%;
  height: 780px;
}
#endbild {
  height: 200px;
}
footer {
  width: 88%;
  padding: 3% 6%;
}
#content{
  width: 88%;
  padding: 3% 6%;
}
#nl-bereich {
   width: 79%;
   margin-left: 8%;
   margin-right: 8%;
   height: 577px;
}
.button-4 {
   width: 100%;
}
.kurstext {
   height: 43px;
}
}
@media screen and (max-width: 768px){
nav {
    display:none;
    height: auto;
}
header {
    height: 226px;
}
#sidebar {
	display: none;
	height: auto;
}
#blogcontent {
    width: 70%;
 }
#navleiste {
    height: 34px;
}
#sandy {
   right: 0%;
   width: 80%;
   padding: 1% 10%;
   margin-top: -44px;
   height: 615px;
   background-color: #c7dee0;
}
.sandy {
    margin-top: -10px;
    width: 31%;
    float: left;
    padding: 0px 20px 0px 0;
}
#footermenu {
    display:none;
    height: auto;
}
#nav1 {
    display:none;
    height: auto;
}
#logo {
    width: 46%;
    left: 4%;
    top: 68px;
}
#balken1 {
    right: 8%;
    width: 37.8%;
    margin-top: -88px;
}
#balken {
   right: 8%;
    width: 37.8%;
    margin-top: -172px;
}
#angebote {
    width: 88%;
    left: 10%;
}
.page-id-31 #content {
    padding-top: 250px;
    left: 5%;
    padding-bottom: 80px;
}
.page-id-9 #content {
    padding-top: 248px;
	margin-left: -10%;
	height: 812px;
}
#kurs1 {
    height: 682px;
    margin-bottom: 5%;
    width: 100%;
}	
#kursbild1 {
    height: 270px;
}
#kurs2 {
    height: 682px;
    margin-bottom: 5%;
    width: 100%;
}
#kursbild2 {
   height: 270px;
}
#kurs3 {
    height: 682px;
    margin-bottom: 5%;
    width: 100%;
}
#kursbild3 {
    height: 270px;
}
#kurse {
    width: 80%;
    padding: 1% 10% 10%;
    margin-top: 35px;
}
.kurstext {
    height: 17px;
}
#kursbutton1 {
    margin-top: -7px;
}
#kursbutton2 {
    margin-top: -3px;
}
#login {
    width: 80%;
    padding: 3% 10%;
    margin-top: -63px;
}
 #kunden {
  width: 80%;
  padding: 3% 10%;
  height: 885px;
}
footer {
  width: 80%;
  padding: 3% 10%;
  height: 288px;
}
.social {
  width: 12%;
  height: auto;
}
#copy {
  margin-top: -35px;
}
.button-1 {
    border: 3px solid #c7dee0;
    color: #ffffff;
}
.parallax {
    background-attachment: inherit; 
	background-position: 0px -98px;
}
.parallaxfuss {
    background-attachment: inherit; 
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.parallax1 {
    background-attachment: inherit;
    background-position: 0px center;
}
.parallax_ws {
    background-attachment: inherit;
    background-position: 0px -100px;
}
#bild1 {
    height: 115px;
 }
#bilderleiste {
    margin-left: 10%;
}
#textleiste {
    width: 45%;
    margin-right: 10%;
	font-size: 90%;
}
#content {
  width: 80%;
  padding: 3% 10%;
}
#newsletter {
    margin-top: 585px;
	height: 1013px;
}
#nl-bereich {
   height: 952px;
}
#magazin {
   width: 48%;
	margin-left: 25%;
}
#magazin-text {
   height: 548px;
   width: 99%;
}
}
@media screen and (max-width: 600px){
#logo {
  width: 56%;
  left: 3%;
  top: 44px;
}
header {
   height: 192px;
}
#bild {
   height: 523px;
}
#navleiste {
    height: 30px;
}
#logobild {
    margin-top: -42px;
}
#leiste {
    margin-top: -102px;
}		
#bilderleiste {
    margin-top: 19px;
	width: 85%;
}
.page-id-15 #textleiste{
    margin-top: 3px;
}
#leiste1 {
    height: 663px;
}
#textleiste {
    width: 80%;
	margin-top: 44px;
	font-size: 100%;
}
.angebutton {
    height: 343px;
    margin-right: 4%;
    width: 52%;
}
#sandy {
    margin-top: -3px;	
	height: 694px;
}
#angebote {
    width: 88%;
    left: 10%;
}
.sandy {
    width: 46%;
    padding: 0px 20px 20px 0;
}
#balken1 {
    width: 54.8%;
    margin-top: -181px;
    height: 20px;
	padding: 25px 2%;
	float: left;
    left: 10%;
}
#balken {
    width: 54.8%;
	margin-top: -264px;
	float: left;
    left: 10%;
}
.page-id-31 #content {
    padding-top: 0px;
}
.page-id-9 #content {
    padding-top: 0px;
    margin-left: -10%;
    height: 1471px;
}
#kurse {
    margin-top: 15px;
}
#kurs1 {
    height: 705px;
}
#kurs2 {
    height: 722px;
}
#kurs3 {
    height: 705px;
}
#kursbutton2 {
    margin-top: -15px;
}
#loginbutton {
    width: 180%;
	margin-left: 64px;
}

#kunden {
    height: 1110px;
}
#newsletter {
    margin-top: 703px;
    height: 1013px;
}
H2 {
    margin-left: 0px;
	margin-top: 8px;
}
}
@media screen and (max-width: 515px){
#balken1 {
     height: 40px;
     padding: 15px 2%;
}
.angebutton {
    height: 297px;
}
.page-id-9 #content {
    height: 1494px;
}
#newsletter {
    margin-top: 783px;
}
#sandy {
    height: 776px;
}
#magazin {
    width: 64%;
    margin-left: 17%;
}
#kurs1 {
     height: 721px;
}
#kurs2 {
     height: 730px;
}
#kurs3 {
     height: 721px;
}
#login {
     margin-top: -43px;
}
#copy {
     margin-top: -61px;
}
}	
@media screen and (max-width: 480px){
#logobild {
    width: 57%;
    margin-left: 44%;
    margin-top: -42px;
}
img #logobild {
    margin-right: 0 0 0 68px;
}
#logo {
   width: 66%;
   left: 1%;
   top: 55px;
}
.parallax {
    background-attachment: inherit;
    background-position: -29px -70px;
}
#balken {
    width: 78.8%;
    margin-top: -240px;
	left: 9%;
}
#balken1 {
    width: 78.8%;
    margin-top: -157px;
    height: 30px;
	left: 9%;
}
#navleiste {
    height: 32px;
}
#leiste {
	margin-top: -78px;
}
.angebutton {
    height: 275px;
}
#sandy {
    height: 753px;
}
#kurse {
     margin-top: 15px;
}
#kurs1 {
     height: 753px;
}
#kurs2 {
     height: 758px;
}
#kurs3 {
     height: 741px;
}
#kursbutton1 {
     margin-top: -22px;
}
#kursbutton2 {
     margin-top: -8px;
}
#kunden {
     height: 1565px;
}
#copy {
     margin-top: -61px;
}
footer {
   width: 80%;
   padding: 3% 10%;
   height: 318px;
}
#leiste1 {
    height: 634px;
}
#newsletter {
    margin-top: 760px;
}
#nl-bereich {
     height: 990px;
}
#login {
    margin-top: -46px;
}
#endbild {
    height: 200px;
}
.page-id-9 #content {
    height: 1577px;
}
}
@media screen and (max-width: 414px) {
#logobild {
     width: 67%;
     margin-top: -45px;
     margin-left: 33%;
}
.logobild {
    margin: 0 0 0 68px;		
}
#logo {
   width: 71%;
   left: 4%;
   top: 56px;
}
header {
   height: 190px;
}
.parallax {
   background-position: -80px -78px;
}
.buchung {
    margin: 0 20px 18px 0px;
    float: left;
    width: 80%;
}
.buchung1 {
    margin: 0 70px 20px 0px;
    float: left;
    width: 80%;
}
#bild {
   height: 392px;
}
#balken1 {
   margin-top: -156px;
}
#balken {
   margin-top: -239px;
}
.angebutton {
   height: 240px;
}
#sandy {
   height: 810px;
}
#newsletter {
    margin-top: 816px;
}
.sandy {
     width: 46%;
     padding: 0px 20px 13px 0;
}
.kurstext {
     height: 23px;
}
#kurse {
     margin-top: 18px;
}
#kurs1 {
     height: 789px;
}
#kurs2 {
      height: 781px;
}
#kurs3 {
      height: 790px;
}
#kunden {
      height: 1903px;
}
#footertext {
      width: 77%;
}
#copy {
      margin-top: -10px;
      text-align: right;
      width: 100%;
      float: right;
}
#textleiste {
      margin-top: 21px;
}
#magazin {
      width: 73%;
      margin-left: 12%;
}
#newsletter {
     height: 1120px;
     padding-top: 68px;
}
#nl-bereich {
     height: 1079px;
}
#login {
     margin-top: -36px;
}
#loginbutton {
     width: 260%;
     margin-left: 120px;
}
#endbild {
     height: 200px;
}
.page-id-9 #content {
     height: 1665px;
}
#leiste1 {
     margin-top: -10px;
}
}
@media screen and (max-width: 393px) {
.angebutton {
     height: 228px;
}
.page-id-9 #content {
     height: 1710px;
}
#kurs1 {
     height: 804px;
}
#kurs2 {
     height: 796px;
}
#leiste1 {
     margin-top: -19px;
}
}
@media screen and (max-width: 384px) {
.angebutton {
     height: 222px;
}
.page-id-9 #content {
     height: 1716px;
}
#leiste1 {
     margin-top: -23px;
}
footer {
     margin-top: -15px;
}
#kurs3 {
     height: 816px;
}
}	
	
@media screen and (max-width: 375px) {
#logo {
    top: 43px;
}
.parallax {
    background-position: -92px -46px;
}
#balken1 {
    margin-top: -168px;
    height: 42px;
}
#balken {
    margin-top: -251px;
}
.angebutton {
    height: 382px;
	width: 93%;
}
#leiste1 {
    margin-top: -28px;
}
.sandy {
    width: 83%;
    padding: 0px 20px 13px 0;
}
H2 {
    margin-top: -9px;
	font-size: 36px;
}
#sandy {
    height: 828px;
}
#kurs1 {
    height: 845px;
}
.kurstext {
    width: 62%;
}
#kurs2 {
    height: 813px;
}
#kurs3 {
    height: 813px;
}
#loginbutton {
    margin-left: 76px;
}
#kunden {
    height: 2205px;
}
header {
    height: 171px;
}
#newsletter {
    margin-top: 832px;
}
#magazin {
    width: 81%;
    margin-left: 7%;
}
#login {
    height: 247px;
}
.page-id-9 #content {
    height: 2471px;
}
}
@media screen and (max-width: 360px) {
header {
    height: 165px;
}
.sandy {
    width: 44%;
}
#sandy {
    height: 824px;
}
#leiste1 {
    margin-top: -37px;
}
#kurs1 {
    height: 857px;
}
#kurs2 {
    height: 816px;
}
#kunden {
    height: 2420px;
}
#kurs3 {
    height: 862px;
}
.angebutton {
    height: 366px;
}
footer {
    margin-top: -15px;
}
#newsletter {
    margin-top: 798px;
	height: 1158px;
}
.kurstext {
    height: 43px;
}
#magazin {
    width: 96%;
    margin-left: 0%;
}
#nl-bereich {
    height: 1131px;
}
footer {
    margin-top: -23px;
}
}
@media screen and (max-width: 320px) {
.parallax {
    background-position: -3px -46px;
}
#logo {
    top: 31px;
}
#leiste1 {
    margin-top: -55px;
}
#navleiste {
    height: 19px;
}
header {
    height: 136px;
}
.page-id-9 #content {
    height: 2489px;
}
.angebutton {
    height: 326px;
}
.sandy {
    width: 83%;
    padding: 0px 20px 24px 0;
}
#sandy {
    height: 930px;
}
#kurse {
    margin-top: 15px;
}
#kurs1 {
    height: 889px;
}
#kurs2 {
    height: 843px;
}
#kurs3 {
    height: 897px;
}
#kunden {
    height: 2486px;
}
#newsletter {
    margin-top: 904px;
	height: 1288px;
}
#magazin {
    width: 94%;
    margin: 26px 1%;
}
#nl-bereich {
    height: 1255px;
}
#copy {
    margin-top: -25px;
}
footer {
    margin-top: -43px;
}
}