section{display:block; width:100%; height:auto; overflow:hidden;}
.block{position:relative}
.chapter{position:relative;z-index:200;background:#fff}

@media (min-width:1px){
.block--contact .chapter__content>div{padding-bottom:65px}
.block--contact .chapter__content .imprint{position:absolute;left:0;bottom:0}
}
@media (min-width:992px){
.chapter__content{position:relative;width:50%;left:50%;z-index:100;-webkit-transition:1s width cubic-bezier(.77,0,.175,1) 0,1s left cubic-bezier(.77,0,.175,1) 0;transition:1s width cubic-bezier(.77,0,.175,1) 0,1s left cubic-bezier(.77,0,.175,1) 0}
}
@media (min-width:992px){
	.chapter .chapter__title{position:absolute;width:50%;top:0;left:0;-webkit-transition:1s width cubic-bezier(.77,0,.175,1);transition:1s width cubic-bezier(.77,0,.175,1);z-index:200}
	.chapter .chapter__title.title--fixed{position:fixed}
	.chapter--expanded .chapter__title{width:25%;-webkit-transition:1s width cubic-bezier(.77,0,.175,1) 0;transition:1s width cubic-bezier(.77,0,.175,1) 0}
	.chapter--expanded .chapter__content{width:75%;left:25%;-webkit-transition:1s width cubic-bezier(.77,0,.175,1),1s left cubic-bezier(.77,0,.175,1);
		transition:1s width cubic-bezier(.77,0,.175,1),1s left cubic-bezier(.77,0,.175,1)}

	.chapter--expanded .chapter__title{width:30%;border-right:1px solid #efefef}
	.chapter--expanded .chapter__content{left:30%;width:70%}
}
@media (min-width:1200px){
	.chapter--expanded .chapter__title{width:25%;border-right:1px solid #efefef}
	.chapter--expanded .chapter__content{left:25%;width:75%}
}



.background-color--red{background-color:#f7484e}
.vertical-align-helper:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-left:-5px}
.vertical-align-helper>[class*=vertical-align--]{display:inline-block;width:100%}


@media (min-width:1px){
	.block--about .portrait{max-width:135px;position:absolute;/*right:-67px*/;top:96px}
	.vertical-align--s-top{vertical-align:top}
	.vertical-align--s-middle{vertical-align:middle}
	.column--s-12{display:block;float:left;box-sizing:border-box;width:100%}
}
@media (min-width:768px){
	.block--about .portrait{max-width:100px;/*right:-50px*/}
}
@media (min-width:1200px){
	.block--about .portrait{max-width:135px;/*right:-67px*/}
}

