@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/dancing-script-v23-latin-regular.woff2') format('woff2'), 
       url('../fonts/dancing-script-v23-latin-regular.woff') format('woff'); 
}
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/dancing-script-v23-latin-700.woff2') format('woff2'), 
       url('../fonts/dancing-script-v23-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: 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'); 
}
html {
  font-size: 100%;
}
body {
	font: 1em/1.5 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	color: #665c54;
	background: #fff8dc;
}
h1 {
	font-size: 1.5em;
	font-weight:600;
	margin: 0 0 0.8125em 0;
	color: #006d34;
	}
h2 {
	font-size: 1.25em;
	margin: 1.125em 12px 0.875em 0;
	font-weight:600;
	line-height: 1.1;
	color: #006d34;
	}
h2.grau {
	font-size: 1em;
	margin: 1.125em 12px 0.875em 0;
	font-weight:600;
	line-height: 1.1;
	color: #665c54;
	}
h3 {
	font-size: 1.125em;
	font-weight:600;
	margin: 0 0 0.875em 0;
	color: #006d34;
	}
h4, h5, h6 {
	font-size: 1em;
	font-weight:600;
	margin: 0 12px 0.875em 0;
	}
strong, b {
	font-weight:600;
	}
div, ul, main, article, section, aside, footer, button {
	-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;
	}
a {
	color: #006d34;
	}
a:hover {
	color: #000;
	}
img { 
	border: none;
	max-width: 100%;
	height: auto;
	}
td, th, caption {
	padding: 0.125em 6px;
	vertical-align: top;
}
th, caption {
	text-align: left;
	font-weight: bold;
}
#seite {
	position: relative;
	width: 100%;
	max-width: 1140px;
	background: #fff;
	padding-bottom: 1em;
	}
#kopf, #kopf2 {
	padding: 0;
	background: #006d34;
	color: #fff;
	}
#logo {
	position: absolute;
	top: 6px;
	left: 12px;
	width: 25%;
	z-index: 111;
	}
#titel {
	overflow: hidden;
	text-align: center;
	width: 100%;
	padding-top: 64px;
	}
#titel h2 {
	color: #fff;
	margin-bottom: 0.375em;
	font-size: 1.125em;
	}
#titel p {
	color: #fff;
	font-size: 0.8125em;
	line-height: 1.1;
	}
#navbtn {
	position: absolute;
	top: 12px;
	right: 24px;
	width:28px;
	height: 28px;
	border: 0;
	margin:0;
	padding:2px;
	color: #fff;
	cursor: pointer;
	display: block;
	background:#006d34;
}
#navbtn:focus { outline: 1px solid #fff;}
.js-off #navbtn {
	display: none;
	}
#fuss {
	width: 100%;
	}
#fuss-innen {
	background: #006d34;
	position: relative;
	color: #fff;
	}
#fuss-innen a {
	color: #fff;
	text-decoration: none;
	}
.fusslinks, .fussmitte, .fussrechts {
	padding: 1em 0 0 0;
	}
.fussrechts {
	max-width: 240px;
	}
.fusslinks p, .fussmitte p, .fussrechts p {
	padding: 0 12px;
	}
.adresse-fuss {
	padding-left: 36px;
	font-size: 0.8125em;
	margin: 0.75em 0 0 12px;
	}
.menue-fuss {
	margin-top: 0.75em;
	/*margin-right: 50px;*/
	text-align: right;
	}
.menue-fuss a {
	display: block;
	}
.btn-ru {
	width: 34px;
	height: 34px;
	border: 1px solid #fff;
	position: absolute;
	right: 6px;
	bottom: 6px;
	}
#navi {
	background: #68bb7e;
	}
#nav {
	margin: 2px 12px 0 0;
	list-style:none;
	padding: 0 0 12px;
	display: none;
	}
.js-off #nav {
	display:block;
	}
#nav ul {
	margin: 0;
	padding: 0;
	list-style:none;
	}
#nav li {
	margin: 0;
	padding: 0;
	position: relative;
	}
#nav li a, #nav li > span {
	display: block;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	}
#nav > li > a, #nav > li > span {
	padding: 0.25em 16px 0.25em 20px;
	margin: 0;
	font-size: 1.25em;
	}
#nav li > span, #nav li a.aktiv {
	background: #006d34;
	font-weight: bold;
	color:#fff
	}
#nav li li a, #nav li li > span {
	padding: 0.25em 8px 0.25em 30px;
	font-size:1.25em;
	}
.clearfix:before, .clearfix:after, .zeile:before, .zeile:after {
	display: table;
    content: " ";
}
.clearfix:after, .zeile:after {
    clear: both;
}
.clearfloat {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	height: 1px;
	}
