.showmobile,
.show_mobile_menu,
.footer_link_hide{
	display: none;
}

.mobile .with_fixed{
	background-attachment: initial;
}


@media (max-height: 630px) {
	.header.half{
		width: 100%;
		min-height: 400px;
	}
}


@media (max-width: 950px) {
	.menu .big_menu li p{
		font-size: .75em;
	}

	.menu .big_menu li{
		height: 120px;
    	line-height: 120px;
	}
}

@media (max-width: 890px) {
	.reservieren .six{
		width: 100%;
		padding: 0px;
	}

	.reservieren form .six{
		width: 50%;
		padding: 0 10px;
	}

	.reservieren form{
		margin-top: 30px;
	}

	nav .reservieren{
		top: initial;
		bottom: 23px;
		background-image: none;
		padding-right: 0;
	}

	.hide_mobile_menu{
		display: none;
	}

	.show_mobile_menu,
	.open_mobile_menu{
		display: block;
	}


	nav{
		bottom: 0;
		background-size: 100px;
		background-position: center calc(100% - 3px);
		background-image: url(/img/nav/fish_white.svg);
	}

	nav.active{
		height: 100%;
	}

	nav ul{
		position: absolute;
		left: 0;
		bottom: 100px;
		width: 100%;
	}

	nav ul li{
		opacity: 0;
		width: 100%;
    	text-align: center;
		margin: 0;
		font-size: 40px;
		transform: scale(1.5);
		transition: all .3s;
	}

	nav ul li.active{
		opacity: 1;
		transform: scale(1);
	}

	nav ul li a:after,
	nav ul{
		display: none;
	}

	nav.active ul{
		display: block;
	}
}

@media (max-width: 768px) {
	footer .container{
		padding-left: 0 !important
	}
	section.mt4{
		margin-top: 30px;
	}
	.ueber{
		padding: 30px 0;
	}

	.ueber .columns.six{
		width: 100%;
		text-align: center;
	}

	.menu{
		margin-top: 20px;
	}
	footer .columns{
		width: 100% !important
	}
	footer *{
		text-align: center;
	}

	footer .small_links{
		float: left;
    	width: 100%;
    	margin-bottom: 20px;
	}

	footer .small_links a,
	footer .small_links li{
		width: 100%;
	}
}

@media (max-width: 680px) {
	.slider{
		height: 40vh;
	}

	.slider .arrow.right, .big_menu .arrow.right{
		right: 10px;
	}

	.slider .arrow.left, .big_menu .arrow.left{
		left: 10px;
	}

	/*.slider .arrow{
		width: 30px;
	}*/

	.menu_item li span{
		background-size: 22px
	}
	#bestellung .menu_item li span{
		background-size: 20px
	}

	#bestellung .menu_item li div .plus, #bestellung .menu_item li div .minus{
		background-size: 17px;
		padding: 0 5px;
		margin: 0 5px;
	}

/*	#bestellung{
		bottom : calc(-70vh + 70px);
		height: 70vh;
	}*/

	.big_menu .arrow{
		display: block;
	}

	h2{
		font-size: 42px;
	}
	body{
		font-size: 1.2em;
	}

	.menu .big_menu li p{
		font-size: 1.4em;
	}

	.gallerie ul li{
		margin: 10px 0px;
    	width: 50%;
    	text-align: center;
	}

	.slider{
		margin-top: 20px;
	}

	.gutschein br,
	.map{
		display: none;
	}

	.footer_link_hide{
		display: block !important;
	}

	.ueber .columns.six{
		padding: 0;
	}

	.ueber .columns.six{
		margin-top: 20px;
	}


	.menu .big_menu li{
		height: 200px;
    	line-height: 200px;
    	border-right : 0;
	}

	.menu .big_menu li:before{
		display: none;
	}

	.menu ul.big_menu{
		height: 200px;
	}

	.menu .big_menu li{
		position: absolute;
		opacity: 0;
		visibility: hidden;
		width: 100%;
		transition: all .5s
	}

	.menu .big_menu li.active{
		opacity: 1;
		visibility: visible;
	}

  .menu_item .inner{
  	width: 100% !important
  }
}

@media (max-width: 600px) {
	footer{
		padding-top: 1rem !important;
	}

	.bestellung{
		left: 0;
		transform: translate(0%,0%);
		width: 100%;
		background-position: 98% center;
	}

	.showmobile{
		display: block;
	}

	.showmobile.dt{
		display: table;
	}

	.hidemobile{
		display: none;
	}

	.hidemobile.active{
		display: block;
	}

	.header.half{
		width: 100%;
		min-height: 400px;
	}
}

@media (max-width: 500px) {
	.reservieren .six{
		width: 100% !important;
		padding: 0px !important;
	}
}