/* Gut Rechetsberg v324 — dedicated iPad portrait layout.
   Uses runtime device + orientation classes instead of a max-width gate so
   iPad Pro / desktop-site mode / page zoom cannot fall back to desktop geometry. */
html.is-ipad-v324.is-ipad-portrait-v324{
  --header-h:74px;
  overflow-x:clip;
}

/* ===== Header: one row, logo on the true viewport centre ===== */
html.is-ipad-v324.is-ipad-portrait-v324 .site-header{
  height:var(--header-h)!important;
  min-height:var(--header-h)!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .site-header::after{
  background:rgba(39,45,50,.90)!important;
  -webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;
  -webkit-backdrop-filter:blur(12px)!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner{
  position:relative!important;
  box-sizing:border-box!important;
  width:min(800px,calc(100% - 144px))!important;
  height:var(--header-h)!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-template-rows:var(--header-h)!important;
  align-items:center!important;
  column-gap:0!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-left,
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-right{display:contents!important}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-accommodation,
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-link,
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .sticky-mark{
  min-width:0!important;
  max-width:100%!important;
  justify-self:center!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-link{
  display:block!important;
  padding:0 4px!important;
  font-size:clamp(10.5px,1.05vw,12px)!important;
  line-height:1.15!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
  text-align:center!important;
  transform:none!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .sticky-mark,
html.is-ipad-v324.is-ipad-portrait-v324 .site-header.scrolled .sticky-mark,
html.is-ipad-v324.is-ipad-portrait-v324 .site-header.menu-open .sticky-mark{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:58px!important;
  height:64px!important;
  margin:0!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .sticky-mark img{
  display:block!important;
  width:auto!important;
  height:47px!important;
  max-width:none!important;
  margin:auto!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .accommodation-dropdown{display:none!important}

/* Language stays visible; the four utility shortcuts move into the menu. */
html.is-ipad-v324.is-ipad-portrait-v324 .utility{
  position:absolute!important;
  top:0!important;
  right:58px!important;
  left:auto!important;
  width:52px!important;
  height:var(--header-h)!important;
  min-height:0!important;
  padding:0!important;
  gap:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  -webkit-transform:none!important;
  z-index:8!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .utility>.utility-link{display:none!important}
html.is-ipad-v324.is-ipad-portrait-v324 .utility .language{display:block!important;margin:0!important}
html.is-ipad-v324.is-ipad-portrait-v324 .utility .language-button{
  width:48px!important;min-width:48px!important;height:36px!important;
  padding:0 5px!important;gap:4px!important;font-size:11px!important;letter-spacing:.12em!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .utility .language-menu{top:43px!important;right:0!important}

html.is-ipad-v324.is-ipad-portrait-v324 .mobile-menu-toggle{
  position:absolute!important;
  left:auto!important;
  right:max(10px,env(safe-area-inset-right))!important;
  top:50%!important;
  z-index:10!important;
  width:42px!important;height:42px!important;padding:9px 8px!important;
  border:0!important;background:transparent!important;color:#fff!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;
  transform:translateY(-50%)!important;-webkit-transform:translateY(-50%)!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-menu-toggle span{
  display:block!important;width:24px!important;height:1px!important;background:currentColor!important;
  transform-origin:center!important;transition:transform .25s ease,opacity .2s ease,width .25s ease!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .site-header.menu-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
html.is-ipad-v324.is-ipad-portrait-v324 .site-header.menu-open .mobile-menu-toggle span:nth-child(2){opacity:0!important;width:0!important}
html.is-ipad-v324.is-ipad-portrait-v324 .site-header.menu-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}

html.is-ipad-v324.is-ipad-portrait-v324 .mobile-panel{
  box-sizing:border-box!important;
  position:fixed!important;top:var(--header-h)!important;left:auto!important;right:12px!important;
  width:min(390px,calc(100vw - 24px))!important;max-height:calc(100svh - var(--header-h) - 12px)!important;
  overflow-y:auto!important;display:block!important;padding:18px 20px 20px!important;
  background:rgba(39,45,50,.97)!important;border:1px solid rgba(255,255,255,.12)!important;border-top:0!important;
  border-radius:0 0 18px 18px!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important;color:#fff!important;
  opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;-webkit-transform:translateY(-8px)!important;
  pointer-events:none!important;transition:opacity .22s ease,transform .25s ease,visibility .22s ease!important;z-index:9!important;
  -webkit-overflow-scrolling:touch;
}
html.is-ipad-v324.is-ipad-portrait-v324 .site-header.menu-open .mobile-panel{
  opacity:1!important;visibility:visible!important;transform:none!important;-webkit-transform:none!important;pointer-events:auto!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-nav{display:grid!important}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-nav>a,
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-accom-group>a{
  display:flex!important;align-items:center!important;min-height:46px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;color:#fff!important;text-decoration:none!important;
  font-size:16px!important;letter-spacing:.055em!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-accom-sublinks{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important;
  padding:7px 0 11px!important;border-bottom:1px solid rgba(255,255,255,.14)!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-accom-sublinks a{
  display:flex!important;align-items:center!important;min-height:36px!important;
  color:rgba(255,255,255,.72)!important;text-decoration:none!important;font-size:11px!important;letter-spacing:.045em!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-quicklinks{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding-top:16px!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-quicklinks a{
  display:grid!important;justify-items:center!important;gap:7px!important;padding:11px 4px!important;
  color:rgba(255,255,255,.82)!important;text-decoration:none!important;font-size:9px!important;letter-spacing:.06em!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .mobile-quicklinks svg{
  width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
}
@media (max-width:850px) and (orientation:portrait){
  html.is-ipad-v324.is-ipad-portrait-v324 .header-inner{width:calc(100% - 128px)!important}
  html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-link{font-size:10.25px!important;letter-spacing:.015em!important;padding:0 2px!important}
  html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .sticky-mark img{height:43px!important}
}

/* ===== Accommodation hero: landscape photo must remain landscape ===== */
html.is-ipad-v324.is-ipad-portrait-v324 .accom-hero{
  min-height:0!important;height:auto!important;padding-top:var(--header-h)!important;
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;overflow:hidden!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .accom-hero-image{
  order:1!important;min-height:0!important;height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .accom-hero-copy{
  order:2!important;min-height:0!important;
  padding:clamp(48px,6vw,68px) clamp(42px,7vw,76px) clamp(58px,7vw,82px)!important;
  align-items:flex-start!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .accom-hero-inner{width:min(720px,100%)!important;transform:none!important;opacity:1!important}
html.is-ipad-v324.is-ipad-portrait-v324 .accom-hero-image>img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;
  object-fit:cover!important;transform:none!important;-webkit-transform:none!important;will-change:auto!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-landhaus-i"] .accom-hero-image>img{object-position:center 61%!important}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .accom-hero-image>img{object-position:center 54%!important}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-apartment-i"] .accom-hero-image>img{object-position:center 48%!important}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="small-house-ii"] .accom-hero-image>img{object-position:center 52%!important}
html.is-ipad-v324.is-ipad-portrait-v324 .accom-hero h1{font-size:clamp(52px,7.2vw,76px)!important;line-height:.98!important}
html.is-ipad-v324.is-ipad-portrait-v324 .accom-lead{max-width:45em!important;font-size:16px!important;line-height:1.72!important}

/* ===== Große Apartment I: dining photo layout ===== */
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-apartment-i"] .dining-editorial-grid{
  grid-template-columns:1fr!important;grid-template-areas:"main" "detail" "context"!important;
  gap:18px!important;margin-top:34px!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-apartment-i"] .dining-main-frame{
  aspect-ratio:16/9.4!important;min-height:0!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-apartment-i"] .dining-detail-stack{
  display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;gap:18px!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-apartment-i"] .dining-detail{
  aspect-ratio:4/3!important;min-height:0!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="grosses-apartment-i"] .dining-context{
  aspect-ratio:16/8.3!important;margin-top:0!important;
}

/* ===== Kleines Apartment II: bedroom editorial pair ===== */
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-sleep-head{
  grid-template-columns:1fr!important;gap:24px!important;margin-bottom:38px!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-sleep-head .ksa-copy{max-width:60ch!important}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-sleep-stage{
  display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;gap:16px!important;align-items:start!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-bedroom-wide{
  grid-column:1!important;grid-row:1!important;min-height:0!important;height:auto!important;aspect-ratio:4/3!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-bedroom-detail{
  grid-column:2!important;grid-row:1!important;min-height:0!important;height:auto!important;aspect-ratio:2/3!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-bedroom-panorama{
  grid-column:1/-1!important;grid-row:2!important;min-height:0!important;height:auto!important;aspect-ratio:2/1!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-bedroom-wide img,
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-bedroom-detail img,
html.is-ipad-v324.is-ipad-portrait-v324 body[data-page="kleines-apartment-ii"] .ksa-bedroom-panorama img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
}

/* ===== Homepage labyrinth: always stack in iPad portrait ===== */
/* v324 header alignment correction: the accommodation link inherited a 100%
   height from the desktop dropdown trigger, which put its text on the top edge. */
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-accommodation>.nav-link,
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-link{
  height:auto!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-accommodation>.nav-link::after{display:none!important}
/* Slightly stronger tablet legibility on larger portrait iPads. */
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-link{
  font-size:clamp(11px,1.2vw,13px)!important;
}
@media (max-width:850px) and (orientation:portrait){
  html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-link{font-size:10.5px!important}
}

/* ========================================================================== 
   v325 — iPad portrait finishing pass
   Only affects iPad portrait. Removes the accommodation chevron/line and
   hard-locks the homepage labyrinth + curved provenance title to one centre axis.
   ========================================================================== */
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-accommodation > .nav-link::before,
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-accommodation > .nav-link::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  opacity:0!important;
  transform:none!important;
  -webkit-transform:none!important;
}
html.is-ipad-v324.is-ipad-portrait-v324 .header-inner .nav-accommodation > .nav-link{
  gap:0!important;
  border-right:0!important;
  box-shadow:none!important;
  background-image:none!important;
}

/* Use a single-column composition in portrait, regardless of any older
   desktop/tablet grid declarations still present in the page. */

/* Exact geometric centring of the curved lavender-labyrinth provenance line.
   Anchoring from 50% avoids the accumulated translate/inset offsets from older
   revisions while keeping the existing arc geometry and typography. */