.zentriert {
text-align: center;
}
iframe {
margin: 0;
padding: 0;
border: 0;
}
.resptab {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	margin-bottom: 12px;
	padding-bottom: 12px;
	}
.resptab td,.resptab th, .resptab caption  {
white-space: nowrap;
}
.tdrechts { text-align: right;}
.tabrahmen {
border: solid 2px #ccc;
border-collapse: collapse;
}
.tabrahmen td {
border-bottom: solid 1px #ccc;
}
.tabrahmen th {
border-bottom: solid 1px #ccc;
	color: #fff;
background: #006d34;
text-align: left;
}
.btnleiste {
	padding: 0.5em 12px;
	margin: 1em 0;
	text-align: center;
	/*border-top: 1px solid #006d34;*/
	}
.btn, .btnaktiv, .btninaktiv {
	display: inline-block;
	padding: 4px 12px;
	margin: 4px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.btnaktiv {
	color: #fff;
	background: #68bb7e;
	cursor: pointer;
	}
.btnaktiv:hover, .btnklick {
	color: #fff;
	background: #006d34;
	cursor: pointer;
	}
.btninaktiv {
	color: #bbb;
	background: #ddd;
	}
.bildlinks, .bildzentriert, .bildrechts {
	display: block;
	margin: 0.75em auto;
}
.kleinrechts {
	text-align: right;
	font-size: 0.75em;
}
.zeile {
	padding: 1em 6px 0.75em;
	}
.spalte2, .spalte3, .spalte4, .spalte5, .spalte70, .spalte30 {
	/*width: 100%;*/
	float: left;
	}
#fuss-innen .spalte3, .spalte2, .spalte70, .spalte30 {
	width: 100%;
	}
.spalte70 .spalte-innen {
	margin: 0;
	padding: 0;
	}
.spalte70 {
	/*margin-bottom: 1.5em;*/
	}
.spalte-innen > h2 {
margin-top: 0;
}
.box {
	margin: 0 0 1em 0;
	padding: 0;
	border: solid 1px #006d34;
	width: 100%;
	max-width: 262px;
	display: inline-block;
	vertical-align: top;
	}
.box h2,.box-az h2 {
	font-size: 1em;
	line-height: 1.375;
	padding: 0.375em 0.75em;
	margin: 0;
	color: #fff;
	background: #006d34;
	}
.box-az h2.vermieter {
	color: #006d34;
	margin: 0;
	padding: 0;
	background: none;
	}
.box p,.box-az p {
	font-size: 0.875em;
	padding: 0.375em 0.75em;
  margin: 0;
	}
.box img {
	padding: 0;
  margin: 0;
	}
.box a img {
	margin-bottom:-5px;
	}
.webcamvs {
	position: relative;
	width: 260px;
	height: 156px;
	overflow: hidden;
	}
.webcamvs img {
	position: absolute;
	width: 264px;
	max-width: 264px;
	height: 198px;
	top: -40px;;
	left: -2px;
	}
.box .weiter {
	text-decoration: none;
	display: block;
	font-size: 0.875em;
	padding: 0.375em 0.75em;
	color: #006d34;
	background: url(../bilder/pfeilrechts.png) no-repeat right center;
	}
.box-az {
	margin: 0.375em;
	padding: 0.375em;
	border: solid 1px #006d34;
	}
.news {
	margin-bottom: 1.25em;
	padding-left: 12px;
	border-bottom: 1px solid #006d34;
	}
	.news h2{
	margin-top: 0;
	}
.datum {
	font-size: 0.75em;
	margin-bottom: 0.375em;
	margin-left: 12px;
	}
fieldset {
	}
form {
	margin: 6px;
	padding: 6px;
	border-bottom: solid 1px #68bb7e;
	}
.formzeile,.formzeile-sl {
	margin: 4px 12px;
	}
.formzeile label, .formzeile input, .formzeile textarea {
	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;
	}
.formzeile input, .formzeile textarea {
	padding: 2px 4px;
	border: 1px solid #999;
	}
.formzeile-sl label {
	display: inline-block;
	margin: 0;
	font-size: 0.875em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.formzeile-sl select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 0.875em;
	border: 1px solid #999;
	padding-right: 24px;
	background: url(../bilder/select.gif) no-repeat right center;  
} 
.formzeile-sl select::-ms-expand {
    display: none;
}
.formzeile-sl select:focus {
	outline: none;
}
.formzeile label.ds {
display: inline;
}
.formzeile label.ds input {
display: inline;
width: auto;
}
.submitbtn {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 12px auto;
	padding: 4px 12px;
	color: #fff;
	background: #68bb7e;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #006d34;
	}
