mindflux/src/main/resources/static/finalflux/wirtschaft/angebotsvergleich.html

<!DOCTYPE html>
<html lang="de" data-theme="dark">
<head>
  <meta charset="UTF-8">
  <title>Angebotsvergleich - FinalProtocol AP1</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/css/style.css">
  <link rel="stylesheet" href="/css/theme.css?v=4">
  <link rel="stylesheet" href="/css/finalflux.css">
  <script src="/js/theme.js?v=5"></script>
</head>
<body class="finalflux-page">
<div class="mf-theme-float"><button class="mf-theme"></button></div>
<main>
  <a href="/finalflux" class="back-link">Zurück zu FinalProtocol</a>
  <h1>Angebotsvergleich</h1>

  <section>
    <h2>Lernfokus</h2>
    <p>Beim Angebotsvergleich beschaffst du dieselbe Ware bei mehreren Lieferanten und entscheidest, welches Angebot wirtschaftlich am günstigsten ist. Dabei reicht der Blick auf den Listenpreis nicht aus: Erst der quantitative Vergleich über den Bezugspreis und der qualitative Vergleich über weiche Kriterien führen zu einer prüfungstauglichen Entscheidung.</p>
    <ul class="key-list">
      <li>Quantitativ: für jedes Angebot den Bezugspreis je Einheit ermitteln.</li>
      <li>Qualitativ: Nutzwert aus Qualität, Liefer- und Zahlungsbedingungen sowie Zuverlässigkeit bilden.</li>
      <li>Entscheidung aus Preis und Nutzwert zusammen begründen.</li>
    </ul>
  </section>

  <section>
    <h2>Quantitativer Angebotsvergleich: der Bezugspreis</h2>
    <p>Der quantitative Vergleich rechnet jedes Angebot auf den vergleichbaren Bezugspreis herunter. Nur so sind Angebote mit unterschiedlichen Rabatten, Skonti und Lieferkosten fair vergleichbar. Das Schema läuft immer in der gleichen Reihenfolge ab.</p>
    <ul class="key-list">
      <li><strong>Listenpreis</strong> - Ausgangspreis aus dem Angebot.</li>
      <li><strong>- Rabatt</strong> (Mengen- oder Treuenachlass) = Zieleinkaufspreis.</li>
      <li><strong>- Skonto</strong> (Nachlass bei Zahlung in der Skontofrist) = Bareinkaufspreis.</li>
      <li><strong>+ Bezugskosten</strong> (Fracht, Verpackung, Versicherung) = <strong>Bezugspreis</strong>.</li>
    </ul>
    <p><strong>Beispiel:</strong> Listenpreis 1.000 EUR, 10 % Rabatt = 900 EUR (Zieleinkaufspreis). Davon 2 % Skonto = 882 EUR (Bareinkaufspreis). Plus 30 EUR Fracht = 912 EUR Bezugspreis. Ein zweites Angebot mit höherem Listenpreis, aber geringeren Bezugskosten kann am Ende günstiger sein - deshalb wird immer der Bezugspreis verglichen.</p>
    <p class="merksatz"><strong>Merksatz:</strong> Rabatt und Skonto werden abgezogen, Bezugskosten werden addiert - das günstigste Angebot hat den niedrigsten Bezugspreis je Einheit.</p>
  </section>

  <section>
    <h2>Qualitativer Angebotsvergleich: der Nutzwert</h2>
    <p>Nicht jedes Kriterium lässt sich in Euro ausdrücken. Der qualitative Vergleich bewertet deshalb weiche Faktoren über eine Nutzwertanalyse: Du legst die Kriterien vorab fest, gewichtest sie nach ihrer Bedeutung, vergibst Punkte je Angebot und multiplizierst Punkte mit Gewichtung. Die Summe ergibt den Nutzwert - das Angebot mit dem höchsten Nutzwert gewinnt.</p>
    <ul class="key-list">
      <li>Qualität und Eignung der Ware.</li>
      <li>Lieferbedingungen: Lieferzeit, Liefertreue, Versandkosten.</li>
      <li>Zahlungsbedingungen: Zahlungsziel, Skonto.</li>
      <li>Zuverlässigkeit, Service und Image des Lieferanten.</li>
    </ul>
    <p><strong>Vorgehen:</strong> Erst den günstigsten Bezugspreis quantitativ ermitteln, dann die qualitativen Kriterien gewichtet bewerten und schließlich beide Ergebnisse zu einer begründeten Lieferantenentscheidung zusammenführen.</p>
    <p class="merksatz"><strong>Merksatz:</strong> Der billigste Preis ist nicht automatisch das beste Angebot - es zählt die Gesamtbewertung aus Bezugspreis und Nutzwert.</p>
  </section>

  <section>
    <h2>Prüfungsmodus</h2>
    <p>Dieser ProtocolCheck führt dich durch die wichtigsten AP1-Aspekte dieses Themas. Du kannst Antworten prüfen, Fragen überspringen und bekommst am Ende eine Auswertung nach Kategorie.</p>
  </section>

  <section class="finalflux-test" data-finalflux-test aria-live="polite">
    <div class="test-meta">
      <span data-question-counter>Frage 1</span>
      <span data-score-counter>0 richtig</span>
    </div>
    <div class="category-block">
      <p class="eyebrow">Kategorie</p>
      <h2 data-category-title>Angebotsvergleich</h2>
      <p data-category-hint>AP1-Training</p>
    </div>
    <div class="question-card">
      <h3 data-question-text></h3>
      <div data-answer-options class="answer-options"></div>
      <div data-answer-feedback class="fluxcheck-result"></div>
    </div>
    <div class="test-actions">
      <button type="button" data-check-answer>Antwort prüfen</button>
      <button type="button" data-skip-question class="secondary">Überspringen</button>
      <button type="button" data-next-question class="secondary" disabled>Weiter</button>
    </div>
  </section>

  <section data-test-result class="finalflux-panel" hidden>
    <h2>Auswertung</h2>
    <p data-result-summary></p>
    <ul data-category-summary class="key-list"></ul>
    <div class="finalflux-actions">
      <button type="button" data-restart-test>Test neu starten</button>
      <a href="/finalflux">Zurück zur Übersicht</a>
    </div>
  </section>
</main>

<script src="/js/finalflux-test.js" data-questions-src="/finalflux/questions/wirtschaft_angebotsvergleich.json" defer></script>
</body>
</html>