@charset "utf-8";

/* LUETZELHUUS INDEX.CSS */
/* letzte Aenderung am 14.11.2023 um 11:00 Uhr cc*/
/* letzte Aenderung: abs margin und pad padding*/
* {	margin: 0; padding: 0; }
body, html { height: 100%; }
img { font-size: 10px; border: 0; }

/* adobe typekit luetzel-1 */
/* Pelago light 200, light italic 200, light text 300, regular 400 */
p,div,h1,h2,h3,img,label,input,textarea,.font-text {font-family: 'pelago','arial narrow',sans-serif; font-style: normal; font-weight: 200;}
/* Adrianna light 300, regular 400 */
.font-kopf {font-family: 'adrianna','arial narrow',sans-serif; font-style: normal; font-weight: 300;}
/* Akagi Pro Thin 100, Light 300, Book 400 (-) ExtraLight 200 kaum Unterschied zu 100 */
.font-sub {font-family: 'akagi-pro','arial narrow',sans-serif; font-style: normal; font-weight: 100;}
/* fontstyle */
.font-thin {font-weight: 200;}
.font-i {font-style: italic;}
.font-ti {font-style: italic; font-weight: 200;}
.font-l {font-weight: 300;}
.font-li {font-style: italic; font-weight: 300;}
.font-n {font-weight: 400;}
.font-b {font-weight: 600;}

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

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

