{"context":{"brandSettings":{"accentColor1":{"hex":"#07284C"},"accentColor2":{"hex":"#7F90A3"},"accentColor3":{"hex":"#76B8F9"},"bodyFont":{"font":"Source Sans Pro","fontSet":"GOOGLE"},"colors":[{"hex":"#2C95FF"},{"hex":"#637C8F"}],"fallbackFont":{"font":"verdana, geneva","fontSet":"DEFAULT"},"favicon":{"domain":null,"name":"W & W Favicon","src":"https://145770956.fs1.hubspotusercontent-eu1.net/hubfs/145770956/favicon-96x96.png"},"favicons":[{"domain":null,"name":"W & W Favicon","src":"https://145770956.fs1.hubspotusercontent-eu1.net/hubfs/145770956/favicon-96x96.png"}],"fonts":[],"logo":{"alt":"W &amp; W Logo","domain":null,"height":75,"link":"","name":"W & W logo","src":"https://145770956.fs1.hubspotusercontent-eu1.net/hubfs/145770956/mstile-70x70.png","width":75},"logos":[{"alt":"W &amp; W Logo","domain":null,"height":75,"link":"","name":"W & W logo","src":"https://145770956.fs1.hubspotusercontent-eu1.net/hubfs/145770956/mstile-70x70.png","width":75}],"primaryColor":{"hex":"#2C95FF"},"primaryFavicon":{"domain":null,"name":"W & W Favicon","src":"https://145770956.fs1.hubspotusercontent-eu1.net/hubfs/145770956/favicon-96x96.png"},"primaryFont":{"font":"Source Sans Pro","fontSet":"GOOGLE"},"primaryLogo":{"alt":"W &amp; W Logo","domain":null,"height":75,"link":"","name":"W & W logo","src":"https://145770956.fs1.hubspotusercontent-eu1.net/hubfs/145770956/mstile-70x70.png","width":75},"secondaryColor":{"hex":"#1651A5"}},"menuData":null,"themeSettings":{"bodyFont":{"casing":null,"color":null,"css":"font-family: Source Sans Pro;","fallback":null,"font":"Source Sans Pro","font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":"font-family: Source Sans Pro; font-style: normal; font-weight: normal; text-decoration: none","styles":{"font-family":"Source Sans Pro","font-style":"normal","font-weight":"normal","text-decoration":"none"},"variant":null},"primaryFont":{"casing":null,"color":null,"css":"font-family: Source Sans Pro;","fallback":null,"font":"Source Sans Pro","font_set":"DEFAULT","letter_spacing":null,"line_height":null,"size":null,"size_unit":null,"style":"font-family: Source Sans Pro; font-style: normal; font-weight: normal; text-decoration: none","styles":{"font-family":"Source Sans Pro","font-style":"normal","font-weight":"normal","text-decoration":"none"},"variant":null},"trellisBorderRadius":"rounded","trellisColorFillPrimaryDefault":{"color":"#2C95FF","css":"#2C95FF","hex":"#2C95FF","opacity":null,"rgb":"rgb(44, 149, 255)","rgba":"rgba(44, 149, 255, 1)"},"trellisColorFillSecondaryDefault":{"color":"#1651A5","css":"#1651A5","hex":"#1651A5","opacity":null,"rgb":"rgb(22, 81, 165)","rgba":"rgba(22, 81, 165, 1)"},"trellisColorFillSurfaceDefault":"light","trellisColorFillTertiaryDefault":{"color":"#07284C","css":"#07284C","hex":"#07284C","opacity":null,"rgb":"rgb(7, 40, 76)","rgba":"rgba(7, 40, 76, 1)"},"trellisColorTextInteractiveDefault":{"color":"#666666","css":"#666666","hex":"#666666","opacity":null,"rgb":"rgb(102, 102, 102)","rgba":"rgba(102, 102, 102, 1)"}},"companyName":"W&amp;W Immo Informatik AG"},"modules":{},"dndAreas":{},"globalPartials":{},"headHtml":"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"> \n<meta property=\"og:description\" content=\"\"> \n<meta property=\"og:title\" content=\"\"> \n<meta name=\"twitter:description\" content=\"\"> \n<meta name=\"twitter:title\" content=\"\"> \n<style>\na.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}\n</style> \n<link rel=\"canonical\" href=\"https://info.wwimmo.ch/hs/portals/customer-portal-app/brand\"> \n<style>\n/* ============================================================\n   W&W – Redesign Anmeldeformular (Login / Passwordless)\n   Design-System: \"Modernes Blau\" v1\n   Ziel-Seite: https://info.wwimmo.ch/_hcms/mem/login\n   WICHTIG: Jede Regel ist auf \".section-wrapper--large:has(.form-wrapper--membership-login)\"\n   eingegrenzt, damit NICHTS auf anderen Seiten/Formularen der Website beeinflusst wird\n   (dieses CSS liegt im sitewide Header-HTML-Feld).\n   ============================================================ */\n\n/* Google Fonts laden (Sora für Headlines, Inter für Body/UI) */\n@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&display=swap');\n\nbody:has(.form-wrapper--membership-login) {\n  background: #F0F5FF;\n}\n\n.body-wrapper:has(.form-wrapper--membership-login) {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 60px 16px;\n  font-family: 'Inter', sans-serif;\n}\n\n/* Logo oben (nur wenn Login-Formular auf der Seite ist) */\n.body-wrapper:has(.form-wrapper--membership-login) .system-logo {\n  margin-bottom: 28px;\n  text-align: center;\n}\n.body-wrapper:has(.form-wrapper--membership-login) .system-logo img {\n  max-height: 40px !important;\n  width: auto !important;\n}\n\n/* Card-Container um das gesamte Formular */\n.section-wrapper--large:has(.form-wrapper--membership-login) {\n  width: 100%;\n  max-width: 400px;\n  background: #FFFFFF;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(11, 30, 61, 0.08);\n  padding: 40px 36px 36px;\n}\n\n/* Überschrift & Intro-Text */\n.section-wrapper--large:has(.form-wrapper--membership-login) h1 {\n  font-family: 'Sora', sans-serif;\n  font-weight: 700;\n  font-size: 24px;\n  color: #0B1E3D;\n  margin: 0 0 8px;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) p {\n  font-size: 14px;\n  line-height: 1.5;\n  color: #5B6472;\n  margin: 0 0 20px;\n}\n\n/* Formularfelder */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field {\n  margin-bottom: 18px;\n  position: relative;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-email-label,\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-password-label,\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field label {\n  display: block;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n  font-size: 13px;\n  color: #0B1E3D;\n  margin-bottom: 6px;\n}\n\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"text\"],\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"password\"] {\n  width: 100%;\n  padding: 11px 14px;\n  font-family: 'Inter', sans-serif;\n  font-size: 15px;\n  color: #0B1E3D;\n  border: 1px solid #E3E7EF;\n  border-radius: 8px;\n  background: #FFFFFF;\n  outline: none;\n  transition: border-color .15s ease, box-shadow .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"text\"]:focus,\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"password\"]:focus {\n  border-color: #155EEF;\n  box-shadow: 0 0 0 2px #8FC1FF;\n}\n\n/* \"Anzeigen\"-Link beim Passwortfeld */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-show-password {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #155EEF;\n  text-decoration: none;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-show-password:hover {\n  color: #123F87;\n}\n\n/* \"Angemeldet bleiben\" Checkbox-Zeile */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field:has(input[type=\"checkbox\"]) {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field:has(input[type=\"checkbox\"]) label {\n  margin: 0;\n  font-weight: 400;\n  font-size: 13px;\n  color: #5B6472;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"] {\n  -webkit-appearance: none;\n  appearance: none;\n  flex: 0 0 auto;\n  width: 18px !important;\n  height: 18px !important;\n  min-width: 18px;\n  min-height: 18px;\n  max-width: 18px;\n  max-height: 18px;\n  margin: 0;\n  border: 1.5px solid #B9C4D6;\n  border-radius: 4px;\n  background: #FFFFFF;\n  cursor: pointer;\n  position: relative;\n  box-sizing: border-box;\n  transition: background .15s ease, border-color .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"]:hover {\n  border-color: #155EEF;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"]:checked {\n  background: #155EEF;\n  border-color: #155EEF;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"]:checked::after {\n  content: \"\";\n  position: absolute;\n  left: 5px;\n  top: 2px;\n  width: 5px;\n  height: 9px;\n  border: solid #FFFFFF;\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg);\n}\n\n/* \"Passwort vergessen?\" Link */\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs_login_reset {\n  font-size: 13px;\n  font-weight: 600;\n  color: #155EEF;\n  text-decoration: none;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs_login_reset:hover {\n  color: #123F87;\n  text-decoration: underline;\n}\n\n/* Fehlermeldungen */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-error-msgs {\n  list-style: none;\n  margin: 0 0 16px;\n  padding: 0;\n  text-align: left !important;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-error-msg {\n  color: #D0342C;\n  font-size: 13px;\n}\n\n/* Primär-Button: \"Anmelden\" */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-button.primary.large {\n  width: 100%;\n  padding: 12px 20px;\n  font-family: 'Sora', sans-serif;\n  font-weight: 600;\n  font-size: 15px;\n  color: #FFFFFF;\n  background: #155EEF;\n  border: none;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: background .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-button.primary.large:hover {\n  background: #123F87;\n}\n\n/* Trennlinie \"or\" -> optisch als \"oder\" gestaltet (Text selbst kommt von HubSpot) */\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  color: #5B6472;\n  font-size: 12px;\n  margin: 26px 0;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::before,\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::after {\n  content: \"\";\n  flex: 1;\n  border-bottom: 1px solid #E3E7EF;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::before { margin-right: 12px; }\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::after  { margin-left: 12px; }\n\n/* Passwortloses Formular (zweiter Block, gleiche Karte) */\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form p {\n  font-size: 13px;\n  color: #5B6472;\n  line-height: 1.5;\n  margin: 0 0 16px;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-form-field:has(input[type=\"checkbox\"]) {\n  align-items: flex-start;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-form-field:has(input[type=\"checkbox\"]) label {\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n/* Sekundär-Button: \"Get link\" -> Outline-Variante gemäss Button-System */\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-button {\n  width: 100%;\n  padding: 12px 20px;\n  font-family: 'Sora', sans-serif;\n  font-weight: 600;\n  font-size: 15px;\n  color: #155EEF;\n  background: #FFFFFF;\n  border: 1px solid #155EEF;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: background .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-button:hover {\n  background: #F0F5FF;\n}\n\n/* Desktop: mehr Breite nutzen. Mobile bleibt unveraendert (Regeln gelten erst ab 768px). */\n@media (min-width: 768px) {\n  .section-wrapper--large:has(.form-wrapper--membership-login) {\n    max-width: 760px;\n    padding: 56px 80px 64px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) h1 {\n    font-size: 30px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) p {\n    font-size: 15px;\n    margin-bottom: 36px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"text\"],\n  .section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"password\"] {\n    padding: 13px 16px;\n    font-size: 16px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) .hs-button.primary.large,\n  .section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-button {\n    padding: 14px 20px;\n    font-size: 16px;\n  }\n}\n</style> \n<meta property=\"og:url\" content=\"https://info.wwimmo.ch/hs/portals/customer-portal-app/brand\"> \n<meta http-equiv=\"content-language\" content=\"de\">","footerHtml":"<!-- HubSpot performance collection script --> \n<script defer src=\"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js\"></script> \n<!-- Start of HubSpot Analytics Code --> \n<script type=\"text/javascript\">\nvar _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/info.wwimmo.ch\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"456744796388\"]);\n_hsq.push([\"setContentMetadata\", {\n    \"contentPageId\": 456744796388,\n    \"legacyPageId\": \"456744796388\",\n    \"contentFolderId\": null,\n    \"contentGroupId\": null,\n    \"abTestId\": null,\n    \"languageVariantId\": 456744796388,\n    \"languageCode\": \"de\",\n    \n    \n}]);\n</script> \n<script type=\"text/javascript\" id=\"hs-script-loader\" async defer src=\"/hs/scriptloader/145770956.js\"></script> \n<!-- End of HubSpot Analytics Code --> \n<script type=\"text/javascript\">\nvar hsVars = {\n    render_id: \"9ec6c17d-4559-42c5-a5af-e77d5855bfb1\",\n    ticks: 1789378224325,\n    page_id: 456744796388,\n    \n    content_group_id: 0,\n    portal_id: 145770956,\n    app_hs_base_url: \"https://app-eu1.hubspot.com\",\n    cp_hs_base_url: \"https://cp-eu1.hubspot.com\",\n    language: \"de\",\n    analytics_page_type: \"app-page\",\n    scp_content_type: \"\",\n    \n    analytics_page_id: \"456744796388\",\n    category_id: 20,\n    folder_id: 0,\n    is_hubspot_user: false\n}\n</script> \n<script defer src=\"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js\"></script> \n<style>\n/* ============================================================\n   W&W Immo Informatik AG — Footer-Bar Redesign (info.wwimmo.ch)\n   Ziel: NUR die unterste Footer-Zeile (Copyright/Kontakt/Icons)\n   an wwimmo.ch angleichen. Die Menü-Sektion (.footer__menu, aktuell\n   leer) bleibt unangetastet.\n   Betroffene Elemente: .footer__bottom (sitewide, alle CMS-Seiten)\n   ============================================================ */\n.footer__bottom {\n  background: #062241 !important;\n  border-top: none !important;\n  padding: 24px 25px !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 20px !important;\n  text-align: center !important;\n  box-sizing: border-box !important;\n}\n.footer__bottom--left { display: none !important; }\n.footer__bottom--right {\n  width: 100%;\n  max-width: 1315px;\n  margin: 0 auto;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 20px !important;\n}\n#hs_cos_wrapper_footer_copyright {\n  order: 1;\n  margin-top: 0 !important;\n}\n#hs_cos_wrapper_footer_copyright,\n#hs_cos_wrapper_footer_copyright * {\n  color: #FFFFFF !important;\n  font-family: 'Lexend Deca', sans-serif !important;\n  font-size: 14px !important;\n  text-align: center !important;\n}\n.ww-footerbar-contact {\n  order: 2;\n  color: #FFFFFF;\n  font-size: 14px;\n  font-family: 'Lexend Deca', sans-serif;\n}\n.ww-footerbar-contact a { color: #FFFFFF; text-decoration: none; }\n.ww-footerbar-contact a:hover { opacity: .8; }\n#hs_cos_wrapper_footer_social_follow { order: 3; }\n.hs-kb-social_follow {\n  justify-content: center !important;\n  gap: 20px !important;\n  margin-bottom: 0 !important;\n}\n.ww-social-link {\n  width: 24px;\n  height: 24px;\n  display: inline-block;\n  background: none !important;\n  border-radius: 0 !important;\n}\n.ww-social-link img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  transition: opacity .3s;\n}\n.ww-social-link:hover img { opacity: .6; }\n\n@media only screen and (min-width: 1024px) {\n  .footer__bottom {\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    text-align: left !important;\n    height: 110px !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n  .footer__bottom--right {\n    flex-direction: row !important;\n    justify-content: space-between !important;\n  }\n  #hs_cos_wrapper_footer_copyright,\n  #hs_cos_wrapper_footer_copyright * {\n    text-align: left !important;\n  }\n}\n</style> \n<script>\n(function () {\n  function ww_initFooterBar() {\n    var socialWrap = document.querySelector('.hs-kb-social_follow');\n    if (socialWrap && !socialWrap.dataset.wwDone) {\n      var socials = [\n        {name: 'LinkedIn', href: 'https://www.linkedin.com/company/ww-immo-informatik-ag', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/linkedin.png'},\n        {name: 'YouTube', href: 'https://www.youtube.com/channel/UCoui2PtuavaMRjkUvVvJ2RQ', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/youtube.png'},\n        {name: 'Instagram', href: 'https://www.instagram.com/wwimmo/', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/12/Instagram.png'},\n        {name: 'Facebook', href: 'https://www.facebook.com/wwimmo', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/facebook.png'},\n        {name: 'TeamViewer', href: 'https://get.teamviewer.com/wx3wzrq', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/Teamviewer-1.png'},\n        {name: 'W&W Cloud', href: 'https://workplace.wwcloud.ch/vpn/index.html', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/12/cloud-filled.png'}\n      ];\n      socialWrap.innerHTML = '';\n      socials.forEach(function (s) {\n        var a = document.createElement('a');\n        a.href = s.href;\n        a.target = '_blank';\n        a.rel = 'noopener';\n        a.className = 'ww-social-link';\n        a.setAttribute('aria-label', s.name);\n        var img = document.createElement('img');\n        img.src = s.icon;\n        img.alt = s.name;\n        img.loading = 'lazy';\n        a.appendChild(img);\n        socialWrap.appendChild(a);\n      });\n      socialWrap.dataset.wwDone = 'true';\n    }\n\n    var right = document.querySelector('.footer__bottom--right');\n    if (right && !right.querySelector('.ww-footerbar-contact')) {\n      var contact = document.createElement('div');\n      contact.className = 'ww-footerbar-contact';\n      contact.innerHTML = '<a href=\"mailto:info@wwimmo.ch\">info@wwimmo.ch</a> | <a href=\"tel:+41447622323\">+41 44 762 23 23</a>';\n      var copyrightEl = document.getElementById('hs_cos_wrapper_footer_copyright');\n      if (copyrightEl && copyrightEl.parentNode === right) {\n        copyrightEl.insertAdjacentElement('afterend', contact);\n      } else {\n        right.appendChild(contact);\n      }\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', ww_initFooterBar);\n  } else {\n    ww_initFooterBar();\n  }\n})();\n</script>","headElements":[{"tag":"meta","attributes":{"name":"viewport","content":"width=device-width, initial-scale=1"}},{"tag":"meta","attributes":{"property":"og:description","content":""}},{"tag":"meta","attributes":{"property":"og:title","content":""}},{"tag":"meta","attributes":{"name":"twitter:description","content":""}},{"tag":"meta","attributes":{"name":"twitter:title","content":""}},{"tag":"style","children":[{"tag":"#text","text":"a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}"}]},{"tag":"link","attributes":{"rel":"canonical","href":"https://info.wwimmo.ch/hs/portals/customer-portal-app/brand"}},{"tag":"style","children":[{"tag":"#text","text":"/* ============================================================\n   W&W – Redesign Anmeldeformular (Login / Passwordless)\n   Design-System: \"Modernes Blau\" v1\n   Ziel-Seite: https://info.wwimmo.ch/_hcms/mem/login\n   WICHTIG: Jede Regel ist auf \".section-wrapper--large:has(.form-wrapper--membership-login)\"\n   eingegrenzt, damit NICHTS auf anderen Seiten/Formularen der Website beeinflusst wird\n   (dieses CSS liegt im sitewide Header-HTML-Feld).\n   ============================================================ */\n\n/* Google Fonts laden (Sora für Headlines, Inter für Body/UI) */\n@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&display=swap');\n\nbody:has(.form-wrapper--membership-login) {\n  background: #F0F5FF;\n}\n\n.body-wrapper:has(.form-wrapper--membership-login) {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 60px 16px;\n  font-family: 'Inter', sans-serif;\n}\n\n/* Logo oben (nur wenn Login-Formular auf der Seite ist) */\n.body-wrapper:has(.form-wrapper--membership-login) .system-logo {\n  margin-bottom: 28px;\n  text-align: center;\n}\n.body-wrapper:has(.form-wrapper--membership-login) .system-logo img {\n  max-height: 40px !important;\n  width: auto !important;\n}\n\n/* Card-Container um das gesamte Formular */\n.section-wrapper--large:has(.form-wrapper--membership-login) {\n  width: 100%;\n  max-width: 400px;\n  background: #FFFFFF;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(11, 30, 61, 0.08);\n  padding: 40px 36px 36px;\n}\n\n/* Überschrift & Intro-Text */\n.section-wrapper--large:has(.form-wrapper--membership-login) h1 {\n  font-family: 'Sora', sans-serif;\n  font-weight: 700;\n  font-size: 24px;\n  color: #0B1E3D;\n  margin: 0 0 8px;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) p {\n  font-size: 14px;\n  line-height: 1.5;\n  color: #5B6472;\n  margin: 0 0 20px;\n}\n\n/* Formularfelder */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field {\n  margin-bottom: 18px;\n  position: relative;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-email-label,\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-password-label,\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field label {\n  display: block;\n  font-family: 'Inter', sans-serif;\n  font-weight: 600;\n  font-size: 13px;\n  color: #0B1E3D;\n  margin-bottom: 6px;\n}\n\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"text\"],\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"password\"] {\n  width: 100%;\n  padding: 11px 14px;\n  font-family: 'Inter', sans-serif;\n  font-size: 15px;\n  color: #0B1E3D;\n  border: 1px solid #E3E7EF;\n  border-radius: 8px;\n  background: #FFFFFF;\n  outline: none;\n  transition: border-color .15s ease, box-shadow .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"text\"]:focus,\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"password\"]:focus {\n  border-color: #155EEF;\n  box-shadow: 0 0 0 2px #8FC1FF;\n}\n\n/* \"Anzeigen\"-Link beim Passwortfeld */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-show-password {\n  position: absolute;\n  right: 0;\n  top: 0;\n  font-size: 12px;\n  font-weight: 600;\n  color: #155EEF;\n  text-decoration: none;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-login-widget-show-password:hover {\n  color: #123F87;\n}\n\n/* \"Angemeldet bleiben\" Checkbox-Zeile */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field:has(input[type=\"checkbox\"]) {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-form-field:has(input[type=\"checkbox\"]) label {\n  margin: 0;\n  font-weight: 400;\n  font-size: 13px;\n  color: #5B6472;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"] {\n  -webkit-appearance: none;\n  appearance: none;\n  flex: 0 0 auto;\n  width: 18px !important;\n  height: 18px !important;\n  min-width: 18px;\n  min-height: 18px;\n  max-width: 18px;\n  max-height: 18px;\n  margin: 0;\n  border: 1.5px solid #B9C4D6;\n  border-radius: 4px;\n  background: #FFFFFF;\n  cursor: pointer;\n  position: relative;\n  box-sizing: border-box;\n  transition: background .15s ease, border-color .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"]:hover {\n  border-color: #155EEF;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"]:checked {\n  background: #155EEF;\n  border-color: #155EEF;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) input[type=\"checkbox\"]:checked::after {\n  content: \"\";\n  position: absolute;\n  left: 5px;\n  top: 2px;\n  width: 5px;\n  height: 9px;\n  border: solid #FFFFFF;\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg);\n}\n\n/* \"Passwort vergessen?\" Link */\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs_login_reset {\n  font-size: 13px;\n  font-weight: 600;\n  color: #155EEF;\n  text-decoration: none;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs_login_reset:hover {\n  color: #123F87;\n  text-decoration: underline;\n}\n\n/* Fehlermeldungen */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-error-msgs {\n  list-style: none;\n  margin: 0 0 16px;\n  padding: 0;\n  text-align: left !important;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-error-msg {\n  color: #D0342C;\n  font-size: 13px;\n}\n\n/* Primär-Button: \"Anmelden\" */\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-button.primary.large {\n  width: 100%;\n  padding: 12px 20px;\n  font-family: 'Sora', sans-serif;\n  font-weight: 600;\n  font-size: 15px;\n  color: #FFFFFF;\n  background: #155EEF;\n  border: none;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: background .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .hs-button.primary.large:hover {\n  background: #123F87;\n}\n\n/* Trennlinie \"or\" -> optisch als \"oder\" gestaltet (Text selbst kommt von HubSpot) */\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator {\n  display: flex;\n  align-items: center;\n  text-align: center;\n  color: #5B6472;\n  font-size: 12px;\n  margin: 26px 0;\n  text-transform: uppercase;\n  letter-spacing: .04em;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::before,\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::after {\n  content: \"\";\n  flex: 1;\n  border-bottom: 1px solid #E3E7EF;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::before { margin-right: 12px; }\n.section-wrapper--large:has(.form-wrapper--membership-login) .form-separator::after  { margin-left: 12px; }\n\n/* Passwortloses Formular (zweiter Block, gleiche Karte) */\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form p {\n  font-size: 13px;\n  color: #5B6472;\n  line-height: 1.5;\n  margin: 0 0 16px;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-form-field:has(input[type=\"checkbox\"]) {\n  align-items: flex-start;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-form-field:has(input[type=\"checkbox\"]) label {\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n/* Sekundär-Button: \"Get link\" -> Outline-Variante gemäss Button-System */\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-button {\n  width: 100%;\n  padding: 12px 20px;\n  font-family: 'Sora', sans-serif;\n  font-weight: 600;\n  font-size: 15px;\n  color: #155EEF;\n  background: #FFFFFF;\n  border: 1px solid #155EEF;\n  border-radius: 10px;\n  cursor: pointer;\n  transition: background .15s ease;\n}\n.section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-button:hover {\n  background: #F0F5FF;\n}\n\n/* Desktop: mehr Breite nutzen. Mobile bleibt unveraendert (Regeln gelten erst ab 768px). */\n@media (min-width: 768px) {\n  .section-wrapper--large:has(.form-wrapper--membership-login) {\n    max-width: 760px;\n    padding: 56px 80px 64px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) h1 {\n    font-size: 30px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) p {\n    font-size: 15px;\n    margin-bottom: 36px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"text\"],\n  .section-wrapper--large:has(.form-wrapper--membership-login) .hs-input[type=\"password\"] {\n    padding: 13px 16px;\n    font-size: 16px;\n  }\n  .section-wrapper--large:has(.form-wrapper--membership-login) .hs-button.primary.large,\n  .section-wrapper--large:has(.form-wrapper--membership-login) #hs-membership-passwordless-auth-form .hs-button {\n    padding: 14px 20px;\n    font-size: 16px;\n  }\n}"}]},{"tag":"meta","attributes":{"property":"og:url","content":"https://info.wwimmo.ch/hs/portals/customer-portal-app/brand"}},{"tag":"meta","attributes":{"http-equiv":"content-language","content":"de"}}],"footerElements":[{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"}},{"tag":"script","children":[{"tag":"#text","text":"var _hsq = _hsq || [];\n_hsq.push([\"setContentType\", \"app-page\"]);\n_hsq.push([\"setCanonicalUrl\", \"https:\\/\\/info.wwimmo.ch\\/hs\\/portals\\/customer-portal-app\\/brand\"]);\n_hsq.push([\"setPageId\", \"456744796388\"]);\n_hsq.push([\"setContentMetadata\", {\n    \"contentPageId\": 456744796388,\n    \"legacyPageId\": \"456744796388\",\n    \"contentFolderId\": null,\n    \"contentGroupId\": null,\n    \"abTestId\": null,\n    \"languageVariantId\": 456744796388,\n    \"languageCode\": \"de\",\n    \n    \n}]);"}],"attributes":{"type":"text/javascript"}},{"tag":"script","id":"hs-script-loader","attributes":{"async":"","defer":"","src":"/hs/scriptloader/145770956.js","type":"text/javascript"}},{"tag":"script","children":[{"tag":"#text","text":"var hsVars = {\n    render_id: \"9ec6c17d-4559-42c5-a5af-e77d5855bfb1\",\n    ticks: 1789378224325,\n    page_id: 456744796388,\n    \n    content_group_id: 0,\n    portal_id: 145770956,\n    app_hs_base_url: \"https://app-eu1.hubspot.com\",\n    cp_hs_base_url: \"https://cp-eu1.hubspot.com\",\n    language: \"de\",\n    analytics_page_type: \"app-page\",\n    scp_content_type: \"\",\n    \n    analytics_page_id: \"456744796388\",\n    category_id: 20,\n    folder_id: 0,\n    is_hubspot_user: false\n}"}],"attributes":{"type":"text/javascript"}},{"tag":"script","attributes":{"defer":"","src":"/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"}},{"tag":"style","children":[{"tag":"#text","text":"/* ============================================================\n   W&W Immo Informatik AG — Footer-Bar Redesign (info.wwimmo.ch)\n   Ziel: NUR die unterste Footer-Zeile (Copyright/Kontakt/Icons)\n   an wwimmo.ch angleichen. Die Menü-Sektion (.footer__menu, aktuell\n   leer) bleibt unangetastet.\n   Betroffene Elemente: .footer__bottom (sitewide, alle CMS-Seiten)\n   ============================================================ */\n.footer__bottom {\n  background: #062241 !important;\n  border-top: none !important;\n  padding: 24px 25px !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 20px !important;\n  text-align: center !important;\n  box-sizing: border-box !important;\n}\n.footer__bottom--left { display: none !important; }\n.footer__bottom--right {\n  width: 100%;\n  max-width: 1315px;\n  margin: 0 auto;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  gap: 20px !important;\n}\n#hs_cos_wrapper_footer_copyright {\n  order: 1;\n  margin-top: 0 !important;\n}\n#hs_cos_wrapper_footer_copyright,\n#hs_cos_wrapper_footer_copyright * {\n  color: #FFFFFF !important;\n  font-family: 'Lexend Deca', sans-serif !important;\n  font-size: 14px !important;\n  text-align: center !important;\n}\n.ww-footerbar-contact {\n  order: 2;\n  color: #FFFFFF;\n  font-size: 14px;\n  font-family: 'Lexend Deca', sans-serif;\n}\n.ww-footerbar-contact a { color: #FFFFFF; text-decoration: none; }\n.ww-footerbar-contact a:hover { opacity: .8; }\n#hs_cos_wrapper_footer_social_follow { order: 3; }\n.hs-kb-social_follow {\n  justify-content: center !important;\n  gap: 20px !important;\n  margin-bottom: 0 !important;\n}\n.ww-social-link {\n  width: 24px;\n  height: 24px;\n  display: inline-block;\n  background: none !important;\n  border-radius: 0 !important;\n}\n.ww-social-link img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  transition: opacity .3s;\n}\n.ww-social-link:hover img { opacity: .6; }\n\n@media only screen and (min-width: 1024px) {\n  .footer__bottom {\n    flex-direction: row !important;\n    justify-content: space-between !important;\n    text-align: left !important;\n    height: 110px !important;\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n  .footer__bottom--right {\n    flex-direction: row !important;\n    justify-content: space-between !important;\n  }\n  #hs_cos_wrapper_footer_copyright,\n  #hs_cos_wrapper_footer_copyright * {\n    text-align: left !important;\n  }\n}"}]},{"tag":"script","children":[{"tag":"#text","text":"(function () {\n  function ww_initFooterBar() {\n    var socialWrap = document.querySelector('.hs-kb-social_follow');\n    if (socialWrap && !socialWrap.dataset.wwDone) {\n      var socials = [\n        {name: 'LinkedIn', href: 'https://www.linkedin.com/company/ww-immo-informatik-ag', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/linkedin.png'},\n        {name: 'YouTube', href: 'https://www.youtube.com/channel/UCoui2PtuavaMRjkUvVvJ2RQ', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/youtube.png'},\n        {name: 'Instagram', href: 'https://www.instagram.com/wwimmo/', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/12/Instagram.png'},\n        {name: 'Facebook', href: 'https://www.facebook.com/wwimmo', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/facebook.png'},\n        {name: 'TeamViewer', href: 'https://get.teamviewer.com/wx3wzrq', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/11/Teamviewer-1.png'},\n        {name: 'W&W Cloud', href: 'https://workplace.wwcloud.ch/vpn/index.html', icon: 'https://www.wwimmo.ch/wp-content/uploads/2022/12/cloud-filled.png'}\n      ];\n      socialWrap.innerHTML = '';\n      socials.forEach(function (s) {\n        var a = document.createElement('a');\n        a.href = s.href;\n        a.target = '_blank';\n        a.rel = 'noopener';\n        a.className = 'ww-social-link';\n        a.setAttribute('aria-label', s.name);\n        var img = document.createElement('img');\n        img.src = s.icon;\n        img.alt = s.name;\n        img.loading = 'lazy';\n        a.appendChild(img);\n        socialWrap.appendChild(a);\n      });\n      socialWrap.dataset.wwDone = 'true';\n    }\n\n    var right = document.querySelector('.footer__bottom--right');\n    if (right && !right.querySelector('.ww-footerbar-contact')) {\n      var contact = document.createElement('div');\n      contact.className = 'ww-footerbar-contact';\n      contact.innerHTML = '<a href=\"mailto:info@wwimmo.ch\">info@wwimmo.ch</a> | <a href=\"tel:+41447622323\">+41 44 762 23 23</a>';\n      var copyrightEl = document.getElementById('hs_cos_wrapper_footer_copyright');\n      if (copyrightEl && copyrightEl.parentNode === right) {\n        copyrightEl.insertAdjacentElement('afterend', contact);\n      } else {\n        right.appendChild(contact);\n      }\n    }\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', ww_initFooterBar);\n  } else {\n    ww_initFooterBar();\n  }\n})();"}]}]}