/* QUAMARO – EIN zentraler Seitenheader, Neuaufbau 09.09.2026 */
:root{
  --qnav-ink:var(--q-ink,#102a47);
  --qnav-muted:var(--q-muted,#667783);
  --qnav-green:var(--q-accent,#0a8c99);
  --qnav-green-dark:var(--q-accent-dark,#08747f);
  --qnav-soft:var(--q-accent-soft,#e8f8f7);
  --qnav-line:var(--q-line,rgba(16,42,71,.12));
  --qnav-shadow:var(--q-shadow-lg,0 18px 48px rgba(16,42,71,.14));
}
.site-header-wrap.qsite-header-host{position:sticky!important;top:0!important;z-index:1000!important;width:100%!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--qnav-line)!important;box-shadow:0 4px 18px rgba(18,62,73,.045)!important}
.qsite-header,.qsite-header *{box-sizing:border-box}
.qsite-header{background:#fff!important;color:var(--qnav-ink)!important;font-family:inherit!important}
.qsite-shell{width:min(1180px,calc(100% - 32px))!important;min-height:var(--q-header-h,76px)!important;margin:0 auto!important;display:flex!important;align-items:center!important;gap:22px!important}
.qsite-brand{display:flex!important;align-items:center!important;flex:0 0 auto!important;text-decoration:none!important}
.qsite-brand img{display:block!important;width:164px!important;height:auto!important;max-height:48px!important;object-fit:contain!important}
.qsite-desktop-nav{display:flex!important;align-items:center!important;gap:3px!important;margin-left:auto!important}
.qsite-menu{position:relative!important}
.qsite-menu__trigger{appearance:none!important;border:0!important;background:transparent!important;color:var(--qnav-ink)!important;font:inherit!important;font-size:.93rem!important;font-weight:780!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:11px 10px!important;border-radius:11px!important;cursor:pointer!important}
.qsite-menu__trigger:hover,.qsite-menu__trigger:focus-visible,.qsite-menu[data-open="true"]>.qsite-menu__trigger,.qsite-menu.is-active>.qsite-menu__trigger{background:var(--qnav-soft)!important;color:var(--qnav-green-dark)!important;outline:none!important}
.qsite-chevron{width:15px!important;height:15px!important;transition:transform .16s ease!important}
.qsite-menu[data-open="true"]>.qsite-menu__trigger .qsite-chevron{transform:rotate(180deg)!important}
.qsite-dropdown{display:block!important;position:absolute!important;top:calc(100% + 10px)!important;left:50%!important;width:320px!important;padding:12px!important;background:#fff!important;border:1px solid var(--qnav-line)!important;border-radius:18px!important;box-shadow:var(--qnav-shadow)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,6px)!important;transition:opacity .14s ease,transform .14s ease,visibility .14s linear!important;overflow:visible!important;max-height:none!important}
.qsite-menu[data-open="true"]>.qsite-dropdown,.qsite-menu:hover>.qsite-dropdown,.qsite-menu:focus-within>.qsite-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.qsite-dropdown:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-11px!important;height:11px!important}
.qsite-dropdown--categories{width:min(340px,calc(100vw - 2rem))!important;max-width:calc(100vw - 2rem)!important;padding:16px!important;left:0!important;transform:translate(0,6px)!important}
.qsite-menu[data-open="true"]>.qsite-dropdown--categories,.qsite-menu:hover>.qsite-dropdown--categories,.qsite-menu:focus-within>.qsite-dropdown--categories{transform:translate(0,0)!important}
/* Flyout nur im aktiven Zustand; sonst bleibt es im Dropdown und erzeugt kein Seiten-Overflow. */
@media(min-width:901px){
  .qsite-category-panel{left:0!important;right:auto!important;top:0!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .qsite-category-browser[data-active="garden"][data-panel-side="right"] .qsite-category-panel[data-qcategory-panel="garden"]{left:calc(100% + 8px)!important;right:auto!important;top:-1px!important;width:min(610px,calc(100vw - 2rem))!important;max-width:calc(100vw - 2rem)!important}
  .qsite-category-browser[data-active="garden"][data-panel-side="left"] .qsite-category-panel[data-qcategory-panel="garden"]{left:auto!important;right:calc(100% + 8px)!important;top:-1px!important;width:min(610px,calc(100vw - 2rem))!important;max-width:calc(100vw - 2rem)!important}
  .qsite-category-browser[data-active="garden"][data-panel-side="below"] .qsite-category-panel[data-qcategory-panel="garden"]{left:0!important;right:auto!important;top:calc(100% + 8px)!important;width:min(610px,calc(100vw - 2rem))!important;min-width:0!important;max-width:calc(100vw - 2rem)!important}
}
.qsite-dropdown--guides{width:470px!important}
.qsite-dropdown--about{width:290px!important}
.qsite-dropdown__label{display:block!important;margin:2px 7px 9px!important;color:#72858b!important;font-size:.69rem!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}
.qsite-drop-link{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:10px 11px!important;border-radius:11px!important;color:var(--qnav-ink)!important;text-decoration:none!important;background:transparent!important}
.qsite-drop-link:hover,.qsite-drop-link:focus-visible,.qsite-drop-link.is-current{background:var(--qnav-soft)!important;outline:none!important}
.qsite-drop-icon{display:grid!important;place-items:center!important;flex:0 0 34px!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#f3f7f5!important}
.qsite-drop-copy{min-width:0!important}.qsite-drop-copy strong{display:block!important;color:var(--qnav-ink)!important;font-size:.86rem!important;line-height:1.25!important}.qsite-drop-copy span{display:block!important;margin-top:2px!important;color:var(--qnav-muted)!important;font-size:.74rem!important;line-height:1.35!important}
.qsite-drop-divider{height:1px!important;margin:8px 5px!important;background:var(--qnav-line)!important}
.qsite-mega-garden{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:14px!important}
.qsite-mega-col{min-width:0!important}.qsite-mega-heading{display:block!important;margin:0 0 6px!important;padding:0 7px!important;color:#71847b!important;font-size:.67rem!important;font-weight:900!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.qsite-mega-links{display:grid!important;gap:2px!important}.qsite-mega-links a{display:block!important;padding:7px 8px!important;border-radius:8px!important;color:var(--qnav-ink)!important;text-decoration:none!important;font-size:.75rem!important;font-weight:780!important;line-height:1.25!important}.qsite-mega-links a:hover,.qsite-mega-links a.is-current{background:var(--qnav-soft)!important;color:var(--qnav-green-dark)!important}
.qsite-mega-intro{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:11px!important;margin-bottom:10px!important;border:1px solid rgba(10,140,153,.14)!important;border-radius:13px!important;background:var(--qnav-soft)!important;text-decoration:none!important;color:inherit!important}.qsite-mega-intro strong{display:block!important;color:var(--qnav-ink)!important}.qsite-mega-intro span:last-child{display:block!important;margin-top:3px!important;color:var(--qnav-muted)!important;font-size:.75rem!important;line-height:1.35!important}
.qsite-header-actions{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}
.qsite-project{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:41px!important;padding:0 15px!important;border-radius:11px!important;background:var(--qnav-green)!important;color:#fff!important;text-decoration:none!important;font-size:.88rem!important;font-weight:850!important;box-shadow:0 8px 18px rgba(10,140,153,.18)!important}
.qsite-project:hover,.qsite-project:focus-visible{background:var(--qnav-green-dark)!important;outline:none!important}
.qsite-mobile-toggle{display:none!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;border:1px solid var(--qnav-line)!important;border-radius:11px!important;background:#fff!important;color:var(--qnav-ink)!important;padding:0!important}.qsite-mobile-toggle svg{width:22px!important;height:22px!important}
.qsite-mobile-panel,.qsite-mobile-backdrop{display:none!important}
@media(max-width:900px){
 .qsite-shell{width:calc(100% - 20px)!important;min-height:var(--q-header-h,60px)!important;gap:10px!important}.qsite-brand img{width:128px!important;max-height:40px!important}.qsite-desktop-nav{display:none!important}.qsite-header-actions{margin-left:auto!important}.qsite-project{min-height:var(--q-touch,44px)!important;padding:0 12px!important;font-size:.8rem!important}.qsite-mobile-toggle{display:inline-flex!important;width:var(--q-touch,44px)!important;height:var(--q-touch,44px)!important}
 .qsite-mobile-backdrop{display:block!important;position:fixed!important;inset:var(--q-header-h,60px) 0 0!important;background:rgba(10,34,40,.3)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.qsite-header[data-mobile-open="true"] .qsite-mobile-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .qsite-mobile-panel{display:block!important;position:fixed!important;left:0!important;right:0!important;top:var(--q-header-h,60px)!important;max-height:calc(100dvh - var(--q-header-h,60px))!important;overflow:auto!important;padding:10px 12px 24px!important;background:#fff!important;border-top:1px solid var(--qnav-line)!important;box-shadow:0 18px 34px rgba(18,62,73,.13)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-7px)!important}.qsite-header[data-mobile-open="true"] .qsite-mobile-panel{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
 .qsite-mobile-home{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:var(--q-touch,44px)!important;padding:12px!important;border-radius:12px!important;background:#f4f7fb!important;color:var(--qnav-ink)!important;text-decoration:none!important}.qsite-mobile-home span{color:var(--qnav-muted)!important;font-size:.75rem!important}
 .qsite-mobile-group{border-bottom:1px solid var(--qnav-line)!important}.qsite-mobile-group>summary,.qsite-mobile-subgroup>summary,.qsite-mobile-level3>summary{display:flex!important;align-items:center!important;gap:8px!important;min-height:var(--q-touch,44px)!important;padding:14px 8px!important;list-style:none!important;cursor:pointer!important;color:var(--qnav-ink)!important;font-weight:820!important}.qsite-mobile-group>summary::-webkit-details-marker,.qsite-mobile-subgroup>summary::-webkit-details-marker,.qsite-mobile-level3>summary::-webkit-details-marker{display:none!important}.qsite-mobile-group>summary .qsite-chevron,.qsite-mobile-subgroup>summary .qsite-chevron,.qsite-mobile-level3>summary .qsite-chevron{margin-left:auto!important}.qsite-mobile-group[open]>summary .qsite-chevron,.qsite-mobile-subgroup[open]>summary .qsite-chevron,.qsite-mobile-level3[open]>summary .qsite-chevron{transform:rotate(180deg)!important}
 .qsite-mobile-links{display:grid!important;gap:2px!important;padding:0 4px 12px!important}.qsite-mobile-links a{display:flex!important;align-items:center!important;gap:8px!important;min-height:var(--q-touch,44px)!important;padding:10px 10px!important;border-radius:10px!important;color:var(--qnav-ink)!important;text-decoration:none!important;font-size:.88rem!important;font-weight:700!important}.qsite-mobile-links a:hover,.qsite-mobile-links a:focus-visible,.qsite-mobile-links a.is-current{background:var(--qnav-soft)!important;outline:none!important}
 .qsite-mobile-section-label{padding:10px 10px 4px!important;color:#77898e!important;font-size:.68rem!important;font-weight:850!important;letter-spacing:.06em!important;text-transform:uppercase!important}.qsite-mobile-footer{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding-top:13px!important}.qsite-mobile-footer a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:var(--q-touch,44px)!important;border:1px solid var(--qnav-line)!important;border-radius:10px!important;color:var(--qnav-ink)!important;text-decoration:none!important;font-size:.8rem!important;font-weight:750!important}body.qsite-menu-lock{overflow:hidden!important}
}
@media(max-width:420px){.qsite-brand img{width:118px!important}.qsite-project{padding:0 10px!important;font-size:.76rem!important}}