@charset "UTF-8";

@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1400px){}



/*bugfix offcanvas */
#body {
	/* padding-right: 0 !important; */
}
header.sticky-top {
	padding-right: 0 !important;
    margin-right: 0 !important;
}


#menue a.closed {
    background-image: url(/img/new-assets/header-icons/burger-nav.svg);
    background-repeat: no-repeat;
    background-position: right center;
    margin-top: 0;
}


h2#menue a, h2#metanav a {
    width: 100%;
    height: 100%;
    padding: 0;
}

/* #body .offcanvas-end {
	width:100vw
} */


/*
#mainList .navMenueLayer .navCol > div > a 
*/

/* .offcanvas a.opened {
	font-family: 'ApproachKoelnSemiBold';
} */



#body.searchform-opened .cnw_langauge_select_header,
#body.searchform-opened .eyeable-button {
	display:none;
}

.eyeable-button {
	position: relative;
}


body#body #mainList a,
body#body #mainList a h2,
body#body #mainList a span {
	color:rgba(45,45,45,1);
	text-decoration: none;
    font-size: 1.375rem;
    line-height: 1.75rem;
	padding:0;
	margin:0;
	background:none;
}

 

body#body #mainList a{
	display:inline-flex;
	flex-direction: column;
	padding-left:1rem;
	padding-right:1rem;

}
/*
.navCol > div > a,
#body #mainList a.level2link + ul li + li a {
	border-top: 1px solid #e0e0e0;
}*/

body#body #mainList .ColWrapper > .navCol:first-child div:first-child > a,
body#body #mainList .geheZu a {
	border-top:0;
}

body#body #mainList .navMenueLayer a,
body#body #mainList .navMenueLayer a h2,
body#body #mainList .navMenueLayer a span {
    /*font-size: 1.375rem;
    line-height: 2rem;
	font-family: 'ApproachKoelnSemiBold';//*/
	font-size: 1.125rem;
	line-height: 1.5rem;
	
}


ul#mainList,
#mainList ul {
	padding:0;
	margin:0;
	list-style-type: none;
}

#mainList li {
	list-style-type: none;
	padding:0;
	margin:0;
}



.backItem,
.besuchenSie {
	display:none;
}



#mainList > li > a span:after,
.level2link:not(.hidechildren):after,
#mainList .navMenue span.klein:after {
	display:inline-block;
	content:' ❯ '; /*❯ ❱*/ 
	color: rgba(239,0,0,1);
	padding-left:.5rem;
	width:1rem;
}
#mainList .geheZu span.klein:after {
	display:none;
}




/*
#mainList .geheZu a:before,
#mainList a.hidechildren:before,
#mainList .navMenueLayer ul a:before*/
.levesl2link:not(.hidechildren):before {

	content:' ➜x ';
	font-size:.6rem;
}

	


#mainList {
	position: absolute;
    top: 0;
    left: 0;
    transition:left .3s ease-in-out;
}

	
#mainList.l2 {
    left: -400px;
    left: -100vw;
}



#mainList.l3 {
    left: -800px;
    left: -200vw;
}


#mainList .navMenueLayer,
#mainList .navMenueLayer ul {
	position: absolute;
	left:400px;
	left:100vw;
	top:0;
	width:400px;
	width:100vw;
/*	max-width: 100%;*/
	padding:0;
	margin:0;
}


.navMenueLayer .geheZu {
	padding-bottom:5rem;
	height: 4rem;
}

body#body #mainList a.level2link + ul  {
	margin-top: 0;
}

@media (min-width:1200px){
	body#body #mainList a.level2link + ul li {
		border-left: 2px solid #e0e0e0;
	}
}


#mainList a span.back  {
	color: rgba(239,0,0,1);
	display: inline;
    position: absolute;
    left: 3px;
}

.offcanvas-body {
	overflow-x: hidden;
    position: relative;
}



body#body #mainList .navMenueLayer .backbutton {
	font-weight: normal;
    font-size: 1rem;
	font-family: 'ApproachKoelnRegular';
	border-bottom: 1px solid #e0e0e0;
	background: #f0f0f0;
	margin:1rem 0;
    display: inline-block;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/* @media (min-width:576px){
	body#body #mainList .navMenueLayer .backbutton {
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
	}
} */


body#body #mainList .navMenueLayer .backbutton span {
	color:#ee0000;
	font-size: 1rem;
	font-style: normal;
}

body#body #mainList .geheZu span:not(.klein) {
	color: #ee0000;
	font-family: 'ApproachKoelnBold';
	font-size:1.25rem;
}

body#body #mainList .geheZu span.klein {
	font-size:1rem;
}

 
body#body #mainList a.level2link + ul a, /*l3*/
body#body #mainList a.level2link,
body#body #mainList a {
	padding-top:.3rem;
	padding-bottom:.3rem;
}
body#body #mainList a.level2link{
	display: inline-block;
}

.offcanvas + .modal-backdrop.show {
	opacity: .8;
}


.offcanvas.hasscrollbar .offcanvas-header {
	box-shadow: 0 3px 8px 0 #00000036;
}


@media (min-width:1400px){}

