/*-----------------------------------------------------*/	
/* Flow neu */
/*-----------------------------------------------------*/
.projflow-float figure{
	margin:0 0 var(--spacing-ext) 0;
	}

.index .projflow-float figure{
	margin:0 0 3rem 0;
	}
	
.full,
.two3,
.one2,
.one3{
	width:100%
	}
	

.one4{
	width: 50%;
	}
	


.projflow-float figcaption{
	padding:0.3em 0 2.4em;
	padding:0.3em 0 ;
	}

.singleproject .projflow-float figcaption{
	font-size:0.8em;
	}
	
/* textelement.separator */
	
.textelement.separator,
.textabschnitt.separator{
	border-top:1px solid var(--borderColor);
	clear:left !important;
	margin-top:5em;
}
		
	
@media screen and (max-width:900px){
.index .one4{
	width: 100%;
	}
	
}	

@media screen and (min-width:900px){
	
.frontpage-flow,
.projflow-float{
	margin-left:calc(-1*var(--spacing-int)/2);
	margin-right:calc(-1*var(--spacing-int)/2);
	}
	
.projflow-float{
	margin-top:2.5vw;
}
	
.frontpage-flow li,
.projflow-float figure,
.index .projflow-float figure,
div.textabschnitt,
div.textelement{
	float:left;
	margin:0 calc(var(--spacing-int)/2) var(--spacing-int);
	}

.frontpage-flow li.right,
.projflow-float figure.right,
div.textabschnitt.right,
div.textelement.right{
	float:right;
	}
	
.frontpage-flow li.center,	
.projflow-float figure.center{
	width:100% !important;
	float:none !important;
	clear:both;
	display:flex;
	flex-direction:column;
	align-items:center;
	}
	
.one4,
.one4.center img,
.one4.center span,
.one3.newsel,
.one3.newsel.center img,
.one3.newsel.center span{
	width: calc((100% - (4*var(--spacing-int)))/4);
	}


	
.one3,
.one3.center img,
.one3.center span{
	width: calc((100% - (3*var(--spacing-int)))/3);
	}
	

.one2,
.one2.center img,
.one2.center span{
	width: calc(((100% - (2*var(--spacing-int)))/2));
	}
	
.two3,
.two3.center img,
.two3.center span,
.blocktext{
	width: calc(100%  - (2*var(--spacing-int)) - ((100% - (3*var(--spacing-int)))/3));
	}
	
.projflow-float .full{
	width: calc(100%  - (1*var(--spacing-int)));
	
	}
	
/* textelement.separator */
	
.textelement.separator,
.textabschnitt.separator{
	width: calc(100%  - (1*var(--spacing-int))) !important;
	
}

.textelement.separator p,
.textabschnitt.separator p
	{width: calc(((100% - (2*var(--spacing-int)))/2));}
	
.crop img{
	object-fit:cover;
	min-height:100%;
	}

.crop.one2 img{
	height:28vw;
	}

.crop.one3 img{
	height:19vw;
	}
	
.crop.one4 img{
	height:15vw;
	}
	

.clear{
	clear:both
	}
	
.topmargin{
	margin-top:5.2vw !important;
	margin-top:4.6vw !important;
	}
	
figure.margin{
	float:none !important;
	clear:left;
	padding-top:3.6vw;
	}

figcaption{
	text-align:left !important;
	}
	
	




}

@media screen and (max-width:1100px){		
.blocktext{
	width:100%;
	}
}	

@media screen and (min-width:1680px){		
.blocktext{
	width:48vw;
	}
}