.menu,
.nav-icon span {
	transition: all .3s ease-in-out
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
.menu .nav-menu li a,
.nav-menu li a {
	line-height: 56px
}


.effectTab-project-header .caption {
	font-size: 30px;
}

.column-4 {
	float: left;
	padding: 15px
}

.effectTab-project-header .title::after,
.effectTab-project-header .title::before {
	position: absolute;
	background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
	content: ""
}

.effectTab-project-header .title::before {
	left: 0;
	width: 156%;
	height: 3px;
	margin-left: -28%;
	bottom: -1.5px
}

.effectTab-project-header .title::after {
	left: 50%;
	width: 25px;
	height: 25px;
	bottom: -26px;
	margin: 0 0 0 -10px;
	-webkit-clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0);
	clip-path: polygon(75% 0, 75% 69%, 41% 93%, 0 68%, 0 0)
}


.column-4 {
	width: 33.33333333333333%
}


.nav-icon,
.navigation {
	float: right
}

.custom-row::after {
	content: "";
	display: table;
	clear: both
}

.wrapper {
	max-width: 1140px;
	margin: 0 auto;
	position: relative
}

.project-header {
	background-color: #485666;
	padding: 8px 0;
	position: static;
	z-index: 2000
}

.project-header h1 {
	color: #fff;
	font-weight: 400;
	font-size: 2.2rem;
	padding-left: 40px
}

.rotate {
	position: absolute;
	transform: rotate(-20deg);
	left: 0;
	font-size: 2.8rem;
	top: 5px
}

.ex_padd {
	padding-top: 170px!important
}

.nav-icon-container {
	display: block
}

.nav-icon {
	width: 50px;
	height: 50px;
	border: 2px solid #fff;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	z-index: 100
}

.nav-icon span {
	width: 60%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%)
}

.nav-icon-1 {
	top: 30%
}


.nav-icon.active .nav-icon-1 {
	top: 50%;
	transform: rotate(45deg);
	left: 22%
}





.effect {
	margin: auto;
	box-shadow: 0 0 10px 3px rgba(0, 0, 0, .08);
	background-color: #fff;
	border: 5px solid #ffffff;
}



.tab .effect {
	position: relative;
	overflow: hidden;
	max-height: 240px;
	background: #2A2623;
	text-align: center;
	cursor: pointer;
}


.tab .effect img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: .8
}

