body {
  background: url("https://www.eurovision.de/resources/img/eurovision/lisbon2018/xl_full_bg.jpg") center top no-repeat #03092f;
  background-attachment: fixed;
  webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

body.ownerbody {
  background: url("https://www.eurovision.de/resources/img/eurovision/lisbon2018/bottom_particle_tile_03.jpg") left bottom repeat-x, url("https://www.eurovision.de/resources/img/eurovision/lisbon2018/xl_full_bg.jpg") center top no-repeat, #03092f;
  background-blend-mode: screen;
  background-attachment: fixed;
  -webkit-background-size: auto, cover;
  -moz-background-size: auto, cover;
  -o-background-size: auto, cover;
  background-size: auto, cover; }

body::before {
  content: '';
  background: url("https://www.eurovision.de/resources/img/eurovision/lisbon2018/brand_shell.png") 66% top no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-size: auto 400px; }

body.dragdrop,
body.dragdrop::before {
	background:transparent; }




#menubar {
	background-color:#042557;
}

#frame_banner > div > img {
    visibility: hidden;
}
#videoBtn {
    padding: 13px 20px 12px 22px;
    background: rgba(255,255,255,0.2);
    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";
}

/* #wsblock { display:none;} */

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 ################ */

/* ################ ESC 2014 ################ */

#scaler {
	/*background: rgba(0,0,0,0.3);*/
}
.ownerbody {
}