.hinweis-klein {
	font-size: 0.875em;
	}
.submitbtn:hover {
	background: #006d34;
	}
.startnews {
	margin-top: 1em;
	border-top: solid 2px #68bb7e;
	padding: 0.875em 6px;
	}
.startnews span{
	display: block;
	font-size: 0.75em;
	}
.startnews h3{
	
	}
.startnews a{
	color: #68bb7e;
	text-decoration:none;
	}
.startnews a:hover{
	color: #000;
	}
.bildbox {
	margin: 0;
	overflow: hidden;
	}
.bildbox img {
	border: solid 1px #ccc;
	float: left;
	margin-left: 18px;
	margin-bottom: 18px
	}
.kalender {
	text-align: center;
	margin: 0;
	padding-bottom: 2.5em;
	}
.spalte-innen > ul > li.kal-btn {
	display:inline-block;
	width: 14%;
	min-width: 90px;
	margin: 0 6px;
	}
.kal-btn a {
	display:block;
	margin: 2px 4px;
	text-decoration: none;
	font-size: 0.875em;
	background: #666;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px;
	color: #fff;
	}
.kal-btn .up {
	color: #fff;
	background: #68bb7e;
	border-bottom: 3px solid #006d34;
	}
.kal-btn .down {
	color: #fff;
	background: #006d34;
	border-bottom: 3px solid #006d34;
	}
.kal-btn a:hover.up {
	color: #fff;
	background: #006d34;
	}
.kal-tag {
	display: inline-block;
-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 8px;
	border-top: 1px solid #006d34;
	border-right: 1px solid #006d34;
	border-bottom: 2px solid #006d34;
	border-left: 1px solid #006d34;
}
@media only screen and (max-width: 979px) {
#navi {
	width: 100%;
	max-width: 360px;
	position:absolute;
	z-index: 99;
	}
#nav li a, #nav li span {
	min-height: 35px;
	margin-right: 32px;
	border-right: 1px solid #fff;
	}
#nav > li > a, #nav > li > span {
	margin-right: 32px;
	}
#nav li li a, #nav li li > span {
	padding: 0.25em 8px 0.25em 30px;
	
	}
#nav li li li a, #nav li li li > span {
	padding: 0.25em 8px 0.25em 40px;
	
	}
.subbtn + ul {
	display: none;
	}
.js-off .subbtn + ul {
	display: block;
	}
.subbtn {
	display: block;
	width: 32px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #fff;
	padding: 0;
	-webkit-border-radius: 3px;
	border-radius: 0 3px 3px 0;
	}
.sub-off {
	background: #006d34 url(../bilder/pfeile.png) no-repeat 0 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: #006d34 url(../bilder/pfeile.png) no-repeat 0 -45px;
	-webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
	}
}
@media only screen and (min-width: 480px) {
	#titel {
	text-align: left;
	padding-top: 28px;
	padding-left: 155px;
	}
#logo img {
width: 80px;
}
}


@media only screen and (min-width: 580px) {
#titel {
	padding-top: 0;
	padding-left: 175px;
	}
.bildlinks {
	float: left;
	margin: 0 16px 0.125em 0;
 }
.bildrechts {
	float: right;
	margin: 0 0 0.125em 16px;
 }
.bildabstand {
	margin: 0.125em 12px;
 }
.vermieter {
	overflow: hidden;
	}
.vermieter .bildrechts {
	width: 180px
	}
#logo img {
width: 60px;
}
.spalte-innen > ul > li, .spalte-innen > ol > li {
	margin-left:2em}
.spalte-innen .box-az li {margin: 0.5em 1em 0.5em 2em}
}

@media only screen and (min-width: 768px) {
#titel {
	padding-top: 0;
	padding-left: 225px;
	}
#titel h2 {
	font-size: 1.5em;
	}
#titel p {
	margin-left: 60px;
	font-size: 1em;
	}
.spalte70 .spalte-innen {
	margin: 12px;
	padding: 12px;
	}
.spalte30 .spalte-innen {
	margin-top: 12px;
	padding-top: 12px;
	padding-left: 12px;
	}
.spalte2 {
	width: 50%;
	}
section .spalte2:nth-child(2n+3) {
		clear: both;
	}
.box-az {
	margin: 0.875em 16px;
	padding: 0.875em 14px;
	}
.formzeile label, .formzeile-sl label {
	width: 25%;
	text-align: right;
	margin-right: 2%;
	vertical-align: top;
	}
.formzeile input, .formzeile textarea {
	width: 70%;
	}
