Kurse bis C5

app/flask-postgres/app/templates/course/C1_page1.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 - Advanced Copyright & IP Strategy</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Willkommen zu Compliance Verification und zum Modul C1 – Advanced Copyright &amp; IP Strategy</h2>
+
+    <p class="lead">
+      In diesem Kurs lernen Sie,
+    </p>
+
+    <ul class="example-list">
+      <li>wie Unternehmen ihre Inhalte im Zeitalter von Künstlicher Intelligenz schützen,</li>
+      <li>welche neuen Risiken durch KI entstehen,</li>
+      <li>und wie Sie Urheberrechte, Stil, Stimme und Identität rechtssicher einordnen.</li>
+    </ul>
+
+    <p>
+      Unser Ziel ist nicht,
+      Sie zu Urheberrechtsexperten zu machen.
+    </p>
+
+    <p>
+      Unser Ziel ist,
+      dass Sie ein klares Verständnis entwickeln:
+    </p>
+
+    <ul class="key-points">
+      <li>Welche Inhalte geschützt sind.</li>
+      <li>Wo Risiken entstehen.</li>
+      <li>Und wie Sie diese strategisch vermeiden.</li>
+    </ul>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C1_page2.html

@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 - Advanced Copyright & IP Strategy</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 1 – Schutz eigener Inhalte vor KI-Nutzung</h2>
+
+    <p class="lead">
+      „Ein zentraler Punkt im KI-Zeitalter ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Inhalte können von KI-Systemen genutzt werden – oft ohne direkte Kontrolle.
+    </blockquote>
+
+    <p>
+      Texte, Bilder, Musik oder Designs können in Trainingsdaten einfließen
+      oder als Grundlage für neue Inhalte dienen.
+    </p>
+
+    <p><strong>Das Problem:</strong></p>
+
+    <p>
+      Sie sehen nicht,
+      wann und wie Ihre Inhalte verwendet werden.
+    </p>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <ul class="example-list">
+      <li>Unternehmen müssen aktiv entscheiden, welche Inhalte öffentlich zugänglich sind</li>
+      <li>wie Inhalte technisch geschützt werden können</li>
+      <li>und welche Nutzung erlaubt ist</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Ohne Schutz können Inhalte unkontrolliert Teil von KI-Systemen werden.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
+
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C1_page3.html

@@ -0,0 +1,65 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 - Advanced Copyright & IP Strategy</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 2 – Stil, Stimme und Identität im KI-Kontext</h2>
+
+    <p class="lead">
+      „Ein besonders sensibler Bereich ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Nachahmung von Stil, Stimme und kreativer Identität.
+    </blockquote>
+
+    <p>
+      KI kann Inhalte erzeugen, die wirken wie:
+    </p>
+
+    <ul class="example-list">
+      <li>ein bestimmter Autor</li>
+      <li>eine bekannte Stimme</li>
+      <li>ein typischer Designstil</li>
+    </ul>
+
+    <p><strong>Rechtlich ist das komplex:</strong></p>
+
+    <p>
+      Stil allein ist oft nicht geschützt.
+    </p>
+
+    <p><strong>Aber:</strong></p>
+
+    <ul class="key-points">
+      <li>➡️ Identität kann geschützt sein</li>
+      <li>➡️ Persönlichkeit kann betroffen sein</li>
+      <li>➡️ wirtschaftliche Nutzung kann relevant werden</li>
+    </ul>
+
+    <p>
+      Das bedeutet:
+    </p>
+
+    <p>
+      Auch wenn etwas technisch möglich ist,
+      kann es rechtlich problematisch sein.
+    </p>
+
+    <blockquote class="highlight-quote">
+      Und:<br>
+      ➡️ reputationsschädigend.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/2" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/4" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C1_page4.html

@@ -0,0 +1,62 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 - Advanced Copyright & IP Strategy</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 3 – Lizenzmodelle und Monetarisierung</h2>
+
+    <p class="lead">
+      „KI verändert auch die wirtschaftliche Nutzung von Inhalten.
+    </p>
+
+    <p>
+      Unternehmen müssen klären:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Wer darf Inhalte nutzen – und zu welchen Bedingungen?
+    </blockquote>
+
+    <p><strong>Das betrifft:</strong></p>
+
+    <ul class="example-list">
+      <li>Training von KI-Systemen</li>
+      <li>Nutzung von Outputs</li>
+      <li>Integration in Produkte</li>
+    </ul>
+
+    <p><strong>Mögliche Ansätze sind:</strong></p>
+
+    <ul class="example-list">
+      <li>Lizenzmodelle für Trainingsdaten</li>
+      <li>Vergütungsmodelle für Nutzung</li>
+      <li>Vertragliche Regelungen mit Partnern</li>
+    </ul>
+
+    <p><strong>Das Ziel ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Kontrolle behalten – und Wert sichern.
+    </blockquote>
+
+    <p>
+      Denn:
+    </p>
+
+    <blockquote class="highlight-quote">
+      Inhalte sind nicht nur kreativ.<br>
+      ➡️ Sie sind wirtschaftliche Assets.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C1_page5.html

