/* MH Flyout Navigation 1.3.3 – ohne Hintergrundfarbe am Widget. */
.mh-fnav{
 --mh-nav-col:33.33%;--mh-nav-gap:32px;--mh-nav-subcol:calc((100% - var(--mh-nav-col))/2);
 --mh-nav-duration:320ms;--mh-nav-distance:64px;--mh-nav-arrow:60px;
 --mh-nav-primary-gap:8px;--mh-nav-secondary-gap:8px;--mh-nav-tertiary-gap:8px;
 --mh-nav-overview-gap:34px;--mh-nav-group-gap:52px;
 --mh-nav-mobile-back-gap-2:24px;--mh-nav-mobile-back-gap-3:24px;
 --mh-nav-mobile-overview-gap-2:34px;--mh-nav-mobile-overview-gap-3:34px;
 padding:32px;color:#3d3d3b;
}
.mh-fnav,.mh-fnav *{box-sizing:border-box}
.mh-fnav ul,.mh-fnav li{list-style:none;padding:0;margin:0}
.mh-fnav a,.mh-fnav a:hover,.mh-fnav a:focus{text-decoration:none;color:inherit;cursor:pointer}
.mh-fnav button,.mh-fnav .mh-fnav__overview{cursor:pointer}
.mh-fnav .mh-fnav__list{display:flex;flex-direction:column}
.mh-fnav__list--primary{gap:var(--mh-nav-primary-gap)}
.mh-fnav__panel--level-2 .mh-fnav__list--secondary{gap:var(--mh-nav-secondary-gap)}
.mh-fnav__panel--level-3 .mh-fnav__list--secondary{gap:var(--mh-nav-tertiary-gap)}
.mh-fnav .mh-fnav__row{display:flex;align-items:center;gap:18px}
.mh-fnav .mh-fnav__link{display:inline-block;font-weight:400;line-height:1.3;overflow-wrap:anywhere}
.mh-fnav .mh-fnav__link--level-1{font-size:36px}
.mh-fnav .mh-fnav__link--level-2,.mh-fnav .mh-fnav__link--level-3{font-size:24px}
.mh-fnav .mh-fnav__toggle,.mh-fnav .mh-fnav__back{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:44px;min-width:44px;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:inherit;cursor:pointer}
.mh-fnav .mh-fnav__toggle:hover,.mh-fnav .mh-fnav__toggle:focus,.mh-fnav .mh-fnav__back:hover,.mh-fnav .mh-fnav__back:focus{background:transparent;color:inherit}
.mh-fnav .mh-fnav__arrow{width:var(--mh-nav-arrow);height:auto;display:block}
/* Overview ist ein eigener Block, kein Element der Navigation mit Flex-Gap. */
.mh-fnav .mh-fnav__overview{margin:0 0 var(--mh-nav-overview-gap);padding:0}
.mh-fnav .mh-nav-gap{margin-top:var(--mh-nav-group-gap)}
.mh-fnav .mh-fnav__back-item{display:none}
.mh-fnav :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px}
/* Ohne JS bleiben die Links zugänglich. */
.mh-fnav:not(.is-ready) .mh-fnav__secondary{margin-top:28px}
.mh-fnav:not(.is-ready) .mh-fnav__panel{margin-bottom:28px}
.mh-fnav:not(.is-ready) .mh-fnav__toggle{display:none}
.mh-fnav.is-ready .mh-fnav__viewport{position:relative;overflow:hidden;transition:height var(--mh-nav-duration) ease}
.mh-fnav.is-ready .mh-fnav__primary{width:var(--mh-nav-col);padding-right:var(--mh-nav-gap);transition:transform var(--mh-nav-duration) ease,opacity var(--mh-nav-duration) ease}
.mh-fnav.is-ready .mh-fnav__panel{position:absolute;right:0;top:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(var(--mh-nav-distance));transition:opacity var(--mh-nav-duration) ease,transform var(--mh-nav-duration) ease,visibility 0s linear var(--mh-nav-duration)}
.mh-fnav.is-ready .mh-fnav__panel.is-before{transform:translateX(calc(-1 * var(--mh-nav-distance)))}
.mh-fnav.is-ready .mh-fnav__panel.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);transition-delay:0s}
/* Desktop: drei nebeneinander bedienbare Spalten. */
.mh-fnav.is-ready:not(.is-mobile) .mh-fnav__panel--level-2{left:var(--mh-nav-col);right:auto;width:var(--mh-nav-subcol);padding-right:var(--mh-nav-gap)}
.mh-fnav.is-ready:not(.is-mobile) .mh-fnav__panel--level-3{left:calc(var(--mh-nav-col) + var(--mh-nav-subcol));right:0;width:auto}
.mh-fnav.is-ready:not(.is-mobile) .mh-fnav__back-item{display:none}
/* Mobile: gemeinsame Startlinie, Pfeile darüber. */
.mh-fnav.is-ready.is-mobile{
 --mh-nav-mobile-back-height:max(44px,calc(var(--mh-nav-arrow) * 0.5625));
 --mh-nav-mobile-header-space:calc(var(--mh-nav-mobile-back-height) + max(var(--mh-nav-mobile-back-gap-2),var(--mh-nav-mobile-back-gap-3)));
}
.mh-fnav.is-ready.is-mobile .mh-fnav__primary{width:100%;padding-right:0;padding-top:var(--mh-nav-mobile-header-space)}
.mh-fnav.is-ready.is-mobile .mh-fnav__panel{left:0;right:0;width:auto;padding-right:0;padding-top:var(--mh-nav-mobile-header-space)}
.mh-fnav.is-ready.is-mobile .mh-fnav__panel--level-2{--mh-nav-mobile-current-back-gap:var(--mh-nav-mobile-back-gap-2)}
.mh-fnav.is-ready.is-mobile .mh-fnav__panel--level-3{--mh-nav-mobile-current-back-gap:var(--mh-nav-mobile-back-gap-3)}
.mh-fnav.is-ready.is-mobile .mh-fnav__panel > .mh-fnav__back-item{
 position:absolute;top:calc(var(--mh-nav-mobile-header-space) - var(--mh-nav-mobile-back-height) - var(--mh-nav-mobile-current-back-gap));
 left:0;display:block;height:var(--mh-nav-mobile-back-height);margin:0;padding:0;
}
.mh-fnav.is-ready.is-mobile .mh-fnav__back-item > .mh-fnav__back{height:var(--mh-nav-mobile-back-height);margin:0;padding:0}
.mh-fnav.is-ready.is-mobile .mh-fnav__panel--level-2 > .mh-fnav__overview{margin-bottom:var(--mh-nav-mobile-overview-gap-2)}
.mh-fnav.is-ready.is-mobile .mh-fnav__panel--level-3 > .mh-fnav__overview{margin-bottom:var(--mh-nav-mobile-overview-gap-3)}
.mh-fnav.is-mobile.is-drilled .mh-fnav__primary{opacity:0;transform:translateX(calc(-1 * var(--mh-nav-distance)));pointer-events:none}
@media(prefers-reduced-motion:reduce){.mh-fnav.is-ready .mh-fnav__viewport,.mh-fnav.is-ready .mh-fnav__primary,.mh-fnav.is-ready .mh-fnav__panel{transition:none}}