dogfather-universe/webdesign/faq.html

<!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>Häufige Fragen — Dogfather Webdesign</title>
<meta name="description" content="Preise, Dauer, Inhalte, Änderungen, Hosting, Rechte, Zahlung und Veröffentlichung — offen beantwortet." />
<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=20260822wd" />
<link rel="stylesheet" href="/assets/css/webdesign.css?v=20260822wd" />
<style>
  .fq-thema { scroll-margin-top: 90px; }
  .fq-thema + .fq-thema { margin-top: clamp(2rem, 4vw, 3rem); }
  .fq-thema > h2 {
    font-size: clamp(1.2rem, 2.6vw, 1.5rem);
    padding-bottom: .5rem; margin-bottom: 1.1rem;
    border-bottom: 1px solid var(--wd-rand);
  }
  /* Sprungmarken wie auf der Leistungsseite: waagerecht wischbar statt
     über vier Zeilen umbrechend. */
  .fq-sprung { display: flex; gap: .5rem; overflow-x: auto; padding: .2rem .2rem 1rem; scroll-snap-type: x proximity; }
  .fq-sprung a {
    flex: 0 0 auto; scroll-snap-align: start;
    padding: .6rem 1rem; min-height: 44px; display: inline-flex; align-items: center;
    border-radius: 999px; border: 1px solid var(--wd-rand);
    font-size: .92rem; font-weight: 600; color: var(--wd-text-mid); white-space: nowrap;
  }
  .fq-sprung a:hover { color: var(--wd-text); border-color: var(--wd-rand-stark); background: rgba(127,208,232,.06); }
</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 wd-container--schmal">
      <span class="wd-eyebrow" data-i18n="fq_eyebrow">Häufige Fragen</span>
      <h1 data-i18n="fq_h1">Alles, was vorher geklärt sein sollte</h1>
      <p class="wd-lead" data-i18n="fq_lead">Sortiert nach Thema. Wenn deine Frage nicht dabei ist, schreib sie einfach ins Anfrageformular — sie landet dann hier, wenn sie öfter kommt.</p>

      <nav class="fq-sprung" aria-label="Themen">
        <a href="#preis" data-i18n="fq_t_preis">Preise &amp; Zahlung</a>
        <a href="#dauer" data-i18n="fq_t_dauer">Dauer &amp; Änderungen</a>
        <a href="#inhalt" data-i18n="fq_t_inhalt">Inhalte &amp; Zusammenarbeit</a>
        <a href="#technik" data-i18n="fq_t_technik">Hosting, Domain &amp; Rechte</a>
        <a href="#veroeff" data-i18n="fq_t_veroeff">Veröffentlichung &amp; danach</a>
      </nav>
    </div>
  </section>

  <section class="wd-abschnitt" style="padding-top:0">
    <div class="wd-container wd-container--schmal">

      <div class="fq-thema wd-auf" id="preis">
        <h2 data-i18n="fq_t_preis">Preise &amp; Zahlung</h2>
        <details class="wd-faq">
          <summary data-i18n="f1_f">Warum steht kein Festpreis auf der Seite?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f1_a">Weil ein ehrlicher Festpreis erst möglich ist, wenn der Umfang bekannt ist.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f2_f">Was passiert, wenn ich nach der Anzahlung abspringe?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f2_a">Die Anzahlung hat den Zweck, dein Zeitfenster zu reservieren.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f3_f">Kommen später versteckte Kosten dazu?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f3_a">Von mir nicht — was extra kostet, steht vorher im Angebot.</p></div>
        </details>
      </div>

      <div class="fq-thema wd-auf" id="dauer">
        <h2 data-i18n="fq_t_dauer">Dauer &amp; Änderungen</h2>
        <details class="wd-faq">
          <summary data-i18n="f4_f">Woran liegt es, wenn ein Projekt länger dauert?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f4_a">In den allermeisten Fällen an fehlenden Inhalten, nicht an der Technik.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f5_f">Wie viele Änderungen sind drin?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f5_a">Typischerweise zwei Feedbackrunden.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f6_f">Kann ich Texte später selbst ändern?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f6_a">Ja, das ist ausdrücklich das Ziel.</p></div>
        </details>
      </div>

      <div class="fq-thema wd-auf" id="inhalt">
        <h2 data-i18n="fq_t_inhalt">Inhalte &amp; Zusammenarbeit</h2>
        <details class="wd-faq">
          <summary data-i18n="f7_f">Ich habe kein Logo. Ist das ein Problem?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f7_a">Kein Hindernis, aber auch nicht kostenlos.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f8_f">Kann ich Bilder aus dem Internet verwenden?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f8_a">Nur wenn die Lizenz das erlaubt.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f9_f">Wie läuft die Kommunikation während des Projekts?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f9_a">Über deinen eigenen Kundenbereich auf dieser Seite.</p></div>
        </details>
      </div>

      <div class="fq-thema wd-auf" id="technik">
        <h2 data-i18n="fq_t_technik">Hosting, Domain &amp; Rechte</h2>
        <details class="wd-faq">
          <summary data-i18n="f10_f">Brauche ich eine eigene Domain und ein eigenes Hosting?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f10_a">Ja, beides gehört dir und läuft auf deinen Namen.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f11_f">Bin ich danach von dir abhängig?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f11_a">Nein, und das ist Absicht.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f12_f">Wie steht es um Datenschutz und Impressum?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f12_a">Die technischen Voraussetzungen baue ich ein.</p></div>
        </details>
      </div>

      <div class="fq-thema wd-auf" id="veroeff">
        <h2 data-i18n="fq_t_veroeff">Veröffentlichung &amp; danach</h2>
        <details class="wd-faq">
          <summary data-i18n="f13_f">Wird meine Seite ins Portfolio aufgenommen?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f13_a">Nur wenn du es erlaubst.</p></div>
        </details>
        <details class="wd-faq">
          <summary data-i18n="f14_f">Was passiert, wenn die Seite ausfällt?</summary>
          <div class="wd-faq-inhalt"><p data-i18n="f14_a">Mit Betreuung merke ich es in der Regel selbst.</p></div>
        </details>
      </div>

      <!-- Gold: Zahlungsinformation, hier als Erinnerung an die zentrale Regel. -->
      <div class="wd-hinweis wd-auf" style="margin-top:2rem">
        <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>
  </section>

  <section class="wd-abschnitt wd-abschnitt--gehoben">
    <div class="wd-container wd-container--schmal" style="text-align:center">
      <h2 data-i18n="fq_rest_titel">Deine Frage war nicht dabei?</h2>
      <p class="wd-lead" data-i18n="fq_rest_text">Schreib sie einfach ins Anfrageformular — es gibt dort ein freies Feld dafür. Du kannst mir auch direkt eine E-Mail schreiben, wenn dir das lieber ist.</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="mailto:[email protected]" data-i18n="fuss_email">E-Mail schreiben</a>
      </div>
    </div>
  </section>

</main>

<div id="wd-fuss"></div>

<script src="/assets/js/i18n-wd-faq.js?v=20260822wd"></script>
<script src="/assets/js/wd-core.js?v=20260822wd"></script>
</body>
</html>