/*
 * Hauptinhalt
 */

#content {
	padding: 1em;
	background: #FFAE00;
}
#mainNav {
	display: flex;
	flex-direction: column;
	font-family: 'Orbitron-Medium', sans-serif;
	line-height: 1.6;
	margin: .5em 0;
	padding: 0;
	border: 1px solid #a2a2a2;
	background-color: #FF8100;
	border-radius: .25em;
}

#mainNav > a {
	color: #34495e;
	text-decoration: none;
	padding: 10px 15px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	color: #34495e;
}

#mainNav > a > img{
	height: 1em;
	width: auto;
}

#mainNav a:hover {
	background-color: #FFAE00;
	color: #718daa;
}




/* ================================= 
  Media Queries
==================================== */




@media (min-width: 640px) {
	#mainNav {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
	}
	#mainNav > a > img{
		display: none;
	}
	#mainNav > a > span{
		display: initial;
	}
}

@media (min-width: 1280px) {
	#mainNav{
		flex-direction: row;
		justify-content: center;
	}
	#mainNav > a > img{
		display: initial;
	}
}
/*
 * Die Headerleiste
 */

.cwsvHeader{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	font-size: 1.5em;
/*	align-items: stretch;*/
	align-items: center;
	text-align: center;
	background-color: #FF8100;
}

.cwsvHeader img:first-of-type{
	display: none;
}
.cwsvHeader img{
	width: auto;
	height: 3em;
/*	height: 100%;*/
}

.cwsvHeader em{
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .2em;/* wg. Orbitron */
}


/* \0000a0 ist unicode für  
 * \00202F ist unicode für  */
.cwsvHeader > span:first-of-type::before{
	content: 'CWSV\0000a0e.\00202FV. - ';
}
@media (min-width: 640px){
	.cwsvHeader > span:first-of-type::before{
		content: 'Chemnitzer WSV\0000a0e.\00202FV. - ';
	}
}
@media (min-width: 1280px){
	.cwsvHeader > span:first-of-type::before{
		content: 'Chemnitzer Freizeit- und Wohngebietssportverein\0000a0e.\00202FV. - ';
	}
}

@media (min-width: 1280px){
	.cwsvHeader img:first-of-type{
		display: initial;
	}
}
/*
 * Schriftarten
 */
@font-face {
	font-family: Orbitron-Medium;
	src: url(http://cwsvjudo.bplaced.net/ressourcen/fonts/Orbitron-Medium.otf);
}

/**
 * Schriftgrößen
 */
body{
	font-size: 4vw;
}
@media (min-width: 640px){
	body{
		font-size: 2vw;
	}
}
@media (min-width: 1280px){
	body{
		font-size: 1.3vw;
	}
}

/*
 * Ein Reset für das BoxSizing
 * Wir wollen Maße auf die "äußere Boundingbox" beziehen
 */

html{
	box-sizing: border-box;
}
*, ::before, ::after {
	box-sizing: inherit;
}

/*
 * Body
 */
body{
	background: #FFAE00;
	font-family: arial, helvetica, sans-serif;
}


/* Container für eine einzelne News */
.newsBox{
	border: solid 1px #000000;
	padding: 1vmin;
	margin: 1vmin;
	display: flex;
	flex-direction:column;
}
.newsBoxHeader{
	background: #FF8100;
	display: flex;
	flex-direction: column;
}
.newsBoxFooter{
	clear: both;
	background: #FF8100;
}


/*
 * Sidenotes und ihre Kinder
 */

.expCounter{
	display: none;
	margin-top: 5%;
	margin-bottom: 5%;
}


/*
 * Wettkampfkalender
*/

/*
.wkKalender th {
	background-color: #666; 
	color: #fff;
}
.wkKalenderMonth {
	background-color: #666; 
	color: #fff;
	
}
.wkKalender tr {
	background-color: #FFAE00;
	color: #000;
}
.wkKalender tr:nth-child(odd) {
	background-color: #FF8100 ;
}
*/

/*
 * Allgemeine Formatierungen als class
 */

.larger{
	font-size: larger;
}
.bold{
	font-weight: bold;
}
.floatLeft{
	float: left;
}
.fullWidth{
	width:100%;
}

/* Bilder in voller Breite */
.bigPicture{
	width: 100%;
	height: auto;
}

/* Orbitronschrift inkl. top-padding-Korrektur */
.orbitronMediumFont{
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .2em;/* wg. Orbitron */
}

/* touchable Links*/
.touchLink{
	display: inline-block;
	padding: 0.25em 0 0.25em 0;
	margin: 0.25em 0 0.25em 0;
	background-color: #FF8100;
	border-radius: .5em;
}

.hyphenate{
	hyphens: auto;
}

.pngAddress{
	width: 17em;
	height: auto;
	vertical-align: middle;
}

.charImg{
	height: 1em;
	display: inline;
	vertical-align: middle;
}

.noWrap{
	white-space:nowrap;
}

.floatClearBoth{
	clear: both;
}

body{
	display: flex;
	flex-direction: column;
}

body > * {
	flex-basis: 100%;
}

.cwsvHeader{
	order: 1;
}
#mainNav{
	order: 4;
}
.subNav{
	order: 2;
}
#content{
	order: 3;
}
.sideNotes{
	order: 5;
}
.footerBar{
	order: 6;
}

