/* Slider */

.hero-slider {
	position: relative;
	width: 100%;
	height: calc(100vh - 90px); /* Header bleibt sichtbar */
	overflow: hidden;
	margin-top: 20px !important;
	border: solid;
	border-width: 0.5px;
	border-color: #D4AF37;
}

	.hero-slider input {
		display: none;
	}

/* Alle Slides liegen übereinander */

.slides {
	position: relative;
	width: 100%;
	height: 100%;
}

.slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.8s ease-in-out;
	z-index: 1;
}


/* Aktiver Slide */
#slide-1:checked ~ .slides .slide:nth-child(1),
#slide-2:checked ~ .slides .slide:nth-child(2),
#slide-3:checked ~ .slides .slide:nth-child(3),
#slide-4:checked ~ .slides .slide:nth-child(4),
#slide-5:checked ~ .slides .slide:nth-child(5),
#slide-6:checked ~ .slides .slide:nth-child(6),
#slide-7:checked ~ .slides .slide:nth-child(7),
#slide-8:checked ~ .slides .slide:nth-child(8),
#slide-9:checked ~ .slides .slide:nth-child(9),
#slide-10:checked ~ .slides .slide:nth-child(10) {
	opacity: 1;
	z-index: 2;
}


/* Bilder */

.slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Overlay */

.overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 2rem 1rem 0.75rem;
	color: #fff;
	font-family: Calibri,Arial,sans-serif;
	background: rgba(0, 0, 0, 0.05);
}

	.overlay h1 {
		font-size: clamp(2rem, 5vw, 5rem);
		color: #ffd800;
	}

	.overlay p {
		margin-top: -20px!important;
		text-align: left;
		font-size: clamp(0.75rem, 1.5vw, 1.2rem);
		color: #ffd800;
		max-width: 800px;
	}


/*.overlay {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.35);
	font-family: Calibri,Arial,sans-serif
}

	.overlay h1 {*/
		/*font-size: clamp(2rem, 5vw, 5rem);*/
		/*color: #000;*/
		/*margin-bottom: 1rem;
	}

	.overlay h2 {
		font-size: clamp(1.5rem, 2.5vw, 1.4rem);*/
		/*color: #000;*/
		/*margin-bottom: 1rem;
	}

	.overlay p {*/
		/*font-size: clamp(1rem, 2vw, 1.4rem);*/
		/*color: #000;*/
		/*margin-top:90px;
		margin-bottom:1rem;
		max-width: 800px;
	}*/


/* Navigation */
.nav-dots {
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	display: flex;
	gap: 12px;
	z-index: 10;
}

	.nav-dots label {
		width: 14px;
		height: 14px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		transition: all 0.3s ease;
	}

		.nav-dots label:hover {
			background: rgba(255, 255, 255, 0.9);
		}

#slide-1:checked ~ .nav-dots label:nth-child(1),
#slide-2:checked ~ .nav-dots label:nth-child(2),
#slide-3:checked ~ .nav-dots label:nth-child(3),
#slide-4:checked ~ .nav-dots label:nth-child(4),
#slide-5:checked ~ .nav-dots label:nth-child(5),
#slide-6:checked ~ .nav-dots label:nth-child(6),
#slide-7:checked ~ .nav-dots label:nth-child(7),
#slide-8:checked ~ .nav-dots label:nth-child(8),
#slide-9:checked ~ .nav-dots label:nth-child(9),
#slide-10:checked ~ .nav-dots label:nth-child(10) {
	background: #fff;
	transform: scale(1.2);
}

/* Tablet */

@media(max-width: 992px) {
	.hero-slider {
		height: 70vh;
	}
}

/* Smartphone */

@media(max-width: 768px) {
	.hero-slider {
		height: 60vh;
	}

	.overlay {
		padding: 1rem;
	}

		.overlay p {
			display: none;
		}
}