.calendar-table .ferien {
	background: #cce5ff !important;
	border: 2px solid #339af0 !important;
}

body {
	margin: 0;
	font-family: Arial, sans-serif;
	background: #f4f4f4;
}

.menu-bar {
	background: #222;
	color: #fff;
	padding: 0;
	z-index: 100;
}

.menu-title {
	font-size: 1.2em;
	font-weight: bold;
	padding: 16px 0;
}

#yearSelect {
	font-size: 1em;
	border-radius: 4px;
	border: none;
}

#calendar-container {
	margin-top: 32px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	padding: 24px 8px 24px 8px;
	border-radius: 8px;
	width: 100%;
	overflow-x: auto;
}

.calendar-table {
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	min-width: 1200px;
}

.calendar-table th, .calendar-table td {
	border: 1px solid #ddd;
	text-align: center;
	padding: 6px 2px;
	min-width: 60px;
	height: 32px;
}

.calendar-table th.sticky-header {
	background: #eee;
	font-weight: bold;
	position: sticky;
	top: 0;
	z-index: 20;
}

.calendar-scroll {
	overflow-x: auto;
	overflow-y: auto;
	max-height: 70vh;
	width: 100%;
}

.calendar-table .weekend {
	background: #ffeaea;
}

.calendar-table .empty {
	background: #f4f4f4;
	border: none;
}