* {
	margin : 0;
	padding : 0;
	}

html {
	margin : 0;
	padding : 0;
	height : 100%;
	width : 100%;
	scroll-behavior : smooth;
	}

body {
	display : flex;
	flex-direction : column;
	margin : 0;
	padding : 0;
	border : 0;
	width : 100%;
	min-height : 100%;
	position : relative;
	
	background : #e5e6e0;
	background-image : url('../img/bg_verlauf-links.png'), url('../img/bg_verlauf-rechts.png'), url('../img/bg.jpg');
	background-size : calc(50% - 500px), calc(50% - 500px), cover;
	background-position : left, right, center center;
	background-repeat : repeat-y, repeat-y, no-repeat;
	background-attachment : fixed;
	
	font-family : Sol, sans-serif;
	font-size : 14px;
	font-weight : 400;
	letter-spacing : 0.05em;
	color : black;
	}
	
.wrapper {
	position : relative;
	flex-grow : 1;
	flex-shrink : 0;
	flex-basis : auto;
	}
	

	
.trapez {
	position : relative;
	margin-bottom: -8.8vw;
	width : 100%;
	min-height : 500px;
	overflow : hidden;
	
	display: flex;
    align-items: center;
    justify-content: center;
	}
  
.trapez > div.left, .trapez > div.right {
	position : absolute;
	width : 150%;
	height : 100%;
	top : -4.4vw;
	left : 50%;
	overflow : hidden;
	}

.trapez > div.left > div, .trapez > div.right > div {
	position : absolute;
	top : 9vw;
	left : 50%;
	width : 100%;
	height : 100%;
	overflow : hidden;
	}

.trapez > div.left > div > div, .trapez > div.right > div > div {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 110%;
	height : calc(115% + 7vw);
	background-color : white;
	background-size: cover;
	background-position : center center;
	background-repeat: no-repeat;
	}
  
.trapez > div.left {
	transform :  translateX(-50%) rotate(-5deg);
	}

.trapez > div.left > div {
	transform : translateX(-50%) rotate(10deg);
	}
  
.trapez > div.left > div > div {
	transform : translate(-50%,-50%) rotate(-5deg);
	}
  
 .trapez > div.right {
	transform :  translateX(-50%) rotate(5deg);
	}

.trapez > div.right > div {
	transform : translateX(-50%) rotate(-10deg);
	}
  
.trapez > div.right > div > div {
	transform : translate(-50%,-50%) rotate(5deg);
	}
