From 99d04e9d2c8b11aa307279459bd4f8624ad2ef97 Mon Sep 17 00:00:00 2001
From: Moritz Ruth <dev@moritzruth.de>
Date: Fri, 2 Jul 2021 16:05:28 +0200
Subject: [PATCH] Add TaC

---
 src/App.vue                        |  8 ++--
 src/main.css                       | 20 ++++------
 src/pages/contact.vue              | 18 ++++-----
 src/pages/terms-and-conditions.vue | 62 +++++++++++++++++++++++++++++-
 4 files changed, 81 insertions(+), 27 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 44bf228..62edcfe 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -54,10 +54,10 @@
   import NavigationMenu from "./components/NavigationMenu.vue"
 
   const FOOTER_LINKS = [
-    // {
-    //   labelKey: "footer.tac",
-    //   to: "/terms-and-conditions"
-    // },
+    {
+      labelKey: "footer.tac",
+      to: "/terms-and-conditions"
+    },
     {
       labelKey: "footer.legal",
       to: "/legal-notice"
diff --git a/src/main.css b/src/main.css
index 66ff7ad..efc4f5b 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,7 +1,7 @@
 @layer base {
   .prose {
-    & > * {
-      @apply mt-6;
+    & > *, & section > * {
+      @apply mt-4;
     }
 
     h1 {
@@ -9,18 +9,14 @@
     }
 
     h2 {
-      @apply font-bold text-2xl sm:text-4xl text-blue-700;
-
-      h1 ~ & {
-        @apply mt-4;
-      }
-
-      p ~ & {
-        @apply mt-10;
-      }
+      @apply font-bold text-2xl sm:text-4xl text-blue-700 mt-8;
     }
 
-    address, p {
+    ol {
+      @apply list-decimal list-inside space-y-2;
+    }
+
+    address, p, ol {
       @apply not-italic text-lg max-w-240;
     }
   }
diff --git a/src/pages/contact.vue b/src/pages/contact.vue
index 79afeff..5c841a4 100644
--- a/src/pages/contact.vue
+++ b/src/pages/contact.vue
@@ -1,15 +1,15 @@
 <template>
   <main class="text-2xl sm:text-3xl pt-26">
     <h1 class="font-bold text-3xl sm:text-5xl text-gray-900 mb-10">{{ t("heading") }}</h1>
-    <p>
-      {{ t("you_want") }}
-    </p>
-    <ul class="asterisk-list mt-5">
-      <li>{{ t("develop_website") }}</li>
-      <li>{{ t("program_tool") }}</li>
-      <li>{{ t("design_print") }}</li>
-      <li>{{ t("help_server") }}</li>
-    </ul>
+<!--    <p>-->
+<!--      {{ t("you_want") }}-->
+<!--    </p>-->
+<!--    <ul class="asterisk-list mt-5">-->
+<!--      <li>{{ t("develop_website") }}</li>-->
+<!--      <li>{{ t("program_tool") }}</li>-->
+<!--      <li>{{ t("design_print") }}</li>-->
+<!--      <li>{{ t("help_server") }}</li>-->
+<!--    </ul>-->
     <p class="mt-10 mb-10">
       {{ t("twitter") }}
       <a
diff --git a/src/pages/terms-and-conditions.vue b/src/pages/terms-and-conditions.vue
index 1398f92..05f4db8 100644
--- a/src/pages/terms-and-conditions.vue
+++ b/src/pages/terms-and-conditions.vue
@@ -2,17 +2,75 @@
   <div class="prose pt-20">
     <h1>{{ t("heading") }}</h1>
     <p>{{ t("message") }}</p>
+    <section>
+      <h2>Generelles</h2>
+      <p>Abweichende, widersprüchliche oder ergänzende Allgemeine Geschäftsbedingungen des Auftraggebers gelten nur nach ausdrücklicher, schriftlicher Zustimmung von Moritz Ruth.</p>
+      <p>Die Vertragspartner sind sich einig, dass der vorliegende Vertrag abschließend ist und keine anderen auch mündliche Abreden getroffen wurden.</p>
+      <p>Änderungen und Ergänzungen der Vereinbarung bedürfen zu ihrer Wirksamkeit der Schriftform.</p>
+      <p>Erfüllungsort und Gerichtsstand für alle Streitigkeiten aus und im Zusammenhang mit dieser Vereinbarung ist der Sitz von Moritz Ruth, sofern der Auftraggeber Kaufmann, juristische Person des öffentlichen Rechts oder öffentlich-rechtliches Sondervermögen ist.</p>
+      <p>Sollte eine Bestimmung dieser Vereinbarung ganz oder teilweise unwirksam sein oder werden oder sollte die Vereinbarung unvollständig sein, so wird die Vereinbarung im Übrigen Inhalt nicht berührt. Die Vertragspartner verpflichten sich, die unwirksame Bestimmung durch eine solche Bestimmung zu ersetzen, welche dem Sinn und Zweck der unwirksamen Bestimmung in rechtswirksamer Weise wirtschaftlich am nächsten kommt.</p>
+      <p>Es gilt deutsches Recht unter Ausschluss des UN-Kaufrechts.</p>
+    </section>
+    <section>
+      <h2>Vertragsdurchführung</h2>
+      <p>Moritz Ruth ist es gestattet, den Vertrag auch unter Zuhilfenahme von Erfüllungsgehilfen zu erfüllen, soweit Moritz Ruth deren fachliche Qualifikation sichergestellt hat. Moritz Ruth haftet für seine Erfüllungsgehilfen und sonst von ihm zur Mitwirkung herangezogenen Personen.</p>
+      <p>Bei der Vertragsdurchführung verpflichtet sich Moritz Ruth, die anzuwendenden Gesetze und Genehmigungserfordernisse zu beachten und einzuhalten, insbesondere auch das Mindestlohngesetz.</p>
+      <p>Moritz Ruth bestimmt den Tätigkeitsort nach freiem Ermessen.</p>
+      <p>Moritz Ruth steht es frei, auch für andere Auftraggeber tätig zu werden, sofern die Tätigkeit für andere Auftraggeber der Tätigkeit für diesen Auftraggeber nicht abträglich ist.</p>
+      <p>Moritz Ruth führt den erteilten Auftrag in eigener Verantwortung aus. Dabei hat Moritz Ruth die Interessen des Auftraggebers zu berücksichtigen.</p>
+      <p>Moritz Ruth unterliegt keinem Weisungs- oder Direktionsrecht des Auftraggebers. Er hat jedoch fachliche Vorgaben des Auftraggebers soweit zu beachten, als dies erforderlich ist, um die ordnungsgemäße Vertragsdurchführung und das vereinbarte Vertragsziel zu erreichen.</p>
+      <p>Ein sozialversicherungspflichtiges Arbeitsverhältnis wird durch diesen Vertrag nicht begründet.</p>
+    </section>
+    <section>
+      <h2>Vergütung</h2>
+      <p>Alle genannten Preise verstehen sich als Nettopreise. Hinzu kommt die jeweils geltende gesetzliche Umsatzsteuer, derzeit 19 %.</p>
+      <p>Die Vergütung wird zwei Wochen nach ordnungsgemäßer Rechnungsstellung fällig. Der Auftraggeber wird die Vergütung auf das Konto von Moritz Ruth überweisen:</p>
+      <p class="pl-5">
+        Sparkasse Neunkirchen<br>
+        IBAN: DE57 5925 2046 0100 2812 37<br>
+        BIC: SALADE51NKS<br>
+        Konto-Inhaber: Moritz Ruth<br>
+      </p>
+      <p>Es obliegt Moritz Ruth, für die Abführung von Steuern, insbesondere Einkommensteuer, und von etwaigen Sozialversicherungsbeiträgen, Sorge zu tragen.</p>
+      <p>Moritz Ruth trägt alle Aufwendungen, die im Rahmen seiner Tätigkeit anfallen, selbst. Die Vertragspartner können schriftlich vereinbaren, dass Aufwendungen nach ordnungsgemäßem Nachweis von Auftraggeber erstattet werden.</p>
+      <p>Macht der Auftraggeber vorsätzlich oder grob fahrlässig Gewährleistungsansprüche gegenüber Moritz Ruth geltend, obwohl kein von Moritz Ruth verschuldeter Mangel vorliegt, fällt pro Personstunde erbrachter Serviceleistung außerdem eine zusätzliche Vergütung an, die sich nach dem üblichen Stundensatz von Moritz Ruth bestimmt.</p>
+      <p>Die Erstattung von Auslagen erfolgt nur nach vorheriger, ausdrücklicher und schriftlicher Übernahme der Kostentragungspflicht.</p>
+    </section>
+    <section>
+      <h2>Verschwiegenheit</h2>
+      <p>Moritz Ruth verpflichtet sich, über alle ihm im Rahmen seiner Tätigkeit bekannt gewordenen Geschäfts- und Betriebsgeheimnisse während und nach Beendigung des Vertragsverhältnisses Stillschweigen zu bewahren, soweit es sich nicht um lediglich dem allgemeinen Stand der Technik entsprechende oder sonst offenkundige Tatsachen oder Umstände handelt.</p>
+      <p>Vorbehaltlich anderer schriftlicher Vereinbarungen wird Moritz Ruth jedwede eigenständige Veröffentlichung der vom Gegenstand dieses Vertrages erfassten Erkenntnisse unterlassen.</p>
+    </section>
+    <section>
+      <h2>Rechteübertragung</h2>
+      <p>Soweit bei der Erstellung des Werkes Urheberrechte begründet werden, steht dem Auftraggeber ab Vertragsschluss das ausschließliche, zeitlich, räumlich, quantitativ und inhaltlich unbeschränkte Nutzungsrecht in allen gegenwärtigen und zukünftigen Nutzungsarten zu. Das Nutzungsrecht beinhaltet insbesondere auch das Recht zur vollständigen oder teilweisen Vervielfältigung, Verbreitung, Bearbeitung und Veröffentlichung des Werkes, oder einzelne Arbeitsergebnisse. Dem Auftraggeber steht das Recht zu, das Nutzungsrecht an Dritte weiter zu übertragen und Dritten einfache Nutzungsrechte einzuräumen.</p>
+      <p>Die Einräumung der vorgenannten Rechte ist mit der in diesem Vertrag vereinbarten Vergütung vollständig abgegolten.</p>
+      <p>Moritz Ruth wird auf der Webseite auf mindestens einer Unterseite (z.B. dem Impressum) als Designer und Entwickler genannt.</p>
+      <p>Der Auftraggeber räumt Moritz Ruth die zur Vertragserfüllung im Rahmen des Hostings notwendigen Rechte ein.</p>
+    </section>
+    <section>
+      <h2>Herausgabe von Unterlagen</h2>
+      <p>Bei Beendigung des Vertragsverhältnisses hat Moritz Ruth sämtliches in seinem Besitz befindliche Eigentum des Auftraggebers und die ihm im Rahmen seiner Tätigkeit vom Auftraggeber zur Verfügung gestellten Unterlagen unverzüglich und unaufgefordert an den Auftraggeber herauszugeben.</p>
+    </section>
+    <section>
+      <h2>Haftung/Gewährleistung</h2>
+      <p>Moritz Ruth haftet dem Auftraggeber gegenüber, gleichgültig aus welchem Rechtsgrund, für die von ihm bzw. seinen Mitarbeitern vorsätzlich oder grob fahrlässig verursachten Schäden sowie bei der Verletzung von Leben, Körper oder Gesundheit.</p>
+      <p>Moritz Ruth haftet dem Auftraggeber gegenüber für die schuldhafte Verletzung einer Garantie und wesentlicher Vertragspflichten nach den gesetzlichen Bestimmungen, wobei wesentliche Vertragspflichten solche sind, deren Erfüllung die ordnungsgemäße Durchführung des Vertrages überhaupt erst ermöglichen und auf deren Einhaltung der Auftraggeber regelmäßig vertrauen darf.</p>
+      <p>Moritz Ruth und der Auftraggeber sind sich vorbehaltlich besonderer einzelvertraglicher Vereinbarungen einig, dass die Haftung von Moritz Ruth für Schäden aus der Verletzung wesentlicher Vertragspflichten im Falle einfacher Fahrlässigkeit auf den vertragstypischen, vorhersehbaren Schaden begrenzt ist.</p>
+      <p>In allen anderen Fällen sind Schadensersatzansprüche ausgeschlossen.</p>
+      <p>Eine Änderung der Beweislast zum Nachteil des Auftraggebers ist damit nicht verbunden.</p>
+    </section>
   </div>
 </template>
 
 <i18n lang="yaml">
   en:
-    message: Not yet available.
     heading: Terms and Conditions
+    message: Only available in German at the moment.
 
   de:
-    message: Noch nicht verfügbar.
     heading: Allgemeine Geschäftsbedingungen
+    message: ""
 </i18n>
 
 <script>