/* Definitions */
:root {
	/* Loading values from branding template */
	--color-primary: var(--brand-color-highlights);
	--color-secondary: var(--brand-color-background);
}

body {
	scroll-behavior: smooth;
	margin: 0px;

	/* cosmetic */
	background: var(--color-secondary);
	color: var(--color-primary);
	font-family: monospace;
	letter-spacing: 0.03em;

	/* disable scrollbar */
	height:100vh;
}

main {
	width: 100%;
}

section {
	width:60vw;
	margin-left:20vw;
	height: 100vh;
}

.container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size:2vmin;
}

.container ul {
	list-style-type: none;
	margin: 0;
}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.row > div {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	white-space: nowrap;
}

.row > div:last-child {	
	padding-left: 5vmin;
}

.head {
	font-size: 2.5vmin;
	text-decoration: underline;
	margin: 0;
	margin-top: 1.5vmin;
}

.subhead {
	font-size: 2.2vmin;
	margin: 0;
	margin-top: 1vmin;
}

.headline {
	font-size:10vmin;
	cursor:default;
}

.subline {
	cursor:default;
}

.blinking {
	animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
	50% { opacity: 0;}
}

a:link, a:hover, a:active, a:visited {
	text-decoration: underline;
	color: var(--color-primary);
}

.dataprotection {
	position:relative;
	font-size: 1.2vmin;
	z-index: 4;
	text-shadow: none;
}