Redaktionsplan Instagram als PDF

Vier Seiten: Rahmen und Rhythmus, der Plan vom 12.08. bis 14.09., Bildsprache,
taegliche Interaktion und Auswertung. Layout, Schrift und Farben wie beim
Webinar-Vergleich.

Der Kanal ist in dieser Phase kein Reichweiten-, sondern ein
Darstellungskanal: fuer Leute, die ohnehin auf uns stossen. Das steht in der
Praemisse und traegt die Entscheidungen, etwa warum Carousels vor Reels
kommen, obwohl Reels unter 50.000 Followern mehr Reichweite bringen.

15 Termine, drei pro Woche um 12:00. Sechs Sorten im Wechsel, damit sich das
Konto nicht wie ein Prospekt liest: acht Funktionen, zwei zu Menschen und
Betrieb, zwei Einwaende, je einmal Haltung, Wissen ohne Produkt und Aufruf.
Das erste Reel am 09.09. ist eine Bildschirmaufnahme, dafuer braucht es keine
Kamera.

Gebaut wird mit "python3 redaktionsplan/bauen.py". Schrift und Logo kommen aus
den Assets dieses Repos, nicht aus einem Nachbarordner, damit sich das PDF
ueberall bauen laesst. Die erzeugte HTML ist ignoriert, sie entsteht neu.

Zahlen zu Ausspielung und Posting-Zeiten sind belegt und als Groessenordnung
gekennzeichnet, nicht als Zusage. Sie stammen aus Auswertungen Dritter, nicht
von Meta.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

.gitignore

@@ -1 +1,4 @@
 .DS_Store
