@import "presets/defaults.less";
html{
	height: 100%;
	min-height: 100%;
	/*-webkit-tap-highlight-color: transparent;*/
	margin: 0;
	padding: 0;
}
body{
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #e7452e;
	background-image: url('/application/themes/zekusushi/img/bg.svg');
	background-repeat: no-repeat;
	background-position: center top;
	background-repeat: repeat;
	background-size: 50%;
}
a, a.hover, a:visited{
	color: inherit;
	text-decoration: none;
}
a[href^="tel"]{
	color: inherit;
	text-decoration: none;
}
input[id*="btn_anmelden-"], #btn_kasse{
	background-color: transparent;
	border: 0;
	color: white;
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'Exo';
	font-weight: 800;
}
input[id*="btn_anmelden-"]:hover, #btn_kasse:hover{
	cursor: pointer;
}
#header{
	position: fixed;
	top:0;
	left:0;
	right:0;
	/*width: 100%;*/
	height: 150px;
	z-index: 10;
	/*display: flex;
	flex-direction: column;*/
	background-color: white;
}
#headercontent{
	/*min-height: 100%;*/
	height: 100%;
	display: grid;
	grid-template-columns: 15% 320px 20px 350px 25px auto 305px auto 80px 15%;
	grid-template-rows: 7% 8% 8% 8% 8% 7% 1% 7% 8% 8% 8% auto 7%;
}
/* Strich */
#headercontent>div:nth-child(1){
	grid-row: 2;
	grid-column: 1 / span 5;
	background-color: #730E18;
}
/* Logo */
#headercontent>div:nth-child(2){
	grid-row: 4 / span 9;
	grid-column: 2;
	background-color: white !important;
	background-image: url('/application/themes/zekusushi/img/zeku.svg');
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
}
/* Logotext */
#headercontent>div:nth-child(3){
	grid-row:4;
	grid-column: 4 / span 1;
	color: #730E18;
	background-color: white !important;
	text-transform: uppercase;
	margin-top: -2px;
}
#headercontent>div:nth-child(3)>.b{
	font-size: 24px;
	/*font-weight: bold;*/
	margin-right: 10px;
	font-family: 'Exo';
	font-weight: 850;
	letter-spacing: 0.1em;
}
#headercontent>div:nth-child(3)>.n{
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	font-family: 'Exo';
}
/* Logo Japan */
#headercontent>div:nth-child(4){
	grid-row: 4 /span 8;
	grid-column: 7;
	background-color: white !important;
	background-image: url('/application/themes/zekusushi/img/kanji.svg');
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
}
/* Hamburger */
#headercontent>div:nth-child(5){
	grid-row:5;
	grid-column: 9 / span 1;
}
#headercontent>div:nth-child(6){
	grid-row:7 / span 2;
	grid-column: 9 / span 1;
}
#headercontent>div:nth-child(7){
	grid-row:10;
	grid-column: 9 / span 1;
}
.klick{
	grid-area: 1 / 1 / span 13 / span 5;
}
.hamklick{
	grid-area: 5 / 9 / span 6 / span 1;
	position: relative;
}
#headercontent>div.hamburger{
	background-color: #730E18;
}
#main{
	min-height: 100% !important;
	height: auto !important;
	width: 100%;
}
#wrapper{
	min-height: 100%;
	height: 100vh;
	width: 100%;
	display: grid;
	grid-template-columns: 15% auto 15%;
	grid-template-rows: 150px auto 180px;
}
#wrapper>div:first-child{
	background-color: white;
	grid-row: 3;
	grid-column: 1;
}
#wrapper>div:last-child{
	background-color: white;
	grid-row: 3;
	grid-column: 3;
}
#content{
	grid-row: 2;
	grid-column: 2;
	margin-bottom: 80px;
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
}
/*#content h1{
	color:white;
	text-transform: none;
}*/
#footer{
	grid-row: 3;
	grid-column: 2;
	height: 100%;
	color: #730E18;
	display: grid;
	grid-template-columns: 0.95fr 1.1fr 1fr 0.7fr;
	/*grid-template-rows: 5% 25% 13% 13% 13% 13% 5%;*/
	background-color: white;
	font-family: 'Exo';
	font-weight: 500;
	font-size: 17px;
	align-self: end;
}
#footer>div{
	display: grid;
	grid-template-rows: 22% 18% repeat(4,14%) 4%;
}
#footer div>div:first-child{
	text-transform: uppercase;
	font-family: 'Exo';
	font-weight: 800;
	font-size: 23px;
	
}
#footer div>div{
	align-self: end;
}
#copyright{
	text-align: right;
}
.fab{
    font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-size: 35px;
	margin-right: 5px;
}
.fa-facebook:before {
	content: "\f09a";
}
.fa-instagram:before {
	content: "\f16d";
}
.shadow{
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.4);
}

