.kachelrows {
  margin-right: -10px !important;
  margin-left: -10px !important;
}

.hs-modal {
    display: block !important;
}
.tucicon-nav-down::after {
    content: "\25bd";
    font-family: TUCAL;
}
.tucicon-nav-down::before {
    content: "";
}
.tucicon-video::after {
    content: " \23f4";
    font-family: TUCAL;
	font-size: 34px;
	vertical-align:middle;
}
.tucicon-video::before {
    content: "";
}
.tucicon-link::after {
    content: " \2192";
    font-family: TUCAL;
}
.tucicon-link::before {
    content: "";
}
.tucicon-nav-up::after {
    content: "\25b3";
    font-family: TUCAL;
}
.tucicon-nav-up::before {
    content: "";
}
.tucicon-link-extern::after {
    content: " \21a6";
    font-family: TUCAL;
}
.tucicon-link-extern::before {
    content: "";
}
td, th {
    padding: 0 !important;
}
.fokus:focus {
	outline-offset: 3px;
	outline-color: black;
	outline-width: medium;
}
.h2k {
	color: white;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 48px;
	margin: 0px;
	padding: 10px;
	display: initial;
	background-color: rgba(0, 0, 0, 0.5);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.h31 {
	color: white;
	font-style: normal;
	font-weight: 700;
	line-height: 2.0em !important;
	margin: 0px;
	text-transform: uppercase;
	display: initial;
	padding: 10px;
	background-color: black;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
.h33 {
	color: white;
	font-weight: 100;
	font-size: 13px;
	line-height: 2.0em;
	display: initial;
	padding: 9px;
	background-color: black;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;			   
}
.h4k {
	color: white;
	line-height: 1.2em;
	font-weight: 100;
}
.playbutton {
	margin-bottom: 6px !important;
}
.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	padding: 9px;
	text-align: center;
	line-height: 1.2em;
	width: 97%;	  
}
.centeredzwei {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	padding: 0px;
	text-align: center;
	line-height: 1.2em;
	width: 89%;
}
.centereddrei {
	position: relative;
	top: 19px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
	line-height: 1.2em;
	width: 99%;
	display: contents;
}
.allezeiten {
	position: absolute;
	top: 8px;
	color: black;
	padding: 0px;
	line-height: 1.1em;
	font-size: 12px;
	font-weight: 700;
}
.centeredzweispeise {
	position: absolute;
	top: 44%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	background-color: black;
	padding: 3px 4px;
	width: max-content;
	text-align: center;
	line-height: 1.2em;
}
.centeredut {
	display: inline;
	top: 17px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	padding: 2px 9px;
	text-align: center;
	line-height: 1.2em;
}
.centeredut2 {
	position: relative;
	top: 18px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	background-color: black;
	padding: 1px 9px;
	width: max-content;
	text-align: center;
	line-height: 1.2em;
	max-width: 100%;
}
.centeredutoeff {
	position: relative;
	top: 5px;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	background-color: #c6466d;
	padding: 0px 9px;
	width: max-content;
	text-align: center;
	line-height: 1.2em;
}
.centeredutspeise {
	position: absolute;
	top: 59%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	background-color: black;
	padding: 0px 4px;
	width: max-content;
	text-align: center;
	line-height: 1.2em;
}
.text {
	color: #fff;
	text-decoration: none;
	padding: 25px;
	font-size: 18px;
	line-height: 2.5;
}
.textoeffnung {
	color: #fff;
	text-decoration: none;
	padding: 25px;
	font-size: 18px;
	line-height: 1.5;
} 
.textspeise {
	color: #fff;
	text-decoration: none;
	padding: 25px;
	padding-top: 0px;
	font-size: 18px;
	line-height: 2.5;
}
.ebenezwei {
	background-color: #454544;
	margin-bottom: 15px;
	margin-left: 0px!important;
	margin-right: 0px!important;
    -webkit-transition: background-color 1.4s ease;
    -moz-transition: background-color 1.4s ease;
    -o-transition: background-color 1.4s ease;
    transition: background-color 1.4s ease;
}
.ebenezweispeise {
	background-color: #e6e6e6!important;
	margin-bottom: 0px;
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.row.ebenedrei {
    background-color: #454544!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
}
.col-md-6, .col-md-8, .col-md-4 {
    padding: 10px !important;
}
.zweitebene {
    padding-right: 6px !important;
	padding-left: 6px !important;
}
*.scale {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
*.scale:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/* TRANSITION */
*.transition {
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;				
}
div.image {
	overflow: hidden;
	line-height: 0;
	height: auto;
}
div.image img {
	width: 100%;
	height: auto;
	/* SCALE */
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	/* VERZÖGERUNG */
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-ms-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
}
div.image img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	filter: brightness(90%);
}
.rand {
	margin: 15px 5px 15px 5px; 
	z-index: 1;
}
.mensa {
	background-color: #e6e6e6;
	text-align: center;
	color: black;
	padding-bottom: 1px;
}
.mensa:hover {
    background-color: #454544 !important;
    text-align: center;
    color: white !important;
    padding-bottom: 1px;
}
.hmensa {
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 5px;
}
.speise {
	line-height: 1.2em;
	font-size: 11px !important;
}
.mittag {
	margin-top: 0px !important;
}
.iconoz {
	float: left;
	padding: 0 5px;
	margin-bottom: 0px;
}
.tabfeld {
    width: 43%;
    vertical-align: baseline;
}
.mobiloef {display: none;}
.tableoz {margin:3px 0 10px 0;}		
.poeff {margin-bottom: 0px;}
.text a[href] {color: #e3bb2d !important;text-decoration: underline !important;pointer-events: all !important;}								
.oeffstatus {padding: 8px !important;}	
.mailtel {padding-top: 7px; margin-bottom: 7px;}
.pfeilkl1 {position: absolute; top: -17px; left: 55%;}
.pfeilkl1oe {position: absolute; top: -17px; left: 55%;}
.pfeilkl1kl {position: absolute; top: -17px; left: 55%;}
.pfeilkl1kloe {position: absolute; top: -17px; left: 44%;}
.pfeilmi1 {position: absolute; top: -17px; left: 93%;}
.pfeilmi1oe {position: absolute; top: -17px; left: 69%;}
.pfeilgr1 {position: absolute; top: -17px; left: 126%;}
.pfeilgr1oe {position: absolute; top: -17px; left: 98%;}
.pfeilkl2 {position: absolute; top: -17px; left: 331%;}
.pfeilkl2oe {position: absolute; top: -17px; left: 331%;}
.pfeilkl2kl {position: absolute; top: -17px; left: 196%;}
.pfeilkl2kloe {position: absolute; top: -17px; left: 147%;}
.pfeilkl3kl {position: absolute; top: -17px; left: 331%;}
.pfeilkl3kloe {position: absolute; top: -17px; left: 248%;}
.pfeilmi2 {position: absolute; top: -17px; left: 296%;}
.pfeilmi2oe {position: absolute; top: -17px; left: 225%;}
.pfeilgr2 {position: absolute; top: -17px; left: 267%}		
.pfeilgr2oe {position: absolute; top: -17px; left: 198%}
.pfeilspeisekl1 {position: absolute; top: -17px; left: 15%;}
.pfeilspeisekl1kl {position: absolute; top: -17px; left: 15%;}
.pfeilspeisemi1 {position: absolute; top: -17px; left: 22%;}
.pfeilspeisegr1 {position: absolute; top: 373px; left: 50%;}
.pfeilspeisekl2 {position: absolute; top: -17px; left: 83%;} 
.pfeilspeisekl2kl {position: absolute; top: -17px; left: 49%;} 
.pfeilspeisekl3kl {position: absolute; top: -17px; left: 83%;} 
.pfeilspeisemi2 {position: absolute; top: -17px; left: 75%;}
.pfeilspeisegr2 {position: absolute; top: -17px; left: 67%;}
.breit {padding-right: 3px; padding-left: 3px;}		  
/* If the screen size is 1001px wide or more */
@media screen and (min-width: 992px) {
	.h2k {font-size: 23px;}
	/*.h2k {font-size: calc(19px + (19 - 18) * ((99vw - 991px) / (1600 - 991)))} */
	.h31 {font-size: calc(13px + (17 - 16) * ((99vw - 991px) / (1600 - 991)))}
	.h4k {font-size: 12px;}
	.mini {font-size: 15px; line-height: 1.3em;}
	.hoch {margin-top: -15px !important;}
	.hochoz {margin-top: -20px !important;}
	.hochspeise {top: -15px !important;}
	.dritte0 {width:424%; left: -6px; position: relative;}
	.dritte1 {width:424%; left: -109%; position: relative;}
	.dritte2 {width:424%; left: -215%; position: relative;}
	.dritte3 {width:424%; left: -321%; position: relative;}
	.drittespeise0 {width:462%; left: -14px; position: relative;}
	.drittespeise1 {width:462%; left: -123%; position: relative;}
	.drittespeise2 {width:461%; left: -238%; position: relative;}
	.drittespeise3 {width:462%; left: -354%; position: relative;}
	
	.zweitekl2  {width: calc(309% + 16px); float:right; margin-top: 11px; position: relative;}
	.zweitekl3kl  {width: calc(314% + 2px); float:right; margin-top: 11px; position: relative;}
	.zweitemi2  {width: calc(202% + 11px); float:right; margin-top: 11px; position: relative;}
	.zweitegr2  {width: calc(150% + 10px); float:right; margin-top: 11px; position: relative;}
	.zweitekl1  {width: calc(309% + 16px); margin-top: 11px; position: relative;}
	.zweitekl1kl  {width: calc(314% + 2px); margin-top: 11px; position: relative;}
	.zweitemi1  {width: calc(202% + 11px); margin-top: 11px; position: relative;}
	.zweitegr1  {width:calc(150% + 10px); margin-top: 11px;}
	.zweitekl2kl  {width: calc(314% + 2px); float:right; margin-top: 11px; position: relative; left: 285px;}
	.zweitesp1  {width: 412%; float:left; margin-top: 11px; margin-left: -3px !important; position: relative;}
	.zweitesp2  {width: 412%; float:left; margin-top: 11px; margin-left: -3px !important; position: relative; left: -208px;}
	.zweitesp3  {width: 412%; float:left; margin-top: 11px; margin-left: -3px !important; position: relative; left: -417px;}
	.zweitesp4  {width: 412%; float:right; margin-top: 11px; margin-right: -3px !important; position: relative;}
	.h3.ersteeb {font-size: 13px;}
}

/* If the screen size is 1000px wide or less */
@media screen and (max-width: 991px) {
	.h2k {font-size: 23px;}
	.h31 {font-size: 16px;}
	.h33 {background-color: transparent;}
	.h4k {font-size: 16px;}
	.mini {font-size: 18px; line-height: 1.3em; background-color: transparent;}
	.hoch {margin-top: -2px !important;}
	.hochspeise {margin-top: -2px !important;}
	.rand {height: 95px; background-color: #454544 !important; color: white; margin: 2px 0px;}
	.weg {display:none;}
	.wegspeise {width: 69px; padding-left: 11px; padding-top: 18px;}					
	.menukl {
		position: absolute;
		top: 44px;
		left: 25px;
		transform: translate(0%, -50%);
		color: white;
		background-color: #454544;
		padding: 0px;
		width: max-content;
		text-align: left;
		line-height: 1.2em;
		max-width: 100%;
	}
	.speisekl {
		top: 44px;
		left: 74px;
	}	
	.speise {
		top: -12px;
		left: 98px;
		background-color: transparent;
		position: relative;
		font-size: 15px !important;
    }
	.ebenezwei {
    background-color: white !important;
    margin-bottom: 0px !important;
    margin-left: -6px  !important;
    margin-right: -6px  !important;
	}
	.centeredzwei {
	top: 14%;
	padding: 9px;
	}
	.centereddrei {
	top: 46px;
	left: 20px;
	transform: none;
	text-align: left;
	display: block;
	}
	.centeredut2 {
	background-color: transparent;
	top: 52%;
	left: 27px;
	transform: none;
	}
	.centeredutoeff {
	position: relative;
	background-color: transparent;
	top: 52%;
	left: 0px;
	transform: none;
	color: #c6466d;
	}
	.mobiloef {display: block;}
	.deskoef {display: none;}
	.abstandkl {padding:0px 16px !important;}
	.textoeffnung {padding: 5px !important;}
	.pfeilkl1, .pfeilmi1, .pfeilgr1, .pfeilkl2, .pfeilmi2, .pfeilgr2, .pfeilkl1kl, .pfeilkl2kl, .pfeilkl3kl, .pfeilkl1kloe, .pfeilkl2kloe, .pfeilkl3kloe, .pfeilkl1oe, .pfeilkl2oe, .pfeilmi1oe, .pfeilgr1oe, .pfeilgr2oe, .pfeilmi2oe {display:none;} 
	.pfeilspeisekl1, .pfeilspeisemi1, .pfeilspeisegr1, .pfeilspeisekl2, .pfeilspeisemi2, .pfeilspeisegr2, .pfeilspeisekl1kl, .pfeilspeisekl2kl, .pfeilspeisekl3kl {display:none;} 
}
/* If the screen size is 1000px wide or less */
@media screen and (max-width: 785px) {
	.h2k {font-size: 21px;}
	.h31 {font-size: 14px;}
	.h4k {font-size: 16px;}
	.mini {font-size: 18px; line-height: 1.3em; background-color: transparent;}
	.hoch {margin-top: -2px !important;}
	.hochspeise {margin-top: -2px !important;}
	.rand {height: 95px; background-color: #454544 !important; color: white; margin: 2px 0px;}
	.weg {display:none;}
	.wegspeise {width: 69px; padding-left: 11px; padding-top: 18px;}
	.menukl {
		position: absolute;
		top: 44px;
		left: 25px;
		transform: translate(0%, -50%);
		color: white;
		background-color: #454544;
		padding: 0px;
		width: max-content;
		text-align: left;
		line-height: 1.2em;
		max-width: 100%;
	}
	.speisekl {
		top: 44px;
		left: 74px;
	}	
	.speise {
		top: -12px;
		left: 98px;
		background-color: transparent;
		position: relative;
    }
	.ebenezwei {
    background-color: white !important;
    margin-bottom: 0px !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
	}
}
/* If the screen size is 600px wide or less */
@media screen and (max-width: 600px) {
	.h2k {font-size: 21px;}
	.h31 {font-size: 14px;}
	.h4k {font-size: 16px;}
	.mini {font-size: 13px; line-height: 1.3em; background-color: transparent;}
	.hoch {margin-top: -2px !important;}
	.hochspeise {margin-top: -2px !important;}
	.rand {height: 95px; background-color: #454544 !important; color: white; margin: 2px 0px;}
	.weg {display:none;}
	.menukl {
		position: absolute;
		top: 44px;
		left: 25px;
		transform: translate(0%, -50%);
		color: white;
		background-color: #454544;
		padding: 0px;
		width: max-content;
		text-align: left;
		line-height: 1.2em;
		max-width: 100%;
	}
	.speisekl {
		top: 44px;
		left: 74px;
	}	
	.speise {
		top: -12px;
		left: 98px;
		background-color: transparent;
		position: relative;
    }
	.ebenezwei {
    background-color: white !important;
    margin-bottom: 0px !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
	}
	.mobiloef {display: block;}
	.deskoef {display: none;}
}