*{
	padding:0;
	margin:0;
	line-height:1.2;
}

@font-face {
    font-family: 'Krona-One';
    src:url('../fonts/Krona-One.ttf.woff') format('woff'),
        url('../fonts/Krona-One.ttf.svg#Krona-One') format('svg'),
        url('../fonts/Krona-One.ttf.eot'),
        url('../fonts/Krona-One.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Basis Grotesque Pro';
    font-style: normal;
    font-weight: normal;
    src: local('Basis Grotesque Pro'), url('../fonts/BasisGrotesquePro-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Basis Grotesque Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Basis Grotesque Pro Bold'), url('../fonts/BasisGrotesquePro-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Basis Grotesque Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Basis Grotesque Pro Light'), url('../fonts/BasisGrotesquePro-Light.woff') format('woff');
    }


.cookiebar{
	z-index:200000000000000;
	background-color:rgba(0,0,0,0.7);
}


strong{
	font-size:inherit;
	font-family: 'Basis Grotesque Pro Bold', sans-serif;
}

.textOnly{
	overflow:visible;
}

.mod_article{
	position:relative;
}


.aife{
	align-items:flex-end;
}


div#popup{
	width:600px;
	max-width:calc(100% - 50px);
	height:auto;
	max-height:80VH;
	position:fixed;
	left:50vw;
	top:45VH;
	transform:translate(-50%, -50%);
	background-color:#fff;
	padding:30px;
	padding-top:40px;
	border-radius:10px;
	box-shadow:0 10px 12px rgba(0,0,0,0.45);
	margin:0;
	z-index:300;
	hyphens:none !important;
	overflow-y:auto;
}

#popup.snow > .ce_image{
	position:relative;
}

#popup.snow > .ce_image::after{
	position:absolute;
	content:"";
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center top;
	background-image:url(../img/snow.gif);
	mix-blend-mode: lighten;
}

div#popcloser{
	background-color:#1447b0;
	color:#fff !important;
	width:40px;
	height:40px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:30px;
	position:absolute;
	right:0;
	top:0;
	border-bottom-left-radius:50%;
	cursor:pointer;
}

#popcloser span{
	transform:rotateZ(45deg);
	color:inherit;
}

#popup .ce_text > h3{
	color:#1447b0 !important;
	font-weight:bold;
}

#popup .ce_text{
	width:100%;
}

#popup .ce_image figure{
	margin-bottom:0;
}

#popup *{
	hyphens:none !important;
}


body{
	overflow-x:hidden;
	font-family: 'Basis Grotesque Pro', sans-serif;
	color:#d70926;
	transition:all 0.2s ease-out;
	hyphens:auto;
}


p, a, li, option, label, td, tr, .redLink a{
	font-size:18px;
	font-family: 'Basis Grotesque Pro', sans-serif;
	color:#d70926;
}

a, strong{
	font-size:inherit;
}

body h1, body h1 *, body h2, body h2 *, body h3, body h3 *, body h4, body h4 *{
	font-family:"Krona-One", sans-serif !important;
	color:#d70926;
	line-height:1.4;
	margin-top:0;
	letter-spacing:0;
}

body h1, h1, .h1{
	font-size:56px;
	line-height:1;
	margin-bottom:25px;
}

body h2, h2, .h2{
	font-size:42px;
	line-height:1;
	margin-bottom:20px;
}

body h3, h3, .h3{
	font-size:32px;
	line-height:1;
	margin-bottom:20px;
}

body h4, .h4{
	font-size:24px;
	line-height:1;
	margin-bottom:15px;
}



.paddingTop{
    padding-top:50px;
}

.paddingDoubleTop{
    padding-top:100px;
}


.paddingBottom{
    padding-bottom:50px;
}

.centered{
    margin-left:50%;
    transform:translateX(-50%);
}

.ofv{
    overflow:visible !important;
}

.whiteBG{
	background-color:#fff;
}

.flex{
	display:flex;
	flex-wrap:wrap;

}

.middle{
	align-items:center;
}

.stretch{
	align-items:stretch;
}

.jcsb{
	justify-content:space-between;
}




/* ############################### Menustyles ################################# */

#menucontainer{
	width:100%;
	position:absolute;
	z-index:10;
	top:calc(100VH - 100px);
	left:0;
	padding:0px;
	background-color:#fff;
}

body.noheader #menucontainer{
	top:0 !important;
	position:fixed;
}

body.noheader #container{
	padding-top:150px;
}

#menuBox ul.level_2{
	width:100%;
}

div#menuBox ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;

	width:100%;
	list-style-type:none;
	position:relative;
}


#menuBox *{
	overflow:visible;
}


nav#menuBox{
	height:100px;
	display:flex;
	align-items:center;
}


