.scene-09 {
	margin-inline: auto;
	max-width: var(--max-width);
	overflow: hidden;
}

.scene-09 .content {
	padding-bottom: clamp(40px, 5%, 128px);
	padding-inline: 10%;
	padding-top: clamp(32px, 4%, 102.4px);
}

.scene-09 .headline-01 {
	color: var(--black);
	font-size: var(--font-size-100-34);
	line-height: 1.2;
	margin-top: 1em;
}

.scene-09 .headline-02 {
	color: var(--brown);
	font-size: var(--font-size-210-34);
	font-weight: 500;
	line-height: 1.2;
}

@media (min-width: 912px) {
	.scene-09 .headline-02 {
		margin-left: 1.3em;
	}
}

.scene-09 .grid {
	display: grid;
	grid-row-gap: 8vw;
	margin-top: 10%;
}

.scene-09 .image {
	display: block;
	height: auto;
}

.scene-09 .container-left .text-container {
	background-color: var(--wood);
	clip-path: polygon(0 0, 100% 0, 92% 100%, 0% 85%);
	margin-left: -13%;
	padding: 4% 4% 12% 20%;
}

.scene-09 .container-right .text-container {
	background-color: var(--wood);
	clip-path: polygon(0 0, 100% 0, 100% 85%, 8% 100%);
	margin-right: -13%;
	padding: 4% 20% 12% 23%;
}

.scene-09 .container-right .text-container-2 {
	background-color: var(--wood);
	clip-path: polygon(0 0, 100% 0, 100% 85%, 8% 100%);
	margin-right: -13%;
	padding: 4% 13% 12% 22%;
}

.scene-09 .text-1 {
	color: var(--brown);
	font-size: var(--font-size-55-22);
	font-weight: 500;
	line-height: 1.2;
}

.scene-09 .text-2 {
	color: var(--black);
	font-size: var(--font-size-55-20);
	line-height: 1.2;
}

.scene-09 .text-3 {
	color: var(--black);
	font-size: var(--font-size-40-16);
	line-height: 1.2;
}

.scene-09 .text-4 {
	color: var(--black);
	font-size: var(--font-size-40-16);
	font-weight: 500;
	line-height: 1.2;
}

.scene-09 .text-5 {
	color: var(--black);
	font-size: var(--font-size-26);
	line-height: 1.2;
	padding-inline-start: 1.3em;
}

.scene-09 .text-5 li {
	margin-block: .3em;
}

.scene-09 .text-5 li::marker {
	font-size: .7em;
}

.scene-09 .container-kneipp .picture {
	display: block;
	margin-left: 45%;
	margin-right: -38%;
}

.scene-09 .container-kneipp .text-container {
	margin-top: -29vw;
}

.scene-09 .text-kneipp-1 {
	color: black;
	font-size: var(--font-size-100-34);
	line-height: 1.2;
}

.scene-09 .text-kneipp-2 {
	color: black;
	font-size: var(--font-size-100-34);
	line-height: 1.2;
	margin-left: 1em;
}

.scene-09 .text-kneipp-3 {
	color: var(--brown);
	font-size: var(--font-size-170-55);
	font-weight: 500;
	line-height: 1.2;
}

.scene-09 .text-kneipp-4 {
	color: black;
	font-size: var(--font-size-100-34);
	line-height: 1.2;
	margin-left: 6.6em;
}

.scene-09 .container-text {
	font-size: var(--font-size-26);
}

.scene-09 .container-text b {
	font-weight: 500;
}

@media (min-width: 800px) {
	.scene-09 .grid {
		grid-row-gap: min(4vw, 102.4px);
		grid-template-columns: minmax(0, 1fr) min(2.34375vw, 60px) minmax(0, 1fr);
	}

	.scene-09 .container-left { grid-column: 1/2; }
	.scene-09 .container-text { grid-column: 1/2; }
	.scene-09 .container-right { grid-column: 3/4; }
	.scene-09 .container-kneipp { grid-column: 3/4; }

	.scene-09 .grid > *:nth-child(1) { grid-row: 1/3; }
	.scene-09 .grid > *:nth-child(2) { grid-row: 2/4; }
	.scene-09 .grid > *:nth-child(3) { grid-row: 3/5; }
	.scene-09 .grid > *:nth-child(4) { grid-row: 4/6; }
	.scene-09 .grid > *:nth-child(5) { grid-row: 5/7; }
	.scene-09 .grid > *:nth-child(6) { grid-row: 7/8; }
	.scene-09 .grid > *:nth-child(7) { grid-row: 6/8; }

	.scene-09 .container-left .text-container {
		margin-left: -26%;
		padding: 4% 4% 12% 33%;
	}

	.scene-09 .container-right .text-container {
		margin-right: -26%;
		padding: 4% 26% 12% 14%;
	}

	.scene-09 .container-right .text-container-2 {
		margin-right: -26%;
		padding: 4% 26% 12% 14%;
	}

	.scene-09 .container-kneipp .picture {
		margin-left: 65%;
		margin-right: -29%;
	}

	.scene-09 .container-kneipp .text-container {
		margin-top: max(-14vw, -358.4px);
	}

	.scene-09 .text-1,
	.scene-09 .text-2 {
		font-size: min((100vw - 800px) * (55 - 22) / (2560 - 800) + 22px, 55px);
	}

	.scene-09 .text-3,
	.scene-09 .text-4 {
		font-size: min((100vw - 800px) * (40 - 16) / (2560 - 800) + 16px, 40px);
	}

	.scene-09 .text-kneipp-1,
	.scene-09 .text-kneipp-2,
	.scene-09 .text-kneipp-4 {
		font-size: min((100vw - 800px) * (100 - 34) / (2560 - 800) + 34px, 100px);
	}

	.scene-09 .text-kneipp-3 {
		font-size: min((100vw - 800px) * (170 - 55) / (2560 - 800) + 55px, 170px);
	}

	.scene-09 .text-5,
	.scene-09 .container-text {
		font-size: min((100vw - 800px) * (26 - 16) / (2560 - 800) + 16px, 26px);
	}
}

