/*
 RAVENTA V603 – gemeinsamer, responsiver Hero-Standard fuer 17 Unterseiten.
 Scope: NUR Hero-Hoehen fuer Tablet/kleinen Desktop und responsive H1-Basisschrift.
 Alle bisherigen CTA-/Button-Stile, Hero-Bildausschnitte, Overlays, Mobile-Bilddateien,
 mobile Folgeinhalts- und Ueberlappungsregeln sowie die Startseite bleiben unberuehrt.
 Die vorhandene H1-JS-Korrektur skaliert unterhalb 1121 CSS-Pixel die Basisschrift
 mit Faktor 0.9. Die hier gesetzte Basisschrift beruecksichtigt dies bewusst.
 Die Selektoren mit zweimaliger ID dienen der Uebersteuerung historischer !important-
 Ausnahmen; am restlichen Design werden keine bestehenden Selektoren geaendert.
*/

/* Tablet: weich abgestuft. 768px => 480px, 1024px => 512px. */
@media (min-width:621px) and (max-width:1024px) {
  html body :is(#rv283-mobile-hero#rv283-mobile-hero,#rv292-hero#rv292-hero) {
    --rv603-hero-size: min(512px, calc(50vw + 96px));
    box-sizing: border-box !important;
    height: var(--rv603-hero-size) !important;
    min-height: var(--rv603-hero-size) !important;
    max-height: var(--rv603-hero-size) !important;
  }
  /* Die vorhandenen CTA-/Erklaerungsbereiche brauchen an schmalen Tablets Platz.
     Nur diese sieben Seiten erhalten bei Bedarf eine Mindesthoehe von 450px. */
  html body.rv154-jobs #rv283-mobile-hero#rv283-mobile-hero,
  html body.rv154-proc.rv460-proc-suite #rv283-mobile-hero#rv283-mobile-hero {
    --rv603-hero-size: max(450px, min(512px, calc(50vw + 96px)));
  }
  html body :is(#rv283-mobile-hero#rv283-mobile-hero,#rv292-hero#rv292-hero) > img {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  /* Titelskalierung nach Breite; finale H1-Groesse durch bestehende JS-Regel x0.9. */
  html body :is(#rv283-mobile-hero#rv283-mobile-hero,#rv292-hero#rv292-hero) h1 {
    font-size: clamp(38.89px,5.788vw,48px) !important;
    line-height:1.04 !important;
  }
}
/* Kein Ruecksprung auf die alte Mindesthoehe 620px direkt oberhalb 1024px. */
@media (min-width:1025px) and (max-width:1239px) {
  html body :is(#rv283-mobile-hero#rv283-mobile-hero,#rv292-hero#rv292-hero) {
    box-sizing:border-box !important;
    height:50vw !important;
    min-height:50vw !important;
    max-height:50vw !important;
  }
}
/* Zwischen 1024 und 1121 px dieselbe schrittweise H1-Skalierung ohne Sprung. */
@media (min-width:1025px) and (max-width:1120px) {
  html body :is(#rv283-mobile-hero#rv283-mobile-hero,#rv292-hero#rv292-hero) h1 {
    font-size: clamp(48px,calc(7.875vw - 32.64px),55.56px) !important;
    line-height:1.04 !important;
  }
}
/* Mobile: gemeinsame H1-Basisschrift, ohne CTA-Lage, Folgeinhalte, Bildhoehe und
   die bestehenden Bildvarianten oder Overlaps anzufassen. */
@media (max-width:620px) {
  html body :is(#rv283-mobile-hero#rv283-mobile-hero,#rv292-hero#rv292-hero) h1 {
    font-size: clamp(26.67px,8.25vw,38.89px) !important;
    line-height:1.04 !important;
  }
}