/* ==========================================================================
   Home page — responsive gap fix
   ==========================================================================
   The home page's own compiled CSS (wp-content/uploads/elementor/css/post-14.css)
   already includes proper @media(max-width:1024px) and @media(max-width:767px)
   overrides for nearly every heading, spacer and column on the page — except
   two headings in the hero, which were left at a single fixed desktop size:

     #242b315  "24 Stunden-Pflege Familienbetrieb"   font-size: 80px (no override)
     #482cde4  "Sie sind bei uns in guten Händen"    font-size: 62px (no override)

   Every other heading on this page scales down at the same two breakpoints
   using roughly this ratio (see element #78cac0a: 48px -> 35px -> 30px,
   ~0.73x at tablet, ~0.63x at mobile). These two rules apply that same,
   already-established ratio — nothing invented, no new breakpoints, no
   layout changes. Everything else about the page is left exactly as shipped.
   ========================================================================== */

@media (max-width: 1024px) {
  .elementor-14 .elementor-element.elementor-element-242b315 .elementor-heading-title { font-size: 58px; }
  .elementor-14 .elementor-element.elementor-element-482cde4 .elementor-heading-title { font-size: 45px; }
}

@media (max-width: 767px) {
  .elementor-14 .elementor-element.elementor-element-242b315 .elementor-heading-title { font-size: 44px; }
  .elementor-14 .elementor-element.elementor-element-482cde4 .elementor-heading-title { font-size: 34px; }
}

@media (max-width: 400px) {
  .elementor-14 .elementor-element.elementor-element-242b315 .elementor-heading-title { font-size: 36px; }
  .elementor-14 .elementor-element.elementor-element-482cde4 .elementor-heading-title { font-size: 28px; }
}