@font-face {font-family: 'Tangerine';font-style: normal;font-weight: 400;src: local(''),url('../fonts/tangerine-v17-latin-regular.woff2') format('woff2'),url('../fonts/tangerine-v17-latin-regular.woff') format('woff');}
@font-face {font-family: 'Tangerine';font-style: normal;font-weight: 700;src: local(''),url('../fonts/tangerine-v17-latin-700.woff2') format('woff2'),url('../fonts/tangerine-v17-latin-700.woff') format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local(),url(../fonts/open-sans-v29-latin-regular.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-regular.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local(),url(../fonts/open-sans-v29-latin-600.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-600.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local(),url(../fonts/open-sans-v29-latin-700.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-700.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local(),url(../fonts/open-sans-v29-latin-italic.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-italic.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local(),url(../fonts/open-sans-v29-latin-600italic.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-600italic.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local(),url(../fonts/open-sans-v29-latin-700italic.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-700italic.woff) format("woff")}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* Formatierung Tags und Klassen*/
p, div, img, main, header, article, section, aside, nav, footer, a, input, select, textarea, label  {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;	
	}
html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
	font: 1em/1.5 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	color: #333;
	background: #fff;
}
h1 {
	font-family: 'Tangerine', cursive;
	font-size: 2em;
	font-weight:700;
	line-height: 1.1;
	margin: 0 0 0.75em 0;
	color: #4d6e1d;
	}
h2 {
	font-size: 1.125em;
	margin: 0 0 0.875em 0;
	font-weight:600;
	line-height: 1.1;
	color: #4d6e1d;
	}
h3, h4, h5, h6 {
	font-size: 1em;
	font-weight:600;
	margin: 0 0 0.875em 0;
	color: #4d6e1d;
	}
p + h3 { margin-top: 1em;}
strong, b {
	font-weight:600;
	}
p {
	margin: 0 0 0.875em 0;
	}
img { 
	border: none;
	max-width: 100%;
	height: auto;
	}
td, th {
	padding: 0.125em 2px;
	vertical-align: top;
}
a {
	color: #4d6e1d;
	}
a:hover {
	color: #000;
	}
table {
	border-collapse:collapse;
	}
table td {
	padding: 2px 6px;
	}
hr {
  box-sizing: content-box;
  height: 1px;
  overflow: visible;
  background: #6d6e70;
  border: 0;
  margin: 12px 24px;
}
.links {
	text-align: left;
	}
.zentriert {
	text-align: center;
	}
.rechts {
	text-align: right;
	}
.blocksatz {
	text-align: justify;
	}
.bildlinks, .bildzentriert, .bildrechts {
	display: block;
	margin: 0.75em auto;
}
.bildabstand {
	margin: 0.5em 12px;
 }
.clearfloat {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
	}
.rand {
	border: 1px solid #8a8c89;
	}
.rand-u {
border-bottom: 1px solid #77b92a;
}
.txt-gross {font-size: 1.5rem;}
.txt-gross-fett {font-size: 1.75rem;font-weight:bold}
.txt-klein {font-size: 0.875rem;}
.invers {
	background: #4d6e1d;
	color: #fff;
	}
.invers a {
	color: #fff;
	}
.invers:hover {
	background: #9ec45d;
	color: #000;}
.invers a:hover {
	color: #000;
	}
.fl-links, .fl-rechts {
	display:block;
	/*width: 100%;*/
	text-align:center;
	}
.hg-gruen {background: #e5f0d6}
/*Layout Formmatierung Layoutelemente */
#seite {
	width: 100%;
	padding: 0 6px;
	position: relative;
	}
.kopf {
	background:#fff;
	overflow: hidden;
	text-align: center;
	color: #4d6e1d;
	padding: 0.75em 0;
	}
.logo {}
.titel {
	font-size: 1.125em;
	font-weight:600;
	padding: 4px 0;
	margin-top: 0;
	}
.titel a {
	color: #4d6e1d;
	text-decoration:none;
	display:block;
	margin: 0.75em 0;
	}
.titel a:hover {
	color: #333;
	text-decoration:underline;
	}
.slider img {
/*
border-top: 4px solid #77b92a;
border-bottom: 4px solid #77b92a;
*/
}
#inhalt {padding-top: 1em; padding-bottom: 1em; position: relative; 
/*overflow:hidden*/
}
.fuss {
	background: #4d6e1d;
	color: #fff;
	}
.fuss {
	margin:0;
	}
.fuss a {
	color: #fff;
	}
.fuss a:hover {
	text-decoration:underline;
	}
.container, .zeile{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	}
.container700{
	width: 100%;
	max-width: 800px;
	margin: 1em auto;
	overflow: hidden;
	}
.zeile {
	display: flex;
  	flex-wrap: wrap;
	}
.spalte {
	display: flex;
	flex-direction: column;
	}
.box4, .box2, .box2-6, .box2-4, .box3 {
	flex: 0 0 auto;
	width: 100%;
	padding: 1em 12px;
	}
.card {margin:0 auto; max-width: 326px; height: 100%;}
.cardkopf {	
padding: 4px;
margin: 0;
	}

.cardinhalt  {
	flex: 1 1 auto;
	padding-bottom: 1em;
	}
.cardinhalt p  {
	padding-left: 12px;
	padding-right: 12px;
	}
.cardinhalt li  {
	padding-right: 12px;
	}
.cardfuss { display: block; padding: 4px 32px;}
.box-innen {height: 100%;}

.box-innen ul li::marker {
  color: #4d6e1d;
}
.boxfuss { display: block; padding: 4px;}
.btn {
	display: inline-block;
	background: url(../bilder/pfeil-rechts.png) no-repeat right center;
	padding-right: 14px;
	margin-bottom: 2em;
	text-decoration: none;
	border-bottom: 1px solid #77b92a;
	font-weight:600;
}
.bildwrapper {
position: relative;
display:inline-block;
margin: 4px 12px;
}
.bildwrapper .swipebox::after {
content: url(../bilder/lupe.png);
position: absolute;
bottom: 0;
right: 0;
}
.top {width: 100%;
position:absolute;
left: 0;
bottom: 6px;}
.top a {
	text-align:center;
	display: inline-block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	text-indent: -999px;
	background: #4d6e1d url(../img/pfeil-o.png) no-repeat center center;
	border-radius: 20px;
	border: 2px solid #fff;
	margin-top: -6px;
	transition: all 0.8s ease-out;
}
.top  a:hover{background: #9ec45d url(../img/pfeil-o.png) no-repeat center center; transition: all 0.8s ease-out;}
/* Formular*/
form {margin: 0; padding: 0}
label{display: block; background: #fff; width: 100%; font-size: 0.875em; padding: 0.25em;}
input, select, textarea {display: block; background: #fff; width: 100%; padding: 0.375em; border: 1px solid #8a8c89; margin-bottom: 0.125em}
input:focus, select:focus, textarea:focus,input:hover, select:hover, textarea:hover {border: 1px solid #4c6e1d; outline: 0}
input {}
.formzeile {padding: 0.375em 0}
.formtext {padding: 2em 0 0 0}
.smtbtn {
	display: block;
	text-align:center;
	margin: 1em auto 2em auto;
	cursor:pointer;
	font-weight:600;
	max-width: 336px;
}
.preise { max-width: 540px; padding: 4px 6px; margin: 2px auto; overflow: hidden;}
.wochentag {
	display: inline-block;
    border: solid 1px #4c6e1d;
     border-radius: 3px;
     margin: 2px;
     padding: 0 4px;
	 font-weight:600}
.ohne-marker {
	list-style:none}
.buchenbtn { position:absolute; bottom: 20px; left: -20px}
/*Navigation*/
.menue ul li {
	list-style:none;
	}
.menue {
	color: #fff;
	background: #4d6e1d;
	padding: 4px;
	}
.menue > ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
.menue > ul > li {
	font-size:1em;
	margin: 0 12px;
	padding: 4px 12px;
	border-top: 1px solid #fff;
	max-width: 480px;
	}
.menue > ul > li:hover, .maktiv {
	background: #9ec45d;
	color:#000;
	}
.menue > ul > li:hover > a {
	color:#000;
	}
.menue > ul > li:last-child{
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
}
.menue a{
	color: #fff;
	text-decoration:none;
	display:block;
	}
.menue a:hover, .maktiv > a, .subaktiv > a{
	color: #000;
	}
.submenue {
	background: #4d6e1d;
	padding: 0;
	margin: 0;
	display: none;
	width:100%;
	}
.submenue li{
	text-align: left;
	margin: 0;
	padding: 4px 6px;
	border-bottom: 1px solid #fff;
	}
.submenue > li:hover, .subaktiv {
	background: #9ec45d;
	}
.submenue li:first-child{
  border-top: 1px solid #fff;
}
li.sub > a {
	padding-right: 28px;
	background: url(../img/pfeile.png) no-repeat 100% 0;
	transition: background 500ms ease-out;
	}
li.sub-offen {
	background: #9ec45d;
	}
li.sub-offen > a{
	padding-right: 28px;
	background: url(../img/pfeile.png) no-repeat 100% -45px;
	transition: background 500ms ease-out;
	color: #000;
	}
.hmenue { 
   width: 40px;
   height: 24px;
   display: block;
   position: relative; 
   margin: 6px auto;
   cursor: pointer;
}
.linie-o,.linie-m,.linie-u { 
   position: absolute; 
   left:0;
   height: 4px; width: 40px; 
   background: #fff; 
   border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}
.linie-o { top: 0; }
.linie-m { top: 10px; }
.linie-u { top: 20px; }
.menue-auf .linie-o{
	-webkit-transform: translateY(10px) rotate(-45deg);
   transform: translateY(10px) rotate(-45deg);
}
.menue-auf .linie-m{
   opacity:0;
}
.menue-auf .linie-u{
	-webkit-transform: translateY(-10px) rotate(45deg);
   transform: translateY(-10px) rotate(45deg);
}
.menue > ul {
	display: none;
	}
div[style*="!important"] { background:#4d6e1d }
#fensterwrapper {
position: absolute;
top: -60px;
left:0;
width: 100%;
}
#fenster {
color: #111;
margin: 0 auto;
max-width:700px;
background: #fff;
/*height: 430px;
background: #fff url(../img/hg-ostern-2024-2.jpg) no-repeat right top;*/
padding: 24px;
box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.8);
}
#fenster #schliessbtn {
color: #000;
font-size: 0.75em;
}
#fenster .text {
color: #fff;
margin: 0;
padding: 12px;
max-width:420px;
/*text-shadow: 1px 1px 1px #fff;
background: rgba(255, 255, 255, 0.75);*/
}
#layeraus {visibility: hidden; }
@media only screen and (min-width: 580px) {
.container{
	padding-left: 12px;
	padding-right: 12px; 
	}
.kopf {
	padding-top: 12px;
	padding-bottom: 12px;
	}
.box4, .box3 {
	width: 50%;
	}
.zelle-35 {width: 35%; padding: 0.375em 0.375em 0 0; float: left; text-align: right;}
.zelle-65 {width: 65%; padding: 0 0 0 0.375em; float: left}
.zelle-25 {width: 25%; padding: 0.375em 0.375em 0 0; float: left; text-align: right;}
.zelle-75 {width: 75%; padding: 0 0 0 0.375em; float: left}
.container700 .zelle-35 {padding-top: 0;}
#fenster {
position: relative;
padding: 24px;


}
#fenster .text {
margin: 0;
position: absolute;
top: 24px;
right:12px;
padding-bottom: 0;
}
#fenster .text p {
padding-left: 6px;
padding-right: 6px;
}
}
@media only screen and (min-width: 768px) {
.eingerueckt60 {padding-left: 60px}
.bildlinks {
	float: left;
	margin: 0 16px 0.125em 0;
	max-width: 46%;
 }
.bildrechts {
	float: right;
	margin: 0 0 0.125em 16px;
	max-width: 46%;
 }
.fl-links {
	float: left;
	width:auto;
	}
.fl-rechts {
	float: right;
	width:auto;
	}
.formzeile {overflow: hidden;}
.zelle-20 {width: 20%; padding: 0 0.375em 0 0; float: left}
.zelle-80 {width: 80%; padding: 0 0 0 0.375em; float: left}
.zelle-50l {width: 50%; padding: 0 0.375em 0 0; float: left}
.zelle-50r {width: 50%; padding: 0 0 0 0.375em; float: left}
/*#fenster {
position: relative;
padding: 12px 0 0 0;


}
#fenster .text {
margin: 0;
position: absolute;
top: 24px;
right:12px;
padding-bottom: 0;
}*/
#fenster .text p {
padding-left: 12px;
padding-right: 12px;
}
.slogan {font-family: 'Tangerine', cursive;
	font-size: 2em;
	font-weight:700;
	line-height: 1.1;
	display:inline-block;
	white-space: nowrap;
	padding: 0.5em 12px;
	}
.titel {
	text-align:right;
	}
}
@media only screen and (min-width: 980px) {
html, body {
	height: 100%;
	}
html {
	overflow-y: scroll;
	}
h1 {
	font-size: 2.5em;
	}
#seite {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	padding: 0;
	}
