@media (min-width: 969px) {
	main.kacheln > section {
		font-size: 25px;
	}
}
main.kacheln > section {
	position: relative;
}
main.kacheln > section div.titel {
	position: absolute;
	top: 200px;
	left: 40px;
	z-index: 2;

	transition-property: left;
	transition-duration: var(--animationsDauerHover);
}
main.kacheln > section div.titel * {
	margin: 0;
}
main > section div.text {
	padding: 30px 5%;
}
main.kacheln > section div.text > p:first-child {
	font-size: 1.2em;
	font-style: italic;
	font-weight: 300;
}
main.kacheln > section div.text h3 {
	margin: 50px 0 30px;

	font-size: 2.2em;
	font-weight: 300;
}
@media (min-width: 1367px) {
	main.kacheln {
		--animationsDauerHover: 0.5s;

		display: flex;
	}
	main.kacheln > section {
		height: 100vh;
		overflow: hidden;
		width: 68px;
		flex-basis: 68px;
		flex-grow: 1;
		flex-shrink: 1;
		box-sizing: border-box;
		border-left: 10px solid var(--dunkelblau);
		transition-property: flex-basis, font-size;
		transition-duration: var(--animationsDauerHover);
	}
	main.kacheln > section:hover {
		height: initial;
		flex-basis: 75vw;
	}
	main.kacheln > section > figure:first-of-type {
		height: 100vh;
		transition-property: height;
		transition-duration: var(--animationsDauerHover);
	}
	main.kacheln > section:hover > figure:first-of-type {
		height: 80vh;
	}
	main.kacheln:hover > section:not(:hover) div.titel {
		left: 10px;
	}
	main.kacheln > section div.text {
		width: 75vw;
		box-sizing: border-box;
		opacity: 0;
		transition-property: opacity;
		transition-duration: var(--animationsDauerHover);
	}
	main.kacheln > section:hover div.text {
		opacity: 1;
	}
	main.kacheln:hover > section:not(:hover) {
		font-size: 15px;
	}
}
@media (max-width: 1366px) {
	main.kacheln > section > figure:first-of-type {
		height: 69.4vw;
	}
}
@media (max-aspect-ratio: 1/1) {
	main.kacheln > section > figure:first-of-type {
		height: 85vh;
	}
}
main.kacheln + footer {
	margin-top: 0;
}
main.kacheln > section div.text {
	margin-bottom: 160px;
}
main.kacheln > section > figure:first-of-type :is(figure, img) {
	border-radius: 0;
}
