.table-wrapper{max-height:320px;overflow:auto;}
.table th{font-weight: normal; font-style: italic;width: 25%;}
@media (max-width:980px){ canvas{height:480px} }

		
/* Positionierung des Zahnrad-Buttons am rechten Rand auf halber Höhe */
.btn-settings-gear {
	position: fixed;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	z-index: 1050;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.offcanvas.offcanvas-end {
	width: 230px;
	font-size: 12px;
}
		
.offcanvas {
	opacity: 0.7;
	right: 5px;
}

input#datetime{
	font-size: 12px;
}


/* Zahnrad-Button ausblenden, wenn das Offcanvas die Bootstrap-Klasse .show hat */
.offcanvas.show ~ .btn-settings-gear,
.offcanvas.showing ~ .btn-settings-gear {
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.2s ease;
}

/* Positionierung des Vollbild-Buttons genau unter dem Zahnrad-Button */
.btn-fullscreen {
	position: fixed;
	top: calc(50% + 58px);
	right: 15px;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	z-index: 1050;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

/* Ausblenden der Buttons, wenn das Offcanvas-Menü aktiv ist */
.offcanvas.show ~ * .btn-settings-gear,
.offcanvas.showing ~ * .btn-settings-gear,
.offcanvas.show ~ * .btn-fullscreen,
.offcanvas.showing ~ * .btn-fullscreen {
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.2s ease;
}

/* Vollbild-Styling */
#canvasContainer:fullscreen {
	width: 100vw !important;
	height: 100vh !important;
	background-color: #000;
	position: relative;
}

#skyCanvas { cursor: pointer; }

#canvasContainer:fullscreen canvas {
	width: 100vw !important;
	height: 100vh !important;
	max-height: none !important;
}


/* Buttons auch im Fullscreen-Modus im Vordergrund halten */
#canvasContainer:fullscreen .btn-settings-gear,
#canvasContainer:fullscreen .btn-fullscreen {
	z-index: 2147483647 !important; /* Höchster z-index im Fullscreen */
}

/* Offcanvas-Overlay-Verhalten im Fullscreen sicherstellen */
#canvasContainer:fullscreen .offcanvas {
	position: absolute;
	z-index: 2147483647 !important;
}

/* Buttons beim Öffnen des Offcanvas ausblenden (Unterordnung beachten) */
.offcanvas.show ~ .btn-settings-gear,
.offcanvas.showing ~ .btn-settings-gear,
.offcanvas.show ~ .btn-fullscreen,
.offcanvas.showing ~ .btn-fullscreen {
	opacity: 0 !important;
	pointer-events: none !important;
	transition: opacity 0.2s ease;
}


/* Hauptcontainer des Modals */
.custom-modal-content {
    background-color: #121212 !important; /* Dunkler Hintergrund */
    color: #f8f9fa !important;            /* Heller Text */
    border: 1px solid #495057 !important; /* Subtiler Rahmen */
    border-radius: 8px;                   /* Abgerundete Ecken */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
	font-size: 1.3em;
}

/* Kopfbereich des Modals */
.custom-modal-header {
    border-bottom: 1px solid #343a40 !important;
    padding: 1rem 1.25rem;
}

/* Inhaltsbereich des Modals */
.custom-modal-body {
	font-size: 0.95rem;
}

.custom-modal-body .carousel-caption  {
    background-color: rgba(255,255,255, 0.7);
}

.custom-modal-body h2 {
    font-size: 1.3rem;
	font-weight: 600;
}

/* Fußbereich des Modals */
.custom-modal-footer {
    border-top: 1px solid #343a40 !important;
    padding: 0.75rem 1.25rem;
}

.modalcontent p, .modalcontent td{
	font-size: 1rem;
}