@font-face {
    font-family: 'papyrusregular';
    src: url('../fonts/papyrus-webfont.woff2') format('woff2'),
         url('../fonts/papyrus-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    scroll-behavior: smooth;
}

body {
  font-family: 'Athiti', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #fff;
	color: #6c6c6c;
  height: 100vh;
  position: relative; }
  body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
  body.offcanvas-menu:before {
    opacity: 1;
    z-index: 1002;
    visibility: visible; }


.site-navbar .site-logo img {
	min-width: 170px;
	margin-left: 20px;
}

#icons {
	width: 51px;
	background: #94c318;
	position: fixed;
	z-index: 100;
    padding: 8px;
	right: 0px;
    margin-top: 20%;
	border-radius: 1.2em 0 0 1.2em;
}

.abstand {
	padding-bottom: 8px;
}

@media (max-width: 576px) {

#icons {
	width: 100%;
    padding: 8px;
	bottom: 0px;
    margin-top: 20%;
	border-radius: 1.2em 1.2em 0 0;
	text-align: center;
	}

.abstand {
	padding-bottom: 0px;
    margin-left: 2%;
    margin-right: 2%;
	}
}

/* ----------Schriften-------------- */

p {
  font-family: 'Athiti', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 300; 
	font-size: 1.5rem;
}

h1, h2, h3, h4, h5, h6, h7
.h1, .h2, .h3, .h4, .h5, .h6, .h7 {
  font-family: 'Athiti', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

h1 {
	border-bottom: 1px solid #94c318;
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom:30px;
	padding-bottom:3px;
}

h2 {
	border-bottom: 1px solid #94c318;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom:8px;
	padding-bottom:5px;
}

h3 {
	font-size:1.7rem;
	font-weight: 500;
	margin-top: 30px;
}

h5 {
	color:#6c4f09;
	font-weight:bold;
}

h7 {
	border-bottom: 1px solid #94c318;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 50px;
}

	ul.einzug {
	font-size: 1.5rem;
	font-weight:500;
}

	ul.einzug_kleiner {
	font-size: 1rem;
	column-count: 2;
    column-gap: 30px;
}

strong {
	font-weight: 500;
}

.pdf-titel {
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 500;
}

.pdf-titel a:active, .pdf-titel a:link, .pdf-titel a:visited {
	color: #6c6c6c;
}

.pdf-titel a:hover {
	color:#94c318;
}

.kontakt {
	font-size: 1.3rem;
	padding: 0;
	margin: 0;
}

.mailto {
	background-image:url("../bilder/mailto.svg");
	background-repeat: no-repeat;
	width: 245px;
	height: 18px;
}

.mailto2 {
	background-image:url("../bilder/mailto2.svg");
	background-repeat: no-repeat;
	width: 340px;
	height: 26px;
}

.Rot p {
	color: #900;
	font-weight: 400;
}

.Ferien {
	color: #900;
	font-weight: 400;
	font-size: 2.5rem;
}


a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }


@media (max-width: 1200px) {
	h1 {
	font-size: 2rem;
	}
}

@media (max-width: 992px) {
	h1 {
		font-size: 1.5rem;
}
	.mailto2 {
	width: 300px;
	}
	

}

@media (max-width: 768px) {
	
	p {
		font-size: 1.3rem;
	}
	
	h1 {
		font-size: 1.5rem;
	}
	
	h2, h3 {
		font-size: 1.3rem;
	}	
	
	h5 {
		font-size: 1rem;
	}

	ul.einzug {
		font-size: 1.3rem;
}
	
ul.einzug_kleiner {
	column-count: 1;
}
}



/* ----------Links-------------- */

a:link, a:visited, a:hover {
	color:#94c318;
	font-weight: 500;
}

.einzug a:active, .einzug a:visited, .einzug a:link {
	color: #6c6c6c;
}

.einzug a:hover {
	color:#94c318;
}

 .anker::before {
        display: block;
        content: "";
        height:70px;
        margin-top: -70px;
        visibility: hidden;
    }

/* ----------zentrierte Seite-------------- */

.leer {
	width: 100%;
	height: 50px;
}

.seite {
	width: 100%;
	background-color:#efebc6;
	border-bottom: solid 5px #94c318;
}

.inhalt {
	width: 70%;
	margin: 0 auto;
}

@media (max-width: 1200px) {

.inhalt {
	width: 90%;
}
}


.kopf {
	width: 100%;
	min-height: 20px;
	margin-top: 50px;
	z-index:1;
	background:url(../bilder/kopf_hintergrund.jpg) repeat-x;
	background-size: contain;
}


.kopf1 {
	width: 50%;
	height: auto;
	z-index:2;
	margin-left: auto;
	margin-right: auto;
}

.kopf2 {
	width: 50%;
	height: auto;
	z-index:4;
	margin-left: auto;
	margin-right: auto;
	margin-top: -22%;
}

