/* Startseite: IMMOBRA in Zahlen und Kontaktbox an den häufigen Fragen (inc/startseite-vertrauen.php, 15.10.2026) */

/* ───────── Zahlenkacheln ───────── */
.home-zahlen__kopf { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }
.home-zahlen__kopf h2 { margin: 0; text-wrap: balance; }
.home-zahlen__raster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(0.75rem, 2vw, 1.25rem); margin: 0; padding: 0; list-style: none; }
.home-zahlen__raster--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.home-zahl {
	position: relative; display: flex; flex-direction: column; margin: 0;
	padding: clamp(1.25rem, 2.5vw, 1.9rem) clamp(1.1rem, 2vw, 1.6rem) clamp(1.1rem, 2vw, 1.5rem);
	border: 1px solid var(--immobra-line); border-radius: 4px; background: #FFFFFF;
	box-shadow: 0 1px 2px rgba(43, 49, 55, 0.04), 0 10px 28px -18px rgba(43, 49, 55, 0.35);
}
/* Goldstrich oben wie die Linien der Bewertungs-Icons */
.home-zahl::before { content: ""; position: absolute; top: -1px; left: clamp(1.1rem, 2vw, 1.6rem); width: 2.25rem; height: 2px; background: var(--immobra-gold); }
.home-zahl p { margin: 0; }
.home-zahl__wert {
	display: flex; align-items: baseline; gap: 0.45rem;
	font-family: var(--wp--preset--font-family--display); font-size: clamp(2.6rem, 5vw, 3.6rem); line-height: 1;
	color: var(--immobra-schiefer); font-variant-numeric: tabular-nums;
}
.home-zahl__wert small { font-family: var(--wp--preset--font-family--sans); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--immobra-gold-text); }
.home-zahl__label { margin-top: 0.75rem !important; font-weight: 800; line-height: 1.35; color: var(--immobra-schiefer); }
.home-zahl__meta { margin-top: 0.3rem !important; font-size: 0.85rem; line-height: 1.45; color: var(--immobra-muted); }
.home-zahl__link, .home-zahl .bewertungen-hinweis-link {
	align-self: flex-start; margin-top: auto; padding-top: 0.9rem;
	font-size: 0.8rem; font-weight: 700; color: var(--immobra-schiefer); text-decoration: underline; text-decoration-color: var(--immobra-gold); text-underline-offset: 3px;
}
.home-zahl__link::after { content: " →"; }
.home-zahl__link:hover, .home-zahl .bewertungen-hinweis-link:hover { color: var(--immobra-gold-text); }

/* Bewertungen als dunkle Kachel hervorgehoben */
.home-zahl--betont { border-color: var(--immobra-schiefer); background: var(--immobra-schiefer); }
.home-zahl--betont .home-zahl__wert { color: var(--immobra-gold); }
.home-zahl--betont .home-zahl__wert small { color: #D3D8DF; }
.home-zahl--betont .home-zahl__label { color: #FFFFFF; }
.home-zahl--betont .home-zahl__meta { color: #AEB5C0; }
.home-zahl--betont .bewertungen-hinweis-link { color: #D3D8DF; }
.home-zahl--betont .bewertungen-hinweis-link:hover { color: var(--immobra-gold); }

/* Platzhalter: nur Redakteure sehen ihn */
.home-zahl--offen { border-style: dashed; border-color: var(--immobra-gold); background: #FFFDF6; box-shadow: none; }
.home-zahl--offen .home-zahl__wert { color: var(--immobra-gold-text); }

@media (max-width: 1000px) { .home-zahlen__raster--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .home-zahlen__raster { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) {
	.home-zahlen__raster { gap: 0.6rem; }
	.home-zahl { padding: 1.1rem 0.9rem 1rem; }
	.home-zahl::before { left: 0.9rem; }
	.home-zahl__wert { flex-wrap: wrap; gap: 0.1rem 0.35rem; font-size: 2.3rem; }
	.home-zahl__wert small { font-size: 0.7rem; }
	.home-zahl__label { font-size: 0.9rem; }
	.home-zahl__meta { font-size: 0.78rem; }
}

/* ───────── Kontaktbox neben den häufigen Fragen ───────── */
@media (min-width: 901px) {
	.home-faq__head { position: sticky; top: 7rem; }
	.admin-bar .home-faq__head { top: calc(7rem + 32px); }
}
.faq-kontakt {
	margin-top: 1.75rem; padding: clamp(1.25rem, 2.5vw, 1.6rem);
	border-radius: 4px; background: var(--immobra-schiefer); color: #D3D8DF;
	box-shadow: 0 14px 34px -22px rgba(43, 49, 55, 0.7);
}
.faq-kontakt p { margin: 0; }
.faq-kontakt__kopf { display: flex; align-items: center; gap: 0.9rem; }
.faq-kontakt__foto { flex-shrink: 0; width: 64px; height: 64px; border: 2px solid var(--immobra-gold); border-radius: 50%; object-fit: cover; }
.faq-kontakt__titel { font-size: 1.1rem; font-weight: 800; line-height: 1.3; color: #FFFFFF; }
.faq-kontakt__person { margin-top: 0.15rem !important; font-size: 0.8rem; color: #AEB5C0; }
.faq-kontakt__text { margin-top: 1rem !important; font-size: 0.95rem; line-height: 1.55; }
.faq-kontakt__telefon { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; margin: 1rem 0 1.1rem !important; }
.faq-kontakt__telefon a { font-size: 1.35rem; font-weight: 800; color: #FFFFFF; text-decoration: none; font-variant-numeric: tabular-nums; }
.faq-kontakt__telefon a:hover { color: var(--immobra-gold); }
.faq-kontakt__telefon small { font-size: 0.8rem; color: #AEB5C0; }