body{
	font-size: 0.9em !important;
}
.head{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0%;
	width: 100%;
	height: 5%;
	text-align: center;
	position: absolute;
	z-index: -1;
	display: flex;
  	justify-content: center;
  	align-items: center;
}

.head > img {
	height: 2.9rem;
	padding-left: 5%;
}

.headline{
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
}

.calendar{
	overflow:auto;
	height: 100%;
}

table{
	border-collapse: collapse;
}

tr{
	
}

th{
	vertical-align: bottom;
	min-width: 7rem;
	background: rgba(255,255,255,0.7);
}

td{
	background: rgba(255,255,255,0.96);
	height: 3rem;
}

.today{
	background: rgba(0,255,0,0.5) !important;
}

.monthCaption{
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
}

.borderLeft{
	border-left: 3px solid #003399;
}

.borderTop{
	border-top: 2px solid #003399;
}

.borderRight{
	border-right: 1px solid #003399;
}

.borderBottom{
	border-bottom: 1px solid #eee;
}

.holiday{
	min-height: 2rem;
	font-size: 0.6rem;
	line-height: normal;
	padding: 0px 3px 0px 1px;
	width: 0.8vw;
}

.isDay6{
	background: rgba(00,51,153,0.4);
	color: #fff;
}

.isDay7{
	background: rgba(00,51,153,0.6);
	color: #fff;
}

.dayOfMonth{
	font-size: 1.1rem;
	font-weight:bold;
}

.dayOfWeek{
	font-size: 0.8rem;
	font-weight: normal;
}

.calendarWeek{
	position: relative;
	top: 0;
	right: 0;
	color: #999;
	font-size: 0.6rem;
	float:right;
}

.specialDay{
	background: rgba(255,11,238,0.68);
	color: #fff;
}

.specialDayCaption{
	position: relative;
	top: 0;
	right: 0;
	color: #555;
	font-size: 0.5rem;
	float:right;
}

.isHoliday{
	background-color: #00ff00;
	text-align: center;
}

.holidayBY{
	background-color: #aaff00;
}
.holidayHE{
	background-color: #00ffaa;
}
.holidayBY.holidayHE{
	background-color: #6ba36b;
	color: #fff;
}

.calendar-day{
	padding-top: 2px;
	padding-left: 2px;
	position: relative;
	width: 1vw;
}

.eventS{
	max-width: 9rem;
    width: 9rem;
	min-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: right;
}

.eventS > * {
	background: #f0f000;
    color: #333;
    font-size: 0.6rem;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	cursor: pointer;
	padding: 2px 6px 2px 4px;
	display: inline-block;
}

.transparent{
	background: transparent !important;
	text-align: left !important;
	border: 0 !important;	
}

.showSticky{
	position: sticky;
	top: 0;
	z-index: 9999;
}

.jugend{
	background-color: #ff9000 !important;
	color: #fff !important;
}

.einsatz{
	background-color: #ff0000 !important;
	color: #fff !important;
}

.fzg{
	background-color: #00ff00 !important;
	color: #000 !important;
}

.ovstab{
	background-color: rgba(90,90,90,0.4) !important;
	color: #fff !important;
}

.hv{
	background-color: rgba(3,169,244,0.8) !important;
	color: #000 !important;
}

@media screen and (orientation: portrait){
	body { 
		font-size:0.8rem !important;
	}
}

@media (pointer: coarse), (hover: none) {
	[title] {
		position: relative;
		display: inline-flex;
		justify-content: center;
		z-index: 100;
	}
	[title]::before {}
	[title]:focus::before {
		content: attr(title);
		position: relative;
		top: 90%;
		color: #000;
		background-color: #fff;
		border: 1px solid;
		width: fit-content;
		padding: 3px;
		white-space: break-spaces;
	}
}