@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 - Advanced Copyright & IP Strategy</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 4 – Abwehr von Ansprüchen</h2>
+
+    <p class="lead">
+      „Ein weiterer zentraler Punkt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ der Umgang mit rechtlichen Ansprüchen.
+    </blockquote>
+
+    <p><strong>Risiken entstehen zum Beispiel, wenn:</strong></p>
+
+    <ul class="example-list">
+      <li>KI-generierte Inhalte bestehenden Werken ähneln</li>
+      <li>Rechte Dritter verletzt werden</li>
+      <li>Urheber falsch zugeordnet werden</li>
+    </ul>
+
+    <p><strong>Wichtig ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Verantwortung liegt beim Unternehmen.
+    </blockquote>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <ul class="example-list">
+      <li>Inhalte müssen geprüft werden</li>
+      <li>Prozesse müssen dokumentiert werden</li>
+      <li>Risiken müssen bewertet werden</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Auch unbeabsichtigte Verstöße können rechtliche Folgen haben.
+    </blockquote>
+
+  </div>
+</section>
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C1_page6.html

@@ -0,0 +1,53 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 - Advanced Copyright & IP Strategy</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 5 – Strategische IP-Positionierung</h2>
+
+    <p class="lead">
+      „Der wichtigste Punkt dieses Moduls lautet:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ IP ist ein strategischer Faktor.
+    </blockquote>
+
+    <p>
+      Unternehmen müssen aktiv steuern:
+    </p>
+
+    <ul class="example-list">
+      <li>Welche Inhalte geschützt werden</li>
+      <li>Wie Inhalte genutzt werden</li>
+      <li>Wie Risiken kontrolliert werden</li>
+    </ul>
+
+    <p><strong>Das umfasst:</strong></p>
+
+    <ul class="example-list">
+      <li>klare Richtlinien</li>
+      <li>bewusste Nutzung von KI</li>
+      <li>Integration von IP in Unternehmensstrategie</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ KI verändert nicht nur Prozesse.<br>
+      ➡️ KI verändert Eigentum.<br><br>
+      Und damit:<br>
+      ➡️ die Grundlage von Wettbewerb.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C1_page7.html

@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C1 Abschluss</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Abschluss – Überblick &amp; Ausblick</h2>
+
+    <p class="lead">
+      Damit haben Sie die Grundlagen von Copyright und IP im KI-Kontext verstanden.
+    </p>
+
+    <p>
+      Sie wissen jetzt,
+      wie Inhalte geschützt werden können,
+      welche Risiken durch Stil, Nutzung und KI entstehen,
+      und warum IP eine zentrale strategische Rolle spielt.
+    </p>
+
+    <p>
+      Im nächsten Modul geht es um Security &amp; Misuse Prevention –
+      also die Frage,
+    </p>
+
+    <blockquote class="highlight-quote">
+      wie KI missbraucht werden kann,<br>
+      welche Risiken durch Deepfakes, Social Engineering und Datenabfluss entstehen,<br>
+      und wie Unternehmen diese gezielt verhindern
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page1.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Willkommen zu Compliance Verification und zum Modul C2 – Security &amp; Misuse Prevention</h2>
+
+    <p class="lead">
+      In diesem Kurs lernen Sie,
+    </p>
+
+    <ul class="example-list">
+      <li>wie KI für Missbrauch eingesetzt werden kann,</li>
+      <li>welche konkreten Risiken für Unternehmen entstehen,</li>
+      <li>und wie Sie diese frühzeitig erkennen und verhindern.</li>
+    </ul>
+
+    <p>
+      Unser Ziel ist nicht,
+      Sie zu IT-Sicherheitsexperten zu machen.
+    </p>
+
+    <p>
+      Unser Ziel ist,
+      dass Sie ein klares Verständnis entwickeln:
+    </p>
+
+    <ul class="key-points">
+      <li>Wo KI missbraucht wird.</li>
+      <li>Wie Angriffe funktionieren.</li>
+      <li>Und wie Sie Ihr Unternehmen schützen.</li>
+    </ul>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page2.html

@@ -0,0 +1,62 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 1 – Deepfakes und Identitätsmissbrauch</h2>
+
+    <p class="lead">
+      „Ein zentrales Risiko im KI-Kontext ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Manipulation von Identität.
+    </blockquote>
+
+    <p>
+      Mit KI können heute täuschend echte Inhalte erzeugt werden:
+    </p>
+
+    <ul class="example-list">
+      <li>Stimmen</li>
+      <li>Videos</li>
+      <li>Bilder</li>
+    </ul>
+
+    <p>
+      Das bedeutet:
+    </p>
+
+    <p>
+      Eine Person kann scheinbar etwas sagen oder tun,
+      was sie nie gesagt oder getan hat.
+    </p>
+
+    <p><strong>Für Unternehmen entstehen daraus Risiken:</strong></p>
+
+    <ul class="example-list">
+      <li>Fake-Anweisungen von Führungskräften</li>
+      <li>Manipulierte Videobotschaften</li>
+      <li>Täuschung von Mitarbeitenden oder Kunden</li>
+    </ul>
+
+    <p><strong>Das Problem:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Die Inhalte wirken glaubwürdig.<br>
+      Und genau das macht sie gefährlich.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
+
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page3.html

