*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
* {
	margin: 0;
	padding: 0;
}
/* clearfix */
.clearfix:before,
.clearfix:after {
    content:' ';
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    *zoom:1;
}

html {
	height: 100%;
	font-size: 16px;
	scroll-behavior: smooth;
}
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body{
	height: 100%;
	font-family: "Satoshi", sans-serif;
	font-weight: 300;
	color: #000;
	overflow-x: hidden;
	position: relative; 
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	/* background: url(bastianruppert.jpeg) 35% 0 / cover no-repeat; */
	
}

img {
	max-width: 100%;
	max-height: 100%;
}

a {
	color: inherit;
	font-weight: 300;
	text-decoration: none;
}
a:visited, a:focus {
	color: inherit;
	text-decoration: none;
}
	
a:hover {
	color: inherit;
	text-decoration: underline;
} 

h1, h2 {
	font-weight: 300; 
}
h1 {
	margin: 1em 0; 
}

header {
	height: 12vh; 
}

main {
	position: relative; 
	min-height: 82vh;
}

main.hintergrundbild {
	position: relative; 
	height: 82vh; 
	background: url(bastianruppert.jpg) 35% 0 / cover no-repeat;
}
footer {
	height: 6vh; 
	border-top: 1px solid #bbb;
	font-size: 1.125rem; 
}

@media screen and (max-width: 599px) {
	
	header {
		height: 16vh; 
	}

	main {
		min-height: 82vh;
	}

	main.hintergrundbild {
		height: 74vh;
		min-height: 74vh; 
	}
	footer {
		height: 10vh; 
		font-size: 1rem; 
	}
		
}



.container-fluid {
	max-width: 1280px; 
	height: auto; 
}