@font-face {
	font-family:'Thesis';font-weight:normal;font-style:normal;
	src:url('TheSans_LT_TT5_.eot#') format('eot'),
	url('TheSans_LT_TT5_.woff') format('woff'),
	url('TheSans_LT_TT5_.svg') format('svg')
}
/* Medium
@font-face {
	font-family:'Thesis';font-weight:normal;font-style:normal;
	src:url('TheSans_LT_TT6_.eot#') format('eot'),
	url('TheSans_LT_TT6_.woff') format('woff'),
	url('TheSans_LT_TT6_.svg') format('svg')
}
*/
/* Bold
@font-face {
	font-family:'Thesis';font-weight:normal;font-style:normal;
	src:url('TheSans_LT_TT7_.eot#') format('eot'),
	url('TheSans_LT_TT7_.woff') format('woff'),
	url('TheSans_LT_TT7_.svg') format('svg')
}
*/
/*Black
@font-face {
	font-family:'Thesis';font-weight:normal;font-style:normal;
	src:url('TheSans_LT_TT8_.eot#') format('eot'),
	url('TheSans_LT_TT8_.woff') format('woff'),
	url('TheSans_LT_TT8_.svg') format('svg')
}
*/


div[type="list"] .e1 .connect .flypiconConnect,
div[type="list"] .e2 .connect .flypiconConnect,
div[type="list"] .e3 .connect .flypiconConnect,
div[type="list"] .e4 .connect .flypiconConnect {
	color: transparent;
}


  

body.ownerbody {
  background: url("https://www.eurovision.de/resources/img/eurovision/rotterdam2020/esc2020_xl_bg.png") right top no-repeat #00053f;
  background-attachment:fixed;
  webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; 
    color: #444444;
    overflow-x: hidden;
    background-size:auto;
    font-family:Thesis;
}





body.dragdrop,
body.dragdrop::before {
	background:transparent; }
	
#banner::before {
    content: '';
    width: 219px;
    height: 44px;
    position: absolute;
    right: 15px;
    top: 10px;
    background: url(logos.png) top no-repeat;
    background-size: contain;
}
	
	@media all and (max-width: 1000px) {
    body.ownerbody {
        background-size:100% auto;
    }
	
}

@media all and (max-width: 720px) {
    #banner::before {
    width: 170px;
    height: 68px;
    }
	body.ownerbody {
        background: #00053f url("https://www.eurovision.de/resources/img/eurovision/rotterdam2020/esc2020_s_bg.jpg") top right no-repeat;
    }
}
@media all and (max-width: 620px) {
    #banner::before {
    width: 152px;
    height: 61px;
    }
}
    


#menubar {
	background-color:#042557;
}
#poweredByFlypSite {
	background-color: #fff;
	background-image: url(/g/16.12/assets/poweredByFlypSite_black.svg);
}
#poweredByFlypSite span a { color:#000;}


#frame_banner > div > img {
    visibility: hidden;
}

#evideo_frame {background:rgba(0,33,84,0.5);}

#videoBtn {
    padding: 13px 20px 12px 22px;
    background:rgba(2, 9, 44, 0.6);
    border-top-left-radius: 11px;
    right: 0;
    bottom: 0;
    width: 133px;
    text-align: center;
}
#videoBtn[state="closed"]::before {
    content: "Video einblenden";
}
#videoBtn[state="open"]::before {
    content: "Video ausblenden";
}

div[type="list"] .slideshow .tile[layout="image"] .info, div[type="list"] .slideshow .tile[layout="image"] .text {    
    padding-bottom: 2px;
    padding-top:12px;
}

/* ################ Das muss in das 3rd Screen CSS!!! IE ################ */
.slideshow_scaler {
    transform-origin: 0 0;
}
/* ################ Das muss in das 3rd Screen CSS!!! IE ################ */



/* ################ Kommentarecke ################ */
.tile .nocomment {
    background-image: linear-gradient(45deg, rgba(255,154,42,0) 0%,rgba(255,154,42,0) 49.9%,rgba(255,154,42,1) 50%,rgba(255,154,42,1) 100%);
}




/* //////////////////////////////////////////////////////
Alle Elemente mit der Haupt-Schmuckfarbe
//////////////////////////////////////////////////////// */


