.vph-placeholder{height:var(--vph-height);display:block}.vph-header,.vph-header *{box-sizing:border-box}.vph-header{position:absolute;top:0;left:0;width:100%;z-index:99990;height:var(--vph-height);background:var(--vph-header-bg);border-bottom:1px solid rgba(24,26,29,.08);font-family:'Inter',Arial,sans-serif;color:var(--vph-text);transition:height .3s ease,background-color .3s ease,box-shadow .3s ease,transform .3s ease}.admin-bar .vph-header{top:32px}.vph-header.is-sticky{position:fixed;background:var(--vph-sticky-bg)}.vph-header.has-shadow{box-shadow:0 12px 35px rgba(24,26,29,.10)}.vph-header.is-compact{height:var(--vph-sticky-height)}.vph-header__inner{width:min(var(--vph-max),calc(100% - 80px));height:100%;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px}.vph-logo{display:inline-flex;align-items:center;text-decoration:none!important;color:var(--vph-text)!important;min-width:0}.vph-logo-img{display:block;width:min(var(--vph-logo-desktop),100%);max-height:58px;object-fit:contain}.vph-logo-text{font-family:'Manrope',Arial,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.04em}.vph-nav{display:flex;justify-content:center;min-width:0}.vph-menu,.vph-menu ul{margin:0;padding:0;list-style:none}.vph-menu{display:flex;align-items:center;justify-content:center;gap:var(--vph-menu-gap)}.vph-menu>li{position:relative}.vph-menu>li>a{position:relative;display:flex;align-items:center;min-height:42px;color:var(--vph-text)!important;text-decoration:none!important;font-family:'Manrope',Arial,sans-serif;font-size:var(--vph-menu-size);font-weight:700;line-height:1;white-space:nowrap;transition:color .25s ease}.vph-menu>li>a:after{content:"";position:absolute;left:0;bottom:3px;width:100%;height:2px;background:var(--vph-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}.vph-menu>li:hover>a,.vph-menu>li.current-menu-item>a,.vph-menu>li.current-menu-ancestor>a{color:var(--vph-hover)!important}.vph-menu>li:hover>a:after,.vph-menu>li.current-menu-item>a:after,.vph-menu>li.current-menu-ancestor>a:after{transform:scaleX(1)}.vph-menu .sub-menu{position:absolute;top:calc(100% + 14px);left:-22px;min-width:240px;padding:10px;background:#fff;border:1px solid rgba(24,26,29,.09);box-shadow:0 24px 60px rgba(24,26,29,.12);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease;z-index:999}.vph-menu li:hover>.sub-menu,.vph-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.vph-menu .sub-menu li{position:relative}.vph-menu .sub-menu a{display:flex;padding:12px 13px;color:var(--vph-text)!important;text-decoration:none!important;font-size:13px;font-weight:600;line-height:1.4;transition:.2s ease}.vph-menu .sub-menu a:hover{background:#f7f6f3;color:var(--vph-hover)!important}.vph-menu .sub-menu .sub-menu{top:0;left:calc(100% + 8px)}.vph-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.vph-action,.vph-mobile-toggle,.vph-mobile-close,.vph-search-close{position:relative;width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(24,26,29,.10);background:#fff;color:var(--vph-text);cursor:pointer;text-decoration:none!important;transition:.25s ease}.vph-action svg,.vph-mobile-toggle svg,.vph-mobile-close svg,.vph-search-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vph-action:hover,.vph-mobile-toggle:hover,.vph-mobile-close:hover,.vph-search-close:hover{background:var(--vph-text);border-color:var(--vph-text);color:#fff!important}.vph-cart-count{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--vph-accent);color:#fff;border:2px solid #fff;font-size:9px;font-weight:800;line-height:1}.vph-cta{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;gap:15px;background:var(--vph-button-bg);color:var(--vph-button-text)!important;text-decoration:none!important;font-size:12px;font-weight:800;line-height:1;transition:.25s ease}.vph-cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.vph-cta:hover{filter:brightness(.9);transform:translateY(-1px)}.vph-cta:hover svg{transform:translateX(3px)}.vph-mobile-toggle{display:none}.vph-mobile-panel,.vph-search-overlay{position:fixed;inset:0;z-index:100000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.vph-mobile-panel.is-open,.vph-search-overlay.is-open{opacity:1;visibility:visible}.vph-mobile-panel__backdrop,.vph-search-overlay__backdrop{position:absolute;inset:0;background:rgba(10,12,14,.58);backdrop-filter:blur(4px)}.vph-mobile-panel__drawer{position:absolute;top:0;right:0;width:min(430px,92vw);height:100%;padding:0;background:#fff;transform:translateX(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);overflow-y:auto}.vph-mobile-panel[data-panel-side="left"] .vph-mobile-panel__drawer{left:0;right:auto;transform:translateX(-100%)}.vph-mobile-panel.is-open .vph-mobile-panel__drawer{transform:translateX(0)}.vph-mobile-panel__head{min-height:82px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(24,26,29,.08)}.vph-logo--mobile .vph-logo-img{width:var(--vph-logo-mobile);max-height:50px}.vph-mobile-close{width:42px;height:42px}.vph-mobile-nav{padding:22px}.vph-mobile-menu,.vph-mobile-menu ul{margin:0;padding:0;list-style:none}.vph-mobile-menu>li{border-bottom:1px solid rgba(24,26,29,.08)}.vph-mobile-menu li{position:relative}.vph-mobile-menu a{display:flex;align-items:center;min-height:54px;padding-right:50px;color:var(--vph-text)!important;text-decoration:none!important;font-family:'Manrope',Arial,sans-serif;font-size:16px;font-weight:700}.vph-mobile-menu .sub-menu{display:none;padding:0 0 12px 16px}.vph-mobile-menu li.is-open>.sub-menu{display:block}.vph-mobile-menu .sub-menu a{min-height:44px;font-size:14px;font-weight:600;color:var(--vph-muted)!important}.vph-submenu-toggle{position:absolute;right:0;top:7px;width:40px;height:40px;border:0;background:#f7f6f3;color:var(--vph-text);cursor:pointer}.vph-submenu-toggle:before,.vph-submenu-toggle:after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}.vph-submenu-toggle:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s ease}.is-open>.vph-submenu-toggle:after{transform:translate(-50%,-50%) rotate(0)}.vph-mobile-contact{padding:6px 22px 22px;display:grid;gap:10px}.vph-mobile-contact__item{min-height:66px;padding:12px 14px;display:flex;align-items:center;gap:13px;background:#f7f6f3;color:var(--vph-text)!important;text-decoration:none!important}.vph-mobile-contact__icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;background:rgba(217,45,50,.12);color:var(--vph-accent)}.vph-mobile-contact__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vph-mobile-contact__item>span:last-child{display:flex;flex-direction:column;gap:3px}.vph-mobile-contact__item small{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--vph-muted)}.vph-mobile-contact__item strong{font-size:13px;line-height:1.35}.vph-mobile-cta{margin:0 22px 26px;min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--vph-button-bg);color:var(--vph-button-text)!important;text-decoration:none!important;font-size:13px;font-weight:800}.vph-mobile-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vph-search-overlay__panel{position:absolute;left:0;right:0;top:0;background:#fff;transform:translateY(-100%);transition:transform .45s cubic-bezier(.22,1,.36,1)}.admin-bar .vph-search-overlay__panel{top:32px}.vph-search-overlay.is-open .vph-search-overlay__panel{transform:translateY(0)}.vph-search-close{position:absolute;top:22px;right:22px}.vph-search-overlay__inner{width:min(900px,calc(100% - 40px));margin:0 auto;padding:95px 0 75px}.vph-search-kicker{display:block;margin-bottom:16px;color:var(--vph-accent);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vph-search-form{display:grid;grid-template-columns:1fr 62px;border-bottom:2px solid var(--vph-text)}.vph-search-form input[type="search"]{width:100%;height:72px;padding:0 16px 0 0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;color:var(--vph-text);font-family:'Manrope',Arial,sans-serif;font-size:clamp(28px,4vw,46px);font-weight:700;letter-spacing:-.04em}.vph-search-form input::placeholder{color:#9a9d9a;opacity:1}.vph-search-form button{border:0;background:transparent;color:var(--vph-accent);cursor:pointer}.vph-search-form button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}body.vph-lock{overflow:hidden!important}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1180px){.vph-header__inner{width:min(var(--vph-max),calc(100% - 48px));gap:22px}.vph-nav{display:none}.vph-header__inner{grid-template-columns:auto 1fr}.vph-mobile-toggle{display:flex}.vph-cta{display:none}}
@media(max-width:782px){.admin-bar .vph-header,.admin-bar .vph-search-overlay__panel{top:46px}}
@media(max-width:767px){.vph-placeholder{height:var(--vph-mobile-height)}.vph-header{height:var(--vph-mobile-height)}.vph-header.is-compact{height:var(--vph-mobile-height)}.vph-header__inner{width:calc(100% - 28px);gap:12px}.vph-logo-img{width:var(--vph-logo-mobile);max-height:46px}.vph-actions{gap:6px}.vph-action,.vph-mobile-toggle{width:40px;height:40px}.vph-actions>.vph-action:not(.vph-action--cart):not(.vph-search-toggle){display:none}.vph-search-overlay__inner{padding:82px 0 55px}.vph-search-close{top:16px;right:16px}.vph-search-form{grid-template-columns:1fr 48px}.vph-search-form input[type="search"]{height:62px;font-size:29px}.vph-mobile-panel__drawer{width:min(390px,94vw)}}
@media(prefers-reduced-motion:reduce){.vph-header,.vph-action,.vph-cta,.vph-mobile-panel,.vph-mobile-panel__drawer,.vph-search-overlay,.vph-search-overlay__panel{transition:none!important}}

/* =========================================================
   TOP BAR – Telefon & E-Mail
   ========================================================= */
.vph-placeholder{height:calc(var(--vph-height) + var(--vph-topbar-height))}
.vph-placeholder--no-topbar{height:var(--vph-height)}
.vph-header{height:calc(var(--vph-height) + var(--vph-topbar-height))}
.vph-header--no-topbar{height:var(--vph-height)}
.vph-header__main{height:var(--vph-height);transition:height .3s ease}
.vph-header.is-compact{height:calc(var(--vph-sticky-height) + var(--vph-topbar-height))}
.vph-header.is-compact .vph-header__main{height:var(--vph-sticky-height)}
.vph-header--no-topbar.is-compact{height:var(--vph-sticky-height)}

.vph-topbar,
.vph-topbar *{box-sizing:border-box}
.vph-topbar{height:var(--vph-topbar-height);background:var(--vph-topbar-bg);color:var(--vph-topbar-text);font-family:'Inter',Arial,sans-serif;border-bottom:1px solid rgba(255,255,255,.08)}
.vph-topbar__inner{width:min(var(--vph-max),calc(100% - 80px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.vph-topbar__contacts{display:flex;align-items:center;gap:22px;min-width:0}
.vph-topbar__link{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--vph-topbar-text)!important;text-decoration:none!important;font-size:11px;font-weight:600;line-height:1;letter-spacing:.01em;white-space:nowrap;transition:opacity .22s ease,color .22s ease}
.vph-topbar__link:hover{color:#fff!important;opacity:.78}
.vph-topbar__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--vph-topbar-accent);flex:0 0 16px}
.vph-topbar__icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vph-topbar__note{display:flex;align-items:center;gap:9px;color:var(--vph-topbar-text);font-size:10px;font-weight:700;line-height:1;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;opacity:.82}
.vph-topbar__dot{width:7px;height:7px;flex:0 0 7px;background:var(--vph-topbar-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--vph-topbar-accent) 18%,transparent)}

@media(max-width:1180px){
  .vph-topbar__inner{width:min(var(--vph-max),calc(100% - 48px))}
  .vph-topbar__note{display:none}
}

@media(max-width:767px){
  .vph-placeholder{height:calc(var(--vph-mobile-height) + var(--vph-topbar-height))}
  .vph-placeholder--no-topbar,
  .vph-placeholder--topbar-mobile-hidden{height:var(--vph-mobile-height)}
  .vph-header{height:calc(var(--vph-mobile-height) + var(--vph-topbar-height))}
  .vph-header--no-topbar,
  .vph-header--topbar-mobile-hidden{height:var(--vph-mobile-height)}
  .vph-header__main{height:var(--vph-mobile-height)}
  .vph-header.is-compact{height:calc(var(--vph-mobile-height) + var(--vph-topbar-height))}
  .vph-header--no-topbar.is-compact,
  .vph-header--topbar-mobile-hidden.is-compact{height:var(--vph-mobile-height)}
  .vph-header.is-compact .vph-header__main{height:var(--vph-mobile-height)}
  .vph-topbar--desktop-only{display:none}
  .vph-topbar__inner{width:calc(100% - 28px);gap:12px;justify-content:center}
  .vph-topbar__contacts{width:100%;justify-content:space-between;gap:10px}
  .vph-topbar__link{font-size:10px;gap:6px;overflow:hidden;text-overflow:ellipsis}
  .vph-topbar__link span:last-child{overflow:hidden;text-overflow:ellipsis}
  .vph-topbar__icon{width:14px;height:14px;flex-basis:14px}
  .vph-topbar__icon svg{width:13px;height:13px}
  .vph-topbar__note{display:none}
}

@media(max-width:420px){
  .vph-topbar__contacts{justify-content:center}
  .vph-topbar__link{font-size:9px}
  .vph-topbar__link + .vph-topbar__link{padding-left:10px;border-left:1px solid rgba(255,255,255,.14)}
}