/* Pflanzenwelt v4.5: approved accordion hamburger on desktop AND mobile.
   The old horizontal navigation must never show at large breakpoints. */
.header .headrow{position:relative!important;display:flex!important;gap:12px!important}
.header .headrow>.logo{order:1;margin-right:auto!important;min-width:0}
.header .headrow>.locale-picker{order:3;margin-left:0!important;flex:0 0 auto}
.header .headrow>#menuToggle{order:2;display:flex!important;align-items:center;justify-content:center;position:relative!important;flex:0 0 auto!important;min-width:46px;min-height:44px;font-size:25px!important;color:#173c30;cursor:pointer;z-index:101}
.header #siteNav{display:none!important;position:absolute!important;top:100%!important;left:auto!important;right:0!important;width:min(420px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 100px)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;box-sizing:border-box!important;z-index:100!important;background:#fffefa!important;box-shadow:0 22px 60px #102a223c!important;border:1px solid #dce3d9!important;border-radius:0 0 6px 6px!important;margin:0!important;padding:13px 18px 20px!important;white-space:normal!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;font-size:16px!important;letter-spacing:normal!important}
.header #siteNav.open{display:flex!important}
.header #siteNav>a{display:block!important;width:100%;padding:15px 11px!important;line-height:1.25!important;min-height:48px;box-sizing:border-box;border-bottom:1px solid #edf0e9!important;white-space:normal!important;color:#203e30;font-weight:600}
.header #siteNav>a.active{color:#297650!important}
.header #siteNav .nav-dropdown{display:block!important;width:100%;margin:0!important;position:static!important}
.header #siteNav .nav-dropdown summary{display:flex!important;justify-content:space-between;min-height:48px;padding:14px 11px!important;border-bottom:1px solid #edf0e9!important;white-space:normal!important;cursor:pointer;font-size:16px!important;font-weight:650!important;line-height:1.3}
.header #siteNav .nav-dropdown summary:after{content:"⌄";display:block;transform:rotate(0deg);font-size:22px;line-height:1;color:#4c8063}
.header #siteNav .nav-dropdown[open] summary:after{transform:rotate(180deg)}
.header #siteNav .nav-dropdown .drop-outer{display:none!important;position:static!important;left:auto!important;top:auto!important;min-width:0!important;padding:0!important;width:100%!important;white-space:normal!important;box-shadow:none!important}
.header #siteNav .nav-dropdown[open] .drop-outer{display:block!important}
.header #siteNav .nav-dropdown .drop-panel{display:block!important;margin:0 0 6px!important;padding:7px 4px 7px 15px!important;background:#f0f4ee!important;border:0!important;border-left:3px solid #9fb6a0!important;box-shadow:none!important;border-radius:0!important}
.header #siteNav .nav-dropdown .drop-panel a{display:block!important;padding:12px 10px!important;min-height:44px!important;box-sizing:border-box!important;font-size:14.5px!important;font-weight:550!important;line-height:1.35!important;white-space:normal!important}
.header #siteNav .nav-dropdown .drop-panel .drop-divider{margin:4px!important}
.header #siteNav a.nav-cta{background:#173c30!important;color:#fff!important;text-align:center!important;margin-top:12px!important;border-radius:4px!important;padding:14px!important}
@media(max-width:630px){.header #siteNav{max-height:calc(100dvh - 85px)!important}.header .headrow{gap:5px!important}.header .headrow>.locale-picker{gap:2px!important}.header .headrow>.locale-picker a{padding:5px!important;font-size:10px!important}.header .headrow>#menuToggle{min-width:42px}}

/* Audience cues in the Services menu are informational; every destination is open to everyone. */
.header #siteNav .drop-panel .nav-audience-label{
  display:block!important;
  padding:11px 10px 4px!important;
  color:#547562!important;
  font:750 10px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
  letter-spacing:.115em!important;
  text-transform:uppercase!important;
}
.header #siteNav .drop-panel .nav-audience-label + a{padding-top:8px!important}

/* Header refinement 27 Oct 2026: move only language buttons toward right edge.
   The hamburger retains its original layout position. */
.header .headrow > .locale-picker{position:relative!important;left:clamp(14px,1.85vw,26px)!important;gap:3px!important}
@media(max-width:630px){.header .headrow > .locale-picker{left:9px!important;gap:2px!important}}

/* Ginkgo biloba logomark — retain the wordmark, city label and menu geometry. */
.header .logo b{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:34px!important;margin-right:7px!important;font-size:0!important;line-height:0!important}
.header .logo b img{display:block!important;width:32px!important;height:32px!important;object-fit:contain!important}
@media(max-width:480px){.header .logo b{flex-basis:27px!important;width:27px!important;height:29px!important;margin-right:5px!important}.header .logo b img{width:27px!important;height:27px!important}}


/* Clear, visible hamburger label for visitors who may not recognize ☰.
   A CSS pseudo-label persists when existing menu JavaScript toggles ☰ / ✕,
   without changing any of the approved header navigation or link behavior. */
.header .headrow>#menuToggle{gap:7px!important;padding:7px 10px!important;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important}
.header .headrow>#menuToggle::after{content:"Menü";display:inline-block;font:750 13px/1.25 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;letter-spacing:.005em;white-space:nowrap}
html[lang="de-AT"] .header .headrow>#menuToggle::after{content:"Menü"}
html[lang="cs-CZ"] .header .headrow>#menuToggle::after{content:"Nabídka"}
html[lang="en"] .header .headrow>#menuToggle::after{content:"Menu"}
html[lang="de-AT"] .header .headrow>#menuToggle[aria-expanded="true"]::after{content:"Schließen"}
html[lang="cs-CZ"] .header .headrow>#menuToggle[aria-expanded="true"]::after{content:"Zavřít"}
html[lang="en"] .header .headrow>#menuToggle[aria-expanded="true"]::after{content:"Close"}
@media(max-width:630px){
  .header .headrow>#menuToggle{gap:3px!important;padding:6px 5px!important;font-size:21px!important}
  .header .headrow>#menuToggle::after{font-size:11px!important}
}
@media(max-width:370px){
  .header .headrow>#menuToggle{min-width:0!important;padding:5px 3px!important;gap:2px!important}
  .header .headrow>#menuToggle::after{font-size:10px!important}
}