:root{
  --vw-petrol:#2F6964;
  --vw-petrol-deep:#214F4B;
  --vw-brown:#3B2416;
  --vw-cream:#F7F0E5;
  --vw-yellow:#F4B400;
  --vw-header-h:92px;
}
html{scroll-padding-top:100px}
body.vinwin-header-active{overflow-x:clip}
body.vinwin-header-active.vinwin-hide-existing-header #masthead,
body.vinwin-header-active.vinwin-hide-existing-header > header.site-header,
body.vinwin-header-active.vinwin-hide-existing-header header#site-header,
body.vinwin-header-active.vinwin-hide-existing-header .elementor-location-header{display:none!important}
/* V1.4.1: robustere Unterdrueckung alter Theme-/Builder-Header auf VIN-WIN Zielseiten. */
body.vinwin-header-active.vinwin-hide-existing-header header:not(#vinwin-site-header),
body.vinwin-header-active.vinwin-hide-existing-header .site-header:not(#vinwin-site-header),
body.vinwin-header-active.vinwin-hide-existing-header .header-wrapper,
body.vinwin-header-active.vinwin-hide-existing-header .main-header,
body.vinwin-header-active.vinwin-hide-existing-header .site-header-wrapper,
body.vinwin-header-active.vinwin-hide-existing-header .theme-header{display:none!important}

#vinwin-site-header{
  position:fixed;inset:0 0 auto 0;z-index:99990;height:var(--vw-header-h);
  color:var(--vw-brown);transition:height .22s ease,background-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease;
}
body.admin-bar #vinwin-site-header{top:32px}
#vinwin-site-header.is-scrolled{
  --vw-header-h:74px;background:rgba(247,240,229,.91);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
  box-shadow:0 7px 26px rgba(59,36,22,.08);border-bottom:1px solid rgba(59,36,22,.07)
}
.vinwin-header-shell{
  width:min(1440px,calc(100% - 64px));height:100%;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px
}
.vinwin-brand{display:inline-flex;align-items:center;min-width:132px;text-decoration:none!important;background:transparent!important;box-shadow:none!important}
.vinwin-brand-logo{display:block;width:auto;height:54px;max-width:180px;object-fit:contain;transition:height .22s ease}
#vinwin-site-header.is-scrolled .vinwin-brand-logo{height:44px}
.vinwin-desktop-nav{justify-self:center;display:flex;align-items:center;gap:clamp(17px,1.7vw,30px);white-space:nowrap}
#vinwin-site-header .vinwin-nav-link,#vinwin-site-header .vinwin-nav-link:visited{
  position:relative;display:inline-flex;align-items:center;gap:7px;min-height:44px;color:var(--vw-brown)!important;background:transparent!important;box-shadow:none!important;
  font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;font-weight:650;line-height:1;text-decoration:none!important;letter-spacing:-.01em;transition:color .18s ease
}
.vinwin-nav-link::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:2px;border-radius:999px;background:var(--vw-yellow);transition:right .18s ease}
#vinwin-site-header .vinwin-nav-link:hover,#vinwin-site-header .vinwin-nav-link:focus-visible{color:var(--vw-petrol)!important}
.vinwin-nav-link:hover::after,.vinwin-nav-link:focus-visible::after{right:0}
.vinwin-nav-icon{width:18px;height:18px;object-fit:contain}
.vinwin-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
#vinwin-site-header .vinwin-phone-link,#vinwin-site-header .vinwin-phone-link:visited{
  display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border-radius:999px;color:var(--vw-brown)!important;background:transparent!important;box-shadow:none!important;
  font-family:Manrope,Inter,system-ui,sans-serif;font-size:13px;font-weight:650;text-decoration:none!important;white-space:nowrap;transition:color .18s ease,background-color .18s ease
}
.vinwin-phone-link img{width:19px;height:19px;object-fit:contain}
#vinwin-site-header .vinwin-phone-link:hover,#vinwin-site-header .vinwin-phone-link:focus-visible{color:var(--vw-petrol)!important;background:rgba(247,240,229,.94)!important}
#vinwin-site-header .vinwin-icon-button,#vinwin-site-header .vinwin-icon-button:visited{
  width:44px;height:44px;display:inline-grid;place-items:center;border:1px solid rgba(47,105,100,.22)!important;border-radius:999px;background:rgba(255,255,255,.74)!important;
  color:var(--vw-petrol)!important;text-decoration:none!important;box-shadow:none!important;transition:transform .18s ease,background-color .18s ease,border-color .18s ease
}
.vinwin-icon-button img{width:22px;height:22px;object-fit:contain;transition:filter .18s ease}
#vinwin-site-header .vinwin-icon-button:hover,#vinwin-site-header .vinwin-icon-button:focus-visible{transform:translateY(-1px);background:var(--vw-petrol)!important;border-color:var(--vw-petrol)!important;color:#fff!important}
#vinwin-site-header .vinwin-icon-button:hover img,#vinwin-site-header .vinwin-icon-button:focus-visible img{filter:brightness(0) invert(1)}
#vinwin-site-header a:focus-visible,#vinwin-site-header button:focus-visible{outline:3px solid var(--vw-yellow);outline-offset:2px}

