/* Main Styles */

:root {
	/* Farben */
	--first-color: #ff3103;
	--second-color: #000;
	--third-color: #fff;
	
	--body-color: #fff;
	
	--first-color-hover: #0b7088;
	--fifth-color-darker: #e8e6e0;	
	
	--base-font: "IBM-Plex-Serif-Regular", serif;
}

body {
	background-color: var(--body-color);
	font-family: var(--base-font);
}

header {
	position: fixed;
	background: white;
	top: 0;
}

.container {

}

h1 {
	font-family: "IBM-Plex-Sans-Light", sans-serif;
	font-size: 34rem;
	margin-bottom: 0;
}

h2 {
	font-family: "IBM-Plex-Serif-Regular", serif;
	font-size: 34rem;
	color: var(--first-color);	
	margin-bottom: 1em;	
}

nav ul li a {
	font-family: "IBM-Plex-Sans-Regular", sans-serif;
	color: var(--second-color);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 900;
	font-size: 16rem;
	letter-spacing: 0.1em;
}
nav ul li a:hover {

}

b {
	font-weight: normal;
	font-family: "IBM-Plex-Sans-Medium", sans-serif;
}

p {
	margin-bottom: 1em;
}

ul, ol {
	margin: 0;
	padding-left: 1em;
}

a {
	text-decoration: none;
}
 
a:hover {
	text-decoration: underline;
}

header {
	position: fixed;
}

header > * {
	display: inline-block;
	vertical-align: middle;
}

header nav ul {
	margin: 0;
	padding: 0;
}

header nav ul li {
	display: inline-block;
}

#start {
	background: url('bg_start.jpg');
}

/* Sektionen */

#coaching main,
#unternehmensberatung main,
#psychotherapie main {
	color: var(--third-color);
	font-weight: 500;
	font-size: 1.2em;
}

#coaching h1,
#unternehmensberatung h1,
#psychotherapie h1 {
	font-size: 40rem;
}

#coaching aside,
#unternehmensberatung aside,
#psychotherapie aside {
	font-family: "IBM-Plex-Sans-Light", sans-serif;
	font-size: 16rem;
}

#coaching li,
#unternehmensberatung li,
#psychotherapie li {
	margin-bottom: 1em;
}

/* Coaching */

#coaching main {
	background: url('bg_coaching.jpg');
}

/* Unternehmensberatung */

#unternehmensberatung main {
	background: url('bg_unternehmensberatung.jpg');
}

/* Psychotherapie */

#psychotherapie main {
	background: url('bg_psychotherapie.jpg');
}

/* Person */

#person {
	background: url('bg_start.jpg');
}

#person h1 {
	color: var(--second-color);
	margin-bottom: 2em;
}

#person h2 {
	font-family: "IBM-Plex-Serif-Medium", serif;
	font-size: 18rem;
	color: var(--second-color);	
	margin: 2em 0 0 0;	
}

/* Kontakt */

#kontakt {
	color: var(--first-color);	
	font-family: "IBM-Plex-Sans-Light", sans-serif;	
}

#kontakt h2 {
	font-family: "IBM-Plex-Sans-Regular", sans-serif;
	font-size: 18rem;
	margin-bottom: 2em;
}

#kontakt b {
	font-family: "IBM-Plex-Sans-Regular", sans-serif;	
}

#kontakt a {
	color: var(--first-color);
	text-decoration: underline;	
}

#kontakt iframe {
	margin: 0.5em 0 2em 0;
}

.sprungmarke {
	position: absolute;
	margin-top: -200px;
}