/* CF Homes 3.2.48 – kleine, eigenständige 360°-Navigation im Website-Header. */
.cfm360-nav-menu-item{display:flex!important;align-items:center;flex:0 0 auto!important;width:auto!important;max-width:none!important;padding:0 5px!important;list-style:none!important}
.cfm360-nav-shortcode{display:inline-flex;max-width:100%;vertical-align:middle}
.cfm360-nav-launcher{--cfm-nav-blue:#087fa8;--cfm-nav-dark:#0c3570;--cfm-nav-cyan:#10abc5;display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;max-width:100%;font-family:inherit;isolation:isolate}
.cfm360-nav-launcher svg{width:20px;height:20px;display:block;flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
.cfm360-nav-launcher button{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;min-height:42px;line-height:1.2;cursor:pointer;transition:transform .16s,background .16s,box-shadow .16s;text-transform:none;text-decoration:none;letter-spacing:0;border-radius:999px!important}
.cfm360-nav-launcher .cfm360-nav-main{background:linear-gradient(110deg,#0b9fba,#087fa8)!important;border:1px solid #fff!important;color:white!important;box-shadow:0 6px 18px rgba(8,127,168,.18);padding:10px 15px!important;gap:9px;font-size:13.5px!important;font-weight:550!important;max-width:100%}
.cfm360-nav-launcher .cfm360-nav-main>span:not(.cfm360-nav-mini-badge){color:inherit!important;text-decoration:none!important;font-size:inherit!important;line-height:1.15!important;white-space:nowrap}
.cfm360-nav-launcher .cfm360-nav-main strong{font-weight:750;color:inherit}
.cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%}
.cfm360-nav-launcher .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;flex-shrink:1}
.cfm360-nav-launcher .cfm360-nav-main svg:last-child{width:15px;height:15px;opacity:.92;transition:transform .18s}
.cfm360-nav-launcher .cfm360-nav-main[aria-expanded="true"] svg:last-child{transform:rotate(180deg)}
.cfm360-nav-launcher .cfm360-nav-search-trigger{width:42px;min-width:42px;padding:0!important;background:#eaf7f9!important;border:1px solid #d9ebef!important;color:#087fa8!important;box-shadow:none}
.cfm360-nav-launcher .cfm360-nav-search-trigger svg{width:20px;height:20px}
.cfm360-nav-launcher button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(11,64,88,.15)}
.cfm360-nav-launcher button:focus-visible{outline:3px solid #e5b64a;outline-offset:3px}
.cfm360-nav-launcher button[aria-expanded="true"]{box-shadow:0 0 0 3px rgba(8,127,168,.16)}
#cfm360-nav-root{font-family:inherit;position:relative;z-index:2147482000}
#cfm360-nav-root [hidden],.cfm360-nav-fallback[hidden]{display:none!important}
#cfm360-nav-root *,#cfm360-nav-root *::before,#cfm360-nav-root *::after{box-sizing:border-box}
#cfm360-nav-root .cfm360-nav-panel{--cfm-blue:#087fa8;--cfm-cyan:#10abc5;--cfm-ink:#0c3570;--cfm-muted:#496b7a;position:fixed;z-index:2147482001;top:var(--cfm360-top,90px);left:var(--cfm360-left,10px);width:min(700px,calc(100vw - 20px));max-height:min(var(--cfm360-max-height,650px),650px);background:#fff;border:1px solid #dcecef;border-radius:19px;box-shadow:0 19px 65px rgba(11,64,88,.19);overflow:auto;overscroll-behavior:contain;color:var(--cfm-ink);font-family:inherit;line-height:1.45;text-align:left;animation:cfm360NavIn .18s ease-out}
@keyframes cfm360NavIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
#cfm360-nav-root .cfm360-nav-panel-menu{display:grid;grid-template-columns:33% minmax(0,1fr);padding:12px;gap:16px}
#cfm360-nav-root .cfm360-nav-photo{background:linear-gradient(155deg,#dff5f8 0%,#0b9fba 65%,#087fa8 100%);min-height:305px;position:relative;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center}
#cfm360-nav-root .cfm360-nav-photo img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
#cfm360-nav-root .cfm360-nav-photo-default svg{width:92px;height:92px;color:#fff;opacity:.5;stroke-width:1}
#cfm360-nav-root .cfm360-nav-actions{min-width:0;display:flex;flex-direction:column;padding:2px 2px 0 0}
#cfm360-nav-root .cfm360-nav-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:2px 2px 9px 7px;min-height:34px;gap:6px}
#cfm360-nav-root .cfm360-nav-panel-heading>span,#cfm360-nav-root .cfm360-nav-search-head>div>span{letter-spacing:1.2px;font-size:10px;font-weight:750;color:#6f8791}
#cfm360-nav-root button[data-cfm360-close]{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;border:0;background:#edf8fa;color:#087fa8;cursor:pointer;padding:5px}
#cfm360-nav-root button[data-cfm360-close]:hover{background:#dff1f5}
#cfm360-nav-root button[data-cfm360-close] svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
#cfm360-nav-root .cfm360-nav-action{display:flex;align-items:center;gap:11px;padding:13px 6px 13px 0;text-decoration:none!important;color:var(--cfm-ink)!important;min-height:64px;border-bottom:1px solid #e1ecef;border-radius:0;transition:background .15s;text-transform:none}
#cfm360-nav-root .cfm360-nav-action:last-child{border-bottom:0}
#cfm360-nav-root .cfm360-nav-action:hover{background:#f4fbfc;border-radius:10px}
/* Leere Merkliste bleibt sichtbar, aber nicht anklickbar. */
#cfm360-nav-root .cfm360-nav-action.is-disabled{cursor:default;pointer-events:none;background:transparent!important}
#cfm360-nav-root .cfm360-nav-action.is-disabled .cfm360-nav-action-icon{color:#a7b4bb;background:#f0f2f3}
#cfm360-nav-root .cfm360-nav-action.is-disabled .cfm360-nav-action-copy strong{color:#9ba8af}
#cfm360-nav-root .cfm360-nav-action.is-disabled .cfm360-nav-action-copy small{color:#a6b0b5}
#cfm360-nav-root .cfm360-nav-action.is-disabled>svg{color:#cbd3d7}
#cfm360-nav-root .cfm360-nav-action-icon{display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:50%;background:linear-gradient(135deg,#dff5f8,#f7fcfd);color:#087fa8}
#cfm360-nav-root .cfm360-nav-action-icon svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#cfm360-nav-root .cfm360-nav-action-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
#cfm360-nav-root .cfm360-nav-action-copy strong{display:block;font-size:15.3px;line-height:1.22;color:#0c3570;font-weight:750}
#cfm360-nav-root .cfm360-nav-action-copy small{display:block;font-size:12px;line-height:1.35;color:#587580;font-weight:420;white-space:normal}
#cfm360-nav-root .cfm360-nav-action>svg{width:17px;height:17px;flex:none;color:#8ab7c4;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
#cfm360-nav-root .cfm360-nav-count{display:grid;place-items:center;min-width:23px;height:23px;border-radius:99px;background:#e8f7fa;color:#087fa8;padding:0 6px;font-size:11px;font-weight:800}
#cfm360-nav-root .cfm360-nav-panel-search{width:min(535px,calc(100vw - 20px));padding:20px}
#cfm360-nav-root .cfm360-nav-search-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}
#cfm360-nav-root .cfm360-nav-search-head h2{font-size:20px;line-height:1.25;color:#0c3570;font-weight:760;margin:3px 0 0}
#cfm360-nav-root .cfm360-nav-search-field{display:flex;align-items:center;gap:10px;width:100%;background:#f8fcfd;border:1px solid #cfe3ea;border-radius:12px;padding:9px 12px;color:#087fa8;box-shadow:0 0 0 0 transparent;transition:box-shadow .16s}
#cfm360-nav-root .cfm360-nav-search-field:focus-within{box-shadow:0 0 0 3px rgba(8,127,168,.13);border-color:#087fa8}
#cfm360-nav-root .cfm360-nav-search-field>svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#cfm360-nav-root .cfm360-nav-search-field input{background:transparent;border:0!important;box-shadow:none!important;outline:none!important;color:#294f61;font:inherit;font-size:14px;line-height:1.4;width:100%;min-width:0;padding:2px 0;margin:0}
#cfm360-nav-root .cfm360-nav-search-field input::placeholder{color:#78909a}
#cfm360-nav-root .cfm360-nav-search-field kbd{font:11px inherit;display:inline-flex;color:#78909a;background:#fff;border:1px solid #dcecef;border-radius:5px;padding:1px 5px}
#cfm360-nav-root .cfm360-nav-search-categories{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 11px}
#cfm360-nav-root .cfm360-nav-search-categories button{appearance:none;padding:6px 10px;min-height:31px;border:1px solid #d9ebef;border-radius:99px;background:#f3fafc;color:#3f6b7c;font:inherit;font-size:11.5px;cursor:pointer;box-shadow:none}
#cfm360-nav-root .cfm360-nav-search-categories button.is-active{background:#087fa8;color:#fff;border-color:#087fa8;font-weight:700}
#cfm360-nav-root .cfm360-nav-search-results{max-height:min(45vh,390px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
#cfm360-nav-root .cfm360-nav-search-empty{font-size:13px;line-height:1.6;color:#6f8791;margin:14px 0 5px;padding:15px;border-radius:11px;background:#f7fcfd}
#cfm360-nav-root .cfm360-nav-search-total{margin:10px 3px 6px;font-size:11px;font-weight:650;color:#6f8791}
#cfm360-nav-root .cfm360-nav-result{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid #e1ecef;text-decoration:none!important;color:#0c3570!important;transition:background .16s}
#cfm360-nav-root .cfm360-nav-result:last-child{border-bottom:0}
#cfm360-nav-root .cfm360-nav-result:hover,#cfm360-nav-root .cfm360-nav-result:focus-visible{background:#f1f9fb;border-radius:8px}
#cfm360-nav-root .cfm360-nav-result-type{flex:none;font-size:10px;font-weight:760;color:#087fa8;background:#eaf7f9;padding:4px 7px;border-radius:7px;max-width:90px;text-align:center}
#cfm360-nav-root .cfm360-nav-result-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
#cfm360-nav-root .cfm360-nav-result-copy strong{font-size:13.5px;font-weight:720;color:#0c3570;line-height:1.33}
#cfm360-nav-root .cfm360-nav-result-copy small{font-size:11px;color:#728a95;line-height:1.3}
#cfm360-nav-root .cfm360-nav-result-arrow{font-size:22px;line-height:1;color:#8ab7c4}
.cfm360-nav-fallback.is-floating{position:fixed!important;top:10px;right:10px;z-index:99990;padding:6px;border-radius:25px;background:rgba(255,255,255,.94);box-shadow:0 4px 20px rgba(11,64,88,.15)}
@media(max-width:900px){
 .cfm360-nav-menu-item,.cfm360-nav-header-inline{display:none!important}
 .cfm360-nav-fallback{display:block!important;background:transparent!important;box-shadow:none!important;padding:0!important}
}
@media(max-width:700px){
 .cfm360-nav-menu-item{padding:4px!important}
 .cfm360-nav-launcher .cfm360-nav-main{font-size:12px!important;padding:10px 12px!important;min-height:39px;gap:6px}
 .cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label-image{width:clamp(150px,48vw,198px)!important;height:auto!important;max-height:28px!important;max-width:100%!important}
 .cfm360-nav-launcher .cfm360-nav-search-trigger{width:39px;min-width:39px;min-height:39px}
 #cfm360-nav-root .cfm360-nav-panel{border-radius:15px;max-height:min(var(--cfm360-max-height,650px),calc(100dvh - 20px))}
 #cfm360-nav-root .cfm360-nav-panel-menu{grid-template-columns:1fr;gap:4px;padding:9px}
 #cfm360-nav-root .cfm360-nav-photo{min-height:105px;max-height:105px}
 #cfm360-nav-root .cfm360-nav-photo-default svg{width:55px;height:55px}
 #cfm360-nav-root .cfm360-nav-actions{padding:4px 6px 1px}
 #cfm360-nav-root .cfm360-nav-action{min-height:61px;padding:9px 2px}
 #cfm360-nav-root .cfm360-nav-action-icon{width:44px;height:44px}
 #cfm360-nav-root .cfm360-nav-action-copy strong{font-size:14px}
 #cfm360-nav-root .cfm360-nav-action-copy small{font-size:11.5px}
 #cfm360-nav-root .cfm360-nav-panel-search{padding:15px}
}
@media(max-width:390px){.cfm360-nav-launcher .cfm360-nav-main{font-size:11px!important}.cfm360-nav-launcher .cfm360-nav-main strong{font-size:11px}.cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label-image{width:clamp(140px,47vw,182px)!important;height:auto!important;max-height:26px!important}.cfm360-nav-launcher{gap:4px}}
@media(prefers-reduced-motion:reduce){#cfm360-nav-root .cfm360-nav-panel{animation:none}.cfm360-nav-launcher button{transition:none}}

/* Sichtbarer Hinweis: bereits vorhandene persönliche Merkeinträge. */
.cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-mini-badge{display:grid;position:absolute;right:-4px;top:-7px;min-width:19px;height:19px;padding:0 4px;place-items:center;border:2px solid #fff;border-radius:99px;background:#087fa8;color:#fff!important;font-size:10px!important;font-weight:800;line-height:1!important;box-shadow:0 2px 8px rgba(8,127,168,.18)}
.cfm360-nav-header-inline{display:inline-flex;align-items:center;padding:0 7px}
.cfm360-nav-mobile-anchor{display:flex!important;justify-content:flex-end!important;align-items:center;width:max-content!important;max-width:calc(100vw - 16px);clear:both;position:absolute!important;left:var(--cfm360-dock-left,8px)!important;right:auto!important;top:var(--cfm360-dock-top,76px)!important;transform:none!important;z-index:99989;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;float:none!important}
.cfm360-nav-mobile-anchor .cfm360-nav-launcher{justify-content:flex-end;width:auto}
.cfm360-nav-mobile-anchor .cfm360-nav-main,.cfm360-nav-mobile-anchor .cfm360-nav-search-trigger{flex:none}
.cfm360-nav-mobile-anchor.is-hidden{display:none!important}

@media(max-width:900px){
 body.cfm360-nav-mobile-active .cfm360-nav-shortcode{display:none!important}
 body.cfm360-nav-mobile-active .cfm360-nav-menu-item{display:none!important}
}

/* Separate Smartphone-Querformatfotos fuer das 360°-Dropdown. */
#cfm360-nav-root .cfm360-nav-photo picture{position:absolute;inset:0;width:100%;height:100%;display:block}
#cfm360-nav-root .cfm360-nav-photo picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* 3.2.51: Einrichtungs-Hinweis unter dem persoenlichen Menuebutton. */
.cfm360-nav-launcher{position:relative}
.cfm360-setup-tip{position:absolute;z-index:100;top:calc(100% + 12px);left:0;max-width:min(260px,80vw);width:max-content;padding:10px 14px;border-radius:12px;background:#fff;color:#087fa8!important;border:1px solid #b8e0ea;box-shadow:0 8px 24px rgba(3,53,82,.18);font-size:12px!important;font-weight:700;text-align:center;line-height:1.4;white-space:normal;text-decoration:none!important}
.cfm360-setup-tip::before{content:"";position:absolute;left:24px;top:-7px;width:12px;height:12px;background:#fff;border-top:1px solid #b8e0ea;border-left:1px solid #b8e0ea;transform:rotate(45deg)}
.cfm360-nav-launcher:has(.cfm360-nav-main[aria-expanded="true"]) .cfm360-setup-tip{display:none}
@media(max-width:1100px){.cfm360-setup-tip{left:auto;right:43px;max-width:min(245px,75vw)}.cfm360-setup-tip::before{left:auto;right:26px}}

/* Einrichtungs-Sprechblase nur bei geschlossenem Hauptmenue anzeigen. */
body.cfh-mobile-menu-open .cfm360-setup-tip{display:none!important}

/* 4.3.1: Personal 360° button stays visible after the ordinary mobile header has scrolled out. */
@media(max-width:900px){.cfm360-nav-mobile-anchor.is-fixed{position:fixed!important;top:8px!important;left:auto!important;right:10px!important;z-index:2147481999!important}}

/* CF HOMES 4.5.6 – Normal mobile header pill: match the soft white/navy
   language of the personal planner tabs. Keep its round shape in the menu. */
@media(max-width:900px){
 body.cfm360-nav-mobile-active .cfm360-nav-mobile-anchor .cfm360-nav-main{
   color:#0c3570!important;background:rgba(250,254,255,.97)!important;
   border:1px solid #d8e8ef!important;box-shadow:0 7px 20px rgba(9,61,86,.13)!important;
   border-radius:999px!important;font-weight:750!important;
 }
 body.cfm360-nav-mobile-active .cfm360-nav-mobile-anchor .cfm360-nav-main>span:not(.cfm360-nav-mini-badge),
 body.cfm360-nav-mobile-active .cfm360-nav-mobile-anchor .cfm360-nav-main strong{color:#0c3570!important}
 body.cfm360-nav-mobile-active .cfm360-nav-mobile-anchor .cfm360-nav-mini-badge{border-color:#fff}
 body.cfm360-nav-mobile-active .cfm360-nav-mobile-anchor.cfm360-nav-merged-away{
   opacity:0!important;pointer-events:none!important;visibility:hidden!important;
 }
}

/* CF HOMES 4.5.9 – glass styling for standalone personal launcher fallback. */
body .cfm360-nav-mobile-anchor .cfm360-nav-launcher .cfm360-nav-main{
  color:#0c3570!important;background:rgba(239,251,255,.76)!important;
  border:3px solid rgba(255,255,255,.74)!important;border-radius:999px!important;
  box-shadow:inset 0 1px 1px rgba(255,255,255,.8),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);
}
body .cfm360-nav-mobile-anchor .cfm360-nav-launcher .cfm360-nav-main>span:not(.cfm360-nav-mini-badge),
body .cfm360-nav-mobile-anchor .cfm360-nav-launcher .cfm360-nav-main strong{color:#0c3570!important}
body .cfm360-nav-mobile-anchor .cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label-image{width:clamp(140px,47vw,198px)!important;height:auto!important;max-height:28px!important;max-width:100%!important}
body .cfm360-nav-mobile-anchor .cfm360-nav-launcher .cfm360-nav-search-trigger{
  color:#087fa8!important;background:rgba(232,249,253,.74)!important;
  border:3px solid rgba(255,255,255,.76)!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);
}
/* Only the 360° menu and its search panel, never the standard website menu. */
#cfm360-nav-root .cfm360-nav-panel{
  border:3px solid rgba(255,255,255,.8)!important;
  background:rgba(246,252,255,.94)!important;
  box-shadow:0 15px 43px rgba(7,57,85,.21),0 0 0 1px rgba(46,145,175,.13)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.15);backdrop-filter:blur(17px) saturate(1.15);
}

/* CF HOMES 4.5.13 – Third-generation, taller aspect-ratio logo labels.
   No forced fixed height; allow native aspect ratio and reserve space for chevron. */
.cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label{
  flex:0 1 auto!important;min-width:0!important;max-width:100%!important;
}
.cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label-image{
  display:block!important;width:clamp(172px,17vw,218px)!important;
  height:auto!important;max-height:none!important;max-width:100%!important;
  object-fit:contain!important;flex-shrink:1!important;
}
.cfm360-nav-launcher .cfm360-nav-main>svg:last-of-type{
  flex-shrink:0!important;
}
@media(max-width:1100px){
 .cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label-image{
   width:clamp(160px,49vw,212px)!important;
   height:auto!important;max-height:none!important;
 }
}
@media(max-width:350px){
 .cfm360-nav-launcher .cfm360-nav-main .cfm360-nav-label-image{
   width:clamp(152px,49vw,165px)!important;
 }
}

/* 4.5.17: Zahl IM Zähler bleibt weiß, auch mit Theme-Regeln für alle Button-Spans.
   Die Basis- und Mobile-Regeln dürfen nur die Menübeschriftung einfärben. */
body .cfm360-nav-launcher button.cfm360-nav-main > span.cfm360-nav-mini-badge,
body .cfm360-nav-launcher button.cfm360-nav-main:hover > span.cfm360-nav-mini-badge,
body .cfm360-nav-launcher button.cfm360-nav-main[aria-expanded="true"] > span.cfm360-nav-mini-badge{
  display:grid!important;place-items:center!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:#087fa8!important;opacity:1!important;
  font-size:11px!important;font-weight:900!important;line-height:1!important;
  text-shadow:none!important;
}


/* 4.5.59 – Navigation and search close controls. */
#cfm360-nav-root button[data-cfm360-close],#cfm360-nav-root button[data-cfm360-close]:hover{
 box-sizing:border-box;width:40px;height:40px;min-width:40px;min-height:40px;
 display:grid;place-items:center;padding:0;border:0;border-radius:50%;
 background:#0089a9;color:#fff;cursor:pointer;
}
#cfm360-nav-root button[data-cfm360-close]:hover{background:#006f8c}
#cfm360-nav-root button[data-cfm360-close] svg{
 width:19px;height:19px;stroke:#fff;stroke-width:2.4;stroke-linecap:round;fill:none;
}

/* 4.5.59 – Header-Menü und 360°-Suche: blaues Kreis-X statt grauer Mini-Schaltfläche. */
#cfm360-nav-root button[data-cfm360-close],#cfm360-nav-root button[data-cfm360-close]:hover,#cfm360-nav-root button[data-cfm360-close]:focus-visible{
 display:grid!important;place-items:center!important;box-sizing:border-box!important;
 width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
 padding:0!important;border:0!important;border-radius:50%!important;background:#0089a9!important;color:#fff!important;
 flex:none!important;cursor:pointer!important;
}
#cfm360-nav-root button[data-cfm360-close]:hover,#cfm360-nav-root button[data-cfm360-close]:focus-visible{background:#006f8c!important}
#cfm360-nav-root button[data-cfm360-close] svg{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:#fff!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}