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


body {
    -moz-font-family: 'Marcellus';
    -ms-font-family: 'Marcellus'; /* IE 9 */
    -opera-font-family: 'Marcellus';
    -webkit-font-family: 'Marcellus'; /* Safari and Chrome */
    font-family: 'Marcellus';
    font-size: 18px;
    font-size: 1.0vw;
    margin: 0%;
    padding-bottom: 0%;
	}
#titelbild {
	width: 100%;
	margin-top: -2.6%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: url(../images/mount-kailash-3200.jpg);
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	height: auto;
}
#container-werner {
	width: 17%;
	margin-left: 80%;
	z-index: 2;
	float: right;
	position: absolute;
	font-size: 82%;
	text-align: right;
	color: #E95D0F;
	margin-bottom: 2%;
	margin-top: 32vw;
	}
#main-container-nav {
	width: 90%;
	height: 100%;
	margin-left: 6%;
	margin-right: 4%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;
	margin-top: 2%;
	}
#main-container {
	width: 54%;
	height: 100%;
	margin-left: 23%;
	margin-right: 23%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;
	margin-top: 4%;
	}
#top-container {
	width: 54%;
	height: 100%;
	margin-left: 23%;
	margin-right: 23%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;
	margin-top: -2%;
	}
h1 {
	text-align: center;
	color: #E95D0F;
	position: relative;
	height: auto;
	padding-top: 0.2%;
	}
#yoga {
	display: block;
	font-family: 'Marcellus';
	font-size: 600%;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	color: #E95D0F;
	margin-top: 4%;
	line-height: 100%;
	position: relative;
}
#und {
	display: block;
	font-family: 'Marcellus';
	font-size: 140%;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	color: #E95D0F;
	line-height: 100%;
	margin-top: -2%;
	position: relative;
	letter-spacing: 0.1em;
}
#Feldenkrais {
	display: block;
	font-family: 'Marcellus';
	font-size: 460%;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	color: #E95D0F;
	line-height: 100%;
	margin-top: -2%;
	letter-spacing: 0.1em;
	position: relative;
}
h2 {
	margin-top: 1%;
	font-family: 'Marcellus';
	font-size: 300%;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #E95D0F;
	position: relative;
	}
h3 {
	font-family: 'Marcellus';
	font-size: 220%;
	font-weight: 400;
	text-align: center;
	color: #E95D0F;
	position: relative;
	margin-top: -1%;
	}
h3a {
	font-family: 'Marcellus';
	font-size: 220%;
	font-weight: 400;
	text-align: left;
	color: #E95D0F;
	position: relative;
	margin-top: -1%;
	}
h4 {
	margin-top: -2%;
	font-family: 'Marcellus';
	font-size: 260%;
	font-weight: 400;
	text-align: center;
	color: #949291;
	}
.h3-links {
	margin-top: -2%;
	font-family: 'Marcellus';
	font-size: 220%;
	font-weight: 400;
	text-align: left;
	color: #E95D0F;
	}
.h3-rechts-oben-pink {
	font-family: 'Marcellus';
	font-size: 180%;
	font-weight: normal;
	color: #FE01CD;
	position: relative;
	line-height: 160%;
	text-align: center;
	}
#graue-flaeche {
    width: 60%;
    margin-left: 20%;
    background-image: url(../images/grauer-kasten-02-november-2025-01.svg);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    height: 60%;
    padding-top: 8em;
    padding-bottom: 12em;
}
#graue-flaeche-01 {
    position: relative;
    text-align: center;
    background-color: darkgray;
    width: 60%;
    height: 30%;
    margin-left: 20%;
    margin-top: 40%;
    padding-top: 0.8%;
	}
#graue-flaeche-02 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 80%;
	height: 30%;
	margin-top: 0.6%;
	padding-top: 2%;
	margin-left: 10%;
	}
.graue-flaeche-text-01 {
	text-align: center;
	color: gold;
	font-size: 30px;
	line-height: 40px;
	}
.graue-flaeche-text-02 {
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 28px;
	}
.graue-flaeche-text-02-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 22px;
    line-height: 30px;
	}
.graue-flaeche-text-03 {
    color: gold;
    font-size: 28px;
    line-height: 34px;
    font-style: italic;
    text-align: center;
	}
.graue-flaeche-text-04 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;
    font-style: normal;
    color: #5E4E4A;
	}