#menuBox li > *{
	padding:12px 22px;

	border-radius:30px;
	text-decoration:none;
}



#menuBox li > a{
	color:#d70926;
	font-size:18px;
	cursor:pointer;
}

#menuBox ul.level_1 li{
	border-bottom:1px solid rgba(255,255,255,0.3) !important;
}

body #menuBox ul.level_1 li.last{
	border-bottom:0 !important;
}


#menuBox li > a *{
	cursor:pointer;
}

#menuBox li.active > strong{
	color:#fff;
	background-color:#d70926;
	box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);
}


#menuBox li a:hover, #menuBox li a:focus, #menuBox li a:active, #menuBox li > strong, #menuBox .level_1 > li.trail > *{
	color:#fff;
	background-color:#d70926;
	box-shadow:inset 0 2px 3px rgba(0,0,0,0.2);
}

#menuBox li strong.active, #menuBox li strong.forward{
	font-weight:normal;

}

#mobilLogo{

	position:absolute;
	z-index:200;
	right:2vw;
	top:2vw;

    background-image:url(../img/logo-w.png);
	background-size:contain;
	background-position:center top;
	background-repeat:no-repeat;
	
	width:300px;
	height:150px;
	
	filter:brightness(100);
}


#menuBox li{
	position:relative;
}

body #menuBox .level_2 li{
	padding-top:10px;
	padding-bottom:10px;
}

body #menuBox .level_2{
	padding-top:0px !important;
	
}

body #menuBox ul.level_3{
	padding-bottom:5px;
}

#menutrigger{
    
}


#menuBox li.loginpage{
	width:35px;
	height:25px;
	display:flex;
	align-items:center;
	justify-content:center;
	
}

#menuBox li.loginpage a{
	border:0 !important;
	width:100%;
	height:100%;
	display:table;
	font-size:0;
	object-fit:contain;
	object-position:center center;
	padding:0;
	
	background-image:url(../img/lock.png);
	background-size:70% auto;
	background-position:center center;
	background-repeat:no-repeat;
}

#menuBox li.loginpage a:hover, #menuBox li.loginpage a:focus, #menuBox li.loginpage a:active{
	background-color:transparent;
	border:0;
	box-shadow:none;
}



/* ############################### Footerstyles ################################# */

#footercontainer{
	width:100%;
	padding:50px 20px 55px;
	color:#d70926;
}

footer{

	overflow: hidden;
	position: relative;
	z-index: 6;
}



#innerFooter a, #innerFooter a:hover, #innerFooter a:focus, #innerFooter a:active{
	color:#d70926;
}


#innerFooter *{
	line-height:1.7;
}


.fc li img{
	width:25px;
	height:25px;
	display:inline-block;
	margin-right:5px;
}



#innerFooter{
	padding:0 !important;
	background-color: #fff;
	line-height:1.5;
}

#innerFooter .footersocials ul{
	list-style-type:none;
	display:flex;
	flex-direction:row;
	justify-content:center;
}

#innerFooter .footersocials ul li{
	margin-left:5px;
}


#innerFooter .footercontact ul li{
	list-style-type:none;
	
}



footer#footer{
	padding:8px;
}

#footerNav li{
	
}








/* ############################### Styles ################################# */


div.headercon{
	width:100%;
	height:100VH;
}

.headerbild, #headerslider, .slideText{
	height:calc(100VH - 100px);
	width:100%;
}

div.slideText, .rsts-slide > div{
	display:flex;
	align-items:center;
}

.slideText{
	padding:5vw;
	max-width:50%;
}

.rsts-slide .slideImage{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	margin:0;
	z-index:-2;
	overflow:hidden
}

.rsts-slide .slideImage figure{
	width:100%;
	height:100%;
	margin:0;
}

.rsts-slide .slideImage img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
	mix-blend-mode:multiply;
}


.rsts-slide .slideImage figure{
	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-image:url(../img/slideroverlay.png);

}


.slideText figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}






.slideText h1{
	font-size:2.5vw;
	margin-bottom:50px;
}

body #container .slideText h1 strong, .redBG h1 strong, .redBG h2 strong, .redBG h3 strong, .redBG h4 strong, .redBG h4 strong, .redarea h4 strong, .redarea h3 strong, .redarea h2 strong, .redarea h1 strong{

	color: transparent !important;
        -webkit-text-stroke: 0.015em #fff !important;
		text-stroke: 0.015em #fff !important;

}

#container h1 strong, #container h2 strong, #container h3 strong, #container h4 strong, body div.trennertext .textOnly::before{
	-webkit-text-stroke: 0.015em #d70926;
		text-stroke: 0.015em #d70926;
}

