https://iserv.de/

Submitted URL:
https://iserv.euRedirected
Report Finished:

The outgoing links identified from the page

LinkText
https://www.facebook.com/iserv.gmbh
https://www.instagram.com/iserv.schule/
https://www.linkedin.com/company/iserv-gmbh
https://www.youtube.com/channel/UCWC1tnrI6P_vBQTq_hiQAlw
https://apps.apple.com/de/app/iserv-3/id948660000?l=de
https://play.google.com/store/apps/details?id=eu.iserv.webapp
https://appgallery.huawei.com/#/app/C102538501
https://support.google.com/policies/contact/general_privacy_formhttps://support.google.com/policies/contact/general_privacy_form
https://business.safety.google/privacy/?hl=dehttps://business.safety.google/privacy/?hl=de
https://policies.google.com/technologies/cookies?hl=dehttps://policies.google.com/technologies/cookies?hl=de

JavaScript Variables · 8 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
webpackChunkobject
__import__function
configBridgeobject
hljsobject
dataLayerobject

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="de"><head>
    <title>IServ Schulplattform – Die digitale Gesamtlösung für Ihre Schule</title>
    <link rel="icon" href="/user/themes/iserv/dist/images/favicon.ico" sizes="any">
    <link rel="apple-touch-icon" href="/user/themes/iserv/dist/images/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <!-- Google tag (gtag.js) -->
    <script type="text/plain" data-usercentrics="Google Tag Manager" nonce="">(function(w,d,s,l,i){ w[l]=w[l]||[]; w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; var n=d.querySelector('[nonce]'); n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce')); f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WBGCLZF');</script>
    <script type="text/plain" data-usercentrics="Google Tag Manager" nonce="">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'GTM-WBGCLZF');</script>
    <!-- End Google tag (gtag.js) -->
    <!-- Facebook Pixel Code -->
    <script type="text/plain" data-usercentrics="Facebook Pixel" nonce="">!function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '852858299193528'); fbq('track', 'PageView');</script>
    <!-- End Facebook Pixel Code -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="title" content="IServ Schulplattform – Die digitale Gesamtlösung für Ihre Schule">
    <meta name="description" content="Digitalisieren Sie Ihre Schule DSGVO-konform, flexibel und maßgeschneidert mit der IServ Schulplattform.">
    <meta name="image" content="/user/pages/home/iserv-og-meta-image_1200x630.jpeg">
    <!-- OpenGraph meta tags START -->
    <meta property="og:title" content="IServ Schulplattform – Die digitale Gesamtlösung für Ihre Schule">
    <meta property="og:description" content="Digitalisieren Sie Ihre Schule DSGVO-konform, flexibel und maßgeschneidert mit der IServ Schulplattform.">
    <meta property="og:image" content="/user/pages/home/iserv-og-meta-image_1200x630.jpeg">
    <meta property="og:url" content="/">
    <!-- OpenGraph meta tags END -->
    <!-- Twitter meta tags START -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="IServ Schulplattform – Die digitale Gesamtlösung für Ihre Schule">
    <meta name="twitter:description" content="Digitalisieren Sie Ihre ~Schule~ DSGVO-konform, flexibel und maßgeschneidert mit der IServ ~Schulplattform~.">
    <meta name="twitter:image" content="/user/pages/home/iserv-og-meta-image_1200x630.jpeg">
    <!-- Twitter meta tags END -->
    <link rel="canonical" href="https://iserv.de/">
    <link rel="stylesheet" href="/user/themes/iserv/dist/app.7527a747.css">
    <link rel="stylesheet" href="/user/themes/iserv/dist/vendor/highlight.js/github.css">
    <script src="/user/themes/iserv/dist/runtime.2b070e69.js" nonce="">
    </script>
    <script src="/user/themes/iserv/dist/app.bbfa045f.js" nonce="">
    </script>
    <script src="/user/themes/iserv/dist/vendor/highlight.min.js" nonce="">
    </script>
