/* ============================================================
   PNEUMOLOGIE – nur für diese Seite
   1) Hero: Button und Vorteilsraster liegen in eigenen Zeilen
   2) Keine Kasten-, Karten- und Kreisschatten mehr
   Kopfzeile, Fußbereich, Menüs und Modals bleiben unberührt.
   ============================================================ */

/* ============================================================
   1 · HERO – Text, Button, Vorteile untereinander
   ============================================================ */
html body.pneumologie-page section.pnh{
  height:auto !important;
  min-height:min(40.918vw,691px) !important;
  aspect-ratio:auto !important;
  overflow:hidden !important;
}
/* Der globale Hero-Container ist sonst absolut positioniert –
   hier trägt er den Inhalt, damit nichts übereinander liegt. */
html body.pneumologie-page .pnh > .hero-content-container{
  position:relative !important;
  left:auto !important;right:auto !important;top:auto !important;
  width:min(100% - 96px,1440px) !important;
  margin-inline:auto !important;
  padding:clamp(126px,11.5vw,190px) 37px clamp(40px,4.4vw,72px) !important;
  display:flex !important;flex-direction:column;align-items:flex-start;
  box-sizing:border-box;
}
html body.pneumologie-page .pnh > .hero-content-container > *{
  position:static !important;left:auto !important;top:auto !important;
  transform:none !important;
}
html body.pneumologie-page .pnh .pnh-title{
  font-size:clamp(38px,5.98vw,101px) !important;
  line-height:1.06 !important;margin:0 !important;
  white-space:normal !important;
}
html body.pneumologie-page .pnh .pnh-sub{
  font-size:clamp(18px,1.95vw,33px) !important;
  margin:clamp(6px,.7vw,12px) 0 0 !important;white-space:normal !important;
}
html body.pneumologie-page .pnh .pnh-orn{
  display:block;width:clamp(150px,15vw,254px);height:auto;
  margin:clamp(12px,1.3vw,22px) 0 0 !important;
}
html body.pneumologie-page .pnh .pnh-para{
  font-size:clamp(14px,1.1vw,18.5px) !important;line-height:1.55 !important;
  margin:clamp(14px,1.5vw,26px) 0 0 !important;max-width:56ch;
}

/* --- Button in eigener Zeile --- */
html body.pneumologie-page .pnh .pnh-btn{
  display:inline-flex !important;align-items:center;justify-content:center;
  align-self:flex-start;
  width:auto !important;max-width:100%;
  height:auto !important;min-height:clamp(46px,3.44vw,58px) !important;
  padding:clamp(12px,1vw,16px) clamp(18px,1.4vw,24px) !important;
  gap:clamp(10px,.85vw,14px) !important;
  margin:clamp(22px,2.4vw,38px) 0 0 !important;
  border-radius:999px !important;
  font-size:clamp(12px,1.01vw,17px) !important;
  letter-spacing:clamp(1.4px,.13vw,2.2px) !important;
  white-space:nowrap;
}
html body.pneumologie-page .pnh .pnh-btn svg{
  width:clamp(17px,1.25vw,21px) !important;height:clamp(17px,1.25vw,21px) !important;flex:none;
}

/* --- Vorteile: eng beieinanderstehende Reihe unter dem Button --- */
html body.pneumologie-page .pnh .pnh-feats{
  position:static !important;left:auto !important;right:auto !important;
  bottom:auto !important;top:auto !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;justify-items:center;
  gap:clamp(14px,1.3vw,20px) clamp(14px,1.4vw,21px);
  width:min(100%,516px) !important;
  margin:clamp(28px,2.6vw,40px) 0 0 !important;
  padding:0 !important;
  box-sizing:border-box;
}
html body.pneumologie-page .pnh .pnh-f{
  position:static !important;left:auto !important;top:auto !important;
  transform:none !important;
  width:100% !important;max-width:none !important;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  text-align:center;min-width:0;
  font-size:clamp(11px,.83vw,13.5px) !important;
  line-height:1.45 !important;color:#3f463f;
  overflow-wrap:break-word;
}
html body.pneumologie-page .pnh .pnh-f span{
  display:block;width:100%;max-width:100%;
}
html body.pneumologie-page .pnh .pnh-f img{
  width:clamp(38px,2.9vw,48px) !important;height:clamp(38px,2.9vw,48px) !important;
  object-fit:contain;display:block;
  margin:0 0 clamp(10px,.85vw,14px) !important;
}

/* Tablet: zwei Vorteile je Zeile, weiterhin eng beieinander */
@media (max-width:1199.98px){
  html body.pneumologie-page .pnh > .hero-content-container{
    width:calc(100% - 48px) !important;
    padding:clamp(112px,15vw,160px) 0 clamp(34px,4.4vw,54px) !important;
  }
  html body.pneumologie-page .pnh .pnh-feats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(100%,262px) !important;
    gap:clamp(18px,2.4vw,24px) 20px;
  }
  html body.pneumologie-page .pnh .pnh-f{font-size:13px !important;}
  html body.pneumologie-page .pnh .pnh-f img{width:42px !important;height:42px !important;}
}

/* Mobil: Button volle Breite, Vorteile zweispaltig */
@media (max-width:767.98px){
  html body.pneumologie-page .pnh > .hero-content-container{
    width:calc(100% - 32px) !important;
    padding:clamp(104px,26vw,140px) 0 clamp(30px,7vw,46px) !important;
  }
  html body.pneumologie-page .pnh .pnh-btn{
    width:100% !important;max-width:360px !important;
    align-self:stretch;justify-content:center;
    white-space:normal;text-align:center;line-height:1.25;
  }
  html body.pneumologie-page .pnh .pnh-feats{
    width:min(100%,252px) !important;
    gap:20px 18px;
  }
  html body.pneumologie-page .pnh .pnh-f{font-size:12.5px !important;}
  html body.pneumologie-page .pnh .pnh-f img{width:38px !important;height:38px !important;}
}
@media (max-width:359.98px){
  html body.pneumologie-page .pnh .pnh-feats{width:min(100%,240px) !important;gap:18px 14px;}
  html body.pneumologie-page .pnh .pnh-btn{max-width:none !important;}
}

/* ============================================================
   2 · KEINE SCHATTEN – nur in den Sektionen dieser Seite
   Kopfzeile, Fußbereich, Menüs und Modals bleiben unverändert.
   ============================================================ */
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap),
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *::before,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *::after{
  box-shadow:none !important;
}
/* auch in allen Zuständen */
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *:hover,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *:focus,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *:focus-visible,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *:active,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *:hover::before,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) *:hover::after{
  box-shadow:none !important;
}
/* Karten, Kacheln und runde Icon-Halter zusätzlich ohne Schatten-Filter */
.pneumologie-page :is(.sw-card,.sw-ico,.sw-arrow,.pnh-f,.pnh-f img,.pnh-btn,
                      .wsp2-card,.wsp2-ico,.dg2-card,.dg2-ico,.dg2-step,
                      .wsp-item,.wsp-ico,.card,.box,.panel,.cta-box,.benefit-item){
  box-shadow:none !important;
  filter:none !important;
  -webkit-filter:none !important;
}
/* Tastaturfokus bleibt sichtbar – als Kontur statt Schatten */
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) a:focus-visible,
.pneumologie-page :is(.pnh-wrap,.schwerpunkte,.wsp,.wsp2-wrap,.dg2-wrap) button:focus-visible{
  outline:2px solid #2f5233 !important;
  outline-offset:3px !important;
}