@supports((text-stroke: 0.03em #d70926) or (-webkit-text-stroke: 0.03em #d70926)) {
    h1 strong, h2 strong, h3 strong, h4 strong, div.trennertext .textOnly::before{
        color: transparent !important;
        -webkit-text-stroke: 0.015em #d70926;
		text-stroke: 0.015em #d70926;
        text-shadow: none;
    }
}

@supports((text-stroke: 0.03em #fff) or (-webkit-text-stroke: 0.03em #fff)) {
    body #container .slideText h1 strong {
        color: transparent !important;
        -webkit-text-stroke: 0.015em #fff;
		text-stroke: 0.0153em #fff;
        text-shadow: none;
    }
}


.slideText h3{
	font-family: 'Basis Grotesque Pro', sans-serif !important;
}

.slideText *{
	color:#fff !important;
}


.slideText .textOnly p a, #newsletter p a, .ausstellerInfo p a, .locationInfo p a{
	display:inline-flex;
	margin-top:30px;
	padding:12px 22px;
	border:1px solid #fff;
	border-radius:30px;
	color:#fff !important;
	text-decoration:none;
}

.locationInfo p a{
	color:#d70926 !important;
	background-color:transparent;
	border-color:#d70926;
}

.locationInfo p a:hover{
	color:#fff !important;
	background-color:#d70926 !important;
	border:1px solid #d70926;
}

.locationInfo figure{
	margin-bottom:20px;
}


.slideText .textOnly p a:hover, #newsletter p a:hover, .ausstellerInfo p a:hover, .whitelink p a:hover{
	background-color:#fff;
	color:#d70926 !important;
}



#headerslider .rsts-nav li a.active{
	box-shadow:1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff;
	background-color:#fff;
	border:5px solid transparent;
	width:25px;
	height:25px;
}

#headerslider .rsts-nav li a{
	box-shadow:none;
	background-color:#fff;
	width:15px;
	height:15px;
}

#headerslider .rsts-nav li{
	display:flex;
	align-items:center;
	justify-content:center;
	width:35px;
	height:35px;
}

#headerslider .rsts-nav ul{
	display:flex;
	justify-content:flex-end;

}
#headerslider .rsts-nav{
	margin-bottom:50px;
}

#headerslider .rsts-nav .rsts-nav-next, #headerslider .rsts-nav .rsts-nav-prev{
	display:none;
}




#container .ce_text ul{
	padding-left:0px;
	padding-top:10px;
	padding-bottom:20px;
}

#container .ce_text li{
	list-style-type:none;
	margin-bottom:10px;
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	padding-left:35px;
	position:relative;
}

#container .ce_text li::before{
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:0;
	
	background-image:url(../img/bullet.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	
	transform:translate(0px, 4px);
	margin-right:0px;
	display:inline-block;
}







div.fixed{
	position:fixed !important;
	top:0 !important;
	
}


.kreis{
	border-right:1px solid rgba(0,0,0,0.1);
}

.kreis:last-child{
	border-right:0px solid rgba(0,0,0,0.1);
}


.kreis h2{
	font-family: 'Basis Grotesque Pro Bold', sans-serif !important;
	font-size:50px;
}

.grayBG{
	background-color:#e9eae8;
}




.trennerbild{
	transform:translateY(-80px);
}

.trennerbild.lefttop{
	transform:translateY(80px);
	margin-left:auto;
	margin-right:0;
	left:auto;
	right:0;
	float:right;
}

div.trennertext h2{
	margin-bottom:0;
}

div.trennertext.rightbottom{
	left:auto;
	right:0;
	top:auto;
	bottom:0;
	transform:translate(0,50px);
}

div.trennertext.lefttop{
	left:0;
	top:0;
	transform:translate(0,-50px);
}

.trenner{
	margin-top:100px;
	margin-bottom:100px;
}

.trenner > .container{
	position:relative;
}

div.trennertext{
	position:absolute;
	z-index:2;
	overflow:visible;
}

div.trennertext .textOnly{
	background-color:#fff;
	border-radius:30px;
	padding:25px 30px 25px 80px;
	box-shadow:0 5px 7px rgba(0,0,0,0.2);
	position:relative;
	
}

div.trennertext .textOnly::before{
	content:'“';
	font-family:"Krona-One", sans-serif !important;
	position:absolute;
	left:10px;
	top:20px;
	font-size:90px;
}

div.trennertext .textOnly *{
	font-size:34px;
	line-height:1.2;
}


.redBG{
	background-color:#d70926;
}

.redBG *{
	color:#fff !important;
}



footer ul{
	list-style:none;
}








/* ################################ LEIPZIG ################################## */

body #menuBox ul.level_2{
	transform:translateY(12px);
	border-top:0px solid #fff !important;
}

#menuBox .level_3{
	transform:translateY(10px);

}

