body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
.cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px}
@font-face {
    font-family: 'SF-Grunge-Sans';
    src:url('../../files/fonts/SF-Grunge-Sans.ttf.woff') format('woff'),
        url('../../files/fonts/SF-Grunge-Sans.ttf.svg#SF-Grunge-Sans') format('svg'),
        url('../../files/fonts/SF-Grunge-Sans.ttf.eot'),
        url('../../files/fonts/SF-Grunge-Sans.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

#counter_mbs {
	text-align: center;
	font-size: 40px;
	margin-top: 0px;
	color: #F0861C;
}

.xlcount {
	text-align: center;
	font-size: 30px;
	margin-top: 0px;
	color: #F0861C;
}

.mod_article .ce_text p a.white_link {
	color: #fff;
}

input:focus, textarea:focus, keygen:focus, select:focus {
	outline-offset: -5px;
	background-color: #94c11f;
}

.mb{
	margin-bottom:100px;
}

*{
	padding:0;
	margin:0;
}

.vidload a{
	padding:5px 10px;
	display:table;
	background-color:#94c11f;
	margin-left:50%;
	font-weight:bold;
	transform:translateX(-50%);
}

.noPadd.container{
	padding-left:0px;
	padding-right:0px;
}

body{
	overflow-x:hidden;
	font-family:"Open Sans", "Trebuchet", sans-serif;
}


header li, footer li{
    list-style-type:none;
}


a, em, strong{
    font-size:inherit;
    color:inherit;
}

p, li, option, label{
	font-size:18px;
}

body h1, .h1{
	font-size:70px;
	font-family:'SF-Grunge-Sans', sans-serif;
}

body h2, .h2{
	font-size:55px;
	font-family:'SF-Grunge-Sans', sans-serif;
}

body h3, .h3{
	font-size:45px;
	font-family:'SF-Grunge-Sans', sans-serif;
}

body h4, .h4{
	font-size:30px;
	font-family:'SF-Grunge-Sans', sans-serif;
}



.paddingTop{
    padding-top:50px;
}

.paddingBottom{
    padding-bottom:50px;
}

.centered{
    margin-left:50%;
    transform:translateX(-50%);
}

.floatright{
    float:right !important;
    align-self:flex-end;
}

.ofv{
    overflow:visible !important;
}

.whiteBG{
    background-color:#fff;
}


.flex{
    display:flex;
    flex-wrap:wrap;
}

.flex.reverseRow{
    flex-direction:row-reverse;
}

.flex.reverseCol{
    flex-direction:column-reverse;
}


/* ############################### Menustyles ################################# */

#menucontainer{
	width:100%;
    position:fixed;
    z-index:200;
    height:100px;
    top:0;
	left:0;
    background-color:#fff7e8;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;
}

#menuBox, #menuBox ul, #mSocials{
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-items:center;
	
	font-family:'SF-Grunge-Sans', sans-serif;
}


#mSocials{
	height:50px;
	width:70px;
	margin-top:-30px;
}

#menuBox nav{
	width:calc(100% - 400px);
	margin-top:-20px;
}

#menuBox li{
	
}

#menuBox a, #menuBox strong{
	color:#000 !important;
	text-decoration:none;
	font-size:36px;
}

#menuBox .aktie a, #menuBox .aktie strong{
	color:#F0861C !important;
	text-decoration:none;
	font-size:36px;
}

#menuBox li strong.active, #menuBox li a:hover, #menuBox a.trail span{
    color:#94c11f !important;
}


#mobilLogo{
	margin-top:-15px;
	background-color:transparent;
	
	width:200px;
	height:100px;
	
	
    background-image:url(../../files/img/logo-gn.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;

    position:relative;
}

#mobilLogo::after{

	background-color:inherit;
	transform:skewY(5deg);
	z-index:0;
	width:100%;
	bottom:-15px;
	display:block;
	height:25px;
	position:absolute;

}


#menutrigger{
    width:60px;
    height:60px;
    background-color:#172e3d;

    background-image:url(../../files/img/openM.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;

    cursor:pointer;
    float: right;
    right:0;
    margin-right: 15px;
    z-index:3;

    position:absolute;
    top:20px;
}





/* ############################### Footerstyles ################################# */

#footercontainer{
	width:100%;
	
	background-image:url(../../files/img/footerBG.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    padding-top:100px;
}

