/* RuhrBau: Titelbereich der Unterseiten blendet ein wie auf der Ankauf-Seite (18.10.2026).
   Nur Bewegung beim Laden - Inhalt, Aufbau und Endbild der Seiten bleiben unveraendert.
   - Texte: nacheinander von unten (gleiche Zeiten wie Ankauf)
   - Foto: blendet ein und faehrt langsam auf seine normale Groesse zurueck.
     rb-motion.js uebernimmt es dafuer in eine eigene Ebene (.rbh-bg). Laeuft das Skript
     nicht, entfernt die Kopfzeile nach 3 s die Klasse rb-js und das Foto steht normal da.
   Startseite (eigener Titel) und Elementor-Editor sind ausgenommen. */

.rb-js body:not(.home):not(.elementor-editor-active) [data-elementor-type="wp-page"]>.e-con:first-child :is(.e-con,.e-con-inner):has(>.elementor-widget-heading h1)>.elementor-element{animation:rbhUp .7s cubic-bezier(.2,.7,.3,1) both}
.rb-js body:not(.home):not(.elementor-editor-active) [data-elementor-type="wp-page"]>.e-con:first-child :is(.e-con,.e-con-inner):has(>.elementor-widget-heading h1)>.elementor-element:nth-child(2){animation-delay:.1s}
.rb-js body:not(.home):not(.elementor-editor-active) [data-elementor-type="wp-page"]>.e-con:first-child :is(.e-con,.e-con-inner):has(>.elementor-widget-heading h1)>.elementor-element:nth-child(3){animation-delay:.2s}
.rb-js body:not(.home):not(.elementor-editor-active) [data-elementor-type="wp-page"]>.e-con:first-child :is(.e-con,.e-con-inner):has(>.elementor-widget-heading h1)>.elementor-element:nth-child(4){animation-delay:.3s}
.rb-js body:not(.home):not(.elementor-editor-active) [data-elementor-type="wp-page"]>.e-con:first-child :is(.e-con,.e-con-inner):has(>.elementor-widget-heading h1)>.elementor-element:nth-child(n+5){animation-delay:.4s}

/* Foto: bis rb-motion.js es uebernommen hat, bleibt der Titel dunkelblau (kein Springen) */
.rb-js body:not(.home):not(.elementor-editor-active) [data-elementor-type="wp-page"]>.e-con:first-child:not(.rbh--lese){background-image:none!important}
.rbh{isolation:isolate;overflow:hidden}
.rbh-bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-repeat:no-repeat;pointer-events:none;animation:rbhPan 16s cubic-bezier(.2,.6,.3,1) both,rbhFade .6s ease both}

@keyframes rbhUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes rbhPan{from{transform:scale(1.1)}to{transform:none}}
@keyframes rbhFade{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  [data-elementor-type="wp-page"]>.e-con:first-child .elementor-element,.rbh-bg{animation:none!important}
}