.calendar-page {
	width: 210mm;
	height: 297mm;
	margin: auto;
	font-family: Arial, sans-serif;
	page-break-after: always;
}

/* Querformat einfach Klasse wechseln */
.calendar-page.landscape {
	width: 297mm;
	height: 210mm;
}

.calendar-title {
	text-align: center;
	font-size: 12mm;
	font-weight: 900;
	margin: 6mm 0;
}

.quer {
	display: flex;
	flex-wrap: nowrap;
	gap: 4%;
}


/* HOCHFORMAT = untereinander */
.calendar-page:not(.landscape) .quer {
flex-direction: column;
gap: 6mm;
}

/* Hochformat volle Breite */
.calendar-page:not(.landscape) .image-wrap,
.calendar-page:not(.landscape) .table-wrap {
width: 100%;
}

.calendar-page:not(.landscape) .calendar-image {
height: 160mm;
}




/* AUTO SKALIERUNG */
.image-wrap {
	width: 58%;
}

.table-wrap {
	width: 38%;
}

.calendar-image {
	/* width: 100%;
	height: 65%;
	min-height: 160mm;
	object-fit: cover;
	display: block; */

	width: 100%;
	height: 170mm;   /* Hochformat perfekt */
	object-fit: cover;
	/* object-position: top; */
}

/* TABLE */

.calendar-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 5mm;
	text-align: center;
}

.calendar-table th {
	padding-bottom: 3mm;
}

.calendar-day,
.weekend,
.holiday_calender-day {
	border: 0.25mm solid black;
	height: 15mm;
	vertical-align: top;
	padding: 1.5mm;
}

.weekend {
	background: #f0f0f0;
}

.holiday_calender-day {
	color: #ff0000;
	font-weight: bold;
}

.holiday {
	font-size: 2.8mm;
	line-height: 1.1;
	margin-top: 1mm;
}

@media print {
	body {
		margin: 0;
	}
}