#innerFooter{
	padding-top:25px;
	padding-bottom:25px;
	display:flex;
	flex-wrap:wrap;
	flex-directioN:column;
	justify-content:center;
	align-items:center;
	text-align:center;
	
	color:#fff;
	font-size:20px;
	
	text-shadow: 0 0 30px rgba(0,0,0,0.5);
}

footer *, footer *:hover{
	font-size:20px;
	color:#3a3a3a !important;
	overflow:visible !important;
}

.fs{
	margin-top:-20px;
}

.fs img{
	max-height:30px;
	width:auto;
}

.fNav ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-left:0;
}

#footerNav li{
	
}


.wettbewerbText a, .wettbewerbText a:hover{
	color:#fff !important;
}





/* ############################### Styles ################################# */


.ce_gallery ul{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:center;
	padding:5px 5px 5px 5px;
}

.ce_gallery .cols_2 li{
	max-width:49%;
	width:49%;

}

.ce_gallery .cols_3 li{
	max-width:32%;
	width:32%;

}

.ce_gallery .cols_4 li{
	max-width:24%;
	width:24%;

}


.ce_gallery a{
	width:100%;
	height:100%;
	display:flex;
	align-items:flex-start;
}

.ce_gallery li{
	transform-origin:center center;
	transition-duration:0.2s;
	display:flex;
	align-items:flex-start;
	padding:10px;
	
}

.ce_gallery li:hover figure{
	box-shadow:0 3px 3px rgba(0,0,0,0.3);
	transition-duration:0.2s;
}

.ce_gallery li figure{
	background-color:#fff;
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
	display:flex;
	align-items:flex-start;
	padding:10px 10px 40px 10px;
	flex-direction:column;
	position:relative;
}

.ce_gallery figcaption {
	width:100%;
	color:#000;
	font-family:'Open Sans', sans-serif;
	font-size:16px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	padding:10px;
}

.image_container figcaption{
	width:100%;
	color:#000;
	font-family:'Open Sans', sans-serif;
	font-size:12px;

}


.flowfood.bott{
	bottom:0;
	top:unset;
	transform:translateY(-30%) scale(1.3) !important;
}




.pagination{
	margin-bottom:25px;
	display:flex;
	justify-content:center;
	margin-top:30px;
}
.pagination ul{
	display:flex;
	flex-wrap:wrap;
	list-style-type:none;
}

.pagination li{
	padding:5px 10px;
	margin-right:2px;
	border:0px solid #ddd;
}

.pagination > p{
	padding:5px 5px;
	width:140px;
	display:none;
}

.pagination li *, .pagination li a:hover{
	color:#333;
	text-decoration:none;
}

.pagination .active{
	font-weight:bolder;
	background-color: #9de0ff;
	color:#fff;
	padding:15px 15px 10px 15px;
}






.headerbild{
	max-height:800px;
	overflow:hidden;
	display:none;
}

.headerbild figure{
	width:100%;
	max-height:800px;
	height:100%;
	object-fit:cover;
	object-position:center center;
	margin:0;
}

.headerbild figure img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}




.downarrow{
	width:80px;
	height:80px;
	margin-left:50%;
	transform:translate(-50%, -50%);
	position:relative;
	margin-top:-100px;
	z-index:10;
	cursor:pointer;
}







.foodBG{
	background-image:url(../../files/img/foodBG.png);
    background-repeat:repeat;
    background-position:center center;
    background-size:auto;
    position:relative;
    z-index:0;
}


.starttext h1, .headingback h1{
	margin-bottom:30px;
    overflow:visible;
}

.starttext p{
	padding-left:70px;
	padding-right:80px;
}


.starttext a, .starttext a:hover{
	color:#fff !important;
	text-decoration:none;
	padding:5px 15px;

	position:relative;
	z-index:1;
	margin-top:20px;
	transform:translateY(15px);

	font-size:20px;
	letter-spacing:2px;
	transition-duration:0.2s;
}


.starttext a::before{
	content:"";
	position:absolute;
	z-index:-1;
	width:150%;
	display:table;
	height:150%;
	background-color:#e62822;
	left:-35%;
	top:-25%;
	bottom:-25%;
	right:-20%;
	transform: perspective(400px) rotateY(-45deg);
	transition-duration:0.2s;
}


.ninjas{
	transform-origin:center center;
	transform:scale(1.3);
}





.flowfood{
	position:absolute;
	right:50%;
	transform:translateX(50%) translateY(-30%);
}