.graue-flaeche-text-05 {
    text-align: center;
    color: gold;
    font-size: 24px;
    line-height: 48px;
	}
.graue-flaeche-text-05-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 24px;
    line-height: 48px;
	}
.graue-flaeche-text-05-pink-02 {
    text-align: center;
    color: #FE01CD;
    font-size: 24px;
    line-height: 32px;
	}
.text-links-pink {
	font-family: 'Marcellus';
	font-size: 140%;
	font-weight: 900;
	line-height: 170%;
	text-align: left;
	color: #FE01CD;
	padding-top: 5%;
	}
.text-zentriert-pink {
	display: block;
	font-family: 'Marcellus';
	font-size: 140%;
	font-weight: 900;
	line-height: 180%;
	color: #FE01CD;
	text-align: center;
	}
.text-links {
	font-family: 'Marcellus';
	font-size: 120%;
	font-weight: 100;
	line-height: 160%;
	text-align: left;
	color: #817F7E;
	}
.text-impressum-datenschutz {
	font-family: 'Marcellus';
	font-size: 130%;
	font-weight: 100;
	line-height: 150%;
	text-align: left;
	color: #817F7E;
	}
.ueberschrift-impressum-datenschutz {
	font-family: 'Marcellus';
	font-size: 200%;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 150%;
	text-align: left;
	color: #817F7E;
	}
.ueberschrift {
	font-family: 'Marcellus';
	font-size: 120%;
	font-weight: 700;
	line-height: 150%;
	text-align: left;
	color: #817F7E;
	}
.text-links-bold {
    margin-top: 2%;
    font-family: 'Marcellus';
    font-size: 100%;
    font-weight: 700;
    line-height: 160%;
    text-align: left;
    color: #949291;
    display: block;
	}
.text-links-extra-bold  {
	font-family: 'Marcellus';
	font-size: 100%;
	font-weight: 900;
	line-height: 160%;
	text-align: left;
	color: #949291;
	}
.text-links-normal {
	margin-top: 2%;
	font-family: 'Marcellus';
	font-size: 100%;
	font-weight: normal;
	line-height: 60%;
	text-align: left;
	color: #949291;
	display: block;
	}
.text-zentriert {
	display: block;
	font-family: 'Marcellus';
	font-size: 140%;
	font-weight: 100;
	line-height: 180%;
	color: #949291;
	text-align: center;
	}
.text-roboto {
	font-family: 'Roboto', sans-serif;
	;
	;
	font-size: 140%;
	font-weight: 100;
	line-height: 180%;
	color: #949291;
	text-align: center;
	}
.text-zentriert-100 {
	display: block;
	font-family: 'Marcellus';
	font-size: 160%;
	font-weight: 100;
	line-height: 180%;
	color: #949291;
	text-align: center;
	}
.text-zentriert-02 {
    display: block;
    font-family: 'Marcellus';
    font-size: 144%;
    font-weight: 600;
    text-align: center;
    line-height: 140%;
    color: #FE01CD;
    margin-top: -1.4em;
    padding-top: 0.5%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.5%;
    border-bottom: thin solid #F574C9;
	}
.text-zentriert-freier-platz {
    display: block;
    font-family: 'Marcellus';
    font-size: 90%;
    font-weight: 400;
    text-align: center;
    line-height: 140%;
    color: #FE39D8;
    padding-top: 0.9%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.5%;
    margin-top: 1%;
	}
.text-orange {
    color: #E95D0F;
    font-size: 120%;
    font-weight: 100;
	}
.text-pink-headline {
	color: #FE01CD;
	font-size: 100%;
	font-weight: 100;
	}
.text-pink {
	color: #FE01CD;
	font-size: 80%;
	font-weight: 100;
	}
.text-gesperrt {
	letter-spacing: 0.04em;
	font-size: 110%;
	}
.container-links {
	width: 47%;
	margin-right: 6%;
	display: block;
	float: left;
	}
.container-rechts {
	width: 47%;
	display: block;
	float: right;
	}
.container-volle-breite {
    width: 100%;
    display: block;
}
.container-mitte {
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	display: block;
	margin-top: 0px;
	}
.container-mitte-pink {
	width: 100%;
	display: block;
	text-align: center;
	}
.container-links-rahmen {
	width: 39%;
	padding-top: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 4%;
	height: 16em;
	display: block;
	float: left;
	border: thin solid #E95D0F;
	}
