html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

button.drawer-hamburger{z-index: 10001;}
.drawer-nav{display:none; background: #c6b067; width: 50%; margin-top: 0px; z-index:10002;}
.drawer-brand {padding:0px 0px 0px 0px; text-align:center; background: #fff;}
a.drawer-menu-item{color: white; text-align: left; font-family: 'Insider-MediumRoman';font-size:16px; font-weight: normal; line-height:18px; text-transform:uppercase;  letter-spacing: 1px; }
ul li ul li a.drawer-menu-item {font-size: 80%;  padding:0px 2px 0px 20px;}
button.drawer-hamburger{display:none;} 
.drawer--right.drawer-open .drawer-hamburger {left: 35%;}
.drawer-menu li.current a,
.drawer-menu li a:hover { color:#c6b067; background: rgba(255,255,255, 1.0); text-decoration:none;}

ul.drawer-menu-generic {border-top: dotted white 1px; border-bottom: dotted white 1px; margin-top: 10px;}
ul.drawer-menu-generic li a.drawer-menu-item {text-align: right; padding: 5px 10px;}
ul.drawer-menu-generic li a {font-size: 95%;}
ul.drawer-menu-generic li a:hover {color: white;}
ul.drawer-menu-generic li.current a {text-decoration:underline;}


@media only screen and (min-width: 290px) and (max-width: 490px) {
	 nav {display: none;}
	 button.drawer-hamburger{display:block;}
	.drawer-nav{display: block;}
	header #stickyhead .col-1-5.box-1 img {padding:5px 0px;}
	
	.zerogrid .col-1-2,	.zerogrid .col-1-4, .zerogrid .col-1-5, .zerogrid .col-2-5 {width: 100%;}
	h1 {font-size: 150%; line-height: 150%;}
	.col-1-2.box-1 p {padding: 0 10px; margin-bottom: 12px;}
	h2 {width: 85%; font-size: 15px; line-height: 29px;}
	
	.butt, .selbutt {width: 100px; font-size:12px; padding: 5px 0px}
	
	.bggold p {margin: 0 15px 22px 15px;}
	.bggold .motiv,
	.bggold .hinweise {width: 90%; margin: 0 auto 45px auto; float: none;}
	.bx-pager.bx-default-pager {top: 67%;}
	
	.bggrey .map {margin-top: 25px; width: 90%; float: none;}
	
	.kontaktform {padding: 10px; float:none;}
	input.submitbtn {width: 90%;}
	.bgblue .infotext {margin: 0px 15px;}
	.bgblue img.kontaktlogo {margin-left: 0px;}
	.bgblue .col-1-2.box-3 {padding-top: 15px; margin-bottom: 15px;}
	.bgblue .col-1-2.box-3 h5,
	.bgblue .col-1-2.box-3 p{text-align:center;}

	.prices .box-info p {margin-top: 11px;}
	body.impressum .justify{width: 100%; text-align:justify; padding: 0 5px;}
	
}

@media only screen and (min-width: 491px) and (max-width: 760px) {
 	nav {display: none;}
	.drawer-nav{width: 30%;}
	.drawer--right.drawer-open .drawer-hamburger {left: 55%;}
	 button.drawer-hamburger{display:block;}
	.drawer-nav{display: block;}
	header #stickyhead .col-1-5.box-1 img {padding:5px 0px;}
	.mobnav a {font-size:11px;}
	
	.zerogrid .col-1-2,	.zerogrid .col-1-4, .zerogrid .col-1-5, .zerogrid .col-2-5 {width: 100%;}
	h1 {font-size: 180%; line-height: 150%;}
	.col-1-2.box-1 p {padding: 0 10px; margin-bottom: 12px;}
	h2 {width: 85%; font-size: 15px; line-height: 29px;}
	
	.butt, .selbutt {width: 150px; font-size:12px; padding: 5px 0px}
	.bggold p {margin: 0 15px 22px 15px;}
	.bggold .motiv,
	.bggold .hinweise {width: 490px; margin: 0 auto 45px auto; float: none;}
	.bx-pager.bx-default-pager {top: 67%;}

	.bggrey .map {margin-top: 25px; width: 90%; float: none;}	
	
	.kontaktform {padding: 10px; float:none;}
	input.submitbtn {width: 90%;}
	.bgblue .infotext {margin: 0px 15px;}
	.bgblue img.kontaktlogo {margin-left: 0px;}
	.bgblue .col-1-2.box-3 {padding-top: 15px; margin-bottom: 15px;}
	.bgblue .col-1-2.box-3 h5,
	.bgblue .col-1-2.box-3 p{text-align:center;}
}


@media only screen and (min-width: 761px) and (max-width: 1100px) { 
	 nav {display: none;}
	.drawer-nav{width: 23%;}
	.drawer--right.drawer-open .drawer-hamburger {left: 68%;}
	 button.drawer-hamburger{display:block;}
	.drawer-nav{display: block;}
	header #stickyhead .col-1-5.box-1 img {padding:5px 0px;}
	.mobnav a {font-size:13px;}

	.zerogrid .col-1-5, .zerogrid .col-2-5 {width: 100%;}
	.zerogrid .col-1-4 {width: 50%;}
	h1 {font-size: 180%; line-height: 150%;}
	.col-1-2.box-1 p {padding: 0 10px; margin-bottom: 12px;}
	h2 {width: 85%; font-size: 15px; line-height: 29px;}
	
	.bggold p {margin: 0 15px 22px 15px;}
	.bggold .motiv, 
	.bggold .hinweise {width: 90%; margin: 0 auto 45px auto; float: none;}
	.bx-pager.bx-default-pager {top: 67%;}
	
	.kontaktform {padding: 10px; float:right; width: 90%;}
	.bgblue .infotext {margin: 15px;}
	.bgblue .col-1-2.box-3 {padding: 15px; margin-bottom: 15px;}
	.bgblue img.kontaktlogo {margin-left: 0px;}
	.bgblue .col-1-2.box-3 {width: 90%;}
	.bgblue .col-1-2.box-3 h5,
	.bgblue .col-1-2.box-3 p{text-align:center;}
}

@media only screen and (min-width: 900px) and (max-width: 1100px) { 
	nav {display: block;}
	.zerogrid .col-1-5 {width: 20%;} 
	.zerogrid .col-2-5 {width: 40%;}
	 button.drawer-hamburger{display:none;}
	 .mobnav {display:none;}
}

@media only screen and (min-width: 1101px) and (max-width: 1180px) { 
	.zerogrid {width: 100%;}
	.bggold p {margin: 0 15px 22px 20px;}
	.bgblue .infotext {margin: 25px;}
	.bgblue .col-1-2.box-3 {margin-left: 25px; margin-top: 50px; width: 45%;}
}