/* Touch layouts layered after the shared components; desktop stays unchanged. */
/* Separate portrait composition for phones: the complete Auer–Ora lettering
   stays centered. The original photograph and desktop canvas are untouched. */
@media(max-width:767px) and (orientation:portrait){
 /* The replacement is the only photo surface, including the temporary
    transition canvas. Otherwise the original crop can flash on mobile GPUs. */
 body.rh-site.page-id-529 #SR7_2_1 sr7-slide[data-key="7"] sr7-bg canvas{visibility:hidden!important;opacity:0!important}
 /* SR7 also composites the incoming photo into the outgoing slide's
    temporary canvas. Suppress that second surface while Auer–Ora is
    present, including reverse navigation, so no original crop can flash. */
 body.rh-site.page-id-529 #SR7_2_1:has(sr7-slide[data-key="7"][style*="display: block"]) sr7-slide[data-key="6"] sr7-bg canvas.sr7-a-canvas{visibility:hidden!important;opacity:0!important}
 body.rh-site.page-id-529 #SR7_2_1 sr7-slide[data-key="7"] sr7-bg::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:#191b19 url('../../uploads/2025/12/auerora-mobile-zentriert-v1.webp') center / auto min(100%,140vw) no-repeat}
}
/* The original landscape photo stays filled, anchored at its top edge so
   the Auer–Ora sign cannot be cropped off by the slider's canvas. */
@media(max-width:960px) and (orientation:landscape){
 body.rh-site.page-id-529 #SR7_2_1 sr7-slide[data-key="7"] sr7-bg canvas{visibility:hidden!important;opacity:0!important}
 body.rh-site.page-id-529 #SR7_2_1:has(sr7-slide[data-key="7"][style*="display: block"]) sr7-slide[data-key="6"] sr7-bg canvas.sr7-a-canvas{visibility:hidden!important;opacity:0!important}
 body.rh-site.page-id-529 #SR7_2_1 sr7-slide[data-key="7"] sr7-bg::after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:url('../../uploads/2025/12/auerora-1.rh.webp') center top / cover no-repeat}
}
@media(max-width:960px){
 .rh-site .rh-request-layout,.rh-site .rh-contact-layout{grid-template-columns:minmax(0,1fr);gap:38px}
 .rh-site .rh-request-intro{margin-bottom:34px}
 .rh-site .rh-form-panel{max-width:none}
}
@media(max-width:960px){
 .rh-site #header-wrap,.rh-site #header-controls-right{height:92px!important;line-height:92px!important}
 .rh-site #header .logo{padding:20px 0!important;height:92px!important;box-sizing:border-box;line-height:52px!important}
 .rh-site #header .logo img{max-height:52px!important;width:auto!important}
 .rh-site.page #content{padding-top:92px!important}
 .rh-site #header .mobile-nav-controller{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;min-width:48px;min-height:48px;margin:0;line-height:1;cursor:pointer}
 .rh-site #header .be-mobile-menu-icon{margin:0}
 .rh-site .header-mobile-navigation{max-height:calc(100svh - 92px);overflow-y:auto;overscroll-behavior:contain}
 .rh-site #mobile-menu>li:not(.lang-item)>a{display:flex!important;align-items:center;box-sizing:border-box;width:100%;min-height:48px;padding:12px 6%;font-size:15px;line-height:1.5}
 .rh-site #mobile-menu>li.lang-item{display:inline-block;vertical-align:top;border:0;padding:0!important;width:calc((88% - 18px)/4);margin:6px 0 8px 6px}
 .rh-site #mobile-menu>li.lang-item.lang-item-first{margin-left:6%}
 .rh-site #mobile-menu>li.lang-item>a{display:inline-flex!important;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;min-height:48px;box-sizing:border-box;padding:10px 4px;border:1px solid #53513f;line-height:1.5}
 .rh-site .rh-mobile-language{font-size:13px;letter-spacing:.04em}
 .rh-site #mobile-menu>li.current-lang>a{border-color:#d1b671}
 .rh-site .rh-request,.rh-site .rh-about,.rh-site .rh-faq{padding-top:32px}
 .rh-site .rhw-modes{display:flex;width:100%;box-sizing:border-box}
 .rh-site .rhw-modes button{flex:1;min-height:48px;padding:10px 6px;font-size:14px}
 .rh-site .rhs-story .rhs-skip{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box}
 .rh-site .rh-faq-index a{min-height:44px;box-sizing:border-box;display:flex!important;align-items:center}
 .rh-site .rh-info-related a{display:inline-flex;align-items:center;min-height:44px}
 .rh-site .rh-info-related{gap:0 18px}
 .rh-site .rh-personal a{min-height:44px;display:flex;align-items:center;overflow-wrap:anywhere}
 .rh-site .rhl-film{min-height:420px}
 .rh-site .rhl-film-toggle{right:6%;top:16px}
 .rh-site .rhl-play{gap:10px}
 .rh-site .rhl-play>span:last-child{padding-inline:10px;white-space:normal}
 .rh-site .rhl-button,.rh-site #page-content .rhw-button{white-space:normal;box-sizing:border-box;min-height:48px}
 .rh-site #footer-wrap{padding-inline:6%;overflow-wrap:anywhere}
 /* Decorative slider kickers were only 9px and collided with multiline titles. */
 body.rh-site.page-id-529 #SR7_2_1 sr7-txt[id$="-3"]{display:none!important}
 body.rh-site.page-id-529 #SR7_2_1 sr7-txt[id$="-2"]{font-size:24px!important;line-height:1.3!important;letter-spacing:.5px!important;text-shadow:0 2px 10px #000}
}