@@ -0,0 +1,61 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 2 – Social Engineering mit KI</h2>
+
+    <p class="lead">
+      „Ein weiterer kritischer Bereich ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Social Engineering.
+    </blockquote>
+
+    <p>
+      Dabei werden Menschen gezielt manipuliert,
+      um Informationen preiszugeben oder Handlungen auszuführen.
+    </p>
+
+    <p>
+      KI verstärkt dieses Risiko erheblich.
+    </p>
+
+    <p><strong>Beispiele:</strong></p>
+
+    <ul class="example-list">
+      <li>Täuschend echte E-Mails</li>
+      <li>automatisierte Kommunikation</li>
+      <li>gezielte Ansprache im richtigen Stil</li>
+    </ul>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <p>
+      Angriffe werden:
+    </p>
+
+    <ul class="example-list">
+      <li>skalierbarer</li>
+      <li>glaubwürdiger</li>
+      <li>schwerer erkennbar</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Und:<br>
+      ➡️ sie zielen direkt auf Mitarbeitende.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/2" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/4" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page4.html

@@ -0,0 +1,55 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 3 – Datenabfluss durch KI</h2>
+
+    <p class="lead">
+      „Ein oft unterschätztes Risiko ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ der Verlust von Daten durch KI-Nutzung.
+    </blockquote>
+
+    <p><strong>Das passiert zum Beispiel, wenn:</strong></p>
+
+    <ul class="example-list">
+      <li>Mitarbeitende sensible Informationen in KI-Tools eingeben</li>
+      <li>interne Dokumente verarbeitet werden</li>
+      <li>personenbezogene Daten verwendet werden</li>
+    </ul>
+
+    <p><strong>Das Problem:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Daten verlassen das Unternehmen.<br>
+      ➡️ Sie verlieren die Kontrolle.
+    </blockquote>
+
+    <p><strong>Besonders kritisch sind:</strong></p>
+
+    <ul class="example-list">
+      <li>Kundendaten</li>
+      <li>Geschäftsgeheimnisse</li>
+      <li>interne Strategien</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Einmal eingegeben, können Daten nicht zurückgeholt werden.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page5.html

@@ -0,0 +1,51 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 4 – Interne Sicherheitsrichtlinien</h2>
+
+    <p class="lead">
+      „Der wichtigste Schutz ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ klare interne Regeln.
+    </blockquote>
+
+    <p>
+      Unternehmen müssen festlegen:
+    </p>
+
+    <ul class="example-list">
+      <li>Welche Tools genutzt werden dürfen</li>
+      <li>Welche Daten eingegeben werden dürfen</li>
+      <li>Welche Prozesse eingehalten werden müssen</li>
+    </ul>
+
+    <p><strong>Dazu gehören:</strong></p>
+
+    <ul class="example-list">
+      <li>Nutzungsrichtlinien für KI</li>
+      <li>Schulungen für Mitarbeitende</li>
+      <li>Freigabeprozesse für kritische Anwendungen</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Sicherheit beginnt im Alltag.<br>
+      Nicht erst im Notfall.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page6.html

@@ -0,0 +1,56 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 5 – Notfallmaßnahmen</h2>
+
+    <p class="lead">
+      „Trotz aller Vorsichtsmaßnahmen gilt:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Vorfälle können passieren.
+    </blockquote>
+
+    <p>
+      Deshalb brauchen Unternehmen klare Notfallmaßnahmen.
+    </p>
+
+    <p><strong>Dazu gehört:</strong></p>
+
+    <ul class="example-list">
+      <li>Erkennen von Sicherheitsvorfällen</li>
+      <li>Schnelle interne Meldung</li>
+      <li>Klare Zuständigkeiten</li>
+      <li>Reaktion auf Datenabfluss oder Täuschung</li>
+    </ul>
+
+    <p><strong>Das Ziel ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Schäden begrenzen.
+    </blockquote>
+
+    <p>
+      Denn:
+    </p>
+
+    <blockquote class="highlight-quote">
+      Zeit ist der entscheidende Faktor.<br>
+      Je schneller reagiert wird,<br>
+      desto geringer ist der Schaden.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C2_page7.html

