DogFatherGit/dogfather-universe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"Preise & Zeit" entfernt -- Inhalte in die Leistungen uebernommen

Browse Source 
"leistungen und preis&zeit ist ja das gleiche, nimm die kategorie
preise&zeit komplett weg"

Stimmt bei den Paketen und Preisen: Beide Seiten zeigten dieselben
Zahlen. Zwei Orte fuer dieselbe Zahl sind eine Einladung, dass sie
irgendwann auseinanderlaufen -- und dann steht ein falscher Preis auf
der Seite, ohne dass es jemand merkt.

NICHT ALLES WAR DOPPELT

Vor dem Loeschen nachgesehen statt einfach geloescht. Zwei Abschnitte
gab es NUR dort:

  "Was den Preis bewegt"  -- beantwortet die Frage, die nach jeder
       Preisliste kommt: Warum kostet es bei mir mehr oder weniger?
       Ohne sie ist eine Preisspanne eine Behauptung.

  "Wie bezahlt wird"  -- Angebot, 30 % Anzahlung, Restbetrag, Betreuung.
       Rechtlich relevant und aus den AGB verlinkt.

Beide sind in die Leistungen umgezogen, samt ihrer 24 Textbausteine in
allen fuenf Sprachen. Waeren sie mitgeloescht worden, haette es niemand
sofort bemerkt -- und die Seite haette ab dann Preise genannt, ohne sie
zu erklaeren.

WEITERLEITUNG STATT 404

Die Adresse /webdesign/preise.html bleibt bedient und fuehrt auf die
Leistungen. Lesezeichen, alte Links aus Nachrichten und die installierte
App zeigen sonst ins Leere, und ein 404 auf einer Preisseite ist der
denkbar schlechteste erste Eindruck.

302 statt 301: Eine dauerhafte Weiterleitung merken sich Browser
hartnaeckig; sollte die Seite je zurueckkehren, muesste jeder Besucher
seinen Zwischenspeicher leeren.

EIN FEHLER BEIM EINBAU

Die Weiterleitung stand zuerst weiter unten in der Schranke, bei den
ohne Code erreichbaren Seiten. Dort haette sie nur fuer NICHT angemeldete
Besucher gegriffen -- wer angemeldet ist, passiert die Schranke vorher
mit next() und haette einen 404 auf die geloeschte Datei bekommen.
Genau die Person also, die die Seite am ehesten im Lesezeichen hat.
Jetzt steht sie ganz vorne, vor jeder Zugangspruefung.

GEPRUEFT: 10 Pruefungen -- beide uebernommenen Abschnitte erscheinen in
allen fuenf Sprachen, kein unuebersetzter Schluessel sichtbar. Kein
Verweis auf die alte Seite blieb irgendwo stehen (ablauf.html hatte
einen, der ist umgebogen). Gestaltung 0 Befunde, Textkodierung sauber,
Designsystem 5.

Versionsstempel und Cache auf v20.

