PageSourceSearch

https://www.svo-netz.de/unternehmen

html svo-netz.de collected 2026-10-09 23:00:14 UTC 319,842 bytes, 7,021 lines download raw bytes

1<!doctype html>
2<html lang="de" class="scroll-smooth">
3    <head>
4        <meta charset="utf-8">
5        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6        <meta name="viewport" content="width=device-width, initial-scale=1">
7        <!-- Resource hints for external domains -->
8        
8<script>(function() {
9    fetch('/!/csrf', {
10        method: 'POST',
11        headers: { 'Content-Type': 'application/json' },
12    })
13    .then((response) => response.json())
14    .then((data) => {
15        for (const input of document.querySelectorAll('input[value="STATAMIC_CSRF_TOKEN"]')) {
16            input.value = data.csrf;
17        }
18
19        for (const meta of document.querySelectorAll('meta[content="STATAMIC_CSRF_TOKEN"]')) {
20            meta.content = data.csrf;
21        }
22
23        for (const input of document.querySelectorAll('script[data-csrf="STATAMIC_CSRF_TOKEN"]')) {
24            input.setAttribute('data-csrf', data.csrf);
25        }
26
27        if (window.hasOwnProperty('livewire_token')) {
28            window.livewire_token = data.csrf
29        }
30
31        if (window.livewireScriptConfig) {
32            // Replaces token if Livewire is already available. Usually on fast networks.
33            window.livewireScriptConfig.csrf = data.csrf;
34        } else {
35            // Delays replacing the token until Livewire is initialized. Usually on slow networks.
36            // Only applies when Livewire is bundled manually, as livewireScriptConfig doesn't exist otherwise.
37            document.addEventListener('livewire:init', () => {
38                if (window.livewireScriptConfig) {
39                    window.livewireScriptConfig.csrf = data.csrf;
40                }
41            });
42        }
43
44        document.dispatchEvent(new CustomEvent('statamic:csrf.replaced', { detail: data }));
45    });
46})();</script>
46<link rel="preconnect" href="https://res.cloudinary.com">
47        <link rel="dns-prefetch" href="https://res.cloudinary.com">
48        <link rel="preconnect" href="https://cdn.consentmanager.net">
49        <link rel="dns-prefetch" href="https://cdn.consentmanager.net">
50        <link rel="preconnect" href="https://preisvergleich.svo.de">
51        <link rel="dns-prefetch" href="//www.googletagmanager.com">
52        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
53        <link rel="preload" as="style" href="https://www.svo-netz.de/build/assets/content-search-BxKmJGMO.css" /><link rel="preload" as="style" href="https://www.svo-netz.de/build/assets/site-BHH8rdGj.css" /><link rel="preload" as="style" href="https://www.svo-netz.de/build/assets/cun-CEx542h_.css" /><link rel="preload" as="style" href="https://www.svo-netz.de/build/assets/fontawesome-8FHQ-Ziw.css" /><link rel="modulepreload" as="script" href="https://www.svo-netz.de/build/assets/site-CLvqZrUb.js" /><link rel="modulepreload" as="script" href="https://www.svo-netz.de/build/assets/content-search-BkAP2Qdl.js" /><link rel="stylesheet" href="https://www.svo-netz.de/build/assets/content-search-BxKmJGMO.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://www.svo-netz.de/build/assets/site-BHH8rdGj.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://www.svo-netz.de/build/assets/cun-CEx542h_.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://www.svo-netz.de/build/assets/fontawesome-8FHQ-Ziw.css" data-navigate-track="reload" />
53<script type="module" src="https://www.svo-netz.de/build/assets/site-CLvqZrUb.js" data-navigate-track="reload"></script>
53
54
55        
56            <link rel="alternate" href="https://www.svo-netz.de/unternehmen" hreflang="x-default" />
57        
58
59        <!-- statamic-peak-seo::snippets/_seo.antlers.html -->
60
61<title>
62    
63    
64    
65        Das Unternehmen SVO Netz
66    
67</title>
68
69
70
71    <meta name="description" content="Die SVO Netz GmbH k&uuml;mmert sich um alle Aufgaben des Netzbetriebes f&uuml;r die Region ► Mehr erfahren">
72
73
74
75
76
77    
78        
79    
80
81
82
83
84   
85       <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
86   
87
88
89
90
91
92
93
94    
95        <link rel="canonical" href="https://www.svo-netz.de/unternehmen">
96    
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111<meta property="og:site_name" content="SVO Netz">
112<meta property="og:type" content="website">
113<meta property="og:locale" content="de_DE">
114<meta property="og:url" content="https://www.svo-netz.de/unternehmen">
115
116    <meta property="og:title" content="Das Unternehmen SVO Netz">
117
118
119    <meta property="og:description" content="Die SVO Netz GmbH k&uuml;mmert sich um alle Aufgaben des Netzbetriebes f&uuml;r die Region ► Mehr erfahren">
120
121
122    <meta property="og:image" content="https://www.svo-netz.de/img/asset/c29jaWFsX2ltYWdlc19jdW4vc3ZuLWxvZ29zLXdhZ2Vuc2VpdGVfMTIwMHg2MzAud2VicA/svn-logos-wagenseite_1200x630.webp?w=1200&h=630&fit=crop">
123
124
125
126
127    
128        
128<script>
129            window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
130        </script>
130
131    
132    
133
134    
135        
135<script>
vendor: 327 bytes, lines 135-139
135(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
136new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
137j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
138'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
139})(window,document,'script','dataLayer','
139GTM-WF3S39KZ
vendor: 3 bytes, line 139
139');
139</script>
139
140    
141
142    
143    
144
145    
146
147    
148
149    
150
151    
152
153    
154
155    
156
157<!-- End: statamic-peak-seo::snippets/_seo.antlers.html -->
158
159        
160
161        
162    
163    
164    
165    
166        
167    
168        
169    
170        
171    
172        
173    
174
175    
176    
177    
178        <!-- partials/structured-data/_webpage.antlers.html -->
179<script type="application/ld+json">
180{
181    "@context": "https://schema.org",
182    "@type": "WebPage",
183    "name":  "Das Unternehmen SVO Netz",
184    
185    
186    "description": "Die SVO Netz GmbH k&uuml;mmert sich um alle Aufgaben des Netzbetriebes f&uuml;r die Region ► Mehr erfahren",
187    
188    "url": "https://www.svo-netz.de/unternehmen",
189    
190    
191    
192    "dateModified": "2026-09-21T15:24:26+02:00",
193    
194    
195    
196    "image": {
197        "@type": "ImageObject",
198        "url": "https://www.svo.de/img/asset/c29jaWFsX2ltYWdlc19jdW4vc3ZuLWxvZ29zLXdhZ2Vuc2VpdGVfMTIwMHg2MzAud2VicA/svn-logos-wagenseite_1200x630.webp?w=1200&h=630&fit=crop",
199        "width": 1200,
200        "height": 630
201    },
202    
203    
204    "inLanguage": "de",
205    
206    
207    
208    "publisher": {
209        "@type": "Organization",
210        "name": "SVO Netz",
211        "url": "https://www.svo-netz.de"
212    },
213    
214    "isPartOf": {
215        "@type": "WebSite",
216        "name": "SVO Netz",
217        "url": "https://www.svo-netz.de"
218    }
219}
220</script>
220
221<!-- End: partials/structured-data/_webpage.antlers.html -->
222
223    
224
225    
226    
227    
228    
229        
230    
231
232        
233            
234            <link rel="icon" type="image/png" href="/favicons/svo/favicon-96x96.png" sizes="96x96" />
235            <link rel="icon" type="image/svg+xml" href="/favicons/svo/favicon.svg" />
236            <link rel="shortcut icon" href="/favicons/svo/favicon.ico" />
237            <link rel="apple-touch-icon" sizes="180x180" href="/favicons/svo/apple-touch-icon.png" />
238            <meta name="apple-mobile-web-app-title" content="SVO Netz" />
239            <link rel="manifest" href="/favicons/svo/site.webmanifest" />
240
241            
241<script type="text/javascript" data-cmp-ab="1" src="https://cdn.consentmanager.net/delivery/autoblocking/906bb511f1c0d.js" data-cmp-host="d.delivery.consentmanager.net" data-cmp-cdn="cdn.consentmanager.net" data-cmp-codesrc="0"></script>
241
242
243        
244    </head>
245
246    <body
247        class="flex flex-col min-h-screen font-sans leading-normal"
248        x-data="navScrollHandler()"
249        x-on:keyup.escape="openNavId = 0; mobileNavIsOpen = false; onSiteSubnavOpen = false; mainNavChildIsOpen = false"
250    >
251        
252        
253    
254        
255            <header
256    
257    x-ref="mainHeader"
258    x-bind:class="{
259        'css-scrollDown': scrollingDown,
260        'css-scrollUp': !scrollingDown
261    }"
262    class="bg-white transition-all duration-300 sticky top-0 z-header css-scrollUp"
263>
264    
265
266    
267    
268        
269    
270        
271    
272        
273    
274    
275        
276    
277
278    <div class="fluid-grid border-b-2 border-grey">
279        <div class="span-xl">
280            <div class="hidden lg:flex justify-between py-1.5">
281                <nav
282                    role="navigation"
283                    aria-label="Kundennavigation"
284                >
285                    <ul
286    role="tablist"
287    aria-label="Kundentyp wählen"
288    class="flex gap-4 text-[12px]"
289>
290    
291        <li
292            x-data="{ id: 0, targetUrl: '/' }"
293            role="presentation"
294        >
295            <button
296                @click="window.location.href = targetUrl;"
297                role="tab"
298                aria-selected="true"
299                class="hover:cursor-pointer motion-safe:transition underline underline-offset-4 decoration-2 decoration-primary font-bold"
300                tabindex="0"
301            >
302                Netzkunden
303            </button>
304        </li>
305    
306        <li
307            x-data="{ id: 1, targetUrl: '/installateure' }"
308            role="presentation"
309        >
310            <button
311                @click="window.location.href = targetUrl;"
312                role="tab"
313                aria-selected="false"
314                class="hover:cursor-pointer motion-safe:transition "
315                tabindex="0"
316            >
317                Installateure
318            </button>
319        </li>
320    
321        <li
322            x-data="{ id: 2, targetUrl: '/kommunen' }"
323            role="presentation"
324        >
325            <button
326                @click="window.location.href = targetUrl;"
327                role="tab"
328                aria-selected="false"
329                class="hover:cursor-pointer motion-safe:transition "
330                tabindex="0"
331            >
332                Kommunen
333            </button>
334        </li>
335    
336</ul>
337
338                </nav>
339                <nav
340                    role="navigation"
341                    aria-label="Sekundärnavigation"
342                >
343                    <ul class="flex gap-4 text-[12px]">
344    
345        <li>
346            <a
347                href="/unternehmen"
348                class="hover:text-primary"
349                
350
351            >
352                Unternehmen
353            </a>
354        </li>
355    
356        <li>
357            <a
358                href="/news"
359                class="hover:text-primary"
360                
361
362            >
363                News
364            </a>
365        </li>
366    
367        <li>
368            <a
369                href="/karriere"
370                class="hover:text-primary"
371                
372
373            >
374                Karriere
375            </a>
376        </li>
377    
378        <li>
379            <a
380                href="/kontakt"
381                class="hover:text-primary"
382                
383
384            >
385                Kontakt
386            </a>
387        </li>
388    
389</ul>
390
391                </nav>
392            </div>
393
394            <nav class="relative flex items-center span-xl py-5 lg:py-7 gap-4"
395                 role="navigation"
396                 aria-label="Hauptnavigation"
397            >
398                <a href="/" aria-label="Das Logo der SVO Netz verlinkt zur Startseite" class="">
399    
400    
401    
402    <svg class="h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 75.0" fill="none"><title>SVO Netz Logo</title><path d="M117.8 16.1418H111.5C110.74 16.1418 110.14 16.7818 110.2 17.5418C110.26 18.2818 110.28 19.0618 110.28 19.9018V28.4818C110.28 36.3218 107.66 40.1218 102.24 40.5818C101.56 40.6418 101.06 41.2018 101.06 41.8818V46.9818C101.06 47.7218 101.68 48.3218 102.44 48.2818C112.22 47.7818 119.18 41.8418 119.18 28.4818V19.9018C119.18 19.0218 119.16 18.1618 119.1 17.3618C119.06 16.6818 118.48 16.1418 117.8 16.1418Z" fill="#008DF7"/><path d="M101.08 6.5217V1.4217C101.08 0.681703 100.46 0.0817022 99.7 0.121703C89.92 0.621703 82.96 6.5617 82.96 19.9217V28.5017C82.96 29.3817 82.98 30.2417 83.04 31.0417C83.1 31.7217 83.66 32.2617 84.34 32.2617H90.64C91.4 32.2617 92 31.6217 91.94 30.8617C91.88 30.1217 91.86 29.3417 91.86 28.5017V19.9017C91.86 12.0617 94.48 8.2817 99.9 7.8017C100.56 7.7617 101.08 7.1817 101.08 6.5217Z" fill="#161957"/><path d="M75.58 0.541748H68.84C68.26 0.541748 67.76 1.04175 67.62 1.62175L58.4 39.8817C58.2 40.6417 58.02 40.9017 57.38 40.9017C56.74 40.9017 56.56 40.6417 56.36 39.8817L47.12 1.64175C47 1.06175 46.48 0.561748 45.92 0.561748H39.18C38.54 0.561748 38.04 1.00175 38.04 1.64175C38.04 1.72175 38.1 1.96175 38.1 1.96175L48.54 41.8617C50.06 47.7817 54.66 48.3617 57.38 48.3617C60.12 48.3617 64.7 47.7817 66.22 41.8617L76.66 1.96175C76.66 1.96175 76.72 1.72175 76.72 1.64175C76.72 1.00175 76.2 0.541748 75.58 0.541748Z" fill="#008DF7"/>
402<path d="M23.78 22.0617L14.06 17.8017C9.92 15.5017 8.84 14.2417 8.84 12.1417C8.84 9.28169 10.82 7.62169 15.52 7.62169C19.66 7.62169 23.86 7.88169 28.06 8.26169H28.18C28.82 8.26169 29.26 7.76169 29.26 7.12169V2.40169C29.26 1.76169 28.76 1.32169 28.12 1.20169C25.96 0.681687 20.12 0.041687 15.92 0.041687C4.08 0.041687 0 5.14169 0 12.1417C0 16.6017 1.58 20.2817 7.52 23.7817L18 28.8017C22.2 30.8217 23.4 32.5617 23.4 35.0417C23.4 38.7417 21.68 40.7817 16.02 40.7817C13.66 40.7817 2.7 40.1417 2.72 40.1417C2.74 40.1417 2.62 40.1417 2.56 40.1417C1.92 40.1417 1.34 40.6617 1.34 41.3617V45.9417C1.34 46.6417 1.92 47.0817 2.56 47.2217C5.62 47.9217 11.12 48.3617 15.9 48.3617C28.64 48.3617 32.64 41.4817 32.64 35.0617C32.62 30.0217 30.82 25.4617 23.78 22.0617Z" fill="#008DF7"/><g transform="translate(2 69.3)"><path d="M15.73828125 0.0H13.44140625L4.1015625 -14.390625H4.0078125Q4.04296875 -13.81640625 4.08984375 -13.083984375Q4.13671875 -12.3515625 4.166015625 -11.525390625Q4.1953125 -10.69921875 4.1953125 -9.84375V0.0H2.34375V-17.1328125H4.62890625L13.93359375 -2.7890625H14.015625Q13.9921875 -3.19921875 13.95703125 -3.955078125Q13.921875 -4.7109375 13.892578125 -5.583984375Q13.86328125 -6.45703125 13.86328125 -7.20703125V-17.1328125H15.73828125Z M25.06640625 -13.078125Q26.70703125 -13.078125 27.87890625 -12.3515625Q29.05078125 -11.625 29.671875 -10.318359375Q30.29296875 -9.01171875 30.29296875 -7.265625V-6.05859375H21.421875Q21.45703125 -3.796875 22.546875 -2.61328125Q23.63671875 -1.4296875 25.6171875 -1.4296875Q26.8359375 -1.4296875 27.7734375 -1.65234375Q28.7109375 -1.875 29.71875 -2.30859375V-0.59765625Q28.74609375 -0.1640625 27.791015625 0.03515625Q26.8359375 0.234375 25.53515625 0.234375Q23.68359375 0.234375 22.306640625 -0.521484375Q20.9296875 -1.27734375 20.16796875 -2.7421875Q19.40625 -4.20703125 19.40625 -6.328125Q19.40625 -8.40234375 20.103515625 -9.919921875Q20.80078125 -11.4375 22.072265625 -12.2578125Q23.34375 -13.078125 25.06640625 -13.078125ZM25.04296875 -11.484375Q23.484375 -11.484375 22.55859375 -10.46484375Q21.6328125 -9.4453125 21.45703125 -7.6171875H28.25390625Q28.2421875 -8.765625 27.896484375 -9.638671875Q27.55078125 -10.51171875 26.84765625 -10.998046875Q26.14453125 -11.484375 25.04296875 -11.484375Z M37.74609375 -1.359375Q38.2265625 -1.359375 38.73046875 -1.44140625Q39.234375 -1.5234375 39.55078125 -1.640625V-0.12890625Q39.2109375 0.0234375 38.607421875 0.12890625Q38.00390625 0.234375 37.4296875 0.234375Q36.41015625 0.234375 35.578125 -0.123046875Q34.74609375 -0.48046875 34.248046875 -1.3359375Q33.75 -2.19140625 33.75 -3.703125V-11.3203125H31.921875V-12.26953125L33.76171875 -13.03125L34.53515625 -15.8203125H35.70703125V-12.84375H39.46875V-11.3203125H35.70703125V-3.76171875Q35.70703125 -2.5546875 36.263671875 -1.95703125Q36.8203125 -1.359375 37.74609375 -1.359375Z M50.40234375 0.0H41.0390625V-1.2890625L48.08203125 -11.3203125H41.484375V-12.84375H50.25V-11.40234375L43.30078125 -1.51171875H50.40234375Z" fill="#161957"/></g></svg>
403</a>
404
405                <div class="contents">
406                    
407    
408    <div x-data="{ activeDropdownIndex: null }">
409        <ul
410            class="hidden lg:flex flex-1 gap-2 ml-6 "
411            x-ref="mainNav"
412            x-init="
413            $nextTick(() => {
414                let triggers = $refs.mainNav.querySelectorAll('[data-nav-trigger]');
415                $refs.mainNav.addEventListener('keydown', (e) => {
416                    if (!['ArrowLeft', 'ArrowRight'].includes(e.key)) return;
417                    e.preventDefault();
418                    const active = document.activeElement;
419                    const items = Array.from(triggers);
420                    const index = items.indexOf(active);
421                    let nextIndex = e.key === 'ArrowRight'
422                        ? (index + 1) % items.length
423                        : (index - 1 + items.length) % items.length;
424                    items[nextIndex]?.focus();
425                });
426            });
427        "
428            class="hidden lg:flex flex-1 gap-2 ml-6"
429            id="nav-desktop-netzkunden"
430            aria-labelledby="nav-desktop-netzkunden"
431            aria-live="polite"
432        >
433            
434
435            <li
436                class="flex items-center"
437                @keydown.escape.window="activeDropdownIndex = null"
438            >
439                
440                    <a
441                        href="#"
442                        role="button"
443                        tabindex="0"
444                        data-nav-trigger
445                        class="relative font-bold hover:cursor-pointer hover:text-primary p-2.5 flex items-center gap-1 whitespace-nowrap"
446                        :class="{ 'bg-grey-surface rounded-full': activeDropdownIndex === 0 }"
447                        @click.prevent="activeDropdownIndex = activeDropdownIndex === 0 ? null : 0"
448                        @keydown.enter.prevent="activeDropdownIndex = activeDropdownIndex === 0 ? null : 0"
449                        @keydown.space.prevent="activeDropdownIndex = activeDropdownIndex === 0 ? null : 0"
450                        :aria-expanded="activeDropdownIndex === 0"
451                        aria-controls="netzkunden-submenu-0"
452                    >
453                        Anschluss
454                        <svg class="ml-1 h-3 w-3 motion-safe:transition " x-bind:class="activeDropdownIndex === 0 ? 'rotate-180':'rotate-0'" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
455
456                        <div
457                            x-show="activeDropdownIndex === 0"
458                            x-cloak
459                            class="absolute bg-grey w-6 h-6 -bottom-full -translate-y-[3px] rotate-45 left-1/2 -translate-x-1/2 rounded"
460                        ></div>
461                    </a>
462                
463
464                
465                    
466                        <div
467                            x-show="activeDropdownIndex === 0"
468                            @click.outside="activeDropdownIndex = null"
469                            x-cloak
470                            class="flex flex-col py-8 absolute bg-white top-full z-nav-children rounded-svo border-2 inset-x-0"
471                            id="netzkunden-submenu-0"
472                        >
473                            <ul class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-2">
474                                
475                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
476                                    
477                                        <a
478                                            href="/anschluss/hausanschluss"
479                                            class="hover:text-primary flex items-center font-bold py-2.5"
480                                            
481
482                                        >
483                                            
484                                                <span class="pr-1">
485    
486        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M20.762 13.032v8.978c0 .556-.447 1.004-1.004 1.004H3.826a1.001 1.001 0 0 1-1.004-1.004v-8.978"/><path stroke="#161957" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M21.848 11.335 11.789 2.117 1.731 11.335M16.966 4.414h2.313v2.492"/><path stroke="#161957" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M9.678 8.242c0 1.167.944 2.11 2.111 2.11a2.11 2.11 0 0 0 2.111-2.11 2.11 2.11 0 0 0-2.11-2.111 2.11 2.11 0 0 0-2.112 2.11Z"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M8.626 23.018v-7.386c0-.583.474-1.052 1.052-1.052H13.9c.584 0 1.053.474 1.053 1.052v7.386"/></svg>
487    
488
489</span>
490                                            
491                                            Hausanschluss
492                                        </a>
493                                    
494
495                                    
496                                        <ul>
497                                            
498                                            <li class="flex">
499                                                
500                                                    <a
501                                                        href="/anschluss/hausanschluss/strom"
502                                                        class="block hover:text-primary py-2.5"
503                                                    >
504                                                        Strom
505                                                    </a>
506                                                
507                                            </li>
508                                            
509                                            <li class="flex">
510                                                
511                                                    <a
512                                                        href="/anschluss/hausanschluss/erdgas"
513                                                        class="block hover:text-primary py-2.5"
514                                                    >
515                                                        Erdgas
516                                                    </a>
517                                                
518                                            </li>
519                                            
520                                            <li class="flex">
521                                                
522                                                    <a
523                                                        href="/anschluss/hausanschluss/wasser-abwasser"
524                                                        class="block hover:text-primary py-2.5"
525                                                    >
526                                                        Wasser & Abwasser
527                                                    </a>
528                                                
529                                            </li>
530                                            
531                                            <li class="flex">
532                                                
533                                                    <a
534                                                        href="/anschluss/hausanschluss/glasfaser"
535                                                        class="block hover:text-primary py-2.5"
536                                                    >
537                                                        Glasfaser
538                                                    </a>
539                                                
540                                            </li>
541                                            
542                                        </ul>
543                                    
544                                </li>
545                                
546                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
547                                    
548                                        <a
549                                            href="/anschluss/bauversorgung"
550                                            class="hover:text-primary flex items-center font-bold py-2.5"
551                                            
552
553                                        >
554                                            
555                                                <span class="pr-1">
556    
557        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="m8.213 2.422 5.432 3.724a.47.47 0 0 1-.532.777l-1.189-.815-.071 6.717a.47.47 0 0 1-.941-.01l.077-7.217a.47.47 0 0 1 .016-.12l-3.063-2.1-2.847 1.884v7.558a.47.47 0 1 1-.941 0V5.885L2.58 6.927a.47.47 0 0 1-.63-.101l-.022-.032a.47.47 0 0 1 .132-.652l5.627-3.724a.47.47 0 0 1 .526.004Z"/><path fill="#008DF7" d="M15.517 17.606a2.602 2.602 0 0 1 2.552.04 2.647 2.647 0 0 1 1.309 2.289c0 .943-.499 1.815-1.31 2.288a2.602 2.602 0 0 1-2.624 0 2.647 2.647 0 0 1-1.308-2.288c0-.944.498-1.816 1.308-2.288l.072-.04Zm-10.74-.315c1.448 0 2.62 1.185 2.62 2.644 0 1.458-1.172 2.643-2.62 2.643-1.45 0-2.622-1.185-2.622-2.643 0-1.46 1.173-2.643 2.621-2.643Zm0 .942c-.927 0-1.68.76-1.68 1.702 0 .94.753 1.702 1.68 1.702.926 0 1.679-.761 1.679-1.702s-.753-1.702-1.68-1.702Zm12.818.227a1.66 1.66 0 0 0-1.676 0c-.52.303-.842.865-.842 1.475 0 .609.321 1.171.842 1.475a1.66 1.66 0 0 0 1.676 0c.52-.304.841-.866.841-1.475 0-.61-.32-1.172-.841-1.475Zm1.19-10.17.096.002.026-.001c.018 0 .036 0 .053.003 2.624.095 4.718 2.302 4.718 5.006v6.053c0 1.093-.868 1.983-1.945 1.983h-.737a.47.47 0 0 1 0-.94h.737c.552 0 1.004-.465 1.004-1.043v-4.224h-2.396c-1.055 0-1.905-.874-1.905-1.945V9.232h-1.864c-.144 0-.266.125-.266.286v5.295c0 .26-.211.471-.47.471H2.563c-.551 0-1.003.464-1.003 1.043v.756a.47.47 0 1 1-.942 0v-.756c0-1.093.868-1.984 1.945-1.984h12.8V9.518c0-.658.511-1.199 1.157-1.226l.051-.001h2.212ZM13.07 20.319a.47.47 0 0 1 0 .94H8.463a.47.47 0 0 1 0-.94h4.607Zm6.308-11.04v3.906c0 .557.434 1.004.962 1.004h2.397V13.3c0-2.041-1.46-3.728-3.36-4.023Z"/></svg>
558    
559
560</span>
561                                            
562                                            Bauversorgung
563                                        </a>
564                                    
565
566                                    
567                                        <ul>
568                                            
569                                            <li class="flex">
570                                                
571                                                    <a
572                                                        href="/anschluss/bauversorgung/baustrom"
573                                                        class="block hover:text-primary py-2.5"
574                                                    >
575                                                        Baustrom
576                                                    </a>
577                                                
578                                            </li>
579                                            
580                                            <li class="flex">
581                                                
582                                                    <a
583                                                        href="/anschluss/bauversorgung/bauwasser"
584                                                        class="block hover:text-primary py-2.5"
585                                                    >
586                                                        Bauwasser
587                                                    </a>
588                                                
589                                            </li>
590                                            
591                                            <li class="flex">
592                                                
593                                                    <a
594                                                        href="/anschluss/bauversorgung/standrohrmiete"
595                                                        class="block hover:text-primary py-2.5"
596                                                    >
597                                                        Standrohrmiete
598                                                    </a>
599                                                
600                                            </li>
601                                            
602                                        </ul>
603                                    
604                                </li>
605                                
606                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
607                                    
608                                        <a
609                                            href="/anschluss/verbrauchsgeraete"
610                                            class="hover:text-primary flex items-center font-bold py-2.5"
611                                            
612
613                                        >
614                                            
615                                                <span class="pr-1">
616    
617        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><g stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path stroke="#008DF7" stroke-width="1.148" d="M.573 13.343v6.087c0 .813.66 1.467 1.467 1.467h19.107c.813 0 1.468-.66 1.468-1.467v-6.087"/><path stroke="#161957" stroke-width="1.148" d="M22.62 11.794V5.706c0-.812-.66-1.467-1.467-1.467H2.045c-.812 0-1.467.66-1.467 1.467v6.088"/><path stroke="#008DF7" stroke-width="1.118" d="M15.687 9.147h4.386M15.687 12.567h4.386M15.687 15.987h4.386"/><path stroke="#161957" stroke-width="1.148" d="M8.144 17.593a5.021 5.021 0 0 0 5.023-5.024 5.021 5.021 0 0 0-5.023-5.024A5.021 5.021 0 0 0 3.12 12.57a5.021 5.021 0 0 0 5.024 5.024Z"/><path stroke="#161957" stroke-width="1.148" d="M7.189 12.493c0 .36.196.692.507.867l-.916 1.658a1.7 1.7 0 0 1-2.307.66 1.724 1.724 0 0 1-.617-.59c-.703-1.128.11-2.59 1.44-2.59H7.19v-.005ZM7.669 11.642l-.933-1.555c-.67-1.118.137-2.542 1.44-2.542 1.304 0 2.111 1.424 1.44 2.542l-.932 1.555a.994.994 0 0 0-1.015 0ZM8.656 13.36l.878 1.582c.633 1.14 2.27 1.156 2.924.027.655-1.13-.18-2.542-1.484-2.52l-1.81.033v.016a.973.973 0 0 1-.508.862Z"/><path stroke="#161957" stroke-width="1.148" d="M8.176 13.48a.984.984 0 0 0 .993-.982.984.984 0 0 0-.982-.993h-.01a.987.987 0 0 0 0 1.975Z"/></g></svg>
618    
619
620</span>
621                                            
622                                            Verbrauchsgeräte
623                                        </a>
624                                    
625
626                                    
627                                        <ul>
628                                            
629                                            <li class="flex">
630                                                
631                                                    <a
632                                                        href="/anschluss/verbrauchsgeraete/wallbox"
633                                                        class="block hover:text-primary py-2.5"
634                                                    >
635                                                        Wallbox
636                                                    </a>
637                                                
638                                            </li>
639                                            
640                                            <li class="flex">
641                                                
642                                                    <a
643                                                        href="/anschluss/verbrauchsgeraete/waermepumpe-klimaanlage-speicher"
644                                                        class="block hover:text-primary py-2.5"
645                                                    >
646                                                        Wärmepumpe, Klimaanlage & Speicher
647                                                    </a>
648                                                
649                                            </li>
650                                            
651                                            <li class="flex">
652                                                
653                                                    <a
654                                                        href="/anschluss/verbrauchsgeraete/steuerbare-verbrauchseinrichtungen"
655                                                        class="block hover:text-primary py-2.5"
656                                                    >
657                                                        Steuerbare Verbrauchseinrichtungen
658                                                    </a>
659                                                
660                                            </li>
661                                            
662                                            <li class="flex">
663                                                
664                                                    <a
665                                                        href="/anschluss/verbrauchsgeraete/netzentgeltreduzierung"
666                                                        class="block hover:text-primary py-2.5"
667                                                    >
668                                                        Netzentgeltreduzierung
669                                                    </a>
670                                                
671                                            </li>
672                                            
673                                        </ul>
674                                    
675                                </li>
676                                
677                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
678                                    
679                                        <a
680                                            href="/anschluss/hilfe-portale-anschluss"
681                                            class="hover:text-primary flex items-center font-bold py-2.5"
682                                            
683
684                                        >
685                                            
686                                                <span class="pr-1">
687    
688        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M21.997.692a1.979 1.979 0 0 1 1.976 1.973v12.018a1.971 1.971 0 0 1-1.976 1.973H19.18l-4.38 4.369a.47.47 0 0 1-.802-.297l-.001-.036v-4.033l-1.154.01a.47.47 0 0 1-.473-.432l-.002-.035a.47.47 0 0 1 .467-.475l1.629-.013a.47.47 0 0 1 .474.471v3.372l3.715-3.705a.471.471 0 0 1 .29-.136l.042-.002h3.012a1.03 1.03 0 0 0 1.035-1.032V2.666a1.03 1.03 0 0 0-1.035-1.032h-9.2a.47.47 0 1 1 0-.941h9.2Zm-6.318 10.706v.008a.824.824 0 0 1 0 1.63v.009l-.059-.002a.884.884 0 0 1-.058.002v-.009a.824.824 0 0 1 0-1.63v-.008c.02 0 .039 0 .058.002a.816.816 0 0 1 .06-.002Zm.518-5.955a2.353 2.353 0 0 1-.46 4.66.47.47 0 0 1-.034-.94h.035a1.412 1.412 0 1 0-1.412-1.412.47.47 0 0 1-.941 0 2.353 2.353 0 0 1 2.812-2.308Z"/><path fill="#008DF7" d="M4.562 3.75a3.412 3.412 0 1 0 0 6.824 3.412 3.412 0 0 0 0-6.823Zm0 .942a2.47 2.47 0 1 1 0 4.941 2.47 2.47 0 0 1 0-4.941Zm.118 6.588c-1.123 0-2.2.444-2.994 1.236A4.213 4.213 0 0 0 .445 15.5v2.285a.47.47 0 0 0 .47.435h1.09l.702 5.588a.47.47 0 0 0 .467.412h3.012l.037-.001a.47.47 0 0 0 .43-.41l.7-5.589h1.092c.26 0 .47-.21.47-.47V15.5c0-1.12-.446-2.194-1.241-2.986A4.243 4.243 0 0 0 4.68 11.28Zm0 .941c.874 0 1.712.346 2.33.961l.063.065c.578.608.901 1.414.901 2.254v1.779H6.939l-.037.002a.47.47 0 0 0-.43.41L5.77 23.28H3.59l-.702-5.588-.006-.037a.47.47 0 0 0-.46-.375H1.385V15.5c0-.869.347-1.703.964-2.318a3.302 3.302 0 0 1 2.33-.96Zm6.501 3.52a.47.47 0 1 1 .008.941l-1.211.01a.47.47 0 0 1-.008-.941l1.211-.01ZM11.151.69a.47.47 0 1 1 0 .942h-1.2a1.037 1.037 0 0 0-1.034.977l-.002.055a.47.47 0 1 1-.941 0A1.971 1.971 0 0 1 9.95.692h1.2Z"/></svg>
689    
690
691</span>
692                                            
693                                            Hilfe & Portale
694                                        </a>
695                                    
696
697                                    
698                                        <ul>
699                                            
700                                            <li class="flex">
701                                                
702                                                    <a
703                                                        href="/anschluss/hilfe-portale-anschluss/installateur-suche"
704                                                        class="block hover:text-primary py-2.5"
705                                                    >
706                                                        Installateur-Suche
707                                                    </a>
708                                                
709                                            </li>
710                                            
711                                            <li class="flex">
712                                                
713                                                    <a
714                                                        href="/anschluss/hilfe-portale-anschluss/faq-hausanschluss"
715                                                        class="block hover:text-primary py-2.5"
716                                                    >
717                                                        FAQ Hausanschluss
718                                                    </a>
719                                                
720                                            </li>
721                                            
722                                            <li class="flex">
723                                                
724                                                    <a
725                                                        href="/anschluss/hilfe-portale-anschluss/hausanschluss-preise"
726                                                        class="block hover:text-primary py-2.5"
727                                                    >
728                                                        Hausanschluss Preise
729                                                    </a>
730                                                
731                                            </li>
732                                            
733                                            <li class="flex">
734                                                
735                                                    <a
736                                                        href="/kontakt/kontakt-hausanschluss/kontakformular-anschluss-versorgung"
737                                                        class="block hover:text-primary py-2.5"
738                                                    >
739                                                        Kontakt Anschluss
740                                                    </a>
741                                                
742                                            </li>
743                                            
744                                            <li class="flex">
745                                                
746                                                    
747    <a
748        
749        
750    class=" element-button flex gap-2 primary my-4 "
751
752        
753    href="https://hausanschluss.svo-netz.de/kportal/bestellstrecke/" rel="noopener" target="_blank"
754
755        
756        
757        
758    >
759        
760        
761            <div class="w-full text-center empty:hidden">
762                Hausanschlussportal
763            </div>
764        
765    </a>
766
767
768
769
770
771
772                                                
773                                            </li>
774                                            
775                                        </ul>
776                                    
777                                </li>
778                                
779                            </ul>
780
781                            
782                        </div>
783                    
784                
785            </li>
786            
787
788            <li
789                class="flex items-center"
790                @keydown.escape.window="activeDropdownIndex = null"
791            >
792                
793                    <a
794                        href="#"
795                        role="button"
796                        tabindex="0"
797                        data-nav-trigger
798                        class="relative font-bold hover:cursor-pointer hover:text-primary p-2.5 flex items-center gap-1 whitespace-nowrap"
799                        :class="{ 'bg-grey-surface rounded-full': activeDropdownIndex === 1 }"
800                        @click.prevent="activeDropdownIndex = activeDropdownIndex === 1 ? null : 1"
801                        @keydown.enter.prevent="activeDropdownIndex = activeDropdownIndex === 1 ? null : 1"
802                        @keydown.space.prevent="activeDropdownIndex = activeDropdownIndex === 1 ? null : 1"
803                        :aria-expanded="activeDropdownIndex === 1"
804                        aria-controls="netzkunden-submenu-1"
805                    >
806                        Einspeisung
807                        <svg class="ml-1 h-3 w-3 motion-safe:transition " x-bind:class="activeDropdownIndex === 1 ? 'rotate-180':'rotate-0'" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
808
809                        <div
810                            x-show="activeDropdownIndex === 1"
811                            x-cloak
812                            class="absolute bg-grey w-6 h-6 -bottom-full -translate-y-[3px] rotate-45 left-1/2 -translate-x-1/2 roun
812ded"
813                        ></div>
814                    </a>
815                
816
817                
818                    
819                        <div
820                            x-show="activeDropdownIndex === 1"
821                            @click.outside="activeDropdownIndex = null"
822                            x-cloak
823                            class="flex flex-col py-8 absolute bg-white top-full z-nav-children rounded-svo border-2 inset-x-0"
824                            id="netzkunden-submenu-1"
825                        >
826                            <ul class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-2">
827                                
828                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
829                                    
830                                        <a
831                                            href="/einspeisung/erzeugungsanlagen"
832                                            class="hover:text-primary flex items-center font-bold py-2.5"
833                                            
834
835                                        >
836                                            
837                                                <span class="pr-1">
838    
839        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#008DF7" d="M18.843 9.796c.53 0 .987.322 1.195.78l1.652 3.879a.333.333 0 0 1 .044.136l2.045 4.75c.186.415.137.874-.114 1.24-.251.364-.644.594-1.08.594h-5.28v2.34c0 .321-.251.572-.573.572a.566.566 0 0 1-.573-.572v-2.34h-3.212v2.34c0 .321-.251.572-.573.572a.566.566 0 0 1-.573-.572v-2.34H6.843c-.414 0-.78-.186-1.03-.508l-.023-.043c-.25-.344-.3-.78-.158-1.195l1.724-4.865c0-.022 0-.022.022-.044l1.38-3.878a1.29 1.29 0 0 1 1.238-.873h8.863v.027h-.016ZM14 15.333H8.305l-1.61 4.5c-.021.043 0 .093 0 .114l.023.022c.021.044.07.071.136.071h7.162v-4.707h-.017Zm6.84 0h-5.694v4.707h7.462a.182.182 0 0 0 .114-.044l.022-.021c.022-.044.022-.093.022-.137l-1.926-4.505ZM14 10.947H9.98c-.07 0-.114.044-.136.115L8.72 14.187H14v-3.24Zm4.844 0h-3.698v3.24h5.187L18.98 11.04c-.021-.044-.07-.093-.114-.093h-.022Z"/><path fill="#001E62" d="M13.012 6.426a.565.565 0 0 1-.207.78.565.565 0 0 1-.78-.208 3.83 3.83 0 0 0-3.562-1.903 3.8
83915 3.815 0 0 0-3.284 2.367 3.8 3.8 0 0 0 .688 3.97.574.574 0 0 1-.044.803.574.574 0 0 1-.802-.044A4.996 4.996 0 0 1 4.1 6.998a4.907 4.907 0 0 1 4.25-3.076c1.93-.093 3.72.873 4.663 2.504ZM2.152 8.329c.322 0 .573.251.573.573 0 .322-.251.573-.573.573h-.736a.566.566 0 0 1-.573-.573c0-.322.25-.573.573-.573h.736Zm1.124-4.936.736.736c.23.23.23.595 0 .802-.229.207-.594.23-.802 0l-.736-.736c-.23-.23-.23-.595 0-.802.229-.207.594-.23.802 0Zm5.443-2.367c.322 0 .573.25.573.572v.737c0 .321-.25.572-.573.572a.566.566 0 0 1-.572-.572v-.731a.567.567 0 0 1 .572-.578Zm5.439 2.367c.229-.23.594-.23.801 0 .208.229.23.594 0 .802l-.714.736c-.23.23-.595.23-.802 0-.207-.23-.23-.595 0-.802l.715-.736ZM3.205 12.9c.229-.229.594-.229.802 0 .207.23.229.595 0 .802l-.737.736c-.229.23-.594.23-.802 0-.207-.229-.229-.594 0-.802l.737-.736Z"/></svg>
840    
841
842</span>
843                                            
844                                            Erzeugungsanlagen
845                                        </a>
846                                    
847
848                                    
849                                        <ul>
850                                            
851                                            <li class="flex">
852                                                
853                                                    <a
854                                                        href="/einspeisung/erzeugungsanlagen/photovoltaik"
855                                                        class="block hover:text-primary py-2.5"
856                                                    >
857                                                        Photovoltaik
858                                                    </a>
859                                                
860                                            </li>
861                                            
862                                            <li class="flex">
863                                                
864                                                    <a
865                                                        href="/einspeisung/erzeugungsanlagen/balkonkraftwerke"
866                                                        class="block hover:text-primary py-2.5"
867                                                    >
868                                                        Balkonkraftwerke
869                                                    </a>
870                                                
871                                            </li>
872                                            
873                                            <li class="flex">
874                                                
875                                                    <a
876                                                        href="/einspeisung/erzeugungsanlagen/batteriespeicher"
877                                                        class="block hover:text-primary py-2.5"
878                                                    >
879                                                        Batteriespeicher
880                                                    </a>
881                                                
882                                            </li>
883                                            
884                                            <li class="flex">
885                                                
886                                                    <a
887                                                        href="/einspeisung/erzeugungsanlagen/kwk-anlagen"
888                                                        class="block hover:text-primary py-2.5"
889                                                    >
890                                                        KWK-Anlagen
891                                                    </a>
892                                                
893                                            </li>
894                                            
895                                            <li class="flex">
896                                                
897                                                    <a
898                                                        href="/einspeisung/erzeugungsanlagen/biomethan"
899                                                        class="block hover:text-primary py-2.5"
900                                                    >
901                                                        Biomethan
902                                                    </a>
903                                                
904                                            </li>
905                                            
906                                            <li class="flex">
907                                                
908                                                    <a
909                                                        href="/einspeisung/erzeugungsanlagen/biomasse-wind-wasserkraft"
910                                                        class="block hover:text-primary py-2.5"
911                                                    >
912                                                        Biomasse-, Wind-, Wasserkraft
913                                                    </a>
914                                                
915                                            </li>
916                                            
917                                        </ul>
918                                    
919                                </li>
920                                
921                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
922                                    
923                                        <a
924                                            href="/einspeisung/einspeisung-steuerung"
925                                            class="hover:text-primary flex items-center font-bold py-2.5"
926                                            
927
928                                        >
929                                            
930                                                <span class="pr-1">
931    
932        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M13.74 3.376c.049-.311.338-.53.655-.486 2.798.415 5.274 1.98 6.801 4.298a.573.573 0 0 1-.163.797.573.573 0 0 1-.797-.164c-1.347-2.045-3.54-3.425-6.01-3.796a.569.569 0 0 1-.486-.65Zm-6.687 7.942c.316 0 .572.256.572.572v1.348a.573.573 0 1 1-1.145 0V11.89c0-.316.256-.572.573-.572Zm3.272-1.184 1.01 1.009a.576.576 0 0 1 0 .813.576.576 0 0 1-.813 0l-1.01-1.01a.576.576 0 0 1 0-.812.576.576 0 0 1 .813 0Zm-6.07 0a.576.576 0 0 1 0 .813l-1.01 1.014a.576.576 0 0 1-.812 0 .576.576 0 0 1 0-.813l1.009-1.009c.229-.229.589-.229.812-.005Zm2.798-5.226a2.766 2.766 0 1 1 0 5.531 2.766 2.766 0 0 1 0-5.53Zm0 1.151a1.62 1.62 0 1 0 0 3.24 1.62 1.62 0 0 0 0-3.24Zm5.569 1.042a.573.573 0 1 1 0 1.146h-1.348a.573.573 0 1 1 0-1.146h1.348Zm-10.118 0c.316 0 .572.256.572.573a.577.577 0 0 1-.572.578H1.15a.573.573 0 1 1 0-1.145h1.353V7.1Zm.741-4.047 1.01 1.009a.576.576 0 0 1 0 .813.576.576 0 0 1-.813 0l-1.01-1.01a.576.576 0 0 1 0-.812.576.576 0 0 1 .813 0Zm8.095 0a.576.576 0 0 1 0 .813l-1.01 1.009a.576.576 0 0 1-.812 0 .576.576 0 0 1 0-.813l1.01-1.01a.576.576 0 0 1 .812 0ZM7.053 1.199c.316 0 .572.257.572.573v1.353a.573.573 0 1 1-1.145 0V1.772c0-.316.256-.573.573-.573Z"/><path fill="#008DF7" d="M19.385 10.161c.35-.398 1.004-.147 1.004.382v5.122h1.991c.344.005.66.19.824.496l.021.044a.914.914 0 0 1-.147 1.004l-5.754 6.529c-.35.398-1.004.147-1.004-.382v-5.122h-1.97a.942.942 0 0 1-.845-.496l-.021-.044a.914.914 0 0 1 .147-1.004l5.754-6.529Zm-14.35 6.524c1.538 2.956 4.652 4.75 8.596 4.75a.573.573 0 0 1 0 1.146c-4.364 0-7.871-2.023-9.616-5.367a.572.572 0 0 1 .245-.775.576.576 0 0 1 .775.246Zm14.203-4.62-4.429 5.024h2.078c.306 0 .551.234.573.534v4.216l4.43-5.023h-2.08a.573.573 0 0 1-.572-.535v-4.216Z"/></svg>
933    
934
935</span>
936                                            
937                                            Einspeisung & Steuerung
938                                        </a>
939                                    
940
941                                    
942                                        <ul>
943                                            
944                                            <li class="flex">
945                                                
946                                                    <a
947                                                        href="/einspeisung/einspeisung-steuerung/einspeiseverguetung"
948                                                        class="block hover:text-primary py-2.5"
949                                                    >
950                                                        Einspeisevergütung
951                                                    </a>
952                                                
953                                            </li>
954                                            
955                                            <li class="flex">
956                                                
957                                                    <a
958                                                        href="/einspeisung/einspeisung-steuerung/einspeiselastprofil"
959                                                        class="block hover:text-primary py-2.5"
960                                                    >
961                                                        Einspeiselastprofil
962                                                    </a>
963                                                
964                                            </li>
965                                            
966                                            <li class="flex">
967                                                
968                                                    <a
969                                                        href="/einspeisung/einspeisung-steuerung/einspeisemanagement"
970                                                        class="block hover:text-primary py-2.5"
971                                                    >
972                                                        Einspeisemanagement
973                                                    </a>
974                                                
975                                            </li>
976                                            
977                                            <li class="flex">
978                                                
979                                                    <a
980                                                        href="/einspeisung/einspeisung-steuerung/gemeinschaftliche-gebaeudeversorgung"
981                                                        class="block hover:text-primary py-2.5"
982                                                    >
983                                                        Gemeinschaftliche Gebäudeversorgung
984                                                    </a>
985                                                
986                                            </li>
987                                            
988                                            <li class="flex">
989                                                
990                                                    <a
991                                                        href="/einspeisung/einspeisung-steuerung/mieterstrom"
992                                                        class="block hover:text-primary py-2.5"
993                                                    >
994                                                        Mieterstrom
995                                                    </a>
996                                                
997                                            </li>
998                                            
999                                            <li class="flex">
1000                                                
1001                                                    <a
1002                                                        href="/einspeisung/einspeisung-steuerung/energy-sharing"
1003                                                        class="block hover:text-primary py-2.5"
1004                                                    >
1005                                                        Energy Sharing
1006                                                    </a>
1007                                                
1008                                            </li>
1009                                            
1010                                            <li class="flex">
1011                                                
1012                                                    <a
1013                                                        href="/einspeisung/einspeisung-steuerung/steuerung-nach-9-eeg"
1014                                                        class="block hover:text-primary py-2.5"
1015                                                    >
1016                                                        Steuerung nach § 9 EEG
1017                                                    </a>
1018                                                
1019                                            </li>
1020                                            
1021                                            <li class="flex">
1022                                                
1023                                                    <a
1024                                                        href="/einspeisung/einspeisung-steuerung/fernsteuerbarkeit"
1025                                                        class="block hover:text-primary py-2.5"
1026                                                    >
1027                                                        Fernsteuerbarkeit
1028                                                    </a>
1029                                                
1030                                            </li>
1031                                            
1032                                        </ul>
1033                                    
1034                                </li>
1035                                
1036                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1037                                    
1038                                        <a
1039                                            href="/einspeisung/redispatch-20"
1040                                            class="hover:text-primary flex items-center font-bold py-2.5"
1041                                            
1042
1043                                        >
1044                                            
1045                                                <span class="pr-1">
1046    
1047        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#008DF7" d="M2.716 6.929c-.834 0-1.325-.502-1.325-1.56V4.61c0-1.058.49-1.549 1.325-1.549s1.315.491 1.315 1.55v.758c0 1.058-.48 1.56-1.315 1.56Zm.53-2.319c0-.66-.197-.861-.53-.861-.332 0-.54.201-.54.861v.759c0 .66.202.872.54.872.339 0 .53-.212.53-.872V4.61Zm3.987-1.314L3.365 9.83c-.076.131-.109.197-.212.197h-.78c-.066 0-.093-.038-.093-.082 0-.044.01-.076.038-.109l3.867-6.54c.082-.136.12-.186.224-.186h.78c.055 0 .082.028.082.077s-.011.065-.038.109Zm-.371 6.758c-.835 0-1.326-.502-1.326-1.56v-.758c0-1.058.491-1.56 1.326-1.56.834 0 1.314.502 1.314 1.56v.758c0 1.058-.48 1.56-1.314 1.56Zm.529-2.318c0-.66-.196-.862-.53-.862-.332 0-.54.202-.54.862v.758c0 .66.203.862.54.862.339 0 .53-.202.53-.862v-.758Z"/><path stroke="#161957" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.091" d="M9.622 8.049h9.087c.568 0 1.053.392 1.173.949l2.547 11.678a1.206 1.206 0 0 1-1.172 1.462H5.018c-.769 0-1.336-.71-1.172-1.462l1.865-8.542.153-.687"/><path stroke="#161957" stroke-miterlimit="10" stroke-width="1.091" d="M5.264 14.163H21.01M10.958 8.049 9.933 22.132M16.337 22.132 15.31 8.05"/></svg>
1048    
1049
1050</span>
1051                                            
1052                                            Redispatch 2.0
1053                                        </a>
1054                                    
1055
1056                                    
1057                                        <ul>
1058                                            
1059                                            <li class="flex">
1060                                                
1061                                                    <a
1062                                                        href="/einspeisung/redispatch-20/informationen-fuer-anlagenbetreiber"
1063                                                        class="block hover:text-primary py-2.5"
1064                                                    >
1065                                                        Informationen für Anlagenbetreiber
1066                                                    </a>
1067                                                
1068                                            </li>
1069                                            
1070                                            <li class="flex">
1071                                                
1072                                                    <a
1073                                                        href="/einspeisung/redispatch-20/marktrollen-datenaustausch"
1074                                                        class="block hover:text-primary py-2.5"
1075                                                    >
1076                                                        Marktrollen & Datenaustausch
1077                                                    </a>
1078                                                
1079                                            </li>
1080                                            
1081                                            <li class="flex">
1082                                                
1083                                                    <a
1084                                                        href="/einspeisung/redispatch-20/steuerbarkeitscheck"
1085                                                        class="block hover:text-primary py-2.5"
1086                                                    >
1087                                                        Steuerbarkeitscheck
1088                                                    </a>
1089                                                
1090                                            </li>
1091                                            
1092                                            <li class="flex">
1093                                                
1094                                                    <a
1095                                                        href="/einspeisung/redispatch-20/finanzieller-ausgleich"
1096                                                        class="block hover:text-primary py-2.5"
1097                                                    >
1098                                                        Finanzieller Ausgleich
1099                                                    </a>
1100                                                
1101                                            </li>
1102                                            
1103                                            <li class="flex">
1104                                                
1105                                                    <a
1106                                                        href="/einspeisung/redispatch-20/massnahmen-veroeffentlichungen"
1107                                                        class="block hover:text-primary py-2.5"
1108                                                    >
1109                                                        Maßnahmen & Veröffentlichungen
1110                                                    </a>
1111                                                
1112                                            </li>
1113                                            
1114                                        </ul>
1115                                    
1116                                </li>
1117                                
1118                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1119                                    
1120                                        <a
1121                                            href="/einspeisung/hilfe-portale-einspeisung"
1122                                            class="hover:text-primary flex items-center font-bold py-2.5"
1123                                            
1124
1125                                        >
1126                                            
1127                                                <span class="pr-1">
1128    
1129        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M21.997.692a1.979 1.979 0 0 1 1.976 1.973v12.018a1.971 1.971 0 0 1-1.976 1.973H19.18l-4.38 4.369a.47.47 0 0 1-.802-.297l-.001-.036v-4.033l-1.154.01a.47.47 0 0 1-.473-.432l-.002-.035a.47.47 0 0 1 .467-.475l1.629-.013a.47.47 0 0 1 .474.471v3.372l3.715-3.705a.471.471 0 0 1 .29-.136l.042-.002h3.012a1.03 1.03 0 0 0 1.035-1.032V2.666a1.03 1.03 0 0 0-1.035-1.032h-9.2a.47.47 0 1 1 0-.941h9.2Zm-6.318 10.706v.008a.824.824 0 0 1 0 1.63v.009l-.059-.002a.884.884 0 0 1-.058.002v-.009a.824.824 0 0 1 0-1.63v-.008c.02 0 .039 0 .058.002a.816.816 0 0 1 .06-.002Zm.518-5.955a2.353 2.353 0 0 1-.46 4.66.47.47 0 0 1-.034-.94h.035a1.412 1.412 0 1 0-1.412-1.412.47.47 0 0 1-.941 0 2.353 2.353 0 0 1 2.812-2.308Z"/><path fill="#008DF7" d="M4.562 3.75a3.412 3.412 0 1 0 0 6.824 3.412 3.412 0 0 0 0-6.823Zm0 .942a2.47 2.47 0 1 1 0 4.941 2.47 2.47 0 0 1 0-4.941Zm.118 6.588c-1.123 0-2.2.444-2.994 1.236A4.213 4.213 0 0 0 .445 15.5v2.285a.47.47 0 0 0 .47.435h1.09l.702 5.588a.47.47 0 0 0 .467.412h3.012l.037-.001a.47.47 0 0 0 .43-.41l.7-5.589h1.092c.26 0 .47-.21.47-.47V15.5c0-1.12-.446-2.194-1.241-2.986A4.243 4.243 0 0 0 4.68 11.28Zm0 .941c.874 0 1.712.346 2.33.961l.063.065c.578.608.901 1.414.901 2.254v1.779H6.939l-.037.002a.47.47 0 0 0-.43.41L5.77 23.28H3.59l-.702-5.588-.006-.037a.47.47 0 0 0-.46-.375H1.385V15.5c0-.869.347-1.703.964-2.318a3.302 3.302 0 0 1 2.33-.96Zm6.501 3.52a.47.47 0 1 1 .008.941l-1.211.01a.47.47 0 0 1-.008-.941l1.211-.01ZM11.151.69a.47.47 0 1 1 0 .942h-1.2a1.037 1.037 0 0 0-1.034.977l-.002.055a.47.47 0 1 1-.941 0A1.971 1.971 0 0 1 9.95.692h1.2Z"/></svg>
1130    
1131
1132</span>
1133                                            
1134                                            Hilfe & Portale
1135                                        </a>
1136                                    
1137
1138                                    
1139                                        <ul>
1140                                            
1141                                            <li class="flex">
1142                                                
1143                                                    <a
1144                                                        href="/anschluss/hilfe-portale-anschluss/installateur-suche"
1145                                                        class="block hover:text-primary py-2.5"
1146                                                    >
1147                                                        Installateur-Suche
1148                                                    </a>
1149                                                
1150                                            </li>
1151                                            
1152                                            <li class="flex">
1153                                                
1154                                                    <a
1155                                                        href="https://www.marktstammdatenregister.de/MaStR/"
1156                                                        class="block hover:text-primary py-2.5"
1157                                                    >
1158                                                        Marktstammdatenregister
1159                                                    </a>
1160                                                
1161                                            </li>
1162                                            
1163                                            <li class="flex">
1164                                                
1165                                                    
1166    <a
1167        
1168        
1169    class=" element-button flex gap-2 primary my-4 "
1170
1171        
1172    href="https://betreiberportal.svo-netz.de/" rel="noopener" target="_blank"
1173
1174        
1175        
1176        
1177    >
1178        
1179        
1180            <div class="w-full text-center empty:hidden">
1181                Betreiberportal
1182            </div>
1183        
1184    </a>
1185
1186
1187
1188
1189
1190
1191                                                
1192                                            </li>
1193                                            
1194                                            <li class="flex">
1195                                                
1196                                                    
1197    <a
1198        
1199        
1200    class=" element-button flex gap-2 primary my-4 "
1201
1202        
1203    href="/einspeisung/hilfe-portale-einspeisung/einspeiserportal"
1204
1205        
1206        
1207        
1208    >
1209        
1210        
1211            <div class="w-full text-center empty:hidden">
1212                Einspeiserportal
1213            </div>
1214        
1215    </a>
1216
1217
1218
1219
1220
1221
1222                                                
1223                                            </li>
1224                                            
1225                                        </ul>
1226                                    
1227                                </li>
1228                                
1229                            </ul>
1230
1231                            
1232                        </div>
1233                    
1234                
1235            </li>
1236            
1237
1238            <li
1239                class="flex items-center"
1240                @keydown.escape.window="activeDropdownIndex = null"
1241            >
1242                
1243                    <a
1244                        href="#"
1245                        role="button"
1246                        tabindex="0"
1247                        data-nav-trigger
1248                        class="relative font-bold hover:cursor-pointer hover:text-primary p-2.5 flex items-center gap-1 whitespace-nowrap"
1249                        :class="{ 'bg-grey-surface rounded-full': activeDropdownIndex === 2 }"
1250                        @click.prevent="activeDropdownIndex = activeDropdownIndex === 2 ? null : 2"
1251                        @keydown.enter.prevent="activeDropdownIndex = activeDropdownIndex === 2 ? null : 2"
1252                        @keydown.space.prevent="activeDropdownIndex = activeDropdownIndex === 2 ? null : 2"
1253                        :aria-expanded="activeDropdownIndex === 2"
1254                        aria-controls="netzkunden-submenu-2"
1255                    >
1256                        Zähler
1257                        <svg class="ml-1 h-3 w-3 motion-safe:transition " x-bind:class="activeDropdownIndex === 2 ? 'rotate-180':'rotate-0'" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
1258
1259                        <div
1260                            x-show="activeDropdownIndex === 2"
1261                            x-cloak
1262                            class="absolute bg-grey w-6 h-6 -bottom-full -translate-y-[3px] rotate-45 left-1/2 -translate-x-1/2 roun
1262ded"
1263                        ></div>
1264                    </a>
1265                
1266
1267                
1268                    
1269                        <div
1270                            x-show="activeDropdownIndex === 2"
1271                            @click.outside="activeDropdownIndex = null"
1272                            x-cloak
1273                            class="flex flex-col py-8 absolute bg-white top-full z-nav-children rounded-svo border-2 inset-x-0"
1274                            id="netzkunden-submenu-2"
1275                        >
1276                            <ul class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-2">
1277                                
1278                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1279                                    
1280                                        <a
1281                                            href="/zaehler/zaehlerstand-ablesung"
1282                                            class="hover:text-primary flex items-center font-bold py-2.5"
1283                                            
1284
1285                                        >
1286                                            
1287                                                <span class="pr-1">
1288    
1289        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25"><g stroke-linecap="round" stroke-linejoin="round"><path stroke="#008DF7" stroke-width="1.091" d="m23.031 23.094.076-.84c.104-1.123-.649-1.936-1.75-2.182l-2.733-.605V15.6a1.406 1.406 0 0 0-1.304-1.506 1.406 1.406 0 0 0-1.505 1.511v6.245l-1.124-.829a1.141 1.141 0 0 0-1.604.219c-.316.409-.31.981.006 1.39l.354.47"/><path stroke="#161957" stroke-width="1.091" d="M13.66 14.409H5.473v-4.91h14.842v4.91"/><path stroke="#161957" stroke-width=".764" d="M9.33 11.109H7.785v1.543h1.543V11.11ZM12.22 11.109h-1.543v1.543h1.543V11.11ZM15.111 11.109h-1.544v1.543h1.544V11.11Z"/><path stroke="#008DF7" stroke-width=".764" d="M18.002 11.109h-1.544v1.543h1.544V11.11Z"/><path stroke="#161957" stroke-width="1.091" d="M11.162 1.02v1.348M14.625 1.02v1.348M11.217 22.023v1.408M11.216 21.949a9.739 9.739 0 0 1-8.193-9.622 9.747 9.747 0 0 1 9.748-9.747 9.747 9.747 0 0 1 8.013 15.3"/></g></svg>
1290    
1291
1292</span>
1293                                            
1294                                            Zählerstand & Ablesung
1295                                        </a>
1296                                    
1297
1298                                    
1299                                        <ul>
1300                                            
1301                                            <li class="flex">
1302                                                
1303                                                    <a
1304                                                        href="/zaehler/zaehlerstand-ablesung/zaehlerstand-ablesen-melden"
1305                                                        class="block hover:text-primary py-2.5"
1306                                                    >
1307                                                        Zählerstand ablesen & melden
1308                                                    </a>
1309                                                
1310                                            </li>
1311                                            
1312                                            <li class="flex">
1313                                                
1314                                                    <a
1315                                                        href="/zaehler/zaehlerstand-ablesung/zaehlernummer-kennzahlen"
1316                                                        class="block hover:text-primary py-2.5"
1317                                                    >
1318                                                        Zählernummer & Kennzahlen
1319                                                    </a>
1320                                                
1321                                            </li>
1322                                            
1323                                        </ul>
1324                                    
1325                                </li>
1326                                
1327                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1328                                    
1329                                        <a
1330                                            href="/zaehler/stromzaehler"
1331                                            class="hover:text-primary flex items-center font-bold py-2.5"
1332                                            
1333
1334                                        >
1335                                            
1336                                                <span class="pr-1">
1337    
1338        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#008DF7" d="M11.9 17.416a5.062 5.062 0 0 1-3.016-1.353 5.042 5.042 0 0 1-1.527-2.934.506.506 0 0 1 .43-.573c.022-.005.05-.005.071-.005a.51.51 0 0 1 .502.436c.278 1.958 1.991 3.436 3.982 3.436 2.04 0 3.758-1.516 3.993-3.529a.507.507 0 0 1 .562-.441.487.487 0 0 1 .338.19c.082.11.12.24.104.377a5.044 5.044 0 0 1-4.55 4.407H11.9v-.01Z"/><path fill="#001E62" d="M16.891 12.317a.51.51 0 0 1-.507-.507V9.977a.622.622 0 0 0-.622-.622H8.993a.622.622 0 0 0-.622.622v1.833a.51.51 0 0 1-.507.507.51.51 0 0 1-.507-.507V9.977c0-.9.736-1.636 1.636-1.636h.584V5.46a.51.51 0 0 1 .507-.508.51.51 0 0 1 .507.508v2.88h3.518V5.46a.51.51 0 0 1 .508-.508.51.51 0 0 1 .507.508v2.88h.638c.9 0 1.636.736 1.636 1.636v1.833c0 .283-.229.507-.507.507Zm-5.678-.524a.51.51 0 0 1-.507-.507.51.51 0 0 1 .507-.507h2.264a.51.51 0 0 1 .507.507.51.51 0 0 1-.507.507h-2.264Z"/><path stroke="#161957" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.091" d="M1.689 11.666c.387-5.537 5.007-9.911 10.647-9.911 5.63 0 10.238 4.358 10.642 9.884"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.091" d="M12.336 17.251v4.947c0 .448.382.808.824.77a10.68 10.68 0 0 0 9.818-9.851"/><path stroke="#008DF7" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.091" d="M8.207 22.27c-3.638-1.528-6.256-5.019-6.518-9.148"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="m5.545 23.377 3.164-1.118-1.118-3.164"/></svg>
1339    
1340
1341</span>
1342                                            
1343                                            Stromzähler
1344                                        </a>
1345                                    
1346
1347                                    
1348                                        <ul>
1349                                            
1350                                            <li class="flex">
1351                                                
1352                                                    <a
1353                                                        href="/zaehler/stromzaehler/digitale-stromzaehler"
1354                                                        class="block hover:text-primary py-2.5"
1355                                                    >
1356                                                        Digitale Stromzähler
1357                                                    </a>
1358                                                
1359                                            </li>
1360                                            
1361                                            <li class="flex">
1362                                                
1363                                                    <a
1364                                                        href="/zaehler/stromzaehler/moderne-messeinrichtung"
1365                                                        class="block hover:text-primary py-2.5"
1366                                                    >
1367                                                        Moderne Messeinrichtung
1368                                                    </a>
1369                                                
1370                                            </li>
1371                                            
1372                                            <li class="flex">
1373                                                
1374                                                    <a
1375                                                        href="/zaehler/stromzaehler/intelligentes-messsystem"
1376                                                        class="block hover:text-primary py-2.5"
1377                                                    >
1378                                                        Intelligentes Messsystem
1379                                                    </a>
1380                                                
1381                                            </li>
1382                                            
1383                                            <li class="flex">
1384                                                
1385                                                    <a
1386                                                        href="/zaehler/stromzaehler/zweirichtungszaehler"
1387                                                        class="block hover:text-primary py-2.5"
1388                                                    >
1389                                                        Zweirichtungszähler
1390                                                    </a>
1391                                                
1392                                            </li>
1393                                            
1394                                            <li class="flex">
1395                                                
1396                                                    <a
1397                                                        href="/zaehler/stromzaehler/messstellenbetrieb"
1398                                                        class="block hover:text-primary py-2.5"
1399                                                    >
1400                                                        Messstellenbetrieb
1401                                                    </a>
1402                                                
1403                                            </li>
1404                                            
1405                                        </ul>
1406                                    
1407                                </li>
1408                                
1409                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1410                                    
1411                                        <a
1412                                            href="/zaehler/weitere-zaehlerthemen"
1413                                            class="hover:text-primary flex items-center font-bold py-2.5"
1414                                            
1415
1416                                        >
1417                                            
1418                                                <span class="pr-1">
1419    
1420        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path stroke="#161957" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M11.945 22.826c5.564 0 10.075-4.592 10.075-10.26 0-5.667-4.511-10.26-10.075-10.26-5.563 0-10.074 4.593-10.074 10.26 0 5.668 4.51 10.26 10.074 10.26Z"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M9.491 17.683h4.91M11.945 17.574v-5.619H10.31M11.945 8.274a.412.412 0 0 1-.409-.41c0-.223.186-.409.41-.409"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M11.945 8.274c.224 0 .41-.186.41-.41a.412.412 0 0 0-.41-.409"/></svg>
1421    
1422
1423</span>
1424                                            
1425                                            Weitere Zählerthemen
1426                                        </a>
1427                                    
1428
1429                                    
1430                                        <ul>
1431                                            
1432                                            <li class="flex">
1433                                                
1434                                                    <a
1435                                                        href="/zaehler/weitere-zaehlerthemen/einbau-zaehlerwechsel"
1436                                                        class="block hover:text-primary py-2.5"
1437                                                    >
1438                                                        Einbau & Zählerwechsel
1439                                                    </a>
1440                                                
1441                                            </li>
1442                                            
1443                                            <li class="flex">
1444                                                
1445                                                    <a
1446                                                        href="/zaehler/weitere-zaehlerthemen/pin-anfordern"
1447                                                        class="block hover:text-primary py-2.5"
1448                                                    >
1449                                                        PIN anfordern
1450                                                    </a>
1451                                                
1452                                            </li>
1453                                            
1454                                            <li class="flex">
1455                                                
1456                                                    <a
1457                                                        href="/zaehler/weitere-zaehlerthemen/entsperrung-wiederinbetriebnahme"
1458                                                        class="block hover:text-primary py-2.5"
1459                                                    >
1460                                                        Entsperrung / Wiederinbetriebnahme
1461                                                    </a>
1462                                                
1463                                            </li>
1464                                            
1465                                            <li class="flex">
1466                                                
1467                                                    <a
1468                                                        href="/zaehler/weitere-zaehlerthemen/gartenwasserzaehler"
1469                                                        class="block hover:text-primary py-2.5"
1470                                                    >
1471                                                        Gartenwasserzähler
1472                                                    </a>
1473                                                
1474                                            </li>
1475                                            
1476                                        </ul>
1477                                    
1478                                </li>
1479                                
1480                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1481                                    
1482                                        <a
1483                                            href="/zaehler/hilfe-portale-zaehler"
1484                                            class="hover:text-primary flex items-center font-bold py-2.5"
1485                                            
1486
1487                                        >
1488                                            
1489                                                <span class="pr-1">
1490    
1491        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M21.997.692a1.979 1.979 0 0 1 1.976 1.973v12.018a1.971 1.971 0 0 1-1.976 1.973H19.18l-4.38 4.369a.47.47 0 0 1-.802-.297l-.001-.036v-4.033l-1.154.01a.47.47 0 0 1-.473-.432l-.002-.035a.47.47 0 0 1 .467-.475l1.629-.013a.47.47 0 0 1 .474.471v3.372l3.715-3.705a.471.471 0 0 1 .29-.136l.042-.002h3.012a1.03 1.03 0 0 0 1.035-1.032V2.666a1.03 1.03 0 0 0-1.035-1.032h-9.2a.47.47 0 1 1 0-.941h9.2Zm-6.318 10.706v.008a.824.824 0 0 1 0 1.63v.009l-.059-.002a.884.884 0 0 1-.058.002v-.009a.824.824 0 0 1 0-1.63v-.008c.02 0 .039 0 .058.002a.816.816 0 0 1 .06-.002Zm.518-5.955a2.353 2.353 0 0 1-.46 4.66.47.47 0 0 1-.034-.94h.035a1.412 1.412 0 1 0-1.412-1.412.47.47 0 0 1-.941 0 2.353 2.353 0 0 1 2.812-2.308Z"/><path fill="#008DF7" d="M4.562 3.75a3.412 3.412 0 1 0 0 6.824 3.412 3.412 0 0 0 0-6.823Zm0 .942a2.47 2.47 0 1 1 0 4.941 2.47 2.47 0 0 1 0-4.941Zm.118 6.588c-1.123 0-2.2.444-2.994 1.236A4.213 4.213 0 0 0 .445 15.5v2.285a.47.47 0 0 0 .47.435h1.09l.702 5.588a.47.47 0 0 0 .467.412h3.012l.037-.001a.47.47 0 0 0 .43-.41l.7-5.589h1.092c.26 0 .47-.21.47-.47V15.5c0-1.12-.446-2.194-1.241-2.986A4.243 4.243 0 0 0 4.68 11.28Zm0 .941c.874 0 1.712.346 2.33.961l.063.065c.578.608.901 1.414.901 2.254v1.779H6.939l-.037.002a.47.47 0 0 0-.43.41L5.77 23.28H3.59l-.702-5.588-.006-.037a.47.47 0 0 0-.46-.375H1.385V15.5c0-.869.347-1.703.964-2.318a3.302 3.302 0 0 1 2.33-.96Zm6.501 3.52a.47.47 0 1 1 .008.941l-1.211.01a.47.47 0 0 1-.008-.941l1.211-.01ZM11.151.69a.47.47 0 1 1 0 .942h-1.2a1.037 1.037 0 0 0-1.034.977l-.002.055a.47.47 0 1 1-.941 0A1.971 1.971 0 0 1 9.95.692h1.2Z"/></svg>
1492    
1493
1494</span>
1495                                            
1496                                            Hilfe & Portale
1497                                        </a>
1498                                    
1499
1500                                    
1501                                        <ul>
1502                                            
1503                                            <li class="flex">
1504                                                
1505                                                    
1506    <a
1507        
1508        
1509    class=" element-button flex gap-2 secondary my-4 "
1510
1511        
1512    href="/zaehler/hilfe-portale-zaehler/energie-cockpit"
1513
1514        
1515        
1516        
1517    >
1518        
1519        
1520            <div class="w-full text-center empty:hidden">
1521                Energie-Cockpit
1522            </div>
1523        
1524    </a>
1525
1526
1527
1528
1529
1530
1531                                                
1532                                            </li>
1533                                            
1534                                            <li class="flex">
1535                                                
1536                                                    
1537    <a
1538        
1539        
1540    class=" element-button flex gap-2 primary my-4 "
1541
1542        
1543    href="https://mein.svo-netz.de/zmo/" rel="noopener" target="_blank"
1544
1545        
1546        
1547        
1548    >
1549        
1550        
1551            <div class="w-full text-center empty:hidden">
1552                Zählerstandsmeldung
1553            </div>
1554        
1555    </a>
1556
1557
1558
1559
1560
1561
1562                                                
1563                                            </li>
1564                                            
1565                                        </ul>
1566                                    
1567                                </li>
1568                                
1569                            </ul>
1570
1571                            
1572                        </div>
1573                    
1574                
1575            </li>
1576            
1577
1578            <li
1579                class="flex items-center"
1580                @keydown.escape.window="activeDropdownIndex = null"
1581            >
1582                
1583                    <a
1584                        href="#"
1585                        role="button"
1586                        tabindex="0"
1587                        data-nav-trigger
1588                        class="relative font-bold hover:cursor-pointer hover:text-primary p-2.5 flex items-center gap-1 whitespace-nowrap"
1589                        :class="{ 'bg-grey-surface rounded-full': activeDropdownIndex === 3 }"
1590                        @click.prevent="activeDropdownIndex = activeDropdownIndex === 3 ? null : 3"
1591                        @keydown.enter.prevent="activeDropdownIndex = activeDropdownIndex === 3 ? null : 3"
1592                        @keydown.space.prevent="activeDropdownIndex = activeDropdownIndex === 3 ? null : 3"
1593                        :aria-expanded="activeDropdownIndex === 3"
1594                        aria-controls="netzkunden-submenu-3"
1595                    >
1596                        Netz
1597                        <svg class="ml-1 h-3 w-3 motion-safe:transition " x-bind:class="activeDropdownIndex === 3 ? 'rotate-180':'rotate-0'" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
1598
1599                        <div
1600                            x-show="activeDropdownIndex === 3"
1601                            x-cloak
1602                            class="absolute bg-grey w-6 h-6 -bottom-full -translate-y-[3px] rotate-45 left-1/2 -translate-x-1/2 roun
1602ded"
1603                        ></div>
1604                    </a>
1605                
1606
1607                
1608                    
1609                        <div
1610                            x-show="activeDropdownIndex === 3"
1611                            @click.outside="activeDropdownIndex = null"
1612                            x-cloak
1613                            class="flex flex-col py-8 absolute bg-white top-full z-nav-children rounded-svo border-2 inset-x-0"
1614                            id="netzkunden-submenu-3"
1615                        >
1616                            <ul class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-2">
1617                                
1618                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1619                                    
1620                                        <a
1621                                            href="/netz/stromnetz"
1622                                            class="hover:text-primary flex items-center font-bold py-2.5"
1623                                            
1624
1625                                        >
1626                                            
1627                                                <span class="pr-1">
1628    
1629        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path stroke="#161957" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="m5.475 23.201 15.824-13.32a.834.834 0 0 0 .256-.414.75.75 0 0 0-.044-.475.825.825 0 0 0-.327-.37.994.994 0 0 0-.496-.148h-4.686l3.59-6.545H7.677"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="m6.042 1.929-4.036 8.689a.81.81 0 0 0-.066.393c.017.13.066.261.147.37a.931.931 0 0 0 .742.365h4.599l-3.59 11.455"/></svg>
1630    
1631
1632</span>
1633                                            
1634                                            Stromnetz
1635                                        </a>
1636                                    
1637
1638                                    
1639                                        <ul>
1640                                            
1641                                            <li class="flex">
1642                                                
1643                                                    <a
1644                                                        href="/netz/stromnetz/netzentgelte-strom"
1645                                                        class="block hover:text-primary py-2.5"
1646                                                    >
1647                                                        Netzentgelte Strom
1648                                                    </a>
1649                                                
1650                                            </li>
1651                                            
1652                                            <li class="flex">
1653                                                
1654                                                    <a
1655                                                        href="/netz/stromnetz/netznutzung"
1656                                                        class="block hover:text-primary py-2.5"
1657                                                    >
1658                                                        Netznutzung
1659                                                    </a>
1660                                                
1661                                            </li>
1662                                            
1663                                            <li class="flex">
1664                                                
1665                                                    <a
1666                                                        href="/netz/stromnetz/netznutzung/lastprofil-strom"
1667                                                        class="block hover:text-primary py-2.5"
1668                                                    >
1669                                                        Lastprofil Strom
1670                                                    </a>
1671                                                
1672                                            </li>
1673                                            
1674                                            <li class="flex">
1675                                                
1676                                                    <a
1677                                                        href="/netz/stromnetz/ausbau-des-stromnetzes"
1678                                                        class="block hover:text-primary py-2.5"
1679                                                    >
1680                                                        Ausbau des Stromnetzes
1681                                                    </a>
1682                                                
1683                                            </li>
1684                                            
1685                                        </ul>
1686                                    
1687                                </li>
1688                                
1689                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1690                                    
1691                                        <a
1692                                            href="/netz/erdgasnetz"
1693                                            class="hover:text-primary flex items-center font-bold py-2.5"
1694                                            
1695
1696                                        >
1697                                            
1698                                                <span class="pr-1">
1699    
1700        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25"><path fill="#008DF7" d="M5.374 10.924c.259.212.306.565.094.824-1.012 1.247-1.553 2.823-1.553 4.47v.118c0 3.717 3.977 6.965 8.4 6.965 5.177 0 8.4-3.93 8.4-9.224 0-.612-.141-1.647-.33-2.541a.607.607 0 0 1 .448-.706.607.607 0 0 1 .706.447c.211.965.376 2.07.376 2.776 0 5.906-3.694 10.4-9.576 10.4-4.989.024-9.506-3.623-9.6-7.976v-.118a8.386 8.386 0 0 1 1.811-5.34.596.596 0 0 1 .824-.095Zm12.306 3.765c.094 2.753-2.047 5.082-4.8 5.2-.33.023-.588-.236-.612-.565-.023-.33.235-.588.565-.612a3.834 3.834 0 0 0 3.67-3.976c-.023-.33.236-.588.565-.612.33 0 .588.235.612.565Zm-4.612-3.812a.573.573 0 0 1 .33.753c-.448 1.153-.918 1.882-1.577 2.494-.494.47-1.247.47-1.765.047-.894-.776-1.27-1.435-1.53-2.612a.595.595 0 0 1 .448-.706c.33-.07.635.142.706.447.188.918.447 1.365 1.153 1.953.07.047.141.047.211 0 .518-.494.918-1.058 1.295-2.047.094-.306.423-.447.73-.329Z"/><path fill="#001E62" d="M8.033 8.478a.971.971 0 0 1 .941.118c.259.212.424.518.377.87a.575.575 0 0 1-.612.518.61.61 0 0 1-.47-.306v-.023l-.071.023a7.753 7.753 0 0 0-1.224.683l-.118.094a.595.595 0 0 1-.823-.118.595.595 0 0 1 .118-.823 7.046 7.046 0 0 1 1.882-1.036Zm1.576-7.247a.968.968 0 0 1 .965-.517c4.283.54 8.612 4.306 10.447 8.94a.573.573 0 0 1-.33.754.573.573 0 0 1-.752-.33c-1.577-4-5.2-7.294-8.8-8.07l-.118-.024.024.047c2.353 2.8 3.294 5.389 3.011 7.718l-.023.094a.603.603 0 0 1-.659.518.602.602 0 0 1-.518-.66c.283-2.14-.635-4.587-3.129-7.364a1.1 1.1 0 0 1-.118-1.106Z"/></svg>
1701    
1702
1703</span>
1704                                            
1705                                            Erdgasnetz
1706                                        </a>
1707                                    
1708
1709                                    
1710                                        <ul>
1711                                            
1712                                            <li class="flex">
1713                                                
1714                                                    <a
1715                                                        href="/netz/erdgasnetz/netzentgelte-erdgas"
1716                                                        class="block hover:text-primary py-2.5"
1717                                                    >
1718                                                        Netzentgelte Erdgas
1719                                                    </a>
1720                                                
1721                                            </li>
1722                                            
1723                                            <li class="flex">
1724                                                
1725                                                    <a
1726                                                        href="/netz/erdgasnetz/lastprofil-erdgas"
1727                                                        class="block hover:text-primary py-2.5"
1728                                                    >
1729                                                        Lastprofil Erdgas
1730                                                    </a>
1731                                                
1732                                            </li>
1733                                            
1734                                            <li class="flex">
1735                                                
1736                                                    <a
1737                                                        href="/netz/erdgasnetz/thermische-energie"
1738                                                        class="block hover:text-primary py-2.5"
1739                                                    >
1740                                                        Thermische Energie
1741                                                    </a>
1742                                                
1743                                            </li>
1744                                            
1745                                        </ul>
1746                                    
1747                                </li>
1748                                
1749                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1750                                    
1751                                        <a
1752                                            href="/netz/trinkwassernetz"
1753                                            class="hover:text-primary flex items-center font-bold py-2.5"
1754                                            
1755
1756                                        >
1757                                            
1758                                                <span class="pr-1">
1759    
1760        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M11.97.789c.457 0 .882.234 1.126.617 2.097 3.254 4.05 6.869 5.222 10.206a.588.588 0 1 1-1.11.39c-1.134-3.232-3.05-6.776-5.103-9.962a.16.16 0 0 0-.135-.075.163.163 0 0 0-.138.078C9.8 5.197 7.898 8.711 6.758 11.926a.588.588 0 0 1-1.109-.394C6.826 8.214 8.766 4.63 10.841 1.41c.246-.386.671-.62 1.129-.62Z"/><path fill="#008DF7" d="M18.699 13.024c.425 1.44.651 2.74.651 3.887 0 4.09-3.304 7.407-7.381 7.407-4.078 0-7.382-3.317-7.382-7.407 0-1.134.221-2.419.637-3.839a.588.588 0 0 1 1.13.331c-.388 1.32-.59 2.499-.59 3.508 0 3.441 2.778 6.23 6.205 6.23 3.426 0 6.205-2.789 6.205-6.23 0-1.02-.207-2.214-.603-3.553a.588.588 0 0 1 1.128-.334Zm-10.363 2.93c.324.001.588.265.587.59a3.199 3.199 0 0 0 3.204 3.203.588.588 0 0 1 0 1.176 4.382 4.382 0 0 1-4.38-4.38c0-.325.264-.588.589-.588Z"/></svg>
1761    
1762
1763</span>
1764                                            
1765                                            Trinkwassernetz
1766                                        </a>
1767                                    
1768
1769                                    
1770                                        <ul>
1771                                            
1772                                            <li class="flex">
1773                                                
1774                                                    <a
1775                                                        href="/netz/trinkwassernetz/trinkwasserpreise"
1776                                                        class="block hover:text-primary py-2.5"
1777                                                    >
1778                                                        Trinkwasserpreise
1779                                                    </a>
1780                                                
1781                                            </li>
1782                                            
1783                                            <li class="flex">
1784                                                
1785                                                    <a
1786                                                        href="/netz/trinkwassernetz/trinkwasseranalyse"
1787                                                        class="block hover:text-primary py-2.5"
1788                                                    >
1789                                                        Trinkwasseranalyse
1790                                                    </a>
1791                                                
1792                                            </li>
1793                                            
1794                                            <li class="flex">
1795                                                
1796                                                    <a
1797                                                        href="/netz/trinkwassernetz/trinkwasserhaerte"
1798                                                        class="block hover:text-primary py-2.5"
1799                                                    >
1800                                                        Trinkwasserhärte
1801                                                    </a>
1802                                                
1803                                            </li>
1804                                            
1805                                            <li class="flex">
1806                                                
1807                                                    <a
1808                                                        href="/netz/trinkwassernetz/gewaesserschutz"
1809                                                        class="block hover:text-primary py-2.5"
1810                                                    >
1811                                                        Gewässerschutz
1812                                                    </a>
1813                                                
1814                                            </li>
1815                                            
1816                                        </ul>
1817                                    
1818                                </li>
1819                                
1820                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1821                                    
1822                                        <a
1823                                            href="/netz/hilfe-portale-netz"
1824                                            class="hover:text-primary flex items-center font-bold py-2.5"
1825                                            
1826
1827                                        >
1828                                            
1829                                                <span class="pr-1">
1830    
1831        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M21.997.692a1.979 1.979 0 0 1 1.976 1.973v12.018a1.971 1.971 0 0 1-1.976 1.973H19.18l-4.38 4.369a.47.47 0 0 1-.802-.297l-.001-.036v-4.033l-1.154.01a.47.47 0 0 1-.473-.432l-.002-.035a.47.47 0 0 1 .467-.475l1.629-.013a.47.47 0 0 1 .474.471v3.372l3.715-3.705a.471.471 0 0 1 .29-.136l.042-.002h3.012a1.03 1.03 0 0 0 1.035-1.032V2.666a1.03 1.03 0 0 0-1.035-1.032h-9.2a.47.47 0 1 1 0-.941h9.2Zm-6.318 10.706v.008a.824.824 0 0 1 0 1.63v.009l-.059-.002a.884.884 0 0 1-.058.002v-.009a.824.824 0 0 1 0-1.63v-.008c.02 0 .039 0 .058.002a.816.816 0 0 1 .06-.002Zm.518-5.955a2.353 2.353 0 0 1-.46 4.66.47.47 0 0 1-.034-.94h.035a1.412 1.412 0 1 0-1.412-1.412.47.47 0 0 1-.941 0 2.353 2.353 0 0 1 2.812-2.308Z"/><path fill="#008DF7" d="M4.562 3.75a3.412 3.412 0 1 0 0 6.824 3.412 3.412 0 0 0 0-6.823Zm0 .942a2.47 2.47 0 1 1 0 4.941 2.47 2.47 0 0 1 0-4.941Zm.118 6.588c-1.123 0-2.2.444-2.994 1.236A4.213 4.213 0 0 0 .445 15.5v2.285a.47.47 0 0 0 .47.435h1.09l.702 5.588a.47.47 0 0 0 .467.412h3.012l.037-.001a.47.47 0 0 0 .43-.41l.7-5.589h1.092c.26 0 .47-.21.47-.47V15.5c0-1.12-.446-2.194-1.241-2.986A4.243 4.243 0 0 0 4.68 11.28Zm0 .941c.874 0 1.712.346 2.33.961l.063.065c.578.608.901 1.414.901 2.254v1.779H6.939l-.037.002a.47.47 0 0 0-.43.41L5.77 23.28H3.59l-.702-5.588-.006-.037a.47.47 0 0 0-.46-.375H1.385V15.5c0-.869.347-1.703.964-2.318a3.302 3.302 0 0 1 2.33-.96Zm6.501 3.52a.47.47 0 1 1 .008.941l-1.211.01a.47.47 0 0 1-.008-.941l1.211-.01ZM11.151.69a.47.47 0 1 1 0 .942h-1.2a1.037 1.037 0 0 0-1.034.977l-.002.055a.47.47 0 1 1-.941 0A1.971 1.971 0 0 1 9.95.692h1.2Z"/></svg>
1832    
1833
1834</span>
1835                                            
1836                                            Hilfe & Portale
1837                                        </a>
1838                                    
1839
1840                                    
1841                                        <ul>
1842                                            
1843                                            <li class="flex">
1844                                                
1845                                                    <a
1846                                                        href="/netz/hilfe-portale-netz/grundversorgung"
1847                                                        class="block hover:text-primary py-2.5"
1848                                                    >
1849                                                        Grundversorgung
1850                                                    </a>
1851                                                
1852                                            </li>
1853                                            
1854                                            <li class="flex">
1855                                                
1856                                                    <a
1857                                                        href="/netz/hilfe-portale-netz/projekte"
1858                                                        class="block hover:text-primary py-2.5"
1859                                                    >
1860                                                        Projekte
1861                                                    </a>
1862                                                
1863                                            </li>
1864                                            
1865                                            <li class="flex">
1866                                                
1867                                                    <a
1868                                                        href="/netz/hilfe-portale-netz/mustervertraege"
1869                                                        class="block hover:text-primary py-2.5"
1870                                                    >
1871                                                        Musterverträge
1872                                                    </a>
1873                                                
1874                                            </li>
1875                                            
1876                                            <li class="flex">
1877                                                
1878                                                    
1879    <a
1880        
1881        
1882    class=" element-button flex gap-2 primary my-4 "
1883
1884        
1885    href="/netz/hilfe-portale-netz/lageplaene"
1886
1887        
1888        
1889        
1890    >
1891        
1892        
1893            <div class="w-full text-center empty:hidden">
1894                Planauskunft / LineRegister
1895            </div>
1896        
1897    </a>
1898
1899
1900
1901
1902
1903
1904                                                
1905                                            </li>
1906                                            
1907                                        </ul>
1908                                    
1909                                </li>
1910                                
1911                            </ul>
1912
1913                            
1914                        </div>
1915                    
1916                
1917            </li>
1918            
1919
1920            <li
1921                class="flex items-center"
1922                @keydown.escape.window="activeDropdownIndex = null"
1923            >
1924                
1925                    <a
1926                        href="#"
1927                        role="button"
1928                        tabindex="0"
1929                        data-nav-trigger
1930                        class="relative font-bold hover:cursor-pointer hover:text-primary p-2.5 flex items-center gap-1 whitespace-nowrap"
1931                        :class="{ 'bg-grey-surface rounded-full': activeDropdownIndex === 4 }"
1932                        @click.prevent="activeDropdownIndex = activeDropdownIndex === 4 ? null : 4"
1933                        @keydown.enter.prevent="activeDropdownIndex = activeDropdownIndex === 4 ? null : 4"
1934                        @keydown.space.prevent="activeDropdownIndex = activeDropdownIndex === 4 ? null : 4"
1935                        :aria-expanded="activeDropdownIndex === 4"
1936                        aria-controls="netzkunden-submenu-4"
1937                    >
1938                        Dienstleistungen
1939                        <svg class="ml-1 h-3 w-3 motion-safe:transition " x-bind:class="activeDropdownIndex === 4 ? 'rotate-180':'rotate-0'" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>
1940
1941                        <div
1942                            x-show="activeDropdownIndex === 4"
1943                            x-cloak
1944                            class="absolute bg-grey w-6 h-6 -bottom-full -translate-y-[3px] rotate-45 left-1/2 -translate-x-1/2 roun
1944ded"
1945                        ></div>
1946                    </a>
1947                
1948
1949                
1950                    
1951                        <div
1952                            x-show="activeDropdownIndex === 4"
1953                            @click.outside="activeDropdownIndex = null"
1954                            x-cloak
1955                            class="flex flex-col py-8 absolute bg-white top-full z-nav-children rounded-svo border-2 inset-x-0"
1956                            id="netzkunden-submenu-4"
1957                        >
1958                            <ul class="grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-y-2">
1959                                
1960                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
1961                                    
1962                                        <a
1963                                            href="/dienstleistungen/betriebsfuehrung"
1964                                            class="hover:text-primary flex items-center font-bold py-2.5"
1965                                            
1966
1967                                        >
1968                                            
1969                                                <span class="pr-1">
1970    
1971        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25"><path fill="#001E62" d="M16.415 2.136a.48.48 0 0 1 .48.48v1.44h4.492a1.521 1.521 0 0 1 1.508 1.528v9.424a1.522 1.522 0 0 1-1.51 1.528h-4.49v4.09l2.22 1.775a.48.48 0 0 1-.6.75l-2.114-1.691-2.344 1.704a.48.48 0 1 1-.564-.776l2.442-1.776v-4.076h-.912a.48.48 0 0 1 0-.96h6.359a.561.561 0 0 0 .553-.567V5.583a.56.56 0 0 0-.55-.567h-9.05a.48.48 0 1 1 0-.96h3.6v-1.44a.48.48 0 0 1 .48-.48Zm4.411 5.653a.48.48 0 0 1 .016.679l-2.16 2.263a.976.976 0 0 1-1.417 0L16.01 9.413c-.01-.012-.019-.012-.029 0l
1971-1.619 1.694a.48.48 0 1 1-.694-.663l1.62-1.695a.976.976 0 0 1 1.416 0l1.255 1.317c.011.012.019.012.03.001l2.159-2.263a.48.48 0 0 1 .678-.016Z"/><path fill="#008DF7" d="M7.054 2.136a3.12 3.12 0 1 1 0 6.24 3.12 3.12 0 0 1 0-6.24Zm0 .96a2.16 2.16 0 1 0 0 4.32 2.16 2.16 0 0 0 0-4.32Zm-.12 5.76c2.85 0 5.16 2.322 5.16 5.184v2.016a.48.48 0 0 1-.48.48h-1.57l-.626 6.288a.48.48 0 0 1-.441.431l-.037.001H4.93a.48.48 0 0 1-.478-.432l-.626-6.288h-1.57a.48.48 0 0 1-.48-.444V14.04c0-2.862 2.31-5.184 5.16-5.184Zm0 .96c-2.319 0-4.2 1.891-4.2 4.224v1.536H4.26a.48.48 0 0 1 .473.396l.005.037.625 6.287h3.142l.626-6.287a.48.48 0 0 1 .441-.431l.037-.002h1.525V14.04c0-2.306-1.838-4.18-4.12-4.223h-.08Z"/></svg>
1972    
1973
1974</span>
1975                                            
1976                                            Betriebsführung
1977                                        </a>
1978                                    
1979
1980                                    
1981                                        <ul>
1982                                            
1983                                            <li class="flex">
1984                                                
1985                                                    <a
1986                                                        href="/dienstleistungen/betriebsfuehrung/technische-betriebsfuehrung"
1987                                                        class="block hover:text-primary py-2.5"
1988                                                    >
1989                                                        Technische Betriebsführung
1990                                                    </a>
1991                                                
1992                                            </li>
1993                                            
1994                                            <li class="flex">
1995                                                
1996                                                    <a
1997                                                        href="/dienstleistungen/betriebsfuehrung/kaufmaennische-betriebsfuehrung"
1998                                                        class="block hover:text-primary py-2.5"
1999                                                    >
2000                                                        Kaufmännische Betriebsführung
2001                                                    </a>
2002                                                
2003                                            </li>
2004                                            
2005                                            <li class="flex">
2006                                                
2007                                                    <a
2008                                                        href="/dienstleistungen/betriebsfuehrung/betriebsfuehrung-von-miet-trafostationen"
2009                                                        class="block hover:text-primary py-2.5"
2010                                                    >
2011                                                        Betriebsführung von Miet-Trafostationen
2012                                                    </a>
2013                                                
2014                                            </li>
2015                                            
2016                                        </ul>
2017                                    
2018                                </li>
2019                                
2020                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
2021                                    
2022                                        <a
2023                                            href="/dienstleistungen/energie-analysen"
2024                                            class="hover:text-primary flex items-center font-bold py-2.5"
2025                                            
2026
2027                                        >
2028                                            
2029                                                <span class="pr-1">
2030    
2031        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path stroke="#161957" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="m16.515 23.019-2.204-7.773M9.615 15.017 7.47 23.019"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="M13.957 13.648 12.053 2.117 10.008 13.62"/><path stroke="#008DF7" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="m6.146 7.68 11.672.104-4.914-2.612h-1.631L6.146 7.68ZM10.69 9.731l3.256 3.917M13.307 9.78l-3.31 3.868"/><path stroke="#161957" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.091" d="m9.615 15.017 6.529 6.698M14.311 15.246l-6.49 6.47"/></svg>
2032    
2033
2034</span>
2035                                            
2036                                            Energie & Analysen
2037                                        </a>
2038                                    
2039
2040                                    
2041                                        <ul>
2042                                            
2043                                            <li class="flex">
2044                                                
2045                                                    <a
2046                                                        href="/dienstleistungen/energie-analysen/energiemanagement-fuer-unternehmen"
2047                                                        class="block hover:text-primary py-2.5"
2048                                                    >
2049                                                        Energiemanagement für Unternehmen
2050                                                    </a>
2051                                                
2052                                            </li>
2053                                            
2054                                            <li class="flex">
2055                                                
2056                                                    <a
2057                                                        href="/dienstleistungen/energie-analysen/lastganganalyse"
2058                                                        class="block hover:text-primary py-2.5"
2059                                                    >
2060                                                        Lastganganalyse
2061                                                    </a>
2062                                                
2063                                            </li>
2064                                            
2065                                            <li class="flex">
2066                                                
2067                                                    <a
2068                                                        href="/dienstleistungen/energie-analysen/analyse-netzqualitaet"
2069                                                        class="block hover:text-primary py-2.5"
2070                                                    >
2071                                                        Analyse Netzqualität
2072                                                    </a>
2073                                                
2074                                            </li>
2075                                            
2076                                            <li class="flex">
2077                                                
2078                                                    <a
2079                                                        href="/dienstleistungen/energie-analysen/trafostationen"
2080                                                        class="block hover:text-primary py-2.5"
2081                                                    >
2082                                                        Trafostationen
2083                                                    </a>
2084                                                
2085                                            </li>
2086                                            
2087                                            <li class="flex">
2088                                                
2089                                                    <a
2090                                                        href="/dienstleistungen/energie-analysen/kabelanlagen-pruefen"
2091                                                        class="block hover:text-primary py-2.5"
2092                                                    >
2093                                                        Kabelanlagen prüfen
2094                                                    </a>
2095                                                
2096                                            </li>
2097                                            
2098                                            <li class="flex">
2099                                                
2100                                                    <a
2101                                                        href="/dienstleistungen/energie-analysen/teilentladungen-messen"
2102                                                        class="block hover:text-primary py-2.5"
2103                                                    >
2104                                                        Teilentladungen messen
2105                                                    </a>
2106                                                
2107                                            </li>
2108                                            
2109                                        </ul>
2110                                    
2111                                </li>
2112                                
2113                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
2114                                    
2115                                        <a
2116                                            href="/dienstleistungen/tiefbau"
2117                                            class="hover:text-primary flex items-center font-bold py-2.5"
2118                                            
2119
2120                                        >
2121                                            
2122                                                <span class="pr-1">
2123    
2124        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><path d="M13.2359 14.2301C14.6959 13.3076 16.4933 13.0908 18.1309 13.6398C21.1507 14.6536 22.3018 17.4723 22.3018 21.8021C22.3018 22.062 22.0911 22.2727 21.8312 22.2727H2.0712C1.81699 22.2727 1.60873 22.0708 1.60084 21.8167C1.56473 20.6531 1.72855 19.4921 2.09254 18.3629C2.55088 17.141 3.53508 16.1907 4.77205 15.7755C6.00904 15.3603 7.3672 15.5246 8.47259 16.2245C8.94296 16.5272 9.38758 16.8677 9.80214 17.2424L9.81971 17.2587L9.93983 17.1232C10.8672 16.0873 11.9136 15.157 13.0627 14.3502L13.2359 14.2301ZM17.8315 14.5321C16.4624 14.0731 14.9594 14.2544 13.7533 15.0161C12.5172 15.8633 11.3992 16.8656 10.4256 17.996L10.3108 18.1305L10.2961 18.1651C10.2791 18.2 10.2576 18.2333 10.2315 18.264L10.2039 18.2938C10.1845 18.3131 10.1638 18.3303 10.1422 18.3455L10.1221 18.3583L10.0354 18.4655C9.69586 18.889 9.37585 19.329 9.07666 19.7842L8.96544 19.9556C8.82525 20.1744 8.53419 20.2382 8.31534 20.098C8.09649 19.9578 8.03273 19.6667 8.17292 19.4479C8.47403 18.9778 8.796 18.5227 9.13779 18.0836L9.21688 17.983L9.13681 17.9098C8.81599 17.6227 8.47592 17.3582 8.11976 17.1188L7.96614 17.0178C7.1031 16.4713 6.03988 16.3428 5.07152 16.6678C4.10313 16.9928 3.3326 17.7368 2.98111 18.6723C2.70856 19.5191 2.5601 20.4 2.53958 21.2877L2.53877 21.3314H21.3555L21.3549 21.2928C21.2717 17.6635 20.2729 15.3959 17.9134 14.5603L17.8315 14.5321Z" fill="#008DF7"/><path d="M6.36595 1.70115C6.54975 1.8849 6.54978 2.18286 6.36603 2.36666L4.71727 4.01559L9.99563 9.29512L10.6529 8.63721C11.3845 7.90976 12.5661 7.90976 13.2987 8.6382L14.5509 9.89072C14.7563 10.0959 14.9112 10.346 15.0038 10.6222L15.4148 11.8573C15.4969 12.1039 15.3635 12.3703 15.1169 12.4524C14.8703 12.5345 14.6038 12.4011 14.5218 12.1545L14.1111 10.9204C14.0651 10.7833 13.9879 10.6587 13.8855 10.5563L12.6341 9.30462C12.2696 8.94219 11.681 8.94219 11.3177 9.30341L10.3451 10.2781C10.34 10.2837 10.3348 10.2892 10.3294 10.2946L10.313 10.3092L9.3398 11.2844C8.9774 11.649 8.9774 12.238 9.33881 12.6017L10.5912 13.8543C10.7749 14.0381 10.7749 14.3361 10.5911 14.5198C10.4073 14.7036 10.1093 14.7036 9.92557 14.5198L8.67224 13.2661C7.94502 12.5344 7.94502 11.3527 8.673 10.6202L9.33069 9.96124L4.05186 4.68124L2.40348 6.33014C2.21973 6.51394 1.92177 6.51397 1.73797 6.33022C1.55417 6.14647 1.55414 5.84851 1.73789 5.66471L5.70044 1.70123C5.88419 1.51743 6.18215 1.51739 6.36595 1.70115Z" fill="#001E62"/></svg>
2125    
2126
2127</span>
2128                                            
2129                                            Tiefbau
2130                                        </a>
2131                                    
2132
2133                                    
2134                                        <ul>
2135                                            
2136                                            <li class="flex">
2137                                                
2138                                                    <a
2139                                                        href="/dienstleistungen/tiefbau/strassenbau"
2140                                                        class="block hover:text-primary py-2.5"
2141                                                    >
2142                                                        Straßenbau
2143                                                    </a>
2144                                                
2145                                            </li>
2146                                            
2147                                            <li class="flex">
2148                                                
2149                                                    <a
2150                                                        href="/dienstleistungen/tiefbau/pflasterarbeiten"
2151                                                        class="block hover:text-primary py-2.5"
2152                                                    >
2153                                                        Pflasterarbeiten
2154                                                    </a>
2155                                                
2156                                            </li>
2157                                            
2158                                            <li class="flex">
2159                                                
2160                                                    <a
2161                                                        href="/dienstleistungen/tiefbau/erdbau"
2162                                                        class="block hover:text-primary py-2.5"
2163                                                    >
2164                                                        Erdbau
2165                                                    </a>
2166                                                
2167                                            </li>
2168                                            
2169                                            <li class="flex">
2170                                                
2171                                                    <a
2172                                                        href="/dienstleistungen/tiefbau/kanalbau"
2173                                                        class="block hover:text-primary py-2.5"
2174                                                    >
2175                                                        Kanalbau
2176                                                    </a>
2177                                                
2178                                            </li>
2179                                            
2180                                            <li class="flex">
2181                                                
2182                                                    <a
2183                                                        href="/dienstleistungen/tiefbau/recycling"
2184                                                        class="block hover:text-primary py-2.5"
2185                                                    >
2186                                                        Recycling
2187                                                    </a>
2188                                                
2189                                            </li>
2190                                            
2191                                            <li class="flex">
2192                                                
2193                                                    <a
2194                                                        href="/dienstleistungen/tiefbau/abbruch"
2195                                                        class="block hover:text-primary py-2.5"
2196                                                    >
2197                                                        Abbruch
2198                                                    </a>
2199                                                
2200                                            </li>
2201                                            
2202                                        </ul>
2203                                    
2204                                </li>
2205                                
2206                                    <li class="hyphens-auto px-4 xl:px-8 border-r border-grey last-of-type:border-none">
2207                                    
2208                                        <a
2209                                            href="/dienstleistungen/hilfe-kontakt-dienstleistungen"
2210                                            class="hover:text-primary flex items-center font-bold py-2.5"
2211                                            
2212
2213                                        >
2214                                            
2215                                                <span class="pr-1">
2216    
2217        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 25"><path fill="#001E62" d="M21.997.692a1.979 1.979 0 0 1 1.976 1.973v12.018a1.971 1.971 0 0 1-1.976 1.973H19.18l-4.38 4.369a.47.47 0 0 1-.802-.297l-.001-.036v-4.033l-1.154.01a.47.47 0 0 1-.473-.432l-.002-.035a.47.47 0 0 1 .467-.475l1.629-.013a.47.47 0 0 1 .474.471v3.372l3.715-3.705a.471.471 0 0 1 .29-.136l.042-.002h3.012a1.03 1.03 0 0 0 1.035-1.032V2.666a1.03 1.03 0 0 0-1.035-1.032h-9.2a.47.47 0 1 1 0-.941h9.2Zm-6.318 10.706v.008a.824.824 0 0 1 0 1.63v.009l-.059-.002a.884.884 0 0 1-.058.002v-.009a.824.824 0 0 1 0-1.63v-.008c.02 0 .039 0 .058.002a.816.816 0 0 1 .06-.002Zm.518-5.955a2.353 2.353 0 0 1-.46 4.66.47.47 0 0 1-.034-.94h.035a1.412 1.412 0 1 0-1.412-1.412.47.47 0 0 1-.941 0 2.353 2.353 0 0 1 2.812-2.308Z"/><path fill="#008DF7" d="M4.562 3.75a3.412 3.412 0 1 0 0 6.824 3.412 3.412 0 0 0 0-6.823Zm0 .942a2.47 2.47 0 1 1 0 4.941 2.47 2.47 0 0 1 0-4.941Zm.118 6.588c-1.123 0-2.2.444-2.994 1.236A4.213 4.213 0 0 0 .445 15.5v2.285a.47.47 0 0 0 .47.435h1.09l.702 5.588a.47.47 0 0 0 .467.412h3.012l.037-.001a.47.47 0 0 0 .43-.41l.7-5.589h1.092c.26 0 .47-.21.47-.47V15.5c0-1.12-.446-2.194-1.241-2.986A4.243 4.243 0 0 0 4.68 11.28Zm0 .941c.874 0 1.712.346 2.33.961l.063.065c.578.608.901 1.414.901 2.254v1.779H6.939l-.037.002a.47.47 0 0 0-.43.41L5.77 23.28H3.59l-.702-5.588-.006-.037a.47.47 0 0 0-.46-.375H1.385V15.5c0-.869.347-1.703.964-2.318a3.302 3.302 0 0 1 2.33-.96Zm6.501 3.52a.47.47 0 1 1 .008.941l-1.211.01a.47.47 0 0 1-.008-.941l1.211-.01ZM11.151.69a.47.47 0 1 1 0 .942h-1.2a1.037 1.037 0 0 0-1.034.977l-.002.055a.47.47 0 1 1-.941 0A1.971 1.971 0 0 1 9.95.692h1.2Z"/></svg>
2218    
2219
2220</span>
2221                                            
2222                                            Hilfe & Kontakt
2223                                        </a>
2224                                    
2225
2226                                    
2227                                        <ul>
2228                                            
2229                                            <li class="flex">
2230                                                
2231                                                    <a
2232                                                        href="/dienstleistungen/hilfe-kontakt-dienstleistungen/tiefbau-anfragen"
2233                                                        class="block hover:text-primary py-2.5"
2234                                                    >
2235                                                        Tiefbau anfragen
2236                                                    </a>
2237                                                
2238                                            </li>
2239                                            
2240                                            <li class="flex">
2241                                                
2242                                                    <a
2243                                                        href="/kontakt/kontakt-dienstleistungen/kontaktformular-dienstleistungen-fuer-industrie-verbaende"
2244                                                        class="block hover:text-primary py-2.5"
2245                                                    >
2246                                                        Kontakt Dienstleistungen
2247                                                    </a>
2248                                                
2249                                            </li>
2250                                            
2251                                        </ul>
2252                                    
2253                                </li>
2254                                
2255                            </ul>
2256
2257                            
2258                        </div>
2259                    
2260                
2261            </li>
2262            
2263        </ul>
2264    </div>
2265
2266    
2267    <div x-data="{ activeDropdownIndex: null }">
2268        <ul
2269            class="hidden lg:flex flex-1 gap-2 ml-6 !hidden"
2270            x-ref="mainNav"
2271            x-init="
2272            $nextTick(() => {
2273                let triggers = $refs.mainNav.querySelectorAll('[data-nav-trigger]');
2274                $refs.mainNav.addEventListener('keydown', (e) => {
2275                    if (!['ArrowLeft', 'ArrowRight'].includes(e.ke
2275y)) return;
2276                    e.preventDefault();
2277                    const active = document.activeElement;
2278                    const items = Array.from(triggers);
2279                    const index = items.indexOf(active);
2280                    let nextIndex = e.key === 'ArrowRight'
2281                        ? (index + 1) % items.length
2282                        : (index - 1 + items.length) % items.length;
2283                    items[nextIndex]?.focus();
2284                });
2285            });
2286        "
2287            class="hidden lg:flex flex-1 gap-2 ml-6"
2288            id="nav-desktop-installateure"
2289            aria-labelledby="nav-desktop-installateure"
2290            aria-live="polite"
2291        >
2292            
2293
2294            <li
2295                class="flex items-center"
2296                @keydown.escape.window="activeDropdownIndex = null"
2297            >
2298                
2299                    <a
2300                        href="/installateure/pv-anlagen-einrichten"
2301                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2302                        tabindex="0"
2303                        data-nav-trigger
2304                        
2305
2306                    >
2307                        PV-Anlagen errichten
2308                        
2309                    </a>
2310                
2311
2312                
2313            </li>
2314            
2315
2316            <li
2317                class="flex items-center"
2318                @keydown.escape.window="activeDropdownIndex = null"
2319            >
2320                
2321                    <a
2322                        href="/installateure/messkonzepte-fuer-pv-anlagen"
2323                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2324                        tabindex="0"
2325                        data-nav-trigger
2326                        
2327
2328                    >
2329                        Messkonzepte
2330                        
2331                    </a>
2332                
2333
2334                
2335            </li>
2336            
2337
2338            <li
2339                class="flex items-center"
2340                @keydown.escape.window="activeDropdownIndex = null"
2341            >
2342                
2343                    <a
2344                        href="/installateure/arbeiten-an-netzen"
2345                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2346                        tabindex="0"
2347                        data-nav-trigger
2348                        
2349
2350                    >
2351                        Netzarbeiten
2352                        
2353                    </a>
2354                
2355
2356                
2357            </li>
2358            
2359
2360            <li
2361                class="flex items-center"
2362                @keydown.escape.window="activeDropdownIndex = null"
2363            >
2364                
2365                    <a
2366                        href="/installateure/kontakt-installateure"
2367                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2368                        tabindex="0"
2369                        data-nav-trigger
2370                        
2371
2372                    >
2373                        Kontakt
2374                        
2375                    </a>
2376                
2377
2378                
2379            </li>
2380            
2381
2382            <li
2383                class="flex items-center"
2384                @keydown.escape.window="activeDropdownIndex = null"
2385            >
2386                
2387                    <a
2388                        href="/installateure/portal-installateure"
2389                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2390                        tabindex="0"
2391                        data-nav-trigger
2392                        
2393
2394                    >
2395                        Installateurportal
2396                        
2397                    </a>
2398                
2399
2400                
2401            </li>
2402            
2403        </ul>
2404    </div>
2405
2406    
2407    <div x-data="{ activeDropdownIndex: null }">
2408        <ul
2409            class="hidden lg:flex flex-1 gap-2 ml-6 !hidden"
2410            x-ref="mainNav"
2411            x-init="
2412            $nextTick(() => {
2413                let triggers = $refs.mainNav.querySelectorAll('[data-nav-trigger]');
2414                $refs.mainNav.addEventListener('keydown', (e) => {
2415                    if (!['ArrowLeft', 'ArrowRight'].includes(e.ke
2415y)) return;
2416                    e.preventDefault();
2417                    const active = document.activeElement;
2418                    const items = Array.from(triggers);
2419                    const index = items.indexOf(active);
2420                    let nextIndex = e.key === 'ArrowRight'
2421                        ? (index + 1) % items.length
2422                        : (index - 1 + items.length) % items.length;
2423                    items[nextIndex]?.focus();
2424                });
2425            });
2426        "
2427            class="hidden lg:flex flex-1 gap-2 ml-6"
2428            id="nav-desktop-kommunen"
2429            aria-labelledby="nav-desktop-kommunen"
2430            aria-live="polite"
2431        >
2432            
2433
2434            <li
2435                class="flex items-center"
2436                @keydown.escape.window="activeDropdownIndex = null"
2437            >
2438                
2439                    <a
2440                        href="/kommunen/erneuerbare-energien"
2441                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2442                        tabindex="0"
2443                        data-nav-trigger
2444                        
2445
2446                    >
2447                        Erneuerbare Energien
2448                        
2449                    </a>
2450                
2451
2452                
2453            </li>
2454            
2455
2456            <li
2457                class="flex items-center"
2458                @keydown.escape.window="activeDropdownIndex = null"
2459            >
2460                
2461                    <a
2462                        href="/kommunen/klimaschutz"
2463                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2464                        tabindex="0"
2465                        data-nav-trigger
2466                        
2467
2468                    >
2469                        Klimaschutz
2470                        
2471                    </a>
2472                
2473
2474                
2475            </li>
2476            
2477
2478            <li
2479                class="flex items-center"
2480                @keydown.escape.window="activeDropdownIndex = null"
2481            >
2482                
2483                    <a
2484                        href="/kommunen/netzbetreiber"
2485                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2486                        tabindex="0"
2487                        data-nav-trigger
2488                        
2489
2490                    >
2491                        Netzbetreiber
2492                        
2493                    </a>
2494                
2495
2496                
2497            </li>
2498            
2499
2500            <li
2501                class="flex items-center"
2502                @keydown.escape.window="activeDropdownIndex = null"
2503            >
2504                
2505                    <a
2506                        href="/kommunen/netzsicherheit"
2507                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2508                        tabindex="0"
2509                        data-nav-trigger
2510                        
2511
2512                    >
2513                        Netzsicherheit
2514                        
2515                    </a>
2516                
2517
2518                
2519            </li>
2520            
2521
2522            <li
2523                class="flex items-center"
2524                @keydown.escape.window="activeDropdownIndex = null"
2525            >
2526                
2527                    <a
2528                        href="/kommunen/buergerbeteiligung"
2529                        class="hover:text-primary font-bold p-2.5  whitespace-nowrap "
2530                        tabindex="0"
2531                        data-nav-trigger
2532                        
2533
2534                    >
2535                        Bürgerbeteiligung
2536                        
2537                    </a>
2538                
2539
2540                
2541            </li>
2542            
2543        </ul>
2544    </div>
2545
2546
2547                </div>
2548                <ul class="relative flex gap-6 text-[10px] ml-auto">
2549                    <li>
2550    <button
2551        x-on:click="searchIsOpen = ! searchIsOpen"
2552        class="flex flex-col gap-1 items-center group"
2553        aria-label="Suche öffnen"
2554    >
2555        <svg class="h-[24px] w-[24px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
2556        <span class="hidden lg:block group-hover:text-primary transition-colors">
2557            Suche
2558        </span>
2559    </button>
2560    <div
2561        x-show="searchIsOpen"
2562        x-trap.noscroll="searchIsOpen"
2563        @click.outside="searchIsOpen = false"
2564        x-cloak
2565        class="absolute -translate-x-1/2 md:translate-x-0 md:right-0 bg-white p-8 z-nav-search rounded-svo border-2 top-[calc(100%+1.77rem)]"
2566    >
2567        <div class="flex items-center gap-2">
2568            <button
2569                type="button"
2570                x-show="searchQuery==''"
2571                x-on:click="$refs.searchInput.focus()"
2572                x-cloak
2573                class="flex items-center"
2574                aria-label="Suchfeld fokussieren"
2575            >
2576                <svg class="h-[24px] w-[24px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
2577            </button>
2578            <form class="flex items-center" action="/search/results">
2579                <button
2580                    class="p-2"
2581                    type="submit"
2582                    x-show="searchQuery!=''"
2583                    x-cloak
2584                    aria-label="Suche absenden"
2585                    x-on:click="$refs.searchInput.focus()"
2586                >
2587                    <svg class="h-[24px] w-[24px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
2588                </button>
2589                <input
2590                    type="text"
2591                    placeholder="SVO Netz durchsuchen..."
2592                    x-model="searchQuery"
2593                    x-ref="searchInput"
2594                    title="Suchbegriff für die Seiten-Suche eingeben"
2595                    name="q"
2596                    class="border-0"
2597                >
2598            </form>
2599            <button
2600                x-show="searchQuery!=''"
2601                x-on:click="searchQuery = ''"
2602                x-transition
2603                x-cloak
2604                aria-label="Inhalt des Suchfeldes zurücksetzen"
2605            >
2606                <svg class="h-[24px] w-[24px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
2607            </button>
2608        </div>
2609    </div>
2610</li>
2611
2612    <li>
2613        <a href="https://mein.svo-netz.de/zmo/" class="flex flex-col gap-1 items-center group" 
2614    aria-label="Zählerstand melden"
2615    aria-describedby="new-tab-info"
2616    rel="noopener" target="_blank"
2617
2618>
2619            
2620    
2621        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25"><g stroke-linecap="round" stroke-linejoin="round"><path stroke="#008DF7" stroke-width="1.091" d="m23.031 23.094.076-.84c.104-1.123-.649-1.936-1.75-2.182l-2.733-.605V15.6a1.406 1.406 0 0 0-1.304-1.506 1.406 1.406 0 0 0-1.505 1.511v6.245l-1.124-.829a1.141 1.141 0 0 0-1.604.219c-.316.409-.31.981.006 1.39l.354.47"/><path stroke="#161957" stroke-width="1.091" d="M13.66 14.409H5.473v-4.91h14.842v4.91"/><path stroke="#161957" stroke-width=".764" d="M9.33 11.109H7.785v1.543h1.543V11.11ZM12.22 11.109h-1.543v1.543h1.543V11.11ZM15.111 11.109h-1.544v1.543h1.544V11.11Z"/><path stroke="#008DF7" stroke-width=".764" d="M18.002 11.109h-1.544v1.543h1.544V11.11Z"/><path stroke="#161957" stroke-width="1.091" d="M11.162 1.02v1.348M14.625 1.02v1.348M11.217 22.023v1.408M11.216 21.949a9.739 9.739 0 0 1-8.193-9.622 9.747 9.747 0 0 1 9.748-9.747 9.747 9.747 0 0 1 8.013 15.3"/></g></svg>
2622    
2623
2624
2625            <span class="hidden lg:block group-hover:text-primary transition-colors">
2626                Zählerstand melden
2627            </span>
2628        </a>
2629    </li>
2630
2631    <li>
2632        <a href="https://svo-netz.de/stoerung-melden" class="flex flex-col gap-1 items-center group" 
2633    aria-label="Störung melden"
2634
2635>
2636            
2637    
2638        <svg class="svo-icon-duo h-[24px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><path fill="#001E62" d="M12.773 19.362c-.448 0-.824-.353-.824-.8 0-.447.376-.8.824-.8.447 0 .823.353.823.8 0 .423-.353.776-.776.8h-.047Zm.07-11.294c.259 0 .47.211.47.447v7.082c0 .259-.211.447-.47.447s-.47-.212-.47-.447V8.515c0-.236.188-.447.47-.447Z"/><path fill="#001E62" d="M12.656.3c.494 0 .988.14 1.412.4.423.258.776.635.988 1.082l4.682 9.53a.472.472 0 0 1-.212.635.472.472 0 0 1-.635-.212l-4.682-9.53a1.671 1.671 0 0 0-.636-.706 1.801 1.801 0 0 0-.917-.258 1.8 1.8 0 0 0-.918.258 1.67 1.67 0 0 0-.635.706L6.42 11.758a.471.471 0 0 1-.635.212.472.472 0 0 1-.212-.635l4.683-9.553a2.58 2.58 0 0 1 .988-1.083c.424-.258.918-.4 1.412-.4Z"/><path fill="#008DF7" d="m20.349 12.543 3.6 7.411c.07.142.141.306.211.447.189.377.26.777.236 1.177-.024.4-.141.8-.353 1.153a2.25 2.25 0 0 1-.87.823 2.48 2.48 0 0 1-1.154.306H3.29c-.4 0-.8-.094-1.153-.306a2.436 2.436 0 0 1-.87-.823 2.453 2.453 0 0 1-.118-2.33l1.106-2.235L5.03 12.59l.024-.024c.117-.188.353-.282.588-.188l.023.023c.236.118.33.4.212.636l-2.047 4.117-.988 2c-.306.612-.588 1.177-.824 1.694-.117.212-.164.471-.14.706.023.236.093.494.211.706.141.212.306.377.518.494.211.118.47.189.705.189h18.73c.259 0 .494-.071.706-.189.212-.117.4-.282.517-.494.142-.212.212-.447.212-.706.024-.235-.047-.494-.141-.706l-.988-2-2.847-5.905-.024-.024c-.094-.235 0-.494.235-.588a.472.472 0 0 1 .636.212Z"/><defs><path fill="#fff" d="M.771.163h23.765v23.765H.771z"/></defs></svg>
2639    
2640
2641
2642            <span class="hidden lg:block group-hover:text-primary transition-colors">
2643                Störung melden
2644            </span>
2645        </a>
2646    </li>
2647
2648
2649                </ul>
2650                <div class="flex lg:hidden">
2651                    <div class="flex pl-4">
2652    <button
2653        x-on:click="mobileNavIsOpen = true"
2654        x-on:keyup.enter="mobileNavIsOpen = true"
2655        x-show="!mobileNavIsOpen"
2656        aria-label="Mobilmenü öffnen"
2657        tabindex="0"
2658    >
2659        <svg class="h-[24px] w-[24px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
2660    </button>
2661</div>
2662
2663<div
2664    x-show="mobileNavIsOpen"
2665    x-trap.noscroll="mobileNavIsOpen"
2666    x-transition
2667    x-cloak
2668    class="flex flex-col fixed top-0 left-0 w-full h-[calc(100dvh-35px)] bg-white p-5 pb-0 rounded-b-3xl z-nav-mobile overflow-y-auto"
2669    x-on:click.outside="openNavId = '0'; mobileNavIsOpen = false"
2670>
2671    <button
2672        x-on:click="openNavId = '0'; mobileNavIsOpen = false"
2673        class="self-end pb-2"
2674        aria-label="Navigation schließen"
2675    >
2676        <svg class="h-[24px] w-[24px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor"><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
2677    </button>
2678
2679    <!-- Hauptnavigation -->
2680    <div x-show="openNavId=='0'" x-transition x-cloak>
2681        <nav>
2682            <ul
2683    role="tablist"
2684    aria-label="Kundentyp wählen"
2685    class="flex gap-4 text-[12px]"
2686>
2687    
2688        <li
2689            x-data="{ id: 0, targetUrl: '/' }"
2690            role="presentation"
2691        >
2692            <button
2693                @click="window.location.href = targetUrl;"
2694                role="tab"
2695                aria-selected="true"
2696                class="hover:cursor-pointer motion-safe:transition underline underline-offset-4 decoration-2 decoration-primary font-bold"
2697                tabindex="0"
2698            >
2699                Netzkunden
2700            </button>
2701        </li>
2702    
2703        <li
2704            x-data="{ id: 1, targetUrl: '/installateure' }"
2705            role="presentation"
2706        >
2707            <button
2708                @click="window.location.href = targetUrl;"
2709                role="tab"
2710                aria-selected="false"
2711                class="hover:cursor-pointer motion-safe:transition "
2712                tabindex="0"
2713            >
2714                Installateure
2715            </button>
2716        </li>
2717    
2718        <li
2719            x-data="{ id: 2, targetUrl: '/kommunen' }"
2720            role="presentation"
2721        >
2722            <button
2723                @click="window.location.href = targetUrl;"
2724                role="tab"
2725                aria-selected="false"
2726                class="hover:cursor-pointer motion-safe:transition "
2727                tabindex="0"
2728            >
2729                Kommunen
2730            </button>
2731        </li>
2732    
2733</ul>
2734
2735        </nav>
2736
2737        <nav class="my-4">
2738            
2739                
2740                <ul class="">
2741                    
2742                    <li>
2743                        
2744                            
2745                            <a
2746                                href="#"
2747                                class="py-1 flex justify-between items-center font-bold text-lg"
2748                                x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_anschluss'"
2749                            >
2750                                Anschluss<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
2751                            </a>
2752                        
2753                    </li>
2754                    
2755                    <li>
2756                        
2757                            
2758                            <a
2759                                href="#"
2760                                class="py-1 flex justify-between items-center font-bold text-lg"
2761                                x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_einspeisung'"
2762                            >
2763                                Einspeisung<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
2764                            </a>
2765                        
2766                    </li>
2767                    
2768                    <li>
2769                        
2770                            
2771                            <a
2772                                href="#"
2773                                class="py-1 flex justify-between items-center font-bold text-lg"
2774                                x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_zaehler'"
2775                            >
2776                                Zähler<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
2777                            </a>
2778                        
2779                    </li>
2780                    
2781                    <li>
2782                        
2783                            
2784                            <a
2785                                href="#"
2786                                class="py-1 flex justify-between items-center font-bold text-lg"
2787                                x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_netz'"
2788                            >
2789                                Netz<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
2790                            </a>
2791                        
2792                    </li>
2793                    
2794                    <li>
2795                        
2796                            
2797                            <a
2798                                href="#"
2799                                class="py-1 flex justify-between items-center font-bold text-lg"
2800                                x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_dienstleistungen'"
2801                            >
2802                                Dienstleistungen<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
2803                            </a>
2804                        
2805                    </li>
2806                    
2807                </ul>
2808            
2809                
2810                <ul class="hidden">
2811                    
2812                    <li>
2813                        
2814                            <a
2815                                href="/installateure/pv-anlagen-einrichten"
2816                                
2817
2818                            class="py-1 block font-bold text-lg"
2819                            >
2820                                PV-Anlagen errichten
2821                            </a>
2822                        
2823                    </li>
2824                    
2825                    <li>
2826                        
2827                            <a
2828                                href="/installateure/messkonzepte-fuer-pv-anlagen"
2829                                
2830
2831                            class="py-1 block font-bold text-lg"
2832                            >
2833                                Messkonzepte
2834                            </a>
2835                        
2836                    </li>
2837                    
2838                    <li>
2839                        
2840                            <a
2841                                href="/installateure/arbeiten-an-netzen"
2842                                
2843
2844                            class="py-1 block font-bold text-lg"
2845                            >
2846                                Netzarbeiten
2847                            </a>
2848                        
2849                    </li>
2850                    
2851                    <li>
2852                        
2853                            <a
2854                                href="/installateure/kontakt-installateure"
2855                                
2856
2857                            class="py-1 block font-bold text-lg"
2858                            >
2859                                Kontakt
2860                            </a>
2861                        
2862                    </li>
2863                    
2864                    <li>
2865                        
2866                            <a
2867                                href="/installateure/portal-installateure"
2868                                
2869
2870                            class="py-1 block font-bold text-lg"
2871                            >
2872                                Installateurportal
2873                            </a>
2874                        
2875                    </li>
2876                    
2877                </ul>
2878            
2879                
2880                <ul class="hidden">
2881                    
2882                    <li>
2883                        
2884                            <a
2885                                href="/kommunen/erneuerbare-energien"
2886                                
2887
2888                            class="py-1 block font-bold text-lg"
2889                            >
2890                                Erneuerbare Energien
2891                            </a>
2892                        
2893                    </li>
2894                    
2895                    <li>
2896                        
2897                            <a
2898                                href="/kommunen/klimaschutz"
2899                                
2900
2901                            class="py-1 block font-bold text-lg"
2902                            >
2903                                Klimaschutz
2904                            </a>
2905                        
2906                    </li>
2907                    
2908                    <li>
2909                        
2910                            <a
2911                                href="/kommunen/netzbetreiber"
2912                                
2913
2914                            class="py-1 block font-bold text-lg"
2915                            >
2916                                Netzbetreiber
2917                            </a>
2918                        
2919                    </li>
2920                    
2921                    <li>
2922                        
2923                            <a
2924                                href="/kommunen/netzsicherheit"
2925                                
2926
2927                            class="py-1 block font-bold text-lg"
2928                            >
2929                                Netzsicherheit
2930                            </a>
2931                        
2932                    </li>
2933                    
2934                    <li>
2935                        
2936                            <a
2937                                href="/kommunen/buergerbeteiligung"
2938                                
2939
2940                            class="py-1 block font-bold text-lg"
2941                            >
2942                                Bürgerbeteiligung
2943                            </a>
2944                        
2945                    </li>
2946                    
2947                </ul>
2948            
2949
2950            <ul>
2951                
2952                <li class="mt-2">
2953                    
2954    <a
2955        
2956        
2957    class=" element-button flex gap-2 secondary my-2 "
2958
2959        
2960    href="https://mein.svo-netz.de/zmo/" rel="noopener" target="_blank"
2961
2962        
2963        
2964        
2965    >
2966        
2967            <span>
2968                
2969    
2970        <svg class="svo-icon-duo h-[16px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25"><g stroke-linecap="round" stroke-linejoin="round"><path stroke="#008DF7" stroke-width="1.091" d="m23.031 23.094.076-.84c.104-1.123-.649-1.936-1.75-2.182l-2.733-.605V15.6a1.406 1.406 0 0 0-1.304-1.506 1.406 1.406 0 0 0-1.505 1.511v6.245l-1.124-.829a1.141 1.141 0 0 0-1.604.219c-.316.409-.31.981.006 1.39l.354.47"/><path stroke="#161957" stroke-width="1.091" d="M13.66 14.409H5.473v-4.91h14.842v4.91"/><path stroke="#161957" stroke-width=".764" d="M9.33 11.109H7.785v1.543h1.543V11.11ZM12.22 11.109h-1.543v1.543h1.543V11.11ZM15.111 11.109h-1.544v1.543h1.544V11.11Z"/><path stroke="#008DF7" stroke-width=".764" d="M18.002 11.109h-1.544v1.543h1.544V11.11Z"/><path stroke="#161957" stroke-width="1.091" d="M11.162 1.02v1.348M14.625 1.02v1.348M11.217 22.023v1.408M11.216 21.949a9.739 9.739 0 0 1-8.193-9.622 9.747 9.747 0 0 1 9.748-9.747 9.747 9.747 0 0 1 8.013 15.3"/></g></svg>
2971    
2972
2973
2974            </span>
2975        
2976        
2977            <div class="w-full text-center empty:hidden">
2978                Zählerstand melden
2979            </div>
2980        
2981    </a>
2982
2983
2984
2985
2986
2987
2988                </li>
2989                
2990                <li class="mb-2">
2991                    
2992    <a
2993        
2994        
2995    class=" element-button flex gap-2 secondary my-2 "
2996
2997        
2998    href="https://svo-netz.de/stoerung-melden"
2999
3000        
3001        
3002        
3003    >
3004        
3005            <span>
3006                
3007    
3008        <svg class="svo-icon-duo h-[16px] w-auto flex-shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24"><path fill="#001E62" d="M12.773 19.362c-.448 0-.824-.353-.824-.8 0-.447.376-.8.824-.8.447 0 .823.353.823.8 0 .423-.353.776-.776.8h-.047Zm.07-11.294c.259 0 .47.211.47.447v7.082c0 .259-.211.447-.47.447s-.47-.212-.47-.447V8.515c0-.236.188-.447.47-.447Z"/><path fill="#001E62" d="M12.656.3c.494 0 .988.14 1.412.4.423.258.776.635.988 1.082l4.682 9.53a.472.472 0 0 1-.212.635.472.472 0 0 1-.635-.212l-4.682-9.53a1.671 1.671 0 0 0-.636-.706 1.801 1.801 0 0 0-.917-.258 1.8 1.8 0 0 0-.918.258 1.67 1.67 0 0 0-.635.706L6.42 11.758a.471.471 0 0 1-.635.212.472.472 0 0 1-.212-.635l4.683-9.553a2.58 2.58 0 0 1 .988-1.083c.424-.258.918-.4 1.412-.4Z"/><path fill="#008DF7" d="m20.349 12.543 3.6 7.411c.07.142.141.306.211.447.189.377.26.777.236 1.177-.024.4-.141.8-.353 1.153a2.25 2.25 0 0 1-.87.823 2.48 2.48 0 0 1-1.154.306H3.29c-.4 0-.8-.094-1.153-.306a2.436 2.436 0 0 1-.87-.823 2.453 2.453 0 0 1-.118-2.33l1.106-2.235L5.03 12.59l.024-.024c.117-.188.353-.282.588-.188l.023.023c.236.118.33.4.212.636l-2.047 4.117-.988 2c-.306.612-.588 1.177-.824 1.694-.117.212-.164.471-.14.706.023.236.093.494.211.706.141.212.306.377.518.494.211.118.47.189.705.189h18.73c.259 0 .494-.071.706-.189.212-.117.4-.282.517-.494.142-.212.212-.447.212-.706.024-.235-.047-.494-.141-.706l-.988-2-2.847-5.905-.024-.024c-.094-.235 0-.494.235-.588a.472.472 0 0 1 .636.212Z"/><defs><path fill="#fff" d="M.771.163h23.765v23.765H.771z"/></defs></svg>
3009    
3010
3011
3012            </span>
3013        
3014        
3015            <div class="w-full text-center empty:hidden">
3016                Störung melden
3017            </div>
3018        
3019    </a>
3020
3021
3022
3023
3024
3025
3026                </li>
3027                
3028
3029                
3030                <li>
3031                    <a
3032                        href="/unternehmen"
3033                        class="block py-1"
3034                        
3035
3036                    >
3037                    Unternehmen
3038                    </a>
3039                </li>
3040                
3041                <li>
3042                    <a
3043                        href="/news"
3044                        class="block py-1"
3045                        
3046
3047                    >
3048                    News
3049                    </a>
3050                </li>
3051                
3052                <li>
3053                    <a
3054                        href="/karriere"
3055                        class="block py-1"
3056                        
3057
3058                    >
3059                    Karriere
3060                    </a>
3061                </li>
3062                
3063                <li>
3064                    <a
3065                        href="/kontakt"
3066                        class="block py-1"
3067                        
3068
3069                    >
3070                    Kontakt
3071                    </a>
3072                </li>
3073                
3074            </ul>
3075        </nav>
3076    </div>
3077
3078    <!-- Zweite Navigationsebene -->
3079    
3080        
3081        
3082            
3083            
3084                <div x-show="openNavId=='nav_mobile_netzkunden_sub_anschluss'" x-cloak>
3085                    <div class="flex items-center border-b border-grey pb-2">
3086                        <a
3087                            href="#"
3088                            class="flex flex-col items-center"
3089                            x-on:click.prevent="openNavId='0'"
3090                            aria-label="Zurück zum Hauptmenü"
3091                        >
3092                            <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3093                            <span class="text-xs">Zurück</span>
3094                        </a>
3095                        <span class="ml-4 text-lg">Anschluss</span>
3096                    </div>
3097
3098                    
3099
3100                    <ul class="my-6">
3101                        
3102                            
3103                            <li>
3104                                
3105                                    <a
3106                                        href="#"
3107                                        class="py-2 flex justify-between"
3108                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_anschluss_hausanschluss'"
3109                                    >
3110                                        Hausanschluss<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3111                                    </a>
3112                                
3113                            </li>
3114                        
3115                            
3116                            <li>
3117                                
3118                                    <a
3119                                        href="#"
3120                                        class="py-2 flex justify-between"
3121                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_anschluss_bauversorgung'"
3122                                    >
3123                                        Bauversorgung<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3124                                    </a>
3125                                
3126                            </li>
3127                        
3128                            
3129                            <li>
3130                                
3131                                    <a
3132                                        href="#"
3133                                        class="py-2 flex justify-between"
3134                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_anschluss_verbrauchsgeraete'"
3135                                    >
3136                                        Verbrauchsgeräte<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3137                                    </a>
3138                                
3139                            </li>
3140                        
3141                            
3142                            <li>
3143                                
3144                                    <a
3145                                        href="#"
3146                                        class="py-2 flex justify-between"
3147                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_anschluss_hilfe-portale'"
3148                                    >
3149                                        Hilfe & Portale<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3150                                    </a>
3151                                
3152                            </li>
3153                        
3154                    </ul>
3155                </div>
3156            
3157        
3158            
3159            
3160                <div x-show="openNavId=='nav_mobile_netzkunden_sub_einspeisung'" x-cloak>
3161                    <div class="flex items-center border-b border-grey pb-2">
3162                        <a
3163                            href="#"
3164                            class="flex flex-col items-center"
3165                            x-on:click.prevent="openNavId='0'"
3166                            aria-label="Zurück zum Hauptmenü"
3167                        >
3168                            <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3169                            <span class="text-xs">Zurück</span>
3170                        </a>
3171                        <span class="ml-4 text-lg">Einspeisung</span>
3172                    </div>
3173
3174                    
3175
3176                    <ul class="my-6">
3177                        
3178                            
3179                            <li>
3180                                
3181                                    <a
3182                                        href="#"
3183                                        class="py-2 flex justify-between"
3184                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_einspeisung_erzeugungsanlagen'"
3185                                    >
3186                                        Erzeugungsanlagen<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3187                                    </a>
3188                                
3189                            </li>
3190                        
3191                            
3192                            <li>
3193                                
3194                                    <a
3195                                        href="#"
3196                                        class="py-2 flex justify-between"
3197                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_einspeisung_einspeisung-steuerung'"
3198                                    >
3199                                        Einspeisung & Steuerung<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3200                                    </a>
3201                                
3202                            </li>
3203                        
3204                            
3205                            <li>
3206                                
3207                                    <a
3208                                        href="#"
3209                                        class="py-2 flex justify-between"
3210                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_einspeisung_redispatch-20'"
3211                                    >
3212                                        Redispatch 2.0<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3213                                    </a>
3214                                
3215                            </li>
3216                        
3217                            
3218                            <li>
3219                                
3220                                    <a
3221                                        href="#"
3222                                        class="py-2 flex justify-between"
3223                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_einspeisung_hilfe-portale'"
3224                                    >
3225                                        Hilfe & Portale<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3226                                    </a>
3227                                
3228                            </li>
3229                        
3230                    </ul>
3231                </div>
3232            
3233        
3234            
3235            
3236                <div x-show="openNavId=='nav_mobile_netzkunden_sub_zaehler'" x-cloak>
3237                    <div class="flex items-center border-b border-grey pb-2">
3238                        <a
3239                            href="#"
3240                            class="flex flex-col items-center"
3241                            x-on:click.prevent="openNavId='0'"
3242                            aria-label="Zurück zum Hauptmenü"
3243                        >
3244                            <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3245                            <span class="text-xs">Zurück</span>
3246                        </a>
3247                        <span class="ml-4 text-lg">Zähler</span>
3248                    </div>
3249
3250                    
3251
3252                    <ul class="my-6">
3253                        
3254                            
3255                            <li>
3256                                
3257                                    <a
3258                                        href="#"
3259                                        class="py-2 flex justify-between"
3260                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_zaehler_zaehlerstand-ablesung'"
3261                                    >
3262                                        Zählerstand & Ablesung<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3263                                    </a>
3264                                
3265                            </li>
3266                        
3267                            
3268                            <li>
3269                                
3270                                    <a
3271                                        href="#"
3272                                        class="py-2 flex justify-between"
3273                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_zaehler_stromzaehler'"
3274                                    >
3275                                        Stromzähler<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3276                                    </a>
3277                                
3278                            </li>
3279                        
3280                            
3281                            <li>
3282                                
3283                                    <a
3284                                        href="#"
3285                                        class="py-2 flex justify-between"
3286                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_zaehler_weitere-zaehlerthemen'"
3287                                    >
3288                                        Weitere Zählerthemen<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3289                                    </a>
3290                                
3291                            </li>
3292                        
3293                            
3294                            <li>
3295                                
3296                                    <a
3297                                        href="#"
3298                                        class="py-2 flex justify-between"
3299                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_zaehler_hilfe-portale'"
3300                                    >
3301                                        Hilfe & Portale<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3302                                    </a>
3303                                
3304                            </li>
3305                        
3306                    </ul>
3307                </div>
3308            
3309        
3310            
3311            
3312                <div x-show="openNavId=='nav_mobile_netzkunden_sub_netz'" x-cloak>
3313                    <div class="flex items-center border-b border-grey pb-2">
3314                        <a
3315                            href="#"
3316                            class="flex flex-col items-center"
3317                            x-on:click.prevent="openNavId='0'"
3318                            aria-label="Zurück zum Hauptmenü"
3319                        >
3320                            <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3321                            <span class="text-xs">Zurück</span>
3322                        </a>
3323                        <span class="ml-4 text-lg">Netz</span>
3324                    </div>
3325
3326                    
3327
3328                    <ul class="my-6">
3329                        
3330                            
3331                            <li>
3332                                
3333                                    <a
3334                                        href="#"
3335                                        class="py-2 flex justify-between"
3336                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_netz_stromnetz'"
3337                                    >
3338                                        Stromnetz<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3339                                    </a>
3340                                
3341                            </li>
3342                        
3343                            
3344                            <li>
3345                                
3346                                    <a
3347                                        href="#"
3348                                        class="py-2 flex justify-between"
3349                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_netz_erdgasnetz'"
3350                                    >
3351                                        Erdgasnetz<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3352                                    </a>
3353                                
3354                            </li>
3355                        
3356                            
3357                            <li>
3358                                
3359                                    <a
3360                                        href="#"
3361                                        class="py-2 flex justify-between"
3362                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_netz_trinkwassernetz'"
3363                                    >
3364                                        Trinkwassernetz<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3365                                    </a>
3366                                
3367                            </li>
3368                        
3369                            
3370                            <li>
3371                                
3372                                    <a
3373                                        href="#"
3374                                        class="py-2 flex justify-between"
3375                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_netz_hilfe-portale'"
3376                                    >
3377                                        Hilfe & Portale<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3378                                    </a>
3379                                
3380                            </li>
3381                        
3382                    </ul>
3383                </div>
3384            
3385        
3386            
3387            
3388                <div x-show="openNavId=='nav_mobile_netzkunden_sub_dienstleistungen'" x-cloak>
3389                    <div class="flex items-center border-b border-grey pb-2">
3390                        <a
3391                            href="#"
3392                            class="flex flex-col items-center"
3393                            x-on:click.prevent="openNavId='0'"
3394                            aria-label="Zurück zum Hauptmenü"
3395                        >
3396                            <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3397                            <span class="text-xs">Zurück</span>
3398                        </a>
3399                        <span class="ml-4 text-lg">Dienstleistungen</span>
3400                    </div>
3401
3402                    
3403
3404                    <ul class="my-6">
3405                        
3406                            
3407                            <li>
3408                                
3409                                    <a
3410                                        href="#"
3411                                        class="py-2 flex justify-between"
3412                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_dienstleistungen_betriebsfuehrung'"
3413                                    >
3414                                        Betriebsführung<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3415                                    </a>
3416                                
3417                            </li>
3418                        
3419                            
3420                            <li>
3421                                
3422                                    <a
3423                                        href="#"
3424                                        class="py-2 flex justify-between"
3425                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_dienstleistungen_energie-analysen'"
3426                                    >
3427                                        Energie & Analysen<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3428                                    </a>
3429                                
3430                            </li>
3431                        
3432                            
3433                            <li>
3434                                
3435                                    <a
3436                                        href="#"
3437                                        class="py-2 flex justify-between"
3438                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_dienstleistungen_tiefbau'"
3439                                    >
3440                                        Tiefbau<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3441                                    </a>
3442                                
3443                            </li>
3444                        
3445                            
3446                            <li>
3447                                
3448                                    <a
3449                                        href="#"
3450                                        class="py-2 flex justify-between"
3451                                        x-on:click.prevent="openNavId='nav_mobile_netzkunden_child_dienstleistungen_hilfe-kontakt'"
3452                                    >
3453                                        Hilfe & Kontakt<svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
3454                                    </a>
3455                                
3456                            </li>
3457                        
3458                    </ul>
3459                </div>
3460            
3461        
3462    
3463        
3464        
3465            
3466        
3467            
3468        
3469            
3470        
3471            
3472        
3473            
3474        
3475    
3476        
3477        
3478            
3479        
3480            
3481        
3482            
3483        
3484            
3485        
3486            
3487        
3488    
3489
3490    <!-- Dritte Navigationsebene -->
3491    
3492        
3493        
3494            
3495                
3496                
3497                    
3498                    
3499                        <div x-show="openNavId=='nav_mobile_netzkunden_child_anschluss_hausanschluss'" x-cloak>
3500                            <div class="flex items-center border-b border-grey pb-2">
3501                                <a
3502                                    href="#"
3503                                    class="flex flex-col items-center"
3504                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_anschluss'"
3505                                    aria-label="Zurück zum vorherigen Menü"
3506                                >
3507                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3508                                    <span class="text-xs">Zurück</span>
3509                                </a>
3510                                <span class="ml-4 text-lg">Hausanschluss</span>
3511                            </div>
3512
3513                            <ul class="my-6">
3514                                <li>
3515                                    <a href="/anschluss/hausanschluss" class="py-2 block">
3516    Hausanschluss
3517</a>
3518
3519                                </li>
3520                                
3521                                <li>
3522                                    
3523                                        <a href="/anschluss/hausanschluss/strom" class="py-2 block">
3524    Strom
3525</a>
3526
3527                                    
3528                                </li>
3529                                
3530                                <li>
3531                                    
3532                                        <a href="/anschluss/hausanschluss/erdgas" class="py-2 block">
3533    Erdgas
3534</a>
3535
3536                                    
3537                                </li>
3538                                
3539                                <li>
3540                                    
3541                                        <a href="/anschluss/hausanschluss/wasser-abwasser" class="py-2 block">
3542    Wasser & Abwasser
3543</a>
3544
3545                                    
3546                                </li>
3547                                
3548                                <li>
3549                                    
3550                                        <a href="/anschluss/hausanschluss/glasfaser" class="py-2 block">
3551    Glasfaser
3552</a>
3553
3554                                    
3555                                </li>
3556                                
3557                            </ul>
3558                        </div>
3559                    
3560                
3561                    
3562                    
3563                        <div x-show="openNavId=='nav_mobile_netzkunden_child_anschluss_bauversorgung'" x-cloak>
3564                            <div class="flex items-center border-b border-grey pb-2">
3565                                <a
3566                                    href="#"
3567                                    class="flex flex-col items-center"
3568                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_anschluss'"
3569                                    aria-label="Zurück zum vorherigen Menü"
3570                                >
3571                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3572                                    <span class="text-xs">Zurück</span>
3573                                </a>
3574                                <span class="ml-4 text-lg">Bauversorgung</span>
3575                            </div>
3576
3577                            <ul class="my-6">
3578                                <li>
3579                                    <a href="/anschluss/bauversorgung" class="py-2 block">
3580    Bauversorgung
3581</a>
3582
3583                                </li>
3584                                
3585                                <li>
3586                                    
3587                                        <a href="/anschluss/bauversorgung/baustrom" class="py-2 block">
3588    Baustrom
3589</a>
3590
3591                                    
3592                                </li>
3593                                
3594                                <li>
3595                                    
3596                                        <a href="/anschluss/bauversorgung/bauwasser" class="py-2 block">
3597    Bauwasser
3598</a>
3599
3600                                    
3601                                </li>
3602                                
3603                                <li>
3604                                    
3605                                        <a href="/anschluss/bauversorgung/standrohrmiete" 
3605class="py-2 block">
3606    Standrohrmiete
3607</a>
3608
3609                                    
3610                                </li>
3611                                
3612                            </ul>
3613                        </div>
3614                    
3615                
3616                    
3617                    
3618                        <div x-show="openNavId=='nav_mobile_netzkunden_child_anschluss_verbrauchsgeraete'" x-cloak>
3619                            <div class="flex items-center border-b border-grey pb-2">
3620                                <a
3621                                    href="#"
3622                                    class="flex flex-col items-center"
3623                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_anschluss'"
3624                                    aria-label="Zurück zum vorherigen Menü"
3625                                >
3626                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3627                                    <span class="text-xs">Zurück</span>
3628                                </a>
3629                                <span class="ml-4 text-lg">Verbrauchsgeräte</span>
3630                            </div>
3631
3632                            <ul class="my-6">
3633                                <li>
3634                                    <a href="/anschluss/verbrauchsgeraete" class="py-2 block">
3635    Verbrauchsgeräte
3636</a>
3637
3638                                </li>
3639                                
3640                                <li>
3641                                    
3642                                        <a href="/anschluss/verbrauchsgeraete/wallbox" class="py-2 block">
3643    Wallbox
3644</a>
3645
3646                                    
3647                                </li>
3648                                
3649                                <li>
3650                                    
3651                                        <a href="/anschluss/verbrauchsgeraete/waermepumpe-klimaanlage-speicher" class="py-2 block">
3652    Wärmepumpe, Klimaanlage & Speicher
3653</a>
3654
3655                                    
3656                                </li>
3657                                
3658                                <li>
3659                                    
3660                                        <a href="/anschluss/verbrauchsgeraete/steuerbare-verbrauchseinrichtungen" class="py-2 block">
3661    Steuerbare Verbrauchseinrichtungen
3662</a>
3663
3664                                    
3665                                </li>
3666                                
3667                                <li>
3668                                    
3669                                        <a href="/anschluss/verbrauchsgeraete/netzentgeltreduzierung" class="py-2 block">
3670    Netzentgeltreduzierung
3671</a>
3672
3673                                    
3674                                </li>
3675                                
3676                            </ul>
3677                        </div>
3678                    
3679                
3680                    
3681                    
3682                        <div x-show="openNavId=='nav_mobile_netzkunden_child_anschluss_hilfe-portale'" x-cloak>
3683                            <div class="flex items-center border-b border-grey pb-2">
3684                                <a
3685                                    href="#"
3686                                    class="flex flex-col items-center"
3687                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_anschluss'"
3688                                    aria-label="Zurück zum vorherigen Menü"
3689                                >
3690                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3691                                    <span class="text-xs">Zurück</span>
3692                                </a>
3693                                <span class="ml-4 text-lg">Hilfe & Portale</span>
3694                            </div>
3695
3696                            <ul class="my-6">
3697                                <li>
3698                                    <a href="/anschluss/hilfe-portale-anschluss" class="py-2 block">
3699    Hilfe & Portale
3700</a>
3701
3702                                </li>
3703                                
3704                                <li>
3705                                    
3706                                        <a href="/anschluss/hilfe-portale-anschluss/installateur-suche" class="py-2 block">
3707    Installateur-Suche
3708</a>
3709
3710                                    
3711                                </li>
3712                                
3713                                <li>
3714                                    
3715                                        <a href="/anschluss/hilfe-portale-anschluss/faq-hausanschluss" class="py-2 block">
3716    FAQ Hausanschluss
3717</a>
3718
3719                                    
3720                                </li>
3721                                
3722                                <li>
3723                                    
3724                                        <a href="/anschluss/hilfe-portale-anschluss/hausanschluss-preise" class="py-2 block">
3725    Hausanschluss Preise
3726</a>
3727
3728                                    
3729                                </li>
3730                                
3731                                <li>
3732                                    
3733                                        <a href="/kontakt/kontakt-hausanschluss/kontakformular-anschluss-versorgung" class="py-2 block">
3734    Kontakt Anschluss
3735</a>
3736
3737                                    
3738                                </li>
3739                                
3740                                <li>
3741                                    
3742                                        
3743    <a
3744        
3745        
3746    class=" element-button flex gap-2 primary my-2 "
3747
3748        
3749    href="https://hausanschluss.svo-netz.de/kportal/bestellstrecke/" rel="noopener" target="_blank"
3750
3751        
3752        
3753        
3754    >
3755        
3756        
3757            <div class="w-full text-center empty:hidden">
3758                Hausanschlussportal
3759            </div>
3760        
3761    </a>
3762
3763
3764
3765
3766
3767
3768                                    
3769                                </li>
3770                                
3771                            </ul>
3772                        </div>
3773                    
3774                
3775            
3776        
3777            
3778                
3779                
3780                    
3781                    
3782                        <div x-show="openNavId=='nav_mobile_netzkunden_child_einspeisung_erzeugungsanlagen'" x-cloak>
3783                            <div class="flex items-center border-b border-grey pb-2">
3784                                <a
3785                                    href="#"
3786                                    class="flex flex-col items-center"
3787                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_einspeisung'"
3788                                    aria-label="Zurück zum vorherigen Menü"
3789                                >
3790                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3791                                    <span class="text-xs">Zurück</span>
3792                                </a>
3793                                <span class="ml-4 text-lg">Erzeugungsanlagen</span>
3794                            </div>
3795
3796                            <ul class="my-6">
3797                                <li>
3798                                    <a href="/einspeisung/erzeugungsanlagen" class="py-2 block">
3799    Erzeugungsanlagen
3800</a>
3801
3802                                </li>
3803                                
3804                                <li>
3805                                    
3806                                        <a href="/einspeisung/erzeugungsanlagen/photovoltaik" class="py-2 block">
3807    Photovoltaik
3808</a>
3809
3810                                    
3811                                </li>
3812                                
3813                                <li>
3814                                    
3815                                        <a href="/einspeisung/erzeugungsanlagen/balkonkraftwerke" class="py-2 block">
3816    Balkonkraftwerke
3817</a>
3818
3819                                    
3820                                </li>
3821                                
3822                                <li>
3823                                    
3824                                        <a href="/einspeisung/erzeugungsanlagen/batteriespeicher" class="py-2 block">
3825    Batteriespeicher
3826</a>
3827
3828                                    
3829                                </li>
3830                                
3831                                <li>
3832                                    
3833                                        <a href="/einspeisung/erzeugungsanlagen/kwk-anlagen" class="py-2 block">
3834    KWK-Anlagen
3835</a>
3836
3837                                    
3838                                </li>
3839                                
3840                                <li>
3841                                    
3842                                        <a href="/einspeisung/erzeugungsanlagen/biomethan" class="py-2 block">
3843    Biomethan
3844</a>
3845
3846                                    
3847                                </li>
3848                                
3849                                <li>
3850                                    
3851                                        <a href="/einspeisung/erzeugungsanlagen/biomasse-wind-wasserkraft" class="py-2 block">
3852    Biomasse-, Wind-, Wasserkraft
3853</a>
3854
3855                                    
3856                                </li>
3857                                
3858                            </ul>
3859                        </div>
3860                    
3861                
3862                    
3863                    
3864                        <div x-show="openNavId=='nav_mobile_netzkunden_child_einspeisung_einspeisung-steuerung'" x-cloak>
3865                            <div class="flex items-center border-b border-grey pb-2">
3866                                <a
3867                                    href="#"
3868                                    class="flex flex-col items-center"
3869                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_einspeisung'"
3870                                    aria-label="Zurück zum vorherigen Menü"
3871                                >
3872                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3873                                    <span class="text-xs">Zurück</span>
3874                                </a>
3875                                <span class="ml-4 text-lg">Einspeisung & Steuerung</span>
3876                            </div>
3877
3878                            <ul class="my-6">
3879                                <li>
3880                                    <a href="/einspeisung/einspeisung-steuerung" class="py-2 block">
3881    Einspeisung & Steuerung
3882</a>
3883
3884                                </li>
3885                                
3886                                <li>
3887                                    
3888                                        <a href="/einspeisung/einspeisung-steuerung/einspeiseverguetung" class="py-2 block">
3889    Einspeisevergütung
3890</a>
3891
3892                                    
3893                                </li>
3894                                
3895                                <li>
3896                                    
3897                                        <a href="/einspeisung/einspeisung-steuerung/einspeiselastprofil" class="py-2 block">
3898    Einspeiselastprofil
3899</a>
3900
3901                                    
3902                                </li>
3903                                
3904                                <li>
3905                                    
3906                                        <a href="/einspeisung/einspeisung-steuerung/einspeisemanagement" class="py-2 block">
3907    Einspeisemanagement
3908</a>
3909
3910                                    
3911                                </li>
3912                                
3913                                <li>
3914                                    
3915                                        <a href="/einspeisung/einspeisung-steuerung/gemeinschaftliche-gebaeudeversorgung" class="py-2 block">
3916    Gemeinschaftliche Gebäudeversorgung
3917</a>
3918
3919                                    
3920                                </li>
3921                                
3922                                <li>
3923                                    
3924                                        <a href="/einspeisung/einspeisung-steuerung/mieterstrom" class="py-2 block">
3925    Mieterstrom
3926</a>
3927
3928                                    
3929                                </li>
3930                                
3931                                <li>
3932                                    
3933                                        <a href="/einspeisung/einspeisung-steuerung/energy-sharing" class="py-2 block">
3934    Energy Sharing
3935</a>
3936
3937                                    
3938                                </li>
3939                                
3940                                <li>
3941                                    
3942                                        <a href="/einspeisung/einspeisung-steuerung/steuerung-nach-9-eeg" class="py-2 block">
3943    Steuerung nach § 9 EEG
3944</a>
3945
3946                                    
3947                                </li>
3948                                
3949                                <li>
3950                                    
3951                                        <a href="/einspeisung/einspeisung-steuerung/fernsteuerbarkeit" class="py-2 block">
3952    Fernsteuerbarkeit
3953</a>
3954
3955                                    
3956                                </li>
3957                                
3958                            </ul>
3959                        </div>
3960                    
3961                
3962                    
3963                    
3964                        <div x-show="openNavId=='nav_mobile_netzkunden_child_einspeisung_redispatch-20'" x-cloak>
3965                            <div class="flex items-center border-b border-grey pb-2">
3966                                <a
3967                                    href="#"
3968                                    class="flex flex-col items-center"
3969                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_einspeisung'"
3970                                    aria-label="Zurück zum vorherigen Menü"
3971                                >
3972                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
3973                                    <span class="text-xs">Zurück</span>
3974                                </a>
3975                                <span class="ml-4 text-lg">Redispatch 2.0</span>
3976                            </div>
3977
3978                            <ul class="my-6">
3979                                <li>
3980                                    <a href="/einspeisung/redispatch-20" class="py-2 block">
3981    Redispatch 2.0
3982</a>
3983
3984                                </li>
3985                                
3986                                <li>
3987                                    
3988                                        <a href="/einspeisung/redispatch-20/informationen-fuer-anlagenbetreiber" class="py-2 block">
3989    Informationen für Anlagenbetreiber
3990</a>
3991
3992                                    
3993                                </li>
3994                                
3995                                <li>
3996                                    
3997                                        <a href="/einspeisung/redispatch-20/marktrollen-datenaustausch" class="py-2 block">
3998    Marktrollen & Datenaustausch
3999</a>
4000
4001                                    
4002                                </li>
4003                                
4004                                <li>
4005                                    
4006                                        <a href="/einspeisung/redispatch-20/steuerbarkeitscheck" class="py-2 block">
4007    Steuerbarkeitscheck
4008</a>
4009
4010                                    
4011                                </li>
4012                                
4013                                <li>
4014                                    
4015                                        <a href="/einspeisung/redispatch-20/finanzieller-ausgleich" class="py-2 block">
4016    Finanzieller Ausgleich
4017</a>
4018
4019                                    
4020                                </li>
4021                                
4022                                <li>
4023                                    
4024                                        <a href="/einspeisung/redispatch-20/massnahmen-veroeffentlichungen" class="py-2 block">
4025    Maßnahmen & Veröffentlichungen
4026</a>
4027
4028                                    
4029                                </li>
4030                                
4031                            </ul>
4032                        </div>
4033                    
4034                
4035                    
4036                    
4037                        <div x-show="openNavId=='nav_mobile_netzkunden_child_einspeisung_hilfe-portale'" x-cloak>
4038                            <div class="flex items-center border-b border-grey pb-2">
4039                                <a
4040                                    href="#"
4041                                    class="flex flex-col items-center"
4042                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_einspeisung'"
4043                                    aria-label="Zurück zum vorherigen Menü"
4044                                >
4045                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4046                                    <span class="text-xs">Zurück</span>
4047                                </a>
4048                                <span class="ml-4 text-lg">Hilfe & Portale</span>
4049                            </div>
4050
4051                            <ul class="my-6">
4052                                <li>
4053                                    <a href="/einspeisung/hilfe-portale-einspeisung" class="py-2 block">
4054    Hilfe & Portale
4055</a>
4056
4057                                </li>
4058                                
4059                                <li>
4060                                    
4061                                        <a href="/anschluss/hilfe-portale-anschluss/installateur-suche" class="py-2 block">
4062    Installateur-Suche
4063</a>
4064
4065                                    
4066                                </li>
4067                                
4068                                <li>
4069                                    
4070                                        <a href="https://www.marktstammdatenregister.de/MaStR/" class="py-2 block">
4071    Marktstammdatenregister
4072</a>
4073
4074                                    
4075                                </li>
4076                                
4077                                <li>
4078                                    
4079                                        
4080    <a
4081        
4082        
4083    class=" element-button flex gap-2 primary my-2 "
4084
4085        
4086    href="https://betreiberportal.svo-netz.de/" rel="noopener" target="_blank"
4087
4088        
4089        
4090        
4091    >
4092        
4093        
4094            <div class="w-full text-center empty:hidden">
4095                Betreiberportal
4096            </div>
4097        
4098    </a>
4099
4100
4101
4102
4103
4104
4105                                    
4106                                </li>
4107                                
4108                                <li>
4109                                    
4110                                        
4111    <a
4112        
4113        
4114    class=" element-button flex gap-2 primary my-2 "
4115
4116        
4117    href="/einspeisung/hilfe-portale-einspeisung/einspeiserportal"
4118
4119        
4120        
4121        
4122    >
4123        
4124        
4125            <div class="w-full text-center empty:hidden">
4126                Einspeiserportal
4127            </div>
4128        
4129    </a>
4130
4131
4132
4133
4134
4135
4136                                    
4137                                </li>
4138                                
4139                            </ul>
4140                        </div>
4141                    
4142                
4143            
4144        
4145            
4146                
4147                
4148                    
4149                    
4150                        <div x-show="openNavId=='nav_mobile_netzkunden_child_zaehler_zaehlerstand-ablesung'" x-cloak>
4151                            <div class="flex items-center border-b border-grey pb-2">
4152                                <a
4153                                    href="#"
4154                                    class="flex flex-col items-center"
4155                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_zaehler'"
4156                                    aria-label="Zurück zum vorherigen Menü"
4157                                >
4158                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4159                                    <span class="text-xs">Zurück</span>
4160                                </a>
4161                                <span class="ml-4 text-lg">Zählerstand & Ablesung</span>
4162                            </div>
4163
4164                            <ul class="my-6">
4165                                <li>
4166                                    <a href="/zaehler/zaehlerstand-ablesung" class="py-2 block">
4167    Zählerstand & Ablesung
4168</a>
4169
4170                                </li>
4171                                
4172                                <li>
4173                                    
4174                                        <a href="/zaehler/zaehlerstand-ablesung/zaehlerstand-ablesen-melden" class="py-2 block">
4175    Zählerstand ablesen & melden
4176</a>
4177
4178                                    
4179                                </li>
4180                                
4181                                <li>
4182                                    
4183                                        <a href="/zaehler/zaehlerstand-ablesung/zaehlernummer-kennzahlen" class="py-2 block">
4184    Zählernummer & Kennzahlen
4185</a>
4186
4187                                    
4188                                </li>
4189                                
4190                            </ul>
4191                        </div>
4192                    
4193                
4194                    
4195                    
4196                        <div x-show="openNavId=='nav_mobile_netzkunden_child_zaehler_stromzaehler'" x-cloak>
4197                            <div class="flex items-center border-b border-grey pb-2">
4198                                <a
4199                                    href="#"
4200                                    class="flex flex-col items-center"
4201                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_zaehler'"
4202                                    aria-label="Zurück zum vorherigen Menü"
4203                                >
4204                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4205                                    <span class="text-xs">Zurück</span>
4206                                </a>
4207                                <span class="ml-4 text-lg">Stromzähler</span>
4208                            </div>
4209
4210                            <ul class="my-6">
4211                                <li>
4212                                    <a href="/zaehler/stromzaehler" class="py-2 block">
4213    Stromzähler
4214</a>
4215
4216                                </li>
4217                                
4218                                <li>
4219                                    
4220                                        <a href="/zaehler/stromzaehler/digitale-stromzaehler" class="py-2 block">
4221    Digitale Stromzähler
4222</a>
4223
4224                                    
4225                                </li>
4226                                
4227                                <li>
4228                                    
4229                                        <a href="/zaehler/stromzaehler/moderne-messeinrichtung" class="py-2 block">
4230    Moderne Messeinrichtung
4231</a>
4232
4233                                    
4234                                </li>
4235                                
4236                                <li>
4237                                    
4238                                        <a href="/zaehler/stromzaehler/intelligentes-messsystem" class="py-2 block">
4239    Intelligentes Messsystem
4240</a>
4241
4242                                    
4243                                </li>
4244                                
4245                                <li>
4246                                    
4247                                        <a href="/zaehler/stromzaehler/zweirichtungszaehler" class="py-2 block">
4248    Zweirichtungszähler
4249</a>
4250
4251                                    
4252                                </li>
4253                                
4254                                <li>
4255                                    
4256                                        <a href="/zaehler/stromzaehler/messstellenbetrieb" class="py-2 block">
4257    Messstellenbetrieb
4258</a>
4259
4260                                    
4261                                </li>
4262                                
4263                            </ul>
4264                        </div>
4265                    
4266                
4267                    
4268                    
4269                        <div x-show="openNavId=='nav_mobile_netzkunden_child_zaehler_weitere-zaehlerthemen'" x-cloak>
4270                            <div class="flex items-center border-b border-grey pb-2">
4271                                <a
4272                                    href="#"
4273                                    class="flex flex-col items-center"
4274                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_zaehler'"
4275                                    aria-label="Zurück zum vorherigen Menü"
4276                                >
4277                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4278                                    <span class="text-xs">Zurück</span>
4279                                </a>
4280                                <span class="ml-4 text-lg">Weitere Zählerthemen</span>
4281                            </div>
4282
4283                            <ul class="my-6">
4284                                <li>
4285                                    <a href="/zaehler/weitere-zaehlerthemen" class="py-2 block">
4286    Weitere Zählerthemen
4287</a>
4288
4289                                </li>
4290                                
4291                                <li>
4292                                    
4293                                        <a href="/zaehler/weitere-zaehlerthemen/einbau-zaehlerwechsel" class="py-2 block">
4294    Einbau & Zählerwechsel
4295</a>
4296
4297                                    
4298                                </li>
4299                                
4300                                <li>
4301                                    
4302                                        <a href="/zaehler/weitere-zaehlerthemen/pin-anfordern" class="py-2 block">
4303    PIN anfordern
4304</a>
4305
4306                                    
4307                                </li>
4308                                
4309                                <li>
4310                                    
4311                                        <a href="/zaehler/weitere-zaehlerthemen/entsperrung-wiederinbetriebnahme" class="py-2 block">
4312    Entsperrung / Wiederinbetriebnahme
4313</a>
4314
4315                                    
4316                                </li>
4317                                
4318                                <li>
4319                                    
4320                                        <a href="/zaehler/weitere-zaehlerthemen/gartenwasserzaehler" class="py-2 block">
4321    Gartenwasserzähler
4322</a>
4323
4324                                    
4325                                </li>
4326                                
4327                            </ul>
4328                        </div>
4329                    
4330                
4331                    
4332                    
4333                        <div x-show="openNavId=='nav_mobile_netzkunden_child_zaehler_hilfe-portale'" x-cloak>
4334                            <div class="flex items-center border-b border-grey pb-2">
4335                                <a
4336                                    href="#"
4337                                    class="flex flex-col items-center"
4338                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_zaehler'"
4339                                    aria-label="Zurück zum vorherigen Menü"
4340                                >
4341                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4342                                    <span class="text-xs">Zurück</span>
4343                                </a>
4344                                <span class="ml-4 text-lg">Hilfe & Portale</span>
4345                            </div>
4346
4347                            <ul class="my-6">
4348                                <li>
4349                                    <a href="/zaehler/hilfe-portale-zaehler" class="py-2 block">
4350    Hilfe & Portale
4351</a>
4352
4353                                </li>
4354                                
4355                                <li>
4356                                    
4357                                        
4358    <a
4359        
4360        
4361    class=" element-button flex gap-2 secondary my-2 "
4362
4363        
4364    href="/zaehler/hilfe-portale-zaehler/energie-cockpit"
4365
4366        
4367        
4368        
4369    >
4370        
4371        
4372            <div class="w-full text-center empty:hidden">
4373                Energie-Cockpit
4374            </div>
4375        
4376    </a>
4377
4378
4379
4380
4381
4382
4383                                    
4384                                </li>
4385                                
4386                                <li>
4387                                    
4388                                        
4389    <a
4390        
4391        
4392    class=" element-button flex gap-2 primary my-2 "
4393
4394        
4395    href="https://mein.svo-netz.de/zmo/" rel="noopener" target="_blank"
4396
4397        
4398        
4399        
4400    >
4401        
4402        
4403            <div class="w-full text-center empty:hidden">
4404                Zählerstandsmeldung
4405            </div>
4406        
4407    </a>
4408
4409
4410
4411
4412
4413
4414                                    
4415                                </li>
4416                                
4417                            </ul>
4418                        </div>
4419                    
4420                
4421            
4422        
4423            
4424                
4425                
4426                    
4427                    
4428                        <div x-show="openNavId=='nav_mobile_netzkunden_child_netz_stromnetz'" x-cloak>
4429                            <div class="flex items-center border-b border-grey pb-2">
4430                                <a
4431                                    href="#"
4432                                    class="flex flex-col items-center"
4433                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_netz'"
4434                                    aria-label="Zurück zum vorherigen Menü"
4435                                >
4436                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4437                                    <span class="text-xs">Zurück</span>
4438                                </a>
4439                                <span class="ml-4 text-lg">Stromnetz</span>
4440                            </div>
4441
4442                            <ul class="my-6">
4443                                <li>
4444                                    <a href="/netz/stromnetz" class="py-2 block">
4445    Stromnetz
4446</a>
4447
4448                                </li>
4449                                
4450                                <li>
4451                                    
4452                                        <a href="/netz/stromnetz/netzentgelte-strom" class="py-2 block">
4453    Netzentgelte Strom
4454</a>
4455
4456                                    
4457                                </li>
4458                                
4459                                <li>
4460                                    
4461                                        <a href="/netz/stromnetz/netznutzung" class="py-2 block">
4462    Netznutzung
4463</a>
4464
4465                                    
4466                                </li>
4467                                
4468                                <li>
4469                                    
4470                                        <a href="/netz/stromnetz/netznutzung/lastprofil-strom" class="py-2 block">
4471    Lastprofil Strom
4472</a>
4473
4474                                    
4475                                </li>
4476                                
4477                                <li>
4478                                    
4479                                        <a href="/netz/stromnetz/ausbau-des-stromnetzes" class="py-2 block">
4480    Ausbau des Stromnetzes
4481</a>
4482
4483                                    
4484                                </li>
4485                                
4486                            </ul>
4487                        </div>
4488                    
4489                
4490                    
4491                    
4492                        <div x-show="openNavId=='nav_mobile_netzkunden_child_netz_erdgasnetz'" x-cloak>
4493                            <div class="flex items-center border-b border-grey pb-2">
4494                                <a
4495                                    href="#"
4496                                    class="flex flex-col items-center"
4497                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_netz'"
4498                                    aria-label="Zurück zum vorherigen Menü"
4499                                >
4500                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4501                                    <span class="text-xs">Zurück</span>
4502                                </a>
4503                                <span class="ml-4 text-lg">Erdgasnetz</span>
4504                            </div>
4505
4506                            <ul class="my-6">
4507                                <li>
4508                                    <a href="/netz/erdgasnetz" class="py-2 block">
4509    Erdgasnetz
4510</a>
4511
4512                                </li>
4513                                
4514                                <li>
4515                                    
4516                                        <a href="/netz/erdgasnetz/netzentgelte-erdgas" class="py-2 block">
4517    Netzentgelte Erdgas
4518</a>
4519
4520                                    
4521                                </li>
4522                                
4523                                <li>
4524                                    
4525                                        <a href="/netz/erdgasnetz/lastprofil-erdgas" class="py-2 block">
4526    Lastprofil Erdgas
4527</a>
4528
4529                                    
4530                                </li>
4531                                
4532                                <li>
4533                                    
4534                                        <a href="/netz/erdgasnetz/thermische-energie" class="py-2 block">
4535    Thermische Energie
4536</a>
4537
4538                                    
4539                                </li>
4540                                
4541                            </ul>
4542                        </div>
4543                    
4544                
4545                    
4546                    
4547                        <div x-show="openNavId=='nav_mobile_netzkunden_child_netz_trinkwassernetz'" x-cloak>
4548                            <div class="flex items-center border-b border-grey pb-2">
4549                                <a
4550                                    href="#"
4551                                    class="flex flex-col items-center"
4552                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_netz'"
4553                                    aria-label="Zurück zum vorherigen Menü"
4554                                >
4555                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4556                                    <span class="text-xs">Zurück</span>
4557                                </a>
4558                                <span class="ml-4 text-lg">Trinkwassernetz</span>
4559                            </div>
4560
4561                            <ul class="my-6">
4562                                <li>
4563                                    <a href="/netz/trinkwassernetz" class="py-2 block">
4564    Trinkwassernetz
4565</a>
4566
4567                                </li>
4568                                
4569                                <li>
4570                                    
4571                                        <a href="/netz/trinkwassernetz/trinkwasserpreise" class="py-2 block">
4572    Trinkwasserpreise
4573</a>
4574
4575                                    
4576                                </li>
4577                                
4578                                <li>
4579                                    
4580                                        <a href="/netz/trinkwassernetz/trinkwasseranalyse" class="py-2 block">
4581    Trinkwasseranalyse
4582</a>
4583
4584                                    
4585                                </li>
4586                                
4587                                <li>
4588                                    
4589                                        <a href="/netz/trinkwassernetz/trinkwasserhaerte" class="py-2 block">
4590    Trinkwasserhärte
4591</a>
4592
4593                                    
4594                                </li>
4595                                
4596                                <li>
4597                                    
4598                                        <a href="/netz/trinkwassernetz/gewaesserschutz" class="py-2 block">
4599    Gewässerschutz
4600</a>
4601
4602                                    
4603                                </li>
4604                                
4605                            </ul>
4606                        </div>
4607                    
4608                
4609                    
4610                    
4611                        <div x-show="openNavId=='nav_mobile_netzkunden_child_netz_hilfe-portale'" x-cloak>
4612                            <div class="flex items-center border-b border-grey pb-2">
4613                                <a
4614                                    href="#"
4615                                    class="flex flex-col items-center"
4616                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_netz'"
4617                                    aria-label="Zurück zum vorherigen Menü"
4618                                >
4619                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4620                                    <span class="text-xs">Zurück</span>
4621                                </a>
4622                                <span class="ml-4 text-lg">Hilfe & Portale</span>
4623                            </div>
4624
4625                            <ul class="my-6">
4626                                <li>
4627                                    <a href="/netz/hilfe-portale-netz" class="py-2 block">
4628    Hilfe & Portale
4629</a>
4630
4631                                </li>
4632                                
4633                                <li>
4634                                    
4635                                        <a href="/netz/hilfe-portale-netz/grundversorgung" class="py-2 block">
4636    Grundversorgung
4637</a>
4638
4639                                    
4640                                </li>
4641                                
4642                                <li>
4643                                    
4644                                        <a href="/netz/hilfe-portale-netz/projekte" class="py-2 block">
4645    Projekte
4646</a>
4647
4648                                    
4649                                </li>
4650                                
4651                                <li>
4652                                    
4653                                        <a href="/netz/hilfe-portale-netz/mustervertraege" class="py-2 block">
4654    Musterverträge
4655</a>
4656
4657                                    
4658                                </li>
4659                                
4660                                <li>
4661                                    
4662                                        
4663    <a
4664        
4665        
4666    class=" element-button flex gap-2 primary my-2 "
4667
4668        
4669    href="/netz/hilfe-portale-netz/lageplaene"
4670
4671        
4672        
4673        
4674    >
4675        
4676        
4677            <div class="w-full text-center empty:hidden">
4678                Planauskunft / LineRegister
4679            </div>
4680        
4681    </a>
4682
4683
4684
4685
4686
4687
4688                                    
4689                                </li>
4690                                
4691                            </ul>
4692                        </div>
4693                    
4694                
4695            
4696        
4697            
4698                
4699                
4700                    
4701                    
4702                        <div x-show="openNavId=='nav_mobile_netzkunden_child_dienstleistungen_betriebsfuehrung'" x-cloak>
4703                            <div class="flex items-center border-b border-grey pb-2">
4704                                <a
4705                                    href="#"
4706                                    class="flex flex-col items-center"
4707                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_dienstleistungen'"
4708                                    aria-label="Zurück zum vorherigen Menü"
4709                                >
4710                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4711                                    <span class="text-xs">Zurück</span>
4712                                </a>
4713                                <span class="ml-4 text-lg">Betriebsführung</span>
4714                            </div>
4715
4716                            <ul class="my-6">
4717                                <li>
4718                                    <a href="/dienstleistungen/betriebsfuehrung" class="py-2 block">
4719    Betriebsführung
4720</a>
4721
4722                                </li>
4723                                
4724                                <li>
4725                                    
4726                                        <a href="/dienstleistungen/betriebsfuehrung/technische-betriebsfuehrung" class="py-2 block">
4727    Technische Betriebsführung
4728</a>
4729
4730                                    
4731                                </li>
4732                                
4733                                <li>
4734                                    
4735                                        <a href="/dienstleistungen/betriebsfuehrung/kaufmaennische-betriebsfuehrung" class="py-2 block">
4736    Kaufmännische Betriebsführung
4737</a>
4738
4739                                    
4740                                </li>
4741                                
4742                                <li>
4743                                    
4744                                        <a href="/dienstleistungen/betriebsfuehrung/betriebsfuehrung-von-miet-trafostationen" class="py-2 block">
4745    Betriebsführung von Miet-Trafostationen
4746</a>
4747
4748                                    
4749                                </li>
4750                                
4751                            </ul>
4752                        </div>
4753                    
4754                
4755                    
4756                    
4757                        <div x-show="openNavId=='nav_mobile_netzkunden_child_dienstleistungen_energie-analysen'" x-cloak>
4758                            <div class="flex items-center border-b border-grey pb-2">
4759                                <a
4760                                    href="#"
4761                                    class="flex flex-col items-center"
4762                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_dienstleistungen'"
4763                                    aria-label="Zurück zum vorherigen Menü"
4764                                >
4765                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4766                                    <span class="text-xs">Zurück</span>
4767                                </a>
4768                                <span class="ml-4 text-lg">Energie & Analysen</span>
4769                            </div>
4770
4771                            <ul class="my-6">
4772                                <li>
4773                                    <a href="/dienstleistungen/energie-analysen" class="py-2 block">
4774    Energie & Analysen
4775</a>
4776
4777                                </li>
4778                                
4779                                <li>
4780                                    
4781                                        <a href="/dienstleistungen/energie-analysen/energiemanagement-fuer-unternehmen" class="py-2 block">
4782    Energiemanagement für Unternehmen
4783</a>
4784
4785                                    
4786                                </li>
4787                                
4788                                <li>
4789                                    
4790                                        <a href="/dienstleistungen/energie-analysen/lastganganalyse" class="py-2 block">
4791    Lastganganalyse
4792</a>
4793
4794                                    
4795                                </li>
4796                                
4797                                <li>
4798                                    
4799                                        <a href="/dienstleistungen/energie-analysen/analyse-netzqualitaet" class="py-2 block">
4800    Analyse Netzqualität
4801</a>
4802
4803                                    
4804                                </li>
4805                                
4806                                <li>
4807                                    
4808                                        <a href="/dienstleistungen/energie-analysen/trafostationen" class="py-2 block">
4809    Trafostationen
4810</a>
4811
4812                                    
4813                                </li>
4814                                
4815                                <li>
4816                                    
4817                                        <a href="/dienstleistungen/energie-analysen/kabelanlagen-pruefen" class="py-2 block">
4818    Kabelanlagen prüfen
4819</a>
4820
4821                                    
4822                                </li>
4823                                
4824                                <li>
4825                                    
4826                                        <a href="/dienstleistungen/energie-analysen/teilentladungen-messen" class="py-2 block">
4827    Teilentladungen messen
4828</a>
4829
4830                                    
4831                                </li>
4832                                
4833                            </ul>
4834                        </div>
4835                    
4836                
4837                    
4838                    
4839                        <div x-show="openNavId=='nav_mobile_netzkunden_child_dienstleistungen_tiefbau'" x-cloak>
4840                            <div class="flex items-center border-b border-grey pb-2">
4841                                <a
4842                                    href="#"
4843                                    class="flex flex-col items-center"
4844                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_dienstleistungen'"
4845                                    aria-label="Zurück zum vorherigen Menü"
4846                                >
4847                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4848                                    <span class="text-xs">Zurück</span>
4849                                </a>
4850                                <span class="ml-4 text-lg">Tiefbau</span>
4851                            </div>
4852
4853                            <ul class="my-6">
4854                                <li>
4855                                    <a href="/dienstleistungen/tiefbau" class="py-2 block">
4856    Tiefbau
4857</a>
4858
4859                                </li>
4860                                
4861                                <li>
4862                                    
4863                                        <a href="/dienstleistungen/tiefbau/strassenbau" class="py-2 block">
4864    Straßenbau
4865</a>
4866
4867                                    
4868                                </li>
4869                                
4870                                <li>
4871                                    
4872                                        <a href="/dienstleistungen/tiefbau/pflasterarbeiten" class="py-2 block">
4873    Pflasterarbeiten
4874</a>
4875
4876                                    
4877                                </li>
4878                                
4879                                <li>
4880                                    
4881                                        <a href="/dienstleistungen/tiefbau/erdbau" class="py-2 block">
4882    Erdbau
4883</a>
4884
4885                                    
4886                                </li>
4887                                
4888                                <li>
4889                                    
4890                                        <a href="/dienstleistungen/tiefbau/kanalbau" class="py-2 block">
4891    Kanalbau
4892</a>
4893
4894                                    
4895                                </li>
4896                                
4897                                <li>
4898                                    
4899                                        <a href="/dienstleistungen/tiefbau/recycling" class="py-2 block">
4900    Recycling
4901</a>
4902
4903                                    
4904                                </li>
4905                                
4906                                <li>
4907                                    
4908                                        <a href="/dienstleistungen/tiefbau/abbruch" class="py-2 block">
4909    Abbruch
4910</a>
4911
4912                                    
4913                                </li>
4914                                
4915                            </ul>
4916                        </div>
4917                    
4918                
4919                    
4920                    
4921                        <div x-show="openNavId=='nav_mobile_netzkunden_child_dienstleistungen_hilfe-kontakt'" x-cloak>
4922                            <div class="flex items-center border-b border-grey pb-2">
4923                                <a
4924                                    href="#"
4925                                    class="flex flex-col items-center"
4926                                    x-on:click.prevent="openNavId='nav_mobile_netzkunden_sub_dienstleistungen'"
4927                                    aria-label="Zurück zum vorherigen Menü"
4928                                >
4929                                    <svg class="ml-1 h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.2 288 416 288c17.7 0 32-14.3 32-32s-14.3-32-32-32l-306.7 0L214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>
4930                                    <span class="text-xs">Zurück</span>
4931                                </a>
4932                                <span class="ml-4 text-lg">Hilfe & Kontakt</span>
4933                            </div>
4934
4935                            <ul class="my-6">
4936                                <li>
4937                                    <a href="/dienstleistungen/hilfe-kontakt-dienstleistungen" class="py-2 block">
4938    Hilfe & Kontakt
4939</a>
4940
4941                                </li>
4942                                
4943                                <li>
4944                                    
4945                                        <a href="/dienstleistungen/hilfe-kontakt-dienstleistungen/tiefbau-anfragen" class="py-2 block">
4946    Tiefbau anfragen
4947</a>
4948
4949                                    
4950                                </li>
4951                                
4952                                <li>
4953                                    
4954                                        <a href="/kontakt/kontakt-dienstleistungen/kontaktformular-dienstleistungen-fuer-industrie-verbaende" class="py-2 block">
4955    Kontakt Dienstleistungen
4956</a>
4957
4958                                    
4959                                </li>
4960                                
4961                            </ul>
4962                        </div>
4963                    
4964                
4965            
4966        
4967    
4968        
4969        
4970            
4971        
4972            
4973        
4974            
4975        
4976            
4977        
4978            
4979        
4980    
4981        
4982        
4983            
4984        
4985            
4986        
4987            
4988        
4989            
4990        
4991            
4992        
4993    
4994</div>
4995
4996                </div>
4997            </nav>
4998        </div>
4999    </div>
5000
5001    
5002</header>
5003
5004<script>
5005    window.clientRoutes = [
5006        
5007            '/',
5008        
5009            '/installateure',
5010        
5011            '/kommunen',
5012        
5013    ];
5014</script>
5014
5015
5016<script>
5017    document.addEventListener('alpine:init', () => {
5018        Alpine.data('navScrollHandler', () => {
5019            return {
5020                mobileNavIsOpen: false,
5021                openNavId: '0',
5022                onSiteSubnavOpen: false,
5023                mainNavChildIsOpen: false,
5024                searchIsOpen: false,
5025                searchQuery: '',
5026                lastScroll: 0,
5027                scrollingDown: false,
5028
5029                init() {
5030                    this.lastScroll = window.pageYOffset;
5031
5032                    const searchParams = new URLSearchParams(window.location.search);
5033                    if (searchParams) {
5034                        this.searchQuery = searchParams.get('q');
5035                    }
5036
5037                    window.addEventListener('scroll', () => {
5038                        let currentScroll = window.pageYOffset;
5039
5040                        this.scrollingDown = currentScroll > this.lastScroll && currentScroll > 50;
5041                        this.lastScroll = currentScroll;
5042                    });
5043                },
5044            };
5045        });
5046    });
5047</script>
5047
5048
5049
5050        
5051        <main id="content" class="flex-1" >
5052            <div
5053    x-data="bannerLayer"
5054    x-init="init()"
5055    x-show="visibleBanners.length > 0"
5056    x-cloak
5057    class="banner-layer fixed bottom-0 left-0 right-0 z-[49] pointer-events-none"
5058>
5059    <div
5060        x-show="!collapsed"
5061        x-transition:enter="transition ease-out duration-300"
5062        x-transition:enter-start="opacity-0 translate-y-2"
5063        x-transition:enter-end="opacity-100 translate-y-0"
5064        x-transition:leave="transition ease-in duration-200"
5065        x-transition:leave-start="opacity-100 translate-y-0"
5066        x-transition:leave-end="opacity-0 translate-y-2"
5067        id="banner-layer-cards"
5068        aria-live="polite"
5069        class="banner-layer__cards pointer-events-auto px-2 py-4"
5070    >
5071        <div class="max-w-screen-xl mx-auto flex flex-col-reverse gap-2">
5072            <template x-for="banner in visibleBanners" :key="banner.id">
5073                <div
5074                    x-data="{ expanded: false }"
5075                    class="rounded-svo border-2 overflow-hidden text-secondary"
5076                    :class="{
5077                        'border-alert bg-alert-light': !banner.type || banner.type.toLowerCase() === 'info',
5078                        'border-alert-success bg-alert-success-light': banner.type?.toLowerCase() === 'success',
5079                        'border-alert-warning bg-alert-warning-light': banner.type?.toLowerCase() === 'warning',
5080                        'border-alert-error bg-alert-error-light': banner.type?.toLowerCase() === 'error'
5081                    }"
5082                >
5083                    <div class="flex items-start gap-3 p-4">
5084                        <template x-if="banner.icon">
5085                            <div
5086                                class="flex-shrink-0 mt-0.5 flex items-center justify-center rounded-full aspect-square"
5087                                style="width: 3rem;"
5088                                :class="'bg-white'"
5089                                aria-hidden="true"
5090                            >
5091                                <template x-if="banner.icon.icon_set === 'icon_set_svo_icon' && banner.icon.svo_icon">
5092                                    <img :src="`/svg/svo-icons/${banner.icon.svo_icon}.svg`" alt="" class="h-6 w-6">
5093                                </template>
5094                                <template x-if="banner.icon.fontawesome_icon">
5095                                    <i :class="`fa ${banner.icon.fontawesome_icon} text-base text-white`"></i>
5096                                </template>
5097                            </div>
5098                        </template>
5099
5100                        <div class="flex-1 min-w-0">
5101                            <p class="font-bold text-base leading-tight" x-text="banner.title"></p>
5102                            <div
5103                                x-show="expanded"
5104                                x-collapse
5105                                class="text-sm mt-2 [&>p>a]:font-bold [&>p>a]:underline [&>p]:mb-2 [&>p:last-child]:mb-0"
5106                                x-html="renderBardContent(banner.message)"
5107                            ></div>
5108                            <button
5109                                type="button"
5110                                @click="expanded = !expanded"
5111                                class="text-xs font-bold underline underline-offset-4 decoration-2 hover:decoration-primary mt-2"
5112                                :aria-expanded="expanded"
5113                                x-text="expanded ? 'Weniger anzeigen' : 'Mehr lesen'"
5114                            ></button>
5115                        </div>
5116
5117                        <button
5118                            type="button"
5119                            @click="dismiss(banner.id)"
5120                            class="flex-shrink-0 flex items-center justify-center text-secondary opacity-70 hover:opacity-100 transition-opacity"
5121                            style="min-width: 44px; min-height: 44px; margin-top: -0.75rem; margin-right: -0.75rem;"
5122                            aria-label="Diese Meldung schließen"
5123                        >
5124                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
5125                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
5126                            </svg>
5127                        </button>
5128                    </div>
5129                </div>
5130            </template>
5131        </div>
5132    </div>
5133
5134    <div class="banner-layer__bar pointer-events-auto bg-white border-t border-grey">
5135        <div class="max-w-screen-xl mx-auto flex items-center justify-between gap-3 px-4 py-3">
5136            <div class="flex items-center gap-3 text-sm text-secondary">
5137                <i class="fa fa-bell" aria-hidden="true"></i>
5138                <span>
5139                    <span class="font-bold" x-text="totalCount"></span>
5140                    <span x-text="totalCount === 1 ? 'Meldung' : 'Meldungen'"></span>
5141                </span>
5142                <template x-if="criticalCount > 0">
5143                    <span class="inline-flex items-center bg-alert-error-light border-2 border-alert-error text-secondary text-xs font-bold px-2 py-0.5 rounded-full">
5144                        <span x-text="`${criticalCount} kritisch`"></span>
5145                    </span>
5146                </template>
5147            </div>
5148            <button
5149                type="button"
5150                @click="collapsed ? expand() : collapse()"
5151                class="text-sm font-bold text-secondary underline underline-offset-4 decoration-2 hover:decoration-primary"
5152                :aria-expanded="!collapsed"
5153                aria-controls="banner-layer-cards"
5154                x-text="collapsed ? 'Anzeigen' : 'Einklappen'"
5155                style="min-height: 44px;"
5156            ></button>
5157        </div>
5158    </div>
5159</div>
5160
5161            
5162
5163
5164    <section class="relative overflow-clip block sm:block lg:block">
5165    
5166        <div class="relative fluid-grid items-end md:pt-[147px] pb-12 bg-[#CCE8FD]">
5167    <div class="span-full relative md:absolute h-full w-full inset-x-0 md:!z-50 bg-[#CCE8FD] min-h-[195px]">
5168        
5169    
5170    
5171
5172    
5173    
5174
5175    
5176
5177    
5178    
5179
5180    
5181    
5182
5183    <figure
5184        
5185        class="element-figure relative h-full relative h-full max-w-[2574px] mx-auto  "
5186        x-data="{ imgVisible: false }"
5187        >
5188        <picture>
5189            <img
5190                data-src="https://res.cloudinary.com/dhdcxhxbb/image/upload/w_auto,dpr_auto,x_1000,y_400,z_1,g_xy_center,c_fill/q_auto/f_auto/Statamic/images/cun/_allgemein-service/svn-logos-wagenseite.webp"
5191                class="cld-responsive w-full w-full h-full object-cover aspect-video hero-image-mask"
5192                alt="SVO Netz Autobeschriftung Seite"
5193                
5194                    loading="eager"
5195                    
5196                        fetchpriority="high"
5197                    
5198                
5199                @load="setTimeout(() => { imgVisible = true }, 50)"
5200        />
5201        </picture>
5202        
5203            <div
5204               x-show="imgVisible"
5205                x-transition.opacity
5206                x-cloak
5207                class="absolute  bottom-1.5  right-1.5 rounded px-1.5 py-0.5 text-[12px] leading-normal text-white bg-black bg-opacity-30 line-clamp-1 break-words ml-6"
5208                title="&copy; Joachim Lührs"
5209            >
5210                &copy; Joachim Lührs
5211            </div>
5212        
5213        
5214    </figure>
5215
5216
5217    </div>
5218    <div class="col-start-2 md:!col-start-7 col-span-12 md:col-span-6 bg-white border-2 p-8 rounded-svo md:!z-[60]">
5219        <div class="py-8">
5220            
5221    
5222    
5223    
5224    
5225    
5226    
5227
5228
5229
5230
5231
5232
5233    
5234    
5235
5236
5237<div class="element-headline flex flex-col  "
5238>
5239    
5240        <div 
5241    id="overline-8ba613b2-3364-4a8b-a9ab-1543f30cf01c-netzbetrieb-fuer-die-region" class="font-headline font-bold text-secondary text-base mb-2 "
5242>
5243            Netzbetrieb für die Region
5244        </div>
5245    
5246    
5247        <h1 
5248    id="headline-8ba613b2-3364-4a8b-a9ab-1543f30cf01c-das-unternehmen-svo-netz" class=" font-headline text-primary h1 "
5249 >
5250            Das Unternehmen SVO Netz
5251        </h1>
5252    
5253</div>
5254
5255
5256
5257
5258
5259            
5260    
5261    
5262    
5263
5264
5265<div 
5266    class=" element-paragraph prose !max-w-full [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5267>
5268    
5269</div>
5270
5271
5272
5273            
5274        </div>
5275    </div>
5276</div>
5277
5278    
5279</section>
5280
5281
5282
5283
5284
5285    
5286    
5287    
5288
5289
5290
5291<section class="pt-8 lg:pt-16 pb-8 lg:pb-16  bg-[#CCE8FD]  relative overflow-x-clip " >
5292    <div class="relative fluid-grid gap-fluid-grid-gap ">
5293        
5294
5295
5296    
5297    
5298        
5299    
5300
5301    
5302    
5303
5304
5305
5306    
5307    
5308    
5309    
5310    
5311    
5312
5313
5314<div 
5315    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5316 >
5317    <p>Die SVO Netz GmbH kümmert sich um alle Aufgaben des Netzbetriebes. Das Unternehmen</p><ul><li><p>installiert die Hausanschlüsse für Strom, Erdgas, Wasser und Abwasser sowie Baustrom und Bauwasser</p></li><li><p>wartet und repariert das bestehende Strom-, Erdgas- und Trinkwassernetz</p></li><li><p>baut die Infrastruktur kontinuierlich aus – zum Beispiel hin zu einem intelligenten Stromnetz</p></li><li><p>ist Ihr Ansprechpartner, wenn es um die Anmeldung Ihrer Wallbox geht oder Sie Ihren Ökostrom aus einer Photovoltaik-, Wind-, Wasserkraft, Biomasse- oder einer KWK-Anlage in das Netz einspeisen und Ihre entsprechende Erzeugungsanlage anmelden wollen</p></li><li><p>kümmert sich um den reibungslosen Betrieb der Netze – und ist bei Störungen rund um die Uhr für Sie da. </p></li></ul>
5318</div>
5319
5320
5321
5322
5323
5324    
5325    
5326
5327    
5328    
5329            </div>
5330</section>
5331
5332    
5333
5334
5335
5336    
5337    
5338    
5339
5340
5341
5342<section class="pt-8 lg:pt-16 pb-8 lg:pb-16  relative overflow-x-clip " >
5343    <div class="relative fluid-grid gap-fluid-grid-gap ">
5344        
5345
5346
5347    
5348    
5349        
5350    
5351
5352    
5353    
5354
5355
5356
5357    
5358    
5359    
5360    
5361    
5362    
5363    
5364    
5365    
5366
5367
5368
5369
5370
5371
5372    
5373    
5374
5375
5376<div class="element-headline flex flex-col span-xl "
5377 >
5378    
5379    
5380        <h2 
5381    id="headline-m9tjwitj-struktur-der-svo-netz" class=" font-headline text-headline h3 "
5382 >
5383            Struktur der SVO Netz
5384        </h2>
5385    
5386</div>
5387
5388
5389
5390
5391
5392
5393
5394    
5395    
5396
5397    
5398    
5399
5400
5401
5402    
5403    
5404    
5405    
5406    
5407    
5408
5409
5410<div 
5411    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5412 >
5413    <p>Die SVO Netz GmbH gehört zur SVO-Gruppe und ist seit 110 Jahren ein kompetenter Partner für alle Kommunen im Versorgungsgebiet. Als Netzbetreiber ist die SVO Netz für den Ausbau und die Erhaltung des Energienetzes zuständig und steht  für eine sichere, effiziente, kostengünstige und umweltbewusste Vers
5413orgung mit Strom, Erdgas und Wasser. Rund 250.000 Kundinnen und Kunden in den Landkreisen Celle, Uelzen, Heidekreis und Gifhorn verlassen sich täglich auf ihren Netzbetreiber vor Ort.</p>
5414</div>
5415
5416
5417
5418
5419
5420    
5421    
5422
5423    
5424    
5425
5426
5427
5428    
5429    
5430    <div class="element-image span-xl " >
5431    
5432        <div class="h-full">
5433            
5434
5435        </div>
5436    
5437</div>
5438
5439
5440    
5441    
5442
5443    
5444    
5445
5446
5447
5448    
5449    
5450    
5451    
5452    
5453    
5454
5455
5456<div 
5457    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5458 >
5459    <p>Mehr über die Struktur der SVO-Gruppe finden Sie <a target="_blank" href="https://www.svo.de/unternehmen-svo/organisationsstruktur">auf dieser Seite</a>.</p>
5460</div>
5461
5462
5463
5464
5465
5466    
5467    
5468
5469    
5470    
5471            </div>
5472</section>
5473
5474    
5475
5476
5477
5478    
5479    
5480    
5481
5482
5483
5484<section class="pt-8 lg:pt-16 pb-8 lg:pb-16  relative overflow-x-clip " >
5485    <div class="relative fluid-grid gap-fluid-grid-gap ">
5486        
5487
5488
5489    
5490    
5491        
5492    
5493
5494    
5495    
5496
5497
5498
5499    
5500    
5501    
5502    
5503    
5504    
5505    
5506    
5507    
5508
5509
5510
5511
5512
5513
5514    
5515    
5516
5517
5518<div class="element-headline flex flex-col span-xl "
5519 >
5520    
5521    
5522        <h3 
5523    id="headline-m9tjxmlr-svo-netz-bringt-gruenen-strom-dahin-wo-er-gebraucht-wird" class=" font-headline text-headline h3 "
5524 >
5525            SVO Netz bringt grünen Strom dahin, wo er gebraucht wird
5526        </h3>
5527    
5528</div>
5529
5530
5531
5532
5533
5534
5535
5536    
5537    
5538
5539    
5540    
5541
5542
5543
5544    
5545    
5546    
5547    
5548    
5549    
5550
5551
5552<div 
5553    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5554 >
5555    <p>Als Möglichmacher der Energiewende investiert die SVO Netz kontinuierlich und gezielt in die Versorgungsnetze und sorgt damit für eine starke und effiziente Infrastruktur. Zudem unterstützt die SVO Netz die Anlagenbetreiber dabei, den dezentral erzeugten Strom ins Stromnetz einzuspeisen. Mit Erfolg: Denn rechnerisch betrachtet deckt die SVO Netz den Strombedarf in ihrem Netzgebiet bereits heute zu rund 85 Prozent durch erneuerbare Energien, die vor Ort erzeugt werden.</p>
5556</div>
5557
5558
5559
5560
5561
5562    
5563    
5564
5565    
5566    
5567            </div>
5568</section>
5569
5570    
5571
5572
5573
5574    
5575    
5576    
5577
5578
5579
5580<section class="pt-8 lg:pt-16 pb-8 lg:pb-16  relative overflow-x-clip " >
5581    <div class="relative fluid-grid gap-fluid-grid-gap ">
5582        
5583
5584
5585    
5586    
5587        
5588    
5589
5590    
5591    
5592
5593
5594
5595    
5596    
5597    
5598    
5599    
5600    
5601    
5602    
5603    
5604
5605
5606
5607
5608
5609
5610    
5611    
5612
5613
5614<div class="element-headline flex flex-col span-xl "
5615 >
5616    
5617    
5618        <h3 
5619    id="headline-m9tjzbp3-der-region-verbunden" class=" font-headline text-headline h3 "
5620 >
5621            Der Region verbunden
5622        </h3>
5623    
5624</div>
5625
5626
5627
5628
5629
5630
5631
5632    
5633    
5634
5635    
5636    
5637
5638
5639
5640    
5641    
5642    
5643    
5644    
5645    
5646
5647
5648<div 
5649    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5650 >
5651    <p>Die Hälfte der Unternehmensanteile der SVO Netz hält die Avacon AG. Die andere Hälfte des Unternehmens in der SVO-Gruppe gehört kommunalen Anteilseignern wie der Stadt Celle oder den Landkreisen Celle und Uelzen. Vom Unternehmensgewinn der SVO Netz profitieren damit also auch die Bürgerinnen und Bürgern in der Region. Auch sonst sorgt die SVO Netz dafür, dass ein großer Teil des Geldes der Region bleibt: in Form von Steuern, Abgaben und Investitionen. Wann immer es möglich ist, vergibt die SVO Netz Aufträge an heimische Anbieter.</p>
5652</div>
5653
5654
5655
5656
5657
5658    
5659    
5660
5661    
5662    
5663            </div>
5664</section>
5665
5666    
5667
5668
5669
5670    
5671    
5672    
5673
5674
5675
5676<section class="pt-8 lg:pt-16 pb-8 lg:pb-16  relative overflow-x-clip " >
5677    <div class="relative fluid-grid gap-fluid-grid-gap ">
5678        
5679
5680
5681    
5682    
5683        
5684    
5685
5686    
5687    
5688
5689
5690
5691    
5692    
5693    
5694
5695
5696
5697
5698
5699<div class="element-layout-grid span-xl " >
5700    <div class=" grid  md:grid-cols-12 gap-8 lg:gap-16 items-center">
5701        
5702            
5703            
5704            <div class="h-full md:first:col-span-6 md:last:col-span-6">
5705                
5706                    
5707                    
5708                    
5709                        
5710    
5711    
5712    
5713    
5714    
5715    
5716
5717
5718
5719
5720
5721
5722    
5723    
5724
5725
5726<div class="element-headline flex flex-col span-xl "
5727 >
5728    
5729    
5730        <h3 
5731    id="headline-mbrxpxxd-zertifikate-und-nachweise" class=" font-headline text-headline h3 "
5732 >
5733            Zertifikate und Nachweise
5734        </h3>
5735    
5736</div>
5737
5738
5739
5740
5741
5742
5743                    
5744                
5745                    
5746                    
5747                    
5748                        
5749    
5750    
5751    
5752
5753
5754<div 
5755    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5756 >
5757    <p>Die SVO Netz steht für höchste Standards in allen Bereichen – von Netzbetrieb bis hin zu Gesundheit, Sicherheit und Umwelt. Unsere Zertifikate und Nachweise belegen unser Engagement für Qualität, Sicherheit und Nachhaltigkeit.</p>
5758</div>
5759
5760
5761
5762
5763                    
5764                
5765                    
5766                    
5767                    
5768                        <div class="element-buttons flex gap-3  span-xl " >
5769    
5770        
5771            <div class="span-md flex flex-wrap gap-3 not-prose " >
5772                
5773    <a
5774        
5775        
5776    class=" element-button secondary flex gap-2 flex-row secondary "
5777
5778        
5779    href="/unternehmen/zertifikate"
5780
5781        
5782        
5783        
5784    >
5785        
5786        
5787            <div class="w-full text-center empty:hidden">
5788                Mehr erfahren
5789            </div>
5790        
5791    </a>
5792
5793
5794
5795
5796
5797
5798            </div>
5799        
5800    
5801</div>
5802
5803                    
5804                
5805            </div>
5806        
5807            
5808            
5809            <div class="h-full md:first:col-span-6 md:last:col-span-6">
5810                
5811                    
5812                    
5813                    
5814                        <div class="element-image span-xl " >
5815    
5816        <div class="h-full">
5817            
5818    
5819    
5820
5821    
5822    
5823
5824    
5825
5826    
5827    
5828
5829    
5830    
5831
5832    <figure
5833        
5834        class="element-figure relative h-full    [&>picture>img]:rounded-svo "
5835        x-data="{ imgVisible: false }"
5836        >
5837        <picture>
5838            <img
5839                data-src="https://res.cloudinary.com/dhdcxhxbb/image/upload/w_auto,dpr_auto,x_600,y_400,z_1,g_xy_center,c_f
5839ill/q_auto/f_auto/Statamic/images/cun/_allgemein-service/svo-wallpaper-gemeinsam-energiewende-bewegen_1200x800.webp"
5840                class="cld-responsive w-full mx-auto"
5841                alt="SVO-Fahne "Gemeinsam Energiewende bewegen""
5842                
5843                    loading="lazy"
5844                    
5845                
5846                @load="setTimeout(() => { imgVisible = true }, 50)"
5847        />
5848        </picture>
5849        
5850            <div
5851               x-show="imgVisible"
5852                x-transition.opacity
5853                x-cloak
5854                class="absolute  bottom-1.5  right-1.5 rounded px-1.5 py-0.5 text-[12px] leading-normal text-white bg-black bg-opacity-30 line-clamp-1 break-words ml-6"
5855                title="&copy; Joachim Lührs"
5856            >
5857                &copy; Joachim Lührs
5858            </div>
5859        
5860        
5861    </figure>
5862
5863
5864        </div>
5865    
5866</div>
5867
5868                    
5869                
5870            </div>
5871        
5872        
5873    </div>
5874</div>
5875
5876
5877    
5878    
5879
5880    
5881    
5882            </div>
5883</section>
5884
5885    
5886
5887
5888
5889    
5890    
5891    
5892
5893
5894
5895<section class="pt-8 lg:pt-16 pb-8 lg:pb-16  relative overflow-x-clip " >
5896    <div class="relative fluid-grid gap-fluid-grid-gap ">
5897        
5898
5899
5900    
5901    
5902        
5903    
5904
5905    
5906    
5907
5908
5909
5910    
5911    
5912    
5913
5914<div class="element-highlight-box span-xl   " >
5915    <div class="bg-grey-surface rounded-svo p-12  flex  flex-col  md:grid md:grid-cols-2 gap-6 md:gap-8 ">
5916
5917        <div>
5918            
5919    
5920    
5921    
5922    
5923    
5924    
5925
5926
5927
5928
5929
5930
5931    
5932    
5933
5934
5935<div class="element-headline flex flex-col span-xl "
5936>
5937    
5938        <div 
5939    id="overline-m9tjzxnb-nachhaltigkeit-in-der-region" class="font-headline font-bold text-secondary text-base mb-2 "
5940>
5941            Nachhaltigkeit in der Region
5942        </div>
5943    
5944    
5945        <h3 
5946    id="headline-m9tjzxnb-klimaschutz-im-versorgungsgebiet-voranbringen" class=" font-headline text-primary h3 "
5947 >
5948            Klimaschutz im Versorgungsgebiet voranbringen
5949        </h3>
5950    
5951</div>
5952
5953
5954
5955
5956
5957        </div>
5958        <div>
5959            
5960    
5961    
5962    
5963
5964
5965<div 
5966    class=" element-paragraph prose !max-w-full span-xl [&>p+p]:mt-4 [&>p>a]:font-bold [&>p>a]:underline [&>p>a]:underline-offset-4 [&>p>a]:decoration-2 [&>p>a:hover]:decoration-primary [&>p>a]:transition-colors "
5967>
5968    <p>Die SVO Netz als Teil der SVO-Gruppe setzt seit über zehn Jahren regelmäßig einen Teil ihres Umsatzes für den Klimaschutz ein. Dieses Geld fließt in zwei Klimaschutzgesellschaften und eine Klimaschutzagentur.</p>
5969</div>
5970
5971
5972
5973            
5974                <div class="flex flex-wrap gap-3 mt-10 justify-start span-xl">
5975                    
5976                    <div class="">
5977                        
5978    <a
5979        
5980        
5981    class=" element-button primary flex gap-2 flex-row primary "
5982
5983        
5984    href="https://www.svo.de/unternehmen-svo/regional-und-nachhaltig"
5985
5986        
5987        
5988        
5989    >
5990        
5991        
5992            <div class="w-full text-center empty:hidden">
5993                Mehr über Klimaschutzfonds der SVO-Gruppe
5994            </div>
5995        
5996    </a>
5997
5998
5999
6000
6001
6002
6003                    </div>
6004                    
6005                </div>
6006            
6007        </div>
6008    </div>
6009</div>
6010
6011
6012    
6013    
6014
6015    
6016    
6017            </div>
6018</section>
6019
6020    
6021
6022
6023
6024        </main>
6025
6026        
6027            <footer class="overflow-x-clip" >
6028    <div class="relative fluid-grid">
6029        <svg class="relative span-full z-swoosh text-primary -scale-x-[1] left-1/2 -translate-x-1/2 mx-auto pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1920" height="250" viewBox="0 0 1920 250" fill="none"><path d="M1040.93 206.465C622.685 304.602 281.764 237.26 -2.97734e-05 4.81844e-07L1920 0.000168334C1626.99 68.8792 1333.98 137.71 1040.93 206.465Z" fill="currentColor"/></svg>
6030        <div class="span-xl md:-mt-16 py-3 md:py-0">
6031            <a href="/" aria-label="Das Logo der SVO Netz verlinkt zur Startseite" class="inline-flex">
6032    
6033    
6034    
6035    <svg class="h-10" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 75.0" fill="none"><title>SVO Netz Logo</title>
6035<path d="M117.8 16.1418H111.5C110.74 16.1418 110.14 16.7818 110.2 17.5418C110.26 18.2818 110.28 19.0618 110.28 19.9018V28.4818C110.28 36.3218 107.66 40.1218 102.24 40.5818C101.56 40.6418 101.06 41.2018 101.06 41.8818V46.9818C101.06 47.7218 101.68 48.3218 102.44 48.2818C112.22 47.7818 119.18 41.8418 119.18 28.4818V19.9018C119.18 19.0218 119.16 18.1618 119.1 17.3618C119.06 16.6818 118.48 16.1418 117.8 16.1418Z" fill="#008DF7"/><path d="M101.08 6.5217V1.4217C101.08 0.681703 100.46 0.0817022 99.7 0.121703C89.92 0.621703 82.96 6.5617 82.96 19.9217V28.5017C82.96 29.3817 82.98 30.2417 83.04 31.0417C83.1 31.7217 83.66 32.2617 84.34 32.2617H90.64C91.4 32.2617 92 31.6217 91.94 30.8617C91.88 30.1217 91.86 29.3417 91.86 28.5017V19.9017C91.86 12.0617 94.48 8.2817 99.9 7.8017C100.56 7.7617 101.08 7.1817 101.08 6.5217Z" fill="#161957"/><path d="M75.58 0.541748H68.84C68.26 0.541748 67.76 1.04175 67.62 1.62175L58.4 39.8817C58.2 40.6417 58.02 40.9017 57.38 40.9017C56.74 40.9017 56.56 40.6417 56.36 39.8817L47.12 1.64175C47 1.06175 46.48 0.561748 45.92 0.561748H39.18C38.54 0.561748 38.04 1.00175 38.04 1.64175C38.04 1.72175 38.1 1.96175 38.1 1.96175L48.54 41.8617C50.06 47.7817 54.66 48.3617 57.38 48.3617C60.12 48.3617 64.7 47.7817 66.22 41.8617L76.66 1.96175C76.66 1.96175 76.72 1.72175 76.72 1.64175C76.72 1.00175 76.2 0.541748 75.58 0.541748Z" fill="#008DF7"/><path d="M23.78 22.0617L14.06 17.8017C9.92 15.5017 8.84 14.2417 8.84 12.1417C8.84 9.28169 10.82 7.62169 15.52 7.62169C19.66 7.62169 23.86 7.88169 28.06 8.26169H28.18C28.82 8.26169 29.26 7.76169 29.26 7.12169V2.40169C29.26 1.76169 28.76 1.32169 28.12 1.20169C25.96 0.681687 20.12 0.041687 15.92 0.041687C4.08 0.041687 0 5.14169 0 12.1417C0 16.6017 1.58 20.2817 7.52 23.7817L18 28.8017C22.2 30.8217 23.4 32.5617 23.4 35.0417C23.4 38.7417 21.68 40.7817 16.02 40.7817C13.66 40.7817 2.7 40.1417 2.72 40.1417C2.74 40.1417 2.62 40.1417 2.56 40.1417C1.92 40.1417 1.34 40.6617 1.34 41.3617V45.9417C1.34 46.6417 1.92 47.0817 2.56 47.2217C5.62 47.9217 11.12 48.3617 15.9 48.3617C28.64 48.3617 32.64 41.4817 32.64 35.0617C32.62 30.0217 30.82 25.4617 23.78 22.0617Z" fill="#008DF7"/><g transform="translate(2 69.3)"><path d="M15.73828125 0.0H13.44140625L4.1015625 -14.390625H4.0078125Q4.04296875 -13.81640625 4.08984375 -13.083984375Q4.13671875 -12.3515625 4.166015625 -11.525390625Q4.1953125 -10.69921875 4.1953125 -9.84375V0.0H2.34375V-17.1328125H4.62890625L13.93359375 -2.7890625H14.015625Q13.9921875 -3.19921875 13.95703125 -3.955078125Q13.921875 -4.7109375 13.892578125 -5.583984375Q13.86328125 -6.45703125 13.86328125 -7.20703125V-17.1328125H15.73828125Z M25.06640625 -13.078125Q26.70703125 -13.078125 27.87890625 -12.3515625Q29.05078125 -11.625 29.671875 -10.318359375Q30.29296875 -9.01171875 30.29296875 -7.265625V-6.05859375H21.421875Q21.45703125 -3.796875 22.546875 -2.61328125Q23.63671875 -1.4296875 25.6171875 -1.4296875Q26.8359375 -1.4296875 27.7734375 -1.65234375Q28.7109375 -1.875 29.71875 -2.30859375V-0.59765625Q28.74609375 -0.1640625 27.791015625 0.03515625Q26.8359375 0.234375 25.53515625 0.234375Q23.68359375 0.234375 22.306640625 -0.521484375Q20.9296875 -1.27734375 20.16796875 -2.7421875Q19.40625 -4.20703125 19.40625 -6.328125Q19.40625 -8.40234375 20.103515625 -9.919921875Q20.80078125 -11.4375 22.072265625 -12.2578125Q23.34375 -13.078125 25.06640625 -13.078125ZM25.04296875 -11.484375Q23.484375 -11.484375 22.55859375 -10.46484375Q21.6328125 -9.4453125 21.45703125 -7.6171875H28.25390625Q28.2421875 -8.765625 27.896484375 -9.638671875Q27.55078125 -10.51171875 26.84765625 -10.998046875Q26.14453125 -11.484375 25.04296875 -11.484375Z M37.74609375 -1.359375Q38.2265625 -1.359375 38.73046875 -1.44140625Q39.234375 -1.5234375 39.55078125 -1.640625V-0.12890625Q39.2109375 0.0234375 38.607421875 0.12890625Q38.00390625 0.234375 37.4296875 0.234375Q36.41015625 0.234375 35.578125 -0.123046875Q34.74609375 -0.48046875 34.248046875 -1.3359375Q33.75 -2.19140625 33.75 -3.703125V-11.3203125H31.921875V-12.26953125L33.76171875 -13.03125L34.53515625 -15.8203125H35.70703125V-12.84375H39.46875V-11.3203125H35.70703125V-3.76171875Q35.70703125 -2.5546875 36.263671875 -1.95703125Q36.8203125 -1.359375 37.74609375 -1.359375Z M50.40234375 0.0H41.0390625V-1.2890625L48.08203125 -11.3203125H41.484375V-12.84375H50.25V-11.40234375L43.30078125 -1.51171875H50.40234375Z" fill="#161957"/></g></svg>
6036</a>
6037
6038        </div>
6039    </div>
6040
6041    
6042    <div
6043        x-data="{ active: null, isMobile: window.innerWidth < 768 }"
6044        x-init="window.addEventListener('resize', () => isMobile = window.innerWidth < 768)"
6045        x-cloak
6046        class="relative fluid-grid md:mt-8"
6047    >
6048        <ul class="span-xl flex flex-col md:flex-row md:justify-between md:gap-4 w-full">
6049            
6050                <li
6051                    x-show="isMobile"
6052                    x-data="{
6053                        id: 0,
6054                        get expanded() {
6055                            return this.active === this.id
6056                        },
6057                        set expanded(value) {
6058                            this.active = value ? this.id : null
6059                        },
6060                    }"
6061                >
6062                    <nav aria-label="Netzkunden">
6063                        <button
6064                            type="button"
6065                            x-on:click="expanded = !expanded"
6066                            :aria-expanded="expanded"
6067                            class="flex items-center gap-2 justify-between w-full border-b-2 py-5 group"
6068                        >
6069                            
6070    
6071    
6072    
6073    
6074    
6075    
6076
6077
6078
6079
6080
6081
6082    
6083    
6084
6085
6086<div class="element-headline flex flex-col  "
6087>
6088    
6089    
6090        <h2 
6091    id="headline-footer-mobile-netzkunden" class=" font-headline text-headline h6 "
6092 >
6093            Netzkunden
6094        </h2>
6095    
6096</div>
6097
6098
6099
6100
6101
6102                            <i class="fa-regular fa-circle-chevron-down motion-safe:transition-transform" :class="expanded ? 'rotate-180' : 'group-hover:rotate-90'"></i>
6103                        </button>
6104                        <ul
6105                            x-show="expanded"
6106                            x-collapse
6107                            class="flex flex-col my-2"
6108                        >
6109                            
6110                                <li class="py-3">
6111                                    <a
6112                                        href="/anschluss"
6113                                        class="hover:text-primary"
6114                                    >
6115                                        Anschluss
6116                                    </a>
6117                                </li>
6118                            
6119                                <li class="py-3">
6120                                    <a
6121                                        href="/einspeisung"
6122                                        class="hover:text-primary"
6123                                    >
6124                                        Einspeisung
6125                                    </a>
6126                                </li>
6127                            
6128                                <li class="py-3">
6129                                    <a
6130                                        href="/zaehler"
6131                                        class="hover:text-primary"
6132                                    >
6133                                        Zähler
6134                                    </a>
6135                                </li>
6136                            
6137                                <li class="py-3">
6138                                    <a
6139                                        href="/netz"
6140                                        class="hover:text-primary"
6141                                    >
6142                                        Netz
6143                                    </a>
6144                                </li>
6145                            
6146                                <li class="py-3">
6147                                    <a
6148                                        href="/dienstleistungen"
6149                                        class="hover:text-primary"
6150                                    >
6151                                        Dienstleistungen
6152                                    </a>
6153                                </li>
6154                            
6155                        </ul>
6156                    </nav>
6157                </li>
6158                <li
6159                    x-show="!isMobile"
6160                    class="flex"
6161                >
6162                <nav aria-label="Netzkunden">
6163                    
6164    
6165    
6166    
6167    
6168    
6169    
6170
6171
6172
6173
6174
6175
6176    
6177    
6178
6179
6180<div class="element-headline flex flex-col  "
6181>
6182    
6183    
6184        <h2 
6185    id="headline-footer-desktop-netzkunden" class=" font-headline text-headline h6 "
6186 >
6187            Netzkunden
6188        </h2>
6189    
6190</div>
6191
6192
6193
6194
6195
6196                    <ul class="flex flex-col md:mt-4">
6197                        
6198                            <li class="py-2">
6199                                <a
6200                                    href="/anschluss"
6201                                    class="hover:text-primary"
6202                                >
6203                                    Anschluss
6204                                </a>
6205                            </li>
6206                        
6207                            <li class="py-2">
6208                                <a
6209                                    href="/einspeisung"
6210                                    class="hover:text-primary"
6211                                >
6212                                    Einspeisung
6213                                </a>
6214                            </li>
6215                        
6216                            <li class="py-2">
6217                                <a
6218                                    href="/zaehler"
6219                                    class="hover:text-primary"
6220                                >
6221                                    Zähler
6222                                </a>
6223                            </li>
6224                        
6225                            <li class="py-2">
6226                                <a
6227                                    href="/netz"
6228                                    class="hover:text-primary"
6229                                >
6230                                    Netz
6231                                </a>
6232                            </li>
6233                        
6234                            <li class="py-2">
6235                                <a
6236                                    href="/dienstleistungen"
6237                                    class="hover:text-primary"
6238                                >
6239                                    Dienstleistungen
6240                                </a>
6241                            </li>
6242                        
6243                    </ul>
6244                </nav>
6245            </li>
6246            
6247                <li
6248                    x-show="isMobile"
6249                    x-data="{
6250                        id: 1,
6251                        get expanded() {
6252                            return this.active === this.id
6253                        },
6254                        set expanded(value) {
6255                            this.active = value ? this.id : null
6256                        },
6257                    }"
6258                >
6259                    <nav aria-label="Installateure">
6260                        <button
6261                            type="button"
6262                            x-on:click="expanded = !expanded"
6263                            :aria-expanded="expanded"
6264                            class="flex items-center gap-2 justify-between w-full border-b-2 py-5 group"
6265                        >
6266                            
6267    
6268    
6269    
6270    
6271    
6272    
6273
6274
6275
6276
6277
6278
6279    
6280    
6281
6282
6283<div class="element-headline flex flex-col  "
6284>
6285    
6286    
6287        <h2 
6288    id="headline-footer-mobile-installateure" class=" font-headline text-headline h6 "
6289 >
6290            Installateure
6291        </h2>
6292    
6293</div>
6294
6295
6296
6297
6298
6299                            <i class="fa-regular fa-circle-chevron-down motion-safe:transition-transform" :class="expanded ? 'rotate-180' : 'group-hover:rotate-90'"></i>
6300                        </button>
6301                        <ul
6302                            x-show="expanded"
6303                            x-collapse
6304                            class="flex flex-col my-2"
6305                        >
6306                            
6307                                <li class="py-3">
6308                                    <a
6309                                        href="/installateure/pv-anlagen-einrichten"
6310                                        class="hover:text-primary"
6311                                    >
6312                                        PV-Anlagen errichten
6313                                    </a>
6314                                </li>
6315                            
6316                                <li class="py-3">
6317                                    <a
6318                                        href="/installateure/arbeiten-an-netzen"
6319                                        class="hover:text-primary"
6320                                    >
6321                                        Arbeiten an Netzen
6322                                    </a>
6323                                </li>
6324                            
6325                                <li class="py-3">
6326                                    <a
6327                                        href="/installateure/kontakt-installateure"
6328                                        class="hover:text-primary"
6329                                    >
6330                                        Kontakt für Installateure
6331                                    </a>
6332                                </li>
6333                            
6334                                <li class="py-3">
6335                                    <a
6336                                        href="/installateure/portal-installateure"
6337                                        class="hover:text-primary"
6338                                    >
6339                                        Installateurportal
6340                                    </a>
6341                                </li>
6342                            
6343                        </ul>
6344                    </nav>
6345                </li>
6346                <li
6347                    x-show="!isMobile"
6348                    class="flex"
6349                >
6350                <nav aria-label="Installateure">
6351                    
6352    
6353    
6354    
6355    
6356    
6357    
6358
6359
6360
6361
6362
6363
6364    
6365    
6366
6367
6368<div class="element-headline flex flex-col  "
6369>
6370    
6371    
6372        <h2 
6373    id="headline-footer-desktop-installateure" class=" font-headline text-headline h6 "
6374 >
6375            Installateure
6376        </h2>
6377    
6378</div>
6379
6380
6381
6382
6383
6384                    <ul class="flex flex-col md:mt-4">
6385                        
6386                            <li class="py-2">
6387                                <a
6388                                    href="/installateure/pv-anlagen-einrichten"
6389                                    class="hover:text-primary"
6390                                >
6391                                    PV-Anlagen errichten
6392                                </a>
6393                            </li>
6394                        
6395                            <li class="py-2">
6396                                <a
6397                                    href="/installateure/arbeiten-an-netzen"
6398                                    class="hover:text-primary"
6399                                >
6400                                    Arbeiten an Netzen
6401                                </a>
6402                            </li>
6403                        
6404                            <li class="py-2">
6405                                <a
6406                                    href="/installateure/kontakt-installateure"
6407                                    class="hover:text-primary"
6408                                >
6409                                    Kontakt für Installateure
6410                                </a>
6411                            </li>
6412                        
6413                            <li class="py-2">
6414                                <a
6415                                    href="/installateure/portal-installateure"
6416                                    class="hover:text-primary"
6417                                >
6418                                    Installateurportal
6419                                </a>
6420                            </li>
6421                        
6422                    </ul>
6423                </nav>
6424            </li>
6425            
6426                <li
6427                    x-show="isMobile"
6428                    x-data="{
6429                        id: 2,
6430                        get expanded() {
6431                            return this.active === this.id
6432                        },
6433                        set expanded(value) {
6434                            this.active = value ? this.id : null
6435                        },
6436                    }"
6437                >
6438                    <nav aria-label="Kommunen">
6439                        <button
6440                            type="button"
6441                            x-on:click="expanded = !expanded"
6442                            :aria-expanded="expanded"
6443                            class="flex items-center gap-2 justify-between w-full border-b-2 py-5 group"
6444                        >
6445                            
6446    
6447    
6448    
6449    
6450    
6451    
6452
6453
6454
6455
6456
6457
6458    
6459    
6460
6461
6462<div class="element-headline flex flex-col  "
6463>
6464    
6465    
6466        <h2 
6467    id="headline-footer-mobile-kommunen" class=" font-headline text-headline h6 "
6468 >
6469            Kommunen
6470        </h2>
6471    
6472</div>
6473
6474
6475
6476
6477
6478                            <i class="fa-regular fa-circle-chevron-down motion-safe:transition-transform" :class="expanded ? 'rotate-180' : 'group-hover:rotate-90'"></i>
6479                        </button>
6480                        <ul
6481                            x-show="expanded"
6482                            x-collapse
6483                            class="flex flex-col my-2"
6484                        >
6485                            
6486                                <li class="py-3">
6487                                    <a
6488                                        href="/kommunen/erneuerbare-energien"
6489                                        class="hover:text-primary"
6490                                    >
6491                                        Erneuerbare Energien
6492                                    </a>
6493                                </li>
6494                            
6495                                <li class="py-3">
6496                                    <a
6497                                        href="/kommunen/klimaschutz"
6498                                        class="hover:text-primary"
6499                                    >
6500                                        Klimaschutz
6501                                    </a>
6502                                </li>
6503                            
6504                                <li class="py-3">
6505                                    <a
6506                                        href="/kommunen/netzbetreiber"
6507                                        class="hover:text-primary"
6508                                    >
6509                                        Netzbetreiber
6510                                    </a>
6511                                </li>
6512                            
6513                                <li class="py-3">
6514                                    <a
6515                                        href="/kommunen/netzsicherheit"
6516                                        class="hover:text-primary"
6517                                    >
6518                                        Netzsicherheit
6519                                    </a>
6520                                </li>
6521                            
6522                                <li class="py-3">
6523                                    <a
6524                                        href="/kommunen/buergerbeteiligung"
6525                                        class="hover:text-primary"
6526                                    >
6527                                        Bürgerbeteiligung
6528                                    </a>
6529                                </li>
6530                            
6531                        </ul>
6532                    </nav>
6533                </li>
6534                <li
6535                    x-show="!isMobile"
6536                    class="flex"
6537                >
6538                <nav aria-label="Kommunen">
6539                    
6540    
6541    
6542    
6543    
6544    
6545    
6546
6547
6548
6549
6550
6551
6552    
6553    
6554
6555
6556<div class="element-headline flex flex-col  "
6557>
6558    
6559    
6560        <h2 
6561    id="headline-footer-desktop-kommunen" class=" font-headline text-headline h6 "
6562 >
6563            Kommunen
6564        </h2>
6565    
6566</div>
6567
6568
6569
6570
6571
6572                    <ul class="flex flex-col md:mt-4">
6573                        
6574                            <li class="py-2">
6575                                <a
6576                                    href="/kommunen/erneuerbare-energien"
6577                                    class="hover:text-primary"
6578                                >
6579                                    Erneuerbare Energien
6580                                </a>
6581                            </li>
6582                        
6583                            <li class="py-2">
6584                                <a
6585                                    href="/kommunen/klimaschutz"
6586                                    class="hover:text-primary"
6587                                >
6588                                    Klimaschutz
6589                                </a>
6590                            </li>
6591                        
6592                            <li class="py-2">
6593                                <a
6594                                    href="/kommunen/netzbetreiber"
6595                                    class="hover:text-primary"
6596                                >
6597                                    Netzbetreiber
6598                                </a>
6599                            </li>
6600                        
6601                            <li class="py-2">
6602                                <a
6603                                    href="/kommunen/netzsicherheit"
6604                                    class="hover:text-primary"
6605                                >
6606                                    Netzsicherheit
6607                                </a>
6608                            </li>
6609                        
6610                            <li class="py-2">
6611                                <a
6612                                    href="/kommunen/buergerbeteiligung"
6613                                    class="hover:text-primary"
6614                                >
6615                                    Bürgerbeteiligung
6616                                </a>
6617                            </li>
6618                        
6619                    </ul>
6620                </nav>
6621            </li>
6622            
6623                <li
6624                    x-show="isMobile"
6625                    x-data="{
6626                        id: 3,
6627                        get expanded() {
6628                            return this.active === this.id
6629                        },
6630                        set expanded(value) {
6631                            this.active = value ? this.id : null
6632                        },
6633                    }"
6634                >
6635                    <nav aria-label="Über uns">
6636                        <button
6637                            type="button"
6638                            x-on:click="expanded = !expanded"
6639                            :aria-expanded="expanded"
6640                            class="flex items-center gap-2 justify-between w-full border-b-2 py-5 group"
6641                        >
6642                            
6643    
6644    
6645    
6646    
6647    
6648    
6649
6650
6651
6652
6653
6654
6655    
6656    
6657
6658
6659<div class="element-headline flex flex-col  "
6660>
6661    
6662    
6663        <h2 
6664    id="headline-footer-mobile-ueber-uns" class=" font-headline text-headline h6 "
6665 >
6666            Über uns
6667        </h2>
6668    
6669</div>
6670
6671
6672
6673
6674
6675                            <i class="fa-regular fa-circle-chevron-down motion-safe:transition-transform" :class="expanded ? 'rotate-180' : 'group-hover:rotate-90'"></i>
6676                        </button>
6677                        <ul
6678                            x-show="expanded"
6679                            x-collapse
6680                            class="flex flex-col my-2"
6681                        >
6682                            
6683                                <li class="py-3">
6684                                    <a
6685                                        href="/unternehmen"
6686                                        class="hover:text-primary"
6687                                    >
6688                                        Unternehmen
6689                                    </a>
6690                                </li>
6691                            
6692                                <li class="py-3">
6693                                    <a
6694                                        href="/karriere"
6695                                        class="hover:text-primary"
6696                                    >
6697                                        Karriere
6698                                    </a>
6699                                </li>
6700                            
6701                                <li class="py-3">
6702                                    <a
6703                                        href="/news"
6704                                        class="hover:text-primary"
6705                                    >
6706                                        News
6707                                    </a>
6708                                </li>
6709                            
6710                                <li class="py-3">
6711                                    <a
6712                                        href="/downloadcenter"
6713                                        class="hover:text-primary"
6714                                    >
6715                                        Downloadcenter
6716                                    </a>
6717                                </li>
6718                            
6719                                <li class="py-3">
6720                                    <a
6721                                        href="/kontakt/pressestelle"
6722                                        class="hover:text-primary"
6723                                    >
6724                                        Pressestelle
6725                                    </a>
6726                                </li>
6727                            
6728                                <li class="py-3">
6729                                    <a
6730                                        href="/kontakt"
6731                                        class="hover:text-primary"
6732                                    >
6733                                        Kontakt
6734                                    </a>
6735                                </li>
6736                            
6737                        </ul>
6738                    </nav>
6739                </li>
6740                <li
6741                    x-show="!isMobile"
6742                    class="flex"
6743                >
6744                <nav aria-label="Über uns">
6745                    
6746    
6747    
6748    
6749    
6750    
6751    
6752
6753
6754
6755
6756
6757
6758    
6759    
6760
6761
6762<div class="element-headline flex flex-col  "
6763>
6764    
6765    
6766        <h2 
6767    id="headline-footer-desktop-ueber-uns" class=" font-headline text-headline h6 "
6768 >
6769            Über uns
6770        </h2>
6771    
6772</div>
6773
6774
6775
6776
6777
6778                    <ul class="flex flex-col md:mt-4">
6779                        
6780                            <li class="py-2">
6781                                <a
6782                                    href="/unternehmen"
6783                                    class="hover:text-primary"
6784                                >
6785                                    Unternehmen
6786                                </a>
6787                            </li>
6788                        
6789                            <li class="py-2">
6790                                <a
6791                                    href="/karriere"
6792                                    class="hover:text-primary"
6793                                >
6794                                    Karriere
6795                                </a>
6796                            </li>
6797                        
6798                            <li class="py-2">
6799              
6799                  <a
6800                                    href="/news"
6801                                    class="hover:text-primary"
6802                                >
6803                                    News
6804                                </a>
6805                            </li>
6806                        
6807                            <li class="py-2">
6808                                <a
6809                                    href="/downloadcenter"
6810                                    class="hover:text-primary"
6811                                >
6812                                    Downloadcenter
6813                                </a>
6814                            </li>
6815                        
6816                            <li class="py-2">
6817                                <a
6818                                    href="/kontakt/pressestelle"
6819                                    class="hover:text-primary"
6820                                >
6821                                    Pressestelle
6822                                </a>
6823                            </li>
6824                        
6825                            <li class="py-2">
6826                                <a
6827                                    href="/kontakt"
6828                                    class="hover:text-primary"
6829                                >
6830                                    Kontakt
6831                                </a>
6832                            </li>
6833                        
6834                    </ul>
6835                </nav>
6836            </li>
6837            
6838        </ul>
6839    </div>
6840
6841    
6842    <div class="fluid-grid my-12">
6843        <div class="flex flex-col gap-8 md:flex-row items-center md:justify-between span-xl bg-grey-surface px-6 py-5 rounded-svo">
6844            <nav aria-label="Footer Navigation Rechtliches">
6845                <ul class="flex justify-center flex-wrap md:justify-start gap-x-8 gap-y-3">
6846                    
6847                        <li>
6848                            <a
6849                                href="/impressum"
6850                                class="hover:text-primary"
6851                                
6852
6853                            >
6854                                Impressum
6855                            </a>
6856                        </li>
6857                    
6858                        <li>
6859                            <a
6860                                href="/datenschutz"
6861                                class="hover:text-primary"
6862                                
6863
6864                            >
6865                                Datenschutz
6866                            </a>
6867                        </li>
6868                    
6869                        <li>
6870                            <a
6871                                href="/einkaufsbedingungen"
6872                                class="hover:text-primary"
6873                                
6874
6875                            >
6876                                Einkaufsbedingungen
6877                            </a>
6878                        </li>
6879                    
6880                        <li>
6881                            <a
6882                                href="/e-rechnung"
6883                                class="hover:text-primary"
6884                                
6885
6886                            >
6887                                E-Rechnung
6888                            </a>
6889                        </li>
6890                    
6891                        <li>
6892                            <a
6893                                href="/gleichbehandlung"
6894                                class="hover:text-primary"
6895                                
6896
6897                            >
6898                                Gleichbehandlung
6899                            </a>
6900                        </li>
6901                    
6902                        <li>
6903                            <a
6904                                href="/compliance"
6905                                class="hover:text-primary"
6906                                
6907
6908                            >
6909                                Compliance
6910                            </a>
6911                        </li>
6912                    
6913                        <li>
6914                            <a
6915                                href="/barrierefreiheitserklaerung"
6916                                class="hover:text-primary"
6917                                
6918
6919                            >
6920                                Barrierefreiheit
6921                            </a>
6922                        </li>
6923                    
6924                        <li>
6925                            <a
6926                                href="/glossar"
6927                                class="hover:text-primary"
6928                                
6929
6930                            >
6931                                Glossar
6932                            </a>
6933                        </li>
6934                    
6935                </ul>
6936            </nav>
6937            <nav aria-label="Footer Navigation Soziale Netzwerke">
6938                <ul class="flex gap-8">
6939                    
6940                        
6941                            
6942                            
6943                                <li>
6944                                    <a
6945                                        href="https://www.facebook.com/netzbetreiber"
6946                                        class="hover:text-primary"
6947                                        aria-label="Besuche SVO auf facebook.com"
6948                                    >
6949                                        <i class="fa-brands fa-facebook  text-xl"></i>
6950                                    </a>
6951                                </li>
6952                            
6953                        
6954                    
6955                </ul>
6956            </nav>
6957        </div>
6958    </div>
6959
6960    
6961    <div id="new-tab-info" class="sr-only">öffnet in einem neuen Tab</div>
6962</footer>
6963
6964        
6965        <div class="bg-black opacity-50 fixed inset-0 z-blackout pointer-events-none" x-s
6965how="mobileNavIsOpen" x-cloak></div>
6966
6967        
6967<script  data-navigate-once="true">window.livewireScriptConfig = {"csrf":"STATAMIC_CSRF_TOKEN","uri":"https:\/\/www.svo-netz.de\/livewire-b7c7ebac\/update","moduleUrl":"https:\/\/www.svo-netz.de\/livewire-b7c7ebac","progressBar":"","nonce":""};</script>
6967
6968        
6969        
6970
6971
6972        
6972<script async="true" src="https://cdn.eye-able.com/configs/www.svo.de.js" data-cmp-info="2"></script>
vendor: 1 bytes, line 6972
6972
6973<script async="true" src="https://cdn.eye-able.com/public/js/eyeAble.js" data-cmp-info="2"></script>
6973
6974
6975    
6975<script>(function() {
6976    function createMap() {
6977        var map = {};
6978        var els = document.getElementsByClassName('nocache');
6979        for (var i = 0; i < els.length; i++) {
6980            var section = els[i].getAttribute('data-nocache');
6981            map[section] = els[i];
6982        }
6983        return map;
6984    }
6985
6986    function replaceElement(el, html) {
6987        const tmp = document.createElement('div');
6988        const fragment = document.createDocumentFragment();
6989
6990        tmp.setHTMLUnsafe(html);
6991
6992        while (tmp.firstChild) {
6993            fragment.appendChild(tmp.firstChild);
6994        }
6995
6996        el.replaceWith(fragment);
6997    }
6998
6999    var map = createMap();
7000
7001    fetch('/!/nocache', {
7002        method: 'POST',
7003        headers: { 'Content-Type': 'application/json' },
7004        body: JSON.stringify({
7005            url: window.location.href.split('#')[0],
7006            sections: Object.keys(map)
7007        })
7008    })
7009    .then((response) => response.json())
7010    .then((data) => {
7011        map = createMap();
7012
7013        const regions = data.regions;
7014        for (var key in regions) {
7015            if (map[key]) replaceElement(map[key], regions[key]);
7016        }
7017
7018        document.dispatchEvent(new CustomEvent('statamic:nocache.replaced', { detail: data }));
7019    });
7020})();</script>
7020</body>
7021</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.