/* //////////////////////////////////////////////////////
Kiesel in grau  
//////////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////////
Styles Definitionen 
//////////////////////////////////////////////////////// */

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

.tile {
	background-color:#e6eaed;  
	color: #3e4449; /*dunkleres grau überschriften*/
}
.tile a,
.serviceicon { 
	color: #8e0081;
}
div[type="list"] .tile .connect .flypiconConnect {
	color: #e6eaed;
}
.kachel.tile .transparent_postcard {
	background: rgba(25,54,139,0.7);
	background: linear-gradient(to bottom,  rgba(230,234,237,0) 12px,rgba(230,234,237,0.9) 1px,rgba(230,234,237,0.95) 100%);
}
.kachel.tile .transparent_postcard a {
	xcolor:rgba(255,255,255,0.95);
}



/* //////////////////////////////////////////////////////
Struktur Elemente der FlypSite
//////////////////////////////////////////////////////// */


/* Aufbau der FlypSite----------------------------------*/
.ownerbody,
#lightBorder {
	background:#fff; /* helles grau  #e6eaec */
	font-family: 'PT Sans', sans-serif;
}
#ebanner_frame {
	background-color:#282c32;
}
.reiterkarte {
    
}
.reiterkarte,
.reiterkarte.cptr.clickable {
	color: #fff;
	background: #65656d;
	background: linear-gradient(to right, #65656d 0%,#5d5d65 100%);
}
.reiterkarte.cptr {
  background: #c3c3c3; 
	color:#3e4449;
}




/* Menubar und Social Icons-----------------------------*/
#menubar { background-color:#e6eaed;  color: #747e87; /*helleres grau*/ color: #3e4449; /*dunkleres grau überschriften*/ }
#menubar a { color:#747e87; }
#menubarLinks a:hover, 
.twoStepSocial:hover { opacity:0.8; }

/* Kommentareingabe Chatbox und ChatNamenseingabe -------------------------------*/
#chatboxdummy, 
#loginPopup div:nth-child(2) { 
	background-color: #e6eaed; 
	color: #3e4449; /*dunkleres grau überschriften*/ 
}
.ownerbody textarea,
.ownerbody input[type="text"] { color: #000; }
.ownerbody input[type="submit"] { color: #fff; background: #8e0081; }

/*BG-Farben für die TDs der Form Felder---------------------*/
.eLCommentsFormContainer #messageCommentForm td:first-child, 
#chatboxdummy td:first-child  {
	background-color: #fff;
	border-color:#fff; }
.eLCommentsFormContainer #messageCommentForm td:last-child, 
#chatboxdummy td:last-child {
	background-color: #8e0081; }



/* Powered by FlypSite ----------------------------------*/
#poweredByFlypSite {
    background-color:#e6eaed;
    background-size: 126px;
    background-image:url(poweredByFlypSite2.svg);
    color:#3e4449;
 }
#poweredByFlypSite span a {
    color:#3e4449;
}


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


/* -----------------------------------------------------
Kommentarecke nicht-/anzeigen - screen/touch
hier wird ein Verlauf mit einem transparenten BG bild 
gleichzeitig angewendet. Über den Verlauf hat man Einfluss
auf die Farbe.
--------------------------------------------------------*/
.tile .theComment { color: #fff; }

/*mit hover listicon auf GRAU zeigen-----------------*/
#esocial_frame .theComment { 
background-image: linear-gradient(45deg, rgba(142,0,129,0) 0%,rgba(142,0,129,0) 49.9%,rgba(142,0,129,1) 50%,rgba(142,0,129,1) 100%); }

/*mit hover plusicon auf orange anzeigen------------------*/
.tile .nocomment { 
background-image: linear-gradient(45deg, rgba(142,0,129,0) 0%,rgba(142,0,129,0) 49.9%,rgba(142,0,129,1) 50%,rgba(142,0,129,1) 100%); }

/*wenn Kommentare da sind wird die orangene Ecke immer angezeigt*/
.tile .commentcount { 
background-image: linear-gradient(45deg, rgba(142,0,129,0) 0%,rgba(142,0,129,0) 49.9%,rgba(142,0,129,1) 50%,rgba(142,0,129,1) 100%); }


/* KachelKommentare -  Anzahl im Listenclient--------------*/
.eLCommentCount { background-color: #8e0081; color: #fff; }


/* overlayCloseButton BGcolor------------------------------*/
#overlayCloseButton { background-color: #8e0081; }  


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


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


/* Pollfarben ---------------------------------------------*/ 
.pollEnabled { background-color:#8e0081; color:#fff}
.pollDisabled { background-color:rgba(104,104,112,0.1); }
.pollHilite { background-color: #8e0081; }




/* VideoButton für NEUE Events mit Video--------------*/ 
#videoBtn,
#videoBtn[state="closed"]:hover,
#videoBtn[state="open"]:hover { color: #fff; }
#videoBtn[state="closed"]:before { content: "Video einblenden"; }
#videoBtn[state="open"]:before { content: "Video ausblenden"; }