.mietintro {
	max-width: 900px;
	margin: 0 auto 8px;
	font-size: 17px;
	line-height: 1.7;
	color: var(--mut);
}

.app .rhead {
	margin-top: 40px;
}
.app .rhead h2 {
	font-size: 16.5px;
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.3;
}
.app .rhead > span {
	font-size: 13px;
	color: var(--mut);
}

.katannot {
	margin: -10px 0 22px;
}

.side h2 {
	font-size: 11.5px;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--soft);
	margin: 24px 0 12px;
}
.side h2:first-child {
	margin-top: 0;
}

.side .chk {
	position: relative;
}
.side .chk input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}
.side .chk:focus-within .box {
	outline: var(--wp--custom--fokus--breite) solid var(--blue);
	outline-offset: var(--wp--custom--fokus--abstand);
}

.side .chk:not(.on) .box { border-color: var(--soft); }
@media (hover: hover) {
	.side .chk:hover { color: var(--blue); }
	.side .chk:not(.on):hover .box { border-color: var(--blue); }
}
.side .gebraucht {
	display: block;
	font-size: 14px;
	font-weight: 700;
	color: var(--blue);
	padding: 4px 0;
}

#katalog .card .pic:not(.ph) { background-color: var(--wp--preset--color--white); }

.card .av.kauf {
	color: var(--blue);
}

.card .pic.ph {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--wp--custom--ui--flaeche-bild);
	text-align: center;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: var(--wp--custom--ui--hinweis-ink-2);
	line-height: 1.5;
}

.card .pic.ph:empty::after,
.card .pic.ph::after {
	content: "";
	width: 96px; height: 44px;
	background: url("../img/logo.svg") center/contain no-repeat;
	opacity: .17;
}
.card .pic.ph:has(span)::after { display: none; }
.card .tag.ph,
.badge.ph {
	background: var(--wp--preset--color--white);
	color: var(--wp--custom--ui--hinweis-ink-2);
	border: 1px dashed var(--wp--custom--ui--hinweis-line);
}

.katnote {
	margin-top: 36px;
	border-top: 1px solid var(--line);
	padding-top: 28px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
}
.katnote p {
	font-size: 15px;
	line-height: 1.6;
	color: var(--mut);
}
.katnote b {
	color: var(--ink);
}
.katnote a {
	color: var(--blue);
	font-weight: 900;
}

@media (max-width: 700px) {
	.katnote {
		grid-template-columns: 1fr;
	}
}

.katleer {
	margin: 8px 0 0;
	padding: 26px 24px;
	background: var(--card);
	border: 1px solid var(--line);
	color: var(--mut);
	font-size: 15.5px;
	line-height: 1.6;
}
.katleer a { color: var(--blue); font-weight: 900; }
.katleer[hidden] { display: none; }