.custom-modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 1rem;
	overflow-y: auto; /* ← macht das Overlay scrollbar bei Bedarf */
}

.custom-modal-content {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	width: 100%;
	max-width: 600px;
	max-height: 90vh;          /* ← begrenzt die Höhe */
	overflow-y: auto;          /* ← macht nur den Inhalt scrollbar */
	position: relative;
}

.custom-modal-close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
	color: #333;
}

.custom-modal-open-button {
	display: inline-block;
	padding: 7px 20px;
	background-color: #b38f39;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}

.custom-modal-open-button:hover {
	background-color: #007148;
}