<!DOCTYPE html>
<html lang="de">
<head>

<meta charset="utf-8">
<!-- 
	Website by LIMESODA Interactive Marketing GmbH | www.limesoda.com

	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2026 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at https://typo3.org/
-->



<title>Webseiten</title>
<meta name="generator" content="TYPO3 CMS">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="index,follow">
<meta property="og:title" content="Webseiten">
<meta property="og:type" content="website">
<meta property="og:url" content="https://zid.univie.ac.at/webseiten">
<meta property="og:site_name" content="Zentraler Informatikdienst">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Webseiten">
<meta name="google" content="notranslate">
<meta name="apple-mobile-web-app-capable" content="no">
<meta name="format-detection" content="telephone=no">


<link rel="stylesheet" href="/typo3temp/assets/compressed/merged-7570ff71da63dab7185d4fe057024b03-fbbd3b160e00ef4b94708112fb81eeb8.css?1780907219" media="all">


<script src="/typo3temp/assets/compressed/manifest-a8635af8d81b98167dbb3d0d0159da65.js?1780907219" defer="defer"></script>
<script src="/typo3temp/assets/compressed/vendor-7476f6b00484f00185581793e82e2f20.js?1780907219" defer="defer"></script>
<script src="/typo3temp/assets/compressed/merged-ddda2c09624e25750f5a6d7e4d16fa7f-740510767bb7727d17f91b06c3313a97.js?1780907219"></script>
<script src="/typo3temp/assets/compressed/main-357e2d1ad743d784e85954a61dabff8d.js?1780907219" defer="defer"></script>
<script src="/typo3temp/assets/compressed/iframemanager-7d6398a3031391693e65142ca7edfdcf.js?1780907219" defer="defer" data-script-blocking-disabled="true"></script>
<script src="/typo3temp/assets/compressed/consent-3c795bf1e2624c7f11fbc9dbb25c2fe7.js?1780907219" defer="defer" data-script-blocking-disabled="true"></script>


<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/Inter/inter-v18-latin-regular.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/Inter/inter-v18-latin-italic.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/Inter/inter-v18-latin-600.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/Inter/inter-v18-latin-600italic.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/SourceSerif4/source-serif-4-v8-latin-regular.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/SourceSerif4/source-serif-4-v8-latin-italic.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="preload" as="font" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Fonts/Icons/icons.woff2" type="font/woff2" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/favicon-16x16.png">
<link rel="manifest" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/site.webmanifest">
<link rel="mask-icon" href="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Icons/Favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
          <link rel="alternate" href="https://zid.univie.ac.at/wartungsarbeiten/feed.xml" title="Wartungsmeldungen RSS" type="application/rss+xml">        <link rel="alternate" href="https://zid.univie.ac.at/it-news/feed.xml" title="IT-News RSS" type="application/rss+xml"><script>
 window.difyChatbotConfig = {
  token: 'MNHCFbFwwS6KQfHW',
  baseUrl: 'https://dify-studio.univie.ac.at',
  systemVariables: {
    name: 'ZID-Searchbot',
  },
  userVariables: {
    avatar_url: 'https://zid.univie.ac.at/fileadmin/user_upload/zid/open/formulare/searchbot_icon_user.png',
    name: 'Uni-User*in',
  },
 }
</script>
<script src="https://dify-studio.univie.ac.at/embed.min.js" id="MNHCFbFwwS6KQfHW" defer> </script>
<style>
   #dify-chatbot-bubble-button {
    background-color: #1C64F2 !important;
    left: var(--dify-chatbot-bubble-button-right, unset);
    right: var(--dify-chatbot-bubble-button-left, 1rem);
    margin: 10px 10px 120px 0;
  }
  #dify-chatbot-bubble-window {
    width: 40rem !important;
    height: 50rem !important;
   position: fixed !important; 
  }
  @media not all and (min-width: 640px) {
    #dify-chatbot-bubble-button {
    margin: 0px 0px 120px 0;
    }
  }
</style>
<link rel="canonical" href="https://zid.univie.ac.at/webseiten"/>

<link rel="alternate" hreflang="de-AT" href="https://zid.univie.ac.at/webseiten"/>
<link rel="alternate" hreflang="en-GB" href="https://zid.univie.ac.at/en/websites"/>
<link rel="alternate" hreflang="x-default" href="https://zid.univie.ac.at/webseiten"/>
</head>
<body id="p741" class="page-741 pagelevel-3 language-de backendlayout-default layout-0" itemscope itemtype="https://schema.org/WebPage">

    

        
    <nav
        aria-label="SkipLinks"
        class="exclude-search absolute z-[10000] -translate-y-full rounded-br-md border bg-primary text-primary-light focus-within:translate-y-0 motion-safe:transition-transform motion-safe:duration-300"
    >
        <a
            href="#mainContent"
            class="sr-only inline-block rounded-br-md !p-2 outline-offset-4 focus:not-sr-only"
        >
            Springe zum Inhalt
        </a>
        <a
            href="#navigation"
            class="sr-only absolute inline-block rounded-br-md !p-2 outline-offset-4 focus:not-sr-only"
        >
            Springe zur Navigation
        </a>
        <a
            href="#searchButton"
            class="sr-only absolute inline-block rounded-br-md !p-2 outline-offset-4 focus:not-sr-only"
        >
            Springe zur Suche
        </a>
        <a
            href="#footer"
            class="sr-only absolute inline-block rounded-br-md !p-2 outline-offset-4 focus:not-sr-only"
        >
            Springe zum Fußbereich
        </a>
    </nav>



        
    

    <header class="print:hidden relative z-[1200] bg-primary-light pb-2.5 pt-2.5 shadow pt-2.5">
        
        <div
            class="relative flex items-start justify-between fluid-container-full"
            x-data="{
            mainMenuOpen: false,
            isDesktop: false,
            mobileMainNavHeight: 384,
            init() {
                this.checkIsDesktop();
            },
            checkIsDesktop() {
                this.isDesktop = window.matchMedia('screen and (min-width:1024px)').matches;
            },
            closeMainMenu() {
                this.mainMenuOpen = false;
            },
            openMainMenu() {
                this.mainMenuOpen = true;
            },
            onSubMenuIntersect(el) {
                this.$nextTick(() => {
                    this.mobileMainNavHeight = el.getBoundingClientRect().height;
                });
            }
        }"
        >
            
                
    
            <a class="skip flex w-fit items-center self-center outline-offset-4" href="https://www.univie.ac.at">
                <span class="sr-only">
                    Zur Startseite der Universität Wien
                </span>
                <img class="h-auto desktop:w-[212px]" alt="Logo der Universität Wien" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Logos/univie.svg" width="163" height="44" />
            </a>
        


            
            
            <div class="flex gap-2.5 float-right">
                



<div
    x-data="{
    open: false,
    selectedId: 'sitewideSearchTab',
    openSearch() {
        if (this.open) {
            return;
        }
        this.open = true;
    },
    closeSearch() {
        if (!this.open) {
            return;
        }
        this.open = false;
    },
    select(id) {
        this.selectedId = id
    },
    isSelected(id) {
        return this.selectedId === id
    },
}"
    x-on:keydown.escape.prevent.stop="closeSearch()"
    role="search"
    aria-label="Gesamte Website oder nach Personen suchen"
    class="skip"
>
    <button
        type="button"
        id="searchButton"
        class="z-10 flex aspect-square w-11 items-center justify-center rounded-full bg-gray-lightest text-lg leading-none text-primary outline-offset-4 hover:bg-primary hover:text-primary-light focus-visible:bg-primary focus-visible:text-primary-light desktop:absolute desktop:right-3 desktop:top-0"
        x-on:click="openSearch()"
        :aria-expanded="open"
    >
        <span class="sr-only">Suche öffnen</span>
        <span class="icon-search" aria-hidden="true"></span>
    </button>
    <div
        class="fixed left-0 right-0 top-0 z-40 desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
        x-show="open"
        x-trap.noscroll="open"
        x-cloak
        x-transition:enter-start="desktop:motion-safe:opacity-0"
        x-transition:enter-end="opacity-100"
        x-transition:leave-start="opacity-100"
        x-transition:leave-end="desktop:motion-safe:opacity-0"
    >
    
    <div class="fixed left-0 top-0 -z-10 h-full w-full bg-primary-darkest-70" @click="closeSearch()" aria-hidden="true"></div>
        <div class="rounded-b bg-primary-light pb-14 pt-6">
            <div class="relative fluid-container-xl">
                <div class="flex flex-row-reverse gap-11 max-desktop:flex-col-reverse desktop:items-start">
                    <div class="grow pt-5">
                        <div
                            class="-mx-1 mb-5 flex gap-9"
                            role="tablist"
                            @keydown.right.prevent.stop="$focus.wrap().next()"
                            @keydown.home.prevent.stop="$focus.first()"
                            @keydown.page-up.prevent.stop="$focus.first()"
                            @keydown.left.prevent.stop="$focus.wrap().prev()"
                            @keydown.end.prevent.stop="$focus.last()"
                            @keydown.page-down.prevent.stop="$focus.last()"
                        >
                            <button
                                id="sitewideSearchTab"
                                class="nav-link relative z-20 px-1 pb-1 text-left before:top-full max-desktop:text-sm [&:not(.is-open)]:hover:before:bg-primary-30 outline-offset-4"
                                type="button"
                                role="tab"
                                :aria-selected="isSelected($el.id)"
                                :tabindex="isSelected($el.id) ? 0 : -1"
                                :class="isSelected($el.id) && 'is-open'"
                                @mousedown.prevent
                                @click="select($el.id)"
                                @focus="select($el.id)"
                            >
                                Gesamte Website durchsuchen
                            </button>
                            <button
                                id="staffSearchTab"
                                class="nav-link relative z-20 px-1 pb-1 text-left before:top-full max-desktop:text-sm [&:not(.is-open)]:hover:before:bg-primary-30 outline-offset-4"
                                type="button"
                                role="tab"
                                :aria-selected="isSelected($el.id)"
                                :tabindex="isSelected($el.id) ? 0 : -1"
                                :class="isSelected($el.id) && 'is-open'"
                                @mousedown.prevent
                                @click="select($el.id)"
                                @focus="select($el.id)"
                            >
                                Nur nach Personen suchen
                            </button>
                        </div>
                        <div>
                            <div
                                id="sitewideSearchTabpanel"
                                role="tabpanel"
                                aria-labelledby="sitewideSearchTab"
                                x-show="isSelected('sitewideSearchTab')"
                            >
                                <form
                                    class="relative"
                                    action="/suche"
                                    method="get"
                                >
                                    <label for="sitewideSearch" class="sr-only">Seiten durchsuchen</label>
                                    <input
                                        type="search"
                                        class="w-full appearance-none rounded border border-gray-lighter bg-gray-lightest py-6 pl-5 pr-16 font-serif text-typo placeholder:text-gray-dark desktop:text-xl mb-0"
                                        id="sitewideSearch"
                                        name="q"
                                        placeholder="Seiten durchsuchen"
                                    />
                                    <button
                                        type="submit"
                                        class="absolute right-4 top-4 text-2xl text-primary desktop:top-5 aspect-square w-10"
                                    >
                                        <span class="sr-only">Suchen</span>
                                        <span class="icon-search" aria-hidden="true"></span>
                                    </button>
                                </form>
                            </div>
                            <div
                                id="staffSearchTabpanel"
                                role="tabpanel"
                                aria-labelledby="staffSearchTab"
                                x-show="isSelected('staffSearchTab')"
                            >
                                <form
                                    class="relative"
                                    action="https://ufind.univie.ac.at/de/search.html"
                                    method="get"
                                >
                                    <label for="staffSearch" class="sr-only">Nach Personen suchen</label>
                                    <input
                                        type="search"
                                        class="w-full appearance-none rounded border border-gray-lighter bg-gray-lightest py-6 pl-5 pr-16 font-serif text-typo placeholder:text-gray-dark desktop:text-xl mb-0"
                                        id="staffSearch"
                                        name="query"
                                        placeholder="Nach Personen suchen"
                                    />
                                    <button
                                        type="submit"
                                        class="absolute right-4 top-4 text-2xl text-primary desktop:top-5 aspect-square w-10"
                                    >
                                        <span class="sr-only">Suchen</span>
                                        <span class="icon-search" aria-hidden="true"></span>
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                        
    
            <a class="skip flex w-fit items-center self-center outline-offset-4" href="https://www.univie.ac.at">
                <span class="sr-only">
                    Zur Startseite der Universität Wien
                </span>
                <img class="h-auto desktop:w-[212px]" alt="Logo der Universität Wien" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Logos/univie.svg" width="163" height="44" />
            </a>
        


                    
                </div>
                <button
                    type="button"
                    class="absolute -top-3 right-3 z-10 flex aspect-square w-11 items-center justify-center rounded-full bg-gray-lightest text-lg leading-none text-primary outline-offset-4 hover:bg-primary hover:text-primary-light focus-visible:bg-primary focus-visible:text-primary-light"
                    x-on:click="closeSearch()"
                >
                    <span class="sr-only">Suche schließen</span>
                    <span class="icon-close" aria-hidden="true"></span>
                </button>
            </div>
        </div>
    </div>
