/* Animation */
.spin {
	display: inline-block;
	animation: spin 1s linear infinite;
}

@keyframes spin {from { transform:rotate(0deg);
	
}

to {
	transform: rotate(360deg);
}

}

/* Restliches Layout (Beibehalten) */
#navi {
	height: 60px;
	position: fixed;
	width: 100%;
	z-index: 1030;
	top: 0;
	left: 0;
	right: 0;
}

.dropdown-menu {
	background-color: #f3f4f5 !important;
}

@media ( max-width : 991.98px) {
	.navbar-collapse {
		background-color: #f3f4f5;
		position: relative;
		z-index: 1050;
		margin-top: 10px;
		/* Gleicht das Padding des Containers aus, damit das Menue unter dem Toggle-Button erscheint */
		margin-left: -24px;
		/* Gleicht das Padding des Containers aus, damit der Hintergrund bündig abschließt */
		margin-right: -24px;
		padding: 1rem; /* Abstand für die Menü-Items */
		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
		/* Optional: Schatten nach unten zur Abgrenzung */
	}

	/* Rahmen und Ecken der Untermenüs entfernen */
	.dropdown-menu {
		border: none !important;
		margin-top: -5px !important; /* Negativer Wert schiebt es nach oben */
		padding-top: 0; /* Entfernt inneren Abstand oben */
	}
}

.title {
	color: white;
	background-color: #bc0927;
	height: 40px;
	top: 60px;
	z-index: 1020;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}

.subtitle {
	color: white;
	background-color: #707173;
	height: 36px;
	top: 100px;
	z-index: 1010;
}

#cal-body {
	margin-top: 136px;
	z-index: 1005;
	border: 1px solid #dee2e6;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow-y: scroll;
	max-height: calc(100vh - 180px);
}

.area-2 {
	Xbackground-color: #dee2e6;
	margin-top: 10px;
}

.row-item {
	border-bottom: 1px solid #eee;
	min-height: 45px;
	background-color: #ffffff;
}

.row-item:nth-child(even) {
	background-color: #f3f4f5 !important;
}

.even-row {
	background-color: #f3f4f5;
}

.extra-margin-top {
	margin-top: 5rem !important;
	/* Abstand oben Impressum, Datenschutzerklaerung, ... */
}

/* Verhindert das Durchscheinen des weißen Hintergrunds an den Ecken */
.modal-content {
	overflow: hidden !important;
	border: none !important; /* Optional: Entfernt den Standard-Rahmen für einen saubereren Look */
	border-radius: 10px !important;	 /* Definiert die Rundung für das ganze Modal
	}
	
.modal-body {
	background-color: #ffffff; /* weiss */
}

/* 2. Den Header im Modal zurücksetzen (Bootstrap fügt hier oft Padding hinzu) */
.modal-header {
	padding: 0 !important;
	/* Entfernt Abstände, die das Weiß zeigen könnten */
	border-bottom: none !important;
	background-color: #bc0927; /* rot */
	color: white;
	Xwidth: 100%;
	height: 40px;
	Xpadding: 10px 0;
	margin: 0;
	/* WICHTIG: Kein 'top' oder 'position: fixed' hier! */
}