.muc-city{border:2px solid var(--color-rule-strong,#24443c);border-radius:var(--radius-1,4px);background:var(--color-surface,#fffaf1);overflow:hidden;color:var(--color-text,#18231f);margin-block:1.5rem;list-style:none}
.muc-city *{box-sizing:border-box}
.muc-city [hidden]{display:none!important}
.muc-city__poster{margin:0;background:#dce9e4}
.muc-city__poster img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.muc-city__copy{padding:1.25rem}
.muc-city__eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 .45rem!important;color:var(--color-text-meta,#476158)}
.muc-city__title{font:inherit;font-weight:750;font-size:1.4rem;line-height:1.2;margin:0 0 .75rem}
.muc-city__description{font-size:1rem;line-height:1.5;margin:0 0 .75rem!important;color:inherit!important}
.muc-city__note{font-size:.9rem!important;line-height:1.45;margin:0!important;color:var(--color-text-meta,#476158)}
.muc-city__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem .25rem}
.muc-city__button,.muc-city__link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:.65rem .9rem;border:2px solid var(--color-rule-strong,#24443c);border-radius:4px;font:inherit;font-size:.95rem;font-weight:700;line-height:1.3;text-decoration:none!important;cursor:pointer}
.muc-city__button{background:var(--color-text,#24443c);color:var(--color-surface,#fffaf1)}
.muc-city__link{background:transparent;color:var(--color-text,#24443c)!important}
.muc-city__button:hover,.muc-city__link:hover{filter:brightness(.93)}
.muc-city__button:focus-visible,.muc-city__link:focus-visible{outline:3px solid #b76432;outline-offset:3px}
.muc-city__view iframe{display:block;border:0;width:100%;height:min(68vh,680px);min-height:380px;background:#dce9e4}
.muc-city--service{margin:0}
.muc-city--hub .muc-city__title{font-size:1.15rem}
.muc-city--hub .muc-city__copy{padding:1rem}
/* Die vorhandene haftende Bezirkskarte darf das anschließende Widget nicht überdecken. */
.hub-aside-stack>.stadtteil-karte:has(+.muc-city--hub){position:static}
@media(min-width:720px){.muc-city--home{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.muc-city--home .muc-city__poster{align-self:stretch}.muc-city--home .muc-city__poster img{height:100%}.muc-city--home .muc-city__view{grid-column:1/-1}}
@media(prefers-reduced-motion:no-preference){.muc-city__button,.muc-city__link{transition:filter .15s ease}}