</div>


                <button
                    type="button"
                    class="flex aspect-square w-11 items-center justify-center rounded-full bg-gray-lightest text-lg leading-none text-primary outline-offset-4 hover:bg-primary hover:text-primary-light focus-visible:bg-primary focus-visible:text-primary-light desktop:hidden"
                    :aria-expanded="mainMenuOpen"
                    @click="openMainMenu()"
                >
                    <span class="sr-only"
                        >Navigation öffnen/schließen</span>
                    <span
                        class="icon-menu"
                        :class="{'icon-menu': !mainMenuOpen, 'icon-close': mainMenuOpen}"
                        aria-hidden="true"
                    ></span>
                </button>
            </div>
            <div
                class="fixed bottom-0 left-0 right-0 top-0 motion-safe:transition-all motion-safe:duration-300 max-desktop:bg-primary-darkest-70 desktop:hidden"
                x-transition:enter-start="motion-safe:opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="motion-safe:opacity-0"
                x-show="mainMenuOpen"
                x-cloak
            ></div>
            <div
                id="navigation"
                class="bottom-0 left-0 right-0 top-0 motion-safe:transition-all motion-safe:duration-300 max-desktop:z-20 max-desktop:fixed desktop:!block"
                @keydown.escape.window="closeMainMenu()"
                x-show="mainMenuOpen"
                x-transition:enter-start="motion-safe:opacity-0 motion-safe:translate-x-full"
                x-transition:enter-end="opacity-100 trasnlate-x-0"
                x-transition:leave-start="opacity-100 trasnlate-x-0"
                x-transition:leave-end="motion-safe:opacity-0 motion-safe:translate-x-full"
                x-cloak
                x-trap.noscroll="mainMenuOpen"
            >
                <div class="bottom-0 left-0 right-0 top-0 flex-col max-desktop:fixed max-desktop:flex max-desktop:overflow-auto max-desktop:bg-primary-light max-desktop:pb-2.5 max-desktop:pt-2.5">
                    <div class="flex justify-between items-center gap-3 px-3 mb-3 desktop:hidden">
                        
                            
    
            <a class="skip flex w-fit items-center self-center outline-offset-4" href="https://www.univie.ac.at">
                <span class="sr-only">
                    Zur Startseite der Universität Wien
                </span>
                <img class="h-auto desktop:w-[212px]" alt="Logo der Universität Wien" src="/_assets/12d6b27de3745b4c3b247e6ea4f9bbcc/Images/Logos/univie.svg" width="163" height="44" />
            </a>
        


                        
                        <button
                            type="button"
                            class="relative top-px z-20 ml-auto flex aspect-square text-primary w-11 shrink-0 items-center justify-center rounded-full bg-gray-lightest text-lg leading-none hover:bg-primary hover:text-primary-light focus-visible:bg-primary focus-visible:text-primary-light"
                            @click="closeMainMenu()"
                        >
                            <span class="sr-only"
                                >Navigation schließen</span>
                            <span
                                class="icon-close"
                                aria-hidden="true"
                            ></span>
                        </button>
                    </div>
                    <div class="flex flex-col">
                        <div class="bg-primary-darkest-70 text-primary-light py-2 flex px-3 gap-3 justify-between items-center desktop:hidden ">
                            <a class="group" href="/">
                                <span class="icon-home text-lg mr-1.5" aria-hidden="true"></span>
                                <span class="text-sm max-desktop:group-hover:decoration-inherit max-desktop:group-focus-visible:decoration-inherit underline transition-all">Zentraler Informatikdienst</span>
                            </a>
                            
                                
                                
                                    
                                            
                                        
                                
                                    
                                            
                                        
                                
                                
                                    <nav
                                        aria-label="Sprachen"
                                        class="desktop:hidden flex gap-2.5"
                                    >
                                        
    
    <div
        class="skip relative w-full"
        x-data="{
            open: false,
            toggle() {
                if (this.open) {
                    return this.close();
                }

                this.open = true;
            },
            close(focusAfter) {
                if (! this.open) return;

                this.open = false;
                focusAfter && focusAfter.focus();
            },
        }"
        @focusin.window="! $root.contains($event.target) && close()"
        @click.outside="close()"
    >
        <button
            type="button"
            class="group relative z-20 flex w-full items-center text-left leading-none desktop:aspect-square desktop:w-11 desktop:justify-center desktop:rounded-full desktop:text-primary desktop:outline-offset-4 desktop:hover:bg-primary desktop:hover:text-primary-light desktop:focus-visible:bg-primary desktop:focus-visible:text-primary-light"
            :aria-expanded="open"
            x-ref="languageToggle"
            :class="{'rounded': open}"
            @click="toggle()"
        >
            <span class="sr-only"
                >Andere Sprache auswählen</span>
            <span
                class="icon-language mr-1.5 text-lg desktop:hidden"
                aria-hidden="true"
            ></span>
            
                
                    <span
                        class="relative -bottom-px text-sm uppercase underline decoration-transparent max-desktop:transition-all max-desktop:group-hover:decoration-inherit max-desktop:group-focus-visible:decoration-inherit desktop:bottom-px desktop:pr-2.5"
                        aria-hidden="true"
                        >de</span
                    >
                
            
                
            
            <span
                class="icon-chevron-down absolute right-px top-1.5 text-lg motion-safe:transition-transform max-desktop:hidden"
                aria-hidden="true"
                :class="open && 'rotate-180'"
            ></span>
        </button>
        <div
            class="max-desktop:right-0 absolute z-10 rounded bg-primary-light text-typo shadow desktop:top-0 desktop:w-full desktop:rounded-full desktop:pt-11"
            x-show="open"
            x-cloak
            @keydown.escape.prevent.stop="close($refs.languageToggle)"
        >
            <ul class="pb-3 max-desktop:pt-3 desktop:px-1">
                
                    
                
                    
                        <li>
                            
                                    <a
                                        class="block w-full px-1 max-desktop:px-4 text-center text-sm uppercase hover:text-primary focus-visible:text-primary"
                                        href="/en/websites"
                                        >en</a
                                    >
                                
                        </li>
                    
                
            </ul>
        </div>
    </div>


                                    </nav>
                                
                            
                        </div>
                        <nav
                            aria-label="Hauptmenü"
                            class="max-desktop:min-h-96 max-desktop:pb-4 relative grow desktop:order-2 desktop:last:pt-[52px] desktop:!h-auto"
                            :style="!isDesktop && 'height: ' + mobileMainNavHeight + 'px'"
                        >
                            

    
    
    <ul
        class="skip max-desktop:px-3 max-desktop:min-h-96 max-desktop:overflow-auto max-desktop:pr-4 desktop:-mx-1 max-desktop:mt-1 desktop:flex desktop:justify-end desktop:gap-6 flex-wrap"
        x-intersect="!isDesktop && onSubMenuIntersect($el)"
    >
        
        
            
                
                        
                        <li
                            x-data="{
        open: false,
        alignRight: false,
        close() {
            this.open = false;
        },
        toggle() {
            if((window.innerWidth - this.$el.getBoundingClientRect().left) < 384) {
                this.alignRight = true;
            } else {
                this.alignRight = false;
            }
            this.open = !this.open;
        }
    }"
                            class="desktop:relative"
                            @resize.window.debounce="checkIsDesktop()"
                            @focusin.window="! $root.contains($event.target) && close()"
                            @keydown.escape="close()"
                            @click.outside="isDesktop && close()"
                        >
                            <button
                                type="button"
                                class="bg-primary-light max-desktop:hover:bg-gray-lightest max-desktop:focus-visible:bg-gray-lightest max-desktop:w-full max-desktop:py-3.5 max-desktop:px-4 rounded group nav-link text-left desktop:pl-1 desktop:relative desktop:pr-5 desktop:pt-1 desktop:font-semibold desktop:pb-2.5 desktop:before:bottom-0 is-active max-desktop:bg-secondary-one-7"
                                id="nav-item-636"
                                :aria-expanded="open"
                                :class="open && 'is-open'"
                                @click="toggle"
                            >
                                <span>IT-Services</span>
                                <span class="icon-chevron-right group-hover:text-primary group-focus-visible:text-primary text-xl absolute right-2.5 top-2 desktop:text-lg desktop:top-1.5 desktop:right-0 desktop:leading-none desktop:rotate-90 desktop:group-[.is-open]:-rotate-90 motion-safe:transition-transform" aria-hidden="true"></span>
                            </button>
                            <div
                                class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute bg-primary-light top-0 z-10 desktop:w-96 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:top-full desktop:translate-y-5 desktop:rounded desktop:shadow desktop:motion-safe:transition-all desktop:motion-safe:duration-300 desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:-left-4"
                                data-index="1"
                                x-show="open"
                                x-cloak
                                x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                x-transition:enter-end="opacity-100 trasnlate-y-0"
                                x-transition:leave-start="opacity-100 trasnlate-y-0"
                                x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                :class="{'desktop:-right-2': alignRight, 'desktop:-left-4': !alignRight}"
                                x-intersect="!isDesktop && onSubMenuIntersect($el)"
                            >
                                <button
                                    class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left relative hover:text-primary focus-visible:text-primary desktop:hidden"
                                    type="button"
                                    @click="close()"
                                >
                                    <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                    <span class="text-sm relative -top-0.5">Zurück zu "Zentraler Informatikdienst"</span>
                                </button>
                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                    
                                        <li>
                                            <a
                                                href="/it-services"
                                                id="nav-item-636"
                                                class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                
                                                
                                                

                                            >
                                                <span>IT-Services</span>
                                            </a>
                                        </li>
                                    
                                    <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Account</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/account"
                                                                            id="nav-child-664"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Account</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>u:account – persönlicher Uni-Account</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Account"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/uaccount"
                                                                                                        id="nav-child-673"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>u:account – persönlicher Uni-Account</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uaccount-ablauf"
                                                                                                            id="nav-item-767"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Ablauf eines u:accounts</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="https://zid.univie.ac.at/mein-uaccount/"
                                                                                        id="nav-item-664"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3 !pr-10"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Mein u:account</span>
                                                                                        
                                                                                            <span class="icon-arrow-topright ml-2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/passwort"
                                                                                        id="nav-item-664"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Passwortverwaltung</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/mfa"
                                                                                        id="nav-item-664"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>MFA – Multi-Faktor-Authentifizierung</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/weblogin"
                                                                                        id="nav-item-664"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Weblogin – Web Single Sign-on</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/auth"
                                                                                        id="nav-item-664"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Auth – Authentisierung</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/identity"
                                                                                        id="nav-item-664"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Identity – zentrales Login</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Kommunikation, Zusammenarbeit</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/kommunikation-zusammenarbeit"
                                                                            id="nav-child-665"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Kommunikation, Zusammenarbeit</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>E-Mail-Service</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Kommunikation, Zusammenarbeit"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/e-mail"
                                                                                                        id="nav-child-694"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>E-Mail-Service</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/e-mail-verwaltung-mit-imap"
                                                                                                            id="nav-item-768"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>E-Mail-Verwaltung mit IMAP</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/exchange"
                                                                                                            id="nav-item-771"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Exchange – E-Mails und mehr verwalten</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/spamfilter"
                                                                                                            id="nav-item-773"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>E-Mail-Spamfilter</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/test-e-mail"
                                                                                                            id="nav-item-774"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Test-E-Mail – E-Mail-Account testen</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/zoom"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Zoom – Videokonferenzen</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/teams"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Teams</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>u:phone – Telefonie</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Kommunikation, Zusammenarbeit"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/uphone"
                                                                                                        id="nav-child-702"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>u:phone – Telefonie</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uphone/profile"
                                                                                                            id="nav-item-1935"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Profile</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uphone/kosten"
                                                                                                            id="nav-item-1779"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Kosten</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uphone/zubehoer-bestellen"
                                                                                                            id="nav-item-1778"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Zubehör bestellen</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Diensthandy</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Kommunikation, Zusammenarbeit"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/diensthandy"
                                                                                                        id="nav-child-703"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Diensthandy</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/diensthandy/handyeinkauf"
                                                                                                            id="nav-item-1506"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Handyeinkauf</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/diensthandy/sim-karte-anmeldung-abmeldung"
                                                                                                            id="nav-item-1539"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>SIM-Karte: Anmeldung, Abmeldung</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/diensthandy/tarife"
                                                                                                            id="nav-item-1509"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Tarife</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/diensthandy/defekt-verlust"
                                                                                                            id="nav-item-1538"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Defekt, Verlust</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/uwiki"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>u:wiki – Wiki</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/mailingliste"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Lists – Mailingliste</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/massmailer"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Massmailer</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/usign"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>u:sign – digital unterschreiben</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/jira"
                                                                                        id="nav-item-665"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Jira – Aufgaben verwalten</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>WLAN, Netzwerk</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/wlan-netzwerk"
                                                                            id="nav-child-666"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>WLAN, Netzwerk</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/wlan"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>WLAN – eduroam</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/vpn"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>VPN – virtuelles privates Netzwerk</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/uconnect-wired"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>u:connect wired – Netzwerkdose</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ip-adressen"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>IP-Adressen</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/dhcp"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>DHCP – automatische Netzeinbindung</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/firewall-organisationseinheiten"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Firewall für Organisationseinheiten</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/tv-streaming"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>TV-Streaming</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/uni-datennetz"
                                                                                        id="nav-item-666"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Uni-Datennetz</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Studium, Lehre</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/studium-lehre"
                                                                            id="nav-child-667"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Studium, Lehre</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/moodle"
                                                                                        id="nav-item-667"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Moodle – E-Learning-Plattform</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ustream"
                                                                                        id="nav-item-667"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>u:stream – Streaming und Videomanagement</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/computer-rooms"
                                                                                        id="nav-item-667"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Computer Rooms</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/audio-und-videotechnik"
                                                                                        id="nav-item-667"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Audio- und Videotechnik</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/srs"
                                                                                        id="nav-item-667"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Student Response System</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Forschung</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/forschung"
                                                                            id="nav-child-668"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Forschung</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Azure – Cloud-Services</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Forschung"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/azure"
                                                                                                        id="nav-child-717"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Azure – Cloud-Services</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/azure/datenschutz-und-datensicherheit"
                                                                                                            id="nav-item-1054"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Datenschutz und Datensicherheit</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/azure/foerderung"
                                                                                                            id="nav-item-1052"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Förderung für Forschung mit Azure-Services</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/phaidra"
                                                                                        id="nav-item-668"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>PHAIDRA – Langzeitarchiv</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>HPC – High Performance Computing</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Forschung"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/hpc"
                                                                                                        id="nav-child-622"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>HPC – High Performance Computing</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/hpc/vsc-ausbaustufen-ausser-betrieb"
                                                                                                            id="nav-item-635"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>VSC – Ausbaustufen außer Betrieb</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/gitlab"
                                                                                        id="nav-item-668"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>GitLab – Softwareverwaltung für Forschungsdaten</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Daten speichern und teilen</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/daten-speichern-und-teilen"
                                                                            id="nav-child-669"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Daten speichern und teilen</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>u:cloud – persönlicher Cloud-Speicher</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Daten speichern und teilen"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/ucloud"
                                                                                                        id="nav-child-721"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>u:cloud – persönlicher Cloud-Speicher</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/ucloud-pro"
                                                                                                            id="nav-item-925"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>u:cloud pro</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/persoenlicher-speicherplatz"
                                                                                        id="nav-item-669"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Persönlicher Speicherplatz</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Share – gemeinsamer Speicherplatz</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Daten speichern und teilen"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/share"
                                                                                                        id="nav-child-723"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Share – gemeinsamer Speicherplatz</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/share/anmeldung-abmeldung"
                                                                                                            id="nav-item-1530"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Anmeldung, Abmeldung</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/share/kosten"
                                                                                                            id="nav-item-1531"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Kosten</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/share/administration"
                                                                                                            id="nav-item-1532"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Administration</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/filesender"
                                                                                        id="nav-item-669"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>FileSender – große Dateien versenden</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Zentrales Backup</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Daten speichern und teilen"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/zentrales-backup"
                                                                                                        id="nav-child-725"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Zentrales Backup</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/zentrales-backup/tipps-und-hinweise"
                                                                                                            id="nav-item-1163"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Tipps und Hinweise</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/datentraeger-vernichten"
                                                                                        id="nav-item-669"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Datenträger vernichten</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Software, KI</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/software-ki"
                                                                            id="nav-child-670"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Software, KI</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/software-fuer-studierende"
                                                                                        id="nav-item-670"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Software für Studierende</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Software für Mitarbeiter*innen</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Software, KI"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/software-fuer-mitarbeiterinnen"
                                                                                                        id="nav-child-728"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Software für Mitarbeiter*innen</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/microsoft-produkte"
                                                                                                            id="nav-item-783"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Lizenzierung von Microsoft-Produkten</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/lizenzierung-von-microsoft-servern"
                                                                                                            id="nav-item-784"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Lizenzierung von Microsoft-Servern</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Microsoft 365</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Software, KI"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/microsoft-365"
                                                                                                        id="nav-child-729"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Microsoft 365</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/microsoft-365/datenschutz"
                                                                                                            id="nav-item-1425"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Datenschutz</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>u:ai – KI-Software</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Software, KI"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/uai"
                                                                                                        id="nav-child-731"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>u:ai – KI-Software</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uai/uai-api-zugang"
                                                                                                            id="nav-item-2631"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>u:ai-API-Zugang</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uai/datenschutz"
                                                                                                            id="nav-item-2273"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Datenschutz</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/copilot"
                                                                                        id="nav-item-670"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Copilot</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/overleaf"
                                                                                        id="nav-item-670"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Overleaf – online LaTeX-Editor</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Online wählen</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Software, KI"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/online-waehlen"
                                                                                                        id="nav-child-733"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Online wählen</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/online-waehlen/datenschutzrechtliche-information"
                                                                                                            id="nav-item-1143"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Datenschutzrechtliche Information</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/servicedesk"
                                                                                        id="nav-item-670"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Servicedesk – Ticketsystem für Support</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/it-kurse"
                                                                                        id="nav-item-670"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>IT-Kurse</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Arbeitsgeräte, Drucken</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/arbeitsgeraete-drucken"
                                                                            id="nav-child-671"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Arbeitsgeräte, Drucken</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>u:print – drucken und mehr</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Arbeitsgeräte, Drucken"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/uprint"
                                                                                                        id="nav-child-739"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>u:print – drucken und mehr</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/uprint-staff"
                                                                                                            id="nav-item-1762"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>u:print staff – drucken für Mitarbeiter*innen</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/hardware"
                                                                                        id="nav-item-671"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Hardware für Mitarbeiter*innen</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Zentral verwaltete PCs</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Arbeitsgeräte, Drucken"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/zentral-verwaltete-pcs"
                                                                                                        id="nav-child-738"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Zentral verwaltete PCs</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/standard-verwaltungs-pcs"
                                                                                                            id="nav-item-1243"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Standard-Verwaltungs-PCs</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/zentral-verwaltete-pcs/benutzerprofile"
                                                                                                            id="nav-item-1254"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Benutzerprofile</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/uscreen"
                                                                                        id="nav-item-671"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>u:screen – Infobildschirm</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-636"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3 bg-secondary-one-7"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Webseiten, Server</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT-Services"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/webseiten-server"
                                                                            id="nav-child-672"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Webseiten, Server</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3 bg-secondary-one-7"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Webseiten</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Webseiten, Server"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/webseiten"
                                                                                                        id="nav-child-741"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3 bg-secondary-one-7"
                                                                                                        
                                                                                                        aria-current="page"
                                                                                                    >
                                                                                                        <span>Webseiten</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/typo3-cms"
                                                                                                            id="nav-item-777"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>TYPO3 – zentrales CMS</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/webspace"
                                                                                                            id="nav-item-778"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Webspace</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/webdatenbank"
                                                                                                            id="nav-item-779"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Webdatenbank</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/webstatistik"
                                                                                                            id="nav-item-780"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Webstatistik</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Domainregistrierung</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Webseiten, Server"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/domainregistrierung"
                                                                                                        id="nav-child-742"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Domainregistrierung</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/domainregistrierung/kosten"
                                                                                                            id="nav-item-1491"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Kosten</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li
                                                                                    x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                                                    @focusin.window="! $root.contains($event.target) && close()"
                                                                                    @keydown.escape="close()"
                                                                                >
                                                                                    <button
                                                                                        type="button"
                                                                                        id="nav-item-636"
                                                                                        class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                                                        :aria-expanded="open"
                                                                                        @click="open = !open"
                                                                                    >
                                                                                        <span>Serverhousing</span>
                                                                                        <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                                                    </button>
                                                                                    <div
                                                                                        class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                                                        x-show="open"
                                                                                        x-cloak
                                                                                        x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                                                        x-transition:enter-end="opacity-100"
                                                                                        x-transition:leave-start="opacity-100"
                                                                                        x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                                                        x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                                                    >
                                                                                        <button
                                                                                            class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left hover:text-primary focus-visible:text-primary"
                                                                                            type="button"
                                                                                            @click="open = false"
                                                                                        >
                                                                                            <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                                            <span class="text-sm relative -top-0.5">Zurück zu "Webseiten, Server"</span>
                                                                                        </button>
                                                                                        <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                                            
                                                                                                <li>
                                                                                                    <a
                                                                                                        href="/serverhousing"
                                                                                                        id="nav-child-744"
                                                                                                        class=" max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                        
                                                                                                        
                                                                                                    >
                                                                                                        <span>Serverhousing</span>
                                                                                                    </a>
                                                                                                </li>
                                                                                            
                                                                                            
                                                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/serverhousing/virtuelles-serverhousing"
                                                                                                            id="nav-item-781"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Virtuelles Serverhousing</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                                    <li>
                                                                                                        <a
                                                                                                            href="/serverhousing/physisches-serverhousing"
                                                                                                            id="nav-item-782"
                                                                                                            class=" max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                                            
                                                                                                            
                                                                                                            
                                                                                                        >
                                                                                                            <span>Physisches Serverhousing</span>
                                                                                                            
                                                                                                        </a>
                                                                                                    </li>
                                                                                                
                                                                                            </ul>
                                                                                        </ul>
                                                                                    </div>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ssl-zertifikate"
                                                                                        id="nav-item-672"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>SSL-Zertifikate für Server</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/subdomain"
                                                                                        id="nav-item-672"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Zone unter .univie.ac.at</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/dns"
                                                                                        id="nav-item-672"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>DNS – Domain- und IP-Verzeichnisdienst</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/timeservice"
                                                                                        id="nav-item-672"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Timeservice</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/it-sicherheitsueberpruefung"
                                                                                        id="nav-item-672"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>IT‑Sicherheitsüberprüfung</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/it-services-a-z"
                                                            id="nav-item-711"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>IT-Services A–Z</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                    </ul>
                            </ul>
                        </div>
                    </li>
                
            
        
            
                
                        
                        <li
                            x-data="{
        open: false,
        alignRight: false,
        close() {
            this.open = false;
        },
        toggle() {
            if((window.innerWidth - this.$el.getBoundingClientRect().left) < 384) {
                this.alignRight = true;
            } else {
                this.alignRight = false;
            }
            this.open = !this.open;
        }
    }"
                            class="desktop:relative"
                            @resize.window.debounce="checkIsDesktop()"
                            @focusin.window="! $root.contains($event.target) && close()"
                            @keydown.escape="close()"
                            @click.outside="isDesktop && close()"
                        >
                            <button
                                type="button"
                                class="bg-primary-light max-desktop:hover:bg-gray-lightest max-desktop:focus-visible:bg-gray-lightest max-desktop:w-full max-desktop:py-3.5 max-desktop:px-4 rounded group nav-link text-left desktop:pl-1 desktop:relative desktop:pr-5 desktop:pt-1 desktop:font-semibold desktop:pb-2.5 desktop:before:bottom-0"
                                id="nav-item-638"
                                :aria-expanded="open"
                                :class="open && 'is-open'"
                                @click="toggle"
                            >
                                <span>IT sicher nutzen</span>
                                <span class="icon-chevron-right group-hover:text-primary group-focus-visible:text-primary text-xl absolute right-2.5 top-2 desktop:text-lg desktop:top-1.5 desktop:right-0 desktop:leading-none desktop:rotate-90 desktop:group-[.is-open]:-rotate-90 motion-safe:transition-transform" aria-hidden="true"></span>
                            </button>
                            <div
                                class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute bg-primary-light top-0 z-10 desktop:w-96 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:top-full desktop:translate-y-5 desktop:rounded desktop:shadow desktop:motion-safe:transition-all desktop:motion-safe:duration-300 desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:-left-4"
                                data-index="2"
                                x-show="open"
                                x-cloak
                                x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                x-transition:enter-end="opacity-100 trasnlate-y-0"
                                x-transition:leave-start="opacity-100 trasnlate-y-0"
                                x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                :class="{'desktop:-right-2': alignRight, 'desktop:-left-4': !alignRight}"
                                x-intersect="!isDesktop && onSubMenuIntersect($el)"
                            >
                                <button
                                    class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left relative hover:text-primary focus-visible:text-primary desktop:hidden"
                                    type="button"
                                    @click="close()"
                                >
                                    <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                    <span class="text-sm relative -top-0.5">Zurück zu "Zentraler Informatikdienst"</span>
                                </button>
                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                    
                                        <li>
                                            <a
                                                href="/it-security"
                                                id="nav-item-638"
                                                class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                
                                                
                                                

                                            >
                                                <span>IT sicher nutzen</span>
                                            </a>
                                        </li>
                                    
                                    <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/it-security/videos-und-quizze"
                                                            id="nav-item-1373"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Videos und Quizze</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/it-security/ransomware"
                                                            id="nav-item-1386"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Ransomware</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-638"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Kryptografie</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "IT sicher nutzen"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/it-security/kryptografie"
                                                                            id="nav-child-1388"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Kryptografie</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/it-security/kryptografie/diskretion-im-web-mit-https"
                                                                                        id="nav-item-1388"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Diskretion im Web mit https</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/it-security/kryptografie/e-mail-verschluesseln-und-signieren"
                                                                                        id="nav-item-1388"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>E-Mail verschlüsseln und signieren</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/it-security/kryptografie/verschluesselte-container"
                                                                                        id="nav-item-1388"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Verschlüsselte Container</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/it-security/kryptografie/hintergrundwissen-zur-kryptografie"
                                                                                        id="nav-item-1388"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Hintergrundwissen zur Kryptografie</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                    </ul>
                            </ul>
                        </div>
                    </li>
                
            
        
            
                
                        
                        <li
                            x-data="{
        open: false,
        alignRight: false,
        close() {
            this.open = false;
        },
        toggle() {
            if((window.innerWidth - this.$el.getBoundingClientRect().left) < 384) {
                this.alignRight = true;
            } else {
                this.alignRight = false;
            }
            this.open = !this.open;
        }
    }"
                            class="desktop:relative"
                            @resize.window.debounce="checkIsDesktop()"
                            @focusin.window="! $root.contains($event.target) && close()"
                            @keydown.escape="close()"
                            @click.outside="isDesktop && close()"
                        >
                            <button
                                type="button"
                                class="bg-primary-light max-desktop:hover:bg-gray-lightest max-desktop:focus-visible:bg-gray-lightest max-desktop:w-full max-desktop:py-3.5 max-desktop:px-4 rounded group nav-link text-left desktop:pl-1 desktop:relative desktop:pr-5 desktop:pt-1 desktop:font-semibold desktop:pb-2.5 desktop:before:bottom-0"
                                id="nav-item-639"
                                :aria-expanded="open"
                                :class="open && 'is-open'"
                                @click="toggle"
                            >
                                <span>KI, Cloud</span>
                                <span class="icon-chevron-right group-hover:text-primary group-focus-visible:text-primary text-xl absolute right-2.5 top-2 desktop:text-lg desktop:top-1.5 desktop:right-0 desktop:leading-none desktop:rotate-90 desktop:group-[.is-open]:-rotate-90 motion-safe:transition-transform" aria-hidden="true"></span>
                            </button>
                            <div
                                class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute bg-primary-light top-0 z-10 desktop:w-96 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:top-full desktop:translate-y-5 desktop:rounded desktop:shadow desktop:motion-safe:transition-all desktop:motion-safe:duration-300 desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:-left-4"
                                data-index="3"
                                x-show="open"
                                x-cloak
                                x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                x-transition:enter-end="opacity-100 trasnlate-y-0"
                                x-transition:leave-start="opacity-100 trasnlate-y-0"
                                x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                :class="{'desktop:-right-2': alignRight, 'desktop:-left-4': !alignRight}"
                                x-intersect="!isDesktop && onSubMenuIntersect($el)"
                            >
                                <button
                                    class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left relative hover:text-primary focus-visible:text-primary desktop:hidden"
                                    type="button"
                                    @click="close()"
                                >
                                    <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                    <span class="text-sm relative -top-0.5">Zurück zu "Zentraler Informatikdienst"</span>
                                </button>
                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                    
                                        <li>
                                            <a
                                                href="/ki-cloud"
                                                id="nav-item-639"
                                                class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                
                                                
                                                

                                            >
                                                <span>KI, Cloud</span>
                                            </a>
                                        </li>
                                    
                                    <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-639"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>KI</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "KI, Cloud"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/ki"
                                                                            id="nav-child-1470"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>KI</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ki/ki-services-des-zid"
                                                                                        id="nav-item-1470"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>KI-Services des ZID</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ki/ki-in-der-praxis"
                                                                                        id="nav-item-1470"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>KI in der Praxis</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ki/infrastruktur-fuer-forschung-und-softwareentwicklung"
                                                                                        id="nav-item-1470"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Infrastruktur für Forschung und Softwareentwicklung</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/ki/datenschutz-hilfe-und-arbeitsgruppen"
                                                                                        id="nav-item-1470"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Datenschutz, Hilfe und Arbeitsgruppen</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li
                                                        x-data="{
        open: false,
        close() {
            this.open = false;
        },
    }"
                                                        @focusin.window="! $root.contains($event.target) && close()"
                                                        @keydown.escape="close()"
                                                    >
                                                        <button
                                                            type="button"
                                                            id="nav-item-639"
                                                            class="max-desktop:pl-3 block w-full text-left relative pr-9 pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:pl-3"
                                                            :aria-expanded="open"
                                                            @click="open = !open"
                                                        >
                                                            <span>Cloud</span>
                                                            <span class="icon-chevron-right text-xl absolute right-1.5 -translate-y-1/2 top-1/2 group-hover:text-primary group-focus-visible:text-primary" aria-hidden="true"></span>
                                                        </button>
                                                        <div
                                                            class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute left-0 right-0 top-0 min-h-full bg-primary-light z-10 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:shadow desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:rounded desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
                                                            x-show="open"
                                                            x-cloak
                                                            x-transition:enter-start="desktop:motion-safe:opacity-0"
                                                            x-transition:enter-end="opacity-100"
                                                            x-transition:leave-start="opacity-100"
                                                            x-transition:leave-end="desktop:motion-safe:opacity-0"
                                                            x-intersect="!isDesktop && onSubMenuIntersect($el)"
                                                        >
                                                            <button
                                                                class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left desktop:px-2 hover:text-primary focus-visible:text-primary"
                                                                type="button"
                                                                @click="open = false"
                                                            >
                                                                <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                                                <span class="text-sm relative -top-0.5">Zurück zu "KI, Cloud"</span>
                                                            </button>
                                                            <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                                                
                                                                    <li>
                                                                        <a
                                                                            href="/cloud"
                                                                            id="nav-child-1471"
                                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                            
                                                                            
                                                                            
                                                                        >
                                                                            <span>Cloud</span>
                                                                        </a>
                                                                    </li>
                                                                
                                                                
                                                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/cloud/cloud-strategie"
                                                                                        id="nav-item-1471"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Cloud-Strategie</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/cloud/cloud-modelle"
                                                                                        id="nav-item-1471"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Cloud-Modelle</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/cloud/vorteile-der-cloud"
                                                                                        id="nav-item-1471"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Vorteile der Cloud</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/cloud/risiken-von-public-clouds"
                                                                                        id="nav-item-1471"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Risiken von Public-Clouds</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                        
                                                                                
                                                                                <li>
                                                                                    <a
                                                                                        href="/cloud/cloud-servicemodelle"
                                                                                        id="nav-item-1471"
                                                                                        class="max-desktop:px-3 block w-full text-left relative pt-3 pb-3.5 group rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                                                        
                                                                                        
                                                                                        
                                                                                    >
                                                                                        <span>Cloud-Servicemodelle</span>
                                                                                        
                                                                                    </a>
                                                                                </li>
                                                                            
                                                                    
                                                                </ul>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                
                                        
                                    </ul>
                            </ul>
                        </div>
                    </li>
                
            
        
            
                
                        
                        <li
                            x-data="{
        open: false,
        alignRight: false,
        close() {
            this.open = false;
        },
        toggle() {
            if((window.innerWidth - this.$el.getBoundingClientRect().left) < 384) {
                this.alignRight = true;
            } else {
                this.alignRight = false;
            }
            this.open = !this.open;
        }
    }"
                            class="desktop:relative"
                            @resize.window.debounce="checkIsDesktop()"
                            @focusin.window="! $root.contains($event.target) && close()"
                            @keydown.escape="close()"
                            @click.outside="isDesktop && close()"
                        >
                            <button
                                type="button"
                                class="bg-primary-light max-desktop:hover:bg-gray-lightest max-desktop:focus-visible:bg-gray-lightest max-desktop:w-full max-desktop:py-3.5 max-desktop:px-4 rounded group nav-link text-left desktop:pl-1 desktop:relative desktop:pr-5 desktop:pt-1 desktop:font-semibold desktop:pb-2.5 desktop:before:bottom-0"
                                id="nav-item-640"
                                :aria-expanded="open"
                                :class="open && 'is-open'"
                                @click="toggle"
                            >
                                <span>News</span>
                                <span class="icon-chevron-right group-hover:text-primary group-focus-visible:text-primary text-xl absolute right-2.5 top-2 desktop:text-lg desktop:top-1.5 desktop:right-0 desktop:leading-none desktop:rotate-90 desktop:group-[.is-open]:-rotate-90 motion-safe:transition-transform" aria-hidden="true"></span>
                            </button>
                            <div
                                class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute bg-primary-light top-0 z-10 desktop:w-96 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:top-full desktop:translate-y-5 desktop:rounded desktop:shadow desktop:motion-safe:transition-all desktop:motion-safe:duration-300 desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:-left-4"
                                data-index="4"
                                x-show="open"
                                x-cloak
                                x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                x-transition:enter-end="opacity-100 trasnlate-y-0"
                                x-transition:leave-start="opacity-100 trasnlate-y-0"
                                x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                :class="{'desktop:-right-2': alignRight, 'desktop:-left-4': !alignRight}"
                                x-intersect="!isDesktop && onSubMenuIntersect($el)"
                            >
                                <button
                                    class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left relative hover:text-primary focus-visible:text-primary desktop:hidden"
                                    type="button"
                                    @click="close()"
                                >
                                    <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                    <span class="text-sm relative -top-0.5">Zurück zu "Zentraler Informatikdienst"</span>
                                </button>
                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                    
                                        <li>
                                            <a
                                                href="/news"
                                                id="nav-item-640"
                                                class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                
                                                
                                                

                                            >
                                                <span>News</span>
                                            </a>
                                        </li>
                                    
                                    <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/wartungsarbeiten"
                                                            id="nav-item-642"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Wartungsarbeiten</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/it-news"
                                                            id="nav-item-644"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>IT-News</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                    </ul>
                            </ul>
                        </div>
                    </li>
                
            
        
            
                
                        
                        <li
                            x-data="{
        open: false,
        alignRight: false,
        close() {
            this.open = false;
        },
        toggle() {
            if((window.innerWidth - this.$el.getBoundingClientRect().left) < 384) {
                this.alignRight = true;
            } else {
                this.alignRight = false;
            }
            this.open = !this.open;
        }
    }"
                            class="desktop:relative"
                            @resize.window.debounce="checkIsDesktop()"
                            @focusin.window="! $root.contains($event.target) && close()"
                            @keydown.escape="close()"
                            @click.outside="isDesktop && close()"
                        >
                            <button
                                type="button"
                                class="bg-primary-light max-desktop:hover:bg-gray-lightest max-desktop:focus-visible:bg-gray-lightest max-desktop:w-full max-desktop:py-3.5 max-desktop:px-4 rounded group nav-link text-left desktop:pl-1 desktop:relative desktop:pr-5 desktop:pt-1 desktop:font-semibold desktop:pb-2.5 desktop:before:bottom-0"
                                id="nav-item-562"
                                :aria-expanded="open"
                                :class="open && 'is-open'"
                                @click="toggle"
                            >
                                <span>Über uns</span>
                                <span class="icon-chevron-right group-hover:text-primary group-focus-visible:text-primary text-xl absolute right-2.5 top-2 desktop:text-lg desktop:top-1.5 desktop:right-0 desktop:leading-none desktop:rotate-90 desktop:group-[.is-open]:-rotate-90 motion-safe:transition-transform" aria-hidden="true"></span>
                            </button>
                            <div
                                class="max-desktop:left-0 max-desktop:flex max-desktop:flex-col max-desktop:min-h-full max-desktop:right-0 max-desktop:pt-4 max-desktop:pb-2.5 max-desktop:pl-4 absolute bg-primary-light top-0 z-10 desktop:w-96 desktop:pt-5 desktop:pb-6 desktop:px-3 desktop:top-full desktop:translate-y-5 desktop:rounded desktop:shadow desktop:motion-safe:transition-all desktop:motion-safe:duration-300 desktop:[&:has([aria-expanded='true'])]:shadow-none desktop:-left-4"
                                data-index="5"
                                x-show="open"
                                x-cloak
                                x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                x-transition:enter-end="opacity-100 trasnlate-y-0"
                                x-transition:leave-start="opacity-100 trasnlate-y-0"
                                x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
                                :class="{'desktop:-right-2': alignRight, 'desktop:-left-4': !alignRight}"
                                x-intersect="!isDesktop && onSubMenuIntersect($el)"
                            >
                                <button
                                    class="max-desktop:mt-0.5 max-desktop:pl-1 max-desktop:pr-12 mb-2 text-left relative hover:text-primary focus-visible:text-primary desktop:hidden"
                                    type="button"
                                    @click="close()"
                                >
                                    <span class="icon-arrow-left mr-1 text-primary text-lg" aria-hidden="true"></span>
                                    <span class="text-sm relative -top-0.5">Zurück zu "Zentraler Informatikdienst"</span>
                                </button>
                                <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4">
                                    
                                        <li>
                                            <a
                                                href="/ueber-uns"
                                                id="nav-item-562"
                                                class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                
                                                
                                                

                                            >
                                                <span>Über uns</span>
                                            </a>
                                        </li>
                                    
                                    <ul class="max-desktop:h-full max-desktop:overflow-auto max-desktop:pr-4 pl-4">
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/zid-in-zahlen"
                                                            id="nav-item-1819"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>ZID in Zahlen</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/mitarbeiterinnen"
                                                            id="nav-item-613"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Mitarbeiter*innen</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/standorte"
                                                            id="nav-item-616"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Standorte</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/kooperationen"
                                                            id="nav-item-564"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Kooperationen</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/jobs"
                                                            id="nav-item-623"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Jobs</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/gender-diversity-inclusion"
                                                            id="nav-item-1529"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Gender, Diversity und Inclusion</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/umfragen"
                                                            id="nav-item-619"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Umfragen</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                            
                                            
                                                    
                                                    <li>
                                                        <a
                                                            href="/chronik"
                                                            id="nav-item-1420"
                                                            class="max-desktop:px-3 block w-full pt-3 pb-3.5 text-left group relative rounded hover:bg-gray-lightest focus-visible:bg-gray-lightest desktop:px-3"
                                                            
                                                            
                                                            
                                                        >
                                                            <span>Chronik</span>
                                                            
                                                        </a>
                                                    </li>
                                                
                                        
                                    </ul>
                            </ul>
                        </div>
                    </li>
                
            
        
            
                
                        
                        <li>
                            <a
                                href="/support"
                                class="max-desktop:py-3.5 max-desktop:px-4 max-desktop:hover:bg-gray-lightest max-desktop:focus-visible:bg-gray-lightest rounded group nav-link desktop:px-1 desktop:pt-1 desktop:font-semibold desktop:pb-2.5 desktop:before:bottom-0"
                                id="nav-item-749"
                                
                                
                                
                            >
                                <span>
                                    Support
                                </span>
                                
                            </a>
                        </li>
                    
            
        
    </ul>




                        </nav>
                        
                        
                            <div class="flex flex-col max-desktop:order-2 desktop:flex-row desktop:items-center desktop:justify-end desktop:pb-2 desktop:order-1 desktop:min-h-12">
                                
                                    <nav
                                        aria-label="Quicklinks"
                                        class="flex flex-col desktop:flex-row desktop:gap-6 desktop:pr-4 last-of-type:desktop:pr-14"
                                    >
                                        


    
    <div
        class="skip max-desktop:mb-1 max-desktop:after:hidden relative after:block after:absolute after:top-2.5 after:bottom-2 after:-left-3 after:w-px after:bg-gray first:after:hidden desktop:order-2"
        x-data="{
        open: false,
        toggle() {
            if (this.open) {
                return this.close();
            }

            this.open = true;
        },
        close(focusAfter) {
            if (! this.open) return;

            this.open = false;
            focusAfter && focusAfter.focus();
        },
        closeOnlyOnDesktop() {
            if(window.innerWidth < 1024) {
                return;
            }

            this.open = false;
        }
    }"
        @focusin.window="! $root.contains($event.target) && closeOnlyOnDesktop()"
        @click.outside="closeOnlyOnDesktop()"
    >
        <span aria-hidden="true" class="absolute -top-1 -bottom-1"></span>
        <button
            type="button"
            id="quicklinksToggle"
            class="max-desktop:hover:bg-primary max-desktop:rounded max-desktop:hover:text-primary-light max-desktop:focus-visible:bg-primary max-desktop:focus-visible:text-primary-light max-desktop:bg-gray-lightest max-desktop:px-6 max-desktop:pt-7 max-desktop:pb-6 max-desktop:w-full text-left nav-link desktop:pt-2 desktop:pb-2.5 desktop:pl-1 desktop:pr-5 desktop:before:bottom-2.5"
            aria-controls="quicklinksDropdown"
            x-ref="quicklinksToggle"
            :aria-expanded="open"
            :class="open && 'is-open'"
            @click="toggle()"
        >
            <span class="desktop:text-sm">
                
                        Informationen für
                    
            </span>
            <span class="icon-chevron-down text-xl absolute right-6 top-5 desktop:text-lg desktop:right-0 desktop:top-1.5 motion-safe:transition-transform" :class="open && 'rotate-180'" aria-hidden="true"></span>
        </button>
        <div
            class="max-desktop:w-full z-10 top-full right-0 bg-primary-light ease-out min-w-full rounded px-3 pt-3 pb-1 desktop:shadow-md desktop:absolute desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
            id="quicklinksDropdown"
            x-show="open"
            x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
            x-transition:enter-end="opacity-100 trasnlate-y-0"
            x-transition:leave-start="opacity-100 trasnlate-y-0"
            x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
            x-cloak
            @keydown.escape.prevent.stop="close($refs.quicklinksToggle)"
        >

            
                    <ul>
                        
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="/uaccount"
                                    
                                >
                                    Neue Nutzer*innen
                                    
                                </a>
                            </li>
                        
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="/informationen-fuer-studierende"
                                    
                                >
                                    Studierende
                                    
                                </a>
                            </li>
                        
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="/informationen-fuer-lehrende"
                                    
                                >
                                    Lehrende
                                    
                                </a>
                            </li>
                        
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="/informationen-fuer-forscherinnen"
                                    
                                >
                                    Forscher*innen
                                    
                                </a>
                            </li>
                        
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="/informationen-fuer-edv-beauftragte"
                                    
                                >
                                    EDV-Beauftragte
                                    
                                </a>
                            </li>
                        
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="/informationen-fuer-homeoffice"
                                    
                                >
                                    Homeoffice
                                    
                                </a>
                            </li>
                        
                    </ul>
                
            
        </div>
    </div>



                                        
                                            


    
    <div
        class="skip max-desktop:mb-1 max-desktop:after:hidden relative after:block after:absolute after:top-2.5 after:bottom-2 after:-left-3 after:w-px after:bg-gray first:after:hidden desktop:order-2"
        x-data="{
        open: false,
        toggle() {
            if (this.open) {
                return this.close();
            }

            this.open = true;
        },
        close(focusAfter) {
            if (! this.open) return;

            this.open = false;
            focusAfter && focusAfter.focus();
        },
        closeOnlyOnDesktop() {
            if(window.innerWidth < 1024) {
                return;
            }

            this.open = false;
        }
    }"
        @focusin.window="! $root.contains($event.target) && closeOnlyOnDesktop()"
        @click.outside="closeOnlyOnDesktop()"
    >
        <span aria-hidden="true" class="absolute -top-1 -bottom-1"></span>
        <button
            type="button"
            id="quicklinksToggle"
            class="max-desktop:hover:bg-primary max-desktop:rounded max-desktop:hover:text-primary-light max-desktop:focus-visible:bg-primary max-desktop:focus-visible:text-primary-light max-desktop:bg-gray-lightest max-desktop:px-6 max-desktop:pt-7 max-desktop:pb-6 max-desktop:w-full text-left nav-link desktop:pt-2 desktop:pb-2.5 desktop:pl-1 desktop:pr-5 desktop:before:bottom-2.5"
            aria-controls="quicklinksDropdown"
            x-ref="quicklinksToggle"
            :aria-expanded="open"
            :class="open && 'is-open'"
            @click="toggle()"
        >
            <span class="desktop:text-sm">
                
                        Quicklinks
                    
            </span>
            <span class="icon-chevron-down text-xl absolute right-6 top-5 desktop:text-lg desktop:right-0 desktop:top-1.5 motion-safe:transition-transform" :class="open && 'rotate-180'" aria-hidden="true"></span>
        </button>
        <div
            class="max-desktop:w-full z-10 top-full right-0 bg-primary-light ease-out min-w-full rounded px-3 pt-3 pb-1 desktop:shadow-md desktop:absolute desktop:motion-safe:transition-all desktop:motion-safe:duration-300"
            id="quicklinksDropdown"
            x-show="open"
            x-transition:enter-start="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
            x-transition:enter-end="opacity-100 trasnlate-y-0"
            x-transition:leave-start="opacity-100 trasnlate-y-0"
            x-transition:leave-end="desktop:motion-safe:opacity-0 desktop:motion-safe:translate-y-3"
            x-cloak
            @keydown.escape.prevent.stop="close($refs.quicklinksToggle)"
        >

            
            
                    <ul>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://moodle.univie.ac.at/"
                                    
                                >
                                    Moodle (E-Learning)
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://zid.univie.ac.at/webmail/"
                                    
                                >
                                    Webmail
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://uspace.univie.ac.at/"
                                    
                                >
                                    u:space Portal für Studierende
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://ufind.univie.ac.at/"
                                    
                                >
                                    u:find Vorlesungs-/Personensuche
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://wiki.univie.ac.at/"
                                    
                                >
                                    Intranet für Mitarbeiter*innen
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://bibliothek.univie.ac.at/"
                                    
                                >
                                    Universitätsbibliothek
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://www.univie.ac.at/ueber-uns/organisationsstruktur/"
                                    
                                >
                                    Wissenschaftliche und administrative Einheiten
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                            <li>
                                <a
                                    class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap hover:text-primary focus-visible:text-primary"
                                    href="https://urise.univie.ac.at/"
                                    
                                >
                                    u:rise Professional &amp; Career Development
                                        <span class="icon-arrow-topright"></span>
                                </a>
                            </li>
                    </ul>
                
        </div>
    </div>



                                        
                                        
                                    </nav>
                                
                                
                                    
                                    
                                        
                                                
                                            
                                    
                                        
                                                
                                            
                                    
                                    
                                        <nav
                                            aria-label="Sprachen"
                                            class="max-desktop:hidden flex gap-2.5 pr-14"
                                        >
                                            
    
    <div
        class="skip relative w-full"
        x-data="{
            open: false,
            toggle() {
                if (this.open) {
                    return this.close();
                }

                this.open = true;
            },
            close(focusAfter) {
                if (! this.open) return;

                this.open = false;
                focusAfter && focusAfter.focus();
            },
        }"
        @focusin.window="! $root.contains($event.target) && close()"
        @click.outside="close()"
    >
        <button
            type="button"
            class="group relative z-20 flex w-full items-center text-left leading-none desktop:aspect-square desktop:w-11 desktop:justify-center desktop:rounded-full desktop:text-primary desktop:outline-offset-4 desktop:hover:bg-primary desktop:hover:text-primary-light desktop:focus-visible:bg-primary desktop:focus-visible:text-primary-light"
            :aria-expanded="open"
            x-ref="languageToggle"
            :class="{'rounded': open}"
            @click="toggle()"
        >
            <span class="sr-only"
                >Andere Sprache auswählen</span>
            <span
                class="icon-language mr-1.5 text-lg desktop:hidden"
                aria-hidden="true"
            ></span>
            
                
                    <span
                        class="relative -bottom-px text-sm uppercase underline decoration-transparent max-desktop:transition-all max-desktop:group-hover:decoration-inherit max-desktop:group-focus-visible:decoration-inherit desktop:bottom-px desktop:pr-2.5"
                        aria-hidden="true"
                        >de</span
                    >
                
            
                
            
            <span
                class="icon-chevron-down absolute right-px top-1.5 text-lg motion-safe:transition-transform max-desktop:hidden"
                aria-hidden="true"
                :class="open && 'rotate-180'"
            ></span>
        </button>
        <div
            class="max-desktop:right-0 absolute z-10 rounded bg-primary-light text-typo shadow desktop:top-0 desktop:w-full desktop:rounded-full desktop:pt-11"
            x-show="open"
            x-cloak
            @keydown.escape.prevent.stop="close($refs.languageToggle)"
        >
            <ul class="pb-3 max-desktop:pt-3 desktop:px-1">
                
                    
                
                    
                        <li>
                            
                                    <a
                                        class="block w-full px-1 max-desktop:px-4 text-center text-sm uppercase hover:text-primary focus-visible:text-primary"
                                        href="/en/websites"
                                        >en</a
                                    >
                                
                        </li>
                    
                
            </ul>
        </div>
    </div>


                                        </nav>
                                    
                                
                            </div>
                        
                    </div>
                </div>
            </div>
        </div>
    </header>



        <main
            id="mainContent"
            itemprop="mainContentOfPage"
        >
            
    
            
        
    
    
    
            
    
            
            
            
                    
                            
                            
                            
                        
                
            
                    
                    
                        



                    
                    
                        



                    
                    

    
    