</head>
<body id="top" class="relative overflow-y-hidden" data-config-bridge="{&quot;externalLinks&quot;:{&quot;domainWhitelist&quot;:&quot;iserv.de,dev03.www-marketing.de,iserv-akademie.de,just-school.de,doku.iserv.de,cdn.iserv.eu,community.iserv.eu,doku.iserv.eu,in45min.de,in45minuten.de&quot;},&quot;tracking&quot;:{&quot;active&quot;:true,&quot;allowList&quot;:[{&quot;route&quot;:&quot;\/datenschutzerklaerung&quot;,&quot;apply_to_all_subpages&quot;:true},{&quot;route&quot;:&quot;\/datenschutzerklaerung-app&quot;,&quot;apply_to_all_subpages&quot;:true},{&quot;route&quot;:&quot;\/datenschutzerklaerung-social-media&quot;,&quot;apply_to_all_subpages&quot;:true},{&quot;route&quot;:&quot;\/impressum&quot;,&quot;apply_to_all_subpages&quot;:true}],&quot;excludeList&quot;:null,&quot;usercentrics&quot;:{&quot;settings_id&quot;:&quot;P5RhDB5Z39GxXo&quot;,&quot;footer_link_label&quot;:&quot;Privatsph\u00e4re-Einstellungen&quot;,&quot;links&quot;:[{&quot;target&quot;:&quot;\/datenschutzerklaerung&quot;},{&quot;target&quot;:&quot;\/impressum&quot;}],&quot;active&quot;:true,&quot;overrides&quot;:{&quot;layer_1&quot;:{&quot;intro_paragraph&quot;:&quot;Wir nutzen verschiedene Techniken, um die Funktionen unserer Website zu personalisieren, die Nutzung und Leistung der Website zu messen und zielgerichtete Werbung anzubieten.\n\nSie k\u00f6nnen jederzeit \u2013 auch sp\u00e4ter noch \u2013 festlegen, welche Cookies Sie zulassen und welche nicht.&quot;,&quot;title&quot;:&quot;Cookie-Hinweis&quot;},&quot;layer_2&quot;:{&quot;intro_paragraph&quot;:null,&quot;title&quot;:null}},&quot;layer_2&quot;:{&quot;controller_id_info_paragraph&quot;:&quot;\u00dcber untenstehende ID haben Sie die M\u00f6glichkeit, Ihre Einwilligungsdaten bei uns anzufragen und die L\u00f6schung Ihrer Daten beantragen.\n\nSchicken Sie uns daf\u00fcr bitte eine E-Mail mit Ihrer ID und der gesch\u00e4tzten Zeit und Datum, zu dem die Einwilligung erteilt wurde, an <a href=\&quot;mailto:[email protected]\&quot;>[email protected]<\/a>.&quot;}}}}" data-controller="sticky-header-bars mobile-navigation desktop-navigation frames lightbox external-link costs-table usercentrics easy-lightbox client-filter-ui client-filter-ui-new client-filter-ui-filter-only anchors">
    <!-- Sticky desktop header START -->
    <div class="hidden lg:block fixed top-0 z-30 w-full" data-sticky-header-bars-target="bar">
        <div class="bg-iserv-blue-024 p-1">
            <div class="default-container flex">
                <div class="flex-auto flex justify-center">
                    <a href="/die-iserv-schulplattform/funktionen/elternkommunikation" class="text-white hover:underline font-semibold">😍 Jetzt digital mit Eltern kommunizieren 😍</a>
                </div>
                <div class="flex-none">
                    <a href="/akademie" class="text-white hover:underline font-semibold"><i class="bi-mortarboard-fill mr-2"></i> IServ-Akademie</a>
                </div>
            </div>
        </div>
        <div class="bg-white shadow-md">
            <div class="default-container flex" data-controller="sticky-header-desktop">
                <!-- Left nav items START -->
                <div class="flex h-16 transition-opacity duration-300" data-sticky-header-desktop-target="leftContainer">
                    <div class="flex items-center">
                        <a href="/"><img class="header-logo-desktop" src="/user/themes/iserv/dist/images/iserv-logo_170x60px.png" alt="Logo der IServ Schulplattform"></a>
                    </div>
                    <div class="spacer-12 xl:spacer-20">
                    </div>
                    <nav class="flex font-semibold text-iserv-neutral-045">
                        <a href="/vorteile" class="flex items-center pt-2 border-b-4 border-white hover:text-iserv-blue-050 transition duration-300"><span class="text-sm">Vorteile</span></a>
                        <div class="spacer-6 xl:spacer-12">
                        </div>
                        <div class="nav-item flex items-center pt-2 border-b-4 border-white group cursor-pointer transition duration-300" data-action="click->desktop-navigation#toggle" data-desktop-navigation-target="toggle" data-slide-index="0" tabindex="0">
                            <span class="text-sm group-hover:text-iserv-blue-050">Die Schulplattform</span>
                            <div class="spacer-1">
                            </div>
                            <span class="text-iserv-neutral-075 group-hover:text-iserv-blue-050"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" data-states="[{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M3,7.5 12,16.5 21,7.5&quot;}}},{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M21,16.5 12,7.5 3,16.5&quot;}}}]" data-current-state="0" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor"><path class="line" d="M3,7.5 12,16.5 21,7.5"></path></svg></span>
                        </div>
                        <div class="spacer-6 xl:spacer-12">
                        </div>
                        <a href="/funktionen-vergleichen" class="flex items-center pt-2 border-b-4 border-white hover:text-iserv-blue-050 transition duration-300"><span class="text-sm">Funktionen vergleichen</span></a>
                        <div class="spacer-6 xl:spacer-12">
                        </div>
                        <a href="/referenzen" class="flex items-center pt-2 border-b-4 border-white hover:text-iserv-blue-050 transition duration-300"><span class="text-sm">Referenzen</span></a>
                    </nav>
                </div>
                <!-- Left nav items END -->
                <div class="spacer-fluid">
                </div>
                <!-- Right nav items START -->
                <div class="flex h-16 py-3 text-iserv-neutral-045 justify-end" data-sticky-header-desktop-target="rightContainer">
                    <div class="cursor-pointer pt-2px relative transition-all duration-300 w-8" data-sticky-header-desktop-target="searchContainer">
                        <div class="flex items-center justify-between">
                            <div class="h-10 flex items-center hover:text-iserv-blue-050" data-action="click->sticky-header-desktop#showSearch" tabindex="0">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" style="stroke-width: 1.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <circle cx="9.5" cy="9.5" r="7.5">
                                    </circle>
                                    <line x1="22" y1="22" x2="14.801" y2="14.801">
                                    </line>
                                </svg>
                            </div>
                            <div class="h-10 hidden flex-grow font-semibold transition-opacity duration-300 opacity-0" data-sticky-header-desktop-target="searchFormWrapper">
                                <form method="get" action="/suche" data-controller="search-client" data-search-client-config="{&quot;flyout_el_id&quot;:&quot;desktopSearchFlyoutHook&quot;,&quot;fuzzy&quot;:1,&quot;index&quot;:&quot;GlobalIndex&quot;,&quot;route&quot;:&quot;\/ajax-suche&quot;,&quot;trigger&quot;:{&quot;active&quot;:true,&quot;items&quot;:[{&quot;keywords&quot;:[&quot;anmelden&quot;,&quot;login&quot;,&quot;anmeldung&quot;,&quot;einloggen&quot;,&quot;log in&quot;,&quot;passwort vergessen&quot;,&quot;passwort&quot;],&quot;info_link&quot;:{&quot;type&quot;:&quot;route&quot;,&quot;route&quot;:&quot;\/hilfecenter\/artikel\/iserv-anmeldung-leicht-gemacht-schritt-fuer-schritt-zum-login&quot;,&quot;route_params&quot;:null,&quot;url&quot;:null,&quot;blank&quot;:false,&quot;tracking_id&quot;:null},&quot;flyout&quot;:{&quot;title&quot;:&quot;Login gesucht?&quot;,&quot;paragraph&quot;:&quot;Wo und wie Du Dich bei Deiner IServ Schulplattform anmelden kannst, erf\u00e4hrst Du in unserer Anleitung.&quot;},&quot;popup&quot;:{&quot;title&quot;:&quot;Login gesucht?&quot;,&quot;paragraph&quot;:&quot;Wo und wie Du Dich bei Deiner IServ Schulplattform anmelden kannst, erf\u00e4hrst Du in unserer Anleitung.&quot;,&quot;btn_label_dismiss&quot;:&quot;Zur Anleitung&quot;,&quot;btn_label_continue&quot;:&quot;Zu den Suchergebnissen&quot;}}]}}">
                                    <input type="text" autocomplete="off" name="query" data-search-client-target="input" value="" placeholder="Suchen Sie z. B. nach »Videokonferenzen«" class="block w-full bg-transparent placeholder-iserv-neutral-045 border-transparent focus:shadow-none focus:outline-none">
                                    <input type="hidden" name="index" value="GlobalIndex">
                                    <div data-search-client-target="hintPopup" class="hidden bg-iserv-blue-024 px-3 pb-3 pt-6 xs:px-6 xs:pb-6 lg:px-12 lg:py-12">
                                        <div class="flex justify-center -mt-2 mb-4">
                                            <img class="block w-24" src="/user/themes/iserv/dist/images/icons/custom/exclamation-triangle-yellow.svg">
                                        </div>
                                        <span class="title block text-white text-center design-update-text-lg uppercase font-semibold mb-4 hyphens-manual"></span>
                                        <p class="text-center text-iserv-blue-090 design-update-text-base paragraph hyphens-manual"></p>
                                        <div class="mt-6">
                                            <div class="flex flex-col xs:flex-row justify-center -m-2">
                                                <div class="p-2">
                                                    <button class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-white hover:border-white bg-iserv-blue-024 hover:bg-iserv-blue-035 text-white hover:text-white continue w-full xs:w-auto" type="button" data-action="click->lightbox#callback" data-callback-id="submit_search">
                                                        <span class="text-content">#</span>
                                                    </button>
                                                </div>
                                                <div class="p-2">
                                                    <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-white hover:border-iserv-blue-090 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 dismiss w-full xs:w-auto" href="#"><span class="text-content">#</span></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="h-10 flex items-center hidden transition-opacity duration-300 opacity-0" data-action="click->sticky-header-desktop#hideSearch" data-sticky-header-desktop-target="hideButton">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 " fill="none" viewBox="0 0 24 24" style="stroke-width: 2.25" stroke="currentColor">
                                    <line x1="21" y1="21" x2="3" y2="3">
                                    </line>
                                    <line x1="21" y1="3" x2="3" y2="21">
                                    </line>
                                </svg>
                            </div>
                        </div>
                        <div class="border-b-2 border-white" data-sticky-header-desktop-target="searchfieldBottomline">
                        </div>
                        <div class="absolute w-full">
                            <div id="desktopSearchFlyoutHook" data-controller="flyout" data-flyout-module-icons-path-value="/user/themes/iserv/dist/images/module_icons/[page_folder]_.svg" data-flyout-content-type-module-taxonomy-id-value="38063f1bea5638e8" class="search-flyout absolute w-full bg-iserv-neutral-097">
                                <div data-flyout-target="list" class="overflow-y-auto">
                                </div>
                                <a data-flyout-target="defaultResultItem" class="hidden block px-4 py-2" href="" data-toggle-classes="{&quot;active&quot;: [&quot;bg-white&quot;], &quot;inactive&quot;: []}"><div class="flex"><div class="flex-none flex items-center justify-center"><img class="block w-8 hidden mr-1" src=""></div> <div class="flex-auto flex items-center w-full"><span class="title block text-base text-iserv-neutral-035 font-semibold truncate"></span></div></div> <span class="teaser block text-sm text-iserv-neutral-035"></span> <span class="keywords-label text-sm text-iserv-neutral-050 mr-1">Treffer:</span> <span class="keywords text-sm text-iserv-orange-056 font-semibold truncate"></span></a>
                                <a data-flyout-target="hint" class="hidden block px-4 py-2 bg-iserv-blue-024" href="" data-toggle-classes="{&quot;active&quot;: [&quot;bg-white&quot;], &quot;inactive&quot;: [&quot;bg-iserv-blue-024&quot;]}"><div class="flex"><div class="flex-none flex items-center justify-center"><img class="block w-6 mr-1" src="/user/themes/iserv/dist/images/icons/custom/exclamation-triangle-yellow.svg"></div> <div class="flex-auto flex items-center w-full"><span class="title block text-base text-white font-semibold truncate" data-toggle-classes="{&quot;active&quot;: [&quot;text-iserv-neutral-035&quot;], &quot;inactive&quot;: [&quot;text-white&quot;]}"></span></div></div> <span class="teaser block text-sm text-iserv-blue-090" data-toggle-classes="{&quot;active&quot;: [&quot;text-iserv-neutral-035&quot;], &quot;inactive&quot;: [&quot;text-iserv-blue-090&quot;]}"></span></a>
                                <a data-flyout-target="showAll" class="hidden block px-4 py-2" href="" data-toggle-classes="{&quot;active&quot;: [&quot;bg-white&quot;], &quot;inactive&quot;: []}"><div class="flex"><span class="text-iserv-blue-040"><span class="count"></span>&nbsp;weitere Ergebnisse anzeigen</span></div></a>
                                <span data-flyout-target="emptyInfo" class="hidden block px-4 py-2 text-base text-iserv-neutral-035">Keine Inhalte gefunden</span>
                            </div>
                        </div>
                    </div>
                    <div class="spacer-3 xl:spacer-6">
                    </div>
                    <div class="border-l-2 border-iserv-neutral-085">
                    </div>
                    <div class="spacer-3 xl:spacer-6">
                    </div>
                    <div class="flex items-center flex-none">
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 h-8" href="/vertrieb-kontaktieren"><span class="text-content">Vertrieb kontaktieren</span></a>
                        <div class="spacer-2 xl:spacer-3 hidden lg:block">
                        </div>
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-015 bg-iserv-blue-024 hover:bg-iserv-blue-015 text-white hover:text-white h-8" href="/jetzt-starten" id="button_menu"><span class="text-content">Kostenfrei testen</span></a>
                    </div>
                </div>
                <!-- Right nav items END -->
            </div>
        </div>
    </div>
    <!-- Sticky dektop header END -->
    <!-- Sticky mobile header START -->
    <div class="fixed top-0 w-full z-20 lg:hidden" data-controller="sticky-header-mobile" data-sticky-header-bars-target="bar">
        <div class="shadow-md">
            <div class="flex bg-white items-center h-16 pl-4">
                <div class="flex items-center transition-all duration-300">
                    <a href="/"><img class="header-logo-mobile" src="/user/themes/iserv/dist/images/iserv-logo_140x50px.png" alt="Logo der IServ Schulplattform"></a>
                </div>
                <div class="spacer-fluid">
                </div>
                <div class="flex items-center justify-center h-16 w-16 flex-none cursor-pointer text-iserv-blue-024 items-center transition-all duration-300" data-sticky-header-mobile-target="searchButton" data-client-filter-ui-target="stickyHeaderMobileSearchButton" data-client-filter-ui-new-target="stickyHeaderMobileSearchButton" data-action="click->sticky-header-mobile#showSearch">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7 text-iserv-blue-024" style="stroke-width: 1.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <circle cx="9.5" cy="9.5" r="7.5">
                        </circle>
                        <line x1="22" y1="22" x2="14.801" y2="14.801">
                        </line>
                    </svg>
                </div>
                <div class="flex items-center justify-center h-16 w-16 flex-none cursor-pointer text-iserv-blue-024 items-center transition-all duration-300" data-sticky-header-mobile-target="burgerButton" data-client-filter-ui-target="stickyHeaderMobileBurgerButton" data-client-filter-ui-new-target="stickyHeaderMobileBurgerButton" data-action="click->sticky-header-mobile#handleBurgerButtonClick">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" style="stroke-width: 1.5" data-states="[{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;top&quot;:{&quot;opacity&quot;:1},&quot;middle-1&quot;:{&quot;d&quot;:&quot;M3,12 21,12&quot;},&quot;middle-2&quot;:{&quot;d&quot;:&quot;M3,12 21,12&quot;},&quot;bottom&quot;:{&quot;opacity&quot;:1}}},{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;top&quot;:{&quot;opacity&quot;:0},&quot;middle-1&quot;:{&quot;d&quot;:&quot;M3,3 21,21&quot;},&quot;middle-2&quot;:{&quot;d&quot;:&quot;M3,21 21,3&quot;},&quot;bottom&quot;:{&quot;opacity&quot;:0}}}]" data-current-state="0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path class="top" d="M3,4 21,4">
                        </path>
                        <path class="middle-1" d="M3,12 21,12">
                        </path>
                        <path class="middle-2" d="M3,12 21,12">
                        </path>
                        <path class="bottom" d="M3,20 21,20">
                        </path>
                    </svg>
                </div>
            </div>
            <div class="hidden h-0 flex items-center bg-iserv-blue-024 transition-all duration-100 overflow-hidden" data-mobile-navigation-target="layerDisplay">
                <span class="block w-full text-center text-xl text-white font-semibold slide-title"></span>
                <div class="p-5 pl-3 absolute text-white cursor-pointer flex items-center" data-action="click->mobile-navigation#swipe" data-target="slideRoot">
                    <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path d="M16.5,3 7.5,12 16.5,21">
                        </path>
                    </svg>
                    <span class="text-xs font-bold uppercase">Zurück</span>
                </div>
            </div>
        </div>
    </div>
    <!-- Sticky mobile header END -->
    <div id="contentOverlay" class="hidden fixed inset-0 z-20 bg-transparent transition-all duration-300">
    </div>
    <div class="hidden h-0 fixed top-0 z-20 w-full flex flex-col max-h-screen bg-white transition-all duration-300" data-desktop-navigation-target="outerWrapper">
        <div class="opacity-0 overflow-y-scroll no-scrollbars transition-opacity duration-300" data-desktop-navigation-target="innerWrapper">
            <div data-sticky-header-bars-target="spacer" style="height: 64px;">
            </div>
            <div class="keen-slider transition-all duration-300">
                <div class="keen-slider__slide bg-nav-slide-desktop" style="min-width: 1px; max-width: 1px; transform: translate3d(0px, 0px, 0px);">
                    <div class="default-container w-full h-full overflow-hidden">
                        <div class="-mx-6 flex h-full">
                            <div class="w-1/3 p-6 bg-white">
                                <span class="block text-base uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Module und Funktionen</span>
                                <a href="/die-iserv-schulplattform/funktionen/kommunikation" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M4.751,17.492a1.371,1.371,0,0,1,.407,1.1,15.412,15.412,0,0,1-.514,2.754,15.986,15.986,0,0,0,3.6-1.266,1.379,1.379,0,0,1,.974-.115,11.231,11.231,0,0,0,2.878.345c5.49-.062,9.572-3.958,9.527-8.341s-4.214-8.2-9.7-8.137S2.342,7.778,2.387,12.17A7.532,7.532,0,0,0,4.751,17.492Zm-.62,5.365c-.328.071-.646.133-.974.186a.359.359,0,0,1-.381-.5c.115-.292.23-.584.328-.876v-.018a13.9,13.9,0,0,0,.69-3.2,8.862,8.862,0,0,1-2.78-6.278C.952,6.875,5.831,2.519,11.9,2.448s11.033,4.188,11.1,9.492-4.817,9.669-10.882,9.731a12.4,12.4,0,0,1-3.232-.39,18.486,18.486,0,0,1-4.746,1.567Z" fill="currentColor"></path> <path d="M6.507,8.635A.685.685,0,0,1,7.2,7.951l9.616-.01a.687.687,0,0,1,0,1.373l-9.617.01A.684.684,0,0,1,6.507,8.635Zm0,3.428a.683.683,0,0,1,.689-.682l9.617,0a.686.686,0,1,1-.007,1.372l-9.617,0A.683.683,0,0,1,6.5,12.063Zm0,3.436a.684.684,0,0,1,.69-.683h5.5a.686.686,0,0,1-.007,1.372h-5.5A.685.685,0,0,1,6.5,15.5Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Schulkommunikation</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Bleiben Sie ganz natürlich in Verbindung mit IServ-Videokonferenzen, E-Mails oder Messenger.</p></div></a>
                                <a href="/die-iserv-schulplattform/funktionen/organisation" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M15.757,10.286a.663.663,0,0,1,0,.929h0L11.873,15.1a.66.66,0,0,1-.928,0h0L9,13.157a.657.657,0,0,1,.929-.929l1.519,1.52,3.462-3.462a.562.562,0,0,1,.844,0Z" fill="currentColor" fill-rule="evenodd"></path> <path d="M6.808,2.942H5.457A2.63,2.63,0,0,0,2.84,5.559v13.76a2.63,2.63,0,0,0,2.617,2.617H18.543a2.63,2.63,0,0,0,2.617-2.617V5.559a2.63,2.63,0,0,0-2.617-2.617H17.192v1.35h1.351a1.244,1.244,0,0,1,1.266,1.267v13.76a1.244,1.244,0,0,1-1.266,1.267H5.457a1.244,1.244,0,0,1-1.266-1.267V5.559A1.3,1.3,0,0,1,5.457,4.292H6.808Z" fill="currentColor"></path> <path d="M13.984,2.266a.666.666,0,0,1,.675.676v1.35a.666.666,0,0,1-.675.676H10.1a.74.74,0,0,1-.676-.76V2.857a.634.634,0,0,1,.591-.591ZM10.016,1A1.911,1.911,0,0,0,8.074,2.942v1.35a1.911,1.911,0,0,0,1.942,1.942H13.9a1.91,1.91,0,0,0,1.942-1.942V2.942A1.91,1.91,0,0,0,13.9,1Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Organisation</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Managen Sie Ihren Schulalltag mit einem digitalen Stundenplan, Schulkalender und mehr.</p></div></a>
                                <a href="/die-iserv-schulplattform/funktionen/unterricht" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M19.489,12.624a2.5,2.5,0,1,1-2.5-2.5A2.5,2.5,0,0,1,19.489,12.624ZM12,19.745a.979.979,0,0,0,1,1l7.99,0a.978.978,0,0,0,1-1c0-1-1-3.994-5-4S12,18.753,12,19.745Z" fill="currentColor"></path> <path d="M4.5,3.26A2.5,2.5,0,0,0,2,5.76l0,9.99a2.5,2.5,0,0,0,2.5,2.5h6.546A5.685,5.685,0,0,1,11.705,17L4.5,17A1.256,1.256,0,0,1,3.25,15.754l0-10A1.25,1.25,0,0,1,4.5,4.505H19.492a1.255,1.255,0,0,1,1.25,1.25l0,9.751a5.7,5.7,0,0,1,1.14.975A2.487,2.487,0,0,0,22,15.741l0-9.99a2.5,2.5,0,0,0-2.5-2.5Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Unterricht digitalisieren</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Unterrichten Sie kinderleicht digital mit online Hausaufgaben, Tafelbildern oder Texten.</p></div></a>
                                <a href="/die-iserv-schulplattform/funktionen/netzwerk" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-violet-027"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M14.414,3.054a2.517,2.517,0,0,0-4.828,0l-.123.428a1.167,1.167,0,0,1-1.458.791,1.1,1.1,0,0,1-.231-.1l-.4-.214A2.519,2.519,0,0,0,3.968,7.379l.215.4a1.169,1.169,0,0,1-.47,1.59,1.157,1.157,0,0,1-.231.1l-.428.123a2.517,2.517,0,0,0,0,4.828l.428.123A1.167,1.167,0,0,1,4.273,16a1.1,1.1,0,0,1-.1.231l-.214.395a2.516,2.516,0,0,0,3.419,3.411l.4-.215a1.169,1.169,0,0,1,1.59.47,1.157,1.157,0,0,1,.1.231l.123.428a2.517,2.517,0,0,0,4.828,0l.123-.428A1.167,1.167,0,0,1,16,19.727a1.1,1.1,0,0,1,.231.1l.395.214a2.516,2.516,0,0,0,3.411-3.419l-.215-.395a1.169,1.169,0,0,1,.47-1.59,1.157,1.157,0,0,1,.231-.1l.428-.123a2.517,2.517,0,0,0,0-4.828l-.428-.123a1.167,1.167,0,0,1-.791-1.458,1.1,1.1,0,0,1,.1-.231l.214-.4a2.516,2.516,0,0,0-3.419-3.411l-.395.215a1.169,1.169,0,0,1-1.59-.47,1.157,1.157,0,0,1-.1-.231Zm-3.543.379a1.173,1.173,0,0,1,2.249,0l.124.428a2.526,2.526,0,0,0,3.13,1.7,2.157,2.157,0,0,0,.494-.205l.388-.215a1.172,1.172,0,0,1,1.589,1.59l-.214.4a2.521,2.521,0,0,0,1,3.418,2.551,2.551,0,0,0,.494.206l.429.124a1.173,1.173,0,0,1,0,2.249l-.429.123a2.528,2.528,0,0,0-1.7,3.13,2.232,2.232,0,0,0,.206.495l.214.387a1.172,1.172,0,0,1-1.589,1.59l-.388-.215a2.521,2.521,0,0,0-3.418,1,2.56,2.56,0,0,0-.206.5l-.124.428a1.173,1.173,0,0,1-2.249,0l-.123-.428a2.526,2.526,0,0,0-3.13-1.7,2.183,2.183,0,0,0-.5.2l-.4.215a1.172,1.172,0,0,1-1.59-1.59l.214-.387a2.521,2.521,0,0,0-1-3.419,2.653,2.653,0,0,0-.494-.206l-.428-.123a1.172,1.172,0,0,1,0-2.249l.428-.124a2.527,2.527,0,0,0,1.7-3.13,1.927,1.927,0,0,0-.206-.486l-.214-.4a1.172,1.172,0,0,1,1.59-1.589l.4.214a2.522,2.522,0,0,0,3.419-1,2.682,2.682,0,0,0,.206-.494l.123-.429Z" fill="currentColor"></path> <path d="M12,7.642a4.366,4.366,0,1,0,4.366,4.366A4.363,4.363,0,0,0,12,7.642ZM8.985,12.008A3.015,3.015,0,1,1,12,15.023,3.016,3.016,0,0,1,8.985,12.008Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Netzwerk- und Gerätemanagement</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Administrieren Sie Ihre gesamte Schule von überall – inklusive BYOD und MDM.</p></div></a>
                                <a href="/die-iserv-schulplattform/funktionen/identitaetsmanagement-und-schnittstellen" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-violet-027"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M12.62,9.676a.7.7,0,0,1,.7.7V11.47a16.123,16.123,0,0,1-.778,4.935l-1.87,5.809a.691.691,0,0,1-.892.427.709.709,0,0,1-.446-.864l1.869-5.809a14.868,14.868,0,0,0,.712-4.508V10.369a.7.7,0,0,1,.7-.7h0Z" fill="currentColor"></path> <path d="M9.81,10.369a2.81,2.81,0,1,1,5.619,0h0a.7.7,0,0,1-1.405,0,1.4,1.4,0,1,0-2.809,0v.465a15,15,0,0,1-.1,1.718A.7.7,0,0,1,9.725,12.4a14.415,14.415,0,0,0,.085-1.566Zm4.926,1.4a.7.7,0,0,1,.683.722h0a16.119,16.119,0,0,1-.825,4.688l-1.775,5.334a.705.705,0,0,1-1.338-.446h0l1.774-5.334a14.894,14.894,0,0,0,.75-4.28.7.7,0,0,1,.722-.684h.009Zm-4.708,2.971a.7.7,0,0,1,.466.873h0L8.662,21.511a.7.7,0,1,1-1.348-.4v-.029L9.146,15.19a.7.7,0,0,1,.873-.465Z" fill="currentColor"></path> <path d="M7.978,8.736a4.91,4.91,0,0,1,9.539,1.633.7.7,0,0,1-1.405,0A3.508,3.508,0,0,0,9.3,9.192a.7.7,0,0,1-1.32-.465h0ZM8.4,11.081a.7.7,0,0,1,.626.768,15.22,15.22,0,0,1-.56,2.848L6.744,20.41a.7.7,0,1,1-1.347-.4L7.115,14.3a13.354,13.354,0,0,0,.512-2.582A.7.7,0,0,1,8.4,11.09h0Zm8.419.911a.7.7,0,0,1,.7.7,16.106,16.106,0,0,1-.883,5.277l-1.528,4.414a.692.692,0,0,1-.911.389.7.7,0,0,1-.418-.855l1.529-4.413a14.866,14.866,0,0,0,.806-4.821.7.7,0,0,1,.7-.7h0Z" fill="currentColor"></path> <path d="M6.782,6.477a7,7,0,0,1,7.3-2.961.7.7,0,0,1-.294,1.376A5.613,5.613,0,0,0,7.94,7.265a.7.7,0,0,1-1.167-.778Zm9.435-1.338a.7.7,0,0,1,.987-.076,7.005,7.005,0,0,1,2.429,5.315v2.107a.7.7,0,1,1-1.4,0V10.378a5.619,5.619,0,0,0-1.946-4.252.7.7,0,0,1-.076-.987ZM6.469,8.746a.7.7,0,0,1,.589.8h0a5.925,5.925,0,0,0-.067.826,10.717,10.717,0,0,1-.417,2.951l-1.6,5.5a.7.7,0,0,1-1.358-.351v-.028l1.6-5.505a9.3,9.3,0,0,0,.361-2.553,7.561,7.561,0,0,1,.076-1.035.7.7,0,0,1,.8-.588h0ZM18.931,13.88a.691.691,0,0,1,.636.76,15.771,15.771,0,0,1-.9,4.119l-1.044,2.9a.7.7,0,0,1-1.319-.474l1.044-2.905a14.587,14.587,0,0,0,.816-3.758.691.691,0,0,1,.76-.636Z" fill="currentColor"></path> <path d="M8.054,2.472a9.128,9.128,0,0,1,13.687,7.906.7.7,0,1,1-1.405,0A7.718,7.718,0,0,0,8.757,3.687a.7.7,0,0,1-.7-1.215ZM6.8,4.237a.7.7,0,0,1,.057.988h0a7.684,7.684,0,0,0-1.964,5.144.7.7,0,0,1-1.405,0A9.11,9.11,0,0,1,5.814,4.285.7.7,0,0,1,6.8,4.228h0ZM3.992,11.8a.7.7,0,0,1,.484.864L3.385,16.547a.7.7,0,0,1-1.367-.322.128.128,0,0,1,.019-.057l1.091-3.882a.7.7,0,0,1,.864-.484Zm17.056.674a.692.692,0,0,1,.683.712h0a18.631,18.631,0,0,1-1.025,6.359l-.095.265a.7.7,0,0,1-1.31-.493l.1-.266a17.342,17.342,0,0,0,.93-5.894.693.693,0,0,1,.712-.683h.01Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Identitätsman­age­ment &amp; Schnitt­stellen</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Verwalten Sie alle Benutzer(innen) und arbeiten Sie nahtlos mit vielen Lieblingsprogrammen.</p></div></a>
                                <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-8 px-2 text-sm rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 mt-6" href="/die-iserv-schulplattform/funktionen" tabindex="0"><span class="text-content">Alle Module und Funktionen</span></a>
                            </div>
                            <div class="w-1/3 p-6 bg-white">
                                <span class="block text-base uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Mehr IServ-Prinzipien</span>
                                <a href="/die-iserv-schulplattform/cloud-loesungen" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-turquoise-039"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><path d="M2.845,12a.649.649,0,0,1,.65-.65h17.01a.651.651,0,0,1,0,1.3H3.5A.65.65,0,0,1,2.845,12ZM12,1.54a.649.649,0,0,1,.65.65V7.158l1.5-1.5a.656.656,0,1,1,.928.928h0L12.459,9.2a.655.655,0,0,1-.927,0h0L8.914,6.586a.656.656,0,1,1,.927-.928l1.5,1.5V2.19a.649.649,0,0,1,.65-.65Zm-.65,15.311-1.5,1.5a.664.664,0,0,1-.928,0,.656.656,0,0,1,0-.927l2.619-2.618a.655.655,0,0,1,.927,0h0l2.618,2.618a.663.663,0,0,1,0,.927.655.655,0,0,1-.927,0l-1.5-1.5V21.81a.651.651,0,0,1-1.3,0V16.851Z" fill="currentColor" fill-rule="evenodd"></path></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Cloud-Lösungen</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Betreiben Sie die IServ Schulplattform wie es am besten zu Ihrer Schule passt.</p></div></a>
                                <a href="/die-iserv-schulplattform/service-und-beratung" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><path d="M11.3,4.387a1.974,1.974,0,0,1,3.575-1.179.08.08,0,0,0,.134,0,1.965,1.965,0,0,1,3.567,1.179c0,1.493-1.893,2.68-3.41,4.346a.309.309,0,0,1-.456,0C13.193,7.067,11.3,5.88,11.3,4.387ZM4.856,14.014a.97.97,0,0,0-1.281,0L1.5,15.9l6.326,5.744L9.9,19.758a.771.771,0,0,0,0-1.163L4.848,14.014Zm17.477-1.336a1.111,1.111,0,0,0-1.454-.621l-2.318.927-2.884,1.179a.707.707,0,0,1-.283.055H11.96a.747.747,0,1,1,0-1.493h3.284l.9-.361a1.118,1.118,0,0,0-.825-1.879H12.7l-2.483-.644a1.5,1.5,0,0,0-.959.126l-2.31,1.155a1.35,1.35,0,0,0-.385.283l-1.32,1.32L9.72,17.2h4.11a1.086,1.086,0,0,0,.416-.078l7.466-2.986a1.112,1.112,0,0,0,.621-1.454Z" fill="currentColor"></path></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Unser Service: So unterstützen wir Sie von Anfang an</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Wir unterstützen Sie von Anfang an – bei der Installation mit Support und Fortbildungen.</p></div></a>
                                <a href="/die-iserv-schulplattform/sicherheit" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M8.507,3.584C7.259,3.928,6.019,4.3,4.787,4.7a.636.636,0,0,0-.43.508A15.792,15.792,0,0,0,7.31,17.248a13.986,13.986,0,0,0,3,2.928,7.877,7.877,0,0,0,1.171.7,2.661,2.661,0,0,0,.387.155.773.773,0,0,0,.129.035.366.366,0,0,0,.129-.035,3.08,3.08,0,0,0,.388-.155,7.98,7.98,0,0,0,1.171-.7,14,14,0,0,0,3-2.928A15.835,15.835,0,0,0,19.632,5.211.613.613,0,0,0,19.2,4.7c-.852-.275-2.29-.732-3.72-1.119A16.947,16.947,0,0,0,11.994,2.9a16.96,16.96,0,0,0-3.487.689ZM8.163,2.232A17.737,17.737,0,0,1,12,1.5a17.748,17.748,0,0,1,3.84.732c1.455.4,2.919.861,3.78,1.136a2.029,2.029,0,0,1,1.369,1.654,17.231,17.231,0,0,1-3.229,13.087,15.133,15.133,0,0,1-3.3,3.212,9.236,9.236,0,0,1-1.377.818A2.812,2.812,0,0,1,12,22.458a2.66,2.66,0,0,1-1.085-.319,9.726,9.726,0,0,1-1.378-.818,15.313,15.313,0,0,1-3.3-3.212A17.2,17.2,0,0,1,3.005,5.03,2.015,2.015,0,0,1,4.374,3.377c1.249-.413,2.514-.792,3.78-1.137Z" fill="currentColor"></path> <path d="M15.74,8.242a.655.655,0,0,1,0,.93h0l-3.935,3.935a.655.655,0,0,1-.93,0h0L8.912,11.144a.658.658,0,0,1,.93-.93l1.5,1.506,3.47-3.47a.655.655,0,0,1,.93,0h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Sicherheit</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Machen Sie Ihre Schule sicher vor Angriffen – vom Betriebssystem bis zu Passwörtern.</p></div></a>
                                <a href="/die-iserv-schulplattform/datenschutz" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M8.507,3.584C7.259,3.928,6.019,4.3,4.787,4.7a.636.636,0,0,0-.43.508A15.792,15.792,0,0,0,7.31,17.248a13.986,13.986,0,0,0,3,2.928,7.877,7.877,0,0,0,1.171.7,2.661,2.661,0,0,0,.387.155.773.773,0,0,0,.129.035.366.366,0,0,0,.129-.035,3.08,3.08,0,0,0,.388-.155,7.98,7.98,0,0,0,1.171-.7,14,14,0,0,0,3-2.928A15.835,15.835,0,0,0,19.632,5.211.613.613,0,0,0,19.2,4.7c-.852-.275-2.29-.732-3.72-1.119A16.947,16.947,0,0,0,11.994,2.9a16.96,16.96,0,0,0-3.487.689ZM8.163,2.232A17.737,17.737,0,0,1,12,1.5a17.748,17.748,0,0,1,3.84.732c1.455.4,2.919.861,3.78,1.136a2.029,2.029,0,0,1,1.369,1.654,17.231,17.231,0,0,1-3.229,13.087,15.133,15.133,0,0,1-3.3,3.212,9.236,9.236,0,0,1-1.377.818A2.812,2.812,0,0,1,12,22.458a2.66,2.66,0,0,1-1.085-.319,9.726,9.726,0,0,1-1.378-.818,15.313,15.313,0,0,1-3.3-3.212A17.2,17.2,0,0,1,3.005,5.03,2.015,2.015,0,0,1,4.374,3.377c1.249-.413,2.514-.792,3.78-1.137Z" fill="currentColor"></path> <path d="M15.74,8.242a.655.655,0,0,1,0,.93h0l-3.935,3.935a.655.655,0,0,1-.93,0h0L8.912,11.144a.658.658,0,0,1,.93-.93l1.5,1.506,3.47-3.47a.655.655,0,0,1,.93,0h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Datenschutz</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Maximaler Datenschutz für Schule: Arbeiten Sie immer DSGVO-konform</p></div></a>
                                <a href="/die-iserv-schulplattform/kosteneffizienz" tabindex="0" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M15.755,20.734a4.988,4.988,0,1,0-4.987-4.988A4.991,4.991,0,0,0,15.755,20.734Zm6.236-4.988A6.236,6.236,0,1,1,15.755,9.51,6.24,6.24,0,0,1,21.991,15.746Z" fill="currentColor" fill-rule="evenodd"></path> <path d="M3.283,2.025A1.249,1.249,0,0,0,2.034,3.274v9.974A1.249,1.249,0,0,0,3.283,14.5H8.375A7.482,7.482,0,0,1,8.7,13.248H5.781a2.5,2.5,0,0,0-2.5-2.5V5.763a2.5,2.5,0,0,0,2.5-2.5H18.253a2.5,2.5,0,0,0,2.5,2.5v4.4A7.887,7.887,0,0,1,22,11.606V3.274a1.249,1.249,0,0,0-1.249-1.249Z" fill="currentColor"></path> <path d="M14.506,8.366V8.261a2.489,2.489,0,1,0-3.895,2.061,7.525,7.525,0,0,1,3.9-1.956Z" fill="currentColor"></path> <path d="M13.065,16.48h.55a2.52,2.52,0,0,0,2.743,2.376,3.744,3.744,0,0,0,.864-.1v-.673a3.711,3.711,0,0,1-.864.088,1.848,1.848,0,0,1-1.965-1.7H16.48V16H14.358v-.664H16.48v-.48H14.419a1.825,1.825,0,0,1,1.93-1.555,3.277,3.277,0,0,1,.865.1v-.673a3.6,3.6,0,0,0-.865-.1,2.51,2.51,0,0,0-2.725,2.236h-.568v.48h.524v.655h-.524v.48h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Kosteneffizienz</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Eine Gesamtlösung bedeutet weniger Kosten für Lizenzen und Wartung - und weniger Aufwand für die Einrichtung, Konfiguration und Verwaltung.</p></div></a>
                            </div>
                            <div class="w-1/3 p-6 border-l-2 border-iserv-neutral-090">
                                <span class="block text-base uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">IServ bestellen</span>
                                <a href="/jetzt-starten" tabindex="0" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ-Testversion</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Starten Sie jetzt kostenfrei und unbürokratisch mit IServ Hosted Cloud als Testversion</p></div></a>
                                <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-hosted-cloud" tabindex="0" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ Hosted Cloud</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Die digitale Basis für Ihre Schule – sofort mit Server in unserem Rechenzentrum.</p></div></a>
                                <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-local-cloud" tabindex="0" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ Local Cloud</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Mit Server in der Schule: der volle Funktionsumfang mit maximaler Performance im Klassenzimmer.</p></div></a>
                                <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-regio-cloud" tabindex="0" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ Regio Cloud</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Mit Server beim Schulträger: die einheitliche IT-Lösung für alle Anforderungen Ihrer Schullandschaft.</p></div></a>
                                <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-8 px-2 text-sm rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 mt-6" href="/funktionen-vergleichen" tabindex="0"><span class="text-content">Alle Funktionen vergleichen</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="flex-none bg-iserv-neutral-095 border-t-2 border-iserv-neutral-090">
                <div class="default-container flex justify-between">
                    <div class="-mx-6 py-2 flex">
                        <a href="/vertrieb-kontaktieren" class="h-6 px-6 flex items-center"><span class="text-iserv-blue-024 font-semibold hover:text-iserv-blue-050">Vertrieb kontaktieren</span></a>
                        <a href="https://doku.iserv.de" class="h-6 px-6 flex items-center border-l-2 border-iserv-neutral-085"><span class="text-iserv-blue-024 font-semibold hover:text-iserv-blue-050">IServ-Doku</span></a>
                    </div>
                    <div class="text-iserv-neutral-050 hover:text-iserv-blue-024 flex items-center justify-center h-10 cursor-pointer items-center transition-all duration-300" data-sticky-header-mobile-target="labelCurrent" data-action="click->desktop-navigation#hide">
                        <span class="menu text-xs font-bold uppercase mr-2">Schliessen</span>
                        <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 " fill="none" viewBox="0 0 24 24" style="stroke-width: 2.25" stroke="currentColor">
                            <line x1="21" y1="21" x2="3" y2="3">
                            </line>
                            <line x1="21" y1="3" x2="3" y2="21">
                            </line>
                        </svg>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="relative overflow-x-hidden">
        <div data-frames-target="mainFrame" class="transition-opacity duration-300">
            <div data-sticky-header-bars-target="spacer" style="height: 64px;">
            </div>
            <main>
                <section class="bg-iserv-blue-095 relative z-0 overflow-hidden">
                    <div class="container-base lg:container-2xl px-3 xs:px-6 relative z-10">
                        <div class="flex flex-wrap">
                            <div class="w-full lg:w-1/2 flex items-center z-10 order-2 lg:order-1">
                                <div class="py-6">
                                    <h1 class="block design-update-text-2xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024">Ihre effiziente Schulsoftware-Lösung: Die IServ Schulplattform</h1>
                                    <p class="mt-3 design-update-text-base text-iserv-blue-024 hyphens-manual">Die IServ Schulplattform ist die DSGVO-konforme Gesamtlösung für Ihr pädagogisches Netzwerk. Digitalisieren Sie Ihren Schulalltag mit über 55 Modulen von Schulkommunikation bis Netzwerk- und Gerätemanagement. Stellen Sie alles genau so zusammen, wie es am besten zu Ihrer Schule passt, und finden Sie die richtige Cloud-Lösung für Ihre technische Infrastruktur.</p>
                                    <a class="inline-flex items-center justify-center border-2 transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 font-semibold min-h-12 px-4 py-1 design-update-text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-015 bg-iserv-blue-024 hover:bg-iserv-blue-015 text-white w-full xs:w-auto mt-4" href="/jetzt-starten" id="Button_Subline"><span class="text-content text-center">Jetzt 3 Monate kostenfrei testen</span></a>
                                </div>
                            </div>
                            <div class="w-full lg:w-1/2 z-0 order-1 lg:order-2">
                                <div class="flex w-full h-full justify-center items-start">
                                    <div class="w-full" style="width: 100%; max-width: 450px;">
                                        <div class="w-full" style="padding-top: 97.959183673469%; position: relative">
                                            <div style="position: absolute; top:-0%; right:-115%; bottom:-10%; left:-25%">
                                                <img class="w-full" src="/user/pages/home/IServ_Webseite_Startseite_Header_1078x484px_RZ.svg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="margin: -1px; bottom: -1px" class="relative h-4 sm:h-8 xl:h-12">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 1000 50">
                            <path d="m911.476,26.884c-148.408,0-249.64-14.637-363.648-14.637s-154.902,21.986-317.414,26.447C100.679,42.255,0,10,0,10v40h999.618v-25.311c-25.319,1.333-54.629,2.195-88.142,2.195Z" fill="#fff" stroke-width="0">
                            </path>
                        </svg>
                    </div>
                    <div class="bg-white hidden">
                    </div>
                </section>
                <div class="h-12 xs:h-20">
                </div>
                <div data-controller="slider-section-with-intro">
                    <div data-slider-section-with-intro-target="titleContainer" class="container-base px-3 xs:px-6 pb-3">
                        <h2 class="block design-update-text-xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center mb-3">Alle Funktionen für Ihre Schule in einem System</h2>
                    </div>
                    <div class="container-2xl px-3 xs:px-6">
                        <div data-controller="grid-slider" data-grid-slider-config-value="{&quot;show_debug_borders&quot;:false}" class="relative">
                            <div data-grid-slider-target="buttonContainer" class="absolute right-0 -mt-16 hidden">
                                <div class="flex -m-1">
                                    <div class="p-1">
                                        <button class="w-10 h-10 pointer-events-auto rounded-full hover:bg-iserv-blue-020 focus:outline-none transition-all duration-150 flex items-center justify-center bg-iserv-neutral-097 text-iserv-neutral-085" type="button" data-grid-slider-target="prevBtn" data-action="click->grid-slider#prev">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path d="M16.5,3 7.5,12 16.5,21">
                                                </path>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="p-1">
                                        <button class="w-10 h-10 pointer-events-auto rounded-full hover:bg-iserv-blue-020 focus:outline-none transition-all duration-150 flex items-center justify-center bg-iserv-neutral-097 text-iserv-neutral-085" type="button" data-grid-slider-target="nextBtn" data-action="click->grid-slider#next">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path d="M7.5,21 16.5,12 7.5,3">
                                                </path>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div data-grid-slider-target="outerContainer" class="relative overflow-visible" style="margin: -0.75rem;">
                                <div data-grid-slider-target="scrollContainer" class="overflow-x-scroll no-scrollbars flex flex-wrap" style="scroll-snap-type: x mandatory; justify-content: center;">
                                    <div class="item flex-none" style="width: 33.3333%; padding: 0.75rem;">
                                        <div class="h-full flex flex-col">
                                            <div class="flex-none">
                                                <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 125%">
                                                    <div class="absolute inset-0 flex items-center justify-center">
                                                        <img class="block w-full" src="/user/pages/home/IServ-Webseite_Einfach_mit_Eltern_kommunizieren_360x450px.svg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="flex-grow">
                                                <h3 class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 mt-3">Einfach mit Eltern kommunizieren</h3>
                                                <div class="design-update-markdown markdown-no-headings markdown-small my-3">
                                                    <p>Mit der IServ Schulplattform wird digitale Elternkommunikation zum Kinderspiel – von Elternbriefen über digitale Krankmeldungen bis hin zur Organisation von Elternsprechtagen. Kommunizieren Sie mit unseren Modulen datenschutzkonform und ganz ohne Zettel mit den Eltern Ihrer Schüler(innen).</p>
                                                </div>
                                            </div>
                                            <a href="/die-iserv-schulplattform/funktionen/elternkommunikation" class="block text-iserv-blue-024 uppercase underline font-bold hyphens-manual design-update-text-sm">Jetzt einfach mit Eltern kommunizieren</a>
                                        </div>
                                    </div>
                                    <div class="item flex-none" style="width: 33.3333%; padding: 0.75rem;">
                                        <div class="h-full flex flex-col">
                                            <div class="flex-none">
                                                <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 125%">
                                                    <div class="absolute inset-0 flex items-center justify-center">
                                                        <img class="block w-full" src="/user/pages/home/IServ-Webseite_Unkompliziertes_Netzwerk-und_Geraetemanagement_360x450px_RZ.svg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="flex-grow">
                                                <h3 class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 mt-3">Unkompliziertes Netzwerk- und Gerätemanagement</h3>
                                                <div class="design-update-markdown markdown-no-headings markdown-small my-3">
                                                    <p>Geräteverwaltung, Softwareverteilung, BYOD, MDM und mehr – administrieren Sie mit der IServ Schulplattform das gesamte Netzwerk Ihrer Schule sicher und von überall. Installieren und aktualisieren Sie Betriebssysteme und Programme oder verwalten Sie alle Geräte, egal ob iPad, Laptop oder 3D-Drucker.</p>
                                                </div>
                                            </div>
                                            <a href="/die-iserv-schulplattform/funktionen/netzwerk" class="block text-iserv-blue-024 uppercase underline font-bold hyphens-manual design-update-text-sm">So managen Sie Netzwerk und Geräte</a>
                                        </div>
                                    </div>
                                    <div class="item flex-none" style="width: 33.3333%; padding: 0.75rem;">
                                        <div class="h-full flex flex-col">
                                            <div class="flex-none">
                                                <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 125%">
                                                    <div class="absolute inset-0 flex items-center justify-center">
                                                        <img class="block w-full" src="/user/pages/home/IServ-Webseite_Zuverlaessiges_Identitaetsmanagement_360x450px_RZ.svg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="flex-grow">
                                                <h3 class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 mt-3">Zuverlässiges Identitätsmanagement</h3>
                                                <div class="design-update-markdown markdown-no-headings markdown-small my-3">
                                                    <p>Mit unserer zentralen Benutzerverwaltung haben Sie alle Benutzer(innen) im Blick. Dank Single-Sign-on (SSO) und standardisierter Schnittstellen können Sie Lern-Apps und externe Bildungsangebote unkompliziert an Ihr Identitätsmanagement anbinden. Dadurch sparen Sie bei der Administration eine Menge Zeit.</p>
                                                </div>
                                            </div>
                                            <a href="/die-iserv-schulplattform/funktionen/identitaetsmanagement-und-schnittstellen" class="block text-iserv-blue-024 uppercase underline font-bold hyphens-manual design-update-text-sm">Alle Benutzer(innen) zentral verwalten</a>
                                        </div>
                                    </div>
                                </div>
                                <div data-grid-slider-target="fadeOutOverlayLeft" class="bg-white fade-to-transparent-l absolute w-4 inset-y-0 left-0" style="opacity: 0;">
                                </div>
                                <div data-grid-slider-target="fadeOutOverlayRight" class="bg-white fade-to-transparent-r absolute w-4 inset-y-0 right-0" style="opacity: 0;">
                                </div>
                            </div>
                            <div data-grid-slider-target="indicatorBar" class="bg-iserv-neutral-085 relative h-1 mt-6 hidden">
                                <div class="bg-iserv-blue-024 absolute" style="inset: 0px 100% 0px 0%;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="h-12 xs:h-20">
                </div>
                <div class="container-base lg:container-2xl px-3 xs:px-6">
                    <div class="bg-iserv-violet-027 rounded-lg p-3 xs:p-6">
                        <h2 class="block design-update-text-lg design-update-title-margins hyphens-manual font-bold text-white">Beim Datenschutz immer auf Nummer Sicher</h2>
                        <div class="flex flex-wrap lg:flex-no-wrap">
                            <div class="w-full lg:w-auto lg:pr-12">
                                <p class="mt-3 design-update-text-base text-iserv-violet-095 hyphens-manual">Die Daten Ihrer Schüler(innen) brauchen maximalen Schutz. Die IServ Schulplattform ist daher komplett DSGVO-konform und als geschützter Raum konzipiert. Alle Schnittstellen sind klar definiert und sicher.</p>
                            </div>
                            <div class="w-full lg:w-auto flex-none flex items-center pt-6 lg:pt-0">
                                <a class="inline-flex items-center justify-center border-2 transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 font-semibold min-h-12 px-4 py-1 design-update-text-base rounded-lg border-iserv-yellow-049 hover:border-iserv-yellow-045 bg-iserv-yellow-049 hover:bg-iserv-yellow-045 text-black w-full xs:w-auto" href="/die-iserv-schulplattform/datenschutz"><span class="text-content text-center">Unser Datenschutzversprechen</span></a>
                            </div>
                        </div>
                        <div class="mt-6">
                            <div class="flex justify-between flex-wrap -m-3">
                                <div class="w-1/2 sm:w-1/4 flex justify-center p-4 sm:p-6">
                                    <div class="max-w-32">
                                        <div style=" margin-top: -11%;">
                                            <img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/IServ-Webseite_Siegel_Server_in_Deutschland_LY001.svg">
                                        </div>
                                    </div>
                                </div>
                                <div class="w-1/2 sm:w-1/4 flex justify-center p-4 sm:p-6">
                                    <div class="max-w-32">
                                        <div style=" margin-top: -3%;">
                                            <img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/IServ-Webseite_Siegel_Verschluesselung_TSL_SSL_LY001.svg">
                                        </div>
                                    </div>
                                </div>
                                <div class="w-1/2 sm:w-1/4 flex justify-center p-4 sm:p-6">
                                    <div class="max-w-32">
                                        <div>
                                            <img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/IServ-Webseite_Siegel_ISO_Zertifikaten_LY001.svg">
                                        </div>
                                    </div>
                                </div>
                                <div class="w-1/2 sm:w-1/4 flex justify-center p-4 sm:p-6">
                                    <div class="max-w-32">
                                        <div>
                                            <img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/IServ-Webseite_Siegel_DSGVO-Konform_LY001.svg">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="h-12 xs:h-20">
                </div>
                <div class="container-base px-3 xs:px-6">
                    <h2 class="block design-update-text-xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center mb-6">Digitalisieren Sie Ihren Schulalltag mit der IServ Schulplattform</h2>
                </div>
                <div class="container-base lg:container-2xl px-3 xs:px-6" data-controller="tab-slider" style="min-height: 1200px;">
                    <div class="py-3">
                        <div class="flex flex-wrap overflow-hidden" data-tab-slider-target="tabContainer">
                            <div class="hidden lg:flex w-full lg:w-1/2 pr-3 xs:pr-6 xl:pr-12 items-center z-0">
                                <div class="w-full" style="opacity: 1; transition: opacity 200ms ease 0s;" data-tab-slider-target="image" data-tab-index="0">
                                    <div class="flex w-full h-full justify-center items-center">
                                        <div class="w-full" style="width: 100%; ">
                                            <div class="w-full" style="padding-top: 65.8125%; position: relative">
                                                <div style="position: absolute; top:-0%; right:-9%; bottom:-0%; left:-8%">
                                                    <video autoplay="" muted="" loop="" playsinline="" disableremoteplayback="" x-webkit-airplay="deny" preload="auto" width="100%" height="auto" class="">
                                                        <source src="/user/pages/home/IServ-Videokonferenzen.mp4" type="video/mp4">
                                                    </video>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="w-full lg:w-1/2 flex items-start pl-3 xs:pl-6 xl:pl-12 z-10 relative">
                                <div class="flex-none w-1 bg-iserv-neutral-085 z-10 absolute left-0 inset-y-0">
                                    <div class="bg-iserv-blue-024 absolute top-0 inset-x-0" data-tab-slider-target="progress" data-tab-index="0" style="height: 100%;">
                                    </div>
                                </div>
                                <div class="w-full py-3">
                                    <div class="cursor-pointer" data-tab-index="0" data-action="click->tab-slider#toggle">
                                        <h3 class="block design-update-text-lg design-update-title-margins hyphens-manual font-regular text-iserv-blue-024">Einfache und sichere Lösungen für die digitale Schulkommunikation</h3>
                                    </div>
                                    <div data-tab-slider-target="content" class="overflow-hidden" data-tab-index="0" style="opacity: 1; transition: opacity 200ms ease 0s;">
                                        <div class="design-update-markdown markdown-no-headings my-3">
                                            <p>Ob Dienstbesprechung über eine Videokonferenz, eine E-Mail an die Schulleitung, eine digitale Einladung zum Elternabend oder eine Ankündigung im Schulchat: Mit unseren Modulen bringen Sie alle Informationen an die richtigen Augen und Ohren – im Unterricht, in der Schulverwaltung, für Eltern und darüber hinaus.</p>
                                        </div>
                                        <div class="mt-6 mb-3">
                                            <a class="inline-flex items-center justify-center border-2 transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 font-semibold min-h-10 px-2 py-1 design-update-text-sm rounded-lg border-iserv-blue-024 hover:bg-iserv-blue-090 text-iserv-blue-024 w-full xs:w-auto" href="/die-iserv-schulplattform/funktionen/kommunikation"><span class="text-content text-center">Mehr zu den IServ-Modulen zur Schulkommunikation</span></a>
                                        </div>
                                        <div class="mt-6 mb-3">
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/kommunikation/messenger">Messenger für Schulen: Digitale Kommunikation leicht gemacht</a>
                                            </div>
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/kommunikation/videokonferenzen">Videokonferenzen für Schulen: unkompliziert &amp; DSGVO-konform</a>
                                            </div>
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/kommunikation/elternbriefe">Elternbriefe per E-Mail: Digital, sicher und effizient</a>
                                            </div>
                                        </div>
                                        <div class="lg:hidden w-full mt-6 mb-3">
                                            <div class="flex w-full h-full justify-center items-center">
                                                <div class="w-full" style="width: 100%; ">
                                                    <div class="w-full" style="padding-top: 65.8125%; position: relative">
                                                        <div style="position: absolute; top:-0%; right:-9%; bottom:-0%; left:-8%">
                                                            <video autoplay="" muted="" loop="" playsinline="" disableremoteplayback="" x-webkit-airplay="deny" preload="auto" width="100%" height="auto" class="">
                                                                <source src="/user/pages/home/IServ-Videokonferenzen.mp4" type="video/mp4">
                                                            </video>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="py-3">
                        <div class="flex flex-wrap overflow-hidden" data-tab-slider-target="tabContainer">
                            <div class="hidden lg:flex w-full lg:w-1/2 pr-3 xs:pr-6 xl:pr-12 items-center z-0">
                                <div class="w-full" style="opacity: 0; transition: opacity 200ms ease 0s; display: none;" data-tab-slider-target="image" data-tab-index="1">
                                    <div class="flex w-full h-full justify-center items-center">
                                        <div class="w-full" style="width: 100%; ">
                                            <div class="w-full" style="padding-top: 75%; position: relative">
                                                <div class="rounded-lg overflow-hidden" style="position: absolute; top:-0%; right:-0%; bottom:-0%; left:-0%">
                                                    <img class="w-full" src="/user/pages/home/iserv_unterricht-teaser.jpeg">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="w-full lg:w-1/2 flex items-start pl-3 xs:pl-6 xl:pl-12 z-10 relative">
                                <div class="flex-none w-1 bg-iserv-neutral-085 z-10 absolute left-0 inset-y-0">
                                    <div class="bg-iserv-blue-024 absolute top-0 inset-x-0" data-tab-slider-target="progress" data-tab-index="1" style="height: 0%; transition: height 15000ms linear 0s;">
                                    </div>
                                </div>
                                <div class="w-full py-3">
                                    <div class="cursor-pointer" data-tab-index="1" data-action="click->tab-slider#toggle">
                                        <h3 class="block design-update-text-lg design-update-title-margins hyphens-manual font-regular text-iserv-blue-024">Unterricht mit der IServ Schulplattform einfach digitalisieren</h3>
                                    </div>
                                    <div data-tab-slider-target="content" class="overflow-hidden" data-tab-index="1" style="opacity: 0; transition: opacity 200ms ease 0s; display: none;">
                                        <div class="design-update-markdown markdown-no-headings my-3">
                                            <p>Ihre IServ Schulplattform eröffnet Ihnen ein digitales Klassenzimmer mit jeder Menge praktischen Werkzeugen. Sie helfen Ihnen dabei, Ihre Klasse zu organisieren, kollaborativ zu arbeiten, jede Unterrichtsstunde oder das ganze Schuljahr zu planen und auch den kompliziertesten Stoff an Ihre Schüler(innen) zu bringen.</p>
                                        </div>
                                        <div class="mt-6 mb-3">
                                            <a class="inline-flex items-center justify-center border-2 transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 font-semibold min-h-10 px-2 py-1 design-update-text-sm rounded-lg border-iserv-blue-024 hover:bg-iserv-blue-090 text-iserv-blue-024 w-full xs:w-auto" href="/die-iserv-schulplattform/funktionen/unterricht"><span class="text-content text-center">Mehr zu den IServ-Modulen für den Unterricht</span></a>
                                        </div>
                                        <div class="mt-6 mb-3">
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/unterricht/office">Kollaboratives Arbeiten: Digitale Texte und Tabellen im Unterricht</a>
                                            </div>
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/unterricht/schnellumfragen">Schnellumfragen: Schülermeinungen im Unterricht erfassen</a>
                                            </div>
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/unterricht/aufgaben">Aufgaben in der Schule: Digital verteilen und organisieren</a>
                                            </div>
                                        </div>
                                        <div class="lg:hidden w-full mt-6 mb-3">
                                            <div class="flex w-full h-full justify-center items-center">
                                                <div class="w-full" style="width: 100%; ">
                                                    <div class="w-full" style="padding-top: 75%; position: relative">
                                                        <div class="rounded-lg overflow-hidden" style="position: absolute; top:-0%; right:-0%; bottom:-0%; left:-0%">
                                                            <img class="w-full" src="/user/pages/home/iserv_unterricht-teaser.jpeg">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="py-3">
                        <div class="flex flex-wrap overflow-hidden" data-tab-slider-target="tabContainer">
                            <div class="hidden lg:flex w-full lg:w-1/2 pr-3 xs:pr-6 xl:pr-12 items-center z-0">
                                <div class="w-full" style="opacity: 0; transition: opacity 200ms ease 0s; display: none;" data-tab-slider-target="image" data-tab-index="2">
                                    <div class="flex w-full h-full justify-center items-center">
                                        <div class="w-full" style="width: 100%; ">
                                            <div class="w-full" style="padding-top: 75%; position: relative">
                                                <div class="rounded-lg overflow-hidden" style="position: absolute; top:-0%; right:-0%; bottom:-0%; left:-0%">
                                                    <img class="w-full" src="/user/pages/home/iserv_schulorganisation-teaser.jpeg">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="w-full lg:w-1/2 flex items-start pl-3 xs:pl-6 xl:pl-12 z-10 relative">
                                <div class="flex-none w-1 bg-iserv-neutral-085 z-10 absolute left-0 inset-y-0">
                                    <div class="bg-iserv-blue-024 absolute top-0 inset-x-0" data-tab-slider-target="progress" data-tab-index="2" style="height: 0%; transition: height 15000ms linear 0s;">
                                    </div>
                                </div>
                                <div class="w-full py-3">
                                    <div class="cursor-pointer" data-tab-index="2" data-action="click->tab-slider#toggle">
                                        <h3 class="block design-update-text-lg design-update-title-margins hyphens-manual font-regular text-iserv-blue-024">Digitale Schulorganisation: Effizient und DSGVO-konform gestalten</h3>
                                    </div>
                                    <div data-tab-slider-target="content" class="overflow-hidden" data-tab-index="2" style="opacity: 0; transition: opacity 200ms ease 0s; display: none;">
                                        <div class="design-update-markdown markdown-no-headings my-3">
                                            <p>Die IServ Schulplattform greift Ihnen bei der Organisation Ihres Schulalltags in allen Phasen unter die Arme und behält für Sie den Überblick. Mit unseren Modulen verringern Sie den Verwaltungsaufwand im Schulalltag: Mit Wissensdatenbanken, dem digitalen schwarzen Brett, Online-Stundenplänen, einer Schnittstelle zum digitalen Klassenbuch von Untis und mehr. So bleibt mehr Zeit für das Wesentliche.</p>
                                        </div>
                                        <div class="mt-6 mb-3">
                                            <a class="inline-flex items-center justify-center border-2 transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 font-semibold min-h-10 px-2 py-1 design-update-text-sm rounded-lg border-iserv-blue-024 hover:bg-iserv-blue-090 text-iserv-blue-024 w-full xs:w-auto" href="/die-iserv-schulplattform/funktionen/organisation"><span class="text-content text-center">Mehr zu den IServ-Modulen zur Organisation</span></a>
                                        </div>
                                        <div class="mt-6 mb-3">
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/organisation/knowledge-base">Knowledge-Base für Schulen: Wissen einfach organisieren</a>
                                            </div>
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/organisation/webuntis-connector">WebUntis Connector: IServ und WebUntis nahtlos verbinden</a>
                                            </div>
                                            <div class="py-1">
                                                <a class="design-update-text-base text-iserv-blue-040 hover:text-iserv-blue-050 underline" href="/die-iserv-schulplattform/funktionen/organisation/news">Digitales schwarzes Brett: Schulinformationen gezielt teilen</a>
                                            </div>
                                        </div>
                                        <div class="lg:hidden w-full mt-6 mb-3">
                                            <div class="flex w-full h-full justify-center items-center">
                                                <div class="w-full" style="width: 100%; ">
                                                    <div class="w-full" style="padding-top: 75%; position: relative">
                                                        <div class="rounded-lg overflow-hidden" style="position: absolute; top:-0%; right:-0%; bottom:-0%; left:-0%">
                                                            <img class="w-full" src="/user/pages/home/iserv_schulorganisation-teaser.jpeg">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="h-12 xs:h-20">
                </div>
                <div class="container-base px-3 xs:px-6">
                    <h2 class="block design-update-text-xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center mb-3">Schritt für Schritt zur IServ Schulplattform</h2>
                    <p class="my-3 design-update-text-base text-center text-iserv-neutral-035 hyphens-manual">Schnell und unkompliziert zur digitalen Schulplattform – sichern Sie sich in wenigen Schritten Ihre Testversion der IServ Schulplattform und starten Sie sofort durch.</p>
                </div>
                <div class="container-base lg:container-2xl px-3 xs:px-6">
                    <div class="bg-iserv-blue-095 rounded-lg p-3 py-6 xs:p-6 lg:p-12 mt-6">
                        <ul class="-my-6 max-w-2xl mx-auto">
                            <li class="py-6">
                                <div class="flex flex-col xs:flex-row items-center">
                                    <div class="flex-none w-48 xs:w-32">
                                        <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 100%">
                                            <div class="absolute inset-0 flex items-center justify-center">
                                                <img class="block w-full" src="/user/pages/home/IServ-Webseite_Schritt_fuer_Schritt_zu_IServ-01.svg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pt-3 xs:pl-3 xs:pt-0">
                                        <span class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center xs:text-left">Schritt 1</span>
                                        <div class="design-update-markdown markdown-no-headings markdown-small mt-3">
                                            <p>Sie füllen als berechtigte Schulvertretung unser Online-Formular für die Testversion aus und sichern sich Ihre Wunschdomain.</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="py-6">
                                <div class="flex flex-col xs:flex-row items-center">
                                    <div class="flex-none w-48 xs:w-32">
                                        <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 100%">
                                            <div class="absolute inset-0 flex items-center justify-center">
                                                <img class="block w-full" src="/user/pages/home/IServ-Webseite_Schritt_fuer_Schritt_zu_IServ-02.svg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pt-3 xs:pl-3 xs:pt-0">
                                        <span class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center xs:text-left">Schritt 2</span>
                                        <div class="design-update-markdown markdown-no-headings markdown-small mt-3">
                                            <p>Wir aktivieren Ihren Hosted-Cloud-Server und stellen Ihnen und Ihrem Admin die Zugangsdaten bereit.</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="py-6">
                                <div class="flex flex-col xs:flex-row items-center">
                                    <div class="flex-none w-48 xs:w-32">
                                        <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 100%">
                                            <div class="absolute inset-0 flex items-center justify-center">
                                                <img class="block w-full" src="/user/pages/home/IServ-Webseite_Schritt_fuer_Schritt_zu_IServ-03.svg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pt-3 xs:pl-3 xs:pt-0">
                                        <span class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center xs:text-left">Schritt 3</span>
                                        <div class="design-update-markdown markdown-no-headings markdown-small mt-3">
                                            <p>Sie importieren Ihre Schülerdaten und können direkt mit Ihrer IServ Schulplattform durchstarten.</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="py-6">
                                <div class="flex flex-col xs:flex-row items-center">
                                    <div class="flex-none w-48 xs:w-32">
                                        <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 100%">
                                            <div class="absolute inset-0 flex items-center justify-center">
                                                <img class="block w-full" src="/user/pages/home/IServ-Webseite_Schritt_fuer_Schritt_zu_IServ-04.svg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pt-3 xs:pl-3 xs:pt-0">
                                        <span class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center xs:text-left">Schritt 4</span>
                                        <div class="design-update-markdown markdown-no-headings markdown-small mt-3">
                                            <p>Los geht’s: Arbeiten Sie drei Monate lang kostenlos mit den Modulen der IServ Schulplattform.</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="py-6">
                                <div class="flex flex-col xs:flex-row items-center">
                                    <div class="flex-none w-48 xs:w-32">
                                        <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 100%">
                                            <div class="absolute inset-0 flex items-center justify-center">
                                                <img class="block w-full" src="/user/pages/home/IServ-Webseite_Schritt_fuer_Schritt_zu_IServ-05.svg" alt="">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="pt-3 xs:pl-3 xs:pt-0">
                                        <span class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center xs:text-left">Schritt 5</span>
                                        <div class="design-update-markdown markdown-no-headings markdown-small mt-3">
                                            <p>Überzeugt? Nach der Testphase unterstützen die Expert(inn)en aus unserem Vertriebsteam Sie dabei, die passende Cloud-Lösung für Ihre IServ Schulplattform zu finden.</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="py-6">
                                <div class="flex flex-col xs:flex-row items-center">
                                    <div class="pt-3 xs:pl-3 xs:pt-0">
                                        <span class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center xs:text-left">Ohne Testphase starten</span>
                                        <div class="design-update-markdown markdown-no-headings markdown-small mt-3">
                                            <p>Sie wollen direkt ohne Testphase die IServ Schulplattform an Ihrer Schule einrichten?<br><a href="/vertrieb-kontaktieren">Unser Vertriebsteam berät Sie gerne</a>.</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="h-12 xs:h-20">
                </div>
                <section class="bg-iserv-blue-095">
                    <div class="bg-white ">
                    </div>
                    <div style="margin: -1px; top: -1px" class="relative h-4 sm:h-8 xl:h-12">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 1000 50">
                            <path d="m0,0v41.617s86.741,4.232,207.023,5.296c219.426,1.941,320.854-26.571,524.539-25.605,129.737.615,206.138,7.31,268.056,12.848V0H0Z" fill="#fff" stroke-width="0">
                            </path>
                        </svg>
                    </div>
                    <div class="container-base lg:container-2xl px-3 xs:px-6 relative z-10">
                        <div class="flex flex-wrap -m-6 xl:-m-12">
                            <div class="w-full lg:w-1/2 p-6 xl:p-12 flex items-center z-10 order-2 lg:order-1">
                                <div class="lg:pt-12 pb-12">
                                    <h3 class="block design-update-text-xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024">Starten Sie jetzt mit der IServ Schulplattform</h3>
                                    <p class="mt-3 design-update-text-base text-iserv-blue-024 hyphens-manual">Testen Sie die IServ Schulplattform drei Monate lang kostenfrei und unverbindlich. Legen Sie sofort los und digitalisieren Sie Ihre Schule einfach und sicher.</p>
                                    <a class="inline-flex items-center justify-center border-2 transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 font-bold uppercase min-h-12 px-4 py-1 design-update-text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-015 bg-iserv-blue-024 hover:bg-iserv-blue-015 text-white w-full xs:w-auto mt-4" href="/jetzt-starten"><span class="text-content text-center">Jetzt 3 Monate kostenfrei testen</span></a>
                                </div>
                            </div>
                            <div class="w-full lg:w-1/2 p-6 xl:p-12 z-0 order-1 lg:order-2">
                                <div class="flex w-full h-full justify-center items-center">
                                    <div style="width: 100%; ">
                                        <div style="padding-top: 100%; position: relative">
                                            <div style="position: absolute; top:-0%; right:-0%; bottom:-0%; left:-0%">
                                                <img src="/user/pages/home/IServ-Webseite_3_Monate_kostenfrei_starten_460x460px.svg">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="margin: -1px; bottom: -1px" class="relative h-4 sm:h-8 xl:h-12">
                        <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 1000 50">
                            <path d="m911.476,26.884c-148.408,0-249.64-14.637-363.648-14.637s-154.902,21.986-317.414,26.447C100.679,42.255,0,10,0,10v40h999.618v-25.311c-25.319,1.333-54.629,2.195-88.142,2.195Z" fill="#fff" stroke-width="0">
                            </path>
                        </svg>
                    </div>
                    <div class="bg-white ">
                    </div>
                </section>
                <div class="h-12 xs:h-20">
                </div>
                <div data-controller="slider-section-with-intro">
                    <div data-slider-section-with-intro-target="titleContainer" class="container-base px-3 xs:px-6 pb-3">
                        <h2 class="block design-update-text-xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center mb-3">IServ-Expertise für Ihren Schulalltag</h2>
                    </div>
                    <div class="container-2xl px-3 xs:px-6">
                        <div data-controller="grid-slider" data-grid-slider-config-value="{&quot;show_debug_borders&quot;:false}" class="relative">
                            <div data-grid-slider-target="buttonContainer" class="absolute right-0 -mt-16 hidden">
                                <div class="flex -m-1">
                                    <div class="p-1">
                                        <button class="w-10 h-10 pointer-events-auto rounded-full hover:bg-iserv-blue-020 focus:outline-none transition-all duration-150 flex items-center justify-center bg-iserv-neutral-097 text-iserv-neutral-085" type="button" data-grid-slider-target="prevBtn" data-action="click->grid-slider#prev">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path d="M16.5,3 7.5,12 16.5,21">
                                                </path>
                                            </svg>
                                        </button>
                                    </div>
                                    <div class="p-1">
                                        <button class="w-10 h-10 pointer-events-auto rounded-full hover:bg-iserv-blue-020 focus:outline-none transition-all duration-150 flex items-center justify-center bg-iserv-neutral-097 text-iserv-neutral-085" type="button" data-grid-slider-target="nextBtn" data-action="click->grid-slider#next">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path d="M7.5,21 16.5,12 7.5,3">
                                                </path>
                                            </svg>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div data-grid-slider-target="outerContainer" class="relative overflow-visible" style="margin: -0.75rem;">
                                <div data-grid-slider-target="scrollContainer" class="overflow-x-scroll no-scrollbars flex flex-wrap" style="scroll-snap-type: x mandatory; justify-content: center;">
                                    <div class="item flex-none" style="width: 33.3333%; padding: 0.75rem;">
                                        <div class="h-full flex flex-col">
                                            <div class="flex-none">
                                                <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 125%">
                                                    <div class="absolute inset-0 flex items-center justify-center">
                                                        <img class="block w-full" src="/user/pages/home/IServ-Webseite_Veranstaltungen_360x450px.svg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="flex-grow">
                                                <h3 class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 mt-3">Live vor Ort oder digital: Veranstaltungen von und mit IServ</h3>
                                                <div class="design-update-markdown markdown-no-headings markdown-small my-3">
                                                    <p>Tauschen Sie sich persönlich mit IServ-Expert(inn)en aus und lernen Sie die IServ Schulplattform auf Messen, IServ-Tagen oder in Webinaren kennen.</p>
                                                </div>
                                            </div>
                                            <a href="/termine" class="block text-iserv-blue-024 uppercase underline font-bold hyphens-manual design-update-text-sm">Veranstaltungen entdecken</a>
                                        </div>
                                    </div>
                                    <div class="item flex-none" style="width: 33.3333%; padding: 0.75rem;">
                                        <div class="h-full flex flex-col">
                                            <div class="flex-none">
                                                <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 125%">
                                                    <div class="absolute inset-0 flex items-center justify-center">
                                                        <img class="block w-full" src="/user/pages/home/IServ-Webseite_Akademie_Schulungen_und_Workshops_360x450px.png" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="flex-grow">
                                                <h3 class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 mt-3">Schulungen und Workshops mit der IServ-Akademie</h3>
                                                <div class="design-update-markdown markdown-no-headings markdown-small my-3">
                                                    <p>Die IServ-Akademie gibt Ihnen gezieltes Wissen an die Hand – von den Grundlagen bis hin zu den kleinen, aber feinen Unterschieden.</p>
                                                </div>
                                            </div>
                                            <a href="/akademie/schulungen-und-workshops" class="block text-iserv-blue-024 uppercase underline font-bold hyphens-manual design-update-text-sm">Fortbildungen buchen</a>
                                        </div>
                                    </div>
                                    <div class="item flex-none" style="width: 33.3333%; padding: 0.75rem;">
                                        <div class="h-full flex flex-col">
                                            <div class="flex-none">
                                                <div class="overflow-hidden relative w-full rounded-lg" style="padding-top: 125%">
                                                    <div class="absolute inset-0 flex items-center justify-center">
                                                        <img class="block w-full" src="/user/pages/home/IServ-Webseite_Erfahrungsberichte_360x450px.svg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="flex-grow">
                                                <h3 class="block design-update-text-base design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 mt-3">Erfahrungsberichte aus dem Schulalltag</h3>
                                                <div class="design-update-markdown markdown-no-headings markdown-small my-3">
                                                    <p>Erfahren Sie, welche Herausforderungen Schulen, Schulträger und Rechenzentren mit der IServ Schulplattform meistern.</p>
                                                </div>
                                            </div>
                                            <a href="/referenzen" class="block text-iserv-blue-024 uppercase underline font-bold hyphens-manual design-update-text-sm">Erfahrungsberichte lesen</a>
                                        </div>
                                    </div>
                                </div>
                                <div data-grid-slider-target="fadeOutOverlayLeft" class="bg-white fade-to-transparent-l absolute w-4 inset-y-0 left-0" style="opacity: 0;">
                                </div>
                                <div data-grid-slider-target="fadeOutOverlayRight" class="bg-white fade-to-transparent-r absolute w-4 inset-y-0 right-0" style="opacity: 0;">
                                </div>
                            </div>
                            <div data-grid-slider-target="indicatorBar" class="bg-iserv-neutral-085 relative h-1 mt-6 hidden">
                                <div class="bg-iserv-blue-024 absolute" style="inset: 0px 100% 0px 0%;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="h-12 xs:h-20">
                </div>
                <div class="container-base px-3 xs:px-6">
                    <h2 class="block design-update-text-xl design-update-title-margins hyphens-manual font-bold text-iserv-blue-024 text-center mb-3">Die führende Schulplattform in Deutschland</h2>
                </div>
                <div class="container-base lg:container-2xl px-3 xs:px-6">
                    <div class="flex flex-wrap -mx-6 xl:-mx-12">
                        <div class="w-full lg:w-1/2 p-6 pt-0 xl:p-12 flex justify-center items-center">
                            <div class="my-3">
                                <div class="-my-6">
                                    <div class="flex items-center py-6">
                                        <div class="text-iserv-blue-024 flex justify-center flex-none mr-6">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline w-18 h-auto" fill="currentColor" viewBox="0 0 24 22">
                                                <g>
                                                    <path d="M14.657,21.297H9.35v-0.799h5.307V21.297z M11.652,19.795h-1.551v-2.678h1.551V19.795z M13.906,19.795h-1.551v-2.678h1.551 V19.795z M1.461,11.482h4.532c0.093,0,0.182-0.037,0.248-0.103l5.762-5.762l5.761,5.762c0.066,0.066,0.155,0.103,0.249,0.103h2.63 c0.194,0,0.351-0.157,0.351-0.351s-0.157-0.351-0.351-0.351h-2.484l-2.678-2.678h6.436l1.19,2.678h-0.962 c-0.194,0-0.351,0.157-0.351,0.351s0.157,0.351,0.351,0.351h0.4v9.815H15.36v-1.151c0-0.194-0.157-0.351-0.351-0.351h-0.4v-3.029 c0-0.194-0.157-0.352-0.351-0.352H9.75c-0.194,0-0.351,0.158-0.351,0.352v3.029h-0.4c-0.194,0-0.351,0.157-0.351,0.351v1.151H1.461 V11.482z M2.09,8.101h6.436L5.848,10.78H0.9L2.09,8.101z M14.281,2.515h-1.927V1.34h1.927V2.515z M23.648,21.297h-0.4v-9.815h0.4 c0.119,0,0.23-0.06,0.295-0.16c0.065-0.1,0.074-0.225,0.026-0.334l-1.503-3.38c-0.057-0.127-0.182-0.209-0.321-0.209h-7.367 l-2.424-2.424V3.218h2.278c0.194,0,0.351-0.158,0.351-0.352V0.989c0-0.194-0.158-0.351-0.351-0.351h-2.63 c-0.194,0-0.351,0.157-0.351,0.351v3.986L9.229,7.399H1.861c-0.139,0-0.265,0.082-0.321,0.209l-1.503,3.38 c-0.048,0.109-0.038,0.235,0.026,0.334c0.065,0.1,0.176,0.16,0.295,0.16h0.4v9.815h-0.4c-0.194,0-0.351,0.157-0.351,0.351 S0.165,22,0.359,22h23.289C23.843,22,24,21.842,24,21.648S23.843,21.297,23.648,21.297">
                                                    </path>
                                                    <path d="M12.004,9.98c1.049,0,1.902,0.853,1.902,1.902c0,1.049-0.853,1.902-1.902,1.902s-1.902-0.853-1.902-1.902 C10.101,10.833,10.954,9.98,12.004,9.98 M12.004,14.487c1.437,0,2.605-1.169,2.605-2.605c0-1.437-1.168-2.606-2.605-2.606 c-1.437,0-2.605,1.169-2.605,2.606C9.399,13.318,10.567,14.487,12.004,14.487">
                                                    </path>
                                                    <path d="M12.004,12.985c0.194,0,0.351-0.157,0.351-0.351v-0.534l0.557-0.279c0.174-0.087,0.244-0.298,0.157-0.472 c-0.087-0.174-0.298-0.244-0.472-0.157l-0.751,0.376c-0.119,0.059-0.194,0.181-0.194,0.314v0.751 C11.652,12.827,11.81,12.985,12.004,12.985">
                                                    </path>
                                                    <path d="M7.52,18.668H5.594v-1.551H7.52V18.668z M7.872,16.414H2.613c-0.194,0-0.352,0.157-0.352,0.351v2.254 c0,0.194,0.158,0.352,0.352,0.352h0.751c0.194,0,0.351-0.158,0.351-0.352s-0.157-0.351-0.351-0.351h-0.4v-1.551h1.927v1.551H4.867 c-0.194,0-0.351,0.157-0.351,0.351s0.157,0.352,0.351,0.352h3.005c0.194,0,0.351-0.158,0.351-0.352v-2.254 C8.223,16.571,8.066,16.414,7.872,16.414">
                                                    </path>
                                                    <path d="M7.52,14.911H5.594V13.36H7.52V14.911z M2.964,13.361h1.927v1.551H2.964V13.361z M7.872,12.657H2.613 c-0.194,0-0.352,0.157-0.352,0.351v2.254c0,0.194,0.158,0.352,0.352,0.352h5.259c0.194,0,0.351-0.158,0.351-0.352v-2.254 C8.223,12.815,8.066,12.657,7.872,12.657">
                                                    </path>
                                                    <path d="M16.487,17.117h1.927v1.551h-1.927V17.117z M21.043,18.667h-1.927v-1.551h1.927V18.667z M16.136,19.371h5.259 c0.194,0,0.352-0.157,0.352-0.351v-2.254c0-0.194-0.158-0.352-0.352-0.352h-5.259c-0.194,0-0.351,0.158-0.351,0.352v2.254 C15.784,19.213,15.942,19.371,16.136,19.371">
                                                    </path>
                                                    <path d="M16.487,13.36h1.927v1.551h-1.927V13.36z M21.043,14.911h-1.927V13.36h1.927V14.911z M16.136,15.614h5.259 c0.194,0,0.352-0.157,0.352-0.351v-2.254c0-0.194-0.158-0.352-0.352-0.352h-5.259c-0.194,0-0.351,0.158-0.351,0.352v2.254 C15.784,15.457,15.942,15.614,16.136,15.614">
                                                    </path>
                                                </g>
                                            </svg>
                                        </div>
                                        <span class="design-update-text-lg"><span data-controller="upcount" data-upcount-duration-value="3000" class="text-iserv-blue-024 font-bold">5.000</span>&nbsp; <span class="text-iserv-neutral-035">überzeugte Schulen</span></span>
                                    </div>
                                    <div class="flex items-center py-6">
                                        <div class="text-iserv-blue-024 flex justify-center flex-none mr-6">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline w-18 h-auto" fill="currentColor" viewBox="0 0 24 21">
                                                <g>
                                                    <path d="M11.202,15.858h1.596c0.219,0,0.395-0.176,0.395-0.395c0-0.218-0.176-0.394-0.395-0.394h-1.596 c-0.218,0-0.395,0.176-0.395,0.394C10.807,15.682,10.984,15.858,11.202,15.858">
                                                    </path>
                                                    <path d="M10.197,5.785c-0.166-0.142-0.415-0.122-0.556,0.044l-4.1,4.8c-0.142,0.166-0.122,0.415,0.043,0.556 c0.074,0.064,0.166,0.095,0.257,0.095c0.111,0,0.222-0.047,0.3-0.138l4.1-4.801C10.383,6.176,10.363,5.926,10.197,5.785">
                                                    </path>
                                                    <path d="M5.578,8.652C5.653,8.72,5.747,8.752,5.84,8.752c0.109,0,0.217-0.044,0.295-0.132l1.109-1.246 C7.389,7.21,7.374,6.96,7.211,6.815C7.048,6.67,6.798,6.686,6.653,6.848L5.545,8.095C5.4,8.258,5.416,8.508,5.578,8.652">
                                                    </path>
                                                    <path d="M23.211,13.564h-1.037V7.736c0-0.218-0.177-0.394-0.395-0.394c-0.218,0-0.395,0.176-0.395,0.394v5.828H2.616V3.511 c0-0.058,0.047-0.105,0.105-0.105h18.559c0.057,0,0.104,0.047,0.104,0.105V5.93c0,0.218,0.177,0.395,0.395,0.395 c0.218,0,0.395-0.177,0.395-0.395V3.511c0-0.493-0.401-0.894-0.894-0.894H2.721c-0.493,0-0.894,0.401-0.894,0.894v10.053H0.79 V2.413c0-0.435,0.354-0.789,0.789-0.789h20.843c0.435,0,0.789,0.354,0.789,0.789V13.564z M23.211,15.785 c0,0.435-0.354,0.789-0.789,0.789H1.579c-0.435,0-0.789-0.354-0.789-0.789v-1.431h22.421V15.785z M9.862,20.211 c0.174-0.893,0.237-2.201,0.259-2.847h3.758c0.022,0.647,0.085,1.954,0.259,2.847H9.862z M22.421,0.834H1.579 C0.708,0.834,0,1.543,0,2.413v13.371c0,0.87,0.708,1.579,1.578,1.579h7.753c-0.028,0.793-0.105,2.109-0.275,2.847H7.356 c-0.218,0-0.394,0.176-0.394,0.394C6.962,20.823,7.139,21,7.356,21h9.287c0.219,0,0.395-0.177,0.395-0.395 c0-0.218-0.176-0.394-0.395-0.394h-1.699c-0.171-0.738-0.248-2.054-0.275-2.847h7.752c0.87,0,1.579-0.708,1.579-1.579V2.413 C24,1.543,23.292,0.834,22.421,0.834">
                                                    </path>
                                                </g>
                                            </svg>
                                        </div>
                                        <span class="design-update-text-lg"><span data-controller="upcount" data-upcount-duration-value="3000" class="text-iserv-blue-024 font-bold">515.000</span>&nbsp; <span class="text-iserv-neutral-035">verwaltete Geräte</span></span>
                                    </div>
                                    <div class="flex items-center py-6">
                                        <div class="text-iserv-blue-024 flex justify-center flex-none mr-6">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline w-18 h-auto" fill="currentColor" viewBox="0 0 24 19">
                                                <g>
                                                    <path d="M8.24,16.794c-0.194,0-0.351,0.157-0.351,0.351v1.503C7.889,18.842,8.046,19,8.24,19s0.351-0.158,0.351-0.352v-1.503 C8.592,16.952,8.434,16.794,8.24,16.794">
                                                    </path>
                                                    <path d="M15.753,16.794c-0.194,0-0.351,0.157-0.351,0.351v1.503c0,0.194,0.157,0.352,0.351,0.352c0.194,0,0.351-0.158,0.351-0.352 v-1.503C16.105,16.952,15.947,16.794,15.753,16.794">
                                                    </path>
                                                    <path d="M5.392,9.319C4.576,8.91,3.046,8.906,2.981,8.906c-0.194,0-0.351,0.157-0.351,0.351c0,0.194,0.157,0.352,0.351,0.352 c0.395,0,1.542,0.062,2.097,0.338c0.05,0.025,0.104,0.037,0.157,0.037c0.128,0,0.253-0.071,0.314-0.194 C5.636,9.616,5.566,9.405,5.392,9.319">
                                                    </path>
                                                    <path d="M1.854,16.043c-0.194,0-0.351,0.157-0.351,0.351v2.254C1.503,18.842,1.66,19,1.854,19s0.351-0.158,0.351-0.352v-2.254 C2.205,16.2,2.048,16.043,1.854,16.043">
                                                    </path>
                                                    <path d="M20.261,13.038c-0.974,0-1.786-0.729-1.891-1.695c-0.006-0.052-0.023-0.102-0.05-0.146 c-0.221-0.36-0.338-0.771-0.338-1.189c0-1.256,1.022-2.278,2.278-2.278c1.256,0,2.278,1.022,2.278,2.278 c0,0.242-0.039,0.482-0.116,0.711c-0.998-1.014-2.754-1.411-2.838-1.43c-0.104-0.023-0.213,0.002-0.296,0.069 c-0.083,0.067-0.131,0.167-0.131,0.274c0,0.002-0.016,0.246-0.273,0.503c-0.137,0.137-0.137,0.36,0,0.497 c0.137,0.137,0.36,0.137,0.497,0c0.198-0.198,0.314-0.398,0.382-0.568c0.591,0.175,1.819,0.619,2.37,1.398 C21.978,12.369,21.193,13.038,20.261,13.038 M20.795,14.651c-0.299,0.285-0.768,0.284-1.068,0l-0.327-0.31 c0.055-0.103,0.085-0.221,0.085-0.343v-0.374c0.246,0.076,0.506,0.118,0.775,0.118c0.27,0,0.53-0.042,0.776-0.118v0.374 c0,0.123,0.03,0.24,0.085,0.343L20.795,14.651z M18.783,13.997c0,0.009-0.005,0.018-0.013,0.022l-1.101,0.55 c-0.013-0.006-0.025-0.013-0.039-0.019l-1.607-0.71c0.782-0.279,1.313-0.582,1.595-0.765c0.242-0.157,0.368-0.442,0.32-0.727 c-0.002-0.016-0.005-0.033-0.008-0.05c0.198,0.398,0.493,0.735,0.854,0.983V13.997z M15.045,13.409l-0.58-0.256 c-0.144-0.064-0.238-0.208-0.238-0.366v-1.208c1.13-0.733,1.879-2.005,1.879-3.449V7.471c0-0.428-0.182-0.832-0.5-1.108 C14.899,5.749,13.3,4.677,10.529,4.4c-0.193-0.019-0.365,0.121-0.385,0.315c-0.019,0.193,0.121,0.365,0.314,0.385 c2.578,0.257,4.042,1.235,4.685,1.794c0.164,0.143,0.258,0.353,0.258,0.578V8.13c0,1.877-1.527,3.405-3.405,3.405 c-1.877,0-3.405-1.528-3.405-3.405V7.836c0-0.135,0.075-0.259,0.201-0.331c0.439-0.253,1.019-0.721,1.284-1.518 c0.061-0.184-0.038-0.383-0.222-0.445C9.67,5.482,9.471,5.581,9.41,5.765C9.214,6.351,8.775,6.704,8.441,6.896 c-0.341,0.196-0.552,0.556-0.552,0.94V8.13c0,1.444,0.748,2.716,1.878,3.449v1.208c0,0.158-0.093,0.302-0.238,0.366l-0.579,0.256 c-1.132-0.303-1.857-0.707-2.191-0.923c-0.007-0.004-0.011-0.009-0.009-0.02c0.123-0.725,0.438-2.815,0.714-6.564 c0.102-1.383,0.59-2.542,1.41-3.35c0.802-0.79,1.882-1.208,3.123-1.208s2.321,0.418,3.123,1.208c0.82,0.808,1.308,1.967,1.41,3.35 c0.277,3.749,0.592,5.839,0.714,6.563c0.002,0.011-0.002,0.016-0.008,0.021C16.901,12.702,16.176,13.106,15.045,13.409 M11.997,15.668c-1.144,0-2.179-0.639-2.695-1.646l0.511-0.226c0.399-0.176,0.657-0.572,0.657-1.009v-0.843 c0.472,0.189,0.988,0.294,1.527,0.294c0.54,0,1.054-0.104,1.527-0.294v0.843c0,0.437,0.258,0.833,0.657,1.009l0.511,0.226 C14.176,15.03,13.144,15.668,11.997,15.668 M6.987,14.275l-1.111-0.317c-0.29-0.083-0.29-0.115-0.29-0.193v-0.484 c0.118-0.082,0.23-0.173,0.336-0.276c0.071-0.069,0.137-0.141,0.199-0.216c0.056,0.114,0.143,0.215,0.255,0.287 c0.282,0.182,0.813,0.486,1.595,0.765L6.987,14.275z M4.049,13.037c-1.016-0.03-1.844-0.925-1.844-1.996v-0.657 c0-0.055-0.012-0.108-0.037-0.157L1.951,9.793C1.872,9.634,1.83,9.456,1.83,9.278V9.257c0-0.842,0.685-1.527,1.527-1.527h3.03 v1.459c0,0.236-0.056,0.472-0.161,0.683l-0.178,0.355C6.023,10.276,6.01,10.33,6.01,10.384v0.751c0,0.519-0.205,1.004-0.578,1.365 C5.06,12.862,4.569,13.053,4.049,13.037 M4.108,14.77L3.307,13.97c0.016-0.066,0.025-0.135,0.025-0.205v-0.148 c0.221,0.073,0.455,0.116,0.696,0.123c0.027,0.001,0.054,0.001,0.081,0.001c0.266,0,0.527-0.04,0.774-0.117v0.141 c0,0.076,0.008,0.145,0.022,0.208L4.108,14.77z M20.261,6.228c0.635,0,1.151,0.432,1.151,0.964c0,0.022-0.002,0.044-0.004,0.066 c-0.353-0.148-0.741-0.23-1.147-0.23c-0.406,0-0.794,0.082-1.148,0.23c-0.002-0.022-0.004-0.044-0.004-0.066 C19.11,6.66,19.626,6.228,20.261,6.228 M23.176,14.731l-1.423-0.711c-0.008-0.004-0.013-0.013-0.013-0.022v-0.716 c0.585-0.402,0.998-1.038,1.101-1.785c0.263-0.454,0.401-0.967,0.401-1.488c0-0.973-0.468-1.838-1.191-2.382 c0.043-0.141,0.065-0.287,0.065-0.435c0-0.919-0.832-1.666-1.854-1.666c-1.022,0-1.854,0.747-1.854,1.666 c0,0.148,0.022,0.294,0.064,0.435C18.04,7.951,17.7,8.39,17.496,8.897c-0.087-0.856-0.178-1.868-0.265-3.047 c-0.115-1.556-0.674-2.869-1.618-3.799c-0.936-0.923-2.187-1.41-3.616-1.41s-2.68,0.487-3.616,1.41 c-0.944,0.93-1.503,2.243-1.618,3.799C6.732,6.263,6.701,6.655,6.67,7.028H3.357c-1.229,0-2.23,1-2.23,2.23v0.021 c0,0.286,0.068,0.573,0.196,0.829l0.18,0.36v0.574c0,0.91,0.448,1.725,1.127,2.216v0.508c0,0.065-0.043,0.123-0.106,0.141 l-1.451,0.415C0.441,14.501,0,15.085,0,15.742v2.907C0,18.842,0.157,19,0.351,19c0.194,0,0.351-0.158,0.351-0.351v-2.907 c0-0.345,0.232-0.651,0.562-0.746l1.451-0.415c0.053-0.015,0.102-0.035,0.15-0.059l0.891,0.891v3.236 C3.757,18.842,3.914,19,4.108,19c0.194,0,0.351-0.158,0.351-0.351v-3.236l0.897-0.897c0.12,0.059,0.239,0.093,0.327,0.118 l0.357,0.101c-0.483,0.344-0.781,0.904-0.781,1.511v2.402C5.259,18.842,5.416,19,5.61,19c0.194,0,0.352-0.158,0.352-0.352v-2.402 c0-0.456,0.269-0.869,0.686-1.053l2.01-0.888c0.629,1.261,1.916,2.064,3.339,2.064c1.428,0,2.711-0.802,3.34-2.064l2.009,0.887 c0.417,0.184,0.686,0.597,0.686,1.053v2.402c0,0.194,0.157,0.352,0.351,0.352s0.351-0.158,0.351-0.352v-2.402 c0-0.45-0.163-0.873-0.443-1.202l0.544-0.272l0.408,0.388c0.286,0.272,0.652,0.407,1.019,0.407c0.366,0,0.733-0.136,1.018-0.407 l0.408-0.388l1.174,0.587c0.265,0.132,0.429,0.398,0.429,0.694v2.595c0,0.194,0.157,0.352,0.351,0.352 c0.194,0,0.352-0.158,0.352-0.352v-2.595C23.994,15.489,23.681,14.983,23.176,14.731">
                                                    </path>
                                                    <path d="M22.139,16.508c-0.194,0-0.351,0.157-0.351,0.351v1.79c0,0.194,0.157,0.351,0.351,0.351c0.194,0,0.351-0.157,0.351-0.351 v-1.79C22.491,16.665,22.334,16.508,22.139,16.508">
                                                    </path>
                                                </g>
                                            </svg>
                                        </div>
                                        <span class="design-update-text-lg"><span data-controller="upcount" data-upcount-duration-value="3000" class="text-iserv-blue-024 font-bold">4.651.000</span>&nbsp; <span class="text-iserv-neutral-035">Benutzer(innen)</span></span>
                                    </div>
                                    <div class="flex items-center py-6">
                                        <div class="text-iserv-blue-024 flex justify-center flex-none mr-6">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline w-18 h-auto" fill="currentColor" viewBox="0 0 24 24">
                                                <g>
                                                    <path d="M19.923,18.68h1.067v2.229h-1.067V18.68z M19.792,21.612h1.329c0.316,0,0.572-0.257,0.572-0.572v-2.49 c0-0.316-0.257-0.572-0.572-0.572h-1.329c-0.316,0-0.572,0.256-0.572,0.572v2.49C19.22,21.355,19.477,21.612,19.792,21.612">
                                                    </path>
                                                    <path d="M23.297,14.772h-6.948v-1.288h6.948V14.772z M22.539,23.297h-4.268v-6.16h0.298c0.34,0,0.617-0.277,0.617-0.618v-1.045 h3.353V23.297z M16.568,17.137h0.999v6.16h-0.999V17.137z M10.517,23.297v-2.622c0-0.816,0.665-1.481,1.483-1.481 s1.483,0.665,1.483,1.481v2.622H10.517z M6.432,17.137h0.999v6.16H6.432V17.137z M1.461,15.475h3.352v1.045 c0,0.341,0.277,0.618,0.618,0.618h0.297v6.16H1.461V15.475z M18.483,15.475v0.959h-5.601c-0.194,0-0.352,0.157-0.352,0.352 c0,0.194,0.157,0.351,0.352,0.351h2.983v6.16h-1.679v-2.622c0-1.204-0.981-2.184-2.186-2.184s-2.186,0.98-2.186,2.184v2.622h-1.68 v-6.16h3.096c0.194,0,0.352-0.157,0.352-0.351c0-0.194-0.157-0.352-0.352-0.352H5.517v-0.959H18.483z M8.355,13.131v-1.62H9.65 v3.26H8.355V13.131z M7.326,9.892h9.348v0.917H7.326V9.892z M10.726,6.125c-0.435,0.769-0.683,1.916-0.725,3.064h-1.63 C8.507,7.78,9.447,6.603,10.726,6.125 M12,5.894c0.515,0,1.222,1.244,1.296,3.294h-2.591C10.778,7.138,11.485,5.894,12,5.894 M15.629,9.188h-1.63c-0.042-1.147-0.289-2.294-0.724-3.064C14.553,6.603,15.494,7.78,15.629,9.188 M10.352,11.512h1.296v3.26 h-1.296V11.512z M12.351,11.512h1.296v3.26h-1.296V11.512z M15.646,13.131v1.64h-1.295v-3.26h1.295V13.131z M12.351,1.379h2.226 v1.517h-2.226V1.379z M23.452,12.78h-7.103v-1.268h0.426c0.332,0,0.602-0.271,0.602-0.603V9.792c0-0.333-0.27-0.603-0.602-0.603 h-0.441c-0.17-2.118-1.865-3.813-3.983-3.983V3.6h2.334c0.328,0,0.595-0.266,0.595-0.594V1.27c0-0.327-0.266-0.594-0.595-0.594 h-2.461c-0.318,0-0.577,0.259-0.577,0.577v3.953C9.53,5.376,7.836,7.07,7.665,9.188h-0.44c-0.332,0-0.602,0.271-0.602,0.603v1.117 c0,0.333,0.27,0.603,0.602,0.603h0.426v1.268H4.982c-0.194,0-0.352,0.157-0.352,0.351c0,0.194,0.157,0.352,0.352,0.352h2.669v1.288 H0.703v-1.288h2.655c0.194,0,0.352-0.157,0.352-0.352c0-0.194-0.157-0.351-0.352-0.351h-2.81C0.245,12.78,0,13.026,0,13.328v1.598 c0,0.302,0.245,0.549,0.548,0.549h0.211v7.962c0,0.31,0.256,0.563,0.57,0.563h21.344c0.314,0,0.57-0.253,0.57-0.563v-7.962h0.21 c0.302,0,0.548-0.247,0.548-0.549v-1.598C24,13.026,23.754,12.78,23.452,12.78">
                                                    </path>
                                                    <path d="M4.077,20.909H3.01v-2.229h1.067V20.909z M4.208,17.977H2.879c-0.316,0-0.572,0.257-0.572,0.572v2.49 c0,0.316,0.257,0.572,0.572,0.572h1.329c0.316,0,0.572-0.257,0.572-0.572v-2.49C4.78,18.234,4.523,17.977,4.208,17.977">
                                                    </path>
                                                </g>
                                            </svg>
                                        </div>
                                        <span class="design-update-text-lg"><span data-controller="upcount" data-upcount-duration-value="3000" class="text-iserv-blue-024 font-bold">0</span>&nbsp; <span class="text-iserv-neutral-035">überzeugte Schulträger</span></span>
                                    </div>
                                    <div class="flex items-center py-6">
                                        <div class="text-iserv-blue-024 flex justify-center flex-none mr-6">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline w-18 h-auto" fill="currentColor" viewBox="0 0 20 24">
                                                <g>
                                                    <path d="M10.011,0.075c-0.176,0-0.319,0.143-0.319,0.319V2.12c0,0.176,0.143,0.319,0.319,0.319c0.176,0,0.319-0.143,0.319-0.319 V0.394C10.331,0.218,10.188,0.075,10.011,0.075">
                                                    </path>
                                                    <path d="M10.011,0.075c-0.176,0-0.319,0.143-0.319,0.319V2.12c0,0.176,0.143,0.319,0.319,0.319c0.176,0,0.319-0.143,0.319-0.319 V0.394C10.331,0.218,10.188,0.075,10.011,0.075z">
                                                    </path>
                                                    <path d="M3.424,2.98c-0.06-0.061-0.141-0.094-0.226-0.094c-0.085,0-0.166,0.034-0.226,0.094c-0.06,0.06-0.094,0.14-0.094,0.226 c0,0.085,0.034,0.165,0.094,0.226l1.22,1.22c0.061,0.06,0.141,0.094,0.227,0.094s0.165-0.034,0.225-0.094 c0.125-0.125,0.125-0.327,0-0.452L3.424,2.98z">
                                                    </path>
                                                    <path d="M3.424,2.98c-0.06-0.061-0.141-0.094-0.226-0.094c-0.085,0-0.166,0.034-0.226,0.094c-0.06,0.06-0.094,0.14-0.094,0.226 c0,0.085,0.034,0.165,0.094,0.226l1.22,1.22c0.061,0.06,0.141,0.094,0.227,0.094s0.165-0.034,0.225-0.094 c0.125-0.125,0.125-0.327,0-0.452L3.424,2.98z">
                                                    </path>
                                                    <path d="M2.095,9.693H0.369c-0.176,0-0.319,0.143-0.319,0.319s0.143,0.319,0.319,0.319h1.726c0.086,0,0.166-0.034,0.227-0.094 c0.06-0.06,0.092-0.14,0.092-0.225C2.415,9.836,2.271,9.693,2.095,9.693">
                                                    </path>
                                                    <path d="M2.095,9.693H0.369c-0.176,0-0.319,0.143-0.319,0.319s0.143,0.319,0.319,0.319h1.726c0.086,0,0.166-0.034,0.227-0.094 c0.06-0.06,0.092-0.14,0.092-0.225C2.415,9.836,2.271,9.693,2.095,9.693z">
                                                    </path>
                                                    <path d="M19.63,9.716h-1.726c-0.176,0-0.319,0.143-0.319,0.319s0.143,0.319,0.319,0.319h1.726c0.176,0,0.319-0.143,0.319-0.319 S19.807,9.716,19.63,9.716">
                                                    </path>
                                                    <path d="M19.63,9.716h-1.726c-0.176,0-0.319,0.143-0.319,0.319s0.143,0.319,0.319,0.319h1.726c0.176,0,0.319-0.143,0.319-0.319 S19.807,9.716,19.63,9.716z">
                                                    </path>
                                                    <path d="M16.817,2.903c-0.085,0-0.166,0.034-0.226,0.094l-1.22,1.22c-0.125,0.125-0.125,0.327,0,0.452 c0.061,0.061,0.141,0.094,0.227,0.094c0.085,0,0.165-0.034,0.225-0.094l1.22-1.22c0.125-0.125,0.125-0.327,0-0.451 C16.983,2.936,16.902,2.903,16.817,2.903">
                                                    </path>
                                                    <path d="M16.817,2.903c-0.085,0-0.166,0.034-0.226,0.094l-1.22,1.22c-0.125,0.125-0.125,0.327,0,0.452 c0.061,0.061,0.141,0.094,0.227,0.094c0.085,0,0.165-0.034,0.225-0.094l1.22-1.22c0.125-0.125,0.125-0.327,0-0.451 C16.983,2.936,16.902,2.903,16.817,2.903z">
                                                    </path>
                                                    <path d="M11.453,21.676H8.547c-0.398,0-0.739-0.253-0.87-0.606h4.646C12.192,21.423,11.851,21.676,11.453,21.676 M11.132,22.764 c0,0.286-0.233,0.519-0.519,0.519H9.387c-0.287,0-0.519-0.233-0.519-0.519v-0.447h2.264V22.764z M12.38,18.663v0.56h-2.294 c-0.177,0-0.321,0.143-0.321,0.321s0.143,0.321,0.321,0.321h2.294v0.564H7.62v-0.564h0.91c0.177,0,0.321-0.143,0.321-0.321 s-0.143-0.321-0.321-0.321H7.62v-0.56H12.38z M14.821,7.352c-0.15,0.094-0.197,0.292-0.103,0.442 c0.544,0.876,0.832,1.887,0.832,2.924c0,1.395-0.521,2.729-1.466,3.756c-0.505,0.548-0.886,1.24-1.103,2.003l-0.511,1.544h-5.17 c-0.177,0-0.321,0.143-0.321,0.321v2.407c0,0.755,0.536,1.387,1.248,1.535v0.479c0,0.64,0.521,1.161,1.161,1.161h1.225 c0.64,0,1.161-0.521,1.161-1.161v-0.479c0.712-0.148,1.248-0.78,1.248-1.535v-2.355l0.57-1.722 c0.001-0.005,0.003-0.009,0.004-0.014c0.189-0.669,0.521-1.274,0.96-1.75c1.054-1.145,1.636-2.634,1.636-4.19 c0-1.157-0.321-2.285-0.929-3.263C15.169,7.305,14.971,7.259,14.821,7.352z">
                                                    </path>
                                                    <path d="M11.453,21.676H8.547c-0.398,0-0.739-0.253-0.87-0.606h4.646C12.192,21.423,11.851,21.676,11.453,21.676z M11.132,22.764 c0,0.286-0.233,0.519-0.519,0.519H9.387c-0.287,0-0.519-0.233-0.519-0.519v-0.447h2.264V22.764z M12.38,18.663v0.56h-2.294 c-0.177,0-0.321,0.143-0.321,0.321s0.143,0.321,0.321,0.321h2.294v0.564H7.62v-0.564h0.91c0.177,0,0.321-0.143,0.321-0.321 s-0.143-0.321-0.321-0.321H7.62v-0.56H12.38z M14.821,7.352c-0.15,0.094-0.197,0.292-0.103,0.442 c0.544,0.876,0.832,1.887,0.832,2.924c0,1.395-0.521,2.729-1.466,3.756c-0.505,0.548-0.886,1.24-1.103,2.003l-0.511,1.544h-5.17 c-0.177,0-0.321,0.143-0.321,0.321v2.407c0,0.755,0.536,1.387,1.248,1.535v0.479c0,0.64,0.521,1.161,1.161,1.161h1.225 c0.64,0,1.161-0.521,1.161-1.161v-0.479c0.712-0.148,1.248-0.78,1.248-1.535v-2.355l0.57-1.722 c0.001-0.005,0.003-0.009,0.004-0.014c0.189-0.669,0.521-1.274,0.96-1.75c1.054-1.145,1.636-2.634,1.636-4.19 c0-1.157-0.321-2.285-0.929-3.263C15.169,7.305,14.971,7.259,14.821,7.352z">
                                                    </path>
                                                    <path d="M7.11,16.759l-0.074-0.222c-0.225-0.791-0.62-1.513-1.144-2.09c-0.96-1.056-1.471-2.423-1.44-3.851 C4.482,9.17,5.06,7.823,6.078,6.804s2.363-1.6,3.789-1.633c1.482-0.034,2.887,0.507,3.958,1.528 c0.128,0.122,0.332,0.117,0.454-0.012c0.123-0.128,0.117-0.332-0.011-0.454c-1.195-1.138-2.763-1.742-4.417-1.704 C8.26,4.566,6.759,5.213,5.623,6.35C4.488,7.488,3.844,8.99,3.81,10.581c-0.034,1.593,0.536,3.12,1.607,4.297 c0.459,0.505,0.806,1.142,1.004,1.84c0.001,0.005,0.003,0.01,0.004,0.014l0.076,0.228c0.045,0.135,0.17,0.22,0.305,0.22 c0.034,0,0.068-0.006,0.101-0.017C7.075,17.109,7.166,16.928,7.11,16.759">
                                                    </path>
                                                    <path d="M7.11,16.759l-0.074-0.222c-0.225-0.791-0.62-1.513-1.144-2.09c-0.96-1.056-1.471-2.423-1.44-3.851 C4.482,9.17,5.06,7.823,6.078,6.804s2.363-1.6,3.789-1.633c1.482-0.034,2.887,0.507,3.958,1.528 c0.128,0.122,0.332,0.117,0.454-0.012c0.123-0.128,0.117-0.332-0.011-0.454c-1.195-1.138-2.763-1.742-4.417-1.704 C8.26,4.566,6.759,5.213,5.623,6.35C4.488,7.488,3.844,8.99,3.81,10.581c-0.034,1.593,0.536,3.12,1.607,4.297 c0.459,0.505,0.806,1.142,1.004,1.84c0.001,0.005,0.003,0.01,0.004,0.014l0.076,0.228c0.045,0.135,0.17,0.22,0.305,0.22 c0.034,0,0.068-0.006,0.101-0.017C7.075,17.109,7.166,16.928,7.11,16.759z">
                                                    </path>
                                                    <path d="M13.388,9.566c0.179-0.072,0.266-0.276,0.194-0.456c-0.3-0.746-0.812-1.381-1.478-1.836 C11.421,6.807,10.62,6.564,9.79,6.57C9.596,6.571,9.441,6.729,9.442,6.922C9.443,7.115,9.6,7.27,9.792,7.27h0.003 c0.008,0,0.016-0.001,0.025-0.001c1.378,0,2.599,0.823,3.114,2.103c0.055,0.136,0.187,0.219,0.325,0.219 C13.301,9.591,13.346,9.584,13.388,9.566">
                                                    </path>
                                                    <path d="M13.388,9.566c0.179-0.072,0.266-0.276,0.194-0.456c-0.3-0.746-0.812-1.381-1.478-1.836 C11.421,6.807,10.62,6.564,9.79,6.57C9.596,6.571,9.441,6.729,9.442,6.922C9.443,7.115,9.6,7.27,9.792,7.27h0.003 c0.008,0,0.016-0.001,0.025-0.001c1.378,0,2.599,0.823,3.114,2.103c0.055,0.136,0.187,0.219,0.325,0.219 C13.301,9.591,13.346,9.584,13.388,9.566z">
                                                    </path>
                                                    <path d="M13.772,10.873c0.065-0.065,0.103-0.155,0.103-0.247s-0.037-0.183-0.103-0.248c-0.065-0.065-0.156-0.103-0.247-0.103 c-0.092,0-0.183,0.037-0.248,0.103c-0.065,0.065-0.103,0.156-0.103,0.248s0.037,0.182,0.103,0.247 c0.065,0.065,0.155,0.103,0.248,0.103C13.617,10.976,13.707,10.938,13.772,10.873">
                                                    </path>
                                                    <path d="M13.772,10.873c0.065-0.065,0.103-0.155,0.103-0.247s-0.037-0.183-0.103-0.248c-0.065-0.065-0.156-0.103-0.247-0.103 c-0.092,0-0.183,0.037-0.248,0.103c-0.065,0.065-0.103,0.156-0.103,0.248s0.037,0.182,0.103,0.247 c0.065,0.065,0.155,0.103,0.248,0.103C13.617,10.976,13.707,10.938,13.772,10.873z">
                                                    </path>
                                                </g>
                                            </svg>
                                        </div>
                                        <span class="design-update-text-lg"><span data-controller="upcount" data-upcount-duration-value="3000" class="text-iserv-blue-024 font-bold">0</span>&nbsp; <span class="text-iserv-neutral-035">Jahre Erfahrung</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full lg:w-1/2 p-6 xl:p-12 flex items-center">
                            <img class="block w-full max-w-md" src="/user/themes/iserv/images/global_config/iserv-stats-map.svg">
                        </div>
                    </div>
                </div>
                <div class="h-6 xs:h-10">
                </div>
                <div class="hidden lg:block pb-3 2xl:pb-0 fixed right-0 bottom-0 2xl:top-1/2 z-10">
                    <a href="/jetzt-starten" id="button_dynamisch" class="hidden lg:block p-3 bg-iserv-yellow-049 text-black font-bold design-update-text-sm text-center w-48 rounded-l-lg">Jetzt 3 Monate kostenfrei testen</a>
                </div>
            </main>
            <footer class="bg-iserv-neutral-097 pt-6">
                <div class="default-container">
                    <div class="flex flex-wrap -mx-6">
                        <div class="w-full sm:w-2/3 md:w-3/5 px-6">
                            <div class="flex flex-wrap -mx-6">
                                <div class="w-1/2 lg:w-1/3 p-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">IServ</span>
                                    <a href="/" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Startseite</span></a>
                                    <a href="/die-iserv-schulplattform" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Die IServ Schulplattform</span></a>
                                    <a href="/die-iserv-schulplattform/cloud-loesungen" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Cloud-Lösungen</span></a>
                                    <a href="/die-iserv-schulplattform/sicherheit" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Sicherheit</span></a>
                                    <a href="/die-iserv-schulplattform/datenschutz" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Datenschutz</span></a>
                                    <a href="/die-iserv-schulplattform/kosteneffizienz" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Kosteneffizienz</span></a>
                                    <a href="/referenzen" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Referenzen</span></a>
                                </div>
                                <div class="w-1/2 lg:w-1/3 p-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">Über Uns</span>
                                    <a href="/unternehmen" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Unternehmen</span></a>
                                    <a href="/unternehmen/team" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Unser Team</span></a>
                                    <a href="/karriere" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Karriere</span></a>
                                    <a href="/presse" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Presse</span></a>
                                    <a href="/aktuelles" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Neuigkeiten von IServ</span></a>
                                </div>
                                <div class="w-1/2 lg:w-1/3 p-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">Ressourcen</span>
                                    <a href="https://doku.iserv.de" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Dokumentation</span></a>
                                    <a href="/support" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Support</span></a>
                                    <a href="/haeufig-gestellte-fragen" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">FAQ</span></a>
                                    <a href="/app" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">IServ-App</span></a>
                                    <a href="/termine" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Termine</span></a>
                                </div>
                                <div class="w-1/2 lg:w-1/3 p-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">Downloads</span>
                                    <a href="/downloads" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Alle Downloads</span></a>
                                    <a href="/downloads/installation" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Installation</span></a>
                                    <a href="/downloads/softwareverteilung" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Softwareverteilung</span></a>
                                    <a href="/downloads/tools" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Tools</span></a>
                                    <a href="/downloads/open-source" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Open Source</span></a>
                                </div>
                                <div class="w-1/2 lg:w-1/3 p-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">IServ-Akademie</span>
                                    <a href="/akademie" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Akademie-Übersicht</span></a>
                                    <a href="/akademie/grundlagenschulungen" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Grund­lagen­schulungen</span></a>
                                    <a href="/akademie/themen-workshops" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Themen-Workshops</span></a>
                                    <a href="/akademie/individuelle-workshops" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Individuelle Workshops</span></a>
                                    <a href="/akademie/termine" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Fortbildungstermine</span></a>
                                    <a href="/akademie/iserv-berater" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Akademie-Berater</span></a>
                                </div>
                                <div class="w-1/2 lg:w-1/3 p-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">IServ bestellen</span>
                                    <a href="/funktionen-vergleichen" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Funktionen vergleichen</span></a>
                                    <a href="/jetzt-starten" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">IServ-Testversion</span></a>
                                    <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-hosted-cloud" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">IServ Hosted Cloud</span></a>
                                    <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-local-cloud" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">IServ Local Cloud</span></a>
                                    <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-regio-cloud" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">IServ Regio Cloud</span></a>
                                    <a href="/vertrieb-kontaktieren" class="group block py-1.5"><span class="text-sm group-hover:underline text-iserv-neutral-050 group-hover:text-black">Vertrieb kontaktieren</span></a>
                                </div>
                            </div>
                        </div>
                        <div class="w-full sm:w-1/3 md:w-2/5 px-6">
                            <div>
                                <div class="py-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">Der IServ-Newsletter</span>
                                    <p class="text-sm text-iserv-neutral-050 leading-7">News und Tipps rund um die IServ Schulplattform, neue Module und das Thema Schuldigitalisierung.</p>
                                    <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-015 bg-iserv-blue-024 hover:bg-iserv-blue-015 text-white hover:text-white mt-4" href="/newsletter"><span class="text-content">Jetzt anmelden</span></a>
                                </div>
                                <div class="py-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">Folgen Sie uns auf</span>
                                    <div class="flex flex-wrap -mx-3">
                                        <div class="p-3">
                                            <a href="https://www.facebook.com/iserv.gmbh" class="block bg-facebook text-white p-2 rounded transition-color duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="h-5 w-5" viewBox="0 0 16 16"><path d="M12.154,0.115v2.539h-1.51c-1.183,0-1.404,0.567-1.404,1.385v1.817h2.817l-0.375,2.846H9.24v7.299H6.298V8.702H3.846V5.856 h2.452V3.76C6.298,1.327,7.788,0,9.962,0C11,0,11.894,0.077,12.154,0.115z"></path></svg></a>
                                        </div>
                                        <div class="p-3">
                                            <a href="https://www.instagram.com/iserv.schule/" class="block bg-instagram text-white p-2 rounded transition-color duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="h-5 w-5" viewBox="0 0 16 16"><path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path></svg></a>
                                        </div>
                                        <div class="p-3">
                                            <a href="https://www.linkedin.com/company/iserv-gmbh" class="block bg-linkedin text-white p-2 rounded transition-color duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="h-5 w-5" viewBox="0 0 16 16"><path d="M3.634,5.324v10.319H0.198V5.324H3.634z M3.853,2.137c0.01,0.989-0.739,1.781-1.937,1.781H1.895 C0.739,3.918,0,3.127,0,2.137c0-1.01,0.771-1.781,1.937-1.781C3.114,0.357,3.842,1.127,3.853,2.137z M15.994,9.729v5.915h-3.426 v-5.519c0-1.385-0.5-2.333-1.739-2.333c-0.948,0-1.51,0.635-1.76,1.25C8.986,9.27,8.955,9.572,8.955,9.885v5.758H5.529 c0.042-9.351,0-10.319,0-10.319h3.426v1.499H8.934c0.448-0.708,1.26-1.739,3.114-1.739C14.308,5.084,15.994,6.563,15.994,9.729z"></path></svg></a>
                                        </div>
                                        <div class="p-3">
                                            <a href="https://www.youtube.com/channel/UCWC1tnrI6P_vBQTq_hiQAlw" class="block bg-youtube text-white p-2 rounded transition-color duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="h-5 w-5" viewBox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.122C.002 7.343.01 6.6.064 5.78l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"></path></svg></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="py-6">
                                    <span class="block text-iserv-neutral-000 font-semibold mb-4">IServ-App laden</span>
                                    <div class="flex flex-wrap -mx-3">
                                        <div class="p-3">
                                            <a href="https://apps.apple.com/de/app/iserv-3/id948660000?l=de"><img class="h-10" src="/user/themes/iserv/images/global_config/Download_on_the_App_Store_Badge_DE_RGB_blk_092917.svg" alt="iOS App Store Badge"></a>
                                        </div>
                                        <div class="p-3">
                                            <a href="https://play.google.com/store/apps/details?id=eu.iserv.webapp"><img class="h-10" src="/user/themes/iserv/images/global_config/google-play-badge.png" alt="Google Play Badge"></a>
                                        </div>
                                        <div class="p-3">
                                            <a href="https://appgallery.huawei.com/#/app/C102538501"><img class="h-10" src="/user/themes/iserv/images/global_config/huawei_app_store.png" alt="Huawei AppGallery Badge"></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="border-b-2 border-iserv-neutral-085">
                    </div>
                    <div class="flex flex-wrap -mx-6">
                        <div class="w-full sm:w-1/3 md:w-2/5 px-6">
                            <div class="w-full max-w-xxxs mt-7 mb-6">
                                <div>
                                    <img class="w-full" src="/user/themes/iserv/images/global_config/bmwk_footer/BMWK-IServ-Logo_600x640px.png" alt="BMWK Logo">
                                </div>
                                <div class="pt-6" data-controller="tooltip">
                                    <span data-tooltip-target="triggerArea" class="cursor-pointer text-sm text-iserv-neutral-050 hover:underline hover:text-black">Mehr erfahren</span>
                                    <div class="hidden pt-1" data-tooltip-target="content" style="display:none; position: absolute; z-index: 99999">
                                        <div class="rounded-lg border-2 border-iserv-neutral-085 bg-white max-w-md p-2 shadow-md">
                                            <div class="design-update-markdown markdown-no-headings markdown-smaller"><p>Unser Projekt »Elternkommunikation« ist Teil eines Förderungsprojekts des Bundes.</p></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="w-full sm:w-2/3 md:w-3/5 px-6">
                            <div class="py-6">
                                <span class="block text-iserv-neutral-000 font-semibold mb-4">Unsere Auszeichnungen</span>
                                <div>
                                    <div class="flex flex-wrap -mx-3 -mx-6">
                                        <div class="w-1/2 xs:w-1/3 sm:w-1/2 lg:w-1/3 flex items-start justify-start p-6">
                                            <a class="w-full max-w-36" href="/aktuelles/iserv-beim-unternehmerpreis-38-fuer-erfolg-und-engagement-ausgezeichnet"><div><img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/iserv-unternehmerpreis-region-38.png" alt=""></div></a>
                                        </div>
                                        <div class="w-1/2 xs:w-1/3 sm:w-1/2 lg:w-1/3 flex items-start justify-start p-6">
                                            <a class="w-full max-w-36" href="/aktuelles/iserv-gestaltet-als-zukunftgeber-schule-von-morgen"><div style=" margin-right: -5%; margin-left: -5%;"><img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/Zukunftgeber-Logo_500x500px.png" alt=""></div></a>
                                        </div>
                                        <div class="w-1/2 xs:w-1/3 sm:w-1/2 lg:w-1/3 flex items-start justify-start p-6">
                                            <a class="w-full max-w-36" href="/aktuelles/iserv-schulplattform-als-innovativste-plattform-fuer-das-management-von-bildungsnetzwerken-ausgezeichnet"><div style=" margin-right: -8%; margin-left: -6%;"><img class="w-full" src="/user/themes/iserv/images/global_config/seal_gallery/German-Business-Award-2023_500x800px.png" alt=""></div></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="border-b-2 border-iserv-neutral-085">
                    </div>
                    <div class="flex flex-wrap py-3 -mx-3">
                        <a href="/impressum" class="block px-3 text-sm text-iserv-neutral-050 leading-7 hover:text-black hover:underline cursor-pointer w-full sm:w-auto">Impressum</a>
                        <a href="/datenschutzerklaerung" class="block px-3 text-sm text-iserv-neutral-050 leading-7 hover:text-black hover:underline cursor-pointer w-full sm:w-auto">Datenschutz</a>
                        <span data-action="click->usercentrics#clickOpenLightbox" class="block px-3 text-sm text-iserv-neutral-050 leading-7 hover:text-black hover:underline cursor-pointer w-full sm:w-auto">Privatsphäre-Einstellungen</span>
                        <span class="block px-3 text-sm text-iserv-neutral-050 leading-7 w-full sm:w-auto">© 2024 IServ GmbH</span>
                    </div>
                </div>
            </footer>
        </div>
        <div data-frames-target="navFrameDesktop" class="hidden opacity-0 transition-opacity duration-300">
            <div data-sticky-header-bars-target="spacer" style="height: 64px;">
            </div>
            <div class="hidden h-0 fixed top-0 z-20 w-full flex flex-col max-h-screen bg-white transition-all duration-300" data-desktop-navigation-target="outerWrapper">
                <div class="opacity-0 overflow-y-scroll no-scrollbars transition-opacity duration-300" data-desktop-navigation-target="innerWrapper">
                    <div data-sticky-header-bars-target="spacer" style="height: 64px;">
                    </div>
                    <div class="keen-slider transition-all duration-300">
                        <div class="keen-slider__slide bg-nav-slide-desktop">
                            <div class="default-container w-full h-full overflow-hidden">
                                <div class="-mx-6 flex h-full">
                                    <div class="w-1/3 p-6 bg-white">
                                        <span class="block text-base uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Module und Funktionen</span>
                                        <a href="/die-iserv-schulplattform/funktionen/kommunikation" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M4.751,17.492a1.371,1.371,0,0,1,.407,1.1,15.412,15.412,0,0,1-.514,2.754,15.986,15.986,0,0,0,3.6-1.266,1.379,1.379,0,0,1,.974-.115,11.231,11.231,0,0,0,2.878.345c5.49-.062,9.572-3.958,9.527-8.341s-4.214-8.2-9.7-8.137S2.342,7.778,2.387,12.17A7.532,7.532,0,0,0,4.751,17.492Zm-.62,5.365c-.328.071-.646.133-.974.186a.359.359,0,0,1-.381-.5c.115-.292.23-.584.328-.876v-.018a13.9,13.9,0,0,0,.69-3.2,8.862,8.862,0,0,1-2.78-6.278C.952,6.875,5.831,2.519,11.9,2.448s11.033,4.188,11.1,9.492-4.817,9.669-10.882,9.731a12.4,12.4,0,0,1-3.232-.39,18.486,18.486,0,0,1-4.746,1.567Z" fill="currentColor"></path> <path d="M6.507,8.635A.685.685,0,0,1,7.2,7.951l9.616-.01a.687.687,0,0,1,0,1.373l-9.617.01A.684.684,0,0,1,6.507,8.635Zm0,3.428a.683.683,0,0,1,.689-.682l9.617,0a.686.686,0,1,1-.007,1.372l-9.617,0A.683.683,0,0,1,6.5,12.063Zm0,3.436a.684.684,0,0,1,.69-.683h5.5a.686.686,0,0,1-.007,1.372h-5.5A.685.685,0,0,1,6.5,15.5Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Schulkommunikation</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Bleiben Sie ganz natürlich in Verbindung mit IServ-Videokonferenzen, E-Mails oder Messenger.</p></div></a>
                                        <a href="/die-iserv-schulplattform/funktionen/organisation" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M15.757,10.286a.663.663,0,0,1,0,.929h0L11.873,15.1a.66.66,0,0,1-.928,0h0L9,13.157a.657.657,0,0,1,.929-.929l1.519,1.52,3.462-3.462a.562.562,0,0,1,.844,0Z" fill="currentColor" fill-rule="evenodd"></path> <path d="M6.808,2.942H5.457A2.63,2.63,0,0,0,2.84,5.559v13.76a2.63,2.63,0,0,0,2.617,2.617H18.543a2.63,2.63,0,0,0,2.617-2.617V5.559a2.63,2.63,0,0,0-2.617-2.617H17.192v1.35h1.351a1.244,1.244,0,0,1,1.266,1.267v13.76a1.244,1.244,0,0,1-1.266,1.267H5.457a1.244,1.244,0,0,1-1.266-1.267V5.559A1.3,1.3,0,0,1,5.457,4.292H6.808Z" fill="currentColor"></path> <path d="M13.984,2.266a.666.666,0,0,1,.675.676v1.35a.666.666,0,0,1-.675.676H10.1a.74.74,0,0,1-.676-.76V2.857a.634.634,0,0,1,.591-.591ZM10.016,1A1.911,1.911,0,0,0,8.074,2.942v1.35a1.911,1.911,0,0,0,1.942,1.942H13.9a1.91,1.91,0,0,0,1.942-1.942V2.942A1.91,1.91,0,0,0,13.9,1Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Organisation</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Managen Sie Ihren Schulalltag mit einem digitalen Stundenplan, Schulkalender und mehr.</p></div></a>
                                        <a href="/die-iserv-schulplattform/funktionen/unterricht" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M19.489,12.624a2.5,2.5,0,1,1-2.5-2.5A2.5,2.5,0,0,1,19.489,12.624ZM12,19.745a.979.979,0,0,0,1,1l7.99,0a.978.978,0,0,0,1-1c0-1-1-3.994-5-4S12,18.753,12,19.745Z" fill="currentColor"></path> <path d="M4.5,3.26A2.5,2.5,0,0,0,2,5.76l0,9.99a2.5,2.5,0,0,0,2.5,2.5h6.546A5.685,5.685,0,0,1,11.705,17L4.5,17A1.256,1.256,0,0,1,3.25,15.754l0-10A1.25,1.25,0,0,1,4.5,4.505H19.492a1.255,1.255,0,0,1,1.25,1.25l0,9.751a5.7,5.7,0,0,1,1.14.975A2.487,2.487,0,0,0,22,15.741l0-9.99a2.5,2.5,0,0,0-2.5-2.5Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Unterricht digitalisieren</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Unterrichten Sie kinderleicht digital mit online Hausaufgaben, Tafelbildern oder Texten.</p></div></a>
                                        <a href="/die-iserv-schulplattform/funktionen/netzwerk" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-violet-027"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M14.414,3.054a2.517,2.517,0,0,0-4.828,0l-.123.428a1.167,1.167,0,0,1-1.458.791,1.1,1.1,0,0,1-.231-.1l-.4-.214A2.519,2.519,0,0,0,3.968,7.379l.215.4a1.169,1.169,0,0,1-.47,1.59,1.157,1.157,0,0,1-.231.1l-.428.123a2.517,2.517,0,0,0,0,4.828l.428.123A1.167,1.167,0,0,1,4.273,16a1.1,1.1,0,0,1-.1.231l-.214.395a2.516,2.516,0,0,0,3.419,3.411l.4-.215a1.169,1.169,0,0,1,1.59.47,1.157,1.157,0,0,1,.1.231l.123.428a2.517,2.517,0,0,0,4.828,0l.123-.428A1.167,1.167,0,0,1,16,19.727a1.1,1.1,0,0,1,.231.1l.395.214a2.516,2.516,0,0,0,3.411-3.419l-.215-.395a1.169,1.169,0,0,1,.47-1.59,1.157,1.157,0,0,1,.231-.1l.428-.123a2.517,2.517,0,0,0,0-4.828l-.428-.123a1.167,1.167,0,0,1-.791-1.458,1.1,1.1,0,0,1,.1-.231l.214-.4a2.516,2.516,0,0,0-3.419-3.411l-.395.215a1.169,1.169,0,0,1-1.59-.47,1.157,1.157,0,0,1-.1-.231Zm-3.543.379a1.173,1.173,0,0,1,2.249,0l.124.428a2.526,2.526,0,0,0,3.13,1.7,2.157,2.157,0,0,0,.494-.205l.388-.215a1.172,1.172,0,0,1,1.589,1.59l-.214.4a2.521,2.521,0,0,0,1,3.418,2.551,2.551,0,0,0,.494.206l.429.124a1.173,1.173,0,0,1,0,2.249l-.429.123a2.528,2.528,0,0,0-1.7,3.13,2.232,2.232,0,0,0,.206.495l.214.387a1.172,1.172,0,0,1-1.589,1.59l-.388-.215a2.521,2.521,0,0,0-3.418,1,2.56,2.56,0,0,0-.206.5l-.124.428a1.173,1.173,0,0,1-2.249,0l-.123-.428a2.526,2.526,0,0,0-3.13-1.7,2.183,2.183,0,0,0-.5.2l-.4.215a1.172,1.172,0,0,1-1.59-1.59l.214-.387a2.521,2.521,0,0,0-1-3.419,2.653,2.653,0,0,0-.494-.206l-.428-.123a1.172,1.172,0,0,1,0-2.249l.428-.124a2.527,2.527,0,0,0,1.7-3.13,1.927,1.927,0,0,0-.206-.486l-.214-.4a1.172,1.172,0,0,1,1.59-1.589l.4.214a2.522,2.522,0,0,0,3.419-1,2.682,2.682,0,0,0,.206-.494l.123-.429Z" fill="currentColor"></path> <path d="M12,7.642a4.366,4.366,0,1,0,4.366,4.366A4.363,4.363,0,0,0,12,7.642ZM8.985,12.008A3.015,3.015,0,1,1,12,15.023,3.016,3.016,0,0,1,8.985,12.008Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Netzwerk- und Gerätemanagement</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Administrieren Sie Ihre gesamte Schule von überall – inklusive BYOD und MDM.</p></div></a>
                                        <a href="/die-iserv-schulplattform/funktionen/identitaetsmanagement-und-schnittstellen" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-violet-027"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M12.62,9.676a.7.7,0,0,1,.7.7V11.47a16.123,16.123,0,0,1-.778,4.935l-1.87,5.809a.691.691,0,0,1-.892.427.709.709,0,0,1-.446-.864l1.869-5.809a14.868,14.868,0,0,0,.712-4.508V10.369a.7.7,0,0,1,.7-.7h0Z" fill="currentColor"></path> <path d="M9.81,10.369a2.81,2.81,0,1,1,5.619,0h0a.7.7,0,0,1-1.405,0,1.4,1.4,0,1,0-2.809,0v.465a15,15,0,0,1-.1,1.718A.7.7,0,0,1,9.725,12.4a14.415,14.415,0,0,0,.085-1.566Zm4.926,1.4a.7.7,0,0,1,.683.722h0a16.119,16.119,0,0,1-.825,4.688l-1.775,5.334a.705.705,0,0,1-1.338-.446h0l1.774-5.334a14.894,14.894,0,0,0,.75-4.28.7.7,0,0,1,.722-.684h.009Zm-4.708,2.971a.7.7,0,0,1,.466.873h0L8.662,21.511a.7.7,0,1,1-1.348-.4v-.029L9.146,15.19a.7.7,0,0,1,.873-.465Z" fill="currentColor"></path> <path d="M7.978,8.736a4.91,4.91,0,0,1,9.539,1.633.7.7,0,0,1-1.405,0A3.508,3.508,0,0,0,9.3,9.192a.7.7,0,0,1-1.32-.465h0ZM8.4,11.081a.7.7,0,0,1,.626.768,15.22,15.22,0,0,1-.56,2.848L6.744,20.41a.7.7,0,1,1-1.347-.4L7.115,14.3a13.354,13.354,0,0,0,.512-2.582A.7.7,0,0,1,8.4,11.09h0Zm8.419.911a.7.7,0,0,1,.7.7,16.106,16.106,0,0,1-.883,5.277l-1.528,4.414a.692.692,0,0,1-.911.389.7.7,0,0,1-.418-.855l1.529-4.413a14.866,14.866,0,0,0,.806-4.821.7.7,0,0,1,.7-.7h0Z" fill="currentColor"></path> <path d="M6.782,6.477a7,7,0,0,1,7.3-2.961.7.7,0,0,1-.294,1.376A5.613,5.613,0,0,0,7.94,7.265a.7.7,0,0,1-1.167-.778Zm9.435-1.338a.7.7,0,0,1,.987-.076,7.005,7.005,0,0,1,2.429,5.315v2.107a.7.7,0,1,1-1.4,0V10.378a5.619,5.619,0,0,0-1.946-4.252.7.7,0,0,1-.076-.987ZM6.469,8.746a.7.7,0,0,1,.589.8h0a5.925,5.925,0,0,0-.067.826,10.717,10.717,0,0,1-.417,2.951l-1.6,5.5a.7.7,0,0,1-1.358-.351v-.028l1.6-5.505a9.3,9.3,0,0,0,.361-2.553,7.561,7.561,0,0,1,.076-1.035.7.7,0,0,1,.8-.588h0ZM18.931,13.88a.691.691,0,0,1,.636.76,15.771,15.771,0,0,1-.9,4.119l-1.044,2.9a.7.7,0,0,1-1.319-.474l1.044-2.905a14.587,14.587,0,0,0,.816-3.758.691.691,0,0,1,.76-.636Z" fill="currentColor"></path> <path d="M8.054,2.472a9.128,9.128,0,0,1,13.687,7.906.7.7,0,1,1-1.405,0A7.718,7.718,0,0,0,8.757,3.687a.7.7,0,0,1-.7-1.215ZM6.8,4.237a.7.7,0,0,1,.057.988h0a7.684,7.684,0,0,0-1.964,5.144.7.7,0,0,1-1.405,0A9.11,9.11,0,0,1,5.814,4.285.7.7,0,0,1,6.8,4.228h0ZM3.992,11.8a.7.7,0,0,1,.484.864L3.385,16.547a.7.7,0,0,1-1.367-.322.128.128,0,0,1,.019-.057l1.091-3.882a.7.7,0,0,1,.864-.484Zm17.056.674a.692.692,0,0,1,.683.712h0a18.631,18.631,0,0,1-1.025,6.359l-.095.265a.7.7,0,0,1-1.31-.493l.1-.266a17.342,17.342,0,0,0,.93-5.894.693.693,0,0,1,.712-.683h.01Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Identitätsman­age­ment &amp; Schnitt­stellen</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Verwalten Sie alle Benutzer(innen) und arbeiten Sie nahtlos mit vielen Lieblingsprogrammen.</p></div></a>
                                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-8 px-2 text-sm rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 mt-6" href="/die-iserv-schulplattform/funktionen" tabindex="-1"><span class="text-content">Alle Module und Funktionen</span></a>
                                    </div>
                                    <div class="w-1/3 p-6 bg-white">
                                        <span class="block text-base uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Mehr IServ-Prinzipien</span>
                                        <a href="/die-iserv-schulplattform/cloud-loesungen" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-turquoise-039"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><path d="M2.845,12a.649.649,0,0,1,.65-.65h17.01a.651.651,0,0,1,0,1.3H3.5A.65.65,0,0,1,2.845,12ZM12,1.54a.649.649,0,0,1,.65.65V7.158l1.5-1.5a.656.656,0,1,1,.928.928h0L12.459,9.2a.655.655,0,0,1-.927,0h0L8.914,6.586a.656.656,0,1,1,.927-.928l1.5,1.5V2.19a.649.649,0,0,1,.65-.65Zm-.65,15.311-1.5,1.5a.664.664,0,0,1-.928,0,.656.656,0,0,1,0-.927l2.619-2.618a.655.655,0,0,1,.927,0h0l2.618,2.618a.663.663,0,0,1,0,.927.655.655,0,0,1-.927,0l-1.5-1.5V21.81a.651.651,0,0,1-1.3,0V16.851Z" fill="currentColor" fill-rule="evenodd"></path></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Cloud-Lösungen</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Betreiben Sie die IServ Schulplattform wie es am besten zu Ihrer Schule passt.</p></div></a>
                                        <a href="/die-iserv-schulplattform/service-und-beratung" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><path d="M11.3,4.387a1.974,1.974,0,0,1,3.575-1.179.08.08,0,0,0,.134,0,1.965,1.965,0,0,1,3.567,1.179c0,1.493-1.893,2.68-3.41,4.346a.309.309,0,0,1-.456,0C13.193,7.067,11.3,5.88,11.3,4.387ZM4.856,14.014a.97.97,0,0,0-1.281,0L1.5,15.9l6.326,5.744L9.9,19.758a.771.771,0,0,0,0-1.163L4.848,14.014Zm17.477-1.336a1.111,1.111,0,0,0-1.454-.621l-2.318.927-2.884,1.179a.707.707,0,0,1-.283.055H11.96a.747.747,0,1,1,0-1.493h3.284l.9-.361a1.118,1.118,0,0,0-.825-1.879H12.7l-2.483-.644a1.5,1.5,0,0,0-.959.126l-2.31,1.155a1.35,1.35,0,0,0-.385.283l-1.32,1.32L9.72,17.2h4.11a1.086,1.086,0,0,0,.416-.078l7.466-2.986a1.112,1.112,0,0,0,.621-1.454Z" fill="currentColor"></path></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Unser Service: So unterstützen wir Sie von Anfang an</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Wir unterstützen Sie von Anfang an – bei der Installation mit Support und Fortbildungen.</p></div></a>
                                        <a href="/die-iserv-schulplattform/sicherheit" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M8.507,3.584C7.259,3.928,6.019,4.3,4.787,4.7a.636.636,0,0,0-.43.508A15.792,15.792,0,0,0,7.31,17.248a13.986,13.986,0,0,0,3,2.928,7.877,7.877,0,0,0,1.171.7,2.661,2.661,0,0,0,.387.155.773.773,0,0,0,.129.035.366.366,0,0,0,.129-.035,3.08,3.08,0,0,0,.388-.155,7.98,7.98,0,0,0,1.171-.7,14,14,0,0,0,3-2.928A15.835,15.835,0,0,0,19.632,5.211.613.613,0,0,0,19.2,4.7c-.852-.275-2.29-.732-3.72-1.119A16.947,16.947,0,0,0,11.994,2.9a16.96,16.96,0,0,0-3.487.689ZM8.163,2.232A17.737,17.737,0,0,1,12,1.5a17.748,17.748,0,0,1,3.84.732c1.455.4,2.919.861,3.78,1.136a2.029,2.029,0,0,1,1.369,1.654,17.231,17.231,0,0,1-3.229,13.087,15.133,15.133,0,0,1-3.3,3.212,9.236,9.236,0,0,1-1.377.818A2.812,2.812,0,0,1,12,22.458a2.66,2.66,0,0,1-1.085-.319,9.726,9.726,0,0,1-1.378-.818,15.313,15.313,0,0,1-3.3-3.212A17.2,17.2,0,0,1,3.005,5.03,2.015,2.015,0,0,1,4.374,3.377c1.249-.413,2.514-.792,3.78-1.137Z" fill="currentColor"></path> <path d="M15.74,8.242a.655.655,0,0,1,0,.93h0l-3.935,3.935a.655.655,0,0,1-.93,0h0L8.912,11.144a.658.658,0,0,1,.93-.93l1.5,1.506,3.47-3.47a.655.655,0,0,1,.93,0h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Sicherheit</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Machen Sie Ihre Schule sicher vor Angriffen – vom Betriebssystem bis zu Passwörtern.</p></div></a>
                                        <a href="/die-iserv-schulplattform/datenschutz" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M8.507,3.584C7.259,3.928,6.019,4.3,4.787,4.7a.636.636,0,0,0-.43.508A15.792,15.792,0,0,0,7.31,17.248a13.986,13.986,0,0,0,3,2.928,7.877,7.877,0,0,0,1.171.7,2.661,2.661,0,0,0,.387.155.773.773,0,0,0,.129.035.366.366,0,0,0,.129-.035,3.08,3.08,0,0,0,.388-.155,7.98,7.98,0,0,0,1.171-.7,14,14,0,0,0,3-2.928A15.835,15.835,0,0,0,19.632,5.211.613.613,0,0,0,19.2,4.7c-.852-.275-2.29-.732-3.72-1.119A16.947,16.947,0,0,0,11.994,2.9a16.96,16.96,0,0,0-3.487.689ZM8.163,2.232A17.737,17.737,0,0,1,12,1.5a17.748,17.748,0,0,1,3.84.732c1.455.4,2.919.861,3.78,1.136a2.029,2.029,0,0,1,1.369,1.654,17.231,17.231,0,0,1-3.229,13.087,15.133,15.133,0,0,1-3.3,3.212,9.236,9.236,0,0,1-1.377.818A2.812,2.812,0,0,1,12,22.458a2.66,2.66,0,0,1-1.085-.319,9.726,9.726,0,0,1-1.378-.818,15.313,15.313,0,0,1-3.3-3.212A17.2,17.2,0,0,1,3.005,5.03,2.015,2.015,0,0,1,4.374,3.377c1.249-.413,2.514-.792,3.78-1.137Z" fill="currentColor"></path> <path d="M15.74,8.242a.655.655,0,0,1,0,.93h0l-3.935,3.935a.655.655,0,0,1-.93,0h0L8.912,11.144a.658.658,0,0,1,.93-.93l1.5,1.506,3.47-3.47a.655.655,0,0,1,.93,0h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Datenschutz</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Maximaler Datenschutz für Schule: Arbeiten Sie immer DSGVO-konform</p></div></a>
                                        <a href="/die-iserv-schulplattform/kosteneffizienz" tabindex="-1" class="block flex hover:bg-iserv-neutral-097 rounded-lg p-2 mt-2 transition-colors duration-300"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M15.755,20.734a4.988,4.988,0,1,0-4.987-4.988A4.991,4.991,0,0,0,15.755,20.734Zm6.236-4.988A6.236,6.236,0,1,1,15.755,9.51,6.24,6.24,0,0,1,21.991,15.746Z" fill="currentColor" fill-rule="evenodd"></path> <path d="M3.283,2.025A1.249,1.249,0,0,0,2.034,3.274v9.974A1.249,1.249,0,0,0,3.283,14.5H8.375A7.482,7.482,0,0,1,8.7,13.248H5.781a2.5,2.5,0,0,0-2.5-2.5V5.763a2.5,2.5,0,0,0,2.5-2.5H18.253a2.5,2.5,0,0,0,2.5,2.5v4.4A7.887,7.887,0,0,1,22,11.606V3.274a1.249,1.249,0,0,0-1.249-1.249Z" fill="currentColor"></path> <path d="M14.506,8.366V8.261a2.489,2.489,0,1,0-3.895,2.061,7.525,7.525,0,0,1,3.9-1.956Z" fill="currentColor"></path> <path d="M13.065,16.48h.55a2.52,2.52,0,0,0,2.743,2.376,3.744,3.744,0,0,0,.864-.1v-.673a3.711,3.711,0,0,1-.864.088,1.848,1.848,0,0,1-1.965-1.7H16.48V16H14.358v-.664H16.48v-.48H14.419a1.825,1.825,0,0,1,1.93-1.555,3.277,3.277,0,0,1,.865.1v-.673a3.6,3.6,0,0,0-.865-.1,2.51,2.51,0,0,0-2.725,2.236h-.568v.48h.524v.655h-.524v.48h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">Kosteneffizienz</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Eine Gesamtlösung bedeutet weniger Kosten für Lizenzen und Wartung - und weniger Aufwand für die Einrichtung, Konfiguration und Verwaltung.</p></div></a>
                                    </div>
                                    <div class="w-1/3 p-6 border-l-2 border-iserv-neutral-090">
                                        <span class="block text-base uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">IServ bestellen</span>
                                        <a href="/jetzt-starten" tabindex="-1" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ-Testversion</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Starten Sie jetzt kostenfrei und unbürokratisch mit IServ Hosted Cloud als Testversion</p></div></a>
                                        <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-hosted-cloud" tabindex="-1" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ Hosted Cloud</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Die digitale Basis für Ihre Schule – sofort mit Server in unserem Rechenzentrum.</p></div></a>
                                        <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-local-cloud" tabindex="-1" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ Local Cloud</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Mit Server in der Schule: der volle Funktionsumfang mit maximaler Performance im Klassenzimmer.</p></div></a>
                                        <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-regio-cloud" tabindex="-1" class="block flex hover:bg-white rounded-lg p-2 mt-2 transition-colors duration-300"><div><span class="m-0 block text-base text-iserv-neutral-000 font-semibold transition-colors duration-300">IServ Regio Cloud</span> <p class="m-0 mt-1 text-sm leading-relaxed text-iserv-neutral-000">Mit Server beim Schulträger: die einheitliche IT-Lösung für alle Anforderungen Ihrer Schullandschaft.</p></div></a>
                                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-8 px-2 text-sm rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 mt-6" href="/funktionen-vergleichen" tabindex="-1"><span class="text-content">Alle Funktionen vergleichen</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flex-none bg-iserv-neutral-095 border-t-2 border-iserv-neutral-090">
                        <div class="default-container flex justify-between">
                            <div class="-mx-6 py-2 flex">
                                <a href="/vertrieb-kontaktieren" class="h-6 px-6 flex items-center"><span class="text-iserv-blue-024 font-semibold hover:text-iserv-blue-050">Vertrieb kontaktieren</span></a>
                                <a href="https://doku.iserv.de" class="h-6 px-6 flex items-center border-l-2 border-iserv-neutral-085"><span class="text-iserv-blue-024 font-semibold hover:text-iserv-blue-050">IServ-Doku</span></a>
                            </div>
                            <div class="text-iserv-neutral-050 hover:text-iserv-blue-024 flex items-center justify-center h-10 cursor-pointer items-center transition-all duration-300" data-sticky-header-mobile-target="labelCurrent" data-action="click->desktop-navigation#hide">
                                <span class="menu text-xs font-bold uppercase mr-2">Schliessen</span>
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 " fill="none" viewBox="0 0 24 24" style="stroke-width: 2.25" stroke="currentColor">
                                    <line x1="21" y1="21" x2="3" y2="3">
                                    </line>
                                    <line x1="21" y1="3" x2="3" y2="21">
                                    </line>
                                </svg>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-frames-target="navFrameMobile" class="hidden opacity-0 transition-opacity duration-300">
            <div data-sticky-header-bars-target="spacer" style="height: 64px;">
            </div>
            <div class="overflow-x-hidden">
                <nav class="flex relative transition-all duration-300" data-mobile-navigation-target="slidesHolder" style="width: 200%; left: 0%;">
                    <div class="p-6 opacity-100" data-mobile-navigation-target="slideRoot" style="width: 50%;">
                        <a href="/vorteile" class="block group flex items-center h-16 border-t-2 border-b-2 border-iserv-neutral-090 text-iserv-neutral-000 text-lg font-semibold">Vorteile</a>
                        <div class="block group flex items-center justify-between h-16 border-b-2 border-iserv-neutral-090 text-iserv-neutral-000 text-lg font-semibold" data-action="click->mobile-navigation#swipe" data-target="slideProduct">
                            <span>Die Schulplattform</span>
                            <span class="text-iserv-neutral-075"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path d="M7.5,3 16.5,12 7.5,21"></path></svg></span>
                        </div>
                        <a href="/funktionen-vergleichen" class="block group flex items-center h-16 border-b-2 border-iserv-neutral-090 text-iserv-neutral-000 text-lg font-semibold">Funktionen vergleichen</a>
                        <a href="/referenzen" class="block group flex items-center h-16 border-b-2 border-iserv-neutral-090 text-iserv-neutral-000 text-lg font-semibold">Referenzen</a>
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 mt-4 w-full" href="/vertrieb-kontaktieren"><span class="text-content">Vertrieb kontaktieren</span></a>
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-iserv-blue-024 hover:border-iserv-blue-015 bg-iserv-blue-024 hover:bg-iserv-blue-015 text-white hover:text-white mt-4 w-full" href="/jetzt-starten" id="button_menu"><span class="text-content">Kostenfrei testen</span></a>
                        <a href="/die-iserv-schulplattform/funktionen/elternkommunikation" class="block bg-iserv-steel-062 rounded-lg p-3 mt-4 text-center font-semibold text-white">😍 Jetzt digital mit Eltern kommunizieren 😍</a>
                    </div>
                    <div class="hidden" data-mobile-navigation-target="slideProduct" style="width: 50%;">
                        <div class="h-18">
                        </div>
                        <div class="p-6">
                            <span class="block uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Module und Funktionen</span>
                            <a href="/die-iserv-schulplattform/funktionen/kommunikation" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M4.751,17.492a1.371,1.371,0,0,1,.407,1.1,15.412,15.412,0,0,1-.514,2.754,15.986,15.986,0,0,0,3.6-1.266,1.379,1.379,0,0,1,.974-.115,11.231,11.231,0,0,0,2.878.345c5.49-.062,9.572-3.958,9.527-8.341s-4.214-8.2-9.7-8.137S2.342,7.778,2.387,12.17A7.532,7.532,0,0,0,4.751,17.492Zm-.62,5.365c-.328.071-.646.133-.974.186a.359.359,0,0,1-.381-.5c.115-.292.23-.584.328-.876v-.018a13.9,13.9,0,0,0,.69-3.2,8.862,8.862,0,0,1-2.78-6.278C.952,6.875,5.831,2.519,11.9,2.448s11.033,4.188,11.1,9.492-4.817,9.669-10.882,9.731a12.4,12.4,0,0,1-3.232-.39,18.486,18.486,0,0,1-4.746,1.567Z" fill="currentColor"></path> <path d="M6.507,8.635A.685.685,0,0,1,7.2,7.951l9.616-.01a.687.687,0,0,1,0,1.373l-9.617.01A.684.684,0,0,1,6.507,8.635Zm0,3.428a.683.683,0,0,1,.689-.682l9.617,0a.686.686,0,1,1-.007,1.372l-9.617,0A.683.683,0,0,1,6.5,12.063Zm0,3.436a.684.684,0,0,1,.69-.683h5.5a.686.686,0,0,1-.007,1.372h-5.5A.685.685,0,0,1,6.5,15.5Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Schulkommunikation</span> <p class="m-0 mt-1 text-sm text-neutral-000">Bleiben Sie ganz natürlich in Verbindung mit IServ-Videokonferenzen, E-Mails oder Messenger.</p></div></a>
                            <a href="/die-iserv-schulplattform/funktionen/organisation" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M15.757,10.286a.663.663,0,0,1,0,.929h0L11.873,15.1a.66.66,0,0,1-.928,0h0L9,13.157a.657.657,0,0,1,.929-.929l1.519,1.52,3.462-3.462a.562.562,0,0,1,.844,0Z" fill="currentColor" fill-rule="evenodd"></path> <path d="M6.808,2.942H5.457A2.63,2.63,0,0,0,2.84,5.559v13.76a2.63,2.63,0,0,0,2.617,2.617H18.543a2.63,2.63,0,0,0,2.617-2.617V5.559a2.63,2.63,0,0,0-2.617-2.617H17.192v1.35h1.351a1.244,1.244,0,0,1,1.266,1.267v13.76a1.244,1.244,0,0,1-1.266,1.267H5.457a1.244,1.244,0,0,1-1.266-1.267V5.559A1.3,1.3,0,0,1,5.457,4.292H6.808Z" fill="currentColor"></path> <path d="M13.984,2.266a.666.666,0,0,1,.675.676v1.35a.666.666,0,0,1-.675.676H10.1a.74.74,0,0,1-.676-.76V2.857a.634.634,0,0,1,.591-.591ZM10.016,1A1.911,1.911,0,0,0,8.074,2.942v1.35a1.911,1.911,0,0,0,1.942,1.942H13.9a1.91,1.91,0,0,0,1.942-1.942V2.942A1.91,1.91,0,0,0,13.9,1Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Organisation</span> <p class="m-0 mt-1 text-sm text-neutral-000">Managen Sie Ihren Schulalltag mit einem digitalen Stundenplan, Schulkalender und mehr.</p></div></a>
                            <a href="/die-iserv-schulplattform/funktionen/unterricht" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-steel-062"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M19.489,12.624a2.5,2.5,0,1,1-2.5-2.5A2.5,2.5,0,0,1,19.489,12.624ZM12,19.745a.979.979,0,0,0,1,1l7.99,0a.978.978,0,0,0,1-1c0-1-1-3.994-5-4S12,18.753,12,19.745Z" fill="currentColor"></path> <path d="M4.5,3.26A2.5,2.5,0,0,0,2,5.76l0,9.99a2.5,2.5,0,0,0,2.5,2.5h6.546A5.685,5.685,0,0,1,11.705,17L4.5,17A1.256,1.256,0,0,1,3.25,15.754l0-10A1.25,1.25,0,0,1,4.5,4.505H19.492a1.255,1.255,0,0,1,1.25,1.25l0,9.751a5.7,5.7,0,0,1,1.14.975A2.487,2.487,0,0,0,22,15.741l0-9.99a2.5,2.5,0,0,0-2.5-2.5Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Unterricht digitalisieren</span> <p class="m-0 mt-1 text-sm text-neutral-000">Unterrichten Sie kinderleicht digital mit online Hausaufgaben, Tafelbildern oder Texten.</p></div></a>
                            <a href="/die-iserv-schulplattform/funktionen/netzwerk" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-violet-027"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M14.414,3.054a2.517,2.517,0,0,0-4.828,0l-.123.428a1.167,1.167,0,0,1-1.458.791,1.1,1.1,0,0,1-.231-.1l-.4-.214A2.519,2.519,0,0,0,3.968,7.379l.215.4a1.169,1.169,0,0,1-.47,1.59,1.157,1.157,0,0,1-.231.1l-.428.123a2.517,2.517,0,0,0,0,4.828l.428.123A1.167,1.167,0,0,1,4.273,16a1.1,1.1,0,0,1-.1.231l-.214.395a2.516,2.516,0,0,0,3.419,3.411l.4-.215a1.169,1.169,0,0,1,1.59.47,1.157,1.157,0,0,1,.1.231l.123.428a2.517,2.517,0,0,0,4.828,0l.123-.428A1.167,1.167,0,0,1,16,19.727a1.1,1.1,0,0,1,.231.1l.395.214a2.516,2.516,0,0,0,3.411-3.419l-.215-.395a1.169,1.169,0,0,1,.47-1.59,1.157,1.157,0,0,1,.231-.1l.428-.123a2.517,2.517,0,0,0,0-4.828l-.428-.123a1.167,1.167,0,0,1-.791-1.458,1.1,1.1,0,0,1,.1-.231l.214-.4a2.516,2.516,0,0,0-3.419-3.411l-.395.215a1.169,1.169,0,0,1-1.59-.47,1.157,1.157,0,0,1-.1-.231Zm-3.543.379a1.173,1.173,0,0,1,2.249,0l.124.428a2.526,2.526,0,0,0,3.13,1.7,2.157,2.157,0,0,0,.494-.205l.388-.215a1.172,1.172,0,0,1,1.589,1.59l-.214.4a2.521,2.521,0,0,0,1,3.418,2.551,2.551,0,0,0,.494.206l.429.124a1.173,1.173,0,0,1,0,2.249l-.429.123a2.528,2.528,0,0,0-1.7,3.13,2.232,2.232,0,0,0,.206.495l.214.387a1.172,1.172,0,0,1-1.589,1.59l-.388-.215a2.521,2.521,0,0,0-3.418,1,2.56,2.56,0,0,0-.206.5l-.124.428a1.173,1.173,0,0,1-2.249,0l-.123-.428a2.526,2.526,0,0,0-3.13-1.7,2.183,2.183,0,0,0-.5.2l-.4.215a1.172,1.172,0,0,1-1.59-1.59l.214-.387a2.521,2.521,0,0,0-1-3.419,2.653,2.653,0,0,0-.494-.206l-.428-.123a1.172,1.172,0,0,1,0-2.249l.428-.124a2.527,2.527,0,0,0,1.7-3.13,1.927,1.927,0,0,0-.206-.486l-.214-.4a1.172,1.172,0,0,1,1.59-1.589l.4.214a2.522,2.522,0,0,0,3.419-1,2.682,2.682,0,0,0,.206-.494l.123-.429Z" fill="currentColor"></path> <path d="M12,7.642a4.366,4.366,0,1,0,4.366,4.366A4.363,4.363,0,0,0,12,7.642ZM8.985,12.008A3.015,3.015,0,1,1,12,15.023,3.016,3.016,0,0,1,8.985,12.008Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Netzwerk- und Gerätemanagement</span> <p class="m-0 mt-1 text-sm text-neutral-000">Administrieren Sie Ihre gesamte Schule von überall – inklusive BYOD und MDM.</p></div></a>
                            <a href="/die-iserv-schulplattform/funktionen/identitaetsmanagement-und-schnittstellen" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-violet-027"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M12.62,9.676a.7.7,0,0,1,.7.7V11.47a16.123,16.123,0,0,1-.778,4.935l-1.87,5.809a.691.691,0,0,1-.892.427.709.709,0,0,1-.446-.864l1.869-5.809a14.868,14.868,0,0,0,.712-4.508V10.369a.7.7,0,0,1,.7-.7h0Z" fill="currentColor"></path> <path d="M9.81,10.369a2.81,2.81,0,1,1,5.619,0h0a.7.7,0,0,1-1.405,0,1.4,1.4,0,1,0-2.809,0v.465a15,15,0,0,1-.1,1.718A.7.7,0,0,1,9.725,12.4a14.415,14.415,0,0,0,.085-1.566Zm4.926,1.4a.7.7,0,0,1,.683.722h0a16.119,16.119,0,0,1-.825,4.688l-1.775,5.334a.705.705,0,0,1-1.338-.446h0l1.774-5.334a14.894,14.894,0,0,0,.75-4.28.7.7,0,0,1,.722-.684h.009Zm-4.708,2.971a.7.7,0,0,1,.466.873h0L8.662,21.511a.7.7,0,1,1-1.348-.4v-.029L9.146,15.19a.7.7,0,0,1,.873-.465Z" fill="currentColor"></path> <path d="M7.978,8.736a4.91,4.91,0,0,1,9.539,1.633.7.7,0,0,1-1.405,0A3.508,3.508,0,0,0,9.3,9.192a.7.7,0,0,1-1.32-.465h0ZM8.4,11.081a.7.7,0,0,1,.626.768,15.22,15.22,0,0,1-.56,2.848L6.744,20.41a.7.7,0,1,1-1.347-.4L7.115,14.3a13.354,13.354,0,0,0,.512-2.582A.7.7,0,0,1,8.4,11.09h0Zm8.419.911a.7.7,0,0,1,.7.7,16.106,16.106,0,0,1-.883,5.277l-1.528,4.414a.692.692,0,0,1-.911.389.7.7,0,0,1-.418-.855l1.529-4.413a14.866,14.866,0,0,0,.806-4.821.7.7,0,0,1,.7-.7h0Z" fill="currentColor"></path> <path d="M6.782,6.477a7,7,0,0,1,7.3-2.961.7.7,0,0,1-.294,1.376A5.613,5.613,0,0,0,7.94,7.265a.7.7,0,0,1-1.167-.778Zm9.435-1.338a.7.7,0,0,1,.987-.076,7.005,7.005,0,0,1,2.429,5.315v2.107a.7.7,0,1,1-1.4,0V10.378a5.619,5.619,0,0,0-1.946-4.252.7.7,0,0,1-.076-.987ZM6.469,8.746a.7.7,0,0,1,.589.8h0a5.925,5.925,0,0,0-.067.826,10.717,10.717,0,0,1-.417,2.951l-1.6,5.5a.7.7,0,0,1-1.358-.351v-.028l1.6-5.505a9.3,9.3,0,0,0,.361-2.553,7.561,7.561,0,0,1,.076-1.035.7.7,0,0,1,.8-.588h0ZM18.931,13.88a.691.691,0,0,1,.636.76,15.771,15.771,0,0,1-.9,4.119l-1.044,2.9a.7.7,0,0,1-1.319-.474l1.044-2.905a14.587,14.587,0,0,0,.816-3.758.691.691,0,0,1,.76-.636Z" fill="currentColor"></path> <path d="M8.054,2.472a9.128,9.128,0,0,1,13.687,7.906.7.7,0,1,1-1.405,0A7.718,7.718,0,0,0,8.757,3.687a.7.7,0,0,1-.7-1.215ZM6.8,4.237a.7.7,0,0,1,.057.988h0a7.684,7.684,0,0,0-1.964,5.144.7.7,0,0,1-1.405,0A9.11,9.11,0,0,1,5.814,4.285.7.7,0,0,1,6.8,4.228h0ZM3.992,11.8a.7.7,0,0,1,.484.864L3.385,16.547a.7.7,0,0,1-1.367-.322.128.128,0,0,1,.019-.057l1.091-3.882a.7.7,0,0,1,.864-.484Zm17.056.674a.692.692,0,0,1,.683.712h0a18.631,18.631,0,0,1-1.025,6.359l-.095.265a.7.7,0,0,1-1.31-.493l.1-.266a17.342,17.342,0,0,0,.93-5.894.693.693,0,0,1,.712-.683h.01Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Identitätsman­age­ment &amp; Schnitt­stellen</span> <p class="m-0 mt-1 text-sm text-neutral-000">Verwalten Sie alle Benutzer(innen) und arbeiten Sie nahtlos mit vielen Lieblingsprogrammen.</p></div></a>
                            <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full mt-6" href="/die-iserv-schulplattform/funktionen" tabindex="-1"><span class="text-content">Alle Module und Funktionen</span></a>
                        </div>
                        <div class="p-6">
                            <span class="block uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Mehr IServ-Prinzipien</span>
                            <a href="/die-iserv-schulplattform/cloud-loesungen" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-turquoise-039"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><path d="M2.845,12a.649.649,0,0,1,.65-.65h17.01a.651.651,0,0,1,0,1.3H3.5A.65.65,0,0,1,2.845,12ZM12,1.54a.649.649,0,0,1,.65.65V7.158l1.5-1.5a.656.656,0,1,1,.928.928h0L12.459,9.2a.655.655,0,0,1-.927,0h0L8.914,6.586a.656.656,0,1,1,.927-.928l1.5,1.5V2.19a.649.649,0,0,1,.65-.65Zm-.65,15.311-1.5,1.5a.664.664,0,0,1-.928,0,.656.656,0,0,1,0-.927l2.619-2.618a.655.655,0,0,1,.927,0h0l2.618,2.618a.663.663,0,0,1,0,.927.655.655,0,0,1-.927,0l-1.5-1.5V21.81a.651.651,0,0,1-1.3,0V16.851Z" fill="currentColor" fill-rule="evenodd"></path></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Cloud-Lösungen</span> <p class="m-0 mt-1 text-sm text-neutral-000">Betreiben Sie die IServ Schulplattform wie es am besten zu Ihrer Schule passt.</p></div></a>
                            <a href="/die-iserv-schulplattform/service-und-beratung" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><path d="M11.3,4.387a1.974,1.974,0,0,1,3.575-1.179.08.08,0,0,0,.134,0,1.965,1.965,0,0,1,3.567,1.179c0,1.493-1.893,2.68-3.41,4.346a.309.309,0,0,1-.456,0C13.193,7.067,11.3,5.88,11.3,4.387ZM4.856,14.014a.97.97,0,0,0-1.281,0L1.5,15.9l6.326,5.744L9.9,19.758a.771.771,0,0,0,0-1.163L4.848,14.014Zm17.477-1.336a1.111,1.111,0,0,0-1.454-.621l-2.318.927-2.884,1.179a.707.707,0,0,1-.283.055H11.96a.747.747,0,1,1,0-1.493h3.284l.9-.361a1.118,1.118,0,0,0-.825-1.879H12.7l-2.483-.644a1.5,1.5,0,0,0-.959.126l-2.31,1.155a1.35,1.35,0,0,0-.385.283l-1.32,1.32L9.72,17.2h4.11a1.086,1.086,0,0,0,.416-.078l7.466-2.986a1.112,1.112,0,0,0,.621-1.454Z" fill="currentColor"></path></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Unser Service: So unterstützen wir Sie von Anfang an</span> <p class="m-0 mt-1 text-sm text-neutral-000">Wir unterstützen Sie von Anfang an – bei der Installation mit Support und Fortbildungen.</p></div></a>
                            <a href="/die-iserv-schulplattform/sicherheit" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M8.507,3.584C7.259,3.928,6.019,4.3,4.787,4.7a.636.636,0,0,0-.43.508A15.792,15.792,0,0,0,7.31,17.248a13.986,13.986,0,0,0,3,2.928,7.877,7.877,0,0,0,1.171.7,2.661,2.661,0,0,0,.387.155.773.773,0,0,0,.129.035.366.366,0,0,0,.129-.035,3.08,3.08,0,0,0,.388-.155,7.98,7.98,0,0,0,1.171-.7,14,14,0,0,0,3-2.928A15.835,15.835,0,0,0,19.632,5.211.613.613,0,0,0,19.2,4.7c-.852-.275-2.29-.732-3.72-1.119A16.947,16.947,0,0,0,11.994,2.9a16.96,16.96,0,0,0-3.487.689ZM8.163,2.232A17.737,17.737,0,0,1,12,1.5a17.748,17.748,0,0,1,3.84.732c1.455.4,2.919.861,3.78,1.136a2.029,2.029,0,0,1,1.369,1.654,17.231,17.231,0,0,1-3.229,13.087,15.133,15.133,0,0,1-3.3,3.212,9.236,9.236,0,0,1-1.377.818A2.812,2.812,0,0,1,12,22.458a2.66,2.66,0,0,1-1.085-.319,9.726,9.726,0,0,1-1.378-.818,15.313,15.313,0,0,1-3.3-3.212A17.2,17.2,0,0,1,3.005,5.03,2.015,2.015,0,0,1,4.374,3.377c1.249-.413,2.514-.792,3.78-1.137Z" fill="currentColor"></path> <path d="M15.74,8.242a.655.655,0,0,1,0,.93h0l-3.935,3.935a.655.655,0,0,1-.93,0h0L8.912,11.144a.658.658,0,0,1,.93-.93l1.5,1.506,3.47-3.47a.655.655,0,0,1,.93,0h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Sicherheit</span> <p class="m-0 mt-1 text-sm text-neutral-000">Machen Sie Ihre Schule sicher vor Angriffen – vom Betriebssystem bis zu Passwörtern.</p></div></a>
                            <a href="/die-iserv-schulplattform/datenschutz" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M8.507,3.584C7.259,3.928,6.019,4.3,4.787,4.7a.636.636,0,0,0-.43.508A15.792,15.792,0,0,0,7.31,17.248a13.986,13.986,0,0,0,3,2.928,7.877,7.877,0,0,0,1.171.7,2.661,2.661,0,0,0,.387.155.773.773,0,0,0,.129.035.366.366,0,0,0,.129-.035,3.08,3.08,0,0,0,.388-.155,7.98,7.98,0,0,0,1.171-.7,14,14,0,0,0,3-2.928A15.835,15.835,0,0,0,19.632,5.211.613.613,0,0,0,19.2,4.7c-.852-.275-2.29-.732-3.72-1.119A16.947,16.947,0,0,0,11.994,2.9a16.96,16.96,0,0,0-3.487.689ZM8.163,2.232A17.737,17.737,0,0,1,12,1.5a17.748,17.748,0,0,1,3.84.732c1.455.4,2.919.861,3.78,1.136a2.029,2.029,0,0,1,1.369,1.654,17.231,17.231,0,0,1-3.229,13.087,15.133,15.133,0,0,1-3.3,3.212,9.236,9.236,0,0,1-1.377.818A2.812,2.812,0,0,1,12,22.458a2.66,2.66,0,0,1-1.085-.319,9.726,9.726,0,0,1-1.378-.818,15.313,15.313,0,0,1-3.3-3.212A17.2,17.2,0,0,1,3.005,5.03,2.015,2.015,0,0,1,4.374,3.377c1.249-.413,2.514-.792,3.78-1.137Z" fill="currentColor"></path> <path d="M15.74,8.242a.655.655,0,0,1,0,.93h0l-3.935,3.935a.655.655,0,0,1-.93,0h0L8.912,11.144a.658.658,0,0,1,.93-.93l1.5,1.506,3.47-3.47a.655.655,0,0,1,.93,0h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Datenschutz</span> <p class="m-0 mt-1 text-sm text-neutral-000">Maximaler Datenschutz für Schule: Arbeiten Sie immer DSGVO-konform</p></div></a>
                            <a href="/die-iserv-schulplattform/kosteneffizienz" class="block flex mt-6"><span class="block w-8 flex-none text-iserv-orange-056"><svg xmlns="http://www.w3.org/2000/svg" class="inline h-6 w-6" fill="none" viewBox="0 0 24 24"><g><path d="M15.755,20.734a4.988,4.988,0,1,0-4.987-4.988A4.991,4.991,0,0,0,15.755,20.734Zm6.236-4.988A6.236,6.236,0,1,1,15.755,9.51,6.24,6.24,0,0,1,21.991,15.746Z" fill="currentColor" fill-rule="evenodd"></path> <path d="M3.283,2.025A1.249,1.249,0,0,0,2.034,3.274v9.974A1.249,1.249,0,0,0,3.283,14.5H8.375A7.482,7.482,0,0,1,8.7,13.248H5.781a2.5,2.5,0,0,0-2.5-2.5V5.763a2.5,2.5,0,0,0,2.5-2.5H18.253a2.5,2.5,0,0,0,2.5,2.5v4.4A7.887,7.887,0,0,1,22,11.606V3.274a1.249,1.249,0,0,0-1.249-1.249Z" fill="currentColor"></path> <path d="M14.506,8.366V8.261a2.489,2.489,0,1,0-3.895,2.061,7.525,7.525,0,0,1,3.9-1.956Z" fill="currentColor"></path> <path d="M13.065,16.48h.55a2.52,2.52,0,0,0,2.743,2.376,3.744,3.744,0,0,0,.864-.1v-.673a3.711,3.711,0,0,1-.864.088,1.848,1.848,0,0,1-1.965-1.7H16.48V16H14.358v-.664H16.48v-.48H14.419a1.825,1.825,0,0,1,1.93-1.555,3.277,3.277,0,0,1,.865.1v-.673a3.6,3.6,0,0,0-.865-.1,2.51,2.51,0,0,0-2.725,2.236h-.568v.48h.524v.655h-.524v.48h0Z" fill="currentColor"></path></g></svg></span> <div><span class="m-0 block text-neutral-000 font-semibold">Kosteneffizienz</span> <p class="m-0 mt-1 text-sm text-neutral-000">Eine Gesamtlösung bedeutet weniger Kosten für Lizenzen und Wartung - und weniger Aufwand für die Einrichtung, Konfiguration und Verwaltung.</p></div></a>
                        </div>
                        <div class="p-6 bg-iserv-neutral-097 border-t-2 border-iserv-neutral-090">
                            <span class="block uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">IServ bestellen</span>
                            <a href="/jetzt-starten" class="block flex mt-6"><div><span class="m-0 block text-neutral-000 font-semibold">IServ-Testversion</span> <p class="m-0 mt-1 text-sm text-neutral-000">Starten Sie jetzt kostenfrei und unbürokratisch mit IServ Hosted Cloud als Testversion</p></div></a>
                            <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-hosted-cloud" class="block flex mt-6"><div><span class="m-0 block text-neutral-000 font-semibold">IServ Hosted Cloud</span> <p class="m-0 mt-1 text-sm text-neutral-000">Die digitale Basis für Ihre Schule – sofort mit Server in unserem Rechenzentrum.</p></div></a>
                            <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-local-cloud" class="block flex mt-6"><div><span class="m-0 block text-neutral-000 font-semibold">IServ Local Cloud</span> <p class="m-0 mt-1 text-sm text-neutral-000">Mit Server in der Schule: der volle Funktionsumfang mit maximaler Performance im Klassenzimmer.</p></div></a>
                            <a href="/die-iserv-schulplattform/cloud-loesungen/iserv-regio-cloud" class="block flex mt-6"><div><span class="m-0 block text-neutral-000 font-semibold">IServ Regio Cloud</span> <p class="m-0 mt-1 text-sm text-neutral-000">Mit Server beim Schulträger: die einheitliche IT-Lösung für alle Anforderungen Ihrer Schullandschaft.</p></div></a>
                            <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full mt-6" href="/funktionen-vergleichen" tabindex="-1"><span class="text-content">Alle Funktionen vergleichen</span></a>
                        </div>
                    </div>
                    <div class="hidden" data-mobile-navigation-target="slidePrices" style="width: 50%;">
                        <div class="h-18">
                        </div>
                        <div class="p-6">
                            <span class="block uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Bitte Gruppentitel definieren</span>
                            <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full mt-6" href="/" tabindex="-1"><span class="text-content">Undefined</span></a>
                        </div>
                        <div class="p-6">
                            <span class="block uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Bitte Gruppentitel definieren</span>
                            <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full mt-6" href="/" tabindex="-1"><span class="text-content">Undefined</span></a>
                        </div>
                        <div class="p-6 bg-iserv-neutral-097 border-t-2 border-iserv-neutral-090">
                            <span class="block uppercase tracking-wider text-iserv-neutral-000 font-semibold border-b-2 border-iserv-neutral-090 pb-3">Bitte Gruppentitel definieren</span>
                            <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full mt-6" href="/" tabindex="-1"><span class="text-content">Undefined</span></a>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
        <div class="hidden opacity-0 transition-opacity duration-300" data-frames-target="searchFrameMobile">
            <div data-sticky-header-bars-target="spacer" style="height: 64px;">
            </div>
            <div>
                <div class="p-6">
                    <form method="get" action="/suche" data-controller="search-client" data-search-client-config="{&quot;flyout_el_id&quot;:&quot;mobileSearchFlyoutHook&quot;,&quot;clear_btn_el_id&quot;:&quot;mobileSearchClearBtn&quot;,&quot;fuzzy&quot;:1,&quot;index&quot;:&quot;GlobalIndex&quot;,&quot;route&quot;:&quot;\/ajax-suche&quot;,&quot;trigger&quot;:{&quot;active&quot;:true,&quot;items&quot;:[{&quot;keywords&quot;:[&quot;anmelden&quot;,&quot;login&quot;,&quot;anmeldung&quot;,&quot;einloggen&quot;,&quot;log in&quot;,&quot;passwort vergessen&quot;,&quot;passwort&quot;],&quot;info_link&quot;:{&quot;type&quot;:&quot;route&quot;,&quot;route&quot;:&quot;\/hilfecenter\/artikel\/iserv-anmeldung-leicht-gemacht-schritt-fuer-schritt-zum-login&quot;,&quot;route_params&quot;:null,&quot;url&quot;:null,&quot;blank&quot;:false,&quot;tracking_id&quot;:null},&quot;flyout&quot;:{&quot;title&quot;:&quot;Login gesucht?&quot;,&quot;paragraph&quot;:&quot;Wo und wie Du Dich bei Deiner IServ Schulplattform anmelden kannst, erf\u00e4hrst Du in unserer Anleitung.&quot;},&quot;popup&quot;:{&quot;title&quot;:&quot;Login gesucht?&quot;,&quot;paragraph&quot;:&quot;Wo und wie Du Dich bei Deiner IServ Schulplattform anmelden kannst, erf\u00e4hrst Du in unserer Anleitung.&quot;,&quot;btn_label_dismiss&quot;:&quot;Zur Anleitung&quot;,&quot;btn_label_continue&quot;:&quot;Zu den Suchergebnissen&quot;}}]}}">
                        <div class="bg-iserv-neutral-097 rounded-lg flex">
                            <div class="h-12 w-12 flex flex-none text-iserv-blue-024 items-center justify-center" data-action="">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-7 w-7" style="stroke-width: 1.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <circle cx="9.5" cy="9.5" r="7.5">
                                    </circle>
                                    <line x1="22" y1="22" x2="14.801" y2="14.801">
                                    </line>
                                </svg>
                            </div>
                            <div class="h-12 flex-grow flex-shrink">
                                <input type="text" autocomplete="off" name="query" data-search-client-target="input" value="" placeholder="Suchbegriff" class="block h-12 w-full pl-0 font-semibold bg-transparent border-transparent placeholder-iserv-neutral-045 focus:shadow-none focus:outline-none">
                            </div>
                            <div id="mobileSearchClearBtn" class="h-12 w-12 flex flex-none items-center text-iserv-orange-056 hidden justify-center">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24">
                                    <path fill-rule="evenodd" d="M2.515 10.674a1.875 1.875 0 000 2.652L8.89 19.7c.352.351.829.549 1.326.549H19.5a3 3 0 003-3V6.75a3 3 0 00-3-3h-9.284c-.497 0-.974.198-1.326.55l-6.375 6.374zM12.53 9.22a.75.75 0 10-1.06 1.06L13.19 12l-1.72 1.72a.75.75 0 101.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 101.06-1.06L15.31 12l1.72-1.72a.75.75 0 10-1.06-1.06l-1.72 1.72-1.72-1.72z" clip-rule="evenodd">
                                    </path>
                                </svg>
                            </div>
                        </div>
                        <input type="hidden" name="index" value="GlobalIndex">
                        <div data-search-client-target="hintPopup" class="hidden bg-iserv-blue-024 px-3 pb-3 pt-6 xs:px-6 xs:pb-6 lg:px-12 lg:py-12">
                            <div class="flex justify-center -mt-2 mb-4">
                                <img class="block w-24" src="/user/themes/iserv/dist/images/icons/custom/exclamation-triangle-yellow.svg">
                            </div>
                            <span class="title block text-white text-center design-update-text-lg uppercase font-semibold mb-4 hyphens-manual"></span>
                            <p class="text-center text-iserv-blue-090 design-update-text-base paragraph hyphens-manual"></p>
                            <div class="mt-6">
                                <div class="flex flex-col xs:flex-row justify-center -m-2">
                                    <div class="p-2">
                                        <button class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-white hover:border-white bg-iserv-blue-024 hover:bg-iserv-blue-035 text-white hover:text-white continue w-full xs:w-auto" type="button" data-action="click->lightbox#callback" data-callback-id="submit_search">
                                            <span class="text-content">#</span>
                                        </button>
                                    </div>
                                    <div class="p-2">
                                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-white hover:border-iserv-blue-090 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 dismiss w-full xs:w-auto" href="#"><span class="text-content">#</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div id="mobileSearchFlyoutHook" data-controller="flyout" data-flyout-is-mobile-flyout-value="true" data-flyout-colors-value="{&quot;bg&quot;:&quot;white&quot;,&quot;bg_active&quot;:&quot;white&quot;}" data-flyout-module-icons-path-value="/user/themes/iserv/dist/images/module_icons/[page_folder]_.svg" data-flyout-content-type-module-taxonomy-id-value="38063f1bea5638e8" class="search-flyout w-full">
                        <div data-flyout-target="list" class="pt-2">
                        </div>
                        <a data-flyout-target="defaultResultItem" class="hidden block py-2" href=""><div class="flex"><div class="flex-none flex items-center justify-center"><img class="block w-8 hidden mr-1" src=""></div> <div class="w-full flex-auto flex items-center"><span class="title block text-base text-iserv-neutral-035 font-semibold truncate"></span></div></div> <span class="teaser block text-sm text-iserv-neutral-035"></span> <span class="keywords-label text-sm text-iserv-neutral-050">Suchbegriff:</span> <span class="keywords text-sm text-iserv-orange-056 font-semibold truncate"></span></a>
                        <a data-flyout-target="hint" class="hidden block p-2 bg-iserv-blue-024 rounded-lg" href=""><div class="flex"><div class="flex-none flex items-center justify-center"><img class="block w-6 mr-1" src="/user/themes/iserv/dist/images/icons/custom/exclamation-triangle-yellow.svg"></div> <div class="flex-auto flex items-center w-full"><span class="title block text-base text-white font-semibold truncate"></span></div></div> <span class="teaser block text-sm text-iserv-blue-090"></span></a>
                        <a data-flyout-target="showAll" class="hidden block py-2" href=""><div class="flex"><span class="text-iserv-blue-040"><span class="count"></span>&nbsp;weitere Ergebnisse anzeigen</span></div></a>
                        <span data-flyout-target="emptyInfo" class="hidden block px-4 py-2 text-base text-iserv-neutral-035"></span>
                    </div>
                </div>
            </div>
        </div>
        <div data-frames-target="multipurposeFrameMobile" class="hidden opacity-0 transition-opacity duration-300">
            <div data-sticky-header-bars-target="spacer" style="height: 64px;">
            </div>
        </div>
        <div data-lightbox-target="background" data-action="click->lightbox#hide" class="absolute inset-0 z-50 opacity-0 bg-semitransparent-black transition-all duration-300 opacity-100">
            <div class="fixed inset-0 overflow-y-scroll" data-lightbox-target="fixedContainer">
                <div class="p-2 xs:p-3 sm:p-6 lg:p-12 flex flex-col justify-center mx-auto min-h-full max-w-2xl" data-lightbox-target="centeredContainer">
                    <div data-lightbox-target="lightbox" class="relative" tabindex="-1">
                        <div data-lightbox-target="contentHolder" class="relative w-full overflow-hidden rounded-lg">
                        <div data-usercentrics-target="template" class="bg-white px-3 pb-3 pt-6 xs:px-6 xs:pb-6 lg:px-12 lg:py-12">
        <div data-usercentrics-target="firstLayer" class="">
            <div class="flex justify-center mb-6">
                <img class="w-24" src="/user/themes/iserv/dist/images/iserv-logo_170x60px.png">
            </div>
            <span class="block text-2xl text-black font-semibold text-center mb-3">Cookie-Hinweis</span>
            <p class="leading-relaxed text-iserv-neutral-035 text-base my-3">Wir nutzen verschiedene Techniken, um die Funktionen unserer Website zu personalisieren, die Nutzung und Leistung der Website zu messen und zielgerichtete Werbung anzubieten.</p>
            <p class="leading-relaxed text-iserv-neutral-035 text-base my-3">Sie können jederzeit – auch später noch – festlegen, welche Cookies Sie zulassen und welche nicht.</p>
            <div class="mt-6">
                <div class="flex flex-wrap -m-2">
                    <div class="w-full xs:w-1/2 p-2">
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full" data-usercentrics-target="buttons_denyAll" data-action="click->usercentrics#denyAllServices"><span class="-ml-2 mr-2"><span class="text-iserv-red-050"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor"><path d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"></path></svg></span></span> <span class="text-content">Alles ablehnen</span></a>
                    </div>
                    <div class="w-full xs:w-1/2 p-2">
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full" data-usercentrics-target="buttons_acceptAll" data-action="click->usercentrics#acceptAllServices"><span class="-ml-2 mr-2"><span class="text-iserv-green-050"><svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"></path></svg></span></span> <span class="text-content">Alles akzeptieren</span></a>
                    </div>
                </div>
            </div>
            <div class="mt-3 -mx-3 flex flex-wrap justify-center">
                <button data-usercentrics-target="buttons_showSecondLayer" data-action="click->usercentrics#showSecondLayer" class="block w-full xs:w-auto text-center text-iserv-blue-040 hover:text--iserv-blue-050 underline p-3">Anpassen</button>
                <span class="hidden xs:block text-center text text-iserv-neutral-050 py-3">|</span>
                <a href="/datenschutzerklaerung" class="block w-full xs:w-auto text-center text-iserv-blue-040 hover:text--iserv-blue-050 underline p-3">Datenschutzerklärung Website</a>
                <span class="hidden xs:block text-center text text-iserv-neutral-050 py-3">|</span>
                <a href="/impressum" class="block w-full xs:w-auto text-center text-iserv-blue-040 hover:text--iserv-blue-050 underline p-3">Impressum</a>
            </div>
        </div>
        <div data-usercentrics-target="secondLayer" class="hidden">
            <span data-usercentrics-target="secondLayer_title" class="block text-2xl text-black font-semibold text-center mb-3">Privatsphäre-Einstellungen</span>
            <p data-usercentrics-target="secondLayer_description" class="text-base text-iserv-neutral-035">Dieses Tool hilft Ihnen, verschiedene Tags / Tracker / Analyse-Tools auf dieser Webseite auszuwählen und zu deaktivieren.</p>
            <div class="my-6">
                <div class="-my-2" data-usercentrics-target="secondLayer_categoriesWrapper">
                    <div data-usercentrics-target="secondLayer_categoryTemplate" data-category-slug="" class="category py-2 -mx-3 xs:mx-0 hidden">
                        <div class="bg-iserv-neutral-097 xs:rounded-lg">
                            <div class="category-bar flex items-center">
                                <button class="category-expand-btn text-left flex-grow p-3">
                                    <span class="category-label block text-lg text-black font-semibold leading-tight mb-2"></span>
                                    <p class="category-description text-xs sm:text-sm text-iserv-neutral-035"></p>
                                </button>
                                <div class="flex-none flex items-center">
                                    <button class="switch h-12 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085">
                                        <div class="switch-surface rounded-full w-full p-1">
                                            <div class="relative w-full flex text-white">
                                                <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                </div>
                                                <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                        <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div class="w-1 h-4 flex-none">
                                                </div>
                                                <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                        <line x1="21" y1="21" x2="3" y2="3">
                                                        </line>
                                                        <line x1="21" y1="3" x2="3" y2="21">
                                                        </line>
                                                    </svg>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                    <button class="category-expand-btn w-11 h-12 flex-none flex justify-center items-center cursor-pointer">
                                        <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" data-states="[{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M3,7.5 12,16.5 21,7.5&quot;}}},{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M21,16.5 12,7.5 3,16.5&quot;}}}]" data-current-state="0" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path class="line" d="M3,7.5 12,16.5 21,7.5">
                                                </path>
                                            </svg>
                                        </div>
                                    </button>
                                </div>
                            </div>
                            <div class="category-content hidden">
                                <div data-usercentrics-target="secondLayer_serviceTemplate" class="service hidden border-t-2 border-iserv-neutral-085">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">
                                            </div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085">
                                                <div class="switch-surface rounded-full w-full p-1">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="service-details-section-cookies hidden">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="service-details-section-history py-2 hidden">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2 hidden"></p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085 hidden">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody></table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <div data-category-slug="marketing" class="category py-2 -mx-3 xs:mx-0">
                        <div class="bg-iserv-neutral-097 xs:rounded-lg">
                            <div class="category-bar flex items-center">
                                <button class="category-expand-btn text-left flex-grow p-3">
                                    <span class="category-label block text-lg text-black font-semibold leading-tight mb-2">Marketing</span>
                                    <p class="category-description text-xs sm:text-sm text-iserv-neutral-035">Diese Technologien werden von Werbetreibenden verwendet, um Anzeigen zu schalten, die für Ihre Interessen relevant sind.</p>
                                </button>
                                <div class="flex-none flex items-center">
                                    <button class="switch h-12 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085">
                                        <div class="switch-surface rounded-full w-full p-1 bg-iserv-neutral-035">
                                            <div class="relative w-full flex text-white">
                                                <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                </div>
                                                <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                        <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div class="w-1 h-4 flex-none">
                                                </div>
                                                <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                        <line x1="21" y1="21" x2="3" y2="3">
                                                        </line>
                                                        <line x1="21" y1="3" x2="3" y2="21">
                                                        </line>
                                                    </svg>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                    <button class="category-expand-btn w-11 h-12 flex-none flex justify-center items-center cursor-pointer">
                                        <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" data-states="[{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M3,7.5 12,16.5 21,7.5&quot;}}},{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M21,16.5 12,7.5 3,16.5&quot;}}}]" data-current-state="0" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path class="line" d="M3,7.5 12,16.5 21,7.5">
                                                </path>
                                            </svg>
                                        </div>
                                    </button>
                                </div>
                            </div>
                            <div class="category-content hidden">
                                <div data-usercentrics-target="secondLayer_serviceTemplate" class="service hidden border-t-2 border-iserv-neutral-085">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">
                                            </div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085">
                                                <div class="switch-surface rounded-full w-full p-1">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="service-details-section-cookies hidden">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="service-details-section-history py-2 hidden">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2 hidden"></p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085 hidden">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody></table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <div class="service border-t-2 border-iserv-neutral-085">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">Google Tag Manager</div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085" data-service-id="BJ59EidsWQ">
                                                <div class="switch-surface rounded-full w-full p-1 bg-iserv-neutral-035">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="service-details-section-cookies hidden">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    </div>
                                                </div>
                                                
                                            </div>
                                        <div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Beschreibung des Services</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Dies ist ein Tag-Management-System. Über den Google Tag Manager können Tags zentral über eine Benutzeroberfläche eingebunden werden. Tags sind kleine Codeabschnitte, die Aktivitäten verfolgen können. Über den Google Tag Manager werden Scriptcodes anderer Tools eingebunden. Der Tag Manager ermöglicht es zu steuern, wann ein bestimmtes Tag ausgelöst wird.</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Verarbeitendes Unternehmen</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Google Ireland Limited<br>Google Building Gordon House, 4 Barrow St, Dublin, D04 E5W5, Ireland</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenschutzbeauftragter des verarbeitenden Unternehmens</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Nachfolgend finden Sie die E-Mail-Adresse des Datenschutzbeauftragten des verarbeitenden Unternehmens.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://support.google.com/policies/contact/general_privacy_form">https://support.google.com/policies/contact/general_privacy_form</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Zweck der Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste stellt die Zwecke der Datenerhebung und -verarbeitung dar.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Tag-Verwaltung</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Genutzte Technologien</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle Technologien, mit denen dieser Dienst Daten sammelt. Typische Technologien sind Cookies und Pixel, die im Browser platziert werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Webseiten-Tags</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gesammelte Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle (persönlichen) Daten, die von oder durch die Nutzung dieses Dienstes gesammelt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Aggregierte Daten über die Tag-Auslösung</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Rechtliche Grundlage</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden wird die erforderliche Rechtsgrundlage für die Verarbeitung von Daten genannt</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Art. 6 Abs. 1 S. 1 lit. a DSGVO</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Ort der Verarbeitung</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dies ist der primäre Ort, an dem die gesammelten Daten verarbeitet werden. Sollten die Daten auch in anderen Ländern verarbeitet werden, werden Sie gesondert informiert.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Europäische Union</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Aufbewahrungsdauer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Die Aufbewahrungsdauer ist die Zeitspanne, in der die gesammelten Daten für die Verarbeitung gespeichert werden. Die Daten müssen gelöscht werden, sobald sie für die angegebenen Verarbeitungszwecke nicht mehr benötigt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Die Daten werden gelöscht, sobald sie für die Zwecke der Verarbeitung nicht mehr benötigt werden.</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Weitergabe an Drittländer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Bei in Inanspruchnahme dieser Dienstleistung können die gesammelten Daten in ein anderes Land weitergeleitet werden. Bitte beachten Sie, dass im Rahmen dieser Dienstleistung die Daten möglicherweise in ein Land übertragen werden, das nicht über die erforderlichen Datenschutznormen verfügt. Nachstehend finden Sie eine Liste der Länder, in die die Daten übertragen werden. Weitere Informationen zu den Sicherheitsmaßnahmen entnehmen Sie bitte der Datenschutzerklärung des jeweiligen Anbieters oder wenden Sie sich unmittelbar an den Anbieter selbst.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Singapur</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Taiwan</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Chile</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Vereinigte Staaten von Amerika</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenempfänger</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden werden die Empfänger der erhobenen Daten aufgelistet.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Alphabet Inc., Google LLC, Google Ireland Limited</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Datenschutzbestimmungen des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://business.safety.google/privacy/?hl=de">https://business.safety.google/privacy/?hl=de</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Cookie-Richtlinie des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://policies.google.com/technologies/cookies?hl=de">https://policies.google.com/technologies/cookies?hl=de</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-history py-2">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Historie</span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Dieser Dienst besitzt untergeordnete Dienste. Der aktuelle Einwilligungsstatus gilt ebenfalls für alle untergeordneten Dienste.</p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">Entscheidung</th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">Datum</th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody><tr class="history-table-row-template">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">nein</td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">9. Oktober 2024 05:29</td>
                                                        </tr></table>
                                                </div></div>
                                    </div>
                                </div><div class="service border-t-2 border-iserv-neutral-085 pl-3">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">⤷&nbsp;Google Analytics 4</div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085" data-service-id="87JYasXPF" disabled="">
                                                <div class="switch-surface rounded-full w-full p-1 bg-iserv-neutral-085">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                
                                                
                                            </div>
                                        <div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Beschreibung des Services</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Dieser Dienst ermöglicht es dem Benutzer, den Verkehr und das Engagement auf seinen Websites und mobilen Apps mithilfe anpassbarer Berichte zu messen.</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Verarbeitendes Unternehmen</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Google Ireland Limited<br>Google Building Gordon House, 4 Barrow St, Dublin, D04 E5W5, Ireland</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenschutzbeauftragter des verarbeitenden Unternehmens</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Nachfolgend finden Sie die E-Mail-Adresse des Datenschutzbeauftragten des verarbeitenden Unternehmens.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://support.google.com/policies/contact/general_privacy_form">https://support.google.com/policies/contact/general_privacy_form</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Zweck der Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste stellt die Zwecke der Datenerhebung und -verarbeitung dar.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Marketing</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Analyse</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Genutzte Technologien</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle Technologien, mit denen dieser Dienst Daten sammelt. Typische Technologien sind Cookies und Pixel, die im Browser platziert werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Tracking-Code</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Cookies</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gesammelte Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle (persönlichen) Daten, die von oder durch die Nutzung dieses Dienstes gesammelt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Kontodaten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Anonymisierte IP-Adresse</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Absprungraten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Browser-Informationen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Klickpfad</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Datum und Uhrzeit des Besuchs</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Geräteinformationen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Downloads</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Besuchsdauer</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Standort-Informationen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Internetdienstanbieter</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Mausbewegungen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Bildschirmauflösung</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Verhaltensdaten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Referrer URL</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">App-Aktualisierungen</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Rechtliche Grundlage</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden wird die erforderliche Rechtsgrundlage für die Verarbeitung von Daten genannt</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Art. 6 Abs. 1 S. 1 lit. a DSGVO</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Ort der Verarbeitung</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dies ist der primäre Ort, an dem die gesammelten Daten verarbeitet werden. Sollten die Daten auch in anderen Ländern verarbeitet werden, werden Sie gesondert informiert.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Europäische Union</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Aufbewahrungsdauer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Die Aufbewahrungsdauer ist die Zeitspanne, in der die gesammelten Daten für die Verarbeitung gespeichert werden. Die Daten müssen gelöscht werden, sobald sie für die angegebenen Verarbeitungszwecke nicht mehr benötigt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Der Kunde kann wählen, wie lange Google Analytics Daten speichert. Die maximale Aufbewahrungsdauer beträgt 26 Monate.</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Weitergabe an Drittländer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Bei in Inanspruchnahme dieser Dienstleistung können die gesammelten Daten in ein anderes Land weitergeleitet werden. Bitte beachten Sie, dass im Rahmen dieser Dienstleistung die Daten möglicherweise in ein Land übertragen werden, das nicht über die erforderlichen Datenschutznormen verfügt. Nachstehend finden Sie eine Liste der Länder, in die die Daten übertragen werden. Weitere Informationen zu den Sicherheitsmaßnahmen entnehmen Sie bitte der Datenschutzerklärung des jeweiligen Anbieters oder wenden Sie sich unmittelbar an den Anbieter selbst.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Vereinigte Staaten von Amerika</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1"> Singapur</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1"> Taiwan</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1"> Chile</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenempfänger</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden werden die Empfänger der erhobenen Daten aufgelistet.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Alphabet Inc., Google LLC, Google Ireland Limited</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Datenschutzbestimmungen des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://policies.google.com/privacy?hl=en">https://policies.google.com/privacy?hl=en</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Cookie-Richtlinie des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://policies.google.com/technologies/cookies?hl=en">https://policies.google.com/technologies/cookies?hl=en</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um auf allen Domains des verarbeitenden Unternehmens zu widerrufen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://tools.google.com/dlpage/gaoptout?hl=de">https://tools.google.com/dlpage/gaoptout?hl=de</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-cookies">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Speicherinformation</span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Unten sehen Sie die längste potenzielle Speicherdauer auf einem Gerät, die bei Verwendung der Cookie-Speichermethode und bei Verwendung anderer Methoden festgelegt wurde.</p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        <li class="cookies-list-el-template">Höchstgrenze für die Speicherung von Cookies: 2 Jahre</li><li class="cookies-list-el-template">Nicht-Cookie-Speicherung: Nein</li></ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gespeicherte Informationen</span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dieser Service verwendet verschiedene Mittel zum Speichern von Informationen auf dem Gerät eines Benutzers, wie nachfolgend aufgeführt.</p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    <div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085 border-t">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">_ga</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Wird verwendet, um Benutzer zu unterscheiden.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">2 Jahre</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">_gid</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Wird verwendet, um Benutzer zu unterscheiden.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">ein Tag</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">_ga_<container-id></container-id></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Wird verwendet, um den Sitzungsstatus beizubehalten.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">2 Jahre</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">_gac_gb_<container-id></container-id></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Enthält kampagnenbezogene Informationen. Wenn Sie Ihre Google Analytics- und Google Ads-Konten verknüpft haben, lesen die Google Ads-Website-Conversion-Tags dieses cookie , sofern Sie sich nicht abmelden.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">3 Monate</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div></div>
                                                </div><div class="service-details-section-history py-2">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Historie</span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Dies ist ein untergeordneter Dienst, es gilt der aktuelle Einwilligungsstatus des übergeordneten Dienstes.</p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085 hidden">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody></table>
                                                </div></div>
                                    </div>
                                </div><div class="service border-t-2 border-iserv-neutral-085">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">Facebook Pixel</div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085" data-service-id="ko1w5PpFl">
                                                <div class="switch-surface rounded-full w-full p-1 bg-iserv-neutral-035">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                
                                                
                                            </div>
                                        <div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Beschreibung des Services</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Dies ist eine Tracking-Technologie, die von Facebook angeboten und von anderen Facebook-Diensten verwendet wird. Es wird verwendet, um Interaktionen von Besuchern mit Websites ("Ereignisse") zu verfolgen, nachdem sie auf eine auf Facebook oder anderen von Meta bereitgestellten Diensten geschaltete Anzeige geklickt haben ("Conversion").