.flowfood figure img{
	max-height:250px;
	width:auto;
}

.flowfood.left{
	left:18% !important;
	right:auto !important;
	transform:translateX(50%);
}

.flowfood.right{
	right:20% !important;
	left:auto !important;
	transform:translateY(-40%);
}

.flowfood.bot{
	bottom:0px;
	right:30%;
	transform:translateX(-50%) translateY(-10%);
}


.flowfood.rosi{
	right:40%;
	transform:translateX(50%) translateY(-40%);
	max-height:unset !important;
}

.flowfood.rosi img{
	max-height:unset;
}



.bluewave{
	background-image:url(../../files/img/bluewave.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100% ;
    position:relative;
    z-index:0;
    padding-top:130px;
    padding-bottom:250px;
}

.bluewave{
	color:#fff;
}


#new{
	margin-top:-100px;
}

#new .heading h2{
	font-size:60px;
}


.terminKachel{
	font-family:'SF-Grunge-Sans', sans-serif;
	position:relative;
	overflow:visible;
}

.terminKachel figure{
	border-radius:300px;
	overflow:hidden;
	
}

.terminKachel p a{
	text-align:center;
	font-size:20px;
	position:relative;
	padding:0px 20px 10px;
	color:#fff !important;
	z-index:2;
	text-decoration:none;
	transition-duration:0.2s;
	
	font-family:"Open Sans", sans-serif;
}

.terminKachel h2{
	margin-bottom:20px;
	margin-top:-10px;
}

.terminKachel p a:hover::after, .starttext a:hover::before, button.sender:hover::before{
	transform:none !important;
	transition-duration:0.2s;
}

.terminKachel.first p a::after, .terminKachel.sec p a::after, .terminKachel.last p a::after{
	content:"";
	position:absolute;
	z-index:-1;
	width:150%;
	display:table;
	height:150%;
	background-color:#e62822;
	left:-20%;
	top:-25%;
	bottom:-25%;
	right:-20%;
	transform: perspective(400px) rotateY(25deg);
	transition-duration:0.2s;
}

.terminKachel.sec p a::after{
	transform: perspective(400px) rotateY(-40deg);
	left:-30%;
}

.terminKachel.last p a::after{
	transform: perspective(400px) rotateX(-25deg);
}




.unsbubble{
	overflow:visible;
}

.unsbubble.right{
	margin-left: calc(100%);
	transform: translateX(-100%);
	margin-top:-150px;
}

.unsbubble figure{
	border-radius:100%;
	overflow:hidden;
}

.unsbubble figcaption{
	text-align:center;
	font-family:'SF-Grunge-Sans', sans-serif;
	font-size:60px !important;
}


.unsbubble figure img{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
}

.lesstop{
	margin-top:-150px;
	margin-left:100px;
}



.container-full{
	position:relative;
}






.zweige{
	position:relative;
}

