@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local(),url(../fonts/open-sans-v28-latin-regular.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-regular.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local(),url(../fonts/open-sans-v28-latin-700.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-700.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local(),url(../fonts/open-sans-v28-latin-italic.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-italic.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local(),url(../fonts/open-sans-v28-latin-700italic.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-700italic.woff) format("woff")}
@font-face {
  font-family: 'Italianno';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/italianno-v16-latin-regular.eot');
  src: local(''),
       url('../fonts/italianno-v16-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/italianno-v16-latin-regular.woff2') format('woff2'),
       url('../fonts/italianno-v16-latin-regular.woff') format('woff'),
       url('../fonts/italianno-v16-latin-regular.ttf') format('truetype'),
       url('../fonts/italianno-v16-latin-regular.svg#Italianno') format('svg');
}
html {
  font-size: 100%;
}
body {
	font: 1em/1.5 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	color: #222;
	background: #ffe4b5;
}
h1 {
	font-size: 1.125em;
	font-weight:600;
	line-height: 1.1;
	margin: 1.125em 0;
	padding-bottom: 0.25em;
	color: #444;
	}
h2 {
	font-size: 1.125em;
	margin: 1.125em 0 0.875em 0;
	font-weight:600;
	line-height: 1.1;
	color: #444;
	}
h2 span {
	padding-left: 6em;
	}
h3 {
	font-size: 1em;
	font-weight:600;
	margin: 1em 0 0.875em 0;
	color: #444;
	}
h4, h5, h6 {
	font-size: 0.875em;
	font-weight:600;
	margin: 0 12px 0.125em 0;
	}
strong, b {
	font-weight:600;
	}
p, div, img, header, article, section, aside, nav, footer, a {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin: 0;
	padding: 0;	
	}
p {
	margin: 0 0 0.875em 0;
	}
li {
	/*margin: 0 12px 0.375em 0;*/
	}
img { 
	border: none;
	max-width: 100%;
	height: auto;
	}
td, th {
	padding: 0.125em 2px;
	vertical-align: top;
}
a {
	color: #444;
	}
hr {
  box-sizing: content-box;
  height: 1px;
  overflow: visible;
  background: #6d6e70;
  border: 0;
  margin: 12px 24px;
}
a:hover {
	color: #000;
	}
#seite {
	width: 100%;
	max-width: 1200px;
	background: #ffedcd;
	padding: 0 6px;
	}
.kopf {
	background:#fff;
	position: relative;
	border-top: 1em solid #ff8c00;
	}
.kopf h1 {
	color: #6d6e70;
	background: #ffeed1;
	padding: 12px;
	text-align:center;
	font-size: 3em;
	margin: 0;
	font-family: 'Italianno', cursive;
	font-weight:normal;
	text-shadow: 5px 5px 8px rgba(109,110,112,0.5);
	}
.kopf h1 span {
	color: #8ec63f;
	}
.kopf-navi {
	text-align: center;
	margin: 0;
	padding:6px;
	transition: 1s;
	color: #fff;
	}
.kopf a{
	color: #fff;
	text-decoration:none;
	}
.tabelle {
	border-collapse:collapse;
	border-bottom: solid 2px #65964a;
	width: 270px;
	}
.tabelle td {
	padding: 2px 4px;
	}
.fuss {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #ff8c00;
	padding: 12px;
	margin: 12px 0 0 0;
	}
.fuss div {
	margin: 12px 0;
	flex: 1 1 auto;
	}
.fuss a {
	color: #ffedcd;
	}
.fuss a:hover {
	color: #fff;
	}
.fuss-li, .fuss-mi, .fuss-re {
	font-size: 0.875em;
	color: #fff;
	padding: 0 12px;
	}	
.zentriert {
	text-align: center;
	}
#inhalt p, #inhalt h1, #inhalt h2, #inhalt h3 {
	padding-left: 12px;
	padding-right: 12px;
	}
.spalte-li h1 {
	clear:both;
	}
#hnavi {
	background: #ff8c00;
	padding-bottom: 1px;
	}