@@ -0,0 +1,42 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C2 – Security & Misuse Prevention</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Abschluss – Überblick &amp; Ausblick</h2>
+
+    <p class="lead">
+      Damit haben Sie die Grundlagen zu Security und Missbrauch im KI-Kontext verstanden.
+    </p>
+
+    <p>
+      Sie wissen jetzt,
+      wie Deepfakes und Social Engineering funktionieren,
+      wie Daten verloren gehen können,
+      und welche Maßnahmen Unternehmen ergreifen müssen,
+      um sich zu schützen.
+    </p>
+
+    <p>
+      Im nächsten Modul geht es um Vendor &amp; Tool Governance –
+      also die Frage,
+    </p>
+
+    <blockquote class="highlight-quote">
+      wie Unternehmen KI-Anbieter auswählen,<br>
+      welche Risiken bei externen Tools entstehen,<br>
+      und wie diese kontrolliert werden
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page1.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Willkommen zu Compliance Verification und zum Modul C3 – Vendor &amp; Tool Governance</h2>
+
+    <p class="lead">
+      In diesem Kurs lernen Sie,
+    </p>
+
+    <ul class="example-list">
+      <li>wie externe KI-Anbieter bewertet werden,</li>
+      <li>welche Risiken bei der Nutzung von Tools entstehen,</li>
+      <li>und wie Unternehmen die Kontrolle über eingesetzte Systeme behalten.</li>
+    </ul>
+
+    <p>
+      Unser Ziel ist nicht,
+      Sie zu IT-Einkaufsspezialisten zu machen.
+    </p>
+
+    <p>
+      Unser Ziel ist,
+      dass Sie ein klares Verständnis entwickeln:
+    </p>
+
+    <ul class="key-points">
+      <li>Welche Tools Sie einsetzen.</li>
+      <li>Welche Risiken damit verbunden sind.</li>
+      <li>Und wie Sie diese systematisch steuern.</li>
+    </ul>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page2.html

@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 1 – Auswahl und Bewertung von KI-Tools</h2>
+
+    <p class="lead">
+      „Ein zentraler Punkt im KI-Einsatz ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Auswahl der richtigen Tools.
+    </blockquote>
+
+    <p>
+      Nicht jedes KI-System ist für jedes Unternehmen geeignet.
+    </p>
+
+    <p><strong>Wichtige Fragen sind:</strong></p>
+
+    <ul class="example-list">
+      <li>Wofür wird das Tool eingesetzt?</li>
+      <li>Welche Daten werden verarbeitet?</li>
+      <li>Wie zuverlässig sind die Ergebnisse?</li>
+    </ul>
+
+    <p><strong>Das Problem:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Viele Tools wirken leistungsfähig – aber sind nicht geprüft.
+    </blockquote>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <ul class="example-list">
+      <li>Unternehmen müssen aktiv bewerten, welche Tools eingesetzt werden</li>
+      <li>welche Risiken bestehen</li>
+      <li>und welche Anforderungen erfüllt sein müssen</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Die Wahl des Tools bestimmt das Risiko.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
+
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page3.html

@@ -0,0 +1,56 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 2 – Vertragsprüfung</h2>
+
+    <p class="lead">
+      „Ein oft unterschätzter Bereich ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die vertragliche Absicherung.
+    </blockquote>
+
+    <p>
+      Bei der Nutzung externer KI-Anbieter ist entscheidend:
+    </p>
+
+    <ul class="example-list">
+      <li>Welche Daten werden verarbeitet?</li>
+      <li>Wer haftet im Schadensfall?</li>
+      <li>Welche Rechte bestehen an den Ergebnissen?</li>
+    </ul>
+
+    <p><strong>Das Problem:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Standardverträge sind oft unklar oder unvollständig.
+    </blockquote>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <p>
+      Risiken werden nicht ausreichend geregelt.
+    </p>
+
+    <blockquote class="highlight-quote">
+      Deshalb gilt:<br>
+      ➡️ Verträge müssen aktiv geprüft werden.<br><br>
+      Denn:<br>
+      ➡️ Rechtliche Sicherheit entsteht nicht automatisch.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/2" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/4" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page4.html

@@ -0,0 +1,72 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 3 – Datenverarbeitung und Risiken</h2>
+
+    <p class="lead">
+      „Ein besonders kritischer Punkt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Verarbeitung von Daten.
+    </blockquote>
+
+    <p>
+      Externe KI-Tools können:
+    </p>
+
+    <ul class="example-list">
+      <li>Daten speichern</li>
+      <li>Daten weiterverarbeiten</li>
+      <li>Daten in andere Systeme übertragen</li>
+    </ul>
+
+    <p>
+      Das bedeutet:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Daten verlassen das Unternehmen.
+    </blockquote>
+
+    <p><strong>Besonders sensibel sind:</strong></p>
+
+    <ul class="example-list">
+      <li>personenbezogene Daten</li>
+      <li>Geschäftsgeheimnisse</li>
+      <li>interne Informationen</li>
+    </ul>
+
+    <p><strong>Das Risiko:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Verlust der Kontrolle.
+    </blockquote>
+
+    <p><strong>Deshalb müssen Unternehmen klar festlegen:</strong></p>
+
+    <ul class="example-list">
+      <li>Welche Daten genutzt werden dürfen</li>
+      <li>welche Systeme zugelassen sind</li>
+      <li>und welche Risiken bestehen</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Daten sind Verantwortung.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page5.html