.tab .effect .tab-text {
	padding: 1.5rem;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.tab-text h2 {
	color: #fff;
	margin: 0;
	font-size: 2.5rem;
	text-align:left;
	text-transform:none;
	font-weight:600;
	line-height:2.75rem;
	width:calc(100% - 55px);
}

.tab-text p {
	color: #fff;
	margin: 0;
	font-size: 1rem;
}

.hide {
	display: none
}

@media (max-width:575px) {
  .column-xs-12, {
		float: left;
		padding: 15px;
		width: 100%
	}
	
	.hide-xs {
		display: none
	}
	.effectTab-project-header .title::before {
		width: 125%;
		left: 15%
	}
	.tab-container {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
}

@media (min-width:576px) and (max-width:767px) {
	
	.column-sm-6 {
		width: 50%;
		float: left;
		padding: 15px
	}
	.hide-sm {
		display: none
	}
	.visible-sm {
		display: block
	}
	.tab-container {
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media (max-width:1000px) {
	.project-header h1 {
		padding-left: 70px
	}
	.rotate {
		left: 30px;
	}
}
@media (min-width:768px) and (max-width:991px) {
		
		.column-md-6 {
			width: 50%;
			float: left;
			padding: 15px
		}
		.hide-md {
			display: none
		}
		.visible-md {
			display: block
		}
		
	}




.col3-block-height {
	min-height: 480px!important
}


.effect.effect-six .tab-text:before {
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	content: ""
}

.effect.effect-six img {
	transition: all .35s;
	transform: scale(1);
	-webkit-transition: all .35s;
	-webkit-transform:scale(1);
	height:230px;
	width:100%;
	object-fit: cover !important;
	
}


.effect.effect-six:hover img {
	opacity: .4;
	transform: translate3d(-50px, 0, 0) scale(1.15);
	-webkit-transform: translate3d(-20px, 0, 0) scale(1.15)
}

.effect.effect-six .icons-block {
	z-index: 1000;
	position: absolute;
	bottom: 0;
	left:0;
	text-align: left;
	height:230px;
	width:100%;
	display:block;
}

.effect.effect-six .icons-block .social-icon-1 {
	transition: all .5s ease-in-out;
	opacity: 0;
	transform:scale(0.2);
}


.effect.effect-six:hover .social-icon-1 {
	opacity: 0;
	transition-delay: .3s;
	transition-duration: .5s;
}



.effect.effect-six .icons-block img {
	color: rgba(255, 255, 255, 1);
	font-size: 1.3rem;
	transform: scale(1);
	-webkit-transition: all .35s;
	-webkit-transform: scale(1);
	overflow:visible;
}
.effect.effect-six .icons-block a {
	box-shadow:none !important;
}
.effect.effect-six .icons-block a:hover, .effect.effect-six .icons-block a:active {
	background:transparent !important;
}

.effect.effect-six p {
	width: calc(100% - 3rem);
	padding: 0 10px;
	margin: 1.5rem;
	text-align: right;
	font-size: 1.5rem;
	line-height: 1.75rem;
	position: absolute;
	bottom: 55px;
	right: 0;
	border-right: 3px solid #fff;
	opacity: 0;
	transition: all .35s;
	text-transform:none;
}

.effect.effect-six:hover p {
	opacity: 1;
}

.effect.effect-six .tab-text:before {
	background-color: rgba(255, 255, 255, .4);
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -95%, 0);
	transition: all .6s;
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -95%, 0);
	-webkit-transition: all .6s
}

.effect.effect-six:hover .tab-text:before {
	transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 95%, 0);
	-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 95%, 0)
}
.label-block {
	text-align:left;
	opacity:1;
	z-index:10;
	margin-bottom:22px;
	position:absolute;
	bottom:0;
	width:calc(100% - 3rem - 10px);
	padding-left:calc(1.5rem + 5px);
	padding-right:calc(1.5rem + 5px);
}
.label-block ul {
	list-style-type:none;
	width:100%;
}
.label-block li {
	margin-bottom:8px;
	float:left;
	margin-right:10px;
}
.label-block li:last-child {
	margin-right:0;
}
.label-block img {
	width:30px;
	height:30px !important;
}
.regiowin {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/regiowin.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.step {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/step.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.strategisch {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/strategisch.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.nachhaltig {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/nachhaltig.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.wohnen {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/wohnen.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.verteidigung {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/verteidigung.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.bauhaus {
	width:30px;
	height:30px;
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/neb.png");
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.no-label {
	display:none;
}
.fs-label {
	position:absolute;
	right:-6px;
	top:17px;
	text-align:right;
	z-index:11;
	box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.8);
}
.fs-label-2007 {
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/2007-2013.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:79px;
	height:26px;
}

.fs-label-2014 {
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/2014-2020.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:79px;
	height:26px;
}
.fs-label-2021 {
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/projekte/labels/2021-2027.png");
	background-repeat:no-repeat;
	background-position:0 0;
	width:79px;
	height:26px;
}
.projekte-copyright {
	position:absolute;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	width:100%;
	padding:2px 20px 0px 25px;
	z-index:8;
	color:var(--bw-grau-3);
	background-image:url("/site/pbs-bw-mlr-root/get/documents/MLR.EFRE/EFRE-Dateiablage/images/icons/copyright-white.png");
	background-repeat:no-repeat;
	background-position:6px 4px;
	background-size:auto 12px;
	font-size:1.15rem;
	text-align:left;
	font-weight:400;
}

.text .legende a {
	box-shadow:none !important;
}
.text .legende a:hover {
	background:none !important;
}
.legende .link::before {
	display:none !important;
}
.legende .link {
	padding-left:0 !important;
}
ul.legende {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	list-style-type: none;
}
.legende-container {
	background: var(--bw-grau-5);
	padding:20px 20px 0 20px;
	margin:4rem 0 1rem 0;
	border:1px solid var(--efre-form-border);
	border-radius:3px;
}
.legende-container li {
	text-align:center;
	width:20%;
	line-height:2rem;
	font-size:80%;
	margin-bottom:20px;
}

/* 2-zeilig

.legende-container li {
	text-align:center;
	width:25%;
	line-height:2rem;
	font-size:90%;
	margin-bottom:20px;
}
*/

.legende img {
	margin-bottom:15px;
	margin-top:10px;
}


.filter-controls option:first-child {
	display:none !important;
}




@media (min-width:576px) and (max-width:767px) {
	.tab .effect .tab-text h2 {
		font-size: 1.3rem!important;
	}
	
}

@media (min-width:768px) and (max-width:991px) {
	.effect h2 {
		font-size: 1.3rem!important
	}
	.legende li {
		width:50%;
	}
}

@media only screen and (max-width:900px) {
	ul.legende {
		flex-direction:row;
		flex-wrap:wrap;
	}
	.legende li {
		width:50%;
	}
	.legende-container > ul li {
		display:block;		
		padding-top:15px;
	}
	.legende-container > ul li:not(:first-child) {
		padding-left:0;
		
	}
}