/* Sinnvoll styles */
@font-face {
    font-family: 'Approach';
    src: local('Approach-Medium'),
         url('font/Approach-Medium.woff2') format('woff2'),
         url('font/Approach-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
html {
	font-family: 'Approach', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1;
	line-height: 1.2;
	color: white;
	background-color: black;
}
section,
footer {
	width: 100vw;
	margin: 0;
	padding: 0;
	opacity: 0;
}
section p {
	margin: 0;
	padding: 0 calc(100vw * .06) calc(100vw * .08) calc(100vw * .06);
	font-size: calc(100vw / 27);
}
footer p {
	margin: 0;
	text-align: center;
	font-size: calc(100vw / 75);
}
@media only screen and (orientation: portrait) {
	section p {
		font-size: calc(100vh / 25);
		hyphens: auto
	}
	footer p {
		padding-top: calc(100vw * .16);
		font-size: calc(100vh / 60);
	}
}
a {
	display: inline-block;
	color: white;
	opacity: 1;
	text-decoration: none;
	transition: all .3s ease-out;
}
a:hover {
	opacity: .5;
}
a:after {
	content: '';
	width: 100%;
	height: calc(100vw / 325);
	display: block;
	margin-top: calc(-100vw / 175);
	background: white;
}
footer a:after {
	height: calc(100vw / 978);
	margin-top: calc(-100vw / 500);
}
/* Helper classes */
::-moz-selection {
	background: aquamarine;
	text-shadow: none;
}
::selection {
	background: aquamarine;
	text-shadow: none;
}
@media print,
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 1.25dppx),
	(min-resolution: 120dpi) {
}
@media print {
	*,
	*::before,
	*::after {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]::after {
		content: " (" attr(href) ")";
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]::after,
	a[href^="javascript:"]::after {
		content: "";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}