#container .kreis h2 *{
	font-family: 'Basis Grotesque Pro Bold', sans-serif !important;
font-size: 50px;
}

#container .kreis h2 em{
	font-style:normal;
}

header #menuBox .level_3 *{
	background-color:unset !important;
}

#menuBox .level_2, header #menuBox .level_3{
	display:none;
	position:absolute;
	background-color:#d70926 !important;
	width:auto;
	padding:10px 0 10px 0;
	left:0;
	min-width:250px;
	box-shadow:0 3px 4px rgba(0,0,0,0.2) !important;
}

#menuBox .level_2 li{
	padding:5px 22px;
}

#menuBox .level_1 > li.trail:hover > * + .level_2, #menuBox .level_1 > li.submenu:hover > * + .level_2{
	display:block !important;
}

#menuBox .level_1 > li.submenu:hover > *{
	border-radius:22px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

#menuBox .level_2 > li.trail:hover > * + .level_3, #menuBox .level_2 > li.submenu:hover > * + .level_3{
	display:block !important;
}


#menuBox .level_2 *{
	box-shadow:none !important;
	padding-left:0;
	text-align:left;
	justify-content:flex-start;
	background-color:transparent !important;
}

#menuBox .level_1 a.submenu::after, #menuBox .level_1 strong.submenu::after{
	content:"\276F";
	font-size:10px;
	margin-left:7px;
	transform:rotate(90deg) translateY(-4px) translateX(-50%);
	transform-origin:center center;
	display:inline-flex;
}

#menuBox .level_2 *, #menuBox .level_2{
	border:0 !important;
	border-radius:0 !important;
	color:#fff !important;
}

#menuBox *{
	overflow:visible;
}



div.redarea .textOnly{
	background-color:#d70926;
	border-radius:30px;
	padding:20px 25px;
	display:table;
	width:100%;
}

div.redarea *, div.redinfos *{
	color:#fff !important;
}

.redarea li::before, .redBG li::before, .redinfos ul li::before{
	filter:brightness(100);
}

.redarea ul li, .redinfos li{
	margin-bottom:15px !important;
}

div.redinfos{
	background-color:#d70926;
	border-radius:30px;
	padding:20px 25px;
}


div .np{
	padding-left:0 !important;
	padding-right:0 !important;
}


.hinweistext p{
	font-size:12px;
}


.slick-dots{
	display:flex;
	width:100%;
	justify-content:center;
	list-style:none;
	padding:0 10px 10px;
}

.slick-dots li{
	margin:3px;
}

.slick-dots li > *{
	margin:3px;
	display:inline-block;
	font-size:0;
	background-color:#d70926;
	box-shadow:none;
	border:0;
	border-radius:50%;

	width:11px;
	height:11px;
}

.slick-dots li.slick-active > *{
	box-shadow:1px 0 0 #d70926, 0 1px 0 #d70926, -1px 0 0 #d70926, 0 -1px 0 #d70926;
	width:16px;
	height:16px;
	border:3px solid #fff;
}


.slick-slider figure a{
	width:100%;
	display:inline-block;
}


.slick-slider figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}



.stretch .ce_text .textOnly{
	height:100%;
}

#trenner_1{
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
}


#sponsoringpakete .redarea.whitelink p:last-child{
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
}

.ausstellerInfo .textOnly{
	padding-bottom:70px;
}

.ausstellerInfo p:last-child{
	position:absolute;
	bottom:0px;
	left:25px;
	width:100%;
}

#sponsoringpakete .redarea.whitelink .textOnly{
	padding-bottom:70px;
}



.whitelink p a, .dl-link a, .redLink p a, .whitelink p a{
	display:inline-flex;
	margin-top:30px;
	padding:12px 22px;
	border:1px solid #fff;
	border-radius:30px;
	color:#fff !important;
	text-decoration:none;
}

.dl-link a, .redLink p a{
	border:1px solid #d70926;
	color:#d70926 !important;
	text-decoration:none !important;
}

div .dl-link a:hover, .redLink p a:hover{
	border:1px solid #d70926;
	background-color:#d70926;
	color:#fff !important;
}



.textlink p a{
	color:inherit;
	font-weight:900;
	font-weight:bold;
	font-family: 'Basis Grotesque Pro Bold', sans-serif;
}





.ce_gallery ul{
	display:flex;
	width:100%;
	flex-wrap:wrap;
	justify-content:flex-start;
	padding:0;
}

.ce_gallery figure{
	margin:0;
	width:100%;
	height:100%;
}

.ce_gallery figure img{
	object-fit:cover;
	object-position:center center;
	width:100%;
	height:100%;
}

.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 li{
	transform-origin:center center;
	transition-duration:0.2s;
	margin-right:1%;
	margin-bottom:1%;
}