.rotated{
	-webkit-transform: rotate(270deg) !important;
	-moz-transform: rotate(270deg) !important;
	-ms-transform: rotate(270deg) !important;
	-o-transform: rotate(270deg) !important;
	transform: rotate(270deg) !important;
}

.ZKoverlay, .ZKDSoverlay{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #43575a;
	z-index: 5000;
	overflow: hidden;
}
.ZKDSoverlay{
	z-index: 6000;
}
.ZKcontainer, .ZKDScontainer  {
	position: fixed;
	opacity: 1;
	filter: alpha(opacity=0);
	width: 45%;
	height: 195px;
	background-color: white; /* #43575a;*/
	z-index: 5100;
	margin-top: 200px;
	font-size: 55px;
	text-transform: uppercase;
	padding: 5px;
	padding-top: 15px;
	color: #43575a;
}
.ZKDScontainer  {
	font-family: Arial;
	font-size: 20px;
	text-transform: none;
	color: white;
	background-color: black;
	line-height: 130%;
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	z-index: 6100;
	height: auto;
	left: 0;
	text-align: center;
	width: 100%;
	bottom: 0;
	padding: 0;
	margin: 0;
	padding: 15px;
	margin-left: 0;
	box-sizing: border-box;
}
.dsask{
	display: grid;
	padding-left: 30%;
	padding-right: 30%;
	padding-top: 30px;
	grid-template-columns: 1fr 1fr;
}
.dsask div{
	display: block;
}
.dsask div:hover{
	cursor: pointer;
}
.ZKcontainer div:nth-child(2),.ZKcontainer div:last-child{
	font-size: 55px;
	margin: 8px;
	margin-left: 5px;
	margin-right: 5px;
	color: #fcbf00;
	background-color: #43575a;
	cursor: pointer;
	float: left;
}
@media screen and (max-width: 1600px) {
	#headercontent{
		grid-template-columns: 8% 320px 20px 350px 30px auto 305px auto 80px 8%;
		/*grid-template-rows: 7% 8% 8% 8% 8% 7% 1% 7% 8% 8% 8% auto 7%;*/
	}
	#wrapper{
		grid-template-columns: 8% auto 8%;
	}
}
@media screen and (max-width: 1400px) {
	#headercontent{
		grid-template-columns: 5% 320px 20px 350px 30px auto 305px auto 80px 5%;
		/*grid-template-rows: 7% 8% 8% 8% 8% 7% 1% 7% 8% 8% 8% auto 7%;*/
	}
	#wrapper{
		grid-template-columns: 5% auto 5%;
	}
}
@media screen and (max-width: 1300px) {
	#header{
		height: 100px;
	}
	#headercontent{
		grid-template-columns: 5% 212px 13px 264px 24px auto 207px auto 50px 5%;
		/*grid-template-rows: 7% 8% 8% 8% 8% 7% 1% 7% 8% 8% 8% auto 7%;*/
	}
	#headercontent>div:nth-child(3){
		margin-top: -1px;
	}
	#headercontent>div:nth-child(3)>.b{
		font-size: 18px;
		margin-right: 8px;
	}
	#headercontent>div:nth-child(3)>.n{
		font-size: 10px;
	}
	#wrapper{
		grid-template-columns: 5% auto 5%;
		grid-template-rows: 100px auto 135px;
	}
	#footer{
		font-size: 14px;
	}
	#footer div>div:first-child{
		font-size: 20px;
	}
}
@media screen and (max-width: 900px) {
	body{
		background-size: 60%;
	}
	#header{
		height: 80px;
	}
	#headercontent{
		grid-template-columns: 2% 173px 10px 215px 17px auto 165px auto 38px 2%;
	}
	#headercontent>div:nth-child(3)>.b{
		font-size: 15px;
		margin-right: 6px;
	}
	#headercontent>div:nth-child(3)>.n{
		font-size: 8px;
	}
	#wrapper{
		grid-template-columns: 2% auto 2%;
		grid-template-rows: 80px auto 100px;
	}
	#footer{
		/*grid-template-columns: 1fr 1.1fr 1fr 0.7fr;*/
		font-size: 12px;
	}
	#footer>div{
		grid-template-rows: 22% 18% repeat(4,14%) 4%;
	}
	#footer div>div:first-child{
		font-size: 18px;
	}
	.fab{
		font-size: 30px;
	}
	.dsask{
		padding-left: 10%;
		padding-right: 10%;
		padding-top: 20px;
	}
}
@media screen and (max-width: 700px) {
	body{
		background-size: 150%;
	}
	#headercontent{
		/*grid-template-columns: 2% 130px 8px 165px 10px auto 126px auto 38px 2%;*/
		grid-template-columns: 2% 173px 10px 215px 17px auto 165px auto 38px 2%;
	}
