html,body{
	padding: 0;
	margin: 0;
	scroll-behavior: smooth
}
body{
	font-family: 'Inter';
	color: #000;
	font-size: 16px;
	line-height: 19px;
}
h1,h2,h3,h4,h5,h6{
	text-align: center;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	text-align: left;
}
#entdecken.hidemobile{
	display: none;
}
h1,h2{
	font-weight: 600;
	font-size: 42px;
	line-height: 51px;
}
#wrapper{
	margin: 0 auto;
	padding:0 20px;
	max-width: 1200px;
}
body.lightbox-open{
	overflow: hidden
}
#header{
	height: 87px;
}
#header .menu-header-links-container{
	float: left;
}
#header .menu-header-links-container li{
	margin-right: 50px;
}
#header .menu-header-rechts-container{
	float: right;
}
#header .menu-header-rechts-container li{
	margin-left: 50px;
}
#header:after{
	display: block;
	content: "";
	clear: both;
}
#footer ul,
#header ul{
	padding: 0;
	margin: 0;
}
#footer ul li,
#header ul li{
	float: left;
	list-style: none;
	padding: 0;
}
#header ul li a{
	text-decoration: none;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	line-height: 87px;
}
#logo{
	width: 250px;
	position: absolute;
	left: 50%;
	margin-left: -125px;
	line-height: 87px;
	z-index: 2000;
}
#logo svg{
	margin-top: 35px;
	width: 100%;
}
#hero h1{
	max-width: 525px;
	margin: 110px auto 0;
}
#map{
	margin-bottom: 100px;
	margin-top: 140px;
}
#map img{
	max-width: 100%;
}
#map h2{
	max-width: 320px;
	margin: 0 auto;
}
#navi-cards{
   display: flex;
}	
.navi-card{
	background-color: #83A5F4;
	position: relative;
	flex: 33.33%;
	height: 602px;
	padding: 30px;
	box-sizing: border-box;
	margin: 0 20px;
	text-align: center;
	border-radius: 40px;
}
.navi-card h3{
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	margin: 0;
	/*word-break: break-word;*/
}
.navi-card .content{
	margin-top: 30px;
	text-align: left;
}
.navi-card .content h4{
	text-align: left;
	margin-bottom: 0;
}
.navi-card .content p{
	margin-top: 10px;
}
.lightbox{
	display: none;
}
.lightbox.show{
	display: block;
	position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lightbox-wrapper{
	background: #fff;
	padding: 20px 30px;
  margin: 0 auto;
  width: 80%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  left: 0;
  right: 0;
  border-radius: 40px;
  z-index: 1000;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.lightbox .close-area{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	position: absolute;
	z-index: 500;
	backdrop-filter: blur(5px);
}
.lightbox-wrapper .partner-box{
	margin-bottom: 25px;
}
.lightbox-wrapper .partner-box .partner{
	font-weight: 600;
}
.lightbox-wrapper .lightbox-close{
	margin-top: 30px;
	font-size: 13px;
	text-decoration: none !important;
}
.lightbox-wrapper a{
	display: block;
	text-align: right;
	margin-top: 5px;
	color: #000;
	text-decoration: none;
	word-break: break-all;
}
.lightbox-wrapper a:hover{
	text-decoration: underline;
}
.lightbox-wrapper h4{
	margin-top: 0;
}
.bottom{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 30px;
}
.partner-box{
	margin-bottom: 20px;
}
.partner-box h4,
.partner-box p{
	text-align: right;
	margin: 0;
}
.partner-box .partner{
	margin-top: 3px;
}
.btn{
	display: block;
	box-sizing: border-box;

	width: 331px;
	height: 52px;
	line-height: 52px;
	font-size: 22px;
	text-align: center;
	color: #fff;
	text-decoration: none;

	background: #F88890;
	border-radius: 28px;
	border: none;
}
.btn i{
	font-weight: 600;
}
.navi-card .btn{
	background: #fff;
	color: #000;
	font-weight: 600;
	width: auto;
	float: right;
	padding: 0 35px;
	margin-left: 10px;
	height: 42px;
	line-height: 42px;
}
.navi-card .btn.outline{
	background: none;
	border: 4px solid #fff;
	color: #fff;
	line-height: 34px;
	padding: 0 20px;
	margin-left: 0;
}
#search{
	margin-bottom: 70px;
}
#search .btn{
	margin: 0 auto;
	cursor: pointer;
}
#hero .btn{
	margin: 50px auto 0;
}
.input-text{
	background: #FFFFFF;
	border: 3px solid #000000;
	border-radius: 28px;

	font-family: 'Inter';
	font-style: italic;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	text-align: center;

	margin: 45px auto 0;

	display: block;

	width: 600px;
	height: 53px;
	line-height: 53px;

  max-width: 100%;
  box-sizing: border-box;

	color: #000;

	background: no-repeat left 20px center url("../img/lupe.png") !important;
	background-size: 20px !important;
}
.input-text:placeholder{
	color: rgba(0, 0, 0, 0.25);
}
#digitalnavi-map{
	margin-top: 50px;
	position: relative;
}
.map-point{
	position: absolute;
	width: 9.8%;
  height: 15%;
}
.map-point:hover .title{
	font-weight: bold;
}
.map-point.active:after,
.map-point:hover:after{
	display: block;
}
.map-point.active:after{
	background: green;
}
.map-point:after{
	content: "";
	display: none;
	width: 29%;
	height: 29%;
	position: absolute;
	top: 50%;
  left: 50%;
	border-radius: 100%;
	background: #000;
	transform: translate(-50%, -50%);
}
.map-point .title{
	position: absolute;
	left: 30%;
	font-size: 22px;
	color: #000;
}
#footer{
	margin-top: 90px;
	height: 89px;
	line-height: 89px;
}
#footer span{
	font-weight: 600;
	font-size: 24px;
}
#featured h2{
	margin-bottom: 60px;
}
#navi-cards{
	margin: 0 -20px;
}
.menu-footer-container{
	float: right;
}
.menu-footer-container a{
	color: #000;
	font-size: 16px;
	margin-left: 30px;
	text-decoration: none;
}
#term-search-field{
	margin-bottom: 40px;
}
#search .categories > label,
#search .filter > label{
	font-size: 24px;
	font-weight: 400;
	margin-bottom: 30px;
	display: block;
}
#search .categories > label b,
#search .filter > label b{
	font-weight: 600;
}
#search .filter button{
	margin-top: 30px;
}
.label{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	text-decoration: none;
	display: inline-block;
	border: 3px solid #83A5F4;
	border-radius: 40px;
	margin-right: 15px;
	cursor: pointer;
}
.label.active{
	background: #83A5F4;
}
.label label{
	padding: 10px 25px;
	display: block;
	cursor: pointer;
}
.label input{
	display: none;
}
.label-slider{
	position: relative;
	height: 45px;
	margin-bottom: 45px;
	white-space: nowrap;
	overflow-x: scroll;
}
.label-slider::-webkit-scrollbar {
  display: none;
}
.label-slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.inner-slider{
	position: absolute;
	width: 100%;
}
.filter{
	position: relative;
}
.selectbox-wrapper{
	width: 33.33%;
	position: relative;
	margin: 0 10px;
}
.selected_list{
	margin-top: 60px;
}
.selected_list ul{
	padding-left: 20px;
}
.selected_list ul li{
	margin-bottom: 5px;
}
.selectbox{
	height: 40px;
	border: 1px solid #000;
	font-size: 16px;
	color: #000;
	border-radius: 20px;
	position: absolute;
	left: 0;
	right: 0;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
}
.select-item{
	margin-top: 5px;
	padding: 0 20px;
}
.selectbox legend{
	position: relative;
	height: 40px;
	padding: 0 20px;
	line-height: 40px;
	width: 100%;
	box-sizing: border-box;
}
.selectbox legend:after{
	content: "";
	display: block;
	background: no-repeat center center url("../img/select.png");
	background-size: 9px;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 16px;
	right: 20px;
}
.selectbox:hover{
	height: auto;
	padding-bottom: 15px;
}
.selectbox:hover legend:after{
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.filter-select-box{
	display: flex;
	left: 0;
	right: 0;
	margin: 0 -10px;
	z-index: 10000;
	position: relative;
}
.splide__arrow{
	bottom: -80px;
	top: auto;
	background: #fff;
	border: 2px solid #000;
	height: 40px;
	width: 40px;
}
.splide__pagination{
	bottom: -50px;
}
.splide__pagination__page.is-active{
	background: #000;
}
.splide__arrow--next{
	right: 0;
}
.splide__arrow--prev{
	left: 0;
}
.splide .navi-card{
	width: 350px !important;
	flex: none;
}
.splide .navi-card:first-child{
	margin-left: 0;
}

.partner-industrie-und-handelskammer-kln{
	background: #8AA4EE;
}
.partner-klnbusiness-wirtschaftsfrderungs-gmbh{
	background: #E98E92;
}
.partner-handwerkskammer-zu-kln{
	background: #625892;
}
.partner-regionalagentur-region-kln{
	background: #FFCBC0;
}
.partner-else{
	background: #FFCBC0;
}
.partner-werkzugmaschinenlabor-der-rwth-aachen{
	background: #FFCBC0;
}
.partner-verein-deutscher-ingnieure{
	background: #FFCBC0;
}
.partner-mittelstand-digital-zentrum-smarte-kreislaeufe{
	background: #FFCBC0;
}
.partner-innohub{
	background: #FFCBC0;
}
.partner-agentur-fuer-arbeit{
	background: #FFCBC0;
}
.partner-ki-bundesverband-und-ai-village-hrth{
	background: #FFCBC0;
}
.partner-web-de-cologne-e-v{
	background: #FFCBC0;
}
.partner-edfvr-e-v{
	background: #FFCBC0;
}
.partner-handelsverband-nrw{
	background: #FFCBC0;
}
.partner-blockchain-reallabor{
	background: #FFCBC0;
}
.partner-digital-sicher-nrw{
	background: #FFCBC0;
}
.partner-ki-nrw{
	background: #FFCBC0;
}
.partner-klner-lehrfabrik-4-0{
	background: #FFCBC0;
}
.partner-mittelstand-digital-zentrum-wertnetzwerke{
	background: #FFCBC0;
}
.button-row{
	position: relative;
}
.button-row .reset-filter{
	position: absolute;
	color: #000;
	left: 0;
	top: 0;
}
.button-row .reset-filter:hover{
	text-decoration: none;
}
#mobile-footer,
#mobile-front-page{
	display: none;
}
#mobile-footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	text-align: center;
	z-index: 5000;
}
#mobile-map,
#mobile-map.active{
	display: none;
}
.alternativ-filter-button,
.open-navi-button{
	font-size: 12px;
	color: #000;
	font-weight: 600;
}
.alternativ-filter-button,
.open-navi-button:hover{
	text-decoration: none;
}
.alternativ-filter-button:hover{
	text-decoration: underline;
}
#mobile-front-page{
	text-align: center;
}
#mobile-front-page .content{
	padding: 50px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	right: 0;
}
#mobile-front-page #term-search-field{
	margin-bottom: 30px;
}
#mobile-front-page{
	background: url("../img/mobile-bg.jpg") center center;
	background-size: cover;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mobile-map-content{
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 60px;
}
.mobile-map-content img{
	height: 100%;
	width: 100%;
	object-fit: contain;
}
.open-navi-button{
	display: none;
	float: right;
  margin-top: 10px;
  margin-right: 20px;
  text-align: center;
  width: 57px;
  text-decoration: none;
  z-index: 1000;
  position: relative;
}
#mobile-menu{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 80px 30px 10px 30px;
	background: #fff;
  box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