<div class="news">
	

        

        

        
                
                    <!-- ZID: Maintainance Pop-Up -->
                    
        <div x-data="{isModalOpen: false}" class="print:hidden">
            <div
                class="fixed inset-0 z-[70] bg-primary-darkest-70 transition-all duration-500 motion-reduce:!transition-none"
                x-show="isModalOpen"
                x-transition:enter-start="opacity-0"
                x-transition:enter-end="opacity-100"
                x-transition:leave-start="opacity-100"
                x-transition:leave-end="opacity-0"
                x-cloak
                aria-hidden="true"
            ></div>
            <div
                class="pointer-events-none fixed bottom-0 z-40 flex justify-end max-sm:left-0 max-sm:right-0 sm:bottom-4 sm:left-[calc(100vw-12px)] sm:-translate-x-full print:hidden"
                :class="{'z-[70] print:hidden ': isModalOpen, 'z-40 print:hidden ': !isModalOpen}"
            >
                <div class="mr-4 flex size-[60px] items-center justify-center max-sm:fixed max-sm:bottom-0 max-sm:left-[calc(100vw-30px)] max-sm:z-10 max-sm:mb-4 max-sm:-translate-x-full sm:size-28">
                    <button
                        type="button"
                        class="pointer-events-auto size-12 rounded-full bg-secondary-two outline-offset-8 ring-8 ring-secondary-one-30 hover:size-28 hover:ring-0 focus-visible:size-28 focus-visible:ring-0 max-sm:hover:size-[60px] max-sm:focus-visible:size-[60px] sm:size-24 sm:ring-8"
                        @click="isModalOpen = true"
                        x-show="!isModalOpen"
                    >
                        <span class="sr-only"
                            >Maintenance Informationen öffnen</span>
                        <span
                            class="icon-construction text-xl sm:text-5xl"
                            :class="{ 'icon-construction sm:text-5xl': !isModalOpen, 'icon-close sm:text-2xl': isModalOpen }"
                            aria-hidden="true"
                        ></span>
                    </button>
                </div>

                <div
                    class="pointer-events-auto fixed flex max-h-dvh w-full bg-primary-light shadow-md transition-all duration-300 motion-reduce:!transition-none max-sm:bottom-0 max-sm:left-0 max-sm:right-0 sm:fixed sm:bottom-0 sm:right-[4.5rem] sm:-z-10 sm:max-h-[50vh] sm:w-[446px] sm:-translate-y-14"
                    role="dialog"
                    aria-modal="true"
                    aria-label="Maintenance Informationen"
                    @click.outside="isModalOpen = false"
                    x-show="isModalOpen"
                    @keydown.escape="isModalOpen = false"
                    x-trap.inert.noscroll="isModalOpen"
                    x-transition:enter-start="opacity-0"
                    x-transition:enter-end="opacity-100"
                    x-transition:leave-start="opacity-100"
                    x-transition:leave-end="opacity-0"
                    x-cloak
                >
                    <div class="absolute max-sm:mr-4 flex size-[60px] items-center justify-center max-sm:bottom-0 max-sm:left-[calc(100vw-30px)] max-sm:z-10 max-sm:mb-4 max-sm:-translate-x-full sm:size-28 sm:bottom-0 sm:right-0 sm:translate-x-1/2 sm:translate-y-1/2">
                        <button
                            type="button"
                            class="pointer-events-auto size-12 rounded-full bg-secondary-two outline-offset-8 ring-8 ring-secondary-one-30 hover:size-14 hover:ring-0 focus-visible:size-14 focus-visible:ring-0 max-sm:hover:size-[60px] max-sm:focus-visible:size-[60px] sm:size-12 sm:ring-[6px]"
                            @click="isModalOpen = false"
                        >
                            <span class="sr-only"
                                >Maintenance Informationen schließen</span>
                            <span
                                class="icon-close text-xl sm:text-2xl"
                                aria-hidden="true"
                            ></span>
                        </button>
                    </div>
                    <div class="flex max-h-full flex-col gap-2 divide-y divide-gray-lighter overflow-y-scroll rounded p-5 [scrollbar-gutter:stable] max-sm:pb-24">
                        
                            <div class="link-text">
                                <a href="/wartungsarbeiten">
                                    Alle Wartungsmeldungen anzeigen
                                </a>
                            </div>
                        
                        
                            <div class="flex flex-col-reverse pt-2 first:!pt-0">
                                <a aria-labelledby="header564" class="link-external-internal py-px outline-offset-4 hover:text-primary focus-visible:text-primary" href="/wartungsarbeiten/artikel/software-upgrade-aci-controller">
                                    <p class="mb-0 flex w-full items-center justify-between gap-2 font-serif text-xl">
                                        Datennetz-Unterbrechung wegen Software-Upgrade
                                        <span
                                            class="icon-placeholder text-icon-base"
                                            aria-hidden="true"
                                        ></span>
                                    </p>
                                </a>

                                <p class="mb-0 text-sm">
                                    