.vinwin-mobile-tabs{display:none}

@media(max-width:840px){
  :root{--vw-header-h:104px}
  html{scroll-padding-top:112px}
  body.admin-bar #vinwin-site-header{top:46px}
  #vinwin-site-header,#vinwin-site-header.is-scrolled{
    --vw-header-h:104px;background:rgba(247,240,229,.90);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);
    box-shadow:0 5px 20px rgba(59,36,22,.065);border-bottom:1px solid rgba(59,36,22,.07)
  }
  .vinwin-header-shell{width:100%;height:57px;padding:0 14px;display:flex;justify-content:space-between;gap:12px}
  .vinwin-brand{min-width:0}
  .vinwin-brand-logo,#vinwin-site-header.is-scrolled .vinwin-brand-logo{height:40px;max-width:106px}
  .vinwin-desktop-nav{display:none!important}
  .vinwin-header-actions{gap:7px}
  #vinwin-site-header .vinwin-phone-link{width:40px;height:40px;min-height:40px;padding:0;display:grid;place-items:center;border:1px solid rgba(47,105,100,.18);background:rgba(255,255,255,.72)!important}
  .vinwin-phone-link span{display:none}
  .vinwin-phone-link img{width:20px;height:20px}
  #vinwin-site-header .vinwin-icon-button{width:40px;height:40px}
  .vinwin-icon-button img{width:21px;height:21px}

  .vinwin-mobile-tabs{
    position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:47px;padding:0 7px;background:rgba(255,252,248,.72);border-top:1px solid rgba(59,36,22,.055)
  }
  #vinwin-site-header .vinwin-mobile-tab{
    min-width:0;height:47px;padding:4px 2px 3px;border:0;background:transparent!important;color:var(--vw-brown)!important;text-decoration:none!important;box-shadow:none!important;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:Manrope,Inter,system-ui,sans-serif;font-size:10px;line-height:1.05;font-weight:750;letter-spacing:-.01em;cursor:pointer
  }
  #vinwin-site-header .vinwin-mobile-tab img{width:18px;height:18px;object-fit:contain}
  #vinwin-site-header .vinwin-mobile-tab:hover,#vinwin-site-header .vinwin-mobile-tab:focus-visible{color:var(--vw-petrol)!important;background:rgba(47,105,100,.06)!important;border-radius:10px}
  .vinwin-mobile-more-dots{height:18px;display:flex;align-items:center;gap:3px}
  .vinwin-mobile-more-dots i{display:block;width:3px;height:3px;border-radius:50%;background:var(--vw-petrol)}
  .vinwin-mobile-more-popover{
    position:absolute;right:10px;top:44px;z-index:2;width:min(210px,calc(100vw - 20px));padding:8px;border:1px solid rgba(59,36,22,.10);border-radius:16px;background:rgba(255,252,248,.98);
    box-shadow:0 16px 40px rgba(59,36,22,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
  }
  .vinwin-mobile-more-popover:not([hidden]){display:grid;gap:3px}
  #vinwin-site-header .vinwin-mobile-more-popover a{
    min-height:42px;padding:0 12px;border-radius:11px;display:flex;align-items:center;color:var(--vw-brown)!important;background:transparent!important;text-decoration:none!important;font-family:Manrope,Inter,system-ui,sans-serif;font-size:14px;font-weight:700
  }
  #vinwin-site-header .vinwin-mobile-more-popover a:hover,#vinwin-site-header .vinwin-mobile-more-popover a:focus-visible{background:rgba(47,105,100,.075)!important;color:var(--vw-petrol)!important}
}

