@font-face {
	font-display: swap;
	font-family: 'Abel';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/abel-v18-latin-regular.woff2') format('woff2');
}
* {
	flex-grow: 0;
	flex-shrink: 0;
}
html {
	scroll-behavior: smooth;
}
body {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 0;
	font-family: 'Abel';
	color: #fff;
}
img {
	display: block;
	max-height: 100%;
	width: auto;
}
h1, h2 {
	font-size: 4vh;
	text-transform: uppercase;
	line-height: 1.25;
	margin: 0;
	font-weight: 400;
	max-width: 10em;
}
p {
	font-size: 2vh;
	line-height: 1.5;
	margin: 0;
	text-transform: uppercase;
	max-width: 20em;
}
p ~ p {
	margin-top: 1em;
}
p.large {
	font-size: 4vh;
	line-height: 1.25;
	max-width: 10em;
}
a {
	color: inherit;
	text-decoration: none;
}

body > div {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 4%;
	background-color: #372853;
}
main {
	overflow-y: hidden;
	height: 100%;
	width: 100%;
	display: flex;
	position: relative;
	background: linear-gradient(to bottom, #4a3e64 0%, #4a3e64 70%, #372853 96%);
}
section {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.section-headline {
	justify-content: center;
	margin-left: -9vh;
}
.section-logo {
	margin-top: 4vh;
	height: calc(100% - 4vh);
}
.section-logo img {
	height: 28vh;
}
.section-claim {
	justify-content: center;
	margin-left: 15vh;
}
.section-image-1 {
	margin-top: 4vh;
	margin-bottom: 6vh;
	height: calc(100% - 10vh);
	margin-right: 15vh;
}
.section-architektur-design,
.section-baubiologie {
	justify-content: flex-end;
	margin-bottom: 6.8vh;
	height: calc(100% - 6.8vh);
}
.section-architektur-design {
	margin-right: 15vh;
	position: relative;
	flex-direction: row;	
}
.section-architektur-design img {
	position: absolute;
	right: 0;
	width: 86%;
	top: 9vh;
}
.section-architektur-design div.first {
	margin-right: 15vh;
}
.section-architektur-design div {
	margin-top: auto;
}
.section-baubiologie {
	margin-right: 3vh;
}
.section-image-3 {
	margin-top: 9vh;
	margin-bottom: 7vh;
	height: calc(100% - 16vh);
	margin-right: 15vh;
}
.section-contact {
	margin-left: 15vh;
	justify-content: flex-end;
	height: 53.15vh;
}
.section-contact p {
	margin-top: 1em;
}
.section-end {
	margin-top: 9vh;
	margin-bottom: 7vh;
	height: calc(100% - 16vh);
	margin-left: -12vh;
}
body.mouseLeft main {
	cursor: url('../res/rolandglas_icon_left.svg') 16 16, default;
}
body.mouseRight main {
	cursor: url('../res/rolandglas_icon_right.svg') 16 16, default;	
}
@media only screen and (min-width: 540px) {
	p {
		max-width: 30em;
	}
	h1, h2, p.large {
		max-width: 15em;
	}
	.section-end {
		margin-left: -30vh;
	}
}