#mobile-menu-button{
	display: none;
	float: left;
  margin-top: 11px;
  margin-left: 30px;
  cursor: pointer;
  position: relative;
  z-index: 2000;
}

#mobile-menu-button div{
  width: 35px;
  height: 4px;
  background-color: black;
  margin: 7px 0;
  transition: 0.4s;
}
.mobile-filter-button-box{
	display: none;
}
#thema-entdecken #search h2{
	max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.mobile-filter-button{
	text-decoration: none;
	color: #000;
	font-weight: 600;
}
#mobile-menu-button.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}
#mobile-menu-button.change .bar2 {opacity: 0;}
#mobile-menu-button.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}

#mobile-menu li{
	float: none;
	width: 100%;
}
#mobile-menu ul li a{
	line-height: 50px;
}
@media all and (max-width: 600px) {
	.selectbox:hover{
		height: 40px;
		padding-bottom: 0;
	}
	.selectbox:hover legend:after{
	  -webkit-transform: none;
	  transform: none;
	}
	.mobile-filter-button-box{
		display: block;
	}
	.mobile-filter-button:before{
	  content: "";
    display: inline-block;
    background: no-repeat center center url(../img/select.png);
    background-size: 9px;
    height: 10px;
    width: 10px;
    top: 16px;
    right: 20px;
    margin-right: 7px;
  }
  .mobile-filter-button.active:before{
	  -webkit-transform: scaleY(-1);
  	transform: scaleY(-1);
	}
	.selectbox.hover{
		height: auto;
		padding-bottom: 15px;
	}
	.selectbox.hover legend:after{
	  -webkit-transform: scaleY(-1);
	  transform: scaleY(-1);
	}
	.open-navi-button{
		display: block;
	}
	body.page #mobile-footer{
		display: none;
	}
	body.home #wrapper{
		height: 100%;
	}
	html,body{
		height: 100%;
		width: 100%;
	}
	.navi-card h3{
		word-break: break-word;
	}
	h1,h2{
		font-size: 25px;
    line-height: 33px;
	}
	#page{
		padding: 0 20px;
	}
	#page p{
		word-break: break-word;
	}
	#main{
		padding: 20px 0 70px;
	}
	body.page-template-page-thema-entdecken #main{
		padding: 20px 0 125px;
	}
	.btn{
		font-size: 15px;
	}
	body.home:not(.bg-white,.filter-bg-white) #header{
		background: none;
		box-shadow: none;
	}
	#mobile-menu-button{
		display: block;
	}
	#mobile-menu.active{
		display: block;
	}
	#thema-entdecken form{
		display: none;
	}
	#thema-entdecken #term-search-field {
		margin-top: 20px;
	}
	#thema-entdecken form.active{
		display: block;
	}
  #wrapper{
  	padding: 0;
  	position: relative;
  }
  .menu-header-links-container,
  .menu-header-rechts-container{
  	display: none;
  }
  #logo{
  	line-height: 60px;
  	height: 60px;
  }
  #logo svg{
  	margin-top: 20px;
  }
  #header{
  	z-index: 7000;
  	position: relative;
  	padding-top: 10px;
  	height: 60px;
  	background: #fff;
  	box-shadow: 0 5px 5px rgba(0,0,0,0.5);
  }
  .label-slider{
  	margin-right: -30px;
  	margin-left: -30px;
  }
  .inner-slider .label:last-child{
  	margin-right: 30px;
  }
  .inner-slider .label:first-child{
  	margin-left: 30px;
  }
  #suchen,
  #thema-entdecken{
  	padding: 0 30px;
  }
  .button-row .reset-filter{
  	position: relative;
  }
  #suchen,
  #entdecken,
  #featured,
  #hero,
  #footer{
  	display: none;
  }
  .filter-select-box{
  	display: block;
  }
  #mobile-footer,
  #mobile-front-page{
		display: block;
	}
  .selectbox-wrapper{
  	display: block;
  	width: 100%;
  	position: relative;
  }
  .selectbox{
  	height: 40px;
  }
  .selectbox-wrapper:nth-child(1){
  	z-index: 4200;
  }
  .selectbox-wrapper:nth-child(2){
  	z-index: 4100;
  }
  .selectbox-wrapper:nth-child(3){
  	z-index: 4000;
  }
  .selected_list{
  	margin-top: 0;
  	padding-top: 40px;
  }
  .navi-card{
  	margin: 0 30px;
  }
  .splide .navi-card:first-child{
  	margin-left: 30px;
  }
  .selectbox-wrapper,
  .filter-select-box{
  	margin: 0;
  }
  #search{
  	margin-bottom: 40px;
  }
  #mobile-map.active{
  	display: block;
  }
  .splide__arrow--prev{
  	left: 30px;
  }
  .splide__arrow--next{
  	right: 30px;
  }
  .splide .navi-card{
  	width: calc( 100% - 60px ) !important;
  }
  #entdecken,
  #mobile-map,
  #suchen{
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 4000;
  }
  #entdecken,
  #mobile-map{
  	z-index: 5000;
  }
  #thema-entdecken #search{
  	margin-bottom: 20px;
  }
  .splide__pagination{
  	display: none;
  }
  .splide:after{
  	content: "<< Swipe >>";
    display: block;
    position: absolute;
    bottom: -49px;
    left: 0;
    right: 0;
    text-align: center;
  }
  #entdecken{
   	padding-top: 30px;
  }
  #entdecken h2{
  	display: none;
  }
  #entdecken.active{
  	display: block;
  }
	#suchen{
		padding-top: 20px;
	}
	#suchen #search{
		padding-bottom: 70px;
	}
	#digitalnavi-map{
		margin-top: 50px;
		transform: rotate(90deg) scale(1.3);
	}
}