/*	#headercontent>div:nth-child(3)>.b{
		font-size: 13px;
		margin-right: 4px;
	}
	#headercontent>div:nth-child(3)>.n{
		font-size: 6px;
	}*/
	#wrapper{
		grid-template-rows: 60px auto 80px;
	}
	#footer{
		font-size: 10px;
	}
	#footer div>div:first-child{
		font-size: 14px;
	}
	.fab{
		font-size: 25px;
	}
}
@media screen and (max-width: 660px) {
	#headercontent{
		/*grid-template-columns: 2% 130px 8px 165px 10px auto 126px auto 38px 2%;*/
		grid-template-columns: 2% 173px 10px 215px 17px auto 0 auto 38px 2%;
	}
	#headercontent>div:nth-child(4){
		background-image: none;
	}
/*	#footer{
		grid-template-columns: 1fr 1fr;
	}
	#wrapper{
		grid-template-rows: 100px auto 200px;
	}*/
}
@media screen and (max-width: 550px) {
	/*#headercontent{
		grid-template-columns: 4% 130px 8px 165px 10px auto 0 auto 30px 4%;
	}
	#headercontent>div:nth-child(3){
		margin-top: -3px;
	}
	#headercontent>div:nth-child(4){
		background-image: none;
	}*/
	#footer{
		grid-template-columns: 0.8fr 1fr 1fr 0.5fr;
	}
	#wrapper{
		grid-template-columns: 2% auto 2%;
	}
	#copyright{
		font-size: 7px;
	}
}
@media screen and (max-width: 499px) {
	body{
		/*background-image: none;*/
	}
	#header{
	height: 66px;
	}
	#headercontent{
		grid-template-columns: 4% 130px 8px 43px 18px auto 0 auto 30px 4%;
		grid-template-rows: 7% 7% 8% 8% 8% 7% 1% 7% 8% 8% 8% auto 7%;*/
	}
	#headercontent>div:nth-child(3)>.n{
		display: none;
	}
	#wrapper{
		grid-template-rows: 70px auto 180px;
	}
	#footer{
		grid-template-columns: 1fr 1fr;
		font-size: 10px;
	}
	#footer div>div:first-child{
		font-size: 16px;
	}
	#copyright{
		font-size: 10px;
	}
}
@media screen and (max-width: 320px) {
	#wrapper{
		grid-template-rows: 100px auto 200px;
	}
	#footer{
		grid-row-gap: 10px;
	}
}