#kita {
	--narrow-text-width: min(100vw, var(--page-width));
}

#kita h1,
#kita h2,
#kita .icon-container {
	--cms-font-family: var(--kalam-font);
	--headline-font: var(--kalam-font);
}

.kita-back {
	background-image: url(img/hero-background-mob_weiss.png);
	background-position: center top;
	background-size: 70%;
	overflow: hidden;
}

.kita-back .cmsFlex {
	--cms-text-align: center;
	--cms-justify-content: center;
}

.img-hofbesuch:not(__DUMMY__) {
	--cms-justify-self-phone: start;
	--cms-align-self-phone: flex-end;
	--cms-hidden-phone: none;
	transform: translateX(max(0px, calc((100vw - var(--page-width)) / 2)));
	height: auto;
	object-fit: initial;
	object-position: bottom left;
	width: clamp(200px, 16vw, 300px);
}

.icon-container {
	--cms-background: var(--green);
	display: inline-block;
}

#kita .cmsFlex > img {
	object-fit: contain;
}

.kus-text {
	--cms-tile-hpadding: 0px;
}

@media screen and (min-width: 1200px) {
	.kita-back {
		background-image: url(img/hero-background-desktop_weiss.png);
	}
}