.ds-baumsymbolik-page {
	position: relative;

	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;

	background: #f4efe3;
	color: #5b4d43;
	padding-bottom: 70px;
	overflow: hidden;
}

.ds-bs-hero {
	max-width: 900px;
	margin: 0 auto;
	padding: 90px 24px 55px;
	text-align: center;
}

.ds-bs-kicker {
	margin: 0 0 14px;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	color: #7a6a5e;
}

.ds-bs-hero h1 {
	margin: 0 0 24px;
	font-size: clamp(2.7rem, 7vw, 5rem);
	line-height: 1.05;
	color: #57493f;
}

.ds-bs-hero p {
	max-width: 720px;
	margin: 0 auto;
	font-size: clamp(1.25rem, 3vw, 1.7rem);
	line-height: 1.8;
	color: #77695f;
}

.ds-bs-list {
	width: min(980px, 88%);
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 42px;
}

.ds-bs-card {
	width: min(620px, 100%);
	background: #f6f0e3;
	border: 1px solid rgba(92, 78, 64, 0.10);
	border-radius: 34px 28px 38px 26px;
	box-shadow: 0 10px 25px rgba(66, 54, 42, 0.06);
	transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.45s ease;
	opacity: 0;
}

.ds-bs-card:nth-child(odd) {
	align-self: flex-start;
	transform: translateY(28px) rotate(-1.1deg);
}

.ds-bs-card:nth-child(even) {
	align-self: flex-end;
	transform: translateY(28px) rotate(1.1deg);
}

.ds-bs-card.ds-bs-visible:nth-child(odd) {
	transform: translateY(0) rotate(-1.1deg);
}

.ds-bs-card.ds-bs-visible:nth-child(even) {
	transform: translateY(0) rotate(1.1deg);
}

.ds-bs-card.ds-bs-visible {
	opacity: 1;
}

.ds-bs-card:hover {
	box-shadow: 0 16px 34px rgba(66, 54, 42, 0.11);
}

.ds-bs-card a {
	display: block;
	padding: 48px;
	color: #57493f;
	text-decoration: none;
}

.ds-bs-icon {
	display: block;
	width: 140px;
	height: 140px;
	object-fit: contain;
	margin-bottom: 24px;
}

.ds-bs-card h2 {
	margin: 0 0 20px;
	font-size: clamp(2rem, 5vw, 3rem);
	line-height: 1.1;
	color: #57493f;
	text-decoration: underline;
	text-underline-offset: 6px;
}

.ds-bs-card p {
	margin: 0;
	font-size: clamp(1.15rem, 3vw, 1.45rem);
	line-height: 1.7;
	color: #75675d;
	text-decoration: underline;
	text-underline-offset: 5px;
}

@media (max-width: 700px) {
	.ds-bs-hero {
		padding: 72px 24px 42px;
	}

	.ds-bs-list {
		width: min(92%, 620px);
		gap: 34px;
	}

	.ds-bs-card,
	.ds-bs-card:nth-child(odd),
	.ds-bs-card:nth-child(even),
	.ds-bs-card.ds-bs-visible:nth-child(odd),
	.ds-bs-card.ds-bs-visible:nth-child(even) {
		align-self: center;
		width: 100%;
		transform: translateY(0) rotate(0deg);
	}

	.ds-bs-card {
		opacity: 1;
	}

	.ds-bs-card a {
		padding: 42px 34px;
	}

	.ds-bs-icon {
		width: 74px;
		height: 74px;
		margin-bottom: 24px;
	}
}