<!--
ZID ONLY !!!
1.: ZID: only datetime, full day: show date and hyphen (for future)format:'d.m.Y -'
2.: ZID: datetime, eventEnd, full day, same days: show date: format:'d.m.Y'
3.: ZID: Full day, different days: only show date: format:'d.m.Y' - 'd.m.Y'
-->


<!--
COMMON DATE POSSIBILITIES for anybody
4. event, datetime, no eventEnd: format:'d.m.Y': show date/time and hyphen for connection to future: format:'d.m.Y H:i -'
-->

    <!-- Events: -->
    
        <!-- event, datetime only -->
        

        <!-- datetime AND eventEnd: -->
        
            
                    <!-- different days: show date/time: format:'d.m.Y H:i' - format:'d.m.Y H:i' -->
                    <time
                        itemprop="eventDate"
                        datetime="09.06.2026 22:00 - 10.06.2026 02:00"
                        class="6 text-sm"
                    >
                        09.06.2026 22:00
                        -
                        10.06.2026 02:00
                    </time>
                

        
    

    



                                </p>
                            </div>
                        
                            <div class="flex flex-col-reverse pt-2 first:!pt-0">
                                <a aria-labelledby="header311" class="link-external-internal py-px outline-offset-4 hover:text-primary focus-visible:text-primary" href="/wartungsarbeiten/artikel/server-wartungsfenster-jeden-mittwoch-1800-2100-uhr">
                                    <p class="mb-0 flex w-full items-center justify-between gap-2 font-serif text-xl">
                                        Server-Wartungsfenster jeden Mittwoch, 18:00–21:00 Uhr
                                        <span
                                            class="icon-placeholder text-icon-base"
                                            aria-hidden="true"
                                        ></span>
                                    </p>
                                </a>

                                <p class="mb-0 text-sm">
                                    


