/* RAVENTA V604 – targeted 320/620 transition corrections; rest V603 unchanged. */
/* Narrow phones: application forms follow image; no overlap with hero. */
@media (max-width:360px){
 html body main > #rv283-mobile-hero#rv283-mobile-hero.candidate-hero.rv248-application-hero,
 html body main > #rv283-mobile-hero.candidate-hero:has(+ #suchprofil){height:73vw!important;min-height:73vw!important;max-height:73vw!important;}
 html body main > #rv283-mobile-hero + #bewerbung,
 html body main > #rv283-mobile-hero + #suchprofil{margin-top:0!important;}
 html body main > #rv283-mobile-hero.rv-master-hero,
 html body main > #rv292-hero.rv-master-hero{height:290px!important;min-height:290px!important;max-height:290px!important;}
 /* The shopping CTA now starts where its mobile hero image ends. */
 html body main > #rv283-mobile-hero.rv460-proc-hero{height:73vw!important;min-height:73vw!important;max-height:73vw!important;}
 html body main > #rv283-mobile-hero.rv460-proc-hero + .rv465-hero-actionbar{margin-top:0!important;}
}
/* Breakpoint 620: separate application form and shopping actionbars from actual image. */
@media (min-width:500px) and (max-width:620px){
 html body main > #rv283-mobile-hero#rv283-mobile-hero.candidate-hero.rv248-application-hero,
 html body main > #rv283-mobile-hero.candidate-hero:has(+ #suchprofil){height:73vw!important;min-height:73vw!important;max-height:73vw!important;}
 html body main > #rv283-mobile-hero + #bewerbung,
 html body main > #rv283-mobile-hero + #suchprofil{margin-top:0!important;}
 html body main > #rv283-mobile-hero.rv460-proc-hero{height:73vw!important;min-height:73vw!important;max-height:73vw!important;}
 html body main > #rv283-mobile-hero.rv460-proc-hero + .rv465-hero-actionbar{margin-top:0!important;}
}