.bildwechsel {
	width: 27%;
	height: auto;
	z-index:3;
	margin-left: 36.5%;
	margin-right: 36.5%;
	margin-top: -21.8%;
}

@media (max-width: 576px) {

.kopf1 {
	width: 80%;
}

.kopf2 {
	width: 80%;
	margin-top: -35.5%;
}

.bildwechsel {
	width: 43.5%;
	margin-left: 28.3%;
	margin-right: 36.5%;
	margin-top: -35%;
}
}

/* ----------Titelfoto-------------- */

.titel {
  width: 100%;
  height: 100vh;
  background: url("../bilder/hintergrundbild.jpg") center center;
  background-size: cover;
/*  height: 95vh;
  transition: 0.4s cubic-bezier(1, -1, 0, 2);
  clip-path: polygon(0 0, 100% 0%, 100% 80%, 50% 100%, 0 80%); */
}


.zitat-text {
	font-family: 'papyrusregular';
    font-size: 1.5rem;
    line-height: 2.5rem;
	color: saddlebrown;
}

.zitat-autor {
	font-size: 17px;
	font-weight: 400;
	color: saddlebrown;
}

@media (max-width: 1200px) {
	.zitat-text {
		font-size: 1.3rem;
		line-height: 2.3rem;
	}
	
.zitat-autor {
	font-size: 14px;
}	
}

@media (max-width: 992px) {

.zitat-text {
		font-size: 1rem;
		line-height: 2rem;
	}

.zitat-autor {
	font-size: 14px;
}
}

@media (max-width: 768px) {

.zitat-text {
	font-size: 1rem;
	line-height: 2rem;
	}
}



/* ----------Inhalt-------------- */


.container-article {
    position: relative;
    margin-bottom: 40px;
	box-shadow: 3px 3px 10px;
	border-radius: 20px;
}

.article_2 { 
	display: grid; 
	grid-template-rows:auto auto auto; 
	grid-template-columns:auto auto; 
	grid-gap: 20px 20px; 
}

.article_neu { 
	display: grid; 
	grid-template-rows:auto auto auto; 
	grid-template-columns:auto auto auto; 
	grid-gap: 30px 30px; 
}

.bild_gutschein {
	width: 60%;
}

.container-article-hell {
	background: #fbf9e4;
	border-radius: 20px;
	box-shadow: 3px 3px 10px;
	padding: 20px 10px 10px 10px;
}

.yoga {
	background: url(../bilder/YOGA-Logo-o-R.svg) no-repeat;
    z-index: 5;
    width: 70px;
    height: 70px;
    position: absolute;
    margin-left: -29px;
    margin-top: -48px;
}


.Text_unten {
	background-color: #94c318;
    width: 85%;
    text-align: center;
    display: block;
    position: absolute;
    margin-left: 32px;
    margin-top: -16px;
    height: 1.6rem;
    padding-bottom: 2rem;
    color: #d8f398;
}

.Text_unten .p {
	font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1600 - 320)));
}

.termine {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	padding: 20px;
	margin-bottom: 50px;	
	box-shadow: 5px 10px 10px;
	display: flow-root;
}

.prozent-50 {
	width: 50%;
	float: right;
	margin-left: 15px;
}

