@font-face {
font-family: 'AdobeClean-Regular' ;
font-weight: 400;
font-style: normal;
}



html,body{
margin: 0;
padding: 0;
left: 0;
top: 0;
background-color: #ffffff;
font-family: "lato";

background-image: url(https://triostream.de//public/upload/uploadtoolcontent/y9V3K71regn2v8r/background.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

}

a{
text-decoration: none;
color: unset;
}

/* ### LOGINSIDE ###*/
.login_Outside{
width: 90%;
margin: 0 auto;
min-height: 100%;

}

.content_top_section{

}
.content_bottom_section {
    background-color: RGBA(255, 255, 255, 0.93);
    opacity: 1;
    padding: 45px 45px 45px 45px;
    width: 53%;
    margin: 45px auto 45px auto;
    border-radius: 15px;
}

.header_logo{
	    text-align: center;

	display: none;
}

.header_logo>img{
	margin-top:30px;
	text-align: center;
	width: 80%;
	max-width: 300px;

}

color: #28262c;
    margin-top: 30px;
/* border-radius: 0 0 15px 15px; */
display: flex;
font-size: 2em;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 1;
}
.login_topimage{
text-align: center;
}

.login_event_subtitle{
text-align: center;
text-transform: uppercase;
font-weight: 200;
letter-spacing: 10px;
font-size: 20pt;
color: #ffffff;
margin-top: 20px;
}

.lang_outside{
padding: 2em;
display: flex;
justify-content: center;
display:none;
}
.lang_outside_single{
padding: 2em;
cursor: pointer;
}
.lang_outside_single img{
width: 65px;
box-shadow: 0px 0px 4px 2px #888;
transition: all .2s ease-in-out;
}
.lang_outside_single img:hover{
transform: scale(1.2);
box-shadow: 0px 0px 8px 4px #888;
}

.login_headerimage{
margin: 20px;
width: 250%;
position: fixed;
}