@media (max-width:991px){

	.ce_gallery .cols_2 li, .ce_gallery .cols_3 li,.ce_gallery .cols_4 li{
		max-width:49%;
		width:49%;
	}

	.ce_gallery figure{
		text-align:center;
	}
}
@media (max-width:550px){
	
	.ce_gallery ul li, .ce_gallery .cols_3 li,.ce_gallery .cols_4 li{
		max-width:100%;
		width:100%;
	}
	
}





.mediatable table{
	width:100% !important;
}

.mediatable td{
	padding:5px;
	border:1px solid rgba(0,0,0,0.1);
	vertical-align:top;
}

.mediatable tr{
	border:1px solid rgba(0,0,0,0.1);
}

table a:hover, table a{
	color:inherit;
	font-weight:bolder;
}



.redBG .redarea .textOnly{
	background-color:#fff;
}


.redBG .redarea *{
	color:#d70926 !important;
}


#kf .formbody{
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
}

#kf .widget input.text, #kf .widget textarea, #kf .widget fieldset{
	width:100%;
	
}

#kf input::placeholder{
	color:#fff !important;
	opacity:1 !important;
}

#kf .widget input.text, #kf .widget textarea{
	background-color:transparent;
	border:1px solid #fff;
	box-shadow:0;
	border-radius:30px;
	padding:15px;
}

#kf .widget textarea{
	border:1px solid #fff;
	box-shadow:0;
	border-radius:30px;
	background-color:#fff;
	color:#d70926 !important;
	min-height:200px;
}


#kf div.widget{
	margin-bottom:30px;
}

#kf textarea{
	height:100%;
}

#kf .widget.betreff{
	padding-left:15px;
}

#kf .widget.betreff > div{
	margin-top:50px;
	width:100%;
}


#kf .widget-checkbox span{
	display:flex;
	align-items:baseline;
	position:relative;
}

#kf .widget-checkbox label{
	font-size:16px;
}

#kf .widget-checkbox{
	padding:0;
}

#kf span label::before{
	content:"";
	width:20px;
	height:20px;
	background-color:transparent;
	display:block;
	position:absolute;
	left:-10px;
	top:8px;
	z-index:0;
	border:1px solid #fff;
	border-radius:50%;
}

#kf span input[type=checkbox]:checked + label::before{
	content:"";
	background-image:url(../img/check-symbol.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 75%;
}

#kf span input[type=checkbox]{
	width:20px;
	height:20px;
	opacity:0;
	cursor:pointer;
}


#kf button.sender{
	color:#fff;
	padding:12px 25px;
	border-radius:30px;
	border:1px solid #fff;
	background-color:transparent !important;
	width:auto !important;
	margin-left:0;
	transform:translateY(-25%);
}

#kf button.sender:hover, div.redBG .redLink p a:hover{
	background-color:#fff !important;
	color:#d70926 !important;
}

.redBG .redLink p a{
	color:#fff !important;
}


.maparea{
	position:relative;
	overflow:visible;
	display:block;
}

.maparea .ce_text{
	position:absolute;
	right:0;
	top:0;
}


.mapchange iframe{
	margin-left:auto;
	margin-right:0;
	float:right;
}

.mapchange .ce_text{
	left:0;
	right:auto;
}



.partnerlogos > div{
	min-height:80px;
	margin-bottom:15px;
}


#jlist{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
}

#jlist > .layout_latest{
	margin-bottom:50px;
	width:100%;
	max-width:45%;
}

#jlist .pagination{
	width:100%;
}


#jlist > .layout_latest > h2, #jlist > .layout_latest > h2 *{
	font-size:24px;
}

#jlist > .layout_latest .more{
	padding-top:15px;
}

#jlist > .layout_latest .more a, #nla button, #loginform button{
	display:inline-flex;
	padding:12px 22px;
	border:1px solid #d70926;
	border-radius:30px;
	color:#d70926 !important;
	text-decoration:none;
	font-size:0;
	position:relative;
}

#jlist > .layout_latest .more a::after{
	content:"Mehr erfahren";
	font-size:18px !important;
}


#jlist > .layout_latest .more a:hover{
	background-color:#d70926 !important;
	color:#fff !important;
}



.pagination > p{
	display:none;
}

.pagination ul{
	padding:0px;
	display:flex;
	list-style:none;
	align-items:stretch;
	justify-content:center;
}

.pagination li > *{
	padding:8px;
	min-width:35px;
	height:35px;
	background-color:#f6f6f6;
	color:#d70926;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #fff;
}

.pagination li .active, #nla button, #container #loginbochum button.submit:hover, #container #loginleipzig button.submit:hover, #container #loginform button.submit:hover{
	background-color:#d70926 !important;
	color:#fff !important;
}


#loginform button.submit{
	background-color:#fff !important;
}


