.scene-04 {
	background-color: var(--wood);
	margin-inline: auto;
	max-width: var(--max-width);
}

.scene-04.background-jahresringe {
	background-position: -190% 30%;
}

.scene-04 .slider-container {
	display: grid;
	/*min-height: 560px;*/
	overflow: hidden;
	position: relative;
}

.scene-04 .slider {
	display: grid;
	grid-area: 1 / 1 / 2 / 2;
	overflow: hidden;
}

@media (min-width: 1000px) {
	.scene-04 .slider {
		padding-inline: 10%;
	}
}

.scene-04 .slides {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
}

.scene-04 .slides::-webkit-scrollbar {
	height: 6px;
	width: 6px;
}

.scene-04 .slides::-webkit-scrollbar-track {
	background: transparent; 
}

.scene-04 .slides::-webkit-scrollbar-thumb {
	background: #0002;
	border-radius: 5px;
}

.scene-04 .slides::-webkit-scrollbar-thumb:hover {
	background: #0006;
}


.scene-04 .slider-image {
	height: 100%;
	scroll-snap-align: center;
	width: 100vw;
}

@media (min-width: 1000px) {
	.scene-04 .slides {
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
	}

	.scene-04 .slider-image {
		padding-inline: 1px;
		scroll-snap-align: center;
		width: 80vw;
	}
}

.scene-04 .slider-pagination {
	grid-area: 1 / 1 / 2 / 2;
	pointer-events: none;
	position: relative;
}

@media (min-width: 1000px) {
	.scene-04 .slider-pagination {
		align-items: center;
		display: grid;
		grid-template-columns: 10% 10%;
		justify-content: space-between;
		justify-items: center;
	}
}

.scene-04 .slider-pagination-prev,
.scene-04 .slider-pagination-next {
	background-color: white;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath transform='translate(29 33)' d='M0,14.4c.161.009.323.026.484.026H33.62L22.066,2.874,24.936,0,41.448,16.512,24.933,33.027l-2.784-2.784L33.631,18.761l-.071-.135a3.221,3.221,0,0,0-.321-.031q-16.479,0-32.959,0c-.093,0-.187.017-.28.026V14.4' fill='%23764c23'/%3E%3C/svg%3E%0A");
	cursor: pointer;
	height: var(--slider-pagination-size);
	pointer-events: all;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: var(--slider-pagination-size);
}

.scene-04 .slider-pagination-prev {
	left: 0;
	transform: translateY(-50%) rotate(180deg);
}

.scene-04 .slider-pagination-next {
	right: 0;
}

@media (min-width: 1000px) {
	.scene-04 .slider-pagination-prev,
	.scene-04 .slider-pagination-next {
		position: unset;
		transform: unset;
	}

	.scene-04 .slider-pagination-prev {
		transform: rotate(180deg);
	}
}

.scene-04 .slider-pagination-prev.hide,
.scene-04 .slider-pagination-next.hide {
	opacity: 0;
	pointer-events: none;
}

.scene-04 .content {
	overflow: hidden;
	padding-inline: 10%;
}

.scene-04 .text {
	font-size: var(--font-size-40-16);
	padding-block: 5%;
}

@media (min-width: 800px) {
	.scene-04 .text {
		width: 66%;
	}
}

.scene-04 .text b {
	font-weight: 500;
}

.scene-04 .headline-02 {
	color: var(--black);
	font-size: var(--font-size-100-20);
	line-height: 1.2;
	margin-right: calc(3em - 50px);
	margin-top: 3%;
	text-align: right;
}

.scene-04 .headline-03 {
	color: var(--brown);
	font-size: var(--font-size-170-40);
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: .2em;
	margin-right: calc(1em + -15px);
	text-align: right;
}

.scene-04 .headline-04 {
	color: var(--black);
	font-size: var(--font-size-100-20);
	line-height: 1.2;
	margin-bottom: 5%;
	text-align: right;
}

.scene-04 .image {
	height: auto;
	width: 100%;
}

@media (min-width: 800px) {
	.scene-04 .image {
		box-sizing: border-box;
		padding-inline: 10%;
	}
}