@charset "utf-8";/** ##### EIN PROJEKT ##### **/

.bp-grp-ein-projekt {
	
}
.bp-grp-ein-projekt .zentrierter-text {
    text-align: center;
}




.bp-grp-ein-projekt section.schlagworte {
	text-align: center;
}
.bp-grp-ein-projekt section.schlagworte ul.liste-schlagworte {
    display: inline-block;
}
.bp-grp-ein-projekt section.schlagworte ul.liste-schlagworte li {
    display: inline;
}
.bp-grp-ein-projekt section.schlagworte ul.liste-schlagworte li::before {
    content: ", ";
}
.bp-grp-ein-projekt section.schlagworte ul.liste-schlagworte li:first-child::before {
    content: "";
}



.bp-grp-ein-projekt section.eine-bildreihe {
	box-sizing: border-box;
	padding-left: 3px;
	padding-right: 3px;
}
.bp-grp-ein-projekt section.eine-bildreihe > div.ein-bild img {
	width: 100%;
}



.bp-grp-ein-projekt section.projektvideo {
	padding-top: 3px;
	padding-bottom: 3px;
}
.bp-grp-ein-projekt section.projektvideo video {
    width: 100%;
	display: block;
}


.bp-grp-ein-projekt .bild-text-modul,
.bp-grp-ein-projekt .bild-text-modul h2 {
	text-align: center;
}
.bp-grp-ein-projekt .bild-text-modul .bild a {
    display: block;
    position: relative;
}
.bp-grp-ein-projekt .bild-text-modul .bild a::before {
	font-family: fontawesome;
	content: "\f0c1";
    position: absolute;
	opacity: .7;
	font-size: 125px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
	display: block;
	color: #009FE3;
}
.bp-grp-ein-projekt .bild-text-modul .bild:hover a::before {
	opacity: 1;
}
.bp-grp-ein-projekt .bild-text-modul .bild img {
    width: 100%;
}


.bp-grp-ein-projekt .zurueck-zu-start {
	text-align: center;
}
.bp-grp-ein-projekt .zurueck-zu-start a.bp-button {
	margin-top: 0;
}


.bp-grp-ein-projekt .bp-pager-navi {
	margin-top: 75px;
}

	

@media (max-width: 1023px) {
	.bp-grp-ein-projekt section.projektvideo .bp-width {
		width: 100%;
		padding-left: 6px;
		padding-right: 6px;
		box-sizing: border-box;
	}
	.bp-grp-ein-projekt .bild-text-modul .bild a::before {
		font-size: 75px;
	}
}
@media (max-width: 768px) {
	.bp-grp-ein-projekt .bild-text-modul.bp-margin-top-bottom-xl {
		margin-top: 35px;
	}	
	.bp-grp-ein-projekt .bp-width,
	.bp-grp-ein-projekt .bp-width-2 {
		padding-left: 6px;
		padding-right: 6px;
	}
	.bp-grp-ein-projekt .bp-pager-navi {
		padding-left: 6px;
		padding-right: 6px;
	}
}
@media (max-width: 640px) {
	.bp-grp-ein-projekt .bild-text-modul.bp-margin-top-bottom-xl {
		margin-top: 25px;
	}
	
	.bp-grp-ein-projekt .bp-pager-navi {
		margin-top: 35px;
	}
}











.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-1 > div.ein-bild {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 3px;
}


.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-2 > div.ein-bild {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 3px;
}

.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-3 > div.ein-bild {
    float: left;
    width: 33.333333%;
    box-sizing: border-box;
    padding: 3px;
}

.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-4 > div.ein-bild {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 3px;
}

.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-6 > div.ein-bild {
    float: left;
	width: 16.666666%;
    box-sizing: border-box;
    padding: 3px;
}

.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-8 > div.ein-bild {
    float: left;
	width: 12.5%;
    box-sizing: border-box;
    padding: 3px;
}

.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-12 > div.ein-bild {
    float: left;
	width: 8.333333%;
    box-sizing: border-box;
    padding: 3px;
}

@media (max-width: 1279px) {
	.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-12 > div.ein-bild {
		width: 16.666666%;
	}
}
@media (max-width: 1023px) {
	.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-6 > div.ein-bild {
		width: 33.333333%;
	}

	.bp-grp-ein-projekt section.eine-bildreihe.bildreihe-grid-8 > div.ein-bild {
		width: 25%;
	}
}