{"id":76631,"date":"2026-11-07T11:52:30","date_gmt":"2026-11-07T10:52:30","guid":{"rendered":"https:\/\/lumi-systems.io\/leistungen\/"},"modified":"2026-11-08T15:02:22","modified_gmt":"2026-11-08T14:02:22","slug":"leistungen","status":"publish","type":"page","link":"https:\/\/lumi-systems.io\/en\/leistungen\/","title":{"rendered":"Services"},"content":{"rendered":"\n<!-- LEISTUNGEN: \u00dcbersichtsseite \/leistungen\/ \u2014 Stand 2026-11-08 (UI\/UX-\u00dcberarbeitung).\n     \u00c4nderungen gegen\u00fcber 2026-11-07: zweispaltiger Hero mit Leistungs\u00fcbersicht (ersetzt die\n     defekte, sticky Inhaltsleiste), kompaktere Sektionsvisuals, h\u00f6chstens zwei Handlungsziele\n     je Leistung, sichtbarer Tastaturfokus, korrigierte Textstelle zum Projektstand,\n     eigener Sprungmarken-Handler (die Seite hatte einen fremden Handler, der den Sprung\n     verhinderte). Keine externen Ressourcen: Systemschriften, eigene SVGs, kein Fremdskript. -->\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, Leistungs\u00fcbersicht 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\/* Leistungs\u00fcbersicht im Hero (Navigation) *\/\n.lp-hero-panel { background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 14px; padding: 22px 20px 16px; }\n.lp-panel-title { font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #67e8f9; margin: 0 0 12px; }\n.lp-hero-panel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }\n.lp-hero-panel li { margin: 0; }\n.lp-hero-panel a { display: flex; align-items: baseline; gap: 12px; padding: 8px 9px; border-radius: 8px; color: #e5e7eb !important; text-decoration: none !important; font-size: 14.5px; font-weight: 600; line-height: 1.35; }\n.lp-hero-panel a:hover { background: rgba(255, 255, 255, 0.09); color: #ffffff !important; }\n.lp-panel-nr { font-size: 11px; font-weight: 700; color: #67e8f9; letter-spacing: 0.08em; min-width: 18px; }\n.lp-panel-hint { margin: 12px 0 0; font-size: 12.5px; line-height: 1.45; color: #94a3b8; }\n\n\/* Abschnitte *\/\n.lp-section { padding: 40px 0 6px; scroll-margin-top: 120px; }\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-section h2 { font-size: clamp(23px, 2.4vw, 30px); line-height: 1.25; margin: 0 0 16px; letter-spacing: -0.01em; }\n.lp-kurz { font-size: 18px; line-height: 1.55; color: #143852; font-weight: 600; margin: 0 0 16px; }\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; margin-top: 18px; 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: 15.5px; line-height: 1.72; color: #4b5563; margin-top: 12px; max-width: 860px; }\n.lp-detail p { margin: 0 0 10px; }\n.lp-detail p:last-child { margin-bottom: 0; }\n.lp-links { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: 20px; }\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\n\/* Sektionsvisual: kompakt, kein leerer Kasten *\/\n.lp-visual { background: radial-gradient(circle at 18% 18%, rgba(6, 182, 212, 0.22), transparent 58%), linear-gradient(135deg, #0f172a 0%, #1a2d4d 100%); border-radius: 14px; padding: 18px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; justify-content: flex-start; }\n.lp-visual svg { width: 46px; height: 46px; stroke: #67e8f9; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }\n.lp-visual span { font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #cbd5e1; }\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-hero-panel a:focus-visible, .lp-cta a:focus-visible { outline-color: #67e8f9; }\n\n@media (min-width: 1000px) {\n  .lp-section { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr) 200px; grid-template-areas: \"k b v\" \"h b v\" \"h l v\" \"h d v\"; column-gap: 36px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 18px; padding: 30px 34px; margin: 0 0 18px; box-shadow: 0 1px 3px rgba(16, 32, 52, 0.05); }\n  .lp-section .lp-kicker { grid-area: k; justify-self: start; }\n  .lp-section h2 { grid-area: h; align-self: start; }\n  .lp-kurzblock { grid-area: b; }\n  .lp-section .lp-links { grid-area: l; margin-top: 16px; }\n  .lp-section .lp-visual { grid-area: v; align-self: start; margin-top: 4px; }\n  .lp-section .lp-mehr { grid-area: d; }\n  .lp-section { padding-bottom: 22px; }\n}\n@media (max-width: 999px) {\n  .lp-hero { grid-template-columns: 1fr; padding: 36px 24px 32px; gap: 26px; }\n  .lp-hero-panel { padding: 18px 16px 12px; }\n  .lp-hero-panel ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 10px; }\n  .lp-hero-panel a { font-size: 14px; padding: 8px 6px; }\n  .lp-panel-hint { font-size: 12px; }\n  .lp-section { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px 20px 22px; margin: 0 0 14px; }\n  .lp-section h2 { margin-top: 10px; }\n  .lp-kurz { margin-top: 12px; }\n  .lp-visual { flex-direction: row; align-items: center; gap: 14px; padding: 12px 16px; margin-top: 16px; }\n  .lp-visual svg { width: 32px; height: 32px; }\n  .lp-cta { padding: 36px 24px; }\n}\n@media (max-width: 560px) {\n  .lp-hero-panel ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 8px; }\n  .lp-hero-panel a { font-size: 13px; padding: 7px 5px; gap: 8px; }\n  .lp-panel-nr { min-width: 15px; font-size: 10px; }\n  .lp-hero-buttons .lp-btn { width: 100%; }\n  .lp-hero h1 { font-size: 27px; }\n  .lp-hero { padding: 30px 20px 26px; }\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\">Leistungen<\/span>\n        <h1>Leistungen: GitLab, Automatisierung, Software und Hosting<\/h1>\n        <p class=\"lp-sub\">Aus Wien, auf Ihren Servern und zum Fixpreis: acht Leistungen im Detail \u2013 was enthalten ist, ab welchem Preis, und wie Sie anfangen.<\/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=\"\/pakete\/\">Pakete ansehen<\/a>\n        <\/div>\n      <\/div>\n      <nav class=\"lp-hero-panel\" aria-label=\"Leistungen im \u00dcberblick\">\n        <p class=\"lp-panel-title\">Acht Leistungen im \u00dcberblick<\/p>\n        <ul>\n          <li><a href=\"#gitlab\"><span class=\"lp-panel-nr\">01<\/span> GitLab &amp; Service Desk<\/a><\/li>\n          <li><a href=\"#projektmanagement\"><span class=\"lp-panel-nr\">02<\/span> Projektmanagement<\/a><\/li>\n          <li><a href=\"#automation-ki\"><span class=\"lp-panel-nr\">03<\/span> Automationen mit KI<\/a><\/li>\n          <li><a href=\"#webseiten\"><span class=\"lp-panel-nr\">04<\/span> Webseiten<\/a><\/li>\n          <li><a href=\"#prototyping\"><span class=\"lp-panel-nr\">05<\/span> Software-Prototyping<\/a><\/li>\n          <li><a href=\"#softwareloesungen\"><span class=\"lp-panel-nr\">06<\/span> Software-L\u00f6sungen<\/a><\/li>\n          <li><a href=\"#scripting\"><span class=\"lp-panel-nr\">07<\/span> Scripting<\/a><\/li>\n          <li><a href=\"#hosting\"><span class=\"lp-panel-nr\">08<\/span> Hosting<\/a><\/li>\n        <\/ul>\n        <p class=\"lp-panel-hint\">Direkt zur gew\u00fcnschten Leistung springen.<\/p>\n      <\/nav>\n    <\/div>\n\n    <section class=\"lp-section\" id=\"gitlab\">\n      <span class=\"lp-kicker\">01 \u00b7 Kernleistung<\/span>\n      <h2>GitLab \u2013 mit oder ohne Service Desk<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Ihre eigene DevOps-Plattform auf Servern, die Sie kontrollieren \u2013 Quellcode, Pipelines und Tickets an einem Ort, ohne Nutzerlimit in der Community Edition.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Einf\u00fchrung und Migration von GitHub, Bitbucket oder Gitea \u2013 inklusive Historie<\/li>\n          <li>Service Desk: Kundenanfragen werden automatisch zu Tickets, ganz ohne GitLab-Konto<\/li>\n          <li>Optionaler Betrieb mit Updates, Backups, Monitoring und fester Reaktionszeit<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><circle cx=\"16\" cy=\"16\" r=\"6\"\/><circle cx=\"16\" cy=\"48\" r=\"6\"\/><circle cx=\"48\" cy=\"32\" r=\"6\"\/><path d=\"M16 22v20\"\/><path d=\"M22 16h14a6 6 0 0 1 6 6v4\"\/><path d=\"M42 38v2a6 6 0 0 1-6 6H22\"\/><\/svg><span>GitLab &amp; Service Desk<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Die Community Edition ist quelloffen und lizenzkostenfrei; auf Ihrer eigenen Instanz gibt es kein Nutzerlimit. Premium oder Ultimate richten wir ein, wenn Sie Epics, Roadmaps, Iterationen oder erweiterte Compliance- und Sicherheitsfunktionen brauchen \u2013 die tagesaktuelle Zuordnung pr\u00fcfen wir vor jedem Angebot bei GitLab selbst.<\/p>\n          <p>Der Service Desk ist in allen Editionen enthalten. Er stellt eine projektbezogene E-Mail-Adresse bereit: Anfragen werden automatisch zu Tickets, die Antwort l\u00e4uft direkt aus GitLab zur\u00fcck. Ein Umzug von GitHub, Bitbucket, Gitea oder einer \u00e4lteren Instanz ist inklusive Branches, Tags und \u2013 wo technisch m\u00f6glich \u2013 Issues und Kommentaren machbar, ohne Unterbrechung des laufenden Betriebs.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/?paket=einfuehrung\">GitLab-Einf\u00fchrung anfragen<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"projektmanagement\">\n      <span class=\"lp-kicker\">02 \u00b7 Planung<\/span>\n      <h2>Projektmanagement mit Work Items und Kanban<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Planung dort, wo der Code liegt \u2013 Work Items, Kanban und Meilensteine statt zus\u00e4tzlicher Jira- und Confluence-Lizenzen.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Work Items f\u00fcr Issues, Tasks und Epics, mit Hierarchie und Verkn\u00fcpfungen<\/li>\n          <li>Kanban-Boards mit WIP-Limits, Swimlanes und automatischen Statuswechseln<\/li>\n          <li>PM-Suite ab 9.900 \u20ac f\u00fcr Portfolio, Kennzahlen und Roadmap<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"8\" y=\"10\" width=\"14\" height=\"44\" rx=\"3\"\/><rect x=\"25\" y=\"10\" width=\"14\" height=\"44\" rx=\"3\"\/><rect x=\"42\" y=\"10\" width=\"14\" height=\"44\" rx=\"3\"\/><path d=\"M11 20h8M28 26h8M45 16h8\"\/><\/svg><span>Work Items &amp; Kanban<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Wird ein Merge Request gemergt, schlie\u00dft sich das zugeh\u00f6rige Work Item automatisch \u2013 der Stand bleibt aktuell, ohne Pflegeaufwand. Meilensteine, Labels, Zeitverfolgung und Aufwandsgewichtung geh\u00f6ren dazu.<\/p>\n          <p>Wer eine Steuerung \u00fcber der Instanz braucht, bekommt die PM-Suite: \u00dcbersicht, Portfolio, Issues und Roadmap in einer Ansicht. GitLab bleibt dabei f\u00fchrend \u2013 die Suite f\u00fchrt zusammen, statt Daten zu doppeln. F\u00fcr kleinere Teams reicht h\u00e4ufig die Community Edition vollst\u00e4ndig aus.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/?paket=ausbau\">PM-Suite anfragen<\/a>\n        <a class=\"lp-btn lp-btn-sekundaer\" href=\"\/pakete\/\">Pakete ansehen<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"automation-ki\">\n      <span class=\"lp-kicker\">03 \u00b7 Automatisierung<\/span>\n      <h2>Automationen mit Anbindung von KI<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Wiederkehrende Arbeit erledigen Workflows \u2013 selbst gehostet, mit dem Modell Ihrer Wahl und jeder Ausf\u00fchrung im Protokoll.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Workflow-Engine n8n auf Ihrer Infrastruktur, nachvollziehbar protokolliert<\/li>\n          <li>DeepSeek, OpenAI, Gemini oder ein lokal betriebenes Modell \u2013 nach Ihrem Datenschutzbedarf<\/li>\n          <li>Typische F\u00e4lle: Postfach-Vorsortierung, Angebote, Dokumentenklassifizierung, \u00dcbersetzungen<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><circle cx=\"14\" cy=\"18\" r=\"5\"\/><circle cx=\"50\" cy=\"14\" r=\"5\"\/><circle cx=\"32\" cy=\"46\" r=\"5\"\/><path d=\"M19 20l9 21M45 18l-9 23M19 16h26\"\/><\/svg><span>n8n &amp; KI<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Vor der Umsetzung kl\u00e4ren wir, welche Daten eine Verarbeitung \u00fcberhaupt verlassen d\u00fcrfen und welche im Haus bleiben. Das legen Sie fest, nicht das Werkzeug.<\/p>\n          <p>Der Nutzen entsteht nicht durch das Modell allein, sondern durch die saubere Anbindung an Ihre bestehenden Abl\u00e4ufe \u2013 inklusive Fehlerbehandlung und Protokoll jeder Ausf\u00fchrung.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/\">Automatisierung pr\u00fcfen lassen<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"webseiten\">\n      <span class=\"lp-kicker\">04 \u00b7 Web<\/span>\n      <h2>Webseiten erstellen und betreuen<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Auftritt und Shop, die gefunden werden, schnell laden und sich ohne Entwickler pflegen lassen.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Konzeption, Struktur, Design und Umsetzung \u2013 WordPress oder individuelle L\u00f6sung<\/li>\n          <li>SEO von Anfang an: sprechende URLs, strukturierte Daten, Core Web Vitals<\/li>\n          <li>Auf Wunsch vollst\u00e4ndiger Betrieb: Updates, Backups, Monitoring<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"8\" y=\"12\" width=\"48\" height=\"40\" rx=\"4\"\/><path d=\"M8 24h48\"\/><circle cx=\"14\" cy=\"18\" r=\"1.6\"\/><circle cx=\"19\" cy=\"18\" r=\"1.6\"\/><path d=\"M15 32h18M15 39h26\"\/><\/svg><span>WordPress &amp; SEO<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Mehrsprachigkeit und ein Redaktionsworkflow sorgen daf\u00fcr, dass Inhalte auch tats\u00e4chlich gepflegt werden. F\u00fcr Seiten aus einem geschlossenen Baukasten planen wir den Umzug auf eine eigene Installation \u2013 inklusive Inhalten, Medien, Weiterleitungen und Suchmaschinen-Eintr\u00e4gen.<\/p>\n          <p>Gehostet wird auf Wunsch auf Ihren Servern in Deutschland oder Finnland; Details stehen unter <a href=\"\/hosting\/\">Hosting<\/a>.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/\">Webprojekt besprechen<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"prototyping\">\n      <span class=\"lp-kicker\">05 \u00b7 Vorprojekt<\/span>\n      <h2>Software-Prototyping<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Erst sehen, dann bauen: ein klickbarer Prototyp und eine belastbare Sch\u00e4tzung, bevor die gro\u00dfe Investition beginnt.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Klickbarer Oberfl\u00e4chen-Prototyp als Entscheidungsgrundlage<\/li>\n          <li>Proof of Concept mit Ihren echten Daten und Schnittstellen<\/li>\n          <li>Bewusster Stopp jederzeit m\u00f6glich \u2013 auf Basis von etwas Sichtbarem<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"8\" y=\"10\" width=\"48\" height=\"44\" rx=\"4\"\/><rect x=\"14\" y=\"18\" width=\"16\" height=\"12\" rx=\"2\"\/><path d=\"M36 20h14M36 26h10M14 40h36M14 47h24\"\/><\/svg><span>Prototyp &amp; PoC<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Ein Prototyp kostet einen Bruchteil der fertigen Anwendung und verhindert die teure Fehlentwicklung. Dazu geh\u00f6ren eine Machbarkeitspr\u00fcfung und eine Aufwandssch\u00e4tzung, mit der Gesch\u00e4ftsf\u00fchrung und Fachbereich entscheiden k\u00f6nnen.<\/p>\n          <p>Das Ergebnis ist bewusst ein Fundament, kein fertiges Produkt: Sie k\u00f6nnen in die Umsetzung gehen oder das Projekt an dieser Stelle stoppen.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/\">Prototyp starten<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"softwareloesungen\">\n      <span class=\"lp-kicker\">06 \u00b7 Entwicklung<\/span>\n      <h2>Erstellung von Software-L\u00f6sungen<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Individuelle Software f\u00fcr Abl\u00e4ufe, die keine Standardl\u00f6sung abbildet \u2013 von der Spezifikation bis zur \u00dcbergabe.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Prozessaufnahme und Spezifikation, bevor eine Zeile Code entsteht<\/li>\n          <li>Web-Anwendungen, Schnittstellen und Datenbanken, angebunden an ERP, CRM und DMS<\/li>\n          <li>Das Projekt l\u00e4uft in GitLab: Aufgaben, Commits und Fortschritt an einem Ort<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><path d=\"M22 20L10 32l12 12M42 20l12 12-12 12M36 16L28 48\"\/><\/svg><span>Individuelle Software<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Entwicklung und Fortschritt laufen im GitLab-Projekt, sodass Sie den Stand selbst nachvollziehen k\u00f6nnen. Zur \u00dcbergabe geh\u00f6ren Dokumentation, Einschulung und die Zug\u00e4nge \u2013 auf Wunsch mit Weiterentwicklung \u00fcber den Go-live hinaus.<\/p>\n          <p>Ihr Code und Ihre Daten bleiben dabei in Ihrer Hand.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/\">Projekt anfragen<\/a>\n        <a class=\"lp-btn lp-btn-sekundaer\" href=\"\/pakete\/\">Betreuung ansehen<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"scripting\">\n      <span class=\"lp-kicker\">07 \u00b7 Betrieb<\/span>\n      <h2>Scripting und Automatisierung im Betrieb<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Wiederkehrende Handgriffe werden zu dokumentierten Skripten \u2013 nachlesbar, \u00e4nderbar und selbst weiterbetreibbar.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Bash, Python oder PowerShell \u2013 f\u00fcr Einrichtung, Deployment und Migration<\/li>\n          <li>Massenrollout, Inventarisierung, automatisierte Backups und Monitoring-Jobs<\/li>\n          <li>Versioniert im eigenen GitLab-Projekt, nicht in einem unauffindbaren Ordner<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"6\" y=\"12\" width=\"52\" height=\"40\" rx=\"4\"\/><path d=\"M14 22l8 6-8 6M28 34h14\"\/><\/svg><span>Bash &amp; Python<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Damit k\u00f6nnen Sie Abl\u00e4ufe nachlesen, \u00e4ndern und im Zweifel selbst weiterbetreiben; Sie sind nicht von uns abh\u00e4ngig. Wo es sinnvoll ist, verbinden wir das Scripting mit den Automatisierungen mit KI-Anbindung: Das Skript erledigt den festen Teil, das Modell den unruhigen Rest.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/\">Ablauf automatisieren<\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"lp-section\" id=\"hosting\">\n      <span class=\"lp-kicker\">08 \u00b7 Infrastruktur<\/span>\n      <h2>Hosting auf eigenen Servern<\/h2>\n      <div class=\"lp-kurzblock\">\n        <p class=\"lp-kurz\">Ihre Anwendungen auf eigenen Servern in Deutschland oder Finnland \u2013 ohne Lizenzkosten pro Benutzer, mit klar getrenntem Betrieb und Managed Service.<\/p>\n        <ul class=\"lp-punkte\">\n          <li>Hetzner Cloud mit Coolify \u2013 \u00fcber 200 Anwendungen als Container<\/li>\n          <li>Lumi Starter 35 \u20ac\/Monat (technischer Betrieb), Lumi Care Pro 89 \u20ac\/Monat (Managed), Lumi Setup 299 \u20ac einmalig<\/li>\n          <li>Hetzner-Konto und Root-Zug\u00e4nge auf Ihren Namen, Dokumentation inklusive<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"lp-visual\" aria-hidden=\"true\"><svg viewBox=\"0 0 64 64\" aria-hidden=\"true\"><rect x=\"10\" y=\"12\" width=\"44\" height=\"11\" rx=\"3\"\/><rect x=\"10\" y=\"27\" width=\"44\" height=\"11\" rx=\"3\"\/><rect x=\"10\" y=\"42\" width=\"44\" height=\"10\" rx=\"3\"\/><circle cx=\"18\" cy=\"17.5\" r=\"1.6\"\/><circle cx=\"18\" cy=\"32.5\" r=\"1.6\"\/><circle cx=\"18\" cy=\"47\" r=\"1.6\"\/><\/svg><span>Hetzner &amp; Coolify<\/span><\/div>\n      <details class=\"lp-mehr\">\n        <summary>Mehr erfahren<\/summary>\n        <div class=\"lp-detail\">\n          <p>Lumi Starter umfasst Server, automatische Updates f\u00fcr System und Coolify, t\u00e4gliche Snapshots, Uptime-Monitoring, E-Mail-Support und Dokumentation. Lumi Care Pro erg\u00e4nzt Prometheus- und Grafana-Monitoring, Sicherheits- und Log-Analyse, manuell gepr\u00fcfte App-Updates und Priority Support mit SLA.<\/p>\n          <p>Das Lumi Setup richtet das Hetzner-Konto auf Ihren Namen, Coolify samt H\u00e4rtung und drei Wunsch-Apps ein. Alle Details stehen auf der Seite <a href=\"\/hosting\/\">Hosting<\/a>.<\/p>\n        <\/div>\n      <\/details>\n      <div class=\"lp-links\">\n        <a class=\"lp-btn\" href=\"\/anfrage\/?paket=betreuung\">Hosting anfragen<\/a>\n        <a class=\"lp-btn lp-btn-sekundaer\" href=\"\/hosting\/\">Hosting-Pakete im Detail<\/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>Welche Leistung passt zu Ihrem Vorhaben?<\/h2>\n      <p>Schildern Sie uns kurz, wo Sie stehen. Wir melden uns innerhalb eines Werktags und sagen Ihnen ehrlich, 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 anfragen<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n<script>(function(){function jump(a,ev){var h=a.getAttribute(\"href\");if(!h||h.length<2){return;}var t=document.getElementById(h.slice(1));if(!t){return;}if(ev){ev.preventDefault();ev.stopPropagation();}try{history.pushState(null,\"\",h);}catch(e){}t.scrollIntoView({behavior:\"auto\",block:\"start\"});}var links=document.querySelectorAll(\".lp-hero-panel a[href^='#']\");for(var i=0;i<links.length;i++){links[i].addEventListener(\"click\",function(ev){jump(this,ev);},true);}window.addEventListener(\"hashchange\",function(){var t=document.getElementById(location.hash.slice(1));if(t){t.scrollIntoView({behavior:\"auto\",block:\"start\"});}});})();<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Services Services: GitLab, automation, software and hosting From Vienna, on your servers and at a fixed price: eight services in detail \u2013 what is included, starting at what price, and how to get started. Free initial consultation View packages Eight services at a glance 01 GitLab &amp; Service Desk 02 Project management 03 AI automations 04 Websites 05 Software prototyping 06 Software solutions\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-76631","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76631","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=76631"}],"version-history":[{"count":13,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76631\/revisions"}],"predecessor-version":[{"id":76682,"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/pages\/76631\/revisions\/76682"}],"wp:attachment":[{"href":"https:\/\/lumi-systems.io\/en\/wp-json\/wp\/v2\/media?parent=76631"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}