/* MH24 ES10 2.1.0 – Kopfbereich entsprechend freigegebener Startseitenansicht.
   Ein einziger Markenbereich, Menü immer sichtbar, Kontoaktionen in einer zweiten Zeile.
   Speziell auf diese Theme-Klassen begrenzt: WordPress-Adminleiste bleibt unangetastet. */
body.mh24-es10 .mh24-site-header{position:relative;z-index:100;background:#fff;box-shadow:none;margin:0;padding:0}
body.mh24-es10 .mh24-site-header .mh24-approved-header{
 width:min(calc(100% - 32px),1450px);max-width:1450px;min-width:0;margin:0 auto;padding:0;
 display:block;box-sizing:border-box
}
body.mh24-es10 .mh24-site-header .mh24-header-top{
 display:flex;align-items:center;justify-content:space-between;gap:24px;
 min-height:112px;padding:16px 0;border-bottom:1px solid #e4eae4
}
body.mh24-es10 .mh24-site-header .brand{
 display:inline-flex;order:unset;flex:0 1 auto;min-width:0;max-width:100%;white-space:nowrap;
 gap:0;margin:0;text-decoration:none;line-height:1;align-items:center
}
body.mh24-es10 .mh24-site-header .mh24-site-wordmark{display:flex;flex-direction:column;min-width:0}
body.mh24-es10 .mh24-site-header .mh24-site-wordmark>strong{font-size:clamp(29px,2.9vw,38px);line-height:1.14}
body.mh24-es10 .mh24-site-header .mh24-site-wordmark em{font-size:9px;letter-spacing:.2em;padding-left:14px;margin-top:2px}
body.mh24-es10 .mh24-site-header .mh24-site-actions{
 display:flex;order:unset;flex:0 1 auto;flex-wrap:nowrap;align-items:center;
 justify-content:flex-end;gap:clamp(10px,1.25vw,21px);min-width:0;margin-left:auto;margin-bottom:0
}
body.mh24-es10 .mh24-site-header .mh24-header-icon,
body.mh24-es10 .mh24-site-header .mh24-site-login{display:inline-flex!important;min-height:44px;align-items:center;gap:7px;color:#1b271c;white-space:nowrap;text-decoration:none}
body.mh24-es10 .mh24-site-header .mh24-site-login>span{display:inline!important;font-size:14px;font-weight:650}
body.mh24-es10 .mh24-site-header .mh24-header-heart{display:inline-flex!important}
body.mh24-es10 .mh24-site-header .mh24-site-add{
 display:inline-flex;align-items:center;justify-content:center;background:#985018!important;color:#fff!important;
 min-height:46px;padding:11px 17px;border-radius:7px;font-size:14px;font-weight:800;
 white-space:nowrap;box-shadow:0 3px 9px #25140625;text-decoration:none
}
body.mh24-es10 .mh24-site-header .mh24-brand-leaves,
body.mh24-es10 .mh24-site-header .mh24-site-logo-img,
body.mh24-es10 .mh24-site-header .brand-icon,
body.mh24-es10 .mh24-site-header .mobile-toggle{display:none!important}
body.mh24-es10 .mh24-site-header .mh24-header-bottom{
 display:flex;align-items:center;justify-content:space-between;gap:18px;
 min-height:77px;padding:9px 0;box-sizing:border-box
}
body.mh24-es10 .mh24-site-header .main-nav,
body.mh24-es10 .mh24-site-header .main-nav.is-open{
 position:static!important;order:unset!important;display:block!important;flex:1 1 auto;
 width:auto;max-width:100%;min-width:0;margin:0;padding:0;
 border:0;visibility:visible!important;opacity:1!important;transform:none!important;
 height:auto!important;overflow:visible!important
}
body.mh24-es10 .mh24-site-header .nav-menu{
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
 justify-content:flex-start;align-items:center;gap:clamp(3px,.45vw,8px);
 min-width:0;width:auto;margin:0;padding:0;list-style:none;border:0
}
body.mh24-es10 .mh24-site-header .nav-menu>li{flex:0 1 auto;min-width:0;position:relative;display:block;margin:0}
body.mh24-es10 .mh24-site-header .nav-menu>li>a{
 display:flex;align-items:center;justify-content:center;min-height:43px;
 padding:10px clamp(4px,.55vw,10px);font-size:clamp(12px,.86vw,14px);
 font-weight:760;letter-spacing:-.015em;color:#143b26;line-height:1.25;
 text-align:center;white-space:nowrap!important;text-decoration:none;border-radius:7px;
 overflow-wrap:normal
}
body.mh24-es10 .mh24-site-header .nav-menu>li>a:hover,
body.mh24-es10 .mh24-site-header .nav-menu>li>a:focus-visible{background:#edf3eb}
body.mh24-es10 .mh24-site-header .nav-menu .sub-menu{
 position:absolute!important;inset:auto auto auto 0;top:100%;display:none;
 min-width:200px;max-width:280px;z-index:30;background:#fff;padding:8px;
 border:1px solid #e2eae2;border-radius:9px;box-shadow:0 10px 25px #1c2f1f2c
}
body.mh24-es10 .mh24-site-header .nav-menu li:hover>.sub-menu,
body.mh24-es10 .mh24-site-header .nav-menu li:focus-within>.sub-menu{display:block}
body.mh24-es10 .mh24-site-header .nav-menu .sub-menu li{display:block}
body.mh24-es10 .mh24-site-header .nav-menu .sub-menu a{display:block;white-space:normal!important;font-size:13px;padding:10px!important}
body.mh24-es10 .mh24-site-header .mh24-header-member-actions{
 display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto;
 min-width:0;margin:0
}
body.mh24-es10 .mh24-site-header .mh24-header-member-actions a{
 display:inline-flex;align-items:center;justify-content:center;min-height:45px;
 border:2px solid #276538;border-radius:8px;padding:10px 16px;
 color:#235232;background:#fff;text-decoration:none;font-size:14px;
 font-weight:750;white-space:nowrap;line-height:1.15
}
body.mh24-es10 .mh24-site-header .mh24-header-member-actions .mh24-header-logout{
 background:#235b34;color:#fff;border-color:#235b34
}
body.mh24-es10 .mh24-site-header .mh24-header-member-actions a:hover{filter:brightness(.94)}
body.mh24-es10 .mh24-site-header .mh24-header-member-actions a:focus-visible,
body.mh24-es10 .mh24-site-header a:focus-visible{outline:3px solid #d67c32!important;outline-offset:3px}
/* No extra white buffer between actual navigation and the seasonal hero. */
body.mh24-es10.home .mh24-site-header + main,
body.mh24-es10.home .mh24-site-header + .mh24-picture-home{margin-top:0!important;padding-top:0!important}
body.mh24-es10.home .mh24-picture-home .mh24-home-hero{margin-top:0}
@media(max-width:1270px){
 body.mh24-es10 .mh24-site-header .mh24-header-bottom{flex-wrap:wrap;gap:2px 14px;padding:9px 0}
 body.mh24-es10 .mh24-site-header .main-nav{flex:1 1 100%;width:100%}
 body.mh24-es10 .mh24-site-header .nav-menu{justify-content:space-between}
 body.mh24-es10 .mh24-site-header .mh24-header-member-actions{margin-left:auto}
}
@media(max-width:860px){
 body.mh24-es10 .mh24-site-header .mh24-header-top{flex-wrap:wrap;min-height:0;gap:12px;padding:16px 0 13px}
 body.mh24-es10 .mh24-site-header .brand{margin-right:auto}
 body.mh24-es10 .mh24-site-header .nav-menu{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 6px;
  justify-items:stretch
 }
 body.mh24-es10 .mh24-site-header .nav-menu>li{width:100%}
 body.mh24-es10 .mh24-site-header .nav-menu>li>a{white-space:normal!important;font-size:13px;padding:9px 5px}
 body.mh24-es10 .mh24-site-header .nav-menu .sub-menu{position:static!important;max-width:100%;min-width:0;box-shadow:none}
 body.mh24-es10 .mh24-site-header .mh24-header-bottom{min-height:0}
}
@media(max-width:620px){
 body.mh24-es10 .mh24-site-header .mh24-approved-header{width:calc(100% - 24px)}
 body.mh24-es10 .mh24-site-header .mh24-header-top{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0 12px}
 body.mh24-es10 .mh24-site-header .mh24-site-wordmark>strong{font-size:clamp(23px,6vw,30px)}
 body.mh24-es10 .mh24-site-header .mh24-site-actions{margin-left:0;flex:1 1 100%;justify-content:space-between;gap:9px}
 body.mh24-es10 .mh24-site-header .mh24-site-login>span{display:inline!important;font-size:13px}
 body.mh24-es10 .mh24-site-header .mh24-site-add{padding:9px 11px;min-height:42px;font-size:12px}
 body.mh24-es10 .mh24-site-header .nav-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 5px}
 body.mh24-es10 .mh24-site-header .nav-menu>li>a{font-size:13px;min-height:43px}
 body.mh24-es10 .mh24-site-header .mh24-header-member-actions{width:100%;justify-content:flex-end;margin:5px 0 0}
 body.mh24-es10 .mh24-site-header .mh24-header-member-actions a{min-height:42px;padding:9px 12px;font-size:13px}
}
@media(max-width:350px){
 body.mh24-es10 .mh24-site-header .mh24-site-actions{flex-wrap:wrap}
 body.mh24-es10 .mh24-site-header .mh24-header-icon,
 body.mh24-es10 .mh24-site-header .mh24-site-login{min-height:40px}
}
@media(prefers-reduced-motion:reduce){body.mh24-es10 .mh24-site-header *{transition:none!important}}

/* Desktop-Banner wie die freigegebene Abbildung: nur unteren Bildteil abschneiden,
   nicht die auf dem Motiv enthaltene Überschrift. Auf Mobilgeräten das komplette WebP zeigen. */
@media(min-width:901px){
 body.mh24-es10.home .mh24-picture-home .mh24-home-hero.mh24-season-banner{
  display:block;height:clamp(385px,35vw,540px);max-height:none;aspect-ratio:auto;overflow:hidden
 }
 body.mh24-es10.home .mh24-picture-home .mh24-season-picture{
  position:absolute;inset:0;width:100%;height:100%;overflow:hidden
 }
 body.mh24-es10.home .mh24-picture-home .mh24-season-picture img{
  display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;
  object-position:center top
 }
}
