@import"reset.css";@import"skeleton.css";@import"superfish.css";@import"forms.css";@import"ui.totop.css";@import url(http://fonts.googleapis.com/css?family=Great+Vibes);
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body { 	 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	line-height:18px;
	color:#381600;
	min-width:1050px;
	background:#f8e6c0;
	border-top:8px solid #d9d4c6;
}


a[href^="tel:"]{color: inherit; text-decoration:none;} 
* {-webkit-text-size-adjust: none;}

.floatright {float:right;}
.floatleft {float:left;}
/*.bg-1 {background:url(../images/bg.png) repeat left bottom}
.bg-2 {background:url(../images/bg-1.png) repeat-x left bottom}*/
.main {margin:0 auto 28px; background:#FFF; padding:4px 0}
/***********************************************************************/
a {text-decoration:none; cursor:pointer;color:#381600;}
a:hover {text-decoration:none; color:#ff6600}
a.button, input.button {display:inline-block; background:url(../images/button.png) repeat left top #5a4432; font-size:12px; font-weight:bold; line-height:19px; padding:5px 15px 5px; color:#ffdf99;}
a.button:hover { text-decoration:underline;}

.logo {
	text-indent: -1000px;
	width: 406px;
	display: inline-block;
	overflow: hidden;
	height: 69px;
	background: url(../images/logo.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

h2 {font-family: 'Great Vibes', cursive; font-size:33px; line-height:36px; color:#381600; margin:24px 0 18px; font-weight:400;}

ul {margin:0; padding:0;list-style-image:none;}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left !important;}
.fright {float:right !important;}
.center {text-align:center !important}
.italic {font-style:italic}
.tright {text-align:right}
.line-height {line-height:16px !important;}
.line-height-2 {line-height:17px !important;}
.line-height-3 {line-height:24px !important;}

.font-1 {font-family: 'Great Vibes', cursive; font-size:32px; line-height:24px}
.font-3 {font-family: 'Great Vibes', cursive; font-size:24px; color:#2e2e2b; line-height:30px; padding-left:25px; background:url(../images/marker.png) no-repeat left 4px}
.font-2 {font-family:'Georgia'; font-size:19px; line-height:30px; color:#ff6600; font-style:italic}
.font-4 {font-family:'Georgia'; font-size:12px; line-height:18px; color:#381600; font-weight:bold; margin:35px 0 0 14px}
.font-5 {font-family:'Georgia'; font-size:12px; font-style:italic; margin:0 0 0 7px;}

.top-01 {margin-top:-3px !important}
.top-0 {margin-top:0px !important}
.top-1 {margin-top:15px !important}
.top-2 {margin-top:20px !important}
.top-3 {margin-top:23px !important}
.top-4 {margin-top:25px !important}
.top-5 {margin-top:10px !important}
.top-6 {margin-top:50px}
.top-7 {margin-top:5px}
.top-8 {margin-top:22px !important}
.top-9 {margin-top:45px !important}
.top-10 {margin-top:28px !important}
.top-11 {margin-top:50px !important}
.top-12 {margin-top:12px !important}
.top-13 {margin-top:48px !important}
.top-14 {margin-top:18px !important}
.top-15 {margin-top:35px !important}
.top-16 {margin-top:130px !important} /*für Familien mit Kindern sind willkommen*/

.left-1 {padding-left:19px}
.left-2 {padding-left:24px}
.left-3 {padding-left:30px}
.right-1 {padding-right:20px}
.right-2 {padding-right:30px}
.pad-1 {padding:0 20px 0 19px !important}

.color-2 {text-decoration:underline;}
a.color-2:hover {text-decoration:none;}

.hr {height:2px; background:#ff9966; }

.border-1 {border:4px solid #ff9966;}

.img-indent figure img,
.img-indent-4 img,
.block-1 figure img {
	width: auto;
	height: auto;
}

.img-indent {float:left; margin-right:25px; border:4px solid #ff9966; display: block;}
.img-indent-4 {float:left; margin-right:13px; border:4px solid #ff9966}
.img-indent-2 {border:4px solid #ff9966; display:inline-block;}
.img-indent-3 {float:left; margin-right:9px;}

/*********************************header*************************************/
h1 {margin:42px 0 7px 0px; text-align: center; font-family:"Great Vibes", cursive; font-weight:normal; font-size:48px; text-shadow: 5px 5px 5px #b9b9b9;}
h1 a {color:#47423d; word-spacing:3px;}
/***********************************nav*************************************/
nav {position:relative; z-index:101;background:url(../images/menu.png) repeat-x left top; margin-top:5px;}
nav:before {content:'';background:url(../images/m-right.png) no-repeat left top; width:48px; height:56px; position:absolute; right:-48px;top:0px}
nav:after {content:'';background:url(../images/m-left.png) no-repeat left top; width:48px; height:56px; position:absolute; left:-48px; top:0px}
.head-content {position:relative; z-index:4; margin:0 auto; min-height:120px; background:url(../images/head.png) repeat #39454a}

.header {position:relative;background:#ff6600; padding:6px 6px 7px 6px; margin:29px 18px 0}
/*********************************content*************************************/
#content { 
	padding:0 0 57px;
	background:url(../images/content.png) repeat-y center top;
	min-height:400px;
	position:relative;
	}
#content:after, #content:before { 
	content:'';
	position:absolute;
	background:url(../images/content-top.png) no-repeat center top;
	height:1px;
	bottom:0;
	left:0;
	width:100%;
	}
#content:after {bottom:auto; top:0;}

.list {}
.list li {background:url(../images/item.png) no-repeat 5px center; padding:4px 0 4px 21px;}
.list li a:hover {color:#e2aa8b}

.list-2 li {background:url(../images/item.png) no-repeat left 12px; padding:4px 0 4px 26px; line-height:16px}
.list-2 li a:hover {color:#e2aa8b}

.block-1 {padding:0px; overflow:hidden; color:#381600; margin-top:27px}
.block-1 li.eins {float:left; margin-right:2px;}
.block-1 li.zwei {float:right; margin-left:2px; }
.block-1 li.last {margin-right:0px}
.block-1 figure {border:4px solid #c4beb3}
.block-1 a {color:#381600; font-size:10px; text-decoration:underline;display:inline-block; }
.block-1 a.link {display:inline-block; margin-top:-5px}
.block-1 a:hover {color:#381600; text-decoration:none;}
.top-1 a:hover,
.top-10 a:hover {
	text-decoration: underline;
}
.block-2 {background:#ff9966; padding:23px 36px 49px; color:#381600; margin-top:50px}
.block-2 h2 {font-size:32px}
.select-1 {width:54px; margin-right:10px; margin-bottom:9px}
.select-2 {width:60px; margin-right:10px}
.select-3 {width:68px;}
.form-2 {margin-top:-4px; margin-left:2px}
.form-2 label {display:block; margin-bottom:3px}
.form-2 .button {padding:5px 16px; margin-top:22px}
/***********************aside************************/
aside {}
/***********************footer**********************/
footer {color:#ffdf99;  padding:10px 0;background:url(../images/footer.png) repeat left top; margin:5px 4px 0; height:40px; font-size:14px; line-height:20px}
footer a {color:#ffdf99}
footer a:hover {text-decoration:underline;color:#ffdf99}


.map {width:100%; height:256px;overflow:hidden;margin-top:8px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.map iframe {width:100%; height:256px;}
/**********************form**********************/
dl {margin:0px 0px 0 0px; }
dl dd span { display:block; width:69px; float:left;}

/* SlideDown */
.pro_slide-down-box{ position:relative; z-index:101;}
.pro_slide-down-box dt{ display:block;padding: 26px 28px;white-space: nowrap;vertical-align: middle;cursor: pointer;background:url(../images/ban-1.jpg) no-repeat left top; width:100%; height:90px;margin-bottom:1px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.ban-2 dt{ background:url(../images/ban-2.jpg) no-repeat left top;}
.ban-3 dt{ background:url(../images/ban-3.jpg) no-repeat left top;}
.ban-4 dt{ background:url(../images/ban-4.jpg) no-repeat left top;}
.ban-5 dt{ background:url(../images/ban-5.jpg) no-repeat left top;}
.ban-6 dt{ background:url(../images/ban-6.jpg) no-repeat left top;}
.ban-7 dt{ background:url(../images/ban-7.jpg) no-repeat left top;}
.pro_slide-down-box dt:hover{}
.pro_slide-down-box dt.active{}
.pro_slide-down-box dt span{ display:inline-block; width:15px; height:14px; background: url(../images/plus.png) 0 0 no-repeat; margin:2px 0px 0 28px;}
.pro_slide-down-box dt span.span-2{margin-left:12px}
.pro_slide-down-box dt span.span-3{margin-left:24px}
.pro_slide-down-box dt.active span{background: url(../images/minus.png) 0 0 no-repeat;}
.pro_slide-down-box dd{display:none;padding:15px 15px; margin:3px 0 0 0;}
.pro_slide-down-box.absol dd{ position:absolute; top:27px; left:0; z-index:99;width:auto;}
.pro_slide-down-pad{ padding:5px 0;}

/******************** Responsive ******************/



@media only screen and (min-width: 768px) and (max-width: 1090px) {
 body {
min-width:768px;
}

#form {
	padding-right: 20px;
}

nav:after,
nav:before {
	display: none;
}

.extra-wrap {
	overflow: visible;
}

.p7 img {
	width: auto;
}

.pro_slide-down-box dt {
	padding:13px 28px 45px;
}

.pro_slide-down-box dt{ background-size: contain;  }
.ban-2 dt{ background-size: contain;}
.ban-3 dt{ background-size: contain;}
.ban-4 dt{ background-size: contain;}
.ban-5 dt{ background-size: contain;}
.ban-6 dt{ background-size: contain;}
.ban-7 dt{ background-size: contain;}

.top-12 img {
	width: auto;
}

}

@media only screen and (max-width: 995px) {
 body{min-width:768px;}

 .pro_slide-down-box dt {
		height: 72px;
	}

	.slider-block {
		height: 392px;
	}

	.p20 {
		padding-right: 20px;
	}


.block-2 {
    padding: 23px 3px 49px;
}

.img-indent img {
	width: auto;
}

#slide {
    height: 316px;
}

}

@media only screen and (max-width: 800px) {
	.pro_slide-down-box dt {
		height: 72px;
	}

}
 @media only screen and (max-width: 767px) {
body {
min-width:420px;
}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
 body {
min-width:420px;
}

.floatright {float:left;}
.floatleft {float:right;}

nav select {
    outline:none;
	display: block !important;
	height:23px;
	line-height:23px;
	padding:0 0 4px;
	width: 100%;
}	

.select-1 {
    margin-bottom: 9px;
    margin-right: 15px;
    width: 100px;
}

.select-2 {
    margin-right: 15px;
    width: 100px;
}


.block-2 {
    padding: 23px 34px 49px;
}

.select-3 {
    width: 100px;
}

.extra-wrap {
	overflow: visible;
}

nav:after,
nav:before {
	display: none;
}

nav {
	background: none;
}

img {
	width:100%;
	height:auto;
}

.img-indent img {
	width: 100%;
}

.left-1,
.left-3,
.left-2 {
	padding-left: 0;
}

.slider-block {
	margin: 29px 0 0;
}

.right-1 {
	padding-right: 0;
}
.inner-block {
	padding:0 10px;
}

.slider-block,
#slide {
	height: auto;
}

.flexslider {
    padding: 17px 81px 0 80px;
}

#slide {
	height: 180px;
}

.img-indent {
    float: none;
    margin-right:0px;
    display: block;
}

.header {
	padding: 10px;
	margin: 20px 0 0;
}

.img-indent {
	margin-bottom: 15px;
}

.left-2 h2 {
	margin-bottom: 0;
}

figure.top-7 {
	margin-top: 30px;
}

h2.top-6 {
    margin-top: 30px;
}

.p6 {
	margin-left: 0;
}

.p7 img {
	width: auto;
}

.block-1 li {
	float: none;
}

.img-indent-2 {
	display: block;
}

.pro_slide-down-box dt {
	width: 100%;
}

.pro_slide-down-box dt {
	padding:13px 28px 45px;
}

.pro_slide-down-box dt{ background-size: contain;  }
.ban-2 dt{ background-size: contain;}
.ban-3 dt{ background-size: contain;}
.ban-4 dt{ background-size: contain;}
.ban-5 dt{ background-size: contain;}
.ban-6 dt{ background-size: contain;}
.ban-7 dt{ background-size: contain;}

.top-12 img {
	width: auto;
}

.img-indent-4 {
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.img-indent figure img,
.img-indent-4 img,
.block-1 figure img {
	width: 100%;
}

}
 @media only screen and (max-width: 479px) {

	 .inner-block {
	padding:0 10px;
}

.extra-wrap {
	overflow: visible;
}

.img-indent figure img {
	width: 100%;
}

.pro_slide-down-box dt{ background-size: contain;  }
.ban-2 dt{ background-size: contain;}
.ban-3 dt{ background-size: contain;}
.ban-4 dt{ background-size: contain;}
.ban-5 dt{ background-size: contain;}
.ban-6 dt{ background-size: contain;}
.ban-7 dt{ background-size: contain;}

nav select {
    outline:none;
	display: block !important;
	height:23px;
	line-height:23px;
	padding:0 0 4px;
	width: 100%;
}	

body {
min-width:300px;
}

nav:after,
nav:before {
	display: none;
}

.logo {
    height: 47px;
    width: 271px;
}

nav {
	background: none;
}

.slider-block {
	height: auto;
}

#slide {
	height: 125px;
}
img {
	width:100%;
	height:auto;
}

.left-1,
.left-3,
.left-2 {
	padding-left: 0;
}

.slider-block {
	margin: 29px 0 0;
}

.flexslider {
    padding: 17px 81px 0 80px;
}

.right-1,
.right-2 {
	padding-right: 0;
}


.img-indent {
    float: none;
    margin-right:0px;
    display: block;
}

.header {
	padding: 10px;
	margin: 20px 0 0;
}

#carousel .flex-viewport {
	height: 55px;
}

.img-indent {
	margin-bottom: 15px;
}

.left-2 h2 {
	margin-bottom: 0;
}

figure.top-7 {
	margin-top: 30px;
}

h2.top-6 {
    margin-top: 30px;
}

.p6 {
	margin-left: 0;
}

.p7 img {
	width: auto;
}

.block-1 li {
	float: none;
}


.font-1 {
    font-size: 20px;
}

.pro_slide-down-box dt {
    height: 58px;
    padding: 12px 28px;
}

.top-12 img {
	width: auto;
}

.img-indent-4 {
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.img-indent-2 {
	display: block;
}

.img-indent img,
.img-indent-4 img,
.block-1 figure img {
	width: 100%;
}


.select-1 {
    margin-bottom: 9px;
    margin-right: 10px;
    width: 70px;
}

.select-2 {
    margin-right: 10px;
    width: 70px;
}


.block-2 {
    padding: 23px 19px 49px;
}

.select-3 {
    width: 70px;
}
}

address{ font-style:normal;}
.hidden{display:none;}
.datenschutz{text-align:justify;}
#form input#datenschutz{width:33px;}
#form label.datenschutz{width:400px;}