/"; var HOME_PATHS = [ "/", "/home-logo-trigger", "/start-page" ]; var PAGE_TITLES = { "/news": "NEWS", "/news-1": "NEWS", "/projects": "PROJECTS", "/projects-1": "PROJECTS", "/office": "OFFICE", "/office-1": "OFFICE", "/contacts": "CONTACTS", "/jobs": "JOBS", "/legal-privacy": "LEGAL & PRIVACY", "/legal-&-privacy": "LEGAL & PRIVACY", "/2602-mu+": { desktop: "2602 MU+", mobile: "PROJECTS" }, "/2501-iwaz": { desktop: "2501 IWAZ", mobile: "PROJECTS" }, "/2404-wil": { desktop: "2404 WIL", mobile: "PROJECTS" }, "/1812-wb3": { desktop: "1812 WB3", mobile: "PROJECTS" }, "/1812wb3": { desktop: "1812 WB3", mobile: "PROJECTS" }, "/1812-villa-k": { desktop: "1812 WB3", mobile: "PROJECTS" } }; var MENU_ITEMS = [ { type: "link", href: "/office-1", label: "OFFICE" }, { type: "link", href: "/projects-1", label: "PROJECTS" }, { type: "link", href: "/news-1", label: "NEWS" }, { type: "link", href: "/contacts", label: "CONTACTS" }, { type: "link", href: "/jobs", label: "JOBS" }, { type: "spacer", size: "lg" }, { type: "meta", lines: [ { href: "https://www.instagram.com/kauffmannpodzuweit?igsh=cXA1anpueDZodzBj&utm_source=qr", label: "Instagram" }, { href: "https://www.linkedin.com/company/kauffmannpodzuweit/", label: "LinkedIn" }, { href: "https://www.facebook.com/profile.php?id=61590895629318", label: "Facebook" } ] }, { type: "spacer", size: "md" }, { type: "meta", lines: [ { href: "/legal-privacy", label: "Legal & Privacy" } ] } ]; var KP_LOGO_SVG = `