.flex-container, .flex-container3 { 
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.rundrum { 
  border-width:1px; 
  border-style:solid; 
  border-color:#94c318; 
  padding:10px; 
  margin-bottom: 20px;
  border-radius: 20px;
} 

.abstand-links {
	margin-left: 20px;
	width: 60%;
}

.breite-300 {
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 300px;
}

.pdf-links {
	background: url("../bilder/pdf_icon.svg") no-repeat;
	background-size: 50px;
	padding-left: 60px;
	min-height: 72px;
}

td {
	padding-right: 13px;
	vertical-align: top;
}

.rechtsbuendig {
	text-align: right;
}

.grid_2_spaltig {
	display: grid;
	grid-template-columns: 90px auto;
	grid-template-rows: repeat(5, auto);
	grid-column-gap: 13px;
	grid-row-gap: 5px;
	font-size: 1.5rem;
}

.skalieren {
	width: 30%;
	height: auto;
	overflow: hidden;
}
.skalieren img {
	width: 100%;
	height: auto;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.skalieren img:hover {
	-webkit-transform: scale(2.5);
	-moz-transform: scale(2.5);
	-ms-transform: scale(2.5);
	-o-transform: scale(2.5);
	transform: scale(2.5);
}

.bild-30-prozent {
	width:30%;
}

@media (max-width: 1200px) {

.article_neu { 
	grid-template-columns:auto auto; 
	}
}

@media (max-width: 768px) {

.article_neu { 
	grid-template-columns:auto; 
	}

.article_2 { 
	grid-template-columns:auto; 
	}

	.bild_gutschein {
	width: 100%;
}

.flex-container {
	flex-direction: column;
}
	
.flex-container3 { 
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}

.breite-300 {
	flex-basis: 80%;
	margin-left: 0px;
}
	
.abstand-links {
	margin-left: 0px;
    width: 100%;
}
	
.prozent-50 {
	width: 100%;
	float: none;
}	
}

@media (max-width: 576px) {
.grid_2_spaltig {
    display: block;
	}

	.skalieren {
	width: 100%;
	height: auto;
	overflow: hidden;
}
	
	.bild-30-prozent {
	width:50%;
}
}

/* Checkbox ---------------------------------------------------------------------------------------------------------------------------------------*/

.checkbox {
	position: relative;
	margin-bottom: 20px;
	vertical-align: middle;
}

label.checkbox {
	position: relative;
	display: inline-block;
	padding: 0px 0px 0px 10px;
	color: #900;
	font-size: 1.3em;
	text-transform: uppercase;
	
}

p.checkbox-text {
	width: 100%;
	display: none;
	margin-top: 0;
	padding: 20px;
	font-weight: 400;
	font-style: italic;
	font-size: 1.2em;
	border-radius: 5px;
}

input.checkbox[type=checkbox]:checked ~ p {
	display: block;
}

input.checkbox[type=checkbox] {
	display:block;
	float:left;
	margin-top: 5px;
}



/* ----------Fußzeile-------------- */

.foot {
	display: grid;
	grid-template-columns: repeat(4, auto);
	grid-template-rows: repeat(1, auto);
	grid-column-gap: 13px;
	grid-row-gap: 25px;
	margin-left: 5%;
    margin-right: 5%;
}

.foot a:active, .foot a:visited, .foot a:link {
	color: #6c6c6c;
	font-weight: 400;
}

.foot a:hover {
	color: #94c318;
	font-weight: 400;	
}


@media (max-width: 768px) {
.foot {
	grid-template-columns: repeat(2, auto);
}
}

@media (max-width: 576px) {
.foot {
	grid-template-columns: repeat(1, auto);
}
	
.footmobil {
	margin-bottom: 50px;
}
}

/* -----------Bilder-------------- */


.bild_rechts {
	float: right;
    border: solid #94C318;
    border-radius: 20px;
    box-shadow: 5px 5px 7px;
    overflow: hidden;
    margin-left: 20px;
	margin-bottom: 20px;
}


.parallax {
   /*Set a specific height*/
   min-height: 30vh;
  
/* Create the parallax scrolling effect */
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.back_blume1 {background-image: url("../bilder/hintergrund_blume1.jpg");}
.back_blume2 {background-image: url("../bilder/hintergrund_blume2.jpg");}
.back_blume3 {background-image: url("../bilder/hintergrund_blume3.jpg");}
.back_blume4 {background-image: url("../bilder/hintergrund_blume4.jpg");}
.back_budda {background-image: url("../bilder/hintergrund_budda.jpg");}
.back_budda1 {background-image: url("../bilder/hintergrund_budda1.jpg");}
.back_budda2 {background-image: url("../bilder/hintergrund_budda2.jpg");}
.back_budda3 {background-image: url("../bilder/hintergrund_budda3.jpg");}
.back_meditation {background-image: url("../bilder/hintergrund_meditation.jpg");}
.back_meditation1 {background-image: url("../bilder/hintergrund_meditation1.jpg");}
.back_meditation2 {background-image: url("../bilder/hintergrund_meditation2.jpg");}
.back_meer {background-image: url("../bilder/hintergrund_meer.jpg");}
.back_meer1 {background-image: url("../bilder/hintergrund_meer1.jpg");}
.back_natur {background-image: url("../bilder/hintergrund_natur.jpg");}
.back_natur1 {background-image: url("../bilder/hintergrund_natur1.jpg");}
.back_natur2 {background-image: url("../bilder/hintergrund_natur2.jpg");}
.back_natur3 {background-image: url("../bilder/hintergrund_natur3.jpg");}
.back_sand {background-image: url("../bilder/hintergrund_sand.jpg");}
.back_schmetterling {background-image: url("../bilder/hintergrund_schmetterling.jpg");}
.back_steine {background-image: url("../bilder/hintergrund_steine.jpg");}
.back_steine1 {background-image: url("../bilder/hintergrund_steine1.jpg");}
.back_steine2 {background-image: url("../bilder/hintergrund_steine2.jpg");}
.back_yoga {background-image: url("../bilder/menuebild_ines.JPG");}
.back_yoga1 {background-image: url("../bilder/hintergrund_yoga1.jpg");}
.back_yoga2 {background-image: url("../bilder/hintergrund_yoga2.jpg");}
.back_yoga3 {background-image: url("../bilder/hintergrund_yoga3.jpg");}

@media (max-width: 1200px) {
.parallax {
	display: none;
	}
}