/* Offene Flächenübersicht; nur auf /steinreinigung/ geladen. */
.sr-flaechen { background: #fff; scroll-margin-top: 24px; }
.sr-flaechen-layout { display: grid; grid-template-columns: minmax(250px, .8fr) minmax(0, 2fr); gap: 64px; align-items: start; }
.sr-flaechen-kopf { max-width: 340px; }
.sr-flaechen-kopf .kicker { color: #06384f; }
.sr-flaechen-kopf h2 { color: #123b4e; }
.sr-flaechen-kopf p { color: #53636b; font-size: 16px; line-height: 1.6; }
.sr-flaechen-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 38px; margin: 0; padding: 0; list-style: none; }
.sr-flaechen-eintrag { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; align-items: start; padding: 24px 0; border-top: 1px solid #dee7eb; }
.sr-flaechen-eintrag::before { content: none; }
.sr-flaechen-symbol { display: grid; place-items: center; width: 46px; height: 46px; background: #eef7fb; color: #0172a8; border-radius: 50%; }
.sr-flaechen-symbol svg { display: block; width: 29px; height: 29px; }
.sr-flaechen-eintrag h3 { color: #123b4e; margin: 2px 0 8px; font-size: 19px; line-height: 1.3; }
.sr-flaechen-eintrag p { color: #53636b; margin: 0; line-height: 1.6; font-size: 15px; }
@media (max-width: 1199px) {
  .sr-flaechen-layout { grid-template-columns: minmax(220px, .8fr) minmax(0, 2fr); gap: 36px; }
  .sr-flaechen-liste { column-gap: 24px; }
  .sr-flaechen-eintrag { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; }
  .sr-flaechen-symbol { width: 40px; height: 40px; }
  .sr-flaechen-symbol svg { width: 26px; height: 26px; }
  .sr-flaechen-eintrag h3 { font-size: 18px; }
}
@media (max-width: 1000px) {
  .sr-flaechen-layout { grid-template-columns: 1fr; gap: 24px; }
  .sr-flaechen-kopf { max-width: 610px; }
}
@media (max-width: 600px) {
  .sr-flaechen-liste { grid-template-columns: 1fr; }
  .sr-flaechen-eintrag { padding: 20px 0; gap: 14px; }
  .sr-flaechen-eintrag:last-child { padding-bottom: 0; }
  .sr-flaechen-eintrag h3 { margin-top: 0; margin-bottom: 5px; }
}