@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 4 – Abhängigkeiten vermeiden</h2>
+
+    <p class="lead">
+      „Ein weiterer wichtiger Punkt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Vermeidung von Abhängigkeiten.
+    </blockquote>
+
+    <p>
+      Wenn Unternehmen stark auf einzelne Anbieter setzen,
+      entstehen Risiken:
+    </p>
+
+    <ul class="example-list">
+      <li>Technische Abhängigkeit</li>
+      <li>Preisabhängigkeit</li>
+      <li>eingeschränkte Flexibilität</li>
+    </ul>
+
+    <p>
+      Das bedeutet:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Entscheidungen werden fremdgesteuert.
+    </blockquote>
+
+    <p><strong>Deshalb ist es wichtig:</strong></p>
+
+    <ul class="example-list">
+      <li>Alternativen zu prüfen</li>
+      <li>Systeme vergleichbar zu halten</li>
+      <li>Strategische Kontrolle zu behalten</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Wer abhängig ist, verliert Handlungsspielraum.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page6.html

@@ -0,0 +1,57 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 5 – Dokumentationspflichten</h2>
+
+    <p class="lead">
+      „Der wichtigste Punkt dieses Moduls lautet:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ KI-Nutzung muss dokumentiert werden.
+    </blockquote>
+
+    <p><strong>Unternehmen müssen nachvollziehen können:</strong></p>
+
+    <ul class="example-list">
+      <li>Welche Tools eingesetzt wurden</li>
+      <li>zu welchem Zweck</li>
+      <li>mit welchen Daten</li>
+      <li>und mit welchem Ergebnis</li>
+    </ul>
+
+    <p>
+      Das ist nicht nur organisatorisch wichtig.
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Es ist rechtlich erforderlich.
+    </blockquote>
+
+    <p><strong>Dokumentation ermöglicht:</strong></p>
+
+    <ul class="example-list">
+      <li>Nachvollziehbarkeit</li>
+      <li>Kontrolle</li>
+      <li>Prüfbarkeit</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Und damit:<br>
+      ➡️ Compliance.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C3_page7.html

@@ -0,0 +1,41 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Abschluss – Überblick &amp; Ausblick</h2>
+
+    <p class="lead">
+      Damit haben Sie die Grundlagen der Vendor &amp; Tool Governance verstanden.
+    </p>
+
+    <p>
+      Sie wissen jetzt,
+      wie KI-Anbieter bewertet werden,
+      welche Risiken bei Daten und Verträgen entstehen,
+      und wie Unternehmen die Kontrolle über externe Systeme behalten.
+    </p>
+
+    <p>
+      Im nächsten Modul geht es um Risk Mapping &amp; Governance Framework –
+      also die Frage,
+    </p>
+
+    <blockquote class="highlight-quote">
+      wie Unternehmen ein vollständiges KI-Governance-System aufbauen,<br>
+      Risiken systematisch erfassen,<br>
+      und klare Strukturen für den KI-Einsatz etablieren.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page1.html

@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Risk Mapping & Governance Framework</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Willkommen zu Compliance Verification und zum Modul C4 – Risk Mapping &amp; Governance Framework</h2>
+
+    <p class="lead">
+      In diesem Kurs lernen Sie,
+    </p>
+
+    <ul class="example-list">
+      <li>wie Unternehmen Risiken im KI-Einsatz systematisch erfassen,</li>
+      <li>wie Governance-Strukturen aufgebaut werden,</li>
+      <li>und wie ein vollständiges Steuerungssystem für KI entsteht.</li>
+    </ul>
+
+    <p>
+      Unser Ziel ist nicht,
+      Sie zu Risikoanalysten zu machen.
+    </p>
+
+    <p>
+      Unser Ziel ist,
+      dass Sie ein klares Verständnis entwickeln:
+    </p>
+
+    <ul class="key-points">
+      <li>Wo Risiken entstehen.</li>
+      <li>Wie sie strukturiert werden.</li>
+      <li>Und wie Unternehmen sie kontrollieren.</li>
+    </ul>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page2.html

@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Risk Mapping & Governance Framework</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 1 – Risikoanalyse auf Unternehmensebene</h2>
+
+    <p class="lead">
+      „Der erste Schritt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Risiken sichtbar machen.
+    </blockquote>
+
+    <p>
+      KI-Risiken entstehen nicht nur technisch.
+    </p>
+
+    <p><strong>Sondern auch:</strong></p>
+
+    <ul class="example-list">
+      <li>rechtlich</li>
+      <li>organisatorisch</li>
+      <li>wirtschaftlich</li>
+    </ul>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <ul class="example-list">
+      <li>Unternehmen müssen analysieren, wo KI eingesetzt wird</li>
+      <li>welche Auswirkungen entstehen</li>
+      <li>welche Risiken damit verbunden sind</li>
+    </ul>
+
+    <p><strong>Das Ziel ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ ein vollständiges Risikobild.
+    </blockquote>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Was nicht erkannt wird, kann nicht gesteuert werden.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
+
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page3.html

