Reduce the readability section to the opening hours

The section showed the same information twice side by side - a dashed
"PDF" card labelled "So sieht es heute oft aus" against an hours table
labelled "So sieht es nachher aus". Reported as confusing; the file side
is dropped, the table stays.

The copy had to follow: it literally said "Dieselben Angaben, zweimal.
Einmal als Datei ... Einmal als Tabelle", which describes a comparison
that no longer exists. Rewritten to stand on its own, and the heading
"Lesbar schlägt vollständig" with it - it only made sense against the
file.

Also dropped the table's "TAG" header row. It had no counterpart on the
right and was left over from the two-column layout.

Removed throughout rather than hidden: the pdf-card/pdf-icon/pdf-name/
pdf-meta and readability-label/hours-head rules, the two-column grid
including its mobile override, and the four now-meaningless fields in
the admin schema.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

admin/lib/schema.js

@@ -87,15 +87,11 @@ module.exports = [
         itemFields: [
           {
             key: 'customImage',
-            label: 'Eigenes Bild statt des Vergleichs (leer = eingebauten Vergleich anzeigen)',
+            label: 'Eigenes Bild statt der Tabelle (leer = Öffnungszeiten-Tabelle anzeigen)',
             type: 'image',
           },
           { key: 'title', label: 'Überschrift', type: 'text' },
           { key: 'lead', label: 'Text', type: 'richtext' },
-          { key: 'beforeLabel', label: 'Label links ("vorher")', type: 'text' },
-          { key: 'pdfName', label: 'Dateiname im PDF-Beispiel', type: 'text' },
-          { key: 'pdfMeta', label: 'Zusatzzeile im PDF-Beispiel', type: 'text' },
-          { key: 'afterLabel', label: 'Label rechts ("nachher")', type: 'text' },
           { key: 'hoursTitle', label: 'Titel der Tabelle', type: 'text' },
           {
             key: 'hoursRows',

content/site.json

@@ -57,12 +57,8 @@
     "lead": "larpaso entwickelt individuelle Websites für Kunden, die sich von der Stange nicht zufriedengeben wollen.",
     "readability": {
       "customImage": "",
-      "title": "Lesbar schlägt vollständig.",
+      "title": "Was Kunden suchen, steht auf der Seite.",
-      "lead": "Dieselben Angaben, zweimal. Einmal als Datei, die man erst herunterladen muss. Einmal als Tabelle, die schon da ist. Angerufen wird nach dem zweiten Weg.",
+      "lead": "Wer abends wissen will, ob Sie morgen offen haben, schaut auf dem Handy nach. Findet er die Zeiten sofort, ruft er nicht an. Findet er sie nicht, ruft er woanders an.",
-      "beforeLabel": "So sieht es heute oft aus",
-      "pdfName": "Oeffnungszeiten_2026_final_v3.pdf",
-      "pdfMeta": "2,4 MB · zum Herunterladen",
-      "afterLabel": "So sieht es nachher aus",
       "hoursTitle": "Öffnungszeiten",
       "hoursRows": [
         {

src/pages/index.astro

@@ -97,30 +97,14 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
         {warum.readability.customImage ? (
           <img class="readability-image" src={warum.readability.customImage} alt="" loading="lazy" />
         ) : (
-          <div class="readability-grid">
+          <div class="readability-hours">
-            <div>
+            <div class="hours-card">
-              <p class="readability-label">{warum.readability.beforeLabel}</p>
+              <h4>{warum.readability.hoursTitle}</h4>
-              <div class="pdf-card">
+              {warum.readability.hoursRows.map((row) => (
-                <span class="pdf-icon">PDF</span>
+                <div class="hours-row">
-                <div>
+                  <span>{row.day}</span><span>{row.time}</span>
-                  <p class="pdf-name">{warum.readability.pdfName}</p>
-                  <p class="pdf-meta">{warum.readability.pdfMeta}</p>
                 </div>
-              </div>
+              ))}
-            </div>
-            <div>
-              <p class="readability-label">{warum.readability.afterLabel}</p>
-              <div class="hours-card">
-                <h4>{warum.readability.hoursTitle}</h4>
-                <div class="hours-row hours-head">
-                  <span>Tag</span><span></span>
-                </div>
-                {warum.readability.hoursRows.map((row) => (
-                  <div class="hours-row">
-                    <span>{row.day}</span><span>{row.time}</span>
-                  </div>
-                ))}
-              </div>
             </div>
           </div>
         )}
@@ -555,11 +539,9 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
     border-top: 1px solid var(--color-border);
   }
 
-  .readability-grid {
+  .readability-hours {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: var(--space-6);
     margin-top: var(--space-6);
+    max-width: 26rem;
   }
 
   .readability-image {
@@ -569,44 +551,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
     margin-top: var(--space-6);
   }
 
-  .readability-label {
-    font-size: 0.75rem;
-    letter-spacing: 0.08em;
-    text-transform: uppercase;
-    color: var(--color-text-muted);
-    margin-bottom: var(--space-3);
-  }
-
-  .pdf-card {
-    display: flex;
-    align-items: center;
-    gap: var(--space-4);
-    background: var(--color-surface);
-    border: 1px dashed var(--color-border);
-    border-radius: var(--radius-md);
-    padding: var(--space-4);
-  }
-
-  .pdf-icon {
-    background: var(--color-danger);
-    color: var(--color-primary-contrast);
-    font-size: 0.7rem;
-    font-weight: var(--font-weight-bold);
-    padding: var(--space-2) var(--space-3);
-    border-radius: var(--radius-sm);
-  }
-
-  .pdf-name {
-    margin: 0;
-    font-weight: var(--font-weight-medium);
-  }
-
-  .pdf-meta {
-    margin: 0;
-    font-size: var(--font-size-sm);
-    color: var(--color-text-muted);
-  }
-
   .hours-card {
     background: var(--color-surface);
     border: 1px solid var(--color-border);
@@ -630,12 +574,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
     border-bottom: none;
   }
 
-  .hours-head {
-    color: var(--color-text-muted);
-    font-size: 0.75rem;
-    text-transform: uppercase;
-  }
-
   /* Leistungen */
   .leistungen-list {
     list-style: none;
@@ -919,7 +857,6 @@ const { hero, warum, preis, highlights, leistungen, mappe, ablauf, about, faq, k
       position: static;
     }
 
-    .readability-grid,
     .mappe-grid {
       grid-template-columns: 1fr;
     }