.container-volle-breite-rahmen {
	width: 92%;
	padding-top: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 4%;
	display: block;
	border: thin solid #E95D0F;
	}
.container-impressum-datenschutz {
    width: 74%;
    margin-left: 13%;
    display: block;
    margin-top: 5%;
	}
.container-garnesh {
	width: 40%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 2%;
	padding-left: 11.2%;
	padding-right: 8.8%;
	display: block;
	opacity: 0.8;
	}
.trennlinie {
	width: 100%;
	padding-top: 6%;
	padding-bottom: 10%;
	display: block;
	clear: both;
	}
.leerraum-01 {
	width: 100%;
	height: 1em;
	display: block;
	clear: both;
	}
.leerraum-02 {
	width: 100%;
	height: 2em;
	display: block;
	clear: both;
	}
.leerraum-03 {
	width: 100%;
	height: 0.5em;
	display: block;
	clear: both;
	}
.leerraum-04 {
    width: 100%;
    height: 1vw;
    display: block;
    clear: both;
	}
.leerraum-05 {
    width: 100%;
    height: 0.1em;
    display: block;
    clear: both;
	}
#footer {
	width: 100%;
	margin-top: 6%;
	padding-top: 2%;
	padding-bottom: 3.4%;
	margin-bottom: 0%;
	display: block;
	position: relative;
	z-index: 10;
	background-color: #F7BC9B;
	}
.footer-text-links {
	display: block;
	margin-left: 24%;
	float: left;
	font-family: 'Marcellus';
	font-weight: 100;
	text-align: left;
	text-decoration: none;
	color: #E95D0F;
	}
.footer-text-links a {
	display: block;
	color: #E95D0F;
	text-decoration: none;
    }
.footer-text-links a:link  {
	display: block;
	color: #E95D0F;
	text-decoration: none;
    }
.footer-text-links a:visited {
	color: #E95D0F;
	text-decoration: none;
	}
.footer-text-links a:hover {
	color: #737271;
	text-decoration: underline;
    }
.footer-text-rechts {
	margin-right: 23%;
    padding-top: 0,6%;
	float: right;
	display: block;
	margin-left: 0px;
	font-family: 'Marcellus';
	text-align: right;
	color: #E95D0F;
	}
.link-rosa {
    display: block;
    float: left;
    font-family: 'Marcellus';
    font-weight: 700;
    text-align: left;
    text-decoration: none;
    color: #F574C9;
	}
.link-rosa a {
    display: block;
    color: #F574C9;
    text-decoration: none;
    }
.link-rosa a:link  {
    display: block;
    color: #F574C9;
    text-decoration: none;
    }
.link-rosa a:visited {
    color: #F574C9;
    text-decoration: none;
	}
.link-rosa a:hover {
    color: #FE01CD;
    text-decoration: underline;
    }

/* Navigation, responsive */
#main-nav-container {
	width: 100%;
	display: block;
	margin-top: -6%;
	margin-bottom: 2%;
	}
.topnav {
	overflow: hidden;
	background-color: #FFFFFF;
	margin-left: 0%;
  }
.topnav a {
	float: left;
	display: block;
	color: #E95D0F;
	text-align: center;
	padding-top: 0.2%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 0.2%;
	text-decoration: none;
	font-size: 140%;
  }
.topnav a:hover {
	color: #FE01CD;
	font-size: 140%;
  }
.topnav .icon {
  display: none;
 }

#kontakt-block-01{
	color: #494747;
	width: 100%;
	line-height: 180%;
	float: left;
	font-size: 70%;
	font-weight: 400;
	margin-top: -4%;
	}
#kontakt-block-01 input  {
	width: 94%;
	background-color: #FBE0D1;
	border: none;
	margin-bottom: 2.6%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	float: left;
	font-size: 100%;
	font-weight: 200;
	color: #494747;
	}
#kontakt-block-01 textarea {
    width: 94%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-left: 3%;
    padding-right: 3%;
    height: 20vmin;
    background-color: #FBE0D1;
    border: none;
    font-size: 100%;
    font-weight: 200;
    color: #494747;
	}
#kontakt-block-02 textarea  {
	padding-left: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	background-color: #FBE0D1;
	width: 100%;
	height: 8em;
	border: none;
	font-size: 100%;
	font-weight: 200;
	color: #494747;
	}