@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Risk Mapping & Governance Framework</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 2 – Klassifizierung von KI-Systemen</h2>
+
+    <p class="lead">
+      „Ein zentraler Bestandteil ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Einordnung von KI-Systemen.
+    </blockquote>
+
+    <p>
+      Nicht jede KI ist gleich riskant.
+    </p>
+
+    <p><strong>Einige Anwendungen sind:</strong></p>
+
+    <ul class="example-list">
+      <li>unkritisch</li>
+      <li>unterstützend</li>
+    </ul>
+
+    <p><strong>Andere können:</strong></p>
+
+    <ul class="example-list">
+      <li>hohe Auswirkungen haben</li>
+      <li>rechtliche Risiken auslösen</li>
+    </ul>
+
+    <p><strong>Deshalb müssen Systeme klassifiziert werden:</strong></p>
+
+    <ul class="example-list">
+      <li>nach Einsatzbereich</li>
+      <li>nach Risikoniveau</li>
+      <li>nach Auswirkungen</li>
+    </ul>
+
+    <p><strong>Das ermöglicht:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ gezielte Steuerung.
+    </blockquote>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Nicht jedes System braucht die gleichen Regeln.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/2" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/4" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page4.html

@@ -0,0 +1,57 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C3 – Vendor & Tool Governance</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 3 – Governance-Strukturen</h2>
+
+    <p class="lead">
+      „Der nächste Schritt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ klare Zuständigkeiten.
+    </blockquote>
+
+    <p>
+      KI darf nicht unkoordiniert eingesetzt werden.
+    </p>
+
+    <p><strong>Unternehmen brauchen:</strong></p>
+
+    <ul class="example-list">
+      <li>definierte Rollen</li>
+      <li>klare Verantwortlichkeiten</li>
+      <li>verbindliche Prozesse</li>
+    </ul>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Governance-Strukturen.
+    </blockquote>
+
+    <p>
+      Diese stellen sicher,
+      dass Entscheidungen gesteuert werden
+      dass Risiken überwacht werden
+      dass Regeln eingehalten werden.
+    </p>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Verantwortung muss zugeordnet sein.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page5.html

@@ -0,0 +1,59 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Risk Mapping & Governance Framework</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 4 – Kontrollmechanismen</h2>
+
+    <p class="lead">
+      „Ein funktionierendes System braucht:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Kontrolle.
+    </blockquote>
+
+    <p><strong>Das umfasst:</strong></p>
+
+    <ul class="example-list">
+      <li>Überprüfung von KI-Ergebnissen</li>
+      <li>Monitoring von Risiken</li>
+      <li>regelmäßige Bewertung von Systemen</li>
+    </ul>
+
+    <p><strong>Das Ziel ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ frühzeitig reagieren.
+    </blockquote>
+
+    <p>
+      Denn:
+    </p>
+
+    <p>
+      KI-Systeme verändern sich.
+      Und damit:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ verändern sich auch Risiken.
+    </blockquote>
+
+    <blockquote class="highlight-quote">
+      Kontrolle bedeutet:<br>
+      ➡️ nicht einmal prüfen – sondern kontinuierlich überwachen.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page6.html

@@ -0,0 +1,48 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Risk Mapping & Governance Framework</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 5 – Reporting</h2>
+
+    <p class="lead">
+      „Der wichtigste Punkt dieses Moduls lautet:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Transparenz durch Reporting.
+    </blockquote>
+
+    <p><strong>Unternehmen müssen nachvollziehbar machen:</strong></p>
+
+    <ul class="example-list">
+      <li>welche KI eingesetzt wird</li>
+      <li>welche Risiken bestehen</li>
+      <li>welche Maßnahmen ergriffen wurden</li>
+    </ul>
+
+    <p><strong>Das Reporting dient:</strong></p>
+
+    <ul class="example-list">
+      <li>internen Entscheidungen</li>
+      <li>externer Prüfung</li>
+      <li>rechtlicher Absicherung</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      Denn:<br>
+      ➡️ Governance ist nur wirksam, wenn sie sichtbar ist.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C4_page7.html

@@ -0,0 +1,40 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Abschluss</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Abschluss – Überblick &amp; Ausblick</h2>
+
+    <p class="lead">
+      Damit haben Sie die Grundlagen eines KI-Governance-Systems verstanden.
+    </p>
+
+    <p>
+      Sie wissen jetzt,
+      wie Risiken identifiziert werden,
+      wie Systeme klassifiziert werden,
+      und wie Governance-Strukturen und Kontrollen aufgebaut sind.
+    </p>
+
+    <p>
+      Im nächsten Modul geht es um Umsetzung &amp; individuelle Beratung –
+      also die Frage,
+    </p>
+
+    <blockquote class="highlight-quote">
+      wie diese Strukturen konkret im Unternehmen implementiert werden,<br>
+      und wie aus Konzepten praktische Lösungen entstehen.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page1.html

