.main-logo { position: relative; }
.main-logo .ml-content { background: var(--red) url(/images/top-logo-bg.jpg) no-repeat top left; background-size: auto 100%; height: 49px; line-height: 49px; border-bottom: 1px solid #FFF; /* display: block; */ }
.main-logo .logo { display: inline-block; vertical-align: bottom; max-width: 50%; height: auto; max-height: 46px; line-height: 49px;  }
.main-logo .burger { float: right; font-size: 2em; color: #FFF; line-height: 49px; margin-right: 10px;  }
.main-logo .hotline { display: none; }
.main-logo .hotline a { color: #FFF; }
.main-logo .hotline.min-show { display: block; background-color: var(--green); color: #FFF; line-height: 1em; font-size: 1em; padding: 5px; }
.main-logo .hotline.min-show span { display: block; font-weight: bold; margin-bottom: 5px; }

.main-logo .main-menu { background-color: var(--green); color: #FFF; display: none; position: absolute; top: 100%; left: 0; z-index: 999999; border-top: 1px solid #FFF; }
.main-logo .main-menu a { color: #FFF; font-weight: bold; display: block; padding: 20px 10px; box-sizing: border-box; font-style: italic; font-size: 1.2em; }
.main-logo .main-menu a.active, .main-logo .main-menu a:hover { background-color: var(--lightyellow); color: #000; }

.main-logo .main-menu .social-icos { display: none; float: right; width: auto; height: 100%; }
.main-logo .main-menu .social-icos a, .main-logo .hotline.min-show .social-icos a { padding: 0; display: inline-block; margin: 0 5px; vertical-align: middle; }
.main-logo .main-menu .social-icos a img, .main-logo .hotline.min-show .social-icos a img { vertical-align: middle; width: 20px; }
.main-logo .main-menu .social-icos a:hover { background-color: unset; }

.main-logo .hotline.min-show .social-icos { display: block; margin-top: 10px; }
.main-logo .hotline.min-show .social-icos a { margin: 0 10px 0 0; }

.main-logo .main-menu .social-icos span, .main-logo .hotline.min-show .social-icos span.counter { display: inline-block; margin: 0; vertical-align: middle; font-style: italic; }
.main-logo .main-menu .social-icos span { margin: 0 10px; font-weight: bold; }

.main-logo .top-detail { background-color: var(--red); }
.main-logo .top-detail .table .col { padding: 3px 10px; color: #FFF; font-size: 1.2em; text-align: left; font-style: italic; vertical-align: middle; }
.main-logo .top-detail .table .col:last-child { text-align: right; }
.main-logo .top-detail .table .col marquee { margin-top: 3px; }

/* 
.banner .top-banner { background-color: var(--green); color: #FFF; }
.banner .top-banner .col { padding: 3px 0; }
.banner .top-banner a { color: #FFF; }
.banner .top-banner .phone { font-size: 1.2em; }

.banner .b-content { background-color: var(--grey); }
.banner .b-content [class^="col-sm"] { text-align: left; }
.banner .b-content .col:last-child { text-align: left; }
.banner .b-content .image { text-align: right; position: relative; }
.banner .b-content .image img { position: absolute; top: 0; right: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.banner .b-content p { margin: 0.5em 0; } */
.banner img { width: 100%; height: auto; }

.page-content { background-color: #FFF; line-height: 1.3em; }

.page-content .food-menu { position: relative; }
.page-content .food-menu .col { text-align: left; }
.page-content .food-menu .fm-list { padding: 0 0 50px; background-color: var(--lightyellow); position: absolute; top: 0; left: -100%; z-index: 999000;  }
.page-content .food-menu .fm-list .fm-list-title { font-weight: bold; font-size: 1.2em; margin-top: 10px; padding: 5px 20px; color: var(--red); position:relative; }
.page-content .food-menu .fm-list .fm-list-title:after { display: inline-block; content: "Speisekarte"; position: absolute; top: 0; left: 100%; background-color: var(--green); color: #FFF; font-weight: bold; font-size: 1em; padding: 5px 10px 5px 60px; background: var(--green) url(/images/right-arrow.gif) no-repeat 5px; background-size: auto 80%; }
.page-content .food-menu .fm-list .fm-list-title.hidden:after { display: none; }
.page-content .food-menu .fm-list .fm-list-title i { display: inline-block; float: right; font-size: 1.2em; }
.page-content .food-menu .fm-list ul { list-style-type: none; padding: 0; margin: 0; }
.page-content .food-menu .fm-list ul li a { display: block; background-color: var(--grey); padding: 3px 0 3px 20px; color: var(--red); font-weight: bold; box-sizing: border-box; }
.page-content .food-menu .fm-list ul li ul li a { background-color: unset; color: #000; font-weight: normal; padding: 0; padding-left: 20px; }
.page-content .food-menu .fm-list ul li ul li.active a, .page-content .food-menu .fm-list ul li ul li:hover a { background-color: var(--green); }
.page-content .food-menu .fm-list ul li a .new { background-color: var(--green); color: #FFF; border-radius: 100%; display: inline-block; padding: 3px 5px; margin-left: 10px; margin-top: -5px; font-size: 0.8em; font-weight: bold; vertical-align: middle; }
.page-content .food-menu .fm-list ul li a .new:before { content: "Neu"; }

.page-content .food-menu .fm-content { padding: 50px 10px 30px; }

.footer { position: sticky; position: -webkit-sticky; top: 100%; }
.footer .boundary { background: #FFF url(/images/footer-bg.jpg) repeat-x bottom left; background-size: auto 100%; }
.footer a { color: #FFF; }
.footer strong { font-style: italic; margin-right: 30px; font-size: 1.2em; }
.footer .col { text-align: left; color: #FFF; padding: 20px; line-height: 1.2em; }
.footer .col:first-child { font-style: italic; padding-bottom: 0; }

@media screen and (min-width: 768px){
	.main-logo .ml-content { height: 60px; line-height: 60px; }
	.main-logo .logo { max-height: 46px; line-height: 60px; margin-left: 20px; }
	.main-logo .burger { display: none; }
	.main-logo .hotline { display: block; float: right; color: #FFF; text-align: right; line-height: 1.2em; margin: 10px; }
	.main-logo .hotline.min-show { display: none; }
	.main-logo .hotline span { display: block; font-weight: bold;  font-size: 1.2em; }
	
	.main-logo .main-menu { display: block !important; position: relative !important; top: unset; left: unset; z-index: unset; padding-left: 20px; border-top: 0; }
	.main-logo .main-menu a { display: inline-block; padding: 5px 20px; }
	
	.main-logo .main-menu .social-icos { display: inline-block; line-height: 1.5em; }
	
	/* 
	.banner .top-banner { background-color: var(--red); }
	.banner .top-banner .col { padding: 5px 10px; vertical-align: middle; }
	.banner .top-banner .phone { text-align: left; }
	.banner .top-banner .col:last-child { text-align: right; } */
	
	.page-content .food-menu .fm-content { padding: 50px 30px; }
	
	.footer .col { text-align: right; }
	.footer .col:first-child { text-align: left; }
}

@media screen and (min-width: 992px){
	
	.page-content .food-menu .fm-list, .page-content .food-menu .fm-list .fm-list-title  { position: relative; left: unset !important; top: unset !important; }
	.page-content .food-menu .fm-list .fm-list-title { background-color: unset; padding: 20px 20px 5px; font-size: 1.5em; }
	.page-content .food-menu .fm-list .fm-list-title:after, .page-content .food-menu .fm-list .fm-list-title i { display: none; }
	
}


@media screen and (min-width: 1200px){
	body { background: url(/images/bg.jpg) repeat-y top left; background-size: 100%; }
	
	.main-logo .ml-content { height: 106px; line-height: 106px; }
	.main-logo .logo { max-height: 82px; }
	.main-logo .hotline { margin: 30px; line-height: 1.2em; }
	.main-logo .hotline span { font-size: 1.2em; font-weight: bold; margin-right: 10px; }
	
	.main-logo .logo { width: auto; }
	/* 
	.banner .b-content { font-size: 2em; } */
}