/* ################ Kommentarecke ################ */
.tile .nocomment {
    background-image: linear-gradient(45deg, rgba(217,35,43,0) 0%,rgba(217,35,43,0) 49.9%,rgba(217,35,43,1) 50%,rgba(217,35,43,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(217,35,43,0) 0%,rgba(217,35,43,0) 49.9%,rgba(217,35,43,1) 50%,rgba(217,35,43,1) 100%);}

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


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


/* Play Video in Kachel------------------------------------*/ 
.playVideoKachel,
.double-bounce1, 
.double-bounce2 { color: #d9232b; }


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


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:rgba(255,255,255,0.2); }
.pollDisabled { background-color:rgba(255,255,255,0.1); }
.pollHilite { background-color: #d9232b; color:#fff;}













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

/* ################  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: #890f33; 
	background: linear-gradient(135deg,  #890f33 0%,#38157b 100%); 
  background-color: #890f33;
	color:#fff; 
}
input[type="submit"] {
	background: #E4E4DE; 
	color: black;
}
.eLCommentsFormContainer #messageCommentForm td:first-child, #chatboxdummy td:first-child {
	background-color: #fff;
}
.eLCommentsFormContainer #messageCommentForm td:last-child, #chatboxdummy td:last-child {
	background-color: #E4E4DE;
}



/* ################ STYLE plain ################ */
.plain { 
	background-color: #666a73; 
	color: #ffffff; 
}
.plain a { 
	color: #ffffff; 
}

.plain {
	background-color: #BED3E5;
	color: #001a4b;
}
.plain a { 
	color: #001a4b;
}
div[type="list"] .plain .connect .flypiconConnect {
	color: #BED3E5;
}
.plain .transparent_postcard {
}
div[type="list"] .plain .transparent_postcard {
	background-image: none;
}


.plain[layout="slideshow"] .listCommentCount {
	background-color: rgba(0,0,0, 0.8);
}

.banner .plain .transparent {
	background-image: none;
}



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

.banner .s1 .transparent {
	background-image: none;
}

/* ################ STYLE 2: Verlauf dunkelblau Schrift weiss ################ */
.s2 { 
	background: #ffe54f; 
	background: linear-gradient(135deg,  #ffe54f 0%,#ffce2b 100%); 
	background-color: #ffe54f;
	color: #1f9bde;
}
.s2 a { 
	color: #1f9bde; 
}
div[type="list"] .s2 .connect .flypiconConnect {
	color: #ffe54f;
}



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




/* ################ Verlauf mittelblau heller zu mittelblau dunkler, von oben nach unten, Schrift weiss */
.s4 { 
	background: #041237; 
	background: linear-gradient(135deg,  #041237 0%,#002f58 100%); 
	background-color: #041237;
	color: #ffffff;
}
.s4 a { 
	color: #ffffff; 
}
div[type="list"] .s4 .connect .flypiconConnect {
	color: #041237; 
}




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



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



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





/* ################ STYLE 8: Roter Verlauf mit weißer Schrift ################ */
.s8 { 
	color: #ffffff; 
	background-color:#061f5c;
}
.s8 a { 
	color: #ffffff; 
}
div[type="list"] .s8 .connect .flypiconConnect {
	color: #061f5c;
}



/* 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;
}



.s1 .transparent_postcard,
div[type="list"] .s1.slide .transparent_postcard {
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 30%,rgba(255,255,255,0.8) 100%); 
}
.s2 .transparent_postcard,
div[type="list"] .s2.slide .transparent_postcard {
    background-color: rgba(0,0,0,0);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.8) 100%);
}



.s4 .transparent_postcard,
div[type="list"] .s4.slide .transparent_postcard {
     background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.8) 100%);
}


.s5 .transparent_postcard,
div[type="list"] .s5.slide .transparent_postcard {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.8) 100%);
}

.s6 .transparent_postcard,
div[type="list"] .s6.slide .transparent_postcard ,
.s3 .transparent_postcard,
div[type="list"] .s3.slide .transparent_postcard {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.8) 100%);
}

.s7 .transparent_postcard,
div[type="list"] .s7.slide .transparent_postcard {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.8) 100%);
}

.s8 .transparent_postcard,
div[type="list"] .s8.slide .transparent_postcard {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 30%,rgba(0,0,0,0.8) 100%);
}






















/*

.plain .pollEnabled {}
.plain .pollDisabled {}
.plain .pollHilite {
	background-color: #d9232b;
}

.s1 .pollEnabled {}
.s1 .pollDisabled {}
.s1 .pollHilite {
	background-color: #d9232b; 
}


.s2 .pollHilite {
	background-color: #d9232b;
}


.s4 .pollEnabled {
	background-color:rgba(255,255,255,0.2);
}
.s4 .pollHilite {
	background-color: #d9232b;
	color:#f2ede4;
}
.s4 .pollDisabled {
	background-color:rgba(255,255,255,0.1);
}

.s5 .pollEnabled {
	background-color:rgba(255,255,255,0.2);
}
.s5 .pollHilite {
	background-color: #d9232b;
	color:#f2ede4;
}
.s5 .pollDisabled {
	background-color:rgba(255,255,255,0.1);	
}


.s7 .pollEnabled {
}
.s7 .pollHilite {
	background-color: #d9232b;
}
.s7 .pollDisabled {
}


.s8 .pollEnabled {
	background-color:rgba(255,255,255,0.2);
}
.s8 .pollHilite {
	background-color: #d9232b;
	color:#f2ede4;
}
.s8 .pollDisabled {
	background-color:rgba(255,255,255,0.1);
}


*/






/* ################ E 1: ################ */

div[size_name="base"].e1, .e1 {
	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[size_name="double"].e1 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%); 
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
.e1 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e1 {
	background-size:auto 77%;
}
div[type="list"] .e1 .connect .flypiconConnect {
	color: #e4e4de;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */ 
.e1 .transparent_postcard,
.e2 .transparent_postcard,
.e3 .transparent_postcard,
.e4 .transparent_postcard,
.e5 .transparent_postcard,
.e6 .transparent_postcard,
.e7 .transparent_postcard {
	background-image: none;
}
div[type="list"] .tile[layout="postcard"].e1 .info, 
div[type="list"] .tile[layout="postcard_text"].e1 .info {
	background: url(heinser_liste_transparent_kreis_k.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e1 .text,
div[type="list"] .tile[layout="postcard_text"].e1 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e1 {
	background-repeat: no-repeat;
	background-position: right 104%;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */



/* ################ E 2: ################ */

div[size_name="base"].e2, .e2 {
	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[size_name="double"].e2 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%); 
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
.e2 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e2 {
	background-size:auto 77%;
}
div[type="list"] .e2 .connect .flypiconConnect {
	color: #e4e4de;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */

div[type="list"] .tile[layout="postcard"].e2 .info, 
div[type="list"] .tile[layout="postcard_text"].e2 .info {
	background: url(feddersen_liste_transparent_kreis_k.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e2 .text,
div[type="list"] .tile[layout="postcard_text"].e2 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e2 {
	background-repeat: no-repeat;
	background-position: right 104%;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */



/* ################ E 3: ################ */

div[size_name="base"].e3, .e3 {
	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[size_name="double"].e3 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%); 
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
.e3 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e3 {
	background-size:auto 77%;
}
div[type="list"] .e3 .connect .flypiconConnect {
	color: #e4e4de;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */

div[type="list"] .tile[layout="postcard"].e3 .info, 
div[type="list"] .tile[layout="postcard_text"].e3 .info {
	background: url(mohr_liste_transparent_kreis_k.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e3 .text,
div[type="list"] .tile[layout="postcard_text"].e3 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e3 {
	background-repeat: no-repeat;
	background-position: right 104%;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */




/* ################ E 4: ################ */
div[size_name="base"].e4, .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[size_name="double"].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; 
}
.e4 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e4 {
	background-size:auto 77%;
}
div[type="list"] .e4 .connect .flypiconConnect {
	color: #e4e4de;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */
div[type="list"] .tile[layout="postcard"].e4 .info, 
div[type="list"] .tile[layout="postcard_text"].e4 .info {
	background: url(jakobsen_liste_transparent_kreis_k.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e4 .text,
div[type="list"] .tile[layout="postcard_text"].e4 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e4 {
	background-repeat: no-repeat;
	background-position: right 104%;
}
/*################ Hack weil das html von postcard und postcard_text anders ist als bei message ################ */






/* ################ E 5: werwinskis  ################ */
div[size_name="base"].e5, .e5 {
	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[size_name="double"].e5 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%);
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
.e5 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e5 {
	background-size:auto 77%;
}
div[type="list"] .e5 .connect .flypiconConnect {
	color: #e4e4de;
}

div[type="list"] .tile[layout="postcard"].e5 .info, 
div[type="list"] .tile[layout="postcard_text"].e5 .info {
	background: url(werwinski_liste_transparent_kreis_k.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e5 .text,
div[type="list"] .tile[layout="postcard_text"].e5 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e5 {
	background-repeat: no-repeat;
	background-position: right 104%;
}

/* ################ E 5: sommers  ################ */
div[size_name="base"].e6, .e6 {
	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[size_name="double"].e6 {
	background: #ffffff; 
	background: linear-gradient(to bottom,  #ffffff 0%,#e4e4de 100%);
	background-color: #e4e4de;	
	background-repeat: no-repeat;
	background-position: right top;	
	color:#001a4b; 
}
.e6 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e6 {
	background-size:auto 77%;
}
div[type="list"] .e6 .connect .flypiconConnect {
	color: #e4e4de;
}

div[type="list"] .tile[layout="postcard"].e6 .info, 
div[type="list"] .tile[layout="postcard_text"].e6 .info {
	background: url(hod_liste_transparent_kreis_k.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e6 .text,
div[type="list"] .tile[layout="postcard_text"].e6 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e6 {
	background-repeat: no-repeat;
	background-position: right 104%;
}



.e7 a {
	color:#001a4b; 
}
.dragdrop #secondColumn .e7 {
	background-size:auto 77%;
}
div[type="list"] .e7 .connect .flypiconConnect {
	color: #e4e4de;
}



div[type="list"] .tile[layout="postcard"].e7 .info, 
div[type="list"] .tile[layout="postcard_text"].e7 .info {
	background: url(torge_liste_transparent_kreis.png);
	background-repeat: no-repeat;
	background-position: right top;
}
div[type="list"] .tile[layout="postcard"].e7 .text,
div[type="list"] .tile[layout="postcard_text"].e7 .text {
	margin-right: 25%;
	padding-right: 0;
}
div[type="list"] .tile[layout="video"].e7 {
	background-repeat: no-repeat;
	background-position: right 104%;
}



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

div[type="list"] .e1,
div[type="list"] .e2,
div[type="list"] .e3,
div[type="list"] .e4, 
div[type="list"] .e5, 
div[type="list"] .e6, 
div[type="list"] .e7 {
	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"] .e1 .tilecontent, 
div[type="list"] .e2 .tilecontent, 
div[type="list"] .e3 .tilecontent, 
div[type="list"] .e4 .tilecontent,
div[type="list"] .e5 .tilecontent,
div[type="list"] .e6 .tilecontent,
div[type="list"] .e7 .tilecontent  {
	margin-right: 25%;
	min-height: 90px;
}