.eintrag {
	font-size:1.5em;
	font-weight:600;
	text-align: center;
	border-bottom: 1px solid #fff;
	margin-bottom: 4px;
	}
.eintrag:hover, .aktiv  {
	background:#ffa12f;
	}
.eintrag:hover a, .aktiv a  {
	text-decoration:underline;
	}
.menue ul li {
	list-style:none;
	}
.menue {
	color: #fff;
	background: #ff8c00;
	padding: 1px;
	}
.menue > ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}
.menue > ul > li {
	font-size:1.125em;
	margin: 0 12px;
	padding: 4px 12px;
	border-top: 1px solid #fff;
	}
.menue > ul > li:hover, .maktiv {
	background:#ffa12f;
	}
.submenue > li:hover, .subaktiv {
	background: #ff8c00;
	}
.menue > ul > li:last-child{
  margin-bottom: 1em;
  border-bottom: 1px solid #fff;
}
.submenue {
	background: #ffa12f;
	display: none;
	padding: 6px;
	margin: 0;
	}
.menue .submenue li{
	font-size: 0.875em;
	margin: 0;
	padding: 4px 6px;
	}
.menue a, kopf-navi a{
	color: #fff;
	text-decoration:none;
	font-weight:600;
	}
.menue a.sub{
	padding-right: 28px;
	}
.menue a:hover, kopf-navi a:hover{
	text-decoration:underline;
	}
.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-auf ul {
	transition: max-height 0.8s ease-out;
	height: auto;
	max-height: 500px;
}
.menue-zu ul {
	transition: max-height 0.8s ease-out;
	max-height: 0;
}
.menue-auf .kopf-navi {
	background:#0072bc;
	}
.subbtn + ul {
	display: none;
	}
.nojs .subbtn + ul {
	display: block;
	}
.subbtn {
	display: block;
	width: 32px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	}
.sub-off {
	background: url(../bilder/sonstige/pfeile.png) no-repeat 100% 0;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	}
.sub-on {
	background: url(../bilder/sonstige/pfeile.png) no-repeat 100% -45px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	}
.bildlinks, .bildzentriert, .bildrechts {
	display: block;
	margin: 0.75em auto;
}
.bildabstand {
	margin: 0.125em 12px;
 }
.clearfloat {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
	}
.kleinrechts {font-size: 0.875em; text-align: right; margin-right: 24px;}
.kleiner{font-size: 0.875em;}
.btnleiste {
	padding: 0.5em 12px;
	margin: 1em 0;
	text-align: center;
	border-top: 1px solid #0072bc;
	}
.bildbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 12px;
	width: 100%;
	}
.bildbox div{
	margin: 6px;
	flex: 0 1 auto;
	}
.bildbox img{
	border: 1px solid #cacaca;
	width: 100%
	}
.textfeld-img{
	border: 1px solid #cacaca;
	}
.textfeld-img-abst{
	border: 1px solid #cacaca;
	margin-right: 10px;
	margin-left: 10px;
	}
.partner{
	text-align: center;
	}
.partner img{
	margin: 4px;
	}
.spalte-re h2 {
	border-bottom:solid 1px #6d6e70;
	clear: both;
}
.fewos {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	}
.fewo {
	flex: 1 1 280px;
	/*display: flex;
	flex-wrap: wrap;*/
	margin: 12px;
	border:solid 1px #6d6e70;
	max-width:350px;
	}
.galerie {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: flex-start;
}
.galerie a {
	flex: 0 1 262px;
	margin: 10px;
	}
.galerie img {
  border:solid 1px #6d6e70;
}
.fwbild {
	flex: 1 1 280px;
	}
.fwtext {
	flex: 1 1 300px;
	}
.fwlink {
	text-align: right;
	}
.fwlink a {
	display:inline-block;
	color: #fff;
	padding: 4px 24px 4px 12px;
	text-decoration:none;
	background: #ff8c00 url(../bilder/sonstige/pfeile2.png) no-repeat right center;
	border-radius: 10em;
	}
.fwlink a:hover {
	text-decoration: underline;
	}
