/*
 * Mobile section polish only.
 * Canonical header and cinematic hero geometry lives in responsive-shell.css.
 */
@media (max-width: 720px) {
  .page-leistungen main > .page-hero + .site-shell.section-space,
  .page-ueber-uns main > .page-hero + .site-shell.section-space {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .page-kontakt main > .page-hero + .site-shell.section-space {
    margin-top: 0.96rem !important;
    padding-top: 0.96rem !important;
  }

  #leistungen.section-space {
    margin-top: 1.5rem !important;
    padding-top: 1.58rem !important;
    padding-bottom: 0.72rem !important;
    background: transparent !important;
  }

  #leistungen .section-header {
    margin-bottom: 0.82rem !important;
  }

  #leistungen .section-header h2 {
    font-size: clamp(1.56rem, 7.2vw, 2.16rem) !important;
    line-height: 0.96 !important;
  }

  #leistungen .section-header p {
    font-size: 0.82rem !important;
    line-height: 1.26 !important;
  }

  #leistungen .service-atlas {
    display: block !important;
  }

  #leistungen .service-preview-panel,
  #leistungen #service-preview-image {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  #leistungen .service-rail {
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  #leistungen .service-row {
    min-height: auto !important;
    padding: 0.92rem 0.92rem !important;
    background: rgba(247, 248, 245, 0.98) !important;
  }

  #leistungen .service-row h3 {
    font-size: 1rem !important;
    line-height: 1.16 !important;
  }

  #leistungen .service-inline-badge {
    margin-top: 0.3rem !important;
    font-size: 0.62rem !important;
  }

  #leistungen .service-actions {
    margin-top: 0.66rem !important;
  }

  #leistungen .service-actions .button.outline {
    width: 100% !important;
    min-height: 46px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--brand) !important;
    border-color: rgba(27, 73, 101, 0.14) !important;
    box-shadow: none !important;
  }

  #ablauf.section-space {
    padding-top: 0.42rem !important;
  }

  .story-grid,
  .about-stage,
  .about-detail-strip,
  .contact-layout {
    gap: 0.62rem !important;
  }

  .story-panel,
  .about-story,
  .about-detail,
  .about-stat-card,
  .contact-direct,
  .form-panel {
    border-radius: 20px !important;
    padding: 0.94rem 0.92rem !important;
  }

  .story-panel h2 {
    font-size: clamp(1.88rem, 8.4vw, 2.54rem) !important;
    line-height: 0.94 !important;
  }

  .about-story h2,
  .about-detail h2 {
    font-size: clamp(1.48rem, 6.8vw, 2.04rem) !important;
    line-height: 0.98 !important;
  }

  .story-panel p,
  .about-story p,
  .about-detail p,
  .about-stat-card p {
    font-size: 0.88rem !important;
    line-height: 1.38 !important;
  }

  .contact-direct,
  .form-panel {
    padding: 1rem 0.92rem !important;
  }

  .form-actions {
    gap: 1.72rem !important;
    margin-top: 1.16rem !important;
  }

  .form-note {
    max-width: 31ch !important;
    padding-top: 0.98rem !important;
    font-size: 0.88rem !important;
    line-height: 1.4 !important;
  }
}