Files
Hermes Agent a4e6a2e83e feat: Quellmaterial vom Live-Server — Seiten, Blog, CSS, Bilder
- _live_*.html: index, faq, ueber-uns, leistungen, kontakt (existierende Inhalte)
- _quelle/blog/: 10 Blog-Artikel der bisherigen Seite
- _quelle/legal/: Impressum, Datenschutz, Affiliate
- _quelle/css/: styles.css (375 Design-Regeln)
- _quelle/images/: 6 Bilder (Hero, Logo, DSGVO, Mobile, Kosten, Zeitersparnis)
- ftp-creds via bsn-secrets gesichert
2026-06-25 17:05:21 +02:00

229 lines
16 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Blog von IT-Hilfe Sofort Tipps zur Digitalisierung in der Pflege, itbuddy.care News und Best Practices.">
<link rel="canonical" href="https://it-hilfe-sofort.de/blog/">
<meta property="og:title" content="Blog | IT-Hilfe Sofort">
<title>Blog | IT-Hilfe Sofort</title>
<link rel="stylesheet" href="../css/styles.css">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
.blog-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.blog-card { background: white; border-radius: 0.5rem; overflow: hidden; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.2s; }
.blog-card:hover { transform: translateY(-4px); }
.blog-image { width: 100%; height: 200px; object-fit: cover; background: #e5e7eb; }
.blog-content { padding: 1.5rem; }
.blog-meta { font-size: 0.875rem; color: #6b7280; margin-bottom: 0.5rem; }
.blog-title { font-size: 1.25rem; margin-bottom: 0.75rem; }
.blog-excerpt { color: #4b5563; margin-bottom: 1rem; }
.read-more { color: #2563eb; font-weight: 600; }
.read-more::after { content: ' →'; }
.category-tag { display: inline-block; padding: 0.25rem 0.75rem; background: #dbeafe; color: #1e40af; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.75rem; }
@media (min-width: 768px) { .blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .blog-grid { grid-template-columns: repeat(3, 1fr); } }
</style>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Blog",
"name": "IT-Hilfe Sofort Blog",
"url": "https://it-hilfe-sofort.de/blog/"
}
</script>
</head>
<body>
<!--
BLOG-ERWEITERBARKEIT:
So fügen Sie neue Artikel hinzu:
1. Neue HTML-Datei in blog/ erstellen (z.B. blog/neuer-artikel.html)
2. Diese Datei nach dem Muster von artikel-template.html erstellen
3. Neue Karte unten im blog-grid ergänzen (siehe bestehende Artikel als Beispiel)
4. Optional: artikel-template.html als Vorlage verwenden
-->
<header class="header">
<nav class="nav container">
<button class="nav-toggle" aria-label="Menü öffnen">
<span></span>
<span></span>
<span></span>
</button>
<a href="/" class="logo"><img src="../images/logo.png" alt="IT-HilfeSofort Logo" class="logo-img"></a>
<ul class="nav-menu">
<li><a href="../index.html">Start</a></li>
<li><a href="../ueber-uns.html">Über uns</a></li>
<li><a href="../leistungen.html">Leistungen</a></li>
<li><a href="../faq.html">FAQ</a></li>
<li><a href="../blog/" class="active">Blog</a></li>
<li><a href="../kontakt.html">Kontakt</a></li>
</ul>
</nav>
</header>
<main>
<section class="section" style="background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%); text-align: center;">
<div class="container">
<h1>Unser Blog</h1>
<p class="section-intro">Tipps, News und Best Practices zur Digitalisierung in der Pflege.</p>
</div>
</section>
<section class="section">
<div class="container">
<div class="blog-grid">
<!-- Artikel 1 -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 1 Cover - Datei: images/blog-digitale-doku.webp - Alt-Text: "Digitale Pflegedokumentation am Tablet" -->
<div class="blog-image" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);"></div>
<div class="blog-content">
<span class="category-tag">Digitalisierung</span>
<h2 class="blog-title"><a href="digitale-pflegedokumentation.html">Digitale Pflegedokumentation: So sparen Sie 10 Stunden pro Woche</a></h2>
<p class="blog-meta">📅 5. Mai 2026 · ⏱️ 5 Min. Lesezeit</p>
<p class="blog-excerpt">Erfahren Sie, wie die digitale Dokumentation nicht nur Zeit spart, sondern auch die Qualität der Pflege verbessert und MDK-Prüfungen zum Kinderspiel macht.</p>
<a href="digitale-pflegedokumentation.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 2 -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 2 Cover - Datei: images/blog-dsgvo.webp - Alt-Text: "DSGVO Datenschutz Symbol" -->
<div class="blog-image" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);"></div>
<div class="blog-content">
<span class="category-tag">DSGVO</span>
<h2 class="blog-title"><a href="dsgvo-pflege.html">DSGVO in der Pflege: Die 7 wichtigsten Anforderungen</a></h2>
<p class="blog-meta">📅 3. Mai 2026 · ⏱️ 7 Min. Lesezeit</p>
<p class="blog-excerpt">Welche datenschutzrechtlichen Anforderungen gelten für Pflegeunternehmen? Wir erklären die 7 wichtigsten Punkte und wie Sie diese umsetzen.</p>
<a href="dsgvo-pflege.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 3 -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 3 Cover - Datei: images/blog-tourenplanung.webp - Alt-Text: "Optimierte Routenplanung auf Karte" -->
<div class="blog-image" style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);"></div>
<div class="blog-content">
<span class="category-tag">Best Practice</span>
<h2 class="blog-title"><a href="tourenplanung-optimieren.html">Tourenplanung optimieren: Routen effizient gestalten</a></h2>
<p class="blog-meta">📅 1. Mai 2026 · ⏱️ 6 Min. Lesezeit</p>
<p class="blog-excerpt">Eine intelligente Tourenplanung kann Kraftstoffkosten senken und mehr Zeit für Patienten schaffen. So funktioniert's mit digitaler Unterstützung.</p>
<a href="tourenplanung-optimieren.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 4: MDK-Prüfung -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 4 Cover - Datei: images/blog-mdk-pruefung.webp - Alt-Text: "MDK Prüfung digitale Dokumentation" -->
<div class="blog-image" style="background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);"></div>
<div class="blog-content">
<span class="category-tag">MDK-Prüfung</span>
<h2 class="blog-title"><a href="mdk-pruefung-digital-bestehen.html">MDK-Prüfung digital bestehen So hilft Pflegesoftware bei der Qualitätsprüfung</a></h2>
<p class="blog-meta">📅 6. Mai 2026 · ⏱️ 8 Min. Lesezeit</p>
<p class="blog-excerpt">Die MDK-Prüfung muss kein Albtraum sein. Erfahren Sie, wie digitale Dokumentation und die richtigen Software-Funktionen Ihnen bei der Qualitätsprüfung helfen.</p>
<a href="mdk-pruefung-digital-bestehen.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 5: Pflege 4.0 Förderung -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 5 Cover - Datei: images/blog-pflege-foerderung.webp - Alt-Text: "Förderung Digitalisierung Pflege" -->
<div class="blog-image" style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);"></div>
<div class="blog-content">
<span class="category-tag">Förderung</span>
<h2 class="blog-title"><a href="pflege-4-0-foerderung-finanzierung.html">Pflege 4.0: Förderung und Finanzierung der Digitalisierung</a></h2>
<p class="blog-meta">📅 6. Mai 2026 · ⏱️ 8 Min. Lesezeit</p>
<p class="blog-excerpt">Wussten Sie, dass Sie bis zu 12.000€ Förderung für die Digitalisierung Ihres Pflegeunternehmens erhalten können? Wir zeigen Ihnen die Möglichkeiten.</p>
<a href="pflege-4-0-foerderung-finanzierung.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 6: Schichtplanung -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 6 Cover - Datei: images/blog-schichtplanung.webp - Alt-Text: "Digitale Schichtplanung Pflege" -->
<div class="blog-image" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);"></div>
<div class="blog-content">
<span class="category-tag">Planung</span>
<h2 class="blog-title"><a href="schichtplanung-ohne-chaos-pflege.html">Schichtplanung ohne Chaos Digitale Lösung für den Pflegealltag</a></h2>
<p class="blog-meta">📅 6. Mai 2026 · ⏱️ 8 Min. Lesezeit</p>
<p class="blog-excerpt">Schichtplanung in der Pflege ist komplex. Erfahren Sie, wie digitale Tools dabei helfen, Dienstpläne effizient und fair zu gestalten.</p>
<a href="schichtplanung-ohne-chaos-pflege.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 7: Cybersecurity -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 7 Cover - Datei: images/blog-cybersecurity.webp - Alt-Text: "Cybersecurity Patientendaten" -->
<div class="blog-image" style="background: linear-gradient(135deg, #434343 0%, #000000 100%);"></div>
<div class="blog-content">
<span class="category-tag">Sicherheit</span>
<h2 class="blog-title"><a href="cybersecurity-in-der-pflege.html">Cybersecurity in der Pflege Patientendaten wirksam schützen</a></h2>
<p class="blog-meta">📅 6. Mai 2026 · ⏱️ 8 Min. Lesezeit</p>
<p class="blog-excerpt">Patientendaten sind sensibel. Lesen Sie, wie Sie Ihr Pflegeunternehmen vor Cyberangriffen schützen und DSGVO-konform bleiben.</p>
<a href="cybersecurity-in-der-pflege.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 8: Wann lohnt sich Pflegesoftware -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 8 Cover - Datei: images/blog-pflegesoftware-lohnt.webp - Alt-Text: "Pflegesoftware Kosten Nutzen" -->
<div class="blog-image" style="background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);"></div>
<div class="blog-content">
<span class="category-tag">Kosten & Nutzen</span>
<h2 class="blog-title"><a href="wann-lohnt-sich-pflegesoftware.html">Wann lohnt sich Pflegesoftware? Kosten, Nutzen und ROI</a></h2>
<p class="blog-meta">📅 6. Mai 2026 · ⏱️ 8 Min. Lesezeit</p>
<p class="blog-excerpt">Ab welcher Größe lohnt sich Pflegesoftware? Wir rechnen vor, wann sich die Investition amortisiert und welche Einsparungen möglich sind.</p>
<a href="wann-lohnt-sich-pflegesoftware.html" class="read-more">Weiterlesen</a>
</div>
</article>
<!-- Artikel 9: IT-Pflichten -->
<article class="blog-card">
<!-- BILD-PLATZHALTER: Blog Artikel 9 Cover - Datei: images/blog-it-pflichten.webp - Alt-Text: "IT-Pflichten Pflegeunternehmen" -->
<div class="blog-image" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);"></div>
<div class="blog-content">
<span class="category-tag">Rechtliches</span>
<h2 class="blog-title"><a href="it-pflichten-pflegeunternehmen.html">IT-Pflichten für Pflegeunternehmen Welche digitalen Pflichten gelten?</a></h2>
<p class="blog-meta">📅 6. Mai 2026 · ⏱️ 8 Min. Lesezeit</p>
<p class="blog-excerpt">Welche IT-Pflichten haben Pflegeunternehmen? Von der digitalen Dokumentation bis zur IT-Sicherheit wir geben einen Überblick.</p>
<a href="it-pflichten-pflegeunternehmen.html" class="read-more">Weiterlesen</a>
</div>
</article>
</div>
</div>
</section>
<!-- Newsletter CTA -->
<section class="section" style="background: #f9fafb;">
<div class="container" style="max-width: 600px; text-align: center;">
<h2>Verpassen Sie keine neuen Artikel</h2>
<p class="mb-3">Abonnieren Sie unseren Newsletter für regelmäßige Updates.</p>
<!-- FORMSPREE: Newsletter Formular - ID hier einfügen (kostenlos unter formspree.io) -->
<form class="newsletter-form" data-validate action="https://formspree.io/f/DEINE_NEWSLETTER_FORMSPREE_ID" method="POST" style="display: flex; gap: 0.5rem; flex-wrap: wrap; justify-content: center;">
<input type="email" name="email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" placeholder="Ihre E-Mail-Adresse"
style="flex: 1; min-width: 250px; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem;">
<button type="submit" class="btn btn-primary">Abonnieren</button>
<input type="hidden" name="_subject" value="Neue Newsletter-Anmeldung (Blog)">
<input type="hidden" name="_cc" value="info@it-hilfe-sofort.de">
</form>
<p style="font-size: 0.75rem; color: #6b7280; margin-top: 0.5rem;">
🔒 Double-Opt-In + DSGVO-konform über Formspree.
</p>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-grid">
<div class="footer-col"><img src="../images/logo.png" alt="IT-HilfeSofort Logo" class="logo-img" style="max-height: 40px; margin-bottom: 0.5rem;"><p>Ihr Partner für digitale Lösungen im Pflegebereich.</p></div>
<div class="footer-col"><h4>Navigation</h4><ul><li><a href="../ueber-uns.html">Über uns</a></li><li><a href="../leistungen.html">Leistungen</a></li><li><a href="../faq.html">FAQ</a></li><li><a href="../blog/">Blog</a></li></ul></div>
<div class="footer-col"><h4>Rechtliches</h4><ul><li><a href="../legal/impressum.html">Impressum</a></li><li><a href="../legal/datenschutz.html">Datenschutz</a></li><li><a href="../legal/affiliate.html">Affiliate-Kennzeichnung</a></li></ul></div>
<div class="footer-col"><h4>Kontakt</h4><p><a href="../kontakt.html">Kontaktformular</a></p></div>
</div>
<div class="footer-bottom"><p>&copy; 2026 IT-Hilfe Sofort. Alle Rechte vorbehalten.</p></div>
</footer>
<script src="../js/main.js" defer></script>
</body>
</html>