@media(min-width: 640px) and (max-width: 1279px){
	body{
		display: block;
	}
	.subNav{
		float: right;
		width: 33%;
	}
	#content {
		float: left;
		width: 67%;
/*		margin: 1%;
		padding: 1%;
*/
	}
	.sideNotes{
		float: right;
		width: 33%;
	}
	.footerBar{
		clear: both;
	}
}


@media(min-width: 1280px){
	body{
		flex-direction: row;
		flex-wrap: wrap;
	}
	#mainNav{
		order: 2;
	}
	.subNav{
		order: 3;
		flex-basis: 25%;
		align-self: flex-start;
	}
	#content{
		order: 4;
		flex-basis: 50%;
	}
	.sideNotes{
		align-self: flex-start;
		flex-basis: 25%;
	}
}
.subNav {
	display: flex;
	flex-direction: row;
	font-family: 'Orbitron-Medium', sans-serif;
	line-height: 1.6;
	margin: .5em 0;
	padding: 0;
	border: 1px solid #a2a2a2;
	background-color: #FF8100;
	border-radius: .25em;
}

.subNav > a {
	color: #34495e;
	text-decoration: none;
	padding: 10px 15px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	color: #34495e;
}

.subNav > a > img{
	height: 1em;
	width: auto;
}

.subNav > a > span{
	display: none;
}

.subNav a:hover {
	background-color: #FFAE00;
	color: #718daa;
}




/* ================================= 
  Media Queries
==================================== */