#menuBox li.active.loginpage > *{
	font-size:0;
}

#menuBox li.active.loginpage > strong{
	background-repeat:no-repeat;
	background-size:auto 55%;
	background-position:center center;
	background-image:url(../img/lock-w.png);
	display:block;
	height:45px;
	min-width:45px;
	max-width:45px;
	padding:0;
}


#nla input, #loginform input{
	padding:12px 22px;
	border:1px solid #d70926;
	border-radius:30px;
	color:#d70926;
	width:100%;
}

#nla, #loginform .formbody{
	max-width:400px;
}

#nla.nlk{
	width:600px;
	max-width:100%;
	margin-left:50%;
	transform:translateX(-50%);
	text-align:center;
}

#nla .widget-submit, #loginform .widget-submit{
	padding-top:20px;
	display:flex;
	justify-content:center;
}

#loginform .login_info + .widget-submit{
	justify-content:flex-end;
}


#nla button, #loginform button{
	font-size:16px !important;
}





#loginform .widget label{
	display:none;
}

#loginform .widget{
	margin-bottom:20px;
}


.loginpage #container .ce_text p a{
	white-space:nowrap;
}

.loginpage #mobilLogo{
	display:none;
}




.innermenulink figure{
	border-radius:20px;
	margin-bottom:15px;
	width:100%;
	overflow:hidden;
}

.innermenulink figure img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center center;
}

.innermenulink{
	text-align:center;
	margin-bottom:50px;
	position:relative;
}

.innermenulink *{
	color:#d70926 !important;
	font-weight:bold;
}

.innermenulink a::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
}




#loginbochum button.submit, #loginleipzig button.submit{
	display:inline-flex;
	margin-top:5px;
	padding:12px 22px;
	border-radius:30px;
	text-decoration:none;
	border:1px solid #d70926;
	color:#d70926 !important;
	text-decoration:none !important;
	background-color:transparent;
	float:right;
}

.noheader header #mobilLogo{
	display:none;
}


.mod_login p.login_info{
	position:relative;
	text-align:right;
	display:none;
}

.mod_login p.login_info .opener{
	width:20px;
	height:20px;
	padding:5px;
	display:flex;
	align-items:center;
	justify-content:center;
	
}

.mod_login p.login_info .extrainfo{
	font-size:14px;
	color:#333;
	display:none;
	background-color:#fff;
	max-width:200px;
	padding:12px;
	position:absolute;
	z-index:3;
	top:0;
	right:0;
}

.backer, .loginpage .backer{
	display:none;
}

.intern .backer{
	display:block;
}

body.intern #menuBox li.loginpage{
	display:none;
}

a.backer{
	position:fixed;
	z-index:20;
	left:0;
	top:120px;
	background-color:#d70926;
	color:#fff !important;
	text-decoration:none !important;
	padding:10px;
	cursor:pointer;
	font-size:18px;
}


.logbtns ul{
	width:100%;
	display:flex;
	align-items:stretch;
	list-style:none;
}

.logbtns li::before{
	display:none !important;
}

.logbtns li{
	flex-direction:column;
	width:100%;
	max-width:50%;
	padding:30px;
	align-items:center !important;
	border:2px solid #d70926;
	border-radius:30px;
	margin:15px;
}

.logbtns li *{
	text-decoration:none !important;
	color:inherit !important;
	hyphens:manual;
	white-space:nowrap;
}

.logbtns li:hover, div.moreImg:hover{
	background-color:#d70926;
}

.logbtns li:hover *, div.moreImg:hover{
	color:#fff !important;
}

.logbtns li a::after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:5;
}

.ce_gallery li{
	list-style:none !important;
}

p.confirm{
	color:#4ef542;
}


div.moreImg{
	cursor:pointer;
	margin-left:50%;
	transform:translateX(-50%);
	width:50px;
	height:50px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:12px 22px;
	color:#fff;
	text-decoration:none;
	border-radius:50%;
	background-color:#d70926;
	text-align:center;
	margin-top:40px;
	margin-bottom:50px;
}

div.moreImg span{
	transform: scale(2.8) translateY(-9%);

	transform-origin:center center;
	display:flex;
	align-items:center;
	justify-content:center;

	overflow:visible;
}



div.serv{
	margin-bottom:50px;
}


div .container, div .col-md-3, div .col-md-4, div .col-md-5, div .col-md-6, div .col-md-7, div .col-md-8, div .col-md-9, div .col-md-10{
	padding-left:25px;
	padding-right:25px;
} 

div#kf{
	width:100%;
}



#container .col-md-8.padRight{
	padding-right:18.666% !important;
}

















