@charset "utf-8";

/* ERLEBENSTHEORIE INDEX-02.CSS */
/* letzte Änderung am 24.2.2024 um 12:00 Uhr cc*/
/* Flagge absolut und nicht mehr fix */
* {	margin: 0; padding: 0; }
body, html { height: 100%; }
img { font-size: 10px; border: 0; }

/* Google fonts */
/* Architects Daughter Regular 400 */
.font-titel {font-family: 'Architects Daughter',cursive; font-style: normal; font-weight: 400;}

/* adobe typekit erleben */
/* Pelago regular 400, light text 300, light 200, light italic 200, light text italic 300 */
p,div,h1,h2,h3,img,label,input,textarea,.font-text {font-family: 'pelago','arial narrow',sans-serif; font-style: normal; font-weight: 200;}
/* Congenial-light light 500, ExtraLight 400, Thin 300, thin light italic 300, UltraLight 200, UltraLight-italic 200, hairline 100 */
.font-kopf {font-family: 'congenial-light','arial narrow',sans-serif; font-style: normal; font-weight: 200;}

/* fontstyle */
.font100 {font-weight: 100;} 
.font200 {font-weight: 200;} 
.font300 {font-weight: 300;} 
.font400 {font-weight: 400;}
.font500 {font-weight: 500;}
.font600 {font-weight: 600;}
.font-i  {font-style: italic;}

.lh60 { line-height: 60%; }
.lh80 { line-height: 80%; }
.lh90 { line-height: 90%; }
.lh100 { line-height: 100%; }
.lh110 { line-height: 114%; }

.hidden { display: none; }
.hand { cursor: pointer; }
.align-center { text-align: center; }

/* ~ für alle ------------------------------------ */
body {
	text-align: center;
	}
.zindex15 {
	position: relative;
	z-index: 15;
	}

/* ~ iPhone8 plus: 414 x 736 ---------------- 1 -- */
@media only screen and (min-width: 380px) and (max-width: 699px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #fffdfa} /* beige */
.media456 { display: none; }

.abs9 {margin-top: 85px;}
.abs8 {margin-top: 42px;}
.abs7 {margin-top: 45px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.abss {margin-top: 20px;}
.pad9 {padding-top: 85px;}
.pad8 {padding-top: 63px;}
.pad7 {padding-top: 45px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 33px;}
.pad-angebot-inhalt {padding-top: 15px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 7px;}
.abs-untertitel {margin-top: -19px;}
.abs-angebot-erste-zeile  {margin-top: 16px;}
.abs-hm {margin-top: 10px;}
.abs-hm-zeile {margin-top: 12px;}
.abs-strichmaennchen {margin-top: 25px;}
.abs-social {margin-top: 0px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 12px;}

.ps-g9 {font-size: 52px;}
.ps-g6 {font-size: 48px;}
.ps-g3 {font-size: 43px;}
.ps-g0 {font-size: 39px;}
.ps-n9 {font-size: 33px;}
.ps-n6 {font-size: 25px;}
.ps-n4 {font-size: 23px;}
.ps-n3 {font-size: 22px;}
.ps-n1 {font-size: 20px;}
.ps-n0 {font-size: 19px;}
.ps-klein {font-size: 17px;}
.ps-kleiner {font-size: 14px;}
.ps-winzig {font-size: 18px;}
.ps-titel {font-size: 26px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 23px;}
	
/* main -- 1 -- */
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf { /* desktop-menue */
	position: absolute;
	top: 95px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	z-index: 5;
	}
.angebot {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column-reverse wrap;
	}
.angebot-inhalt {
	position: relative;
	width: 100%;
	margin: 0px;
	text-align: left;
	}
.angebot-bild {
	width: 100%;
	margin: 0px;
	}
.social {
	position: relative;
	width: 100%;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 5;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	}	
.video {
	display: block;
	position: relative;
	width: 100%;
	}

/* paragraphs -- 1 -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	}
.p-angebot-titel {
	margin-left: 95px;
	}
.p-angebot {
	margin-left: 30px;
	margin-right: 15px;
	}
.p-v {
	width: 96%;
	left: 2%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	position: relative;
	width: 94%;
	left: 3%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-f { /* bei Handy breiter */
	position: relative;
	width: 90%;
	left: 5%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	position: relative;
	width: 96%;
	left: 2%;
	}
	
/* images -- 1 -- */
.i-logo {
	position: relative;
	width: 300px;
	height: auto;
	}
.i-punkt {
	width: 15px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 65px;
	height: auto;
	}
.i-hm-icon {
	width: 38px;
	height: auto;
	z-index: 2;
	}
.i-social {
	width: 39px;
	height: auto;
	padding: 3px;
	}
.i-nachoben {
	width: 45px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 30px;
	right: 30px;
	}
.i-flagge {
	width: 60px;
	height: auto;
	position: absolute;
	top: 30px;
	right: 30px;
	}
.i-stroeme {
	width: 65%;
	height: auto;
	border-width: 2px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 7px;
	}
.i-schnoerkel {
	width: 250px;
	height: auto;
	}
}

