/* CSS Mobile Reset */
table { width:auto; border-collapse: collapse;border-spacing: 0; }
.open_nav {
	display: none;
}

/*Ab hier springt er auf % breite Elemente*/
@media all and (max-width: 1620px) {
	#site,
	.head {
		width: 92%;
	}

	.nav {
		margin-left: 0;
	}
	.nav > UL > LI > A {
		padding: 35px 15px 34px;
	}
}

@media all and (max-width: 1500px) {

	.head {
		height: 170px;
	}
	.nav {
		width: 100%;
		float: none;
		background-color: #828080;
		height: 55px;
	}
	.nav UL {
		margin: 0 auto;
	}
	.nav > UL > LI > A {
		padding: 15px 15px 14px;
	}
	#logo {
		top: 82px;
	}
}

@media all and (max-width: 1400px) {
	.cont > .gallery.item1200 {
		width: 600px;
	}

	.cont > .item1200 {
		width: 90%;
	}
	.item1200 .gridrow .col
	{
		float: none;
	}
	.item1200 .gridrow .col + .col
	{
		margin-left: 0;
	}
	.item1200 .box33 .col {
		width: 100%;
		margin: 0 0 40px 0;
	}

	.restaurant.item1200 .box33 > .col {
		position: relative;
		text-align: inherit;
		margin: 40px 0;
	}
	.restaurant.item1200 .box33 > .col IMG {
		width: auto;
		position: absolute;
		top: 0;
		right: 0;
	}
	.restaurant.item1200 .box33 > .col .text {
		padding: 20px 40px 60px;
		width: 50%;
	}

	.item1200 IMG {
		 width: 100%; 
		height: auto;
	}

}

@media all and (max-width: 1120px) {

	.head .headnav A {
		display: block;
		text-align: right;
		background: url(../img/tel.png) no-repeat 70px 7px;
	}

	.cont > .item960, 
	.cont > .item1200 {
		width: 90%;
	}

	.inner, .cont > .item, 
	.gridwrapper > .item {
		width: 90%;
	}

	.gridrow .col
	{
		float: none;
	}
	.gridrow .col + .col
	{
		margin-left: 0;
	}
	.box50 .col,
	.box33 .col,
	.box25 .col,
	.box33-66 .col.col1,
	.box33-66 .col.col2,
	.box66-33 .col.col1,
	.box66-33 .col.col2 
	{
		width: 100%;
		text-align: center;
	}

	.restaurant.item1200 .box33 > .col .text {
		padding: 100px 40px 60px;
		width: auto;
	}

	.item100w .text {
		width: 80%;
		margin-left: -40%;
		top: 30%;
	}


}

@media all and (max-width: 960px) {
	#site,
	.head {
		width: 100%;
	}

	#subhead {
	    height: 460px;
	}

}