#kontakt-block-02 {
    margin-top: 10%;
    width: 94%;
    font-size: 86%;
    line-height: 180%;
    text-align: left;
    font-weight: 200;
    color: #817F7E;
	}	
#zurueck {
	color: #ffffff;
	font-family: 'Marcellus';
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
	text-align: center;
	font-size: 104%;
	padding-right: 0.4%;
	padding-bottom: 0.1%;
	padding-left: 1%;
	background-color: #E95D0F;
	letter-spacing: 0.3em;
	width: 16%;
	margin-top: 2%;
	}
#zurueck a {
	color: #FFFFFF;
	text-decoration: none;
    }
#zurueck a:link  {
	color: #FFFFFF;
	text-decoration: none;
    }
#zurueck a:visited  {
	color: #FFFFFF;
	text-decoration: none;
    }
#zurueck a:hover  {
	color: #000000;
	text-decoration: none;
    }
.onlinekurse {
	display: block;
	float: none;
	font-family: 'Marcellus';
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #F574C9;
	}
.onlinekurse a {
    display: block;
    color: #F574C9;
    text-decoration: none;
    }
.lonlinekurse a:link  {
    display: block;
    color: #F574C9;
    text-decoration: none;
    }
.onlinekurse a:visited {
    color: #F574C9;
    text-decoration: none;
	}
.onlinekurse a:hover {
    color: #FE01CD;
    text-decoration: underline;
    }
#pfeil {
	width: 4%;
	height: auto;
	position: fixed;
	z-index: 20;
	margin-top: 38%;
	margin-left: 90%;
	opacity: 0;
	transition: 1s;
	}

@media screen and (min-width: 1240px) and (max-width: 1700px) {

#graue-flaeche-01 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 70%;
	height: 30%;
	margin-left: 15%;
	margin-top: 1%;
	padding-top: 0.6%;
	}
#graue-flaeche-02 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 80%;
	height: 30%;
	margin-top: 0.6%;
	padding-top: 2%;
	margin-left: 10%;
	}
.graue-flaeche-text-01 {
	text-align: center;
	color: gold;
	font-size: 28px;
	line-height: 38px;
	}
.graue-flaeche-text-02 {
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 30px;
	}
.graue-flaeche-text-02-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 20px;
    line-height: 30px;
	}
.graue-flaeche-text-03 {
	text-align: center;
	color: gold;
	font-size: 24px;
	line-height: 56px;
	font-style: italic;
	padding-right: 0%;
	}
.graue-flaeche-text-04 {
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-style: normal;
    color: #5E4E4A;
	}
.graue-flaeche-text-05 {
    text-align: center;
    color: gold;
    font-size: 20px;
    line-height: 36px;
	}
.graue-flaeche-text-05-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 20px;
    line-height: 36px;
	}
}
	
@media screen and (min-width: 601px) and (max-width: 1200px) {

#titelbild {
	width: 100%;
	margin-top: -2.6%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: url(../images/mount-kailash-1200.jpg);
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	height: auto;
}
#container-werner {
	width: 17%;
	margin-left: 80%;
	z-index: 2;
	float: right;
	position: absolute;
	font-size: 82%;
	text-align: right;
	color: #E95D0F;
	margin-bottom: 2%;
	margin-top: 32vw;
	}
#main-container-nav {
	width: 92%;
	height: 100%;
	margin-top: 2%;
    margin-left: 5%;
	margin-right: 3%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;

	}
#main-container {
	width: 54%;
	height: 100%;
	margin-left: 23%;
	margin-right: 23%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;
	margin-top: 4%;
	}
h1 {
	text-align: center;
	color: #E95D0F;
	position: relative;
	height: auto;
	padding-top: 0.2%;
	}
#yoga {
	display: block;
	font-family: 'Marcellus';
	font-size: 600%;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	color: #E95D0F;
	margin-top: 4%;
	line-height: 100%;
	position: relative;
}
#und {
	display: block;
	font-family: 'Marcellus';
	font-size: 140%;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	color: #E95D0F;
	line-height: 100%;
	margin-top: -2%;
	position: relative;
	letter-spacing: 0.1em;
}
#Feldenkrais {
	display: block;
	font-family: 'Marcellus';
	font-size: 460%;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	color: #E95D0F;
	line-height: 100%;
	margin-top: -2%;
	letter-spacing: 0.1em;
	position: relative;
}
h2 {
	margin-top: 1%;
	font-family: 'Marcellus';
	font-size: 300%;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #E95D0F;
	position: relative;
	}