@media (min-width:992px){}
/*
@media (min-width:1200px){


	.offcanvas.hasscrollbar .offcanvas-header {
		box-shadow: none;
	}
/*
	.offcanvas-end {
		top: 80px;
	}* /

	body#body ul#mainList {
		margin-top: 8rem;
	}

	body#body ul#mainList .navMenueLayer {
		margin-top:-6rem;
	}
	#mainList .navMenueLayer ul {
		margin-top: 6rem;
	}
	/*
	.offcanvas {
		width:100%;
	}* /
	body#body #mainList .navMenueLayer .backbutton {
		display:none;
	}

	#mainList,
	#mainList.l2,
	#mainList.l3 {
		left: 0;
	}

/*	body#body #mainList a.level2link.,
	body#body #mainList a. {
	/*	color: rgba(239,0,0,1);* /
		font-family: 'ApproachKoelnBold';	
		/*background-color: rgba(239,0,0,1);
		color: #fff;* /
		width:calc(100% - 2rem);
	} */
	
	
	/* #mainList {
		width: 33%;
	} * /

	#mainList .navMenueLayer ul,
	#mainList .navMenueLayer {
		width:calc(100% - 2rem);
	}

	#mainList .navMenueLayer,
	#mainList .navMenueLayer ul {
		left: 100%;
	}


/*	#mainList li,* /
	#mainList .navMenueLayer ul li,
	.navMenueLayer > div:not(.geheZu) {
		border-left: 2px solid #e0e0e0;/* rgba(239,0,0,1);* /
	}

	.offcanvas + .modal-backdrop.show {
		opacity: 0;
	}
}*/


.navbar .cnw_opener.dropdown-toggle::after{
	display:none;
}

.header-menu-item{
	text-align: center;
	margin: 0;
	/* border-bottom: 2px solid #ef0000; */
	/* border-radius: 20px; */
	height: 50px;
	width: auto;
	text-decoration: none;
	font-size: 1.25rem;
	line-height: 1.25rem;
	/* font-family: 'ApproachKoelnRegular'; */
	border-bottom:2px solid transparent;
	margin-left: 1rem;
}

.offcanvas .header-menu-item{
	margin-left: 0;
	margin-right: 2rem;
}

#body header .header-menu-item:hover {
	border-bottom:2px solid var(--red);
}

.header-menu-item a{
	text-decoration: none;
}


/*#search-icon {width:auto;height:50px;line-height:40px;}*/
/*form.searchform.collapsed {width:auto;height:50px;border:none;border-radius:0;line-height:40px;}*/
.header-menu-item svg{
	height: 25px;
	height: 30px;
	padding: 0;
	margin: 0;
	display: inline;
	vertical-align: text-bottom;
	width:auto;
}

@media (min-width:576px) and (max-width:992px){
	.header-menu-item + .header-menu-item {
		margin-left:1rem;
	}
	.header-menu-item svg{
		padding-bottom: 6px;
	}
}
@media (min-width:992px){
	.header-menu-item svg{
		/* margin: 0 0.5rem 0 0; */
		margin: 0;
		height: 30px;
	}
	.header-menu-item {
		/* padding:.5rem 1rem; */
		padding:.5rem 0 .5rem 0;
		margin:0;
	}
	.header-menu-item + .header-menu-item {
		margin-left:2rem
	}
}


.header-menu-item svg,
.header-menu-item svg path,
.header-menu-item svg rect
{
	fill: var(--red) !important;
}
#search-icon svg circle,
#search-icon svg line {
	stroke: var(--red) !important;

}
/* 
#body header .navbar {
	background:yellow
} */

.header-menu-item span{
	color: var(--red);
	text-decoration:none;
	line-height:1rem;
	font-size:1rem;
	display:block;

}@media (min-width:992px){
	.header-menu-item span {
		font-size:1.25rem;
	}
}

@media (max-width:576px){
	.header-menu-item > span,
	#search-icon > span,
	.dropdown-toggle > span{
		display:none;
	}
	/* .header-menu-item svg{
		margin: 7px 0.75rem 0 0;
		height: 40px;
	} */
}

@media (max-width:576px){
	.header-menu-item svg{
		/* margin: .5rem 0.5rem 0 0; */
		margin-top:.5rem;
		height: 30px;
	}
}


@media (max-width:430px){
	.nav-wrapper > .header-menu-item {
		display:none;
	}
	.header-menu-item.searchform ,
	.header-menu-item.main-menu-icon {
		display:block;
	}
	.header-menu-item svg{
		/* height: 40px; */
	}
}

.nav-wrapper {
	position: relative; /* für language dropdown*/
	margin-top: 0;
}


/* .nav-wrapper > *{
	border:1px solid green !important;
} */


@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){
	.header-menu-item svg,
	.header-menu-item img,
	#search-icon img,
	.header-menu-item span
	 {
		display:inline;
	}
}
@media (min-width:1200px){}
@media (min-width:1400px){}


.innermenu-language-selector {
	position: relative;
	max-height: none;
}

.header-menu-item.cnw_langauge_select_header  {
	line-height: 1.5rem;
	position: unset;
}
.header-menu-item.cnw_langauge_select_header ul {
    overflow-y: auto;
	max-height: 350px;
	width: 666px;
	max-width: 90vw;
	right:0;
	left:auto;
	margin-top:0;
}

.offcanvas-header .header-menu-item.cnw_langauge_select_header ul{
	position: absolute;
    top: 80px;
    left: 10px;
    width: 85%;
}

.header-menu-item.cnw_langauge_select_header ul.show {
	display:flex;
}
.header-menu-item.cnw_langauge_select_header li {
    /* padding-right:3rem */
}


.conword-link {
	margin-top:1rem;
	border-top:2px solid var(--border-color-light);
	color: #1e2125;
    background-color: #e9ecef;
	display:block;
}