<section class="relative py-12 px-6 md:py-32 md:pl-9 md:pr-0 lg:pl-12">
    <div class="mx-auto xl:grid xl:gap-y-8 xl:grid-cols-12 xl:gap-x-8">
        <div class="grid mx-auto md:w-auto md:grid-cols-2 md:gap-20 xl:col-start-2 xl:col-end-12">

            <div>
                <div>

                    <h2 class="my-10 text-left h2 ">
                        Tracing

                    </h2>

                    <ul class="list-style list-style-square ">

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Kommunikation der SPS mit OPC-UA</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Anbindung an Datenbanken</span>

                            <ul class="pl-6 my-2">

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    SQL
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    SAP
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Access
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    (REST) Services
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Weitere auf Anfrage
                                </li>

                            </ul>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Datenbankabfragen</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Schreiben von Ergebnisdaten</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Alerrativ schreiben der Daten in Exceltabellen</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Prüffung der Daten mit automatischem Abgleich bei netzausfall möglich</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Schreiben von Maschinen Zuständen</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Life-Bit Überwachung</span>

                        </li>

                    </ul>
                </div>
            </div>
            <div>
                <div>

                    <h2 class="my-10 text-left h2 ">
                        Labels

                    </h2>

                    <ul class="list-style list-style-square ">

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Inhalt</span>

                            <ul class="pl-6 my-2">

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    DM-/QR-Codes
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Seriennummern
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Klartext
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Logos etc, als bilddatei
                                </li>

                            </ul>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Ausführung</span>

                            <ul class="pl-6 my-2">

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Lasermarkierung
                                </li>

                                <li class="pl-3 relative before:rounded-full before:w-2 before:aspect-square before:absolute before:top-1/2 before:-translate-y-1/2 before:right-full before:bg-primary">
                                    Labeldrucker
                                </li>

                            </ul>

                        </li>

                    </ul>
                </div>
                <div>

                    <h2 class="my-10 text-left h2 ">
                        Fernwartung

                    </h2>

                    <ul class="list-style list-style-square ">

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Kommunikation über gesicherte VPN-Verbindung</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Fehleranalyse</span>

                        </li>

                        <li class="font-bold pl-6 mb-5 ">
                            <span class="block">Support</span>

                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
{% set tags = tags %}

<section class="relative py-12 px-6 md:py-32 md:pl-9 md:pr-0 lg:pl-12">
    <div class="mx-auto xl:grid xl:gap-y-8 xl:grid-cols-12 xl:gap-x-8">
        <div class="grid mx-auto md:w-auto md:grid-cols-2 md:gap-20 xl:col-start-2 xl:col-end-12">
            {% render "@listing" with {
                elements: [
                    {
                        headline: 'Tracing',
                        items: [
                        {
                            "text": "Kommunikation der SPS mit OPC-UA"
                        },
                        {
                            "text": "Anbindung an Datenbanken",
                            "children": [
                            {
                                "text": "SQL"
                            },
                            {
                                "text": "SAP"
                            },
                            {
                                "text": "Access"
                            },
                            {
                                "text": "(REST) Services"
                            },
                            {
                                "text": "Weitere auf Anfrage"
                            }
                        ]
                        },
                        {
                            "text": "Datenbankabfragen"
                        },
                        {
                            "text": "Schreiben von Ergebnisdaten"
                        },
                        {
                            "text": "Alerrativ schreiben der Daten in Exceltabellen"
                        },
                        {
                            "text": "Prüffung der Daten mit automatischem Abgleich bei netzausfall möglich"
                        },
                        {
                            "text": "Schreiben von Maschinen Zuständen"
                        },
                        {
                            "text": "Life-Bit Überwachung"
                        }
                    ]
                    }
                ]
            } %}
            {% render "@listing" with {
                elements: [
                    {
                        headline: 'Labels',
                        items: [
                        {
                            "text": "Inhalt",
                            "children": [
                            {
                                "text": "DM-/QR-Codes"
                            },
                            {
                                "text": "Seriennummern"
                            },
                            {
                                "text": "Klartext"
                            },
                            {
                                "text": "Logos etc, als bilddatei"
                            }
                        ]
                        },
                        {
                            "text": "Ausführung",
                            "children": [
                            {
                                "text": "Lasermarkierung"
                            },
                            {
                                "text": "Labeldrucker"
                            }
                        ]
                        }
                    ]
                    },
                    {
                        headline: 'Fernwartung',
                        items: [
                        {
                            "text": "Kommunikation über gesicherte VPN-Verbindung"
                        },
                        {
                            "text": "Fehleranalyse"
                        },
                        {
                            "text": "Support"
                        }
                    ]
                    }
                ]
            } %}
        </div>
    </div>
</section>
/* No context defined. */

No notes defined.