h3 {
	font-family: 'Marcellus';
	font-size: 220%;
	font-weight: 400;
	text-align: center;
	color: #E95D0F;
	position: relative;
	margin-top: -1%;
	}
#graue-flaeche-01 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 80%;
	height: 30%;
	margin-left: 10%;
	margin-top: 1%;
	padding-top: 0.6%;
	}
#graue-flaeche-02 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 100%;
	height: 30%;
	margin-top: 0.6%;
	padding-top: 2%;
	margin-left: 0%;
	}
#graue-flaeche {
    width: 60%;
    margin-left: 20%;
    background-image: url(../images/grauer-kasten-02-november-2025-02.svg);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    height: auto;
    padding-top: 16em;
    padding-bottom: 12em;
	}
.graue-flaeche-text-01 {
	text-align: center;
	color: gold;
	font-size: 28px;
	line-height: 36px;
	}
.graue-flaeche-text-02 {
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 22px;
	}
graue-flaeche-text-02-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 16px;
    line-height: 22px;
	}
.graue-flaeche-text-03 {
	text-align: center;
	color: gold;
	font-size: 20px;
	line-height: 27px;
	font-style: italic;
	}
.graue-flaeche-text-04 {
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    font-style: normal;
    color: #5E4E4A;
	}
.graue-flaeche-text-05 {
    text-align: center;
    color: gold;
    font-size: 18px;
    line-height: 32px;
	}
.graue-flaeche-text-05-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 16px;
    line-height: 22px;
	}
.text-links {
	font-family: 'Marcellus';
	font-size: 120%;
	font-weight: 100;
	line-height: 144%;
	text-align: left;
	color: #817F7E;
	}
.text-impressum-datenschutz {
	font-family: 'Marcellus';
	font-size: 120%;
	font-weight: 100;
	line-height: 140%;
	text-align: left;
	color: #817F7E;
	}
.text-links-bold {
	margin-top: 2%;
	font-family: 'Marcellus';
	font-size: 120%;
	font-weight: 700;
	line-height: 160%;
	text-align: left;
	color: #949291;
	}
.text-zentriert {
	display: block;
	font-family: 'Marcellus';
	font-weight: 100;
	font-size: 180%;
	line-height: 240%;
	text-align: center;
	color: #949291;
	}
.text-zentriert-02 {
    display: block;
    font-family: 'Marcellus';
    font-size: 190%;
    font-weight: 600;
    text-align: center;
    line-height: 160%;
    color: #FE01CD;
    width: 80%;
    margin-top: -1.4em;
    padding-top: 0.5%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.5%;
    border-bottom: thin solid #F574C9;
	}
.container-impressum-datenschutz {
	margin-top: 10%;
	margin-left: 10%;
	width: 80%;
	display: block;
	}
#footer {
	width: 100%;
	z-index: 10;
	display: block;
	position: relative;
	background-color: #F7BC9B;
	margin-top: 6%;
	margin-bottom: 0%;
	padding-top: 3%;
	padding-bottom: 5%;
	}
.footer-text-links {
	margin-left: 15%;
    padding-bottom: 0%;
	display: block;
	float: left;
	font-family: 'Marcellus';
	font-size: 140%;
	font-weight: 100;
	text-align: left;
	color: #E95D0F;
	text-decoration: none;
	}
.footer-text-rechts {
	margin-right: 15%;
    padding-top: 0.4%;
	display: block;
	float: right;
	font-family: 'Marcellus';
	font-size: 140%;
	font-weight: 100;
	text-align: right;
	color: #E95D0F;
	text-decoration: none;
	}
#kontakt-block-01{
	width: 100%;
	line-height: 180%;
	float: left;
	font-size: 1.1vw;
	color: #494747;
	margin-top: -4%;
	}
#kontakt-block-01 input  {
	width: 94%;
	background-color: #FBE0D1;
	margin-bottom: 2.6%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	color: #494747;
	float: left;
	font-size: 1.4vw;
	}
#kontakt-block-01 textarea {
	width: 100%;
	background-color: #FBE0D1;
	border: none;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	padding-right: 3%;
	height: 20vmin;
	font-size: 1.4vw;
	color: #494747;
	}