.zweige::before, .zweige::after{
	content:"";
	width:70px;
	height:120px;
	
	background-image:url(../../files/img/zweig-links.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    
    position:absolute;
    top:0;
    transform:translateY(110%);
    left:7%;
}

.zweige::after{
	background-image:url(../../files/img/zweig-rechts.png);
	left:unset;
	right:9%;
	top:unset;
	bottom:0;
	transform:translateY(-20%);
	width:100px;
	height:150px;
}



.foodlist li{
	margin-bottom:20px;
	list-style-type:none;
}





.flowfood.kori{
	right:30%;
	top:0;
	transform:translateX(30%) translateY(-30%);
	z-index:5;
}

.flowfood.kori img{
	max-height:unset;
	
}




.purpleBG{
	background-image:url(../../files/img/purple-back.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100% ;
    position:relative;
    z-index:0;
    padding-top:180px;
    padding-bottom:250px;
    
}

.purpleBG_aktie{
	background-image:url(../../files/img/purple-back_aktie.png);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100% ;
    position:relative;
    z-index:0;
    padding-top:0px;
    padding-bottom:20px;
    
}

.purpleBG h2, .purpleBG h3, .ce_form .submit{
	color:#fff;
}

#kf{
	position:relative;
	z-index:6;
	align-items:center;
}



.mod_article .ce_text p a{
	color:#94c11f;
}

.white_link a {
	color:#fff;
}

.ce_form ::placeholder, .checkgroup label, .dse *, .sender{
	font-size:20px;
	opacity:1;
	color:#000;
}

.checkgroup span{
	white-space:nowrap;

}

.innerHeading{
	margin-top:25px;
	margin-bottom:20px;
}


input.formfield, textarea.formfield, select.formfield{
	width:100%;
	padding:15px;
	border:none;
	margin-bottom:15px;
}

.widget.formfield.anzahl{
	max-width:calc(40% - 10px);
	width:100%;
}

.widget.formfield.einrichtung{
	max-width:calc(60% - 10px);
	width:100%;
}

.ce_form{
	padding-bottom:25px;
	overflow:visible;
}

.formbody{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	overflow:visible;
}

.widget.checkgroup{
	width:100%;
}

.widget.formfield.half{
	width:100%;
	max-width:calc(50% - 10px);
}


.widget.full.formfield, .widget-textarea.formfield{
	width:100%;
}

.sender{
	overflow:visible;
}

.dse *{
	font-size:20px !important;
}

.dse input, .checkgroup input{
	width:25px;
	height:25px;
	border-radius:0px;
	
}

button.sender, .dlinfo a, .dlinfo a:hover{
	border:none;
	position:relative;
	background-color:#e62822;
	padding:0px 20px 10px;
	font-size:20px;
	margin-right:25px;
	margin-top:20px;
	color:#fff !important;
}

button.sender::before, .dlinfo a::before{
	content:"";
	position:absolute;
	z-index:-1;
	width:150%;
	display:table;
	height:130%;
	background-color:#e62822;
	left:-25%;
	top:-25%;
	bottom:-25%;
	right:-20%;
	transform: perspective(400px) rotateY(-25deg);
	transition-duration:0.2s;
}


.checkgroup span{
	margin-right:15px;
	position:relative;
}






#el .event::after{
	content:"FÄLLT WEGEN CORONA-PANDEMIE LEIDER AUS";
	color:#fff;
	background-color:rgba(255,0,0,0.5);
	padding:3px 10px;
	text-align:center;
	position:absolute;
	z-index:2;
	width:100%;
	display:block;
	left:0;
	top:50%;
	transform:translateY(-50%);
}

.mod_calendar .event{
	overflow:hidden !important;
}
.mod_calendar .event::after{
	content:"";
	color:#fff;
	background-color:rgba(255,0,0,0.5);
	padding:3px 10px;
	text-align:center;
	position:absolute;
	z-index:2;
	width:600px;
	transform-origin:center center;
	display:block;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%) rotate(30deg);
}

.ex_mod_calendar::after{
	content:"EVENTS FALLEN WEGEN CORONA-PANDEMIE LEIDER AUS";
	color:#fff;
	background-color:rgba(255,0,0,0.5);
	padding:3px 10px;
	text-align:center;
	position:relative;
	z-index:2;
	font-size:14px;
	transform-origin:center center;
	display:block;
	left:0%;
	bottom:0%;
}






#el{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:stretch;
}

#el > h1, #el .pagination{
	width:100%;
	text-align:center;
	margin-bottom:25px;
}

#el .event time{
	display:none;
}

#el .event *{
	color:inherit;
	font-family:'SF-Grunge-Sans', sans-serif;
	font-size:25px;
}

#el .event h2, #el .event h2 *{
	font-size:45px;
}

#el .event{
	width:calc(33% - 20px);
	margin-right:10px;
	margin-left:10px;
	margin-top:30px;
	margin-bottom:50px;
	
	padding:20px;
	position:relative;
}


#el .event::before{
	content:"";
	position:absolute;
	z-index:-1;
	width: 103%;
	display: table;
	height: 115%;
	background-color:#9de0ff;
	left: 3%;
	top: -10%;
	bottom: -10%;
	right: -10%;
	transform: perspective(400px) rotateY(10deg);
	transition-duration: 0.2s;
}


#el .event:nth-child(3)::before{
	content:"";
	position:absolute;
	z-index:-1;
	width: 103%;
	display: table;
	height: 115%;
	background-color:#9de0ff;
	left: -5%;
	top: -10%;
	bottom: -10%;
	right: -10%;
	transform: perspective(400px) rotateY(-10deg);
	transition-duration: 0.2s;
}


#el .event .header{
	margin-bottom:50px;
}





