.scene-06 {
	background-color: var(--wood);
	margin-inline: auto;
	max-width: var(--max-width);
	padding-bottom: clamp(80px, 10%, 256px);
	padding-top: clamp(8px, 1%, 25.6px);
}

.scene-06.background-jahresringe {
	background-position: 30vw 20vh;
}

.scene-06 .content {
	padding-inline: 10%;
}

.scene-06 .text {
	font-size: var(--font-size-40-16);
	margin-block: calc(2% + 20px);
}

@media (min-width: 800px) {
	.scene-06 .text {
		width: 66%;
	}
}

.scene-06 .phone,
.scene-06 .email {
	align-items: center;
	color: black;
	display: flex;
	font-size: var(--font-size-40-16);
	font-weight: 500;
	gap: .4em;
	margin-block: .6em;
	text-decoration: none;
	width: fit-content;
}

.scene-06 .phone::before,
.scene-06 .email::before {
	height: 1.3em;
	width: 1.3em;
}

.scene-06 .button-contact {
	display: inline-block;
	margin-block: calc(2% + 20px);
}

.scene-06 .headline-01 {
	color: var(--black);
	font-size: var(--font-size-100-20);
	line-height: 1.2;
	margin-top: 2em;
}

.scene-06 .headline-02 {
	color: var(--brown);
	font-size: var(--font-size-210-32);
	font-weight: 500;
	line-height: 1.1;
	margin-left: .3em;
}

.scene-06 .headline-03 {
	color: var(--black);
	font-size: var(--font-size-100-20);
	line-height: 1.2;
	margin-left: 2.5em;
}
