/* Individuelle Stadtporträts, November 2026 */
.hf-city-page{--city-ink:#20382f;--city-paper:#fffdf8;color:var(--city-ink)}
.hf-city-page .city-wrap{max-width:1120px;margin:0 auto;padding:32px 24px 64px;box-sizing:border-box}
.hf-city-page .city-hero{margin:30px 0 52px;display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.hf-city-page h1{font-size:clamp(38px,4.8vw,64px);line-height:1.08;text-wrap:balance;margin:12px 0 24px;color:var(--city-ink)}
.hf-city-page .city-lead{font-size:23px;line-height:1.45;color:#455b50}
.hf-city-page img{display:block;width:100%;height:auto;border-radius:12px}
.hf-city-page figure{margin:0}
.hf-city-page .city-hero img{aspect-ratio:3/2;object-fit:cover}
.hf-city-page .city-intro{max-width:820px;font-size:19px;line-height:1.8;margin:0 0 48px}
.hf-city-page h2{font-size:clamp(28px,3vw,38px);line-height:1.22;color:var(--city-ink);text-wrap:balance;margin:0 0 22px}
.hf-city-page h3{color:var(--city-ink);font-size:23px;line-height:1.35}
.hf-city-page p,.hf-city-page li{line-height:1.8;color:#3d5147}
.hf-city-page .city-local{max-width:850px;margin:50px 0}
.hf-city-page .city-local p{font-size:18px}
.hf-city-page .city-source{font-size:14px!important}
.hf-city-page a:not(.n-button){color:#72501e;text-underline-offset:4px}
.hf-city-page .city-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:56px 0}
.hf-city-page .city-detail p{font-size:17px}
.hf-city-page .city-checks{border-top:2px solid #b78d48;border-bottom:1px solid #d5d8cd;padding:32px 0;margin:48px 0}
.hf-city-page .city-checks ol{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;counter-reset:steps;padding:0}
.hf-city-page .city-checks li{counter-increment:steps;padding:0 12px 0 0;font-size:17px}
.hf-city-page .city-checks li:before{content:'0' counter(steps);display:block;color:#956f35;font-size:27px;margin-bottom:12px;font-family:Georgia,serif}
.hf-city-page .city-contact{padding:36px;background:#ece9df;border-radius:14px;margin:48px 0 0}
.hf-city-page .city-contact p{max-width:78ch}
.hf-city-page .city-faq{max-width:850px;padding:20px 0}
.hf-city-page .city-related{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px}
.hf-city-page .city-wide .city-hero{grid-template-columns:1fr}
.hf-city-page .city-wide .city-hero>div{max-width:900px}
.hf-city-page .city-wide .city-hero img{max-height:560px;object-fit:cover}
.hf-city-page .city-reverse .city-detail figure{order:2}
.hf-city-page .city-reverse .city-detail>div{order:1}
.hf-city-page .n-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.hf-city-page .n-button{white-space:normal;min-height:48px;box-sizing:border-box;max-width:100%;line-height:1.5}
.hf-city-page a:focus-visible{outline:3px solid #946f35;outline-offset:4px}
@media(max-width:760px){.hf-city-page .city-hero,.hf-city-page .city-detail,.hf-city-page .city-checks ol{grid-template-columns:1fr}.hf-city-page .city-hero{gap:24px;margin-top:24px}.hf-city-page .city-wrap{padding:20px 20px 44px}.hf-city-page .city-lead{font-size:20px}.hf-city-page .city-intro{font-size:17px}.hf-city-page .city-detail{gap:24px}.hf-city-page .city-reverse .city-detail figure{order:0}.hf-city-page .city-contact{padding:24px}.hf-city-page .n-actions{flex-direction:column}.hf-city-page .n-button{text-align:center}.hf-city-page .city-checks ol{gap:22px}}