.greenBG{
	background-image:url(../../files/img/green-back.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100% ;
    position:relative;
    z-index:0;
    padding-top:180px;
    padding-bottom:250px;
    
}

.greenBG h2, .greenBG h3, .orangeBG h2, .orangeBG h3{
	color:#fff;
}


.flowfood.minzo, .flowfood.minzo img{
	max-height:unset !important;
}

.flowfood.minzo{
	transform:translateX(100%) translateY(-70%);
}







.calendar{
	width:100%;
}

.calendar thead tr:nth-child(2) th, .calendar td{
	width:14%;
	box-shadow:inset 0 0 3px 1px rgba(0,0,0,0.1);
	height:100px;
	background-color:#a395f0;
	vertical-align:baseline;
	text-align:center;
}

.calendar thead tr:nth-child(1) th{
	text-align:center;
	padding:10px;
	vertical-align:middle;
	font-family:'SF-Grunge-Sans', sans-serif;
}

.calendar th a, .calendar th a:hover{
	font-family:'SF-Grunge-Sans', sans-serif;
	font-size:25px;
	color:#000 !important;
	text-decoration:none;
}

.calendar thead tr:nth-child(2) th{
	height:unset;
	background-color:#f6f6f6;
}

.calendar td{
	vertical-align:baseline !important;
	position:relative;
	font-size:12px;
	text-transform:uppercase;
	color:#fff !important;
}

.calendar .head a, .calendar .head a:hover, .calendar .head a:active{
	color:#25416c;
}

.calendar .head.current{
	font-size:40px;
	color:#fff;
	font-family:'SF-Grunge-Sans', sans-serif;
}

.calendar a, .calendar a:hover{
	color:#fff;
	width:100%;
}

.calendar td .event{
	position:relative;
	z-index:1;
	border-radius:unset !important;
	text-align:center;
	line-height:1.05;
	padding:3px;
}

.calendar td .header{
	position:absolute;
	z-index:0;
	width:100%;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-weight:900;
	font-size:50px;
	opacity:0.5;
	font-family:'SF-Grunge-Sans', sans-serif;
}

.calendar .today{
	background-color:rgba(148, 193, 31, 0.5);
}

.calendar .weekend{
	background-color:#d6d6d6;
}

.calendar td .upcoming, .calendar td .current{
	background-color:#fad600;
	margin-bottom:3px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	text-align:center !important;
}

.calendar .bygone{
	background-color:#d1e2a8;
	margin-bottom:3px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);
	border-right:1px solid transparent;
	border-left:1px solid transparent;
}





.wettbewerbBild{
	transform: perspective(400px) rotateX(-7deg);
	margin-bottom:15px;
}

.wettbewerbText{
	margin-bottom:25px;
}


.widget.uploader{
	width:100%;
}

input.uploader{
	background-color:#fff;

}



.orangeBG{
	background-image:url(../../files/img/orange-back.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% 100% ;
    position:relative;
    z-index:0;
    padding-top:180px;
    padding-bottom:250px;
    
}




.zweigHeading h2{
	position:relative;
	display:table;
	margin-left:50%;
	transform:translateX(-50%);
	overflow:visible;
}

.zweigHeading h2::after{
	content:"";
	width:70px;
	height:120px;
	background-image:url(../../files/img/zweig-rechts.png);
	display:table;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	transform: rotateZ(30deg) translate(100%, -100px);
	position:absolute;
	top:0;
	right:0;
}

.zweigHeading h2::before{
	content:"";
	width:70px;
	height:120px;
	background-image:url(../../files/img/zweig-links.png);
	display:table;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	transform: rotateZ(-30deg) translate(-100%, -100px);
	position:absolute;
	top:0;
	left:0;
}


.winner{
	background-color:#fff;
	font-family:'SF-Grunge-Sans', sans-serif;
	padding:20px 20px !important;
	position:relative;
	overflow:visible;
	max-width:calc(33% - 15px) !important;
	margin-right:15px;
}

.winner p{
	font-size:30px;
}

.winner::before{
	content:"";
	position:absolute;
	z-index:-1;
	width: 103%;
	display: table;
	height: 115%;
	background-color:#fff;
	left: -5%;
	top: -10%;
	bottom: -10%;
	right: -10%;
	transform: perspective(400px) rotateY(-10deg);
	transition-duration: 0.2s;
}


.winner:nth-child(2)::before{
	content:"";
	position:absolute;
	z-index:-1;
	width: 103%;
	display: table;
	height: 115%;
	background-color:#fff;
	left: 3%;
	top: -10%;
	bottom: -10%;
	right: -10%;
	transform: perspective(400px) rotateY(10deg);
	transition-duration: 0.2s;
}



.headervid{
	width:100%;
	height:100%;
	max-height:87VH;
}


.headervid video{
	width:100%;
	height:100%;
	min-width:unset;
	max-width:unset;
	min-height:unset;
	max-height:unset;
	object-fit:cover;
	object-position:center center;
	
	pointer-events:none;
}

.headervid::after{
	content:"";
	width:100%;
	height:calc(100% - 0px);
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-image:url(../../files/img/point.png);
	background-size:3px 3px;
	
	pointer-events:none;
}



.noheader #container{
	padding-top:130px;
}

