/* v037: Mobile Kopfzeile im Dokumentfluss, kompakte Bilder ohne Beschnitt.
   Gilt fuer Startseite, Kategorie-Uebersichten und Ratgeber. Desktop bleibt unveraendert. */
.home-mobile-hero-photo { display:none; }
@media screen and (max-width:899.98px) {
 body.reha-unified.mobile-hero-layout .main-header.header-style-five {
   position:relative; inset:auto; width:100%;
 }
 body.reha-unified.mobile-hero-layout .header-style-five .main-box {
   min-height:74px; padding-block:10px;
 }
 body.reha-unified.mobile-hero-layout .header-style-five .main-box .logo img {
   max-width:152px; max-height:48px; width:auto;
 }
 /* Das Bild liegt vollstaendig unter dem Menue. Keine starren Bildbuehnen. */
 body.mobile-hero-layout .reha-overview-page .reha-overview-hero {
   display:flex; flex-direction:column; align-items:stretch; min-height:0;
 }
 body.mobile-hero-layout .reha-overview-page .reha-overview-visual {
   position:relative; inset:auto; margin:0; width:100%; height:auto;
   min-height:0; max-height:none; aspect-ratio:auto;
 }
 body.mobile-hero-layout .reha-overview-page .reha-overview-visual img {
   position:relative; inset:auto; display:block; width:100%; height:auto;
   min-height:0; max-height:300px; object-fit:contain; object-position:center top;
   transform:none;
 }
 body.mobile-hero-layout .reha-overview-page .reha-overview-wash { display:none; }
 body.mobile-hero-layout .reha-overview-page .reha-overview-inner { padding-block:28px 38px; }
 body.mobile-hero-layout .reha-overview-page .reha-overview-copy { width:100%; max-width:650px; }
 body.mobile-hero-layout .reha-overview-page .reha-overview-kicker { margin-bottom:18px; font-size:10px; letter-spacing:.12em; }
 body.mobile-hero-layout .reha-overview-page .reha-overview-copy h1 {
   font-size:clamp(30px,7.8vw,44px)!important; line-height:1.1;
   overflow-wrap:normal!important; word-break:normal!important; hyphens:manual!important;
   margin-bottom:20px;
 }
 body.mobile-hero-layout .reha-overview-page .reha-overview-copy h1 span { white-space:normal; }
 body.mobile-hero-layout .reha-overview-page .reha-overview-hero--funktionstraining h1 {
   font-size:clamp(25px,6.8vw,40px)!important;
 }
 body.mobile-hero-layout .reha-overview-page .reha-overview-hero--praevention h1 {
   font-size:clamp(28px,7.2vw,42px)!important;
 }
 body.mobile-hero-layout .reha-overview-page .reha-overview-promise { font-size:clamp(20px,5.3vw,27px); line-height:1.3; margin-bottom:20px; }
 body.mobile-hero-layout .reha-overview-page .reha-overview-intro { font-size:16px; line-height:1.65; }
 /* Startseite: Foto statt vergroessertem Hintergrund, danach der Text. */
 body.home-redesign.reha-unified.mobile-hero-layout .home-hero {
   display:block; min-height:0; background-image:none!important;
   background-color:#f5f7f3!important;
 }
 body.home-redesign.reha-unified.mobile-hero-layout .home-mobile-hero-photo {
   display:block; width:100%; height:auto; max-height:300px;
   object-fit:contain; object-position:center top;
 }
 body.home-redesign.reha-unified.mobile-hero-layout .home-hero-content { padding-block:28px 38px; }
 body.home-redesign.reha-unified.mobile-hero-layout .home-hero h1 {
   font-size:clamp(30px,7.9vw,44px); line-height:1.12; margin-bottom:20px;
 }
 body.home-redesign.reha-unified.mobile-hero-layout .home-hero-description { font-size:16px; line-height:1.65; }
 body.home-redesign.reha-unified.mobile-hero-layout .home-hero .home-eyebrow { margin-bottom:18px; font-size:10px; letter-spacing:.12em; }
 body.home-redesign.reha-unified.mobile-hero-layout .home-hero-actions { margin-top:24px; }
 /* Ratgeber-Uebersicht und Artikel: vollstaendige Motive, kurze Einleitung. */
 body.mobile-hero-layout .rg-overview-premium > .reader-nav { display:none; }
 body.mobile-hero-layout .rg-overview-premium .overviewhero { display:block; min-height:0; }
 body.mobile-hero-layout .rg-overview-premium .rg-overview-hero-image {
   position:relative; inset:auto; z-index:0; display:block; width:100%; height:auto;
   max-height:300px; object-fit:contain; object-position:center top;
 }
 body.mobile-hero-layout .rg-overview-premium .overviewhero:after { display:none; }
 body.mobile-hero-layout .rg-overview-premium .overview-grid { padding-block:28px 36px; }
 body.mobile-hero-layout .rg-overview-premium .rg-overview-hero-copy { width:100%; max-width:650px; }
 body.mobile-hero-layout .rg-overview-premium .overviewhero h1 { font-size:clamp(32px,8vw,44px); line-height:1.1; margin:18px 0; }
 body.mobile-hero-layout .rg-overview-premium .rg-lead { font-size:16px; line-height:1.65; margin-bottom:18px; }
 body.mobile-hero-layout .rg-overview-premium .eyebrow { font-size:10px; letter-spacing:.10em; }
 body.mobile-hero-layout .rg-guide .guidehero { display:flex; flex-direction:column; min-height:0; }
 body.mobile-hero-layout .rg-guide .guidehero .heroimg {
   position:relative; inset:auto; display:block; width:100%; height:auto; max-height:300px;
   object-fit:contain; object-position:center top; opacity:1; z-index:0; order:0;
 }
 body.mobile-hero-layout .rg-guide .guidehero:after { display:none; }
 body.mobile-hero-layout .rg-guide .guidehero-inner { order:1; padding-block:28px 36px; }
 body.mobile-hero-layout .rg-guide .guidehero h1 { font-size:clamp(30px,7.4vw,42px); }
}