</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Verarbeitendes Unternehmen</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Meta Platforms Ireland Ltd.<br>4 Grand Canal Square, Grand Canal Harbour, Dublin, D02, Ireland</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenschutzbeauftragter des verarbeitenden Unternehmens</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Nachfolgend finden Sie die E-Mail-Adresse des Datenschutzbeauftragten des verarbeitenden Unternehmens.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://www.facebook.com/help/contact/1650115808681298">https://www.facebook.com/help/contact/1650115808681298</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Zweck der Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste stellt die Zwecke der Datenerhebung und -verarbeitung dar.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Analyse</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Marketing</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Retargeting</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Werbung</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Conversion Tracking</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Personalisierung</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Genutzte Technologien</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle Technologien, mit denen dieser Dienst Daten sammelt. Typische Technologien sind Cookies und Pixel, die im Browser platziert werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Cookies</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Pixel</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gesammelte Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle (persönlichen) Daten, die von oder durch die Nutzung dieses Dienstes gesammelt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Angesehene Werbeanzeigen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Angesehener Inhalt</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Geräteinformationen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Geografischer Standort</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">HTTP-Header</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Interaktionen mit Werbung, Services und Produkten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">IP-Adresse</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Angeklickte Elemente</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Marketinginformation</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Besuchte Seiten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Pixel-ID</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Referrer URL</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Nutzungsdaten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Nutzerverhalten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Facebook-Cookie-Informationen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Facebook Nutzer-ID</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Nutzungs-/Klickverhalten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Browser-Informationen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Gerätebestriebssystem</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Geräte-ID</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">User Agent</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Browser-Typ</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Rechtliche Grundlage</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden wird die erforderliche Rechtsgrundlage für die Verarbeitung von Daten genannt</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Art. 6 Abs. 1 S. 1 lit. a DSGVO</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Ort der Verarbeitung</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dies ist der primäre Ort, an dem die gesammelten Daten verarbeitet werden. Sollten die Daten auch in anderen Ländern verarbeitet werden, werden Sie gesondert informiert.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Europäische Union</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Aufbewahrungsdauer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Die Aufbewahrungsdauer ist die Zeitspanne, in der die gesammelten Daten für die Verarbeitung gespeichert werden. Die Daten müssen gelöscht werden, sobald sie für die angegebenen Verarbeitungszwecke nicht mehr benötigt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Die auf den Websites erfassten Interaktionen der Nutzer werden nicht länger als zwei Jahre gespeichert. Die Daten werden jedoch gelöscht, sobald sie für die Zwecke der Verarbeitung nicht mehr benötigt werden.</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Weitergabe an Drittländer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Bei in Inanspruchnahme dieser Dienstleistung können die gesammelten Daten in ein anderes Land weitergeleitet werden. Bitte beachten Sie, dass im Rahmen dieser Dienstleistung die Daten möglicherweise in ein Land übertragen werden, das nicht über die erforderlichen Datenschutznormen verfügt. Nachstehend finden Sie eine Liste der Länder, in die die Daten übertragen werden. Weitere Informationen zu den Sicherheitsmaßnahmen entnehmen Sie bitte der Datenschutzerklärung des jeweiligen Anbieters oder wenden Sie sich unmittelbar an den Anbieter selbst.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Singapur</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Vereinigte Staaten von Amerika</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Vereingtes Königreich</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenempfänger</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden werden die Empfänger der erhobenen Daten aufgelistet.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Meta Platforms Ireland Ltd., Meta Platforms Inc. </div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Datenschutzbestimmungen des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://www.facebook.com/privacy/explanation">https://www.facebook.com/privacy/explanation</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Cookie-Richtlinie des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://www.facebook.com/policies/cookies">https://www.facebook.com/policies/cookies</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-cookies">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Speicherinformation</span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Unten sehen Sie die längste potenzielle Speicherdauer auf einem Gerät, die bei Verwendung der Cookie-Speichermethode und bei Verwendung anderer Methoden festgelegt wurde.</p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        <li class="cookies-list-el-template">Höchstgrenze für die Speicherung von Cookies: ein paar Sekunden</li><li class="cookies-list-el-template">Nicht-Cookie-Speicherung: Nein</li></ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gespeicherte Informationen</span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dieser Service verwendet verschiedene Mittel zum Speichern von Informationen auf dem Gerät eines Benutzers, wie nachfolgend aufgeführt.</p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    <div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085 border-t">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">messaging_plugin_#</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">fr</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">_fbp</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">pxcelBcnLcy</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">cookie</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">_fbp</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">web</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div></div>
                                                </div><div class="service-details-section-history py-2">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Historie</span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2 hidden"></p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">Entscheidung</th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">Datum</th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody><tr class="history-table-row-template">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">nein</td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">9. Oktober 2024 05:29</td>
                                                        </tr></table>
                                                </div></div>
                                    </div>
                                </div></div>
                        </div>
                    </div><div data-category-slug="essential" class="category py-2 -mx-3 xs:mx-0">
                        <div class="bg-iserv-neutral-097 xs:rounded-lg">
                            <div class="category-bar flex items-center">
                                <button class="category-expand-btn text-left flex-grow p-3">
                                    <span class="category-label block text-lg text-black font-semibold leading-tight mb-2">Essenziell</span>
                                    <p class="category-description text-xs sm:text-sm text-iserv-neutral-035">Diese Technologien sind erforderlich, um die Kernfunktionalität der Website zu aktivieren</p>
                                </button>
                                <div class="flex-none flex items-center">
                                    <button class="switch h-12 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085" disabled="">
                                        <div class="switch-surface rounded-full w-full p-1 bg-iserv-neutral-085">
                                            <div class="relative w-full flex text-white">
                                                <div class="switch-knob w-4 h-4 bg-white rounded-full absolute transition-all duration-150 left-5">
                                                </div>
                                                <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                        <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                        </path>
                                                    </svg>
                                                </div>
                                                <div class="w-1 h-4 flex-none">
                                                </div>
                                                <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                        <line x1="21" y1="21" x2="3" y2="3">
                                                        </line>
                                                        <line x1="21" y1="3" x2="3" y2="21">
                                                        </line>
                                                    </svg>
                                                </div>
                                            </div>
                                        </div>
                                    </button>
                                    <button class="category-expand-btn w-11 h-12 flex-none flex justify-center items-center cursor-pointer">
                                        <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="inline h-4 w-4" data-states="[{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M3,7.5 12,16.5 21,7.5&quot;}}},{&quot;duration&quot;:200,&quot;elements&quot;:{&quot;line&quot;:{&quot;d&quot;:&quot;M21,16.5 12,7.5 3,16.5&quot;}}}]" data-current-state="0" fill="none" viewBox="0 0 24 24" style="stroke-width: 3" stroke="currentColor">
                                                <path class="line" d="M3,7.5 12,16.5 21,7.5">
                                                </path>
                                            </svg>
                                        </div>
                                    </button>
                                </div>
                            </div>
                            <div class="category-content hidden">
                                <div data-usercentrics-target="secondLayer_serviceTemplate" class="service hidden border-t-2 border-iserv-neutral-085">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">
                                            </div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085">
                                                <div class="switch-surface rounded-full w-full p-1">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute left-0 transition-all duration-150">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                <div class="service-details-section-cookies hidden">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="service-details-section-history py-2 hidden">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2"></span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2 hidden"></p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085 hidden">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">
                                                            </th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody></table>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            <div class="service border-t-2 border-iserv-neutral-085">
                                    <div class="service-bar flex items-center">
                                        <div class="flex-grow px-3 py-1">
                                            <div class="service-label text-black text-sm leading-tight">Usercentrics Consent Management Platform</div>
                                        </div>
                                        <div class="flex-none flex items-center pr-3">
                                            <div class="service-expand-btn w-11 h-10 flex-none flex justify-center items-center cursor-pointer">
                                                <div class="flex-none text-iserv-neutral-035 flex justify-center">
                                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z">
                                                        </path>
                                                    </svg>
                                                </div>
                                            </div>
                                            <button class="switch h-10 flex-none flex items-center cursor-pointer" data-color-inactive="iserv-neutral-035" data-color-active="iserv-blue-024" data-color-essential="iserv-neutral-085" data-service-id="H1Vl5NidjWX" disabled="">
                                                <div class="switch-surface rounded-full w-full p-1 bg-iserv-neutral-085">
                                                    <div class="relative w-full flex text-white">
                                                        <div class="switch-knob w-4 h-4 bg-white rounded-full absolute transition-all duration-150 left-5">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 " fill="none" viewBox="0 0 24 24" style="stroke-width: 4" stroke="currentColor">
                                                                <path d="M3.5,12.5 9.5,18.5 21.5,6.5">
                                                                </path>
                                                            </svg>
                                                        </div>
                                                        <div class="w-1 h-4 flex-none">
                                                        </div>
                                                        <div class="w-4 h-4 flex-none flex items-center justify-center">
                                                            <svg xmlns="http://www.w3.org/2000/svg" class="h-2 w-2 " fill="none" viewBox="0 0 24 24" style="stroke-width: 6" stroke="currentColor">
                                                                <line x1="21" y1="21" x2="3" y2="3">
                                                                </line>
                                                                <line x1="21" y1="3" x2="3" y2="21">
                                                                </line>
                                                            </svg>
                                                        </div>
                                                    </div>
                                                </div>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="service-details hidden px-3">
                                        <div class="border-t-2 border-iserv-neutral-085 py-3">
                                            <div class="-my-2">
                                                <div class="service-details-section-template py-2 hidden">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2 hidden"></span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div>
                                                
                                                
                                            </div>
                                        <div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Beschreibung des Services</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Dies ist ein Zustimmungs-Management-Dienst. Auf Websites und Apps kommt die Usercentrics GmbH als Auftragsverarbeiter zum Einsatz, um das Zustimmungsmanagement zu gewährleisten.</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Verarbeitendes Unternehmen</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035">Usercentrics GmbH<br>Sendlinger Str. 7, 80331 Munich, Germany</p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenschutzbeauftragter des verarbeitenden Unternehmens</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Nachfolgend finden Sie die E-Mail-Adresse des Datenschutzbeauftragten des verarbeitenden Unternehmens.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="mailto:[email protected]">[email protected]</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Zweck der Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste stellt die Zwecke der Datenerhebung und -verarbeitung dar.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Einhaltung der gesetzlichen Verpflichtungen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Einwilligungsspeicherung</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Genutzte Technologien</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle Technologien, mit denen dieser Dienst Daten sammelt. Typische Technologien sind Cookies und Pixel, die im Browser platziert werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Local Storage</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Pixel</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gesammelte Daten</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Diese Liste enthält alle (persönlichen) Daten, die von oder durch die Nutzung dieses Dienstes gesammelt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Opt-in- und Opt-out-Daten</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Referrer URL</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">User Agent</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Benutzereinstellungen</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Consent ID</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Zeitpunkt der Einwilligung</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Einwilligungstyp</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Template-Version</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Banner-Sprache</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">IP-Adresse</div>
                                                            </div><div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Geografischer Standort</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Rechtliche Grundlage</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden wird die erforderliche Rechtsgrundlage für die Verarbeitung von Daten genannt</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Art. 6 Abs. 1 S. 1 lit. c DSGVO</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Ort der Verarbeitung</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dies ist der primäre Ort, an dem die gesammelten Daten verarbeitet werden. Sollten die Daten auch in anderen Ländern verarbeitet werden, werden Sie gesondert informiert.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Europäische Union</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Aufbewahrungsdauer</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Die Aufbewahrungsdauer ist die Zeitspanne, in der die gesammelten Daten für die Verarbeitung gespeichert werden. Die Daten müssen gelöscht werden, sobald sie für die angegebenen Verarbeitungszwecke nicht mehr benötigt werden.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035">
                                                        <li class="hidden">
                                                        </li>
                                                    <li class="">Die Einwilligungsdaten (erteilte Einwilligung und Widerruf der Einwilligung) werden ein Jahr gespeichert. Die Daten werden dann unverzüglich gelöscht.</li></ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Datenempfänger</span>
                                                    <p class="service-details-section-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Im Folgenden werden die Empfänger der erhobenen Daten aufgelistet.</p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        <div class="p-1">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">Usercentrics GmbH</div>
                                                            </div></div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate hidden"></a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-template py-2">
                                                    <span class="service-details-section-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Klicken Sie hier, um die Datenschutzbestimmungen des Datenverarbeiters zu lesen.</span>
                                                    <p class="service-details-section-description hidden text-xs sm:text-sm text-iserv-neutral-035 my-2"></p>
                                                    <div class="my-1">
                                                        <div class="service-details-section-content-buttons flex flex-wrap -m-1 hidden">
                                                            <div class="p-1 hidden">
                                                                <div class="rounded border border-iserv-neutral-085 text-iserv-neutral-035 bg-white text-sm px-2 py-1">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <p class="service-details-section-content-paragraph text-xs sm:text-sm text-iserv-neutral-035 hidden"></p>
                                                    <a class="block service-details-section-content-href text-xs sm:text-sm text-iserv-blue-040 hover:text-iserv-blue-050 underline cursor-pointer truncate" href="https://usercentrics.com/privacy-policy/">https://usercentrics.com/privacy-policy/</a>
                                                    <ul class="service-details-section-content-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 hidden">
                                                        <li class="hidden">
                                                        </li>
                                                    </ul>
                                                </div><div class="service-details-section-cookies">
                                                    <div class="py-2">
                                                        <span class="cookies-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Speicherinformation</span>
                                                        <p class="cookies-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Unten sehen Sie die längste potenzielle Speicherdauer auf einem Gerät, die bei Verwendung der Cookie-Speichermethode und bei Verwendung anderer Methoden festgelegt wurde.</p>
                                                        <ul class="cookies-list list-disc pl-4 text-xs sm:text-sm text-iserv-neutral-035 my-2">
                                                            <li class="hidden cookies-list-el-template">
                                                            </li>
                                                        <li class="cookies-list-el-template">Höchstgrenze für die Speicherung von Cookies: ein paar Sekunden</li><li class="cookies-list-el-template">Nicht-Cookie-Speicherung: Nein</li></ul>
                                                    </div>
                                                    <div class="blocks-wrapper py-2">
                                                        <span class="cookies-stored-information-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Gespeicherte Informationen</span>
                                                        <p class="cookies-stored-information-description text-xs sm:text-sm text-iserv-neutral-035 my-2">Dieser Service verwendet verschiedene Mittel zum Speichern von Informationen auf dem Gerät eines Benutzers, wie nachfolgend aufgeführt.</p>
                                                        <div class="cookie-block-template hidden p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2"></span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2"></p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-max-age">
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">
                                                                    </td>
                                                                    <td class="p-1 cookie-type">
                                                                    </td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div>
                                                    <div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085 border-t">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">uc_settings and/or ucString</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Darin sind die ControllerID und SettingsID, die Sprache, die Einstellungsversion und die Dienste mit ihrem Einwilligungsverlauf enthalten.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">web</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">uc_user_interaction</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Hiermit wird signalisiert, ob ein Nutzer bereits eine Einwilligung erteilt hat.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">web</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">ucData (optional)</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Hier werden Informationen zum Google Consent Mode gespeichert.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">web</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">uc_ui_version</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Dieser Schlüssel gibt die von den Clients verwendete UI-Version an</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">web</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div><div class="cookie-block-template p-2 border-r border-b border-l border-iserv-neutral-085">
                                                            <span class="cookie-name block text-xs text-iserv-neutral-035 font-semibold leading-tight mb-2">uc_user_country</span>
                                                            <p class="cookie-description text-xs sm:text-sm text-iserv-neutral-035 mb-2">Dies wird verwendet, um den Standort des Benutzers zu erkennen und die korrekte Version des CMP anzuzeigen.</p>
                                                            <table class="text-xs sm:text-sm text-iserv-neutral-035 w-full -mx-1">
                                                                <tbody><tr>
                                                                    <td class="p-1 cookie-max-age-label">Dauer:</td>
                                                                    <td class="p-1 cookie-max-age">unbekannt</td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="p-1 cookie-type-label">Typ:</td>
                                                                    <td class="p-1 cookie-type">web</td>
                                                                </tr>
                                                            </tbody></table>
                                                        </div></div>
                                                </div><div class="service-details-section-history py-2">
                                                    <span class="history-title block text-xs text-iserv-blue-024 font-semibold leading-tight my-2">Historie</span>
                                                    <p class="history-description text-xs sm:text-sm text-iserv-neutral-035 mb-2 hidden"></p>
                                                    <table class="text-iserv-neutral-035 w-full -mx-1 border border-iserv-neutral-085">
                                                        <tbody><tr>
                                                            <th class="history-decision-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">Entscheidung</th>
                                                            <th class="history-date-label text-xs text-left font-semibold p-1 border border-iserv-neutral-085">Datum</th>
                                                        </tr>
                                                        <tr class="history-table-row-template hidden">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">
                                                            </td>
                                                        </tr>
                                                    </tbody><tr class="history-table-row-template">
                                                            <td class="history-decision text-xs sm:text-sm p-1 border border-iserv-neutral-085">ja</td>
                                                            <td class="history-date text-xs sm:text-sm p-1 border border-iserv-neutral-085">9. Oktober 2024 05:29</td>
                                                        </tr></table>
                                                </div></div>
                                    </div>
                                </div></div>
                        </div>
                    </div></div>
            </div>
            <div class="mt-3">
                <div class="flex flex-wrap -my-2 -mx-1">
                    <div class="w-full sm:w-1/3 py-2 px-1">
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full" data-usercentrics-target="buttons_save" data-action="click->usercentrics#updateServices"><span class="text-content">Speichern</span></a>
                    </div>
                    <div class="w-full sm:w-1/3 py-2 px-1">
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full" data-usercentrics-target="buttons_denyAll" data-action="click->usercentrics#denyAllServices"><span class="text-content">Alles ablehnen</span></a>
                    </div>
                    <div class="w-full sm:w-1/3 py-2 px-1">
                        <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-12 px-6 text-lg rounded-lg border-iserv-blue-024 hover:border-iserv-blue-024 bg-white hover:bg-iserv-blue-090 text-iserv-blue-024 hover:text-iserv-blue-024 w-full" data-usercentrics-target="buttons_acceptAll" data-action="click->usercentrics#acceptAllServices"><span class="text-content">Alles akzeptieren</span></a>
                    </div>
                </div>
            </div>
            <div class="mt-6">
                <p class="leading-relaxed text-iserv-neutral-035 text-sm my-2">Über untenstehende ID haben Sie die Möglichkeit, Ihre Einwilligungsdaten bei uns anzufragen und die Löschung Ihrer Daten beantragen.</p>
                <p class="leading-relaxed text-iserv-neutral-035 text-sm my-2">Schicken Sie uns dafür bitte eine E-Mail mit Ihrer ID und der geschätzten Zeit und Datum, zu dem die Einwilligung erteilt wurde, an <a class="underline cursor-pointer text-iserv-blue-040 hover:text-iserv-blue-050" href="mailto:[email protected]">[email protected]</a>.</p>
            </div>
            <div class="mt-6">
                <span data-usercentrics-target="secondLayer_controllerIdTitle" class="block text-xs text-iserv-blue-024 font-semibold leading-tight mb-2">ID zum Anfordern von Einwilligungsdaten</span>
                <span data-usercentrics-target="secondLayer_controllerId" class="block text-xs sm:text-sm text-iserv-neutral-035 truncate">5ff5e46468d1dee4ab5fe0ee56958a69f402fa2f29ca7a2e3e79a75465d45576</span>
            </div>
        </div>
    </div></div>
                        <div data-lightbox-target="closeBtn" data-action="click->lightbox#hide" class="hidden cursor-pointer absolute text-iserv-neutral-035 top-0 right-0 p-2" style="right: 0px;">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 " fill="none" viewBox="0 0 24 24" style="stroke-width: 2.4" stroke="currentColor">
                                <line x1="21" y1="21" x2="3" y2="3">
                                </line>
                                <line x1="21" y1="3" x2="3" y2="21">
                                </line>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div aria-label="Privatshpäre-Einstellungen" class="z-10 fixed left-0 bottom-0 pl-2 lg:pl-3 pb-2 lg:pb-3 cursor-pointer" data-action="click->usercentrics#clickOpenLightbox">
            <div class="bg-iserv-blue-024 h-12 w-12 rounded-full text-white flex items-center justify-center">
                <i class="bi bi-fingerprint text-3xl"></i>
            </div>
        </div>
    </div>
    <div data-external-link-target="content" class="hidden bg-white px-3 pb-3 pt-6 xs:px-6 xs:pb-6 lg:px-12 lg:py-12">
        <span class="block text-xl font-semibold mb-6">Hinweis</span>
        <p class="leading-relaxed text-iserv-neutral-035 text-lg my-3">Mit diesem Link verlassen Sie unsere Website.</p>
        <p class="leading-relaxed text-iserv-neutral-035 text-lg my-3">Unsere Seiten in den Sozialen Netzwerken betreiben wir in gemeinsamer Verantwortung. Unsere Datenschutzhinweise finden Sie auch dort.</p>
        <p class="leading-relaxed text-iserv-neutral-035 text-lg my-3">Für alle anderen Seiten können wir keine Verantwortung übernehmen. Hier informiert Sie allein der jeweilig verantwortliche Anbieter gemäß Art. 13 DSGVO.</p>
        <div class="flex flex-col xs:flex-row mt-6">
            <a class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg bg-iserv-blue-024 hover:bg-iserv-yellow-049 border-iserv-blue-024 hover:border-iserv-yellow-049 text-white" href="#"><span class="text-content">Weiter zur externen Seite</span></a>
            <div class="spacer-3">
            </div>
            <button class="inline-flex items-center justify-center border-2 font-semibold whitespace-no-wrap transition-colors duration-300 cursor-pointer focus:outline-none focus:border-iserv-blue-050 h-10 px-4 text-base rounded-lg border-iserv-blue-024 hover:bg-iserv-blue-024 text-iserv-blue-024 hover:text-white" type="button" data-action="click->lightbox#hide">
                <span class="text-content">Abbrechen</span>
            </button>
        </div>
    </div>
    
    

</body></html>