/* ~ Handy landscape ------------------------ 1land - */
/* Pre-Design: 736px, (iPhone8 quer) */
@media only screen and (min-width: 700px) and (max-width : 991px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #fffdfa} /* beige */
.media456 { display: none; }

.abs9 {margin-top: 55px;}
.abs8 {margin-top: 35px;}
.abs7 {margin-top: 29px;}
.abs6 {margin-top: 24px;}
.abs5 {margin-top: 19px;}
.abs4 {margin-top: 15px;}
.abs3 {margin-top: 10px;}
.abs2 {margin-top: 6px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.pad9 {padding-top: 55px;}
.pad8 {padding-top: 35px;}
.pad7 {padding-top: 29px;}
.pad6 {padding-top: 24px;}
.pad5 {padding-top: 19px;}
.pad4 {padding-top: 15px;}
.pad3 {padding-top: 10px;}
.pad2 {padding-top: 6px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 33px;}
.pad-angebot-inhalt {padding-top: 15px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 0px;}
.abs-untertitel {margin-top: -23px;}
.abs-angebot-erste-zeile  {margin-top: 16px;}
.abs-hm {margin-top: 3px;}
.abs-hm-zeile {margin-top: 5px;}
.abs-strichmaennchen {margin-top: 25px;}
.abs-social {margin-top: 0px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 12px;}

.ps-g9 {font-size: 52px;}
.ps-g6 {font-size: 48px;}
.ps-g3 {font-size: 43px;}
.ps-g0 {font-size: 39px;}
.ps-n9 {font-size: 33px;}
.ps-n6 {font-size: 27px;}
.ps-n4 {font-size: 24px;}
.ps-n3 {font-size: 23px;}
.ps-n1 {font-size: 20px;}
.ps-n0 {font-size: 19px;}
.ps-klein {font-size: 17px;}
.ps-kleiner {font-size: 14px;}
.ps-winzig {font-size: 18px;}
.ps-titel {font-size: 26px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 25px;}
	
/* main -- 1land -- */
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf { /* desktop-menue */
	position: absolute;
	top: 95px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	z-index: 5;
	}
.angebot {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column-reverse wrap;
	}
.angebot-inhalt {
	position: relative;
	width: 100%;
	margin: 0px;
	text-align: left;
	}
.angebot-bild {
	width: 100%;
	margin: 0px;
	}
.social {
	position: relative;
	width: 100%;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon {
	position: absolute;
	top: 40px;
	right: 40px;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	}	
.video {
	display: block;
	position: relative;
	width: 100%;
	}

/* paragraphs -- 1land -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	}
.p-angebot-titel {
	margin-left: 95px;
	}
.p-angebot {
	margin-left: 30px;
	margin-right: 15px;
	}
.p-v {
	width: 96%;
	left: 2%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	position: relative;
	width: 90%;
	left: 5%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 66%;
	left: 17%;
	}
.p-f { /* bei Handy breiter */
	position: relative;
	width: 80%;
	left: 10%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	position: relative;
	width: 96%;
	left: 2%;
	}
	
/* images -- 1land -- */
.i-logo {
	position: relative;
	width: 360px;
	height: auto;
	}
.i-punkt {
	width: 15px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 65px;
	height: auto;
	}
.i-hm-icon {
	width: 38px;
	height: auto;
	z-index: 2;
	}
.i-social {
	width: 39px;
	height: auto;
	padding: 3px;
	}
.i-nachoben {
	width: 48px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 30px;
	right: 35px;
	}
.i-flagge {
	width: 60px;
	height: auto;
	position: absolute;
	top: 35px;
	right: 35px;
	}
.i-stroeme {
	width: 45%;
	height: auto;
	border-width: 3px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 9px;
	}
.i-schnoerkel {
	width: 250px;
	height: auto;
	}
}

/* ~ Huawei P20: 360 x 760px ---------------- 2 -- */
@media only screen and (min-width: 331px) and (max-width : 379px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #fffdfa} /* beige */
.media456 { display: none; }

.abs9 {margin-top: 85px;}
.abs8 {margin-top: 63px;}
.abs7 {margin-top: 45px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.abss {margin-top: 20px;}
.pad9 {padding-top: 85px;}
.pad8 {padding-top: 63px;}
.pad7 {padding-top: 45px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 33px;}
.pad-angebot-inhalt {padding-top: 15px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 7px;}
.abs-untertitel {margin-top: -19px;}
.abs-angebot-erste-zeile  {margin-top: 16px;}
.abs-hm {margin-top: 10px;}
.abs-hm-zeile {margin-top: 12px;}
.abs-strichmaennchen {margin-top: 25px;}
.abs-social {margin-top: 0px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 12px;}

.ps-g9 {font-size: 52px;}
.ps-g6 {font-size: 48px;}
.ps-g3 {font-size: 43px;}
.ps-g0 {font-size: 39px;}
.ps-n9 {font-size: 33px;}
.ps-n6 {font-size: 25px;}
.ps-n4 {font-size: 22px;}
.ps-n3 {font-size: 21px;}
.ps-n1 {font-size: 19px;}
.ps-n0 {font-size: 18px;}
.ps-klein {font-size: 17px;}
.ps-kleiner {font-size: 14px;}
.ps-winzig {font-size: 18px;}
.ps-titel {font-size: 26px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 23px;}
	
/* main -- 2 -- */
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf { /* desktop-menue */
	position: absolute;
	top: 95px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	z-index: 5;
	}
.angebot {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column-reverse wrap;
	}
.angebot-inhalt {
	position: relative;
	width: 100%;
	margin: 0px;
	text-align: left;
	}
.angebot-bild {
	width: 100%;
	margin: 0px;
	}
.social {
	position: relative;
	width: 100%;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 5;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	}	
.video {
	display: block;
	position: relative;
	width: 100%;
	}

/* paragraphs -- 2 -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	}
.p-angebot-titel {
	margin-left: 95px;
	}
.p-angebot {
	margin-left: 30px;
	margin-right: 15px;
	}
.p-v {
	width: 96%;
	left: 2%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	position: relative;
	width: 96%;
	left: 2%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-f { /* bei Handy breiter */
	position: relative;
	width: 86%;
	left: 7%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	position: relative;
	width: 96%;
	left: 2%;
	}
	
/* images -- 2 -- */
.i-logo {
	position: relative;
	width: 280px;
	height: auto;
	}
.i-punkt {
	width: 15px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 65px;
	height: auto;
	}
.i-hm-icon {
	width: 33px;
	height: auto;
	z-index: 2;
	}
.i-social {
	width: 34px;
	height: auto;
	padding: 2px;
	}
.i-nachoben {
	width: 42px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 35px;
	right: 20px;
	}
.i-flagge {
	width: 60px;
	height: auto;
	position: absolute;
	top: 35px;
	right: 20px;
	}
.i-stroeme {
	width: 65%;
	height: auto;
	border-width: 2px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 7px;
	}
.i-schnoerkel {
	width: 250px;
	height: auto;
	}
}

/* ~ iPhone SE und 5s: 320 x 568 ------------ 3 -- */
@media only screen and (max-width : 330px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #fffdfa} /* beige */
.media456 { display: none; }

.abs9 {margin-top: 42px;}
.abs8 {margin-top: 35px;}
.abs7 {margin-top: 30px;}
.abs6 {margin-top: 26px;}
.abs5 {margin-top: 22px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.pad9 {padding-top: 42px;}
.pad8 {padding-top: 35px;}
.pad7 {padding-top: 30px;}
.pad6 {padding-top: 26px;}
.pad5 {padding-top: 22px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 22px;}
.pad-angebot-inhalt {padding-top: 15px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 1px;}
.abs-untertitel {margin-top: -19px;}
.abs-angebot-erste-zeile  {margin-top: 8px;}
.abs-hm {margin-top: 10px;}
.abs-hm-zeile {margin-top: 12px;}
.abs-strichmaennchen {margin-top: 25px;}
.abs-social {margin-top: 0px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 12px;}

.ps-g9 {font-size: 52px;}
.ps-g6 {font-size: 45px;}
.ps-g3 {font-size: 39px;}
.ps-g0 {font-size: 32px;}
.ps-n9 {font-size: 27px;}
.ps-n6 {font-size: 24px;}
.ps-n4 {font-size: 22px;}
.ps-n3 {font-size: 21px;}
.ps-n1 {font-size: 19px;}
.ps-n0 {font-size: 18px;}
.ps-klein {font-size: 17px;}
.ps-kleiner {font-size: 14px;}
.ps-winzig {font-size: 18px;}
.ps-titel {font-size: 22px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 23px;}
	
/* main -- 3 -- */
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf { /* desktop-menue */
	position: absolute;
	top: 95px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	z-index: 5;
	}
.angebot {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column-reverse wrap;
	}
.angebot-inhalt {
	position: relative;
	width: 100%;
	margin: 0px;
	text-align: left;
	}
.angebot-bild {
	width: 100%;
	margin: 0px;
	}
.social {
	position: relative;
	width: 100%;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon {
	position: absolute;
	top: 26px;
	right: 26px;
	z-index: 5;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	}	
.video {
	display: block;
	position: relative;
	width: 100%;
	}

/* paragraphs -- 3 -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	}
.p-angebot-titel {
	margin-left: 70px;
	}
.p-angebot {
	margin-left: 15px;
	margin-right: 6px;
	}
.p-v {
	width: 96%;
	left: 2%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	position: relative;
	width: 96%;
	left: 2%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 74%;
	left: 13%;
	}
.p-f { /* bei Handy breiter */
	position: relative;
	width: 90%;
	left: 5%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	position: relative;
	width: 96%;
	left: 2%;
	}
	
/* images -- 3 -- */
.i-logo {
	position: relative;
	width: 280px;
	height: auto;
	}
.i-punkt {
	width: 13px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 54px;
	height: auto;
	}
.i-hm-icon {
	width: 28px;
	height: auto;
	z-index: 2;
	}
.i-social {
	width: 34px;
	height: auto;
	padding: 2px;
	}
.i-nachoben {
	width: 35px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 25px;
	right: 18px;
	}
.i-flagge {
	width: 50px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 50px;
	}
.i-stroeme {
	width: 65%;
	height: auto;
	border-width: 2px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 7px;
	}
.i-schnoerkel {
	width: 180px;
	height: auto;
	}
}

/* ~ Handy landscape ------------------------ 3land - */
/* Pre-Design: 568px, (iPhoneSE quer) ACHTUNG: DOPPELBESCHRIEB DURCH 1 */
@media only screen and (orientation: landscape) and (min-width: 500px) and (max-width : 600px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #fffdfa} /* beige */
.media456 { display: none; }

.abs9 {margin-top: 85px;}
.abs8 {margin-top: 42px;}
.abs7 {margin-top: 36px;}
.abs6 {margin-top: 29px;}
.abs5 {margin-top: 21px;}
.abs4 {margin-top: 15px;}
.abs3 {margin-top: 10px;}
.abs2 {margin-top: 6px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.abss {margin-top: 20px;}
.pad9 {padding-top: 85px;}
.pad8 {padding-top: 42px;}
.pad7 {padding-top: 36px;}
.pad6 {padding-top: 29px;}
.pad5 {padding-top: 21px;}
.pad4 {padding-top: 15px;}
.pad3 {padding-top: 10px;}
.pad2 {padding-top: 6px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 33px;}
.pad-angebot-inhalt {padding-top: 15px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 7px;}
.abs-untertitel {margin-top: -19px;}
.abs-angebot-erste-zeile  {margin-top: 16px;}
.abs-hm {margin-top: 3px;}
.abs-hm-zeile {margin-top: 2px;}
.abs-strichmaennchen {margin-top: 25px;}
.abs-social {margin-top: 0px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 12px;}

.ps-g9 {font-size: 52px;}
.ps-g6 {font-size: 48px;}
.ps-g3 {font-size: 36px;}
.ps-g0 {font-size: 30px;}
.ps-n9 {font-size: 25px;}
.ps-n6 {font-size: 22px;}
.ps-n4 {font-size: 20px;}
.ps-n3 {font-size: 19px;}
.ps-n1 {font-size: 18px;}
.ps-n0 {font-size: 17px;}
.ps-klein {font-size: 17px;}
.ps-kleiner {font-size: 14px;}
.ps-winzig {font-size: 18px;}
.ps-titel {font-size: 24px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 23px;}
	
/* main -- 3land -- */
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf { /* desktop-menue */
	position: absolute;
	top: 95px;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	z-index: 5;
	}
.angebot {
	position: relative;
	width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column-reverse wrap;
	}
.angebot-inhalt {
	position: relative;
	width: 100%;
	margin: 0px;
	text-align: left;
	}
.angebot-bild {
	width: 100%;
	margin: 0px;
	}
.social {
	position: relative;
	width: 100%;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon {
	position: absolute;
	top: 40px;
	right: 40px;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	text-align: center;
	z-index: 10;
	}	
.video {
	display: block;
	position: relative;
	width: 100%;
	}

/* paragraphs -- 3land -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	}
.p-angebot-titel {
	margin-left: 95px;
	}
.p-angebot {
	margin-left: 30px;
	margin-right: 15px;
	}
.p-v {
	width: 100%;
	left: 0%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	position: relative;
	width: 92%;
	left: 4%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 80%;
	left: 10%;
	}
.p-f { /* bei Handy breiter */
	position: relative;
	width: 64%;
	left: 18%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	}
	
/* images -- 3land -- */
.i-logo {
	position: relative;
	width: 280px;
	height: auto;
	}
.i-punkt {
	width: 13px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 54px;
	height: auto;
	}
.i-hm-icon {
	width: 38px;
	height: auto;
	z-index: 2;
	}
.i-social {
	width: 30px;
	height: auto;
	padding: 2px;
	}
.i-nachoben {
	width: 55px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 50px;
	right: 50px;
	}
.i-flagge {
	width: 50px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 50px;
	}
.i-stroeme {
	width: 45%;
	height: auto;
	border-width: 2px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 7px;
	}
.i-schnoerkel {
	width: 180px;
	height: auto;
	}
}

/* ~ Tablet --------------------------------- 4 -- */
/* Mittelspalte, Menüzeile */
/* Pre-Design: 1112px, (iPad Pro) */
@media only screen and (min-width: 992px) and (max-width: 1499px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #FAF6F0} /* Papier */
.media123 { display: none; }

.abs9 {margin-top: 85px;}
.abs8 {margin-top: 63px;}
.abs7 {margin-top: 45px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.abss {margin-top: 20px;}
.pad9 {padding-top: 85px;}
.pad8 {padding-top: 63px;}
.pad7 {padding-top: 45px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 8px;}
.abs-logo {margin-top: 35px;}
.abs-kopf {margin-top: -10px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 10px;}
.abs-untertitel {margin-top: -34px;}
.abs-angebot-erste-zeile {margin-top: 15px;}
.abs-strichmaennchen {margin-top: 25px;}
.abs-social {margin-top: 0px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 35px;}

.ps-g9 {font-size: 59px;}
.ps-g6 {font-size: 53px;}
.ps-g3 {font-size: 45px;}
.ps-g0 {font-size: 39px;}
.ps-n9 {font-size: 33px;}
.ps-n6 {font-size: 29px;}
.ps-n4 {font-size: 25px;}
.ps-n3 {font-size: 24px;}
.ps-n1 {font-size: 23px;}
.ps-n0 {font-size: 22px;}
.ps-klein {font-size: 20px;}
.ps-kleiner {font-size: 18px;}
.ps-winzig {font-size: 16px;}
.ps-titel {font-size: 36px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 30px;}
	
/* main -- 4 -- */
.aussen {}
.kopf { /* desktop-menue */
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.angebot {
	position: relative;
	width: 800px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column-reverse wrap;
	left: 50%;
	margin-left: -400px;
	text-align: center;
	}
.angebot-inhalt {
	position: relative;
	width: 100%;
	margin: 0px;
	}
.angebot-bild {
	position: relative;
	width: 380px;
	left: 50%;
	margin-left: -190px;
	}
.social {
	position: relative;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon { display: none;	}	
.video {
	display: block;
	position: relative;
	width: 600px;
	left: 50%;
	margin-left: -300px;
	}

/* paragraphs -- 4 -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	z-index: 5;
	}
.p-angebot-titel {}
.p-angebot {}
.p-v {
	width: 100%;
	left: 0%;
	}
.p-a {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 54%;
	left: 23%;
	}
.p-f { /* bei Handy breiter */
	position: relative;
	width: 86%;
	left: 7%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	}
	
/* images -- 4 -- */
.i-logo {
	position: relative;
	width: 420px;
	height: auto;
	}
.i-punkt {
	width: 20px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 85px;
	height: auto;
	}
.i-hm {
	width: 38px;
	height: auto;
	}
.i-social {
	width: 42px;
	height: auto;
	padding: 2px;
	}
.i-nachoben {
	width: 55px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 50px;
	right: 50px;
	}
.i-flagge {
	width: 80px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 50px;
	}
.i-stroeme {
	width: 28%;
	height: auto;
	border-width: 3px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 9px;
	}
.i-schnoerkel {
	width: 310px;
	height: auto;
	}
}

/* ~ Desktop -------------------------------- 5 -- */
/* Mittelspalte, Menüzeile */
/* Pre-Design: 1680px (mein Bildschirm) */
@media (min-width: 1500px) and (max-width: 1919px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #FAF6F0} /* Papier */
.media123 { display: none; }

.abs9 {margin-top: 85px;}
.abs8 {margin-top: 63px;}
.abs7 {margin-top: 45px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.abss {margin-top: 20px;}
.pad9 {padding-top: 85px;}
.pad8 {padding-top: 63px;}
.pad7 {padding-top: 45px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 8px;}
.abs-logo {margin-top: 35px;}
.abs-kopf {margin-top: -10px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 10px;}
.abs-untertitel {margin-top: -34px;}
.abs-angebot-erste-zeile {margin-top: 1px;}
.abs-social {margin-top: 45px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 35px;}

.ps-g9 {font-size: 59px;}
.ps-g6 {font-size: 53px;}
.ps-g3 {font-size: 45px;}
.ps-g0 {font-size: 39px;}
.ps-n9 {font-size: 33px;}
.ps-n6 {font-size: 29px;}
.ps-n4 {font-size: 25px;}
.ps-n3 {font-size: 24px;}
.ps-n1 {font-size: 23px;}
.ps-n0 {font-size: 22px;}
.ps-klein {font-size: 20px;}
.ps-kleiner {font-size: 18px;}
.ps-winzig {font-size: 16px;}
.ps-titel {font-size: 42px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 30px;}
	
/* main -- 5 -- */
.aussen {
	position: relative;
	display: inline-block;
	width: 1440px;
	height: auto;
	}
.kopf { /* desktop-menue */
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.angebot {
	position: relative;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	}
.angebot-inhalt {
	width: 780px;
	margin: 10px;
	text-align: left;
	}
.angebot-bild {
	width: 380px;
	margin: 10px;
	}
.social {
	position: relative;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon { display: none;
	}	
.video {
	display: block;
	position: relative;
	width: 700px;
	left: 50%;
	margin-left: -350px;
	}

/* paragraphs -- 5 -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	z-index: 5;
	}
.p-angebot-titel {
	margin-left: 150px;
	}
.p-angebot {
	margin-left: 150px;
	margin-right: 40px;
	}
.p-v {
	width: 100%;
	left: 0%;
	}
.p-a {
	position: relative;
	width: 60%;
	left: 20%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 54%;
	left: 23%;
	}
.p-f { /* fix für Widescreen */
	position: relative;
	width: 54%;
	left: 23%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	}
	
/* images -- 5 -- */
.i-logo {
	position: relative;
	width: 390px;
	height: auto;
	}
.i-punkt {
	width: 20px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 85px;
	height: auto;
	}
.i-hm {
	width: 38px;
	height: auto;
	}
.i-social {
	width: 50px;
	height: auto;
	padding: 2px;
	}
.i-nachoben {
	width: 55px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 50px;
	right: 50%;
	margin-right: -680px;
	}
.i-flagge {
	width: 80px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 50%;
	margin-right: -680px;
	}
.i-stroeme {
	width: 35%;
	height: auto;
	border-width: 3px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 12px;
	}
.i-schnoerkel {
	width: 310px;
	height: auto;
	}
}
	
	
/* ~ Widescreen ----------------------------- 6 -- */
/* Menü-Zeile, fixes Layout */
/* Heike: HD = 1920x1080px */
@media (min-width: 1920px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.fh-aussen {background-color: #FAF6F0} /* Papier */
.media123 { display: none; }

.abs9 {margin-top: 85px;}
.abs8 {margin-top: 63px;}
.abs7 {margin-top: 45px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 3px;}
.abs0 {margin-top: 1px;}
.abss {margin-top: 20px;}
.pad9 {padding-top: 85px;}
.pad8 {padding-top: 63px;}
.pad7 {padding-top: 45px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 3px;}
.pad0 {padding-top: 1px;}
.pad-logo {padding-top: 8px;}
.abs-logo {margin-top: 35px;}
.abs-kopf {margin-top: -10px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {margin-top: 10px;}
.abs-untertitel {margin-top: -34px;}
.abs-angebot-erste-zeile {margin-top: 1px;}
.abs-social {margin-top: 45px;}

.bot8 {padding-bottom: 80px;}
.bot7 {padding-bottom: 70px;}
.bot6 {padding-bottom: 60px;}
.bot5 {padding-bottom: 50px;}
.bot4 {padding-bottom: 40px;}
.bot3 {padding-bottom: 30px;}
.bot2 {padding-bottom: 20px;}
.bot1 {padding-bottom: 15px;}
.bot0 {padding-bottom: 10px;}
.bot-social {padding-bottom: 35px;}

.ps-g9 {font-size: 59px;}
.ps-g6 {font-size: 53px;}
.ps-g3 {font-size: 45px;}
.ps-g0 {font-size: 39px;}
.ps-n9 {font-size: 33px;}
.ps-n6 {font-size: 29px;}
.ps-n4 {font-size: 25px;}
.ps-n3 {font-size: 24px;}
.ps-n1 {font-size: 23px;}
.ps-n0 {font-size: 22px;}
.ps-klein {font-size: 20px;}
.ps-kleiner {font-size: 18px;}
.ps-winzig {font-size: 16px;}
.ps-titel {font-size: 42px;}
.ps-kopf {font-size: 25px;}
.ps-untertitel {font-size: 30px;}
	
/* main -- 6 -- */
.aussen {
	position: relative;
	display: inline-block;
	width: 1440px;
	height: auto;
	}
.kopf { /* desktop-menue */
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.angebot {
	position: relative;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	}
.angebot-inhalt {
	width: 780px;
	margin: 10px;
	text-align: left;
	}
.angebot-bild {
	width: 380px;
	margin: 10px;
	}
.social {
	position: relative;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	}
.social-div {
	display: inline-block;
	}
.div-hm-icon { 
	display: none;	
	}	
.video {
	display: block;
	position: relative;
	width: 800px;
	left: 50%;
	margin-left: -400px;
	}
.video-640 {
	display: block;
	position: relative;
	width: 640px;
	left: 50%;
	margin-left: -320px;
	}

/* paragraphs -- 6 -- */
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-untertitel {
	position: relative;
	z-index: 5;
	}
.p-angebot-titel {
	margin-left: 150px;
	}
.p-angebot {
	margin-left: 150px;
	margin-right: 40px;
	}
.p-v {
	position: relative;
	width: 100%;
	left: 0%;
	}
.p-a {
	position: relative;
	width: 80%;
	left: 10%;
	}
.p-b {
	position: relative;
	width: 70%;
	left: 15%;
	}
.p-c {
	position: relative;
	width: 54%;
	left: 23%;
	}
.p-f { /* fix für Widescreen */
	position: relative;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
	}
.p-t {
	position: relative;
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	position: relative;
	width: 100%;
	text-align: left;
	margin-left: 12px;
	}
	
/* images -- 6 -- */
.i-logo {
	position: relative;
	width: 420px;
	height: auto;
	}
.i-punkt {
	width: 20px;
	height: auto;
	vertical-align: -2px;
	}
.i-tilde {
	width: 85px;
	height: auto;
	}
.i-hm {
	width: 38px;
	height: auto;
	}
.i-social {
	width: 50px;
	height: auto;
	padding: 2px;
	}
.i-nachoben {
	width: 55px;
	height: auto;
	opacity: 0;
	transition: opacity 2s;
	position: fixed; /* immer am VIEWPORT ausgerichtet */
	bottom: 50px;
	right: 50%;
	margin-right: -680px;
	}
.i-flagge {
	width: 80px;
	height: auto;
	position: absolute;
	top: 50px;
	right: 50%;
	margin-right: -680px;
	}
.i-stroeme {
	width: 35%;
	height: auto;
	border-width: 3px;
	border-color: #8b6f66;
	border-style: solid;
	border-radius: 12px;
	}
.i-schnoerkel {
	width: 310px;
	height: auto;
	}
}