Co-Authored-By: Claude Opus 5 <[email protected]>
This commit is contained in:
DogFatherGit
2026-08-23 19:00:49 +02:00
co-authored by Claude Opus 5
parent d6e75ce56a
commit 4fe66e1e0e
18 changed files with 236 additions and 394 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webdesign/ablauf.html
+5 -5
View File
@@ -13,8 +13,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
/* Zeitstrahl: die Linie verbindet die Nummernkreise. Sie liegt hinter
den Kreisen (z-index) und endet beim letzten Schritt, damit sie nicht
@@ -174,7 +174,7 @@
<p class="wd-lead wd-auf" data-i18n="ab_dauer_p">Die Zeitrahmen auf der Preisseite gelten ab dem Eingang der Anzahlung — nicht ab der ersten Nachricht. Der häufigste Grund für Verzögerungen ist nicht die Technik, sondern dass Texte oder Bilder noch fehlen. Deshalb wird im Formular gleich danach gefragt.</p>
<div class="wd-btn-reihe">
<a class="wd-btn wd-btn--haupt" href="/webdesign/anfrage.html" data-i18n="nav_anfrage">Projekt anfragen</a>
<a class="wd-btn wd-btn--zweit" href="/webdesign/preise.html" data-i18n="ab_zu_preise">Zu den Zeitrahmen</a>
<a class="wd-btn wd-btn--zweit" href="/webdesign/leistungen.html" data-i18n="ab_zu_preise">Zu den Zeitrahmen</a>
</div>
</div>
</section>
@@ -183,7 +183,7 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-ablauf.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-ablauf.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
</body>
</html>
webdesign/anfrage.html
+5 -5
View File
@@ -13,8 +13,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
/* ---------- Schrittanzeige ----------
Zeigt alle vier Schritte gleichzeitig statt nur "3 von 4". Man sieht
@@ -418,8 +418,8 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-anfrage.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/wd-anfrage.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-anfrage.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
<script src="/assets/js/wd-anfrage.js?v=20260823wd20"></script>
</body>
</html>
webdesign/faq.html
+4 -4
View File
@@ -13,8 +13,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
.fq-thema { scroll-margin-top: 90px; }
.fq-thema + .fq-thema { margin-top: clamp(2rem, 4vw, 3rem); }
@@ -195,7 +195,7 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-faq.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-faq.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
</body>
</html>
webdesign/index.html
+4 -4
View File
@@ -16,8 +16,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
/* ---------- Nur auf der Startseite gebraucht ---------- */
@@ -407,8 +407,8 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-index.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-index.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
<script>
/* ---------------------------------------------------------------------
Marken-Intro (Masterplan S.3, Schritt 02: "Nach erfolgreichem Code
webdesign/leistungen.html
+84 -4
View File
@@ -13,8 +13,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
/* Sprungmarken.
Frueher eine waagerecht wischbare Leiste. Rueckmeldung 22.08.2026:
@@ -317,6 +317,86 @@
</div>
</section>
<!-- ================================================================
Uebernommen von der frueheren Seite "Preise & Zeit" (23.08.2026).
Die Seite wurde entfernt, weil sie dieselben Pakete und Preise
zeigte wie diese hier -- zwei Orte fuer dieselbe Zahl sind eine
Einladung, dass sie irgendwann auseinanderlaufen.
Diese beiden Abschnitte gab es dort aber ZUSAETZLICH, und sie
waeren beim blossen Loeschen verlorengegangen:
"Was den Preis bewegt" -- beantwortet die Frage, die nach jeder
Preisliste kommt, und macht den Preis nachvollziehbar
"Wie bezahlt wird" -- die 30-%-Anzahlung. Rechtlich
relevant und aus den AGB und den Fragen verlinkt
================================================================ -->
<section class="wd-abschnitt wd-abschnitt--gehoben">
<div class="wd-container">
<h2 class="wd-auf" data-i18n="pr_was_h2">Was den Preis bewegt</h2>
<div class="wd-grid wd-grid--2" style="margin-top:1.8rem">
<div class="wd-karte wd-karte--lila wd-karte--kappe wd-auf">
<h3 data-i18n="pr_hoch_h3">Macht es teurer und länger</h3>
<ul class="wd-liste">
<li data-i18n="pr_hoch_1">Viele Unterseiten oder viele Produkte</li>
<li data-i18n="pr_hoch_2">Zusätzliche Sprachen</li>
<li data-i18n="pr_hoch_3">Texte und Bilder müssen erst erstellt werden</li>
<li data-i18n="pr_hoch_4">Anbindung an fremde Systeme (Kasse, Kalender, Warenwirtschaft)</li>
<li data-i18n="pr_hoch_5">Mehr Feedbackrunden als vereinbart</li>
</ul>
</div>
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_runter_h3">Macht es günstiger und schneller</h3>
<ul class="wd-liste">
<li data-i18n="pr_runter_1">Texte, Logo und Bilder liegen fertig vor</li>
<li data-i18n="pr_runter_2">Klare Vorstellung vom Ziel der Seite</li>
<li data-i18n="pr_runter_3">Eine Person entscheidet, nicht ein Gremium</li>
<li data-i18n="pr_runter_4">Rückmeldungen gebündelt statt tröpfchenweise</li>
<li data-i18n="pr_runter_5">Bestehende Domain und bestehendes Hosting</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ---------------- Zahlung ---------------- -->
<section class="wd-abschnitt">
<div class="wd-container">
<h2 class="wd-auf" data-i18n="pr_zahlung_h2">Wie bezahlt wird</h2>
<div class="pr-zahlung" style="margin-top:1.8rem">
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z1_h3">1. Angebot</h3>
<p data-i18n="pr_z1_p">Nach dem Briefing bekommst du Preis, Umfang und Zeitrahmen schriftlich. Bis dahin entstehen dir keine Kosten.</p>
</div>
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z2_h3">2. Anzahlung 30 %</h3>
<p data-i18n="pr_z2_p">Mit der Annahme des Angebots und dem Eingang der Anzahlung wird dein Zeitfenster fest reserviert. Erst dann beginnt die Arbeit.</p>
</div>
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z3_h3">3. Restbetrag</h3>
<p data-i18n="pr_z3_p">Der Rest wird nach deiner Abnahme fällig, vor der Veröffentlichung. Die Nutzungsrechte gehen mit der vollständigen Bezahlung an dich über.</p>
</div>
<div class="wd-karte wd-karte--lila wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z4_h3">Betreuung</h3>
<p data-i18n="pr_z4_p">Läuft monatlich und ist jederzeit zum Monatsende kündbar. Keine Mindestlaufzeit, keine automatische Verlängerung um ein ganzes Jahr.</p>
</div>
</div>
<!-- Gold: Zahlungsinformation — genau der vorgesehene Zweck. -->
<div class="wd-hinweis wd-auf" style="margin-top:1.5rem">
<p class="wd-hinweis-titel" data-i18n="anzahlung_titel">Wichtig: 30 % Anzahlung</p>
<p data-i18n="anzahlung_text">Der Projektstart wird nach Annahme des schriftlichen Angebots und Eingang einer Anzahlung von 30 % des vereinbarten Gesamtpreises reserviert.</p>
</div>
<div class="wd-hinweis wd-auf" style="margin-top:1rem">
<p class="wd-hinweis-titel" data-i18n="pr_keine_zusage_titel">Keine automatische Preiszusage</p>
<p data-i18n="pr_keine_zusage_text">Die Angaben auf dieser Seite sind Richtwerte, kein Vertrag. Auch das Anfrageformular erzeugt keine verbindliche Zusage. Der Endpreis entsteht ausschließlich durch ein schriftliches Angebot nach Prüfung des tatsächlichen Umfangs.</p>
</div>
</div>
</section>
<section class="wd-abschnitt wd-abschnitt--gehoben">
<div class="wd-container wd-container--schmal" style="text-align:center">
<h2 data-i18n="cta_h2">Nicht sicher, welches Paket passt?</h2>
@@ -331,7 +411,7 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-leistungen.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-leistungen.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
</body>
</html>
webdesign/portal.html
+5 -5
View File
@@ -12,8 +12,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
.po-login { max-width: 440px; margin: clamp(1.5rem,6vh,4rem) auto; }
@@ -134,8 +134,8 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-portal.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/wd-portal.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-portal.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
<script src="/assets/js/wd-portal.js?v=20260823wd20"></script>
</body>
</html>
webdesign/portfolio.html
+4 -4
View File
@@ -13,8 +13,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
.pfo-projekt { overflow: hidden; padding: 0; margin-bottom: clamp(1.4rem, 3vw, 2.2rem); }
.pfo-bild {
@@ -192,7 +192,7 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-portfolio.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-portfolio.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
</body>
</html>
webdesign/preise.html
-202
View File
@@ -1,202 +0,0 @@
<!DOCTYPE html>
<html lang="de" data-i18n-titel="seiten_titel">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Preise &amp; Zeit — Dogfather Webdesign</title>
<meta name="description" content="Einstiegspreise, Zeitrahmen, 30 % Anzahlung und was den Preis nach oben oder unten bewegt — offen aufgeschrieben." />
<meta name="robots" content="noindex, nofollow, noarchive" />
<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
<meta name="theme-color" content="#05070b" />
<link rel="manifest" href="/webdesign/app.webmanifest" />
<link rel="apple-touch-icon" href="/assets/img/wd-app-180.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<style>
.pr-preis-gross { font-family: var(--font-head); font-weight: 800; color: var(--wd-blau); white-space: nowrap; }
/* Die Übersichtstabelle wird auf dem Handy zu Karten umgebaut, statt
waagerecht zu scrollen. Vier Spalten mit langen deutschen Texten sind
auf 390px auch mit Scrollbalken nicht lesbar — man verliert beim
Wischen sofort den Bezug zur Zeile. Deshalb: jede Zeile wird eine
eigene Karte, die Spaltenüberschrift steht per ::before davor. */
@media (max-width: 760px) {
.pr-tabelle, .pr-tabelle tbody, .pr-tabelle tr, .pr-tabelle td { display: block; width: 100%; }
.pr-tabelle { min-width: 0; }
.pr-tabelle thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.pr-tabelle tr {
border: 1px solid var(--wd-rand); border-radius: var(--wd-r);
margin-bottom: .8rem; padding: .3rem .2rem; background: rgb(var(--wd-glas-rgb) / .5);
}
.pr-tabelle td { border: none; padding: .45rem 1rem; }
.pr-tabelle td::before {
content: attr(data-titel);
display: block; font-size: 0.75rem; letter-spacing: .12em; text-transform: uppercase;
font-weight: 800; color: var(--wd-blau); margin-bottom: .1rem;
}
/* Die erste Zelle ist der Paketname — der braucht keine Beschriftung. */
.pr-tabelle td:first-child { padding-top: .8rem; }
.pr-tabelle td:first-child::before { display: none; }
.pr-tabelle td:first-child strong { font-size: 1.1rem; }
.pr-tabelle td:last-child { padding-bottom: .8rem; }
}
.pr-zahlung { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }
@media (max-width: 980px) { .pr-zahlung { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .pr-zahlung { grid-template-columns: 1fr; } }
</style>
</head>
<body class="wd">
<div id="wd-kopf"></div>
<main id="wd-inhalt">
<section class="wd-abschnitt wd-abschnitt--eng" style="padding-top:clamp(2.4rem,6vw,4rem)">
<div class="wd-container">
<span class="wd-eyebrow" data-i18n="pr_eyebrow">Preise &amp; Zeit</span>
<h1 data-i18n="pr_h1">Was es kostet und wie lange es dauert</h1>
<p class="wd-lead" style="max-width:72ch" data-i18n="pr_lead">Alle Werte sind transparente Einstiegspunkte. Personalisierung, Funktionsumfang, Materialien und zusätzliche Änderungswünsche können Preis und Dauer verändern.</p>
</div>
</section>
<!-- ---------------- Übersicht ---------------- -->
<section class="wd-abschnitt" style="padding-top:0">
<div class="wd-container">
<h2 class="wd-auf" data-i18n="pr_tabelle_titel">Alles auf einen Blick</h2>
<div class="wd-tabelle-rahmen wd-auf" style="margin-top:1.4rem">
<table class="wd-tabelle pr-tabelle">
<thead>
<tr>
<th scope="col" data-i18n="pr_sp_paket">Paket</th>
<th scope="col" data-i18n="pr_sp_preis">Einstiegspreis</th>
<th scope="col" data-i18n="pr_sp_dauer">Zeitrahmen</th>
<th scope="col" data-i18n="pr_sp_fuer">Gedacht für</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong data-i18n="pk_onepager_h3">Onepager</strong></td>
<td data-titel="Einstiegspreis" data-i18n-attr="data-titel:pr_sp_preis"><span class="pr-preis-gross">ab 300&nbsp;€</span></td>
<td data-titel="Zeitrahmen" data-i18n-attr="data-titel:pr_sp_dauer"><span data-i18n="pk_onepager_dauer">ca. 5–10 Arbeitstage</span></td>
<td data-titel="Gedacht für" data-i18n-attr="data-titel:pr_sp_fuer"><span data-i18n="pr_kurz_onepager">Eine Person, ein Angebot, eine Aktion</span></td>
</tr>
<tr>
<td><strong data-i18n="pk_website_h3">Professionelle Website</strong></td>
<td data-titel="Einstiegspreis" data-i18n-attr="data-titel:pr_sp_preis"><span class="pr-preis-gross">ab 500&nbsp;€</span></td>
<td data-titel="Zeitrahmen" data-i18n-attr="data-titel:pr_sp_dauer"><span data-i18n="pk_website_dauer">ca. 2–4 Wochen</span></td>
<td data-titel="Gedacht für" data-i18n-attr="data-titel:pr_sp_fuer"><span data-i18n="pr_kurz_website">Firmen, Teams, mehrere Themen</span></td>
</tr>
<tr>
<td><strong data-i18n="pk_shop_h3">Shop &amp; umfangreiche Website</strong></td>
<td data-titel="Einstiegspreis" data-i18n-attr="data-titel:pr_sp_preis"><span class="pr-preis-gross">ab 1.000&nbsp;€</span></td>
<td data-titel="Zeitrahmen" data-i18n-attr="data-titel:pr_sp_dauer"><span data-i18n="pk_shop_dauer">ca. 4–8 Wochen</span></td>
<td data-titel="Gedacht für" data-i18n-attr="data-titel:pr_sp_fuer"><span data-i18n="pr_kurz_shop">Wer wirklich online verkauft</span></td>
</tr>
<tr>
<td><strong data-i18n="pk_verwaltung_h3">Buchhaltungs- &amp; Steuerverwaltungsseiten</strong></td>
<td data-titel="Einstiegspreis" data-i18n-attr="data-titel:pr_sp_preis"><span class="pr-preis-gross">ab 1.500&nbsp;€</span></td>
<td data-titel="Zeitrahmen" data-i18n-attr="data-titel:pr_sp_dauer"><span data-i18n="pk_verwaltung_dauer">ca. 6–12 Wochen</span></td>
<td data-titel="Gedacht für" data-i18n-attr="data-titel:pr_sp_fuer"><span data-i18n="pr_kurz_verwaltung">Belege und Zahlen organisieren</span></td>
</tr>
<tr>
<td><strong data-i18n="betreuung_h3">Laufende Betreuung</strong></td>
<td data-titel="Einstiegspreis" data-i18n-attr="data-titel:pr_sp_preis"><span class="pr-preis-gross" data-i18n="betreuung_preis">ab 49 € / Monat</span></td>
<td data-titel="Zeitrahmen" data-i18n-attr="data-titel:pr_sp_dauer">—</td>
<td data-titel="Gedacht für" data-i18n-attr="data-titel:pr_sp_fuer"><span data-i18n="pr_kurz_betreuung">Nach der Übergabe weiterlaufen lassen</span></td>
</tr>
</tbody>
</table>
</div>
<p class="wd-personalisierung wd-auf" style="margin-top:.9rem" data-i18n="pk_personalisierung">Personalisierung möglich — verändert Preis und Dauer.</p>
</div>
</section>
<!-- ---------------- Was den Preis bewegt ---------------- -->
<section class="wd-abschnitt wd-abschnitt--gehoben">
<div class="wd-container">
<h2 class="wd-auf" data-i18n="pr_was_h2">Was den Preis bewegt</h2>
<div class="wd-grid wd-grid--2" style="margin-top:1.8rem">
<div class="wd-karte wd-karte--lila wd-karte--kappe wd-auf">
<h3 data-i18n="pr_hoch_h3">Macht es teurer und länger</h3>
<ul class="wd-liste">
<li data-i18n="pr_hoch_1">Viele Unterseiten oder viele Produkte</li>
<li data-i18n="pr_hoch_2">Zusätzliche Sprachen</li>
<li data-i18n="pr_hoch_3">Texte und Bilder müssen erst erstellt werden</li>
<li data-i18n="pr_hoch_4">Anbindung an fremde Systeme (Kasse, Kalender, Warenwirtschaft)</li>
<li data-i18n="pr_hoch_5">Mehr Feedbackrunden als vereinbart</li>
</ul>
</div>
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_runter_h3">Macht es günstiger und schneller</h3>
<ul class="wd-liste">
<li data-i18n="pr_runter_1">Texte, Logo und Bilder liegen fertig vor</li>
<li data-i18n="pr_runter_2">Klare Vorstellung vom Ziel der Seite</li>
<li data-i18n="pr_runter_3">Eine Person entscheidet, nicht ein Gremium</li>
<li data-i18n="pr_runter_4">Rückmeldungen gebündelt statt tröpfchenweise</li>
<li data-i18n="pr_runter_5">Bestehende Domain und bestehendes Hosting</li>
</ul>
</div>
</div>
</div>
</section>
<!-- ---------------- Zahlung ---------------- -->
<section class="wd-abschnitt">
<div class="wd-container">
<h2 class="wd-auf" data-i18n="pr_zahlung_h2">Wie bezahlt wird</h2>
<div class="pr-zahlung" style="margin-top:1.8rem">
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z1_h3">1. Angebot</h3>
<p data-i18n="pr_z1_p">Nach dem Briefing bekommst du Preis, Umfang und Zeitrahmen schriftlich. Bis dahin entstehen dir keine Kosten.</p>
</div>
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z2_h3">2. Anzahlung 30 %</h3>
<p data-i18n="pr_z2_p">Mit der Annahme des Angebots und dem Eingang der Anzahlung wird dein Zeitfenster fest reserviert. Erst dann beginnt die Arbeit.</p>
</div>
<div class="wd-karte wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z3_h3">3. Restbetrag</h3>
<p data-i18n="pr_z3_p">Der Rest wird nach deiner Abnahme fällig, vor der Veröffentlichung. Die Nutzungsrechte gehen mit der vollständigen Bezahlung an dich über.</p>
</div>
<div class="wd-karte wd-karte--lila wd-karte--kappe wd-auf">
<h3 data-i18n="pr_z4_h3">Betreuung</h3>
<p data-i18n="pr_z4_p">Läuft monatlich und ist jederzeit zum Monatsende kündbar. Keine Mindestlaufzeit, keine automatische Verlängerung um ein ganzes Jahr.</p>
</div>
</div>
<!-- Gold: Zahlungsinformation — genau der vorgesehene Zweck. -->
<div class="wd-hinweis wd-auf" style="margin-top:1.5rem">
<p class="wd-hinweis-titel" data-i18n="anzahlung_titel">Wichtig: 30 % Anzahlung</p>
<p data-i18n="anzahlung_text">Der Projektstart wird nach Annahme des schriftlichen Angebots und Eingang einer Anzahlung von 30 % des vereinbarten Gesamtpreises reserviert.</p>
</div>
<div class="wd-hinweis wd-auf" style="margin-top:1rem">
<p class="wd-hinweis-titel" data-i18n="pr_keine_zusage_titel">Keine automatische Preiszusage</p>
<p data-i18n="pr_keine_zusage_text">Die Angaben auf dieser Seite sind Richtwerte, kein Vertrag. Auch das Anfrageformular erzeugt keine verbindliche Zusage. Der Endpreis entsteht ausschließlich durch ein schriftliches Angebot nach Prüfung des tatsächlichen Umfangs.</p>
</div>
</div>
</section>
<section class="wd-abschnitt wd-abschnitt--gehoben">
<div class="wd-container wd-container--schmal" style="text-align:center">
<h2 data-i18n="pr_cta_h2">Passt das zu deinem Budget?</h2>
<p class="wd-lead" data-i18n="pr_cta_p">Sag im Formular einfach, welcher Rahmen realistisch ist. Wenn es nicht passt, sage ich das offen — statt ein Angebot zu schreiben, das nachher niemand bezahlen will.</p>
<div class="wd-btn-reihe" style="justify-content:center">
<a class="wd-btn wd-btn--haupt" href="/webdesign/anfrage.html" data-i18n="nav_anfrage">Projekt anfragen</a>
<a class="wd-btn wd-btn--zweit" href="/webdesign/leistungen.html" data-i18n="nav_leistungen">Leistungen</a>
</div>
</div>
</section>
</main>
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-preise.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
</body>
</html>
webdesign/rechtliches.html
+3 -3
View File
@@ -8,8 +8,8 @@
<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
<link rel="manifest" href="/webdesign/app.webmanifest" />
<meta name="theme-color" content="#05070b" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
</head>
<body class="wd">
<div id="wd-kopf"></div>
@@ -400,6 +400,6 @@
<div id="wd-fuss"></div>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
</body>
</html>
webdesign/sw.js
+1 -1
View File
@@ -34,7 +34,7 @@
Start alle alten Zwischenspeicher weg. Muss bei jeder Änderung an den
Dateien unten hochgezählt werden, sonst hängen Nutzer auf einem alten
Stand fest. */
const CACHE_NAME = "dogfather-webdesign-v19";
const CACHE_NAME = "dogfather-webdesign-v20";
/* Bausteine, die die Oberfläche zum Anzeigen braucht. Bewusst KEINE
HTML-Datei in dieser Liste. */
webdesign/ueber.html
+4 -4
View File
@@ -13,8 +13,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
.ue-kopf { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
/* Auf dem Handy zuerst der Text, dann das Bild: sonst schiebt ein
@@ -127,7 +127,7 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-ueber.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-ueber.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
</body>
</html>
webdesign/verwaltung.html
+3 -3
View File
@@ -11,8 +11,8 @@
<link rel="apple-touch-icon" href="/assets/img/wd-app-180.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="DF Verwaltung" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
/* =====================================================================
Verwaltungsbereich — bewusst NUR AUF DEUTSCH.
@@ -761,7 +761,7 @@
<div class="vw-detail-blatt" id="vw-detail-blatt"></div>
</div>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
<script>
/* =====================================================================
Verwaltung: Anfragen ansehen, Status ändern, Notizen, Archivieren.
webdesign/widerruf.html
+5 -5
View File
@@ -9,8 +9,8 @@
<link rel="icon" type="image/png" href="/assets/img/favicon.png" />
<link rel="manifest" href="/webdesign/app.webmanifest" />
<meta name="theme-color" content="#05070b" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
</head>
<body class="wd">
<div id="wd-kopf"></div>
@@ -137,8 +137,8 @@
<div id="wd-fuss"></div>
<script src="/assets/js/i18n-wd-widerruf.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/wd-widerruf.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-widerruf.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
<script src="/assets/js/wd-widerruf.js?v=20260823wd20"></script>
</body>
</html>
webdesign/zugang.html
+4 -4
View File
@@ -21,8 +21,8 @@
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Dogfather Webdesign" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd19" />
<link rel="stylesheet" href="/assets/css/main.css?v=20260823wd20" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260823wd20" />
<style>
/* =====================================================================
Zugangswand — nur hier gebraucht, deshalb bewusst NICHT in
@@ -177,8 +177,8 @@
</div>
</main>
<script src="/assets/js/i18n-wd-zugang.js?v=20260823wd19"></script>
<script src="/assets/js/wd-core.js?v=20260823wd19"></script>
<script src="/assets/js/i18n-wd-zugang.js?v=20260823wd20"></script>
<script src="/assets/js/wd-core.js?v=20260823wd20"></script>
<script>
(function () {
"use strict";