/* City editions extend the approved white, blue and pink Hausverwaltung design. */
.preview-band{background:#10243f;color:#fff;font-size:11px;letter-spacing:.04em;text-align:center;padding:7px 18px;line-height:1.5}.preview-band a{color:#fff;text-decoration:underline;text-underline-offset:3px}.city-location{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:18px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.city-location nav{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.city-location a:hover{color:var(--pink)}.city-location a:last-child{color:var(--blue)}.city-location .region-pill{font-size:10px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.city-page .hero{padding-top:28px}.city-page .hero h1{font-size:clamp(36px,4.15vw,61px);line-height:1.16;max-width:760px;overflow-wrap:normal}.city-page .hero h1 .city-name{color:var(--blue);display:block}.city-page .hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:40px}.city-page .hero-copy>.lead{font-size:19px;line-height:1.75;max-width:590px}.city-page .hero-art{height:auto;min-height:380px;aspect-ratio:4/3;padding:0}.city-page .hero-picture.city-picture{position:relative;width:110%;max-width:110%;height:auto;max-height:none;object-fit:contain;filter:none;mix-blend-mode:multiply;border-radius:0;margin-left:-5%}.city-page .hero-art .art-orbit{display:none}.city-page .hero-art .hero-spark{font-size:62px;right:0;top:0}.city-page .hero-art .paper-label{right:0;bottom:10%;font-size:15px}.city-page .hero-art figcaption{bottom:-22px;font-size:10px;left:0;max-width:90%;line-height:1.5}.city-page .hero-art figcaption span{display:block}.city-page .hero-hand{font-size:31px;line-height:1.2}.city-local{padding-block:90px 70px}.city-local-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:75px}.city-local h2{font-size:clamp(32px,3.5vw,50px)}.city-local-top p{font-size:18px;margin-bottom:17px}.local-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}.local-priorities article{min-width:0}.local-priorities .priority-no{font:700 27px/1 var(--hand);color:var(--pink);display:block;margin-bottom:18px}.local-priorities h3{font-size:22px;line-height:1.3;margin-bottom:14px}.local-priorities p{font-size:16px;line-height:1.85}.city-local+.values-section{padding-top:65px}.local-example{background:var(--soft);padding-block:65px}.local-example-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:65px;align-items:center}.local-example h2{font-size:clamp(29px,3vw,43px);line-height:1.22;margin:16px 0}.local-example p{font-size:17px}.example-note{padding:28px 30px;background:white;border:1px solid var(--line);box-shadow:7px 8px 0 #384a9f0d;rotate:1deg;display:grid;gap:15px}.example-note .hand{color:var(--blue);font-size:27px}.example-note strong{font-family:var(--heading);font-size:38px;letter-spacing:-.06em;line-height:1}.example-note small{font-size:12px;line-height:1.7;color:var(--muted)}.example-note a{font-size:14px;color:var(--blue);text-decoration:underline;text-underline-offset:4px}.city-source-details{margin-top:35px;border-top:1px solid var(--line);padding-top:24px}.city-source-details summary{font-size:14px;cursor:pointer;color:var(--blue)}.city-source-details ul{padding-left:20px;margin-top:16px}.city-source-details li{margin-bottom:12px;font-size:14px}.city-source-details a{text-decoration:underline;text-underline-offset:3px}.city-source-details p{font-size:12px;color:var(--muted)}.local-faq-badge{display:inline-block;color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.city-nearby{padding-block:70px;background:var(--soft)}.city-nearby .section-heading{margin-bottom:35px}.city-nearby h2{font-size:35px}.city-neighbor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.city-neighbor{display:block;background:#fff;border:1px solid var(--line);padding:15px;border-radius:8px;transition:transform .2s,border-color .2s}.city-neighbor:hover{transform:translateY(-3px);border-color:var(--blue)}.city-neighbor img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.city-neighbor span{display:flex;justify-content:space-between;gap:10px;font-size:17px;font-weight:600;padding:10px 5px}.city-nearby>.wrap>p{font-size:14px;margin-top:24px}.city-nearby>.wrap>p a{text-decoration:underline;text-underline-offset:4px;color:var(--blue)}.city-hub{padding-block:85px}.city-hub h1{font-size:clamp(40px,5vw,74px);line-height:1.12;max-width:850px;margin:18px 0 24px}.city-hub h1 span{color:var(--blue)}.city-hub .lead{font-size:21px;max-width:760px}.city-hub-title{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:55px;margin-bottom:65px}.city-hub-art{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:0;rotate:3deg}.city-hub-art img{width:100%;height:auto}.city-hub-art img:first-child{grid-column:1/3;width:75%;margin:0 auto -50px;z-index:1}.city-controls{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:45px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}.city-search{display:grid;gap:8px;flex:1;max-width:480px;min-width:240px;font-size:14px}.city-search input{font:400 18px var(--body);padding:15px 18px;border:1px solid #b9c3d4;border-radius:7px;width:100%;background:white;color:var(--ink)}.city-filter{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.city-filter button{background:#fff;color:var(--ink);border:1px solid #ccd2df;border-radius:25px;padding:10px 13px;cursor:pointer;font:500 12px var(--body)}.city-filter button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.city-filter button:hover{border-color:var(--blue)}.city-result-count{margin:24px 0;color:var(--muted);font-size:13px}.city-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.city-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.city-card:hover{border-color:var(--blue);transform:translateY(-3px)}.city-card img{width:100%;aspect-ratio:4/3;object-fit:contain;background:white}.city-card-copy{padding:6px 25px 26px}.city-card small{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.city-card h2{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:27px;line-height:1.2;margin:12px 0}.city-card h2 span{font-family:var(--body);font-size:25px;color:var(--pink)}.city-card p{font-size:15px;color:var(--muted);line-height:1.7}.city-no-results{padding:30px;background:var(--soft);font-size:18px}.hub-service-note{display:flex;gap:28px;padding:30px;margin-top:40px;background:var(--soft);border-radius:8px;align-items:start}.hub-service-note .hand{font-size:28px;color:var(--blue);white-space:nowrap}.hub-service-note p{font-size:15px;max-width:850px}.city-footer-link{margin-top:15px;display:inline-block!important;color:var(--blue)}
@media(min-width:1500px){.city-page .hero-grid{gap:70px}}
@media(max-width:1000px){.city-page .hero-grid{gap:20px}.city-page .hero h1{font-size:46px}.city-page .hero-copy>.lead{font-size:17px}.city-local-top{gap:35px}.local-priorities{gap:25px}.city-page .hero-art{min-height:300px}.city-page .hero-art .paper-label{font-size:12px}.city-page .hero-hand{font-size:25px}.city-hub-title{gap:20px}.city-cards{gap:20px}.city-card-copy{padding-inline:18px}.city-card h2{font-size:23px}}
@media(max-width:700px){.city-location{align-items:start;font-size:11px;gap:10px}.city-location .region-pill{font-size:8px;padding-top:3px}.city-page .hero-grid{grid-template-columns:1fr;gap:20px}.city-page .hero h1{font-size:clamp(34px,8vw,45px);line-height:1.2}.city-page .hero-copy>.lead{font-size:18px}.city-page .hero-hand{font-size:29px}.city-page .hero-art{min-height:0;max-width:520px;margin:auto;width:100%;aspect-ratio:4/3;margin-bottom:32px}.city-page .hero-picture.city-picture{width:100%;max-width:100%;margin:0}.city-page .hero-art .paper-label{font-size:14px;bottom:12%;right:0}.city-page .hero-art .hero-spark{font-size:48px;top:5%}.city-page .hero-art figcaption{font-size:9px;bottom:-15px}.city-local{padding-block:60px 45px}.city-local-top{grid-template-columns:1fr;gap:24px}.city-local h2{font-size:35px}.city-local-top p{font-size:17px}.local-priorities{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:28px}.local-priorities article{display:grid;grid-template-columns:38px 1fr;gap:0 12px}.local-priorities p{grid-column:2;font-size:16px}.local-priorities .priority-no{grid-row:1/3;margin-top:2px}.local-priorities h3{font-size:23px;margin-bottom:9px}.city-local+.values-section{padding-top:40px}.local-example{padding-block:45px}.local-example-grid{grid-template-columns:1fr;gap:25px}.example-note{max-width:450px;width:100%;justify-self:center}.example-note strong{font-size:34px}.city-nearby{padding-block:50px}.city-nearby .section-heading{display:block}.city-neighbor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.city-neighbor{padding:8px}.city-neighbor span{font-size:14px;line-height:1.4}.city-nearby h2{font-size:30px}.city-hub{padding-block:50px}.city-hub-title{grid-template-columns:1fr;gap:15px;margin-bottom:25px}.city-hub h1{font-size:43px}.city-hub .lead{font-size:19px}.city-hub-art{max-width:400px;margin:auto}.city-hub-art img:first-child{margin-bottom:-35px}.city-controls{gap:20px;margin-top:25px}.city-search{max-width:100%;min-width:0;width:100%;flex:auto}.city-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.city-card-copy{padding:5px 14px 20px}.city-card h2{font-size:20px;line-height:1.25;margin:9px 0}.city-card p{font-size:13px}.city-card small{font-size:8px}.city-card h2 span{font-size:19px}.hub-service-note{display:block;padding:24px}.hub-service-note .hand{display:block;margin-bottom:12px}.preview-band{font-size:10px}.city-location>a{white-space:nowrap}}
@media(max-width:380px){.city-page .hero h1{font-size:33px}.city-hub h1{font-size:36px}.city-cards{grid-template-columns:1fr}.city-card{display:grid;grid-template-columns:38% 1fr;align-items:center}.city-card img{height:100%;aspect-ratio:auto;min-height:120px}.city-card-copy{padding:18px 12px}.city-card h2{font-size:21px}.city-page .hero-hand{font-size:26px}.city-page .hero-art .paper-label{font-size:11px}.city-location .region-pill{display:none}}
@media(prefers-reduced-motion:reduce){.city-card,.city-neighbor{transition:none;transform:none!important}}
@media print{.preview-band,.city-location,.city-local,.local-example,.city-nearby,.city-hub{display:none!important}}
/* On narrow screens the city motif follows the headline, before the longer introduction. */
@media(max-width:700px){.city-page #hero-slide-1{row-gap:23px}.city-page #hero-slide-1 .hero-copy{display:contents}.city-page #hero-slide-1 .hero-copy>.eyebrow{grid-row:1}.city-page #hero-slide-1 .hero-copy>h1{grid-row:2;margin:0}.city-page #hero-slide-1 .hero-copy>.hero-hand{grid-row:3;margin:0}.city-page #hero-slide-1>.hero-art{grid-row:4;margin-block:0 18px}.city-page #hero-slide-1 .hero-copy>.lead{grid-row:5;margin:0}.city-page #hero-slide-1 .hero-copy>.actions{grid-row:6;margin-top:8px}.city-page #hero-slide-1 .hero-copy>.hero-note{grid-row:7}}