/*
 * Hauptinhalt
 */

#content {
	background: #FFAE00;
}
/*
 * Schriftarten
 */
@font-face {
	font-family: Orbitron-Medium;
	src: url(/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;
}

/*
 * Fußzeile
 */

.footerBar{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.footerBarLinkButton{
	border-style: outset;
	padding: 1vmin;
}

/*
 * Die Headerleiste
 */

header {
	font-family: Orbitron-Medium;
	text-align: center;
	clear: both;
/*	float: left;*/
	width: 98%;
	margin: 0 1% 0 1%;
	background-color: #FF8100;
}

header img{
	display: block; /*inline elemente wie img fügen standardmäßig eine bottom margin hinzu (für schriftzeichen, die unter die Grundlinie gehen)*/
}
img.styleBannerPromo{
	width:20%;
	height:auto;
	float:left;
}
img.styleBannerCwsv{
	width:17.5%;
	height:auto;
	float:right;
}


.cwsvHeader{
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: stretch;
	text-align: center;
	background-color: #FF8100;
}

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

.cwsvHeaderTitle{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .2em;
}
.cwsvHeaderTitle h1{
	font-size: 1.5em;
}
.cwsvHeaderPromoPic{
	display: none;
	height: 5em;
}

.cwsvHeaderPromoPic img{
	height: 100%;
	width: auto;
}
.cwsvHeaderLogoPic{
	height: 5em;
}
.cwsvHeaderLogoPic img{
	height: 100%;
	width: auto;
}

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


@media (min-width: 1280px){
	.cwsvHeaderPromoPic{
		display: initial;
	}
	.cwsvHeaderLogoPic{
	}
}
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%;
	}
}
/* 
 * Haupt-Navigationsleiste
*/

.mainNav{
	display: inline-flex;
	width: 98%;
	margin: 1% 1% 1% 1%;
	flex-direction: column;
	align-items: stretch;
/*
	background: #FF8100;
*/
}
.mainNavElement{
	font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
	padding-top: .2em;/* wg. Orbitron */
	font-size: 1.5em;
	text-align: center;
	text-decoration: none;
	border-radius: 1em;
	border-style: outset;
	border-color: antiquewhite;
	background: #FF8100;
}

.mainNav a{
	color: inherit;
}
.mainNav a:hover{
	text-decoration: underline overline;
}
.activeNav {
	color: #A80101;
	border-style: inset;
}

.mainNavElementIcon{
	display: none;
}

@media (min-width: 640px){
	.mainNav{
		flex-direction: row;
		justify-content: space-between;
	}
	.mainNavElement{
		flex-basis: 20%;
		border-radius: 0;
	}
}
@media (min-width: 1280px){
	.mainNav{
		margin-top: 1vmin;
		margin-bottom: 1vmin;
	}
}
.newsArtikel{
	width: 100%;
	background-color: #FFAE00;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
	display: flex;
	flex-direction: column;
}
.newsHeader{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	background-color: #FF8100;
}
.newsDatum{
	white-space: nowrap;
	align-self: center;
}
.newsBetreff{
	margin: auto;
	margin-left: 1vw;
	margin-right: 1vw;
	text-align: end;
	flex-grow: 1;
}

.newsPromoImage{
	float: left;
}

.newsText{
	margin: 1vw;
}
/*schlechter Hack, der entfernt werden sollte wenn die Kompatibilität mit Datenbank hergestellt ist*/
.newsText a {
	float: none;
	box-shadow: none;
}
.newsText img{
	max-width: 100%;
	display: block;
	margin: auto;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
}
.newsFooter{
	background-color: #FF8100;
}
.newsAutor::before{ 
    content: "Msg\0000a0";
}
.sponsorList ul li img {
	width: 100%;
	height: auto;
}
/*
 * Unterauswahl-Navigationsleiste
 */

/* der SubNavContainer*/
.subNav{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}

.subNavElement{
	background: #FF8100;
	padding-top:.125em;
	padding-left:.125em;
	padding-right:.125em;
	border-radius: 1em;
	border-style: outset;
	border-color: antiquewhite;
	text-decoration: none;
	flex-basis: 20%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.subNav a{
	color: inherit;
	border-color: antiquewhite;
}

.subNavElementIcon{
	text-align: center;
	max-width: 2.5em;
	height: auto;
	padding: .125em;
}

.subNavElementCaption{
	display: none;
}

@media (min-width: 640px){
	.subNav{
		flex-direction: column;
	}
	.subNavElement{
		border-radius: 0;
	}
	.subNavElementIcon{
		display: none;
	}
	.subNavElementCaption{
		display: initial;
		font-family: "Orbitron-Medium", Impact, Charcoal, sans-serif;
		padding-top: .2em;
	}
}

@media (min-width: 1280px){
	.subNavElement{
		padding: 1vmin;
	}
}
.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;
  }
}
*/*/