@media all and (max-width: 760px) {
	#info {
		position: relative;
		top: 120px;
	}
	#corona {
		position: relative;
		top: 120px;
		margin: 0 30px;
		padding: 10px 20px;
	}
	.head {
		height: 100px;
	}
	.head .headnav {
		display: none;
	}
	#logo {
		top: 12px;
	}

	#subhead {
		display: none;
	}
	.cont {
		margin: 0 0 100px 0;
		padding: 100px 0 0 0;
	}

	/*Nav*/
	/*.open_nav 
	{
		display: inherit;
	}
	.open_nav P 
	{
		padding: 0;
	}
	.open_nav A 
	{
		display: block;
		height: 45px;
		line-height: 45px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
		background-color: #5E4C58;
	}
	.nav 
	{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.nav > UL > LI 
	{
		float: none;
	}
	.nav > UL > LI > A
	{
		background-color: #5E4C58;
	}
	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}*/

	/*Nav*/
	/*	Hamburger Menu*/
	.hamburger{width:auto;padding:15px;display:inline-block;cursor:pointer;transition-property:opacity,-webkit-filter;-webkit-transition-property:opacity,-webkit-filter;-o-transition-property:opacity,filter;-moz-transition-property:opacity,filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;font:inherit;line-height:0;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:35px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:35px;height:3px;background-color:#fff;position:absolute;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;-o-transition-property:-o-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform, -o-transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;-moz-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--squeeze .hamburger-inner{-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-moz-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{-webkit-transition:top .1s .14s ease,opacity .1s ease;-o-transition:top .1s .14s ease,opacity .1s ease;-moz-transition:top .1s .14s ease,opacity .1s ease;transition:top .1s .14s ease,opacity .1s ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);-webkit-transition:bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);-o-transition:bottom .1s .14s ease,-o-transform .1s cubic-bezier(.55,.055,.675,.19);-moz-transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-moz-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19),-moz-transform .1s cubic-bezier(.55,.055,.675,.19),-o-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.14s;-moz-transition-delay:.14s;-o-transition-delay:.14s;transition-delay:.14s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);-moz-transition-timing-function:cubic-bezier(.215,.61,.355,1);-o-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;-webkit-transition:top .1s ease,opacity .1s .14s ease;-o-transition:top .1s ease,opacity .1s .14s ease;-moz-transition:top .1s ease,opacity .1s .14s ease;transition:top .1s ease,opacity .1s .14s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-webkit-transition:bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);-o-transition:bottom .1s ease,-o-transform .1s .14s cubic-bezier(.215,.61,.355,1);-moz-transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-moz-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1),-moz-transform .1s .14s cubic-bezier(.215,.61,.355,1),-o-transform .1s .14s cubic-bezier(.215,.61,.355,1);transition:bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1)}


	.open_nav 
	{
		display: inline-block;
		position: absolute;
		top: 25px;
		right: 25px;
	}
	.nav 
	{
		display: none;
		position: absolute;
		top: 100px;
		left: 0;
		width: 100%;
		margin: 0;
	}

	.nav > UL > LI {
		float: none;
	}
		.nav > UL > LI + LI,
		.subNav LI {
			margin: 0;
			border-top: 1px solid #676565;
		}

	.nav > UL > LI > A,
	.subNav A {
		display: block;
		padding: 15px 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		border-bottom: 0;
		background-color: #757373;
		font-size: 14px;
	}
		.nav > UL > LI.act > A,
		.nav > UL > LI.act:hover > A,
		.nav > UL > LI.act.over > A,
		.nav > UL > LI:hover > A,
		.nav > UL > LI.over > A,
		.subNav > LI.act > A,
		.subNav > LI.act:hover > A,
		.subNav > LI.act.over > A,
		.subNav > LI:hover > A,
		.subNav > LI.over > A {
			border-bottom: none;
			background: #676565;
			color: #fff;
		}

	.subNav {
		padding-top: 0;
		right: 0;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}

	.subNav > LI + LI {
		margin-top: 0;
	}

	.subNav A {
		text-align: left;
		padding-left: 50px;
		background: #969595;
	}

	.subNav,
	.subNav .subNav,
	.nav > UL > LI:last-child > .subNav,
	.nav > UL > LI:last-child > .subNav .subNav
	{
		position: inherit;
		left: inherit;
		top: inherit;
	}

			/* remove hover/touch effect */
			.nav LI:hover > .subNav,
			.nav LI.over > .subNav
			{
				display: none;
			}

			/* showsub dropdown trigger */
			.showSub
			{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 10;
				cursor: pointer;

				width: 55px;
				height: 47px;
				line-height: 47px;
				background: transparent;
				text-align: center;
			}
			.subNav .showSub
			{
				background: transparent;
				height: 47px;
				line-height: 47px;
			}

			.showSub,
			.showSub:after
			{
				-webkit-transition:0.25s ease;
				-o-transition:0.25s ease;
				-moz-transition:0.25s ease;
				transition: 0.25s ease;
			}
			.showSub:after
			{
				content: "";
				display: inline-block;
				width: 0;
				height: 0;
				vertical-align: middle;
				border-top: 5px dashed #fff;
				border-top: 6px solid\9;
				border-right: 5px solid transparent;
				border-left: 5px solid transparent;
			}
			.showSub.open:after
			{
				border-top-color: #fff;
				-webkit-transform: rotate(180deg);
				   -moz-transform: rotate(180deg);
				    -ms-transform: rotate(180deg);
				     -o-transform: rotate(180deg);
				        transform: rotate(180deg);
			}
	



	.restaurant.item1200 .box33 > .col .text {
		padding: 200px 10% 60px;
		text-align: center;
	}

/* Falls Footer unten klebt */
	HTML, BODY, #site 
	{
		height: auto;
	}
	BODY > #site 
	{
		min-height: 0;
	}
	#allcont, .allcont 
	{
		padding-bottom: 0;
	}
	.foot
	{
		height: auto;
		margin-top: 0;
	}

/* Gekaufte Bilder .c1 ändern */
	.allcont .c1 UL {
		margin: 0 0 0 25px;
	}

	.allcont .c1 TABLE TR TD {
		display: inline-table;
	}

	DIV.csc-textpic-intext-right .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left: 0;}
	DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {float: inherit;}
	.csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right: 0;}
	.csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left: 0;}
}


@media all and (max-width: 680px) {
	.item1200 .gallery-inner DIV {
		float: none;
		width: 320px;
		margin: 0 auto;
	}

	.cont > .gallery.item1200 {
		width: 470px;
		max-width: 100%;
	}

}


/*Ab hier springt er auf 100% breite Elemente (320px)*/
@media all and (max-width: 470px) {
	P,
	H1,
	H2,
	H3,
	H4,
	H5 {
		text-align: center;
	}
	img, embed, object, video {
		max-width: 100%;
		height: auto;
		width: auto;
	}

	.item100w #item100w2 IMG {
		max-width: inherit;
		height: 100%;
		width: auto;
	}



	DIV.csc-textpic .csc-textpic-imagewrap FIGURE, DIV.csc-textpic FIGURE.csc-textpic-imagewrap, FIGCAPTION.csc-textpic-caption {display: block;}
	DIV.csc-textpic-left .csc-textpic-imagewrap, DIV.csc-textpic-right .csc-textpic-imagewrap {float: none;}
	DIV.csc-textpic DIV.csc-textpic-imagecolumn {display: inline-block;float: none;vertical-align: top;}
	.csc-default {clear: both;}
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {width: 38%;}
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-text, DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {margin: 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
	#logo
	{
		background-image: url(../img/logo2x.png);
		background-size: 100% auto;
	}

}