*, ::after, ::before{box-sizing:border-box}
*::selection{background-color:#ce2738;color:#fff}
*::-moz-selection{background-color:#ce2738;color:#fff}
body, html{position:relative;scroll-behavior:smooth;}
html{overflow-x:hidden;background-color:#000;}
*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
noscript{background-color:rgba(255,0,0,0.7);position:fixed;top:0;left:0;width:100%;text-align:center;z-index:1000000;color:#fff;}
a{text-decoration:none;color:#fff;}
a:visited{text-decoration:none;color:#fff;}
body{font-family:"Maven Pro";margin:0;padding:0;font-size:14px;overflow-x:hidden;background-color:#fff;}
textarea{resize:none;}
main h1, main h2, main h3, main h4, main h5, main h6{margin:0;}
main h1, main h3, main h4, main h5{font-family:"Allura";}
header, main h2{text-transform:uppercase;}
main h2, main h3, main h4, footer h1{color:#ce2738;}
main h1{font-size:70px;height:60px;}
main h2{font-size:30px;}
main h3{font-size:29px;}
main h4{font-size:28px;}
main h5{font-size:30px;}
main h6{font-size:18px;margin-bottom:10px !important;}
main p{line-height:26px;}
#maedchenname{position:absolute;top:-9999px;left:-9999px;}
.mobile-menu .content a.active{background:#ce2738;-ms-transition:.25s all ease;-moz-transition:.25s all ease;-webkit-transition:.25s all ease;-o-transition:.25s all ease;transition:.25s all ease;}
.mobile-menu .content a.active:after{-ms-transition:.25s opacity ease;-moz-transition:.25s opacity ease;-webkit-transition:.25s opacity ease;-o-transition:.25s opacity ease;transition:.25s opacity ease;opacity:0;}
.wrapper{width:100%;max-width:1170px;margin:0 auto;}
.wrapper p{width:100%;padding:0;}
.wrapper a{color:#ce2939;}
table{border-spacing:0;}
td{padding:0;}
.company .name, .company .label, .sd, .md, .bd, .offer table{display:none !important;}
header{width:100%;height:25vw;max-height:92px;position:relative;background-color:#000;}
.company .logo{display:block;box-shadow:0 0 10px 0 #000;z-index:1;min-width:120px;width:70%;max-width:220px;height:auto;margin:0 auto;background-color:#fff;padding:5px}
header .dropdown .content{display:none}
.article{text-align:center;}
.toTop{display:none;}
.hl{display:block;border-top:2px solid black;border-bottom:2px solid black;width:70px;height:5px;margin:40px auto 0;}
.company-info{padding:30vw 10px 30vw;text-align:center;background-image:radial-gradient(circle, rgba(245,245,245,0.7), rgba(245,245,245,1) 60%), url("../images/IMG_5874.jpg");background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center bottom}
#Catering-Seite.company-info{background-image:radial-gradient(circle, rgba(245,245,245,0.7), rgba(245,245,245,1) 60%), url("../images/catering-header_1920x521_2.jpg");}
#Kantine-Seite.company-info{background-image:radial-gradient(circle, rgba(245,245,245,0.6), rgba(245,245,245,1) 60%), url("../images/IMG_6473.jpg");}
#Raumvermietung-Seite.company-info{background-image:radial-gradient(circle, rgba(245,245,245,0.6), rgba(245,245,245,1) 60%), url("../images/IMG_5884.jpg");}
#Supperclub-Seite.company-info{background-image:radial-gradient(circle, rgba(245,245,245,0.6), rgba(245,245,245,1) 60%), url("../images/IMG_5884.jpg");}
.company-info h3{margin:50px 0 0;font-size:38px;}
.company-info p{display:block;max-width:724px;margin:0 auto;}
.schedule-print{display:none;}
.menu{position:relative;background-color:#ce2738;color:#fff;padding:20px 30px;font-size:0px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.menu .arrow-container{position:absolute;top:20px;right:10px;}
.menu #week{font-size:12px;display:inline-block;}
.menu .arrow{border:0;outline:0;background-color:transparent;color:inherit;cursor:pointer;font-size:30px;margin:0 10px;}
.menu button.arrow{display:none;}
.menu button.left{visibility:hidden;}
.menu button.right{margin-right:0px;}
.menu .week-days{list-style-type:none;font-size:18px;padding:0;display:table;margin:20px auto 0;}
li.active{border:1px solid #e6e6e6;background-color:#fff;color:#ce2738;}
.menu .week-days li{display:inline-block;padding:10px 12px;cursor:pointer;border:1px hidden;}
.menu .schedule, .menu .broetchen-komplett, .menu .events-komplett{position:relative;height:277px;margin:0 auto;}
.schedule .before, .schedule .after, .broetchen-komplett .before, .broetchen-komplett .after, .events-komplett .before, .events-komplett .after{position:absolute;top:0;right:100%;width:50vw;height:100%;background-color:#ce2738;padding:0 10px;z-index:1 !important;cursor:pointer;text-align:right;}
.events-komplett .before, .events-komplett .after{background-color:#fff;}
.schedule .after, .broetchen-komplett .after, .events-komplett .after{left:100%;right:0;text-align:left;}
.schedule .after i, .schedule .before i, .broetchen-komplett .after i, .broetchen-komplett .before i, .events-komplett .after i, .events-komplett .before i{font-size:30px;line-height:277px;}
.week, .week-container, .broetchen-sortiment, .broetchen-container, .events-sortiment, .events-container {position:relative;height:100%;}
.week.animate, .week-container.animate, .broetchen-sortiment.animate, .broetchen-container.animate, .events-sortiment.animate, .events-container.animate{-ms-transition:.5s transform ease;-webkit-transition:.5s transform ease;-moz-transition:.5s transform ease;-o-transition:.5s transform ease;transition:.5s transform ease;}
.meal,.broetchen,.events{height:100%;width:224px;float:left;margin:0 10px;position:relative;font-size:20px;text-align:center;}
.meal.hidden.broetchen.hidden,.meal.hidden.events.hidden{background-color:#ce2738;}
.meal p,.offer p,.broetchen p,.events p{width:100%;margin:0;padding:0}
.offer p{line-height:normal}
.menu .meal img, .menu .broetchen img, .menu .events img{width:100%;height:100%;}
.menu .img-container{max-width:224px;height:100%;display:block;margin:0 auto;}
.menu .img-container img{display:block;margin:0 auto;}
.menu .img-container .fa-info-circle{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,0.5);padding:5px;border-radius:5px;z-index:1;-ms-transition:.5s all ease;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;}
.menu .info{position:relative;max-height:234px;margin-top:20px;}
.menu .description{visibility:visible;opacity:1;position:absolute;top:0;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background-color:rgba(0,0,0,0.8);height:100%;-ms-transition:.5s all ease;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;border-radius:50%;width:100%;max-width:224px;font-size:1rem;}
.menu .description.active{visibility:visible;opacity:1 !important;}
.menu .description .content{position:relative;vertical-align:middle;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);}
.menu .description .price{font-size:30px;font-weight:700;margin-top:20px;}
.menu .info:hover .description{visibility:visible;opacity:1;}
.speiseplan-download{display:inline-block;border:2px solid white;padding:5px 15px}
.speiseplan-download:hover{background-color:white;color:#ce2738;transition:.4s}
.description > .content > p{line-height:1.2}
.offer{padding:10px;}
.offer .title{text-align:center;}
.deal{position:relative;width:calc(100% - 40px);padding:20px;margin:0 auto;}
.deal img{width:100%;height:auto;}
.deal .info{display:table;text-align:center;width:100%;}
.deal .description{width:75%;display:table-cell;background-color:#e6e6e6;word-break:keep-all;padding:10px 5px;}
.deal .price{width:25%;display:table-cell;vertical-align:middle;background-color:#000;color:#fff;font-size:20px;}
.information{padding:20px 10px 30px;}
.information img{margin-bottom:20px;position:relative;right:10px;width:calc(100% + 20px);height:auto;}
.information h5{font-size:21px;}
.information .hl{margin-top:20px;}
#unser-service, #fruehstuecksservice, #referenzen, #eventlocation{padding:0 15px;text-align:center;}
#unser-service, #eventlocation{background-color:#ce2939;}
#unser-service h3, #unser-service h4, #unser-service p, #eventlocation h3, #eventlocation h4, #eventlocation p{color:white;}
#unser-service p, #fruehstuecksservice p, #referenzen p, #eventlocation p{width:100%;max-width:870px;}
#events{background-color:#fff;text-align:center}
#fruehstuecksservice{background-color:#ce2939;color:#fff;padding:1rem 0;}
#fruehstuecksservice h3{color:#fff;}
#fruehstuecksservice a{color:#fff;font-weight:bold;}
.clear{clear:both;}
#referenzen img{width:100%;max-width:150px;height:auto;}
#stellenanzeigen{background-color:#ce2939;}
#stellenanzeigen, #bewerbung-an{padding:0 15px;text-align:center;}
#stellenanzeigen h3,#stellenanzeigen h4,#stellenanzeigen p{color:white;}
#Impressum{text-align:center;padding:0 15px;}
#Impressum a{color:#ce2939;}
#kantine-speiseplan,#raumvermietung-anfrage,#Supperclub-speiseplan{text-align:center;background-color:rgb(206,39,56);padding:25px 0;}
#raumvermietung-anfrage{background-color:#e6e6e6}
#raumvermietung-anfrage{padding-left:15px;padding-right:15px;}
footer{background-color:#e6e6e6;text-align:center;padding:30px 10px 0;font-size:12px;}
footer h1{font-size:20px;}
footer h2{font-size:14px;font-weight:400;}
footer select{width:calc(100% - 35px);margin:5px 0;border:2px solid #c1c1c1;color:#6a6a6a;padding:10px 15px;font-family:"Maven Pro";font-size:14px;text-transform:none;}
footer select:focus{overflow:none;}
footer input, footer textarea{width:calc(100% - 35px);margin:5px 0;border:2px solid #c1c1c1;color:#6a6a6a;padding:10px 15px;font-family:"Maven Pro";font-size:14px;}
#contact_dse_agree{width:calc(100% - 35px);text-align:left;margin:10px auto}
footer textarea{height:100px;}
footer nav{background-color:#000;margin-top:20px;width:100%;position:relative;padding:10px;color:#fff;}
footer .vl{margin:0 10px;display:inline-block;}
footer h3{margin:20px 0 0;}
footer a{text-decoration:none;color:#fff;cursor:pointer;display:inline-block;}
footer a:visited{text-decoration:none;color:#fff;}
footer .contact{text-transform:none;}
footer .contact a,#dse_link{color:#ce2738;font-family:"Open Sans";}
#footer-menu{padding-left:0;padding-right:0}
::placeholder{color:#6a6a6a;opacity:1;}
:-ms-input-placeholder{color:#6a6a6a;}
::-ms-input-placeholder{color:#6a6a6a;}
.custom-btn{font-family:"Maven Pro";padding:10px 20px !important;display:block;margin-left:auto;margin-right:auto;width:calc(100% - 35px);border:2px solid #c1c1c1;color:#6a6a6a;font-weight:bold;cursor:pointer;background-color:transparent;}
.custom-btn:hover{background-color:#c1c1c1;color:#333;}
.test{display:block;text-align:center;margin-bottom:40px;}
.test p{display:block;}
.custom-btn-error{font-family:"Maven Pro";border:2px solid #c1c1c1;padding:10px 20px;width:auto;color:#6a6a6a !important;font-weight:bold;cursor:pointer;background-color:transparent;}
.custom-btn-error:hover{background-color:#c1c1c1;color:#333;}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-12,.col-sm-6,.col-md-4,.col-lg-3,.col-xl-2{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
#kantine-content{
	padding:10% 15px;
	position:relative;
}
#kantine-carousel{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}
#kantine-carousel .carousel-item{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#kantine-carousel .carousel-item{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	background-attachment:fixed;
}
#kantine-content .kantine-text{
	position:relative;
	z-index:2;
	color:#fff;
}
#trenner{
	background-image:url("../images/IMG_5870.jpg");
	height:86px;
	margin-left:-10px;
	margin-right:-10px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
	background-attachment:fixed;
}

    .btn-catalog-sm {position: fixed;top:2%;left:2%;width:65px; height:auto;z-index:20;}
    .btn-catalog-sm img {width:100%; height:auto;}
.btn-catalog {display:none;}

#anfrage-form{
	width:100%;
	max-width:740px;
	margin:0 auto;
}
#anfrage-form .form-group{
	margin-bottom:10px;
}
#anfrage-form input, #anfrage-form select, #anfrage-form textarea{
	width:100%;
	border:2px solid #c1c1c1;
	color:#6a6a6a;
	padding:10px 15px;
	font-family: "Maven Pro";
	font-size:14px;
}
#anfrage-form .custom-btn{
	background-color:#e6e6e6;
}
#anfrage-form .custom-btn:hover {
    background-color: #c1c1c1;
    color: #333;
}

#shamrockpark{
	padding:2rem 15px;
	text-align:center;
}
#shamrockpark img{
	max-width:200px;
	height:auto;
}

.accordion > div{
	margin-bottom:2rem;
}
.accordion .panel{
	width: 98%;
	width: calc(100% - 20px);
	margin: 0 auto;
	height: 0;
	overflow:hidden;
	color: rgba(0, 0, 0, 0);
	background-color: rgba(255,255,255,.75);
	line-height: 28px;
	padding: 0 20px;
	box-sizing: border-box;
	transition: 0.5s;
}
.accordion label {
	position:relative;
	cursor: pointer;
	background-color: #ce2738;
	display: block;
	padding: 15px;
	width: 100%;
	color: #fff;
	font-weight: 400;
	box-sizing: border-box;
	z-index: 100;
}
.accordion input{
	display: none;
}
.accordion input:checked+label {
	background-color: rgba(0,0,0,.75);
}
  
.accordion input:checked+label:before {
	transition: 0.5s;
}
  
.accordion input:checked~.panel {
	height: auto;
	color: #333;
	font-size: 16px;
	padding: 20px;
	transition: 0.5s;
}
.accordion label:after  { content: " + "; position:absolute; color: white; font-size: 1.6em; top:50%; right:15px; -ms-transform:translateY(-50%); transform:translateY(-50%);}
.accordion input:checked+label:after { content: " – "; color: white; float: right;font-size: 1.6em }

.imbiss-title, .imbiss-preis, .breakfast-title, .breakfast-preis{display:inline-block;font-weight:bold;font-size:16px;border-bottom:1px dotted #000;padding-bottom:.5rem;}
.imbiss-title, .breakfast-title{width:75%;}
.imbiss-preis, .breakfast-preis{width:25%;text-align:right}
.imbiss-desc p{margin-top:0;font-size:12px;}
.breakfast-title{margin-bottom:2rem;}

.single-item{
	border:2px solid #fff;
	border-radius:3px;
	padding-top:55%;
}
.slick-list{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.slick-track{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
}
.slick-image{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.slick-prev, .slick-next{
	z-index:1!important;
}
.slick-prev{
	left:0!important;
}
.slick-next{
	right:0!important;
}
.slick-prev::before, .slick-next::before{
	font-family: "FontAwesome"!important;
	color:#ce2738;
}
.schedule .slick-prev::before, .schedule .slick-next::before{
	color:#fff;
}
.schedule .slick-prev, .broetchen-komplett .slick-prev{
    left:-10px!important;
}
.schedule .slick-next, .broetchen-komplett .slick-next{
    right:-10px!important;
}
.broetchen-komplett .slick-prev, .broetchen-komplett .slick-next{
    top:0;
    height:168px;
    line-height:168px;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.broetchen-komplett .slick-prev::before, .broetchen-komplett .slick-next::before{
    color:#fff;
    line-height:168px;
}
.slick-prev::before{
	content:"\f053";
}
.slick-next::before{
	content:"\f054";
}

#accordion-kantine-speiseplan .panel > table thead{
	display:none;
}
.hidden{
	display:none;
}

#impressionen-supperclub{
	background-color:#ce2738;
}
#impressionen-supperclub h4{
	color:#fff;
	text-align:center;
	padding-top:5rem;
	padding-bottom:5rem;
	margin-top:0;
}
#impressionen-supperclub .masonry{
	line-height: 0;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 0px;
	-webkit-column-gap: 0px;
	column-gap: 0px;
}
#impressionen-supperclub .masonry img{
	width:100%!important;
	height:auto!important;
}

@media only screen and (orientation: landscape) {
    .btn-catalog-sm {top:17%;}
}
@media only screen and (min-width:350px) {
	#trenner{
		background-image:url("../images/header2-lower.jpg");
		height:188px;
	}
}
@media only screen and (min-width:371px){.company-info{padding-top:111px;padding-bottom:111px;}}
@media only screen and (min-width:576px){
	.col-sm-6{
		-ms-flex: 0 0 50%;
		flex:0 0 50%;
		max-width:50%
	}
	#shamrockpark img{
		max-width:400px;
	}
	#impressionen-supperclub .masonry{
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}

/*** Media Queries iPhone X ***/
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPhone 6, 7 & 8 ***/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-device-pixel-ratio : 2) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPhone 6, 7 & 8 Plus ***/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-device-pixel-ratio : 3) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPhone 5 & 5S ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-device-pixel-ratio : 2) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPhone 4, 4S ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (-webkit-device-pixel-ratio : 2) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPhone 2G, 3G, 3GS ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPad 1&2, Mini ***/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPad 3&4, Mini 4, Air 2, Pro 9inch ***/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio : 2) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPad Pro 10 inch ***/
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}

/*** Media Queries iPad Pro 12 inch ***/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) {
	.company-info,#trenner,#kantine-carousel .carousel-item{background-attachment:scroll;}
}