// ╔══════════════════════════════════════════════════════════════╗ // ║ LEISTUNGEN — 6 Service-Cards, pfad-abhängig ║ // ╚══════════════════════════════════════════════════════════════╝ const LEIST_PALETTE = { bgDeep: "#071520", bgCard: "#0D2030", accent: "#3ABDD0", soft: "#8DDBEA", text: "#ffffff", textDim: "rgba(255,255,255,0.55)", border: "rgba(141,219,234,0.12)", borderHi: "rgba(58,189,208,0.45)", }; // Hand-drawn line illustrations for each service (instead of icons — more distinctive) const LeistIllu = { // Beleuchtung light: (c) => ( ), // Heizung / Klima heating: (c) => ( ), // Beschattung shade: (c) => ( ), // Sicherheit shield: (c) => ( ), // Energie / PV energy: (c) => ( ), // Multimedia / Audio audio: (c) => ( ), // Zutritt / Schloss access: (c) => ( ), // Beratung consult: (c) => ( ), // Wartung wrench: (c) => ( ), // Fernwartung / Cloud remote: (c) => ( ), // Visualisierung / Dashboard dashboard: (c) => ( ), // KNX / Bus / Verkabelung bus: (c) => ( ), }; // Path-aware service definitions const LEIST_DATA = { altbau: { eyebrow: "Was wir machen — für Bestandshäuser", headline: "Smart nachrüsten,", headlineEm: "Schritt für Schritt.", sub: "Du musst nicht alles auf einmal machen. Wir starten mit dem Bereich, der dich am meisten nervt — und bauen weiter aus, wenn du bereit bist.", cards: [ { nr: "01", illu: "light", tag: "Funk + Kabel", title: "Beleuchtung", desc: "Dimmen, Szenen, Tageslicht-Steuerung. Ohne Stemmarbeiten via Funk, oder bei Renovierung sauber verkabelt.", bullets: ["Bestehende Schalter ersetzen", "Hue, Shelly, Loxone-kompatibel", "Szenen via App, Sprache, Taster"], }, { nr: "02", illu: "heating", tag: "Heizkörper · FBH", title: "Heizung & Raumklima", desc: "Pro Raum eigene Soll-Temperatur, Anwesenheit erkannt, Fenster-auf-Erkennung. Spart 15–25% Energie.", bullets: ["Funk-Thermostatköpfe", "Heizkurven & Wochenpläne", "Anbindung an Wetter-API"], }, { nr: "03", illu: "shade", tag: "Rollläden · Jalousien", title: "Beschattung", desc: "Bestehende Rollladenmotoren smart machen — automatisch nach Sonne, Wind, Tageszeit. Manuelle Bedienung bleibt.", bullets: ["Shelly 2.5 Aktoren", "Astro-Zeit-Steuerung", "Wind- & Hitzeschutz automatisch"], }, { nr: "04", illu: "shield", tag: "Türen · Fenster · Bewegung", title: "Sicherheitsnahe Smart-Home-Funktionen", desc: "Statusmeldungen, Tür-/Fensterkontakte, Anwesenheitssimulation und Push bei Auffälligkeiten — keine zertifizierte Alarm- oder Brandmeldeanlage.", bullets: ["Aqara, Shelly, Eltako Sensoren", "Anwesenheitssimulation", "Türklingel mit Video"], }, { nr: "05", illu: "energy", tag: "PV · Wärmepumpe", title: "Energiemanagement", desc: "PV-Erträge sichtbar machen, Wärmepumpe & E-Auto im Sonnen-Überschuss laden, Verbräuche transparent. Elektrische Anschlussarbeiten erfolgen durch den jeweiligen Fachbetrieb.", bullets: ["openWB, evcc, Home Assistant", "Lastmanagement automatisch", "Energiekosten-Dashboards"], }, { nr: "06", illu: "consult", tag: "Beratung · Doku", title: "Beratung & Dokumentation", desc: "Vor-Ort-Termin, Bestandsaufnahme, Plan mit Prioritäten. Alle Zugänge & Komponenten dokumentiert — du behältst die Kontrolle.", bullets: ["Vor-Ort-Audit", "Etappenplan", "Übergabe-Doku & Zugänge"], }, ], }, neubau: { eyebrow: "Was wir machen — für Neubauten", headline: "Einmal richtig", headlineEm: "verkabeln. Für Jahrzehnte.", sub: "Im Rohbau einmal sauber planen — KNX als Bus-System, herstellerunabhängig. Spart Geld auf 20 Jahre und ist weltweit servicefähig.", cards: [ { nr: "01", illu: "bus", tag: "KNX · Loxone", title: "KNX- & Loxone-Planung", desc: "Komplette Bus-Topologie und Logikplanung: Linien, Bereiche, Verteilung, ETS- bzw. Loxone-Config, Inbetriebnahme. Herstellerneutral — in Abstimmung mit den ausführenden Gewerken.", bullets: ["ETS / Loxone Config", "Planung mit Elektropartner", "Schnittstellen zu HA / Energie", "Erweiterbar ohne neue Kabel"], }, { nr: "02", illu: "light", tag: "Offen · Herstellerübergreifend", title: "Beleuchtung & Szenen", desc: "DALI, KNX, WLED, Hue, IKEA Tradfri, Loxone — bei Licht muss man flexibel sein. Lampen kommen und gehen, das System bleibt.", bullets: ["DALI-2 · KNX · WLED · Hue · Tradfri · Loxone", "Constant Light Regelung", "Tunable White nach Tageszeit", "Tausch jederzeit ohne Lock-in"], }, { nr: "03", illu: "shade", tag: "KNX · Wetter", title: "Beschattung intelligent", desc: "Wetterstation auf dem Dach — Wind, Sonne, Niederschlag. Beschattung reagiert pro Fassade automatisch, manuell überschreibbar.", bullets: ["Elsner, Theben Wetterstation", "Fassaden-Logik", "Ferienmodus & Lammellenführung"], }, { nr: "04", illu: "heating", tag: "FBH · KWL · WP", title: "Klima & Lüftung", desc: "Fußbodenheizung pro Raum, KWL mit CO₂- und Feuchte-Steuerung, Wärmepumpe lastoptimiert. Eine Visualisierung für alles.", bullets: ["Einzelraum-FBH", "KWL CO₂/rH-geführt", "Wärmepumpe + PV-Kopplung"], }, { nr: "05", illu: "shield", tag: "Status · Zutritt · Video", title: "Sicherheitsnahe Funktionen & Zutritt", desc: "Statusmeldungen, Tag-/Nacht-Modi, Video-Türsprechanlage und elektronisches Schloss als Smart-Home-Funktionen. Zertifizierte Alarm- oder Brandmeldeanlagen erfolgen über Partnerbetriebe.", bullets: ["Modi: Anwesend, Abwesend, Nacht", "DoorBird, 2N, Nuki", "RFID & App-Schlüssel"], }, { nr: "06", illu: "dashboard", tag: "Visualisierung", title: "Visualisierung & Dashboards", desc: "Tablet im Eingang, Apps für Familie, Sprachsteuerung optional. Alles über offene Standards — kein Hersteller-Lock-in.", bullets: ["Home Assistant, openHAB", "Tablets, Apps, Sprache", "Vollständige Übergabe-Doku"], }, ], }, gewerbe: { eyebrow: "Was wir machen — für Gewerbe, Büro & Hotel", headline: "Betriebsgebäude die", headlineEm: "planbar laufen.", sub: "Gewerbeobjekte brauchen keine Spielerei, sondern klare Abläufe: Energie im Griff, Räume passend konditioniert, Zutritt nachvollziehbar und Technikzustände sichtbar — vom Büro bis zum kleinen Hotel.", cards: [ { nr: "01", illu: "energy", tag: "STROM · PV · TECHNIK", title: "Gewerbe & Technikstatus", desc: "Stromverbrauch, PV, Wallbox, Kühlung, Tore, Serverraum oder Kompressor: wichtige Zustände landen in einem verständlichen Betriebsdashboard.", bullets: ["Energie- und Technikdashboard", "Schwellwerte & Meldungen", "Modbus, MQTT, API, Netzwerk"], }, { nr: "02", illu: "dashboard", tag: "LICHT · CO₂ · PRÄSENZ", title: "Büroflächen & Meetingräume", desc: "Licht, Beschattung, Heizung/Kühlung und Luftqualität reagieren auf Präsenz, Tageslicht und Nutzungszeiten — ohne dass jeder Raum einzeln nachgeregelt werden muss.", bullets: ["Präsenzabhängige Szenen", "CO₂- und Temperaturwerte", "Wochen- und Sonderzeiten"], }, { nr: "03", illu: "heating", tag: "ZIMMER · KLIMA · SZENEN", title: "Hotelzimmer & Gäste-Komfort", desc: "Für kleine Hotels, Pensionen und Apartmenthäuser: Zimmerstatus, Klima nach Belegung, Fensterstatus, Grundszenen und Technikmeldungen werden betreiberfreundlich zusammengeführt.", bullets: ["Belegung & Reinigungsstatus", "Klima nach Nutzung", "Etappenfähig im laufenden Betrieb"], }, { nr: "04", illu: "access", tag: "CODES · RFID · ZEITEN", title: "Zutritt & Rollen", desc: "Eingänge, Teamzonen, Lager, Technikräume oder Hotelbereiche lassen sich zeit- und rollenbasiert abbilden. Bestehende Zutrittssysteme werden nach Möglichkeit integriert.", bullets: ["Rollen und Zeitfenster", "Tür- und Torstatus", "Besucher- und Dienstleisterlogik"], }, { nr: "05", illu: "shield", tag: "STATUS · VIDEO · ALARMIERUNG", title: "Lagebild & Störungen", desc: "Tür-/Fenster-Status, Video-Türsprechanlage, Eskalationsmeldungen und Quittierung als betriebliche Übersicht. Zertifizierte Alarm-, Brand- oder Überwachungstechnik erfolgt mit Fachpartnern.", bullets: ["Statusmeldungen & Quittierung", "Kamera-/VMS-Integration", "Fachpartner für zertifizierte Anlagen"], }, { nr: "06", illu: "wrench", tag: "SERVICE · REPORTS · ETAPPEN", title: "Service, Reports & Etappenplan", desc: "Gewerbeumbauten müssen weiterlaufen. Deshalb planen wir in Etappen, dokumentieren Schnittstellen und schaffen eine wartbare Basis für Betrieb, Erweiterung und Fernsupport.", bullets: ["VPN-gesicherte Fernwartung", "Monats- und Ereignisreports", "Brownfield-Integration"], }, ], }, }; function LeistCard({ card, accent, index }) { const Illu = LeistIllu[card.illu]; return (
{/* Header row: nr + tag */}
{card.nr} {card.tag}
{/* Illustration */}
{Illu && Illu(accent)}
{/* Title + desc */}