#kontakt-block-02 textarea  {
	padding-left: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	background-color: #FBE0D1;
	width: 100%;
	height: 8em;
	font-size: 1.6vw;
	color: #494747;
	}
#kontakt-block-02 {
	width: 94%;
	margin-top: 3%;
	font-size: 1.2vw;
	text-align: left;
	line-height: 180%;
	color: #494747;
	}
/* Navigation, responsive */
#main-nav-container {
	width: 100%;
	display: block;
	}
.topnav {
  overflow: hidden;
  background-color: #FFFFFF;
  margin-left: 0%;
  }
.topnav a {
	padding-top: 0.2%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 0.2%;
	float: left;
	display: block;
	font-size: 140%;
	text-align: center;
	text-decoration: none;
	color: #E95D0F;
  }
#pfeil {
	width: 6%;
	height: auto;
	position: fixed;
	z-index: 20;
	margin-top: 42%;
	margin-left: 91%;
	opacity: 0;
	transition: 1s;
	}
#sonderueberschriften {
	width: 54%;
	height: 22%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
	padding-bottom: 0%;
	position: relative;
	margin-top: 0%;
	padding-top: 0%;
	font-size: 340%;
	text-align: center;
	color: #F574C9;
	text-decoration: none;
	}
}



@media only screen and (min-width: 280px) and (max-width: 600px) {
		
#titelbild {
	width: 100%;
	margin-top: -2.6%;
	margin-left: 0%;
	margin-right: 0%;
	background-image: url(../images/mount-kailash-600.jpg);
	background-position: left top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
	height: auto;
}
#container-werner {
	width: 17%;
	margin-left: 77%;
	z-index: 2;
	float: right;
	position: absolute;
	font-size: 82%;
	text-align: right;
	color: #E95D0F;
	margin-bottom: 2%;
	margin-top: 14vw;
	}
#main-container {
	width: 76%;
	height: 100%;
	margin-top: 12%;
	margin-left: 12%;
	margin-right: 12%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;
	}
#top-container {
	width: 100%;
	height: auto;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	padding-bottom: 0%;
	position: relative;
	padding-top: 0%;
	}
h1 {
	text-align: center;
	color: #E95D0F;
	position: relative;
	height: auto;
	padding-top: -1%;
	}
#yoga {
	display: block;
	font-family: 'Marcellus';
	font-size: 760%;
	font-style: normal;
	font-weight: 300;
	text-align: center;
	color: #E95D0F;
	margin-top: 4%;
	line-height: 100%;
	position: relative;
}
#und {
	display: block;
	font-family: 'Marcellus';
	font-size: 170%;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	color: #E95D0F;
	line-height: 100%;
	margin-top: -2%;
	position: relative;
	letter-spacing: 0.1em;
}
#Feldenkrais {
	display: block;
	font-family: 'Marcellus';
	font-size: 600%;
	font-style: normal;
	font-weight: lighter;
	text-align: center;
	color: #E95D0F;
	line-height: 100%;
	margin-top: -2%;
	letter-spacing: 0.1em;
	position: relative;
}
h2 {
	margin-top: 1%;
	font-family: 'Marcellus';
	font-size: 380%;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.02em;
	word-spacing: 0.04em;
	color: #E95D0F;
	position: relative;
	}
h3 {
	font-family: 'Marcellus';
	font-size: 400%;
	font-weight: 400;
	text-align: center;
	color: #E95D0F;
	position: relative;
	margin-top: -1%;
	}
.h3-links {
	margin-top: -2%;
	display: block;
	font-family: 'Marcellus';
	font-size: 400%;
	font-weight: normal;
	text-align: center;
	color: #E95D0F;
	}
h4 {
	margin-top: -2%;
	font-family: 'Marcellus';
	font-size: 500%;
	font-weight: 400;
	text-align: center;
	color: #949291;
	}
.h3-rechts-oben-pink {
	font-family: 'Marcellus';
	font-size: 300%;
	font-weight: normal;
	color: #FE01CD;
	position: relative;
	line-height: 160%;
	text-align: center;
	}
#graue-flaeche {
    width: 80%;
    margin-left: 10%;
    background-image: url(../images/grauer-kasten-02-november-2025-02.svg);
    background-position: left top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
    height: auto;
    padding-top: 16em;
    padding-bottom: 22em;
	}