.formzeile label.ds {
display: inline;
width: auto;
margin: 0;
text-align: left;
}
.submitbtn {
	margin-left: 30%;
	}
	.tabrahmen {
margin-left: 50px;
}
.eingerueckt50 {
margin-left: 50px;
}
}

@media only screen and (min-width: 980px) {
html {
	overflow-y: scroll;
	height: 100%;
	}
body {
	height: 100%;
	}
h1 {
	font-size: 1.5em;
	margin-bottom: 1.5em;
	}
#seite {
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	padding-bottom: 12.5em;
	}
#kopf {
	background: transparent url(../bilder/bogen-oben.png) no-repeat center bottom;
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;*/
	background-size: 100%;
	position:absolute;
	width: 100%;
	height: 200px;
	z-index: 110;
	}
#kopf2 {
	background: transparent url(../bilder/oben.png) no-repeat center bottom;
	background-size: 100%;
	width: 100%;
	height: 162px;
	}
#logo {
	width: auto;
	top: 18px;
	left: 48px;
	}
#titel {
	padding-top: 0;
	padding-left: 240px;
	}
#titel h2 {
	text-align:right;
	padding-right: 140px;
	color: #006d34;
	font: 2.75em/1 'Dancing Script', cursive;
	font-weight:700;
	margin:0.5em 0 0;
	}
#titel p {
	text-align:right;
	margin: 0.75em 0 0 0;
	padding-right: 200px;
	font-size: 1.75em;
	/*text-shadow: 1px 1px 1px #68bb7e,-1px -1px 1px #68bb7e; */
	font-family: 'Dancing Script', cursive;
	}
.slider {
	padding-top: 145px;
	}
#navbtn {
	display: none;
}
#nav {
	display: block;
	text-align: center;
	padding-bottom: 0;
}
#nav > li {
	display: inline-block;
	z-index: 99;
	margin-top: 0;
	margin-left: -4px;
}
#nav li ul {
	display: none;
	background: #68bb7e;
	width: 200px;
}
#nav > li > a, #nav > li > span {
	font-size: 1em;
	border-bottom: none;
	padding: 0.5em 24px;
	border-left: solid 2px #fff;
}
#nav > li:last-child > a, #nav > li:last-child > span {
	border-right: solid 2px #fff;
}
#nav li a:hover, #nav li a:focus-within {
	background: #006d34;
	color: #fff;
}
#nav > li:hover, #nav > li:focus-within {
	z-index: 100;
}
#nav li:hover > ul, #nav li:focus-within > ul {
	display: block;
	position: absolute;
}
#nav > li:hover > ul, #nav > li:focus-within > ul {
	top: 2.5em;
	left: 3px;
	z-index: 998;
	-webkit-box-shadow: -1px 0px 3px rgba(0,0,0,0.8),1px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.8), -1px 0 3px rgba(0,0,0,0.8);	
}
#nav > li:hover > ul > li > ul, #nav > li:focus-within > ul > li > ul {
	top: 0;
	left: 180px;
	z-index: 999;
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
	
}
#nav li li a, #nav li li span {
	padding: 0.25em 8px 0.25em 20px;
	font-size:0.875em;
	border-bottom-width: 1px;
	text-align: left;
	}
#nav li li a:hover, #nav li li a:focus-within, #nav li li span {
	}
.subbtn {
	display:none !important;
	}
#fuss {
	margin-top: -10em;
	height: 10em;
	}
#fuss-innen {
	margin: 0px auto;
	height: 100%;
	width: 100%;
	max-width: 1140px;
	background: #006d34;
	}
.fusslinks, .fussmitte, .fussrechts {
	float: left;
	padding-top: 0;
	}
.fusslinks {
	width: 38%;
	}
.fussmitte {
	width: 38%;
	}
.fussrechts {
	width: 24%;
	}
.fusslinks p, .fussmitte p, .fussrechts p {
	font-size: 0.875em;
	margin-top: 1em;
	/*text-shadow: 2px 2px 2px #68bb7e, -2px -2px 2px #68bb7e;*/
	}
.fusslinks p {
	margin-left: 40px;
	}
.menue-fuss {
	/*margin-right: 90px;*/
	}
.zeile {
	padding-left:34px;
	padding-right:34px;
	}
.spalte1 {
	padding-right: 28px;
	}
.spalte70 {
	width: 75%
	}
.spalte70 .spalte-innen {
	padding-right:22px;
	}
.spalte30 {
	width: 25%;
	}
#logo img {
width: auto;
}
}
@media only screen and (min-width: 1140px) {
#seite {
	margin-right: auto;
	margin-left: auto;
	padding-right: 0;
	padding-left: 0;
	}
#titel p {
	margin: 0.5em 0 0 0;
	padding-right: 240px;
	font-size: 2.25em;
	}
}