@media (max-width:767px) {
  body.wp-child-theme-apitz-skincare .elementor-location-header {display:block; container-type:inline-size; aspect-ratio:480 / 127; height:auto; min-height:0; gap:0; padding:0; background:#788575; overflow:visible;
    > .bg-dark, > .bg-light {position:static; width:100%; padding:0; background:transparent;}
    .apitz-site-logo {position:absolute; top:25.98%; left:0; width:100%; margin:0; padding:0; text-align:center;
      a {display:block; width:100%;}
      img {display:block; width:57.0833cqi; max-width:calc(100% - 40px); height:auto; margin:0 auto;}
    }
    .elementor-menu-toggle {position:absolute; top:77.56%; left:50%; display:flex; align-items:center; justify-content:center; width:44px; height:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:0; transform:translate(-50%,-50%); background:transparent; color:#fff;
      svg {display:none;}
      &::before {content:""; display:block; width:6.4583cqi; max-width:40px; height:1px; background:currentColor; box-shadow:0 -6px currentColor,0 6px currentColor;}
      &.elementor-active::before {box-shadow:none; transform:rotate(45deg);}
      &.elementor-active::after {content:""; position:absolute; width:6.4583cqi; max-width:40px; height:1px; background:currentColor; transform:rotate(-45deg);}
      &:focus-visible {outline:2px solid currentColor; outline-offset:2px;}
    }
  }
  body.home.wp-child-theme-apitz-skincare .page-content > .elementor .intro {display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto auto auto; container-type:inline-size; width:100%; max-width:none; min-height:0; margin:0; padding:0; gap:0; position:relative; isolation:isolate; background:#788575; clip-path:none;
    &::before {content:""; position:relative; grid-area:1 / 1 / 4 / 2; inset:auto; align-self:stretch; width:100%; height:auto; min-height:0; z-index:0; background:url("/wp-content/uploads/2026/10/Dr_Apitz_Website_Header_Mobil.webp") no-repeat 15% top / cover; opacity:1; pointer-events:none;}
    > .logo-hf {grid-area:1 / 1; justify-self:center; display:block; position:relative; z-index:1; width:46%; max-width:none; height:auto; min-width:0; margin:19.1667% auto 13.3333%; padding:0;}
    > .intro-text {display:contents;}
    .intro-text > h1 {grid-area:2 / 1; position:relative; z-index:1; width:80%; max-width:none; margin:0 auto 2.5cqi; padding:0; color:#fff; font-size:clamp(20px,6.25cqi,48px); font-weight:400; line-height:1.1; letter-spacing:0; text-align:center; overflow-wrap:normal;}
    .intro-text > .apitz-hero-claim {grid-area:3 / 1; position:relative; z-index:1; width:90%; max-width:none; min-height:20.8333cqi; margin:0 auto; padding:0 0 8.3333cqi; color:#fff; font-size:clamp(12px,3.5417cqi,27px); font-weight:400; line-height:1.17647; letter-spacing:0; text-align:center; overflow-wrap:normal; box-sizing:border-box;}
    .apitz-mobile-claim-line {display:block;}
    .apitz-mobile-claim-separator {display:none;}
    .intro-text > p {grid-area:4 / 1; position:relative; z-index:1; width:100%; max-width:none; margin:0; padding:10.4167cqi 10.4167cqi 0; color:#fff; font-size:clamp(16px,4.1667cqi,28px); font-weight:400; line-height:1.55; letter-spacing:0; text-align:left; overflow-wrap:normal; hyphens:auto; box-sizing:border-box;
      strong {font-weight:700;}
    }
    > .intro-icons {grid-area:5 / 1; justify-self:center; display:block; position:relative; z-index:1; width:41.6667%; max-width:none; height:auto; min-width:0; margin:8.3333cqi auto 11.6667cqi; padding:0;}
  }
}