#graue-flaeche-01 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 100%;
	height: 30%;
	margin-left: 0%;
	margin-top: 1%;
	padding-top: 0.6%;
	padding-bottom: 1%;
	}
#graue-flaeche-02 {
	position: relative;
	text-align: center;
	background-color: darkgray;
	width: 100%;
	height: 30%;
	margin-top: 0.6%;
	padding-top: 2%;
	padding-bottom: 1%;
	margin-left: 0%;
	}
.graue-flaeche-text-01 {
	text-align: center;
	color: gold;
	font-size: 24px;
	line-height: 30px;
	}
.graue-flaeche-text-02 {
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	}
.graue-flaeche-text-02-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 18px;
    line-height: 30px;
	}
.graue-flaeche-text-03 {
	text-align: center;
	color: gold;
	font-size: 18px;
	line-height: 24px;
	font-style: italic;
	}
.graue-flaeche-text-04 {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    font-style: normal;
    color: #5E4E4A;
	}
.graue-flaeche-text-05 {
    text-align: center;
    color: gold;
    font-size: 18px;
    line-height: 30px;
	}
.graue-flaeche-text-05-pink {
    text-align: center;
    color: #FE01CD;
    font-size: 18px;
    line-height: 30px;
	}
.graue-flaeche-text-05-pink-02 {
    text-align: center;
    color: #FE01CD;
    font-size: 18px;
    line-height: 24px;
	}
.text-links-pink {
	font-family: 'Marcellus';
	font-size: 260%;
	font-weight: 900;
	line-height: 170%;
	text-align: left;
	color: #FE01CD;
	padding-top: 5%;
	}
.text-zentriert-pink {
	display: block;
	font-family: 'Marcellus';
	font-size: 260%;
	font-weight: 900;
	line-height: 180%;
	color: #FE01CD;
	text-align: center;
	}
.text-links {
	font-family: 'Marcellus';
	font-size: 300%;
	font-weight: 100;
	line-height: 160%;
	text-align: left;
	color: #817F7E;
	}
.text-impressum-datenschutz {
	font-family: 'Marcellus';
	font-size: 260%;
	font-weight: 100;
	line-height: 150%;
	text-align: left;
	color: #817F7E;
	}
.ueberschrift-impressum-datenschutz {
	font-family: 'Marcellus';
	font-size: 400%;
	font-weight: 700;
	line-height: 150%;
	text-align: left;
	color: #817F7E;
	letter-spacing: 0.05em;
	}
.ueberschrift {
	font-family: 'Marcellus';
	font-size: 360%;
	font-weight: 700;
	line-height: 150%;
	text-align: left;
	color: #817F7E;
	}
.text-links-bold {
	margin-top: 2%;
	font-family: 'Marcellus';
	font-size: 120%;
	font-weight: 700;
	line-height: 160%;
	text-align: left;
	color: #949291;
	}
.text-links-regular {
	margin-top: 2%;
	font-family: 'Marcellus';
	font-size: 90%;
	font-weight: 100;
	line-height: 160%;
	text-align: left;
	color: #949291;
	}
.text-zentriert {
    display: block;
    font-family: 'Marcellus';
    font-size: 300%;
    font-weight: 100;
    line-height: 160%;
    text-align: center;
    color: #949291;
	}
.text-zentriert-02 {
    display: block;
    font-family: 'Marcellus';
    font-size: 270%;
    font-weight: 600;
    text-align: center;
    line-height: 160%;
    color: #FE01CD;
    width: 100%;
    margin-top: -1em;
    padding-top: 0.5%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.5%;
    border-bottom: thin solid #F574C9;
	}
.text-orange {
    color: #E95D0F;
    font-size: 144%;
	}
.text-pink-headline {
	color: #FE01CD;
	font-size: 120%;
	font-weight: 100;
	}
.text-pink {
	color: #FE01CD;
	font-size: 70%;
	font-weight: 100;
	}
.text-gesperrt {
	color: #FE01CD;
	font-size: 100%;
	font-weight: 100;
	letter-spacing: 0.04em;
	}
.container-links {
	width: 100%;
	display: block;
	float: left;
	}
.container-rechts {
	width: 100%;
	display: block;
	float: right;
	margin-top: 6%
	}
.container-volle-breite {
	width: 100%;
	display: block;
	}