@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C5 – Umsetzung & individuelle Beratung</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Willkommen zu Compliance Verification und zum Modul C5 – Umsetzung &amp; individuelle Beratung</h2>
+
+    <p class="lead">
+      In diesem Kurs geht es um den entscheidenden Schritt:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die praktische Umsetzung.
+    </blockquote>
+
+    <p>
+      Sie haben in den vorherigen Modulen gelernt,
+      wie Risiken entstehen,
+      wie Systeme bewertet werden,
+      und wie Governance-Strukturen aufgebaut sind.
+    </p>
+
+    <p>
+      Jetzt geht es darum,
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ diese Erkenntnisse in Ihrem Unternehmen umzusetzen.
+    </blockquote>
+
+    <p>
+      Unser Ziel ist nicht,
+      Ihnen eine Standardlösung vorzugeben.
+    </p>
+
+    <p>
+      Unser Ziel ist,
+      dass Sie verstehen:
+    </p>
+
+    <ul class="key-points">
+      <li>Wie Sie die Inhalte anpassen.</li>
+      <li>Wie Sie sie konkret implementieren.</li>
+      <li>Und wann zusätzliche Unterstützung sinnvoll sein kann.</li>
+    </ul>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/page/2" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page2.html

@@ -0,0 +1,61 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C5 – Umsetzung & individuelle Beratung</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 1 – Individuelle Anpassung</h2>
+
+    <p class="lead">
+      „Jedes Unternehmen ist unterschiedlich.
+    </p>
+
+    <ul class="example-list">
+      <li>Unterschiedliche Prozesse</li>
+      <li>unterschiedliche Risiken</li>
+      <li>unterschiedliche Strukturen</li>
+    </ul>
+
+    <p><strong>Deshalb gilt:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Es gibt keine Einheitslösung.
+    </blockquote>
+
+    <p>
+      Die Inhalte dieses Kurses müssen angepasst werden:
+    </p>
+
+    <ul class="example-list">
+      <li>an Ihre Organisation</li>
+      <li>an Ihre Branche</li>
+      <li>an Ihre konkreten Anwendungen</li>
+    </ul>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Governance ist immer individuell.
+    </blockquote>
+
+    <p>
+      Standardmodelle können helfen.
+      Aber:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Sie ersetzen keine unternehmensspezifische Umsetzung.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/1" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/3" class="btn-primary">Weiter</a>
+
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page3.html

@@ -0,0 +1,58 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C4 – Risk Mapping & Governance Framework</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 2 – Workshops und interne Umsetzung</h2>
+
+    <p class="lead">
+      „Ein zentraler Schritt in der Umsetzung ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Einbindung der Organisation.
+    </blockquote>
+
+    <p>
+      Governance funktioniert nicht nur auf dem Papier.
+    </p>
+
+    <p>
+      Sondern im Alltag.
+    </p>
+
+    <p><strong>Deshalb sind wichtig:</strong></p>
+
+    <ul class="example-list">
+      <li>Workshops</li>
+      <li>Schulungen</li>
+      <li>interne Abstimmungen</li>
+    </ul>
+
+    <p><strong>Ziel ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ gemeinsames Verständnis.
+    </blockquote>
+
+    <p>
+      Denn:
+    </p>
+
+    <blockquote class="highlight-quote">
+      Regeln wirken nur dann,<br>
+      wenn sie verstanden und angewendet werden.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/2" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/4" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page4.html

@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C5 – Umsetzung & individuelle Beratung</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 3 – Fallanalysen</h2>
+
+    <p class="lead">
+      „Ein weiterer wichtiger Schritt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Anwendung auf konkrete Fälle.
+    </blockquote>
+
+    <p>
+      Theorie allein reicht nicht aus.
+    </p>
+
+    <p><strong>Unternehmen müssen prüfen:</strong></p>
+
+    <ul class="example-list">
+      <li>Wie wird KI konkret eingesetzt?</li>
+      <li>Welche Risiken entstehen im Einzelfall?</li>
+      <li>Welche Maßnahmen sind erforderlich?</li>
+    </ul>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Analyse realer Szenarien.
+    </blockquote>
+
+    <p>
+      Denn:
+    </p>
+
+    <blockquote class="highlight-quote">
+      Erst im konkreten Anwendungsfall<br>
+      werden Risiken wirklich sichtbar.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/3" class="btn-secondary">Zurück</a>
+    <a href="/course/{{ course_id }}/page/5" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page5.html