.login_countdown{
font-size: 1em;
font-weight: bold;
text-align: center;
margin-top: 2em;
}
.logindates_container{
display: flex;
justify-content: center;
min-height:300px;

}
.logindates_outside{

box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.login_switch_container{
display: flex;
justify-content: center;
align-items: center;
}
.login_switch_items{
width: 30%;
}
.logindates_single{
text-align: center;
}
.login_text{
font-size: 1.5em;
padding-top: 40px;
color: #ffffff;
}
.login_reg_forms{
background-color: transparent;
opacity: 1;
width: 700px;
margin-top: 50%;
}
.logindates_loginfield{
text-align: center;
height: 65px;
padding-top: 30px;
}
.login_input{
width: 90%;
height: 100%;
padding-left: 1.5em;
margin-right: 5px;
opacity: 1;
font-size: 16px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #00e4e7;
font-family: lato;
}

.login_input:focus{
outline: none;
}

.login_send{
font-weight: bold;
font-size: 25px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-transform: uppercase;
padding: 0 1em 40px 1em;
color: #ffffff;
margin: 40px 0px 40px 0;
}

.powered_by{
	color: #ffffff;
	font-size: 12pt;
	letter-spacing: 4px;
}


/* ### ### ### ###*/
/* ### MAINSIDE ###*/
/* ### ### ### ###*/


/* ### POSITION DIVS ###*/
.main_outside{
}

.mainside_headerimage{
margin: 20px;
width: 250%;
position: fixed;
}

.top_section{

}

.lower_section{
width: 80%;
max-width: 1500px;
min-width: 1400px;
background-color: #bdbebd;
}

.grow_inner{
}


/* ### POSITION DIVS ###*/
.main_outside{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
/* background-color: #ffffff; */
}

.top_section{
width: 80%;
max-width: 1500px;
min-width: 1400px;
min-height: 400px;
position: relative;
/* border-radius: 0 0 15px 15px; */
/* background-color: #00e4e7; */
color: #28262c;
}

.lower_section{
width: 80%;
max-width: 1500px;
min-width: 1400px;
background-color: #bdbebd;
}

.grow_inner{
width: 60%;
box-sizing: border-box;
margin-top: 20px;
}



.flying_right{
height: 800px;
position: absolute;
top: 50px;
right: 12%;
box-sizing: border-box;
width: 350px;
opacity: 1;
}

/* ### Title Section ###*/
.titel_section{
margin: 50px 0 10px;
}

.livetitle{
font-size: 18px;
font-weight: bold;
color: #00e4e7;
}

.subtitle{
font-size: 30px;
letter-spacing: 3.5px;
margin-top: 10px;
color: #FFFFFF;
}

.subtitle_text{
font-size: 14px;
margin-top: 10px;
}

/* ### VIDEO ###*/
.video{
display: flex;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    background-color: black;
    width: 60%;
    margin-top: 50;
}

/* ### Question and Answers ###*/



/* ### Question IN ###*/

.qa_container{

}

.qa_in_title{
    font-size: 30px;
    font-weight: 600;
    line-height: 120%;
	letter-spacing: 4px;
	color: #00e4e7;
}

.qa_in_container{
width: 100%;
min-width: 400px;
padding: 0px 0px 20px 0px;

}

.qa_in_characters_left{
display: inline-block;
position: absolute;
width: 60px;
height: 14px;
margin: 10px 0 0 0;
font-size: 0.7em;
color: grey;
}


.qa_in_question_container{
width: 100%;
height: 60px;
display: flex;
align-items: center;
padding-bottom: 1em;
}


.qa_in_question_container input{
height: 100%;
width: 100%;
border-bottom: 1px solid #00e4e7;
border-top: none;
border-left: none;
border-right: none;
font-size: 14px;
background: none;
}
.qa_in_question_container input:focus{
outline: none;
background: white;
}
.qa_in_sendbutton{
display: inline-block;
cursor: pointer;
}
.qa_in_send_icon{
font-size: 1.7em;
color: #FF7300;
}
.qa_in_anonym_container{
display: flex;
font-size: 15px;
position: relative;
justify-content: center;
flex-direction: column;
text-align: center;
left: 110px;
top: 15px;
cursor: pointer;
user-select: none;
}
.qa_in_anonym_icon{
font-size: 2em;
color: grey;
}
.qa_in_thanks{
/*margin-bottom: 1em;*/
color: #00e4e7;
padding: 0px 0px 20px 0px;
font-family: source-sans-pro;
}
.qa_in_timeout{
margin-top: 24px;
}

/* ### Question OUT ###*/
.qa_out_outside{
	display: none;
margin: 20 45 0 40;
/*padding-bottom: 20px;*/
border-bottom: 1px solid rgba(31,31,31,0.2);
}
.qa_out_flex_container{
display: flex;
/*margin-bottom: 1em;*/
}
.qa_out_name{
display: none;
width: 126px;
font-size: 14px;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: 1.21;
color: #6a3092;
padding: 2px 0px 0px 0px;
}
.qa_out_time{
display: none;
margin-top: 20px;
font-size: 14px;
line-height: 1.21;
}
.qa_out_question{
	
margin: 25px 15px 25px 15px;
color: #6a3092;
}
.qa_out_vote_container{
text-align: right;
color: #e71c1b;
padding: 0px 45px 0px 0px;
display: none;
}
.viel_question_thumbcontainer .selected {
border-bottom: 2px solid black;
}
.qa_out_vote_container_thumbup{
cursor: pointer;
display: inline-block;
}
.qa_out_vote_container_thumbdown{
cursor: pointer;
display: inline-block;
margin-left: 1em;
}
.qa_admin_answer{
color: ;
margin: -10px 20px 15px 40px;
}

/* ### LIVE CHAT ###*/
.livechat_outside{
background-color: white;
margin-top: 1em;
margin-bottom: 1em;
}
.lifechat_msgboard{
min-height: 17vh;
max-height: 51vh;
overflow-x: hidden;
overflow-y: scroll;
padding: 0.3em;
}
.livechat_messages{
display: block;
}
.livechat_name{
color: grey;
margin-right: 0.5em;
}
.livechat_text{
}
.livechat_yourname{
font-weight: bold;
border-top: 1px solid grey;
}
.livechat_input{
width: 100%;
padding: 0.5em;
border: none;
font-size: 1em;
}

/* ### FILE / DOWNLOAD ###*/
.file_outside{
display: flex;
align-items: center;
cursor: pointer;
}



/* ####################################################################################################################################### */

@media only screen and (min-width: 1400px) {
.flying_right {
display: block !important;
}
}
/* ####################################################################################################################################### */
@media only screen and (max-width: 1400px) {
/* ### LOGINSIDE ###*/
.login_welcome, .login_Outside, .login_countdown, .login_topsection,
.logindates_outside {
word-wrap: break-word !important;
text-align: center;
margin-bottom: 10px;
}
.login_headerimage{
margin: 20px;
width: 350%;
position: fixed;
}
.login_send{
font-weight: bold;
font-size: 30px;
cursor: pointer;
text-transform: uppercase;
color: #00e9ed;
margin: 30;
padding: unset;
}
.login_Outside{
max-width: unset;
min-width: unset;
width: 90%;
}
.login_topsection{
border-radius: unset;
margin-top: 10px;
overflow: hidden;
}
.logindates_container{
flex-direction: column;
}
.login_reg_forms{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #f3f3f3
}
.logindates_single{
font-size: 1.9em;
padding: 40px 30px 0px 30px;
}
.login_switch_container{
flex-wrap: wrap;
}
.login_switch_items{
width: 50%;
}
.login_bottomsection{
	width: 90%;


/* ### ### ### ###*/
/* ### MAINSIDE ###*/
/* ### ### ### ###*/


/* ### POSITION DIVS ###*/
.main_outside{
}
.top_section{
}
.titel_section{
margin: unset;
padding: .5em;
}
.grow_inner{
}
.flying_right{
right: 0;
top: unset;
height: 100%;
width: 100%;
display: none;
}

.video{
width: 90%;
height: unset;
aspect-ratio: 16/9;
margin: 0 auto;
margin-top: 4em;
}

.lower_section{
width: 100%;
min-width: unset;
max-width: unset;
}
/* ####################################################################################################################################### */

@media only screen and (max-width: 550px) {
/* ### LOGINSIDE ###*/
.logindates_loginfield{
display: unset;
margin-right: 5%;
margin-left: 5%;
width: 90%;
height: unset;
}

.login_headerimage{
margin: 20px;
width: 450%;
position: fixed;
}

.login_input{
width: 100%;
padding: 1em;
padding-left: unset;
box-sizing: border-box;
margin-left: unset;
margin-bottom: 1em;
text-align: center;
}
.login_bottomsection{
	width: 100%;
.content_bottom_section{
padding: 0 0 0 0;
margin-top: 0;
opacity: 1;
}
.video{
width: 100%;
margin-top: 2.5%;
}