{% block title %}
    Import Diversifizierung
{% endblock %}

{% block content %}
<p style="text-align: justify;">
    Zur Deckung der zukünftigen Wasserstoffnachfrage wird Deutschland auf Importe aus anderen Ländern angewiesen sein. Hierfür existieren unterschiedliche Importstrategien.
</p>

<!-- Option 1 Box -->
<p><b>Option 1: Konzentriert</b></p>
<div style="border: 1px solid #ccc; padding: 15px; border-radius: 8px; margin-bottom: 20px; text-align: justify;">
    <p>
        <b>Deutschland importiert eine möglichst große Menge Wasserstoff vom günstigsten Anbieter.</b>
        <br><br>
        Die heimischen Energiekosten sind in diesem Fall am geringsten.
        Wenn dieser Anbieter nicht mehr liefert, können jedoch Versorgungsengpässe entstehen.
        Als Folge daraus können z.B. die Strompreise kurzfristig stark ansteigen, was die Kosten für Haushalte und Unternehmen deutlich erhöht.
        Ein aktuelles Beispiel für dieses Risiko ist der Wegfall russischer Gasimporte 2022/2023 und die in Folge kurzfristig stark gestiegenen Energiekosten.
        <br><br>
        <b>Diese Option bietet somit die geringsten heimischen Energiekosten aber kommt mit dem Risiko möglicher Versorgungsengpässe und Kostensteigerungen.</b>
    </p>
</div>
<br>
<!-- Option 2 Box -->
<p><b>Option 2: Diversifiziert</b></p>
<div style="border: 1px solid #ccc; padding: 15px; border-radius: 8px; text-align: justify;">
    <p>
        <b>Deutschland importiert kleinere Mengen Wasserstoff von mehreren relativ günstigen Anbietern.</b>
        <br><br>
        Hierbei entstehen zusätzliche Kosten, da nicht nur beim günstigsten Anbieter eingekauft wird und außerdem Infrastrukturverbindungen in mehrere Länder gebaut werden müssen.
        Die heimischen Energiekosten sind also grundsätzlich auf einem höheren Niveau als bei der ersten Option.
        Wenn ein Anbieter nicht mehr liefert, kann die fehlende Menge jedoch durch die anderen Anbieter kompensiert werden.
        Zusätzliche negativen Folgen für die deutsche Wirtschaft, wie z.B. steigende Strompreise, werden so vermieden.
        <br><br>
        <b>Diese Option geht mit erhöhten heimischen Energiekosten einher aber bietet eine Absicherung gegenüber Ausfällen und Kostenschocks.</b>
    </p>
</div>
    <br>
<!-- Countdown Text -->
<p id="countdown-message" style="font-weight">Bitte lesen Sie den Text sorgfältig. Sie können in <span id="countdown">20</span> Sekunden fortfahren.</p>

<!-- Next Button (Initially disabled) -->
<button id="next-button" class="otree-btn-next btn btn-primary" disabled style="display: none;">Weiter</button>

<script>
    let remaining = 20;

    const countdownEl = document.getElementById("countdown");
    const nextButton = document.getElementById("next-button");
    const countdownMessage = document.getElementById("countdown-message");

    const countdownInterval = setInterval(() => {
        remaining--;
        countdownEl.textContent = remaining;

        if (remaining <= 0) {
            clearInterval(countdownInterval);
            countdownMessage.style.display = "none";
            nextButton.disabled = false;
            nextButton.style.display = "inline-block";
        }
    }, 1000);
</script>
{% endblock %}