@@ -0,0 +1,97 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C5 – Umsetzung & individuelle Beratung</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 4 – Implementierung als Governance-Kreislauf</h2>
+
+    <p class="lead">
+      „Der entscheidende Schritt ist:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Umsetzung in Strukturen und Prozesse.
+    </blockquote>
+
+    <p><strong>Dabei ist wichtig:</strong></p>
+
+    <p>
+      Governance ist kein einmaliges Projekt.
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Governance ist ein kontinuierlicher Kreislauf.
+    </blockquote>
+
+    <p><strong>Das bedeutet:</strong></p>
+
+    <p>
+      Jede Abteilung muss eigene Governance-Strukturen aufbauen.
+    </p>
+
+    <p><strong>Zum Beispiel:</strong></p>
+
+    <ul class="example-list">
+      <li>Marketing</li>
+      <li>HR</li>
+      <li>IT</li>
+      <li>Recht</li>
+      <li>Management</li>
+    </ul>
+
+    <p><strong>Diese Strukturen müssen:</strong></p>
+
+    <ul class="example-list">
+      <li>Risiken identifizieren</li>
+      <li>Maßnahmen umsetzen</li>
+      <li>Ergebnisse kontrollieren</li>
+      <li>und regelmäßig überprüft werden</li>
+    </ul>
+
+    <blockquote class="highlight-quote">
+      ➡️ immer wieder.
+    </blockquote>
+
+    <p><strong>Dieser Kreislauf besteht aus:</strong></p>
+
+    <ul class="example-list">
+      <li>Planung</li>
+      <li>Umsetzung</li>
+      <li>Kontrolle</li>
+      <li>Anpassung</li>
+    </ul>
+
+    <p>
+      Und beginnt danach erneut.
+    </p>
+
+    <p>
+      Denn:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ KI verändert sich ständig.<br>
+      Und damit:<br>
+      ➡️ müssen auch die Strukturen ständig angepasst werden.
+    </blockquote>
+
+    <p><strong>Wichtig ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Die Gesamtverantwortung liegt beim Management.<br>
+      KI ist kein reines IT-Thema.<br>
+      ➡️ KI ist Chefsache.
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/4" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/6" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page6.html

@@ -0,0 +1,66 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C5 – Umsetzung & individuelle Beratung</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Teil 5 – Begleitung und externe Unterstützung</h2>
+
+    <p class="lead">
+      „In vielen Fällen zeigt sich:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Umsetzung ist komplex.
+    </blockquote>
+
+    <p><strong>Besonders bei:</strong></p>
+
+    <ul class="example-list">
+      <li>größeren Organisationen</li>
+      <li>sensiblen Anwendungsfällen</li>
+      <li>regulatorischen Anforderungen</li>
+    </ul>
+
+    <p>
+      Deshalb kann es sinnvoll sein,
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ externe Unterstützung einzubeziehen.
+    </blockquote>
+
+    <p><strong>Zum Beispiel:</strong></p>
+
+    <ul class="example-list">
+      <li>für strukturierte Analysen</li>
+      <li>für rechtliche Einordnung</li>
+      <li>für Aufbau von Governance-Systemen</li>
+    </ul>
+
+    <p><strong>Wichtig ist:</strong></p>
+
+    <blockquote class="highlight-quote">
+      ➡️ Verantwortung bleibt im Unternehmen.
+    </blockquote>
+
+    <p>
+      Externe Unterstützung kann helfen.
+      Aber:
+    </p>
+
+    <blockquote class="highlight-quote">
+      ➡️ die Steuerung liegt intern
+    </blockquote>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/5" class="btn-secondary">Zurück</a>
+   <a href="/course/{{ course_id }}/page/7" class="btn-primary">Weiter</a>
+</div>
+
+{% endblock %}

app/flask-postgres/app/templates/course/C5_page7.html

@@ -0,0 +1,51 @@
+{% extends "base.html" %}
+
+{% block content %}
+
+<h2>C5 – Abschluss</h2>
+
+<section class="content-section ai-explainer">
+  <div class="content-wrapper">
+    <h2 class="section-title">Abschluss – Level C erfolgreich abgeschlossen</h2>
+
+    <p class="lead">
+      Damit haben Sie die Umsetzung von AI Governance verstanden.
+    </p>
+
+    <p>
+      Sie wissen jetzt,
+      wie Inhalte angepasst werden,
+      wie Organisationen eingebunden werden,
+      und wie aus Konzepten funktionierende Strukturen entstehen.
+    </p>
+
+    <p><strong>Sie haben außerdem verstanden:</strong></p>
+
+    <ul class="key-points">
+      <li>➡️ Governance ist ein kontinuierlicher Kreislauf.</li>
+      <li>➡️ Jede Abteilung trägt Verantwortung.</li>
+      <li>➡️ Und die Gesamtverantwortung liegt beim Management.</li>
+    </ul>
+
+    <p>
+      Damit schließen Sie Level C ab.
+    </p>
+
+    <p><strong>Sie verfügen nun über:</strong></p>
+
+    <ul class="example-list">
+      <li>✔ ein vollständiges Verständnis von AI Governance</li>
+      <li>✔ die Fähigkeit zur strategischen Absicherung</li>
+      <li>✔ eine Grundlage für auditierbare Strukturen</li>
+      <li>✔ und die Möglichkeit, KI auf Management-Ebene zu steuern</li>
+    </ul>
+
+  </div>
+</section>
+
+<div class="course-nav">
+  <a href="/course/{{ course_id }}/page/6" class="btn-secondary">Zurück</a>
+  <a href="/course/{{ course_id }}/assessment" class="btn-primary">Zum Assessment</a>
+</div>
+
+{% endblock %}