/* Riezler Hof – Korrekturen 08.10.2026 (Mobil, Lesbarkeit, Barrierefreiheit) */
.rh-skip{position:absolute;left:.75rem;top:-5rem;z-index:100;background:#073922;color:#f6f3ec;padding:.6rem 1rem;font-size:.875rem;text-decoration:underline;transition:top .15s}
.rh-skip:focus{top:.75rem;outline:2px solid #a9843c;outline-offset:2px}
main:focus{outline:none}
/* Hero: Lesbarkeit + sichtbare Dachzeile */
.rh-hero-overlay{background:linear-gradient(180deg,rgba(18,19,15,.62) 0%,rgba(18,19,15,.40) 38%,rgba(18,19,15,.40) 62%,rgba(18,19,15,.62) 100%)}
.rh-hero h1,.rh-hero p{text-shadow:0 2px 10px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.65)}
.rh-hero .eyebrow{color:#f6f3ec;opacity:1;font-weight:600}
/* Hero: Platz für die fixe Kopfzeile (kein Überlappen von Logo und Titel), Höhe wächst mit dem Inhalt */
.rh-hero{padding-top:7.5rem;padding-bottom:2.5rem}
.rh-hero.h-\[50vh\]{height:auto;min-height:50vh}
.rh-hero.h-\[60vh\]{height:auto;min-height:60vh}
.rh-hero.h-\[75vh\]{height:auto;min-height:75vh}
.rh-hero.h-screen{height:auto;min-height:100vh}
@media (max-width:767px){
  .rh-hero{padding-top:6.5rem;padding-bottom:2rem}
  .rh-hero h1{font-size:2rem;line-height:1.15}
  .rh-hero p.text-base{font-size:.95rem;line-height:1.55}
}
/* Topbar: Sprachflaggen laufen nicht mehr über */
.rh-topbar button{flex-shrink:0}
.rh-topbar .container-page{min-width:0}
@media (max-width:639px){
  .rh-topbar button span{display:none}
  .rh-topbar button{padding-left:.3rem;padding-right:.3rem}
}
@media (max-width:479px){
  .rh-topbar p{display:none}
  .rh-topbar .container-page{justify-content:center}
}
/* Kopfzeile: Logo darf schrumpfen, Menü-Button wird nie abgeschnitten */
.rh-logo{flex-shrink:1;min-width:0;margin-right:1rem}
.rh-logo img{max-width:100%;object-fit:contain;object-position:left center}
.rh-menu-btn{flex-shrink:0;white-space:nowrap;padding:.5rem 0}
@media (max-width:359px){.rh-menu-btn{letter-spacing:.1em}.rh-logo img{height:1.9rem}}
.rh-menu-panel{max-height:calc(100vh - 6.5rem);max-height:calc(100dvh - 6.5rem);overflow-y:auto}
/* Desktop 1280–1535 px: Navigation passt vollständig in eine Zeile */
@media (min-width:1280px) and (max-width:1535px){
  .rh-nav{gap:.8rem}
  .rh-nav a{letter-spacing:.12em}
  .rh-logo img{height:2.4rem}
}
/* Sprachauswahl im mobilen Menü bricht bei sehr schmalen Displays um */
.rh-menu-panel .border-t > div{flex-wrap:wrap;row-gap:.5rem}