.container-mitte {
	width: 96%;
	margin-left: 3%;
	display: block;
	}
.container-links-rahmen {
	width: 92%;
	height: 23em;
	padding-top: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 4%;
	float: left;
	border: thin solid #E95D0F;
	display: block;
	}
.container-mitte-pink {
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	display: block;
	margin-top: 0px;
	text-align: center;
	}
#footer {
	width: 100%;
	z-index: 10;
	display: block;
	position: relative;
	background-color: #F7BC9B;
	margin-top: 6%;
	margin-bottom: 0%;
	padding-top: 4%;
	padding-bottom: 10%;
	}
.footer-text-links {
	margin-top: 1%;
	margin-left: 11.4%;
	display: block;
	float: left;
	font-family: 'Marcellus';
	font-size: 240%;
	font-weight: 100;
	text-align: left;
	text-decoration: none;
	color: #E95D0F;
	}
.footer-text-rechts {
	margin-top: 1%;
	margin-right: 11.4%;
	padding-top: 0.6%;
	float: right;
	display: block;
	font-family: 'Marcellus';
	font-size: 240%;
	font-weight: 100;
	text-align: right;
	color: #E95D0F;
	margin-left: 0px;
	}
#kontakt-block-01{
	width: 100%;
	margin-top: -4%;
	float: left;
	font-size: 200%;
	font-weight: 400;
	line-height: 180%;
	color: #494747;
	}
#kontakt-block-01 input  {
	width: 94%;
	background-color: #FBE0D1;
	margin-bottom: 2.6%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	float: left;
	font-size: 160%;
	font-weight: 200;
	color: #494747;
	}
#kontakt-block-01 textarea {
	width: 100%;
	height: 20vmin;
	background-color: #FBE0D1;
	padding-top: 1%;
	padding-bottom: 1%;
	padding-left: 3%;
	padding-right: 3%;
	font-size: 220%;
	color: #494747;
	}
#kontakt-block-02 textarea  {
	width: 100%;
	height: 8em;
	background-color: #FBE0D1;
	padding-left: 3%;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	font-size: 160%;
	font-weight: 200;
	color: #494747;
	}
#kontakt-block-02 {
	width: 94%;
	margin-top: 3%;
	font-size: 220%;
	font-weight: 400;
	line-height: 220%;
	text-align: left;
	color: #817F7E;
	}
/* Navigation, responsive */
#main-nav-container {
	width: 100%;
	display: block;
	margin-top: 6%;
	margin-bottom: 2%;
	}
/* Navigation, responsive */
.topnav a:not(:first-child) {display: none;}
.topnav {margin-left: 5%;}
.topnav a.icon {
    float: right;
    display: block;
  }
.topnav.responsive {position: relative;}
.topnav.responsive .icon {position: absolute;
    right: 6%;
    top: 0;
  }
.topnav.responsive a {
	float: none;
	display: block;
	font-size: 300%;
	line-height: 180%;
	text-align: left;
	font-style: normal;
	font-weight: 300;
  }
  .topnav a:hover {
    color: #FE01CD;
  }
#zurueck {
	color: #ffffff;
	font-family: 'Marcellus';
	font-style: normal;
	font-weight: 700;
	line-height: 160%;
	text-align: center;
	font-size: 200%;
	padding-right: 0.4%;
	padding-bottom: 0.1%;
	padding-left: 1%;
	background-color: #E95D0F;
	letter-spacing: 0.3em;
	width: 16%;
	margin-top: 2%;
	}
#zurueck a {
	color: #FFFFFF;
	text-decoration: none;
    }
#zurueck a:link  {
	color: #FFFFFF;
	text-decoration: none;
    }
#zurueck a:visited  {
	color: #FFFFFF;
	text-decoration: none;
    }
#zurueck a:hover  {
	color: #000000;
	text-decoration: none;
    }
#pfeil {
	width: 10%;
	height: auto;
	position: fixed;
	z-index: 20;
	margin-top: 42%;
	margin-left: 91%;
	opacity: 0;
	transition: 1s;
	}
#sonderueberschriften {
	width: 100%;
	height: 22%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4%;
	padding-bottom: 0%;
	position: relative;
	margin-top: 0%;
	padding-top: 0%;
	font-size: 440%;
	text-align: center;
	color: #F574C9;
	text-decoration: none;
	}
	}