{"id":9951,"date":"2026-08-20T14:36:28","date_gmt":"2026-08-20T12:36:28","guid":{"rendered":"https:\/\/smartfabrik.de\/"},"modified":"2026-08-23T10:11:50","modified_gmt":"2026-08-23T08:11:50","slug":"en","status":"publish","type":"page","link":"https:\/\/smartfabrik.de\/en\/","title":{"rendered":"Smart Home &#038; KNX D\u00fcsseldorf | Premium Planning | smartfabrik"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9951\" class=\"elementor elementor-9951 elementor-9877\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-sfsec0001 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"sfsec0001\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-sfcol0001\" data-id=\"sfcol0001\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-sfwid0001 elementor-widget elementor-widget-html\" data-id=\"sfwid0001\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>.elementor-widget-html{font-family:'Lato','Segoe UI',system-ui,-apple-system,Arial,sans-serif}.elementor-widget-html *{font-family:inherit}<\/style><style>\r\n\r\n:root{\r\n  --paper:#fff;--ground:#F4F7F9;--ground2:#EAEEF1;\r\n  --ink:#0C0E10;--text:#343434;--muted:#71787E;\r\n  --line:#E3E8EC;--line2:#CBD2D8;\r\n  --cyan:#00CCFF;--cyan-ink:#007FA3;--cyan-deep:#0399C4;\r\n  --grey:#50575C;--dark:#0E1519;\r\n  --sans:'Lato','Segoe UI',system-ui,-apple-system,Arial,sans-serif;\r\n  --maxw:1180px;\r\n}\/*ARABISCH*\/\r\n\/* Noto Sans Arabic, selbst gehostet, variabel. SIL Open Font License.\r\n   Selbst gehostet und nicht \u00fcber den Schriftdienst eingebunden: ein Aufruf an\r\n   den Schriftdienst des Suchmaschinenanbieters w\u00fcrde die IP-Adresse des Besuchers vor jeder\r\n   Einwilligung dorthin \u00fcbertragen.\r\n\r\n   ACHTUNG, TEUER GELERNT (20.08.2026): In diesem Kommentar stand die Domain des\r\n   Schriftdienstes ausgeschrieben. Der Skript-Blocker von Borlabs Cookie sucht diese\r\n   Zeichenfolge im Seitenquelltext \u2014 er fand sie im KOMMENTAR und verwandelte den GESAMTEN\r\n   Style-Block in ein <script type=\"text\/template\">. Ergebnis: Jede Seite kam ohne ihr CSS\r\n   beim Besucher an, als rohes HTML. Die Domain darf hier nirgends stehen, auch nicht als\r\n   Erkl\u00e4rung \u2014 der Blocker liest keinen Kontext. *\/\r\n@font-face{font-family:\"Noto Sans Arabic\";font-style:normal;font-weight:400 900;font-display:swap;src:url(\/wp-content\/uploads\/sf\/fonts\/noto-sans-arabic-variabel.woff2) format(\"woff2\");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}\r\n\/* Die Regeln h\u00e4ngen an [dir=\"rtl\"] OHNE .sp-Pr\u00e4fix: WPML setzt dir=\"rtl\" am html-Element,\r\n   und \u00fcber die Vererbung greifen sie damit auf JEDER Seite \u2014 auch auf den Seiten der acht\r\n   Generatoren, die ihren eigenen Rumpf-Wrapper haben (.rp, .kp, Startseite) statt .sp.\r\n   Der erste Entwurf hing an .sp[dir=\"rtl\"] und erreichte genau diese Seiten nicht: der\r\n   Inhalt kippte (Blockrichtung erbt), aber Schrift und Detailregeln fehlten. *\/\r\n[dir=\"rtl\"] .sp,[dir=\"rtl\"] .rp,[dir=\"rtl\"] .kp,html[dir=\"rtl\"] body{font-family:'Noto Sans Arabic','Lato',system-ui,sans-serif}\r\n.blpnav[dir=\"rtl\"],[dir=\"rtl\"] .blpnav,[dir=\"rtl\"] .nav,[dir=\"rtl\"] .blpfoot{font-family:'Noto Sans Arabic','Lato',system-ui,sans-serif}\r\n[dir=\"rtl\"] h1,[dir=\"rtl\"] h2,[dir=\"rtl\"] h3{letter-spacing:0}\r\n\/* Arabisch kennt keine Kapit\u00e4lchen und keine Sperrung. Beides sieht dort falsch aus. *\/\r\n[dir=\"rtl\"] .eyebrow{text-transform:none;letter-spacing:0}\r\n\/* Pfeile zeigen im Arabischen nach links. scaleX(-1) dreht zugleich die Achse, sodass die\r\n   Bewegung beim \u00dcberfahren von selbst stimmt. Das W\u00f6rterbuch dreht Pfeile deshalb NICHT \u2014\r\n   das erg\u00e4be eine Doppelspiegelung. *\/\r\n[dir=\"rtl\"] .ar{display:inline-block;transform:scaleX(-1)}\r\n[dir=\"rtl\"] a:hover .ar,[dir=\"rtl\"] .btn:hover span,[dir=\"rtl\"] .lmore:hover .ar{transform:scaleX(-1) translateX(3px)}\r\n\/* Zahlen und lateinische Markennamen bleiben von links nach rechts, auch mitten im Satz. *\/\r\n[dir=\"rtl\"] .hstat strong,[dir=\"rtl\"] .kmega strong,[dir=\"rtl\"] .zahl{direction:ltr;unicode-bidi:isolate}\r\n[dir=\"rtl\"] a[href^=\"tel:\"],[dir=\"rtl\"] a[href^=\"mailto:\"]{direction:ltr;unicode-bidi:isolate;display:inline-block}\r\n\/* Ehrliche Kennzeichnung: Nur 5 Seiten sind arabisch \u2014 38 von 43 Zielen der\r\n   Leistungsseite sind deutsch. Ein Leser aus Riad soll VOR dem Klick wissen, dass er die\r\n   arabische Fassung verlaesst, nicht danach. Uebersetzte Ziele beginnen mit \/ar\/,\r\n   unuebersetzte enden auf -vorschau\/ \u2014 daran haengt die Regel. Der Marker steht nicht im\r\n   Menue-Knopf-Stil, sondern klein und gedimmt. *\/\r\n[dir=\"rtl\"] a[href$=\"-vorschau\/\"]::after{content:\" (DE)\";font-size:.72em;font-weight:700;opacity:.55;letter-spacing:.04em;unicode-bidi:isolate}[dir=\"rtl\"] .sflang a::after{content:none}\r\n[dir=\"rtl\"] .blogo::after,[dir=\"rtl\"] a.adcta::after,[dir=\"rtl\"] a.rftel::after{content:none}\r\n\/* Dieselbe Ehrlichkeit im Englischen (20.08.2026): 20 der 52 deutschen Seiten haben keine\r\n   englische Fassung; auf \/en\/ zeigten deren Kacheln ohne Vorwarnung ins Deutsche. Die\r\n   arabische Regel oben haengt an [dir=\"rtl\"] und konnte hier nicht greifen \u2014 deshalb eine\r\n   eigene, die an einem Attribut haengt, das nachbearbeiten.js auf den englischen Seiten\r\n   setzt. Logo, Handlungsschaltflaechen und Telefonlinks bleiben ohne Marker. *\/\r\n[data-sf-lang=\"en\"] a[href$=\"-vorschau\/\"]::after{content:\" (DE)\";font-size:.72em;font-weight:700;opacity:.55;letter-spacing:.04em}[data-sf-lang=\"en\"] .sflang a::after{content:none}\r\n[data-sf-lang=\"en\"] .blogo::after,[data-sf-lang=\"en\"] a.adcta::after,[data-sf-lang=\"en\"] a.rftel::after{content:none}\r\n\/*ARABISCH-ENDE*\/\r\n\r\n*{box-sizing:border-box;margin:0;padding:0;}\r\nhtml{scroll-behavior:smooth;overflow-x:hidden;}\r\n@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}\r\nbody{background:var(--paper);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}\r\n.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}\r\n@media (max-width:640px){.wrap{padding:0 20px;}}\r\n::selection{background:var(--cyan);color:#00252F;}\r\na{color:inherit;text-decoration:none;}\r\nimg{max-width:100%;}\r\n.logo{background-image:url(\"\/wp-content\/uploads\/sf\/5dcb4de785.png\");background-repeat:no-repeat;background-position:left center;background-size:contain;display:inline-block;}\r\n.label{font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink);display:inline-flex;align-items:center;gap:12px;}\r\n.label::before{content:\"\";width:26px;height:2px;background:var(--cyan);}\r\n.label.light{color:#8FEBFF;}\r\n.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15px;padding:15px 28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .2s,border-color .2s,color .2s;}\r\n.btn .ar{transition:transform .2s;}\r\n.btn:hover .ar{transform:translateX(4px);}\r\n.btn.primary{background:var(--cyan);color:#00252F;}\r\n.btn.primary:hover{background:#28D6FF;transform:translateY(-2px);}\r\n.btn.ghost{border-color:var(--line2);color:var(--ink);}\r\n.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan-ink);}\r\n.btn.ghostlight{border-color:rgba(255,255,255,.5);color:#fff;}\r\n.btn.ghostlight:hover{border-color:#fff;background:rgba(255,255,255,.1);}\r\n.btn.dark{background:var(--ink);color:#fff;}\r\n.btn.dark:hover{background:#000;transform:translateY(-2px);}\r\n.btn.light{background:#fff;color:var(--ink);}\r\n.btn.light:hover{transform:translateY(-2px);}\r\n\r\nheader.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}\r\n.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;}\r\n.nav .logo{width:176px;height:44px;}\r\n.menu{display:flex;gap:28px;list-style:none;font-weight:700;font-size:15px;}\r\n.menu a{color:var(--ink);transition:color .15s;}\r\n.menu a:hover{color:var(--cyan-ink);}\r\n.blpnav input.sfnav-cb,.nav input.sfnav-cb{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0;border:0;clip-path:inset(50%);overflow:hidden;appearance:none;-webkit-appearance:none}.blpnav .sfnav-burger,.nav .sfnav-burger{display:none;cursor:pointer;width:26px;height:20px;position:relative;flex:0 0 auto;padding:0;vertical-align:baseline;font-size:inherit}.blpnav .sfnav-burger span,.nav .sfnav-burger span,.blpnav .sfnav-burger span::before,.nav .sfnav-burger span::before,.blpnav .sfnav-burger span::after,.nav .sfnav-burger span::after{content:\"\";position:absolute;left:0;width:26px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}.blpnav .sfnav-burger span,.nav .sfnav-burger span{top:9px}.blpnav .sfnav-burger span::before,.nav .sfnav-burger span::before{top:-8px}.blpnav .sfnav-burger span::after,.nav .sfnav-burger span::after{top:8px}.blpnav .sfnav-cb:checked+.sfnav-burger span,.nav .sfnav-cb:checked+.sfnav-burger span{background:transparent}.blpnav .sfnav-cb:checked+.sfnav-burger span::before,.nav .sfnav-cb:checked+.sfnav-burger span::before{transform:translateY(8px) rotate(45deg)}.blpnav .sfnav-cb:checked+.sfnav-burger span::after,.nav .sfnav-cb:checked+.sfnav-burger span::after{transform:translateY(-8px) rotate(-45deg)}.blpnav .sfnav-cb:focus-visible+.sfnav-burger,.nav .sfnav-cb:focus-visible+.sfnav-burger{outline:2px solid currentColor;outline-offset:6px}@media (max-width:980px){.nav>.wrap{flex-wrap:wrap;height:auto;row-gap:0;}.nav .sfnav-burger{display:block;order:2;margin-inline-start:auto;}.menu{display:none;order:4;width:100%;flex-direction:column;gap:0;padding:10px 0 2px;border-top:1px solid rgba(12,14,16,.1);margin-top:10px;}.sfnav-cb:checked~.menu{display:flex;}.menu li{width:100%;}.menu a{display:block;padding:11px 0;font-size:15px;}.menu li+li a{border-top:1px solid rgba(12,14,16,.07);}.nav .sflang{order:3;}}\r\n\r\n\/* HERO full-bleed image *\/\r\n.hero{position:relative;min-height:90vh;display:flex;align-items:center;color:#fff;overflow:hidden;}\r\n.hero .media{position:absolute;inset:0;background-color:#0A0E12;background-image:url(\"\/wp-content\/uploads\/sf\/3c4645a0ba.jpg\");background-size:cover;background-position:center;transform:scale(1.03);}\r\n.hero .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,13,.86) 0%,rgba(6,10,13,.6) 45%,rgba(6,10,13,.28) 75%,rgba(6,10,13,.15) 100%);}\r\n.hero .wrap{position:relative;z-index:2;padding-top:70px;padding-bottom:70px;}\r\n.hero h1{font-weight:900;letter-spacing:-.035em;line-height:1.03;font-size:clamp(40px,6.6vw,74px);margin:22px 0 0;max-width:18ch;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35);}\r\n.hero h1 span{color:var(--cyan);}\r\n.hero .lede{margin:24px 0 0;max-width:54ch;font-size:20px;line-height:1.55;color:#E7ECEF;}\r\n.hero .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}\r\n.hero .stats{display:flex;flex-wrap:wrap;gap:18px 40px;margin-top:54px;}\r\n.hero .stat .n{font-weight:900;font-size:30px;letter-spacing:-.02em;color:#fff;}\r\n.hero .stat .n span{color:var(--cyan);}\r\n.hero .stat .t{font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:#AEB8BE;margin-top:2px;}\r\n\r\n.strip{background:var(--ink);color:#DDE3E7;}\r\n.strip .wrap{padding:30px 32px;display:flex;align-items:center;gap:20px 34px;flex-wrap:wrap;}\r\n.strip .big{font-weight:900;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.02em;color:#fff;max-width:30ch;}\r\n.strip .big span{color:var(--cyan);}\r\n.strip .small{font-size:15px;color:#9AA4AB;max-width:44ch;}\r\n\r\nsection{padding:94px 0;}\r\n.sec-head{max-width:66ch;}\r\n.sec-head h2{font-weight:900;letter-spacing:-.028em;line-height:1.07;font-size:clamp(30px,4.4vw,46px);margin:14px 0 0;color:var(--ink);text-wrap:balance;}\r\n.sec-head h2 span{color:var(--cyan);}\r\n.sec-head p{margin-top:16px;font-size:18px;color:var(--muted);}\r\n\r\n.journey{margin-top:54px;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:44px 40px;}\r\n@media (max-width:760px){.journey{grid-template-columns:1fr;}}\r\n.jstep{background:none;border:none;border-radius:0;padding:0;display:block;}\r\n.jnum{display:block;background:none;color:var(--line2);font-weight:900;font-size:clamp(34px,3.6vw,46px);line-height:1;letter-spacing:-.03em;margin-bottom:12px;}\r\n.jbody h3{font-weight:900;font-size:18px;letter-spacing:-.02em;color:var(--ink);margin:0 0 8px;text-wrap:balance;}\r\n.jbody .what{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:12px;}\r\n.jbenefit{background:none;border:none;border-radius:0;padding:0;display:flex;gap:8px;align-items:flex-start;}.jbenefit::before{content:\"\\2192\";color:var(--cyan);font-weight:900;flex:none;line-height:1.5;}\r\n.jbenefit .lbl{display:none;}\r\n.jbenefit .txt{font-size:13px;color:var(--cyan-ink);line-height:1.5;font-weight:700;}\r\n.jclose{margin-top:52px;background:var(--ink);color:#fff;border-radius:16px;padding:30px 34px;font-weight:900;font-size:clamp(18px,2.1vw,24px);letter-spacing:-.02em;line-height:1.4;text-wrap:balance;}\r\n.jclose span{color:var(--cyan);}\r\n\r\n.islands{background:var(--dark);color:#DDE3E7;}\r\n.islands h2{color:#fff;font-weight:900;letter-spacing:-.028em;font-size:clamp(28px,4.2vw,46px);max-width:16ch;text-wrap:balance;}\r\n.islands h2 span{color:var(--cyan);}\r\n.islands .lead{color:#9AA4AB;font-size:18px;max-width:60ch;margin-top:16px;}\r\n.hub{margin-top:46px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}\r\n.hub .core{font-weight:900;font-size:16px;color:#00252F;background:var(--cyan);padding:12px 20px;border-radius:999px;letter-spacing:-.01em;}\r\n.hub .chip{font-weight:700;font-size:14px;color:#CFD6DB;border:1px solid #2A343A;background:#141C21;padding:11px 16px;border-radius:999px;}\r\n.hub .plus{color:var(--cyan);font-weight:900;}\r\n\r\n.serv{padding-top:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\r\n@media (max-width:860px){.serv{grid-template-columns:1fr 1fr;}}\r\n@media (max-width:560px){.serv{grid-template-columns:1fr;}}\r\n.scard{border:1px solid var(--line);border-radius:16px;padding:32px 28px;background:var(--paper);transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;flex-direction:column;text-decoration:none;color:inherit;}.scard .go{margin-top:auto;padding-top:16px;font-weight:800;font-size:13px;color:var(--cyan-ink);display:inline-flex;align-items:center;gap:7px}.scard .go .ar{transition:transform .2s}.scard:hover .go{color:var(--cyan-deep)}.scard:hover .go .ar{transform:translateX(4px)}\r\n.scard:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(12,14,16,.09);border-color:#BEEBFA;}\r\n.sicon{width:54px;height:54px;border-radius:14px;background:#EAF9FF;color:var(--cyan-ink);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:background .25s,color .25s;}\r\n.scard:hover .sicon{background:var(--cyan);color:#00252F;}\r\n.sicon svg{width:27px;height:27px;}\r\n.scard h3{font-weight:900;font-size:20px;letter-spacing:-.02em;margin:0 0 8px;color:var(--ink);}\r\n.scard p{font-size:14.5px;color:var(--muted);margin:0;line-height:1.6;}\r\n\r\n.why{background:var(--ground);}\r\n.why .top{max-width:64ch;}\r\n.why h2{font-weight:900;letter-spacing:-.028em;font-size:clamp(28px,4.2vw,46px);color:var(--ink);text-wrap:balance;}\r\n.why h2 span{color:var(--cyan);}\r\n.why .intro{margin-top:16px;font-size:18px;color:var(--text);}\r\n.why .pill{padding-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:42px 38px;}\r\n@media (max-width:860px){.why .pill{grid-template-columns:1fr 1fr;}}\r\n@media (max-width:480px){.why .pill{grid-template-columns:1fr;}}\r\n.pcard{background:none;border:none;border-radius:0;padding:0;}\r\n.pcard h3{font-weight:900;font-size:18px;letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;}.pcard h3::before{content:\"\";display:block;width:28px;height:2px;background:var(--cyan);margin-bottom:14px;}\r\n.pcard p{font-size:14px;color:var(--muted);margin:0;line-height:1.6;}\r\n.aftersale{margin-top:16px;background:var(--ink);color:#fff;border-radius:14px;padding:32px 34px;display:flex;flex-direction:column;gap:12px;}\r\n.aftersale .t{font-weight:900;font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;}\r\n.aftersale .t span{color:var(--cyan);}\r\n.aftersale p{color:#9AA4AB;font-size:15px;max-width:78ch;margin:0;line-height:1.65;}\r\n\r\n.basalte .row{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}\r\n@media (max-width:820px){.basalte .row{grid-template-columns:1fr;gap:26px;}}\r\n.basalte .art{background-image:url(\"\/wp-content\/uploads\/sf\/8144fd0647.jpg\");background-size:cover;background-position:center;border-radius:16px;aspect-ratio:16\/12;box-shadow:0 20px 50px rgba(12,14,16,.15);}\r\n\r\n.refs{padding-top:46px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}\r\n@media (max-width:820px){.refs{grid-template-columns:1fr 1fr;}}\r\n@media (max-width:520px){.refs{grid-template-columns:1fr;}}\r\n.ref{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);transition:transform .25s,box-shadow .25s;}\r\n.ref:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(12,14,16,.12);}\r\n.ref .img{height:200px;background-size:cover;background-position:center;position:relative;}\r\n\r\n.ref.a .img{background-image:url(\"\/wp-content\/uploads\/sf\/5b47b7b153.jpg\");}\r\n.ref.b .img{background-image:url(\"\/wp-content\/uploads\/sf\/abc00172f2.jpg\");}\r\n.ref.c .img{background-image:url(\"\/wp-content\/uploads\/sf\/e692c8051c.jpg\");}\r\n.ref .cap{padding:20px;}\r\n.ref .cap .loc{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan-ink);}\r\n.ref .cap h3{font-weight:900;font-size:21px;letter-spacing:-.02em;margin:8px 0 12px;color:var(--ink);}\r\n.ref .cap .tags{display:flex;gap:6px;flex-wrap:wrap;}\r\n.ref .cap .tags span{font-weight:700;font-size:10.5px;color:var(--muted);border:1px solid var(--line);padding:4px 9px;border-radius:999px;}\r\n\r\n.partner{background:var(--ground);}\r\n.plogos{margin-top:40px;display:flex;flex-wrap:wrap;gap:16px 40px;align-items:center;}\r\n.plogos span{font-weight:900;font-size:clamp(20px,3vw,30px);letter-spacing:-.02em;color:var(--grey);opacity:.85;}\r\n.plogos .more{font-weight:700;font-size:15px;color:var(--muted);opacity:1;letter-spacing:0;}\r\n.plogos img.plogo{height:38px;width:auto;object-fit:contain;opacity:.9;}\r\n.plogos img.knx{height:50px;}\r\n.plogos .soon{font-weight:700;font-size:13px;color:var(--muted);border:1px dashed var(--line2);padding:9px 14px;border-radius:8px;}\r\n\r\n.pod .row{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;}\r\n@media (max-width:820px){.pod .row{grid-template-columns:1fr;gap:26px;}}\r\n.pod h2{font-weight:900;letter-spacing:-.028em;font-size:clamp(28px,4vw,44px);color:var(--ink);text-wrap:balance;}\r\n.pod h2 span{color:var(--cyan);}\r\n.pod .art{background:linear-gradient(140deg,var(--dark),#1B2A33);border-radius:16px;aspect-ratio:16\/10;display:flex;align-items:center;justify-content:center;}\r\n.pod .art .play{width:66px;height:66px;border-radius:50%;background:var(--cyan);display:flex;align-items:center;justify-content:center;color:#00252F;font-size:22px;box-shadow:0 10px 30px rgba(0,204,255,.4);}\r\n\r\n.cta{background:var(--cyan);}\r\n.cta .wrap{padding:80px 32px;text-align:center;}\r\n.cta h2{font-weight:900;letter-spacing:-.03em;font-size:clamp(30px,4.6vw,50px);color:#00252F;text-wrap:balance;max-width:22ch;margin:0 auto;}\r\n.cta p{margin:18px auto 0;max-width:52ch;font-size:18px;color:#00323F;}\r\n.cta .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:32px;}\r\n\r\n#team{background:var(--ground);}\r\n.founders{margin-top:44px;display:grid;grid-template-columns:0.85fr 1.15fr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);}\r\n@media(max-width:720px){.founders{grid-template-columns:1fr;}}\r\n.founders .fimg{background-size:cover;background-position:center;min-height:320px;filter:grayscale(1) contrast(1.03);}\r\n.founders .ftext{padding:36px 38px;display:flex;flex-direction:column;justify-content:center;}\r\n.founders .frole{font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-ink);}\r\n.founders .ftext h3{font-weight:900;font-size:clamp(22px,3vw,30px);letter-spacing:-.02em;color:var(--ink);margin:12px 0;}\r\n.founders .ftext p{font-size:16px;color:var(--muted);line-height:1.6;margin:0;}\r\n.tgrid{margin-top:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}\r\n@media(max-width:900px){.tgrid{grid-template-columns:repeat(3,1fr);}}\r\n@media(max-width:520px){.tgrid{grid-template-columns:repeat(2,1fr);}}\r\n.tmember{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .25s,box-shadow .25s;}\r\n.tmember:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(12,14,16,.1);}\r\n.tphoto{aspect-ratio:1\/1.12;background-size:cover;background-position:center top;filter:grayscale(1) contrast(1.04);transition:filter .35s;}\r\n.tmember:hover .tphoto{filter:grayscale(0);}\r\n.tmember .tname{font-weight:900;font-size:15px;letter-spacing:-.01em;color:var(--ink);margin:14px 16px 2px;}\r\n.tmember .trole{font-size:12.5px;color:var(--muted);margin:0 16px 16px;}.tphoto.ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#EAF9FF,#DCF3FB);color:var(--cyan-ink);font-weight:900;font-size:30px;letter-spacing:.04em;filter:none;}.efteam{margin-top:50px;}.efhead{margin-bottom:20px;}.efhead h3{font-weight:900;font-size:clamp(19px,2.4vw,24px);letter-spacing:-.02em;color:var(--ink);margin-top:8px;}\r\n.tnote{margin-top:26px;font-size:14.5px;color:var(--muted);text-align:center;}\r\nfooter{background:var(--ground);border-top:1px solid var(--line);padding:60px 0 36px;color:var(--muted);}\r\n.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;}\r\n@media (max-width:720px){.fgrid{grid-template-columns:1fr;gap:28px;}}\r\nfooter .logo{width:180px;height:36px;margin-bottom:16px;}\r\nfooter p{font-size:14.5px;line-height:1.7;color:var(--text);}\r\nfooter h4{color:var(--ink);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}\r\nfooter ul{list-style:none;display:grid;gap:9px;font-size:14.5px;}\r\nfooter a:hover{color:var(--cyan-ink);}\r\n.partners{display:flex;gap:26px;flex-wrap:wrap;font-weight:900;color:var(--grey);font-size:16px;margin-top:8px;}\r\n.fbottom{border-top:1px solid var(--line2);margin-top:40px;padding-top:20px;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}\r\n\r\n.reveal{opacity:0;transform:translateY(18px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards;}\r\n@keyframes rise{to{opacity:1;transform:none;}}\r\n@media (prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none;}}\r\n\/*HERO2*\/.hero .hgl{display:none!important}@keyframes heroKen{0%{transform:scale(1.05) translate3d(0,0,0)}100%{transform:scale(1.11) translate3d(-1.1%,-0.7%,0)}}@keyframes heroWake{0%{filter:brightness(.38) saturate(.82) blur(7px)}60%{filter:brightness(1.06) saturate(1) blur(0)}100%{filter:brightness(1) saturate(1) blur(0)}}.hero .media{transform:scale(1.05);will-change:transform,filter;animation:heroKen 30s ease-in-out infinite alternate, heroWake 2.4s cubic-bezier(.19,.7,.2,1) both}@media(prefers-reduced-motion:reduce){.hero .media{animation:none;transform:scale(1.03)}}.hero .hgl-off{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;will-change:filter;animation:wakeh 2.7s cubic-bezier(.19,.7,.2,1) both}.hero .media{z-index:0}.hero .warmglow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(56% 48% at 70% 80%,rgba(255,178,92,.20),transparent 62%);opacity:0;animation:fadeinh 2.7s .5s both}.hero .sweep{position:absolute;top:-25%;inset-inline-start:-60%;width:52%;height:150%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(190,240,255,.26),transparent);transform:skewX(-12deg);opacity:0;animation:sweepIntroH 1.8s .6s ease-in-out both,sweepLoopH 9s 4.5s ease-in-out infinite}.scrim{z-index:3}.hero .wrap{z-index:5}@keyframes wakeh{0%{filter:brightness(.26) saturate(.78) blur(8px)}58%{filter:brightness(1.09) blur(0)}100%{filter:brightness(1) blur(0)}}@keyframes fadeinh{from{opacity:0}to{opacity:1}}@keyframes sweepIntroH{0%{opacity:0;transform:skewX(-12deg) translateX(0)}18%{opacity:1}100%{opacity:0;transform:skewX(-12deg) translateX(400%)}}@keyframes sweepLoopH{0%,72%{opacity:0;transform:skewX(-12deg) translateX(0)}77%{opacity:.75}100%{opacity:0;transform:skewX(-12deg) translateX(400%)}}.orchsec{background:radial-gradient(125% 95% at 50% -8%,#ffffff,#eef3f6 72%);padding:92px 0 100px;border-top:1px solid #E3E8EC;border-bottom:1px solid #E3E8EC}.orchsec .osec{text-align:center;max-width:60ch;margin:0 auto}.orchsec .olabel{font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#007FA3;display:inline-flex;align-items:center;gap:12px}.orchsec .olabel::before,.orchsec .olabel::after{content:\"\";width:26px;height:3px;background:#00CCFF}.orchsec .oh{font-weight:900;letter-spacing:-.03em;line-height:1.08;font-size:clamp(28px,4.4vw,46px);margin-top:16px;color:#0C0E10;text-wrap:balance}.orchsec .oh span{color:#00CCFF}.orchsec .op{margin:16px auto 0;font-size:18px;color:#6C7378;max-width:56ch}.orchsec .ohub{position:relative;width:min(640px,92vw);aspect-ratio:1\/1;margin:52px auto 0}.orchsec .onet{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.orchsec .ocenter{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(114px,20vw,148px);height:clamp(114px,20vw,148px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #E3E8EC;box-shadow:0 18px 50px rgba(12,14,16,.14),0 0 0 10px rgba(0,204,255,.05);z-index:3}.orchsec .ocenter::before{content:\"\";position:absolute;inset:-1px;border-radius:50%;border:2px solid rgba(0,204,255,.28)}.orchsec .ocenter::after{content:\"\";position:absolute;inset:-1px;border-radius:50%;border:2px solid #00CCFF;animation:opulse 3.6s ease-out infinite}@keyframes opulse{0%{opacity:.55;transform:scale(1)}60%{opacity:0;transform:scale(1.28)}100%{opacity:0}}.orchsec .ofox{width:clamp(46px,7.5vw,58px);height:auto}.orchsec .ocl{font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#007FA3}.orchsec .onode{position:absolute;transform:translate(-50%,-50%);background:#fff;border:1px solid #E3E8EC;border-radius:999px;padding:9px 16px 9px 10px;display:flex;gap:10px;align-items:center;font-weight:800;font-size:13.5px;color:#0C0E10;white-space:nowrap;box-shadow:0 10px 30px rgba(12,14,16,.10);z-index:2}.orchsec .onode .ic{width:28px;height:28px;flex:none;border-radius:9px;background:#EAF9FF;display:flex;align-items:center;justify-content:center}.orchsec .onode .ic svg{width:16px;height:16px;color:#007FA3}.orchsec .onet .link{stroke:rgba(0,127,163,.30);stroke-width:1.1;fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.orchsec .onet .dot{fill:#00CCFF;filter:drop-shadow(0 0 3px rgba(0,204,255,.65))}.orchsec .olegend{text-align:center;color:#6C7378;font-size:15.5px;max-width:62ch;margin:56px auto 0}.orchsec .olegend b{color:#0C0E10}@media(max-width:560px){.orchsec .onode{font-size:12px;padding:7px 12px 7px 8px}.orchsec .onode .ic{width:23px;height:23px}}.wegsec{padding:92px 0 100px;background:radial-gradient(120% 80% at 50% -10%,#fff,#f2f6f8 78%)}.wegsec .wsh{text-align:center;max-width:64ch;margin:0 auto}.wegsec .wlabel{font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#007FA3;display:inline-flex;align-items:center;gap:12px}.wegsec .wlabel::before,.wegsec .wlabel::after{content:\"\";width:26px;height:3px;background:#00CCFF}.wegsec .wh2{font-weight:900;letter-spacing:-.03em;line-height:1.08;font-size:clamp(28px,4.4vw,46px);margin-top:16px;color:#0C0E10;text-wrap:balance}.wegsec .wh2 span{color:#00CCFF}.wegsec .wp{margin:16px auto 0;font-size:18px;color:#6C7378;max-width:60ch}.wegsec .wpath{margin-top:64px;display:grid;grid-template-columns:repeat(5,1fr);gap:26px;position:relative}.wegsec .wpath::before{content:\"\";position:absolute;top:41px;inset-inline-start:11%;inset-inline-end:11%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,204,255,.42) 12%,rgba(0,204,255,.42) 88%,transparent)}.wegsec .wstep{position:relative;text-align:center;padding:0 6px;display:flex;flex-direction:column;align-items:center}.wegsec .wic{position:relative;z-index:1;width:82px;height:82px;border-radius:50%;background:#fff;border:1px solid #E3E8EC;box-shadow:0 14px 34px rgba(12,14,16,.10);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:transform .25s,box-shadow .25s,border-color .25s}.wegsec .wstep:hover .wic{transform:translateY(-4px);border-color:#00CCFF;box-shadow:0 20px 44px rgba(0,127,163,.18)}.wegsec .wic svg{width:32px;height:32px;color:#007FA3}.wegsec .wic .wnum{position:absolute;top:-6px;inset-inline-end:-6px;width:26px;height:26px;border-radius:50%;background:#00CCFF;color:#00252f;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,204,255,.4)}.wegsec .wt{font-weight:900;font-size:18.5px;letter-spacing:-.02em;color:#0C0E10;margin-bottom:9px;text-wrap:balance;min-height:2.5em}.wegsec .wtx{font-size:14px;color:#6C7378;line-height:1.55;margin:0 auto;max-width:27ch;min-height:6.6em}.wegsec .wv{margin-top:18px;display:inline-flex;gap:7px;font-size:12.5px;font-weight:700;color:#0399C4;text-align:start;max-width:28ch}.wegsec .wv::before{content:\"\u2192\";font-weight:900;color:#00CCFF}.wegsec .wclose{margin-top:66px;text-align:center;font-weight:900;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.02em;color:#0C0E10;max-width:40ch;margin-inline-start:auto;margin-inline-end:auto;line-height:1.4;text-wrap:balance}.wegsec .wclose span{color:#00CCFF}@media(max-width:820px){.wegsec .wpath{grid-template-columns:1fr 1fr;gap:40px 26px}.wegsec .wpath::before{display:none}}@media(max-width:480px){.wegsec .wpath{grid-template-columns:1fr;gap:34px}.wegsec .wstep{display:grid;grid-template-columns:82px 1fr;gap:0 18px;text-align:start;align-items:start}.wegsec .wic{margin:0}.wegsec .wtx,.wegsec .wv{margin-inline-start:0}.wegsec .wt{text-align:start}}\/*WHYS*\/.why{background:radial-gradient(120% 92% at 50% -10%,#18222c,#0a0e12 68%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.why .wlabel{font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d9c39a;display:inline-flex;align-items:center;gap:12px}.why .wlabel::before{content:\"\";width:26px;height:3px;border-radius:2px;background:#d9c39a}.why .whead{font-weight:900;letter-spacing:-.028em;font-size:clamp(28px,4.2vw,46px);line-height:1.08;color:#f4f1ea;margin-top:16px;text-wrap:balance;max-width:22ch}.why .whead span{color:#40d0ff}.why .wintro{margin-top:16px;font-size:18px;color:rgba(244,241,234,.72);max-width:62ch}.why .wstats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:38px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.why .wstat{padding:22px 24px}.why .wstat:first-child{padding-inline-start:0}.why .wstat+.wstat{border-inline-start:1px solid rgba(255,255,255,.1)}.why .wstat b{display:block;font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1}.why .wstat span{display:block;margin-top:10px;font-size:12.5px;color:rgba(244,241,234,.62);line-height:1.45;max-width:20ch}.why .wsplit{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-top:42px;align-items:stretch}@media(max-width:900px){.why .wsplit{grid-template-columns:1fr;gap:36px}}.why .wphoto{position:relative;min-height:360px;border-radius:18px;background-image:linear-gradient(180deg,rgba(10,14,18,0) 45%,rgba(10,14,18,.5)),url(\/wp-content\/uploads\/sf\/3cc622b22c.jpg);background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px -30px rgba(0,0,0,.7);display:flex;align-items:flex-end;overflow:hidden}.why .ph-cap{position:relative;margin:16px;font-size:11.5px;letter-spacing:.05em;color:rgba(255,255,255,.78);background:rgba(10,14,18,.42);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 13px}.why .wreasons{display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}@media(max-width:560px){.why .wreasons{grid-template-columns:1fr}}.why .wreason{padding:15px 0;border-top:1px solid rgba(255,255,255,.14)}.why .wr-n{font-weight:900;font-size:12px;letter-spacing:.16em;color:#40d0ff}.why .wreason h3{font-weight:900;font-size:17px;letter-spacing:-.01em;color:#f4f1ea;margin:10px 0 7px;text-wrap:balance}.why .wreason p{font-size:13.5px;color:rgba(244,241,234,.66);line-height:1.6;margin:0}.why .aftersale{margin-top:40px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-inline-start:3px solid #d9c39a;border-radius:14px;padding:30px 34px;display:block}.why .aftersale .t{font-weight:900;font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;color:#f4f1ea}.why .aftersale .t span{color:#40d0ff}.why .aftersale p{color:rgba(244,241,234,.68);font-size:15px;margin:12px 0 0;line-height:1.65;max-width:82ch}\/*WHYE*\/\/*PREM-S*\/.orchsec{background:radial-gradient(130% 115% at 50% -12%,#16202a,#0a0e12 66%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.orchsec .olabel{color:#d9c39a}.orchsec .olabel::before,.orchsec .olabel::after{background:#d9c39a}.orchsec .oh{color:#f4f1ea}.orchsec .oh span{color:#40d0ff}.orchsec .op{color:rgba(244,241,234,.72)}.orchsec .onode{background:#141d26;border:1px solid rgba(255,255,255,.14);color:#f0ede6;box-shadow:0 12px 34px rgba(0,0,0,.45)}.orchsec .onode .ic{background:rgba(0,204,255,.15)}.orchsec .onode .ic svg{color:#82e7ff}.orchsec .ocenter{background:#111a22;border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 54px rgba(0,0,0,.55),0 0 0 10px rgba(0,204,255,.05)}.orchsec .ocenter::before{border-color:rgba(0,204,255,.38)}\/* Kleines Diagramm-Icon (ca. 50 px): hier bleibt der Filter, weil die Bildmarke als PNG vorliegt\r\n   und eine helle Fassung fehlt. Bei dieser Groesse faellt die Vereinfachung nicht auf.\r\n   TODO: helle Fuchs-Bildmarke aus den Markenunterlagen nachliefern lassen. *\/\r\n.orchsec .ofox{filter:brightness(0) invert(1)}.orchsec .ocl{color:#d9c39a}.orchsec .onet .link{stroke:rgba(0,204,255,.30)}.orchsec .onet .dot{fill:#46d3ff;filter:drop-shadow(0 0 4px rgba(0,204,255,.85))}.orchsec .olegend{color:rgba(244,241,234,.72)}.orchsec .olegend b{color:#fff}.cta{background:radial-gradient(120% 140% at 50% 0%,#17212b,#0a0e12 70%);border-top:1px solid rgba(255,255,255,.07)}.cta h2{color:#f4f1ea}.cta p{color:rgba(244,241,234,.74)}.cta .btn.dark{background:var(--cyan);color:#00252F}.cta .btn.dark:hover{background:#28D6FF}.cta .btn.light{background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff}.cta .btn.light:hover{background:rgba(255,255,255,.10);border-color:#fff}\/*PREM-E*\/\/*BASS*\/.basalte{background:radial-gradient(125% 100% at 50% -8%,#18222c,#0a0e12 68%);border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.basalte .blabel{font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#d9c39a;display:inline-flex;align-items:center;gap:12px}.basalte .blabel::before{content:\"\";width:26px;height:3px;border-radius:2px;background:#d9c39a}.basalte .bhead{max-width:66ch}.basalte .bhead h2{font-weight:900;letter-spacing:-.028em;font-size:clamp(28px,4.2vw,46px);line-height:1.08;color:#f4f1ea;margin-top:16px;text-wrap:balance}.basalte .bhead h2 span{color:#40d0ff}.basalte .bsplit{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;margin-top:32px}@media(max-width:860px){.basalte .bsplit{grid-template-columns:1fr;gap:30px}}.basalte .bsplit>*{min-width:0}.basalte .bintro{font-size:18px;color:rgba(244,241,234,.76);line-height:1.62;margin:0}.basalte .bcta{margin-top:28px;box-shadow:0 16px 34px -12px rgba(0,204,255,.5)}.basalte .bcta-sub{display:block;margin-top:12px;font-size:13px;color:rgba(244,241,234,.55)}.basalte .bimg{aspect-ratio:4\/3;border-radius:18px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 70px -30px rgba(0,0,0,.75)}.basalte .breasons{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}@media(max-width:860px){.basalte .breasons{grid-template-columns:1fr 1fr}}@media(max-width:560px){.basalte .breasons{grid-template-columns:1fr}}.basalte .brcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 22px;transition:transform .25s,border-color .25s,background .25s}.basalte .brcard:hover{transform:translateY(-4px);border-color:rgba(0,204,255,.4);background:rgba(255,255,255,.07)}.basalte .brcard h3{font-weight:900;font-size:16px;letter-spacing:-.01em;color:#f4f1ea;margin:0 0 9px}.basalte .brcard h3::before{content:\"\";display:block;width:26px;height:2px;background:#40d0ff;margin-bottom:13px}.basalte .brcard p{font-size:13.5px;color:rgba(244,241,234,.66);line-height:1.6;margin:0}.basalte .bdisc{margin-top:28px;font-size:12.5px;color:rgba(244,241,234,.5);max-width:82ch;line-height:1.55;font-style:italic}\/*BASE*\/\/*PARS*\/.partner{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partner .sec-head{text-align:center;max-width:70ch;margin-inline-start:auto;margin-inline-end:auto}.partner .sec-head .label{justify-content:center}.partner .plogos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:38px 60px;margin-top:48px;padding:18px 0}.partner .plogo{height:44px;width:auto;max-width:172px;object-fit:contain;filter:grayscale(1);opacity:.58;transition:filter .35s,opacity .35s,transform .35s}.partner .plogo:hover{filter:grayscale(0);opacity:1;transform:translateY(-2px)}.partner .plogo.knx{height:38px}.partner .plogo.ash{height:52px;filter:brightness(0);opacity:.5}.partner .plogo.ash:hover{filter:brightness(0);opacity:.9;transform:translateY(-2px)}.partner .plogo.dohmen{height:46px}@media(max-width:560px){.partner .plogos{gap:30px 40px}.partner .plogo{height:36px}}\/*PARE*\/\/*REFH*\/#referenzen .refx{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}@media(max-width:900px){#referenzen .refx{grid-template-columns:1fr}}#referenzen .rx{position:relative;display:flex;flex-direction:column;min-height:380px;border-radius:22px;overflow:hidden;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}#referenzen .rx:hover{transform:translateY(-6px)}#referenzen .rx.dark{background:radial-gradient(130% 130% at 50% -15%,#1a242e,#0a0e12 75%);border:1px solid rgba(255,255,255,.09);padding:34px 32px;box-shadow:0 30px 60px -34px rgba(10,14,18,.6)}#referenzen .rx.dark:hover{box-shadow:0 40px 80px -36px rgba(0,127,163,.55)}#referenzen .rx-eye{font-weight:800;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#C9A96A}#referenzen .rx-mega{display:block;font-weight:900;font-size:clamp(44px,4.6vw,64px);letter-spacing:-.03em;line-height:1;margin:18px 0 14px;background:linear-gradient(120deg,#40d0ff,#00CCFF 55%,#C9A96A);-webkit-background-clip:text;background-clip:text;color:transparent}#referenzen .rx-sub{font-size:14px;color:rgba(255,255,255,.68);line-height:1.6}#referenzen .rx-more{margin-top:auto;padding-top:20px;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;color:#40d0ff}#referenzen .rx-more .ar{transition:transform .2s}#referenzen .rx:hover .rx-more .ar{transform:translateX(4px)}#referenzen .rx.photo{background-size:cover;background-position:center;border:1px solid rgba(12,14,16,.1);box-shadow:0 30px 60px -34px rgba(12,14,16,.45);justify-content:flex-end}#referenzen .rx-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,18,0) 30%,rgba(10,14,18,.86) 100%)}#referenzen .rx-cap{position:relative;display:flex;flex-direction:column;padding:28px 30px}#referenzen .rx-h{font-weight:900;font-size:22px;letter-spacing:-.02em;color:#fff;margin:10px 0 12px;line-height:1.2}#referenzen .refx-cta{text-align:center;margin-top:40px}\/*REFHE*\/\/*HFIX*\/.hero h1{font-weight:800;letter-spacing:-.018em;line-height:1.12;font-size:clamp(37px,5.6vw,64px);max-width:19ch}.hero{padding-bottom:110px}\/*HFIXE*\/\/*SBAR*\/.statbar{position:relative;z-index:6;margin-top:-66px}.statcard{background:var(--paper);border:1px solid rgba(12,14,16,.1);border-radius:6px;padding:26px 38px;box-shadow:0 1px 0 rgba(12,14,16,.06),0 34px 70px -36px rgba(10,14,18,.5)}.statcard .stats{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 0;margin:0}.statcard .stat{padding:2px 34px 2px 0;margin-inline-end:34px;border-inline-end:1px solid var(--line)}.statcard .stat:last-child{border-inline-end:none;margin-inline-end:0;padding-inline-end:0}.statcard .stat .n{color:var(--ink);font-weight:900;font-size:26px;letter-spacing:-.02em}.statcard .stat .n span{color:var(--cyan)}.statcard .stat .t{color:var(--muted);font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}@media(max-width:900px){.statbar{margin-top:-48px}.statcard{padding:18px 16px}.statcard .stats{display:grid;grid-template-columns:1fr 1fr;gap:0}.statcard .stat{padding:12px 10px;margin:0;text-align:center}.statcard .stat:nth-child(-n+4){border-bottom:1px solid var(--line)}.statcard .stat:nth-child(odd):not(:last-child){border-inline-end:1px solid var(--line)}.statcard .stat:last-child{grid-column:1\/-1;border-bottom:none}.statcard .stat .n{font-size:19px}.statcard .stat .t{font-size:9.5px}}\/*SBARE*\/\/*WEG2*\/.wegsec{background:linear-gradient(180deg,#fff 0%,#F5F8FA 100%);padding-top:96px}.wegsec .wpath{margin-top:56px;gap:0;background:var(--paper);border:1px solid rgba(12,14,16,.1);border-radius:6px;box-shadow:0 1px 0 rgba(12,14,16,.05),0 30px 60px -40px rgba(12,14,16,.3);overflow:hidden}.wegsec .wpath::before,.wegsec .wpath::after,.wegsec .wic::before,.wegsec .wic::after,.wegsec .wstep::before{display:none}.wegsec .wpath .wstep{position:relative;display:block;background:transparent;border:none;border-inline-start:1px solid var(--line);border-radius:0;padding:30px 28px 28px;box-shadow:none;text-align:start;transition:background .35s,opacity .3s,transform .35s cubic-bezier(.2,.7,.2,1)}.wegsec .wpath .wstep:first-child{border-inline-start:none}.wegsec .wpath .wic{position:static;width:100%;height:auto;border-radius:0;background:none;border:none;box-shadow:none;display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;transform:none}.wegsec .wpath .wic svg{display:block;width:26px;height:26px;color:var(--cyan-ink);transition:color .3s}.wegsec .wpath .wic .wnum{position:static;width:auto;height:auto;border-radius:0;background:none;box-shadow:none;display:block;color:#B7C0C7;font-weight:800;font-size:12px;letter-spacing:.16em;transition:color .35s}.wegsec .wpath .wic .wnum::before{content:\"0\"}.wegsec .wpath .wt{text-align:start;font-size:17px;margin:0 0 8px}.wegsec .wpath .wtx,.wegsec .wpath .wv{text-align:start}.wegsec .wpath .wstep::after{content:\"\";display:block;position:absolute;inset-inline-start:0;top:0;height:2px;width:0;background:var(--cyan);transition:width .45s cubic-bezier(.2,.7,.2,1)}@media(hover:hover){.wegsec .wpath:hover .wstep:not(:hover){opacity:.45}.wegsec .wpath .wstep:hover{background:linear-gradient(180deg,#F4FBFE,#fff 60%);transform:translateY(-4px)}.wegsec .wpath .wstep:hover::after{width:100%}.wegsec .wpath .wstep:hover .wic{transform:none;border-color:transparent;box-shadow:none}.wegsec .wpath .wstep:hover .wic svg{color:var(--cyan)}.wegsec .wpath .wstep:hover .wic .wnum{color:var(--cyan-ink)}}@media(max-width:900px){.wegsec .wpath .wstep{border-inline-start:none;border-top:1px solid var(--line)}.wegsec .wpath .wstep:first-child{border-top:none}}.wegsec .wpath .wstep{display:flex;flex-direction:column;min-height:340px}.wegsec .wpath .wt{min-height:46px;margin:0 0 10px}.wegsec .wpath .wtx{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}.wegsec .wpath .wv{margin-top:auto;padding:16px 0 0 14px;border-top:1px solid var(--line);position:relative;color:var(--ink);font-weight:700;font-size:12.5px;line-height:1.55;letter-spacing:0;text-transform:none;font-style:normal}.wegsec .wpath .wv::before{content:\"\";position:absolute;inset-inline-start:0;top:19px;bottom:2px;width:2px;border-radius:1px;background:var(--cyan);transition:background .3s}.wegsec .wpath .wv::after{display:none}@media(hover:hover){.wegsec .wpath .wstep:hover .wv::before{background:var(--cyan-ink)}}@media(max-width:900px){.wegsec .wpath .wstep{min-height:0}.wegsec .wpath .wv{margin-top:18px}}\/*WEG2E*\/\/*L4S*\/#leistungen .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;align-items:stretch;background:var(--paper);border:1px solid rgba(12,14,16,.1);border-radius:6px;overflow:hidden;box-shadow:0 1px 0 rgba(12,14,16,.05),0 30px 60px -40px rgba(12,14,16,.3)}@media(max-width:1000px){#leistungen .pillars{grid-template-columns:1fr 1fr}}@media(max-width:600px){#leistungen .pillars{grid-template-columns:1fr}}.ppanel{background:transparent;border:none;border-inline-start:1px solid var(--line);border-radius:0;overflow:visible;padding:30px 26px 16px;box-shadow:none;display:flex;flex-direction:column;transition:background .35s}.ppanel:first-child{border-inline-start:none}@media(max-width:1000px){.ppanel:nth-child(3){border-inline-start:none}.ppanel:nth-child(n+3){border-top:1px solid var(--line)}}@media(max-width:600px){.ppanel{border-inline-start:none}.ppanel:nth-child(n+2){border-top:1px solid var(--line)}}.ppanel:hover{background:linear-gradient(180deg,#F7FCFE,#fff 55%)}.pillars .ppanel:nth-child(1) .pp-head::before{content:\"01\"}.pillars .ppanel:nth-child(2) .pp-head::before{content:\"02\"}.pillars .ppanel:nth-child(3) .pp-head::before{content:\"03\"}.pillars .ppanel:nth-child(4) .pp-head::before{content:\"04\"}.pp-head{margin:0;padding:0 0 18px;background:none;border-bottom:1px solid var(--line);min-height:138px}.pp-head::before{display:block;font-weight:800;font-size:12px;letter-spacing:.16em;color:#B7C0C7;margin-bottom:12px}.pp-bar{display:none}.pp-name{font-weight:900;font-size:16.5px;letter-spacing:-.015em;color:var(--ink);margin:0}.pp-sub{font-size:12.5px;color:var(--muted);margin:7px 0 0;line-height:1.5}.pp-list{display:flex;flex-direction:column;padding-top:4px}.pp-item{display:flex;align-items:center;gap:13px;padding:13.5px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .2s}.pp-item:last-child{border-bottom:none}.pp-ic{width:34px;height:34px;flex:none;border-radius:6px;background:none;border:1px solid var(--line);color:var(--cyan-ink);display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s,border-color .25s}.pp-ic svg{width:18px;height:18px}.pp-t{flex:1;font-weight:700;font-size:13.7px;letter-spacing:-.01em;line-height:1.3}.pp-ar{width:15px;height:15px;flex:none;color:var(--line2);transition:transform .2s,color .2s}.pp-item:hover{padding-inline-start:8px}.pp-item:hover .pp-ic{background:var(--acc,#00CCFF);border-color:var(--acc,#00CCFF);color:var(--acc-on,#00252F)}.pp-item:hover .pp-t{color:var(--acc-ink,#007FA3)}.pp-item:hover .pp-ar{color:var(--acc-ink,#007FA3);transform:translateX(3px)}\/*L4E*\/\/*ORC2*\/.orchsec{background:radial-gradient(58% 46% at 50% 46%,rgba(0,204,255,.09),transparent 62%),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px),radial-gradient(130% 115% at 50% -10%,#141C24,#0A0E12 72%);background-size:auto,54px 54px,54px 54px,auto;box-shadow:inset 0 0 140px 30px rgba(4,6,8,.55);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.orchsec .onode{border-radius:5px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px 16px;font-weight:700;font-size:13px;letter-spacing:.02em;color:#E9F1F5;box-shadow:0 14px 34px -14px rgba(0,0,0,.65);transition:border-color .3s,background .3s,transform .3s}.orchsec .onode:hover{border-color:rgba(0,204,255,.55);background:rgba(0,204,255,.08);transform:translate(-50%,-50%) translateY(-2px)}.orchsec .onode svg{color:#6FD5F2}.orchsec .ocenter{background:#0E151B;border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px -20px rgba(0,0,0,.8),inset 0 0 40px rgba(0,204,255,.05)}.orchsec .ocenter::before{content:\"\";position:absolute;inset:-12px;border-radius:50%;border:1px solid rgba(201,169,106,.32);pointer-events:none}.orchsec .ocenter::after{content:\"\";position:absolute;inset:-26px;border-radius:50%;border:1px dashed rgba(255,255,255,.09);pointer-events:none}.orchsec .ocenter div,.orchsec .ocenter span{color:#C9A96A;font-weight:800;letter-spacing:.24em;font-size:10px}\/*ORC2E*\/\/*WHY2*\/.why .wstats{border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.why .wstat{padding:24px 26px;border-inline-start:1px solid rgba(255,255,255,.1)}.why .wstat:first-child{border-inline-start:none;padding-inline-start:0}.why .wstat b{font-size:26px;letter-spacing:-.02em}.why .wstat span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.55)}@media(max-width:820px){.why .wstats{grid-template-columns:1fr 1fr}.why .wstat:nth-child(odd){border-inline-start:none;padding-inline-start:0}}.why .wreasons{gap:0;column-gap:0}.why .wreason{padding:20px 28px 20px 0;border-top:1px solid rgba(255,255,255,.12)}.why .wreason:nth-child(even){border-inline-start:1px solid rgba(255,255,255,.12);padding-inline-start:28px;padding-inline-end:0}.why .wr-n{color:#C9A96A;font-weight:800;font-size:11.5px;letter-spacing:.18em}.why .wreason h3{font-size:16px;margin:8px 0 6px;letter-spacing:-.01em}.why .wreason p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62)}@media(max-width:640px){.why .wreason:nth-child(even){border-inline-start:none;padding-inline-start:0;padding-inline-end:0}.why .wreason{padding-inline-end:0}}.why .wphoto{border-radius:6px}\/*WHY2E*\/\/*TEAMC*\/#team .tc-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:stretch;margin-top:44px}@media(max-width:900px){#team .tc-grid{grid-template-columns:1fr;gap:28px}#team .tc-grid>*{min-width:0}}#team .tc-img{height:100%;min-height:380px;border-radius:6px;background-size:cover;background-position:center top;background-color:var(--ground);box-shadow:0 1px 0 rgba(12,14,16,.06),0 30px 60px -36px rgba(12,14,16,.4)}@media(max-width:900px){#team .tc-img{min-height:300px}}#team .tc-body{display:flex;flex-direction:column;justify-content:center}#team .tc-brands{background:var(--paper);border:1px solid rgba(12,14,16,.1);border-radius:6px;overflow:hidden;box-shadow:0 1px 0 rgba(12,14,16,.05),0 22px 44px -34px rgba(12,14,16,.28)}#team .tc-bhead{padding:14px 24px;border-bottom:1px solid var(--line);font-weight:800;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#A98A50;text-align:center}#team .tc-bcols{display:grid;grid-template-columns:1fr 1fr;position:relative}#team .tc-bcols::after{content:\"\\00d7\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-size:19px;font-weight:400;display:flex;align-items:center;justify-content:center;border:3px solid var(--paper);box-shadow:0 8px 20px -6px rgba(12,14,16,.4);z-index:2}#team .tc-bcol{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px 22px 30px}#team .tc-bcol+.tc-bcol{border-inline-start:1px solid var(--line)}#team .tc-logo-sf{background-image:url(\"\/wp-content\/uploads\/sf\/19888aa6be.svg\");background-repeat:no-repeat;background-position:left center;background-size:contain;display:inline-block;;width:130px;height:66px;background-repeat:no-repeat;background-size:contain;background-position:center;display:block}#team .tc-logo-ef{height:36px;width:auto;max-width:210px;object-fit:contain;display:block}#team .tc-brole{font-weight:800;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink)}@media(max-width:560px){#team .tc-bcols{grid-template-columns:1fr}#team .tc-bcol+.tc-bcol{border-inline-start:none;border-top:1px solid var(--line)}}#team .tc-founderline{margin:20px 2px 0;font-size:14.5px;line-height:1.65;color:var(--muted)}#team .tc-founderline a{color:var(--ink);text-decoration:none;border-bottom:2px solid rgba(0,204,255,.45);transition:border-color .2s}#team .tc-founderline a:hover{border-color:var(--cyan)}#team .tc-founderline strong{font-weight:900}#team .tc-stats{display:flex;flex-wrap:wrap;gap:14px 0;padding:26px 0 4px}#team .tc-stats div{padding:0 28px;border-inline-start:1px solid var(--line)}#team .tc-stats div:first-child{border-inline-start:none;padding-inline-start:0}#team .tc-stats strong{display:block;font-size:24px;font-weight:900;color:var(--ink);letter-spacing:-.02em}#team .tc-stats span{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:640px){#team .tc-stats div{padding:0 16px}}#team .tc-avrow{display:flex;align-items:center;padding:14px 0 24px}#team .tav{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center;border:2.5px solid var(--paper);box-shadow:0 4px 12px rgba(12,14,16,.18);margin-inline-start:-10px;flex:none}#team .tav:first-child{margin-inline-start:0}#team .tav.more{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-weight:900;font-size:13px}@media(max-width:560px){#team .tav{width:36px;height:36px}}#team .tc-cta{align-self:flex-start}\/*TEAMCE*\/\/*BAS2*\/.basalte .bgold{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:9px 18px;border:1px solid rgba(201,169,106,.45);border-radius:4px;font-weight:800;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#D8BC85}.basalte .bgold::before{content:\"\";width:7px;height:7px;background:#C9A96A;transform:rotate(45deg)}.basalte .bfacts{display:flex;flex-wrap:wrap;margin:34px 0 10px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.basalte .bfact{padding:20px 34px 20px 0;margin-inline-end:34px;border-inline-end:1px solid rgba(255,255,255,.1)}.basalte .bfact:last-child{border-inline-end:none;margin-inline-end:0}.basalte .bfact b{display:block;font-weight:900;font-size:19px;color:#fff;letter-spacing:-.01em}.basalte .bfact span{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}@media(max-width:820px){.basalte .bfact{padding-inline-end:20px;margin-inline-end:20px}}.basalte .bmedia{position:relative}.basalte .bimg{border-radius:6px;min-height:420px;background-size:cover;background-position:center;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}.basalte .bimg2{position:absolute;inset-inline-start:-34px;bottom:-30px;width:44%;aspect-ratio:1;border-radius:6px;background-size:cover;background-position:center;border:4px solid #10161C;box-shadow:0 24px 50px -20px rgba(0,0,0,.75)}@media(max-width:900px){.basalte .bimg2{inset-inline-start:12px;bottom:-24px;width:40%}}.basalte .bctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:26px}.basalte .bcta2{font-weight:800;font-size:14px;color:#D8BC85;text-decoration:none}.basalte .bcta2 .ar{display:inline-block;transition:transform .2s}.basalte .bcta2:hover .ar{transform:translateX(4px)}.basalte .bgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:64px;border-top:1px solid rgba(255,255,255,.12)}@media(max-width:900px){.basalte .bgrid{grid-template-columns:1fr}}.basalte .bitem{padding:26px 28px 26px 0;border-bottom:1px solid rgba(255,255,255,.1)}.basalte .bitem:nth-child(3n+2),.basalte .bitem:nth-child(3n){border-inline-start:1px solid rgba(255,255,255,.1);padding-inline-start:28px}@media(max-width:900px){.basalte .bitem{border-inline-start:none !important;padding-inline-start:0 !important}}.basalte .bnum{font-weight:800;font-size:11.5px;letter-spacing:.18em;color:#C9A96A}.basalte .bitem h3{font-size:16px;color:#fff;margin:8px 0 6px;letter-spacing:-.01em;font-weight:900}.basalte .bitem p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.62);margin:0}\/*BAS2E*\/\/*REST2*\/.partner .plogos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:38px 60px;margin-top:48px;padding:18px 0;background:none;border:none;border-radius:0;box-shadow:none}.partner .plogos>*{background:none;min-height:0;padding:0;margin:0;display:flex;align-items:center;justify-content:center}.partner .plogo{height:44px;max-width:172px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.58;transition:filter .35s,opacity .35s,transform .35s}.partner .plogo:hover{filter:grayscale(0);opacity:1;transform:translateY(-2px)}.partner .plogos .more{font-weight:800;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.partner .pmore{text-align:center;margin-top:36px}#referenzen .rx{border-radius:6px}#referenzen .rx.dark{box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 26px 55px -32px rgba(10,14,18,.6)}.pod .art{border-radius:6px}.blpfoot{background:#0C0E10;color:rgba(255,255,255,.7);font-family:'Lato',system-ui,sans-serif;padding:54px 0 30px}.blpfoot .wrap{max-width:1180px;margin:0 auto;padding:0 32px;display:block}.blpfoot .ftop{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12);height:auto}@media(max-width:760px){.blpfoot .ftop{grid-template-columns:1fr;gap:24px}}.blpfoot .blogo{background-image:url(\"\/wp-content\/uploads\/sf\/5fe850997e.svg\");background-repeat:no-repeat;background-position:left center;background-size:contain;display:inline-block;;width:120px;height:61px;background-repeat:no-repeat;background-size:contain;background-position:left center;display:block;}.blpfoot .fbrand p{font-size:13.5px;margin:16px 0 0;max-width:46ch;line-height:1.6}.blpfoot .fcol{display:flex;flex-direction:column;gap:11px}.blpfoot .fh{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.45)}.blpfoot a{color:rgba(255,255,255,.72);text-decoration:none;font-size:14px}.blpfoot a:hover{color:#40d0ff}.blpfoot .fbot{display:flex;justify-content:space-between;align-items:center;padding-top:22px;font-size:12.5px;color:rgba(255,255,255,.5);height:auto;flex-wrap:wrap;gap:10px}.blpfoot .fbot nav{display:flex;gap:18px}\/*REST2E*\/\/*REFH2*\/#referenzen .rx.phslot{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(120% 130% at 50% -15%,#1a242e,#0b0f13 75%);background-size:44px 44px,44px 44px,auto}#referenzen .ph-badge{position:absolute;top:14px;inset-inline-end:14px;z-index:3;font-weight:800;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.22);border-radius:3px;padding:5px 10px}.pod .podplay{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.pod .podnote{font-weight:700;font-size:11.5px;color:rgba(255,255,255,.8);background:rgba(10,14,18,.55);border-radius:999px;padding:6px 13px}.pod .podplay:hover .play{transform:scale(1.07)}.pod .play{transition:transform .2s}.pod .podframe{background:#0E1519;border:1px solid rgba(12,14,16,.14);border-radius:6px;padding:10px;box-shadow:0 26px 55px -32px rgba(10,14,18,.55)}\/*REFH2E*\/\/*WOHNWELT*\/\r\n#wohnwelten{padding:88px 0}\r\n.wwgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid var(--line)}\r\n@media(max-width:900px){.wwgrid{grid-template-columns:1fr}}\r\n.wwcard{display:block;text-decoration:none;color:inherit;padding:26px 30px 30px 0;border-bottom:1px solid var(--line);position:relative}\r\n@media(min-width:901px){\r\n  .wwcard{border-inline-end:1px solid var(--line)}\r\n  .wwcard:nth-child(3){border-inline-end:0;padding-inline-end:0}\r\n  .wwcard:nth-child(n+2){padding-inline-start:30px}\r\n  .wwcard:nth-child(1){padding-inline-start:0}\r\n}\r\n.wwcard::before{content:\"\";position:absolute;top:-1px;inset-inline-start:0;width:34px;height:2px;background:var(--cyan);transition:width .35s ease}\r\n@media(min-width:901px){.wwcard:nth-child(n+2)::before{inset-inline-start:30px}.wwcard:nth-child(1)::before{inset-inline-start:0}}\r\n.wwcard:hover::before,.wwcard:focus-visible::before{width:70px}\r\n.ww-img{display:block;height:clamp(200px,20vw,264px);background-size:cover;background-position:center;filter:saturate(.92)}\r\n.wwcard:hover .ww-img{filter:saturate(1)}\r\n.ww-body{display:block;padding-top:20px}\r\n.ww-t{display:block;font-weight:900;font-size:clamp(19px,2.1vw,24px);letter-spacing:-.025em;color:var(--ink)}\r\n.ww-p{display:block;margin-top:10px;font-size:14.5px;line-height:1.65;color:var(--muted);max-width:38ch}\r\n.ww-more{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font-weight:800;font-size:11px;\r\n  letter-spacing:.16em;text-transform:uppercase;color:var(--cyan-ink)}\r\n.ww-ar{display:inline-flex;width:15px;height:15px;transition:transform .3s ease}\r\n.ww-ar svg{width:100%;height:100%}\r\n.wwcard:hover .ww-ar{transform:translateX(5px)}\r\n.wwcard:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}\r\n\/*HP-FIX*\/\r\n\/* Der Audit fand zehn Eckenradien und zwei Designsprachen nebeneinander. *\/\r\n.rx,.card,.pcard,.tcard,.ppanel,.pod .art,.podframe{border-radius:6px!important}\r\n.rx:hover,.card:hover,.pcard:hover,.tcard:hover,.ppanel:hover{transform:none!important;box-shadow:none!important}\r\n.rx .rx-veil{transition:opacity .3s ease}\r\n.rx:hover .rx-veil{opacity:.86}\r\n.pod .podplay{position:relative;overflow:hidden}\r\n.pod .podplay::after{content:\"\";position:absolute;inset:0;background:rgba(10,14,18,.42)}\r\n.pod .podplay .play,.pod .podplay .podnote{position:relative;z-index:2}\r\n\/*BAS-KURZ*\/\r\n.basalte .bgrid{grid-template-columns:repeat(3,1fr)!important}\r\n@media(max-width:900px){.basalte .bgrid{grid-template-columns:1fr!important}}\r\n\/*REF-VOR*\/\r\n\/*WEG-FIX*\/\r\n\/* Kein Kasten mehr: kein Rahmen, kein Grund, kein Schatten \u2014 nur Haarlinien. *\/\r\n#weg .wpath{background:none!important;border:0!important;border-radius:0!important;\r\n  box-shadow:none!important;overflow:visible!important;border-top:1px solid var(--line)!important;\r\n  grid-template-columns:repeat(3,1fr)!important;gap:0!important;margin-top:52px!important}\r\n@media(max-width:900px){#weg .wpath{grid-template-columns:1fr!important}}\r\n\/* Zellen: Haarlinien statt Rahmen, letzte Spalte ohne rechte Linie *\/\r\n#weg .wstep{border-inline-start:0!important;border-bottom:1px solid var(--line)!important;\r\n  padding:26px 30px 30px 0!important;min-height:0!important}\r\n@media(min-width:901px){\r\n  #weg .wstep{border-inline-end:1px solid var(--line)!important}\r\n  #weg .wstep:nth-child(3n){border-inline-end:0!important;padding-inline-end:0!important}\r\n  #weg .wstep:nth-child(n+2){padding-inline-start:30px!important}\r\n  #weg .wstep:nth-child(3n+1){padding-inline-start:0!important}\r\n}\r\n\/* Die Zeile unter dem Raster stand mittig im Kasten \u2014 jetzt linksb\u00fcndig darunter *\/\r\n#weg .wsum{margin-top:34px!important}\r\n\/* Eine der sechs alten .wstep-Regeln zentriert den Inhalt \u2014 hier linksbuendig zurueckholen *\/\r\n#weg .wstep,#weg .wstep *{text-align:start!important}\r\n#weg .wstep{align-items:flex-start!important}\r\n#weg .wic{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:16px}\r\n#weg .wt{margin:0 0 10px!important}\r\n#weg .wtx{margin:0!important;max-width:34ch}\r\n#weg .wv{margin-top:16px!important;max-width:34ch}\r\n\/*HP-FIX2*\/\r\n\/* Das kleine Bild lag halb \u00fcber dem gro\u00dfen und wurde am Rand abgeschnitten. *\/\r\n.basalte .bmedia{display:grid!important;grid-template-columns:1fr 1fr!important;\r\n  grid-template-rows:auto auto!important;gap:14px!important;position:static!important}\r\n.basalte .bimg{grid-column:1\/-1!important;position:static!important;aspect-ratio:16\/9;\r\n  background-size:cover;background-position:center;border-radius:2px!important;\r\n  box-shadow:none!important;margin:0!important;width:auto!important;height:auto!important}\r\n.basalte .bimg2{grid-column:1\/2!important;position:static!important;aspect-ratio:4\/3;\r\n  background-size:cover;background-position:center;border-radius:2px!important;\r\n  box-shadow:none!important;margin:0!important;width:auto!important;height:auto!important;\r\n  border:1px solid rgba(255,255,255,.14)}\r\n\/* Der Showroom-Termin war ein kleiner Textlink unter dem Button. *\/\r\n.basalte .bctas{display:flex!important;flex-wrap:wrap;gap:14px!important;align-items:center}\r\n.basalte .bcta2{display:inline-flex!important;align-items:center;gap:9px;\r\n  border:1px solid var(--champ,#C9A96A)!important;color:#fff!important;\r\n  padding:14px 22px!important;border-radius:2px!important;font-weight:800!important;\r\n  font-size:14px!important;text-decoration:none!important;letter-spacing:.01em}\r\n.basalte .bcta2:hover{background:rgba(201,169,106,.12)!important}\r\n.pod .art{background-color:#11181D!important;background-size:contain!important;\r\n  background-repeat:no-repeat!important;background-position:center!important;\r\n  aspect-ratio:16\/10;border:1px solid rgba(255,255,255,.10)}\r\n.pod .podplay::after{background:rgba(10,14,18,.25)!important}\r\n.blpfoot .ftop{grid-template-columns:1.6fr 1fr 1fr 1fr!important;gap:34px!important}\r\n@media(max-width:900px){.blpfoot .ftop{grid-template-columns:1fr 1fr!important}}\r\n@media(max-width:560px){.blpfoot .ftop{grid-template-columns:1fr!important}}\r\n.blpfoot .fregion{display:block;margin-top:14px;font-size:12.5px;color:rgba(255,255,255,.45)}\r\n.blpfoot .fregionen{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:18px 0 0;\r\n  font-size:13px;color:rgba(255,255,255,.45)}\r\n.blpfoot .fregionen a{color:rgba(255,255,255,.7);text-decoration:none}\r\n.blpfoot .fregionen a:hover{color:#fff}\r\n\/*TEAM-FIX*\/\r\n\/* Die dunkle Fassung aus der Vorrunde vollst\u00e4ndig zur\u00fccknehmen *\/\r\n#team{background:#F7F9FA!important;color:var(--text)!important;padding:96px 0!important}\r\n#team .label{color:var(--cyan-ink)!important}\r\n#team .label::before{background:var(--cyan)!important}\r\n#team h2{color:var(--ink)!important}\r\n#team .sec-head p{color:var(--muted)!important}\r\n\r\n\/* Zwei Spalten, das Foto bekommt Gewicht statt Schlagschatten *\/\r\n#team .tc-grid{gap:clamp(30px,5vw,64px)!important;align-items:start!important}\r\n#team .tc-img{border-radius:2px!important;box-shadow:none!important;min-height:430px}\r\n\r\n\/* Die wei\u00dfe Karte um die beiden Logos war ein Widget \u2014 jetzt Haarlinien *\/\r\n#team .tc-brands{background:none!important;border:0!important;border-radius:0!important;\r\n  box-shadow:none!important;padding:0 0 26px!important;border-bottom:1px solid var(--line)!important}\r\n#team .tc-bhead{color:var(--muted)!important;letter-spacing:.18em;font-size:10.5px;\r\n  text-transform:uppercase;font-weight:800;margin-bottom:20px;text-align:start!important}\r\n#team .tc-bcols{gap:clamp(24px,4vw,52px)!important}\r\n#team .tc-bcol{align-items:flex-start!important;text-align:start!important}\r\n#team .tc-brole{color:var(--muted)!important;font-size:11px;letter-spacing:.12em;margin-top:10px}\r\n\/* Das Kreuz zwischen den Logos war ein schwarzer Kreis *\/\r\n#team .tc-bcols::before,#team .tc-bcols>span:not([class]){display:none!important}\r\n\r\n\/* Gr\u00fcnderzeile: Namen wieder sichtbar und als Links erkennbar *\/\r\n#team .tc-founderline{margin:26px 0 0!important;font-size:15.5px;line-height:1.7;color:var(--muted)!important}\r\n#team .tc-founderline a{color:var(--ink)!important;text-decoration:none;\r\n  border-bottom:1px solid var(--cyan);padding-bottom:1px}\r\n#team .tc-founderline a:hover{border-bottom-color:var(--ink)}\r\n#team .tc-founderline strong{color:var(--ink)!important;font-weight:800}\r\n\r\n\/* Kennzahlen als Haarlinienreihe, Zahlen wieder sichtbar *\/\r\n#team .tc-stats{margin-top:28px!important;padding-top:22px!important;\r\n  border-top:1px solid var(--line)!important;gap:0!important}\r\n#team .tc-stats>div{padding-inline-end:26px}\r\n#team .tc-stats strong{color:var(--ink)!important;font-weight:900;display:block;\r\n  font-size:clamp(19px,2.2vw,24px);letter-spacing:-.02em}\r\n#team .tc-stats span{color:var(--muted)!important;display:block;margin-top:5px;\r\n  font-size:11px;letter-spacing:.11em;text-transform:uppercase}\r\n\r\n\/* Die Avatarreihe mit \u201e+8\" ist Social-Media-Grammatik, nicht Planungsb\u00fcro *\/\r\n#team .tc-avrow{display:none!important}\r\n\r\n\/* Kein Cyan-Pillen-Knopf, sondern ein ruhiges Rechteck *\/\r\n#team .tc-cta{background:none!important;color:var(--ink)!important;\r\n  border:1px solid var(--ink)!important;border-radius:2px!important;\r\n  box-shadow:none!important;margin-top:30px!important;padding:14px 24px!important;font-weight:800}\r\n#team .tc-cta:hover{background:var(--ink)!important;color:#fff!important}\r\n\/* Der Pool liegt im oberen Bilddrittel; zentrierter Ausschnitt zeigte nur die Mauer. *\/\r\n.wwcard:nth-child(1) .ww-img{background-position:center 28%!important}\r\n\/*HP-FEIN*\/\r\n\/* Ein Podcast-Cover ist quadratisch \u2014 im 16:10-Feld wirkte es wie ein Letterbox-Bild. *\/\r\n.pod .art{aspect-ratio:1\/1!important;max-width:330px!important;margin-inline-start:auto!important;\r\n  background-size:cover!important;border-radius:4px!important}\r\n@media(max-width:760px){.pod .art{margin:0 auto!important}}\r\n\/* Der Markentext im Footer stand fast unlesbar auf dem dunklen Grund. *\/\r\n.blpfoot .fbrand p{color:rgba(255,255,255,.58)!important}\r\n.blpfoot .fh{color:var(--cyan)!important;opacity:.9}\r\n\/*HP-FEIN2*\/\r\n\/* Nur noch ein Bild \u2014 das kleine trug nichts bei und wirkte wie ein Rest. *\/\r\n.basalte .bmedia{display:block!important}\r\n.basalte .bimg{width:100%!important;aspect-ratio:4\/3;border-radius:2px!important}\r\n\r\n\/* Der Trennstrich klebte an der rechten Spalte (52 px links, 0 rechts). Jetzt mittig im Zwischenraum. *\/\r\n#team .tc-bcols{gap:0!important;grid-template-columns:1fr 1fr!important}\r\n#team .tc-bcol:first-child{padding-inline-end:clamp(20px,3vw,34px)!important}\r\n#team .tc-bcol:last-child{padding-inline-start:clamp(20px,3vw,34px)!important;\r\n  border-inline-start:1px solid var(--line)!important}\r\n\r\n\/* Der cyanfarbene Schein um den Hauptknopf ist genau der Effekt-Look, der raus sollte. *\/\r\n.basalte .bcta,.basalte .btn.primary{box-shadow:none!important}\r\n\/*POD-FEIN*\/\r\n\/* Das Cover ist hell \u2014 die dunkle Auflage von vorhin machte es schmutzig. *\/\r\n.pod .podplay::after{background:rgba(10,14,18,.06)!important}\r\n.pod .art{background-color:#fff!important;border:1px solid var(--line)!important}\r\n.pod .podnote{background:rgba(10,14,18,.78)!important;color:#fff!important}\r\n\/*KOPF-FIX*\/.nav .wrap{gap:20px}.nav .menu{gap:26px;flex-wrap:nowrap}.nav .menu a{white-space:nowrap}.nav .menu li{flex:none}.nav .sflang{flex:none;margin-inline-start:6px;padding-inline-start:20px;border-inline-start:1px solid var(--line,#E3E8EC)}@media(max-width:1120px){.nav .menu{gap:18px;font-size:14px}.nav .sflang{padding-inline-start:14px}}@media(max-width:980px){.nav .menu{gap:14px;font-size:13.5px}}\/*KOPF-FIX-ENDE*\/\r\n.sflang{display:flex;align-items:center;gap:9px;flex:none;font-size:12px;font-weight:800;letter-spacing:.09em;font-family:'Lato',system-ui,sans-serif}\r\n.sflang a{color:#8A949B;text-decoration:none}\r\n.sflang a:hover{color:#007FA3}\r\n.sflang .on{color:currentColor;opacity:.95}\r\n@media(max-width:560px){.sflang{gap:6px;font-size:11px;letter-spacing:.06em;margin-inline-start:0;padding-inline-start:10px}}\r\n<\/style>\r\n\r\n<header class=\"nav\" data-sf-lang=\"en\">\r\n  <div class=\"wrap\">\r\n    <a href=\"\/en\/\" class=\"logo\" aria-label=\"smartfabrik\"><\/a>\r\n    <input type=\"checkbox\" id=\"sfnav\" class=\"sfnav-cb\" aria-label=\"Open menu\"><label for=\"sfnav\" class=\"sfnav-burger\" aria-hidden=\"true\"><span><\/span><\/label><ul class=\"menu\">\r\n      \r\n      <li><a href=\"\/en\/services\/\">Services<\/a><\/li>\r\n      <li><a href=\"\/en\/knx-service\/\">KNX service<\/a><\/li>\r\n      <li><a href=\"#referenzen\">Projects<\/a><\/li>\r\n      <li><a href=\"#partner\">Partners<\/a><\/li>\r\n      <li><a href=\"\/en\/team\/\">Team<\/a><\/li>\r\n      <li><a href=\"#kontakt\">Contact<\/a><\/li>\r\n    <\/ul>\r\n    <div class=\"sflang\"><a href=\"\/en\/\" lang=\"de\">DE<\/a><span class=\"on\">EN<\/span><a href=\"\/ar\/\" lang=\"ar\">AR<\/a><\/div><a class=\"btn primary\" href=\"#kontakt\">Talk to us <span class=\"ar\">\u2192<\/span><\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<section class=\"hero\" id=\"sfhero\"><canvas class=\"hgl\" id=\"sfheroGL\"><\/canvas>\r\n  <div class=\"media\" id=\"sfheroMedia\"><\/div><div class=\"warmglow\"><\/div><div class=\"sweep\"><\/div>\r\n  <div class=\"scrim\"><\/div>\r\n  <div class=\"wrap\">\r\n    <span class=\"label light reveal\">Premium smart home \u00b7 design &amp; delivery \u00b7 D\u00fcsseldorf &amp; nationwide<\/span>\r\n    <h1 class=\"reveal\">Technology you barely see \u2014 and <span>feel every day<\/span>.<\/h1>\r\n    <p class=\"lede reveal\">We design intelligent homes \u2014 smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across North Rhine-Westphalia. From the first conversation to a perfectly tuned installation. The pillar standing beside your architect.<\/p>\r\n    <div class=\"actions reveal\">\r\n      <a class=\"btn primary\" href=\"#kontakt\">Personal initial consultation <span class=\"ar\">\u2192<\/span><\/a>\r\n      <a class=\"btn ghostlight\" href=\"#referenzen\">View projects<\/a>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"statbar\"><div class=\"wrap\"><div class=\"statcard\"><div class=\"stats\">\r\n      <div class=\"stat\"><div class=\"n\">100<span>+<\/span><\/div><div class=\"t\">projects delivered<\/div><\/div>\r\n      <div class=\"stat\"><div class=\"n\">since 2018<\/div><div class=\"t\">in business<\/div><\/div>\r\n      <div class=\"stat\"><div class=\"n\">Engineers<\/div><div class=\"t\">&amp; master electricians in the team<\/div><\/div>\r\n      <div class=\"stat\"><div class=\"n\">KNX<\/div><div class=\"t\">Trainer certification<\/div><\/div>\r\n      <div class=\"stat\"><div class=\"n\">Basalte<\/div><div class=\"t\">Gold Partner<\/div><\/div>\r\n    <\/div><\/div><\/div><\/div>\r\n<section class=\"wegsec\" id=\"weg\"><div class=\"wrap\"><div class=\"wsh\"><span class=\"wlabel\">The smartfabrik approach<\/span><h2 class=\"wh2\">From the first thought to a house that thinks with you.<\/h2><p class=\"wp\">Off-the-peg technology is designed for a building \u2014 we design for the life you will live in it. In five clear steps, thought into the house from the start.<\/p><\/div><div class=\"wpath\"><div class=\"wstep\"><div class=\"wic\"><span class=\"wnum\">1<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h16v11H9l-4 4z\"\/><path d=\"M8 9h8M8 12h5\"\/><\/svg><\/div><h3 class=\"wt\">Holistic consultation<\/h3><p class=\"wtx\">Early on, with you, the architect and the interior practice at one table \u2014 before the first cable.<\/p><span class=\"wv\">Decisions are made early \u2014 while changes still cost nothing.<\/span><\/div><div class=\"wstep\"><div class=\"wic\"><span class=\"wnum\">2<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16v16H4z\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg><\/div><h3 class=\"wt\">Concept work &amp; clear recommendations<\/h3><p class=\"wtx\">One coherent concept \u2014 with a clear, reasoned recommendation rather than an open list of options.<\/p><span class=\"wv\">You decide with confidence \u2014 everything works as one.<\/span><\/div><div class=\"wstep\"><div class=\"wic\"><span class=\"wnum\">3<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3c-5 0-9 3.6-9 8a4 4 0 0 0 4 4h1.5a1.8 1.8 0 0 1 1.6 2.6A2 2 0 0 0 12 21c5 0 9-3.6 9-9s-4-9-9-9Z\"\/><circle cx=\"7.5\" cy=\"11\" r=\"1.1\"\/><circle cx=\"12\" cy=\"8\" r=\"1.1\"\/><circle cx=\"16\" cy=\"11\" r=\"1.1\"\/><\/svg><\/div><h3 class=\"wt\">Product selection &amp; design<\/h3><p class=\"wtx\">Switch design, lighting scenes and materials agreed together \u2014 experienced before anything is built.<\/p><span class=\"wv\">No surprises \u2014 seen and approved in advance.<\/span><\/div><div class=\"wstep\"><div class=\"wic\"><span class=\"wnum\">4<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14.5 5.5a3.5 3.5 0 0 1-4.6 4.6l-5.4 5.4 2 2 5.4-5.4a3.5 3.5 0 0 1 4.6-4.6l-2.3 2.3-1.6-1.6z\"\/><\/svg><\/div><h3 class=\"wt\">Delivered by elektrofabrik<\/h3><p class=\"wtx\">Our sister company builds exactly what was designed \u2014 nothing lost in between, with one named contact.<\/p><span class=\"wv\">From the idea to the first light switch \u2014 one continuous responsibility.<\/span><\/div><div class=\"wstep\"><div class=\"wic\"><span class=\"wnum\">5<\/span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 8h9M17 8h3M4 16h3M11 16h9\"\/><circle cx=\"15\" cy=\"8\" r=\"2.2\"\/><circle cx=\"9\" cy=\"16\" r=\"2.2\"\/><\/svg><\/div><h3 class=\"wt\">Commissioning &amp; fine-tuning<\/h3><p class=\"wtx\">smartfabrik commissions your system, programmes the lighting scenes and tunes everything to you.<\/p><span class=\"wv\">First-class after-sales \u2014 your home grows with you.<\/span><\/div><\/div><p class=\"wclose\">Five steps. One person responsible. <span>Nothing lost in between.<\/span><\/p><\/div><\/section>\r\n\r\n<section class=\"orchsec\" id=\"orchestrierung\"><div class=\"wrap\"><div class=\"osec\"><span class=\"olabel\">Orchestrating every trade<\/span><h2 class=\"oh\">One home. One system. No islands.<\/h2><p class=\"op\">The earlier we are involved, the better. From the outset we coordinate every electrical interface with every other \u2014 the part an architect cannot take on.<\/p><\/div><div class=\"ohub\" id=\"sforchHub\"><svg class=\"onet\" id=\"sforchNet\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid meet\" aria-hidden=\"true\"><\/svg><div class=\"ocenter\"><img decoding=\"async\" class=\"ofox\" src=\"\/wp-content\/uploads\/sf\/a4b651d74c.png\" alt=\"\"><span class=\"ocl\">orchestrated<\/span><\/div><\/div><p class=\"olegend\">Windows, climate, security, lighting, garden, access \u2014 <b>everything runs on one system<\/b>, designed at every electrical interface. Nothing side by side, nothing patched together.<\/p><\/div><\/section>\r\n\r\n\r\n<section id=\"wohnwelten\"><div class=\"wrap\">\r\n  <div class=\"sec-head reveal\">\r\n    <span class=\"label\">Ways of living<\/span>\r\n    <h2>Three worlds, one home.<\/h2>\r\n    <p>Before this is about technology, it is about how you want to live. Three views of the same house \u2014 each leading to the services behind it.<\/p>\r\n  <\/div>\r\n  <div class=\"wwgrid\">\r\n    <a class=\"wwcard reveal\" href=\"\/en\/comfort-luxury\/\">\r\n      <span class=\"ww-img\" style=\"background-image:url(\/wp-content\/uploads\/sf\/7be7edca2d.jpg)\" role=\"img\" aria-label=\"Comfort and luxury\"><\/span>\r\n      <span class=\"ww-body\"><span class=\"ww-t\">Comfort &amp; luxury<\/span><span class=\"ww-p\">Light, sound, climate and shading follow a single touch \u2014 and where more is wanted, the house becomes something to experience.<\/span><span class=\"ww-more\">View <span class=\"ww-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M12 5l7 7-7 7\"\/><\/svg><\/span><\/span><\/span>\r\n    <\/a>\r\n    <a class=\"wwcard reveal\" href=\"\/en\/energy-efficiency\/\">\r\n      <span class=\"ww-img\" style=\"background-image:url(\/wp-content\/uploads\/sf\/f39b79351b.jpg)\" role=\"img\" aria-label=\"Energy and efficiency\"><\/span>\r\n      <span class=\"ww-body\"><span class=\"ww-t\">Energy &amp; efficiency<\/span><span class=\"ww-p\">Generation, storage, heat pump and charging point on one system \u2014 your own electricity arrives where it does the most good.<\/span><span class=\"ww-more\">View <span class=\"ww-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M12 5l7 7-7 7\"\/><\/svg><\/span><\/span><\/span>\r\n    <\/a>\r\n    <a class=\"wwcard reveal\" href=\"\/en\/security-connectivity\/\">\r\n      <span class=\"ww-img\" style=\"background-image:url(\/wp-content\/uploads\/sf\/0c7363305f.jpg)\" role=\"img\" aria-label=\"Security and connectivity\"><\/span>\r\n      <span class=\"ww-body\"><span class=\"ww-t\">Security &amp; connectivity<\/span><span class=\"ww-p\">Alarm, cameras, access control and video entry on one stable network \u2014 operated in the same place as lighting and shading.<\/span><span class=\"ww-more\">View <span class=\"ww-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M12 5l7 7-7 7\"\/><\/svg><\/span><\/span><\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/div><\/section>\r\n<section id=\"referenzen\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <span class=\"label\">Projects<\/span>\r\n      <h2>Projects that speak for us.<\/h2>\r\n      <p>Three houses here, thirty on the projects page \u2014 we have accompanied considerably more. What we mean by smart home design is not written in a promise of service; it is built into houses.<\/p>\r\n    <\/div>\r\n    <div class=\"refx\">\r\n      <a class=\"rx photo reveal\" href=\"\/en\/projects\/#p01\" style=\"background-image:url(\/wp-content\/uploads\/sf\/e8c93de2e0.jpg)\"><span class=\"rx-veil\"><\/span><span class=\"rx-cap\"><span class=\"rx-eye\">Private residence \u00b7 Pfalz<\/span><span class=\"rx-h\">The Heintz project.<\/span><span class=\"rx-more\">View project <span class=\"ar\">&rarr;<\/span><\/span><\/span><\/a>\r\n      <a class=\"rx photo reveal\" href=\"\/en\/projects\/#p05\" style=\"background-image:url(\/wp-content\/uploads\/sf\/173b63b9b9.jpg)\"><span class=\"rx-veil\"><\/span><span class=\"rx-cap\"><span class=\"rx-eye\">Villa Remus \u00b7 Son Vida, Mallorca<\/span><span class=\"rx-h\">The world's first Instagram house \u2014 with Marcel Remus.<\/span><span class=\"rx-more\">View project <span class=\"ar\">&rarr;<\/span><\/span><\/span><\/a>\r\n      <a class=\"rx photo reveal\" href=\"\/en\/projects\/#p03\" style=\"background-image:url(\/wp-content\/uploads\/sf\/ac10b2c834.jpg)\"><span class=\"rx-veil\"><\/span><span class=\"rx-cap\"><span class=\"rx-eye\">Smart home &amp; office \u00b7 D\u00fcsseldorf-Oberkassel<\/span><span class=\"rx-h\">A historic building, invisibly modernised.<\/span><span class=\"rx-more\">View project <span class=\"ar\">&rarr;<\/span><\/span><\/span><\/a>\r\n    <\/div>\r\n    <div class=\"refx-cta reveal\"><a class=\"btn primary\" href=\"\/en\/projects\/\">All projects &amp; project details <span class=\"ar\">&rarr;<\/span><\/a><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section id=\"leistungen\"><div class=\"wrap\"><div class=\"sec-head reveal\"><span class=\"label\">Services<\/span><h2>Everything from one source \u2014 thought through in four pillars.<\/h2><p>From manufacturer-independent design through lighting and comfort to security and infrastructure. Every service premium in its own right \u2014 at full strength when they work together.<\/p><\/div><div class=\"pillars\"><div class=\"ppanel reveal\"><div class=\"pp-head\"><span class=\"pp-bar\"><\/span><h3 class=\"pp-name\">Design, consultancy &amp; project management<\/h3><p class=\"pp-sub\">Designed on a manufacturer-independent basis \u2014 from the first idea to a clear recommendation.<\/p><\/div><div class=\"pp-list\"><a class=\"pp-item\" href=\"\/en\/smart-home-planning\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1.6\"\/><path d=\"M3 9h18M9 9v12\"\/><\/svg><\/span><span class=\"pp-t\">Smart home planning<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/knx-planning\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"2.3\"\/><circle cx=\"5\" cy=\"5\" r=\"1.7\"\/><circle cx=\"19\" cy=\"5\" r=\"1.7\"\/><circle cx=\"5\" cy=\"19\" r=\"1.7\"\/><circle cx=\"19\" cy=\"19\" r=\"1.7\"\/><path d=\"m6.4 6.4 4 4m7.2-4-4 4m-3.2 3.2-4 4m11.2 0-4-4\"\/><\/svg><\/span><span class=\"pp-t\">KNX design<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/knx-programming\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 8l-4 4 4 4M15 8l4 4-4 4M13 6l-2 12\"\/><\/svg><\/span><span class=\"pp-t\">KNX programming &amp; commissioning<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/smart-home-electrical-planning\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M13 2 4 14h6l-1 8 9-12h-6l1-8Z\"\/><\/svg><\/span><span class=\"pp-t\">Smart home electrical planning<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/independent-consultancy\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 5h16v10H10l-4 4v-4H4z\"\/><path d=\"M8 9.5h8M8 12.5h4\"\/><\/svg><\/span><span class=\"pp-t\">Independent consultancy &amp; concept<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/div><\/div><div class=\"ppanel reveal\"><div class=\"pp-head\"><span class=\"pp-bar\"><\/span><h3 class=\"pp-name\">Lighting, shading &amp; comfort<\/h3><p class=\"pp-sub\">Lighting, shading and climate that feel right every single day.<\/p><\/div><div class=\"pp-list\"><a class=\"pp-item\" href=\"\/en\/lighting-design\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 21h4\"\/><path d=\"M8.5 14a5 5 0 1 1 7 0c-.6.6-1 1.2-1 2h-5c0-.8-.4-1.4-1-2Z\"\/><\/svg><\/span><span class=\"pp-t\">Lighting design<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/shading-solar-protection\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3.5\" width=\"16\" height=\"14\" rx=\"1.2\"\/><path d=\"M4 8h16M4 11.5h16M4 15h16\"\/><path d=\"M19.5 17.5v3\"\/><\/svg><\/span><span class=\"pp-t\">Shading &amp; solar protection<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/heating-indoor-climate\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3a2 2 0 0 0-2 2v8.2a4 4 0 1 0 4 0V5a2 2 0 0 0-2-2Z\"\/><path d=\"M12 9v5\"\/><\/svg><\/span><span class=\"pp-t\">Heating &amp; indoor climate<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/lighting-control-scenes\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 7h8M17 7h3M4 12h3M12 12h8M4 17h9M18 17h2\"\/><circle cx=\"14.5\" cy=\"7\" r=\"2\"\/><circle cx=\"9\" cy=\"12\" r=\"2\"\/><circle cx=\"15.5\" cy=\"17\" r=\"2\"\/><\/svg><\/span><span class=\"pp-t\">Lighting control &amp; scenes<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/garden-irrigation\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3s5.5 6.1 5.5 9.8A5.5 5.5 0 0 1 12 18.3a5.5 5.5 0 0 1-5.5-5.5C6.5 9.1 12 3 12 3Z\"\/><path d=\"M12 21v-2.7\"\/><\/svg><\/span><span class=\"pp-t\">Garden irrigation<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/div><\/div><div class=\"ppanel reveal\"><div class=\"pp-head\"><span class=\"pp-bar\"><\/span><h3 class=\"pp-name\">Security &amp; access control<\/h3><p class=\"pp-sub\">See who is coming \u2014 and sleep soundly, indoors and out.<\/p><\/div><div class=\"pp-list\"><a class=\"pp-item\" href=\"\/en\/video-surveillance\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"7\" width=\"13\" height=\"9\" rx=\"1.6\"\/><path d=\"M16 10.5l5-2v6l-5-2\"\/><circle cx=\"8\" cy=\"11.5\" r=\"1.7\"\/><\/svg><\/span><span class=\"pp-t\">Video surveillance<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/alarm-intruder-protection\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l8 3v5c0 4.2-3 7.5-8 9-5-1.5-8-4.8-8-9V6l8-3Z\"\/><path d=\"M12 8v4M12 15h.01\"\/><\/svg><\/span><span class=\"pp-t\">Alarm &amp; intruder protection<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/video-entry\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"6.5\" y=\"2.5\" width=\"11\" height=\"19\" rx=\"1.8\"\/><circle cx=\"12\" cy=\"7.5\" r=\"2\"\/><path d=\"M9.5 12.5h5M9.5 15.5h5\"\/><path d=\"M10.5 18.5h3\"\/><\/svg><\/span><span class=\"pp-t\">Video entry<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/access-control-smart-lock\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"10\" width=\"14\" height=\"10\" rx=\"2\"\/><path d=\"M8 10V7a4 4 0 0 1 8 0v3\"\/><circle cx=\"12\" cy=\"15\" r=\"1.4\"\/><\/svg><\/span><span class=\"pp-t\">Access control &amp; smart lock<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/div><\/div><div class=\"ppanel reveal\"><div class=\"pp-head\"><span class=\"pp-bar\"><\/span><h3 class=\"pp-name\">Infrastructure, network &amp; energy<\/h3><p class=\"pp-sub\">The invisible foundation that carries everything else, reliably, in the background.<\/p><\/div><div class=\"pp-list\"><a class=\"pp-item\" href=\"\/en\/network-security-systems\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"6\" rx=\"1.2\"\/><rect x=\"3\" y=\"14\" width=\"18\" height=\"6\" rx=\"1.2\"\/><path d=\"M6.5 7h.01M6.5 17h.01M10 7h5M10 17h5\"\/><\/svg><\/span><span class=\"pp-t\">Network &amp; security systems<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/home-network-cabling\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"13\" width=\"18\" height=\"7\" rx=\"1.5\"\/><path d=\"M7 16.5h.01M10.5 16.5h.01\"\/><path d=\"M12 13V9.5M8.8 9.3a4.5 4.5 0 0 1 6.4 0M6.3 6.9a8 8 0 0 1 11.4 0\"\/><\/svg><\/span><span class=\"pp-t\">Home network &amp; cabling<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/fibre-conduits\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 4v7a5 5 0 0 0 5 5h4a3 3 0 0 1 3 3v1\"\/><circle cx=\"5\" cy=\"4\" r=\"1.6\"\/><circle cx=\"20\" cy=\"20\" r=\"1.6\"\/><\/svg><\/span><span class=\"pp-t\">Fibre &amp; conduits<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/wallbox-e-mobility\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7\" y=\"3\" width=\"10\" height=\"15\" rx=\"2\"\/><path d=\"M10 7h4\"\/><circle cx=\"12\" cy=\"11.5\" r=\"2\"\/><path d=\"M12 18v1.5a1.5 1.5 0 0 0 1.5 1.5h1a1.5 1.5 0 0 0 1.5-1.5V14\"\/><\/svg><\/span><span class=\"pp-t\">Wallbox &amp; e-mobility<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/multiroom-home-cinema\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 9v6h3.5L13 19V5L7.5 9H4Z\"\/><path d=\"M16.5 9.5a3.5 3.5 0 0 1 0 5M19 7a7 7 0 0 1 0 10\"\/><\/svg><\/span><span class=\"pp-t\">Multiroom &amp; home cinema<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/photovoltaics-energy-systems\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2.5M12 19.5V22M4.2 4.2 6 6M18 18l1.8 1.8M2 12h2.5M19.5 12H22M4.2 19.8 6 18M18 6l1.8-1.8\"\/><\/svg><\/span><span class=\"pp-t\">Photovoltaics &amp; energy systems<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><a class=\"pp-item\" href=\"\/en\/control-cabinet-construction\/\"><span class=\"pp-ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1.5\"\/><path d=\"M8 7h8M8 11h8M8 15h5\"\/><\/svg><\/span><span class=\"pp-t\">Control cabinet construction<\/span><span class=\"pp-ar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/span><\/a><\/div><\/div><\/div><\/div><\/section>\r\n\r\n<section class=\"why\" id=\"warum\"><div class=\"wrap\"><div class=\"wtop reveal\"><span class=\"wlabel\">Why smartfabrik<\/span><h2 class=\"whead\">Anyone can claim KNX. Thinking premium &mdash; and feeling it &mdash; is another matter.<\/h2><p class=\"wintro\">Plenty of firms can handle a bus system. Tuning a whole house to you, in detail and as one piece, is another matter entirely. That is where smartfabrik begins.<\/p><\/div><div class=\"wstats reveal\"><div class=\"wstat\"><b>2018<\/b><span>founded &mdash; the same team ever since<\/span><\/div><div class=\"wstat\"><b>100+<\/b><span>projects seen through<\/span><\/div><div class=\"wstat\"><b>KNX<\/b><span>certified trainers<\/span><\/div><div class=\"wstat\"><b>1<\/b><span>point of contact, full responsibility<\/span><\/div><\/div><div class=\"wsplit\"><div class=\"wphoto reveal\"><\/div><div class=\"wreasons reveal\"><div class=\"wreason reveal\"><span class=\"wr-n\">01<\/span><h3>Whole rather than piecemeal<\/h3><p>We do not place technology onto your house, we think it into the house &mdash; a home that responds as one system.<\/p><\/div><div class=\"wreason reveal\"><span class=\"wr-n\">02<\/span><h3>Matched to your interior<\/h3><p>Technology should be felt, not seen &mdash; agreed with the architect and the interior designer, down to the Basalte push-button sensor.<\/p><\/div><div class=\"wreason reveal\"><span class=\"wr-n\">03<\/span><h3>Design &amp; our own installation<\/h3><p>Engineers plan, tradespeople build &mdash; under one roof. elektrofabrik carries the work out with nothing lost in between.<\/p><\/div><div class=\"wreason reveal\"><span class=\"wr-n\">04<\/span><h3>Simple to operate<\/h3><p>What is highly complex in the background stays, day to day, a quiet press of a button.<\/p><\/div><div class=\"wreason reveal\"><span class=\"wr-n\">05<\/span><h3>Manufacturer-independent &amp; KNX trainers<\/h3><p>Beholden to no manufacturer, only to your project &mdash; as KNX trainers we choose the solution that is objectively best.<\/p><\/div><div class=\"wreason reveal\"><span class=\"wr-n\">06<\/span><h3>One point of contact, one responsibility<\/h3><p>One team from the first sketch to handover &mdash; calm across the whole process, and more than 100 projects since 2018.<\/p><\/div><\/div><\/div><div class=\"aftersale reveal\"><div class=\"t\">Support that begins <span>after handover.<\/span><\/div><p>A house of this calibre changes with you &mdash; which is exactly where our after-sales work begins. Because we planned your system ourselves and commissioned it, you reach the people who were responsible for it, not an anonymous helpline. If you wish, a maintenance agreement makes that closeness permanent.<\/p><\/div><\/div><\/section>\r\n\r\n<section id=\"team\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <span class=\"label\">Team<\/span>\r\n      <h2>Full expertise, personal touch.<\/h2>\r\n      <p>smartfabrik plans and programmes, elektrofabrik installs \u2014 more than 20 people, two teams used to working together, the same named contacts from the first idea to handover.<\/p>\r\n    <\/div>\r\n    <div class=\"tc-grid\">\r\n      <div class=\"tc-img reveal\" style=\"background-image:url(\/wp-content\/uploads\/sf\/b3531837c9.jpg)\"><\/div>\r\n      <div class=\"tc-body reveal\">\r\n        <div class=\"tc-brands\">\r\n          <div class=\"tc-bhead\">Two companies &middot; one aim<\/div>\r\n          <div class=\"tc-bcols\">\r\n            <div class=\"tc-bcol\"><span class=\"tc-logo-sf\" aria-label=\"smartfabrik\"><\/span><span class=\"tc-brole\">Design &amp; engineering<\/span><\/div>\r\n            <div class=\"tc-bcol\"><img decoding=\"async\" class=\"tc-logo-ef\" src=\"\/wp-content\/uploads\/sf\/ab6f06c74e.svg\" alt=\"elektrofabrik\"><span class=\"tc-brole\">Installation &amp; commissioning<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <p class=\"tc-founderline\">Led by <a href=\"https:\/\/www.linkedin.com\/in\/sebastian-strickling-662ba5110\/\" target=\"_blank\" rel=\"noopener\"><strong>Sebastian Strickling<\/strong><\/a> and <a href=\"https:\/\/www.linkedin.com\/in\/sebastian-gehmlich-00596079\/\" target=\"_blank\" rel=\"noopener\"><strong>Sebastian Gehmlich<\/strong><\/a> \u2014 from the first conversation to handover, in one pair of hands.<\/p>\r\n        <div class=\"tc-stats\">\r\n          <div><strong>20+<\/strong><span>people<\/span><\/div>\r\n          <div><strong>Engineers<\/strong><span>&amp; master electricians<\/span><\/div>\r\n          <div><strong>KNX<\/strong><span>trainer-level expertise<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"tc-avrow\"><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/2b6d0f8d3f.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/0c1e8e1d8f.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/2deb3ed656.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/4d1b9a7e8c.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/ad072f1397.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/e3366e65b6.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/4e43cc5506.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/26f41772be.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/f5131527a3.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/f9e4ac4f80.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/f12198df95.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/62fcb3582f.jpg)\"><\/span><span class=\"tav\" style=\"background-image:url(\/wp-content\/uploads\/sf\/fd12cc41d2.jpg)\"><\/span><span class=\"tav more\">+8<\/span><\/div>\r\n        <a class=\"btn primary tc-cta\" href=\"\/en\/team\/\">Meet the whole team <span class=\"ar\">&rarr;<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"basalte\" id=\"basalte\"><div class=\"wrap\">\r\n  <div class=\"bhead reveal\">\r\n    <span class=\"blabel\">Our ultra-premium choice<\/span>\r\n    <h2>Basalte: a smart home that feels like architecture.<\/h2>\r\n    <span class=\"bgold\">Basalte Gold Partner<\/span>\r\n  <\/div>\r\n  <div class=\"bfacts reveal\">\r\n    <div class=\"bfact\"><b>Gold Partner<\/b><span>official status<\/span><\/div>\r\n    <div class=\"bfact\"><b>Belgium<\/b><span>small-batch manufacture, hand-assembled<\/span><\/div>\r\n    <div class=\"bfact\"><b>iF \u00b7 Red Dot<\/b><span>&amp; German Design Award<\/span><\/div>\r\n    <div class=\"bfact\"><b>One system<\/b><span>lighting to music, one app<\/span><\/div>\r\n  <\/div>\r\n  <div class=\"bsplit\">\r\n    <div class=\"bintro-col reveal\">\r\n      <p class=\"bintro\">We are beholden to no manufacturer. Where a project demands the very best in design and operation, our choice falls on Basalte \u2014 hand-made in Belgium, sitting on top of the open KNX standard. Not a switch range but an ecosystem in which lighting, shading, climate, music and security speak one language.<\/p>\r\n      <div class=\"bctas\">\r\n        <a class=\"btn primary bcta\" href=\"\/en\/basalte\/\">Explore premium Basalte projects <span class=\"ar\">&rarr;<\/span><\/a>\r\n        <a class=\"bcta2\" href=\"\/en\/basalte\/#buchung\">Showroom appointment in D\u00fcsseldorf <span class=\"ar\">&rarr;<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"bmedia reveal\">\r\n      <div class=\"bimg\" style=\"background-image:url(\/wp-content\/uploads\/sf\/ea93fe5086.jpg)\" role=\"img\" aria-label=\"A Basalte push-button sensor in a high-end interior\"><\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"bgrid reveal\"><div class=\"bitem\"><span class=\"bnum\">01<\/span><h3>A closed ecosystem<\/h3><p>Controls, displays, multiroom audio, door intercom and server all come from one source and are natively matched to one another \u2014 instead of five brands that have to get along.<\/p><\/div><div class=\"bitem\"><span class=\"bnum\">02<\/span><h3>One app for everything<\/h3><p>Lighting, shading, climate, scenes, music and cameras in one calm interface. The same logic on the display, the switch and the remote \u2014 still self-explanatory years later.<\/p><\/div><div class=\"bitem\"><span class=\"bnum\">03<\/span><h3>Small-batch manufacture, on open KNX<\/h3><p>Precision-milled from glass, aluminium and metal, hand-assembled in Belgium. And open all the same: Basalte refines the experience layer on top of KNX, and your house stays extensible.<\/p><\/div><\/div>\r\n<\/div><\/section><section class=\"partner\" id=\"partner\">\r\n  <div class=\"wrap\">\r\n    <div class=\"sec-head reveal\">\r\n      <span class=\"label\">Partners<\/span>\r\n      <h2>The brands &amp; partners we build with.<\/h2>\r\n      <p>Selected brands and collaborations \u2014 from premium controls to interior and design partners such as StudioASH. The full picture is on our partners page.<\/p>\r\n    <\/div>\r\n    <div class=\"plogos reveal\">\r\n      <img decoding=\"async\" class=\"plogo knx\" src=\"\/wp-content\/uploads\/sf\/f1f313e62b.png\" alt=\"KNX partner\">\r\n      <img decoding=\"async\" class=\"plogo\" src=\"\/wp-content\/uploads\/sf\/e249b4e5c3.png\" alt=\"Gira Partner\">\r\n      <img decoding=\"async\" class=\"plogo\" src=\"\/wp-content\/uploads\/sf\/4448d7ae30.png\" alt=\"Jung Partner\">\r\n      <img decoding=\"async\" class=\"plogo\" src=\"\/wp-content\/uploads\/sf\/470066bd15.png\" alt=\"Basalte Gold Partner\">\r\n      <img decoding=\"async\" class=\"plogo ash\" src=\"\/wp-content\/uploads\/sf\/bcc27a47c2.svg\" alt=\"Studio ASH\" loading=\"lazy\"><img decoding=\"async\" class=\"plogo dohmen\" src=\"\/wp-content\/uploads\/sf\/e3f7b9a89a.svg\" alt=\"Dohmen Architekten\" loading=\"lazy\"><span class=\"more\">\u2026 and many more<\/span>\r\n    <\/div>\r\n    <div class=\"pmore reveal\"><a class=\"btn primary pmore-btn\" href=\"\/en\/partners\/\">View all partners <span class=\"ar\">&rarr;<\/span><\/a><\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"pod\" id=\"podcast\">\r\n  <div class=\"wrap\">\r\n    <div class=\"row\">\r\n      <div class=\"reveal\">\r\n        <span class=\"label\">smartpod<\/span>\r\n        <h2>The podcast about the smart home.<\/h2>\r\n        <p style=\"margin-top:16px;font-size:18px;color:var(--muted);max-width:48ch;\">Practical knowledge every fortnight \u2014 from KNX through lighting design to security systems. More than 39 episodes, wherever you get your podcasts.<\/p>\r\n        <div style=\"margin-top:26px;\"><a class=\"btn dark\" href=\"https:\/\/open.spotify.com\/show\/1tRVSficczxx88wSRnHvcL\" target=\"_blank\" rel=\"noopener\">Listen on Spotify <span class=\"ar\">\u2192<\/span><\/a><\/div>\r\n      <\/div>\r\n      <div class=\"art reveal podplay\" role=\"button\" tabindex=\"0\" style=\"background-image:url(\/wp-content\/uploads\/sf\/9ce8456405.jpg);background-size:cover;background-position:center\" aria-label=\"Play the latest episode\"><div class=\"play\">\u25b6<\/div><span class=\"podnote\">Play the latest episode \u2014 player by Podigee<\/span><\/div><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<section class=\"cta\" id=\"kontakt\">\r\n  <div class=\"wrap\">\r\n    <h2 class=\"reveal\">Let's talk about your project \u2014 ideally early.<\/h2>\r\n    <p class=\"reveal\">The earlier we are on board, the more coherent your home becomes. A first conversation, without obligation and straight with you.<\/p>\r\n    <div class=\"actions reveal\">\r\n      <a class=\"btn dark\" href=\"\/en\/contact\/\">Get in touch <span class=\"ar\">\u2192<\/span><\/a>\r\n      <a class=\"btn light\" href=\"tel:+4921183866870\">+49 211 838 66 870<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<footer class=\"blpfoot\" data-sf-lang=\"en\"><div class=\"wrap\"><div class=\"ftop\"><div class=\"fbrand\"><a href=\"\/en\/\" class=\"blogo\" aria-label=\"smartfabrik\"><\/a><p>Manufacturer-independent smart home &amp; KNX planning. Carried out by elektrofabrik. Cologne \u00b7 D\u00fcsseldorf \u00b7 NRW.<\/p><\/div><nav class=\"fcol\"><span class=\"fh\">Services<\/span><a href=\"\/en\/services\/\">All services<\/a><a href=\"\/en\/for-private-clients\/\">For private clients<\/a><a href=\"\/en\/for-developers\/\">For developers &amp; commercial<\/a><a href=\"\/en\/basalte\/\">Basalte<\/a><a href=\"\/en\/network-security-systems\/\">Network &amp; security<\/a><a href=\"\/en\/knx-reconstruction\/\">KNX reconstruction<\/a><\/nav><nav class=\"fcol\"><span class=\"fh\">Company<\/span><a href=\"\/en\/projects\/\">Projects<\/a><a href=\"\/en\/partners\/\">Partners<\/a><a href=\"\/en\/team\/\">Team<\/a><a href=\"\/en\/smartnews\/\">smartnews<\/a><\/nav><nav class=\"fcol\"><span class=\"fh\">Contact<\/span><a href=\"tel:+4921183866870\">+49 211 838 66 870<\/a><a href=\"mailto:info@smartfabrik.de\">info@smartfabrik.de<\/a><a href=\"\/en\/contact\/\">Contact form<\/a><span class=\"fregion\">Cologne \u00b7 D\u00fcsseldorf \u00b7 North Rhine-Westphalia<\/span><\/nav><\/div><div class=\"fregionen\"><span>Locally:<\/span><a href=\"\/en\/smart-home-cologne\/\">Smart Home Cologne<\/a><a href=\"\/en\/smart-home-duesseldorf\/\">Smart Home D\u00fcsseldorf<\/a><\/div><div class=\"fbot\"><span>\u00a9 smartfabrik \u00b7 Cologne \u00b7 D\u00fcsseldorf \u00b7 NRW<\/span><nav><a href=\"\/en\/imprint\/\">Legal notice<\/a><a href=\"\/en\/privacy-policy\/\">Privacy<\/a><\/nav><\/div><\/div><\/footer><script id=\"podigee-click\">(function(){var a=document.querySelector('.pod .podplay');if(!a)return;var go=function(){var ep=a.getAttribute('data-ep')||'';var w=document.createElement('div');w.className='podframe';var f=document.createElement('ifr'+'ame');f.src='https:\/\/machssmart.pod'+'igee.io\/'+(ep?('episode\/'+ep+'\/embed?context=external'):'embed?context=external');f.setAttribute('title','smartpod Podcast-Player');f.setAttribute('scrolling','no');f.style.cssText='width:100%;height:'+(ep?'250px':'560px')+';border:0;border-radius:4px;display:block;background:#fff';w.appendChild(f);a.replaceWith(w)};a.addEventListener('click',go);a.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault();go()}})})();<\/script>\r\n\r\n<script>\r\n(function(){var hero=document.getElementById('sfhero');if(!hero)return;var c0=document.getElementById('sfheroGL');if(c0){c0.parentNode.removeChild(c0);}return;var canvas=document.getElementById('sfheroGL'),media=document.getElementById('sfheroMedia');if(!canvas||!media)return;var gl=null;try{gl=canvas.getContext('webgl')||canvas.getContext('experimental-webgl');}catch(e){}if(!gl){canvas.style.display='none';return;}var bg=getComputedStyle(media).backgroundImage||'';var mm=bg.match(\/url\\((?:\"|')?([^\"')]+)(?:\"|')?\\)\/);if(!mm){canvas.style.display='none';return;}\r\nvar vsrc='attribute vec2 p;varying vec2 vUv;void main(){vUv=p*0.5+0.5;gl_Position=vec4(p,0.0,1.0);}';\r\nvar fsrc=['precision highp float;','uniform sampler2D uTex;uniform vec2 uRes;uniform vec2 uMouse;uniform float uTime;uniform float uInt;uniform vec2 uScale;','varying vec2 vUv;','float hash(vec2 p){return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453);}','float noise(vec2 p){vec2 i=floor(p),f=fract(p);f=f*f*(3.0-2.0*f);return mix(mix(hash(i),hash(i+vec2(1.,0.)),f.x),mix(hash(i+vec2(0.,1.)),hash(i+vec2(1.,1.)),f.x),f.y);}','void main(){vec2 uv=vUv;float t=uTime*0.05;','vec2 par=uMouse*0.020*uInt;vec2 base=(uv-0.5)*uScale+0.5;vec2 suv=base-par;','vec3 col=texture2D(uTex,suv).rgb;','vec2 lp=vec2(0.66+0.10*sin(t*1.0),0.34+0.08*cos(t*0.8))+uMouse*0.62;','float li=smoothstep(0.72,0.0,length((uv-lp)*vec2(uRes.x\/uRes.y,1.0)));','col+=li*0.22*uInt*vec3(0.6,0.85,1.0);','float vig=smoothstep(1.18,0.32,length(uv-0.5));col*=mix(0.62,1.04,vig);','float g=(noise(uv*uRes*0.6+uTime*60.0)-0.5)*0.022*uInt;col+=g;','gl_FragColor=vec4(col,1.0);}'].join('\\n');\r\nfunction sh(ty,s){var o=gl.createShader(ty);gl.shaderSource(o,s);gl.compileShader(o);return gl.getShaderParameter(o,gl.COMPILE_STATUS)?o:null;}\r\nvar vs=sh(gl.VERTEX_SHADER,vsrc),fs=sh(gl.FRAGMENT_SHADER,fsrc);if(!vs||!fs){canvas.style.display='none';return;}\r\nvar pr=gl.createProgram();gl.attachShader(pr,vs);gl.attachShader(pr,fs);gl.linkProgram(pr);gl.useProgram(pr);\r\nvar bfr=gl.createBuffer();gl.bindBuffer(gl.ARRAY_BUFFER,bfr);gl.bufferData(gl.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,-1,1,1,-1,1,1]),gl.STATIC_DRAW);\r\nvar lo=gl.getAttribLocation(pr,'p');gl.enableVertexAttribArray(lo);gl.vertexAttribPointer(lo,2,gl.FLOAT,false,0,0);\r\nvar U={};['uTex','uRes','uMouse','uTime','uInt','uScale'].forEach(function(n){U[n]=gl.getUniformLocation(pr,n);});\r\nvar tx=gl.createTexture();gl.bindTexture(gl.TEXTURE_2D,tx);gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,1,1,0,gl.RGBA,gl.UNSIGNED_BYTE,new Uint8Array([16,20,24,255]));\r\ngl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_S,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_WRAP_T,gl.CLAMP_TO_EDGE);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MIN_FILTER,gl.LINEAR);gl.texParameteri(gl.TEXTURE_2D,gl.TEXTURE_MAG_FILTER,gl.LINEAR);\r\n\/*HEROSAFE*\/canvas.style.visibility='hidden';var texOK=false;var imgA=1.6,img=new Image();img.onload=function(){try{imgA=img.width\/img.height;gl.bindTexture(gl.TEXTURE_2D,tx);gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL,true);gl.texImage2D(gl.TEXTURE_2D,0,gl.RGBA,gl.RGBA,gl.UNSIGNED_BYTE,img);resize();}catch(e){canvas.style.display='none';return;}texOK=true;canvas.style.visibility='visible';};img.onerror=function(){canvas.style.display='none';};img.src=mm[1];setTimeout(function(){if(!texOK){canvas.style.display='none';}},3500);\r\nvar W=1,H=1,sx=1,sy=1;function resize(){var dpr=Math.min(window.devicePixelRatio||1,2),r=hero.getBoundingClientRect();W=Math.max(2,(r.width*dpr)|0);H=Math.max(2,(r.height*dpr)|0);canvas.width=W;canvas.height=H;gl.viewport(0,0,W,H);var cA=r.width\/r.height;if(cA>imgA){sx=1;sy=imgA\/cA;}else{sx=cA\/imgA;sy=1;}}\r\nwindow.addEventListener('resize',resize);resize();\r\nvar tmx=0,tmy=0,mx=0,my=0;hero.addEventListener('mousemove',function(e){var r=hero.getBoundingClientRect();tmx=(e.clientX-r.left)\/r.width-0.5;tmy=(e.clientY-r.top)\/r.height-0.5;});hero.addEventListener('mouseleave',function(){tmx=0;tmy=0;});\r\nvar t0=(window.performance&&performance.now)?performance.now():Date.now(),INT=0.85;\r\n(function fr(now){now=now||t0;mx+=(tmx-mx)*0.06;my+=(tmy-my)*0.06;gl.uniform1i(U.uTex,0);gl.uniform2f(U.uRes,W,H);gl.uniform2f(U.uMouse,mx,-my);gl.uniform1f(U.uTime,(now-t0)\/1000);gl.uniform1f(U.uInt,INT);gl.uniform2f(U.uScale,sx,sy);gl.drawArrays(gl.TRIANGLES,0,6);requestAnimationFrame(fr);})(t0);})();\r\n<\/script>\r\n<script>\r\n(function(){var hub=document.getElementById('sforchHub'),net=document.getElementById('sforchNet');if(!hub||!net)return;var NS='http:\/\/www.w3.org\/2000\/svg';\r\nvar ic={fenster:'<path d=\"M4 4h16v16H4z\"\/><path d=\"M12 4v16M4 12h16\"\/>',klima:'<path d=\"M3 8h14a3 3 0 1 0-3-3\"\/><path d=\"M3 12h18a3 3 0 1 1-3 3\"\/><path d=\"M3 16h10a3 3 0 1 1-3 3\"\/>',alarm:'<path d=\"M12 3l8 4v5c0 4-3 7-8 9-5-2-8-5-8-9V7z\"\/>',kamera:'<path d=\"M3 7h11l1 3h6v8H3z\"\/><circle cx=\"10\" cy=\"13\" r=\"2.4\"\/>',tor:'<path d=\"M4 20V7l8-3 8 3v13\"\/><path d=\"M4 11h16M4 15h16\"\/>',garten:'<path d=\"M12 3c3 3 5 6 5 9a5 5 0 0 1-10 0c0-3 2-6 5-9Z\"\/>',markise:'<path d=\"M3 4h18l-2 6H5z\"\/><path d=\"M6 10v9M18 10v9M6 14h12\"\/>',licht:'<path d=\"M9 18h6M10 21h4M8.5 14a5 5 0 1 1 7 0c-.6.6-1 1.2-1 2h-5c0-.8-.4-1.4-1-2Z\"\/>',multiroom:'<path d=\"M4 9v6h3.5L13 19V5L7.5 9H4Z\"\/><path d=\"M16.5 9.5a3.5 3.5 0 0 1 0 5M19 7a7 7 0 0 1 0 10\"\/>',visual:'<rect x=\"7\" y=\"2.5\" width=\"10\" height=\"19\" rx=\"2.2\"\/><path d=\"M11 5.5h2\"\/><circle cx=\"12\" cy=\"17.5\" r=\"1.1\"\/>'};\r\nvar nodes=[{t:'Windows & shading',i:'fenster'},{t:'Heating & climate',i:'klima'},{t:'Alarm & security',i:'alarm'},{t:'Cameras & video',i:'kamera'},{t:'Gates & garages',i:'tor'},{t:'Garden & pool',i:'garten'},{t:'Light & scenes',i:'licht'},{t:'Visualisation & remote access',i:'visual'},{t:'Multiroom',i:'multiroom'}];\r\nvar cx=50,cy=50,R=39,n=nodes.length;\r\nfor(var k=0;k<n;k++){var a=(-90+k*(360\/n))*Math.PI\/180,x=cx+R*Math.cos(a),y=cy+R*Math.sin(a);var sx=cx+10*Math.cos(a),sy=cy+10*Math.sin(a),ex=cx+(R-6)*Math.cos(a),ey=cy+(R-6)*Math.sin(a);\r\nvar p=document.createElementNS(NS,'path');p.setAttribute('d','M'+sx.toFixed(2)+','+sy.toFixed(2)+' L'+ex.toFixed(2)+','+ey.toFixed(2));p.setAttribute('class','link');p.setAttribute('id','sfln'+k);net.appendChild(p);\r\nvar dot=document.createElementNS(NS,'circle');dot.setAttribute('r','1.25');dot.setAttribute('class','dot');var am=document.createElementNS(NS,'animateMotion');am.setAttribute('dur','2.8s');am.setAttribute('repeatCount','indefinite');am.setAttribute('begin',(k*0.32).toFixed(2)+'s');var mp=document.createElementNS(NS,'mpath');mp.setAttributeNS('http:\/\/www.w3.org\/1999\/xlink','href','#sfln'+k);mp.setAttribute('href','#sfln'+k);am.appendChild(mp);dot.appendChild(am);net.appendChild(dot);\r\nvar el=document.createElement('div');el.className='onode';el.style.left=x+'%';el.style.top=y+'%';el.innerHTML='<span class=\"ic\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">'+ic[nodes[k].i]+'<\/svg><\/span>'+nodes[k].t;hub.appendChild(el);}})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9951","page","type-page","status-publish","hentry","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Smart Home &amp; KNX D\u00fcsseldorf | Premium Planning | smartfabrik<\/title>\n<meta name=\"description\" content=\"Smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across NRW. The planning pillar beside your architect.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/smartfabrik.de\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Home &amp; KNX D\u00fcsseldorf | Premium Planning | smartfabrik\" \/>\n<meta property=\"og:description\" content=\"Smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across NRW. The planning pillar beside your architect.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/smartfabrik.de\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"smartfabrik\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/smartfabrik\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-23T08:11:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/smartfabrik.de\/wp-content\/uploads\/2023\/10\/smartfabrik-logo-fox.png\" \/>\n\t<meta property=\"og:image:width\" content=\"355\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/\",\"url\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/\",\"name\":\"Smart Home & KNX D\u00fcsseldorf | Premium Planning | smartfabrik\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#website\"},\"datePublished\":\"2026-08-20T12:36:28+00:00\",\"dateModified\":\"2026-08-23T08:11:50+00:00\",\"description\":\"Smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across NRW. The planning pillar beside your architect.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/smartfabrik.de\\\/en\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home page\",\"item\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smart Home &#038; KNX D\u00fcsseldorf | Premium Planning | smartfabrik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/\",\"name\":\"smartfabrik\",\"description\":\"Manufacturer-independent smart home and KNX planning\",\"publisher\":{\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#organization\"},\"alternateName\":\"smartfabrik GmbH\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#organization\",\"name\":\"smartfabrik GmbH\",\"url\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/smartfabrik.de\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/smartfabrik-logo.svg\",\"contentUrl\":\"https:\\\/\\\/smartfabrik.de\\\/wp-content\\\/uploads\\\/2021\\\/10\\\/smartfabrik-logo.svg\",\"width\":500,\"height\":100,\"caption\":\"smartfabrik GmbH\"},\"image\":{\"@id\":\"https:\\\/\\\/smartfabrik.de\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/smartfabrik\",\"https:\\\/\\\/www.google.com\\\/maps?cid=3956068539294883303\",\"https:\\\/\\\/de.linkedin.com\\\/company\\\/smartfabrik-gmbh\",\"https:\\\/\\\/www.provenexpert.com\\\/de-de\\\/smartfabrik-gmbh\\\/\",\"https:\\\/\\\/www.instagram.com\\\/smartfabrik\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCCHT5Ba9XKFXWyJHo6gx7Aw\",\"https:\\\/\\\/open.spotify.com\\\/show\\\/1tRVSficczxx88wSRnHvcL\",\"https:\\\/\\\/podcasts.apple.com\\\/de\\\/podcast\\\/id1544046970\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Smart Home & KNX D\u00fcsseldorf | Premium Planning | smartfabrik","description":"Smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across NRW. The planning pillar beside your architect.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/smartfabrik.de\/en\/","og_locale":"en_US","og_type":"article","og_title":"Smart Home & KNX D\u00fcsseldorf | Premium Planning | smartfabrik","og_description":"Smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across NRW. The planning pillar beside your architect.","og_url":"https:\/\/smartfabrik.de\/en\/","og_site_name":"smartfabrik","article_publisher":"https:\/\/www.facebook.com\/smartfabrik","article_modified_time":"2026-08-23T08:11:50+00:00","og_image":[{"width":355,"height":379,"url":"https:\/\/smartfabrik.de\/wp-content\/uploads\/2023\/10\/smartfabrik-logo-fox.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/smartfabrik.de\/en\/","url":"https:\/\/smartfabrik.de\/en\/","name":"Smart Home & KNX D\u00fcsseldorf | Premium Planning | smartfabrik","isPartOf":{"@id":"https:\/\/smartfabrik.de\/en\/#website"},"datePublished":"2026-08-20T12:36:28+00:00","dateModified":"2026-08-23T08:11:50+00:00","description":"Smart home, KNX and lighting design for villas and new builds in D\u00fcsseldorf, Cologne and across NRW. The planning pillar beside your architect.","breadcrumb":{"@id":"https:\/\/smartfabrik.de\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/smartfabrik.de\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/smartfabrik.de\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home page","item":"https:\/\/smartfabrik.de\/en\/"},{"@type":"ListItem","position":2,"name":"Smart Home &#038; KNX D\u00fcsseldorf | Premium Planning | smartfabrik"}]},{"@type":"WebSite","@id":"https:\/\/smartfabrik.de\/en\/#website","url":"https:\/\/smartfabrik.de\/en\/","name":"smartfabrik","description":"Manufacturer-independent smart home and KNX planning","publisher":{"@id":"https:\/\/smartfabrik.de\/en\/#organization"},"alternateName":"smartfabrik GmbH","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/smartfabrik.de\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/smartfabrik.de\/en\/#organization","name":"smartfabrik GmbH","url":"https:\/\/smartfabrik.de\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/smartfabrik.de\/en\/#\/schema\/logo\/image\/","url":"https:\/\/smartfabrik.de\/wp-content\/uploads\/2021\/10\/smartfabrik-logo.svg","contentUrl":"https:\/\/smartfabrik.de\/wp-content\/uploads\/2021\/10\/smartfabrik-logo.svg","width":500,"height":100,"caption":"smartfabrik GmbH"},"image":{"@id":"https:\/\/smartfabrik.de\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/smartfabrik","https:\/\/www.google.com\/maps?cid=3956068539294883303","https:\/\/de.linkedin.com\/company\/smartfabrik-gmbh","https:\/\/www.provenexpert.com\/de-de\/smartfabrik-gmbh\/","https:\/\/www.instagram.com\/smartfabrik\/","https:\/\/www.youtube.com\/channel\/UCCHT5Ba9XKFXWyJHo6gx7Aw","https:\/\/open.spotify.com\/show\/1tRVSficczxx88wSRnHvcL","https:\/\/podcasts.apple.com\/de\/podcast\/id1544046970"]}]}},"_links":{"self":[{"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/pages\/9951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/comments?post=9951"}],"version-history":[{"count":1,"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/pages\/9951\/revisions"}],"predecessor-version":[{"id":10015,"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/pages\/9951\/revisions\/10015"}],"wp:attachment":[{"href":"https:\/\/smartfabrik.de\/en\/wp-json\/wp\/v2\/media?parent=9951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}