.imp p strong{
	font-family:'SF-Grunge-Sans', sans-serif;
	font-size:30px;
}


p.back a, p.back a:hover{
	position:relative;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	padding:0px 15px 10px 15px;
}

p.back{
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
}

p.back a::before{
	content:"";
	position:absolute;
	z-index:-1;
	width:150%;
	display:table;
	height:130%;
	background-color:#e62822;
	left:-25%;
	top:-25%;
	bottom:-25%;
	right:-20%;
	transform: perspective(400px) rotateY(-25deg);
	transition-duration:0.2s;
}










/* ############################### media_flex viewport ################################# */




@media (max-width:1199px){
	
	#innerFooter div{
		max-width:unset;
		flex:unset;
		width:100%;
	}
	
	#new .flowfood.right{
		right:30px !important;
		transform:none;
	}
	
	.starttext p{
		padding:initial;
	}
	
	.ninjas{
		transform:none;
	}
	
	.headervid::after{
		height:calc(100% - 5px);
	}
	
}





@media (max-width:1199px){
	
	#menucontainer{
		border-radius:0;
	}
	
	#menutrigger{
		display:table !important;
		background-color:#94c11f;
	}
	
	#menuBox{
		width:100%;
		max-width:unset;
		justify-content:flex-end;
	}
	
	#mobilLogo{
		z-index:3;
		position: absolute;
		left: 15px;
		top: 15px;
	}
	
	#menuBox nav{
		margin-top:-150VH;
		width:100% !important;
		position:absolute;
		top:100px;
		padding-top:55px;
		padding-bottom:50px;
		left:0;
		background-color:rgba(255,255,255,0.85);
	}
	
	#menuBox nav ul{
		flex-direction:column;
		width:100%;
		align-items:center;
	}
	
	#mSocials{
		margin-top:10px;
		margin-right:100px;
	}
	
	.headerbereich{
		margin-top:99px;
	}
	
	
	div.starttext, div.ninjas, .wettbewerbBild, .wettbewerbText{
		max-width:unset !important;
		width:100% !important;
		flex:unset !important;
		transform:none;
	}
	
	.wettbewerbBild img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:unset;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	.zweige::before, .zweige::after{
		content:unset;
	}
	
	div.flowfood.rosi{
		right:10%;
		transform: translateX(50%) translateY(-50%);
	}
	
	.purpleBG, .greenBG, .orangeBG, .bluewave{
		background-size: auto 100%;
	}
	
	.smvid iframe{
		width:100%;
		max-height:400px !important;
	}
}










