PageSourceSearch

https://www.repower.com/ch/suche

html repower.com collected 2026-09-24 17:13:01 UTC 113,841 bytes, 1,714 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="de">
5<head>
6    
6<script  nonce="5ef73d50-a667-4646-a532-862add8b771c">
7        window.dataLayer = window.dataLayer || [];
8        function gtag() {
9            dataLayer.push(arguments);
10        }
11        gtag("consent", "default", {
12            ad_storage: "denied",
13            ad_user_data: "denied",
14            ad_personalization: "denied",
15            analytics_storage: "denied",
16            functionality_storage: "denied",
17            personalization_storage: "denied",
18            security_storage: "granted",
19            wait_for_update: 2000,
20        });
21    </script>
21
22    
23    
23<script nonce="5ef73d50-a667-4646-a532-862add8b771c">
24        window.dataLayer = window.dataLayer || [];
25        dataLayer.push({
26            'page_language': 'de',
27            'language_invariant_url': 'https://repowerrelaunch-live.azurewebsites.net/ch/suche'
28        });
29    
30    </script>
30
31    <!-- Google Tag Manager -->
32    
32<script id='gtm-snippet' data-nonce="5ef73d50-a667-4646-a532-862add8b771c" nonce='5ef73d50-a667-4646-a532-862add8b771c'>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
33    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
34    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
35    'https://www.googletagmanager.com/gtm.js?id='+i+dl;var n=d.querySelector('[nonce]');
36    n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);
37    })(window,document,'script','dataLayer','GTM-WB2J6H5D');
38    </script>
38
39    <!-- End Google Tag Manager -->
40
41    <meta name="viewport" content="width=device-width, initial-scale=1">
42
43    <!-- Start cookieyes banner -->
44    
44<script id="cookieyes" type="text/javascript" src="https://cdn-cookieyes.com/client_data/da0f0867c05d7adc26ca1595.js" nonce="5ef73d50-a667-4646-a532-862add8b771c"></script>
44
45
46
47
48<title>Suche</title>
49
50<link rel="canonical" href="https://www.repower.com/ch/suche" />
51
52
53<meta property="og:site_name" content="Home" />
54<meta property="og:title" content="Suche" />
55<meta property="og:description" content="" />
56<meta property="og:type" content="website" />
57<meta property="og:url" content="https://www.repower.com/ch/suche" />
58<meta property="og:image" content="https://www.repower.com" />
59
60
61    <link rel="icon" type="image/vnd.microsoft.icon" href="/images/favicon.ico">
62    <link href="/assets/style.6212a740026703f585e1.css" rel="stylesheet">
62<script src="/assets/style.6212a740026703f585e1.js" defer="defer"></script>
62
63</head>
64<body class="bg-white flex flex-col min-h-screen">
65    <!-- Google Tag Manager (noscript) -->
66    <noscript>
67        <iframe src=https://www.googletagmanager.com/ns.html?id=GTM-WB2J6H5D
68                height="0" width="0" style="display:none;visibility:hidden"></iframe>
69    </noscript>
70    <!-- End Google Tag Manager (noscript) -->
71<header>
72    <div class="hidden lg:block">
73            <div class="container">
74        <div
75            class="flex flex-row items-end xl:items-center xl:py-8  justify-between pt-3 pb-6  relative z-[1]">
76            <div class="shrink-0">
77                <a href="/ch" target="_self" aria-label="Home"
78                    aria-current="">
79                    <img class="w-[150px] h-auto mr-11 2xl:mr-18 pb-2.5 xl:pb-0" src="/new-media/hvtacetd/logo-repower.svg"
80                        alt="Logo Repower" />
81                </a>
82            </div>
83            <div
84                class="w-full flex flex-col xl:flex-row-reverse gap-4 xl:justify-between">
85                <nav class="flex-row flex items-center space-x-5 justify-end" aria-label="Meta">
86                                    <button class="text-link-gray header-item "
87                                        data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3" aria-owns="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3"
88                                        aria-controls="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3" aria-expanded="false">
89                                        Jobs
90                                    </button>
91                                    <button class="text-link-gray header-item "
92                                        data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea" aria-owns="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea"
93                                        aria-controls="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea" aria-expanded="false">
94                                        &#xDC;ber uns
95                                    </button>
96                                    <a class="text-link-gray "
97                                        href="/ch/wissen"
98                                        aria-current="">
99                                        Wissen
100                                    </a>
101                        <div class="pl-[5px] flex flex-row gap-3">
102                                <a href="/ch/suche"
103                                    class="search-link cursor-pointer group hover:outline hover:outline-4 hover:outline-secondary-gray-soft disabled:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-13 h-13 flex items-center justify-center border border-gray-light shrink-0 active:bg-secondary-gray-soft active:outline-none"
104                                    aria-label="Suche" title="Suche">
105                                    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"
106                                        aria-hidden="true" focusable="false">
107                                        <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
108                                            d="M11.5 19C15.9183 19 19.5 15.4183 19.5 11C19.5 6.58172 15.9183 3 11.5 3C7.08172 3 3.5 6.58172 3.5 11C3.5 15.4183 7.08172 19 11.5 19Z"
109                                            stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
110                                        <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
111                                            d="M21.5 21L17.15 16.65" stroke="#FF463C" stroke-width="2" stroke-linecap="round"
112                                            stroke-linejoin="round" />
113                                    </svg>
114                                </a>
115                                <a class="btn-tertiary m-0 px-6 pt-2.5 pb-3 h-13" target="_blank"
116                                    href="https://miaenergia.repower.com/login">
117                                    Login
118                                </a>
119                        </div>
120                </nav>
121                <nav aria-label="Main"
122                    class="flex-row flex space-x-6 mr-0.5 items-center justify-end xl:justify-start">
123                                    <button type="button" aria-owns="ff441f7d-50f9-4389-adfa-298b47c8e24c" aria-controls="ff441f7d-50f9-4389-adfa-298b47c8e24c"
124                                        aria-expanded="false"
125                                        class="cursor-pointer text-secondary-gray hover:text-primary-red pt-0 text-2xl duration-150 ease-in-out inline-block text-center header-item "
126                                        data-text="Strom"
127                                        data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c">
128                                        Strom
129                                    </button>
130                                    <button type="button" aria-owns="8c9f2a93-1924-40a3-90d2-33627c0f5fb8" aria-controls="8c9f2a93-1924-40a3-90d2-33627c0f5fb8"
131                                        aria-expanded="false"
132                                        class="cursor-pointer text-secondary-gray hover:text-primary-red pt-0 text-2xl duration-150 ease-in-out inline-block text-center header-item "
133                                        data-text="Solar"
134                                        data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8">
135                                        Solar
136                                    </button>
137                                    <button type="button" aria-owns="99dc70f3-0703-423a-9f71-820dccb1a991" aria-controls="99dc70f3-0703-423a-9f71-820dccb1a991"
138                                        aria-expanded="false"
139                                        class="cursor-pointer text-secondary-gray hover:text-primary-red pt-0 text-2xl duration-150 ease-in-out inline-block text-center header-item "
140                                        data-text="Infrastruktur"
141                                        data-val="99dc70f3-0703-423a-9f71-820dccb1a991">
142                                        Infrastruktur
143                                    </button>
144                                    <button type="button" aria-owns="4de5ce7d-2578-49b5-a1bc-1f525f2e5291" aria-controls="4de5ce7d-2578-49b5-a1bc-1f525f2e5291"
145                                        aria-expanded="false"
146                                        class="cursor-pointer text-secondary-gray hover:text-primary-red pt-0 text-2xl duration-150 ease-in-out inline-block text-center header-item "
147                                        data-text="Kundencenter"
148                                        data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291">
149                                        Kundencenter
150                                    </button>
151                </nav>
152
153            </div>
154        </div>
155
156    </div>
157    <div>
158        <div class="absolute left-1/2 mt-2 flex w-screen h-fit -translate-x-1/2 z-50 pointer-events-none">
159
160<div id="ff441f7d-50f9-4389-adfa-298b47c8e24c" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Strom">
161    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
162        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
163            <div class="text-secondary-gray-soft flyout-close rounded-full bg-white w-11 h-11 flex items-center justify-center border border-gray-light ease-in transition-all duration-50 hover:outline hover:outline-5 curs
163or-pointer hover:outline-secondary-gray-light" data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c">
164                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
165                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
166                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
167                </svg>
168            </div>
169        </div>
170        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
171            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
172                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
173                    <div class="w-full">
174                        <div class="w-full">
175                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
176                                Strom
177                            </p>
178                        </div>
179                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
180                                        <div class="pb-6">
181                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Produkte und Tarife</p>
182                                            
183                                                <ul>
184                                                            <li class="mt-4">
185                                                                <a class=" text-link-gray" 
186                                                                    href="/ch/strom/standard-grosskunden" target="_self" aria-current="">
187                                                                    Standard- &amp; Grosskunden
188                                                                </a>
189                                                            </li>
190                                                            <li class="mt-4">
191                                                                <a class=" text-link-gray" 
192                                                                    href="/ch/strom/marktkunden" target="_self" aria-current="">
193                                                                    Marktkunden
194                                                                </a>
195                                                            </li>
196                                                </ul>
197                                        </div>
198                                        <div class="pb-6">
199                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Anschluss</p>
200                                            
201                                                <ul>
202                                                            <li class="mt-4">
203                                                                <a class=" text-link-gray" 
204                                                                    href="/ch/strom/netzanschluss" target="_self" aria-current="">
205                                                                    Netzanschluss
206                                                                </a>
207                                                            </li>
208                                                            <li class="mt-4">
209                                                                <a class=" text-link-gray" 
210                                                                    href="/ch/strom/smart-meter" target="_self" aria-current="">
211                                                                    Smart Meter
212                                                                </a>
213                                                            </li>
214                                                            <li class="mt-4">
215                                                                <a class=" text-link-gray" 
216                                                                    href="/ch/strom/spannungserhoehu
216ng" target="_self" aria-current="">
217                                                                    Spannungserh&#xF6;hung
218                                                                </a>
219                                                            </li>
220                                                            <li class="mt-4">
221                                                                <a class=" text-link-gray" 
222                                                                    href="/ch/strom/flexibilitaetsnutzung" target="_self" aria-current="">
223                                                                    Flexibilit&#xE4;tsnutzung
224                                                                </a>
225                                                            </li>
226                                                </ul>
227                                        </div>
228                                        <div class="pb-6">
229                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Energiehandel</p>
230                                            
231                                                <ul>
232                                                            <li class="mt-4">
233                                                                <a class=" text-link-gray" 
234                                                                    href="/ch/strom/herkunftsnachweise" target="_self" aria-current="">
235                                                                    Herkunftsnachweise
236                                                                </a>
237                                                            </li>
238                                                            <li class="mt-4">
239                                                                <a class=" text-link-gray" 
240                                                                    href="/ch/strom/vollversorgung" target="_self" aria-current="">
241                                                                    Vollversorgung
242                                                                </a>
243                                                            </li>
244                                                </ul>
245                                        </div>
246                        </div>
247                        <a class="btn-secondary mt-2 mb-0" href="/ch/strom" target="_self">
248                            Zur Strom&#xFC;bersicht
249                        </a>
250
251                    </div>
252                    
253                </div>
254                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
255
256        <a href="/ch/wissen/netzsicherheit-randregionen" target="_self">
257            <div class="relative group teaser-blue rounded-lg overflow-hidden h-full px-8 py-12 text-white flex flex-col justify-end">
258                <div class="group-hover:right-24 group-hover/blog-teaser:lg:right-4 group-[:nth-child(4n+2)]:hover/blog-teaser:right-28 group-[:nth-child(4n+3)]:hover/blog-teaser:right-28 -top-[20%] -right-[35%] absolute w-[200%] pb-[200%] aspect-square bg-gradient-to-b group-[.teaser-purple]:from-secondary-violet/50 group-[.teaser-red]:from-secondary-purple/50 group-[.teaser-green]:from-secondary-green-dark/50 from-secondary-blue/50 to-transparent z-20 rotate-[332deg] transition-all ease-in-out duration-500"></div>
259                <div class="relative z-30">
260                    <span class="text-sm px-3.5 pt-0.5 pb-1 lg:pt-0.5 lg:pb-0.5 w-fit rounded-full mb-1.5 lg:mb-2.5 group-[.teaser-purple]:bg-secondary-violet-dark  group-[.teaser-red]:bg-primary-dark-red  group-[.teaser-green]:bg-secondary-green-dark  group-[.teaser-blue]:bg-secondary-blue-dark">
261Inside Repower                    </span>
262                    <p class="font-bold mb-2 h3 pt-0">
263                        Das Stromnetz von morgen bis in die hintersten T&#xE4;ler
264                    </p>
265                    <div class="text-base mb-3">
266Wir zeigen, wie Repower in der Surselva und im Lugnez am Stromnetz von morgen arbeitet.                    </div>
267                    <div class="text-secondary-gray-soft rounded-full bg-white w-11 h-11 flex align-center justify-center border border-gray-light ease-in transition-all duration-50 group-hover:outline group-hover:outline-2 group-hover:outline-secondary-gray-soft">
268                        <svg class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none">
269                            <path d="M1.33325 6H10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
270                            <path d="M6 1.33325L10.6667 5.99992L6 10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
271                        </svg>
272                    </div>
273                </div>
274            </div>
275        </a>
276                    </div>
277            </div>
278        </div>
279    </div>
280</div>
281<div id="8c9f2a93-1924-40a3-90d2-33627c0f5fb8" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Solar">
282    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
283        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
284            <div class="text-secondary-gray-soft flyout-close rounded-full bg-white w-11 h-11 flex items-center justify-center border border-gray-light ease-in transition-all duration-50 hover:outline hover:outline-5 curs
284or-pointer hover:outline-secondary-gray-light" data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8">
285                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
286                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
287                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
288                </svg>
289            </div>
290        </div>
291        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
292            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
293                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
294                    <div class="w-full">
295                        <div class="w-full">
296                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
297                                Solar
298                            </p>
299                        </div>
300                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
301                                        <div class="pb-6">
302                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Solaranlage bauen</p>
303                                            
304                                                <ul>
305                                                            <li class="mt-4">
306                                                                <a class=" text-link-gray" 
307                                                                    href="/ch/solar/solar-contracting" target="_self" aria-current="">
308                                                                    Solar Contracting
309                                                                </a>
310                                                            </li>
311                                                            <li class="mt-4">
312                                                                <a class=" text-link-gray" 
313                                                                    href="/ch/solar/foerdergelder" target="_self" aria-current="">
314                                                                    F&#xF6;rdergelder
315                                                                </a>
316                                                            </li>
317                                                </ul>
318                                        </div>
319                                        <div class="pb-6">
320                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">F&#xFC;r alle Energieproduzenten</p>
321                                            
322                                                <ul>
323                                                            <li class="mt-4">
324                                                                <a class=" text-link-gray" 
325                                                                    href="/ch/solar/informationen-fuer-energieproduzenten" target="_self" aria-current="">
326                                                                    Allgemeine Informationen
327                                                                </a>
328                                                            </li>
329                                                            <li class="mt-4">
330                                                                <a class=" text-link-gray" 
331                                                                    href="/ch/solar/informationen-fuer-energieproduzenten/eigenverbrauch-und-einspeisung" target="_self" aria-current="">
332                                                                    Eigenverbrauch und Einspeisung
333                                                                </a>
334                                                            </li>
335                                                            <li class="mt-4">
336                                                                <a class=" text-link-gray" 
337                                                                    href="/ch/solar/informationen-fuer-energieproduzenten/ruecklieferverguetung" target="_self" aria-current="">
338                                                                    R&#xFC;cklieferverg&#xFC;tung
339                                                                </a>
340                                                            </li>
341                                                </ul>
342                                        </div>
343                        </div>
344                        <a class="btn-secondary mt-2 mb-0" href="/ch/solar" target="_self">
345                            Zur Solar-&#xDC;bersicht
346                        </a>
347
348                    </div>
349                    
350                </div>
351                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
352
353    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
354        <div class="relative z-20">
355            <p class="h3 font-bold mb-2 !pt-0">
356                Solar Manager: Energie optimal steuern 
357            </p>
358                <div class="text-base mb-3">
359Behalten Sie in Echtzeit den Überblick über Ihren Stromfluss. Der Solar Manager hilft Ihnen, Energie dann zu nutzen, wenn Ihre Solaranlage sie produziert.                </div>
360                <div class="flex flex-wrap gap-3 pt-2">
361                    <a class="btn-primary" href="https://web.solar-manager.ch/login" target="_blank">
362                        Login 
363                    </a>
364
365                </div>
366        </div>
367    </div>
368
369
370                    </div>
371            </div>
372        </div>
373    </div>
374</div>
375<div id="99dc70f3-0703-423a-9f71-820dccb1a991" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Infrastruktur">
376    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
377        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
378            <div class="text-secondary-gray-soft flyout-close rounded-full bg-white w-11 h-11 flex items-center justify-center border border-gray-light ease-in transition-all duration-50 hover:outline hover:outline-5 curs
378or-pointer hover:outline-secondary-gray-light" data-val="99dc70f3-0703-423a-9f71-820dccb1a991">
379                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
380                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
381                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
382                </svg>
383            </div>
384        </div>
385        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
386            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
387                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
388                    <div class="w-full">
389                        <div class="w-full">
390                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
391                                Infrastruktur
392                            </p>
393                        </div>
394                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
395                                        <div class="pb-6">
396                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Produktions- und Netzanlagen</p>
397                                            
398                                                <ul>
399                                                            <li class="mt-4">
400                                                                <a class=" text-link-gray" 
401                                                                    href="/ch/infrastruktur/planung" target="_self" aria-current="">
402                                                                    Planung
403                                                                </a>
404                                                            </li>
405                                                            <li class="mt-4">
406                                                                <a class=" text-link-gray" 
407                                                                    href="/ch/infrastruktur/realisierung" target="_self" aria-current="">
408                                                                    Realisierung
409                                                                </a>
410                                                            </li>
411                                                            <li class="mt-4">
412                                                                <a class=" text-link-gray" 
413                                                                    href="/ch/infrastruktur/betrieb" target="_self" aria-current="">
414                                                                    Betrieb
415                                                                </a>
416                                                            </li>
417                                                            <li class="mt-4">
418                                                                <a class=" text-link-gray" 
419                                                                    href="/ch/infrastruktur/instandhaltung" target="_self" aria-current="">
420                                                                    Instandhaltung
421                                                                </a>
422                                                            </li>
423                                                </ul>
424                                        </div>
425                                        <div class="pb-6">
426                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Beleuchtung &amp; Ladeinfrastruktur</p>
427                                            
428                                                <ul>
429                                                            <li class="mt-4">
430                                                                <a class=" text-link-gray" 
431                                                                    href="/ch/infrastruktur/oeffentliche-beleuchtung" target="_self" aria-current="">
432                                                                    &#xD6;ffentliche Beleuchtung
433                                                                </a>
434                                                            </li>
435                                                            <li class="mt-4">
436                                                                <a class=" text-link-gray" 
437                                                                    href="/ch/infrastruktur/e-mobilitaet" target="_self" aria-current="">
438                                                                    E-Mobilit&#xE4;t
439                                                                </a>
440                                                            </li>
441                                                </ul>
442                                        </div>
443                                        <div class="pb-6">
444                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Partnerschaften</p>
445                                            
446                                                <ul>
447                                                            <li class="mt-4">
448                                                                <a class=" text-link-gray" 
449                                                                    href="/ch/infrastruktur/repartner-produktions-ag" target="_self" aria-current="">
450                                                                    Repartner Produktions AG
451                                                                </a>
452                                                            </li>
453                                                </ul>
454                                        </div>
455                        </div>
456                        <a class="btn-secondary mt-2 mb-0" href="/ch/infrastruktur" target="_self">
457                            Zur Infrastruktur-&#xDC;bersicht
458                        </a>
459
460                    </div>
461                    
462                </div>
463                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
464
465    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
466        <div class="relative z-20">
467            <p class="h3 font-bold mb-2 !pt-0">
468                Digitale Planauskunft
469            </p>
470                <div class="text-base mb-3">
471Fordern Sie Leitungsdaten für Ihr Bauvorhaben einfach online an. Schnell und direkt als PDF oder DXF.                </div>
472                <div class="flex flex-wrap gap-3 pt-2">
473                    <a class="btn-primary" href="/ch/infrastruktur/planung/planauskunft-fuer-stromleitungen">
474                        Mehr erfahren 
475                    </a>
476
477                </div>
478        </div>
479    </div>
480
481
482                    </div>
483            </div>
484        </div>
485    </div>
486</div>
487<div id="4de5ce7d-2578-49b5-a1bc-1f525f2e5291" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Kundencenter">
488    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
489        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
490            <div class="text-secondary-gray-soft flyout-close rounded-full bg-white w-11 h-11 flex items-center justify-center border border-gray-light ease-in transition-all duration-50 hover:outline hover:outline-5 cursor-pointer hover:outline-secondary-gray-light" data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291">
491                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
492                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
493                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
494                </svg>
495            </div>
496        </div>
497        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
498            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
499                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
500                    <div class="w-full">
501                        <div class="w-full">
502                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
503                                Kundencenter
504                            </p>
505                        </div>
506                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
507                                        <div class="pb-6">
508                                            
509                                                <ul>
510                                                            <li class="mt-4">
511                                                                <a class=" text-link-gray" 
512                                                                    href="/ch/kundencenter/umzug" target="_self" aria-current="">
513                                                                    Umzug
514                                                                </a>
515                                                            </li>
516                                                            <li class="mt-4">
517                                                                <a class=" text-link-gray" 
518                                                                    href="/ch/kundencenter/rechnung-zahlung" target="_self" aria-current="">
519                                                                    Rechnung &amp; Zahlung
520                                                                </a>
521                                                            </li>
522                                                            <li class="mt-4">
523                                                                <a class=" text-link-gray" 
524                                                                    href="/ch/kundencenter/stoerungen-stromausfaelle" target="_self" aria-current="">
525                                                                    St&#xF6;rungen &amp; Stromausf&#xE4;lle
526                                                                </a>
527                                                            </li>
528                                                </ul>
529                                        </div>
530                                        <div class="pb-6">
531                                            
532                                                <ul>
533                                                            <li class="mt-4">
534                                                                <a class=" text-link-gray" 
535                                                                    href="/ch/kundencenter/hilfe-fuer-energieproduzenten" target="_self" aria-current="">
536                                                                    Hilfe f&#xFC;r Energieproduzenten
537                                                                </a>
538                                                            </li>
539                                                            <li class="mt-4">
540                                                                <a class=" text-link-gray" 
541                                                                    href="/ch/kundencenter/miaenergia" target="_self" aria-current="">
542                                                                    MIAENERGIA
543                                                                </a>
544                                                            </li>
545                                                            <li class="mt-4">
546                                                                <a class=" text-link-gray" 
547                                                                    href="/ch/
547dokumente" target="_self" aria-current="">
548                                                                    Dokumente
549                                                                </a>
550                                                            </li>
551                                                </ul>
552                                        </div>
553                        </div>
554                        <a class="btn-secondary mt-2 mb-0" href="/ch/kundencenter" target="_self">
555                            Zur Kundencenter-&#xDC;bersicht
556                        </a>
557
558                    </div>
559                    
560                </div>
561                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
562
563    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
564        <div class="relative z-20">
565            <p class="h3 font-bold mb-2 !pt-0">
566                MIAENERGIA
567            </p>
568                <div class="text-base mb-3">
569Im Kundenportal MIAENERGIA finden Sie Informationen zu Ihrer Rechnung, Ihren Stromkosten und Ihrem Stromverbrauch.                </div>
570                <div class="flex flex-wrap gap-3 pt-2">
571                    <a class="btn-primary" href="https://miaenergia.repower.com/login" target="_blank">
572                        Zum Login 
573                    </a>
574
575                    <a class="btn-tertiary" href="/ch/kundencenter/miaenergia"
576                        target="">
577                            Mehr erfahren
578                        </a>
579                </div>
580        </div>
581    </div>
582
583
584                    </div>
585            </div>
586        </div>
587    </div>
588</div>        </div>
589        <div class="absolute left-1/2 mt-2 flex w-screen h-fit -translate-x-1/2 z-50 pointer-events-none">
590
591<div id="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Jobs">
592    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
593        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
594            <div class="text-secondary-gray-soft flyout-close rounded-full bg-white w-11 h-11 flex items-center justify-center border border-gray-light ease-in transition-all duration-50 hover:outline hover:outline-5 cursor-pointer hover:outline-secondary-gray-light" data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3">
595                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
596                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
597                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
598                </svg>
599            </div>
600        </div>
601        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
602            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
603                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
604                    <div class="w-full">
605                        <div class="w-full">
606                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
607                                Jobs
608                            </p>
609                        </div>
610                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
611                                        <div class="pb-6">
612                                            
613                                                <ul>
614                                                            <li class="mt-4">
615                                                                <a class=" text-link-gray" 
616                                                                    href="/ch/jobs/deine-repower" target="_self" aria-current="">
617                                                                    Deine Repower
618                                                                </a>
619                                                            </li>
620                                                            <li class="mt-4">
621                                                                <a class=" text-link-gray" 
622                                                                    href="/ch/jobs/offene-stellen" target="_self" aria-current="">
623                                                                    Offene Stellen
624                                                                </a>
625                                                            </li>
626                                                </ul>
627                                        </div>
628                                        <div class="pb-6">
629                                            
630                                                <ul>
631                                                            <li class="mt-4">
632                                                                <a class=" text-link-gray" 
633                                                                    href="/ch/jobs/quereinstieg" target="_self" aria-current="">
634                                                                    Quereinstieg
635                                                                </a>
636                                                            </li>
637                                                            <li class="mt-4">
638                                                                <a class=" text-link-gray" 
639                                                                    href="/ch/jobs/lehre" target="_self" aria-current="">
640                                                                    Lehre
641                                                                </a>
642                                                            </li>
643                                                            <li class="mt-4">
644                                                                <a class=" text-link-gray" 
645                                                                    href="/ch/jobs/offene-lehrstellen" target="_self" aria-current="">
646                                                                    Offene Lehrstellen
647                                                                </a>
648                                                            </li>
649                                                </ul>
650                                        </div>
651                                        <div class="pb-6">
652                                            
653                                                <ul>
654                                                            <li class="mt-4">
655                                                                <a class=" text-link-gray" 
656                                                                    href="/ch/jobs/dein-bewerbungsprozess-bei-repower" target="_self" aria-current="">
657                                                                    Bewerbungsprozess
658                                                                </a>
659                                                            </li>
660                                                            <li class="mt-4">
661                                                                <a class=" text-link-gray" 
662                                                                    href="/ch/jobs/dein-onboarding-bei-repower" target="_self" aria-current="">
663                                                                    Onboarding
664                                                                </a>
665                                                            </li>
666                                                </ul>
667                                        </div>
668                        </div>
669                        <a class="btn-secondary mt-2 mb-0" href="/ch/jobs" target="_self">
670                            Zur Jobs-&#xDC;bersicht
671                        </a>
672
673                    </div>
674                    
675                </div>
676                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
677
678    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
679        <div class="relative z-20">
680            <p class="h3 font-bold mb-2 !pt-0">
681                Job mit Aussicht als Netzelektriker:in!
682            </p>
683                <div class="text-base mb-3">
684Die VBE-Kampagne machts möglich: auch ohne Lehrabschluss, mit handwerklicher Erfahrung. Voller Lohn ab Tag eins, Zertifikat nach einem Jahr.                </div>
685                <div class="flex flex-wrap gap-3 pt-2">
686                    <a class="btn-primary" href="https://vbe-graubuenden.ch/quereinstieg" target="_blank">
687                        Mehr erfahren 
688                    </a>
689
690                </div>
691        </div>
692    </div>
693
694
695                    </div>
696            </div>
697        </div>
698    </div>
699</div>
700<div id="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu &#xDC;ber Uns">
701    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
702        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
703            <div class="text-secondary-gray-soft flyout-close rounded-full bg-white w-11 h-11 flex items-center justify-center border border-gray-light ease-in transition-all duration-50 hover:outline hover:outline-5 cursor-pointer hover:outline-secondary-gray-light" data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea">
704                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
705                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
706                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
707                </svg>
708            </div>
709        </div>
710        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
711            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
712                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
713                    <div class="w-full">
714                        <div class="w-full">
715                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
716                                &#xDC;ber Uns
717                            </p>
718                        </div>
719                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
720                                        <div class="pb-6">
721                                            
722                                                <ul>
723                                                            <li class="mt-4">
724                                                                <a class=" text-link-gray" 
725                                                                    href="/ch/ueber-uns/was-wir-machen" target="_self" aria-current="">
726                                                                    Was wir machen
727                                                                </a>
728                                                            </li>
729                                                            <li class="mt-4">
730                                                                <a class=" text-link-gray" 
731                                                                    href="/ch/ueber-uns/organisation" target="_self" aria-current="">
732                                                                    Organisation
733                                                                </a>
734                                                            </li>
735                                                            <li class="mt-4">
736                                                                <a class=" text-link-gray" 
737                                                                    href="/ch/ueber-uns/standorte" target="_self" aria-current="">
738                                                                    Standorte
739                                                                </a>
740                                                            </li>
741                                                            <li class="mt-4">
742                                                                <a class=" text-link-gray" 
743                                                                    href="/ch/ueber-uns/geschichte" target="_self" aria-current="">
744                                                                    Geschichte
745                                                                </a>
746                                                            </li>
747                                                </ul>
748                                        </div>
749                                        <div class="pb-6">
750                                            
751                                                <ul>
752                                                            <li class="mt-4">
753                                                                <a class=" text-link-gray" 
754                                                                    href="/ch/ueber-uns/versorgungsgebiet" target="_self" aria-current="">
755                                                                    Vers
755orgungsgebiet
756                                                                </a>
757                                                            </li>
758                                                            <li class="mt-4">
759                                                                <a class=" text-link-gray" 
760                                                                    href="/ch/ueber-uns/unsere-kraftwerke" target="_self" aria-current="">
761                                                                    Unsere Kraftwerke
762                                                                </a>
763                                                            </li>
764                                                            <li class="mt-4">
765                                                                <a class=" text-link-gray" 
766                                                                    href="/ch/ueber-uns/unsere-projekte" target="_self" aria-current="">
767                                                                    Unsere Projekte
768                                                                </a>
769                                                            </li>
770                                                            <li class="mt-4">
771                                                                <a class=" text-link-gray" 
772                                                                    href="/ch/ueber-uns/nachhaltigkeit" target="_self" aria-current="">
773                                                                    Nachhaltigkeit
774                                                                </a>
775                                                            </li>
776                                                </ul>
777                                        </div>
778                                        <div class="pb-6">
779                                            
780                                                <ul>
781                                                            <li class="mt-4">
782                                                                <a class=" text-link-gray" 
783                                                                    href="/ch/ueber-uns/medienstelle" target="_self" aria-current="">
784                                                                    Medienstelle
785                                                                </a>
786                                                            </li>
787                                                            <li class="mt-4">
788                                                                <a class=" text-link-gray" 
789                                                                    href="/ch/ueber-uns/sponsoring-events" target="_self" aria-current="">
790                                                                    Sponsoring &amp; Events
791                                                                </a>
792                                                            </li>
793                                                            <li class="mt-4">
794                                                                <a class=" text-link-gray" 
795                                                                    href="/ch/ueber-uns/investoren-aktionaere" target="_self" aria-current="">
796                                                                    Investoren &amp; Aktion&#xE4;re
797                                                                </a>
798                                                            </li>
799                                                            <li class="mt-4">
800                                                                <a class=" text-link-gray" 
801                                                                    href="/ch/ueber-uns/compliance" target="_self" aria-current="">
802                                                                    Compliance
803                                                                </a>
804                                                            </li>
805                                                </ul>
806                                        </div>
807                        </div>
808                        <a class="btn-secondary mt-2 mb-0" href="/ch/ueber-uns" target="_self">
809                            Zur &#xDC;bersicht
810                        </a>
811
812                    </div>
813                    
814                </div>
815                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
816
817    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
818        <div class="relative z-20">
819            <p class="h3 font-bold mb-2 !pt-0">
820                Fisching for Energy &#x2013; der Podcast
821            </p>
822                <div class="text-base mb-3">
823Repower-Energietrainer Patrick Fischer und Co-Host Adrienne Krättli machen sich im neuen Podcast «Fisching for Energy» auf die Suche nac
823h den Energiequellen ihrer (prominenten) Gäste. Jetzt reinhören!                </div>
824                <div class="flex flex-wrap gap-3 pt-2">
825                    <a class="btn-primary" href="/ch/podcast">
826                        Mehr erfahren 
827                    </a>
828
829                </div>
830        </div>
831    </div>
832
833
834                    </div>
835            </div>
836        </div>
837    </div>
838</div>        </div>
839        <div
840            class="hidden flyout-fade top-0 bg-gradient-to-b from-white/0 to-white h-full w-full fixed z-40 pointer-events-none">
841        </div>
842    </div>
843
844    </div>
845    <div class="block lg:hidden">
846            <button
847        class="fixed right-5 top-3 sm:top-5 md:top-6 sm:right-10 md:right-12 cursor-pointer mobile-nav-menu-btn bg-white text-secondary-gray-soft rounded-full w-11 md:w-13 h-11 md:h-13 flex items-center justify-center border border-gray-light z-50 hover:outline hover:outline-4 hover:outline-secondary-gray-soft disabled:bg-white duration-75 active:bg-secondary-gray-soft active:outline-none">
848        <svg class="text-primary-red h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" stroke="currentColor"
849            stroke-width=".6" fill="rgba(0,0,0,0)" style="cursor: pointer">
850            <path d="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7">
851                <animate dur="0.2s" attributeName="d"
852                    values="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7;M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7" fill="freeze"
853                    begin="start.begin" />
854                <animate dur="0.2s" attributeName="d"
855                    values="M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7;M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" fill="freeze"
856                    begin="reverse.begin" />
857            </path>
858            <rect width="10" height="10" stroke="none">
859                <animate dur="2s" id="reverse" attributeName="width" begin="click" />
860            </rect>
861            <rect width="10" height="10" stroke="none">
862                <animate dur="0.001s" id="start" attributeName="width" values="10;0" fill="freeze" begin="click" />
863                <animate dur="0.001s" attributeName="width" values="0;10" fill="freeze" begin="reverse.begin" />
864            </rect>
865        </svg>
866    </button>
867    <div class="container">
868        <div class="flex flex-row justify-between mobile-nav py-3 sm:py-5 md:py-6 items-center relative z-[1]">
869            <a href="/ch" target="_self" class="">
870                <img class="w-[107px] sm:w-32 h-auto" src="/new-media/hvtacetd/logo-repower.svg"
871                    alt="Logo Repower" />
872            </a>
873            <div class=" w-11 md:w-13 h-11 md:h-13">&nbsp;</div>
874        </div>
875        <div class="mobile-nav-menu fixed w-screen h-screen right-0 z-40 top-0 bg-white flex-auto overflow-hidden">
876            <div
877                class="absolute w-[150vw] h-screen rotate-[-28deg] right-[-20%] bottom-0 origin-bottom-right bg-gradient-to-t from-secondary-gray-light to-white">
878            </div>
879            <div
880                class="button-row hidden flex flex-row justify-end relative z-[60] py-3 sm:py-5 md:py-6 items-center gap-2 sm:gap-3 px-4 xs:px-5 sm:px-10 md:px-12">
881                    <div>
882                        <a class="btn-tertiary m-0 px-6 pt-1.5 pb-2 md:pt-2.5 md:pb-3" target="_blank"
883                            href="https://miaenergia.repower.com/login">
884                            Login
885                        </a>
886                    </div>
887                    <a href="/ch/suche"
888                        class="search-link cursor-pointer group hover:outline hover:outline-4 hover:outline-secondary-gray-soft disabled:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-11 md:w-13 h-11 md:h-13 flex items-center justify-center border border-gray-light shrink-0 active:bg-secondary-gray-soft active:outline-none"
889                        aria-label="Suche" title="Suche">
890                        <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
891                            <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
892                                d="M11.5 19C15.9183 19 19.5 15.4183 19.5 11C19.5 6.58172 15.9183 3 11.5 3C7.08172 3 3.5 6.58172 3.5 11C3.5 15.4183 7.08172 19 11.5 19Z"
893                                stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
894                            <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
895                                d="M21.5 21L17.15 16.65" stroke="#FF463C" stroke-width="2" stroke-linecap="round"
896                                stroke-linejoin="round" />
897                        </svg>
898                    </a>
899                <div class="w-11 md:w-13 h-11 md:h-13">&nbsp;</div>
900            </div>
901            <div
902                class="mobile-nav-content hidden overflow-x-hidden overflow-y-scroll w-full h-[90%] mt-6 flex-auto px-12 sm:px-16 md:px-24 pb-6">
903                <ul class="nav-content-top space-y-4  mb-12">
904                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
905                                        data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c-Mobile">
906                                        <button type="button" class="text-left">
907                                            Strom
908                                        </button>
909                                    </li>
910                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
911                                        data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8-Mobile">
912                                        <button type="button" class="text-left">
913                                            Solar
914                                        </button>
915                                    </li>
916                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
917                                        data-val="99dc70f3-0703-423a-9f71-820dccb1a991-Mobile">
918                                        <button type="button" class="text-left">
919                                            Infrastruktur
920                                        </button>
921                                    </li>
922                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
923                                        data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291-Mobile">
924                                        <button type="button" class="text-left">
925                                            Kundencenter
926                                        </button>
927                                    </li>
928                </ul>
929                <ul class="nav-content-bottom space-y-3 mb-12">
930                                    <li class="text-link-gray header-mobile-item" data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3-Mobile">
931                                        Jobs
932                                    </li>
933                                    <li class="text-link-gray header-mobile-item" data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea-Mobile">
934                                        &#xDC;ber uns
935                                    </li>
936                                    <li class="text-link-gray header-mobile-item">
937                                        <a href="/ch/wissen"
938                                            aria-current="">
939                                            Wissen
940                                        </a>
941                                    </li>
942                </ul>
943            </div>
944
945<div id="ff441f7d-50f9-4389-adfa-298b47c8e24c-Mobile" class="flyout-mobile absolute top-0 right-0 left-0 w-full h-full z-50 bg-white flex-auto pl-14 pr-8 sm:pl-16 sm:pr-10 md:pl-24 md:pr-[72px] pb-8 pt-[92px] sm:pt-[108px] overflow-x-hidden overflow-y-scroll">
946    <div class="absolute w-full h-2/3 sm:h-3/4 rotate-[-28deg] left-3/4 -top-[280px] sm:-top-[240px] md:-top-[265px] md:left-[71%] min-w-[610px] min-h-[660px] bg-gradient-to-b from-secondary-gray-light to-white"></div>
947            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c-Mobile">
948            <div>
949                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
950                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
951                </svg>
952            </div>
953            <div class="w-full">
954                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
955                    Strom
956                </p>
957            </div>
958        </div>
959    <div class="flyout-mobile-content hidden">
960        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
961                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
962                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Produkte und Tarife</p>    
963                            
964                                        <li>
965                                            <a class=" text-link-gray text-lg" 
966                                                href="/ch/strom/standard-grosskunden" target="_self">
967                                                Standard- &amp; Grosskunden
968                                            </a>
969                                        </li>
970                                        <li>
971                                            <a class=" text-link-gray text-lg" 
972                                                href="/ch/strom/marktkunden" target="_self">
973                                                Marktkunden
974                                            </a>
975                                        </li>
976                        </ul>
977                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
978                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Anschluss</p>    
979                            
980                                        <li>
981                                            <a class=" text-link-gray text-lg" 
982                                                href="/ch/strom/netzanschluss" target="_self">
983                                                Netzanschluss
984                                            </a>
985                                        </li>
986                                        <li>
987                                            <a class=" text-link-gray text-lg" 
988                                                href="/ch/strom/smart-meter" target="_self">
989                                                Smart Meter
990                                            </a>
991                                        </li>
992                                        <li>
993                                            <a class=" text-link-gray text-lg" 
994                                                href="/ch/strom/spannungserhoehung" target="_self">
995                                                Spannungserh&#xF6;hung
996                                            </a>
997                                        </li>
998                                        <li>
999                                            <a class=" text-link-gray text-lg" 
1000                                                href="/ch/strom/flexibilitaetsnutzung" target="_self">
1001                                                Flexibilit&#xE4;tsnutzung
1002                                            </a>
1003                                        </li>
1004                        </ul>
1005                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1006                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Energiehandel</p>    
1007                            
1008                                        <li>
1009                                            <a class=" text-link-gray text-lg" 
1010                                                href="/ch/strom/herkunftsnachweise" target="_self">
1011                                                Herkunftsnachweise
1012                                            </a>
1013                                        </li>
1014                                        <li>
1015                                            <a class=" text-link-gray text-lg" 
1016                                                href="/ch/strom/vollversorgung" target="_self">
1017                                                Vollversorgung
1018                                            </a>
1019                                        </li>
1020                        </ul>
1021        </div>
1022        <ul class="mobile-content-top">
1023            <li>
1024                <a class="btn-secondary mt-2 mb-12" href="/ch/strom" target="_self">
1025                    Zur Strom&#xFC;bersicht
1026                </a>
1027            </li>
1028        </ul>
1029        <div class="-ml-6 mobile-content-bottom">
1030
1031        <a href="/ch/wissen/netzsicherheit-randregionen" target="_self">
1032            <div class="relative group teaser-blue rounded-lg overflow-hidden h-full px-8 py-12 text-white flex flex-col justify-end">
1033                <div class="group-hover:right-24 group-hover/blog-teaser:lg:right-4 group-[:nth-child(4n+2)]:hover/blog-teaser:right-28 group-[:nth-child(4n+3)]:hover/blog-teaser:right-28 -top-[20%] -right-[35%] absolute w-[200%] pb-[200%] aspect-square bg-gradient-to-b group-[.teaser-purple]:from-secondary-violet/50 group-[.teaser-red]:from-secondary-purple/50 group-[.teaser-green]:from-secondary-green-dark/50 from-secondary-blue/50 to-transparent z-20 rotate-[332deg] transition-all ease-in-out duration-500"></div>
1034                <div class="relative z-30">
1035                    <span class="text-sm px-3.5 pt-0.5 pb-1 lg:pt-0.5 lg:pb-0.5 w-fit rounded-full mb-1.5 lg:mb-2.5 group-[.teaser-purple]:bg-secondary-violet-dark  group-[.teaser-red]:bg-primary-dark-red  group-[.teaser-green]:bg-secondary-green-dark  group-[.teaser-blue]:bg-secondary-blue-dark">
1036Inside Repower                    </span>
1037                    <p class="font-bold mb-2 h3 pt-0">
1038                        Das Stromnetz von morgen bis in die hintersten T&#xE4;ler
1039                    </p>
1040                    <div class="text-base mb-3">
1041Wir zeigen, wie Repower in der Surselva und im Lugnez am Stromnetz von morgen arbeitet.                    </div>
1042                    <div class="text-secondary-gray-soft rounded-full bg-white w-11 h-11 flex align-center justify-center border border-gray-light ease-in transition-all duration-50 group-hover:outline group-hover:outline-2 group-hover:outline-secondary-gray-soft">
1043                        <svg class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none">
1044                            <path d="M1.33325 6H10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1045                            <path d="M6 1.33325L10.6667 5.99992L6 10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1046                        </svg>
1047                    </div>
1048                </div>
1049            </div>
1050        </a>
1051        </div>
1052    </div>
1053</div><div id="8c9f2a93-1924-40a3-90d2-33627c0f5fb8-Mobile" class="flyout-mobile absolute top-0 right-0 left-0 w-full h-full z-50 bg-white flex-auto pl-14 pr-8 sm:pl-16 sm:pr-10 md:pl-24 md:pr-[72px] pb-8 pt-[92px] sm:pt-[108px] overflow-x-hidden overflow-y-scroll">
1054    <div class="absolute w-full h-2/3 sm:h-3/4 rotate-[-28deg] left-3/4 -top-[280px] sm:-top-[240px] md:-top-[265px] md:left-[71%] min-w-[610px] min-h-[660px] bg-gradient-to-b from-secondary-gray-light to-white"></div>
1055            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8-Mobile">
1056            <div>
1057                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1058                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1059                </svg>
1060            </div>
1061            <div class="w-full">
1062                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1063                    Solar
1064                </p>
1065            </div>
1066        </div>
1067    <div class="flyout-mobile-content hidden">
1068        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1069                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1070                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Solaranlage bauen</p>    
1071                            
1072                                        <li>
1073                                            <a class=" text-link-gray text-lg" 
1074                                                href="/ch/solar/solar-contracting" target="_self">
1075                                                Solar Contracting
1076                                            </a>
1077                                        </li>
1078                                        <li>
1079                                            <a class=" text-link-gray text-lg" 
1080                                                href="/ch/solar/foerdergelder" target="_self">
1081                                                F&#xF6;rdergelder
1082                                            </a>
1083                                        </li>
1084                        </ul>
1085                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1086                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">F&#xFC;r alle Energieproduzenten</p>    
1087                            
1088                                        <li>
1089                                            <a class=" text-link-gray text-lg" 
1090                                                href="/ch/solar/informationen-fuer-energieproduzenten" target="_self">
1091                                                Allgemeine Informationen
1092                                            </a>
1093                                        </li>
1094                                        <li>
1095                                            <a class=" text-link-gray text-lg" 
1096                                                href="/ch/solar/informationen-fuer-energieproduzenten/eigenverbrauch-und-einspeisung" target="_self">
1097                                                Eigenverbrauch und Einspeisung
1098                                            </a>
1099                                        </li>
1100                                        <li>
1101                                            <a class=" text-link-gray text-lg" 
1102                                                href="/ch/solar/informationen-fuer-energieproduzenten/ruecklieferverguetung" target="_self">
1103                                                R&#xFC;cklieferverg&#xFC;tung
1104                                            </a>
1105                                        </li>
1106                        </ul>
1107        </div>
1108        <ul class="mobile-content-top">
1109            <li>
1110                <a class="btn-secondary mt-2 mb-12" href="/ch/solar" target="_self">
1111                    Zur Solar-&#xDC;bersicht
1112                </a>
1113            </li>
1114        </ul>
1115        <div class="-ml-6 mobile-content-bottom">
1116
1117    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1118        <div class="relative z-20">
1119            <p class="h3 font-bold mb-2 !pt-0">
1120                Solar Manager: Energie optimal steuern 
1121            </p>
1122                <div class="text-base mb-3">
1123Behalten Sie in Echtzeit den Überblick über Ihren Stromfluss. Der Solar Manager hilft Ihnen, Energie dann zu nutzen, wenn Ihre Solaranlage sie produziert.                </div>
1124                <div class="flex flex-wrap gap-3 pt-2">
1125                    <a class="btn-primary" href="https://web.solar-manager.ch/login" target="_blank">
1126                        Login 
1127                    </a>
1128
1129                </div>
1130        </div>
1131    </div>
1132
1133
1134        </div>
1135    </div>
1136</div><div id="99dc70f3-0703-423a-9f71-820dccb1a991-Mobile" class="flyout-mobile absolute top-0 right-0 left-0 w-full h-full z-50 bg-white flex-auto pl-14 pr-8 sm:pl-16 sm:pr-10 md:pl-24 md:pr-[72px] pb-8 pt-[92px] sm:pt-[108px] overflow-x-hidden overflow-y-scroll">
1137    <div class="absolute w-full h-2/3 sm:h-3/4 rotate-[-28deg] left-3/4 -top-[280px] sm:-top-[240px] md:-top-[265px] md:left-[71%] min-w-[610px] min-h-[660px] bg-gradient-to-b from-secondary-gray-light to-white"></div>
1138            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="99dc70f3-0703-423a-9f71-820dccb1a991-Mobile">
1139            <div>
1140                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1141                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1142                </svg>
1143            </div>
1144            <div class="w-full">
1145                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1146                    Infrastruktur
1147                </p>
1148            </div>
1149        </div>
1150    <div class="flyout-mobile-content hidden">
1151        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1152                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1153                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Produktions- und Netzanlagen</p>    
1154                            
1155                                        <li>
1156                                            <a class=" text-link-gray text-lg" 
1157                                                href="/ch/infrastruktur/planung" target="_self">
1158                                                Planung
1159                                            </a>
1160                                        </li>
1161                                        <li>
1162                                            <a class=" text-link-gray text-lg" 
1163                                                href="/ch/infrastruktur/realisierung" target="_self">
1164                                                Realisierung
1165                                            </a>
1166                                        </li>
1167                                        <li>
1168                                            <a class=" text-link-gray text-lg" 
1169                                                href="/ch/infrastruktur/betrieb" target="_self">
1170                                                Betrieb
1171                                            </a>
1172                                        </li>
1173                                        <li>
1174                                            <a class=" text-link-gray text-lg" 
1175                                                href="/ch/infrastruktur/instandhaltung" target="_self">
1176                                                Instandhaltung
1177                                            </a>
1178                                        </li>
1179                        </ul>
1180                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1181                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Beleuchtung &amp; Ladeinfrastruktur</p>    
1182                            
1183                                        <li>
1184                                            <a class=" text-link-gray text-lg" 
1185                                                href="/ch/infrastruktur/oeffentliche-beleuchtung" target="_self">
1186                                                &#xD6;ffentliche Beleuchtung
1187                                            </a>
1188                                        </li>
1189                                        <li>
1190                                            <a class=" text-link-gray text-lg" 
1191                                                href="/ch/infrastruktur/e-mobilitaet" target="_self">
1192                                                E-Mobilit&#xE4;t
1193                                            </a>
1194                                        </li>
1195                        </ul>
1196                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1197                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Partnerschaften</p>    
1198                            
1199                                        <li>
1200                                            <a class=" text-link-gray text-lg" 
1201                                                href="/ch/infrastruktur/repartner-produktions-ag" target="_self">
1202                                                Repartner Produktions AG
1203                                            </a>
1204                                        </li>
1205                        </ul>
1206        </div>
1207        <ul class="mobile-content-top">
1208            <li>
1209                <a class="btn-secondary mt-2 mb-12" href="/ch/infrastruktur" target="_self">
1210                    Zur Infrastruktur-&#xDC;bersicht
1211                </a>
1212            </li>
1213        </ul>
1214        <div class="-ml-6 mobile-content-bottom">
1215
1216    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1217        <div class="relative z-20">
1218            <p class="h3 font-bold mb-2 !pt-0">
1219                Digitale Planauskunft
1220            </p>
1221                <div class="text-base mb-3">
1222Fordern Sie Leitungsdaten für Ihr Bauvorhaben einfach online an. Schnell und direkt als PDF oder DXF.                </div>
1223                <div class="flex flex-wrap gap-3 pt-2">
1224                    <a class="btn-primary" href="/ch/infrastruktur/planung/planauskunft-fuer-stromleitungen">
1225                        Mehr erfahren 
1226                    </a>
1227
1228                </div>
1229        </div>
1230    </div>
1231
1232
1233        </div>
1234    </div>
1235</div><div id="4de5ce7d-2578-49b5-a1bc-1f525f2e5291-Mobile" class="flyout-mobile absolute top-0 right-0 left-0 w-full h-full z-50 bg-white flex-auto pl-14 pr-8 sm:pl-16 sm:pr-10 md:pl-24 md:pr-[72px] pb-8 pt-[92px] sm:pt-[108px] overflow-x-hidden overflow-y-scroll">
1236    <div class="absolute w-full h-2/3 sm:h-3/4 rotate-[-28deg] left-3/4 -top-[280px] sm:-top-[240px] md:-top-[265px] md:left-[71%] min-w-[610px] min-h-[660px] bg-gradient-to-b from-secondary-gray-light to-white"></div>
1237            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291-Mobile">
1238            <div>
1239                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1240                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1241                </svg>
1242            </div>
1243            <div class="w-full">
1244                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1245                    Kundencenter
1246                </p>
1247            </div>
1248        </div>
1249    <div class="flyout-mobile-content hidden">
1250        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1251                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1252                            
1253                                        <li>
1254                                            <a class=" text-link-gray text-lg" 
1255                                                href="/ch/kundencenter/umzug" target="_self">
1256                                                Umzug
1257                                            </a>
1258                                        </li>
1259                                        <li>
1260                                            <a class=" text-link-gray text-lg" 
1261                                                href="/ch/kundencenter/rechnung-zahlung" target="_self">
1262                                                Rechnung &amp; Zahlung
1263                                            </a>
1264                                        </li>
1265                                        <li>
1266                                            <a class=" text-link-gray text-lg" 
1267                                                href="/ch/kundencenter/stoerungen-stromausfaelle" target="_self">
1268                                                St&#xF6;rungen &amp; Stromausf&#xE4;lle
1269                                            </a>
1270                                        </li>
1271                        </ul>
1272                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1273                            
1274                                        <li>
1275                                            <a class=" text-link-gray text-lg" 
1276                                                href="/ch/kundencenter/hilfe-fuer-energieproduzenten" target="_self">
1277                                                Hilfe f&#xFC;r Energieproduzenten
1278                                            </a>
1279                                        </li>
1280                                        <li>
1281                                            <a class=" text-link-gray text-lg" 
1282                                                href="/ch/kundencenter/miaenergia" target="_self">
1283                                                MIAENERGIA
1284                                            </a>
1285                                        </li>
1286                                        <li>
1287                                            <a class=" text-link-gray text-lg" 
1288                                                href="/ch/dokumente" target="_self">
1289                                                Dokumente
1290                                            </a>
1291                                        </li>
1292                        </ul>
1293        </div>
1294        <ul class="mobile-content-top">
1295            <li>
1296                <a class="btn-secondary mt-2 mb-12" href="/ch/kundencenter" target="_self">
1297                    Zur Kundencenter-&#xDC;bersicht
1298                </a>
1299            </li>
1300        </ul>
1301        <div class="-ml-6 mobile-content-bottom">
1302
1303    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1304        <div class="relative z-20">
1305            <p class="h3 font-bold mb-2 !pt-0">
1306                MIAENERGIA
1307            </p>
1308                <div class="text-base mb-3">
1309Im Kundenportal MIAENERGIA finden Sie Informationen zu Ihrer Rechnung, Ihren Stromkosten und Ihrem Stromverbrauch.                </div>
1310                <div class="flex flex-wrap gap-3 pt-2">
1311                    <a class="btn-primary" href="https://miaenergia.repower.com/login" target="_blank">
1312                        Zum Login 
1313                    </a>
1314
1315                    <a class="btn-tertiary" href="/ch/kundencenter/miaenergia"
1316                        target="">
1317                            Mehr erfahren
1318                        </a>
1319                </div>
1320        </div>
1321    </div>
1322
1323
1324        </div>
1325    </div>
1326</div><div id="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3-Mobile" class="flyout-mobile absolute top-0 right-0 left-0 w-full h-full z-50 bg-white flex-auto pl-14 pr-8 sm:pl-16 sm:pr-10 md:pl-24 md:pr-[72px] pb-8 pt-[92px] sm:pt-[108px] overflow-x-hidden overflow-y-scroll">
1327    <div class="absolute w-full h-2/3 sm:h-3/4 rotate-[-28deg] left-3/4 -top-[280px] sm:-top-[240px] md:-top-[265px] md:left-[71%] min-w-[610px] min-h-[660px] bg-gradient-to-b from-secondary-gray-light to-white"></div>
1328            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3-Mobile">
1329            <div>
1330                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1331                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1332                </svg>
1333            </div>
1334            <div class="w-full">
1335                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1336                    Jobs
1337                </p>
1338            </div>
1339        </div>
1340    <div class="flyout-mobile-content hidden">
1341        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1342                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1343                            
1344                                        <li>
1345                                            <a class=" text-link-gray text-lg" 
1346                                                href="/ch/jobs/deine-repower" target="_self">
1347                                                Deine Repower
1348                                            </a>
1349                                        </li>
1350                                        <li>
1351                                            <a class=" text-link-gray text-lg" 
1352                                                href="/ch/jobs/offene-stellen" target="_self">
1353                                                Offene Stellen
1354                                            </a>
1355                                        </li>
1356                        </ul>
1357                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1358                            
1359                                        <li>
1360                                            <a class=" text-link-gray text-lg" 
1361                                                href="/ch/jobs/quereinstieg" target="_self">
1362                                                Quereinstieg
1363                                            </a>
1364                                        </li>
1365                                        <li>
1366                                            <a class=" text-link-gray text-lg" 
1367                                                href="/ch/jobs/lehre" target="_self">
1368                                                Lehre
1369                                            </a>
1370                                        </li>
1371                                        <li>
1372                                            <a class=" text-link-gray text-lg" 
1373                                                href="/ch/jobs/offene-lehrstellen" target="_self">
1374                                                Offene Lehrstellen
1375                                            </a>
1376                                        </li>
1377                        </ul>
1378                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1379                            
1380                                        <li>
1381                                            <a class=" text-link-gray text-lg" 
1382                                                href="/ch/jobs/dein-bewerbungsprozess-bei-repower" target="_self">
1383                                                Bewerbungsprozess
1384                                            </a>
1385                                        </li>
1386                                        <li>
1387                                            <a class=" text-link-gray text-lg" 
1388                                                href="/ch/jobs/dein-onboarding-bei-repower" target="_self">
1389                                                Onboarding
1390                                            </a>
1391                                        </li>
1392                        </ul>
1393        </div>
1394        <ul class="mobile-content-top">
1395            <li>
1396                <a class="btn-secondary mt-2 mb-12" href="/ch/jobs" target="_self">
1397                    Zur Jobs-&#xDC;bersicht
1398                </a>
1399            </li>
1400        </ul>
1401        <div class="-ml-6 mobile-content-bottom">
1402
1403    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1404        <div class="relative z-20">
1405            <p class="h3 font-bold mb-2 !pt-0">
1406                Job mit Aussicht als Netzelektriker:in!
1407            </p>
1408                <div class="text-base mb-3">
1409Die VBE-Kampagne machts möglich: auch ohne Lehrabschluss, mit handwerklicher Erfahrung. Voller Lohn ab Tag eins, Zertifikat nach einem Jahr.                </div>
1410                <div class="flex flex-wrap gap-3 pt-2">
1411                    <a class="btn-primary" href="https://vbe-graubuenden.ch/quereinstieg" target="_blank">
1412                        Mehr erfahren 
1413                    </a>
1414
1415                </div>
1416        </div>
1417    </div>
1418
1419
1420        </div>
1421    </div>
1422</div><div id="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea-Mobile" class="flyout-mobile absolute top-0 right-0 left-0 w-full h-full z-50 bg-white flex-auto pl-14 pr-8 sm:pl-16 sm:pr-10 md:pl-24 md:pr-[72px] pb-8 pt-[92px] sm:pt-[108px] overflow-x-hidden overflow-y-scroll">
1423    <div class="absolute w-full h-2/3 sm:h-3/4 rotate-[-28deg] left-3/4 -top-[280px] sm:-top-[240px] md:-top-[265px] md:left-[71%] min-w-[610px] min-h-[660px] bg-gradient-to-b from-secondary-gray-light to-white"></div>
1424            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea-Mobile">
1425            <div>
1426                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1427                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1428                </svg>
1429            </div>
1430            <div class="w-full">
1431                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1432                    &#xDC;ber Uns
1433                </p>
1434            </div>
1435        </div>
1436    <div class="flyout-mobile-content hidden">
1437        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1438                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1439                            
1440                                        <li>
1441                                            <a class=" text-link-gray text-lg" 
1442                                                href="/ch/ueber-uns/was-wir-machen" target="_self">
1443                                                Was wir machen
1444                                            </a>
1445                                        </li>
1446                                        <li>
1447                                            <a class=" text-link-gray text-lg" 
1448                                                href="/ch/ueber-uns/organisation" target="_self">
1449                                                Organisation
1450                                            </a>
1451                                        </li>
1452                                        <li>
1453                                            <a class=" text-link-gray text-lg" 
1454                                                href="/ch/ueber-uns/standorte" target="_self">
1455                                                Standorte
1456                                            </a>
1457                                        </li>
1458                                        <li>
1459                                            <a class=" text-link-gray text-lg" 
1460                                                href="/ch/ueber-uns/geschichte" target="_self">
1461                                                Geschichte
1462                                            </a>
1463                                        </li>
1464                        </ul>
1465                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1466                            
1467                                        <li>
1468                                            <a class=" text-link-gray text-lg" 
1469                                                href="/ch/ueber-uns/versorgungsgebiet" target="_self">
1470                                                Versorgungsgebiet
1471                                            </a>
1472                                        </li>
1473                                        <li>
1474                                            <a class=" text-link-gray text-lg" 
1475                                                href="/ch/ueber-uns/unsere-kraftwerke" target="_self">
1476                                                Unsere Kraftwerke
1477                                            </a>
1478                                        </li>
1479                                        <li>
1480                                            <a class=" text-link-gray text-lg" 
1481                                                href="/ch/ueber-uns/unsere-projekte" target="_self">
1482                                                Unsere Projekte
1483                                            </a>
1484                                        </li>
1485                                        <li>
1486                                            <a class=" text-link-gray text-lg" 
1487                                                href="/ch/ueber-uns/nachhaltigkeit" target="_self">
1488                                                Nachhaltigkeit
1489                                            </a>
1490                                        </li>
1491                        </ul>
1492                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1493                            
1494                                        <li>
1495                                            <a class=" text-link-gray text-lg" 
1496                                                href="/ch/ueber-uns/medienstelle" target="_self">
1497                                                Medienstelle
1498                                            </a>
1499                                        </li>
1500                                        <li>
1501                                            <a class=" text-link-gray text-lg" 
1502                                                href="/ch/ueber-uns/sponsoring-events" target="_self">
1503                                                Sponsoring &amp; Events
1504                                            </a>
1505                                        </li>
1506                                        <li>
1507                                            <a class=" text-link-gray text-lg" 
1508                                                href="/ch/ueber-uns/investoren-aktionaere" target="_self">
1509                                                Investoren &amp; Aktion&#xE4;re
1510                                            </a>
1511                                        </li>
1512                                        <li>
1513                                            <a class=" text-link-gray text-lg" 
1514                                                href="/ch/ueber-uns/compliance" target="_self">
1515                                                Compliance
1516                                            </a>
1517                                        </li>
1518                        </ul>
1519        </div>
1520        <ul class="mobile-content-top">
1521            <li>
1522                <a class="btn-secondary mt-2 mb-12" href="/ch/ueber-uns" target="_self">
1523                    Zur &#xDC;bersicht
1524                </a>
1525            </li>
1526        </ul>
1527        <div class="-ml-6 mobile-content-bottom">
1528
1529    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1530        <div class="relative z-20">
1531            <p class="h3 font-bold mb-2 !pt-0">
1532                Fisching for Energy &#x2013; der Podcast
1533            </p>
1534                <div class="text-base mb-3">
1535Repower-Energietrainer Patrick Fischer und Co-Host Adrienne Krättli machen sich im neuen Podcast «Fisching for Energy» auf die Suche nach den Energiequellen ihrer (prominenten) Gäste. Jetzt reinhören!                </div>
1536                <div class="flex flex-wrap gap-3 pt-2">
1537                    <a class="btn-primary" href="/ch/podcast">
1538                        Mehr erfahren 
1539                    </a>
1540
1541                </div>
1542        </div>
1543    </div>
1544
1545
1546        </div>
1547    </div>
1548</div>        </div>
1549
1550    </div>
1551
1552    </div>
1553</header>
1554    
1555<main class="flex flex-col flex-1 grow" data-tooltip-label-translation="Mehr Informationen">
1556    <div class="container section-content relative">
1557	<div class="max-h-screen -rotate-[28deg] -z-10 absolute w-[254px] h-[390px] sm:h-[756px] -top-[160px] -right-[170px] sm:-top-[200px] md:w-[1200px] md:h-[1500px] md:origin-top md:left-[400px] md:-top-[450px] lg:left-[565px] xl:-top-[430px] xl:left-[714px]" style="background: linear-gradient(180deg, rgba(246,244,247,1) 0%, rgba(255,255,255,1) 100%)"></div>
1558	<div id="searchComponent" class="min-h-[300px]" data-culture="de-CH"
1559	     data-result="Ergebnis f&#xFC;r"
1560	     data-results="Ergebnisse f&#xFC;r"
1561	     data-inputLabel="Suche"
1562	     data-documents="Dokumente"
1563	     data-more="Mehr erfahren"
1564	     data-title="Starten Sie Ihre Suche"
1565	     data-text="<p>Treffsicher unterwegs. Nutzen Sie unser Suchfeld, um weitere Informationen über unsere Produkte, Dienstleistungen oder über Repower zu erhalten.</p>"
1566	     data-loadMoreBtn="mehr laden"></div>
1567</div>
1568</main>
1569
1570
1571    
1572
1573        <footer class="container footer">
1574        <div class="grid grid-cols-1 sm:grid-cols-3 lg:grid-cols-4 gap-4 gap-y-8 sm:gap-6 xl:gap-8">
1575            <a class="shrink-0 sm:col-span-3 lg:col-span-1" href="/ch" aria-current="" target="_self" aria-label="Home">
1576                <img loading="lazy" class="w-[208px] xl:w-60 h-auto" src="/new-media/44gpvoan/repower-claim-deutsch.svg" alt="Logo Repower mit Claim"/>
1577            </a>
1578            <div class="space-y-3">
1579                <h4 class="text-secondary-gray pt-0 font-bold">
1580                    Hilfe
1581                </h4>
1582                                <div class="footer-link">
1583                                    <a class="text-link-gray" href="/ch/kundencenter"
1584                                        aria-current="">
1585                                        Kundencenter
1586                                    </a>
1587                                </div>
1588                                <div class="footer-link">
1589                                    <a class="text-link-gray" href="/ch/kundencenter/rechnung-zahlung"
1590                                        aria-current="">
1591                                        Rechnung &amp; Zahlung
1592                                    </a>
1593                                </div>
1594                                <div class="footer-link">
1595                                    <a class="text-link-gray" href="/ch/kundencenter/stoerungen-stromausfaelle"
1596                                        aria-current="">
1597                                        St&#xF6;rungen &amp; Stromausf&#xE4;lle
1598                                    </a>
1599                                </div>
1600                                <div class="footer-link">
1601                                    <a class="text-link-gray" href="/ch/kundencenter/umzug"
1602                                        aria-current="">
1603                                        Umzug
1604                                    </a>
1605                                </div>
1606            </div>
1607            <div class="space-y-3">
1608                <h4 class="text-secondary-gray pt-0 font-bold">
1609                    Services
1610                </h4>
1611                                <div class="footer-link">
1612                                    <a class="text-link-gray" href="/ch/ueber-uns/standorte"
1613                                        aria-current="">Standorte</a>
1614                                </div>
1615                                <div class="footer-link">
1616                                    <a class="text-link-gray" href="/ch/ueber-uns/medienstelle"
1617                                        aria-current="">Medienstelle</a>
1618                                </div>
1619                                <div class="footer-link">
1620                                    <a class="text-link-gray" href="/ch/ueber-uns/medienstelle/bilder-logos"
1621                                        aria-current="">Bilder &amp; Logos</a>
1622                                </div>
1623                                <div class="footer-link">
1624                                    <a class="text-link-gray" href="/ch/
1624dokumente"
1625                                        aria-current="">Dokumente</a>
1626                                </div>
1627            </div>
1628            <div class="flex flex-col gap-8">
1629                <div class="flex flex-col gap-3">
1630                    <h4 class="text-secondary-gray pt-0 font-bold">
1631                        Social Media
1632                    </h4>
1633                    <div class="flex flex-row flex-wrap items-center gap-4">
1634                            <a href="https://ch.linkedin.com/company/repower" target="_blank">
1635                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/linkedin.svg" alt="LinkedIn"/>
1636                            </a>
1637                            <a href="https://www.youtube.com/user/RepowerChannel" target="_blank">
1638                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/youtube.svg" alt="YouTube"/>
1639                            </a>
1640                            <a href="https://www.instagram.com/repowerschweiz/" target="_blank">
1641                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/instagram.svg" alt="Instagram"/>
1642                            </a>
1643                            <a href="https://www.facebook.com/repowerschweiz" target="_blank">
1644                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/facebook.svg" alt="Facebook"/>
1645                            </a>
1646                            <a href="https://www.tiktok.com/@repowerschweiz" target="_blank">
1647                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/tiktok.svg" alt="TikTok"/>
1648                            </a>
1649                    </div>
1650                </div>
1651                    <div class="flex flex-col gap-3">
1652                            <h4 class="text-secondary-gray pt-0 font-bold">
1653                                Auszeichnungen
1654                            </h4>
1655                        <div class="grid grid-cols-3 items-center gap-4 sm:gap-6">
1656                                        <img alt="" loading="lazy" src="/new-media/tjcpstqm/best-recruiters-25-26-footer.png?width=160&amp;quality=90&amp;v=1dd49ac1c4a8030" class="w-full h-auto mx-auto max-w-[80px]"/>
1657                                        <img alt="" loading="lazy" src="/new-media/rz1hoj2v/great-start-great-place-to-work-25.png?width=160&amp;quality=90&amp;v=1dd49ac1c480f30" class="w-full h-auto mx-auto max-w-[80px]"/>
1658                                        <img alt="" loading="lazy" src="/new-media/gnhpvnoo/kununu_topcompanybadge-2025.svg?width=160&amp;quality=90&amp;v=1dd49ac1c5e5650" class="w-full h-auto mx-auto max-w-[80px]"/>
1659                                        <img alt="" loading="lazy" src="/new-media/jrfduyue/swiss-arbeitgeber-award-2025.png?width=160&amp;quality=90&amp;v=1dd49ac1c51ac20" class="w-full h-auto mx-auto max-w-[80px]"/>
1660                                        <img alt="" loading="lazy" src="/new-media/xfklnmit/ecovadis-sustainability-rating-silver-2026.png?width=160&amp;quality=90&amp;v=1dd49ac1c5a5eb0" class="w-full h-auto mx-auto max-w-[80px]"/>
1661                                        <img alt="" loading="lazy" src="/new-media/jx3lshpv/swiss-safety-center-safety-culture-ladder-certified.png?width=160&amp;quality=90&amp;v=1dd49ac1c1195e0" class="w-full h-auto mx-auto max-w-[80px]"/>
1662                        </div>
1663                    </div>
1664            </div>
1665        </div>
1666        <div class="pt-10 pb-12 lg:pt-12 lg:pb-20 flex flex-col xl:grid xl:grid-cols-4 gap-3 xl:gap-8">
1667            <div class="w-full shrink-0">                    
1668                <a class="w-fit group flex flex-row items-center gap-2 " href="https://www.repower.com/it" target="_blank">
1669                    <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1670                        <path class="group-hover:stroke-primary-red" d="M9 18.5L15 12.5L9 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1671                    </svg>
1672                    <h3 class=" text-secondary-gray group-hover:text-primary-red pt-0 font-bold lg:text-2xl">Zu Repower Italien</h3>
1673                </a>
1674            </div>
1675            <div class="xl:col-span-2 gap-x-4 lg:gap-x-5 flex flex-wrap">
1676                <a class="text-link-gray" href="/ch/impressum">Impressum</a>
1677                <a class="text-link-gray" href="/ch/rechtliche-hinweise">Rechtliche Hinweise</a>
1678                <a class="text-link-gray" href="/ch/datenschutzerklaerung">Datenschutz</a>
1679            </div>
1680            <div class="flex flex-row xl:justify-end items-center divide-x divide-gray-dark">
1681                                <span class="px-3 lg:px-4 first:pl-0 last:pr-0 text-xl lg:text-2xl text-secondary-gray font-bold">
1682                                <span class="hidden md:block">Deutsch</span>
1683                                <span class="md:hidden">DE</span>
1684                                </span>
1685                                <a class="px-3 lg:px-4 first:pl-0 last:pr-0 text-link-gray text-xl lg:text-2xl" href="/ch/it/ricerca" target="_self">
1686                                <span class="hidden md:block">Italiano</span>
1687                                <span class="md:hidden">IT</span>
1688                                </a>
1689            </div>
1690        </div>
1691    </footer>
1692
1693    
1694    
1695    
1695<script src="/assets/tscript.6212a740026703f585e1.js" defer="defer"></script>
1695
1696    
1697    
1697<script nonce='5ef73d50-a667-4646-a532-862add8b771c'>
1698      const cookiesToExpire = [
1699        "cookieyesID",
1700        "cky-consent",
1701        "cky-action",
1702        "cookieyes-necessary",
1703        "cookieyes-functional",
1704        "cookieyes-analytics",
1705        "cookieyes-performance",
1706        "cookieyes-advertisement",
1707        "cookieyes-other",
1708      ];
1709      cookiesToExpire.forEach((cookieName) => {
1710        document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=.http://www.repower.com; path=/`;
1711      });
1712    </script>
1712
1713</body>
1714</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.