.projekte {display: flex; flex-wrap: wrap;flex-direction: row; margin-top: 0 !important;}
.projekt { /*flex: 1;*/ /*flex: 1 1 25%;*/ flex: 0 0 33.3333%; position: relative;overflow: hidden;}
.projekt a.projekt-link {position: absolute;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;text-indent: -1000px;z-index: 1;}
.projekt-meida figure {margin: 0;}
.projekt-meida img {width: 100%;display: block;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.projekt-text {position: absolute;bottom: 2em;padding:0 4.5em 0 3em;z-index: 1;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.projekt-text p {margin: 0;}
.projekt-text:after {content: "";width: 0;height: 0;position: absolute;right: 3em;top: 0;bottom: 0;margin: auto;border-width: 0.833em 0px 0.833em 1.11em;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #FFF;-webkit-transition: all linear 0.3s;-moz-transition: all linear 0.3s;transition: all linear 0.3s;}
.projekt:after {content: "";position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: linear-gradient(to bottom,  rgba(0,0,0,0) 50%,rgba(0,0,0,0.2) 100%);}

/*Hover-Effekt*/
.projekt:hover .projekt-meida img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.projekt:hover .projekt-text:after { right: 2em; }

/*Weitere Projekte - Kachel*/
.projekt-txtweiter h3 {height: 100%;margin: auto;}
.projekt-txtweiter a {text-decoration: none;font-weight: 700;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;}
.projekt.projekt-txtweiter:after {content: none !important;}

/*4 Kacheln*/
.projekte-4 .projekt {flex: 0 0 25%;}
.projekte-4 .projekt-text {padding:0 3.5em 0 2em;}
.projekte-4 .projekt-text:after {right: 2em;}
.projekte-4 .projekt:hover .projekt-text:after { right: 1.5em; }
.projekte-4 .projekt-text .has-large-font-size {font-size: 1.8em !important;}

/*Responsive*/
@media screen and (max-width: 1500px) {
	.projekt-text {padding:0 3.5em 0 2em;}
	.projekt-text:after {right: 2em;}
	.projekt:hover .projekt-text:after { right: 1.5em; }
	.projekt-text .has-large-font-size {font-size: 1.8em !important;}
	.projekte-4 .projekt {flex: 0 0 33.3333%;}
	body.single-tmaprojekte #projekte .projekt:last-child {display: none;} /*Letztes Projekt vorrübergehend auf der Projekt-Seite ausblenden!*/
}
@media screen and (max-width: 1100px) {
	.projekt, .projekte-4 .projekt { flex: 0 0 50%; }
	body.single-tmaprojekte #projekte .projekt:last-child {display: block;} /*Letztes Projekt wieder auf der Projekt-Seite einblenden!*/
}
@media screen and (max-width: 550px) {
	.projekt, .projekte-4 .projekt { flex: auto; }
	.projekt-txtweiter{padding: 2em; order: 0 !important;}
	.projekt{order: 1;}
}
@media screen and (min-width: 2200px){
	.projekt { flex: 0 0 25%; }
}