/* KachelKommentare -  BGcolor / color  - Icons als Flypicon Font --------------*/
.tile .theComment {color: #fff;background-image: linear-gradient(45deg, rgba(255,154,42,0) 0%,rgba(255,154,42,0) 49.9%,rgba(255,154,42,1) 50%,rgba(255,154,42,1) 100%);}

/* KachelKommentare -  im Listenclient BGcolor / color --------------*/
.eLCommentCount { background-color: #ffc832; color: #fff; }


/* overlayCloseButton BGcolor / color -----------------------------*/
#overlayCloseButton { background-color: #ffc832; color: #fff; }  


/* Play Video in Kachel------------------------------------*/ 
.playVideoKachel,
.double-bounce1, 
.double-bounce2 { color: #ffc832; color: #fff; opacity: 1; }


/* scroll to top - Button ---------------------------------*/
#scrollToTopBtn { background: #ff9a2a; background: transparent;   }
#scrollToTopBtn:before { border-color: transparent transparent #fff transparent; }
#scrollToTopBtn:hover {	background: #ffc832;  }


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:rgba(255,255,255,0.4); }
.pollDisabled { background-color:rgba(255,255,255,0.2); }
.pollHilite {  
    color:#02224a;
    background: #fae38a;
    background: linear-gradient(to bottom, #fae38a, #ff9c35);
    background-color: #fae38a;
}













/* ################ Kopf für twolist html ################ */
.reiterkarte {
	background: rgba(0, 5, 63); 
	background: linear-gradient(135deg, rgba(0, 5, 63, 0.95) 0%,rgba(0, 5, 63, 0.75) 100%); 
	border-top: 0px solid #001a4b;
  color: #fff;
}
.clickable {
	border-top: 0px solid #777;
	background: #fff;
}
.clickable span{
	color: #000;
}

/* ################  neu: .social ################ */
#social .s1 {
	background-color: #160f38;
}


/* ################ Buttons - Video und scroll to top ################ */
#scrollToTopBtn {
	background-image: url(../../assets/scroll_up.png);
}

/* ################ Chatbox - Kommentareingabe chatbox und message im Overlay ################ */
#chatboxdummy, .overlayCommentsFormContainer {
	background: #3b9be6; 
	background: rgba(59, 155, 230, 0.85); 
	color:#fff; 
}
.ownerbody input[type="submit"] {
	background: #fff;
  color: #000;
  border-left: 1px solid #000;
}


.eLCommentsFormContainer #messageCommentForm td:first-child, #chatboxdummy td:first-child {
	background-color: #fff;
}
.eLCommentsFormContainer #messageCommentForm td:last-child, #chatboxdummy td:last-child {
	background: #e7e7e7;
  background: linear-gradient(to bottom, #e7e7e7 0%, #a7a7a7 100%);
}

#loginPopup div:nth-child(2) {
	background:#01aa5a;
	color:#fff;
}