.titel {
	font-size: 1.25em;
	padding-top: 28px;
	}
.titel a {
	display:inline;
	margin: 0;
	}
#inhalt {
	flex: 1 1 auto;
	padding-top: 2.5em;
	}
.box4 {
	width: 25%;
	padding: 32px 12px;
	}
.box3 {
	width: 33.3333333333%;
	padding: 32px 12px;
	}
.box2 {
	width: 50%;
	padding: 32px 12px;
	}
.box2-6 {
	width: 60%;
	padding: 32px 12px;
	}
.box2-4 {
	width: 40%;
	padding: 32px 12px;
	}

/*Navigation*/
.hmenue {
	display:none;
	margin: 0;
	}
.menue {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
.menue > ul {
	display: block;
	}
.menue > ul {
	display: flex;
	justify-content: space-between;
	overflow: visible;
	width: 100%;
	}
.menue > ul > li {
	flex: 1 1 auto;
	position:relative;
	border-top: 0;
	padding: 8px;
	margin: 0;
	border-left: 1px solid #9ec45d;
	text-align:center;
	max-width: none;
	}
.menue > ul > li:hover {
	border-left: 1px solid #4d6e1d;
	}
.menue > ul > li:last-child{
  margin-bottom: 0;
  border-bottom: 0;
  border-right: 1px solid #9ec45d;
}
/*
.menue-zu > ul {
	max-height: none;
}*/
.submenue {
	position: absolute;
	z-index:99;
	min-width: 230px;
	margin-top: 8px;
	/*top: 2em;*/
	left: 0;
	}
.submenue  a{
	font-size: 0.875em;
	padding-left: 24px;
	white-space: nowrap;
	}
.abstand-links {display:inline-block; padding-left: 10em}
.slogan {
	font-size: 2.5em;
	}
.layer {position:absolute; background: #fff; width: 100%;}
.layerbottom {top:110%; opacity: 0; height: 100%; transition: all 2000ms ease-out;}
.layertop {top:0; opacity: 0.9; height: auto; transition: all 2000ms ease-out;}
#layeraus {padding:8px; border: 1px solid #4d6e1d; background:#fff; border-radius: 1em; cursor: pointer; visibility: visible; }
}
@media only screen and (min-width: 1424px) {
body {font-size: 1.125em}
h1 {
	font-size: 3em;
	}
.fuss { padding: 1em 12px}

.container{
	padding-left: 0;
	padding-right: 0;
	}
.box4 {
	width: 25%;
	padding: 32px 0;
	}
.box4:nth-child(4n+1) .card {
	margin:0 auto 0 0;
}
.box4:nth-child(4n+3) .card {
	margin:0 8px 0 auto;
}
.box4:nth-child(4n) .card {
	margin:0 0 0 auto;
}
.box4:nth-child(4n+2) .card {
	margin:0 auto 0 8px;
}
.box2 {
	padding: 32px 0;
	}
.box2:nth-child(2n+1) .box-innen {
	margin:0 16px 0 0;
}
.box2:nth-child(2n) .box-innen {
	margin:0 0 0 16px;
}
#fensterwrapper {
top: -320px;
}
.abstand-oben {padding-top: 4.5em;}
.slogan {
	font-size: 3em;
	}
}