@media(max-width:782px){body.admin-bar #vinwin-site-header{top:46px}}
@media(max-width:420px){
  .vinwin-header-shell{padding-inline:10px}
  .vinwin-mobile-tabs{padding-inline:3px}
  #vinwin-site-header .vinwin-mobile-tab{font-size:9.5px}
  #vinwin-site-header .vinwin-mobile-tab img{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){#vinwin-site-header *,#vinwin-site-header *::before,#vinwin-site-header *::after{transition:none!important;animation:none!important}}


/* V1.3 mobile: permanente Navigation ohne Drawer/Popover. */
@media(max-width:840px){
  .vinwin-mobile-more,.vinwin-mobile-more-popover{display:none!important}
  #vinwin-site-header .vinwin-mobile-info-icon{width:18px;height:18px;display:grid;place-items:center;border:1.5px solid var(--vw-petrol);border-radius:50%;color:var(--vw-petrol);font-family:Georgia,serif;font-size:12px;font-weight:700;line-height:1}
  #vinwin-site-header .vinwin-mobile-tab{overflow:hidden}
  #vinwin-site-header .vinwin-mobile-tab>span:last-child{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}


/* V1.3.1: Auf der VIN-WIN Zielseite nur den neuen Plugin-Header zeigen.
   Alte Theme-/Site-Logo-Ausgaben liegen ausserhalb des Elementor-Navigators
   und werden hier gezielt ausgeblendet. Das Plugin-Logo selbst bleibt sichtbar. */
body.vinwin-header-active.vinwin-hide-existing-header .site-branding,
body.vinwin-header-active.vinwin-hide-existing-header .site-logo,
body.vinwin-header-active.vinwin-hide-existing-header .wp-block-site-logo,
body.vinwin-header-active.vinwin-hide-existing-header a.custom-logo-link,
body.vinwin-header-active.vinwin-hide-existing-header img.custom-logo,
body.vinwin-header-active.vinwin-hide-existing-header img[src*="cropped-6"]:not(.vinwin-brand-logo){
  display:none!important;
}
#vinwin-site-header .vinwin-brand-logo{display:block!important;}


/* V1.3.2: Auf der Zielseite den alten Theme-Footer/Copyright-Balken entfernen.
   Der eigentliche VIN-WIN/Elementor-Footer bleibt unberuehrt. */
body.vinwin-header-active.vinwin-hide-existing-footer #site-footer,
body.vinwin-header-active.vinwin-hide-existing-footer footer#site-footer.site-footer,
body.vinwin-header-active.vinwin-hide-existing-footer .site-footer.dynamic-footer:not(.elementor-location-footer){
  display:none!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  height:0!important;
  overflow:hidden!important;
}


/* V1.3.3: On the integrated V1.4 advisor page the fixed header sits visually
   over the hero image. At the top it is translucent; after scrolling it keeps
   the stronger V1.3.2 glass background. */
body.vinwin-header-overlay-v14 #vinwin-site-header:not(.is-scrolled){
  background:rgba(247,240,229,.62);
  border-bottom:1px solid rgba(59,36,22,.045);
  backdrop-filter:blur(13px) saturate(118%);
  -webkit-backdrop-filter:blur(13px) saturate(118%);
  box-shadow:0 4px 22px rgba(59,36,22,.035);
}
@media(max-width:840px){
  body.vinwin-header-overlay-v14 #vinwin-site-header:not(.is-scrolled){
    background:rgba(247,240,229,.82);
  }
}

/* V1.3.4: mehrere VIN-WIN Zielseiten + sichtbarer aktueller Navigationszustand. */
#vinwin-site-header .vinwin-nav-link.is-current{color:var(--vw-petrol)!important}
#vinwin-site-header .vinwin-nav-link.is-current::after{right:0}
@media(max-width:840px){
  #vinwin-site-header .vinwin-mobile-tab.is-current{color:var(--vw-petrol)!important;background:rgba(47,105,100,.07)!important;border-radius:10px}
}

/* V1.4 hybrid homepage: compact booking CTA replaces WhatsApp as the primary action. */
#vinwin-site-header .vinwin-booking-link,
#vinwin-site-header .vinwin-booking-link:visited{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:11px;
  color:#fff!important;background:var(--vw-petrol)!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(47,105,100,.16)!important;
  font-family:Manrope,Inter,system-ui,sans-serif;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .18s ease,background-color .18s ease
}
#vinwin-site-header .vinwin-booking-link:hover,#vinwin-site-header .vinwin-booking-link:focus-visible{transform:translateY(-1px);background:var(--vw-petrol-dark,#214F4B)!important}
@media(max-width:840px){
  #vinwin-site-header .vinwin-booking-link{min-height:40px;padding:0 11px;font-size:11px}
}
@media(max-width:520px){
  #vinwin-site-header .vinwin-booking-link span:first-child{display:none}
  #vinwin-site-header .vinwin-booking-link{width:40px;padding:0;font-size:16px}
}


/* V1.4.2: TierCheck ist die primaere Header-Aktion. Termin bleibt bewusst kleiner. */
#vinwin-site-header .vinwin-booking-link,
#vinwin-site-header .vinwin-booking-link:visited{
  color:var(--vw-petrol)!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(47,105,100,.18)!important;box-shadow:none!important;
}
#vinwin-site-header .vinwin-booking-link:hover,#vinwin-site-header .vinwin-booking-link:focus-visible{background:#fff!important;color:var(--vw-petrol-deep)!important}
#vinwin-site-header .vinwin-tiercheck-link,
#vinwin-site-header .vinwin-tiercheck-link:visited{
  min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;border-radius:11px;
  color:#fff!important;background:var(--vw-petrol)!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(47,105,100,.16)!important;
  font-family:Manrope,Inter,system-ui,sans-serif;font-size:12px;font-weight:850;white-space:nowrap;transition:transform .18s ease,background-color .18s ease;
}
#vinwin-site-header .vinwin-tiercheck-link:hover,#vinwin-site-header .vinwin-tiercheck-link:focus-visible{transform:translateY(-1px);background:var(--vw-petrol-deep)!important}
@media(max-width:1050px){
  #vinwin-site-header .vinwin-booking-link{display:none!important}
}
@media(max-width:840px){
  #vinwin-site-header .vinwin-tiercheck-link{min-height:40px;padding:0 11px;font-size:11px}
}
@media(max-width:480px){
  #vinwin-site-header .vinwin-tiercheck-link{padding:0 10px}
  #vinwin-site-header .vinwin-tiercheck-link span:first-child{font-size:10px}
}