{card.title}

{card.desc}

{/* Bullets */}
); } function LeistungenSection({ pathKey }) { const data = LEIST_DATA[pathKey] || LEIST_DATA.altbau; const accent = LEIST_PALETTE.accent; return (
{/* Header */}
Leistungen

{data.headline} {data.headlineEm}

{data.sub}

{/* Cards Grid */}
{data.cards.map((c, i) => )}
{/* Referenzen */} {/* FAQ */} {/* CTA strip */}

Nicht sicher, was du brauchst?

Der Konfigurator schlägt dir in 3 Schritten ein passendes Setup mit grobem Preisrahmen vor.

Zum Konfigurator
); } /* ────────────────────────────────────────────────────────── Referenzen — kuratierte Auswahl realisierter Projekte ────────────────────────────────────────────────────────── */ const REFERENCES = [ { title: "EFH Neubau · Kärnten", type: "Neubau", scope: "KNX-Vollausbau · 14 Räume · PV + Speicher", note: "Loxone Miniserver als Zentrale, Home Assistant als Visu. Nutzer betreut Updates selbst.", year: "2025", rooms: 14, accentBg: "linear-gradient(135deg, rgba(58,189,208,0.18), rgba(58,189,208,0.03))", }, { title: "Sanierung Reihenhaus · Graz Umgebung", type: "Altbau", scope: "Funk-Mix Shelly + Zigbee · 8 Räume · Bestand-Heizung", note: "Ohne Stemmarbeiten. Heimautomatisierung über vorhandenes WLAN, Home Assistant on-prem auf NUC.", year: "2025", rooms: 8, accentBg: "linear-gradient(135deg, rgba(141,219,234,0.14), rgba(141,219,234,0.02))", }, { title: "Praxis · Klagenfurt", type: "Gewerbe", scope: "Zutritt + Beleuchtung + Energiemonitoring", note: "Rollenbasierter Zutritt, PV-Eigenverbrauchs-Reporting für die Energiebuchhaltung.", year: "2024", rooms: 6, accentBg: "linear-gradient(135deg, rgba(58,189,208,0.12), rgba(58,189,208,0.02))", }, { title: "EFH Bestand · Villach", type: "Altbau", scope: "Beschattung + Heizung + Multimedia", note: "Bestehende KNX-Verkabelung reaktiviert, Home Assistant ergänzt Sonos- und Hue-Integration.", year: "2024", rooms: 11, accentBg: "linear-gradient(135deg, rgba(93,211,176,0.12), rgba(93,211,176,0.02))", }, ]; function LeistReferences({ pathKey }) { const accent = LEIST_PALETTE.accent; const filtered = pathKey === "altbau" ? REFERENCES.filter(r => r.type === "Altbau" || r.type === "Gewerbe") : pathKey === "neubau" ? REFERENCES.filter(r => r.type === "Neubau" || r.type === "Altbau") : REFERENCES; return (
Referenzen

Realisiert für echte Bauherren.

Auszug aus aktuellen Projekten. Auf Wunsch stelle ich gerne Kontakt zu Referenzkunden her.

{filtered.map((r, i) => (
{r.type}
{r.year}
{r.title}
{r.scope}
{r.note}
))}
); } /* ────────────────────────────────────────────────────────── FAQ — Fokus auf Hersteller-unabhängigkeit + Home Assistant ────────────────────────────────────────────────────────── */ const FAQS = [ { q: "Warum Home Assistant als zentrale Visualisierung?", a: "Home Assistant ist Open-Source und herstellerunabhängig. Während proprietäre Systeme (z. B. Loxone-App, KNX-Visu eines bestimmten Herstellers, Apple Home) dich auf eine Welt festnageln, spricht Home Assistant über 3000+ Integrationen — KNX, Zigbee, Modbus, Sonos, Shelly, Hue, Tesla-Wallbox, Wechselrichter, Heizungssteuerung. Du bekommst eine einzige App für alles, ohne dich an einen Anbieter zu binden.", }, { q: "Heißt herstellerunabhängig nicht so viel wie zusammen-gefrickelt?", a: "Im Gegenteil. Im Hintergrund arbeitet pro Gewerk die jeweils sauberste Technik: KNX für Licht/Beschattung/Heizung, Modbus für Wechselrichter, Zigbee/Shelly für Nachrüstung. Home Assistant ist die saubere Integrationsschicht darüber. Das Engineering passiert einmal richtig — danach ist es für dich nur eine App.", }, { q: "Was passiert, wenn Home Assistant ausfällt?", a: "Genau hier ist der entscheidende Vorteil meiner Architektur: KNX, Modbus, DALI funktionieren ohne Home Assistant weiter. Lichtschalter schalten Licht. Thermostate regeln Heizung. Home Assistant ist nur die komfortable Visu-Schicht obendrauf — keine Single Point of Failure. Bei Loxone, Apple Home oder Cloud-only-Lösungen ist das anders.", }, { q: "Bin ich abhängig von dir, wenn etwas geändert werden soll?", a: "Nein — und das ist mir wichtig. Home Assistant läuft auf deiner Hardware (Mini-PC oder NAS), die Konfiguration gehört dir, ist im Klartext lesbar und versionierbar. Du kannst kleine Änderungen selbst machen, oder ich übernehme das. Du bist nicht an meine Firma, eine Cloud oder einen Anbieter gebunden.", }, { q: "Was ist mit Datenschutz und Cloud?", a: "Standardmäßig läuft alles lokal, ohne Cloud. Sprachsteuerung, Automationen, Visualisierung — alles auf deinem Gerät. Cloud-Anbindungen (z. B. Sprachassistent, externe APIs) aktivierst du nur, wo du sie wirklich willst. DSGVO-konform und ohne Telemetrie.", }, { q: "Wie sieht das langfristig aus — bekomme ich noch Updates in 10 Jahren?", a: "Home Assistant erscheint monatlich, ist eines der größten Open-Source-Projekte weltweit (>15.000 Contributors). Der Code ist offen, die Community riesig. Selbst wenn das Projekt morgen verschwände, läuft deine Installation weiter und kann von jedem Entwickler übernommen werden. Bei Cloud-Lösungen kommerzieller Anbieter ist das ein echtes Risiko (siehe Insteon, Wink, Revolv).", }, { q: "Loxone, KNX, Home Assistant — was denn nun?", a: "Das sind unterschiedliche Schichten, keine Konkurrenten. KNX ist die verkabelte Bus-Infrastruktur (Hardware-Standard). Loxone kann optional als Logik-/Steuerzentrale dazukommen. Home Assistant ist die Visu- und Integrations-Schicht darüber. Pro Projekt entscheide ich gewerkweise, was Sinn macht — und gebe dir am Ende eine konsolidierte App.", }, ]; function LeistFaqItem({ faq, open, onToggle, accent }) { return (

{faq.a}

); } function LeistHaIntegrationCheck({ accent }) { const [q, setQ] = React.useState(""); const [focus, setFocus] = React.useState(false); const SUGGESTIONS = [ "Philips Hue", "IKEA Tradfri", "Sonos", "Bosch Smart Home", "Shelly", "Homematic IP", "Loxone", "KNX", "Fronius", "Tesla Wall Connector", "Nuki", "Tado", "Daikin", "Eufy", "Reolink", "Roborock", "Miele", ]; const url = q.trim() ? `https://www.home-assistant.io/integrations/#search/${encodeURIComponent(q.trim())}` : "https://www.home-assistant.io/integrations/"; const filtered = q.trim() ? SUGGESTIONS.filter(s => s.toLowerCase().includes(q.trim().toLowerCase())).slice(0, 5) : []; return (
▶ Selbst checken
Wird dein Gerät unterstützt?
Über 3.000 Integrationen sind im Home-Assistant-Katalog gelistet. Tipp deine Marke ein und prüf direkt, ob's eine Integration gibt.
setQ(e.target.value)} onFocus={() => setFocus(true)} onBlur={() => setTimeout(() => setFocus(false), 150)} placeholder="z. B. Sonos, Shelly, Hue, KNX …" style={{ flex: 1, padding: "12px 12px", background: "transparent", border: "none", outline: "none", fontFamily: "Inter, sans-serif", fontSize: 14, color: LEIST_PALETTE.text, }} /> Prüfen ↗
{focus && filtered.length > 0 && (
{filtered.map(s => (
{ setQ(s); }} style={{ padding: "9px 14px", cursor: "pointer", fontFamily: "Inter, sans-serif", fontSize: 13, color: LEIST_PALETTE.text, borderBottom: `1px solid ${LEIST_PALETTE.line}`, }} onMouseEnter={e => e.currentTarget.style.background = `${accent}10`} onMouseLeave={e => e.currentTarget.style.background = "transparent"} > {s}
))}
)}
{["Hue", "Sonos", "Shelly", "KNX", "Fronius", "Nuki"].map(t => ( ))}
Quelle: home-assistant.io/integrations · 3.000+ Geräte
); } function LeistFaq() { const accent = LEIST_PALETTE.accent; const [open, setOpen] = React.useState(0); return (
FAQ

Warum herstellerunabhängig der einzig vernünftige Weg ist.

Smart Home darf keine Wette auf einen Hersteller sein. Mein Konzept setzt auf offene Standards (KNX, Modbus, Zigbee) und Home Assistant als zentrale Visu-Schicht — damit dein System auch in 10 Jahren noch deins ist.

{FAQS.map((faq, i) => ( setOpen(open === i ? -1 : i)} /> ))}
); } window.LeistungenSection = LeistungenSection;