Ein Kunde brachte seinen 8 Jahre alten Büro-PC vorbei — langsam, laut, hoffnungslos veraltet. Eingebaut: neues Mainboard, Ryzen 7 7800X3D, 32GB DDR5 RAM und eine RTX 4070 Super. Das alte Gehäuse blieb (Kundenwunsch). Ergebnis: 3× mehr Leistung, leise Kühlung, moderner Anschluss für WQHD-Monitore.
▲ +300% Performance✓ 4h Einbau📋 Budget: ~1.800€
☁️
Cloud
Cloud-Migration Arztpraxis
Eine Zahnarztpraxis mit 8 Mitarbeitern betrieb ihre Patientenverwaltung auf einem 12 Jahre alten Windows-Server — kein Backup, keine Verschlüsselung, tägliche Ausfallängste. Migration auf Nextcloud (Dokumente) und Immich (Röntgenbilder), gehostet auf eigener Infrastruktur im Rechenzentrum Saarbrücken. DSGVO-konform, 40% Kostenersparnis gegenüber der alten Lizenz+Miet-Modell-Lösung.
▼ -40% Kosten✓ 2 Tage Migration🔐 Ende-zu-Ende
🔒
Netzwerk
Büro-Netzwerk-Sicherheit
Ein 5-Mann-Architekturbüro hatte genau ein LAN-Kabel für alle. Geteiltes WLAN mit Gästen, kein VPN für Homeoffice, keine Trennung von Arbeitsrechnern und NAS. Aufbau: Managed Switch mit 4 VLANs, Geschäftsfunk-WLAN (WPA3), WireGuard-VPN-Tunnel für Außendienst, zentrales Backup auf NAS mit 3-2-1-Strategie. Vorher eine Steckdosenleiste — heute professionelle Netzwerktopologie.
🔐 4 VLANs✓ 8h Vor-Ort📡 WPA3 Enterprise
Technologie-Demo
Moderne Webtechnik
Diese Seite ist live mit Vanilla HTML/CSS/JS gebaut — kein Framework, kein CMS. Jeder Klick, jede Animation, jede Berechnung ist handgeschrieben.
🎨
Glassmorphism
Matter, transparenter Glas-Effekt mit CSS backdrop-filter. Funktioniert in allen modernen Browsern, fällt Gracefully auf älteren Geräten auf solide Hintergrundfarben zurück.
backdrop-filter · rgba colors · border-glass
🔄
State Machine
Der Service-Finder (54 Preis-Kombinationen) läuft auf einer selbstgeschriebenen JS State Machine. Null Bibliotheken — reine Event Delegation, ein Objekt für den Zustand, DOM Toggle für die UI.
Vanilla JS · Event Delegation · DOM Toggle
🌙
Dark Mode
Vollständiger Dark Mode via CSS Custom Properties. Erkennt die Systemeinstellung (prefers-color-scheme), speichert manuelle Wahl in localStorage. Nahtloser Wechsel ohne Flimmern.
CSS custom properties · localStorage · Media Query
📱
Mobile First
Komplett responsive: vom iPhone SE (320px) bis zum 4K-Monitor. Das Hamburger-Menü, flexible Grids und fließende Typografie passen sich automatisch an.
CSS Grid · Flexbox · responsive units · 3 Breakpoints
⚡
Scroll-Animationen
Die Zahlen-Counter und Reveal-Effekte nutzen IntersectionObserver — kein jQuery, keine Scroll-Libraries. Läuft mit 60 fps auch auf älteren Smartphones.
Null externe Requests. Kein Google Fonts (self-hosted), kein Tracking, keine Cookies, keine Analytics. Keine Einwilligungsbanner nötig — so wie jede Website sein sollte.
100% Self-Hosted · Privacy-by-Design · Keine Third-Party
Live: Dark Mode
Klicken Sie auf 🌙 oben rechts — die ganze Seite wechselt nahtlos.
☀️ Light
→
🌙 Dark
Bereit für Ihr Projekt?
Ob Notfall, Upgrade oder komplette Migration — ich bin für Sie da. Kostenlose Erstberatung inklusive.