/* CF Homes 3.2.52 – einheitliche Site-Navigation im 360°-Look. */
#cfh-site-menu-mount[hidden]{display:none!important}
#cfh-site-menu-mount{display:block;position:fixed;top:var(--cfh-menu-anchor-top,0px);left:0;right:0;width:100%;height:0!important;z-index:99990;font-family:inherit;pointer-events:none;overflow:visible}
.cfh-site-menu-shortcode{display:flex;justify-content:flex-end}
.cfh-site-menu,.cfh-site-menu *,.cfh-site-menu *:before,.cfh-site-menu *:after{box-sizing:border-box}
.cfh-site-menu{--cfh-sea:#087fa8;--cfh-blue:#0b9fba;--cfh-dark:#0c3570;position:relative;display:flex;justify-content:center;align-items:center;font-family:inherit;z-index:99990;width:100%;min-width:0;line-height:1.2;pointer-events:none}
.cfh-site-menu button,.cfh-site-menu a{text-decoration:none!important;font-family:inherit;text-transform:none!important;letter-spacing:normal!important}
.cfh-site-menu button:focus-visible,.cfh-site-menu a:focus-visible{outline:3px solid #ffde65!important;outline-offset:3px}
.cfh-site-menu .cfh-menu-links{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;align-items:center;gap:8px;min-width:0;padding:0 12px;pointer-events:none}
.cfh-site-menu .cfh-menu-primary{display:flex;grid-column:2;justify-content:center;align-items:center;gap:7px;white-space:nowrap;pointer-events:auto}
.cfh-site-menu .cfh-menu-links a,.cfh-site-menu .cfh-menu-links button{pointer-events:auto}
.cfh-site-menu .cfh-menu-pill{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:40px;padding:9px 11px;border:1px solid rgba(255,255,255,.58)!important;border-radius:999px!important;background:rgba(2,97,128,.16)!important;color:#fff!important;font-size:clamp(11px,.89vw,13px)!important;font-weight:650!important;white-space:nowrap;box-shadow:none!important;line-height:1.2;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.cfh-site-menu .cfh-menu-pill:hover,.cfh-site-menu .cfh-menu-pill[aria-expanded="true"]{background:rgba(255,255,255,.19)!important;border-color:#fff!important;transform:translateY(-1px)}
.cfh-site-menu .cfh-menu-pill svg{width:14px;height:14px;flex:none;transition:transform .15s}
.cfh-site-menu .cfh-menu-pill[aria-expanded="true"] svg{transform:rotate(180deg)}
.cfh-site-menu .cfh-menu-group{position:relative;display:flex;align-items:center}
.cfh-site-menu .cfh-menu-personal{grid-column:3;justify-self:end;display:flex;align-items:center;padding-left:0;min-width:0;pointer-events:auto}
.cfh-site-menu .cfm360-nav-launcher{gap:6px}
.cfh-site-menu .cfm360-nav-launcher .cfm360-nav-main{min-height:40px!important;padding:8px 13px!important;font-size:12px!important;border:1px solid #fff!important;background:#fff!important;background-image:none!important;color:#087fa8!important;box-shadow:0 3px 13px rgba(0,48,78,.14)!important;white-space:nowrap}
.cfh-site-menu .cfm360-nav-main>span,.cfh-site-menu .cfm360-nav-main strong{color:#087fa8!important}
.cfh-site-menu .cfm360-nav-main .cfm360-nav-label{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%}
.cfh-site-menu .cfm360-nav-main .cfm360-nav-label-image{display:block;width:clamp(155px,17vw,204px)!important;height:auto!important;max-height:28px!important;max-width:100%!important;object-fit:contain}
.cfh-site-menu .cfm360-nav-main:hover{background:#effbfc!important}
.cfh-site-menu .cfm360-nav-search-trigger{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
.cfh-site-menu .cfm360-nav-menu-item,.cfh-site-menu .cfm360-nav-header-inline{display:initial!important}
.cfh-site-menu .cfh-menu-dropdown[hidden]{display:none!important}
.cfh-site-menu .cfh-menu-dropdown{position:fixed;left:var(--cfh-menu-left,10px);top:var(--cfh-menu-top,94px);z-index:99990;width:min(675px,calc(100vw - 20px));max-height:min(630px,var(--cfh-menu-max-height,630px));overflow:auto;overscroll-behavior:contain;background:#fff;color:var(--cfh-dark);padding:12px;border:1px solid #d5e7eb;border-radius:18px;box-shadow:0 16px 55px rgba(8,65,90,.22);display:grid;grid-template-columns:33% minmax(0,1fr);gap:15px;animation:cfhMenuReveal .18s ease-out}
@keyframes cfhMenuReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.cfh-site-menu .cfh-menu-photo{display:block;min-height:280px;background:linear-gradient(155deg,#c4ebf1 0%,#119cba 55%,#087fa8);border-radius:12px;overflow:hidden;position:relative}
.cfh-site-menu .cfh-menu-photo img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.cfh-site-menu .cfh-menu-photo-empty:before{content:'◈';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:66px;font-weight:200;color:rgba(255,255,255,.45)}
.cfh-site-menu .cfh-menu-dropdown-body{min-width:0;padding:5px 5px 2px}
.cfh-site-menu .cfh-menu-dropdown-head{display:flex;flex-direction:column;gap:4px;padding:4px 9px 9px;border-bottom:1px solid #e0edf1}
.cfh-site-menu .cfh-menu-dropdown-head span{font-size:10px;color:#6d919e;letter-spacing:1.4px;font-weight:750}
.cfh-site-menu .cfh-menu-dropdown-head strong{font-size:18px;line-height:1.3;color:var(--cfh-dark)}
.cfh-site-menu .cfh-menu-sublink{display:flex!important;align-items:center;justify-content:space-between;gap:9px;min-height:55px;padding:10px 9px;border-bottom:1px solid #e4edf0;color:var(--cfh-dark)!important;background:transparent!important;border-radius:0!important;transition:background .15s}
.cfh-site-menu .cfh-menu-sublink:last-child{border-bottom:0}
.cfh-site-menu .cfh-menu-sublink:hover{background:#eef9fb!important;border-radius:9px!important}
.cfh-site-menu .cfh-menu-sublink>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.cfh-site-menu .cfh-menu-sublink strong{color:var(--cfh-dark)!important;font-size:14px;font-weight:740;line-height:1.3}
.cfh-site-menu .cfh-menu-sublink small{color:#658393!important;font-size:11.5px;line-height:1.35;font-weight:450}
.cfh-site-menu .cfh-menu-sublink b{color:#83adbd;font-size:23px;font-weight:450}
.cfh-site-menu .cfh-site-menu-toggle{display:none}
@media(max-width:1380px) and (min-width:1101px){.cfh-site-menu .cfh-menu-primary{gap:4px}.cfh-site-menu .cfh-menu-pill{padding:9px 8px;font-size:11px!important}.cfh-site-menu .cfm360-nav-main{padding:8px!important;font-size:11px!important}.cfh-site-menu .cfm360-nav-main .cfm360-nav-label-image{width:clamp(155px,16vw,194px)!important;height:auto!important;max-height:27px!important;max-width:100%!important}}
@media(min-width:1101px) and (max-width:1220px){.cfh-site-menu .cfh-menu-links{grid-template-columns:minmax(0,.2fr) auto minmax(240px,1fr)}.cfh-site-menu .cfh-menu-primary{gap:2px}}
@media(max-width:1100px){
 #cfh-site-menu-mount{z-index:99999}
 .cfh-site-menu{justify-content:flex-end;padding-right:12px}
 .cfh-site-menu .cfh-menu-links{pointer-events:auto}
 .cfh-site-menu .cfh-menu-primary{display:flex;grid-column:auto;flex-direction:column;align-items:stretch;gap:7px;white-space:normal}
 .cfh-site-menu .cfh-site-menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:48px;background:rgba(2,116,145,.25)!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:12px!important;color:white!important;cursor:pointer;padding:9px 11px!important;box-shadow:none!important;font-size:12px!important;font-weight:680!important}
 .cfh-menu-toggle-bars{display:flex;flex-direction:column;gap:4px;width:21px}
 .cfh-menu-toggle-bars i{width:100%;height:2px;border-radius:3px;background:#fff;display:block}
 .cfh-site-menu .cfh-menu-links{display:none;position:fixed;z-index:99990;top:var(--cfh-menu-mobile-top,90px);left:10px;right:10px;width:auto;max-height:calc(100dvh - var(--cfh-menu-mobile-top,90px) - 12px);overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #d7e9ee;border-radius:17px;box-shadow:0 14px 45px rgba(4,57,83,.25);background:#fff;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:7px;animation:cfhMenuReveal .18s ease-out}
 .cfh-site-menu.is-mobile-open .cfh-menu-links{display:grid}
 .cfh-site-menu .cfh-menu-group{display:flex;flex-direction:column;align-items:stretch}
 .cfh-site-menu .cfh-menu-pill{width:100%;min-height:46px;justify-content:space-between;text-align:left;background:#f1f9fb!important;border:1px solid #daeaf0!important;border-radius:11px!important;color:#0c3570!important;font-size:14px!important;padding:12px 15px!important}
 .cfh-site-menu .cfh-menu-pill:hover,.cfh-site-menu .cfh-menu-pill[aria-expanded="true"]{background:#e5f6fa!important;transform:none}
 .cfh-site-menu .cfh-menu-dropdown{position:relative;left:auto;top:auto;z-index:auto;width:100%;max-height:none!important;display:flex;flex-direction:column;gap:7px;padding:9px;border-radius:10px;box-shadow:none;border:1px solid #e1edf1;margin:5px 0 0;animation:none}
 .cfh-site-menu .cfh-menu-photo{width:100%;height:114px;min-height:114px;border-radius:8px}
 .cfh-site-menu .cfh-menu-dropdown-head{padding:6px}
 .cfh-site-menu .cfh-menu-dropdown-head strong{font-size:16px}
 .cfh-site-menu .cfh-menu-dropdown-body{padding:0}
 .cfh-site-menu .cfh-menu-sublink{min-height:48px;padding:9px}
 .cfh-site-menu .cfh-menu-personal{grid-column:auto;justify-self:stretch;display:flex;flex-direction:column;align-items:stretch;padding:5px 0 0;border-top:1px solid #e2edf1}
 .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher{width:100%;justify-content:flex-end;display:flex!important}
 .cfh-site-menu .cfh-menu-personal .cfm360-nav-main{flex:1;justify-content:space-between;min-height:44px!important;padding:10px 14px!important;font-size:13px!important}
 .cfh-site-menu .cfh-menu-personal .cfm360-nav-main .cfm360-nav-label-image{width:clamp(150px,48vw,198px)!important;height:auto!important;max-height:28px!important;max-width:100%!important}
 .cfh-site-menu .cfh-menu-personal .cfm360-nav-search-trigger{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
}
@media(max-width:400px){.cfh-site-menu .cfh-menu-toggle-word{display:none}}
@media(prefers-reduced-motion:reduce){.cfh-site-menu .cfh-menu-dropdown,.cfh-site-menu .cfh-menu-links{animation:none}}

/* Der alte WordPress-Menübereich bleibt nur dann versteckt, wenn die neue Navigation aktiv ist. */
html.cfh-menu-replaced .cfm360-nav-mobile-anchor,html.cfh-menu-replaced .cfm360-nav-fallback.is-floating{display:none!important}

html.cfh-menu-replaced .cfh-menu-original-hidden{visibility:hidden!important;pointer-events:none!important}
.cfh-site-menu .cfh-site-menu-toggle{pointer-events:auto!important}

/* 3.2.52 – normales Smartphone-Menue im Headerfluss, 360° dauerhaft rechts. */
@media (min-width:1101px){
 .cfh-site-menu .cfm360-nav-launcher .cfm360-nav-main{min-height:49px!important;padding:12px 19px!important;font-size:15px!important;font-weight:750!important}
 .cfh-site-menu .cfm360-nav-search-trigger{min-width:47px!important;width:47px!important;height:47px!important;min-height:47px!important}
}
@media (max-width:1100px){
 #cfh-site-menu-mount{z-index:99990}
 #cfh-site-menu-mount .cfh-site-menu{justify-content:flex-end;padding-right:11px}
 #cfh-site-menu-mount .cfh-site-menu-toggle{z-index:4}
 .cfh-menu-personal-docked{position:fixed!important;top:var(--cfh-personal-top,95px)!important;right:10px!important;left:auto!important;bottom:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;max-width:calc(100vw - 20px)!important;z-index:100005!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;pointer-events:auto!important;transform:none!important}
 .cfh-menu-personal-docked .cfm360-nav-launcher{display:flex!important;width:auto!important;max-width:100%!important;gap:7px!important;align-items:center!important;justify-content:flex-end!important}
 .cfh-menu-personal-docked .cfm360-nav-main{background:#fff!important;background-image:none!important;color:#087fa8!important;border:1px solid #fff!important;min-height:47px!important;padding:11px 15px!important;font-size:14px!important;font-weight:760!important;box-shadow:0 4px 16px rgba(6,56,80,.18)!important}
 .cfh-menu-personal-docked .cfm360-nav-main>span,.cfh-menu-personal-docked .cfm360-nav-main strong{color:#087fa8!important}
 .cfh-menu-personal-docked .cfm360-nav-search-trigger{width:45px!important;min-width:45px!important;height:45px!important;min-height:45px!important}
 /* Im Haupt-Dropdown gibt es NUR die gewoehnlichen Menuepunkte. */
 .cfh-site-menu .cfh-menu-links .cfh-menu-personal{display:none!important}
}
@media(max-width:380px){.cfh-menu-personal-docked .cfm360-nav-main{font-size:12px!important;padding:9px 11px!important}}

/* CF HOMES 4.5.9 – ONLY the personal 360° launcher and search get
   a 3px translucent glass rim on both desktop and narrow viewports.
   Ordinary Home/etc site-menu pills deliberately remain unchanged. */
body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main,
body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-main{
  color:#0c3570!important;
  background:rgba(239,251,255,.76)!important;
  background-image:none!important;
  border:3px solid rgba(255,255,255,.74)!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -1px 0 rgba(70,160,182,.18),0 5px 18px rgba(6,58,83,.14),0 0 0 1px rgba(46,145,175,.2)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.2);
  backdrop-filter:blur(15px) saturate(1.2);
  border-radius:999px!important;
}
body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main>span,
body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main strong,
body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-main>span,
body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-main strong{color:#0c3570!important}
body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-search-trigger,
body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-search-trigger{
  background:rgba(232,249,253,.74)!important;
  border:3px solid rgba(255,255,255,.76)!important;
  color:#087fa8!important;
  border-radius:50%!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 4px 15px rgba(6,58,83,.12),0 0 0 1px rgba(46,145,175,.18)!important;
  -webkit-backdrop-filter:blur(15px) saturate(1.2);
  backdrop-filter:blur(15px) saturate(1.2);
}
body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main:hover,
body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-main:hover{
  background:rgba(225,247,253,.9)!important;
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main,
  body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-main{background:rgba(239,251,255,.96)!important}
  body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-search-trigger,
  body .cfh-menu-personal-docked .cfm360-nav-launcher .cfm360-nav-search-trigger{background:rgba(232,249,253,.96)!important}
}

/* CF HOMES 4.5.10 – genuine neutral WHITE milk glass on the desktop
   personal 360° button and its search, without a cyan/blue base coat.
   The regular Home/Empuriabrava/Costa Brava pills are not affected. */
@media(min-width:1101px){
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main{
   background:rgba(255,255,255,.86)!important;background-image:none!important;
   border:3px solid rgba(255,255,255,.96)!important;
   box-shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.6),0 5px 17px rgba(6,33,51,.16),0 0 0 1px rgba(255,255,255,.3)!important;
   -webkit-backdrop-filter:blur(20px) saturate(.6)!important;
   backdrop-filter:blur(20px) saturate(.6)!important;
   color:#0c3570!important;
 }
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main:hover,
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-main[aria-expanded="true"]{
   background:rgba(255,255,255,.96)!important;
 }
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-search-trigger{
   background:rgba(255,255,255,.87)!important;background-image:none!important;
   border:3px solid rgba(255,255,255,.96)!important;
   box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 4px 15px rgba(6,33,51,.14),0 0 0 1px rgba(255,255,255,.3)!important;
   -webkit-backdrop-filter:blur(20px) saturate(.6)!important;
   backdrop-filter:blur(20px) saturate(.6)!important;
 }
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-launcher .cfm360-nav-search-trigger:hover{
   background:rgba(255,255,255,.96)!important;
 }
}

/* CF HOMES 4.5.13 – Legible PNG labels in the standalone desktop/docked launcher.
   Keep neutral-white glass styling and do not alter the standard site-menu pills. */
body .cfh-site-menu .cfh-menu-personal .cfm360-nav-main .cfm360-nav-label-image,
body .cfh-menu-personal-docked .cfm360-nav-main .cfm360-nav-label-image{
  width:clamp(172px,17vw,218px)!important;
  height:auto!important;max-height:none!important;max-width:100%!important;
}
@media(min-width:1101px){
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-main{
  padding-top:6px!important;padding-bottom:6px!important;
 }
}
@media(max-width:1100px){
 body .cfh-menu-personal-docked .cfm360-nav-main .cfm360-nav-label-image,
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-main .cfm360-nav-label-image{
  width:clamp(160px,49vw,212px)!important;max-height:none!important;
 }
 body .cfh-menu-personal-docked .cfm360-nav-main{
  padding-top:6px!important;padding-bottom:6px!important;
 }
}
@media(max-width:350px){
 body .cfh-menu-personal-docked .cfm360-nav-main .cfm360-nav-label-image,
 body .cfh-site-menu .cfh-menu-personal .cfm360-nav-main .cfm360-nav-label-image{
  width:clamp(152px,49vw,165px)!important;
 }
}

/* CF Homes 4.5.106: desktop navigation items vertically aligned in header. */
@media(min-width:1101px){
 .cfh-site-menu .cfh-menu-links,.cfh-site-menu .cfh-menu-primary,.cfh-site-menu .cfh-menu-personal,.cfh-site-menu .cfm360-nav-launcher{align-items:center!important;align-self:center!important}
 .cfh-site-menu .cfh-menu-group,.cfh-site-menu .cfh-menu-pill,.cfh-site-menu .cfm360-nav-main{align-self:center!important}
}
