/* Parkguide-Teaser 20261017 — MOBILE /m/, ersetzt vorübergehend "Stadt-Talk & Bürgerdialog".
   Basis: /css/parkguide-teaser-20261017.css. Rückbau: Teaser-Block + beide <link> entfernen,
   bei #civicSurveySection "pg-off" und "hidden" entfernen. */
#civicSurveySection.pg-off{display:none!important}
.pg-teaser.pg-teaser--m{height:auto;min-height:0;aspect-ratio:16/10;border-radius:16px;flex:none;width:100%;
  -webkit-tap-highlight-color:transparent;box-shadow:0 8px 24px rgba(30,40,25,.22),0 0 0 1px rgba(255,236,190,.18) inset}
.pg-teaser--m:active{transform:scale(.985)}
.pg-teaser--m .pg-teaser__img{object-position:50% 45%}
.pg-teaser--m .pg-badge{top:11px;left:11px;font-size:11px;padding:4px 10px 4px 9px}
.pg-teaser--m .pg-chip{top:11px;right:11px;font-size:10.5px;padding:4px 9px}
.pg-teaser--m .pg-credit{top:38px;right:12px;font-size:8px}
.pg-teaser--m .pg-body{padding:0 14px 13px;gap:3px}
.pg-teaser--m .pg-kicker{font-size:10.5px}
.pg-teaser--m .pg-title{font-size:21px}
.pg-teaser--m .pg-sub{font-size:12.5px}
.pg-teaser--m .pg-facts{font-size:11.5px}
.pg-teaser--m .pg-cta{margin-top:8px;padding:9px 15px;font-size:13px;min-height:36px}
@container (max-width:340px){.pg-teaser--m .pg-title{font-size:19px}.pg-teaser--m .pg-sub{font-size:12px}.pg-teaser--m .pg-facts{font-size:11px}.pg-teaser--m .pg-body{padding:0 12px 11px}.pg-teaser--m .pg-cta{margin-top:6px;padding:8px 13px}}
@media (prefers-reduced-motion:reduce){.pg-teaser--m:active{transform:none}}