<!--
ZID ONLY !!!
1.: ZID: only datetime, full day: show date and hyphen (for future)format:'d.m.Y -'
2.: ZID: datetime, eventEnd, full day, same days: show date: format:'d.m.Y'
3.: ZID: Full day, different days: only show date: format:'d.m.Y' - 'd.m.Y'
-->

        
                <!-- 1.: ZID: only datetime, full day: format:'d.m.Y' -->
                <time
                    itemprop="eventDate"
                    datetime="01.01.2026"
                    class="text-sm"
                >
                    01.01.2026 -
                </time>
            
    

<!--
COMMON DATE POSSIBILITIES for anybody
4. event, datetime, no eventEnd: format:'d.m.Y': show date/time and hyphen for connection to future: format:'d.m.Y H:i -'
-->


                                </p>
                            </div>
                        
                    </div>
                </div>
            </div>
        </div>
    
                
            
    
</div>



                    
                        



                    
                    
                        



                    
                
        


        
    <div class="content-wrapper">
        
            <div class="bg-primary-darkest-80 text-primary-light desktop:mb-4">
                <div class="fluid-container-full text-xs py-1 desktop:text-lg desktop:py-2.5">
                    <a class="underline underline-offset-4 transition-color" href="/">
                        
                                Zentraler Informatikdienst
                            
                    </a>
                </div>
            </div>
        
        
            
        
        
        
    
        
        <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"WebPage","@id":"https://zid.univie.ac.at/it-services","name":"IT-Services"}},{"@type":"ListItem","position":2,"item":{"@type":"WebPage","@id":"https://zid.univie.ac.at/webseiten-server","name":"Webseiten, Server"}},{"@type":"ListItem","position":3,"item":{"@type":"WebPage","@id":"https://zid.univie.ac.at/webseiten","name":"Webseiten"}}]}</script>

        <nav
            class="print:hidden skip fluid-container-lg mb-5 mt-4"
            aria-label="Breadcrumbs"
        >
            <ol class="flex flex-wrap">
                
                    <li class="flex items-center">
                        <a class="text-xs underline decoration-inherit underline-offset-2 hover:decoration-transparent focus-visible:decoration-transparent sm:text-sm" href="https://www.univie.ac.at">
                            Universität Wien
                        </a>
                        <span
                            class="mx-2 sm:mx-4"
                            aria-hidden="true"
                        >
                            /
                        </span>
                    </li>
                
                
                    
                
                
                    
    <li class="flex items-center">
        
                
                        <a
                            class="text-xs underline decoration-inherit underline-offset-2 hover:decoration-transparent focus-visible:decoration-transparent sm:text-sm"
                            href="/"
                            target=""
                        >
                            <span>Zentraler Informatikdienst</span>
                        </a>
                    
                <span
                    class="mx-2 sm:mx-4"
                    aria-hidden="true"
                >
                    /
                </span>
            
    </li>

                
                    
    <li class="flex items-center">
        
                
                        <a
                            class="text-xs underline decoration-inherit underline-offset-2 hover:decoration-transparent focus-visible:decoration-transparent sm:text-sm"
                            href="/it-services"
                            target=""
                        >
                            <span>IT-Services</span>
                        </a>
                    
                <span
                    class="mx-2 sm:mx-4"
                    aria-hidden="true"
                >
                    /
                </span>
            
    </li>

                
                    
    <li class="flex items-center">
        
                
                        <a
                            class="text-xs underline decoration-inherit underline-offset-2 hover:decoration-transparent focus-visible:decoration-transparent sm:text-sm"
                            href="/webseiten-server"
                            target=""
                        >
                            <span>Webseiten, Server</span>
                        </a>
                    
                <span
                    class="mx-2 sm:mx-4"
                    aria-hidden="true"
                >
                    /
                </span>
            
    </li>

                
                    
    <li class="flex items-center">
        
                <a
                    href=""
                    class="pointer-events-none text-xs sm:text-sm"
                    aria-current="page"
                >
                    Webseiten
                </a>
            
    </li>

                
                
            </ol>
        </nav>
    


        
            <div class="fluid-container-lg">
                <div class="max-w-content-md">
                    <h1>Webseiten</h1>
                </div>
            </div>
        
        
    
            
            
            
                    
                
            
                    <div class="">
                        <div
                            id="c13903"
                            class=" mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
    
            
            
            
                    
                    
                    
                
            
                    <div class="mb-12 lg:mb-16">
                        <div
                            id="c12805"
                            class="fluid-container-xl mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    <div class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto">
