body {
    background-color: #eee;
    background-image: url('../imgs-client/layout/bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}



h2, h3, h4, h5, h6 { color: #547B97; }




/* Layout - Calendar  */

table.calendar-date-table .calendar-cell {
	background-color: transparent;
}

/*  Plätze 1,3,5 */
table.calendar-date-table tbody tr td:nth-child(odd) {
	background-color: #ffebcc90;
}

/*  Plätze 2,4,6 */
table.calendar-date-table tbody tr td:nth-child(even) {
	background-color: #ffebcc30;
}

/*  Volleyball */
table.calendar-date-table tbody tr td:nth-child(7) {
	background-color: #d1e0e060;
}

/*  Clubhaus */
table.calendar-date-table tbody tr td:nth-child(8) {
	background-color: #ebf2f960;
}

/* Kopfzeile  */
table.calendar-date-table .calendar-date-row td {
	background-color: transparent !important;
}

a.cc-event:link,
a.cc-event:visited { background-color: #975459; }
a.cc-event:hover { background-color: #6A3333; }

a.cc-own:link,
a.cc-own:visited { background-color: #8BB243; }
a.cc-own:hover { background-color: #5F8024; }

a.cc-single:link,
a.cc-single:visited { background-color: #808D96; }
a.cc-single:hover { background-color: #4C5359; }

a.cc-multiple:link,
a.cc-multiple:visited { background-color: #547B97; }
a.cc-multiple:hover { background-color: #334F6A; }

a.cc-conflict:link,
a.cc-conflict:visited { background-color: #334F6A; }
a.cc-conflict:hover { background-color: #334F6A; }

/* Layout - Alternate Calendar */

.cc-range-member a {
    border-color: #547B97 !important;
    background-color: #547B97 !important;
}

/* General Purpose - Classes */

.my-highlight { color: #5F8024; }

.badge { background-color: #547B97; }

.badge-label { color: #547B97; }

/* Silbentrennung in Tabellenköpfen */
.square-label {
	hyphens: auto;
    line-height: 1.2em;
}


/* Links */

a:link, a:visited { color: #334F6A; }

/* from default */

.cc-over { cursor: default; color: #666; background-color: #F8F8F8; }

a.cc-event:link,
a.cc-event:visited { opacity: 1.0; color: #FFF; background: #975459 url(../imgs/icons/misc-event.png) no-repeat center center; }
a.cc-event:hover { background-color: #6A3333; }

a.cc-free:link,
a.cc-free:visited { opacity: 0.5; color: #090; background-color: #cfc; border: 0px solid #090; }
a.cc-free:hover { opacity: 1; color: #FFF; background-color: #090; }

a.cc-free-partially { text-decoration: underline; }

a.cc-own:link,
a.cc-own:visited { opacity: 1.0; color: #FFF; background-color: #09F; border: 1px solid #09F;}
a.cc-own:hover { background-color: #005c99; }

a.cc-single:link,
a.cc-single:visited { opacity: 1.0; color: #900; background-color: #FAA; border: 1px solid #FFA;}
a.cc-single:hover { color: #FFF; background-color: #C00; }

a.cc-multiple:link,
a.cc-multiple:visited { opacity: 1.0; color: #FFF; background-color: #547B97; border: 1px solid #547B97;}
a.cc-multiple:hover { background-color: #334F6A; }

a.cc-conflict:link,
a.cc-conflict:visited { opacity: 1.0; color: #FFF; background-color: #334F6A; border: 1px solid #334F6A;}
a.cc-conflict:hover { background-color: #334F6A; }

a.cc-conflict { position: relative; z-index: 256; }

a.cc-height-2:first-child.calendar-cell  {
	height:14px;
}


/* content-Bereich  */

/* MEHRZEILIGE BELEGUNGEN
* Text horizontal und vertikal zentrieren über flex 
* first-child ist wichtig, da cc-events (wie Clubhausdienst) einfach als layer darüber gelegt werden (und damit nicht firstchild) 
/**/

a:first-child.calendar-cell {
	display:flex;
	padding:0px;
    justify-content: center;
    align-items: center;
    height:28px;
    line-height: 1.3;
    }

.cc-label  {
	height:auto;
	}





/* Hintergrund für Bedienelemente */

.links-back, .links-forth {
	border-radius: 10px;
	background-color: #0009;
	padding: 20px;
	border: 2px solid white;
	
}

/* Header */

#topbar-phone  {
	display:none !important;
}

#topbar-infos  {
	display:none;
}

#topbar-i18n  {
	display:none;
}

@media screen and (max-width:1024px) {
 #topbar {
  display:none
 }
}




#content  {
	min-height: 600px;
}

#footer {
	text-align: center;
}


#footer > .centered-text {
	display:inline-block;
	border-radius: 10px;
	background-color: #0009;
	padding: 20px;

}

/* Input validation  */
.sb-player-name input:invalid  {
	border-color:red;
	background-color: #f002;

}

/*  hidden email  */
.hiddenmail:after {
	content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}