`; function normalizePath(path) { if (!path) return "/"; path = String(path).split("?")[0].split("#")[0]; try { path = decodeURIComponent(path); } catch (e) {} path = path.replace(/\/+$/, ""); return (path || "/").toLowerCase(); } function isMobileTitleMode() { return !!( window.matchMedia && window.matchMedia("(max-width: 900px), (hover: none), (pointer: coarse)").matches ); } function titleForViewport(title) { if (!title) return ""; if (typeof title === "string") return title; if (isMobileTitleMode() && title.mobile) return title.mobile; if (title.desktop) return title.desktop; return ""; } function currentPath() { return normalizePath(window.location.pathname); } function isHomePage() { var path = currentPath(); if (HOME_PATHS.indexOf(path) !== -1) return true; if (document.getElementById("kpHomeHero")) return true; if (document.getElementById("kpHomeLogoBox")) return true; return false; } function getMappedTitleFromPath() { var path = currentPath(); if (PAGE_TITLES[path]) return titleForViewport(PAGE_TITLES[path]); if ( path.indexOf("2602") !== -1 || path.indexOf("mu+") !== -1 || path.indexOf("mu%2b") !== -1 || path.indexOf("mock-up") !== -1 ) { return titleForViewport(PAGE_TITLES["/2602-mu+"]); } for (var key in PAGE_TITLES) { if (path.indexOf(key) !== -1) return titleForViewport(PAGE_TITLES[key]); } return ""; } function cleanPageTitle(raw) { raw = (raw || "").trim(); if (!raw) return ""; raw = raw .replace(/\s*[|—–]\s*.*$/, "") .replace(/\s+-\s+.*$/, "") .trim(); if (/^(pid\b|pid\/|w\d+\b)/i.test(raw)) return ""; if (/^(home-logo-trigger|start-page)$/i.test(raw)) return ""; return raw; } function getCargoPageTitleFromDom() { var selectors = [ ".project-title", ".page-title", "page-title", "[data-page-title]", "[data-title]", "h1" ]; for (var i = 0; i < selectors.length; i += 1) { var el = document.querySelector(selectors[i]); var raw = ""; if (!el) continue; raw = el.getAttribute("data-page-title") || el.getAttribute("data-title") || el.textContent || ""; raw = cleanPageTitle(raw); if (raw) return raw; } return ""; } function getDocumentPageTitle() { var raw = cleanPageTitle(document.title || ""); if (raw) return raw; var metaOg = document.querySelector('meta[property="og:title"]'); if (metaOg && metaOg.content) { raw = cleanPageTitle(metaOg.content); } return raw; } function getPageTitle() { var mapped = getMappedTitleFromPath(); if (mapped) return mapped; if (isHomePage()) return ""; return getCargoPageTitleFromDom() || getDocumentPageTitle(); } function escapeHtml(str) { return String(str).replace(/[&<>"']/g, function (char) { return { "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[char]; }); } function menuLinksMarkup() { var delayIndex = 0; return MENU_ITEMS.map(function (item) { if (item.type === "spacer") { return ''; } if (item.type === "link") { var isExternal = /^https?:\/\//i.test(item.href); var externalAttrs = isExternal ? ' target="_blank" rel="noopener noreferrer"' : ""; var linkMarkup = '' + '' + escapeHtml(item.label) + '' + ''; delayIndex += 1; return linkMarkup; } if (item.type === "meta") { var lines = (item.lines || []).map(function (line) { if (typeof line === "string") { return '

' + escapeHtml(line) + '

'; } if (line && line.href && line.label) { var isExternalMeta = /^https?:\/\//i.test(line.href); var externalMetaAttrs = isExternalMeta ? ' target="_blank" rel="noopener noreferrer"' : ""; return '

' + escapeHtml(line.label) + '

'; } return ""; }).join(""); var metaMarkup = '

' + lines + '

'; delayIndex += 1; return metaMarkup; } return ""; }).join(""); } function ensureHeaderMarkup() { var header = document.getElementById("kpHeader"); if (!header) { header = document.createElement("div"); header.id = "kpHeader"; document.body.appendChild(header); } header.innerHTML = ` ${KP_LOGO_SVG}