@media (min-width: 640px) {
	.subNav {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-end;
	}
	.subNav > a{
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.subNav > a > img{
		display: none;
	}
	.subNav > a > span{
		display: initial;
	}
}

@media (min-width: 1280px) {
	.subNav{
		justify-content: center;
	}
	.subNav > a > img{
		display: initial;
	}
	.subNav > a{
		justify-content: flex-start;
	}
}
/*
 * Fußzeile
 */

.footerBar{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.sponsorList > li img {
	width: 100%;
	height: auto;
}
.wkKalender{
	width: 100%;
	max-width: 100%;
	background-color: #FFAE00;
	margin-bottom: 0;
}

.wkKalender > thead,
.wkKalender > tfoot {
	display: none;
}

.wkKalender > tbody {
	display: block;
}

.wkKalender > tbody > tr:empty,
.wkKalender > tbody > tr > th:empty{
	display: none;
}
.wkKalender > tbody > tr{
	display: block;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	margin-bottom: 1.6rem;
}

.wkKalender th {
	display: block;
	background-color: #666;
	color: #fff;
}

.wkKalender > tbody > tr > td {
	display: block;
	vertical-align: middle;
	text-align: right;
}
.wkKalender > tbody > tr > td:nth-child(odd) {
	background-color: #FF8100;
}
.wkKalender > tbody > tr > td[data-title]:before {
	content: attr(data-title);
	float: left;
	font-size: inherit;
	font-weight: 400;
	color: #757575;
}


@media screen and (min-width: 1280px){
	.wkKalender > thead{
		display: table-header-group;
		width: 100%;
	}
	.wkKalender > tbody > tr{
		display: table-row;
		width: 100%;
	}
	.wkKalender > tbody > tr > td {
		display: table-cell;
	}
	.wkKalender > tbody > tr > td[data-title]:before {
		display: none;
		content: "";
	}
	.wkKalender > tbody{
		display: table-row-group;
	}
	.wkKalender > tfoot{
		display: table-footer-group;
	}
	.wkKalender > tbody > tr {
		border: 1px solid #e0e0e0;
		border-radius: 2px;
		margin-bottom: 1.6rem;
	}
	.wkKalender > tbody > tr > td {
		vertical-align: middle;
		text-align: initial;
	}
	.wkKalender > tbody > tr:nth-child(odd) {
		background-color: #FF8100;
	}
	.wkKalender > tbody > tr > td:nth-child(odd) {
		background-color: inherit;
	}
	.wkKalender > tbody > tr > td[data-title]:before {
		content: initial;
	}
	.wkKalender tr, th, td {
		border: 1px solid black;
	}
	.wkKalender th {
		display: table-cell;
	}
}

.displayNone{
	display: none;
}

/*abgeschaut*/
.shadow-z-1 {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
}


/* -- Material Design Table style -------------- */
/*
.wkKalender > thead > tr,
.wkKalender > tbody > tr,
.wkKalender > tfoot > tr {
	transition: all 0.3s ease;
}

.wkKalender > thead > tr > th,
.wkKalender > tbody > tr > th,
.wkKalender > tfoot > tr > th,
.wkKalender > thead > tr > td,
.wkKalender > tbody > tr > td,
.wkKalender > tfoot > tr > td {
	text-align: left;
	padding: 1.6rem;
	vertical-align: top;
	border-top: 0;
	transition: all 0.3s ease;
}
.wkKalender > thead > tr > th {
	font-weight: 400;
	color: #757575;
	vertical-align: bottom;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.wkKalender > caption + thead   > tr:first-child > th,
.wkKalender > colgroup + thead  > tr:first-child > th,
.wkKalender > thead:first-child > tr:first-child > th,
.wkKalender > caption + thead   > tr:first-child > td,
.wkKalender > colgroup + thead  > tr:first-child > td,
.wkKalender > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.wkKalender > tbody + tbody {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.wkKalender .table {
	background-color: #fff;
}
.wkKalender .no-border {
	border: 0;
}
@media screen and (max-width: 640px){
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
  .wkKalender-bordered {
    border: 0;
  }
  .wkKalender-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .wkKalender-bordered > tbody > tr > td:last-child {
    border-bottom: 0;
  }
  .wkKalender-striped > tbody > tr > td,
  .wkKalender-striped > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .wkKalender-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5;
  }
  .wkKalender-hover > tbody > tr:hover > td,
  .wkKalender-hover > tbody > tr:hover {
    background-color: #fff;
  }
  .wkKalender-hover > tbody > tr > td:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
}

.wkKalender-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  background-color: #fde0dc;
}
.wkKalender-hover.table-mc-red > tbody > tr:hover > td,
.wkKalender-hover.table-mc-red > tbody > tr:hover > th {
  background-color: #f9bdbb;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-red > tbody > tr > td:nth-child(odd) {
    background-color: #fde0dc;
  }
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-red > tbody > tr > td:hover {
    background-color: #f9bdbb;
  }
}
.wkKalender-striped.table-mc-pink > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-pink > tbody > tr:nth-child(odd) > th {
  background-color: #fce4ec;
}
.wkKalender-hover.table-mc-pink > tbody > tr:hover > td,
.wkKalender-hover.table-mc-pink > tbody > tr:hover > th {
  background-color: #f8bbd0;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-pink > tbody > tr > td:nth-child(odd) {
    background-color: #fce4ec;
  }
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-pink > tbody > tr > td:hover {
    background-color: #f8bbd0;
  }
}
.wkKalender-striped.table-mc-purple > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-purple > tbody > tr:nth-child(odd) > th {
  background-color: #f3e5f5;
}
.wkKalender-hover.table-mc-purple > tbody > tr:hover > td,
.wkKalender-hover.table-mc-purple > tbody > tr:hover > th {
  background-color: #e1bee7;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-purple > tbody > tr > td:nth-child(odd) {
    background-color: #f3e5f5;
  }
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-purple > tbody > tr > td:hover {
    background-color: #e1bee7;
  }
}
.wkKalender-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) > th {
  background-color: #ede7f6;
}
.wkKalender-hover.table-mc-deep-purple > tbody > tr:hover > td,
.wkKalender-hover.table-mc-deep-purple > tbody > tr:hover > th {
  background-color: #d1c4e9;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-deep-purple > tbody > tr > td:nth-child(odd) {
    background-color: #ede7f6;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-purple > tbody > tr > td:hover {
    background-color: #d1c4e9;
  }
}
.wkKalender-striped.table-mc-indigo > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-indigo > tbody > tr:nth-child(odd) > th {
  background-color: #e8eaf6;
}
.wkKalender-hover.table-mc-indigo > tbody > tr:hover > td,
.wkKalender-hover.table-mc-indigo > tbody > tr:hover > th {
  background-color: #c5cae9;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-indigo > tbody > tr > td:nth-child(odd) {
    background-color: #e8eaf6;
  }
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-indigo > tbody > tr > td:hover {
    background-color: #c5cae9;
  }
}
.wkKalender-striped.table-mc-blue > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e7e9fd;
}
.wkKalender-hover.table-mc-blue > tbody > tr:hover > td,
.wkKalender-hover.table-mc-blue > tbody > tr:hover > th {
  background-color: #d0d9ff;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e7e9fd;
  }
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-blue > tbody > tr > td:hover {
    background-color: #d0d9ff;
  }
}
.wkKalender-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-light-blue > tbody > tr:nth-child(odd) > th {
  background-color: #e1f5fe;
}
.wkKalender-hover.table-mc-light-blue > tbody > tr:hover > td,
.wkKalender-hover.table-mc-light-blue > tbody > tr:hover > th {
  background-color: #b3e5fc;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-light-blue > tbody > tr > td:nth-child(odd) {
    background-color: #e1f5fe;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-light-blue > tbody > tr > td:hover {
    background-color: #b3e5fc;
  }
}
.wkKalender-striped.table-mc-cyan > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-cyan > tbody > tr:nth-child(odd) > th {
  background-color: #e0f7fa;
}
.wkKalender-hover.table-mc-cyan > tbody > tr:hover > td,
.wkKalender-hover.table-mc-cyan > tbody > tr:hover > th {
  background-color: #b2ebf2;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-cyan > tbody > tr > td:nth-child(odd) {
    background-color: #e0f7fa;
  }
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-cyan > tbody > tr > td:hover {
    background-color: #b2ebf2;
  }
}
.wkKalender-striped.table-mc-teal > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-teal > tbody > tr:nth-child(odd) > th {
  background-color: #e0f2f1;
}
.wkKalender-hover.table-mc-teal > tbody > tr:hover > td,
.wkKalender-hover.table-mc-teal > tbody > tr:hover > th {
  background-color: #b2dfdb;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-teal > tbody > tr > td:nth-child(odd) {
    background-color: #e0f2f1;
  }
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-teal > tbody > tr > td:hover {
    background-color: #b2dfdb;
  }
}
.wkKalender-striped.table-mc-green > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-green > tbody > tr:nth-child(odd) > th {
  background-color: #d0f8ce;
}
.wkKalender-hover.table-mc-green > tbody > tr:hover > td,
.wkKalender-hover.table-mc-green > tbody > tr:hover > th {
  background-color: #a3e9a4;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-green > tbody > tr > td:nth-child(odd) {
    background-color: #d0f8ce;
  }
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-green > tbody > tr > td:hover {
    background-color: #a3e9a4;
  }
}
.wkKalender-striped.table-mc-light-green > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-light-green > tbody > tr:nth-child(odd) > th {
  background-color: #f1f8e9;
}
.wkKalender-hover.table-mc-light-green > tbody > tr:hover > td,
.wkKalender-hover.table-mc-light-green > tbody > tr:hover > th {
  background-color: #dcedc8;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-light-green > tbody > tr > td:nth-child(odd) {
    background-color: #f1f8e9;
  }
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-light-green > tbody > tr > td:hover {
    background-color: #dcedc8;
  }
}
.wkKalender-striped.table-mc-lime > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-lime > tbody > tr:nth-child(odd) > th {
  background-color: #f9fbe7;
}
.wkKalender-hover.table-mc-lime > tbody > tr:hover > td,
.wkKalender-hover.table-mc-lime > tbody > tr:hover > th {
  background-color: #f0f4c3;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-lime > tbody > tr > td:nth-child(odd) {
    background-color: #f9fbe7;
  }
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-lime > tbody > tr > td:hover {
    background-color: #f0f4c3;
  }
}
.wkKalender-striped.table-mc-yellow > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-yellow > tbody > tr:nth-child(odd) > th {
  background-color: #fffde7;
}
.wkKalender-hover.table-mc-yellow > tbody > tr:hover > td,
.wkKalender-hover.table-mc-yellow > tbody > tr:hover > th {
  background-color: #fff9c4;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-yellow > tbody > tr > td:nth-child(odd) {
    background-color: #fffde7;
  }
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-yellow > tbody > tr > td:hover {
    background-color: #fff9c4;
  }
}
.wkKalender-striped.table-mc-amber > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-amber > tbody > tr:nth-child(odd) > th {
  background-color: #fff8e1;
}
.wkKalender-hover.table-mc-amber > tbody > tr:hover > td,
.wkKalender-hover.table-mc-amber > tbody > tr:hover > th {
  background-color: #ffecb3;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-amber > tbody > tr > td:nth-child(odd) {
    background-color: #fff8e1;
  }
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-amber > tbody > tr > td:hover {
    background-color: #ffecb3;
  }
}
.wkKalender-striped.table-mc-orange > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fff3e0;
}
.wkKalender-hover.table-mc-orange > tbody > tr:hover > td,
.wkKalender-hover.table-mc-orange > tbody > tr:hover > th {
  background-color: #ffe0b2;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fff3e0;
  }
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-orange > tbody > tr > td:hover {
    background-color: #ffe0b2;
  }
}
.wkKalender-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > td,
.wkKalender-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) > th {
  background-color: #fbe9e7;
}
.wkKalender-hover.table-mc-deep-orange > tbody > tr:hover > td,
.wkKalender-hover.table-mc-deep-orange > tbody > tr:hover > th {
  background-color: #ffccbc;
}
@media screen and (max-width: 767px) {
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td,
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr:nth-child(odd) {
    background-color: #fff;
  }
  .table-responsive-vertical .table-striped.table-mc-deep-orange > tbody > tr > td:nth-child(odd) {
    background-color: #fbe9e7;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover > td,
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr:hover {
    background-color: #fff;
  }
  .table-responsive-vertical .table-hover.table-mc-deep-orange > tbody > tr > td:hover {
    background-color: #ffccbc;
  }
}
*/*/