div#termin_nav{
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
div#termin_nav a{
	width: 8.33%;
	text-align: center;
	text-decoration: none;
	background: #206FB7;
	color: white;
	padding: 5px;
	box-sizing: border-box;
	font-size: 11pt;
	border: 1px solid white;
}
@media (max-width: 1200px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1800px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 2400px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 3000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 3600px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 3000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 3600px) and (orientation:portrait)
 {
	div#termin_nav a{
		width: 16.66%;
	}
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div#termin_nav a{
		width: 25%;
	}
}
div#termin_nav a:hover{
	background: #009839;
}
a.termin_active{
	/* background: #009839 !important; */
	background: #95C11E !important
}

table.termine_cal{	
	width: 100%;
}
table.termine_cal th{	
	background: #206FB7;
	color: white;
	text-align: center;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	table.termine_cal th{	
		font-size: 10pt;
	}
}
table.termine_cal td{	
	background: #DFDFDF;
	height: 100px;
	vertical-align: top;
	padding: 5px;
	box-sizing: border-box;
	width: 14.28%;
	line-height: 1.4em;
	font-size: 10pt;	
	overflow: auto;
}
table.termine_cal td div{	
	font-size: 10pt;
}

@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	table.termine_cal, table.termine_cal tbody, table.termine_cal tr{	
		display: block;
		width: 100%;
	}	
	table.termine_cal th{	
		display: none;
	}
	table.termine_cal td{	
		display: block;
		width: 100%;
		border-bottom: 1px solid white;
		height: auto;
		min-height: 50px;
	}
	table.termine_cal td:empty{	
		display: none;
	}
	
}

div.termin_day{
	text-align: right;
	font-weight: bold;	
}
div.termin_day span{
	display: none;
	font-size: 10pt;
}
@media (max-width: 800px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1600px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 2000px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 2400px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1600px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 2000px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 2400px) and (orientation:portrait)
 {
	div.termin_day{
		text-align: left;
	}
	div.termin_day span{
		display: inline;
	}
}
div.termin_single{
	cursor: pointer;
	padding: 3px;
	color: #4f4f4f;
}
div.termin_single {
	border-top: 1px dotted #6f6f6f;
}
div.termin_single_second {
	color: #4f4f4f;
}
div.termin_single:hover{
	background: #CDCDCD;
}

div.overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	display: none;
	z-index: 90;
	background: rgba(0, 0, 0, 0.7);	
	font-size: 12pt !important;
	cursor: default;
	padding: 0px !important;
}
div.overlay_closer{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
	z-index: 89;
	padding: 0px !important;
}
div.overlay_inner_container{
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
	justify-content: center;
	align-items: center; 
	display: flex;
	z-index: 91;
	padding: 0px !important;
	
}
div.overlay_inner_container > div{
	position: relative;
	background: white;
	width: 90%;
	max-width: 600px;
	min-height: 50%;
	max-height: 85vh;
	overflow: auto;
	padding: 30px;
	box-sizing: border-box;
	z-index: 90;
	font-size: 12pt !important;
	font-weight: bold;
	margin-top: 20px;
	
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div.overlay > div{
		padding: 10px;
	}
}
div.overlay > div a{
	text-decoration: none;
}
div.overlay_inner_closer{
	position: absolute;
	top: 2px;
	right: 2px;
	background: #206FB7;
	color: white;
	text-align: center;
	box-sizing: border-box;
	width: 50px;
	height: 50px;
	display: flex;
	 justify-content: center;
	 align-items: center;	
	border-radius: 50%;
 	-moz-border-radius: 50%; 
	 -webkit-border-radius: 50%; 
	 -khtml-border-radius: 50%;
	 cursor: pointer;
}
@media (max-width: 600px),
	(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 900px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 2.5) and (max-width: 1500px) and (orientation:portrait),
	(-webkit-min-device-pixel-ratio: 3) and (max-width: 1800px) and (orientation:portrait),
	(min-resolution: 1.5dppx) and (max-width: 900px) and (orientation:portrait),
	(min-resolution: 2.0dppx) and (max-width: 1200px) and (orientation:portrait),
	(min-resolution: 2.5dppx) and (max-width: 1500px) and (orientation:portrait),
	(min-resolution: 3.0dppx) and (max-width: 1800px) and (orientation:portrait)
 {
	div.overlay_inner_closer{
		width: 40px;
		height: 40px;
	}
}

div.veranstaltung_veranstalter{
	margin-top: 40px;
	text-align: right;
	font-size: 10pt;
}
div.veranstaltung_ausgebucht{
	color: red;
	font-weight: bold;
	font-size: 12pt;
	margin-top: 20px;
}