#buerozeiten {
	padding: 12px 0;
	background-color: var(--color-accent);
	color: #fff;
}
#buerozeiten ::selection {
	background-color: var(--color-blue);
}
#buerozeiten h3 {
	display: inline-block;
	margin-bottom: 0;
	color: #fff;
}

#unternehmen h2 {
	font-weight: 600;
}

#links .grid > div {
	padding: 10%;
}
#links #kies {
	background-image: url('/img/content/kies.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#links #fuhrpark {
	background-image: url('/img/content/fuhrpark.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#links #abbruch {
	background-image: url('/img/content/abbruch.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#links .inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10% 48px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
}
#links h3 {
	margin-bottom: 0;
}
#links p {
	margin-bottom: 24px;
	line-height: 1.25;
}
#links .btn {
	margin-top: auto;
}

#zahlen .balken {
	position: relative;
	margin-bottom: 24px;
	padding: 12px;
	width: 0;
	background-color: var(--color-blue);
	overflow: hidden;
}
#zahlen.animate .balken {
	animation: stretch 2500ms forwards;
}
#zahlen .balken::last-child {
	margin-bottom: 0;
}
#zahlen .balken#fahrzeuge {
	--stretchWidth: 85%;
}
#zahlen .balken#baustellen {
	--stretchWidth: 90%;
}
#zahlen .balken#boden {
	--stretchWidth: 95%;
}
@media (min-width: 600px) {
	#zahlen .balken#fahrzeuge {
		--stretchWidth: 70%;
	}
	#zahlen .balken#baustellen {
		--stretchWidth: 80%;
	}
	#zahlen .balken#boden {
		--stretchWidth: 90%;
	}
}
@media (min-width: 1200px) {
	#zahlen .balken#fahrzeuge {
		--stretchWidth: 45%;
	}
	#zahlen .balken#baustellen {
		--stretchWidth: 60%;
	}
	#zahlen .balken#boden {
		--stretchWidth: 75%;
	}
}
@media(prefers-reduced-motion: reduce) {
	#zahlen .balken {
		width: var(--stretchWidth);
	}
}
@keyframes stretch {
	100% {
		width: var(--stretchWidth);
	}
}
#zahlen img {
	position: absolute;
	bottom: 0;
	left: 24px;
}
@media (min-width: 900px) {
	#zahlen img {
		left: 50%;
	}
}
#zahlen #boden img {
	bottom: 50%;
	transform: translateY(50%);
}
#zahlen .balken div {
	margin-left: 40%;
	width: 220px;
	color: #fff;
	line-height: 1.1;
}
@media (min-width: 900px) {
	#zahlen .balken div {
		margin-left: calc(50% + 96px);
	}
}
@media (min-width: 1200px) {
	#zahlen .balken div {
		margin-left: calc(50% + 120px);
	}
}
#zahlen .balken::after {
	content: "";
	display: block;
	clear: both;
}
#zahlen .balken div h4 {
	margin-bottom: 0;
	font-size: calc(var(--font-size) * 2);
	line-height: 1.25;
	color: #fff;
}

#calltoaction .inner p {
	font-size: calc(var(--font-size) * 1.5);
	line-height: 1.25;
}