@media (max-width:768px){
	
	.terminKachel, .unsbubble, .winner{
		max-width:unset !important;
		width:100% !important;
		flex:unset !important;
		transform:none;
		
		margin-bottom:50px;
	}
	
	div.centered{
		margin:unset;
		transform:unset;
	}
	
	.imdn{
		display:none !important;
	}
	
	.unsbubble img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:unset;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	.unsbubble.right{
		margin-top:unset !important;
		transform:none !important;
		margin-left:unset;
	}
	
	.terminKachel figure{
		transform: scale(0.8);
	}
	
	#new .flowfood, .fische, .bot{
		display:none;
	}
	
	.lesstop, #new{
		margin:unset;
	}
	
	.ninjas{
		margin-top:30px;
	}
	
	
	.formfield, .dse, .widget-submit{
		width:100%;
		max-width:unset !important;
	}
	
	button.sender{
		margin-left:50%;
		transform:translateX(-50%);
	}
	
	
	#el{
		flex-direction:column;
		align-items:stretch;
	}
	
	#el .event{
		max-width:unset !important;
		width:100% !important;
		flex:unset;
	}
	
	
	
	.calendar tr{
		display:flex;
		flex-direction:column;
		width:100% !important;
		max-width:unset;
		
	}
	
	.calendar tbody tr{
		padding-left:40px;
	}
	
	.calendar thead tr:nth-child(1){
		flex-direction:row !important;
		justify-content:space-between;
		align-items:center;
		text-align:center;
		padding-left:40px;
	}
	
	.calendar thead tr:nth-child(1) th.next, .calendar thead tr:nth-child(1) th.previous{
		width:50px;
		font-size:0px;
		color:transparent;
	}
	
	.calendar thead tr:nth-child(1) th.next *, .calendar thead tr:nth-child(1) th.previous *{
		font-size:0px;
		color:transparent;
	}
	
	.calendar thead tr:nth-child(1) th.next a,.calendar thead tr:nth-child(1) th.previous a{
		width:40px;
		height:40px;
		display:table;
		background-image:url(../../files/img/arrow-next.png);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		
	}
	
	.calendar thead tr:nth-child(1) th.previous a{
		background-image:url(../../files/img/arrow-prev.png);
	}
	
	
	.calendar thead tr:nth-child(2) , .calendar td.empty{
		display:none;
	}
	
	.calendar tbody td{
		width:100% !important;
		min-height:50px;
		position:relative;
	}

	
	.calendar tbody tr td::before{
		position:absolute;
		top:0;
		left:-39px;
		color:#000;
		top:50%;
		transform:translateY(-50%);
		font-size:20px;
		font-weight:bold;
		vertical-align:middle;
	}
	
	.calendar tbody tr .weekend::before{
		content:"Sa";
	}
	
	.calendar tbody tr .weekend.col_last::before{
		content:"So";
	}
	
	.calendar tbody tr .days:nth-child(1)::before{
		content:"Mo";
	}
	
	.calendar tbody tr .days:nth-child(2)::before{
		content:"Di";
	}
	
	.calendar tbody tr .days:nth-child(3)::before{
		content:"Mi";
	}
	
	.calendar tbody tr .days:nth-child(4)::before{
		content:"Do";
	}
	
	.calendar tbody tr .days:nth-child(5)::before{
		content:"Fr";
	}
	
	.headervid::after{
		background-size:1px 1px;
		content:unset !important;
	}
	
	.headervid{
		min-height:300px;
		max-height:unset;
		
	}
	
	.headervid video{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:300px;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	.headerbereich{
		display:none;
	}
	
	.headerbild{
		display:block !important;
		margin-top:99px;
		min-height:300px;
	}
	
	.headerbild figure, .headerbild img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:300px !important;
		max-height:unset;
		object-fit:cover;
		object-position:center center;
	}
	
	.smvid iframe{
		width:100%;
		max-height:300px !important;
	}
	
	
	.pg li{
		width:100% !important;
		max-width:100% !important;
		flex:unset;
	}
	
	#article-36 .bluewave{
		padding:100px 15px 30px 15px !important;
	}
	
}








@media (max-width:550px){
	
	#mobilLogo{
		width:120px;
		height:100px;
		background-position: center 15px;
	}
	
	#innerFooter .ce_image img{
		max-width:280px;
		height:auto;
	}
	
	body #container h1{
		font-size:45px;
	}
	
	body #container h2{
		font-size:35px;
	}
	
	body #container h3{
		font-size:28px;
	}
	
	.bluewave, .purpleBG, .orangeBG, .greenBG{
		padding:50px 15px 30px 15px !important;
	}
	
	#new h2{
		text-align:center;
	}
	
	footer *, footer *:hover{
		font-size:30px;
	}
	
	.kori{
		transform: translateX(30%) translateY(-50%)  scale(0.8) !important;
	}
	
	.checkgroup span{
		width:100%;
		display:block;
		margin-right:unset;
		margin-bottom:5px;
	}
	
	.ce_form h3{
		font-size:35px !important;
	}
	
	
	#el .event::before, #el .event::after{
		content:unset !important;
	}
	
	#el .event{
		background-color:#81deff;
		margin-bottom:10px;
	}
	
	.heading h2{
		text-align:center;
		font-size:40px !important;
	}
	
	#wettbewerb .kori{
		display:none;
	}
	
	#wettbewerb .purpleBG{
		padding-top:50px !important;
	}
	
	.zweigHeading h2 {
	    width:100%;
	    display: block;
	    margin-left: unset !important;
	    transform: none !important;
	    overflow: visible;
	}
	
	.zweigHeading{
		padding-bottom:10px !important;
	}
	
	.zweigHeading h2::before, .zweigHeading h2::after , .winner::after, .winner::before{
	    content:unset !important;
	}
	
	.dse *{
		text-align:center;
	}
	
	#kf{
		padding:0px;
	}
	
	.calendar tbody td{
		height:40px;
	}
	
	.smvid iframe{
		width:100%;
		height:250px !important;
		max-height:unset !important;
		min-height:unset !important;
		display:table;
	}
	
	.mm{
		display:none;
	}
	
	body footer *, body footer *:hover{
		font-size:16px;
	}
	
}



