{% block title %}
    Energiesicherheit
{% endblock %}

{% block content %}
    <div style="text-align: justify;">
<p>
    In den nun folgenden Fragen geht es um das Thema <b>Energiesicherheit</b>.
</p>
<p>
    <b>Deutschland bezog 2024 ca. 70% seiner Energie aus dem Ausland.</b>
    Wenn ein Großteil dieser Importe aus einzelnen Ländern stammt, ist das ein Risiko, da Deutschland von Ereignissen in diesen Ländern abhängig wird.
    Kommt es z. B. aufgrund von politischen Entscheidungen oder Naturkatastrophen zu plötzlichen Lieferstopps, kann dies Konsequenzen für die deutsche Wirtschaft haben.
    In diesem Fall spricht man von einem <b>Schock</b>.
    Ein Beispiel für einen solchen Schock ist die Gaskrise in den Jahren 2022/ 2023.
</p>
    </div>

<!-- Countdown Text -->
<p id="countdown-message" style="font-weight">Bitte lesen Sie den Text sorgfältig. Sie können in <span id="countdown">10</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 = 10;

    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 %}