.aufzaehlung {
	list-style: url(../bilder/sonstige/haekchen.png);	
	}
fieldset{border:1px solid #c2c3c7;-webkit-border-radius:3px;border-radius:3px;margin:12px 4px;}
legend{font-size:0.75em;padding-left:12px;padding-right:12px;color:#6d6e70;}
.formzeile, .formzeile-p {margin:8px 12px;}
.formzeile input, .formzeile textarea, .formzeile-p input {padding:4px; border:1px solid #c2c3c7;}
.formzeile label, .formzeile input, .formzeile textarea{display:inline-block;width:100%;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*.formzeile input, .formzeile textarea, .formzeile select, .formzeile-p .input1{padding:2px 4px;border:1px solid #c5c7c6;}*/
.formzeile-cb label{margin-bottom:1em;font-size:0.875em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.formzeile2 {margin: 1em 12px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.formzeile2 label {font-size: 0.875em;}
.formzeile-p .l1, .formzeile-p .l2, .formzeile-p .input1, .formzeile-p .w15{display:inline-block;width:100%;margin:0;font-size:0.875em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
.submitbtn{display:inline-block;
	color: #fff;
	padding: 4px 24px;
	background: #ff8c00;
	/* url(../bilder/sonstige/pfeile2.png) no-repeat right center;*/
	border-radius: 10em;
	border: 0;
	cursor: pointer;
	transition: all 0.5s ease-out;
	}
.submitbtn:hover{
	color: #000;
	background: #ffa12f;
	transition: all 0.5s ease-out;
	}
.preise {
	border-collapse:collapse;
	margin: 12px auto;
	border:1px solid #c2c3c7;
	}
.preise td {
	padding: 2px 6px;
	border-bottom: 1px dotted #c2c3c7;
	}
.preise th {
	padding: 2px 6px;
	border-bottom: 1px solid #c2c3c7;
	}
.preise td:last-child {
	text-align:right;	
	}
.btn-gross {
	display: inline-block;
	border:1px solid #c2c3c7;
	width: 180px;
	padding: 12px 12px 12px 48px;
	text-align:left;
	margin-top: 12px;
	}
.btn-bplan {
	margin-right: 4px;
	background:#8ec63f url(../bilder/icons/belegung-ws.png) no-repeat left center;
	transition: all 0.5s ease-out;
	}
.btn-bplan:hover {
	background:#fff url(../bilder/icons/belegung.png) no-repeat left center;
	transition: all 0.5s ease-out;
	}
.btn-buchen {
	margin-left: 4px;
	background:#8ec63f url(../bilder/icons/buchen-ws.png) no-repeat left center;
	transition: all 0.5s ease-out;
	}
.btn-buchen:hover {
	margin-left: 4px;
	background:#fff url(../bilder/icons/buchen.png) no-repeat left center;
	transition: all 0.5s ease-out;
	}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive table {
  margin: 0 24px 1em 24px;
	border-collapse: collapse;
	border:1px solid #c2c3c7;
}
.table-responsive td, .table-responsive th {
white-space: nowrap;
border:1px dotted #c2c3c7;
padding: 2px 6px;
}
.table-responsive th {
color: #fff;
background: #ff8c00;
text-align: left;
}
.cookiebar{color:#222;background:#ffe4b5;left:0;bottom:0;position:fixed;width:100%;text-align:center;box-shadow: 0px -1px 4px 0px rgba(0,0,0,0.6);display:none}
.cookiebar p{margin:0;padding:6px}
.cookiebar p a{color:#222;padding-left:6px;padding-right:12px}
.cookiebar p span{cursor:pointer}
@media only screen and (min-width: 580px) {
.kopf-innen a{
	font-size: 1em;
	}
#hnavi {
	display: flex;
	}
.eintrag {
	margin-bottom: 0;
	padding: 6px;
	flex: 1 1 33.33333%;
	}
#hnavi div.eintrag-m {
	border-right: 1px solid #fff;border-left: 1px solid #fff;
	}
.hmenue {
	display:none;
	margin: 0;
	}
.menue {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}
.menue > ul {
	flex: 0 1 auto;
	overflow: visible;
	}
.menue > ul > li {
	font-size:1.25em;
	display: inline-block;
	position:relative;
	border-top: 0;
	padding: 4px;
	}
.menue > ul > li:last-child{
  margin-bottom: 0;
  border-bottom: 0;
}
.menue-zu ul {
	max-height: none;
}
.submenue {
	position: absolute;
	z-index:99;
	}
.fuss-mi {
	text-align:center;
	}
.fuss-re {
	text-align: right;
	}
.bildbox {
	flex-wrap: nowrap;
	}	
.adressblock {
	 float: left;
	 }
}
@media only screen and (min-width: 768px) {
html, body {
	height: 100%;
	}
h2 {
	font-size: 1.25em;
	line-height: 1.4;
	}
#seite {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	}
.kopf-navi {
	text-align: right;
	padding-right:12px;
	}
#inhalt {
	flex: 1 auto;
	}
#inhalt p, #inhalt h1, #inhalt h2, #inhalt h3 {
	padding-left: 24px;
	padding-right: 24px;
	}
.spalte-li > ul, #inhalt > ol {
	padding-left: 48px;
	padding-right: 24px;
	}
.bildlinks {
	float: left;
	margin: 0 16px 0.125em 0;
	max-width: 46%;
 }
.bildrechts {
	float: right;
	margin: 0 0 0.125em 16px;
	max-width: 46%;
 }
.bildbox {
	padding: 24px;
}
.bildbox div {
	margin: 24px;
}
.fuss-li {
	padding-left: 36px;
	}
.fuss-re {
	padding-right: 36px;
	}
fieldset{margin:12px 24px;}
.formzeile label, .formzeile label.anrede{width:25%;text-align:right;margin-right:2%;vertical-align:top;}
.formzeile label.w30{width:30%;}
.formzeile label.w-auto{width:11%;margin-left:0;}
.formzeile input, .formzeile textarea{width:70%;}
.formzeile input.w65{width:65%;}
.formzeile-cb{margin-left:30%;}
.formzeile input.w15, .formzeile-p input.w15{width:15%;}
.formzeile-p input.w15{margin-left:5%;}
.formzeile input.w8{width:10%;}
.formzeile input.w46{width:46%;}
.formzeile-p .l1 {
	width:25%;text-align:right;margin-right:2%;vertical-align:top;
	}
.formzeile-p .l2 {
	width:25%;
	padding-left:5px;
	}
.formzeile-p .input1 {
	width:46%;
	}
.formzeile-p .w15::placeholder{font-size:12px;}
}
@media only screen and (min-width: 980px) {
html {
	overflow-y: scroll;
	}
body {
	height: 100%;
	}
h1 {
	font-size: 1.5em;
	}
#seite {
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	}
.spalten {
	display: flex;
	}
.spalte-li {
	flex: 1 1 44%;
	order:1;
	}
.spalte-re {
	flex: 0 0 36%;
	order: 2;
	}
.spalte50 {width: 50%}
.spalte-li ul.aufzaehlung {
	padding-left: 60px;
	}
}
@media only screen and (min-width: 1200px) {
#seite {
	padding-right: 0;
	padding-left: 0;
	}
.kopf-innen {
	margin: 0 auto;
	text-align: right;
	padding-right: 24px
	}
.rechts .textbox {
	padding: 12px 62px 12px 12px;
	}
.rechts .bildbox {
	padding: 12px 12px 12px 62px;
	}
.links .textbox {
	padding: 12px 12px 12px 62px;
	order: 2;
	}
.links .bildbox {
	padding: 12px 62px 12px 12px;
	order: 1;
	}
.kopf h1 {
	font-size: 4.5em;
	background: url(../bilder/sonstige/hg-kopf.jpg) no-repeat center center;
	}
#navi {
	top: 102px;
	left: 0}
.fuss-li {
	padding-left: 120px;
	}
.fuss-re {
	padding-right: 120px;
	}
.fewos, .galerie {
	margin: 0 24px 36px 24px;
	}
}