.cookiebar{
	z-index:333333333333333;
	background-color:rgba(0,0,0,0.7);
}


.sp strong{
	color:#fff;
	background-color:#81deff;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
}

.sp-rosi{
	position:absolute;
	right:8vw;
	transform:translateY(-50%);
}

.mini img{
	max-height:350px !important;
	width:auto;
}



.smvid {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	margin-bottom:15px;
}

.col-md-12.smvid iframe{
	width:100%;
	height:640px;
	border:1px solid #000;
	
}

.col-md-3.smvid iframe{
	width:100%;
	height:auto;
	max-width:100%;
}


.dlinfo a, .dlinfo a:hover{
	display:table;
	margin-left:50%;
	transform:translateX(-50%);
	min-width:300px;
	text-decoration:none;
	font-size:20px;
}

div.dlinfo a::before{
	width:110% !important;
	left:-15%;
	height:120% !important;
	top:-15%;
}



div.orangelink.ce_text p a{
	color:#ea8d2d;
}



div.wimjob{
	bottom:300px !important;
}




div.wimpel{
	position:fixed;
	z-index:2000;
	padding:15px;
	overflow:visible;
	right:0;
	bottom:30px;
	color:#94c11f !important;
	line-height:1.2;
}

.wimpel strong{
	font-size:30px;
	color:#94c11f !important;
}

.wimpel strong *{
	font-size:inherit;
}


.wimpel a, .wimpel a:hover, .wimpel sup{
	text-decoration:none;
	color:#94c11f !important;
}

.wimpel p{
	box-shadow:0 0px 5px rgba(0,0,0,0.4);
	margin:0;
	display:table;
	padding:20px 20px;
	position:relative;
	z-index:1;
	background-color:#fff;overflow:visible;
	border-radius:15px;
	color:#94c11f !important;
	line-height:1.2;
	text-align:center;
}

.wimpel p::before{
	content:"";
	width:25px;
	height:25px;
	border-right:15px solid #fff;
	border-bottom:15px solid #fff;
	position:absolute;
	right:-10px;
	top:15px;
	transform:rotateZ(-45deg);
	z-index:-1;
	box-shadow:3px 3px 3px rgba(0,0,0,0.15);
}

.wimpel figure{
	display:none;
}

@media (max-width:991px){
	
	.wimpel figure{
		display:block;
		width:50px;
		height:100px;
		position:absolute;
		top:50%;
		left:0;
		transform:translate(-100%, -50%);
		cursor:pointer;
	}
	
	.wimpel img{
		width:100%;
		height:100%;
		min-width:unset;
		max-width:unset;
		min-height:unset;
		max-height:unset;
		object-fit:contain;
		object-position:center center;
		
		filter:drop-shadow(0 0 5px rgba(0,0,0,0.25));
	}
	
	.wimpel.nichtda{
		transform:translateX(calc(100% - 10px));
		transition:all 0.3s ease;
	}
	
	.wimpel.da{
		transform:translateX(unset);
		transition:all 0.3s ease;
	}
	
	
	div.shareBtn, div.shareBtn p, div.shareBtn a{
		margin-top:10px;
		width:100%;
		margin-bottom:15px;
	}
}






.shareBtn a, .shareBtn a:hover{
	float:right;
	color:#fff !important;
	background-color:red;
	padding:15px 40px;
	font-weight:bolder;
	font-family: 'SF-Grunge-Sans', sans-serif;
	font-size:40px;
	display:flex;
	align-items:center;
	text-decoration:none;
}

.shareBtn a img{
	margin-left:15px;
}

.shareBtn{
	overflow:visible;
}

.shareBtn{
	transform:skew(-8deg);
	overflow:visible;
}

.shareBtn img{
	transform:skew(8deg);

}