/* ################ STYLE plain ################ */
.plain { 
	background: #1d408e; 
	background: linear-gradient(135deg,  #002f58 0%,#125985 100%); 
	background-color: #1d408e;	
	color: #ffffff; 
}
.plain a { 
	color: #fffff; 
	text-decoration: none;
}
div[type="list"] .plain .connect .flypiconConnect {
	color: #05416b;
}




div[type="list"] .plain .transparent_postcard {
	background-image: none;
}






/* ################ STYLE 1: ################ */
.s1 { 
	background: #1d408e; 
	background: linear-gradient(135deg, #080b70 0%,#101380 100%); 
	background-color: #1d408e;	
	color: #ffffff; 
}
.s1 a { 
	color: #ffffff; 
	text-decoration: none;
}
div[type="list"] .s1 .connect .flypiconConnect {
	color: #0c0f78;
}



/* ################ STYLE 2: Verlauf dunkelblau Schrift weiss ################ */
.s2 { 
background: #fae38a;
	background: linear-gradient(to bottom, #1b59c7, #221d92);
	background-color: #1b59c7;
	color: #fff;
}
.s2 a { 
	color: #fff; 
}
div[type="list"] .s2 .connect .flypiconConnect {
	color: #202599;
}




/* ################ STYLE 3:  ################ */
.s3 { 
	color: #ffffff; 
	background-color: #fc0000;
}
.s3 a { 
	color: #ffffff;
}
div[type="list"] .s3 .connect .flypiconConnect {
	color: #fc0000; 
}




/* ################ Verlauf mittelblau heller zu mittelblau dunkler, von oben nach unten, Schrift weiss */
.s4 { 
	background: #000543; 
	background: rgb(0,5,67);
	background: linear-gradient(0deg, #000543 8%, #000c67 9%, #000c67 10%, #000543 11%, #000543 46%, #000c67 47%, #000c67 48%, #000543 49%, #000543 78%, #000c67 79%, #000c67 80%, #000543 81%); 
	background-color: #000543;
	color: #ffffff;
}
.s4 a { 
	color: #ffffff; 
}
div[type="list"] .s4 .connect .flypiconConnect {
	color: #000543; 
}





/* ################ STYLE 5: blauer verlauf ################ */
.s5 { 
	/*background: #1ac0f8; 
	background: linear-gradient(135deg,  #5396b2 0%,#9ec2de 100%); */
	background-color: #1ac0f8;
	color: #ffffff;	
}
.s5 a { 
	color: #ffffff; 
}
div[type="list"] .s5 .connect .flypiconConnect {
	color: #1ac0f8;	
}



.s6 {
	background: #01aa5a; 
	/*! background: linear-gradient(135deg,  #012c56 0%,#308bc2 100%); */ 
	background-color: #01aa5a;
	color: #ffffff;	
}
.s6 a { 
	color: #ffffff;
}
div[type="list"] .s6 .connect .flypiconConnect {
	color: #01aa5a;
}




/* ################ STYLE 7:  Verlauf hellgrau zu grau, von oben nach unten, Schrift grau ################ */
.s7 { 
	color: #000; 
	background-color: #ffc832 ;
}
.s7 a { 
	color: #000; 
}
div[type="list"] .s7 .connect .flypiconConnect {
	color: #ffc832 ;
}





/* ################ STYLE 8: Roter Verlauf mit weißer Schrift ################ */
.s8 { 
	color: #ffffff; 
	background-color:rgba(0, 5, 63, 0.75);
}
.s8 a { 
	color: #ffffff; 
}
div[type="list"] .s8 .connect .flypiconConnect {
	color: rgba(0, 5, 63);
}



/* transparenter Hinterleger */
.kachel.tile .transparent_postcard  {
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 5px 20px;
}
.kachel.tile .transparent_postcard a { 
    color: #fff;
}


/* ################ E 1 - E 4 für den listclient: ################ */


.e1 a,
.e2 a,
.e3 a,
.e4 a {
	color:#001a4b; 
}

div[type="list"] .e1,
div[type="list"] .e2,
div[type="list"] .e3,
div[type="list"] .e4 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%); 
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
div[type="list"] .e7 .connect .flypiconConnect,
div[type="list"] .e2 .connect .flypiconConnect, 
div[type="list"] .e3 .connect .flypiconConnect, 
div[type="list"] .e4 .connect .flypiconConnect {
	color:#e4e4de;
}

div[type="list"] .e1 .tilecontent, 
div[type="list"] .e2 .tilecontent, 
div[type="list"] .e3 .tilecontent, 
div[type="list"] .e4 .tilecontent {
	margin-right: 25%;
	min-height: 90px;
}
.e1 .transparent_postcard,
.e2 .transparent_postcard,
.e3 .transparent_postcard,
.e4 .transparent_postcard {
	background-image: none;
}



div[type="list"] .tile[layout="postcard"].e1 .text,
div[type="list"] .tile[layout="postcard"].e2 .text,
div[type="list"] .tile[layout="postcard"].e3 .text,
div[type="list"] .tile[layout="postcard"].e4 .text, 
div[type="list"] .tile[layout="postcard_text"].e1 .text,
div[type="list"] .tile[layout="postcard_text"].e2 .text,
div[type="list"] .tile[layout="postcard_text"].e3 .text,
div[type="list"] .tile[layout="postcard_text"].e4 .text {
	margin-right: 25%;
	padding-right: 0;
}

div[type="list"] .tile[layout="video"].e1,
div[type="list"] .tile[layout="video"].e2,
div[type="list"] .tile[layout="video"].e3,
div[type="list"] .tile[layout="video"].e4 {
	background-repeat: no-repeat;
	background-position: right 104%;
}	
	
	
	
	



/*body.ownerbody::after {
    content:'';
    display:block;
    background: url("https://www.eurovision.de/resources/img/eurovision/telaviv2019/tile.png") left bottom repeat-x;
    width: 100%;
    height: 60%;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -1;
}
body::before {
  content: '';
  background: url("https://www.eurovision.de/resources/img/eurovision/telaviv2019/topstar.png") 66% top no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: auto 400px; }
*/