<p class="text-lg" style="margin: 0">
    Für: <span style="color: #a43fbf; font-size: 1.3rem; padding-left: 7px" class="icon-work">&nbsp;Mitarbeiter*innen</span>
</p>
</div>


                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        




                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-12 lg:mb-16 list-variant link-text alternative-background">
                        <div
                            id="c9869"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                



                
                    <div class="max-w-content-md">
                        <p class="text-lg"><strong>Mitarbeiter*innen </strong>der Universität Wien haben mehrere Möglichkeiten, Webseiten für sich <strong>persönlich</strong> oder für <strong>dienstliche Zwecke</strong> zu gestalten und im Internet zu veröffentlichen.</p>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                
            
                    <div class="mb-12 lg:mb-16">
                        <div
                            id="c9870"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                                



                            
                            

    


    <div class="print:hidden max-w-content-md bg-primary-light border border-gray-lightest rounded shadow-md" x-data="{open: true}">
        <h2 class="mb-0">
            <button
                id="indexToggle"
                class="text-left w-full text-lg pl-3 pr-12 py-3 block relative sm:pl-5 sm:py-5 sm:text-xl hover:text-primary focus-visible:text-primary"
                type="button"
                :aria-expanded="open"
                @click="open = !open"
            >
                <span class="icon-list text-primary mr-2 sm:mr-4" aria-hidden="true"></span>
                <span class="font-serif">
                    Inhalt
                </span>
                <span
                    class="icon-chevron-down absolute text-xl right-3.5 sm:right-5 sm:top-5 motion-safe:transition-transform"
                    aria-hidden="true"
                    :class="open && 'rotate-180'"
                ></span>
            </button>
        </h2>
        <div
            class="motion-reduce:!transition-none"
            x-cloak
            x-show="open"
            x-collapse
            @keyup.escape="open = false"
        >
            <nav class="pb-4 pr-gutter-half sm:pt-2 sm:pl-7" aria-labelledby="indexToggle">
                <ul class="pl-3 -mr-1 sm:pl-7">
                    
                        
                                
                                    
                                        
                                            
                                                    
                                                
                                            <li class="ml-0">
                                                
                                                    <a class="inline-block pr-1 relative pl-9 py-1.5 hover:text-primary focus-visible:text-primary" href="/webseiten#c9871">
                                                        <span
                                                            class="icon-remove text-primary text-xl absolute left-0 top-0.5"
                                                            aria-hidden="true"
                                                        ></span>
                                                        <span class="hyphens-auto">Persönliche Webseite</span>
                                                    </a>
                                                
                                            </li>
                                        
                                    
                                        
                                            
                                                    
                                                
                                            <li class="ml-0">
                                                
                                                    <a class="inline-block pr-1 relative pl-9 py-1.5 hover:text-primary focus-visible:text-primary" href="/webseiten#c9874">
                                                        <span
                                                            class="icon-remove text-primary text-xl absolute left-0 top-0.5"
                                                            aria-hidden="true"
                                                        ></span>
                                                        <span class="hyphens-auto">Webseite für dienstliche Zwecke</span>
                                                    </a>
                                                
                                            </li>
                                        
                                    
                                        
                                            
                                                    
                                                
                                            <li class="ml-0">
                                                
                                                    <a class="inline-block pr-1 relative pl-9 py-1.5 hover:text-primary focus-visible:text-primary" href="/webseiten#c9878">
                                                        <span
                                                            class="icon-remove text-primary text-xl absolute left-0 top-0.5"
                                                            aria-hidden="true"
                                                        ></span>
                                                        <span class="hyphens-auto">Kostenpflichtig: Domainregistrierung</span>
                                                    </a>
                                                
                                            </li>
                                        
                                    
                                        
                                            
                                                    
                                                
                                            <li class="ml-0">
                                                
                                                    <a class="inline-block pr-1 relative pl-9 py-1.5 hover:text-primary focus-visible:text-primary" href="/webseiten#c9879">
                                                        <span
                                                            class="icon-remove text-primary text-xl absolute left-0 top-0.5"
                                                            aria-hidden="true"
                                                        ></span>
                                                        <span class="hyphens-auto">Nutzungsbedingungen</span>
                                                    </a>
                                                
                                            </li>
                                        
                                    
                                
                            
                    
                </ul>
            </nav>
        </div>
    </div>

                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-6 lg:mb-8 list-variant link-text">
                        <div
                            id="c9871"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                

    
        <div class="mr-auto max-w-content-md">
            <header>
                

    
            
        
    
            
        
    
            <h2 class="">
                Persönliche Webseite
            </h2>
        



                
            </header>
        </div>
    



                
                    <div class="max-w-content-md">
                        <p>Jede*r Mitarbeiter*in der Universität Wien kann <strong>1 persönliche Webseite</strong> anlegen.</p>
