/* ::: Allgemein ::: */
* { margin:0px; padding:0px; border:0px; }
body, html { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:15px; line-height:21px; font-weight:400; color:#333; text-align:left; background-color:#efebdc; }
div, header, section, footer, aside, nav, main, article, figure, footer { display: block; position:relative; border:0; }
html.ui-mobil { display:none; }
figcaption { /*display:none;*/ }


figure img { width:100%; height:100%; }
figcaption { display:block; }

.dispnone { display:none !important; }
p { margin-bottom:12px; }
b, strong { font-weight:700; }
img { border:0; }
.fl { float:left; }
.fr { float:right; }
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.mr0 { margin-right:0px !important; }
.leer { display:none; }
.abschluss { clear:both; height:20px; overflow:hidden; }
.leer { display:none; }
main ul, main ol { margin:10px; margin-top:0px; padding:10px; padding-top:0px; }
main ul li, main ol li { margin-bottom:4px; }
div.clbo { border: none !important; clear: both !important; display: block !important; float: none !important; font-size: 0 !important; height: 0px; line-height: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important; width: 100% !important; overflow:hidden !important; }
div.trenn { border: none !important; clear: both !important; display: block !important; float: none !important; font-size: 0 !important; height: 0px; line-height: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important; width: 100% !important; overflow:hidden !important; }

.clear {
	border: none;
	clear: both;
	display: block;
	float: none;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
}
/* Z-INDEX */
nav#menu { z-index:7; }
nav#nav1 { z-index:8; }

div.clbo { z-index:0; }

header#main { z-index:1; }
main#content { z-index:2; }

nav#nav2 { z-index:5; }
footer#foo { z-index:6; }
div#snav, div#snav2 { z-index:3; }
div#telefon, div#mk { z-index:4; }
div#snav2 { z-index:10; }

#content a {
	color: #f9cd59;
	text-decoration: none;
}
#content a:hover {
	color: #d1ad4c;
}
div.full { z-index:9; color: #999; }
div.full a {
	color: #aaa;
}

/* STANDARD WERTE */
nav#menu { margin:auto; position:fixed; top:0px; left:0px; width:100%; height:40px; overflow:hidden; border-bottom: 8px solid #f9cd59; background: rgba(255,255,255,0.95); }
	a.menu-trigger, a.menu-trigger-close { display:block: margin:auto; position:absolute; top:0px; right:0px; padding-top:12px; padding-right:6%; width:94%; height:28px; font-size:1.0em; line-height:1.0em; text-decoration:none; color:#333; text-align:right; /*text-shadow:1px 1px 1px #fff; -moz-box-shadow:1px 1px 1px #666; -webkit-box-shadow:1px 1px 1px #666;*/ }
	a.menu-trigger-close { left:-100%;  }
	
nav#nav1 { position:absolute; top:45px; left:-100%; bottom:0px; width:100%; overflow:hidden; background-color:#fff; overflow:auto; opacity:0; }

header#main { width:100%; opacity:1.0; margin-top:43px; text-align:center; }
	figure#logo { width:95%; height:100%; margin-top:45px; padding-top: 25px; padding-left: 5%; background-repeat:no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; text-align:left; background: rgba(255,255,255,0.75); }
	    figure#logo img { width:50%; height:50%; }
		figure#logo > figcaption { display:none; }

main#content { padding:1%; width:100%; min-height:500px; margin-top: -7px; /*text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);*/  overflow:hidden; background: rgba(255,255,255,0.5); }

nav#nav2 { width:100%; /*border-top:3px solid #FFF;*/ padding-top:3px; background: rgba(255,255,255,0.75);  border-bottom: 8px solid #f9cd59; }

footer#foo { width:98%; padding:1%; padding-top:10px; padding-bottom:10px; margin-top:0px;background: rgba(255,255,255,0.65); color:#ddd; }
	div#tel { }
	
	div.foo1txt { position:absolute; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size:14px; line-height:14px; font-weight:400; }
	div.foo1txt a { text-decoration:none; color:#ddd; }
	.icons { font-family:'FontAwesome'; font-style:none; }
	div.bsnav { position:absolute; left:0px; top:0px; width:40px; height:34px; padding-top:6px; text-align:center; color:#333; /*#b59562*/ background-color:#fff; border-radius: 40px; font-size:18px !important; line-height:26px !important; /*box-shadow: 0px 0px 5px 0px rgba(255,255,255,0.9);*/ }
	
div#snav { position:fixed; top:0px; right:0px; width:50px; padding-left:10px; height:100%; background-color: rgba(255,255,255,0.5); }
	div#tel { margin-top:80px; }
	div#res { margin-top:130px; }
	.bsnav a { display:block; margin:auto; text-decoration:none; color:#000; }
	
div#telefon, div#mk { display:none; position:fixed; top:45px; right:0px; width:100%; height:110%; background-color:#efebdc; text-align:center; }
	div.full { position:fixed; top:45%; left:0px; width:100%; bottom:0px; font-size:2.0em; font-weight:700; }
	div#snav2 { position:fixed; top:0px; right:0px; width:50px; padding-left:10px; height:100%; background-color:#dcd9cb; }
		div.close { margin-top:80px; }
		div.cmk { margin-top:130px; }
	
	/*div#tel, div#desk { padding-top:3px;}*/
	
/*div#bg { z-index:333; position:absolute; bottom:0px; left:0; border:1px solid #666;  height:200px; right:0px; width:100%; background-image:url('http://www.schieferhof.de/images/hopfen.png'); background-repeat:no-repeat; background-position:left bottom; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

div#bg { z-index:333; background-image:url('http://www.schieferhof.de/images/bg-silhouette.png'); background-repeat:no-repeat; background-position:left bottom; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }*/

	nav#nav1 ul { list-style:none; display:block; margin:auto; width:100%; }
		nav#nav1 ul li { display:block; margin:auto; width:100%; margin-top:0; margin-bottom:0; border-bottom:3px solid #ddd; text-align:left; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4f5fc+0,bfe8f9+50,9fd8ef+51,2ab0ed+100;Blue+Gloss+%235 */
 }
		nav#nav1 > ul > li.first { border-top:3px solid #ddd; }
		nav#nav1 ul li a { display:block; margin:auto; padding:10px 1% 10px 1%; font-size:1.2em; line-height:1.0em; white-space:nowrap; color:#39362f; text-decoration:none; font-weight:400; /*text-shadow:1px 1px 1px #fff;*/ }
		nav#nav1 ul li a.aktiv { background-color:#ddd; font-weight:700; }

		nav#nav1 ul li ul li { float:none; display:block; width:100%; border-bottom:0; border-top:1px solid #ddd; }
		nav#nav1 ul li ul li a { padding:10px 1% 10px 6%; }

			nav#nav1 ul li ul li ul li { float:none; display:block; width:100%; border-bottom:0; border-top:1px solid #ccc; }
			nav#nav1 ul li ul li ul li a { padding:10px 1% 10px 12%; }

	nav#nav2 ul { list-style:none; }
		nav#nav2 ul li { float:left; display:inline; margin:1%; text-align:center; }
		nav#nav2 ul li a { display:block; margin:auto; padding:4px; font-size:0.8em; line-height:0.8em; text-decoration:none; color:#333; font-weight:300; /*background-color:#162971; border:1px solid #aca08e; text-shadow:1px 1px 1px #666; border-radius: 30px; -moz-border-radius:30px; -webkit-border-radius:30px;*/ }

h1 { font-family: 'Allura', sans-serif; font-size:50px; font-weight:100; margin-bottom: 0; margin-top: 1em; line-height: 1.1em; color:#333; /* color:#0056a4; border-bottom:1px solid #0056a4;*/ }
.no-banner h1 { margin-top: 0.75em; }
h2 { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:100; line-height:20px; margin-top: 1em; margin-bottom:8px; padding-bottom:8px; padding-left:4px; color:#333; }
h2.temp02 { margin-left: 32%; }

/* HANDY */
	/* portrait */
@media only screen and (min-width: 0px) and (max-width: 380px), only screen and (min-device-width: 0px) and (max-device-width: 380px) and (orientation:portrait) {
	body { font-size:15px; line-height:20px; }	
	div.clbo { height:20px; }
	h1, h2, p { margin-bottom:12px; }
	
	main#content { padding:1%; width:98%; padding-right: 2%; }
	a.menu-trigger, a.menu-trigger-close { padding-right:18%; width:82%; }
	
	footer#foo { height:auto; }
	div.foo1txt { top:6px; left:25px; font-size:15px; line-height:15px; white-space:nowrap; }
	.icons { font-size:20px; line-height:20px; padding-top:4px; }
	div#mail, div#gp, div#fb, div#desk { float:none; width:100%; }
	
	div#telefon, div#mk { left:0px; width:78%; right:auto; background-color:#000; }
	
	h1 { font-size:40px; line-height:50px; }
	h2 { font-size:18px; line-height:22px; }
	
	/* 1 bild | 1 text */
	div.temp02bild { float:none; width:100%; margin-right:0; }
	div.temp02bild figure { width:100%; height:100%; }
	div.temp02text { padding-left:15px; width:auto; margin-top:3px; border-bottom:3px solid #ddd; }
	
	div.temp03bild { float:right; width:30%; margin-left:20px; }
	div.temp03bild figure { width:100%; height:100%; }
	div.temp03text { width:100%; margin-top:3px; }
	
}
	/* lansdscape */
@media only screen and (min-width: 381px) and (max-width: 680px), only screen and (min-device-width: 480px) and (max-device-width: 680px) and (orientation:landscape) {
	body { font-size:15px; line-height:18px; }
	div.clbo { height:20px; }
	h1, h2, p { margin-bottom:12px; }
	
	main#content { padding:1%; width:98%; padding-right: 2%;  }
	a.menu-trigger, a.menu-trigger-close { padding-right:14%; width:86%; }
	
	footer#foo { height:auto; }
	div.foo1txt { top:6px; left:25px; font-size:15px; line-height:15px; }
	.icons { font-size:20px; line-height:20px; padding-top:4px; }
	div#mail, div#gp, div#fb, div#desk { float:none; width:auto; }
	
	h1 { font-size:40px; line-height:50px; }
	h2 { font-size:18px; line-height:22px; }
	
	/* 1 bild | 1 text */
	div.temp02bild { float:left; width:40%; margin-right:2%; }
	div.temp02bild figure { width:100%; height:100%; }
	div.temp02text { padding-left:0px; float:left; width:58%; margin-top:3px; }
	
	div.temp03bild { float:right; width:30%; margin-left:20px; }
	div.temp03bild figure { width:100%; height:100%; }
	div.temp03text { width:100%; margin-top:3px; }
	
}

/* TABLETS */
	/* portrait */
@media only screen and (min-width: 680px) and (max-width: 780px), only screen and (min-device-width: 680px) and (max-device-width: 780px) and (orientation:portrait) {
	body { font-size:18px; line-height:24px; }
	div.clbo { height: 20px; }
	h1, h2, p { margin-bottom:12px; }
	
	main#content { padding:1%; width:98%; padding-right: 2%; }
	a.menu-trigger, a.menu-trigger-close { padding-right:8%; width:92%; }
	
	footer#foo { height:110px; }
	div.foo1txt { top:14px; left:30px; font-size:17px; line-height:17px; }
	.icons { font-size:24px; line-height:24px; padding-top:10px; }
	div#mail, div#gp, div#fb, div#desk { float:left; width:50%; }
	
	h1 { font-size:40px; line-height:46px; }
	h2 { font-size:20px; line-height:26px; }
	
	div.temp02bild { float:left; width:40%; margin-right:2%; }
	div.temp02bild figure { width:100%; height:100%; }
	div.temp02text { float:left; width:58%; margin-top:3px; }
}
	/* lansdscape */
@media only screen and (min-width: 781px), only screen and (min-device-width: 781px) and (max-device-width: 1024px) and (orientation:landscape) {
	body { font-size:18px; line-height:24px; }
	div.clbo { height:20px; }
	h1, h2, p { margin-bottom:12px; }
	
	main#content { padding:1%; width:84%; padding-right: 15%; }
	a.menu-trigger, a.menu-trigger-close { padding-right:6%; width:94%; }
	
	footer#foo { height:80px; }
	div.foo1txt { top:12px; left:30px; font-size:17px; line-height:17px; }
	.icons { font-size:24px; line-height:24px; padding-top:10px; }
	div#mail, div#gp, div#fb, div#desk { float:left; width:50%; }
	
	h1 { font-size:50px; line-height:56px; }
	h2 { font-size:20px; line-height:26px; }
	
	div.temp02bild { float:left; width:40%; margin-right:2%; }
	div.temp02bild figure { width:100%; height:100%; }
	div.temp02text { float:left; width:58%; margin-top:3px; }
	
	div.temp03bild { float:right; width:30%; margin-left:20px; }
	div.temp03bild figure { width:100%; height:100%; }
	div.temp03text { width:100%; margin-top:3px; }
	
/*	div.temp26 { float:left; width:30%; }*/
}


div.textslider { margin-bottom:0 !important; margin-left:0 !important; }
/* 1 text */
div.temp01 { width:100%; }

/* 2 texte */
div.temp04 { }

/* 3 texte */
div.temp16 { }

/* 4 texte */
div.temp17 { }


div.temp07 img { width:100%; height:100%; }
div.temp07 figcaption { display:none; }

/* BILD - TEMPLATES */
ul.bildslider { margin-bottom:0 !important; margin-left:0 !important; }
ul.bildslider li { margin-bottom:0 !important; height: auto !important; }
ul.bildslider li img { /*border-top:0.3em solid #C9A875; border-bottom:0.3em solid #C9A875;*/ }
ul.bildslider li figcaption { position: absolute; bottom:10px; left:0px; width:100%; background-color:#fff; text-align:center; }
ul.bildslider li figcaption span { font-size:0.8em; font-weight:700; text-transform:uppercase; }
li figure img { width:100%; height:100%; }

.lSSlideOuter, .lSSlideWrapper, .lightSlider { overflow: visible !important; height: auto !important; }

/* temp 33 - angebote */
h2.arr_h2 { font-size:18px; padding-bottom:7px; margin-bottom:5px; }
h3.arr_h3 { font-size:16px; font-style:italic; color:#666; }
div.arr_buchbar_gesamt { font-weight:700; }
div.arr_anreise_tage { font-style:italic; }
div.arr_bild { float:right; padding-left:20px; margin-bottom:0px; }
div.arr_bild a { margin:auto; }
div.arr_angebotstext { margin-right:20px; }
div.arr_info { font-weight:700; }
div.arr_preise { margin-bottom:0px; }
div.arr_preise_zeitraum { margin-top:12px; font-style:italic; }
div.arrp01 { float:left; width:250px; }
div.arrp02, div.arrp03, div.arrp04 { width:150px; text-align:left; }
/* div.arrp04 { text-align:right; } */

.button { border:1px solid #666; border-left:1px solid #fff; border-top:1px solid #fff; padding:5px 20px 5px 20px; margin-bottom:20px; background-color:#ccc; color:#333; text-decoration:none; }
.button:hover { border:1px solid #fff; border-left:1px solid #666; border-top:1px solid #666; }

.arra_link { margin-right:20px; }
.arra_link a { float:left; display:block;  border:1px solid #666; border-left:1px solid #fff; border-top:1px solid #fff; width:150px; margin-right:20px; padding:5px; padding-left:20px; padding-right:20px; font-weight:700; text-align:center; background-color:#CCCCCC; text-decoration:none; color:#333333; }
.arra_link a:hover {  background-color:#999999; }

.w24p {
	width: 24%;
}
.w74p {
	width: 74%;
}
.w100p {
	width: 100%;
}

.form input, .form select, .form span {
	font-size: 16px;
	padding: 0.5%;
}
.form .fl input, .form .fl select {
	font-size: 16px;
	padding: 2%;
}
.form span {
	display: block;
	float: left;
}
.form .w24p {
	width: 23%;
}
.form .w74p {
	width: 73%;
}
.form .w100p {
	width: 99%;
}
.form div.w24p, .form div.w74p {
	padding-right: 1%;
}
.mr1p {
	margin-right: 1%;
}
.form div.mr1p {
	margin-right: 1.5%;
}
.form textarea {
	height: 100px;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
}
.ui-datepicker-trigger {
	cursor: pointer;
}

#image-slider {
	margin-top: 28px;
}

#image-slider, #image-slider * {
	z-index: 2;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
.image-slider-img-btns, .image-slider-img-btn {
	display: none !important;
}


form { display: block; padding: .5em 1em .5em .5em; }
label { color: #831916; margin-top: .5em; }
input[type=color], input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=range], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=text], select { font-size: 100%; margin: 0; padding: .25em; width: 100%; }
input { display: block; margin: .25em; }
input[type=checkbox], input[type=radio] { display: inline; }
option { border-bottom: 1px solid #333; margin: 0; padding: .25em; }

#header { margin: 0; padding: 0; overflow: hidden; }
#header img { border: 0; display: block; margin: 0; padding: 0; width: 100%; }

.clear { clear: both !important; display: block !important; float: none !important; height: 0 !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; width: 100% !important; }

.fl { float: left; }
.fr { float: right; }
.dib { display: inline-block; }

.mr1p { margin-right: 1% !important; }
.mr1d5p { margin-right: 2% !important; }

.w24p { width: 24% !important; }
.w32p, .w32pimg { width: 32%; }
.w49p, .w49pimg { width: 49%; }
.w74p { width: 74% !important; }
.w100p { width: 99%; }
.textarea { margin: .5em; padding: .5em; }

.button { background: #831916; border: 1px solid #eadfcd; border-radius: .5em; color: #fff; display: block; font-size: 100%; height: 100%; line-height: 100%; margin: .5em; padding: .5em; text-align: center; width: 100%; }
.button:active, .button:hover { background: #eadfcd; border-color: #831916; cursor: pointer; }

.b1px { border: 1px solid #700; border-radius: .5em; padding: .25em; }

.pointer { cursor: pointer; }

.hidden-box, .hidden-form {
	display: block;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    opacity: 0; 
    height: 0;
    overflow: hidden;
}

.einrichtung {
	margin-bottom: 1em;
}
.einrichtung img {
	float: left;
	margin-right: 20px !important;
	width: 20%;
}
.details {
	padding: 1%;
	font-style: italic !important;
}


@media only screen
and (max-width: 1080px) {
	.w32p.fl { float: left; width: 49%; }
	.w32p.fl:last-child { float: right; }
	.w32p.fr { clear: both; float: none; width: 100%; }
}

@media only screen
and (max-width: 480px) {
	.w32pimg, .w32p, .w49p { width: auto !important; }
	.w32pimg.fl, .w32pimg.fr, .w32p.fl, .w32p.fr, .w49p.fl, .w49p.fr { float: none !important; }
	.w32pimg.mr1p, .w32pimg.mr1d5p, .w32p.mr1p, .w32p.mr1d5p, .w49p.mr1p, .w49p.mr1d5p { margin-right: 0 !important; }
	.einrichtung img {
		float: none;
		margin-top: 2em;
		width: 80%;
	}
}
#content img {
	padding: 5px;
	border: 1px dotted #ccc;
}

#image-slider, #image-slider * {
	z-index: 2;
	left: 0px;
	width: 100%;
	overflow: hidden;
}
.image-slider-img-btns, .image-slider-img-btn {
	display: none !important;
}
#image-slider li {
	background-size: cover;
}