/* Phones: less text, more air (the owner, 2026-10-21: on phones the text drowned the real information). Lines that
   only repeat a heading, a number or a fold above them hide here; everything stays on wider screens. Loaded last on
   every page, so these rules win over the page styles. */
@media (max-width: 560px) {
  :root { --section-space: 104px; }

  /* Air: more room between sections and between a heading and what follows. */
  .pr-problem, .pr-gets, .pr-rules, .pr-owner, .pr-calc, .pr-price, .dd, .hw-paths { padding-block: 96px 0; }
  .eyebrow { margin-bottom: 12px; }
  .lead { font-size: 1rem; line-height: 1.65; }
  .pr-h2 { margin-bottom: 18px; }

  /* Repeats of what's around them. */
  .topbar { display: none; }                 /* the booking bar at the bottom says the same */
  .hero-meta { display: none; }              /* three checkmarks under the hero buttons */
  .emp-feed { display: none; }               /* home cards: name, promise and days back are enough */
  .svc-start { display: none; }              /* How we work, the five situations: the situation itself stays */
  .au-demo { display: none; }                /* AI employees page: the example right above already shows it */
  .dd-legend { display: none; }              /* each chip already reads "15 → 2 Min." */
  .pricing-why, .pricing-intro .included-title, .pricing-intro .included { display: none; }  /* home packages: the price line says it */

  /* Off the edge: the example mocks' headers (long German names and the "Illustratives Beispiel" label) wrap
     instead of pushing the label past the screen. */
  .pr-phone-top, .bo-wa-top, .ld-inbox-top, .sr-ov-title, .console-head { flex-wrap: wrap; row-gap: 8px; }
  .pr-phone-top .tag, .bo-wa-top .tag, .ld-inbox-top .tag, .sr-ov-title .tag, .console-head .tag { margin-inline-start: 0; }
}