<p>Es gibt <strong>2&nbsp;kostenlose</strong>&nbsp;Möglichkeiten für die Gestaltung und Verwaltung von <strong>persönlichen Webseiten für Mitarbeiter*innen</strong> der Universität Wien:</p><ul class="list-normal"><li><a href="/webspace#c2510"><strong>Webspace </strong>mit installierter <strong>Software</strong></a></li><li><a href="/webspace#c2512"><strong>Leerer </strong>Webspace</a></li></ul>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                
            
                    <div class="mb-12 lg:mb-16">
                        <div
                            id="c9872"
                            class="fluid-container-lg-no-padding md:fluid-container-md lg:fluid-container-lg max-w-content-md mx-auto"
                        >
                            
                            
                                



                            
                            
                            
        
                
                
                
            
        <div class="bg-gray-lightest link-text list-infobox flex max-w-content-xs items-start gap-3 rounded px-6 py-4">
            <div class="bg-primary text-primary-light flex aspect-square w-8 shrink-0 items-center justify-center rounded-full text-lg leading-none">
                <span aria-hidden="true">i</span>
            </div>
            <div class="w-full">
                
                    <h3 class="h5 mb-0">Hinweis</h3>
                
                <p>
                    
                        <p>Wenn Sie <strong>Text, Bild- und andere Dateien</strong> im Internet veröffentlichen wollen, aber keine darüber hinausgehenden Funktionalitäten benötigen, empfiehlt der ZID die Verwendung eines <strong>Webspace </strong>mit dem <strong>installierten </strong>Content-Management-System <strong>WordPress</strong>.&nbsp;</p>
                    
                </p>
            </div>
        </div>

        

    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-12 lg:mb-16 list-variant link-text">
                        <div
                            id="c9873"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                



                
                    <div class="max-w-content-md">
                        <p>Die <strong>Webadresse </strong>hat immer folgendes Format: <code>homepage.univie.ac.at/<i>vorname.nachname</i>/</code></p>
<p><strong>Beispiel: </strong><code>homepage.univie.ac.at/max.muster/</code></p>
<p>Die <strong>Inhalte</strong>, die<strong> </strong>Sie auf der Webseite anzeigen, müssen sich auf persönliche Informationen <strong>im Kontext der universitären Tätigkeit</strong> (berufliche Aufgaben, Forschungsgebiete, Studium, Publikationen und dergleichen) beziehen. Beachten Sie insbesondere, dass das <strong>Logo der Universität Wien </strong>nur verwendet werden darf, wenn die <strong>Inhalte </strong>auf Ihrer persönlichen Webseite sich auch tatsächlich auf Ihre <strong>Tätigkeit </strong>an der Universität Wien beziehen.</p>
<p>Sie können Ihre persönliche Webseite zu Ihrem <strong>Eintrag </strong>im&nbsp;Personalverzeichnis&nbsp;in <strong>u:find hinzufügen</strong>. Verwenden Sie dazu die Funktion&nbsp;<a href="https://uspace.univie.ac.at/web/mitarbeitende/eigenen-eintrag-bearbeiten" target="_blank" class="external-link-new-window" rel="noreferrer">Eigenen Eintrag bearbeiten</a>&nbsp;in u:space.</p>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-6 lg:mb-8 list-variant link-text">
                        <div
                            id="c9874"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                

    
        <div class="mr-auto max-w-content-md">
            <header>
                

    
            
        
    
            
        
    
            <h2 class="">
                Webseite für dienstliche Zwecke
            </h2>
        



                
            </header>
        </div>
    



                
                    <div class="max-w-content-md">
                        <p><strong>Dienstliche Zwecke</strong> sind beispielweise:</p><ul class="list-normal"><li>Offizielle Webseite einer <strong>Organisations- oder Subeinheit</strong></li><li>Webseite für eine <strong>Veranstaltung</strong>, ein <strong>Projekt</strong>, eine <strong>Arbeitsgruppe</strong></li><li>Webseite für eine <strong>technische Anwendung</strong></li></ul><p>Es gibt&nbsp;<strong>3 kostenlose</strong>&nbsp;Möglichkeiten für die Gestaltung und Verwaltung von Webseiten für <strong>dienstliche Zwecke</strong>:</p><ul class="list-normal"><li><a href="/typo3-cms"><strong>TYPO3</strong></a>, das Content-Management-System der Universität Wien</li><li><a href="/webspace#c2510"><strong>Webspace </strong>mit installierter <strong>Software</strong></a></li><li><a href="/webspace#c2512"><strong>Leerer </strong>Webspace</a></li></ul>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                
            
                    <div class="mb-12 lg:mb-16">
                        <div
                            id="c9875"
                            class="fluid-container-lg-no-padding md:fluid-container-md lg:fluid-container-lg max-w-content-md mx-auto"
                        >
                            
                            
                                



                            
                            
                            
        
                
                
                
            
        <div class="bg-gray-lightest link-text list-infobox flex max-w-content-xs items-start gap-3 rounded px-6 py-4">
            <div class="bg-primary text-primary-light flex aspect-square w-8 shrink-0 items-center justify-center rounded-full text-lg leading-none">
                <span aria-hidden="true">i</span>
            </div>
            <div class="w-full">
                
                    <h3 class="h5 mb-0">Hinweis</h3>
                
                <p>
                    
                        <p>Der ZID empfiehlt <strong>Organisationseinheiten und Projekten</strong> die Verwendung von <a href="/typo3-cms"><strong>TYPO3</strong></a>, da damit viele&nbsp;<a href="/typo3-cms#c10756"><strong>Vorteile</strong></a>&nbsp;verbunden sind.</p>
                    
                </p>
            </div>
        </div>

        

    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-12 lg:mb-16 list-variant link-text">
                        <div
                            id="c9876"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                



                
                    <div class="max-w-content-md">
                        <p>Die Domain erhält automatisch ein <strong>SSL-Zertifikat</strong>, unverschlüsselte Aufrufe werden auf <strong>https://</strong> weitergeleitet.</p>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-12 lg:mb-16 list-variant link-text">
                        <div
                            id="c9877"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                

    
        <div class="mr-auto max-w-content-md">
            <header>
                

    
            
        
    
            
        
    
            <h3 class="">
                Webadresse
            </h3>
        



                
            </header>
        </div>
    



                
                    <div class="max-w-content-md">
                        <p>Die <strong>Webadresse </strong>endet mit&nbsp;<code>.univie.ac.at</code>. Was&nbsp;<strong>davor&nbsp;</strong>steht, können Sie frei wählen. Beispiel:&nbsp;<code>pugilistik.univie.ac.at</code></p>
<p>Beachten Sie bei den&nbsp;<strong>frei wählbaren Bestandteilen</strong>:</p><ul class="list-normal"><li>Sie sollten&nbsp;<strong>aussagekräftig&nbsp;</strong>sein. Beispiel:&nbsp;<i>pugilistik&nbsp;</i>statt&nbsp;<i>ifp</i></li><li>Die Länge muss zwischen 8 und 64 Zeichen betragen.</li><li>Vermeiden Sie zu&nbsp;<strong>lange&nbsp;</strong>URLs. Beispiel: besser&nbsp;<i>pugilistik&nbsp;</i>statt&nbsp;<i>institut-fuer-allgemeine-und-experimentelle-pugilistik</i></li><li>Es sind nur <strong>Kleinbuchstaben</strong>, <strong>Zahlen</strong> und der <strong>Bindestrich</strong> erlaubt (a–z, 0–9, -).</li><li><strong>Keine Eigennamen</strong>&nbsp;von Mitarbeiter*innen, auch nicht in Teilen oder Kombinationen (Ausnahme: Forschungsobjekte)</li></ul>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-12 lg:mb-16 list-variant link-text">
                        <div
                            id="c9878"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                

    
        <div class="mr-auto max-w-content-md">
            <header>
                

    
            
        
    
            
        
    
            <h2 class="">
                Kostenpflichtig: Domainregistrierung
            </h2>
        



                
            </header>
        </div>
    



                
                    <div class="max-w-content-md">
                        <p>Auf <strong>Wunsch </strong>registriert der ZID für Organisations- und Subeinheiten&nbsp;<strong>beliebige Domainnamen</strong>. Beispiel:&nbsp;<code>www.pugilistik.at</code></p>