+
+# Zwischenschritt beim PDF-Bau, entsteht neu aus bauen.py
+redaktionsplan/*.html

redaktionsplan/bauen.py

@@ -0,0 +1,488 @@
+#!/usr/bin/env python3
+"""Baut den Redaktionsplan als A4-PDF.
+
+Aufbau wie beim Webinar-Vergleich: eine HTML-Datei mit eingebettetem Manrope
+und eingebettetem Logo, die von Chrome nach PDF gedruckt wird. Eingebettet
+heißt hier wörtlich, die Datei läuft ohne Netz und ohne Nachbarordner.
+
+    python3 redaktionsplan/bauen.py
+"""
+
+import base64
+import subprocess
+from datetime import date, timedelta
+from pathlib import Path
+
+HIER = Path(__file__).resolve().parent
+REPO = HIER.parent
+CHROME = "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
+
+# Schrift und Logo kommen aus dem Repo selbst, nicht aus einem Nachbarordner:
+# das PDF soll sich auf jedem Rechner bauen lassen, der nur dieses Repo hat.
+# Manrope liegt als variables Latin-Subset vor, 200 bis 800.
+FONT = base64.b64encode(
+    (REPO / "assets/fonts/xn7gYHE41ni1AdIRggexSvfedN4.woff2").read_bytes()).decode()
+LOGO = base64.b64encode(
+    (REPO / "assets/brand/logo.svg").read_bytes()).decode()
+
+TAGE = {0: "Mo", 2: "Mi", 4: "Fr"}
+
+
+def slots(start: date, anzahl: int):
+    """Die Mo/Mi/Fr-Termine ab dem Starttag."""
+    raus, d = [], start
+    while len(raus) < anzahl:
+        if d.weekday() in TAGE:
+            raus.append((TAGE[d.weekday()], d.strftime("%d.%m.")))
+        d += timedelta(days=1)
+    return raus
+
+
+# Thema, Format, Ziel. Reihenfolge ist nicht beliebig: erst warum es uns gibt,
+# dann die Haltung, dann die Funktionen von der täglichen Last nach hinten zu
+# dem, was Vorwissen braucht.
+PLAN = [
+    ("Die Geschichte", "Carousel, 6", "Herkunft. Warum es HiveGrid gibt."),
+    ("Verbinden statt ersetzen", "Einzelbild", "Haltung. Die Kernaussage in einem Satz."),
+    ("Projektmanagement", "Carousel", "Der Überblick, den jeder Betrieb vermisst."),
+    ("Workflow-Engine", "Carousel", "Wenn-dann statt Handarbeit."),
+    ("Team-Chat", "Carousel", "Ein Kanal pro Projekt, Foto rein, Aufgabe raus."),
+    ("Form Builder", "Carousel", "Vom Kontaktformular bis zum Aufmaß."),
+    ("Zettelwirtschaft", "Carousel", "Wissen ohne Produkt. Wo im Betrieb Zeit verloren geht."),
+    ("E-Mail-Marketing", "Carousel", "Aus Anfragen werden Kontakte, aus Kontakten Aufträge."),
+    ("Mitarbeiter-Management", "Carousel", "Wer kann was, wer ist wo, wer braucht was."),
+    ("Der Betrieb dahinter", "Carousel", "Vierte Generation SHK. Keine Studio-Bilder."),
+    ("KI-Anbindung, MCP", "Carousel", "Externe KI darf mitlesen, ohne Datenabfluss."),
+    ("Dein ERP bleibt", "Einzelbild", "Der Einwand Nummer eins, direkt beantwortet."),
+    ("Tempo und Übersicht", "Reel", "Die Oberfläche selbst. Wenige Klicks, kein Suchen."),
+    ("Warteliste", "Carousel", "Aufruf. Was die ersten Betriebe bekommen."),
+    ("Häufige Fragen", "Carousel", "Die fünf Einwände, die immer kommen."),
+]
+
+ZEILEN = "".join(
+    '<tr{hi}><td class="dt"><b>{tag}</b> {datum}</td><td><b>{thema}</b></td>'
+    '<td class="fm">{format}</td><td class="zl">{ziel}</td></tr>'.format(
+        hi=' class="hi"' if i < 2 else "",
+        tag=t, datum=d, thema=p[0], format=p[1], ziel=p[2],
+    )
+    for i, (p, (t, d)) in enumerate(zip(PLAN, slots(date(2026, 8, 12), len(PLAN))))
+)
+
+HTML = f"""<!doctype html>
+<html lang="de">
+<head>
+<meta charset="utf-8">
+<title>Instagram: Redaktionsplan und Vorgehen</title>
+<style>
+@font-face{{font-family:'Manrope';font-style:normal;font-weight:200 800;
+  src:url(data:font/woff2;base64,{FONT}) format('woff2');font-display:block}}
+
+:root{{
+  --ink:#14161A; --ink2:#4A5158; --ink3:#868D95; --ink4:#AAB1B8;
+  --line:#E2E6EA; --line-soft:#EFF2F4;
+  --paper2:#F6F8FA; --yellow:#F1B729; --yellow-soft:#FDF3DC;
+  --navy:#0F1A2E; --teal:#0D6E6E; --rot:#C0554B;
+}}
+*{{box-sizing:border-box;margin:0;padding:0}}
+html{{-webkit-font-smoothing:antialiased}}
+body{{font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:#8A9099;
+     font-size:12.4px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:-.003em}}
+@page{{size:A4;margin:0}}
+.page{{width:210mm;height:296.6mm;background:#fff;position:relative;overflow:hidden;
+      padding:16mm 16mm 13mm;page-break-after:always;margin:0 auto 8mm;display:flex;flex-direction:column}}
+.page:last-child{{page-break-after:auto;margin-bottom:0}}
+@media print{{body{{background:#fff}}.page{{margin:0}}}}
+
+h1{{font-size:29px;font-weight:800;line-height:1.08;letter-spacing:-.03em}}
+h2{{font-size:16px;font-weight:800;letter-spacing:-.018em;line-height:1.2}}
+h3{{font-size:12.4px;font-weight:800;letter-spacing:-.01em}}
+p{{margin-bottom:7px}}p:last-child{{margin-bottom:0}}
+strong{{font-weight:700}}
+.lead{{font-size:13.6px;line-height:1.48;color:var(--ink2);font-weight:500;letter-spacing:-.01em}}
+.small{{font-size:10.8px;line-height:1.45;color:var(--ink2)}}
+.micro{{font-size:9.4px;line-height:1.4;color:var(--ink3)}}
+.eyebrow{{font-size:8.4px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}}
+
+.top{{display:flex;justify-content:space-between;align-items:center;
+     border-bottom:1px solid var(--line);padding-bottom:8px;margin-bottom:16px;flex:0 0 auto}}
+.foot{{position:absolute;left:16mm;right:16mm;bottom:7mm;display:flex;justify-content:space-between;
+      font-size:8.4px;letter-spacing:.05em;color:var(--ink4);border-top:1px solid var(--line-soft);padding-top:5px}}
+.body{{flex:1 1 auto;min-height:0}}
+
+.chamfer{{clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),
+         calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}}
+.grid2{{display:grid;grid-template-columns:1fr 1fr;gap:13px}}
+.grid3{{display:grid;grid-template-columns:1fr 1fr 1fr;gap:13px}}
+.card{{background:var(--paper2);padding:13px 15px}}
+.card--line{{background:#fff;border:1px solid var(--line);padding:13px 15px}}
+
+.reco{{background:var(--navy);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:22px}}
+.reco .lbl{{font-size:8.4px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:4px}}
+.reco .big{{font-size:19px;font-weight:800;letter-spacing:-.025em;line-height:1}}
+.reco .sep{{width:1px;height:34px;background:rgba(255,255,255,.2)}}
+
+.stat{{padding:12px 14px;background:var(--paper2)}}
+.stat .k{{font-size:8.2px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink3);margin-bottom:6px}}
+.stat .v{{font-size:27px;font-weight:800;letter-spacing:-.035em;line-height:1}}
+.stat .v .u{{font-size:14px;font-weight:700}}
+.stat .s{{font-size:9.4px;color:var(--ink3);margin-top:5px;line-height:1.3}}
+.stat--acc{{background:var(--navy);color:#fff}}
+.stat--acc .k{{color:#7E8CA0}}.stat--acc .v{{color:var(--yellow)}}.stat--acc .s{{color:#9AA6B6}}
+
+table{{width:100%;border-collapse:collapse;font-size:11px}}
+th{{text-align:left;font-size:8.4px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
+   color:var(--ink3);padding:0 8px 5px;border-bottom:1.5px solid var(--ink);vertical-align:bottom}}
+td{{padding:6px 8px;border-bottom:1px solid var(--line-soft);vertical-align:top;line-height:1.35}}
+tr:last-child td{{border-bottom:none}}
+th:first-child,td:first-child{{padding-left:0}}
+th:last-child,td:last-child{{padding-right:0}}
+tr.hi td{{background:var(--yellow-soft)}}
+tr.hi td:first-child{{box-shadow:inset 3px 0 0 var(--yellow);padding-left:9px}}
+td.dt{{white-space:nowrap;color:var(--ink2)}}
+td.fm{{white-space:nowrap;color:var(--ink2);font-size:10.4px}}
+td.zl{{color:var(--ink2)}}
+
+ul{{list-style:none}}
+li{{position:relative;padding-left:14px;margin-bottom:5px;font-size:11px;line-height:1.42;color:var(--ink2)}}
+li:last-child{{margin-bottom:0}}
+li::before{{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;background:var(--yellow)}}
+li b{{color:var(--ink)}}
+ul.num{{counter-reset:n}}
+ul.num li{{padding-left:20px;counter-increment:n}}
+ul.num li::before{{content:counter(n);background:none;color:var(--ink3);font-size:9.4px;
+  font-weight:800;top:0;left:0;width:auto;height:auto}}
+</style>
+</head>
+<body>
+
+<!-- SEITE 1 -->
+<section class="page">
+  <div class="top">
+    <img src="data:image/svg+xml;base64,{LOGO}" style="height:17px" alt="HiveGrid">
+    <div class="eyebrow">Instagram &middot; Redaktionsplan &amp; Vorgehen &middot; Stand 10.08.2026</div>
+  </div>
+  <div class="body">
+    <h1 style="margin-bottom:9px">Rahmen und Rhythmus</h1>
+    <p class="lead" style="margin-bottom:14px;max-width:660px">
+      In dieser Phase erwarten wir über den Kanal keine nennenswerte Reichweite. Er dient
+      zuerst der <strong style="color:var(--ink)">Darstellung der Software</strong> für Leute,
+      die ohnehin auf uns stoßen: mögliche Kunden, Partner, Investoren. Dieses Dokument legt
+      fest, was wann erscheint, wie es aussieht und was wir nach vier Wochen ansehen.
+    </p>
+
+    <div class="reco chamfer" style="margin-bottom:15px">
+      <div>
+        <div class="lbl">Rhythmus</div>
+        <div class="big">Mo &middot; Mi &middot; Fr</div>
+      </div>
+      <div class="sep"></div>
+      <div>
+        <div class="lbl" style="color:#7A879B">Uhrzeit</div>
+        <div class="big" style="color:var(--yellow)">12:00</div>
+      </div>
+      <div class="sep"></div>
+      <div style="flex:1">
+        <div class="lbl" style="color:#7A879B">Worauf es ankommt</div>
+        <div style="font-size:11px;color:#C8D0DC;line-height:1.4">
+          Auf dem Eindruck der ersten neun Kacheln. Die sieht jeder, der zum ersten Mal
+          auf dem Profil landet, bevor er einen einzelnen Beitrag öffnet.</div>
+      </div>
+    </div>
+
+    <div class="grid3" style="margin-bottom:16px">
+      <div class="stat chamfer">
+        <div class="k">Beiträge</div>
+        <div class="v">3<span class="u"> / Woche</span></div>
+        <div class="s">12 in vier Wochen. Mehr als fünf ginge auf die Qualität.</div>
+      </div>
+      <div class="stat chamfer">
+        <div class="k">Format zuerst</div>
+        <div class="v">Carousel</div>
+        <div class="s">Trägt Erklärung und lässt sich im Generator wiederholbar bauen.</div>
+      </div>
+      <div class="stat stat--acc chamfer">
+        <div class="k">Durchgängig</div>
+        <div class="v">Ein Raster</div>
+        <div class="s">Gleiche Schrift, gleicher Grund, gleiche Bildsprache über alle Beiträge.</div>
+      </div>
+    </div>
+
+    <h2 style="margin-bottom:8px">Wofür der Kanal da ist</h2>
+    <div class="grid2" style="margin-bottom:15px">
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">Zeigen statt behaupten</h3>
+        <p class="small">Jeder Beitrag zeigt etwas Konkretes aus der Software oder aus dem
+        Betrieb: einen Screen, einen Ablauf, eine Aufnahme von der Baustelle. Keine
+        Behauptungen ohne Bild dazu.</p>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">Titelbilder tragen allein</h3>
+        <p class="small">Im Raster ist von einem Carousel nur die erste Slide zu sehen.
+        Die trägt deshalb einen vollständigen Gedanken, nicht den Anfang von einem. Der Rest
+        steht innen und in der Bildunterschrift.</p>
+      </div>
+    </div>
+
+    <h2 style="margin-bottom:8px">Warum drei Tage und warum 12:00</h2>
+    <div class="grid3">
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">Drei ist die untere Grenze</h3>
+        <p class="small">Unter drei Beiträgen pro Woche wirkt ein Profil inaktiv. Über
+        fünf leidet die Qualität.</p>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">12:00 ist eine Annahme</h3>
+        <p class="small">Für handwerklich geprägte Betriebe sind drei Fenster belegt: 6 bis 8,
+        12 bis 13 und 19 bis 21 Uhr. Die Mittagspause passt am besten.</p>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">Montag ist der schwächste</h3>
+        <p class="small">Die Studienlage nennt Dienstag bis Donnerstag. Wir starten trotzdem
+        mit Mo, Mi, Fr und schauen es uns in vier Wochen an.</p>
+      </div>
+    </div>
+  </div>
+  <div class="foot"><span>HiveGrid &middot; Social Media</span><span>Seite 1 von 4</span></div>
+</section>
+
+<!-- SEITE 2: REDAKTIONSPLAN -->
+<section class="page">
+  <div class="top">
+    <img src="data:image/svg+xml;base64,{LOGO}" style="height:17px" alt="HiveGrid">
+    <div class="eyebrow">Redaktionsplan &middot; 12.08. bis 14.09.2026</div>
+  </div>
+  <div class="body">
+    <h1 style="margin-bottom:9px">Was wann erscheint</h1>
+    <p class="lead" style="margin-bottom:13px;max-width:660px">
+      Fünfzehn Termine, alle um 12:00 Uhr. Die Reihenfolge ist nicht beliebig: erst warum
+      es uns gibt, dann die Haltung, dann die Funktionen. Innerhalb der Funktionen von der
+      täglichen Last nach hinten zu dem, was Vorwissen braucht. Die beiden markierten
+      Termine sind gesetzt und liegen fertig im Generator, alles danach darf sich verschieben.
+    </p>
+
+    <table style="margin-bottom:14px">
+      <thead><tr>
+        <th style="width:76px">Termin</th>
+        <th style="width:186px">Thema</th>
+        <th style="width:92px">Format</th>
+        <th>Wofür der Beitrag da ist</th>
+      </tr></thead>
+      <tbody>{ZEILEN}</tbody>
+    </table>
+
+    <h2 style="margin-bottom:8px">Sechs Sorten im Wechsel</h2>
+    <table style="margin-bottom:15px">
+      <thead><tr>
+        <th style="width:150px">Sorte</th>
+        <th style="width:64px" class="t-num">Anteil</th>
+        <th>Beispiel aus dem Plan</th>
+      </tr></thead>
+      <tbody>
+        <tr><td><b>Funktion erklärt</b></td><td class="t-num">8</td>
+          <td>Workflow-Engine, Form Builder, Team-Chat</td></tr>
+        <tr><td><b>Menschen und Betrieb</b></td><td class="t-num">2</td>
+          <td>Die Geschichte, Der Betrieb dahinter</td></tr>
+        <tr><td><b>Haltung</b></td><td class="t-num">1</td>
+          <td>Verbinden statt ersetzen</td></tr>
+        <tr><td><b>Einwand beantwortet</b></td><td class="t-num">2</td>
+          <td>Dein ERP bleibt, Häufige Fragen</td></tr>
+        <tr><td><b>Wissen ohne Produkt</b></td><td class="t-num">1</td>
+          <td>Zettelwirtschaft</td></tr>
+        <tr><td><b>Aufruf</b></td><td class="t-num">1</td>
+          <td>Warteliste</td></tr>
+      </tbody>
+    </table>
+
+    <h2 style="margin-bottom:8px">Was unter jedem Beitrag steht</h2>
+    <div class="grid3">
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">Die ersten 125 Zeichen</h3>
+        <p class="small">Mehr sieht niemand, bevor er auf "mehr" tippt. Der Haken gehört
+        dorthin, nicht in den letzten Absatz.</p>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">300 bis 800 Zeichen</h3>
+        <p class="small">Der Bereich, in dem erklärende Beiträge am besten laufen. Darunter
+        wirkt es dünn, darüber liest es niemand zu Ende.</p>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:5px">5 bis 10 Hashtags</h3>
+        <p class="small">Ganz unten, durch Leerzeilen abgesetzt. Schlägt sowohl drei als auch
+        dreißig. Die Suchwörter gehören zusätzlich in den Fließtext.</p>
+      </div>
+    </div>
+  </div>
+  <div class="foot"><span>HiveGrid &middot; Social Media</span><span>Seite 2 von 4</span></div>
+</section>
+
+<!-- SEITE 3: BILDSPRACHE -->
+<section class="page">
+  <div class="top">
+    <img src="data:image/svg+xml;base64,{LOGO}" style="height:17px" alt="HiveGrid">
+    <div class="eyebrow">Bildsprache &amp; Format</div>
+  </div>
+  <div class="body">
+    <h1 style="margin-bottom:9px">Bildsprache</h1>
+    <p class="lead" style="margin-bottom:14px;max-width:660px">
+      Das Profil zeigt neun Kacheln auf einmal. Was gleich bleibt und was wechselt, ist
+      deshalb festgelegt und nicht von Beitrag zu Beitrag neu entschieden.
+    </p>
+
+    <div class="grid2" style="margin-bottom:16px">
+      <div class="card chamfer">
+        <h3 style="margin-bottom:6px">Was gleich bleibt</h3>
+        <ul>
+          <li><b>1080 × 1350 px</b>, das hochkantigste Feed-Format</li>
+          <li><b>Manrope</b>, dieselbe Schrift wie auf der Website</li>
+          <li><b>Ein Grund</b>, das Raster, sonst nichts</li>
+          <li><b>Ein Akzentwort</b> je Überschrift, per Marker</li>
+          <li><b>Chamfer</b> an Rahmen und Tags, die Markenform</li>
+        </ul>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:6px">Was von Beitrag zu Beitrag wechselt</h3>
+        <ul>
+          <li><b>Hell und dunkel</b> im Wechsel, damit das Raster atmet</li>
+          <li><b>Screens oder Visualisierung</b>, je nach Thema</li>
+          <li><b>Die Anzahl der Slides</b>, fünf bis sieben</li>
+        </ul>
+        <p class="micro" style="margin-top:7px">Im Profil-Raster wird auf 3:4 beschnitten,
+        nicht auf 4:5. Was mittig sitzt, überlebt.</p>
+      </div>
+    </div>
+
+    <h2 style="margin-bottom:8px">Statt behaupten, zeigen</h2>
+    <table style="margin-bottom:16px">
+      <thead><tr>
+        <th style="width:210px">Statt</th>
+        <th>Zeigen wir</th>
+      </tr></thead>
+      <tbody>
+        <tr><td>"Alles auf einen Blick"</td>
+          <td>Das Board mit echten Aufträgen, Summen und Terminen.</td></tr>
+        <tr><td>"Spart Zeit"</td>
+          <td>Den Ablauf: Anfrage rein, Aufgabe raus, Bestätigung an den Kunden.</td></tr>
+        <tr><td>"Einfach zu bedienen"</td>
+          <td>Das Formular, das per Drag-and-drop entsteht.</td></tr>
+        <tr><td>"Aus dem Handwerk"</td>
+          <td>Den Betrieb, die Baustelle, die Menschen dahinter.</td></tr>
+        <tr><td>"Verbindet deine Tools"</td>
+          <td>Die Visualisierung: ERP in der Mitte, das Neue drumherum.</td></tr>
+      </tbody>
+    </table>
+
+    <h2 style="margin-bottom:8px">Carousel jetzt, Reels später</h2>
+    <div class="card--line chamfer">
+      <p class="small" style="margin-bottom:6px">Für Konten unter 50.000 Followern bringen
+      Reels mehr Reichweite als Carousels. Das ist die Datenlage. Für uns ist sie zweitrangig,
+      weil Reichweite in dieser Phase nicht das Ziel ist.</p>
+      <p class="small">Carousels passen besser zu dem, was der Kanal leisten soll: Sie
+      erklären, sie lassen sich im Generator sauber und wiederholbar bauen, und sie werden
+      gespeichert. Das erste Reel steht am 09.09. und ist eine Bildschirmaufnahme, dafür
+      braucht es keine Kamera. Danach kommt Material aus dem Betrieb dazu. Aus drei Beiträgen
+      werden dann zwei Carousels und ein Reel, nicht vier Beiträge.</p>
+    </div>
+  </div>
+  <div class="foot"><span>HiveGrid &middot; Social Media</span><span>Seite 3 von 4</span></div>
+</section>
+
+<!-- SEITE 4: INTERAKTION -->
+<section class="page">
+  <div class="top">
+    <img src="data:image/svg+xml;base64,{LOGO}" style="height:17px" alt="HiveGrid">
+    <div class="eyebrow">Tägliche Arbeit &amp; Auswertung</div>
+  </div>
+  <div class="body">
+    <h1 style="margin-bottom:9px">Tägliche Interaktion</h1>
+    <p class="lead" style="margin-bottom:14px;max-width:660px">
+      Instagram sortiert ein Konto auch danach ein, womit es sich selbst beschäftigt.
+      Rund zehn Minuten am Tag, aufgeteilt auf die drei Posting-Tage.
+    </p>
+
+    <div class="grid2" style="margin-bottom:16px">
+      <div class="card chamfer">
+        <h3 style="margin-bottom:6px">Die Routine pro Beitrag</h3>
+        <ul>
+          <li><b>5 Beiträge liken</b> aus dem eigenen Umfeld</li>
+          <li><b>3 echte Kommentare</b> schreiben, keine Emojis</li>
+          <li><b>1 Konto folgen</b>, das wirklich passt</li>
+        </ul>
+        <p class="micro" style="margin-top:7px">Zehn gute Kommentare bei den richtigen Konten
+        wirken mehr als fünfzig verstreute. In den Zahlen sichtbar wird das nach vier bis
+        acht Wochen.</p>
+      </div>
+      <div class="card chamfer">
+        <h3 style="margin-bottom:6px">Wem wir folgen</h3>
+        <ul>
+          <li><b>SHK-, Elektro- und Dachbetriebe</b>, die selbst posten</li>
+          <li><b>Innungen, Kreishandwerkerschaften, Kammern</b></li>
+          <li><b>Handwerksmessen und Fachmedien</b></li>
+          <li><b>Hersteller</b>, deren Produkte im Betrieb verbaut werden</li>
+          <li><b>Andere Handwerkssoftware</b>, deren Kommentarspalten voll sind</li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="card--line chamfer" style="margin-bottom:16px">
+      <h3 style="margin-bottom:6px">Wie ein Kommentar aussieht</h3>
+      <p class="small" style="margin-bottom:6px">Am meisten bringt ein Kommentar in den ersten
+      Minuten nach einem Beitrag. Deshalb folgen wir gezielt Konten, die regelmäßig posten,
+      und schauen einmal täglich zur Mittagszeit rein.</p>
+      <p class="small">Ein Kommentar ist gut, wenn er ohne unseren Namen funktioniert. Also
+      eine Erfahrung, eine Nachfrage, ein Widerspruch. Nicht "Toller Beitrag", und nichts,
+      was auf uns verweist.</p>
+    </div>
+
+    <h2 style="margin-bottom:8px">Was wir nach vier Wochen ansehen</h2>
+    <table style="margin-bottom:14px">
+      <thead><tr>
+        <th style="width:150px">Kennzahl</th>
+        <th style="width:150px">Wo sie steht</th>
+        <th>Was sie uns sagt</th>
+      </tr></thead>
+      <tbody>
+        <tr class="hi"><td><b>Profilaufrufe je Beitrag</b></td><td>Insights, Interaktionen</td>
+          <td>Ob ein Beitrag jemanden dazu bringt, sich das Profil anzusehen. Das ist unser Zweck.</td></tr>
+        <tr><td><b>Sendungen</b></td><td>Beitragsinsights</td>
+          <td>Welches Thema jemand weiterschickt. Wiegt beim Ausspielen mehr als ein Like.</td></tr>
+        <tr><td><b>Speicherungen</b></td><td>Beitragsinsights</td>
+          <td>Ob ein Carousel als Nachschlagewerk taugt.</td></tr>
+        <tr><td><b>Konten erreicht,<br>davon keine Follower</b></td><td>Insights, Reichweite</td>
+          <td>Ob wir aus der eigenen Blase herauskommen.</td></tr>
+        <tr><td><b>Aktivste Zeiten</b></td><td>Insights, Zielgruppe</td>
+          <td>Ob 12:00 stimmt. Erst ab etwa 100 Followern belastbar.</td></tr>
+        <tr><td><b>Anmeldungen Warteliste</b></td><td>Backend</td>
+          <td>Ob aus dem Eindruck ein Kontakt wird.</td></tr>
+      </tbody>
+    </table>
+
+    <div class="card chamfer">
+      <h3 style="margin-bottom:5px">Nach vier Wochen</h3>
+      <p class="small">Bleibt der Montag oder wird es Dienstag? Bleibt 12:00? Und wie viele
+      Reels ersetzen ab dann Carousels? Bis dahin lassen wir den Rhythmus laufen, sonst
+      lässt sich nichts vergleichen.</p>
+    </div>
+
+    <p class="micro" style="margin-top:12px">Quellen zu den Ausspielungssignalen und
+    Posting-Zeiten: Sprout Social, Buffer, Later und Hootsuite (Instagram-Algorithmus 2026),
+    adconsulting.de und socialmediaakademie.de (Posting-Zeiten B2B und Handwerk, Deutschland).
+    Zahlen zu Sendungen und Reichweite stammen aus Auswertungen Dritter, nicht von Meta selbst,
+    und sind Größenordnungen, keine Garantien.</p>
+  </div>
+  <div class="foot"><span>HiveGrid &middot; Social Media</span><span>Seite 4 von 4</span></div>
+</section>
+
+</body>
+</html>
+"""
+
+ZIEL_HTML = HIER / "Instagram-Redaktionsplan.html"
+ZIEL_PDF = HIER / "Instagram-Redaktionsplan.pdf"
+ZIEL_HTML.write_text(HTML, encoding="utf-8")
+
+subprocess.run(
+    [CHROME, "--headless", "--disable-gpu", "--no-pdf-header-footer",
+     f"--print-to-pdf={ZIEL_PDF}", ZIEL_HTML.as_uri()],
+    check=True, capture_output=True,
+)
+print(f"{ZIEL_PDF.name}  {ZIEL_PDF.stat().st_size / 1024:.0f} KB")

state/post2-merk.json

@@ -0,0 +1,94 @@
+{
+ "bgState": [
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  },
+  {
+   "bg": "raster",
+   "int": "dezent"
+  }
+ ],
+ "current": 0,
+ "deck": [
+  {
+   "ref": "titel",
+   "werte": {}
+  },
+  {
+   "ref": "prozesse",
+   "werte": {}
+  },
+  {
+   "ref": "wechseln",
+   "werte": {}
+  },
+  {
+   "ref": "mehr",
+   "werte": {}
+  },
+  {
+   "ref": "verbinden",
+   "werte": {}
+  },
+  {
+   "ref": "warteliste",
+   "werte": {}
+  }
+ ],
+ "edits": [
+  {
+   "vis": {
+    "dx": -100,
+    "dy": 250,
+    "size": 700
+   }
+  },
+  {
+   "vis": {
+    "dx": -7,
+    "dy": -19
+   }
+  },
+  {
+   "vis": {
+    "dx": 19,
+    "dy": -27
+   }
+  },
+  {},
+  {},
+  {}
+ ],
+ "frameStyle": "chamfer",
+ "layoutState": [
+  "standard",
+  "standard",
+  "standard",
+  "standard",
+  "standard",
+  "standard"
+ ],
+ "superSample": 2,
+ "tagOut": "an",
+ "tilt": "an",
+ "v": 6,
+ "variant": "hell",
+ "view": "streifen"
+}