@font-face {
font-family: "source-sans-pro", sans-serif;
font-weight: 400;
font-style: normal;
}

html,body{
margin: 0;
padding: 0;
left: 0;
top: 0;
background-image: url("https://triolution.de/Triostream_Content/starmoney/starmoney_Star.png"); 
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #EDF1F6;
font-family: source-sans-pro;
}

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

.content_container{

}

/* ### LOGINSIDE ###*/
.login_Outside{
width: 700px;
margin: 0 auto;
min-height: 800px;
}

.content_top_section{
}

.content_bottom_section{
display: flex;
/*background-color: #FF7300;*/
opacity: 1;
/* padding: 20px 45px 45px 45px; */
margin: 25px 0 25px 0;
border-radius: 16px;
}

.login_topsection{
background-color: #ffffff;
color: #000000;
padding-top: 2.5em;
min-height: 400px;
display: flex;
font-size: 1em;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 1;
}

.login_topimage{
text-align: center;

}
.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_countdown{
font-size: 1.75em;
font-family: calibri;
text-align: center;
margin-top: 2em;
color: #878787
}
.logindates_container{
display: flex;
justify-content: center;
min-height:0px;
}
.logindates_outside{
margin-bottom: 2em;
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{
display: inline-block;
}
.login_text{
font-size: 1.5em;
color: #878787;
}
.login_reg_forms{
background-color: #ffffff;
opacity: 1;
width: 700px;
}
.logindates_loginfield{
display: flex;
height: 64px;
margin: 25px;
opacity: 1;
}
.login_input{
width: 90%;
height: 100%;
padding-left: 1.5em;
margin: 1em;
opacity: 1;
font-size: 16px;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #004992;
font-family: calibri;
}
.login_input:focus{
outline: none;
}
.login_send{
/* border-radius: 8px; */
overflow: visible;
margin: 25px;
height: 64px;

font-weight: 700;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-transform: uppercase;
padding: 0 1em 0 1em;
background-color: #ffffff;
color: #004992;
}

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


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

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

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

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

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


/* ### FOOTER ###*/
.footer_outside{
height: 150px;
background-color: #230075;
color: #004268;
width: 80%;
max-width: 1500px;
min-width: 1400px;
margin: 0 auto;
/* border-radius: 15px 15px 0 0; */
overflow: hidden;
clear: both;
position: relative;
}
.footer_side_container{
display: flex;
width: 100%;
height: 100%;
}
.footer_side{
height: 100%;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.footer_padding{
padding: 2em;
}

/* ### SCHEDULE ###*/

.schedule_outside{
width: 350px;
/* top: 50px; */
overflow: hidden;
background-image: url("https://www.triolution.de/Content/starmoney/STARMONEY-Logo.svg")
mix-blend-mode: exclusion;
}

.schedule_mobile{
display: none;
}

.schedule_top{
height: 140px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
}
.schedule_top>img{
width:150px;
}

.schedule_live_container{
display: flex;
align-items: center;
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
padding-bottom: 5px;
margin-bottom: 5px;
}
.schedule_live{
display: flex;
margin-left: 0.5em;
margin-top: .8em;
justify-content: center;
align-items: center;
/*background-color: #A9ACFF;/*
padding: 3px;
/* border-radius: 5px; */
color: #FF7300;
font-weight: 700;
}
.schedule_live_icon{
margin-right: 5px;
font-size: 10px;
animation: live_icon 3s infinite;
}
@keyframes live_icon{
0%{opacity: 1;}
66%{opacity: 0;}

}
.schedule_single_outside{
width: 90%;
margin-bottom: 15px;
color: #000000;
background-color: #004268;
border-left: 4px solid #FF7300;
mix-blend-mode: multiply;
}

.schedule_single_one{
font-size: 14px;
color: #EDF1F6;
padding: 15px 5px 0px 10px;
}
.schedule_single_two{
font-size: 18px;
/*font-weight: 700;*/
color: #ffffff;
padding: 0px 0px 5px 20px;
}
.schedule_single_three{
font-size: 14px;
color: #ffffff;
padding: 10px 5px 10px 20px;
}
.schedule_single_four{
font-size: 14px;
color: #ffffff;
padding: 5px 5px 10px 20px;
}

/* ### SHEDULE TIMED ###*/
.schedule_timed_outside{
width: 350px;
/* height: 800px; */
top: 50px;
/* border-radius: 15px; */
overflow: hidden;
background-color: #ffffff;
}
.schedule_timed_mobile{
display: none;
}
.schedule_timed_top{
height: 140px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
}
.schedule_timed_live_container{
display: flex;
align-items: center;
/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */
padding-bottom: 5px;
margin-bottom: 5px;
}
.schedule_timed_live{
display: flex;
margin-left: .6em;
justify-content: center;
align-items: center;
background-color: red;
padding: 3px;
/* border-radius: 5px; */
color: white;
font-weight: 700;
}
.schedule_timed_live_icon{
margin-right: 5px;
font-size: 10px;
animation: live_icon 3s infinite;
}
@keyframes live_icon{
0%{opacity: 1;}
66%{opacity: 0;}

}
.schedule_timed_single_outside{
width: 90%;
margin: 10px auto 20px;
color: #000000;
background-color: #d8d9ec;
border-left: 4px solid #000790;

}
.schedule_timed_single_one{
font-size: 14px;
padding: 15px 5px 10px 10px;
}
.schedule_timed_single_two{
font-size: 18px;
font-weight: 700;
color: #000000;
padding: 0px 0px 5px 10px;
}
.schedule_timed_single_three{
font-size: 14px;
padding: 10px 5px 15px 10px;
}
.schedule_timed_single_four{
font-size: 14px;
padding: 5px 5px 10px 10px;
}

/* ### Sponsors ###*/
.sponsor_outside{
position: absolute;
top: 1000px;
background-color: #ff5900;
width: 470px;
height: 200px;
display: flex;
justify-content: center;
align-items: center;
/* border-radius: 15px 0 0 15px; */
}
.sponsor_image{
margin: .5em;
max-width: 45%;
}


/* ### Sponsor Carousels ###*/
.sponsor_carousels{
display:none;
/*background-color: #ffffff;*/
height: 0px;
display: flex;
justify-content: space-around;
align-items: flex-end;
padding-bottom: 10px;
}

.sponsor_carousels a img{
width: 150px;
}


/* ### Title Section ###*/
.titel_section{
margin: 45px 0 20px;
background-color: RGBA(255,255,255);
padding: 10px 0px 10px 20px;
display:none;
}

.titelbild{
}	

.titelbild>img{
height: 100px
}

.va_titel{
    font-size: 2em;
    font-weight: 600;
    letter-spacing: 2;
    padding: 26px 0px 0px 50px;
	color: #000000
}

.livetitle{
font-size: 18px;
font-weight: 700;
color: #004268;
}

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

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

/* ### VIDEO ###*/
.video{
width: 100%;
/* height: 464px; */
/*background-color: black; */
aspect-ratio: 16 / 9;

}

/* ### SURVEY ###*/
.survey_outside{
/*margin-top: 30px;*/
padding: 0px 0px 0px 45px;
}
.survey_title{
font-size: 1.5em;
font-weight: 100;
color: #e71c1b;
padding-top: 25;
}
.survey_question{
margin-top: 10px;
font-size: 30px;
letter-spacing: 3.5px;
color: #000000;
}
.survey_sendbutton{
font-weight: bold;
font-size: 16px;
cursor: pointer;
margin-top: 32px;
margin-bottom: 45px;
width: 176px;
height: 50px;
/* border-radius: 8px; */
display: flex;
align-items: center;
justify-content: center;
background-color: #e71c1b;
color: #ffffff;
}
.survey_thanks{
font-size: 16px;
font-weight: bold;
color: #000000;
margin-top: 2em;
}

/* ### SURVEY SINGLE RADIO ###*/
.survey_answer_single_outside{
margin-top: 18px;
color: #000000;

}
.survey_answer_single_label {
position: relative;
padding-left: 45px;
margin-top: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.78;
letter-spacing: normal;
}
.survey_answer_single_label input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.survey_answer_single_check {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #e71c1b;
border-radius: 100%;
}
.survey_answer_single_label:hover input ~ .survey_answer_single_check {
background-color: #e71c1b;
opacity: 0.4;
}
.survey_answer_single_check:after {
content: "";
position: absolute;
display: none;
}
.survey_answer_single_label input:checked ~ .survey_answer_single_check:after {
display: block;
background: #e71c1b;
}
.survey_answer_single_label .survey_answer_single_check:after {
left: -1px;
top: -1px;
width: 22px;
height: 22px;
border-radius: 100%;
}

.chartjs-size-monitor + div{
font-size: 30px;
letter-spacing: 3.5px;
color: #000000;
}


/* ### SURVEY MULTI CHECKBOX ###*/
.survey_answer_multi_container{
display: block;
position: relative;
padding-left: 45px;
margin-top: 18px;
cursor: pointer;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.survey_answer_multi_container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.survey_answer_multi_checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 2px solid grey;
}
.survey_answer_multi_container:hover input ~ .survey_answer_multi_checkmark {
background-color: #ccc;
}
.survey_answer_multi_checkmark:after {
content: "";
position: absolute;
display: none;
}
.survey_answer_multi_container input:checked ~ .survey_answer_multi_checkmark:after {
display: block;
}
.survey_answer_multi_container input:checked ~ .survey_answer_multi_checkmark{
background-color: #ffffff;
border: 2px solid #ffffff;
}

.survey_answer_multi_container .survey_answer_multi_checkmark:after {
left: 5px;
top: 2px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


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



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

.qa_container{

}

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

.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 #004268;
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: #004268;
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: #004268;
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: #004268;
}
.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: #FF7300;
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: 1000px) {
.flying_right {
display: block !important;
}
}
/* ####################################################################################################################################### */
@media only screen and (max-width: 1000px) {
/* ### LOGINSIDE ###*/
.login_welcome, .login_Outside, .login_countdown, .login_topsection,
.logindates_outside, .login_send{
word-wrap: break-word !important;
text-align: center;
}
.login_Outside{
max-width: unset;
min-width: unset;
width: 100%;
}
.login_topsection{
border-radius: unset;
opacity 1;
overflow: hidden;
height: 96.9%;
}
.logindates_container{
flex-direction: column;
}
.login_reg_forms{
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: #ffffff;
}
.logindates_single{
margin: 25px;
}
.login_switch_container{
flex-wrap: wrap;
}
.login_switch_items{
width: 50%;
}


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


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

/* ### SCHEDULE TIMED ###*/
.schedule_timed_outside{
width: 50%;
top:0px;
right: 0px;
position: relative;
z-index: 9999;
margin-left: auto;
margin-right: 0;
}

.schedule_outside{
/* border-radius: 15px 0 0 15px; */
/* box-shadow: 5px 5px 20px rgba(0,0,0,0.5); */
width: 50%;
/* height: 40%; */
top: 0px;
right: 0px;
position: relative;
z-index: 9999;
margin-left: auto;
margin-right: 0;
opacity: 1;
}
.schedule_mobile{
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
color: #004268;
width: 100%;
font-size: 2rem;
padding: .2em;
position: absolute;
right: 0;
cursor: pointer;
z-index: 9999;
}
.schedule_top{
width: 50%;

right: 0px;
position: relative;
z-index: 9999;
margin-top: 50;
margin-left: auto;
margin-right: 0;
}
.schedule_top>img{
width: 150px;
}
.video{
width: 95%;
margin: 0 auto;
margin-top: 25px;
aspect-ratio: 16 / 9;
}
.content_bottom_section {
    background-color: RGBA(255,255,255);
    opacity: 1;
    margin: 25px auto;
    width: 95%;
}
.survey_outside, .qa_in_title, .file_outside, .qa_in_question_container,
.qa_in_thanks, .qa_in_timeout, .qa_out_outside{
padding: 20px 0px 0px 20px;
}
.qa_in_container{
width: 100%;
padding: 0px 0px 30px 0px;
}
.qa_in_question_container{
width: 96%;
box-sizing: border-box;
}
.qa_in_anonym_container{
width: 15%;
}

.lower_section{
width: 100%;
min-width: unset;
max-width: unset;
}
/* ### Sponsor Carousels ###*/
.sponsor_carousels{
width: 50%;
top: 0px;
right: 0px;
position: relative;
z-index: 9999;
margin-left: auto;
margin-right: 0;
padding-bottom: 10px;
}

.sponsor_carousels a img{
width: 140px;
}

.sponsor_outside{
width: 50%;
position: relative;
right: 0;
top: unset;
margin-left: auto;
margin-right: 0;
z-index: 9000;
}

/* ### FOOTER ###*/
.footer_outside{
width: 100%;
max-width: unset;
min-width: unset;
margin: 0 auto;
border-radius: unset;
overflow: hidden;
clear: both;
position: relative;
}
.footer_side_container{
display: flex;
width: 100%;
height: 100%;
}
.footer_side{
height: 100%;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.footer_padding{
padding: 2em;
}
}

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

@media only screen and (max-width: 550px) {
/* ### LOGINSIDE ###*/
.logindates_loginfield{
display: unset;
margin: unset;
width: 100%;
height: unset;
}
.login_send{
box-sizing: border-box;
width: 100%;
margin: unset;
border-radius: unset;
padding: unset;
overflow: hidden;
}
.login_input{
width: 100%;
padding: 1em;
padding-left: unset;
box-sizing: border-box;
margin-left: unset;
margin-bottom: 1em;
text-align: center;
}
.va_titel{
	    font-size: 1.9em;
    font-weight: 600;
    letter-spacing: 2;
    padding: 28px 0px 0px 20px;
    color: #000000;
}
.content_bottom_section{
}
.survey_outside{
	padding: 0 0 0 0;
}
.video{
width: 95%;
/* height: 464px; */
background-color: #dedede;
aspect-ratio: 16 / 9;
margin-bottom: 15px;
}
.qa_in_question_container{
width: 93%;
}
.qa_in_title{
margin-top: 0px;
}
.schedule_top{
width: 100%;
top: unset;
margin-top: 0;
}
.schedule_timed_outside{
width: 100%;
top: unset;
}
.schedule_outside{
width: 100%;
border-radius: unset;
top: unset;
}
.schedule_mobile{
position: unset;
width: 100%;
font-size: 1.5rem;
}
.qa_in_anonym_container{
position: unset;
margin-left: 1rem;
}
.sponsor_carousels{
width: 100%;
}
.sponsor_outside{
width: 100%;
/* border-radius: 0 0 15px 15px; */
}
/* ### FOOTER ###*/
.footer_outside{
height: unset;
padding-bottom: 1rem;
}
.footer_side_container{
display: unset;
}
.footer_side{
height: unset;
width: 100%;
flex-direction: column;
}
}