.scene-23 {
	margin-inline: auto;
	margin-top: clamp(40px, 4%, 102.4px);
	max-width: var(--max-width);
}

.scene-23::before {
	background-color: var(--wood);
	clip-path: polygon(0 103%, 0 100%, 100% 0, 100% 103%);
	content: '';
	display: block;
	height: min(5vw, 128px);
}

.scene-23 .content {
	background-color: var(--wood);
	padding: calc(7% + 30px) 10% calc(2% + 50px);
}

.scene-23 .content.background-jahresringe {
	background-position: -60vw 85%;
	background-size: 120vw;
}

.scene-23 .headline-01 {
	color: var(--brown);
	font-size: var(--font-size-80-22);
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: 2.2em;
}

.scene-23 .grid {
	display: grid;
	font-size: var(--font-size-40-20);
	grid-row-gap: 20px;
}

@media (min-width: 1000px) {
	.scene-23 .grid {
		grid-template-columns: minmax(0, 25ch) 35ch;
	}
}

.scene-23 .grid-item-left {
	font-size: var(--font-size-40-16);
	font-weight: 500;
}

.scene-23 .form-control {
	align-items: center;
	display: grid;
	gap: 1.2em;
	grid-template-columns: 1em auto;
	line-height: 1.2;
}

.scene-23 .form-control b {
	font-weight: 500;
}

.scene-23 .form-control + .form-control {
	margin-top: 1em;
}

.scene-23 .form-control + .form-control.margin-big {
	margin-top: 2.5em;
}

.scene-23 .form-control input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: #fff;
	/* Not removed via appearance */
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.25em;
	height: 1.25em;
	border: 1px solid currentColor;
	display: grid;
	place-content: center;
}

.scene-23 .form-control input[type="checkbox"]::before {
	content: '';
	width: 0.75em;
	height: 0.75em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--brown);
}

.scene-23 .form-control input[type="checkbox"]:checked::before {
	transform: scale(1);
}

.scene-23 .form-control .input-qm {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #707070;
	font-size: inherit;
	text-align: center;
	width: 9ch;
}

.scene-23 .textarea {
	box-sizing: border-box;
	font-size: inherit;
	height: 8em;
	margin-block: 2.5em;
	padding: 0.7em;
	resize: none;
	width: 100%;
}

.scene-23 .input-label {
	display: grid;
	font-size: inherit;
	font-weight: 500;
	grid-template-columns: minmax(0, 8ch) auto;
}

.scene-23 .input-label + .input-label {
	margin-top: 1em;
}

.scene-23 .input-label input[type="text"] {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #707070;
	font-size: inherit;
	font-weight: inherit;
	width: 100%;
}

.scene-23 .text {
	font-size: inherit;
	font-weight: 500;
	margin-block: 2.5em 1em;
}

.scene-23 .frc-captcha {
	margin-block: 50px;
}

.scene-23 .text-small {
	font-size: var(--font-size-26-12);
	margin-block: 70px;
}

.scene-23 .text-small a {
	color: #000;
}

.scene-23-dialog {
	border: 0;
	padding: 50px;
}

.scene-23-dialog::backdrop {
	backdrop-filter: blur(5px);
	background: rgba(0, 0, 0, 0.5);
}

.scene-23-dialog .layer-button-close {
	position: absolute;
}