<p>Die Domainregistrierung ist&nbsp;<strong>kostenpflichtig</strong>.&nbsp;</p>
<p><strong>Services&nbsp;</strong>für solche Domains (TYPO3, Webspace, E-Mail etc.) werden durch den ZID nur erbracht, wenn die Domain&nbsp;administrativ und technisch <strong>vom ZID verwaltet&nbsp;</strong>wird. In diesem Fall erhält die Domain automatisch ein SSL-Zertifikat.</p>
<p>Mehr Informationen unter&nbsp;<a href="/domainregistrierung">Domainregistrierung</a>.</p>
                    </div>
                
            
    
                            
                                



                            
                            
                                



                            
                        </div>
                    </div>
                
        


    
            
            
            
                    
                    
                    
                            
                        
                
            
                    <div class="mb-12 lg:mb-16 list-variant link-text">
                        <div
                            id="c9879"
                            class="fluid-container-sm md:fluid-container-md lg:fluid-container-lg mx-auto"
                        >
                            
                            
                                



                            
                            
                            

    
                
                
                
            

        
                
                
            

        
                
                
                
                
                

    
        <div class="mr-auto max-w-content-md">
            <header>
                

    
            
        
    
            
        
    
            <h2 class="">
                Nutzungsbedingungen
            </h2>
        



                
            </header>
        </div>
    



                
                    <div class="max-w-content-md">
                        <p>Es gelten die&nbsp;<a href="/webseiten/nutzungsbedingungen">Nutzungsbedingungen Webseiten – Richtlinien für die Veröffentlichung und den Betrieb von Webseiten an der Universität Wien</a>.</p>
                    </div>
                
            
    
                            
                                

    <div class="print:hidden fluid-container-lg mx-auto">
        <p class="link-text mt-4 rd">
            <a href="#top" onclick="window.location.replace(window.location.href.replace(/#.*/,'') + '#top'); return false;">Nach oben</a>
        </p>
    </div>



                            
                            
                                



                            
                        </div>
                    </div>
                
        



        
        
        



    </div>

        </main>

        

        
    <footer
        id="footer"
        itemscope
        itemtype="https://schema.org/WPFooter"
        class="print:hidden"
    >
        
    

    



        <div class="bg-primary-darkest pb-2 pt-14 lg:pt-20 desktop:pl-16">
            <div class="fluid-container-full text-primary-light">
                <div class="grid grid-cols-12 justify-between gap-gutter">
                    <div class="col-span-12 leading-lg desktop:col-span-3">
                        
                            <h2 class="mb-5 text-xl">Kontakt</h2>
                            <div class="mb-3 [&>p>a]:link-variant-light [&>p>a]:text-sm [&>p]:mb-0 [&>p]:text-sm">
								<p>&nbsp;</p>
<p>ZID-Helpdesk<br><br><a href="https://servicedesk.univie.ac.at/plugins/servlet/desk/site/dlezid" target="_blank" class="external-link-new-window" rel="noreferrer">Kontaktieren Sie uns</a><br><a href="/support" target="_self">Erreichbarkeit</a></p>
<p>&nbsp;</p>
                            </div>
                        
                        <div class="-ml-2 flex w-full flex-wrap gap-1">
                            
                                <a aria-label="Instagram" name="Instagram" class="p-2 text-xl text-primary-light hover:text-gray-light focus-visible:text-gray-light" target="_blank" href="https://zid.univie.ac.at/instagram/">
                                    <span
                                        class="icon-instagram"
                                        aria-hidden="true"
                                    ></span>
                                </a>
                            
                            
                                <a aria-label="LinkedIn" name="LinkedIn" class="p-2 text-xl text-primary-light hover:text-gray-light focus-visible:text-gray-light" target="_blank" href="https://zid.univie.ac.at/linkedin/">
                                    <span
                                        class="icon-linkedin"
                                        aria-hidden="true"
                                    ></span>
                                </a>
                            
                            
                                <a aria-label="Bluesky" name="Bluesky" class="p-2 text-xl text-primary-light hover:text-gray-light focus-visible:text-gray-light" target="_blank" href="https://zid.univie.ac.at/bluesky/">
                                    <span
                                        class="icon-bluesky"
                                        aria-hidden="true"
                                    ></span>
                                </a>
                            
                            
                                <a aria-label="YouTube" name="YouTube" class="p-2 text-xl text-primary-light hover:text-gray-light focus-visible:text-gray-light" target="_blank" href="https://zid.univie.ac.at/youtube/">
                                    <span
                                        class="icon-youtube"
                                        aria-hidden="true"
                                    ></span>
                                </a>
                            
                            
                                <a aria-label="Facebook" name="Facebook" class="p-2 text-xl text-primary-light hover:text-gray-light focus-visible:text-gray-light" target="_blank" href="https://zid.univie.ac.at/facebook/">
                                    <span
                                        class="icon-facebook"
                                        aria-hidden="true"
                                    ></span>
                                </a>
                            
                            
                            
                            
                                <a aria-label="RSS" name="RSS" class="p-2 text-xl text-primary-light hover:text-gray-light focus-visible:text-gray-light" target="_blank" href="https://zid.univie.ac.at/wartungsarbeiten/feed.xml">
                                    <span
                                        class="icon-rss"
                                        aria-hidden="true"
                                    ></span>
                                </a>
                            
                        </div>
                    </div>
                    <div class="col-span-12 leading-lg max-desktop:-mt-gutter desktop:col-span-3 desktop:mb-6">
                        
                            

    <h2 class="mb-5 hidden text-xl desktop:block">
        Quicklinks
    </h2>
    <nav
        class="skip max-desktop:border-t max-desktop:border-primary-light-20"
        aria-label="Service Links"
        x-data="{
            open: window.innerWidth >= 1024,
            init() {
                window.addEventListener('resize', () => {
                    this.open = window.innerWidth >= 1024;
                });
            }
        }"
    >
        <div class="-mx-2">
            <button
                type="button"
                class="group box-border flex w-full items-center justify-between px-2 text-xl lg:hidden"
                :aria-expanded="open"
                aria-controls="footerServiceLinkBody"
                @click="open = !open"
            >
                <div class="flex w-full items-center justify-between py-4">
                    <h2 id="footerServiceLinkHeader" class="mb-0 text-xl">
                        Quicklinks
                    </h2>
                    <span class="icon-chevron-down text-icon-base transition-transform group-aria-expanded:rotate-180" aria-hidden="true"></span>
                </div>
            </button>
        </div>
        <div
            id="footerServiceLinkBody"
            class="motion-reduce:!transition-none max-desktop:hidden"
            role="region"
            aria-labelledby="footerServiceLinkHeader"
            x-show="open"
            x-collapse
            x-init="$el.classList.remove('max-desktop:hidden')"
        >
        <!-- Global quicklinks, wording and link from languagefile -->
            <ul>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://moodle.univie.ac.at/"
                        
                    >
                        Moodle (E-Learning)
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://zid.univie.ac.at/webmail/"
                        
                    >
                        Webmail
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://uspace.univie.ac.at/"
                        
                    >
                        u:space Portal für Studierende
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://ufind.univie.ac.at/"
                        
                    >
                        u:find Vorlesungs-/Personensuche
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://wiki.univie.ac.at/"
                        
                    >
                        Intranet für Mitarbeiter*innen
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://bibliothek.univie.ac.at/"
                        
                    >
                        Universitätsbibliothek
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://www.univie.ac.at/ueber-uns/organisationsstruktur/"
                        
                    >
                        Wissenschaftliche und administrative Einheiten
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
                <li>
                    <a
                        class="max-desktop:px-4 block text-sm mb-4 px-1 desktop:whitespace-nowrap link-variant-light"
                        href="https://urise.univie.ac.at/"
                        
                    >
                        u:rise Professional &amp; Career Development
                            <span class="icon-arrow-topright"></span>
                    </a>
                </li>
            </ul>
        </div>
    </nav>



                    
                    </div>
                    <div class="col-span-12 desktop:col-span-6 desktop:mb-6">
                        
    
        

        <h2 class="mb-5 hidden text-xl desktop:block">
            Häufig gesucht
        </h2>
        <nav
            class="skip max-desktop:border-t max-desktop:border-primary-light-20"
            aria-label="Zusätzliche Links"
            x-data="{
                open: window.innerWidth >= 1024,
                init() {
                    window.addEventListener('resize', () => {
                        this.open = window.innerWidth >= 1024;
                    });
                }
            }"
        >
            <div class="-mx-2 desktop:hidden">
                <button
                    type="button"
                    class="group box-border flex w-full items-center justify-between px-2 text-xl"
                    :aria-expanded="open"
                    aria-controls="footerLinkBody"
                    @click="open = !open"
                >
                    <div class="flex w-full items-center justify-between py-4">
                        <h2
                            id="footerLinkHeader"
                            class="mb-0 text-xl"
                        >
                            Häufig gesucht
                        </h2>
                        <span
                            class="icon-chevron-down text-icon-base transition-transform group-aria-expanded:rotate-180"
                            aria-hidden="true"
                        ></span>
                    </div>
                </button>
            </div>
            <div
                id="footerLinkBody"
                class="motion-reduce:!transition-none max-desktop:hidden"
                role="region"
                aria-labelledby="footerLinkHeader"
                x-show="open"
                x-collapse
                x-init="$el.classList.remove('max-desktop:hidden')"
            >
                <ul class="flex flex-wrap leading-lg">
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/it-services-a-z"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                IT-Services A–Z
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="https://zid.univie.ac.at/mein-uaccount/"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Mein u:account
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/passwort"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Passwortverwaltung
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/jobs"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Jobs
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/standorte"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Standorte
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/it-news"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                News
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/informationen-fuer-studierende"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Studierende
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/informationen-fuer-lehrende"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Lehrende
                                
                            </a>
                        </li>
                    
                        <li class="w-full first:max-desktop:pt-2 last:max-desktop:pb-6 desktop:w-1/2 desktop:odd:pr-4">
                            <a
                                href="/informationen-fuer-forscherinnen"
                                class="link-variant-light -ml-1 inline-block p-1 text-sm"
                                
                                
                            >
                                Forscher*innen
                                
                            </a>
                        </li>
                    
                </ul>
                
                    
                    <a href="/uaccount" class="btn btn-md inline-block border border-primary-light bg-transparent text-primary-light after:bg-primary-light hover:text-primary focus-visible:text-primary max-desktop:mb-8 desktop:mt-5">
                        Neu an der Uni?
                    </a>
                              
            </div>
        </nav>
    


                    </div>
                </div>
                <div class="mt-20 flex flex-wrap justify-between gap-x-6 max-desktop:mb-5 max-desktop:gap-y-6 desktop:items-center desktop:flex-row-reverse">
                    <div class="">
                        

    <nav aria-label="Website-Informationen" class="skip">
        <ul class="flex flex-wrap gap-x-4 gap-y-2">
            
                <li>
                    <a
                        href="/sitemap"
                        class="inline-block text-sm link-variant-light"
                        
                    >
                        Sitemap
                    </a>
                </li>
            
                <li>
                    <a
                        href="https://dsba.univie.ac.at/datenschutzerklaerung/"
                        class="inline-block text-sm link-variant-light"
                        
                    >
                        Datenschutzerklärung
                    </a>
                </li>
            
                <li>
                    <a
                        href="https://www.univie.ac.at/ueber-uns/barrierefreiheit/"
                        class="inline-block text-sm link-variant-light"
                        
                    >
                        Barrierefreiheit
                    </a>
                </li>
            
                <li>
                    <a
                        href="/impressum"
                        class="inline-block text-sm link-variant-light"
                        
                    >
                        Impressum
                    </a>
                </li>
            
            <li><a href="#" class="inline-block text-sm link-variant-light" data-cc="c-settings" id="univie_cookie_button">Cookies</a></li>
        </ul>
    </nav>



                    </div>
                    
                </div>
            </div>
        </div>
    </footer>
<script src="/_assets/2076be5e7c25c5348e8257623059b612/JavaScript/leaflet.min.js?1780903211"></script>
<script src="/_assets/2076be5e7c25c5348e8257623059b612/JavaScript/OpenStreetMap2.min.js?1780903211" type="module"></script>
<script src="/typo3temp/assets/compressed/Form.min-b884040bd3ddc159dd1a4b37536d877b.js?1780907219" defer="defer"></script>
<script defer="defer" data-script-blocking-disabled="true" src="/typo3temp/assets/cookieconfig055108286cb5623a13dec9d985c67c527.js?1780926762"></script>


</body>
</html>