body {
    margin: 0;
    height: 100vh;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    background-color: #fff;
    background-color: var(--background-color, #fff);
    color:#000;
	color: var(--font-color, #000);
}

.logodiv {display: flex; justify-content: center;}
#header img {max-width: 100%}

.elem-left {width: 60%; margin: 0 auto;}

.iframediv {width: 100%; position: relative; padding-bottom: 56.25%;}
.iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.elem-right {margin: 1rem;}

.chat {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin-right: 3rem;}

.chat label, .chat .submit {margin-bottom: 1rem; display: flex;}
.chat label {flex: 1 0 auto;}
.chat .submit {flex: 0 0 auto; margin-left: 1rem;}

.chat span {flex: 0 0 195px;}
.chat input, .chat textarea {margin-left: 1rem; flex: 1 0 auto;}
.chat textarea {vertical-align: middle; min-height: 5rem;}

.chat .question-label {
    flex: 0 0 100%;
    display: flex;
}

.fade-delay {animation: fadeout .5s 3s forwards}
.success {color: green;}
.error {color: red;}

.welcometext {display: flex; justify-content: center; font-size: 2em; margin: 2rem;}

.text-center {text-align: center;}

#cookiepopup { 
	width:100%; 
	position:fixed; 
	bottom:0; 
	color:#ffffff; 
	background-color:rgba(0,0,0,.85); 
	z-index:10000 !important; 
}
#cookiepopup .container {
	width:970px;
	margin:0px auto;
}
#cookiepopup p {
	color:#ffffff;
	padding:5px;
}
.cookiepopuplink {
	color:#ffffff;
	text-decoration:none;
}
.cookiepopuplink:hover {
	color:#ffffff;
	text-decoration:underline;
}
.cookiepopup_left, .cookiepopup_right {
	float:left;
}
.cookiepopup_left {
	width:70%;
}
.cookiepopup_right {
	width:30%;
	text-align:center;
}
a.cookiepopuplink1 {
	color:#ffffff;
	padding:10px;
	border:1px solid #ffffff;
}
a.cookiepopuplink2 {
	padding:10px;
	color:#ffffff;
}
a.cookiepopuplink3 {
	margin-left:20px;
}
a.cookiepopuplink1:hover, a.cookiepopuplink2:hover {
	color:#000000;
	border:1px solid #ffffff;
	background-color:#ffffff;
}
@media (max-width: 969px) {
	#cookiepopup .container {
		width:calc(100% - 20px);
		padding:0 10px;
	}
	.cookiepopup_left, .cookiepopup_right {
		float:none;
		width:100%;
	}
}

@media (max-width: 650px) {
    .chat input, .chat textarea {flex: 0 0 100%; margin-left: 0;}
    .chat label {
        flex-flow: row wrap;
        flex: 0 0 100%;
    }
    .chat span {flex: 0 0 auto;}
    .chat .submit {
        order: 100;
        margin-left: 0;
    }
}

@keyframes fadeout {
    from {opacity: 100%;}
    to {opacity: 0%;}
}