<?php snippet('layout', slots: true) ?>

<section class="impressum bg-sf_grau-50 py-24">
    <div class="lg:px-8 max-w-7xl mx-auto px-4 sm:px-6">
        <h1>Impressum</h1>
    </div>
    <div class="grid grid-cols-1 lg:grid lg:grid-cols-2 lg:px-8 max-w-7xl mx-auto px-4 sm:px-6">
        <div id="lc-text"></div>
        <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
            <img src="/assets/img/img_siegel_v1_light.png" class="md:pt-12 md:px-10"/>
        </div>
        <script>
            fetch(`https://app.cockpit.legal/api/cockpit/resources/legaldocumentshare/8e1165cd6153a76beff18eb8bcda34b0/document/render/html?language=de`)
                .then((result) => {
                    return result.text();
                })
                .then((content) => {
                    document.getElementById("lc-text").innerHTML = content
                });
        </script>
        <noscript>
            Sie können diesen Rechtstext nicht sehen, weil Sie JavaScript deaktiviert haben.
            Folgen Sie bitte diesem<a target="_blank"
                                      href="https://app.cockpit.legal/api/cockpit/resources/legaldocumentshare/8e1165cd6153a76beff18eb8bcda34b0/document/render/html?language=de">Link</a>,
            um den Rechtstext anzuzeigen.
        </noscript>
    </div>
</section>

<?php endsnippet() ?>
