PageSourceSearch

https://www.repower.com/ch/strom/standard-grosskunden

html repower.com collected 2026-09-24 17:13:02 UTC 193,150 bytes, 2,490 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="de">
5<head>
6    
6<script  nonce="563bcc45-a007-4ddd-9586-aa50b05a49f4">
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="563bcc45-a007-4ddd-9586-aa50b05a49f4">
24        window.dataLayer = window.dataLayer || [];
25        dataLayer.push({
26            'page_language': 'de',
27            'language_invariant_url': 'https://repowerrelaunch-live.azurewebsites.net/ch/strom/standard-grosskunden'
28        });
29    
30    </script>
30
31    <!-- Google Tag Manager -->
32    
32<script id='gtm-snippet' data-nonce="563bcc45-a007-4ddd-9586-aa50b05a49f4" nonce='563bcc45-a007-4ddd-9586-aa50b05a49f4'>(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="563bcc45-a007-4ddd-9586-aa50b05a49f4"></script>
44
45
46
47
48<title>Strom, der zu Ihnen passt</title>
49
50<link rel="canonical" href="https://www.repower.com/ch/strom/standard-grosskunden" />
51
52    <meta name="description" content="Nicht alles ist erneuerbar. Unsere Energie schon. Repower versorgt Sie zuverlässig mit nachhaltigem Strom aus der Region." />
53
54<meta property="og:site_name" content="Home" />
55<meta property="og:title" content="Strom, der zu Ihnen passt" />
56<meta property="og:description" content="Nicht alles ist erneuerbar. Unsere Energie schon. Repower versorgt Sie zuverlässig mit nachhaltigem Strom aus der Region." />
57<meta property="og:type" content="website" />
58<meta property="og:url" content="https://www.repower.com/ch/strom/standard-grosskunden" />
59<meta property="og:image" content="https://www.repower.com/new-media/yxldgua2/privatkunden-header.jpg" />
60
61
62    <link rel="icon" type="image/vnd.microsoft.icon" href="/images/favicon.ico">
63    <link href="/assets/style.6212a740026703f585e1.css" rel="stylesheet">
63<script src="/assets/style.6212a740026703f585e1.js" defer="defer"></script>
63
64</head>
65<body class="bg-white flex flex-col min-h-screen">
66    <!-- Google Tag Manager (noscript) -->
67    <noscript>
68        <iframe src=https://www.googletagmanager.com/ns.html?id=GTM-WB2J6H5D
69                height="0" width="0" style="display:none;visibility:hidden"></iframe>
70    </noscript>
71    <!-- End Google Tag Manager (noscript) -->
72<header>
73    <div class="hidden lg:block">
74            <div class="container">
75        <div
76            class="flex flex-row items-end xl:items-center xl:py-8  justify-between pt-3 pb-6  relative z-[1]">
77            <div class="shrink-0">
78                <a href="/ch" target="_self" aria-label="Home"
79                    aria-current="">
80                    <img class="w-[150px] h-auto mr-11 2xl:mr-18 pb-2.5 xl:pb-0" src="/new-media/hvtacetd/logo-repower.svg"
81                        alt="Logo Repower" />
82                </a>
83            </div>
84            <div
85                class="w-full flex flex-col xl:flex-row-reverse gap-4 xl:justify-between">
86                <nav class="flex-row flex items-center space-x-5 justify-end" aria-label="Meta">
87                                    <button class="text-link-gray header-item "
88                                        data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3" aria-owns="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3"
89                                        aria-controls="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3" aria-expanded="false">
90                                        Jobs
91                                    </button>
92                                    <button class="text-link-gray header-item "
93                                        data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea" aria-owns="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea"
94                                        aria-controls="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea" aria-expanded="false">
95                                        &#xDC;ber uns
96                                    </button>
97                                    <a class="text-link-gray "
98                                        href="/ch/wissen"
99                                        aria-current="">
100                                        Wissen
101                                    </a>
102                        <div class="pl-[5px] flex flex-row gap-3">
103                                <a href="/ch/suche"
104                                    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"
105                                    aria-label="Suche" title="Suche">
106                                    <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"
107                                        aria-hidden="true" focusable="false">
108                                        <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
109                                            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"
110                                            stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
111                                        <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
112                                            d="M21.5 21L17.15 16.65" stroke="#FF463C" stroke-width="2" stroke-linecap="round"
113                                            stroke-linejoin="round" />
114                                    </svg>
115                                </a>
116                                <a class="btn-tertiary m-0 px-6 pt-2.5 pb-3 h-13" target="_blank"
117                                    href="https://miaenergia.repower.com/login">
118                                    Login
119                                </a>
120                        </div>
121                </nav>
122                <nav aria-label="Main"
123                    class="flex-row flex space-x-6 mr-0.5 items-center justify-end xl:justify-start">
124                                    <button type="button" aria-owns="ff441f7d-50f9-4389-adfa-298b47c8e24c" aria-controls="ff441f7d-50f9-4389-adfa-298b47c8e24c"
125                                        aria-expanded="false"
126                                        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 font-bold"
127                                        data-text="Strom"
128                                        data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c">
129                                        Strom
130                                    </button>
131                                    <button type="button" aria-owns="8c9f2a93-1924-40a3-90d2-33627c0f5fb8" aria-controls="8c9f2a93-1924-40a3-90d2-33627c0f5fb8"
132                                        aria-expanded="false"
133                                        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 "
134                                        data-text="Solar"
135                                        data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8">
136                                        Solar
137                                    </button>
138                                    <button type="button" aria-owns="99dc70f3-0703-423a-9f71-820dccb1a991" aria-controls="99dc70f3-0703-423a-9f71-820dccb1a991"
139                                        aria-expanded="false"
140                                        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 "
141                                        data-text="Infrastruktur"
142                                        data-val="99dc70f3-0703-423a-9f71-820dccb1a991">
143                                        Infrastruktur
144                                    </button>
145                                    <button type="button" aria-owns="4de5ce7d-2578-49b5-a1bc-1f525f2e5291" aria-controls="4de5ce7d-2578-49b5-a1bc-1f525f2e5291"
146                                        aria-expanded="false"
147                                        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 "
148                                        data-text="Kundencenter"
149                                        data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291">
150                                        Kundencenter
151                                    </button>
152                </nav>
153
154            </div>
155        </div>
156
157    </div>
158    <div>
159        <div class="absolute left-1/2 mt-2 flex w-screen h-fit -translate-x-1/2 z-50 pointer-events-none">
160
161<div id="ff441f7d-50f9-4389-adfa-298b47c8e24c" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Strom">
162    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
163        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
164            <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
164or-pointer hover:outline-secondary-gray-light" data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c">
165                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
166                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
167                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
168                </svg>
169            </div>
170        </div>
171        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
172            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
173                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
174                    <div class="w-full">
175                        <div class="w-full">
176                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
177                                Strom
178                            </p>
179                        </div>
180                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
181                                        <div class="pb-6">
182                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Produkte und Tarife</p>
183                                            
184                                                <ul>
185                                                            <li class="mt-4">
186                                                                <a class="font-bold text-secondary-gray text-link-gray" 
187                                                                    href="/ch/strom/standard-grosskunden" target="_self" aria-current="page">
188                                                                    Standard- &amp; Grosskunden
189                                                                </a>
190                                                            </li>
191                                                            <li class="mt-4">
192                                                                <a class=" text-link-gray" 
193                                                                    href="/ch/strom/marktkunden" target="_self" aria-current="">
194                                                                    Marktkunden
195                                                                </a>
196                                                            </li>
197                                                </ul>
198                                        </div>
199                                        <div class="pb-6">
200                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Anschluss</p>
201                                            
202                                                <ul>
203                                                            <li class="mt-4">
204                                                                <a class=" text-link-gray" 
205                                                                    href="/ch/strom/netzanschluss" target="_self" aria-current="">
206                                                                    Netzanschluss
207                                                                </a>
208                                                            </li>
209                                                            <li class="mt-4">
210                                                                <a class=" text-link-gray" 
211                                                                    href="/ch/strom/smart-meter" target="_self" aria-current="">
212                                                                    Smart Meter
213                                                                </a>
214                                                            </li>
215                                                            <li class="mt-4">
216                                                                <a class=" text-link-gray" 
217                                                                    href="/ch/strom/spannungserhoehu
217ng" target="_self" aria-current="">
218                                                                    Spannungserh&#xF6;hung
219                                                                </a>
220                                                            </li>
221                                                            <li class="mt-4">
222                                                                <a class=" text-link-gray" 
223                                                                    href="/ch/strom/flexibilitaetsnutzung" target="_self" aria-current="">
224                                                                    Flexibilit&#xE4;tsnutzung
225                                                                </a>
226                                                            </li>
227                                                </ul>
228                                        </div>
229                                        <div class="pb-6">
230                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Energiehandel</p>
231                                            
232                                                <ul>
233                                                            <li class="mt-4">
234                                                                <a class=" text-link-gray" 
235                                                                    href="/ch/strom/herkunftsnachweise" target="_self" aria-current="">
236                                                                    Herkunftsnachweise
237                                                                </a>
238                                                            </li>
239                                                            <li class="mt-4">
240                                                                <a class=" text-link-gray" 
241                                                                    href="/ch/strom/vollversorgung" target="_self" aria-current="">
242                                                                    Vollversorgung
243                                                                </a>
244                                                            </li>
245                                                </ul>
246                                        </div>
247                        </div>
248                        <a class="btn-secondary mt-2 mb-0" href="/ch/strom" target="_self">
249                            Zur Strom&#xFC;bersicht
250                        </a>
251
252                    </div>
253                    
254                </div>
255                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
256
257        <a href="/ch/wissen/netzsicherheit-randregionen" target="_self">
258            <div class="relative group teaser-blue rounded-lg overflow-hidden h-full px-8 py-12 text-white flex flex-col justify-end">
259                <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>
260                <div class="relative z-30">
261                    <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">
262Inside Repower                    </span>
263                    <p class="font-bold mb-2 h3 pt-0">
264                        Das Stromnetz von morgen bis in die hintersten T&#xE4;ler
265                    </p>
266                    <div class="text-base mb-3">
267Wir zeigen, wie Repower in der Surselva und im Lugnez am Stromnetz von morgen arbeitet.                    </div>
268                    <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">
269                        <svg class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none">
270                            <path d="M1.33325 6H10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
271                            <path d="M6 1.33325L10.6667 5.99992L6 10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
272                        </svg>
273                    </div>
274                </div>
275            </div>
276        </a>
277                    </div>
278            </div>
279        </div>
280    </div>
281</div>
282<div id="8c9f2a93-1924-40a3-90d2-33627c0f5fb8" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Solar">
283    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
284        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
285            <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
285or-pointer hover:outline-secondary-gray-light" data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8">
286                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
287                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
288                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
289                </svg>
290            </div>
291        </div>
292        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
293            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
294                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
295                    <div class="w-full">
296                        <div class="w-full">
297                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
298                                Solar
299                            </p>
300                        </div>
301                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
302                                        <div class="pb-6">
303                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Solaranlage bauen</p>
304                                            
305                                                <ul>
306                                                            <li class="mt-4">
307                                                                <a class=" text-link-gray" 
308                                                                    href="/ch/solar/solar-contracting" target="_self" aria-current="">
309                                                                    Solar Contracting
310                                                                </a>
311                                                            </li>
312                                                            <li class="mt-4">
313                                                                <a class=" text-link-gray" 
314                                                                    href="/ch/solar/foerdergelder" target="_self" aria-current="">
315                                                                    F&#xF6;rdergelder
316                                                                </a>
317                                                            </li>
318                                                </ul>
319                                        </div>
320                                        <div class="pb-6">
321                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">F&#xFC;r alle Energieproduzenten</p>
322                                            
323                                                <ul>
324                                                            <li class="mt-4">
325                                                                <a class=" text-link-gray" 
326                                                                    href="/ch/solar/informationen-fuer-energieproduzenten" target="_self" aria-current="">
327                                                                    Allgemeine Informationen
328                                                                </a>
329                                                            </li>
330                                                            <li class="mt-4">
331                                                                <a class=" text-link-gray" 
332                                                                    href="/ch/solar/informationen-fuer-energieproduzenten/eigenverbrauch-und-einspeisung" target="_self" aria-current="">
333                                                                    Eigenverbrauch und Einspeisung
334                                                                </a>
335                                                            </li>
336                                                            <li class="mt-4">
337                                                                <a class=" text-link-gray" 
338                                                                    href="/ch/solar/informationen-fuer-energieproduzenten/ruecklieferverguetung" target="_self" aria-current="">
339                                                                    R&#xFC;cklieferverg&#xFC;tung
340                                                                </a>
341                                                            </li>
342                                                </ul>
343                                        </div>
344                        </div>
345                        <a class="btn-secondary mt-2 mb-0" href="/ch/solar" target="_self">
346                            Zur Solar-&#xDC;bersicht
347                        </a>
348
349                    </div>
350                    
351                </div>
352                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
353
354    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
355        <div class="relative z-20">
356            <p class="h3 font-bold mb-2 !pt-0">
357                Solar Manager: Energie optimal steuern 
358            </p>
359                <div class="text-base mb-3">
360Behalten Sie in Echtzeit den Überblick über Ihren Stromfluss. Der Solar Manager hilft Ihnen, Energie dann zu nutzen, wenn Ihre Solaranlage sie produziert.                </div>
361                <div class="flex flex-wrap gap-3 pt-2">
362                    <a class="btn-primary" href="https://web.solar-manager.ch/login" target="_blank">
363                        Login 
364                    </a>
365
366                </div>
367        </div>
368    </div>
369
370
371                    </div>
372            </div>
373        </div>
374    </div>
375</div>
376<div id="99dc70f3-0703-423a-9f71-820dccb1a991" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Infrastruktur">
377    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
378        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
379            <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
379or-pointer hover:outline-secondary-gray-light" data-val="99dc70f3-0703-423a-9f71-820dccb1a991">
380                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
381                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
382                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
383                </svg>
384            </div>
385        </div>
386        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
387            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
388                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
389                    <div class="w-full">
390                        <div class="w-full">
391                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
392                                Infrastruktur
393                            </p>
394                        </div>
395                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
396                                        <div class="pb-6">
397                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Produktions- und Netzanlagen</p>
398                                            
399                                                <ul>
400                                                            <li class="mt-4">
401                                                                <a class=" text-link-gray" 
402                                                                    href="/ch/infrastruktur/planung" target="_self" aria-current="">
403                                                                    Planung
404                                                                </a>
405                                                            </li>
406                                                            <li class="mt-4">
407                                                                <a class=" text-link-gray" 
408                                                                    href="/ch/infrastruktur/realisierung" target="_self" aria-current="">
409                                                                    Realisierung
410                                                                </a>
411                                                            </li>
412                                                            <li class="mt-4">
413                                                                <a class=" text-link-gray" 
414                                                                    href="/ch/infrastruktur/betrieb" target="_self" aria-current="">
415                                                                    Betrieb
416                                                                </a>
417                                                            </li>
418                                                            <li class="mt-4">
419                                                                <a class=" text-link-gray" 
420                                                                    href="/ch/infrastruktur/instandhaltung" target="_self" aria-current="">
421                                                                    Instandhaltung
422                                                                </a>
423                                                            </li>
424                                                </ul>
425                                        </div>
426                                        <div class="pb-6">
427                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Beleuchtung &amp; Ladeinfrastruktur</p>
428                                            
429                                                <ul>
430                                                            <li class="mt-4">
431                                                                <a class=" text-link-gray" 
432                                                                    href="/ch/infrastruktur/oeffentliche-beleuchtung" target="_self" aria-current="">
433                                                                    &#xD6;ffentliche Beleuchtung
434                                                                </a>
435                                                            </li>
436                                                            <li class="mt-4">
437                                                                <a class=" text-link-gray" 
438                                                                    href="/ch/infrastruktur/e-mobilitaet" target="_self" aria-current="">
439                                                                    E-Mobilit&#xE4;t
440                                                                </a>
441                                                            </li>
442                                                </ul>
443                                        </div>
444                                        <div class="pb-6">
445                                                <p class="h6 !pt-0 font-bold mt-5 text-secondary-gray-dark">Partnerschaften</p>
446                                            
447                                                <ul>
448                                                            <li class="mt-4">
449                                                                <a class=" text-link-gray" 
450                                                                    href="/ch/infrastruktur/repartner-produktions-ag" target="_self" aria-current="">
451                                                                    Repartner Produktions AG
452                                                                </a>
453                                                            </li>
454                                                </ul>
455                                        </div>
456                        </div>
457                        <a class="btn-secondary mt-2 mb-0" href="/ch/infrastruktur" target="_self">
458                            Zur Infrastruktur-&#xDC;bersicht
459                        </a>
460
461                    </div>
462                    
463                </div>
464                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
465
466    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
467        <div class="relative z-20">
468            <p class="h3 font-bold mb-2 !pt-0">
469                Digitale Planauskunft
470            </p>
471                <div class="text-base mb-3">
472Fordern Sie Leitungsdaten für Ihr Bauvorhaben einfach online an. Schnell und direkt als PDF oder DXF.                </div>
473                <div class="flex flex-wrap gap-3 pt-2">
474                    <a class="btn-primary" href="/ch/infrastruktur/planung/planauskunft-fuer-stromleitungen">
475                        Mehr erfahren 
476                    </a>
477
478                </div>
479        </div>
480    </div>
481
482
483                    </div>
484            </div>
485        </div>
486    </div>
487</div>
488<div id="4de5ce7d-2578-49b5-a1bc-1f525f2e5291" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Kundencenter">
489    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
490        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
491            <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">
492                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
493                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
494                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
495                </svg>
496            </div>
497        </div>
498        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
499            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
500                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
501                    <div class="w-full">
502                        <div class="w-full">
503                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
504                                Kundencenter
505                            </p>
506                        </div>
507                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
508                                        <div class="pb-6">
509                                            
510                                                <ul>
511                                                            <li class="mt-4">
512                                                                <a class=" text-link-gray" 
513                                                                    href="/ch/kundencenter/umzug" target="_self" aria-current="">
514                                                                    Umzug
515                                                                </a>
516                                                            </li>
517                                                            <li class="mt-4">
518                                                                <a class=" text-link-gray" 
519                                                                    href="/ch/kundencenter/rechnung-zahlung" target="_self" aria-current="">
520                                                                    Rechnung &amp; Zahlung
521                                                                </a>
522                                                            </li>
523                                                            <li class="mt-4">
524                                                                <a class=" text-link-gray" 
525                                                                    href="/ch/kundencenter/stoerungen-stromausfaelle" target="_self" aria-current="">
526                                                                    St&#xF6;rungen &amp; Stromausf&#xE4;lle
527                                                                </a>
528                                                            </li>
529                                                </ul>
530                                        </div>
531                                        <div class="pb-6">
532                                            
533                                                <ul>
534                                                            <li class="mt-4">
535                                                                <a class=" text-link-gray" 
536                                                                    href="/ch/kundencenter/hilfe-fuer-energieproduzenten" target="_self" aria-current="">
537                                                                    Hilfe f&#xFC;r Energieproduzenten
538                                                                </a>
539                                                            </li>
540                                                            <li class="mt-4">
541                                                                <a class=" text-link-gray" 
542                                                                    href="/ch/kundencenter/miaenergia" target="_self" aria-current="">
543                                                                    MIAENERGIA
544                                                                </a>
545                                                            </li>
546                                                            <li class="mt-4">
547                                                                <a class=" text-link-gray" 
548                                                                    href="/ch/
548dokumente" target="_self" aria-current="">
549                                                                    Dokumente
550                                                                </a>
551                                                            </li>
552                                                </ul>
553                                        </div>
554                        </div>
555                        <a class="btn-secondary mt-2 mb-0" href="/ch/kundencenter" target="_self">
556                            Zur Kundencenter-&#xDC;bersicht
557                        </a>
558
559                    </div>
560                    
561                </div>
562                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
563
564    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
565        <div class="relative z-20">
566            <p class="h3 font-bold mb-2 !pt-0">
567                MIAENERGIA
568            </p>
569                <div class="text-base mb-3">
570Im Kundenportal MIAENERGIA finden Sie Informationen zu Ihrer Rechnung, Ihren Stromkosten und Ihrem Stromverbrauch.                </div>
571                <div class="flex flex-wrap gap-3 pt-2">
572                    <a class="btn-primary" href="https://miaenergia.repower.com/login" target="_blank">
573                        Zum Login 
574                    </a>
575
576                    <a class="btn-tertiary" href="/ch/kundencenter/miaenergia"
577                        target="">
578                            Mehr erfahren
579                        </a>
580                </div>
581        </div>
582    </div>
583
584
585                    </div>
586            </div>
587        </div>
588    </div>
589</div>        </div>
590        <div class="absolute left-1/2 mt-2 flex w-screen h-fit -translate-x-1/2 z-50 pointer-events-none">
591
592<div id="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3" class="flyout hidden h-full w-full px-6 pointer-events-auto" aria-label="Flyout Menu Jobs">
593    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
594        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
595            <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">
596                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
597                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
598                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
599                </svg>
600            </div>
601        </div>
602        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
603            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
604                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
605                    <div class="w-full">
606                        <div class="w-full">
607                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
608                                Jobs
609                            </p>
610                        </div>
611                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
612                                        <div class="pb-6">
613                                            
614                                                <ul>
615                                                            <li class="mt-4">
616                                                                <a class=" text-link-gray" 
617                                                                    href="/ch/jobs/deine-repower" target="_self" aria-current="">
618                                                                    Deine Repower
619                                                                </a>
620                                                            </li>
621                                                            <li class="mt-4">
622                                                                <a class=" text-link-gray" 
623                                                                    href="/ch/jobs/offene-stellen" target="_self" aria-current="">
624                                                                    Offene Stellen
625                                                                </a>
626                                                            </li>
627                                                </ul>
628                                        </div>
629                                        <div class="pb-6">
630                                            
631                                                <ul>
632                                                            <li class="mt-4">
633                                                                <a class=" text-link-gray" 
634                                                                    href="/ch/jobs/quereinstieg" target="_self" aria-current="">
635                                                                    Quereinstieg
636                                                                </a>
637                                                            </li>
638                                                            <li class="mt-4">
639                                                                <a class=" text-link-gray" 
640                                                                    href="/ch/jobs/lehre" target="_self" aria-current="">
641                                                                    Lehre
642                                                                </a>
643                                                            </li>
644                                                            <li class="mt-4">
645                                                                <a class=" text-link-gray" 
646                                                                    href="/ch/jobs/offene-lehrstellen" target="_self" aria-current="">
647                                                                    Offene Lehrstellen
648                                                                </a>
649                                                            </li>
650                                                </ul>
651                                        </div>
652                                        <div class="pb-6">
653                                            
654                                                <ul>
655                                                            <li class="mt-4">
656                                                                <a class=" text-link-gray" 
657                                                                    href="/ch/jobs/dein-bewerbungsprozess-bei-repower" target="_self" aria-current="">
658                                                                    Bewerbungsprozess
659                                                                </a>
660                                                            </li>
661                                                            <li class="mt-4">
662                                                                <a class=" text-link-gray" 
663                                                                    href="/ch/jobs/dein-onboarding-bei-repower" target="_self" aria-current="">
664                                                                    Onboarding
665                                                                </a>
666                                                            </li>
667                                                </ul>
668                                        </div>
669                        </div>
670                        <a class="btn-secondary mt-2 mb-0" href="/ch/jobs" target="_self">
671                            Zur Jobs-&#xDC;bersicht
672                        </a>
673
674                    </div>
675                    
676                </div>
677                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
678
679    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
680        <div class="relative z-20">
681            <p class="h3 font-bold mb-2 !pt-0">
682                Job mit Aussicht als Netzelektriker:in!
683            </p>
684                <div class="text-base mb-3">
685Die VBE-Kampagne machts möglich: auch ohne Lehrabschluss, mit handwerklicher Erfahrung. Voller Lohn ab Tag eins, Zertifikat nach einem Jahr.                </div>
686                <div class="flex flex-wrap gap-3 pt-2">
687                    <a class="btn-primary" href="https://vbe-graubuenden.ch/quereinstieg" target="_blank">
688                        Mehr erfahren 
689                    </a>
690
691                </div>
692        </div>
693    </div>
694
695
696                    </div>
697            </div>
698        </div>
699    </div>
700</div>
701<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">
702    <div class="flex-auto overflow-hidden rounded-lg bg-white h-fit shadow-long-soft flyout-container">
703        <div class="flex w-full justify-end p-2 pb-1 2xl:p-3 2xl:pb-2">
704            <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">
705                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
706                    <path d="M18 6L6 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
707                    <path d="M6 6L18 18" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
708                </svg>
709            </div>
710        </div>
711        <div class="container flex flex-row justify-center pb-14 2xl:pb-16">
712            <div class="grid flyout-content grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 -mx-6 gap-8">
713                <div class="col-span-5 xl:col-span-8 2xl:col-span-13 mr-2 xl:mr-4 2xl:mr-16 flyout-animate">
714                    <div class="w-full">
715                        <div class="w-full">
716                            <p class="h3 text-secondary-gray font-bold mb-2 !pt-0 -mt-1.5 2xl:mt-0">
717                                &#xDC;ber Uns
718                            </p>
719                        </div>
720                        <div class="grid-cols-2 grid xl:grid-cols-3 gap-x-6 w-full">
721                                        <div class="pb-6">
722                                            
723                                                <ul>
724                                                            <li class="mt-4">
725                                                                <a class=" text-link-gray" 
726                                                                    href="/ch/ueber-uns/was-wir-machen" target="_self" aria-current="">
727                                                                    Was wir machen
728                                                                </a>
729                                                            </li>
730                                                            <li class="mt-4">
731                                                                <a class=" text-link-gray" 
732                                                                    href="/ch/ueber-uns/organisation" target="_self" aria-current="">
733                                                                    Organisation
734                                                                </a>
735                                                            </li>
736                                                            <li class="mt-4">
737                                                                <a class=" text-link-gray" 
738                                                                    href="/ch/ueber-uns/standorte" target="_self" aria-current="">
739                                                                    Standorte
740                                                                </a>
741                                                            </li>
742                                                            <li class="mt-4">
743                                                                <a class=" text-link-gray" 
744                                                                    href="/ch/ueber-uns/geschichte" target="_self" aria-current="">
745                                                                    Geschichte
746                                                                </a>
747                                                            </li>
748                                                </ul>
749                                        </div>
750                                        <div class="pb-6">
751                                            
752                                                <ul>
753                                                            <li class="mt-4">
754                                                                <a class=" text-link-gray" 
755                                                                    href="/ch/ueber-uns/versorgungsgebiet" target="_self" aria-current="">
756                                                                    Vers
756orgungsgebiet
757                                                                </a>
758                                                            </li>
759                                                            <li class="mt-4">
760                                                                <a class=" text-link-gray" 
761                                                                    href="/ch/ueber-uns/unsere-kraftwerke" target="_self" aria-current="">
762                                                                    Unsere Kraftwerke
763                                                                </a>
764                                                            </li>
765                                                            <li class="mt-4">
766                                                                <a class=" text-link-gray" 
767                                                                    href="/ch/ueber-uns/unsere-projekte" target="_self" aria-current="">
768                                                                    Unsere Projekte
769                                                                </a>
770                                                            </li>
771                                                            <li class="mt-4">
772                                                                <a class=" text-link-gray" 
773                                                                    href="/ch/ueber-uns/nachhaltigkeit" target="_self" aria-current="">
774                                                                    Nachhaltigkeit
775                                                                </a>
776                                                            </li>
777                                                </ul>
778                                        </div>
779                                        <div class="pb-6">
780                                            
781                                                <ul>
782                                                            <li class="mt-4">
783                                                                <a class=" text-link-gray" 
784                                                                    href="/ch/ueber-uns/medienstelle" target="_self" aria-current="">
785                                                                    Medienstelle
786                                                                </a>
787                                                            </li>
788                                                            <li class="mt-4">
789                                                                <a class=" text-link-gray" 
790                                                                    href="/ch/ueber-uns/sponsoring-events" target="_self" aria-current="">
791                                                                    Sponsoring &amp; Events
792                                                                </a>
793                                                            </li>
794                                                            <li class="mt-4">
795                                                                <a class=" text-link-gray" 
796                                                                    href="/ch/ueber-uns/investoren-aktionaere" target="_self" aria-current="">
797                                                                    Investoren &amp; Aktion&#xE4;re
798                                                                </a>
799                                                            </li>
800                                                            <li class="mt-4">
801                                                                <a class=" text-link-gray" 
802                                                                    href="/ch/ueber-uns/compliance" target="_self" aria-current="">
803                                                                    Compliance
804                                                                </a>
805                                                            </li>
806                                                </ul>
807                                        </div>
808                        </div>
809                        <a class="btn-secondary mt-2 mb-0" href="/ch/ueber-uns" target="_self">
810                            Zur &#xDC;bersicht
811                        </a>
812
813                    </div>
814                    
815                </div>
816                    <div class="col-span-3 xl:col-span-4 2xl:col-span-5 2xl:-ml-8 flyout-animate-2">
817
818    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
819        <div class="relative z-20">
820            <p class="h3 font-bold mb-2 !pt-0">
821                Fisching for Energy &#x2013; der Podcast
822            </p>
823                <div class="text-base mb-3">
824Repower-Energietrainer Patrick Fischer und Co-Host Adrienne Krättli machen sich im neuen Podcast «Fisching for Energy» auf die Suche nac
824h den Energiequellen ihrer (prominenten) Gäste. Jetzt reinhören!                </div>
825                <div class="flex flex-wrap gap-3 pt-2">
826                    <a class="btn-primary" href="/ch/podcast">
827                        Mehr erfahren 
828                    </a>
829
830                </div>
831        </div>
832    </div>
833
834
835                    </div>
836            </div>
837        </div>
838    </div>
839</div>        </div>
840        <div
841            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">
842        </div>
843    </div>
844
845    </div>
846    <div class="block lg:hidden">
847            <button
848        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">
849        <svg class="text-primary-red h-8 w-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" stroke="currentColor"
850            stroke-width=".6" fill="rgba(0,0,0,0)" style="cursor: pointer">
851            <path d="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7">
852                <animate dur="0.2s" attributeName="d"
853                    values="M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7;M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7" fill="freeze"
854                    begin="start.begin" />
855                <animate dur="0.2s" attributeName="d"
856                    values="M3,3L5,5L7,3M5,5L5,5M3,7L5,5L7,7;M2,3L5,3L8,3M2,5L8,5M2,7L5,7L8,7" fill="freeze"
857                    begin="reverse.begin" />
858            </path>
859            <rect width="10" height="10" stroke="none">
860                <animate dur="2s" id="reverse" attributeName="width" begin="click" />
861            </rect>
862            <rect width="10" height="10" stroke="none">
863                <animate dur="0.001s" id="start" attributeName="width" values="10;0" fill="freeze" begin="click" />
864                <animate dur="0.001s" attributeName="width" values="0;10" fill="freeze" begin="reverse.begin" />
865            </rect>
866        </svg>
867    </button>
868    <div class="container">
869        <div class="flex flex-row justify-between mobile-nav py-3 sm:py-5 md:py-6 items-center relative z-[1]">
870            <a href="/ch" target="_self" class="">
871                <img class="w-[107px] sm:w-32 h-auto" src="/new-media/hvtacetd/logo-repower.svg"
872                    alt="Logo Repower" />
873            </a>
874            <div class=" w-11 md:w-13 h-11 md:h-13">&nbsp;</div>
875        </div>
876        <div class="mobile-nav-menu fixed w-screen h-screen right-0 z-40 top-0 bg-white flex-auto overflow-hidden">
877            <div
878                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">
879            </div>
880            <div
881                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">
882                    <div>
883                        <a class="btn-tertiary m-0 px-6 pt-1.5 pb-2 md:pt-2.5 md:pb-3" target="_blank"
884                            href="https://miaenergia.repower.com/login">
885                            Login
886                        </a>
887                    </div>
888                    <a href="/ch/suche"
889                        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"
890                        aria-label="Suche" title="Suche">
891                        <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
892                            <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
893                                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"
894                                stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
895                            <path class="group-active:stroke-gray-medium group-disabled:stroke-secondary-gray-soft"
896                                d="M21.5 21L17.15 16.65" stroke="#FF463C" stroke-width="2" stroke-linecap="round"
897                                stroke-linejoin="round" />
898                        </svg>
899                    </a>
900                <div class="w-11 md:w-13 h-11 md:h-13">&nbsp;</div>
901            </div>
902            <div
903                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">
904                <ul class="nav-content-top space-y-4  mb-12">
905                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
906                                        data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c-Mobile">
907                                        <button type="button" class="text-left">
908                                            Strom
909                                        </button>
910                                    </li>
911                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
912                                        data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8-Mobile">
913                                        <button type="button" class="text-left">
914                                            Solar
915                                        </button>
916                                    </li>
917                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
918                                        data-val="99dc70f3-0703-423a-9f71-820dccb1a991-Mobile">
919                                        <button type="button" class="text-left">
920                                            Infrastruktur
921                                        </button>
922                                    </li>
923                                    <li class="h3 cursor-pointer !pt-0 header-mobile-item font-bold text-secondary-gray"
924                                        data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291-Mobile">
925                                        <button type="button" class="text-left">
926                                            Kundencenter
927                                        </button>
928                                    </li>
929                </ul>
930                <ul class="nav-content-bottom space-y-3 mb-12">
931                                    <li class="text-link-gray header-mobile-item" data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3-Mobile">
932                                        Jobs
933                                    </li>
934                                    <li class="text-link-gray header-mobile-item" data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea-Mobile">
935                                        &#xDC;ber uns
936                                    </li>
937                                    <li class="text-link-gray header-mobile-item">
938                                        <a href="/ch/wissen"
939                                            aria-current="">
940                                            Wissen
941                                        </a>
942                                    </li>
943                </ul>
944            </div>
945
946<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">
947    <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>
948            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="ff441f7d-50f9-4389-adfa-298b47c8e24c-Mobile">
949            <div>
950                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
951                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
952                </svg>
953            </div>
954            <div class="w-full">
955                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
956                    Strom
957                </p>
958            </div>
959        </div>
960    <div class="flyout-mobile-content hidden">
961        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
962                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
963                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Produkte und Tarife</p>    
964                            
965                                        <li>
966                                            <a class="font-bold text-secondary-gray text-link-gray text-lg" 
967                                                href="/ch/strom/standard-grosskunden" target="_self">
968                                                Standard- &amp; Grosskunden
969                                            </a>
970                                        </li>
971                                        <li>
972                                            <a class=" text-link-gray text-lg" 
973                                                href="/ch/strom/marktkunden" target="_self">
974                                                Marktkunden
975                                            </a>
976                                        </li>
977                        </ul>
978                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
979                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Anschluss</p>    
980                            
981                                        <li>
982                                            <a class=" text-link-gray text-lg" 
983                                                href="/ch/strom/netzanschluss" target="_self">
984                                                Netzanschluss
985                                            </a>
986                                        </li>
987                                        <li>
988                                            <a class=" text-link-gray text-lg" 
989                                                href="/ch/strom/smart-meter" target="_self">
990                                                Smart Meter
991                                            </a>
992                                        </li>
993                                        <li>
994                                            <a class=" text-link-gray text-lg" 
995                                                href="/ch/strom/spannungserhoehung" target="_self">
996                                                Spannungserh&#xF6;hung
997                                            </a>
998                                        </li>
999                                        <li>
1000                                            <a class=" text-link-gray text-lg" 
1001                                                href="/ch/strom/flexibilitaetsnutzung" target="_self">
1002                                                Flexibilit&#xE4;tsnutzung
1003                                            </a>
1004                                        </li>
1005                        </ul>
1006                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1007                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Energiehandel</p>    
1008                            
1009                                        <li>
1010                                            <a class=" text-link-gray text-lg" 
1011                                                href="/ch/strom/herkunftsnachweise" target="_self">
1012                                                Herkunftsnachweise
1013                                            </a>
1014                                        </li>
1015                                        <li>
1016                                            <a class=" text-link-gray text-lg" 
1017                                                href="/ch/strom/vollversorgung" target="_self">
1018                                                Vollversorgung
1019                                            </a>
1020                                        </li>
1021                        </ul>
1022        </div>
1023        <ul class="mobile-content-top">
1024            <li>
1025                <a class="btn-secondary mt-2 mb-12" href="/ch/strom" target="_self">
1026                    Zur Strom&#xFC;bersicht
1027                </a>
1028            </li>
1029        </ul>
1030        <div class="-ml-6 mobile-content-bottom">
1031
1032        <a href="/ch/wissen/netzsicherheit-randregionen" target="_self">
1033            <div class="relative group teaser-blue rounded-lg overflow-hidden h-full px-8 py-12 text-white flex flex-col justify-end">
1034                <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>
1035                <div class="relative z-30">
1036                    <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">
1037Inside Repower                    </span>
1038                    <p class="font-bold mb-2 h3 pt-0">
1039                        Das Stromnetz von morgen bis in die hintersten T&#xE4;ler
1040                    </p>
1041                    <div class="text-base mb-3">
1042Wir zeigen, wie Repower in der Surselva und im Lugnez am Stromnetz von morgen arbeitet.                    </div>
1043                    <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">
1044                        <svg class="w-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none">
1045                            <path d="M1.33325 6H10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1046                            <path d="M6 1.33325L10.6667 5.99992L6 10.6666" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1047                        </svg>
1048                    </div>
1049                </div>
1050            </div>
1051        </a>
1052        </div>
1053    </div>
1054</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">
1055    <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>
1056            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="8c9f2a93-1924-40a3-90d2-33627c0f5fb8-Mobile">
1057            <div>
1058                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1059                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1060                </svg>
1061            </div>
1062            <div class="w-full">
1063                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1064                    Solar
1065                </p>
1066            </div>
1067        </div>
1068    <div class="flyout-mobile-content hidden">
1069        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1070                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1071                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Solaranlage bauen</p>    
1072                            
1073                                        <li>
1074                                            <a class=" text-link-gray text-lg" 
1075                                                href="/ch/solar/solar-contracting" target="_self">
1076                                                Solar Contracting
1077                                            </a>
1078                                        </li>
1079                                        <li>
1080                                            <a class=" text-link-gray text-lg" 
1081                                                href="/ch/solar/foerdergelder" target="_self">
1082                                                F&#xF6;rdergelder
1083                                            </a>
1084                                        </li>
1085                        </ul>
1086                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1087                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">F&#xFC;r alle Energieproduzenten</p>    
1088                            
1089                                        <li>
1090                                            <a class=" text-link-gray text-lg" 
1091                                                href="/ch/solar/informationen-fuer-energieproduzenten" target="_self">
1092                                                Allgemeine Informationen
1093                                            </a>
1094                                        </li>
1095                                        <li>
1096                                            <a class=" text-link-gray text-lg" 
1097                                                href="/ch/solar/informationen-fuer-energieproduzenten/eigenverbrauch-und-einspeisung" target="_self">
1098                                                Eigenverbrauch und Einspeisung
1099                                            </a>
1100                                        </li>
1101                                        <li>
1102                                            <a class=" text-link-gray text-lg" 
1103                                                href="/ch/solar/informationen-fuer-energieproduzenten/ruecklieferverguetung" target="_self">
1104                                                R&#xFC;cklieferverg&#xFC;tung
1105                                            </a>
1106                                        </li>
1107                        </ul>
1108        </div>
1109        <ul class="mobile-content-top">
1110            <li>
1111                <a class="btn-secondary mt-2 mb-12" href="/ch/solar" target="_self">
1112                    Zur Solar-&#xDC;bersicht
1113                </a>
1114            </li>
1115        </ul>
1116        <div class="-ml-6 mobile-content-bottom">
1117
1118    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1119        <div class="relative z-20">
1120            <p class="h3 font-bold mb-2 !pt-0">
1121                Solar Manager: Energie optimal steuern 
1122            </p>
1123                <div class="text-base mb-3">
1124Behalten Sie in Echtzeit den Überblick über Ihren Stromfluss. Der Solar Manager hilft Ihnen, Energie dann zu nutzen, wenn Ihre Solaranlage sie produziert.                </div>
1125                <div class="flex flex-wrap gap-3 pt-2">
1126                    <a class="btn-primary" href="https://web.solar-manager.ch/login" target="_blank">
1127                        Login 
1128                    </a>
1129
1130                </div>
1131        </div>
1132    </div>
1133
1134
1135        </div>
1136    </div>
1137</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">
1138    <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>
1139            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="99dc70f3-0703-423a-9f71-820dccb1a991-Mobile">
1140            <div>
1141                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1142                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1143                </svg>
1144            </div>
1145            <div class="w-full">
1146                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1147                    Infrastruktur
1148                </p>
1149            </div>
1150        </div>
1151    <div class="flyout-mobile-content hidden">
1152        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1153                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1154                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Produktions- und Netzanlagen</p>    
1155                            
1156                                        <li>
1157                                            <a class=" text-link-gray text-lg" 
1158                                                href="/ch/infrastruktur/planung" target="_self">
1159                                                Planung
1160                                            </a>
1161                                        </li>
1162                                        <li>
1163                                            <a class=" text-link-gray text-lg" 
1164                                                href="/ch/infrastruktur/realisierung" target="_self">
1165                                                Realisierung
1166                                            </a>
1167                                        </li>
1168                                        <li>
1169                                            <a class=" text-link-gray text-lg" 
1170                                                href="/ch/infrastruktur/betrieb" target="_self">
1171                                                Betrieb
1172                                            </a>
1173                                        </li>
1174                                        <li>
1175                                            <a class=" text-link-gray text-lg" 
1176                                                href="/ch/infrastruktur/instandhaltung" target="_self">
1177                                                Instandhaltung
1178                                            </a>
1179                                        </li>
1180                        </ul>
1181                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1182                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Beleuchtung &amp; Ladeinfrastruktur</p>    
1183                            
1184                                        <li>
1185                                            <a class=" text-link-gray text-lg" 
1186                                                href="/ch/infrastruktur/oeffentliche-beleuchtung" target="_self">
1187                                                &#xD6;ffentliche Beleuchtung
1188                                            </a>
1189                                        </li>
1190                                        <li>
1191                                            <a class=" text-link-gray text-lg" 
1192                                                href="/ch/infrastruktur/e-mobilitaet" target="_self">
1193                                                E-Mobilit&#xE4;t
1194                                            </a>
1195                                        </li>
1196                        </ul>
1197                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1198                                <p class="h6 pt-6 font-bold text-secondary-gray-dark">Partnerschaften</p>    
1199                            
1200                                        <li>
1201                                            <a class=" text-link-gray text-lg" 
1202                                                href="/ch/infrastruktur/repartner-produktions-ag" target="_self">
1203                                                Repartner Produktions AG
1204                                            </a>
1205                                        </li>
1206                        </ul>
1207        </div>
1208        <ul class="mobile-content-top">
1209            <li>
1210                <a class="btn-secondary mt-2 mb-12" href="/ch/infrastruktur" target="_self">
1211                    Zur Infrastruktur-&#xDC;bersicht
1212                </a>
1213            </li>
1214        </ul>
1215        <div class="-ml-6 mobile-content-bottom">
1216
1217    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1218        <div class="relative z-20">
1219            <p class="h3 font-bold mb-2 !pt-0">
1220                Digitale Planauskunft
1221            </p>
1222                <div class="text-base mb-3">
1223Fordern Sie Leitungsdaten für Ihr Bauvorhaben einfach online an. Schnell und direkt als PDF oder DXF.                </div>
1224                <div class="flex flex-wrap gap-3 pt-2">
1225                    <a class="btn-primary" href="/ch/infrastruktur/planung/planauskunft-fuer-stromleitungen">
1226                        Mehr erfahren 
1227                    </a>
1228
1229                </div>
1230        </div>
1231    </div>
1232
1233
1234        </div>
1235    </div>
1236</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">
1237    <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>
1238            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="4de5ce7d-2578-49b5-a1bc-1f525f2e5291-Mobile">
1239            <div>
1240                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1241                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1242                </svg>
1243            </div>
1244            <div class="w-full">
1245                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1246                    Kundencenter
1247                </p>
1248            </div>
1249        </div>
1250    <div class="flyout-mobile-content hidden">
1251        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1252                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1253                            
1254                                        <li>
1255                                            <a class=" text-link-gray text-lg" 
1256                                                href="/ch/kundencenter/umzug" target="_self">
1257                                                Umzug
1258                                            </a>
1259                                        </li>
1260                                        <li>
1261                                            <a class=" text-link-gray text-lg" 
1262                                                href="/ch/kundencenter/rechnung-zahlung" target="_self">
1263                                                Rechnung &amp; Zahlung
1264                                            </a>
1265                                        </li>
1266                                        <li>
1267                                            <a class=" text-link-gray text-lg" 
1268                                                href="/ch/kundencenter/stoerungen-stromausfaelle" target="_self">
1269                                                St&#xF6;rungen &amp; Stromausf&#xE4;lle
1270                                            </a>
1271                                        </li>
1272                        </ul>
1273                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1274                            
1275                                        <li>
1276                                            <a class=" text-link-gray text-lg" 
1277                                                href="/ch/kundencenter/hilfe-fuer-energieproduzenten" target="_self">
1278                                                Hilfe f&#xFC;r Energieproduzenten
1279                                            </a>
1280                                        </li>
1281                                        <li>
1282                                            <a class=" text-link-gray text-lg" 
1283                                                href="/ch/kundencenter/miaenergia" target="_self">
1284                                                MIAENERGIA
1285                                            </a>
1286                                        </li>
1287                                        <li>
1288                                            <a class=" text-link-gray text-lg" 
1289                                                href="/ch/dokumente" target="_self">
1290                                                Dokumente
1291                                            </a>
1292                                        </li>
1293                        </ul>
1294        </div>
1295        <ul class="mobile-content-top">
1296            <li>
1297                <a class="btn-secondary mt-2 mb-12" href="/ch/kundencenter" target="_self">
1298                    Zur Kundencenter-&#xDC;bersicht
1299                </a>
1300            </li>
1301        </ul>
1302        <div class="-ml-6 mobile-content-bottom">
1303
1304    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1305        <div class="relative z-20">
1306            <p class="h3 font-bold mb-2 !pt-0">
1307                MIAENERGIA
1308            </p>
1309                <div class="text-base mb-3">
1310Im Kundenportal MIAENERGIA finden Sie Informationen zu Ihrer Rechnung, Ihren Stromkosten und Ihrem Stromverbrauch.                </div>
1311                <div class="flex flex-wrap gap-3 pt-2">
1312                    <a class="btn-primary" href="https://miaenergia.repower.com/login" target="_blank">
1313                        Zum Login 
1314                    </a>
1315
1316                    <a class="btn-tertiary" href="/ch/kundencenter/miaenergia"
1317                        target="">
1318                            Mehr erfahren
1319                        </a>
1320                </div>
1321        </div>
1322    </div>
1323
1324
1325        </div>
1326    </div>
1327</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">
1328    <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>
1329            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="bf371ee0-9a5f-4c29-bcb2-253b9cc4b9a3-Mobile">
1330            <div>
1331                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1332                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1333                </svg>
1334            </div>
1335            <div class="w-full">
1336                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1337                    Jobs
1338                </p>
1339            </div>
1340        </div>
1341    <div class="flyout-mobile-content hidden">
1342        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1343                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1344                            
1345                                        <li>
1346                                            <a class=" text-link-gray text-lg" 
1347                                                href="/ch/jobs/deine-repower" target="_self">
1348                                                Deine Repower
1349                                            </a>
1350                                        </li>
1351                                        <li>
1352                                            <a class=" text-link-gray text-lg" 
1353                                                href="/ch/jobs/offene-stellen" target="_self">
1354                                                Offene Stellen
1355                                            </a>
1356                                        </li>
1357                        </ul>
1358                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1359                            
1360                                        <li>
1361                                            <a class=" text-link-gray text-lg" 
1362                                                href="/ch/jobs/quereinstieg" target="_self">
1363                                                Quereinstieg
1364                                            </a>
1365                                        </li>
1366                                        <li>
1367                                            <a class=" text-link-gray text-lg" 
1368                                                href="/ch/jobs/lehre" target="_self">
1369                                                Lehre
1370                                            </a>
1371                                        </li>
1372                                        <li>
1373                                            <a class=" text-link-gray text-lg" 
1374                                                href="/ch/jobs/offene-lehrstellen" target="_self">
1375                                                Offene Lehrstellen
1376                                            </a>
1377                                        </li>
1378                        </ul>
1379                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1380                            
1381                                        <li>
1382                                            <a class=" text-link-gray text-lg" 
1383                                                href="/ch/jobs/dein-bewerbungsprozess-bei-repower" target="_self">
1384                                                Bewerbungsprozess
1385                                            </a>
1386                                        </li>
1387                                        <li>
1388                                            <a class=" text-link-gray text-lg" 
1389                                                href="/ch/jobs/dein-onboarding-bei-repower" target="_self">
1390                                                Onboarding
1391                                            </a>
1392                                        </li>
1393                        </ul>
1394        </div>
1395        <ul class="mobile-content-top">
1396            <li>
1397                <a class="btn-secondary mt-2 mb-12" href="/ch/jobs" target="_self">
1398                    Zur Jobs-&#xDC;bersicht
1399                </a>
1400            </li>
1401        </ul>
1402        <div class="-ml-6 mobile-content-bottom">
1403
1404    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1405        <div class="relative z-20">
1406            <p class="h3 font-bold mb-2 !pt-0">
1407                Job mit Aussicht als Netzelektriker:in!
1408            </p>
1409                <div class="text-base mb-3">
1410Die VBE-Kampagne machts möglich: auch ohne Lehrabschluss, mit handwerklicher Erfahrung. Voller Lohn ab Tag eins, Zertifikat nach einem Jahr.                </div>
1411                <div class="flex flex-wrap gap-3 pt-2">
1412                    <a class="btn-primary" href="https://vbe-graubuenden.ch/quereinstieg" target="_blank">
1413                        Mehr erfahren 
1414                    </a>
1415
1416                </div>
1417        </div>
1418    </div>
1419
1420
1421        </div>
1422    </div>
1423</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">
1424    <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>
1425            <div class="cursor-pointer flex flex-row items-center gap-2 flyout-mobile-close -ml-8" data-val="611d53a6-fd2f-4f7a-9af3-fba5dc44ceea-Mobile">
1426            <div>
1427                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1428                    <path d="M15 18.5L9 12.5L15 6.5" stroke="#434343" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1429                </svg>
1430            </div>
1431            <div class="w-full">
1432                <p class="!pt-0 h3 font-bold text-secondary-gray relative">
1433                    &#xDC;ber Uns
1434                </p>
1435            </div>
1436        </div>
1437    <div class="flyout-mobile-content hidden">
1438        <div class="w-full flex flex-col mt-2 mb-6 mobile-content-top">
1439                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1440                            
1441                                        <li>
1442                                            <a class=" text-link-gray text-lg" 
1443                                                href="/ch/ueber-uns/was-wir-machen" target="_self">
1444                                                Was wir machen
1445                                            </a>
1446                                        </li>
1447                                        <li>
1448                                            <a class=" text-link-gray text-lg" 
1449                                                href="/ch/ueber-uns/organisation" target="_self">
1450                                                Organisation
1451                                            </a>
1452                                        </li>
1453                                        <li>
1454                                            <a class=" text-link-gray text-lg" 
1455                                                href="/ch/ueber-uns/standorte" target="_self">
1456                                                Standorte
1457                                            </a>
1458                                        </li>
1459                                        <li>
1460                                            <a class=" text-link-gray text-lg" 
1461                                                href="/ch/ueber-uns/geschichte" target="_self">
1462                                                Geschichte
1463                                            </a>
1464                                        </li>
1465                        </ul>
1466                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1467                            
1468                                        <li>
1469                                            <a class=" text-link-gray text-lg" 
1470                                                href="/ch/ueber-uns/versorgungsgebiet" target="_self">
1471                                                Versorgungsgebiet
1472                                            </a>
1473                                        </li>
1474                                        <li>
1475                                            <a class=" text-link-gray text-lg" 
1476                                                href="/ch/ueber-uns/unsere-kraftwerke" target="_self">
1477                                                Unsere Kraftwerke
1478                                            </a>
1479                                        </li>
1480                                        <li>
1481                                            <a class=" text-link-gray text-lg" 
1482                                                href="/ch/ueber-uns/unsere-projekte" target="_self">
1483                                                Unsere Projekte
1484                                            </a>
1485                                        </li>
1486                                        <li>
1487                                            <a class=" text-link-gray text-lg" 
1488                                                href="/ch/ueber-uns/nachhaltigkeit" target="_self">
1489                                                Nachhaltigkeit
1490                                            </a>
1491                                        </li>
1492                        </ul>
1493                        <ul class="mobile-menu-section w-full space-y-3 mt-3">
1494                            
1495                                        <li>
1496                                            <a class=" text-link-gray text-lg" 
1497                                                href="/ch/ueber-uns/medienstelle" target="_self">
1498                                                Medienstelle
1499                                            </a>
1500                                        </li>
1501                                        <li>
1502                                            <a class=" text-link-gray text-lg" 
1503                                                href="/ch/ueber-uns/sponsoring-events" target="_self">
1504                                                Sponsoring &amp; Events
1505                                            </a>
1506                                        </li>
1507                                        <li>
1508                                            <a class=" text-link-gray text-lg" 
1509                                                href="/ch/ueber-uns/investoren-aktionaere" target="_self">
1510                                                Investoren &amp; Aktion&#xE4;re
1511                                            </a>
1512                                        </li>
1513                                        <li>
1514                                            <a class=" text-link-gray text-lg" 
1515                                                href="/ch/ueber-uns/compliance" target="_self">
1516                                                Compliance
1517                                            </a>
1518                                        </li>
1519                        </ul>
1520        </div>
1521        <ul class="mobile-content-top">
1522            <li>
1523                <a class="btn-secondary mt-2 mb-12" href="/ch/ueber-uns" target="_self">
1524                    Zur &#xDC;bersicht
1525                </a>
1526            </li>
1527        </ul>
1528        <div class="-ml-6 mobile-content-bottom">
1529
1530    <div class="relative group text-secondary-gray bg-secondary-gray-light rounded-lg overflow-hidden h-full px-8 py-12 flex flex-col">
1531        <div class="relative z-20">
1532            <p class="h3 font-bold mb-2 !pt-0">
1533                Fisching for Energy &#x2013; der Podcast
1534            </p>
1535                <div class="text-base mb-3">
1536Repower-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>
1537                <div class="flex flex-wrap gap-3 pt-2">
1538                    <a class="btn-primary" href="/ch/podcast">
1539                        Mehr erfahren 
1540                    </a>
1541
1542                </div>
1543        </div>
1544    </div>
1545
1546
1547        </div>
1548    </div>
1549</div>        </div>
1550
1551    </div>
1552
1553    </div>
1554</header>
1555    
1556<main class="flex flex-col flex-1 grow" data-tooltip-label-translation="Mehr Informationen">
1557    
1558
1559  
1560<section class="mx-auto w-full max-w-[1760px] px-0 relative mb-12 lg:mb-16 h-full">
1561  <div class="group/hero relative 3xl:rounded-lg 3xl:overflow-hidden">
1562    <div class="md:hidden -top-[160px] absolute lg:hidden -right-[170px] w-[254px] h-[390px] sm:h-[756px] sm:-top-[200px] -rotate-[28deg]"
1563         style="background: #f7f5f8"></div>
1564    <div class="group w-full overflow-hidden h-[240px] xs:h-[260px] sm:h-[400px] lg:h-[525px] xl:h-[600px] 2xl:h-[756px] relative">
1565      <div class="h-full z-10 items-center flex flex-row justify-between mx-auto">
1566        <div class="block absolute left-0 z-10 h-full w-full overflow-hidden">
1567          <div
1568            class="-top-[160px] absolute -right-[170px] w-[254px] h-[390px] sm:h-[756px] sm:-top-[200px] md:bottom-0 md:top-auto md:right-auto md:left-[-32%] lg:left-[-33%] xl:left-[-35%] 2xl:left-[-36.5%] md:h-[200%] md:w-full  md:origin-bottom-right -rotate-[28deg] backdrop-blur-[6px]">
1569          </div>
1570          <div
1571            class="-top-[160px] absolute -right-[170px] w-[254px] h-[390px] sm:h-[756px] sm:-top-[200px] md:bottom-0 md:top-auto md:right-auto md:left-[-32%] lg:left-[-33%] xl:left-[-35%] 2xl:left-[-36.5%] md:h-[200%] md:w-full md:origin-bottom-right -rotate-[28deg]"
1572            style="background: linear-gradient(274deg, rgba(245, 243, 246, 0.80) 9.17%, rgba(245, 243, 246, 0.50) 91.57%)">
1573          </div>
1574        </div>
1575        <div class="hidden pt-8 pb-12 lg:py-16 md:flex z-20 flex-row justify-between mx-auto container">
1576          <div class="z-20 text-secondary-gray md:max-w-[360px] lg:max-w-[432px] xl:max-w-[558px]">
1577            <div class="md:flex md:gap-4">
1578    
1579<div class="flex gap-4">
1580</div>
1581
1582    
1583<div class="flex gap-4">
1584</div>
1585</div>
1586
1587
1588<nav aria-label="Breadcrumb">
1589    <ol class="hidden sm:flex flex-row gap-1 text-sm lg:text-base breadcrumbsList text-secondary-gray-medium">
1590                <li class="flex flex-row gap-1.5 items-center hover:text-primary-red">
1591                    <a href="/ch">Home</a>
1592                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1593                        <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1594                              stroke-linejoin="round" />
1595                    </svg>
1596                </li>
1597                <li class="flex flex-row gap-1.5 items-center hover:text-primary-red">
1598                    <a href="/ch/strom">Strom</a>
1599                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1600                        <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1601                              stroke-linejoin="round" />
1602                    </svg>
1603                </li>
1604    </ol>
1605</nav>
1606
1607
1608<div class="sm:hidden flex flex-row gap-1 items-center hover:text-primary-red text-sm lg:text-base breadcrumbsList text-secondary-gray-medium">
1609      <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1610        <path d="M10 12.8813L6 8.88135L10 4.88135" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1611          stroke-linejoin="round" />
1612      </svg>
1613        <a class="pt-px" href="/ch/strom">
1614            Strom
1615        </a>
1616</div>              <h1 class="pb-4 lg:pb-6"> <b>Strom</b>, der zu Ihnen passt</h1>
1617              <div class="pb-4 lg:pb-6 text-xl lg:text-2xl"> <p>Nicht alles ist erneuerbar. Unsere Energie schon. Repower versorgt Sie zuverlässig mit nachhaltigem Strom aus der Region.</p> </div>
1618          </div>
1619        </div>
1620      </div>
1621      <div class="absolute aspect-[4/3] xl:aspect-video left-0 md:left-auto right-auto md:right-0 top-0 w-full md:w-auto h-full">
1622        <picture class="w-full h-full">
1623            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=1344&amp;height=756&amp;format=webp&amp;v=1dbdf5455822100" media="(min-width:1440px)" type="image/webp"/>
1624            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=1100&amp;height=609&amp;format=webp&amp;v=1dbdf5455822100" media="(min-width:1024px)" type="image/webp"/>
1625            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=768&amp;height=400&amp;format=webp&amp;v=1dbdf5455822100" media="(min-width:640px)" type="image/webp"/>
1626            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=640&amp;height=400&amp;format=webp&amp;v=1dbdf5455822100" type="image/webp"/>
1627            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=1344&amp;height=756&amp;v=1dbdf5455822100" media="(min-width:1440px)"/>
1628            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=1100&amp;height=609&amp;v=1dbdf5455822100" media="(min-width:1024px)"/>
1629            <source srcset="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=768&amp;height=400&amp;v=1dbdf5455822100" media="(min-width:640px)"/>
1630          <img class="heroImageMask h-full w-full object-cover object-right z-0"
1631               src="/new-media/yxldgua2/privatkunden-header.jpg?rxy=0.7959247648902821,0.4915706072751753&amp;width=640&amp;height=400&amp;v=1dbdf5455822100" alt="Eine junge Frau liest ein Buch"/>
1632        </picture>
1633      </div>
1634    </div>
1635  </div>
1636  <div class="md:hidden z-20 container mt-5 sm:mt-8 flex flex-row justify-between w-full">
1637      <div class="z-20 text-secondary-gray md:max-w-[360px] lg:max-w-[432px] xl:max-w-[558px] 3xl:max-w-[500px] 4xl
1637:max-w-[558px]">
1638        <div class="md:flex md:gap-4">
1639    
1640<div class="flex gap-4">
1641</div>
1642
1643    
1644<div class="flex gap-4">
1645</div>
1646</div>
1647
1648
1649<nav aria-label="Breadcrumb">
1650    <ol class="hidden sm:flex flex-row gap-1 text-sm lg:text-base breadcrumbsList text-secondary-gray-medium">
1651                <li class="flex flex-row gap-1.5 items-center hover:text-primary-red">
1652                    <a href="/ch">Home</a>
1653                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1654                        <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1655                              stroke-linejoin="round" />
1656                    </svg>
1657                </li>
1658                <li class="flex flex-row gap-1.5 items-center hover:text-primary-red">
1659                    <a href="/ch/strom">Strom</a>
1660                    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
1661                        <path d="M7.5 15L12.5 10L7.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1662                              stroke-linejoin="round" />
1663                    </svg>
1664                </li>
1665    </ol>
1666</nav>
1667
1668
1669<div class="sm:hidden flex flex-row gap-1 items-center hover:text-primary-red text-sm lg:text-base breadcrumbsList text-secondary-gray-medium">
1670      <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1671        <path d="M10 12.8813L6 8.88135L10 4.88135" stroke="currentColor" stroke-width="2" stroke-linecap="round"
1672          stroke-linejoin="round" />
1673      </svg>
1674        <a class="pt-px" href="/ch/strom">
1675            Strom
1676        </a>
1677</div>              <p aria-hidden="true" class="h1 text-secondary-gray pb-4"> <b>Strom</b>, der zu Ihnen passt</p>
1678              <div class="text-secondary-gray-medium text-xl pb-4"> <p>Nicht alles ist erneuerbar. Unsere Energie schon. Repower versorgt Sie zuverlässig mit nachhaltigem Strom aus der Region.</p> </div>
1679      </div>
1680  </div>
1681</section>
1682    <div class="umb-grid">
1683                <section>
1684<div class="container">
1685    <div class="rte-container container-small">
1686        <p>Wählen Sie mit GRISCHUNPOWER, PUREPOWER oder SOLARPOWER die Energiequalität, die Ihren Bedürfnissen entspricht. Mit OPTIMA steht Ihnen ab 2027 zusätzlich ein variabler Stromtarif zur Verfügung. OPTIMA belohnt Sie, wenn Sie Ihren Verbrauch in günstige Zeiten verschieben. So können Sie Kosten sparen und gleichzeitig das Stromnetz entlasten.</p>
1687
1688    </div>
1689</div>
1690                </section>
1691                <section>
1692
1693
1694<div class="container group product-teaser pt-6 pb-12 lg:pt-8 lg:pb-16">
1695
1696        <div class="grid grid-cols-1 lg:grid-cols-8 xl:grid-cols-12 justify-center gap-5 lg:gap-8">
1697                        <div class="product-teaser w-full lg:col-span-4 bg-white flex flex-col justify-between rounded-lg relative overflow-hidden shadow-long-soft p-8 pt-7 lg:pt-12 lg:px-10">
1698                                <div class="absolute top-0 right-0 bg-functional-neutral text-sm text-white font-normal pt-1 pb-[5px] pr-4 pl-3 before:absolute-cut">
1699                                    Basisprodukt
1700                                </div>
1701                            <div class="1">
1702                                <div class="text-2xl lg:text-3.5xl mb-1 font-bold text-secondary-gray"><span style='color:#0081AB'>GRISCHUN</span>POWER</div>
1703                                
1704
1705                                <div class="pt-3 pb-4 lg:pb-6">
1706                                                <div class="flex flex-row gap-3 items-start mb-2 lg:mb-3 last:mb-0">
1707                                                    <svg class="w-6 h-auto shrink-0 mt-0.5" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1708                                                        <path d="M22.0001 12.0784V12.9984C21.9975 17.4271 19.0824 21.3266 14.8354 22.5823C10.5885 23.838 6.02145 22.1507 3.61101 18.4355C1.20057 14.7202 1.52092 9.86206 4.39833 6.49549C7.27574 3.12893 12.0248 2.05595 16.0701 3.85842" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1709                                                        <path d="M22 4.99854L12 15.0085L9 12.0085" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1710                                                    </svg>
1711                                                    <span class="text-secondary-gray text-base">Vorwiegend Strom aus Graub&#xFC;nden</span>
1712                                                </div>
1713                                </div>
1714
1715                            </div>
1716                            <div class="flex flex-col justify-between">
1717                                    <div class="lg:min-h-[120px]">
1718                                
1719                                        <h6 class="font-secondary-gray-dark mb-1 font-bold">Zusammensetzung</h6>
1720        
1721                                        <div class="flex flex-wrap gap-x-3 lg:gap-x-4 gap-y-2 mb-4 lg:mb-6">
1722                                                        <div class="flex flex-wrap items-center gap-2">
1723                                                            <img class="h-5 w-auto grayscale" src="/new-media/uzmhrag5/droplet.png"
1724                                                                alt="Tropfen-Icon"/>
1725                                                            <span class="text-secondary-gray-medium text-base"> Wasserkraft</span>
1726                                                        </div>
1727                                                        <div class="flex flex-wrap items-center gap-2">
1728                                                            <img class="h-5 w-auto grayscale" src="/new-media/jszmsfj4/sun.png"
1729                                                                alt="Sonne"/>
1730                                                            <span class="text-secondary-gray-medium text-base"> Solarenergie</span>
1731                                                        </div>
1732                                        </div>
1733                                </div>
1734
1735
1736                                <div class="flex items-center justify-between pt-4 min-h-[75px] lg:min-h-[86px]">
1737                                        <div>
1738                                            <div>
1739                                                <span class="text-secondary-gray-medium text-base">CHF/Monat</span>
1740
1741                                                <span class="product-tooltip">
1742                                                </span>
1743
1744                                                    <div class="tooltips hidden">
1745                                                        <div class="tooltip-content absolute bottom-4 bg-secondary-gray rounded-md border-secondary-gray p-2 text-secondary-gray">
1746                                                            <div>
1747                                                                <p>Basis: Durchschnitt 5-Zimmer-Wohnung 4'500 kWh / Jahr inkl. MwSt. <a href="/ch/strom/standard-grosskunden/grischunpower#tabelle-preise" title="Grischunpower" data-anchor="#tabelle-preise">Hier</a> gehts zur detaillierten Auflistung</p>
1748                                                            </div>
1749                                                            <div class="close-tooltip cursor-pointer self-start p-[15px] outline-secondary-gray-light border border-secondary-gray-soft duration-150 rounded-full hover:outline hover:outline-4 hover:outline-secondary-gray-light text-secondary-gray-medium">
1750                                                                <svg class="w-3 h-3 pointer-events-none" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1751                                                                    <path d="M9 1L1 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1752                                                                    <path d="M1 1L9 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1753                                                                </svg>
1754                                                            </div>
1755                                                        </div>
1756                                                    </div>
1757                                            </div>
1758                                            <div class="text-2xl lg:text-3.5xl font-bold leading-none text-secondary-gray">110.25</div>
1759                                        </div>
1760                                    <div class="">
1761                                        <a href="/ch/strom/standard-grosskunden/grischunpower" class="btn btn-primary mr-0 mb-0 mt-0">Mehr erfahren</a>
1762                                    </div>
1763                                </div>
1764                            </div>
1765
1766
1767                        </div>
1768                        <div class="product-teaser w-full lg:col-span-4 bg-white flex flex-col justify-between rounded-lg relative overflow-hidden shadow-long-soft p-8 pt-7 lg:pt-12 lg:px-10">
1769                            <div class="1">
1770                                <div class="text-2xl lg:text-3.5xl mb-1 font-bold text-secondary-gray"><span style='color:#A2AD00'>PURE</span>POWER</div>
1771                                
1772
1773                                <div class="pt-3 pb-4 lg:pb-6">
1774                                                <div class="flex flex-row gap-3 items-start mb-2 lg:mb-3 last:mb-0">
1775                                                    <svg class="w-6 h-auto 
1775shrink-0 mt-0.5" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1776                                                        <path d="M22.0001 12.0784V12.9984C21.9975 17.4271 19.0824 21.3266 14.8354 22.5823C10.5885 23.838 6.02145 22.1507 3.61101 18.4355C1.20057 14.7202 1.52092 9.86206 4.39833 6.49549C7.27574 3.12893 12.0248 2.05595 16.0701 3.85842" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1777                                                        <path d="M22 4.99854L12 15.0085L9 12.0085" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1778                                                    </svg>
1779                                                    <span class="text-secondary-gray text-base">Strom aus Graub&#xFC;nden</span>
1780                                                </div>
1781                                                <div class="flex flex-row gap-3 items-start mb-2 lg:mb-3 last:mb-0">
1782                                                    <svg class="w-6 h-auto shrink-0 mt-0.5" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1783                                                        <path d="M22.0001 12.0784V12.9984C21.9975 17.4271 19.0824 21.3266 14.8354 22.5823C10.5885 23.838 6.02145 22.1507 3.61101 18.4355C1.20057 14.7202 1.52092 9.86206 4.39833 6.49549C7.27574 3.12893 12.0248 2.05595 16.0701 3.85842" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1784                                                        <path d="M22 4.99854L12 15.0085L9 12.0085" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1785                                                    </svg>
1786                                                    <span class="text-secondary-gray text-base">Mit &#xD6;kostrom der Natur etwas zur&#xFC;ckgeben</span>
1787                                                </div>
1788                                </div>
1789
1790                            </div>
1791                            <div class="flex flex-col justify-between">
1792                                    <div class="lg:min-h-[120px]">
1793                                
1794                                        <h6 class="font-secondary-gray-dark mb-1 font-bold">Zusammensetzung</h6>
1795        
1796                                        <div class="flex flex-wrap gap-x-3 lg:gap-x-4 gap-y-2 mb-4 lg:mb-6">
1797                                                        <div class="flex flex-wrap items-center gap-2">
1798                                                            <img class="h-5 w-auto grayscale" src="/new-media/uzmhrag5/droplet.png"
1799                                                                alt="Tropfen-Icon"/>
1800                                                            <span class="text-secondary-gray-medium text-base"> Wasserkraft</span>
1801                                                        </div>
1802                                                        <div class="flex flex-wrap items-center gap-2">
1803                                                            <img class="h-5 w-auto grayscale" src="/new-media/jszmsfj4/sun.png"
1804                                                                alt="Sonne"/>
1805                                                            <span class="text-secondary-gray-medium text-base"> Solarenergie</span>
1806                                                        </div>
1807                                                        <div class="flex flex-wrap items-center gap-2">
1808                                                            <img class="h-5 w-auto grayscale" src="/new-media/ieepdpvr/wind.png"
1809                                                                alt="Wind-Icon"/>
1810                                                            <span class="text-secondary-gray-medium text-base"> Windkraft</span>
1811                                                        </div>
1812                                                        <div class="flex flex-wrap items-center gap-2">
1813                                                            <img class="h-5 w-auto grayscale" src="/new-media/0ridcard/bio.png"
1814                                                                alt="Bio-Icon"/>
1815                                                            <span class="text-secondary-gray-medium text-base"> Biomasse</span>
1816                                                        </div>
1817                                        </div>
1818                                </div>
1819
1820
1821                                <div class="flex items-center justify-between pt-4 min-h-[75px] lg:min-h-[86px]">
1822                                        <div>
1823                                            <div>
1824                                                <span class="text-secondary-gray-medium text-base">CHF/Monat</span>
1825
1826                                                <span class="product-tooltip">
1827                                                </span>
1828
1829                                                    <div class="tooltips hidden">
1830                                                        <div class="tooltip-content absolute bottom-4 bg-secondary-gray rounded-md border-secondary-gray p-2 text-secondary-gray">
1831                                                            <div>
1832                                                                <p>Basis: Durchschnitt 5-Zimmer-Wohnung 4'500 kWh / Jahr inkl. MwSt. <a href="/ch/strom/standard-grosskunden/purepower#tabelle-preise" title="Purepower" data-anchor="#tabelle-preise">Hier</a> gehts zur detaillierten Auflistung</p>
1833                                                            </div>
1834                                                            <div class="close-tooltip cursor-pointer self-start p-[15px] outline-secondary-gray-light border border-secondary-gray-soft duration-150 rounded-full hover:outline hover:outline-4 hover:outline-secondary-gray-light text-secondary-gray-medium">
1835                                                                <svg class="w-3 h-3 pointer-events-none" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1836                                                                    <path d="M9 1L1 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1837                                                                    <path d="M1 1L9 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1838                                                                </svg>
1839                                                            </div>
1840                                                        </div>
1841                                                    </div>
1842                                            </div>
1843                                            <div class="text-2xl lg:text-3.5xl font-bold leading-none text-secondary-gray">120.80</div>
1844                                        </div>
1845                                    <div class="">
1846                                        <a href="/ch/strom/standard-grosskunden/purepower" class="btn btn-primary mr-0 mb-0 mt-0">Mehr erfahren</a>
1847                                    </div>
1848                                </div>
1849                            </div>
1850
1851
1852                        </div>
1853                        <div class="product-teaser w-full lg:col-span-4 bg-white flex flex-col justify-between rounded-lg relative overflow-hidden shadow-long-soft p-8 pt-7 lg:pt-12 lg:px-10">
1854                            <div class="1">
1855                                <div class="text-2xl lg:text-3.5xl mb-1 font-bold text-secondary-gray"><span style='color:#FFB60F'>SOLAR</span>POWER</div>
1856                                
1857
1858                                <div class="pt-3 pb-4 lg:pb-6">
1859                                                <div class="flex flex-row gap-3 items-start mb-2 lg:mb-3 last:mb-0">
1860                                                    <svg class="w-6 h-auto shrink-0 mt-0.5" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1861                                                        <path d="M22.0001 12.0784V12.9984C21.9975 17.4271 19.0824 21.3266 14.8354 22.5823C10.5885 23.838 6.02145 22.1507 3.61101 18.4355C1.20057 14.7202 1.52092 9.86206 4.39833 6.49549C7.27574 3.12893 12.0248 2.05595 16.0701 3.85842" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1862                                                        <path d="M22 4.99854L12 15.0085L9 12.0085" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1863                                                    </svg>
1864                                                    <span class="text-secondary-gray text-base">Strom aus Graub&#xFC;nden</span>
1865                                                </div>
1866                                                <div class="flex flex-row gap-3 items-start mb-2 lg:mb-3 last:mb-0">
1867                                                    <svg class="w-6 h-auto shrink-0 mt-0.5" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1868                                                        <path d="M22.0001 12.0784V12.9984C21.9975 17.4271 19.0824 21.3266 14.8354 22.5823C10.5885 23.838 6.02145 22.1507 3.61101 18.4355C1.20057 14.7202 1.52092 9.86206 4.39833 6.49549C7.27574 3.12893 12.0248 2.05595 16.0701 3.85842" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1869                                                        <path d="M22 4.99854L12 15.0085L9 12.0085" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1870                                                    </svg>
1871                                                    <span class="text-secondary-gray text-base">Mit &#xD6;kostrom der Natur etwas zur&#xFC;ckgeben</span>
1872                                                </div>
1873                                                <div class="flex flex-row gap-3 items-start mb-2 lg:mb-3 last:mb-0">
1874                                                    <svg class="w-6 h-auto shrink-0 mt-0.5" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
1875                                                        <path d="M22.0001 12.0784V12.9984C21.9975 17.4271 19.0824 21.3266 14.8354 22.5823C10.5885 23.838 6.02145 22.1507 3.61101 18.4355C1.20057 14.7202 1.52092 9.86206 4.39833 6.49549C7.27574 3.12893 12.0248 2.05595 16.0701 3.85842" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1876                                                        <path d="M22 4.99854L12 15.0085L9 12.0085" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1877                                                    </svg>
1878                                                    <span class="text-secondary-gray text-base">Sie unterst&#xFC;tzen den Bau von Solaranlagen</span>
1879                                                </div>
1880                                </div>
1881
1882                            </div>
1883                            <div class="flex flex-col justify-between">
1884                                    <div class="lg:min-h-[120px]">
1885                                
1886                                        <h6 class="font-secondary-gray-dark mb-1 font-bold">Zusammensetzung</h6>
1887        
1888                                        <div class="flex flex-wrap gap-x-3 lg:gap-x-4 gap-y-2 mb-4 lg:mb-6">
1889                                                        <div class="flex flex-wrap items-center gap-2">
1890                                                            <img class="h-5 w-auto grayscale" src="/new-media/jszmsfj4/sun.png"
1891                                                                alt="Sonne"/>
1892                                                            <span class="text-secondary-gray-medium text-base"> Solarenergie</span>
1893                                                        </div>
1894                                        </div>
1895                                </div>
1896
1897
1898                                <div class="flex items-center justify-between pt-4 min-h-[75px] lg:min-h-[86px]">
1899                                        <div>
1900                                            <div>
1901                                                <span class="text-secondary-gray-medium text-base">CHF/Monat</span>
1902
1903                                                <span class="product-tooltip">
1904                                                </span>
1905
1906                                                    <div class="tooltips hidden">
1907                                                        <div class="tooltip-content absolute bottom-4 bg-secondary-gray rounded-md border-secondary-gray p-2 text-secondary-gray">
1908                                                            <div>
1909                                                                <p>
1909Basis: Durchschnitt 5-Zimmer-Wohnung 4'500 kWh / Jahr inkl. MwSt. <a href="/ch/strom/standard-grosskunden/solarpower#tabelle-preise" title="Solarpower" data-anchor="#tabelle-preise">Hier</a> gehts zur detaillierten Auflistung</p>
1910                                                            </div>
1911                                                            <div class="close-tooltip cursor-pointer self-start p-[15px] outline-secondary-gray-light border border-secondary-gray-soft duration-150 rounded-full hover:outline hover:outline-4 hover:outline-secondary-gray-light text-secondary-gray-medium">
1912                                                                <svg class="w-3 h-3 pointer-events-none" width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1913                                                                    <path d="M9 1L1 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1914                                                                    <path d="M1 1L9 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1915                                                                </svg>
1916                                                            </div>
1917                                                        </div>
1918                                                    </div>
1919                                            </div>
1920                                            <div class="text-2xl lg:text-3.5xl font-bold leading-none text-secondary-gray">128.90</div>
1921                                        </div>
1922                                    <div class="">
1923                                        <a href="/ch/strom/standard-grosskunden/solarpower" class="btn btn-primary mr-0 mb-0 mt-0">Mehr erfahren</a>
1924                                    </div>
1925                                </div>
1926                            </div>
1927
1928
1929                        </div>
1930        </div>
1931</div>                </section>
1932                <section>
1933<div class="container py-6 lg:py-8">
1934    <div class=" flex flex-col xl:flex-row xl:gap-6 xl:justify-between xl:items-center p-8 pr-6 pt-7 md:pt-8 rounded-lg md:px-12 lg:py-12 lg:px-19 relative" style="background-color: #f7e7d7">
1935        <div class="text-black/70 text-lg lg:text-vxl mb-3 lg:mb-5">
1936            <h3 class="text-black/70 leading-snug mb-2 pt-0 font-bold">OPTIMA – Strom clever nutzen</h3>
1937                Mit OPTIMA nutzen Sie Strom gezielt zu günstigen Zeiten und können so Energie- und Netzkosten sparen. Der variable Stromtarif steht Kundinnen und Kunden in der Grundversorgung ab 2027 zur Verfügung.
1938        </div>
1939        <div class="flex flex-col md:flex-row shrink-0 lg:flex-row-reverse lg:justify-end mt-2 mb-4 lg:mb-0 gap-3">
1940
1941
1942    <a href="/ch/strom/standard-grosskunden/stromtarif-optima" class="group/btn-sec w-full text-center md:w-auto btn-primary">
1943<span>Mehr &#xFC;ber OPTIMA erfahren</span></a>
1944        </div>
1945        <div class="icon-with-shadow -left-4 top-6.5 md:-left-6 md:top-5.5 lg:top-10 lg:-left-8.25 md:w-13 md:h-13 lg:w-16 lg:h-16">
1946            <span class="w-3 md:w-3.75">
1947                <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1948                        <path d="M1 8H15" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1949                        <path d="M8 1L15 8L8 15" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1950                    </svg>
1951            </span>
1952        </div>
1953
1954    </div>
1955</div>                </section>
1956                <section>
1957
1958<div class="container">
1959    <div class="container-small group-[.infobox]:py-3 group-[.accordion]:py-3 pt-6 pb-12 lg:pt-8 lg:pb-16">
1960
1961        <h3 class="pb-3 lg:pb-5 pt-0 text-secondary-gray group-[.infobox]:text-black/70 text-secondary-gray "> 
1962        <b>Stromtarife 2027</b>
1963        </h3>
1964<div class="mt-3 lg:mt-5">
1965    <div class="container-small">
1966        <a class="download-tracking" data-file="Tarif&#xFC;bersicht 2027" data-extension="pdf" href="/new-media/3r5jeicr/repower-tarifuebersicht-2027.pdf" target="_blank">
1967            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
1968                <div class="icon-wrapper">
1969                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
1970                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1971                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1972                    </svg>
1973                </div>
1974                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
1975                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Tarif&#xFC;bersicht 2027</p>
1976                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 1.22 MB</p>
1977                </div>
1978                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
1979                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
1980                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
1981                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
1982                        </svg>
1983                    </div>
1984            </div>
1985        </a>
1986    </div>
1987    <div class="container-small">
1988        <a class="download-tracking" data-file="Tarife Standardkunden 2027" data-extension="pdf" href="/new-media/c51d0rug/repower-tarifblaetter-2027-standardkunden.pdf" target="_blank">
1989            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
1990                <div class="icon-wrapper">
1991                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
1992                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1993                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1994                    </svg>
1995                </div>
1996                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
1997                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Tarife Standardkunden 2027</p>
1998                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 132.67 KB</p>
1999                </div>
2000                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
2001                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2002                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2003                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2004                        </svg>
2005                    </div>
2006            </div>
2007        </a>
2008    </div>
2009    <div class="container-small">
2010        <a class="download-tracking" data-file="Tarife Grosskunden 2027" data-extension="pdf" href="/new-media/fs2nf3vb/repower-tarifblaetter-2027-grosskunden.pdf" target="_blank">
2011            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
2012                <div class="icon-wrapper">
2013                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
2014                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2015                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2016                    </svg>
2017                </div>
2018                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
2019                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Tarife Grosskunden 2027</p>
2020                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 133.34 KB</p>
2021                </div>
2022                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
2023                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2024                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2025                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2026                        </svg>
2027                    </div>
2028            </div>
2029        </a>
2030    </div>
2031    <div class="container-small">
2032        <a class="download-tracking" data-file="Mitteilung zu Tarif&#xE4;nderungen im Jahr 2027" data-extension="pdf" href="/new-media/ytvc3cdj/tarifk
2032ommunikation-repower-2027.pdf" target="_blank">
2033            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
2034                <div class="icon-wrapper">
2035                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
2036                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2037                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2038                    </svg>
2039                </div>
2040                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
2041                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Mitteilung zu Tarif&#xE4;nderungen im Jahr 2027</p>
2042                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 1.58 MB</p>
2043                </div>
2044                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
2045                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2046                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2047                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2048                        </svg>
2049                    </div>
2050            </div>
2051        </a>
2052    </div>
2053</div>
2054    </div>
2055</div>                </section>
2056                <section>
2057
2058<div class="container">
2059    <div class="container-small group-[.infobox]:py-3 group-[.accordion]:py-3 pt-6 pb-12 lg:pt-8 lg:pb-16">
2060
2061        <h3 class="pb-3 lg:pb-5 pt-0 text-secondary-gray group-[.infobox]:text-black/70 text-secondary-gray "> 
2062        <b>Stromtarife 2026 & Stromkennzeichnung 2025</b>
2063        </h3>
2064<div class="mt-3 lg:mt-5">
2065    <div class="container-small">
2066        <a class="download-tracking" data-file="Tarife Standard 2026 " data-extension="pdf" href="/new-media/iizhpaxa/tarifblaetter_standard_2026.pdf" target="_blank">
2067            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
2068                <div class="icon-wrapper">
2069                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
2070                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2071                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2072                    </svg>
2073                </div>
2074                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
2075                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Tarife Standard 2026 </p>
2076                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 573.58 KB</p>
2077                </div>
2078                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
2079                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2080                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2081                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2082                        </svg>
2083                    </div>
2084            </div>
2085        </a>
2086    </div>
2087    <div class="container-small">
2088        <a class="download-tracking" data-file="Tarife Smartpower 2026" data-extension="pdf" href="/new-media/adnaweda/tarifblaetter_smartpower_2026_repower.pdf" target="_blank">
2089            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
2090                <div class="icon-wrapper">
2091                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
2092                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2093                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2094                    </svg>
2095                </div>
2096                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
2097                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Tarife Smartpower 2026</p>
2098                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 547.2 KB</p>
2099                </div>
2100                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
2101                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2102                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2103                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2104                        </svg>
2105                    </div>
2106            </div>
2107        </a>
2108    </div>
2109    <div class="container-small">
2110        <a class="download-tracking" data-file="Stromkennzeichnung 2025" data-extension="pdf" href="/new-media/
2110ofej1n53/stromkennzeichnung-2025-grundversorgung.pdf" target="_blank">
2111            <div class="group/download download-block hover:outline hover:outline-2 hover:outline-secondary-gray-soft group-[.infobox]:border-2 group-[.infobox]:border-black/10 group-[.infobox]:hover:outline-black/10 flex flex-row items-center gap-3 py-3 lg:py-5 px-4 lg:px-6 mb-2 rounded-lg bg-secondary-gray-light">
2112                <div class="icon-wrapper">
2113                    <svg xmlns="http://www.w3.org/2000/svg" class="w-4.25 lg:w-6.5 ml-1 mr-1 stroke-secondary-gray group-[.infobox]:stroke-black/60" width="26" height="32" viewBox="0 0 26 32" fill="none" aria-hidden="true">
2114                        <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 1H4C2.34315 1 1 2.34315 1 4V28C1 29.6569 2.34315 31 4 31H22C23.6569 31 25 29.6569 25 28V11.5L14.5 1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2115                        <path d="M14.5 1V11.5H25" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2116                    </svg>
2117                </div>
2118                <div class="flex flex-col md:flex-row group-[.infobox]:md:flex-col flex-wrap items-start md:items-center group-[.infobox]:md:items-start md:gap-x-3">
2119                    <p class="text-lg lg:text-vxl font-normal text-secondary-gray-dark group-[.infobox]:text-black/80 pb-px">Stromkennzeichnung 2025</p>
2120                    <p class="text-lg lg:text-vxl shrink-0 text-secondary-gray-medium group-[.infobox]:text-black/60">PDF &ndash; 2.56 MB</p>
2121                </div>
2122                    <div class="ml-auto group-hover/download:outline group-hover/download:outline-4 group-hover/download:outline-secondary-gray-soft group-disabled/download:bg-white duration-75 rounded-full bg-white text-secondary-gray-soft w-10 lg:w-11 h-10 lg:h-11 flex align-center justify-center border border-gray-light shrink-0 group-active/download:bg-secondary-gray-soft group-active/download:outline-none">
2123                        <svg class="w-[18px]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2124                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2125                            <path class="group-active/download:stroke-gray-medium group-disabled/download:stroke-secondary-gray-soft" d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="#FF463C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" />
2126                        </svg>
2127                    </div>
2128            </div>
2129        </a>
2130    </div>
2131</div>
2132    </div>
2133</div>                </section>
2134                <section>
2135<div class="container lg:px-0 lg:max-w-full 2xl:max-w-[1460px]">
2136	<div class="py-8 lg:py-12">
2137			<a data-teaser="teaser gross" data-text="Wir reinvestieren in die Natur - &#xD6;kofonds" class="teaser-tracking group/teaser-block overflow-hidden rounded-lg cursor-pointer"
2138			   href="/ch/ueber-uns/oekofonds" 
2139			   target="">
2140				<div class="flex flex-col lg:flex-row-reverse group img-left w-full rounded-lg lg:rounded-none 2xl:rounded-lg overflow-hidden bg-secondary-gray-light lg:h-[582px] xl:h-[576px] 2xl:h-[696px] relative">
2141					<div class="z-10 flex flex-col group-[.img-right]:justify-end group-[.img-right]:xl:justify-center xl:justify-center basis-full px-5 py-8 md:px-8 lg:py-14 group-[.img-right]:lg:py-10 lg:px-16 xl:px-[72px] 2xl:px-20 group-[.img-left]:lg:-ml-[17rem] group-[.img-left]:xl:-ml-[11.5rem] group-[.img-left]:2xl:-ml-[17.75rem] group-[.img-right]:lg:-mr-[17rem] group-[.img-right]:xl:-mr-[12rem] group-[.img-right]:2xl:-mr-[18rem] lg:h-full bg-secondary-gray-light lg:bg-transparent group-[.img-right]:lg:bg-gradient-to-r lg:bg-gradient-to-l from-secondary-gray-light to-secondary-gray-light/0">
2142
2143						<div class="absolute w-[640px] h-[1115px] lg:w-[950px] lg:h-[1290px] z-10 -rotate-[28deg] bottom-[
2143104px] -right-[383px] lg:-bottom-[261px] lg:right-auto lg:left-[448px] xl:left-[619px] 2xl:left-[722px] group-[.img-right]:lg:-bottom-[488px] group-[.img-right]:left-auto group-[.img-right]:lg:right-[452px] group-[.img-right]:xl:right-[581px] group-[.img-right]:2xl:right-[689px] bg-gradient-to-t from-white/80 to-secondary-gray-light/30 backdrop-blur-[6px]"></div>
2144
2145						<div class="z-20 text-secondary-gray-medium text-sm lg:text-base"></div>
2146						<h2 class="z-20 text-secondary-gray mb-3 lg:mb-5"><b>Wir reinvestieren in die Natur - Ökofonds</b></h2>
2147
2148						<div class="z-20 text-secondary-gray text-lg mb-3 lg:text-vxl lg:mb-5"><p>Mit dem Ökofonds zahlt Repower der Natur etwas zurück. Unterstützt werden kleine und grosse Projekte, die Lebensräume aufwerten und von ökologischem Nutzen sind. Alle Details zu den Kriterien finden Sie hier.</p></div>
2149
2150						<div class="z-30 relative group-hover/teaser-block:outline group-hover/teaser-block:outline-4 group-hover/teaser-block:outline-secondary-gray-soft group-disabled/teaser-block:bg-white duration-75 rounded-full flex align-center justify-center bg-white text-secondary-gray-soft w-11 lg:w-13 h-11 lg:h-13 border border-gray-light shrink-0 group-active/teaser-block:bg-secondary-gray-soft group-active/teaser-block:outline-none">
2151							<svg class="w-5 lg:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
2152								<path d="M5 12H19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2153								<path d="M12 5L19 12L12 19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2154							</svg>
2155						</div>
2156					</div>
2157					<img class="ImageMaskReverse max-h-[550px] lg:max-h-none object-cover aspect-[3/2] md:aspect-video lg:aspect-[5/4] xl:aspect-[3/2] lg:h-full lg:border-t lg:border-b lg:border-white basis-full lg:basis-auto transition-all duration-300 group-hover/teaser-block:scale-[1.05] z-0"
2158						 src="/new-media/gp5iwm4c/repower-via-energia-oekofonds.jpg?rxy=0.4962425002593077,0.4999905631045036&amp;width=1044&amp;height=696&amp;quality=80&amp;v=1dc004ae164c5d0" loading="lazy"
2159						 alt="Blick &#xFC;ber ein alpines Tal mit Gletscher, L&#xE4;rchenwald und kleinem See in herbstlicher Berglandschaft." />
2160				</div>
2161			</a>
2162	</div>
2163</div>
2164                </section>
2165                <section>
2166<div class="container lg:px-0 lg:max-w-full 2xl:max-w-[1460px]">
2167	<div class="py-8 lg:py-12">
2168			<a data-teaser="teaser gross" data-text="Besuchen Sie unsere Kraftwerke" class="teaser-tracking group/teaser-block overflow-hidden rounded-lg cursor-pointer"
2169			   href="/ch/ueber-uns/unsere-kraftwerke/kraftwerksfuehrungen" 
2170			   target="">
2171				<div class="flex flex-col lg:flex-row group img-right w-full rounded-lg lg:rounded-none 2xl:rounded-lg overflow-hidden bg-secondary-gray-light lg:h-[582px] xl:h-[576px] 2xl:h-[696px] relative">
2172					<div class="z-10 flex flex-col group-[.img-right]:justify-end group-[.img-right]:xl:justify-center xl:justify-center basis-full px-5 py-8 md:px-8 lg:py-14 group-[.img-right]:lg:py-10 lg:px-16 xl:px-[72px] 2xl:px-20 group-[.img-left]:lg:-ml-[17rem] group-[.img-left]:xl:-ml-[11.5rem] group-[.img-left]:2xl:-ml-[17.75rem] group-[.img-right]:lg:-mr-[17rem] group-[.img-right]:xl:-mr-[12rem] group-[.img-right]:2xl:-mr-[18rem] lg:h-full bg-secondary-gray-light lg:bg-transparent group-[.img-right]:lg:bg-gradient-to-r lg:bg-gradient-to-l from-secondary-gray-light to-secondary-gray-light/0">
2173
2174						<div class="absolute w-[640px] h-[1115px] lg:w-[950px] lg:h-[1290px] z-10 -rotate-[28deg] bottom-[104px] -right-[383px] lg:-bottom-[261px] lg:right-auto lg:left-[448px] xl:left-[619px] 2xl:left-[722px] group-[.img-right]:lg:-bottom-[488px] group-[.img-right]:left-auto group-[.img-right]:lg:right-[452px] group-[.img-right]:xl:right-[581px] group-[.img-right]:2xl:right-[689px] bg-gradient-to-t from-white/80 to-secondary-gray-light/30 backdrop-blur-[6px]"></div>
2175
2176						<div class="z-20 text-secondary-gray-medium text-sm lg:text-base"></div>
2177						<h2 class="z-20 text-secondary-gray mb-3 lg:mb-5"><b>Besuchen Sie unsere Kraftwerke</b></h2>
2178
2179						<div class="z-20 text-secondary-gray text-lg mb-3 lg:text-vxl lg:mb-5"><p>Repower macht Wasserkraft erlebbar.  Weitere Informationen und Anmeldemöglichkeiten g
2179ibt es hier.</p></div>
2180
2181						<div class="z-30 relative group-hover/teaser-block:outline group-hover/teaser-block:outline-4 group-hover/teaser-block:outline-secondary-gray-soft group-disabled/teaser-block:bg-white duration-75 rounded-full flex align-center justify-center bg-white text-secondary-gray-soft w-11 lg:w-13 h-11 lg:h-13 border border-gray-light shrink-0 group-active/teaser-block:bg-secondary-gray-soft group-active/teaser-block:outline-none">
2182							<svg class="w-5 lg:w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
2183								<path d="M5 12H19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2184								<path d="M12 5L19 12L12 19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2185							</svg>
2186						</div>
2187					</div>
2188					<img class="ImageMask max-h-[550px] lg:max-h-none object-cover aspect-[3/2] md:aspect-video lg:aspect-[5/4] xl:aspect-[3/2] lg:h-full lg:border-t lg:border-b lg:border-white basis-full lg:basis-auto transition-all duration-300 group-hover/teaser-block:scale-[1.05] z-0"
2189						 src="/new-media/lwqkdoxz/stauwehr-klosters-blog-speicher-im-energiesystem.jpg?width=1044&amp;height=696&amp;quality=80&amp;v=1dc0b721154f530" loading="lazy"
2190						 alt="Stauwehr Klosters &#x2013; Beitrag zur Speicherfunktion im Energiesystem." />
2191				</div>
2192			</a>
2193	</div>
2194</div>
2195                </section>
2196    </div>
2197	
2198
2199</main>
2200
2201
2202<section class="container" aria-label="Haben Sie *Fragen*?">
2203        <div class="grid xl:grid-cols-2 py-12 lg:py-16 gap-4 lg:gap-6 xl:gap-8">
2204            <div>
2205                
2206        <h2 class="pb-3 lg:pb-5 text-secondary-gray "> 
2207        Haben Sie <b>Fragen</b>?
2208        </h2>
2209
2210                <p class="text-xl pb-4 lg:text-2xl lg:pb-6 text-secondary-gray">
2211                    Sie suchen nach weiteren Informationen? Gerne sind wir pers&#xF6;nlich f&#xFC;r Sie da.
2212                </p>
2213                    <div class="hidden xl:block">
2214                        <a class="btn btn-primary" href="/ch/kontaktformular?email=1615&amp;request=Stromprodukte">Zum Kontaktformular</a>
2215                    </div>
2216            </div>
2217            <div class="bg-white shadow-long-soft flex flex-col sm:flex-row gap-8 rounded-lg px-6 py-8 md:px-12 lg:py-12 lg:px-16 overflow-hidden">
2218                    <div class="wrapper-general">
2219                            <h3 class="break-words text-left font-bold text-secondary-gray pt-0 pb-2">
2220                                Kontakt
2221                            </h3>
2222                        <div class="space-y-4 mt-2">
2223                                <div class="flex flex-row items-center gap-3">
2224                                    <div class="shrink-0 w-10 h-10 rounded-full bg-secondary-gray-light flex items-center justify-center ">
2225                                        <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
2226                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M20.9999 15.9206V18.9206C21.0022 19.4837 20.767 20.0217 20.352 20.4025C19.937 20.7832 19.3808 20.9713 18.8199 20.9206C15.7428 20.5862 12.7869 19.5347 10.1899 17.8506C7.77377 16.3153 5.72528 14.2668 4.18994 11.8506C2.49992 9.24179 1.44818 6.27158 1.11994 3.18059C1.06941 2.62146 1.25621 2.06684 1.63471 1.65221C2.0132 1.23758 2.54853 1.00112 3.10994 1.00059H6.10994C7.1138 0.990706 7.96944 1.72655 8.10994 2.72059C8.23656 3.68065 8.47139 4.62331 8.80994 5.53059C9.08468 6.26146 8.90895 7.08539 8.35994 7.64059L7.08994 8.91059C8.5135 11.4141 10.5864 13.487 13.0899 14.9106L14.3599 13.6406C14.9151 13.0916 15.7391 12.9159 16.4699 13.1906C17.3772 13.5291 18.3199 13.764 19.2799 13.8906C20.2855 14.0324 21.0251 14.9054 20.9999 15.9206Z" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2227                                        </svg>
2228                                    </div>
2229                                    <a data-type="tel" class="contact-tracking truncate text-lg lg:text-vxl text-secondary-gray-medium hover:text-primary-red" href="tel:&#x2B;41 58 458 6090">&#x2B;41 58 458 6090</a>
2230                                </div>
2231                                <div class="truncate flex flex-row items-center gap-3 w-full">
2232                                    <div class="shrink-0 w-10 h-10 rounded-full bg-secondary-gray-light flex items-center justify-center ">
2233                                        <svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
2234                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M3 1.00049H19C20.1 1.00049 21 1.90049 21 3.00049V15.0005C21 16.1005 20.1 17.0005 19 17.0005H3C1.9 17.0005 1 16.1005 1 15.0005V3.00049C1 1.90049 1.9 1.00049 3 1.00049Z" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2235                                            <path d="M21 3.00049L11 10.0005L1 3.00049" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
2236                                        </svg>
2237                                    </div>
2238                                    <a data-id="1615" data-type="email" href="mailto:&#107;&#117;&#110;&#100;&#101;&#110;&#99;&#101;&#110;&#116;&#101;&#114;&#64;&#114;&#101;&#112;&#111;&#119;&#101;&#114;&#46;&#99;&#111;&#109;" target="_blank" class="contact-tracking truncate w-fit text-lg lg:text-vxl text-secondary-gray-medium hover:text-primary-red">&#107;&#117;&#110;&#100;&#101;&#110;&#99;&#101;&#110;&#116;&#101;&#114;&#64;&#114;&#101;&#112;&#111;&#119;&#101;&#114;&#46;&#99;&#111;&#109;
2238</a>
2239                                </div>
2240                        </div>
2241                            <div class="text-sm lg:text-base text-secondary-gray text-left mt-3 lg:mt-5 flex flex-col gap-3">
2242                                <p>Montag - Donnerstag<br>08.00 - 12.00 und 13.30 - 17.00 Uhr</p>
2243<p>Freitag<br>08.00 - 12.00 und 13.30 - 16.00 Uhr</p>
2244                            </div>
2245                    </div>
2246
2247            </div>
2248
2249                <div class="xl:hidden">
2250                    <a class="btn btn-primary mt-2 mb-4" href="/ch/kontaktformular?email=1615&amp;request=Stromprodukte">
2251                        Zum Kontaktformular
2252                        </a>
2253                </div>
2254        </div>
2255</section>
2256    <section class="container py-8 lg:py-12">
2257
2258        
2259        <h2 class="font-normal pb-3 lg:pb-5 text-secondary-gray font-bold"> 
2260        Das könnte Sie auch <b>interessieren</b>
2261        </h2>
2262
2263        <div class="grid grid-cols-8 xl:grid-cols-12 2xl:grid-cols-18 gap-y-5 md:gap-6 lg:gap-10 pt-4 lg:pt-6">
2264                            <a data-teaser="teaser wissen" data-text="Die Spezialisten bei Stromausf&#xE4;llen" class="teaser-tracking col-span-8 md:col-span-5 xl:col-span-8 2xl:col-span-12 col-span-8 group self-end group/blog-teaser" href="/ch/wissen/stromausfall">
2265                                <div class="content-teaser-img group bg-cover bg-no-repeat p-8 pt-10 lg:p-12 lg:pt-20 teaser-blue group h-fit flex flex-col justify-end group rounded-lg relative overflow-hidden h-full text-white"
2266                                     style=background-image:url(/new-media/pehjl0lx/netzelektriker-im-einsatz.jpg?width=852&amp;quality=80&amp;v=1dab0ce9c005530);>
2267                                    <div class="pointer-events-none hidden group-[.content-teaser-img]:block absolute w-full left-0 right-0 bottom-0 h-4/5 sm:h-full bg-gradient-to-t sm:bg-gradient-to-r from-20% group-[.teaser-purple]:from-secondary-violet-dark group-[.teaser-red]:from-secondary-purple-dark group-[.teaser-green]:from-[#818628] from-secondary-blue-dark to-transparent"></div>
2268                                    <div class="pointer-events-none hidden group-[.content-teaser-img]:block group-hover/blog-teaser:sm:-left-[430px] group-hover/blog-teaser:xl:-left-[320px] absolute w-[400px] sm:w-[700px] h-[700px] xl:w-[800px] -bottom-[165px] sm:-bottom-[240px] -left-[300px] sm:-left-[480px] xl:-left-[374px] opacity-50 sm:opacity-100 bg-gradient-to-b group-[.teaser-purple]:from-secondary-purple/60 group-[.teaser-purple]:to-secondary-violet-dark/60 group-[.teaser-red]:from-[#EA1C00]/60 group-[.teaser-red]:to-secondary-purple/60 group-[.teaser-green]:from-secondary-green/60 group-[.teaser-green]:to-secondary-blue-dark/60 from-secondary-blue-dark/60 to-secondary-violet-dark/60 z-20 rotate-[332deg] transition-all ease-in-out duration-500"></div>
2269                                    <div class="pointer-events-none group-[.content-teaser-img]:hidden group-hover/blog-teaser:right-10 -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>
2270                                    <div class="wrap pointer-events-none z-30 group-[.content-teaser-img]:max-w-[460px] group-[.content-teaser-img]:lg:max-w-[500px] max-w-[600px]">
2271
2272
2273                                        
2274        <h4 class="text-white overflow-wrap text-3.5xl lg:text-4.5xl leading-[1.2] font-bold lg:mb-5 group-[.content-teaser-img]:mb-3 group-[.blog-teaser-small]:blog-teaser-small-heading text-secondary-gray font-bold"> 
2275        Die Spezialisten bei Stromausfällen
2276        </h4>
2277
2278                                    </div>
2279
2280                                    <div class="relative z-30 group-hover/blog-teaser:outline group-hover/blog-teaser:outline-2 group-hover/blog-teaser:outline-secondary-gray-soft group-disabled/blog-teaser:bg-white duration-75 rounded-full flex align-center justify-center bg-white text-secondary-gray-soft w-11 lg:w-13 h-11 lg:h-13 group-[:nth-child(4n+2)]:blog-teaser-btn-small group-[:nth-child(4n+3)]:blog-teaser-btn-small border border-gray-light shrink-0 group-active/blog-teaser:bg-secondary-gray-soft group-active/blog-teaser:outline-none">
2281                                        <svg class="w-6 group-[:nth-child(4n+2)]:w-4.25 group-[:nth-child(4n+3)]:w-4.25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
2282                                            <path d="M5 12H19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2283                                            <path d="M12 5L19 12L12 19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2284                                        </svg>
2285                                    </div>
2286
2287                                </div>
2288                            </a>
2289                            <a data-teaser="teaser wissen" data-text="Projekt Chlus: Die Kraft des Wassers nachhaltig nutzen" class="teaser-tracking md:col-span-3 xl:col-span-4 2xl:col-span-6 col-span-8 group self-end group/blog-teaser" href="/ch/wissen/projekt-chlus">
2290                                <div class="blog-teaser-small teaser-purple group h-fit flex flex-col justify-end group rounded-lg relative overflow-hidden h-full text-white"
2291                                     >
2292                                    <div class="pointer-events-none hidden group-[.content-teaser-img]:block absolute w-full left-0 right-0 bottom-0 h-4/5 sm:h-full bg-gradient-to-t sm:bg-gradient-to-r from-20% group-[.teaser-purple]:from-secondary-violet-dark group-[.teaser-red]:from-secondary-purple-dark group-[.teaser-green]:from-[#818628] from-secondary-blue-dark to-transparent"></div>
2293                                    <div class="pointer-events-none hidden group-[.content-teaser-img]:block group-hover/blog-teaser:sm:-left-[430px] group-hover/blog-teaser:xl:-left-[320px] absolute w-[400px] sm:w-[700px] h-[700px] xl:w-[800px] -bottom-[165px] sm:-bottom-[240px] -left-[300px] sm:-left-[480px] xl:-left-[374px] opacity-50 sm:opacity-100 bg-gradient-to-b group-[.teaser-purple]:from-secondary-purple/60 group-[.teaser-purple]:to-secondary-violet-dark/60 group-[.teaser-red]:from-[#EA1C00]/60 group-[.teaser-red]:to-secondary-purple/60 group-[.teaser-green]:from-secondary-green/60 group-[.teaser-green]:to-secondary-blue-dark/60 from-secondary-blue-dark/60 to-secondary-violet-dark/60 z-20 rotate-[332deg] transition-all ease-in-out duration-500"></div>
2294                                    <div class="pointer-events-none group-[.content-teaser-img]:hidden group-hover/blog-teaser:right-10 -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>
2295                                    <div class="wrap pointer-events-none z-30 group-[.content-teaser-img]:max-w-[460px] group-[.content-teaser-img]:lg:max-w-[500px] max-w-[600px]">
2296
2297
2298                                        
2299        <h4 class="text-white overflow-wrap text-3.5xl lg:text-4.5xl leading-[1.2] font-bold lg:mb-5 group-[.content-teaser-img]:mb-3 group-[.blog-teaser-small]:blog-teaser-small-heading text-secondary-gray font-bold"> 
2300        Projekt Chlus: Die Kraft des Wassers nachhaltig nutzen
2301        </h4>
2302
2303                                            <div class="text-xl lg:text-2xl mb-4 lg:mb-6 group-[.blog-teaser-small]:blog-teaser-small-text">
2304                                                <p>Beim Wasserkraftprojekt Chlus von Repower zwischen Küblis und dem Rhein steht die Stromproduktion ebenso im Fokus wie ökologische Aspekte.</p>
2305                                            </div>
2306                                    </div>
2307
2308                                    <div class="relative z-30 group-hover/blog-teaser:outline group-hover/blog-teaser:outline-2 group-hover/blog-teaser:outline-secondary-gray-soft group-disabled/blog-teaser:bg-white duration-75 rounded-full flex align-center justify-center bg-white text-secondary-gray-soft w-11 lg:w-13 h-11 lg:h-13 group-[:nth-child(4n+2)]:blog-teaser-btn-small group-[:nth-child(4n+3)]:blog-teaser-btn-small border border-gray-light shrink-0 group-active/blog-teaser:bg-secondary-gray-soft group-active/blog-teaser:outline-none">
2309                                        <svg class="w-6 group-[:nth-child(4n+2)]:w-4.25 group-[:nth-child(4n+3)]:w-4.25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
2310                                            <path d="M5 12H19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2311                                            <path d="M12 5L19 12L12 19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2312                                        </svg>
2313                                    </div>
2314
2315                                </div>
2316                            </a>
2317                            <a data-teaser="teaser wissen" data-text="Smart Meter - Ihr intelligenter Z&#xE4;hler" class="teaser-tracking md:col-span-3 xl:col-span-4 xl:col-start-2 xl:col-span-4 2xl:col-span-5 2xl:col-start-2 col-span-8 group self-end group/blog-teaser" href="/ch/strom/smart-meter">
2318                                <div class="blog-teaser-small teaser-blue group h-fit flex flex-col justify-end group rounded-lg relative overflow-hidden h-full text-white"
2319                                     >
2320                                    <div class="pointer-events-none hidden group-[.content-teaser-img]:block absolute w-full left-0 right-0 bottom-0 h-4/5 sm:h-full bg-gradient-to-t sm:bg-gradient-to-r from-20% group-[.teaser-purple]:from-secondary-violet-dark group-[.teaser-red]:from-secondary-purple-dark group-[.teaser-green]:from-[#818628] from-secondary-blue-dark to-transparent"></div>
2321                                    <div class="pointer-events-none hidden group-[.content-teaser-img]:block group-hover/blog-teaser:sm:-left-[430px] group-hover/blog-teaser:xl:-left-[320px] absolute w-[400px] sm:w-[700px] h-[700px] xl:w-[800px] -bottom-[165px] sm:-bottom-[240px] -left-[300px] sm:-left-[480px] xl:-left-[374px] opacity-50 sm:opacity-100 bg-gradient-to-b group-[.teaser-purple]:from-secondary-purple/60 group-[.teaser-purple]:to-secondary-violet-dark/60 group-[.teaser-red]:from-[#EA1C00]/60 group-[.teaser-red]:to-secondary-purple/60 group-[.teaser-green]:from-secondary-green/60 group-[.teaser-green]:to-secondary-blue-dark/60 from-secondary-blue-dark/60 to-secondary-violet-dark/60 z-20 rotate-[332deg] transition-all ease-in-out duration-500"></div>
2322                                    <div class="pointer-events-none group-[.content-teaser-img]:hidden group-hover/blog-teaser:right-10 -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>
2323                                    <div class="wrap pointer-events-none z-30 group-[.content-teaser-img]:max-w-[460px] group-[.content-teaser-img]:lg:max-w-[500px] max-w-[600px]">
2324
2325
2326                                        
2327        <h4 class="text-white overflow-wrap text-3.5xl lg:text-4.5xl leading-[1.2] font-bold lg:mb-5 group-[.content-teaser-img]:mb-3 group-[.blog-teaser-small]:blog-teaser-small-heading text-secondary-gray font-bold"> 
2328        Smart Meter - Ihr intelligenter Zähler
2329        </h4>
2330
2331                                            <div class="text-xl lg:text-2xl mb-4 lg:mb-6 group-[.blog-teaser-small]:blog-teaser-small-text">
2332                                                Der Nachfolger des herkömmlichen Stromzählers heisst Smart Meter. Bis 2027 installiert Repower in allen Haushalten den intelligenten Stromzähler. 
2333                                            </div>
2334                                    </div>
2335
2336                                    <div class="relative z-30 group-hover/blog-teaser:outline group-hover/blog-teaser:outline-2 group-hover/blog-teaser:outline-secondary-gray-soft group-disabled/blog-teaser:bg-white duration-75 rounded-full flex align-center justify-center bg-white text-secondary-gray-soft w-11 lg:w-13 h-11 lg:h-13 group-[:nth-child(4n+2)]:blog-teaser-btn-small group-[:nth-child(4n+3)]:blog-teaser-btn-small border border-gray-light shrink-0 group-active/blog-teaser:bg-secondary-gray-soft group-active/blog-teaser:outline-none">
2337                                        <svg class="w-6 group-[:nth-child(4n+2)]:w-4.25 group-[:nth-child(4n+3)]:w-4.25" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
2338                                            <path d="M5 12H19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2339                                            <path d="M12 5L19 12L12 19" stroke="#FF463C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2340                                        </svg>
2341                                    </div>
2342
2343                                </div>
2344                            </a>
2345        </div>
2346    </section>
2347    
2348
2349        <footer class="container footer">
2350        <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">
2351            <a class="shrink-0 sm:col-span-3 lg:col-span-1" href="/ch" aria-current="" target="_self" aria-label="Home">
2352                <img loading="lazy" class="w-[208px] xl:w-60 h-auto" src="/new-media/44gpvoan/repower-claim-deutsch.svg" alt="Logo Repower mit Claim"/>
2353            </a>
2354            <div class="space-y-3">
2355                <h4 class="text-secondary-gray pt-0 font-bold">
2356                    Hilfe
2357                </h4>
2358                                <div class="footer-link">
2359                                    <a class="text-link-gray" href="/ch/kundencenter"
2360                                        aria-current="">
2361                                        Kundencenter
2362                                    </a>
2363                                </div>
2364                                <div class="footer-link">
2365                                    <a class="text-link-gray" href="/ch/kundencenter/rechnung-zahlung"
2366                                        aria-current="">
2367                                        Rechnung &amp; Zahlung
2368                                    </a>
2369                                </div>
2370                                <div class="footer-link">
2371                                    <a class="text-link-gray" href="/ch/kundencenter/stoerungen-stromausfaelle"
2372                                        aria-current="">
2373                                        St&#xF6;rungen &amp; Stromausf&#xE4;lle
2374                                    </a>
2375                                </div>
2376                                <div class="footer-link">
2377                                    <a class="text-link-gray" href="/ch/kundencenter/umzug"
2378                                        aria-current="">
2379                                        Umzug
2380                                    </a>
2381                                </div>
2382            </div>
2383            <div class="space-y-3">
2384                <h4 class="text-secondary-gray pt-0 font-bold">
2385                    Services
2386                </h4>
2387                                <div class="footer-link">
2388                                    <a class="text-link-gray" href="/ch/ueber-uns/standorte"
2389                                        aria-current="">Standorte</a>
2390                                </div>
2391                                <div class="footer-link">
2392                                    <a class="text-link-gray" href="/ch/ueber-uns/medienstelle"
2393                                        aria-current="">Medienstelle</a>
2394                                </div>
2395                                <div class="footer-link">
2396                                    <a class="text-link-gray" href="/ch/ueber-uns/medienstelle/bilder-logos"
2397                                        aria-current="">Bilder &amp; Logos</a>
2398                                </div>
2399                                <div class="footer-link">
2400                                    <a class="text-link-gray" href="/ch/
2400dokumente"
2401                                        aria-current="">Dokumente</a>
2402                                </div>
2403            </div>
2404            <div class="flex flex-col gap-8">
2405                <div class="flex flex-col gap-3">
2406                    <h4 class="text-secondary-gray pt-0 font-bold">
2407                        Social Media
2408                    </h4>
2409                    <div class="flex flex-row flex-wrap items-center gap-4">
2410                            <a href="https://ch.linkedin.com/company/repower" target="_blank">
2411                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/linkedin.svg" alt="LinkedIn"/>
2412                            </a>
2413                            <a href="https://www.youtube.com/user/RepowerChannel" target="_blank">
2414                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/youtube.svg" alt="YouTube"/>
2415                            </a>
2416                            <a href="https://www.instagram.com/repowerschweiz/" target="_blank">
2417                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/instagram.svg" alt="Instagram"/>
2418                            </a>
2419                            <a href="https://www.facebook.com/repowerschweiz" target="_blank">
2420                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/facebook.svg" alt="Facebook"/>
2421                            </a>
2422                            <a href="https://www.tiktok.com/@repowerschweiz" target="_blank">
2423                                <img loading="lazy" class="w-8 h-auto" src="/images/social-outline/tiktok.svg" alt="TikTok"/>
2424                            </a>
2425                    </div>
2426                </div>
2427                    <div class="flex flex-col gap-3">
2428                            <h4 class="text-secondary-gray pt-0 font-bold">
2429                                Auszeichnungen
2430                            </h4>
2431                        <div class="grid grid-cols-3 items-center gap-4 sm:gap-6">
2432                                        <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]"/>
2433                                        <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]"/>
2434                                        <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]"/>
2435                                        <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]"/>
2436                                        <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]"/>
2437                                        <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]"/>
2438                        </div>
2439                    </div>
2440            </div>
2441        </div>
2442        <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">
2443            <div class="w-full shrink-0">                    
2444                <a class="w-fit group flex flex-row items-center gap-2 " href="https://www.repower.com/it" target="_blank">
2445                    <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
2446                        <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"/>
2447                    </svg>
2448                    <h3 class=" text-secondary-gray group-hover:text-primary-red pt-0 font-bold lg:text-2xl">Zu Repower Italien</h3>
2449                </a>
2450            </div>
2451            <div class="xl:col-span-2 gap-x-4 lg:gap-x-5 flex flex-wrap">
2452                <a class="text-link-gray" href="/ch/impressum">Impressum</a>
2453                <a class="text-link-gray" href="/ch/rechtliche-hinweise">Rechtliche Hinweise</a>
2454                <a class="text-link-gray" href="/ch/datenschutzerklaerung">Datenschutz</a>
2455            </div>
2456            <div class="flex flex-row xl:justify-end items-center divide-x divide-gray-dark">
2457                                <span class="px-3 lg:px-4 first:pl-0 last:pr-0 text-xl lg:text-2xl text-secondary-gray font-bold">
2458                                <span class="hidden md:block">Deutsch</span>
2459                                <span class="md:hidden">DE</span>
2460                                </span>
2461                                <a class="px-3 lg:px-4 first:pl-0 last:pr-0 text-link-gray text-xl lg:text-2xl" href="/ch/it/elettricita/per-clienti-privati" target="_self">
2462                                <span class="hidden md:block">Italiano</span>
2463                                <span class="md:hidden">IT</span>
2464                                </a>
2465            </div>
2466        </div>
2467    </footer>
2468
2469    
2470    
2471    
2471<script src="/assets/tscript.6212a740026703f585e1.js" defer="defer"></script>
2471
2472    
2473    
2473<script nonce='563bcc45-a007-4ddd-9586-aa50b05a49f4'>
2474      const cookiesToExpire = [
2475        "cookieyesID",
2476        "cky-consent",
2477        "cky-action",
2478        "cookieyes-necessary",
2479        "cookieyes-functional",
2480        "cookieyes-analytics",
2481        "cookieyes-performance",
2482        "cookieyes-advertisement",
2483        "cookieyes-other",
2484      ];
2485      cookiesToExpire.forEach((cookieName) => {
2486        document.cookie = `${cookieName}=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=.http://www.repower.com; path=/`;
2487      });
2488    </script>
2488
2489</body>
2490</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.