`; var overlay = document.getElementById("kpMenuOverlay"); if (!overlay) { overlay = document.createElement("div"); overlay.id = "kpMenuOverlay"; document.body.appendChild(overlay); } overlay.setAttribute("aria-hidden", "true"); overlay.innerHTML = ` `; } function getToggle() { return document.querySelector("#kpHeader > #kpMenuToggle"); } function getOverlay() { return document.querySelector("body > #kpMenuOverlay"); } function getTitleNode() { return document.getElementById("kpPageTitle"); } function cleanupLegacyMenuMarkup() { Array.prototype.forEach.call(document.querySelectorAll("#kpMenuToggle"), function (el) { if (!el.closest("#kpHeader")) { el.remove(); } }); Array.prototype.forEach.call(document.querySelectorAll("#kpMenuOverlay"), function (el) { if (el !== getOverlay()) { el.remove(); } }); Array.prototype.forEach.call(document.querySelectorAll("#kpMenuNav"), function (el) { if (!el.closest("#kpMenuOverlay")) { el.remove(); } }); Array.prototype.forEach.call(document.querySelectorAll("#kpMenuNavInner"), function (el) { if (!el.closest("#kpMenuOverlay")) { el.remove(); } }); } function setMenu(open) { var toggle = getToggle(); var overlay = getOverlay(); if (!toggle || !overlay) return; document.body.classList.toggle("kp-menu-open", open); toggle.setAttribute("aria-expanded", open ? "true" : "false"); overlay.setAttribute("aria-hidden", open ? "false" : "true"); toggle.textContent = open ? "CLOSE" : "MENU"; } function bindMenuEvents() { var toggle = getToggle(); var overlay = getOverlay(); if (toggle && !toggle.dataset.kpBound) { toggle.dataset.kpBound = "1"; toggle.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); setMenu(!document.body.classList.contains("kp-menu-open")); }); } if (overlay && !overlay.dataset.kpBound) { overlay.dataset.kpBound = "1"; overlay.addEventListener("click", function (e) { if (e.target === overlay) { setMenu(false); } }); } Array.prototype.forEach.call(document.querySelectorAll("#kpMenuNavInner a"), function (link) { if (link.dataset.kpBound) return; link.dataset.kpBound = "1"; link.addEventListener("click", function (e) { var href = link.getAttribute("href"); setMenu(false); if (!href) return; if (/^https?:\/\//i.test(href)) { return; } e.preventDefault(); e.stopPropagation(); window.location.href = href; }); }); if (!document.body.dataset.kpEscBound) { document.body.dataset.kpEscBound = "1"; document.addEventListener("keydown", function (e) { if (e.key === "Escape") { setMenu(false); } }); } } function syncUI() { cleanupLegacyMenuMarkup(); bindMenuEvents(); var home = isHomePage(); var titleNode = getTitleNode(); var header = document.getElementById("kpHeader"); var overlay = getOverlay(); document.body.classList.toggle("kp-is-home", home); if (titleNode) { titleNode.textContent = home ? "" : getPageTitle(); } if (header) { header.style.display = home ? "none" : ""; } if (overlay && home) { overlay.style.display = "none"; setMenu(false); } else if (overlay) { overlay.style.display = ""; } } function bindHistoryWatcher() { if (window.__kpHistoryWatcherBound) return; window.__kpHistoryWatcherBound = true; var pushState = history.pushState; var replaceState = history.replaceState; history.pushState = function () { pushState.apply(history, arguments); setTimeout(syncUI, 0); setTimeout(syncUI, 120); setTimeout(syncUI, 500); }; history.replaceState = function () { replaceState.apply(history, arguments); setTimeout(syncUI, 0); setTimeout(syncUI, 120); setTimeout(syncUI, 500); }; window.addEventListener("popstate", function () { setTimeout(syncUI, 0); setTimeout(syncUI, 120); setTimeout(syncUI, 500); }); window.addEventListener("hashchange", function () { setTimeout(syncUI, 0); setTimeout(syncUI, 120); setTimeout(syncUI, 500); }); var lastPath = currentPath(); setInterval(function () { var now = currentPath(); if (now !== lastPath) { lastPath = now; syncUI(); setTimeout(syncUI, 120); setTimeout(syncUI, 500); } }, 300); } function bindTitleMutationWatcher() { if (window.__kpHeaderTitleMutationWatcherBound) return; if (!window.MutationObserver) return; window.__kpHeaderTitleMutationWatcherBound = true; var observer = new MutationObserver(function () { window.clearTimeout(window.__kpHeaderTitleMutationTimer); window.__kpHeaderTitleMutationTimer = window.setTimeout(syncUI, 80); }); observer.observe(document.documentElement, { childList: true, subtree: true, characterData: true }); } function consumeMenuOpenRequest() { var search = window.location.search || ""; var hash = window.location.hash || ""; if (!/(^|[?&])kp_menu=open(&|$)/.test(search) && hash !== "#menu") return; setMenu(true); } function init() { ensureHeaderMarkup(); cleanupLegacyMenuMarkup(); bindMenuEvents(); setMenu(false); syncUI(); consumeMenuOpenRequest(); setTimeout(syncUI, 100); setTimeout(syncUI, 400); setTimeout(syncUI, 1000); if (!wasAlreadyBound) { bindHistoryWatcher(); bindTitleMutationWatcher(); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", init); } else { init(); } })();

Office Basel