Datenschutzerkl\u00e4rung \u2013 HowHigh | Andreas Hauser Products<\/title>\n <meta name=\"description\" content=\"Datenschutzerkl\u00e4rung von HowHigh (Andreas Hauser Products). Informationen zur Verarbeitung personenbezogener Daten, Cookies und Ihren Rechten.\" \/>\n <meta name=\"robots\" content=\"index, follow\" \/>\n <link rel=\"canonical\" href=\"https:\/\/howhigh.shop\/datenschutz\/\" \/>\n\n <meta property=\"og:title\" content=\"Datenschutzerkl\u00e4rung \u2013 HowHigh\" \/>\n <meta property=\"og:description\" content=\"Informationen zum Datenschutz bei HowHigh (Andreas Hauser Products).\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:url\" content=\"https:\/\/howhigh.ch\/datenschutz\/\" \/>\n\n <style>\n :root{\n --bg:#070707;\n --panel:#0f0f10;\n --panel-2:#141416;\n --text:#f4f4f4;\n --muted:rgba(244,244,244,.78);\n --line:rgba(255,255,255,.10);\n --gold:#ffbf5a;\n --gold-soft:rgba(255,191,90,.12);\n --radius:18px;\n --shadow:0 18px 50px rgba(0,0,0,.55);\n --max:980px;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n background:var(--bg);\n color:var(--text);\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n line-height:1.65;\n overflow-x:hidden;\n }\n\n .glow{\n position:fixed;\n inset:-40px;\n pointer-events:none;\n z-index:-1;\n background:\n radial-gradient(900px 560px at 20% 20%, rgba(255,191,90,.14), transparent 60%),\n radial-gradient(900px 560px at 80% 70%, rgba(255,255,255,.06), transparent 65%);\n filter:blur(10px);\n }\n\n header{\n position:sticky;\n top:0;\n border-bottom:1px solid var(--line);\n background:rgba(7,7,7,.75);\n backdrop-filter:blur(10px);\n padding:14px 0;\n z-index:20;\n }\n\n .container{\n width:min(var(--max),92vw);\n margin:0 auto;\n }\n\n .brand{\n font-weight:900;\n letter-spacing:.6px;\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:14px;\n }\n\n .pill{\n font-size:12px;\n padding:6px 10px;\n border-radius:999px;\n border:1px solid rgba(255,191,90,.35);\n background:rgba(255,191,90,.08);\n color:rgba(255,191,90,.9);\n white-space:nowrap;\n }\n\n main{padding:30px 0 60px}\n\n .card{\n background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 65%), var(--panel);\n border:1px solid var(--line);\n border-radius:var(--radius);\n box-shadow:var(--shadow);\n padding:26px;\n }\n\n .hero-title{\n margin-top:0;\n margin-bottom:10px;\n font-size:clamp(26px,3vw,38px);\n line-height:1.15;\n }\n\n .hero-subtitle{\n margin:0 0 6px 0;\n font-size:16px;\n color:var(--text);\n font-weight:700;\n }\n\n .hero-meta{\n color:var(--muted);\n margin:0 0 22px 0;\n font-size:14px;\n }\n\n .toc{\n display:grid;\n gap:10px;\n margin:18px 0 28px;\n padding:16px;\n border:1px solid var(--line);\n border-radius:16px;\n background:rgba(255,255,255,.02);\n }\n\n .toc-title{\n margin:0;\n color:var(--gold);\n font-size:14px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.08em;\n }\n\n .toc-list{\n display:grid;\n gap:8px;\n margin:0;\n padding:0;\n list-style:none;\n }\n\n .toc-list a{\n color:var(--muted);\n text-decoration:none;\n transition:.18s ease;\n }\n\n .toc-list a:hover{\n color:var(--text);\n text-decoration:underline;\n }\n\n .clause{\n scroll-margin-top:90px;\n padding-top:2px;\n }\n\n .clause h2{\n margin-top:26px;\n margin-bottom:10px;\n font-size:18px;\n color:var(--gold);\n line-height:1.35;\n }\n\n .clause p,\n .clause li{\n color:var(--muted);\n }\n\n .clause ul{\n padding-left:18px;\n margin-top:10px;\n margin-bottom:12px;\n }\n\n .clause li{\n margin-bottom:4px;\n }\n\n .clause a{\n color:var(--gold);\n text-decoration:none;\n }\n\n .clause a:hover{\n text-decoration:underline;\n }\n\n footer{\n border-top:1px solid var(--line);\n padding:18px 0;\n font-size:13px;\n color:rgba(244,244,244,.65);\n }\n\n .note{\n margin-top:18px;\n padding:12px 14px;\n border-radius:14px;\n border:1px solid rgba(255,191,90,.24);\n background:var(--gold-soft);\n color:rgba(255,244,223,.92);\n font-size:14px;\n }\n\n @media (max-width:700px){\n .brand{\n flex-direction:column;\n align-items:flex-start;\n }\n .card{\n padding:20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"glow\"><\/div>\n\n \n <script type=\"text\/hpx\" id=\"hpx-source\">\nAPP: HOWHIGH_PRIVACY\nLANG: de-CH\nPAGE_TYPE: privacy\nBRAND: HowHigh\nOWNER: Andreas Hauser Products\nTITLE: Datenschutzerkl\u00e4rung \u2013 HowHigh | Andreas Hauser Products\nDESCRIPTION: Datenschutzerkl\u00e4rung von HowHigh (Andreas Hauser Products). Informationen zur Verarbeitung personenbezogener Daten, Cookies und Ihren Rechten.\nCANONICAL: https:\/\/howhigh.shop\/datenschutz\/\nROBOTS: index, follow\nOG_TYPE: website\nOG_TITLE: Datenschutzerkl\u00e4rung \u2013 HowHigh\nOG_DESCRIPTION: Informationen zum Datenschutz bei HowHigh (Andreas Hauser Products).\nOG_URL: https:\/\/howhigh.ch\/datenschutz\/\n\nORG_NAME: Andreas Hauser Products\nORG_BRAND: HowHigh\nORG_URL: https:\/\/howhigh.ch\/\nORG_EMAIL: info@howhigh.ch\nORG_STREET: Greithstrasse 3\nORG_POSTAL: 9402\nORG_CITY: M\u00f6rschwil\nORG_COUNTRY: CH\n\nHEADER:\nlogo_text=HOWHIGH\u2122 Datenschutzerkl\u00e4rung\nbadge=Trust & Sicherheit\nsticky=true\n\nCARD:\ntitle=Datenschutzerkl\u00e4rung\nsubtitle=Transparente Informationen zur Verarbeitung personenbezogener Daten.\ndate_label=Stand\ndate_value={{CURRENT_DATE_DE_CH}}\n\nCLAUSE:\nnr=1\ntitle=Einleitung\nparagraph=Der Schutz Ihrer pers\u00f6nlichen Daten ist uns ein wichtiges Anliegen.\nparagraph2=In dieser Datenschutzerkl\u00e4rung informieren wir Sie transparent dar\u00fcber, welche Daten wir erheben, wie wir sie verwenden und welche Rechte Sie haben.\n\nCLAUSE:\nnr=2\ntitle=Verantwortlicher\nparagraph=Andreas Hauser Products (HowHigh)\nitems=Greithstrasse 3|9402 M\u00f6rschwil|Schweiz|E-Mail: info@howhigh.shop\n\nCLAUSE:\nnr=3\ntitle=Erhebung und Verarbeitung personenbezogener Daten\nparagraph=Wir verarbeiten personenbezogene Daten nur, wenn dies erforderlich ist, z.B.:\nitems=bei Bestellungen in unserem Online-Shop (WooCommerce)|bei Kontaktanfragen per E-Mail oder Formular|zur technischen Bereitstellung und Sicherheit der Website\n\nCLAUSE:\nnr=4\ntitle=Shop & Bestellungen (WooCommerce)\nparagraph=Bei einer Bestellung verarbeiten wir Daten wie Name, Adresse, E-Mail und Zahlungsinformationen, um den Kaufvertrag abzuwickeln und die Lieferung zu erm\u00f6glichen.\n\nCLAUSE:\nnr=5\ntitle=Zahlungsanbieter\nparagraph=Je nach gew\u00e4hlter Zahlungsart k\u00f6nnen Daten an Zahlungsdienstleister weitergegeben werden (z.B. Kreditkartenanbieter, PayPal, Stripe).\nparagraph2=Dies erfolgt ausschlie\u00dflich zur Zahlungsabwicklung.\n\nCLAUSE:\nnr=6\ntitle=Cookies\nparagraph=Unsere Website verwendet Cookies, um Funktionen des Shops bereitzustellen (z.B. Warenkorb).\nparagraph2=Sie k\u00f6nnen Cookies in Ihrem Browser jederzeit deaktivieren.\n\nCLAUSE:\nnr=7\ntitle=Server-Logfiles\nparagraph=Beim Besuch der Website werden automatisch technische Daten gespeichert (IP-Adresse, Browser, Uhrzeit), um die Sicherheit und Stabilit\u00e4t zu gew\u00e4hrleisten.\n\nCLAUSE:\nnr=8\ntitle=Ihre Rechte\nparagraph=Sie haben jederzeit das Recht auf:\nitems=Auskunft \u00fcber gespeicherte Daten|Berichtigung unrichtiger Daten|L\u00f6schung, sofern keine gesetzliche Pflicht besteht|Widerspruch gegen Datenverarbeitung\n\nCLAUSE:\nnr=9\ntitle=Datensicherheit\nparagraph=Wir setzen technische und organisatorische Sicherheitsma\u00dfnahmen ein, um Ihre Daten vor unbefugtem Zugriff zu sch\u00fctzen (SSL-Verschl\u00fcsselung, sichere Server).\n\nCLAUSE:\nnr=10\ntitle=\u00c4nderungen\nparagraph=Diese Datenschutzerkl\u00e4rung kann aktualisiert werden, um rechtliche Anforderungen zu erf\u00fcllen.\nparagraph2=Es gilt jeweils die aktuelle Version auf dieser Website.\n\nFOOTER:\ntext=\u00a9 {{CURRENT_YEAR}} Andreas Hauser Products \u2013 HowHigh. Datenschutz & Vertrauen.\n <\/script>\n\n <div id=\"app\"><\/div>\n\n <script>\n (() => {\n \"use strict\";\n\n const source = document.getElementById(\"hpx-source\");\n const appRoot = document.getElementById(\"app\");\n\n function escapeHtml(value) {\n return String(value ?? \"\")\n .replace(\/&\/g, \"&\")\n .replace(\/<\/g, \"<\")\n .replace(\/>\/g, \">\")\n .replace(\/\"\/g, \""\")\n .replace(\/'\/g, \"'\");\n }\n\n function currentDateCH() {\n return new Date().toLocaleDateString(\"de-CH\");\n }\n\n function currentYear() {\n return String(new Date().getFullYear());\n }\n\n function applyTokens(text) {\n return String(text ?? \"\")\n .replace(\/\\{\\{CURRENT_DATE_DE_CH\\}\\}\/g, currentDateCH())\n .replace(\/\\{\\{CURRENT_YEAR\\}\\}\/g, currentYear());\n }\n\n function splitItems(value) {\n return String(value ?? \"\")\n .split(\"|\")\n .map(v => v.trim())\n .filter(Boolean);\n }\n\n function parseHPX(raw) {\n const lines = raw.replace(\/\\r\/g, \"\").split(\"\\n\");\n const data = {\n meta: {},\n header: {},\n card: {},\n footer: {},\n clauses: [],\n organization: {}\n };\n\n let mode = \"meta\";\n let currentClause = null;\n\n for (const rawLine of lines) {\n const line = rawLine.trim();\n if (!line || line.startsWith(\"\/\/\") || line.startsWith(\"#\")) continue;\n\n if (line === \"HEADER:\") {\n if (currentClause) {\n data.clauses.push(currentClause);\n currentClause = null;\n }\n mode = \"header\";\n continue;\n }\n\n if (line === \"CARD:\") {\n if (currentClause) {\n data.clauses.push(currentClause);\n currentClause = null;\n }\n mode = \"card\";\n continue;\n }\n\n if (line === \"FOOTER:\") {\n if (currentClause) {\n data.clauses.push(currentClause);\n currentClause = null;\n }\n mode = \"footer\";\n continue;\n }\n\n if (line === \"CLAUSE:\") {\n if (currentClause) data.clauses.push(currentClause);\n currentClause = {};\n mode = \"clause\";\n continue;\n }\n\n if (line.includes(\":\") && mode === \"meta\") {\n const idx = line.indexOf(\":\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.meta[key] = value;\n\n if (key.startsWith(\"ORG_\")) {\n data.organization[key] = value;\n }\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"header\") {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.header[key] = value;\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"card\") {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.card[key] = value;\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"footer\") {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.footer[key] = value;\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"clause\" && currentClause) {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n currentClause[key] = value;\n continue;\n }\n\n if (line.includes(\":\") && mode !== \"meta\") {\n const idx = line.indexOf(\":\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.meta[key] = value;\n }\n }\n\n if (currentClause) data.clauses.push(currentClause);\n\n data.meta.TITLE = applyTokens(data.meta.TITLE || \"\");\n data.meta.DESCRIPTION = applyTokens(data.meta.DESCRIPTION || \"\");\n data.card.title = applyTokens(data.card.title || \"\");\n data.card.subtitle = applyTokens(data.card.subtitle || \"\");\n data.card.date_label = applyTokens(data.card.date_label || \"\");\n data.card.date_value = applyTokens(data.card.date_value || \"\");\n data.footer.text = applyTokens(data.footer.text || \"\");\n\n data.clauses = data.clauses.map(clause => {\n const parsed = {};\n Object.keys(clause).forEach(key => {\n parsed[key] = applyTokens(clause[key]);\n });\n return parsed;\n });\n\n return data;\n }\n\n function updateHead(data) {\n const meta = data.meta || {};\n\n if (meta.TITLE) document.title = meta.TITLE;\n\n const descEl = document.querySelector('meta[name=\"description\"]');\n if (descEl && meta.DESCRIPTION) descEl.setAttribute(\"content\", meta.DESCRIPTION);\n\n const robotsEl = document.querySelector('meta[name=\"robots\"]');\n if (robotsEl && meta.ROBOTS) robotsEl.setAttribute(\"content\", meta.ROBOTS);\n\n const canonicalEl = document.querySelector('link[rel=\"canonical\"]');\n if (canonicalEl && meta.CANONICAL) canonicalEl.setAttribute(\"href\", meta.CANONICAL);\n\n const ogType = document.querySelector('meta[property=\"og:type\"]');\n const ogTitle = document.querySelector('meta[property=\"og:title\"]');\n const ogDesc = document.querySelector('meta[property=\"og:description\"]');\n const ogUrl = document.querySelector('meta[property=\"og:url\"]');\n\n if (ogType && meta.OG_TYPE) ogType.setAttribute(\"content\", meta.OG_TYPE);\n if (ogTitle && meta.OG_TITLE) ogTitle.setAttribute(\"content\", meta.OG_TITLE);\n if (ogDesc && meta.OG_DESCRIPTION) ogDesc.setAttribute(\"content\", meta.OG_DESCRIPTION);\n if (ogUrl && meta.OG_URL) ogUrl.setAttribute(\"content\", meta.OG_URL);\n\n const org = data.organization || {};\n const ldJson = {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": org.ORG_NAME || \"\",\n \"brand\": org.ORG_BRAND || \"\",\n \"url\": org.ORG_URL || \"\",\n \"email\": org.ORG_EMAIL || \"\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": org.ORG_STREET || \"\",\n \"postalCode\": org.ORG_POSTAL || \"\",\n \"addressLocality\": org.ORG_CITY || \"\",\n \"addressCountry\": org.ORG_COUNTRY || \"\"\n }\n };\n\n const script = document.createElement(\"script\");\n script.type = \"application\/ld+json\";\n script.textContent = JSON.stringify(ldJson);\n document.head.appendChild(script);\n }\n\n function renderList(items) {\n const list = splitItems(items);\n if (!list.length) return \"\";\n return `\n <ul>\n ${list.map(item => {\n const safeItem = escapeHtml(item);\n const emailMatch = item.match(\/^E-Mail:\\s*(.+)$\/i);\n if (emailMatch) {\n const email = emailMatch[1].trim();\n const safeEmail = escapeHtml(email);\n return `<li>E-Mail: <a href=\"mailto:${safeEmail}\">${safeEmail}<\/a><\/li>`;\n }\n return `<li>${safeItem}<\/li>`;\n }).join(\"\")}\n <\/ul>\n `;\n }\n\n function renderClause(clause) {\n const nr = escapeHtml(clause.nr || \"\");\n const title = escapeHtml(clause.title || \"\");\n const id = `clause-${nr || title.toLowerCase().replace(\/\\s+\/g, \"-\")}`;\n\n return `\n <section class=\"clause\" id=\"${id}\">\n <h2>${nr ? nr + \". \" : \"\"}${title}<\/h2>\n ${clause.paragraph ? `<p>${escapeHtml(clause.paragraph)}<\/p>` : \"\"}\n ${renderList(clause.items)}\n ${clause.paragraph2 ? `<p>${escapeHtml(clause.paragraph2)}<\/p>` : \"\"}\n ${renderList(clause.items2)}\n ${clause.paragraph3 ? `<p>${escapeHtml(clause.paragraph3)}<\/p>` : \"\"}\n ${renderList(clause.items3)}\n <\/section>\n `;\n }\n\n function renderTOC(clauses) {\n return `\n <nav class=\"toc\" aria-label=\"Inhaltsverzeichnis\">\n <p class=\"toc-title\">Inhaltsverzeichnis<\/p>\n <ul class=\"toc-list\">\n ${clauses.map(clause => {\n const nr = escapeHtml(clause.nr || \"\");\n const title = escapeHtml(clause.title || \"\");\n const id = `clause-${nr || title.toLowerCase().replace(\/\\s+\/g, \"-\")}`;\n return `<li><a href=\"#${id}\">${nr ? nr + \". \" : \"\"}${title}<\/a><\/li>`;\n }).join(\"\")}\n <\/ul>\n <\/nav>\n `;\n }\n\n function renderPage(data) {\n const headerLogo = escapeHtml(data.header.logo_text || \"HPX\");\n const headerBadge = escapeHtml(data.header.badge || \"\");\n const cardTitle = escapeHtml(data.card.title || \"\");\n const cardSubtitle = escapeHtml(data.card.subtitle || \"\");\n const dateLabel = escapeHtml(data.card.date_label || \"Stand\");\n const dateValue = escapeHtml(data.card.date_value || \"\");\n const footerText = escapeHtml(data.footer.text || \"\");\n\n return `\n <header>\n <div class=\"container\">\n <div class=\"brand\">\n <span>${headerLogo}<\/span>\n <span class=\"pill\">${headerBadge}<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <div class=\"container\">\n <div class=\"card\">\n <h1 class=\"hero-title\">${cardTitle}<\/h1>\n <p class=\"hero-subtitle\">${cardSubtitle}<\/p>\n <p class=\"hero-meta\">${dateLabel}: ${dateValue}<\/p>\n\n ${renderTOC(data.clauses)}\n\n ${data.clauses.map(renderClause).join(\"\")}\n\n <div class=\"note\">\n Hinweis: Diese Seite rendert den Inhalt aus deinem HPX-Block. F\u00fcr eine rechtssichere Datenschutzerkl\u00e4rung ist eine juristische Pr\u00fcfung sinnvoll.\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <footer>\n <div class=\"container\">${footerText}<\/div>\n <\/footer>\n `;\n }\n\n const data = parseHPX(source ? source.textContent : \"\");\n updateHead(data);\n appRoot.innerHTML = renderPage(data);\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Datenschutzerkl\u00e4rung \u2013 HowHigh | Andreas Hauser Products<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howhigh.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":2,"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":107,"date":"2026-02-20T16:21:20","date_gmt":"2026-02-20T16:21:20","guid":{"rendered":"https:\/\/howhigh.shop\/?page_id=107"},"modified":"2026-04-01T01:18:16","modified_gmt":"2026-04-01T01:18:16","slug":"datenschutz","status":"publish","type":"page","link":"https:\/\/howhigh.shop\/?page_id=107","title":{"rendered":"Datenschutz"},"content":{"rendered":"\n\n\n\n\n \n \n \n \n\n Datenschutzerkl\u00e4rung \u2013 HowHigh | Andreas Hauser Products<\/title>\n <meta name=\"description\" content=\"Datenschutzerkl\u00e4rung von HowHigh (Andreas Hauser Products). Informationen zur Verarbeitung personenbezogener Daten, Cookies und Ihren Rechten.\" \/>\n <meta name=\"robots\" content=\"index, follow\" \/>\n <link rel=\"canonical\" href=\"https:\/\/howhigh.shop\/datenschutz\/\" \/>\n\n <meta property=\"og:title\" content=\"Datenschutzerkl\u00e4rung \u2013 HowHigh\" \/>\n <meta property=\"og:description\" content=\"Informationen zum Datenschutz bei HowHigh (Andreas Hauser Products).\" \/>\n <meta property=\"og:type\" content=\"website\" \/>\n <meta property=\"og:url\" content=\"https:\/\/howhigh.ch\/datenschutz\/\" \/>\n\n <style>\n :root{\n --bg:#070707;\n --panel:#0f0f10;\n --panel-2:#141416;\n --text:#f4f4f4;\n --muted:rgba(244,244,244,.78);\n --line:rgba(255,255,255,.10);\n --gold:#ffbf5a;\n --gold-soft:rgba(255,191,90,.12);\n --radius:18px;\n --shadow:0 18px 50px rgba(0,0,0,.55);\n --max:980px;\n }\n\n *{box-sizing:border-box}\n html{scroll-behavior:smooth}\n body{\n margin:0;\n background:var(--bg);\n color:var(--text);\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\n line-height:1.65;\n overflow-x:hidden;\n }\n\n .glow{\n position:fixed;\n inset:-40px;\n pointer-events:none;\n z-index:-1;\n background:\n radial-gradient(900px 560px at 20% 20%, rgba(255,191,90,.14), transparent 60%),\n radial-gradient(900px 560px at 80% 70%, rgba(255,255,255,.06), transparent 65%);\n filter:blur(10px);\n }\n\n header{\n position:sticky;\n top:0;\n border-bottom:1px solid var(--line);\n background:rgba(7,7,7,.75);\n backdrop-filter:blur(10px);\n padding:14px 0;\n z-index:20;\n }\n\n .container{\n width:min(var(--max),92vw);\n margin:0 auto;\n }\n\n .brand{\n font-weight:900;\n letter-spacing:.6px;\n display:flex;\n justify-content:space-between;\n align-items:center;\n gap:14px;\n }\n\n .pill{\n font-size:12px;\n padding:6px 10px;\n border-radius:999px;\n border:1px solid rgba(255,191,90,.35);\n background:rgba(255,191,90,.08);\n color:rgba(255,191,90,.9);\n white-space:nowrap;\n }\n\n main{padding:30px 0 60px}\n\n .card{\n background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 65%), var(--panel);\n border:1px solid var(--line);\n border-radius:var(--radius);\n box-shadow:var(--shadow);\n padding:26px;\n }\n\n .hero-title{\n margin-top:0;\n margin-bottom:10px;\n font-size:clamp(26px,3vw,38px);\n line-height:1.15;\n }\n\n .hero-subtitle{\n margin:0 0 6px 0;\n font-size:16px;\n color:var(--text);\n font-weight:700;\n }\n\n .hero-meta{\n color:var(--muted);\n margin:0 0 22px 0;\n font-size:14px;\n }\n\n .toc{\n display:grid;\n gap:10px;\n margin:18px 0 28px;\n padding:16px;\n border:1px solid var(--line);\n border-radius:16px;\n background:rgba(255,255,255,.02);\n }\n\n .toc-title{\n margin:0;\n color:var(--gold);\n font-size:14px;\n font-weight:800;\n text-transform:uppercase;\n letter-spacing:.08em;\n }\n\n .toc-list{\n display:grid;\n gap:8px;\n margin:0;\n padding:0;\n list-style:none;\n }\n\n .toc-list a{\n color:var(--muted);\n text-decoration:none;\n transition:.18s ease;\n }\n\n .toc-list a:hover{\n color:var(--text);\n text-decoration:underline;\n }\n\n .clause{\n scroll-margin-top:90px;\n padding-top:2px;\n }\n\n .clause h2{\n margin-top:26px;\n margin-bottom:10px;\n font-size:18px;\n color:var(--gold);\n line-height:1.35;\n }\n\n .clause p,\n .clause li{\n color:var(--muted);\n }\n\n .clause ul{\n padding-left:18px;\n margin-top:10px;\n margin-bottom:12px;\n }\n\n .clause li{\n margin-bottom:4px;\n }\n\n .clause a{\n color:var(--gold);\n text-decoration:none;\n }\n\n .clause a:hover{\n text-decoration:underline;\n }\n\n footer{\n border-top:1px solid var(--line);\n padding:18px 0;\n font-size:13px;\n color:rgba(244,244,244,.65);\n }\n\n .note{\n margin-top:18px;\n padding:12px 14px;\n border-radius:14px;\n border:1px solid rgba(255,191,90,.24);\n background:var(--gold-soft);\n color:rgba(255,244,223,.92);\n font-size:14px;\n }\n\n @media (max-width:700px){\n .brand{\n flex-direction:column;\n align-items:flex-start;\n }\n .card{\n padding:20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"glow\"><\/div>\n\n \n <script type=\"text\/hpx\" id=\"hpx-source\">\nAPP: HOWHIGH_PRIVACY\nLANG: de-CH\nPAGE_TYPE: privacy\nBRAND: HowHigh\nOWNER: Andreas Hauser Products\nTITLE: Datenschutzerkl\u00e4rung \u2013 HowHigh | Andreas Hauser Products\nDESCRIPTION: Datenschutzerkl\u00e4rung von HowHigh (Andreas Hauser Products). Informationen zur Verarbeitung personenbezogener Daten, Cookies und Ihren Rechten.\nCANONICAL: https:\/\/howhigh.shop\/datenschutz\/\nROBOTS: index, follow\nOG_TYPE: website\nOG_TITLE: Datenschutzerkl\u00e4rung \u2013 HowHigh\nOG_DESCRIPTION: Informationen zum Datenschutz bei HowHigh (Andreas Hauser Products).\nOG_URL: https:\/\/howhigh.ch\/datenschutz\/\n\nORG_NAME: Andreas Hauser Products\nORG_BRAND: HowHigh\nORG_URL: https:\/\/howhigh.ch\/\nORG_EMAIL: info@howhigh.ch\nORG_STREET: Greithstrasse 3\nORG_POSTAL: 9402\nORG_CITY: M\u00f6rschwil\nORG_COUNTRY: CH\n\nHEADER:\nlogo_text=HOWHIGH\u2122 Datenschutzerkl\u00e4rung\nbadge=Trust & Sicherheit\nsticky=true\n\nCARD:\ntitle=Datenschutzerkl\u00e4rung\nsubtitle=Transparente Informationen zur Verarbeitung personenbezogener Daten.\ndate_label=Stand\ndate_value={{CURRENT_DATE_DE_CH}}\n\nCLAUSE:\nnr=1\ntitle=Einleitung\nparagraph=Der Schutz Ihrer pers\u00f6nlichen Daten ist uns ein wichtiges Anliegen.\nparagraph2=In dieser Datenschutzerkl\u00e4rung informieren wir Sie transparent dar\u00fcber, welche Daten wir erheben, wie wir sie verwenden und welche Rechte Sie haben.\n\nCLAUSE:\nnr=2\ntitle=Verantwortlicher\nparagraph=Andreas Hauser Products (HowHigh)\nitems=Greithstrasse 3|9402 M\u00f6rschwil|Schweiz|E-Mail: info@howhigh.shop\n\nCLAUSE:\nnr=3\ntitle=Erhebung und Verarbeitung personenbezogener Daten\nparagraph=Wir verarbeiten personenbezogene Daten nur, wenn dies erforderlich ist, z.B.:\nitems=bei Bestellungen in unserem Online-Shop (WooCommerce)|bei Kontaktanfragen per E-Mail oder Formular|zur technischen Bereitstellung und Sicherheit der Website\n\nCLAUSE:\nnr=4\ntitle=Shop & Bestellungen (WooCommerce)\nparagraph=Bei einer Bestellung verarbeiten wir Daten wie Name, Adresse, E-Mail und Zahlungsinformationen, um den Kaufvertrag abzuwickeln und die Lieferung zu erm\u00f6glichen.\n\nCLAUSE:\nnr=5\ntitle=Zahlungsanbieter\nparagraph=Je nach gew\u00e4hlter Zahlungsart k\u00f6nnen Daten an Zahlungsdienstleister weitergegeben werden (z.B. Kreditkartenanbieter, PayPal, Stripe).\nparagraph2=Dies erfolgt ausschlie\u00dflich zur Zahlungsabwicklung.\n\nCLAUSE:\nnr=6\ntitle=Cookies\nparagraph=Unsere Website verwendet Cookies, um Funktionen des Shops bereitzustellen (z.B. Warenkorb).\nparagraph2=Sie k\u00f6nnen Cookies in Ihrem Browser jederzeit deaktivieren.\n\nCLAUSE:\nnr=7\ntitle=Server-Logfiles\nparagraph=Beim Besuch der Website werden automatisch technische Daten gespeichert (IP-Adresse, Browser, Uhrzeit), um die Sicherheit und Stabilit\u00e4t zu gew\u00e4hrleisten.\n\nCLAUSE:\nnr=8\ntitle=Ihre Rechte\nparagraph=Sie haben jederzeit das Recht auf:\nitems=Auskunft \u00fcber gespeicherte Daten|Berichtigung unrichtiger Daten|L\u00f6schung, sofern keine gesetzliche Pflicht besteht|Widerspruch gegen Datenverarbeitung\n\nCLAUSE:\nnr=9\ntitle=Datensicherheit\nparagraph=Wir setzen technische und organisatorische Sicherheitsma\u00dfnahmen ein, um Ihre Daten vor unbefugtem Zugriff zu sch\u00fctzen (SSL-Verschl\u00fcsselung, sichere Server).\n\nCLAUSE:\nnr=10\ntitle=\u00c4nderungen\nparagraph=Diese Datenschutzerkl\u00e4rung kann aktualisiert werden, um rechtliche Anforderungen zu erf\u00fcllen.\nparagraph2=Es gilt jeweils die aktuelle Version auf dieser Website.\n\nFOOTER:\ntext=\u00a9 {{CURRENT_YEAR}} Andreas Hauser Products \u2013 HowHigh. Datenschutz & Vertrauen.\n <\/script>\n\n <div id=\"app\"><\/div>\n\n <script>\n (() => {\n \"use strict\";\n\n const source = document.getElementById(\"hpx-source\");\n const appRoot = document.getElementById(\"app\");\n\n function escapeHtml(value) {\n return String(value ?? \"\")\n .replace(\/&\/g, \"&\")\n .replace(\/<\/g, \"<\")\n .replace(\/>\/g, \">\")\n .replace(\/\"\/g, \""\")\n .replace(\/'\/g, \"'\");\n }\n\n function currentDateCH() {\n return new Date().toLocaleDateString(\"de-CH\");\n }\n\n function currentYear() {\n return String(new Date().getFullYear());\n }\n\n function applyTokens(text) {\n return String(text ?? \"\")\n .replace(\/\\{\\{CURRENT_DATE_DE_CH\\}\\}\/g, currentDateCH())\n .replace(\/\\{\\{CURRENT_YEAR\\}\\}\/g, currentYear());\n }\n\n function splitItems(value) {\n return String(value ?? \"\")\n .split(\"|\")\n .map(v => v.trim())\n .filter(Boolean);\n }\n\n function parseHPX(raw) {\n const lines = raw.replace(\/\\r\/g, \"\").split(\"\\n\");\n const data = {\n meta: {},\n header: {},\n card: {},\n footer: {},\n clauses: [],\n organization: {}\n };\n\n let mode = \"meta\";\n let currentClause = null;\n\n for (const rawLine of lines) {\n const line = rawLine.trim();\n if (!line || line.startsWith(\"\/\/\") || line.startsWith(\"#\")) continue;\n\n if (line === \"HEADER:\") {\n if (currentClause) {\n data.clauses.push(currentClause);\n currentClause = null;\n }\n mode = \"header\";\n continue;\n }\n\n if (line === \"CARD:\") {\n if (currentClause) {\n data.clauses.push(currentClause);\n currentClause = null;\n }\n mode = \"card\";\n continue;\n }\n\n if (line === \"FOOTER:\") {\n if (currentClause) {\n data.clauses.push(currentClause);\n currentClause = null;\n }\n mode = \"footer\";\n continue;\n }\n\n if (line === \"CLAUSE:\") {\n if (currentClause) data.clauses.push(currentClause);\n currentClause = {};\n mode = \"clause\";\n continue;\n }\n\n if (line.includes(\":\") && mode === \"meta\") {\n const idx = line.indexOf(\":\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.meta[key] = value;\n\n if (key.startsWith(\"ORG_\")) {\n data.organization[key] = value;\n }\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"header\") {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.header[key] = value;\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"card\") {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.card[key] = value;\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"footer\") {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.footer[key] = value;\n continue;\n }\n\n if (line.includes(\"=\") && mode === \"clause\" && currentClause) {\n const idx = line.indexOf(\"=\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n currentClause[key] = value;\n continue;\n }\n\n if (line.includes(\":\") && mode !== \"meta\") {\n const idx = line.indexOf(\":\");\n const key = line.slice(0, idx).trim();\n const value = line.slice(idx + 1).trim();\n data.meta[key] = value;\n }\n }\n\n if (currentClause) data.clauses.push(currentClause);\n\n data.meta.TITLE = applyTokens(data.meta.TITLE || \"\");\n data.meta.DESCRIPTION = applyTokens(data.meta.DESCRIPTION || \"\");\n data.card.title = applyTokens(data.card.title || \"\");\n data.card.subtitle = applyTokens(data.card.subtitle || \"\");\n data.card.date_label = applyTokens(data.card.date_label || \"\");\n data.card.date_value = applyTokens(data.card.date_value || \"\");\n data.footer.text = applyTokens(data.footer.text || \"\");\n\n data.clauses = data.clauses.map(clause => {\n const parsed = {};\n Object.keys(clause).forEach(key => {\n parsed[key] = applyTokens(clause[key]);\n });\n return parsed;\n });\n\n return data;\n }\n\n function updateHead(data) {\n const meta = data.meta || {};\n\n if (meta.TITLE) document.title = meta.TITLE;\n\n const descEl = document.querySelector('meta[name=\"description\"]');\n if (descEl && meta.DESCRIPTION) descEl.setAttribute(\"content\", meta.DESCRIPTION);\n\n const robotsEl = document.querySelector('meta[name=\"robots\"]');\n if (robotsEl && meta.ROBOTS) robotsEl.setAttribute(\"content\", meta.ROBOTS);\n\n const canonicalEl = document.querySelector('link[rel=\"canonical\"]');\n if (canonicalEl && meta.CANONICAL) canonicalEl.setAttribute(\"href\", meta.CANONICAL);\n\n const ogType = document.querySelector('meta[property=\"og:type\"]');\n const ogTitle = document.querySelector('meta[property=\"og:title\"]');\n const ogDesc = document.querySelector('meta[property=\"og:description\"]');\n const ogUrl = document.querySelector('meta[property=\"og:url\"]');\n\n if (ogType && meta.OG_TYPE) ogType.setAttribute(\"content\", meta.OG_TYPE);\n if (ogTitle && meta.OG_TITLE) ogTitle.setAttribute(\"content\", meta.OG_TITLE);\n if (ogDesc && meta.OG_DESCRIPTION) ogDesc.setAttribute(\"content\", meta.OG_DESCRIPTION);\n if (ogUrl && meta.OG_URL) ogUrl.setAttribute(\"content\", meta.OG_URL);\n\n const org = data.organization || {};\n const ldJson = {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": org.ORG_NAME || \"\",\n \"brand\": org.ORG_BRAND || \"\",\n \"url\": org.ORG_URL || \"\",\n \"email\": org.ORG_EMAIL || \"\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": org.ORG_STREET || \"\",\n \"postalCode\": org.ORG_POSTAL || \"\",\n \"addressLocality\": org.ORG_CITY || \"\",\n \"addressCountry\": org.ORG_COUNTRY || \"\"\n }\n };\n\n const script = document.createElement(\"script\");\n script.type = \"application\/ld+json\";\n script.textContent = JSON.stringify(ldJson);\n document.head.appendChild(script);\n }\n\n function renderList(items) {\n const list = splitItems(items);\n if (!list.length) return \"\";\n return `\n <ul>\n ${list.map(item => {\n const safeItem = escapeHtml(item);\n const emailMatch = item.match(\/^E-Mail:\\s*(.+)$\/i);\n if (emailMatch) {\n const email = emailMatch[1].trim();\n const safeEmail = escapeHtml(email);\n return `<li>E-Mail: <a href=\"mailto:${safeEmail}\">${safeEmail}<\/a><\/li>`;\n }\n return `<li>${safeItem}<\/li>`;\n }).join(\"\")}\n <\/ul>\n `;\n }\n\n function renderClause(clause) {\n const nr = escapeHtml(clause.nr || \"\");\n const title = escapeHtml(clause.title || \"\");\n const id = `clause-${nr || title.toLowerCase().replace(\/\\s+\/g, \"-\")}`;\n\n return `\n <section class=\"clause\" id=\"${id}\">\n <h2>${nr ? nr + \". \" : \"\"}${title}<\/h2>\n ${clause.paragraph ? `<p>${escapeHtml(clause.paragraph)}<\/p>` : \"\"}\n ${renderList(clause.items)}\n ${clause.paragraph2 ? `<p>${escapeHtml(clause.paragraph2)}<\/p>` : \"\"}\n ${renderList(clause.items2)}\n ${clause.paragraph3 ? `<p>${escapeHtml(clause.paragraph3)}<\/p>` : \"\"}\n ${renderList(clause.items3)}\n <\/section>\n `;\n }\n\n function renderTOC(clauses) {\n return `\n <nav class=\"toc\" aria-label=\"Inhaltsverzeichnis\">\n <p class=\"toc-title\">Inhaltsverzeichnis<\/p>\n <ul class=\"toc-list\">\n ${clauses.map(clause => {\n const nr = escapeHtml(clause.nr || \"\");\n const title = escapeHtml(clause.title || \"\");\n const id = `clause-${nr || title.toLowerCase().replace(\/\\s+\/g, \"-\")}`;\n return `<li><a href=\"#${id}\">${nr ? nr + \". \" : \"\"}${title}<\/a><\/li>`;\n }).join(\"\")}\n <\/ul>\n <\/nav>\n `;\n }\n\n function renderPage(data) {\n const headerLogo = escapeHtml(data.header.logo_text || \"HPX\");\n const headerBadge = escapeHtml(data.header.badge || \"\");\n const cardTitle = escapeHtml(data.card.title || \"\");\n const cardSubtitle = escapeHtml(data.card.subtitle || \"\");\n const dateLabel = escapeHtml(data.card.date_label || \"Stand\");\n const dateValue = escapeHtml(data.card.date_value || \"\");\n const footerText = escapeHtml(data.footer.text || \"\");\n\n return `\n <header>\n <div class=\"container\">\n <div class=\"brand\">\n <span>${headerLogo}<\/span>\n <span class=\"pill\">${headerBadge}<\/span>\n <\/div>\n <\/div>\n <\/header>\n\n <main>\n <div class=\"container\">\n <div class=\"card\">\n <h1 class=\"hero-title\">${cardTitle}<\/h1>\n <p class=\"hero-subtitle\">${cardSubtitle}<\/p>\n <p class=\"hero-meta\">${dateLabel}: ${dateValue}<\/p>\n\n ${renderTOC(data.clauses)}\n\n ${data.clauses.map(renderClause).join(\"\")}\n\n <div class=\"note\">\n Hinweis: Diese Seite rendert den Inhalt aus deinem HPX-Block. F\u00fcr eine rechtssichere Datenschutzerkl\u00e4rung ist eine juristische Pr\u00fcfung sinnvoll.\n <\/div>\n <\/div>\n <\/div>\n <\/main>\n\n <footer>\n <div class=\"container\">${footerText}<\/div>\n <\/footer>\n `;\n }\n\n const data = parseHPX(source ? source.textContent : \"\");\n updateHead(data);\n appRoot.innerHTML = renderPage(data);\n })();\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Datenschutzerkl\u00e4rung \u2013 HowHigh | Andreas Hauser Products<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/howhigh.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":2,"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":201,"href":"https:\/\/howhigh.shop\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/201"}],"wp:attachment":[{"href":"https:\/\/howhigh.shop\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}