@charset "utf-8";
/* CSS Document */

:root {
	--containerWidth: 1440px;
	--primary: #052a68;
	--lightGrey: #f5f5f5;
}

body { font-family: Noto Sans,Arial,sans-serif; color:#555; font-weight: 100; hyphens: auto; line-height: 1.6470588235; font-size: 110%; min-height:100vh; display: flex; flex-direction: column; scroll-behavior: smooth; }
main { flex-grow: 1; background-color:var(--lightGrey); }
section { display: flex; justify-content: center; padding:60px 0; }
section.white { background-color: #fff; }
.container { width:100%; max-width:var(--containerWidth); padding:0 4%; }
h1, h2 { color:#000; font-weight: 400; margin:0 0 1.75rem; }
h1 { font-size: 220%; line-height: 1.380952381; margin-top: 1.875rem; }
h2 { font-size: 180%; line-height: 1.5; }
section h2:first-of-type { margin-top:0; }
strong { font-weight: 600; }
a { color:#555; text-decoration: underline; }

header { display: flex; justify-content: center; height:90px; }
header .container { display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; justify-content: flex-start; align-items: center; height:100%; }
.logo img { width:auto; height:70%; }
.headerImg { background-image: url('../img/Inside_Webcast_3.webp'); background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: center; height:40vh; }
.headerImg h1 { color:#fff; margin:0; font-size: 330%; line-height: 1.0; }
.headerImg span { color:#fff; margin:0; font-size: 90%; position: relative; left:4px; }

input { width:100%; max-width: 400px; display: flex; margin:0 0 15px 0; font-family: inherit; font-size: inherit; color:inherit; line-height: inherit; border:1px solid var(--primary); background-color: #fff; padding:10px 5px; }
input[type="submit"] { background-color: var(--primary); color:#fff; border:none; padding:10px 0; }
.fail { color:#ff0000; }

footer { background: linear-gradient(94deg,#0099d6,#081d41 49%,#052a68 105%); display: flex; justify-content: center; align-items: center; padding:30px 0; }
.footerMenu { display: flex; justify-content: flex-start; column-gap:20px; }
.footerMenu a { color:#fff; text-decoration: none; }

.streamWrapper { margin-top:40px; }
.streamSelectWrapper { display: flex; justify-content: space-between; }
.streamSelectWrapper a { flex-basis:33%; display: flex; justify-content: center; align-items: center; height:60px; column-gap:10px; text-decoration: none; background-color: #ddd; }
.streamSelectWrapper a.aktiv { background-color:var(--primary); color:#fff; }
.streamSelectWrapper a:nth-of-type(3).aktiv img { filter:invert(1); }
.streamSelectWrapper a img { width:auto; height:50%; }

.videoWrapper { width:100%; aspect-ratio:16/9; }

.feedbackWrapper {  }

@media screen and (max-width: 800px) {
	body { font-size: 100%; }
}
@media screen and (max-width: 520px) {
	header { height:60px; }
	.streamSelectWrapper a { height:40px; }
	.streamSelectWrapper a span { display: none; }
}