{"id":76634,"date":"2026-11-07T11:52:35","date_gmt":"2026-11-07T10:52:35","guid":{"rendered":"https:\/\/lumi-systems.io\/referenzen\/"},"modified":"2026-11-08T15:45:02","modified_gmt":"2026-11-08T14:45:02","slug":"referenzen","status":"publish","type":"page","link":"https:\/\/lumi-systems.io\/en\/referenzen\/","title":{"rendered":"References"},"content":{"rendered":"\n<!-- REFERENZEN: \/referenzen\/ \u2014 Stand 2026-11-08 (UI\/UX-\u00dcberarbeitung).\n     \u00c4nderungen gegen\u00fcber 2026-11-07: k\u00fcrzere H1, Kennzahlen im Hero, GitLab-Screenshot mit\n     internen Arbeitsthemen durch neutrales Architektur-Diagramm ersetzt (der Screenshot zeigte\n     interne To-dos zu AGB, \u00dcbersetzung und Sicherheit), widerspr\u00fcchliche Datumsangabe in\n     Projekt 1 bereinigt, sichtbarer Tastaturfokus, Textkontrast im Handlungsaufruf erh\u00f6ht.\n     Bilder liegen in der eigenen Mediathek; keine Fremdressourcen. -->\n<style>\n\/* ===== Seitenbausteine ===== *\/\n.entry-hero-container-inner { display: none !important; }\n.lp-wrap { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; color: #1f2937; line-height: 1.6; }\n.lp-wrap *, .lp-wrap *::before, .lp-wrap *::after { box-sizing: border-box; }\n.lp-wrap h1, .lp-wrap h2, .lp-wrap h3, .lp-wrap h4 { margin: 0; color: #143852; }\n.lp-wrap p { margin: 0 0 14px; }\n.lp-wrap p:last-child { margin-bottom: 0; }\n.lp-wrap a { color: #1a56db; }\n.lp-inner { max-width: 1720px; margin: 0 auto; padding: 0 20px; }\n\n\/* Hero: Text links, Kennzahlen rechts *\/\n.lp-hero { background: linear-gradient(135deg, #0f172a 0%, #1a2d4d 100%); color: #ffffff; border-radius: 18px; padding: 52px 52px 48px; margin: 12px 0 30px; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr); gap: 48px; align-items: start; }\n.lp-hero-text { min-width: 0; }\n.lp-badge { display: inline-block; background: rgba(6, 182, 212, 0.18); border: 1px solid #06b6d4; color: #67e8f9; padding: 7px 15px; border-radius: 999px; font-size: 12.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 18px; }\n.lp-hero h1 { color: #ffffff; font-size: clamp(28px, 3.1vw, 42px); line-height: 1.18; font-weight: 800; margin: 0 0 16px; max-width: 780px; }\n.lp-hero p.lp-sub { color: #e5e7eb; font-size: 17.5px; line-height: 1.7; margin: 0 0 26px; max-width: 660px; }\n.lp-hero p.lp-sub a { color: #67e8f9; font-weight: 600; }\n.lp-hero-buttons { display: flex; gap: 14px; flex-wrap: wrap; }\n.lp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 26px; border-radius: 9px; font-size: 15.5px; font-weight: 700; text-decoration: none !important; border: 2px solid #1a56db; background: #1a56db; color: #ffffff !important; transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease; }\n.lp-btn:hover { background: #1443c0; border-color: #1443c0; transform: translateY(-1px); box-shadow: 0 8px 20px rgba(26, 86, 219, 0.28); }\n.lp-btn-ghost { background: transparent; color: #ffffff !important; border-color: rgba(255, 255, 255, 0.45); }\n.lp-btn-ghost:hover { background: rgba(255, 255, 255, 0.12); border-color: #ffffff; box-shadow: none; }\n\n\/* Kennzahlen im Hero *\/\n.lp-kpi { background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; padding: 22px 22px 18px; }\n.lp-kpi-title { font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #67e8f9; margin: 0 0 16px; }\n.lp-kpi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }\n.lp-kpi-wert { display: block; font-size: 26px; line-height: 1.1; font-weight: 800; color: #ffffff; margin-bottom: 5px; }\n.lp-kpi-label { display: block; font-size: 13px; line-height: 1.45; color: #cbd5e1; }\n\n\/* Projektkarten *\/\n.lp-projekte { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }\n.lp-projekt { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 18px; overflow: hidden; box-shadow: 0 1px 3px rgba(16, 32, 52, 0.05); display: flex; flex-direction: column; }\n.lp-projekt figure { margin: 0; background: #eef2f7; border-bottom: 1px solid #eef2f7; aspect-ratio: 1400 \/ 457; overflow: hidden; }\n.lp-projekt img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top center; }\n.lp-projekt-inhalt { padding: 26px 28px 28px; display: flex; flex-direction: column; flex: 1; }\n.lp-projekt h2 { font-size: 22px; line-height: 1.26; margin: 0 0 10px; }\n.lp-projekt .lp-kurz { font-size: 16.5px; line-height: 1.55; font-weight: 600; color: #143852; margin: 0 0 14px; }\n.lp-projekt .lp-punkte { margin: 0 0 6px; }\n.lp-projekt .lp-mehr { margin-top: 14px; }\n.lp-projekt .lp-links { margin-top: auto; padding-top: 18px; }\n.lp-kicker { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #1a56db; background: rgba(26, 86, 219, 0.08); padding: 7px 16px; border-radius: 999px; margin-bottom: 14px; }\n.lp-punkte { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }\n.lp-punkte li { position: relative; padding-left: 26px; font-size: 15.5px; line-height: 1.6; color: #4b5563; }\n.lp-punkte li::before { content: \"\\2713\"; position: absolute; left: 0; top: 1px; color: #1a56db; font-weight: 800; font-size: 14px; }\n.lp-mehr { border-top: 1px dashed #e5e7eb; padding-top: 12px; }\n.lp-mehr summary { cursor: pointer; font-weight: 700; font-size: 14.5px; color: #1a56db; list-style: none; display: inline-flex; align-items: center; gap: 6px; }\n.lp-mehr summary::-webkit-details-marker { display: none; }\n.lp-mehr summary::after { content: \"\\25BE\"; font-size: 11px; }\n.lp-mehr[open] summary::after { content: \"\\25B4\"; }\n.lp-detail { font-size: 15px; line-height: 1.7; color: #4b5563; margin-top: 12px; }\n.lp-detail p { margin: 0 0 10px; }\n.lp-detail p:last-child { margin-bottom: 0; }\n.lp-detail h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.08em; color: #0e7490; margin: 14px 0 4px; }\n.lp-links { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }\n.lp-links .lp-btn { padding: 12px 22px; font-size: 14.5px; }\n.lp-links .lp-btn-sekundaer { background: #ffffff; color: #1a56db !important; border-color: #1a56db; }\n.lp-links .lp-btn-sekundaer:hover { background: #1a56db; color: #ffffff !important; }\n.lp-infra .lp-links { margin-top: 26px; }\n\n\/* Infrastruktur-Block *\/\n.lp-infra { display: block; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 18px; padding: 34px 40px 38px; margin: 30px 0 0; box-shadow: 0 1px 3px rgba(16, 32, 52, 0.05); }\n.lp-infra h2 { font-size: clamp(23px, 2vw, 29px); line-height: 1.25; margin: 0 0 12px; }\n.lp-infra .lp-body { font-size: 15.5px; line-height: 1.7; color: #4b5563; max-width: 860px; }\n.lp-infra-merkmale { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 22px 0 0; }\n.lp-infra-merkmale div { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; padding: 18px 20px; }\n.lp-infra-merkmale strong { display: block; font-size: 15px; color: #143852; margin-bottom: 4px; }\n.lp-infra-merkmale span { font-size: 14px; line-height: 1.5; color: #4b5563; }\n\n\/* Architektur-Diagramm als HTML (kein Bild, keine sensiblen Inhalte) *\/\n.lp-arch { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: stretch; gap: 10px; margin: 26px 0 0; }\n.lp-arch-step { background: linear-gradient(135deg, #0f172a 0%, #1a2d4d 100%); border-radius: 12px; padding: 16px 16px 14px; color: #e5e7eb; }\n.lp-arch-nr { display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: 0.12em; color: #67e8f9; margin-bottom: 8px; }\n.lp-arch-step strong { display: block; font-size: 15px; color: #ffffff; margin-bottom: 5px; }\n.lp-arch-step span.lp-arch-text { display: block; font-size: 13px; line-height: 1.45; color: #cbd5e1; }\n.lp-arch-arrow { display: flex; align-items: center; justify-content: center; color: #1a56db; font-size: 20px; font-weight: 700; }\n\n\/* Hinweisbox und Abschluss-Handlungsaufruf *\/\n.lp-hinweis { background: #f8fafc; border: 1px solid #e5e7eb; border-left: 4px solid #06b6d4; border-radius: 12px; padding: 22px 24px; margin: 26px 0 0; font-size: 15px; line-height: 1.65; color: #4b5563; }\n.lp-hinweis strong { color: #143852; }\n.lp-hinweis a { font-weight: 600; }\n.lp-cta { background: linear-gradient(135deg, #1a56db 0%, #0f172a 100%); color: #ffffff; border-radius: 16px; padding: 50px 44px; margin: 48px 0 12px; text-align: center; }\n.lp-cta h2 { color: #ffffff; font-size: clamp(23px, 2.6vw, 32px); margin: 0 0 14px; }\n.lp-cta p { color: rgba(255, 255, 255, 0.93); font-size: 16.5px; line-height: 1.7; max-width: 640px; margin: 0 auto 26px; }\n.lp-cta .lp-btn-weiss { background: #ffffff; border-color: #ffffff; color: #1a56db !important; }\n.lp-cta .lp-btn-weiss:hover { background: transparent; color: #ffffff !important; }\n.lp-cta .lp-btn-rand { background: transparent; border-color: rgba(255, 255, 255, 0.5); color: #ffffff !important; }\n.lp-cta .lp-btn-rand:hover { background: rgba(255, 255, 255, 0.12); border-color: #ffffff; box-shadow: none; }\n\n\/* Sichtbarer Tastaturfokus (WCAG 2.4.7) *\/\n.lp-wrap a:focus-visible, .lp-wrap summary:focus-visible { outline: 3px solid #1a56db; outline-offset: 2px; border-radius: 6px; }\n.lp-hero a:focus-visible, .lp-cta a:focus-visible { outline-color: #67e8f9; }\n\n@media (max-width: 999px) {\n  .lp-hero { grid-template-columns: 1fr; padding: 36px 24px 32px; gap: 26px; }\n  .lp-projekte { grid-template-columns: 1fr; }\n  .lp-infra { padding: 26px 22px; }\n  .lp-arch { grid-template-columns: 1fr; }\n  .lp-arch-arrow { transform: rotate(90deg); padding: 2px 0; }\n  .lp-infra-merkmale { grid-template-columns: 1fr; }\n  .lp-cta { padding: 36px 24px; }\n}\n@media (max-width: 560px) {\n  .lp-hero { padding: 30px 20px 26px; }\n  .lp-hero h1 { font-size: 27px; }\n  .lp-hero-buttons .lp-btn { width: 100%; }\n  .lp-kpi-grid { gap: 14px 16px; }\n  .lp-kpi-wert { font-size: 22px; }\n}\n<\/style>\n<div class=\"lp-wrap\">\n  <div class=\"lp-inner\">\n\n    <div class=\"lp-hero\">\n      <div class=\"lp-hero-text\">\n        <span class=\"lp-badge\">Referenzen<\/span>\n        <h1>Referenzprojekte im Detail<\/h1>\n        <p class=\"lp-sub\">Zwei Kundenprojekte \u2013 von der Ausgangslage bis zum Ergebnis in Zahlen \u2013 und die Infrastruktur, auf der wir selbst t\u00e4glich arbeiten.<\/p>\n        <div class=\"lp-hero-buttons\">\n          <a class=\"lp-btn\" href=\"\/anfrage\/\">Kostenloses Erstgespr\u00e4ch<\/a>\n          <a class=\"lp-btn lp-btn-ghost\" href=\"\/leistungen\/\">Leistungen ansehen<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"lp-kpi\">\n        <p class=\"lp-kpi-title\">Ergebnisse aus den Projekten<\/p>\n        <div class=\"lp-kpi-grid\">\n          <div><span class=\"lp-kpi-wert\">9 Tage<\/span><span class=\"lp-kpi-label\">von der Entscheidung bis zum Domain-Transfer<\/span><\/div>\n          <div><span class=\"lp-kpi-wert\">21<\/span><span class=\"lp-kpi-label\">Produkte in 9 Kategorien migriert<\/span><\/div>\n          <div><span class=\"lp-kpi-wert\">284 ms<\/span><span class=\"lp-kpi-label\">LCP mobil im besten Messlauf<\/span><\/div>\n          <div><span class=\"lp-kpi-wert\">0<\/span><span class=\"lp-kpi-label\">Requests an fremde Server<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"lp-projekte\">\n\n      <article class=\"lp-projekt\">\n        <figure>\n          <img src=\"https:\/\/lumi-systems.io\/wp-content\/uploads\/2026\/11\/bywia-hero.jpg\" width=\"1400\" height=\"457\" loading=\"lazy\" decoding=\"async\" alt=\"Screenshot der Website by WIA with heart: Hero mit Produktfoto\" \/>\n        <\/figure>\n        <div class=\"lp-projekt-inhalt\">\n          <span class=\"lp-kicker\">Projekt 1 \u00b7 by WIA with heart<\/span>\n          <h2>by WIA with heart: handgemachte Taschen \u2013 vom Baukasten auf eigene Server<\/h2>\n          <p class=\"lp-kurz\">In neun Tagen aus einem geschlossenen Website-Baukasten in eine eigene, dokumentierte Infrastruktur \u2013 ohne Ausfall im laufenden Betrieb. Die Marke von Andrea Wieshofer ist live unter <a href=\"https:\/\/bywiawithheart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">bywiawithheart.com<\/a>.<\/p>\n          <ul class=\"lp-punkte\">\n            <li>Domain, DNS, Shop und vier Rollen-Postf\u00e4cher in eigener Hand<\/li>\n            <li>21 Produkte in 9 Kategorien, lokale Schriften, cookielose Messung<\/li>\n            <li>Go-live mit Staging, TLS-Pr\u00fcfung und Mail-Authentifizierung (SPF, DKIM, DMARC)<\/li>\n          <\/ul>\n          <details class=\"lp-mehr\">\n            <summary>Projekt im Detail<\/summary>\n            <div class=\"lp-detail\">\n              <h4>Ausgangslage<\/h4>\n              <p>Website und Onlineshop liefen in einem gemieteten Baukasten. Das funktionierte, solange der Betrieb klein war, wurde aber zur Abh\u00e4ngigkeit, sobald Domain, Inhalte, Postf\u00e4cher und Messung unter eigener Kontrolle liegen sollten.<\/p>\n              <h4>Aufgabe<\/h4>\n              <p>Kein reiner Umzug, sondern eine kontrollierte Migration \u00fcber mehrere Schichten: Domain und DNS, Website und Shop, E-Mail-Postf\u00e4cher, Messung und Zugangsverwaltung. Die Marke sollte erkennbar bleiben \u2013 warm, handgemacht, pers\u00f6nlich \u2013 und auf dem Telefon genauso gut funktionieren wie am Desktop.<\/p>\n              <h4>Vorgehen<\/h4>\n              <p>Domain-Transfer und DNS-Zone kamen in dasselbe Konto wie Server und Mailsystem; A-, MX-, SPF-, DKIM- und DMARC-Eintr\u00e4ge wurden vorbereitet und einzeln gepr\u00fcft. Die neue Website entstand als WordPress-Installation mit WooCommerce und eigenem Design-System, Produktdaten und Fotos wurden \u00fcbernommen, die Struktur an der Entscheidungsreihenfolge der Kundschaft ausgerichtet.<\/p>\n              <h4>Ergebnis<\/h4>\n              <p>WordPress mit WooCommerce, HTTPS mit Let&#8217;s-Encrypt-Zertifikat, www-Weiterleitung, vier Postf\u00e4cher mit gepr\u00fcfter Mail-Authentifizierung und cookielose Messung ohne Einwilligungsbanner. Domain, Inhalte, Postf\u00e4cher und Messung liegen jetzt im eigenen Hetzner-Konto. Die Website ist live unter <a href=\"https:\/\/bywiawithheart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">bywiawithheart.com<\/a>.<\/p>\n              <h4>Dauer<\/h4>\n              <p>Der Umzug dauerte von der Entscheidung am 22.10.2026 bis zum Domain-Transfer am 31.10.2026 \u2013 neun Tage inklusive Staging und Go-live-Pr\u00fcfung.<\/p>\n              <p><em>Technisch: Hetzner Cloud, Coolify, WordPress mit WooCommerce, MariaDB, Traefik mit Let&#8217;s Encrypt, eigenes Block-Theme, lokale Schriften, cookielose Analyse.<\/em><\/p>\n            <\/div>\n          <\/details>\n          <div class=\"lp-links\">\n            <a class=\"lp-btn\" href=\"\/anfrage\/\">\u00c4hnliches Projekt anfragen<\/a>\n            <a class=\"lp-btn lp-btn-sekundaer\" href=\"https:\/\/bywiawithheart.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">bywiawithheart.com ansehen<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"lp-projekt\">\n        <figure>\n          <img src=\"https:\/\/lumi-systems.io\/wp-content\/uploads\/2026\/11\/ordination-services.jpg\" width=\"1400\" height=\"437\" loading=\"lazy\" decoding=\"async\" alt=\"Screenshot der Leistungs-Karten der neuen Ordinations-Website, ohne Name und Portrait\" \/>\n        <\/figure>\n        <div class=\"lp-projekt-inhalt\">\n          <span class=\"lp-kicker\">Projekt 2 \u00b7 Website<\/span>\n          <h2>Hausarztordination in Wien: neue Website mit eigenem Design-System<\/h2>\n          <p class=\"lp-kurz\">Alle Praxisinformationen auf sechs Seiten, ein eigenes Design-System und kein einziger Request an fremde Server.<\/p>\n          <ul class=\"lp-punkte\">\n            <li>Inhalte, Bilder und Farbwelt \u00fcbernommen, Struktur neu geordnet<\/li>\n            <li>Kontaktformular mit 16 Leistungen, R\u00fcckruf-Wunsch und Backend-Speicherung<\/li>\n            <li>Mobil gemessen: LCP 284\u2013516 ms, CLS 0, rund 15 Requests pro Seite<\/li>\n          <\/ul>\n          <details class=\"lp-mehr\">\n            <summary>Projekt im Detail<\/summary>\n            <div class=\"lp-detail\">\n              <h4>Ausgangslage<\/h4>\n              <p>Die bisherige Praxis-Website war \u00fcber Jahre gewachsen; die Inhalte hatten unterschiedliche St\u00e4nde, einzelne Angaben widersprachen sich. Logo, Fotos und Farbwelt waren vorhanden und sollten erkennbar bleiben.<\/p>\n              <h4>Aufgabe<\/h4>\n              <p>Eine neue Website mit eigenem Design-System: alle Praxisinformationen auf sechs Seiten, ein Kontaktformular mit Leistungsauswahl und R\u00fcckruf-Wunsch, neue Rechtsseiten \u2013 und der Betrieb auf eigener Infrastruktur ohne Requests an fremde Server.<\/p>\n              <h4>Vorgehen<\/h4>\n              <p>Am Anfang stand die Quellenanalyse aller Altinhalte (17.10.2026); die Originalfarben wurden gemessen und als Design-Tokens \u00fcbernommen. Daraus entstand ein eigenes WordPress-Block-Theme mit lokal gehosteten Schriften, das \u00fcber eine wiederholbare Docker-Compose-Konfiguration auf Coolify l\u00e4uft. Inhalte, Men\u00fc und Benutzer werden bei jedem Deploy idempotent angelegt.<\/p>\n              <h4>Ergebnis<\/h4>\n              <p>Alle sechs Seiten sind live mit HTTP 200 und Let&#8217;s-Encrypt-TLS; Schriften und Bilder liegen lokal, Karten gibt es nur als Link. Anfragen werden im Backend gespeichert; der E-Mail-Versand h\u00e4ngt an den SMTP-Zugangsdaten der Ordination.<\/p>\n              <h4>Dauer<\/h4>\n              <p>Von der Inhaltsanalyse am 17.10.2026 bis zur Abnahme am 02.11.2026 \u2013 rund zweieinhalb Wochen; am 04.11.2026 folgte eine Runde technischer H\u00e4rtung.<\/p>\n              <p><em>Technisch: WordPress mit eigenem Block-Theme, MariaDB, Docker-Compose auf Coolify, lokal gehostete Schriften, Kontaktformular ohne Drittanbieter.<\/em><\/p>\n            <\/div>\n          <\/details>\n          <div class=\"lp-links\">\n            <a class=\"lp-btn\" href=\"\/anfrage\/\">\u00c4hnliches Projekt anfragen<\/a>\n            <a class=\"lp-btn lp-btn-sekundaer\" href=\"\/leistungen\/#webseiten\">Webseiten ansehen<\/a>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <section class=\"lp-infra\">\n      <span class=\"lp-kicker\">Dritte Referenz \u00b7 eigene Infrastruktur<\/span>\n      <h2>Bevor wir etwas empfehlen, betreiben wir es selbst<\/h2>\n      <div class=\"lp-body\">\n        <p>Unsere eigene GitLab-Instanz l\u00e4uft auf einer selbst verwalteten Coolify-Plattform bei Hetzner Cloud \u2013 dieselbe Bauart, die wir auch f\u00fcr Kunden einrichten.<\/p>\n      <\/div>\n      <div class=\"lp-infra-merkmale\">\n        <div><strong>Server in Deutschland oder Finnland<\/strong><span>Hetzner Cloud in N\u00fcrnberg, Falkenstein oder Helsinki, TLS automatisch.<\/span><\/div>\n        <div><strong>Container mit Coolify<\/strong><span>GitLab, Nextcloud, WordPress und Monitoring als Container.<\/span><\/div>\n        <div><strong>Betrieb mit Nachweis<\/strong><span>Updates, Backups mit getesteter Wiederherstellung, Prometheus und Grafana.<\/span><\/div>\n      <\/div>\n      <div class=\"lp-arch\" aria-label=\"Aufbau unserer Infrastruktur in vier Schritten\">\n        <div class=\"lp-arch-step\"><span class=\"lp-arch-nr\">SCHRITT 1<\/span><strong>Hetzner Cloud<\/strong><span class=\"lp-arch-text\">Server in N\u00fcrnberg, Falkenstein oder Helsinki.<\/span><\/div>\n        <div class=\"lp-arch-arrow\" aria-hidden=\"true\">&#8594;<\/div>\n        <div class=\"lp-arch-step\"><span class=\"lp-arch-nr\">SCHRITT 2<\/span><strong>Coolify<\/strong><span class=\"lp-arch-text\">Container-Plattform f\u00fcr Deployments und Umgebungen.<\/span><\/div>\n        <div class=\"lp-arch-arrow\" aria-hidden=\"true\">&#8594;<\/div>\n        <div class=\"lp-arch-step\"><span class=\"lp-arch-nr\">SCHRITT 3<\/span><strong>Dienste<\/strong><span class=\"lp-arch-text\">GitLab, Nextcloud, WordPress und Monitoring als Container.<\/span><\/div>\n        <div class=\"lp-arch-arrow\" aria-hidden=\"true\">&#8594;<\/div>\n        <div class=\"lp-arch-step\"><span class=\"lp-arch-nr\">SCHRITT 4<\/span><strong>Betrieb<\/strong><span class=\"lp-arch-text\">TLS, t\u00e4gliche Backups, Prometheus und Grafana.<\/span><\/div>\n      <\/div>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/?paket=einfuehrung\">Eigene Plattform anfragen<\/a>\n        <a class=\"lp-btn lp-btn-sekundaer\" href=\"\/hosting\/\">Hosting ansehen<\/a>\n      <\/div>\n    <\/section>\n\n    <div class=\"lp-hinweis\">\n      <strong>St\u00f6rung oder Support-Anliegen?<\/strong> F\u00fcr Meldungen zu laufenden Systemen, Fehlermeldungen und den aktuellen Systemstatus nutzen Sie bitte unsere Meldestelle: <a href=\"https:\/\/contact.lumi-systems.io\/\">contact.lumi-systems.io<\/a>. Verkaufs- und Projektanfragen laufen \u00fcber das <a href=\"\/anfrage\/\">Anfrageformular<\/a>.\n    <\/div>\n\n    <div class=\"lp-cta\">\n      <h2>Ihr Projekt ist vielleicht der n\u00e4chste Eintrag.<\/h2>\n      <p>Schildern Sie uns kurz, worum es geht. Wir melden uns innerhalb eines Werktags und sagen Ihnen offen, ob und wie wir helfen k\u00f6nnen \u2013 und was es kostet.<\/p>\n      <a class=\"lp-btn lp-btn-weiss\" href=\"\/anfrage\/\">Kostenloses Erstgespr\u00e4ch<\/a>\n      <a class=\"lp-btn lp-btn-rand\" href=\"\/pakete\/\">Pakete ansehen<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>References Reference projects in detail Two client projects \u2013 from the initial situation to the result in figures \u2013 and the infrastructure we ourselves work on every day. Free initial consultation View services Results from the projects 9 days from decision to domain transfer 21 products migrated in 9 categories 284 ms LCP mobile in the best measurement run 0 requests to external servers\u2026<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-76634","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/comments?post=76634"}],"version-history":[{"count":16,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76634\/revisions"}],"predecessor-version":[{"id":76685,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76634\/revisions\/76685"}],"wp:attachment":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/media?parent=76634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}