@media (max-width:1399px){
	
	#headerslider, #headerslider *, div.headercon{
		max-height:600px;
	}
	
	div#menucontainer{
		top:0 !important;
		position:fixed !important;
	}
	
	body #container{
		padding-top:100px;
	}
	
	a#mobilLogo{
		top:130px;
		width:200px;
	}
	
}





@media (max-width:1024px){
	
	#headerslider, #headerslider *, div.headercon{
		max-height:500px;
	}
	
	#headerslider *{
		font-size:24px;
	}
	
	#headerslider p a{
		font-size:16px;
	}

	
	#container .mod_article .col-md-4, #container .mod_article .col-md-5, #container .mod_article .col-md-7, #container .mod_article .col-md-8, #container .mod_article .col-md-3{
		width:100%;
		max-width:50%;
		float:left;
	}
	
	
	body h1, h1, .h1{
		font-size:34px;

	}
	
	body h2, h2, .h2{
		font-size:28px;

	}
	
	body h3, h3, .h3{
		font-size:24px;

	}
	
	body h4, .h4{
		font-size:20px;

	}
	
	
	div .container, div .col-md-3, div .col-md-4, div .col-md-5, div .col-md-6, div .col-md-7, div .col-md-8, div .col-md-9, div .col-md-10{
		padding-left:15px;
		padding-right:15px;
		
	} 
	
	
	#container div.ausstellerInfo.col-md-4, #container .locationInfo.col-md-4{
		max-width:33.3%;
	}
	
	
	body div#menucontainer{
		height:70px;
		box-shadow:0 3px 4px rgba(0,0,0,0.1);
	}
	
	body div#menuBox{
		position:absolute;
		left:0;
		top:70px;
		margin-top:-200vh;
		opacity:0;
		width:100%;
		max-width:100%;
		background-color:#fff;
		height:auto;
		display:block;
		padding:15px;
		padding-bottom:25px;
	}
	
	body div#menuBox ul, nav#menuBox{
		display:block;
		height:auto;
	}
	
	
	body #container{
		padding-top:70px;
	}
	
	div#menutrigger{
		display:block !important;
		width:40px;
		height:40px;
		position:absolute;
		right:15px;
		top:15px;
		cursor:pointer;
		
		background-repeat:no-repeat;
		background-size:auto 85%;
		background-position:center center;
		background-image:url(../img/openM.png);
	}
	
	a#mobilLogo{
		top:10px;
		width:50px;
		height:50px;
		left:15px;
		right:auto;
		position:fixed;
		z-index:201;
		background-image:url(../img/mLogo.jpg);
		filter:none !important;
	}
	
	
	header #menuBox ul *{
		border:0 !important;
		padding:0;
		background-color:transparent !important;
		font-size:18px !important;
		box-shadow:none !important;
		color:#d70926 !important;
		background-image:none !important;
		display:block !important;
		position:relative !important;
	}
	
	 #menuBox ul li, #menuBox ul{
	 	padding:5px 5px 10px 0 !important;
	 	box-shadow:none !important;
	 }
	 
	 header #menuBox ul.level_2, header #menuBox ul.level_3{
	 	box-shadow:none !important;
	 	padding-left:10px !important;
	 	padding-bottom:10px !important;
	 	background-color:rgba(0,0,0,0.06) !important;
	 }
	 
	 header div#menuBox ul.level_1 li.loginpage, header div#menuBox ul.level_1 li.loginpage strong{
	 	width:100% !important;
	 	max-width:100%;
	 	padding-top:10px !important;
	 }
	 
	 div#menuBox li.submenu, div#menuBox li.submenu > *{
	 	width:auto;
	 }
	 
	div#menuBox li.submenu > a{
		display:flex !important;
		align-items:baseline;
	}
	
	div#menuBox ul.level_1 > li{
		padding-top:20px !important;
		color:#d70926 !important;
	}
	
	header #menuBox ul.level_2 *, header #menuBox ul.level_3 *{
		color:#d70926 !important;
	}
	
	body iframe{
		width:100%;
		max-width:100% !important;
	}
	
	div.maparea .ce_text{
		left:auto !important;
		right:0 !important;
	}
	
	.loginpage #mobilLogo {
	    display: block;
	}
	
	footer #innerFooter .col-md-3{
		width:100%;
		max-width:50% !important;
		margin-bottom:40px;
	}
	
	body .centered{
		margin-left:0;
		transform:none;
	}
	
	body .kreis{
		border:0px !important;
		margin-bottom:30px;
	}
	
	
	nav#menuBox{
		height:100%;
		max-height:calc(100VH - 100px);
		overflow-y:auto;
	}
	
	
	#container .col-md-8.padRight{
		padding-right:15px !important;
	}
	
}