/* ~ iPhone8 plus: 414 x 736 ---------------- 1 -- */
@media only screen and (min-width: 380px) and (max-width: 699px) {
.f-text,a.ohne {color: #504435}
.f-grau {color: #7E7E7E}

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 5px;}
.abs0 {margin-top: 2px;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 5px;}
.pad0 {padding-top: 2px;}
.abs-logo {padding-top: 19px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 12px;}
.abs-adresse {margin-top: -3px;}
.abs-sub {margin-top: -16px;}
.abs-insta {margin-top: 10px;}
.abs-angebot {padding-top: 3px;}
.abs-foto {margin-top: 12px;}

.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-sub {padding-bottom: 30px;}
.bot-titel {margin-bottom: -10px;}

.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-n3 {font-size: 22px;}
.ps-n1 {font-size: 20px;}
.ps-n0 {font-size: 19px;}
.ps-klein {font-size: 17px;}
.ps-winzig {font-size: 14px;}
.ps-kopf {font-size: 13px;}
.ps-adresse {font-size: 18px;}
.ps-sub {font-size: 21px;}

.media456 { display: none; }

/* main -- 1 -- */
body {
	position: relative;
	background-color: white;
	text-align: center;
	}
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 100%;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 100%;
	text-align: center;
	}
.adresse {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.adresse-kleiner {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.div-hm-icon {
	position: absolute;
	top: 40px;
	right: 40px;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	background-color: white;
	text-align: center;
	z-index: 10;
	}	

/* paragraphs -- 1 -- */
.p-n {
	width: 100%;
	left: 0%;
	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: 54%;
	left: 23%;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	position: relative;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	position: relative;
	}
	
/* images -- 1 -- */
.i-logo {
	width: 190px;
	height: auto;
	right: 6px;
	}
.i-logo-kleiner {
	width: 190px;
	height: auto;
	right: 6px;
	}
.i-linie {
	width: 900px;
	height: 1px;
	}
.i-titel {
	width: 220px;
	height: auto;
	}
.i-titel-kleiner {
	width: 200px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm-icon {
	width: 36px;
	height: auto;
	}
.i-instagram {
	width: 36px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 42px;
	height: auto;
	}
.i-tilde {
	width: 72px;
	height: auto;
	}
}

/* ~ Handy landscape ------------------------ 1q - */
/* Pre-Design: 736px, (iPhone8 quer) */
@media only screen and (min-width: 700px) and (max-width : 991px) {
.f-text,a.ohne {color: #504435}
.f-grau {color: #7E7E7E}

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 5px;}
.abs0 {margin-top: 2px;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 5px;}
.pad0 {padding-top: 2px;}
.abs-logo {padding-top: 19px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 12px;}
.abs-adresse {margin-top: 0px;}
.abs-sub {margin-top: -22px;}
.abs-insta {margin-top: 8px;}
.abs-angebot {padding-top: 4px;}
.abs-foto {margin-top: 12px;}

.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-sub {padding-bottom: 30px;}
.bot-titel {margin-bottom: -10px;}

.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-n3 {font-size: 25px;}
.ps-n1 {font-size: 22px;}
.ps-n0 {font-size: 21px;}
.ps-klein {font-size: 18px;}
.ps-winzig {font-size: 14px;}
.ps-kopf {font-size: 13px;}
.ps-adresse {font-size: 20px;}
.ps-sub {font-size: 24px;}

.media456 { display: none; }

/* main -- 1q -- */
body {
	position: relative;
	background-color: white;
	text-align: center;
	}
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 100%;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 100%;
	text-align: center;
	}
.adresse {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.adresse-kleiner {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.div-hm-icon {
	position: absolute;
	top: 40px;
	right: 40px;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	background-color: white;
	text-align: center;
	z-index: 10;
	}	

/* paragraphs -- 1q -- */
.p-n {
	width: 100%;
	left: 0%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	width: 94%;
	left: 3%;
	position: relative;
	}
.p-b {
	width: 70%;
	left: 15%;
	position: relative;
	}
.p-c {
	width: 54%;
	left: 23%;
	position: relative;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	position: relative;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	position: relative;
	}
	
/* images -- 1q -- */
.i-logo {
	width: 280px;
	height: auto;
	right: 8px;
	}
.i-logo-kleiner {
	width: 280px;
	height: auto;
	right: 8px;
	}
.i-linie {
	width: 900px;
	height: 1px;
	}
.i-titel {
	width: 280px;
	height: auto;
	}
.i-titel-kleiner {
	width: 230px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm-icon {
	width: 36px;
	height: auto;
	}
.i-instagram {
	width: 36px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 20px;
	right: 15px;
	width: 48px;
	height: auto;
	}
.i-tilde {
	width: 72px;
	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}
.f-grau {color: #7E7E7E}

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 11px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 5px;}
.abs0 {margin-top: 2px;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 11px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 5px;}
.pad0 {padding-top: 2px;}
.abs-logo {padding-top: 19px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 22px;}
.abs-adresse {margin-top: 0px;}
.abs-sub {margin-top: -20px;}
.abs-insta {margin-top: 8px;}
.abs-angebot {padding-top: 4px;}
.abs-foto {margin-top: 11px;}

.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-sub {padding-bottom: 35px;}
.bot-titel {margin-bottom: -10px;}

.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-n3 {font-size: 23px;}
.ps-n1 {font-size: 21px;}
.ps-n0 {font-size: 20px;}
.ps-klein {font-size: 18px;}
.ps-winzig {font-size: 14px;}
.ps-kopf {font-size: 13px;}
.ps-adresse {font-size: 18px;}
.ps-sub {font-size: 20px;}

.media456 { display: none; }

/* main -- 2 -- */
body {
	position: relative;
	background-color: white;
	text-align: center;
	}
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 100%;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 100%;
	text-align: center;
	}
.adresse {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.adresse-kleiner {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.div-hm-icon {
	position: absolute;
	top: 35px;
	right: 40px;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	background-color: white;
	text-align: center;
	z-index: 10;
	}	

/* paragraphs -- 2 -- */
.p-n {
	width: 100%;
	left: 0%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	width: 94%;
	left: 3%;
	position: relative;
	}
.p-b {
	width: 70%;
	left: 15%;
	position: relative;
	}
.p-c {
	width: 54%;
	left: 23%;
	position: relative;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	position: relative;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	position: relative;
	}
	
/* images -- 2 -- */
.i-logo {
	width: 180px;
	height: auto;
	right: 5px;
	}
.i-logo-kleiner {
	width: 180px;
	height: auto;
	right: 5px;
	}
.i-linie {
	width: 900px;
	height: 1px;
	}
.i-titel {
	width: 250px;
	height: auto;
	}
.i-titel-kleiner {
	width: 210px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm-icon {
	width: 36px;
	height: auto;
	}
.i-instagram {
	width: 36px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 36px;
	height: auto;
	}
.i-tilde {
	width: 68px;
	height: auto;
	}
}

/* ~ iPhone SE und 5s: 320 x 568 ------------ 3 -- */
@media only screen and (max-width : 330px) {
.f-text,a.ohne {color: #504435}
.f-grau {color: #7E7E7E}

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 11px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 5px;}
.abs0 {margin-top: 2px;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 11px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 5px;}
.pad0 {padding-top: 2px;}
.abs-logo {padding-top: 19px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 22px;}
.abs-adresse {margin-top: 0px;}
.abs-sub {margin-top: -20px;}
.abs-insta {margin-top: 8px;}
.abs-angebot {padding-top: 2px;}
.abs-foto {margin-top: 11px;}

.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-sub {padding-bottom: 35px;}
.bot-titel {margin-bottom: -10px;}

.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-n3 {font-size: 23px;}
.ps-n1 {font-size: 21px;}
.ps-n0 {font-size: 20px;}
.ps-klein {font-size: 18px;}
.ps-winzig {font-size: 14px;}
.ps-kopf {font-size: 13px;}
.ps-adresse {font-size: 18px;}
.ps-sub {font-size: 20px;}

.media456 { display: none; }

/* main -- 3 -- */
body {
	position: relative;
	background-color: white;
	text-align: center;
	}
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 100%;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 100%;
	text-align: center;
	}
.adresse {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.adresse-kleiner {
	position: relative;
	margin-top: 3px;
	padding-bottom: 18px;
	}	
.div-hm-icon {
	position: absolute;
	top: 20px;
	right: 30px;
	}	
.div-hm-menue {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	background-color: white;
	text-align: center;
	z-index: 10;
	}	

/* paragraphs -- 3 -- */
.p-n {
	width: 100%;
	left: 0%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	width: 94%;
	left: 3%;
	position: relative;
	}
.p-b {
	width: 70%;
	left: 15%;
	position: relative;
	}
.p-c {
	width: 54%;
	left: 23%;
	position: relative;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	position: relative;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	position: relative;
	}
	
/* images -- 3 -- */
.i-logo {
	width: 180px;
	height: auto;
	right: 5px;
	}
.i-logo-kleiner {
	width: 180px;
	height: auto;
	right: 5px;
	}
.i-linie {
	width: 900px;
	height: 1px;
	}
.i-titel {
	width: 200px;
	height: auto;
	}
.i-titel-kleiner {
	width: 150px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm-icon {
	width: 30px;
	height: auto;
	}
.i-instagram {
	width: 36px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 35px;
	height: auto;
	}
.i-tilde {
	width: 63px;
	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}
.f-grau {color: #7E7E7E}

.media123 { display: none; }

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 5px;}
.abs0 {margin-top: 2px;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 5px;}
.pad0 {padding-top: 2px;}
.abss {padding-top: 20px;}
.abs-logo {margin-top: 25px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 170px;}
.abs-adresse {margin-top: 2px;}
.abs-linie {margin-top: -6px;}
.abs-linie-kleiner {margin-top: -10px;}
.abs-poster {margin-top: -6px;}
.abs-sub {margin-top: -23px;}
.abs-insta {margin-top: 16px;}
.abs-angebot {padding-top: 18px;}
.abs-foto {padding-top: 18px;}

.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-sub {padding-bottom: 30px;}
.bot-titel {margin-bottom: -10px;}

.ps-g9 {font-size: 66px;}
.ps-g6 {font-size: 59px;}
.ps-g3 {font-size: 51px;}
.ps-g0 {font-size: 45px;}
.ps-n9 {font-size: 39px;}
.ps-n6 {font-size: 33px;}
.ps-n3 {font-size: 28px;}
.ps-n1 {font-size: 25px;}
.ps-n0 {font-size: 24px;}
.ps-klein {font-size: 22px;}
.ps-winzig {font-size: 18px;}
.ps-kopf {font-size: 17px;}
.ps-adresse {font-size: 18px;}
.ps-sub {font-size: 24px;}
	
/* main -- 4 -- */
body {
	position: relative;
	background-color: white;
	text-align: center;
	}
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 900px;
	left: 50%;
	margin-left: -450px;
	text-align: center;
	}
.adresse {
	position: absolute;
	left: 50%;
	padding-left: 195px;
	top: 112px;
	}	
.adresse-kleiner {
	position: absolute;
	left: 50%;
	padding-left: 235px;
	top: 68px;
	}	
.div-hm-icon { display: none;	}	


/* paragraphs -- 4 -- */
.p-n {
	width: 100%;
	left: 0%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	width: 60%;
	left: 20%;
	position: relative;
	}
.p-b {
	width: 70%;
	left: 15%;
	position: relative;
	}
.p-c {
	width: 54%;
	left: 23%;
	position: relative;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	position: relative;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	position: relative;
	}
	
/* images -- 4 -- */
.i-logo {
	width: 330px;
	height: auto;
	right: 10px;
	position: relative;
	}
.i-logo-kleiner {
	width: 250px;
	height: auto;
	right: 10px;
	}
.i-linie {
	width: 870px;
	height: 1px;
	position: relative;
	}
.i-titel {
	width: 280px;
	height: auto;
	position: relative;
	}
.i-titel-kleiner {
	width: 230px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm {
	width: 38px;
	height: auto;
	}
.i-instagram {
	width: 54px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 45px;
	height: auto;
	}
.i-tilde {
	width: 72px;
	height: auto;
	}
}


/* ~ Desktop -------------------------------- 5 -- */
/* Mittelspalte, Menüzeile */
/* Pre-Design: 1680px (mein Bildschirm) */
@media only screen and (min-width: 1500px) and (max-width: 1919px) {
.f-text,a.ohne {color: #504435} /* Standard-Textfarbe */
.f-grau {color: #7E7E7E}

.media123 { display: none; }

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.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;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.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;}
.abss {padding-top: 20px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 170px;}
.abs-adresse {margin-top: 4px;}
.abs-linie {margin-top: -0px;}
.abs-linie-kleiner {margin-top: -8px;}
.abs-poster {margin-top: -0px;}
.abs-sub {margin-top: -30px;}
.abs-insta {margin-top: 20px;}
.abs-angebot {padding-top: 18px;}
.abs-foto {padding-top: 20px;}

.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-sub {padding-bottom: 30px;}
.bot-titel {margin-bottom: -10px;}

.ps-g9 {font-size: 66px;}
.ps-g6 {font-size: 59px;}
.ps-g3 {font-size: 50px;}
.ps-g0 {font-size: 42px;}
.ps-n9 {font-size: 36px;}
.ps-n6 {font-size: 31px;}
.ps-n3 {font-size: 27px;}
.ps-n1 {font-size: 25px;}
.ps-n0 {font-size: 24px;}
.ps-klein {font-size: 22px;}
.ps-winzig {font-size: 18px;}
.ps-kopf {font-size: 17px;}
.ps-adresse {font-size: 18px;}
.ps-sub {font-size: 28px;}
	
/* main -- 5 -- */
body {
	background-color: white;
	text-align: center;
	}
.aussen {}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.adresse {
	position: absolute;
	left: 50%;
	padding-left: 280px;
	top: 145px;
	}	
.adresse-kleiner {
	position: absolute;
	left: 50%;
	padding-left: 280px;
	top: 80px;
	}	
.div-hm-icon { display: none;	}	


/* paragraphs -- 5 -- */
.p-n {
	width: 100%;
	left: 0%;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.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-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	}
	
/* images -- 5 -- */
.i-logo {
	width: 330px;
	height: auto;
	right: 10px;
	}
.i-logo-kleiner {
	width: 250px;
	height: auto;
	right: 10px;
	}
.i-linie {
	width: 900px;
	height: 1px;
	}
.i-titel {
	width: 400px;
	height: auto;
	}
.i-titel-kleiner {
	width: 300px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm {
	width: 38px;
	height: auto;
	}
.i-instagram {
	width: 54px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 50px;
	right: 70px;
	width: 55px;
	height: auto;
	}
.i-tilde {
	width: 72px;
	height: auto;
	}
}
	
	
/* ~ Widescreen ----------------------------- 6 -- */
/* Menü-Zeile, fixes Layout */
/* Heike: HD = 1920x1080px */
@media (min-width: 1920px) {
.f-text,a.ohne {color: #504435}
.f-grau {color: #7E7E7E}

.media123 { display: none; }

.abs9 {margin-top: 100px;}
.abs8 {margin-top: 75px;}
.abs7 {margin-top: 50px;}
.abs6 {margin-top: 35px;}
.abs5 {margin-top: 25px;}
.abs4 {margin-top: 18px;}
.abs3 {margin-top: 12px;}
.abs2 {margin-top: 8px;}
.abs1 {margin-top: 5px;}
.abs0 {margin-top: 2px;}
.pad9 {padding-top: 100px;}
.pad8 {padding-top: 75px;}
.pad7 {padding-top: 50px;}
.pad6 {padding-top: 35px;}
.pad5 {padding-top: 25px;}
.pad4 {padding-top: 18px;}
.pad3 {padding-top: 12px;}
.pad2 {padding-top: 8px;}
.pad1 {padding-top: 5px;}
.pad0 {padding-top: 2px;}
.abss {padding-top: 20px;}
.abs-logo {margin-top: 35px;}
.abs-logo-kleiner {margin-top: 15px;}
.abs-titel {padding-top: 170px;}
.abs-adresse {margin-top: 5px;}
.abs-linie {margin-top: -5px;}
.abs-linie-kleiner {margin-top: -6px;}
.abs-poster {margin-top: -5px;}
.abs-sub {margin-top: -23px;}
.abs-insta {margin-top: 24px;}
.abs-angebot {padding-top: 18px;}
.abs-foto {padding-top: 18px;}

.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-sub {padding-bottom: 30px;}
.bot-titel {margin-bottom: -10px;}

.ps-g9 {font-size: 66px;}
.ps-g6 {font-size: 59px;}
.ps-g3 {font-size: 51px;}
.ps-g0 {font-size: 45px;}
.ps-n9 {font-size: 39px;}
.ps-n6 {font-size: 33px;}
.ps-n3 {font-size: 28px;}
.ps-n1 {font-size: 25px;}
.ps-n0 {font-size: 24px;}
.ps-klein {font-size: 22px;}
.ps-winzig {font-size: 18px;}
.ps-kopf {font-size: 20px;}
.ps-adresse {font-size: 18px;}
.ps-sub {font-size: 30px;}
	
/* main -- 6 -- */
body {
	position: relative;
	background-color: white;
	text-align: center;
	}
.aussen {
	position: relative;
	display: inline-block;
	width: 1920px;
	}
.hinten {
	position: relative;
	width: 100%;
	text-align: center;
	}
.kopf {
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.inhalt {
	position: relative;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	text-align: center;
	}
.adresse {
	position: absolute;
	left: 50%;
	padding-left: 280px;
	top: 142px;
	}	
.adresse-kleiner {
	position: absolute;
	left: 50%;
	padding-left: 280px;
	top: 76px;
	}	
.div-hm-icon { display: none;	}	


/* paragraphs -- 6 -- */
.p-n {
	width: 100%;
	left: 0%;
	position: relative;
	}
.p-kopf {
	display: inline;
	margin: 10px;
	}
.p-a {
	width: 40%;
	left: 30%;
	position: relative;
	}
.p-b {
	width: 70%;
	left: 15%;
	position: relative;
	}
.p-c {
	width: 54%;
	left: 23%;
	position: relative;
	}
.p-t {
	width: 100%;
	left: 0%;
	line-height: 87%;
	position: relative;
	}
.p-l {
	width: 100%;
	text-align: left;
	margin-left: 12px;
	position: relative;
	}
	
/* images -- 6 -- */
.i-logo {
	width: 330px;
	height: auto;
	right: 10px;
	}
.i-logo-kleiner {
	width: 250px;
	height: auto;
	right: 10px;
	}
.i-linie {
	width: 1020px;
	height: 1px;
	}
.i-titel {
	width: 360px;
	height: auto;
	}
.i-titel-kleiner {
	width: 300px;
	height: auto;
	}
.i-start {
	width: 100%;
	height: auto;
	margin-bottom: -4px;
	}
.i-hm {
	width: 38px;
	height: auto;
	}
.i-instagram {
	width: 54px;
	height: auto;
	}
.i-nachoben {
	opacity: 0;
	transition: opacity 2s;
	position: fixed;
	bottom: 50px;
	right: 90px;
	width: 61px;
	height: auto;
	}
.i-tilde {
	width: 72px;
	height: auto;
	}
}