/* Tabs mit radio-Buttons */
.dktabbed figure { 
	display: block; 
	margin-left: 0;
	margin-bottom: 2px;
	margin-top: 2px;
	clear: both;
}

.dktabbed > input,
.dktabbed figure > div { display: none; }

.dktabbed figure>div {
  padding: 0px;
  width: 100%;
  line-height: 1.7em;
  letter-spacing: 0.3px;
  color: #444;
}	
		
#Montag:checked ~ figure .Montag,
#Dienstag:checked ~ figure .Dienstag,
#Mittwoch:checked ~ figure .Mittwoch,
#Donnerstag:checked ~ figure .Donnerstag,
#Freitag:checked ~ figure .Freitag,
#Samstag:checked ~ figure .Samstag,
#Sonntag:checked ~ figure .Sonntag { display: block; }	
				
.dktabbed nav {
	text-align: center;
	margin-bottom: 45px;
}		
		
.dktabbed nav label {
	display: inline-block;
	margin: 0px 10px 5px 0px;
	padding: 12px 34px;
	background-color: #f5f5f5;
	color: #333;
	font-size: 0.9rem !important;
	line-height: 1.4;
	border-radius: 30px;
	transition: all 0.3s ease 0s;
}

.HntTrainingszeiten .dktabbed nav label:hover { background-color: #6dab3c; color:#fff }
.FitHusTrainingszeiten .dktabbed nav label:hover { background-color: #9C2C2A; color:#fff }
.dktabbed nav label:active { background: #f5f5f5; }

#Montag:checked ~ nav label[for="Montag"],
#Dienstag:checked ~ nav label[for="Dienstag"],
#Mittwoch:checked ~ nav label[for="Mittwoch"],
#Donnerstag:checked ~ nav label[for="Donnerstag"],
#Freitag:checked ~ nav label[for="Freitag"],
#Samstag:checked ~ nav label[for="Samstag"],
#Sonntag:checked ~ nav label[for="Sonntag"] {
  color: #fff;
  position: relative;
  border-bottom: none;
}

.HntTrainingszeiten #Montag:checked ~ nav label[for="Montag"],
.HntTrainingszeiten #Dienstag:checked ~ nav label[for="Dienstag"],
.HntTrainingszeiten #Mittwoch:checked ~ nav label[for="Mittwoch"],
.HntTrainingszeiten #Donnerstag:checked ~ nav label[for="Donnerstag"],
.HntTrainingszeiten #Freitag:checked ~ nav label[for="Freitag"],
.HntTrainingszeiten #Samstag:checked ~ nav label[for="Samstag"],
.HntTrainingszeiten #Sonntag:checked ~ nav label[for="Sonntag"] {
  background-color: #6dab3c;
}
.FitHusTrainingszeiten #Montag:checked ~ nav label[for="Montag"],
.FitHusTrainingszeiten #Dienstag:checked ~ nav label[for="Dienstag"],
.FitHusTrainingszeiten #Mittwoch:checked ~ nav label[for="Mittwoch"],
.FitHusTrainingszeiten #Donnerstag:checked ~ nav label[for="Donnerstag"],
.FitHusTrainingszeiten #Freitag:checked ~ nav label[for="Freitag"],
.FitHusTrainingszeiten #Samstag:checked ~ nav label[for="Samstag"],
.FitHusTrainingszeiten #Sonntag:checked ~ nav label[for="Sonntag"] {
  background-color: #9C2C2A;
}

.HntTrainingszeiten .dktabbed nav label {
	color: #333;	
}
.HntTrainingszeiten .dktabbed ul {
	padding: 10px;
	margin: 3px 0px 0px;
}
.HntTrainingszeiten .dktabbed ul {
	background-color: #6dab3c;
}
.FitHusTrainingszeiten .dktabbed ul {
	background-color: #9C2C2A;
}

.HntTrainingszeiten .dktabbed ul.headerRow {
	background-color: #f5f5f5;
}
.HntTrainingszeiten .dktabbed ul li {
	font-size: 0.9rem;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	color: #ffffff;
}
.HntTrainingszeiten .dktabbed ul li a, .HntTrainingszeiten .dktabbed ul li a:hover, .HntTrainingszeiten .dktabbed ul li a:active {
	color: #ffffff;
	text-decoration: underline;
}
.HntTrainingszeiten .dktabbed ul li:first-child {
padding-left:20px;
}
.HntTrainingszeiten .dktabbed ul.headerRow li {
	color: #333333;
}

.HntTrainingszeiten .dktabbed ul li.angebot {
	width: 34%;
}
.HntTrainingszeiten .dktabbed ul li.zeit {
	width: 14%;
}
.HntTrainingszeiten .dktabbed ul li.ort {
	width: 26%;
}
.HntTrainingszeiten .dktabbed ul li.leiter {
	width: 20%;
}

@media only screen and (max-width:780px) {
	
	.dktabbed nav label {
		padding: 7px 15px;
	}
	.HntTrainingszeiten .dktabbed ul.headerRow li {
		display:none;
	}
	.HntTrainingszeiten .dktabbed ul li:first-child {
		padding-left:0px;
	}
	.HntTrainingszeiten .dktabbed ul li.angebot, .HntTrainingszeiten .dktabbed ul li.zeit, .HntTrainingszeiten .dktabbed ul li.ort, .HntTrainingszeiten .dktabbed ul li.leiter {
		width: 100%;
	}
	.HntTrainingszeiten .dktabbed ul li.angebot::before, .HntTrainingszeiten .dktabbed ul li.zeit::before, .HntTrainingszeiten .dktabbed ul li.ort::before, .HntTrainingszeiten .dktabbed ul li.leiter::before {
		font-weight: bold;
		width: 30%;
		display: inline-block;
	}
	.HntTrainingszeiten .dktabbed ul li.angebot::before {
		content: "Angebot: ";
	}
	.HntTrainingszeiten .dktabbed ul li.zeit::before {
		content: "Trainingszeit: ";
	}
	.HntTrainingszeiten .dktabbed ul li.ort::before {
		content: "Sportstätte: ";
	}
	.HntTrainingszeiten .dktabbed ul li.leiter::before {
		content: "Leiter/in: ";
	}	
}

@media only screen and (max-width:480px) {
	.HntTrainingszeiten .dktabbed ul li.angebot::before, .HntTrainingszeiten .dktabbed ul li.zeit::before, .HntTrainingszeiten .dktabbed ul li.ort::before, .HntTrainingszeiten .dktabbed ul li.leiter::before {
		width: 100%;
	}
}