/* urbanist-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/urbanist-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* urbanist-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Urbanist';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/urbanist-v15-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* urbanist-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/urbanist-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
	background: black;
	text-align: center;
	padding: 2em;
	padding-top: 10vh;
	color: white;
	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
}

@keyframes flicker {
	0%, 19%, 21%, 23%, 25%, 49%, 54%, 56%, 100% {
		opacity: 1;
	}
	20%, 24%, 55% {
		opacity: 0.5;
	}
	22%, 50% {
		opacity: 0;
	}
}

/* Hintergrundvideo */
.background-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.neon-flicker {
	animation: flicker 4s infinite;
	transition: opacity 0.1s ease-in-out;
	width: 100%;
	height: auto;
	max-width: 450px;
}

.home h2 {
	animation: flicker 5s infinite;
	transition: opacity 0.1s ease-in-out;
	font-size: 1.2em;
	font-weight: 700;
	color: red;
}

.home header h3 {
	display: inline;
	font-weight: normal;
	font-size: 1em;
}

.home header p {
	display: inline;
}

.textcontainer main {
	text-align: left;
	max-width: 800px;
	margin: 0 auto;
}

.textcontainer a {
	color: red;
}

hr {
	margin: 4em 0;
}

.back_link {
	display: inline-block;
	margin: 0 auto;
}


footer {
	margin-top: 4em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++    > 1000    */
@media only screen and (min-height:600px) {

.home footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
}


} /* -------------------------------------------------------------------- */


footer ul {
	list-style-type: none;
	padding: 0;
}

footer ul li {
	display: inline-block;
	position: relative;
	margin-bottom: 0.25em;
}

footer ul li:before {
	content: "•";
	display: inline-block;
	color: red;
	margin: 0 0.5em 0 0.25em;
}

footer ul li:first-child:before {
	display: none;
}

footer a {
	color: red;
	text-decoration: none;
	font-style: italic;
}

footer .social a {
	color: white;
}

body {
	position: relative;
}