@media (max-width:990px){
	
	
	#container .mod_article .col-md-4, #container .mod_article .col-md-5, #container .mod_article .col-md-7, #container .mod_article .col-md-8, #container .mod_article .col-md-9, #container .mod_article .col-md-10, #container .mod_article .col-md-3, #container div.logbtns, .slideText .textOnly{
		width:100%;
		max-width:100% !important;
		float:left;
	}
	
	div.redarea{
		margin-top:30px;
		margin-bottom:30px;
	}
	
	div.ausstellerInfo, div.locationInfo, #newsletter > div > .col-md-5, div.partnerlogos, .redinfos{
		margin-bottom:40px;
	}
	
	footer #innerFooter .ce_text.col-md-3{
		max-width:50%;
		float:left;
	}
	
	body #wrapper #container div.kreis{
		max-width:50% !important;
	}
	
	#container .pLogo.col-md-4{
		max-width:33% !important;
	}
	
	
	body #wrapper #container{
		padding-top:70px;
	}
	
	#container .ce_text li{
		display:block;
	}
	
	#loginform .formbody{
		width:100% !important;
		max-width:100%;
		margin-bottom:70px;
	}
	
	.rside .ce_image figure{
		width:100%;
		text-align:center;
	}
	
	div.rside{
		padding-top:30px;
	}
	
	.rside > div{
		max-width:50% !important;
	}
	
	.mod_login *{
		hyphens:manual !important;
	}
	
	
	
	#container div.mod_article div.innermenulink{
		max-width:33% !important;
	}
	
	body a.backer{
		top:80px;
	}
	
	.resprev{
		flex-direction:column-reverse;
	}
	
	.redinfos > div{
		margin-bottom:30px;
	}
	
	
	div#kf .widget-text, #kf .widget-textarea, #kf .widget-submit{
		width:100%;
		max-width:50%;
	}
	
	#kf button.sender{
		margin-left:15px;
	}
	
	#jlist .layout_latest{
		width:100%;
		max-width:100% !important;
	}
	
	.ausstellerInfo p:last-child{
		position:relative;
		bottom:unset;
		left:unset;
		width:100%;
	}
	
}























@media (max-width:600px){

	
	div#headerslider *, div.trennertext .textOnly *{
		font-size:20px;
	}
	
	#container #headerslider .textOnly, #headerslider .slideText{
		width:100%;
		max-width:100% !important;
	}
	
	div#kf .widget-text, #kf .widget-textarea, #kf .widget-submit{
		width:100%;
		max-width:100%;
	}
	
	#kf button.sender{
		margin-left:0px;
	}
	
	div#kf .widget.betreff > div{
		margin-top:0;
	}
	
	body #innerFooter > .ce_text, #jlist .layout_latest{
		width:100%;
		max-width:100% !important;
	}
	
	body h1, h1, .h1{
		font-size:26px;

	}
	
	body h2, h2, .h2{
		font-size:24px;

	}
	
	body h3, h3, .h3{
		font-size:22px;

	}
	
	body h4, .h4{
		font-size:20px;

	}
	
	#headerslider .rsts-nav.rsts-nav-bullets{
		width:100%;
		padding:0 20px;
	}
	
	#headerslider, #headerslider *, div.headercon {
	    max-height: 400px;
	}
	
	.pagination ul{
		flex-wrap:wrap;
	}

	
	div.mediatable tr td{
		width:50% !important;
	}
	
	div.mediatable tr *{
		font-size:14px;
	}
	
	
	
	body #container .slideText h1 strong, .redBG h1 strong, .redBG h2 strong, .redBG h3 strong, .redBG h4 strong, .redBG h4 strong, .redarea h4 strong, .redarea h3 strong, .redarea h2 strong, .redarea h1 strong{
	
		color: transparent !important;
	        -webkit-text-stroke: 0.03em #fff !important;
			text-stroke: 0.03em #fff !important;
	
	}
	
	#container h1 strong, #container h2 strong, #container h3 strong, #container h4 strong, body div.trennertext .textOnly::before{
		-webkit-text-stroke: 0.03em #d70926;
			text-stroke: 0.03em #d70926;
	}
	
	@supports((text-stroke: 0.05em #d70926) or (-webkit-text-stroke: 0.05em #d70926)) {
	    h1 strong, h2 strong, h3 strong, h4 strong, div.trennertext .textOnly::before{
	        color: transparent !important;
	        -webkit-text-stroke: 0.03em #d70926;
			text-stroke: 0.03em #d70926;
	        text-shadow: none;
	    }
	}
	
	@supports((text-stroke: 0.05em #fff) or (-webkit-text-stroke: 0.05em #fff)) {
	    body #container .slideText h1 strong {
	        color: transparent !important;
	        -webkit-text-stroke: 0.03em #fff;
			text-stroke: 0.03em #fff;
	        text-shadow: none;
	    }
	}

	
	
}