.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;
}

.kalenderDatum{
	display: flex;
	justify-content: flex-end;
}
.kalenderDatum > span:nth-child(4)::after{
	content: ", d. ";
	white-space: pre;
}
.kalenderDatum > span:nth-child(4){
	order: 1;
}
.kalenderDatum > span:nth-child(3)::after{
	content: ". ";
	white-space: pre;
}
.kalenderDatum > span:nth-child(3){
	order: 2;
}
.kalenderDatum > span:nth-child(2)::after{
	content: " ";
	white-space: pre;
}
.kalenderDatum > span:nth-child(2){
	order: 3;
}
.kalenderDatum > span:nth-child(1){
	order: 4;
}


@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;
	}
	
	.kalenderDatum{
		flex-direction: column;
		align-items: center;
	}
	.kalenderDatum > span:nth-child(4)::after{
		content: initial;
		white-space: initial;
	}
	.kalenderDatum > span:nth-child(4){
		display: none;
	}
	.kalenderDatum > span:nth-child(3)::after{
		content: ".";
		white-space: pre;
	}
	.kalenderDatum > span:nth-child(2)::after{
		content: initial;
		white-space: initial;
	}



/* https://codepen.io/denilsonsa/pen/Etrba */

	/****************************************/
	/* Styling rules, such as font and colors */
	.date-as-calendar {
	  font-variant: normal;
	  font-style: normal;
	  font-weight: normal;
	  font-family: "Helvetica", "Arial", sans-serif;

	  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
	  vertical-align: top;

	  /* margin: 1ex; */

	  color: black;
	  background: white;
	  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);

	  border: 1px solid #888;
	  border-radius: 3px;
	  overflow: hidden;

	  box-shadow: 2px 2px 2px -2px black;
	}
	.date-as-calendar .weekday,
	.date-as-calendar .day,
	.date-as-calendar .month,
	.date-as-calendar .year {
	  text-align: center;
	  line-height: 1.0;
	}
	.date-as-calendar .month {
	  font-family: "Oswald", sans-serif;
	  text-transform: uppercase;
	  background: #B11;
	  background : linear-gradient(to bottom right, #D66 0%, #A00 100%);
	  color: white;
	}

	/****************************************/
	/* Layout rules using position: absolute and pixels. */
	.position-pixels.date-as-calendar {
	  display: inline-block;
	  position: relative;
	  width: 64px;
	  height: 64px;
	}
	.position-pixels.date-as-calendar .weekday,
	.position-pixels.date-as-calendar .day,
	.position-pixels.date-as-calendar .month,
	.position-pixels.date-as-calendar .year {
	  display: block;
	  position: absolute;
	  left: 0;
	  right: 0;
	  width: 100%;
	  height: 1em;
	}
	.position-pixels.date-as-calendar .month {
	  top: 0px;
	  font-size: 12px;
	  padding: 2px 0;
	}
	.position-pixels.date-as-calendar .weekday {
	  top: 16px;
	  font-size: 10px;
	}
	.position-pixels.date-as-calendar .day {
	  top: 26px;
	  font-size: 24px;
	}
	.position-pixels.date-as-calendar .year {
	  top: 50px;
	  font-size: 14px;
	}

	/****************************************/
	/* Layout rules using position: absolute and relative dimensions using em. */
	.position-em.date-as-calendar {
	  display: inline-block;
	  position: relative;
	  
	  width: 4em; 
	  height: 4em; 
	}
	.position-em.date-as-calendar .weekday,
	.position-em.date-as-calendar .day,
	.position-em.date-as-calendar .month,
	.position-em.date-as-calendar .year {
	  display: block;
	  position: absolute;
	  left: 0;
	  right: 0;
	  width: 100%;
	  height: 1em;
	}
	.position-em.date-as-calendar .month {
	  top: 0px;
	  font-size: 0.75em;
	  padding: 0.1em 0;
	}
	.position-em.date-as-calendar .weekday {
	  top: 1.6em;
	  font-size: 0.6125em;
	}
	.position-em.date-as-calendar .day {
	  top: 1.1em;
	  font-size: 1.5em
	}
	.position-em.date-as-calendar .year {
	  bottom: 0px;
	  font-size: 0.87750em;
	}

	/****************************************/
	/* Layout rules using display: inline-flex and relative dimensions using em. */
	.inline-flex.date-as-calendar {
	  display: inline-flex;
	  flex-direction: column;
	  flex-wrap: nowrap;
	  justify-content: space-between;
	  
	  width: 4em; 
	  height: 4em; 
	}
	.inline-flex.date-as-calendar .weekday,
	.inline-flex.date-as-calendar .day,
	.inline-flex.date-as-calendar .month,
	.inline-flex.date-as-calendar .year {
	  display: block;
	  flex: 1 1 auto;
	}
	.inline-flex.date-as-calendar .month {
	  order: 1;
	  font-size: 0.75em;
	  padding: 0.1em 0;
	}
	.inline-flex.date-as-calendar .weekday {
	  order: 2;
	  font-size: 0.6125em;
	}
	.inline-flex.date-as-calendar .day {
	  order: 3;
	  font-size: 1.5em;
	}
	.inline-flex.date-as-calendar .year {
	  order: 4;
	  font-size: 0.87750em;
	}

	/****************************************/
	/* Multiple sizes. */
	.date-as-calendar.size0_5x {
	  font-size: 8px;
	}
	.date-as-calendar.size0_75x {
	  font-size: 12px;
	}
	.date-as-calendar.size1x {
	  font-size: 16px;
	}
	.date-as-calendar.size1_25x {
	  font-size: 20px;
	}
	.date-as-calendar.size1_5x {
	  font-size: 24px;
	}
	.date-as-calendar.size1_75x {
	  font-size: 28px;
	}
	.date-as-calendar.size2x {
	  font-size: 32px;
	}
	.date-as-calendar.size3x {
	  font-size: 48px;
	}


}

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