danielkrause/it-hilf-sofort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Quellmaterial vom Live-Server — Seiten, Blog, CSS, Bilder

Browse Source 
- _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
This commit is contained in:
Hermes Agent
2026-06-25 17:05:16 +02:00
parent b700f989b9
commit a4e6a2e83e
26 changed files with 5441 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_quelle/blog/index.html
+228
View File
@@ -0,0 +1,228 @@
<!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>