PageSourceSearch

https://www.varsom.no/flom-og-jordskred/varslingsnivaer-i-farger/

html varsom.no collected 2026-10-02 02:35:48 UTC 114,540 bytes, 1,378 lines download raw bytes

1
2
3<!DOCTYPE html>
4<html lang="nb">
5<head>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width,initial-scale=1.0">
8    <title>Varslingsniv&#229;er i farger | Varsom.no</title>
9    
10
11    <link rel="icon" type="image/x-icon" href="/favicon2.ico">
12    <link rel="stylesheet" href="/css/styles.css?v=104" />
13    <link rel="preconnect" href="https://fonts.googleapis.com">
14    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet">
16
17    
18    <link rel="stylesheet" href="/content/styles/main.min.css?v=104">
19
20        
20<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="8ca7052a-e609-40a8-82c5-1773e6febbd3" type="text/javascript" async></script>
20
21        
21<script id="CookieDeclaration"
22                src="https://consent.cookiebot.com/8ca7052a-e609-40a8-82c5-1773e6febbd3/cd.js"
23                type="text/javascript" async></script>
23
24        
24<script type="text/javascript">
25
26            function CookiebotCallback_OnAccept() {
27                Cookiebot.changed && document.location.reload();
28            }
29        </script>
29
30
31    
31<script src="/Content/Scripts/External/jquery-3.6.0.min.js"></script>
31
32    
32<script src="/Content/Scripts/Shim/classList.js"></script>
32
33
34    
34<script src="/Content/Scripts/asyncloader.js"></script>
34
35    
35<script src="/scripts/nHeader.js?v=104"></script>
35
36
37    <!-- Task Analytics -->
38    
38<script src="https://in2.taskanalytics.com/tm.js"></script>
38
39    
39<script>window.TA = window.TA || function () { (TA.q = TA.q || []).push(arguments); }; window.TA('start', '03371')</script>
39   
40
41    
41<script defer data-domain="varsom.no" src="https://plausible.io/js/script.js"></script>
41
42
43    <!-- CDF: No JS dependencies were declared //-->
44</head>
45<body class="tw-font-sans tw-font-regular tw-bg-gray-50">
46
47    
48
49    
50
51<header>
52    <a href="#main-content" class="n-header-main-content-link"><span>Hopp til hovedinnhold</span></a>
53    <div class="n-header" x-data="nHeader()" x-init="init" x-on:click.away="active = ''" x-on:scroll.window="active = ''">
54
55        <div class="n-header-main">
56
57            <a href="/" class="n-header-logo" aria-label="G&#229; til forsiden">
58                <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" style="background: white">
59                    <path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V100H0V0ZM39.6567 26.5333H24.4001H24.3967L42.2367 73.4667H58.0601L75.6001 26.5333H60.7867L50.2901 60.3067L39.6567 26.5333Z" fill="#FF5F1B" />
60                </svg>
61
62            </a>
63
64            <nav class="n-header-nav" x-on:keydown.escape="onEsc($event)" aria-label="Meny">
65
66                        <button x-ref="item-981313799" x-on:click.prevent="toggleMenu('item-981313799')" :class="{ 'n-active': active === 'item-981313799' }" :aria-expanded="active === 'item-981313799' ? true : false">
67                            <span>Flom og jordskred</span>
68                            <svg focusable="false" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
69                                <path d="M7.06.727L4 3.78.94.727l-.94.94 4 4 4-4-.94-.94z" />
70                            </svg>
71                        </button>
72                        <div class="n-header-overlay" x-show="active" x-on:click.prevent="onClose()" x-cloak></div>
73                        <div class="n-header-dropdown" x-show="active === 'item-981313799'" x-cloak>
74
75                            <div class="n-header-dropdown-content">
76
77                                <div class="n-header-dropdown-groups">
78
79                                        <div class="n-header-dropdown-group">
80
81                                            <div class="n-header-dropdown-group-title">
82
83                                                    <a href="/flom-og-jordskred/varsling/">
84                                                        Flom- og jordskredvarsel
85                                                    </a>
86                                            </div>
87
88                                                <ul>
89                                                        <li><a href="/flom-og-jordskred/varsling/om-flom-og-jordskredvarslingen/">Om flom- og jordskredvarslingen</a></li>
90                                                        <li><a href="/flom-og-jordskred/varsling/slik-lages-flomvarsel/">Slik lager vi flomvarsel</a></li>
91                                                        <li><a href="/flom-og-jordskred/varsling/slik-lages-jordskredvarsel/">Slik lager vi jordskredvarsel</a></li>
92                                                        <li><a href="/flom-og-jordskred/varslingsnivaer-i-farger/">Varslingsniv&#229;er</a></li>
93                                                        <li><a href="/flom-og-jordskred/del-dine-bilder-av-flom-og-skred">Del bilder av flom og skred</a></li>
94                                                </ul>
95
96                                        </div>
97                                        <div class="n-header-dropdown-group">
98
99                                            <div class="n-header-dropdown-group-title">
100
101                                                    <a href="/flom-og-jordskred/om-flom-og-jordskred/">
102                                                        Om flom og jordskred
103                                                    </a>
104                                            </div>
105
106                                                <ul>
107                                                        <li><a href="/flom-og-jordskred/om-flom-og-jordskred/rad-og-forebygging/">R&#229;d og forebygging</a></li>
108                                                        <li><a href="/flom-og-jordskred/om-flom-og-jordskred/fakta-om-flom-og-skred/">Fakta om flom, jord-, s&#248;rpe- og flomskred</a></li>
109                                                        <li><a href="/flom-og-jordskred/ordliste/">Ordliste</a></li>
110                                                        <li><a href="/flom-og-jordskred/om-flom-og-jordskred/varflom/">V&#229;rflom</a></li>
111                                                </ul>
112
113                                        </div>
114                                        <div class="n-header-dropdown-group">
115
116                                            <div class="n-header-dropdown-group-title">
117
118                                                    <a href="/flom-og-jordskred/styrtregn/">
119                                                        Styrtregn
120                                                    </a>
121                                            </div>
122
123
124                                        </div>
125
126                                </div>
127
128                            </div>
129
130                            <div class="n-header-dropdown-global">
131
132                                <div class="n-header-dropdown-global-inner">
133
134                                                    <a href="https://apps.apple.com/no/app/varsom-20regobs/id1450501601?fbclid=IwAR0_pr7n29fgEUkYYNmeM1w-eOoeeMnr6THgecaS8i-FwZXLGD7tIR6z63E">
135
136                                                            <img src="/media/ry0hgfaz/ios-logo.png" alt="ikon" />
137                                                        <div>Varsom Regobs app (iOS)</div>
138
139                                                    </a>
140                                                    <a href="https://play.google.com/store/apps/details?id=no.nve.regobs4&amp;fbclid=IwAR0aVt8ZEtT-XFO2zt4sE6M_3kNPEQ_ZBc6WHgqIgRb_DNAWC8PYBKBkE8I.">
141
142                                                            <img src="/media/dh4d5g4a/google-play.png" alt="ikon" />
143                                                        <div>Varsom Regobs app (Android)</div>
144
145                                                    </a>
146                                </div>
147
148                                <button class="n-header-dropdown-close" x-on:click="active = ''" title="Lukk meny">
149                                    <span>Lukk</span>
150                                    <svg focusable="false" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
151                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M.293.293a1 1 0 011.414 0L7 5.586 12.293.293a1 1 0 111.414 1.414L8.414 7l5.293 5.293a1 1 0 01-1.414 1.414L7 8.414l-5.293 5.293a1 1 0 01-1.414-1.414L5.586 7 .293 1.707a1 1 0 010-1.414z" />
152                                    </svg>
153                                </button>
154
155                            </div>
156
157                        </div>
158                        <button x-ref="item-1524890863" x-on:click.prevent="toggleMenu('item-1524890863')" :class="{ 'n-active': active === 'item-1524890863' }" :aria-expanded="active === 'item-1524890863' ? true : false">
159                            <span>Sn&#248;skred</span>
160                            <svg focusable="false" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
161                                <path d="M7.06.727L4 3.78.94.727l-.94.94 4 4 4-4-.94-.94z" />
162                            </svg>
163                        </button>
164                        <div class="n-header-overlay" x-show="active" x-on:click.prevent="onClose()" x-cloak></div>
165                        <div class="n-header-dropdown" x-show="active === 'item-1524890863'" x-cloak>
166
167                            <div class="n-header-dropdown-content">
168
169                                <div class="n-header-dropdown-groups">
170
171                                        <div class="n-header-dropdown-group">
172
173                                            <div class="n-header-dropdown-group-title">
174
175                                                    <a href="/snoskred/varsling/">
176                                                        Sn&#248;skredvarsel
177                                                    </a>
178                                            </div>
179
180                                                <ul>
181                                                        <li><a href="/snoskred/snoskredvarsling/om-snoskredvarslingen/">Om sn&#248;skredvarslingen</a></li>
182                                                        <li><a href="/snoskred/snoskredvarsling/slik-lager-vi-snoskredvarsel/">Slik lager vi sn&#248;skredvarsel</a></li>
183                                                        <li><a href="/snoskred/snoskredvarsling/sporsmal-og-svar-om-snoskredvarsling-i-norge/">Sp&#248;rsm&#229;l og svar om sn&#248;skredvarsling i Norge</a></li>
184                                                        <li><a href="/snoskred/snoskredvarsling/snoskredvarsling-i-andre-land/">Sn&#248;skredvarsling i andre land</a></li>
185                                                </ul>
186
187                                        </div>
188                                        <div class="n-header-dropdown-group">
189
190                                            <div class="n-header-dropdown-group-title">
191
192                                                    <a href="/snoskred/om-snoskred/">
193                                                        Om sn&#248;skred
194                                                    </a>
195                                            </div>
196
197                                                <ul>
198                                                        <li><a href="/snoskred/om-snoskred/faregrader/">Faregrader</a></li>
199                                                        <li><a href="/snoskred/om-snoskred/beredskap/">Beredskap</a></li>
200                                                        <li><a href="/snoskred/om-snoskred/redningstjenesten/">Redningstjenesten</a></li>
201                                                        <li><a href="/om-varsom/varsom-app-regobs/">Observasjoner</a></li>
202                                                </ul>
203
204                                        </div>
205                                        <div class="n-header-dropdown-group">
206
207                                            <div class="n-header-dropdown-group-title">
208
209                                                    <a href="/snoskred/snoskredskolen/">
210                                                        Sn&#248;skredskolen
211                                                    </a>
212                                            </div>
213
214                                                <ul>
215                                                        <li><a href="/snoskred/snoskredskolen/skredterreng/">Skredterreng</a></li>
216                                                        <li><a href="/snoskred/snoskredskolen/snoskredvarselet-forklaring/">Sn&#248;skredvarselet - forklaring</a></li>
217                                                        <li><a href="/snoskred/snoskredskolen/del-informasjon/">Regobs - les og del informasjon</a></li>
218                                                        <li><a href="/snoskred/snoskredskolen/snoskredproblemer/">Sn&#248;skredproblemer</a></li>
219                                                        <li><a href="https://www.varsom.no/snoskred/snoskredskolen/interaktivt-grunnkurs/" target="_blank">Interaktivt sn&#248;skredkurs</a></li>
220                                                </ul>
221
222                                        </div>
223                                        <div class="n-header-dropdown-group">
224
225                                            <div class="n-header-dropdown-group-title">
226
227                                                    <a href="/snoskred/snoskredulykker/">
228                                                        Sn&#248;skredulykker
229                                                    </a>
230                                            </div>
231
232                                                <ul>
233                                                        <li>
233<a href="/snoskred/snoskredulykker/fordeling-av-snoskredulykker/">Fordeling av sn&#248;skredulykker</a></li>
234                                                        <li><a href="/snoskred/snoskredulykker/snoskredulykker-i-tabell/">Sn&#248;skredulykker i tabell</a></li>
235                                                        <li><a href="/snoskred/snoskredulykker/konsekvenser-av-snoskredulykker/">Konsekvenser av sn&#248;skredulykker</a></li>
236                                                        <li><a href="/snoskred/snoskredulykker/rapporter-snoskredulykker/">Rapporter sn&#248;skredulykker</a></li>
237                                                        <li><a href="/snoskred/snoskredulykker/se-ulykkerapporter/">Ulykkesrapporter</a></li>
238                                                </ul>
239
240                                        </div>
241
242                                </div>
243
244                            </div>
245
246                            <div class="n-header-dropdown-global">
247
248                                <div class="n-header-dropdown-global-inner">
249
250                                                    <a href="https://apps.apple.com/no/app/varsom-20regobs/id1450501601?fbclid=IwAR0_pr7n29fgEUkYYNmeM1w-eOoeeMnr6THgecaS8i-FwZXLGD7tIR6z63E">
251
252                                                            <img src="/media/ry0hgfaz/ios-logo.png" alt="ikon" />
253                                                        <div>Varsom Regobs app (iOS)</div>
254
255                                                    </a>
256                                                    <a href="https://play.google.com/store/apps/details?id=no.nve.regobs4&amp;fbclid=IwAR0aVt8ZEtT-XFO2zt4sE6M_3kNPEQ_ZBc6WHgqIgRb_DNAWC8PYBKBkE8I.">
257
258                                                            <img src="/media/dh4d5g4a/google-play.png" alt="ikon" />
259                                                        <div>Varsom Regobs app (Android)</div>
260
261                                                    </a>
262                                                    <a href="/til-nedlasting/viktig-informasjon-til-turister/">
263
264                                                            <img src="/media/xmkpdtvm/i.png" alt="ikon" />
265
266                                                        <div>Informasjon til turister</div>
267                                                    </a>
268                                </div>
269
270                                <button class="n-header-dropdown-close" x-on:click="active = ''" title="Lukk meny">
271                                    <span>Lukk</span>
272                                    <svg focusable="false" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
273                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M.293.293a1 1 0 011.414 0L7 5.586 12.293.293a1 1 0 111.414 1.414L8.414 7l5.293 5.293a1 1 0 01-1.414 1.414L7 8.414l-5.293 5.293a1 1 0 01-1.414-1.414L5.586 7 .293 1.707a1 1 0 010-1.414z" />
274                                    </svg>
275                                </button>
276
277                            </div>
278
279                        </div>
280                        <button x-ref="item-2037832004" x-on:click.prevent="toggleMenu('item-2037832004')" :class="{ 'n-active': active === 'item-2037832004' }" :aria-expanded="active === 'item-2037832004' ? true : false">
281                            <span>Is</span>
282                            <svg focusable="false" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
283                                <path d="M7.06.727L4 3.78.94.727l-.94.94 4 4 4-4-.94-.94z" />
284                            </svg>
285                        </button>
286                        <div class="n-header-overlay" x-show="active" x-on:click.prevent="onClose()" x-cloak></div>
287                        <div class="n-header-dropdown" x-show="active === 'item-2037832004'" x-cloak>
288
289                            <div class="n-header-dropdown-content">
290
291                                <div class="n-header-dropdown-groups">
292
293                                        <div class="n-header-dropdown-group">
294
295                                            <div class="n-header-dropdown-group-title">
296
297                                                    <a href="/is/isvarsling/">
298                                                        Isvarsling
299                                                    </a>
300                                            </div>
301
302                                                <ul>
303                                                        <li><a href="/is/isvarsling/om-isvarslingen/">Om isvarslingen</a></li>
304                                                        <li><a href="/is/isvarsling/slik-lager-vi-isvarsel/">Slik lager vi isvarsel</a></li>
305                                                        <li><a href="/is/isvarsling/">Landsoversikt</a></li>
306                                                        <li><a href="/is/isvarsling/regionale-isvarsler/">Regionale isvarsler</a></li>
307                                                        <li><a href="/is/isvarsling/webkamera-isforhold/">Webkamera</a></li>
308                                                </ul>
309
310                                        </div>
311                                        <div class="n-header-dropdown-group">
312
313                                            <div class="n-header-dropdown-group-title">
314
315                                                    <a href="/is/om-is/">
316                                                        Om is
317                                                    </a>
318                                            </div>
319
320                                                <ul>
321                                                        <li><a href="/is/om-is/kart-og-observasjoner/">Kart og observasjoner</a></li>
322                                                        <li><a href="/is/om-is/kart-og-observasjoner/registrering/">
322Registrering</a></li>
323                                                        <li><a href="/is/om-is/kart-og-observasjoner/om-iskart-no/">Om iskart.no</a></li>
324                                                        <li><a href="/is/om-is/video-podcast-og-artikler-om-is/">Artikler om is</a></li>
325                                                </ul>
326
327                                        </div>
328                                        <div class="n-header-dropdown-group">
329
330                                            <div class="n-header-dropdown-group-title">
331
332                                                    <a href="/is/isskolen/">
333                                                        Isskolen
334                                                    </a>
335                                            </div>
336
337                                                <ul>
338                                                        <li><a href="/is/isskolen/sikkerhetsutstyr/">Sikkerhetsutstyr</a></li>
339                                                        <li><a href="/is/isskolen/istyper/">Istyper</a></li>
340                                                        <li><a href="/is/isskolen/generelt-farlige-steder-pa-en-innsjo/">Farlige steder</a></li>
341                                                        <li><a href="/is/isskolen/regulerte-vann/">Regulerte vann</a></li>
342                                                        <li><a href="/is/isskolen/redning/">Redning</a></li>
343                                                </ul>
344
345                                        </div>
346                                        <div class="n-header-dropdown-group">
347
348                                            <div class="n-header-dropdown-group-title">
349
350                                                    <a href="/is/isulykker/">
351                                                        Isulykker
352                                                    </a>
353                                            </div>
354
355                                                <ul>
356                                                        <li><a href="/is/isulykker/isulykker-i-tabell/">Isulykker i tabell</a></li>
357                                                </ul>
358
359                                        </div>
360
361                                </div>
362
363                            </div>
364
365                            <div class="n-header-dropdown-global">
366
367                                <div class="n-header-dropdown-global-inner">
368
369                                                    <a href="https://apps.apple.com/no/app/varsom-20regobs/id1450501601?fbclid=IwAR0_pr7n29fgEUkYYNmeM1w-eOoeeMnr6THgecaS8i-FwZXLGD7tIR6z63E">
370
371                                                            <img src="/media/ry0hgfaz/ios-logo.png" alt="ikon" />
372                                                        <div>Varsom Regobs app (iOS)</div>
373
374                                                    </a>
375                                                    <a href="https://play.google.com/store/apps/details?id=no.nve.regobs4&amp;fbclid=IwAR0aVt8ZEtT-XFO2zt4sE6M_3kNPEQ_ZBc6WHgqIgRb_DNAWC8PYBKBkE8I.">
376
377                                                            <img src="/media/dh4d5g4a/google-play.png" alt="ikon" />
378                                                        <div>Varsom Regobs app (Android)</div>
379
380                                                    </a>
381                                </div>
382
383                                <button class="n-header-dropdown-close" x-on:click="active = ''" title="Lukk meny">
384                                    <span>Lukk</span>
385                                    <svg focusable="false" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
386                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M.293.293a1 1 0 011.414 0L7 5.586 12.293.293a1 1 0 111.414 1.414L8.414 7l5.293 5.293a1 1 0 01-1.414 1.414L7 8.414l-5.293 5.293a1 1 0 01-1.414-1.414L5.586 7 .293 1.707a1 1 0 010-1.414z" />
387                                    </svg>
388                                </button>
389
390                            </div>
391
392                        </div>
393                        <a href="/fjellskred/fjellskredovervaking/">
394
395                            <div> Fjellskred </div>
396
397                        </a>
398                        <a href="/nyheter/">
399
400                            <div> Nyheter </div>
401
402                        </a>
403                        <button x-ref="item-1662204130" x-on:click.prevent="toggleMenu('item-1662204130')" :class="{ 'n-active': active === 'item-1662204130' }" :aria-expanded="active === 'item-1662204130' ? true : false">
404                            <span>Om Varsom</span>
405                            <svg focusable="false" width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
406                                <path d="M7.06.727L4 3.78.94.727l-.94.94 4 4 4-4-.94-.94z" />
407                            </svg>
408                        </button>
409                        <div class="n-header-overlay" x-show="active" x-on:click.prevent="onClose()" x-cloak></div>
410                        <div class="n-header-dropdown" x-show="active === 'item-1662204130'" x-cloak>
411
412                            <div class="n-header-dropdown-content">
413
414                                <div class="n-header-dropdown-groups">
415
416                                        <div class="n-header-dropdown-group">
417
418                                            <div class="n-header-dropdown-group-title">
419
420                                                    <a href="/om-varsom/dette-er-varsom/">
421                                                        Om Varsom
422                                                    </a>
423                                            </div>
424
425
426                                        </div>
427                                        <div class="n-header-dropdown-group">
428
429                                            <div class="n-header-dropdown-group-title">
430
431                                                    <a href="/om-varsom/varsom-app-regobs/">
432                                                        Om Varsom-app/Regobs
433                                                    </a>
434                                            </div>
435
436
437                                        </div>
438                                        <div class="n-header-dropdown-group">
439
440                                            <div class="n-header-dropdown-group-title">
441
442                                                    <a href="/varsom-produkter/">
443                                                        Snarveier
444                                                    </a>
445                                            </div>
446
447
448                                        </div>
449
450                                </div>
451
452                            </div>
453
454                            <div class="n-header-dropdown-global">
455
456                                <div class="n-header-dropdown-global-inner">
457
458                                </div>
459
460                                <button class="n-header-dropdown-close" x-on:click="active = ''" title="Lukk meny">
461                                    <span>Lukk</span>
462                                    <svg focusable="false" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
463                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M.293.293a1 1 0 011.414 0L7 5.586 12.293.293a1 1 0 111.414 1.414L8.414 7l5.293 5.293a1 1 0 01-1.414 1.414L7 8.414l-5.293 5.293a1 1 0 01-1.414-1.414L5.586 7 .293 1.707a1 1 0 010-1.414z" />
464                                    </svg>
465                                </button>
466
467                            </div>
468
469                        </div>
470
471            </nav>
472
473
474            <div class="n-header-extra">
475
476                    <button x-ref="_search" class="n-header-extra-search" x-on:click.prevent="toggleSearch()" title="Vis søkefelt" :class="{ 'n-active': active === '_search' }" :aria-expanded="active === '_search' ? true : false">
477                        <span>S&#248;k</span>
478                        <svg focusable="false" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
479                            <path d="M14.79 7.567h-.45c0 .92-.19 1.797-.528 2.596a6.721 6.721 0 01-6.191 4.075c-.928 0-1.811-.187-2.616-.524a6.766 6.766 0 01-2.957-2.418A6.608 6.608 0 01.9 7.566c0-.92.189-1.797.528-2.596A6.72 6.72 0 017.62.895c.928 0 1.81.187 2.616.524a6.766 6.766 0 012.957 2.418 6.607 6.607 0 011.147 3.73h.9c0-1.044-.213-2.04-.6-2.946a7.587 7.587 0 00-2.76-3.327A7.62 7.62 0 007.62 0a7.623 7.623 0 00-6.317 3.336A7.492 7.492 0 000 7.566c0 1.044.213 2.04.6 2.946a7.587 7.587 0 002.76 3.327 7.62 7.62 0 004.26 1.294 7.617 7.617 0 006.317-3.333 7.491 7.491 0 001.304-4.23h-.45" fill="#e46900" />
480                            <path d="M13.25 12.666c-.2.22-.417.43-.645.623l6.758 6.71.637-.631-6.75-6.702zm-.666-.662l-.637.632.021.02c.229-.193.445-.402.646-.622l-.03-.03z" fill="#AEAEAE" />
481                            <path d="M12.613 12.033c-.2.22-.417.43-.645.623l.64.635c.228-.196.44-.402.645-.623l-.64-.635z" fill="#880B1F" />
482                        </svg>
483                    </button>
484                
485
486                
487
488
489                        <a rel="alternate" href="/en/flom-og-jordskred/varslingsnivaer-i-farger/" class="n-header-extra-lang">
490                            <div lang="en">English</div>
491                            <svg focusable="false" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
492                                <path d="M15.663 2.152a8.583 8.583 0 012.569 6.135c0 1.11-.215 2.222-.642 3.266a8.673 8.673 0 01-1.927 2.87 8.785 8.785 0 01-6.204 2.54 8.784 8.784 0 01-6.203-2.54l-.542.536a9.542 9.542 0 003.157 2.073 9.678 9.678 0 007.178 0 9.54 9.54 0 003.156-2.073A9.337 9.337 0 0019 8.287a9.389 9.389 0 00-.697-3.55 9.418 9.418 0 00-2.097-3.121l-.542.536z" fill="#e46900"/>
493                                <path d="M8.978 17.343v2.275h.767v-2.275" fill="#e46900"/>
494                                <path d="M7.71 20h3.302v-.76H7.71" fill="#e46900"/>
495                                <path d="M17.677 8.25h-.013a8.145 8.145 0 01-2.432 5.81 8.323 8.323 0 01-5.874 2.405 8.328 8.328 0 01-5.873-2.406A8.14 8.14 0 011.053 8.25a8.14 8.14 0 012.432-5.808A8.323 8.323 0 019.358.036c2.293 0 4.37.919 5.874 2.406a8.14 8.14 0 012.432 5.808h.026c0-4.55-3.73-8.24-8.332-8.24-4.6 0-8.332 3.69-8.332 8.24 0 4.55 3.732 8.241 8.332 8.241 4.601 0 8.332-3.69 8.332-8.24h-.013z" fill="#A5A8A8"/>
496                                <path d="M1.04 8.25h.013c0-2.267.929-4.322 2.432-5.808A8.323 8.323 0 019.358.036c2.293 0 4.37.919 5.874 2.406a8.14 8.14 0 012.432 5.808 8.145 8.145 0 01-2.432 5.81 8.323 8.323 0 01-5.874 2.405 8.328 8.328 0 01-5.873-2.406A8.14 8.14 0 011.053 8.25h-.027c0 4.55 3.732 8.241 8.332 8.241 4.601 0 8.332-3.69 8.332-8.24C17.69 3.7 13.96.01 9.358.01c-4.6 0-8.332 3.69-8.332 8.24h.014z" fill="#A5A8A8"/>
497                                <path d="M12.214 4.15a9.585 9.585 0 01-2.453.388v.794c.96-.024 1.89-.18 2.77-.446-.097-.25-.201-.497-.317-.735zM6.588 4.1a9.944 9.944 0 00-.252.542c-.027.06-.051.122-.078.186.856.278 1.76.448 2.7.493v-.793a9.579 9.579 0 01-2.37-.428zM4.105 2.9a8.168 8.168 0 00-.55.587 10.426 10.426 0 001.949 1.062c.099-.247.206-.489.324-.725L5.772 3.8a9.585 9.585 0 01-1.667-.9z" fill="#A5A8A8"/>
498                                <path d="M5.832 3.826a9.789 9.789 0 00-.325.724c.247.101.496.194.751.277a9.943 9.943 0 01.33-.727c-.257-.083-.51-.173-.756-.274z" fill="#6B6F6F"/>
499                                <path d="M14.714 3a9.548 9.548 0 01-1.737.892 10.78 10.78 0 01.309.733c.075-.03.15-.062.226-.09.614-.258 1.197-.572 1.742-.935a6.795 6.795 0 00-.54-.6z" fill="#A5A8A8"/>
500                                <path d="M12.974 3.889c-.25.095-.502.183-.762.26.115.239.22.483.314.733.258-.077.507-.165.757-.263a10.778 10.778 0 00-.309-.73z" fill="#6B6F6F"/>
501                                <path d="M13.21 11.953c-.1.246-.207.488-.325.724l.056.024a9.58 9.58 0 011.
501667.903c.194-.186.376-.382.55-.587a10.159 10.159 0 00-1.949-1.065zm-3.452-.773v.794a9.585 9.585 0 012.37.43c.089-.178.175-.359.252-.542.027-.06.051-.122.078-.186a10.418 10.418 0 00-2.7-.496z" fill="#A5A8A8"/>
502                                <path d="M12.458 11.678a9.896 9.896 0 01-.33.728c.258.082.51.172.757.273.118-.237.225-.478.325-.725-.247-.101-.497-.194-.752-.276z" fill="#6B6F6F"/>
503                                <path d="M5.433 11.882c-.075.03-.15.058-.225.09-.615.258-1.197.571-1.742.935.169.21.349.409.54.597a9.545 9.545 0 011.736-.892 9.136 9.136 0 01-.309-.73zm3.525-.709c-.961.024-1.89.18-2.77.446.094.25.198.494.314.733a9.589 9.589 0 012.453-.388l.003-.79z" fill="#A5A8A8"/>
504                                <path d="M6.188 11.617a9.408 9.408 0 00-.757.263 10.88 10.88 0 00.308.733c.25-.096.502-.183.763-.26a11.88 11.88 0 01-.314-.736z" fill="#6B6F6F"/>
505                                <path d="M17.301 8.251h-.4c0 1.03-.212 2.013-.593 2.905a7.512 7.512 0 01-2.733 3.28 7.563 7.563 0 01-4.217 1.275 7.558 7.558 0 01-6.254-3.29 7.364 7.364 0 01-1.288-4.17c0-1.03.212-2.012.593-2.904A7.512 7.512 0 015.14 2.065 7.562 7.562 0 019.358.791a7.558 7.558 0 016.254 3.29 7.364 7.364 0 011.29 4.17h.8a8.166 8.166 0 00-.656-3.212 8.296 8.296 0 00-3.022-3.63A8.379 8.379 0 009.358 0a8.347 8.347 0 00-6.917 3.637 8.159 8.159 0 00-1.425 4.614c0 1.14.233 2.225.655 3.213a8.297 8.297 0 003.022 3.629 8.38 8.38 0 004.665 1.41 8.348 8.348 0 006.917-3.637 8.16 8.16 0 001.426-4.615h-.4z" fill="#A5A8A8"/>
506                                <path d="M13.124 7.854H9.758v.792h3.36a8.63 8.63 0 00.011-.457c.003-.111 0-.223-.005-.335zm3.766 0h-2.963c.002.112.005.224.005.338 0 .151-.003.305-.01.456h2.968c.008-.13.01-.263.01-.395h.763-.762c0-.136-.006-.268-.01-.399zm.827 0h-.027c.005.13.01.263.01.396s-.002.266-.01.396h.027v-.792z" fill="#A5A8A8"/>
507                                <path d="M13.927 7.854h-.803a8.523 8.523 0 01-.005.794h.803c.005-.151.01-.302.01-.456 0-.114-.002-.226-.005-.338zM17.702 8.25h-.8c0 .133-.002.266-.01.396h.802a9.57 9.57 0 00.008-.396zm-.008-.396h-.802c.008.13.01.263.01.396h.8c0-.133-.002-.263-.008-.396z" fill="#6B6F6F"/>
508                                <path d="M4.795 7.854H1.83c-.008.13-.01.263-.01.396s.002.266.01.396h2.964c-.003-.112-.006-.223-.006-.338-.002-.15.003-.302.008-.454zm4.164 0H5.598a8.576 8.576 0 00-.006.794H8.96v-.794z" fill="#A5A8A8"/>
509                                <path d="M5.598 7.854h-.802c-.005.152-.01.303-.01.457 0 .112.002.226.005.337h.802a8.566 8.566 0 01.005-.794z" fill="#6B6F6F"/>
510                                <path d="M1.026 7.855H1v.79h.026a9.721 9.721 0 01-.01-.395c0-.133.003-.263.01-.395z" fill="#A5A8A8"/>
511                                <path d="M1.829 7.855h-.803c-.005.13-.01.262-.01.395s.002.266.01.396h.803a6.422 6.422 0 01-.01-.396c0-.133.002-.265.01-.395z" fill="#6B6F6F"/>
512                                <path d="M8.958 5.32v2.535h.8V5.33c-.091.003-.183.003-.274.003a8.64 8.64 0 01-.526-.014zM9.363.792a9.73 9.73 0 00-.405.321v3.412c.174.01.349.013.526.013.091 0 .183 0 .274-.003V.995a6.312 6.312 0 00-.25-.202h-.145z" fill="#A5A8A8"/>
513                                <path d="M9.358.793c-.134 0-.268.003-.4.01v.311c.132-.111.268-.217.405-.321h-.005zM9.512.793l.25.202V.8l-.25-.008zM8.958 4.527v.793c.174.008.349.014.526.014.091 0 .183 0 .274-.003v-.794c-.091.003-.183.003-.274.003a6.925 6.925 0 01-.526-.013z" fill="#6B6F6F"/>
514                                <path d="M9.758.01h-.8v.794c.132-.008.266-.01.4-.01h.005c.049 0 .097 0 .145.002l.25.008V.01z" fill="#6B6F6F"/>
515                                <path d="M9.232 11.964c-.091 0-.183 0-.274.002v3.542c.08.069.164.135.25.202l.145.002a9.74 9.74 0 00.405-.32v-3.415a11.446 11.446 0 00-.526-.013zm.526-3.316h-.8v2.525c.091-.003.183-.003.274-.003.177 0 .351.005.526.013V8.648" fill="#A5A8A8"/>
516                                <path d="M8.958 15.507v.194c.083.005.166.008.25.008a6.362 6.362 0 01-.25-.202zM9.759 15.388a9.283 9.283 0 01-.405.321h.005c.134 0 .268-.003.4-.01v-.311zM9.232 11.17c-.091 0-.183 0-.274.003v.794c.091-.003.183-.003.274-.003.177 0 .351.005.526.013v-.793a11.446 11.446 0 00-.526-.014z" fill="#6B6F6F"/>
517                                <path d="M9.758 15.7c-.132.008-.266.01-.4.01h-.005c-.049 0-.097 0-.145-.002l-.25-.008v.794h.8V15.7zM9.758 7.854h-.8v.792h.8v-.792z" fill="#6B6F6F"/>
518                            </svg>
519                        </a>
520
521            </div>
522
523        </div>
524
525            <div class="n-header-search" x-show="active === '_search'" x-cloak>
526                <div class="n-container">
527                    <div class="n-content">
528                        <form action="/sok/" class="n-header-search-input">
529                            <button type="button" x-show="term" class="n-header-search-reset" x-on:click="onReset">
530                                <svg focusable="false" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
531                                    <path d="M14 1.4L12.6 0 7 5.6 1.4 0 0 1.4 5.6 7 0 12.6 1.4 14 7 8.4l5.6 5.6 1.4-1.4L8.4 7 14 1.4z" fill="#e46900" />
532                                </svg>
533                            </button>
534                            <label for="n-search" class="n-off-screen"></label>
535                            <input id="n-search"
536                                   name="term"
537                                   placeholder="Hva leter du etter?"
538                                   maxlength="100"
539                                   autocomplete="off"
540                                   x-ref="search-input"
541                                   x-model="term"
542                                   x-on:input.debounce.500="search"
543                                   x-on:keydown.escape="term = '';active = ''"
544                                   x-on:keydown.enter.prevent="onEnterKey"
545                                   x-on:keydown.arrow-down.prevent="onArrowDown"
546                                   :class="{ 'n-header-search-reset-visible': term }" />
547                        </form>
548                        <div class="n-header-search-results" x-show.transition.opacity.duration.300ms="results.length > 0">
549                            <template x-for="(result, index) in results" :key="index">
550                                <a :href="result.Url"
551                                   :x-ref="'result-' + index"
552                                   class="n-search-result"
553                                   x-on:click.prevent="onHitClick(result)"
554                                   x-on:keydown.arrow-up.prevent="onArrowUp"
555                                   x-on:keydown.arrow-down.prevent="onArrowDown"
556                                   x-text="result.Name"></a>
557                            </template>
558                                <div class="n-header-search-results-more">
559                                    <a :href="'/sok/?s=' + term"
560                                       x-ref="more"
561                                       x-html="' &quot;' + encodeURI(term) + '&quot;'"
562                                       x-on:keydown.arrow-up.prevent="onArrowUp"
563                                       x-on:keydown.arrow-down.prevent="onArrowDown"
564                                       x-on:click="active = '';"></a>
565                                    <svg focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
566                                        <path d="M5 13.4h11.2l-5 4.2c-.3.4-.3 1 0 1.3.5.3 1.1.3 1.5 0l6.6-5.8c.4-.3.4-.9 0-1.2L12.7 6c-.4-.3-1-.3-1.4 0-.4.4-.4 1 0 1.3l4.9 4.2H5c-.5 0-1 .4-1 .9s.5.9 1 .9z" fill="#000" />
567                                    </svg>
568                                </div>
569                        </div>
570                    </div>
571                </div>
572            </div>
573
574    </div>
575
576    <div class="n-m-header" x-data="nMHeader()" x-init="init" x-on:click.away="isOpen = false" :class="{ 'n-m-header-open':  isOpen }" x-on:keydown.escape="isOpen = false" x-trap="isOpen">
577
578        <div class="n-m-header-main">
579
580            <a href="/" class="n-m-header-logo" aria-label="G&#229; til forsiden">
581                <svg width="100" height="100" viewBox="0 0 100 100" fill="red" xmlns="http://www.w3.org/2000/svg" style="background: white">
582                    <path id="Subtract" fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V100H0V0ZM39.6567 26.5333H24.4001H24.3967L42.2367 73.4667H58.0601L75.6001 26.5333H60.7867L50.2901 60.3067L39.6567 26.5333Z" fill="#FF5F1B" />
583                </svg>
584            </a>
585
586            <button class="n-m-header-toggle" x-on:click.prevent="onToggle" aria-controls="mh" :aria-expanded="isOpen ? 'true' : 'false'">
587
588                <svg focusable="false" x-show="!isOpen" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
589                    <path d="M3 12H21" stroke="#4D4D4D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
590                    <path d="M3 6H21" stroke="#4D4D4D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
591                    <path d="M3 18H21" stroke="#4D4D4D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
592                </svg>
593
594                <svg focusable="false" x-show="isOpen" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" x-cloak aria-hidden="true">
595                    <path d="M18 6L6 18" stroke="#4D4D4D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
596                    <path d="M6 6L18 18" stroke="#4D4D4D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
597                </svg>
598
599                <span>Meny</span>
600
601            </button>
602
603        </div>
604
605        <div id="mh" class="n-m-header-dropdown" x-show="isOpen" x-cloak  >
606
607            <div class="n-m-header-search">
608                <form action="" role="search">
609                    <div class="n-m-header-search-inner">
610                        <svg class="n-m-header-search-icon" focusable="false" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
611                            <path d="M14.79 7.567h-.45c0 .92-.19 1.797-.528 2.596a6.721 6.721 0 01-6.191 4.075c-.928 0-1.811-.187-2.616-.524a6.766 6.766 0 01-2.957-2.418A6.608 6.608 0 01.9 7.566c0-.92.189-1.797.528-2.596A6.72 6.72 0 017.62.895c.928 0 1.81.187 2.616.524a6.766 6.766 0 012.957 2.418 6.607 6.607 0 011.147 3.73h.9c0-1.044-.213-2.04-.6-2.946a7.587 7.587 0 00-2.76-3.327A7.62 7.62 0 007.62 0a7.623 7.623 0 00-6.317 3.336A7.492 7.492 0 000 7.566c0 1.044.213 2.04.6 2.946a7.587 7.587 0 002.76 3.327 7.62 7.62 0 004.26 1.294 7.617 7.617 0 006.317-3.333 7.491 7.491 0 001.304-4.23h-.45" fill="#e46900" />
612                            <path d="M13.25 12.666c-.2.22-.417.43-.645.623l6.758 6.71.637-.631-6.75-6.702zm-.666-.662l-.637.632.021.02c.229-.193.445-.402.646-.622l-.03-.03z" fill="#AEAEAE" />
613                            <path d="M12.613 12.033c-.2.22-.417.43-.645.623l.64.635c.228-.196.44-.402.645-.623l-.64-.635z" fill="#880B1F" />
614                        </svg>
615                        <label for="n-m-header-search" class="n-off-screen"></label>
616                        <input type="search"
617                               maxlength="100"
618                               autocomplete="off"
619                               id="n-m-header-search"
620                               x-model="term"
621                               placeholder="Hva leter du etter?"
622                               x-on:search.prevent="(_event) => { /sok/ != null && term != '' && onMore('/sok/?s=' + term)}"
623                               x-on:input.debounce.500="search" />
624                    </div>
625                        <div class="n-m-header-search-results" x-show.transition.opacity.duration.300ms="results.length > 0">
626                            <template x-for="result in results" :key="result.Url">
627                                <a :href="result.Url"
628                                   class="n-search-result"
629                                   x-on:click.prevent="onHitClick(result)"
630                                   x-text="result.Name">
631                                </a>
632                            </template>
633                            <div class="n-m-header-search-results-more">
634                                <a href="#" x-html="'S&#248;k p&#229; &quot;' + term + '&quot;'" x-on:click.prevent="onMore('/sok/?s=' + term)"></a>
635                                <svg focusable="false" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
636                                    <path d="M5 13.4h11.2l-5 4.2c-.3.4-.3 1 0 1.3.5.3 1.1.3 1.5 0l6.6-5.8c.4-.3.4-.9 0-1.2L12.7 6c-.4-.3-1-.3-1.4 0-.4.4-.4 1 0 1.3l4.9 4.2H5c-.5 0-1 .4-1 .9s.5.9 1 .9z" fill="#000" />
637                                </svg>
638                            </div>
639                        </div>
640                </form>
641            </div>
642
643            <nav class="n-m-header-nav n-m-header-nav-root" aria-label="Meny">
644
645                        <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1314142028') }" x-on:click.prevent="onNav('item-1314142028')" :aria-expanded="isVisible('item-1314142028') ? true : false">
646                            <span>Flom og jordskred</span>
647                            <svg focusable="false" x-show="isVisible('item-1314142028') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
648                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
649                            </svg>
650                            <svg focusable="false" x-show="isVisible('item-1314142028')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
651                                <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
652                            </svg>
653                        </button>
654                        <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1314142028')">
655
656                                <div class="n-m-header-nav">
657                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1423897222') }" x-on:click.prevent="onNav('item-1423897222')" :aria-expanded="isVisible('item-1423897222')">
658                                        <span>Flom- og jordskredvarsel</span>
659                                        <svg focusable="false" x-show="isVisible('item-1423897222') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
660                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
661                                        </svg>
662                                        <svg focusable="false" x-show="isVisible('item-1423897222')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
663                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
664                                        </svg>
665                                    </button>
666                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1423897222')">
667                                            <a href="/flom-og-jordskred/varsling/">Flom- og jordskredvarsel</a>
668                                                                                    <a class="n-m-header-nav-indented" href="/flom-og-jordskred/varsling/om-flom-og-jordskredvarslingen/">Om flom- og jordskredvarslingen</a>
669                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/varsling/slik-lages-flomvarsel/">Slik lager vi flomvarsel</a>
670                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/varsling/slik-lages-jordskredvarsel/">Slik lager vi jordskredvarsel</a>
671                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/varslingsnivaer-i-farger/">Varslingsniv&#229;er</a>
672                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/del-dine-bilder-av-flom-og-skred">Del bilder av flom og skred</a>
673                                    </div>
674                                </div>
675                                <div class="n-m-header-nav">
676                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-53571670') }" x-on:click.prevent="onNav('item-53571670')" :aria-expanded="isVisible('item-53571670')">
677                                        <span>Om flom og jordskred</span>
678                                        <svg focusable="false" x-show="isVisible('item-53571670') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
679                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
680                                        </svg>
681                                        <svg focusable="false" x-show="isVisible('item-53571670')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
682                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
683                                        </svg>
684                                    </button>
685                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-53571670')">
686                                            <a href="/flom-og-jordskred/om-flom-og-jordskred/">Om flom og jordskred</a>
687                                                                                    <a class="n-m-header-nav-indented" href="/flom-og-jordskred/om-flom-og-jordskred/rad-og-forebygging/">R&#229;d og forebygging</a>
688                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/om-flom-og-jordskred/fakta-om-flom-og-skred/">Fakta om flom, jord-, s&#248;rpe- og flomskred</a>
689                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/ordliste/">Ordliste</a>
690                                            <a class="n-m-header-nav-indented" href="/flom-og-jordskred/om-flom-og-jordskred/varflom/">V&#229;rflom</a>
691                                    </div>
692                                </div>
693                                <div class="n-m-header-nav">
694                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1684747349') }" x-on:click.prevent="onNav('item-1684747349')" :aria-expanded="isVisible('item-1684747349')">
695                                        <span>Styrtregn</span>
696                                        <svg focusable="false" x-show="isVisible('item-1684747349') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
697                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
698                                        </svg>
699                                        <svg focusable="false" x-show="isVisible('item-1684747349')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
700                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
701                                        </svg>
702                                    </button>
703                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1684747349')">
704                                            <a href="/flom-og-jordskred/styrtregn/">Styrtregn</a>
705                                                                            </div>
706                                </div>
707                        </div>
708                        <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-44747532') }" x-on:click.prevent="onNav('item-44747532')" :aria-expanded="isVisible('item-44747532') ? true : false">
709                            <span>Sn&#248;skred</span>
710                            <svg focusable="false" x-show="isVisible('item-44747532') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
711                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
712                            </svg>
713                            <svg focusable="false" x-show="isVisible('item-44747532')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
714                                <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
715                            </svg>
716                        </button>
717                        <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-44747532')">
718
719                                <div class="n-m-header-nav">
720                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-893202406') }" x-on:click.prevent="onNav('item-893202406')" :aria-expanded="isVisible('item-893202406')">
721                                        <span>Sn&#248;skredvarsel</span>
722                                        <svg focusable="false" x-show="isVisible('item-893202406') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
723                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
724                                        </svg>
725                                        <svg focusable="false" x-show="isVisible('item-893202406')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
726                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
727                                        </svg>
728                                    </button>
729                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-893202406')">
730                                            <a href="/snoskred/varsling/">Sn&#248;skredvarsel</a>
731                                                                                    <a class="n-m-header-nav-indented" href="/snoskred/snoskredvarsling/om-snoskredvarslingen/">Om sn&#248;skredvarslingen</a>
732                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredvarsling/slik-lager-vi-snoskredvarsel/">Slik lager vi sn&#248;skredvarsel</a>
733                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredvarsling/sporsmal-og-svar-om-snoskredvarsling-i-norge/">Sp&#248;rsm&#229;l og svar om sn&#248;skredvarsling i Norge</a>
734                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredvarsling/snoskredvarsling-i-andre-land/">Sn&#248;skredvarsling i andre land</a>
735                                    </div>
736                                </div>
737                                <div class="n-m-header-nav">
738                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1847813410') }" x-on:click.prevent="onNav('item-1847813410')" :aria-expanded="isVisible('item-1847813410')">
739                                        <span>Om sn&#248;skred</span>
740                                        <svg focusable="false" x-show="isVisible('item-1847813410') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
741                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
742                                        </svg>
743                                        <svg focusable="false" x-show="isVisible('item-1847813410')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
744                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
745                                        </svg>
746                                    </button>
747                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1847813410')">
748                                            <a href="/snoskred/om-snoskred/">Om sn&#248;skred</a>
749                                                                                    <a class="n-m-header-nav-indented" href="/snoskred/om-snoskred/faregrader/">Faregrader</a>
750                                            <a class="n-m-header-nav-indented" href="/snoskred/om-snoskred/beredskap/">Beredskap</a>
751                                            <a class="n-m-header-nav-indented" href="/snoskred/om-snoskred/redningstjenesten/">Redningstjenesten</a>
752                                            <a class="n-m-header-nav-indented" href="/om-varsom/varsom-app-regobs/">Observasjoner</a>
753                                    </div>
754                                </div>
755                                <div class="n-m-header-nav">
756                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1784670691') }" x-on:click.prevent="onNav('item-1784670691')" :aria-expanded="isVisible('item-1784670691')">
757                                        <span>Sn&#248;skredskolen</span>
758                                        <svg focusable="false" x-show="isVisible('item-1784670691') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
759                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
760                                        </svg>
761                                        <svg focusable="false" x-show="isVisible('item-1784670691')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
762                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
763                                        </svg>
764                                    </button>
765                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1784670691')">
766                                            <a href="/snoskred/snoskredskolen/">Sn&#248;skredskolen</a>
767                                                                                    <a class="n-m-header-nav-indented" href="/snoskred/snoskredskolen/skredterreng/">Skredterreng</a>
768                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredskolen/snoskredvarselet-forklaring/">Sn&#248;skredvarselet - forklaring</a>
769                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredskolen/del-informasjon/">Regobs - les og del informasjon</a>
770                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredskolen/snoskredproblemer/">Sn&#248;skredproblemer</a>
771                                            <a class="n-m-header-nav-indented" href="https://www.varsom.no/snoskred/snoskredskolen/interaktivt-grunnkurs/" target="_blank">Interaktivt sn&#248;skredkurs</a>
772                                    </div>
773                                </div>
774                                <div class="n-m-header-nav">
775                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-978815628') }" x-on:click.prevent="onNav('item-978815628')" :aria-expanded="isVisible('item-978815628')">
776                                        <span>Sn&#248;skredulykker</span>
777                                        <svg focusable="false" x-show="isVisible('item-978815628') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
778                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
779                                        </svg>
780                                        <svg focusable="false" x-show="isVisible('item-978815628')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
781                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
782                                        </svg>
783                                    </button>
784                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-978815628')">
785                                            <a href="/snoskred/snoskredulykker/">Sn&#248;skredulykker</a>
786                                                                                    <a class="n-m-header-nav-indented" href="/snoskred/snoskredulykker/fordeling-av-snoskredulykker/">Fordeling av sn&#248;skredulykker</a>
787                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredulykker/snoskredulykker-i-tabell/">Sn&#248;skredulykker i tabell</a>
788                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredulykker/konsekvenser-av-snoskredulykker/">Konsekvenser av sn&#248;skredulykker</a>
789                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredulykker/rapporter-snoskredulykker/">Rapporter sn&#248;skredulykker</a>
790                                            <a class="n-m-header-nav-indented" href="/snoskred/snoskredulykker/se-ulykkerapporter/">Ulykkesrapporter</a>
791                                    </div>
792                                </div>
793                        </div>
794                        <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1077927704') }" x-on:click.prevent="onNav('item-1077927704')" :aria-expanded="isVisible('item-1077927704') ? true : false">
795                            <span>Is</span>
796                            <svg focusable="false" x-show="isVisible('item-1077927704') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
797                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
798                            </svg>
799                            <svg focusable="false" x-show="isVisible('item-1077927704')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
800                                <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
801                            </svg>
802                        </button>
803                        <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1077927704')">
804
805                                <div class="n-m-header-nav">
806                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1796620') }" x-on:click.prevent="onNav('item-1796620')" :aria-expanded="isVisible('item-1796620')">
807                                        <span>Isvarsling</span>
808                                        <svg focusable="false" x-show="isVisible('item-1796620') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
809                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
810                                        </svg>
811                                        <svg focusable="false" x-show="isVisible('item-1796620')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
812                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
813                                        </svg>
814                                    </button>
815                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1796620')">
816                                            <a href="/is/isvarsling/">Isvarsling</a>
817                                                                                    <a class="n-m-header-nav-indented" href="/is/isvarsling/om-isvarslingen/">Om isvarslingen</a>
818                                            <a class="n-m-header-nav-indented" href="/is/isvarsling/slik-lager-vi-isvarsel/">Slik lager vi isvarsel</a>
819                                            <a class="n-m-header-nav-indented" href="/is/isvarsling/">Landsoversikt</a>
820                                            <a class="n-m-header-nav-indented" href="/is/isvarsling/regionale-isvarsler/">Regionale isvarsler</a>
821                                            <a class="n-m-header-nav-indented" href="/is/isvarsling/webkamera-isforhold/">Webkamera</a>
822                                    </div>
823                                </div>
824                                <div class="n-m-header-nav">
825                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-1320292336') }" x-on:click.prevent="onNav('item-1320292336')" :aria-expanded="isVisible('item-1320292336')">
826                                        <span>Om is</span>
827                                        <svg focusable="false" x-show="isVisible('item-1320292336') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
828                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
829                                        </svg>
830                                        <svg focusable="false" x-show="isVisible('item-1320292336')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
831                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
832                                        </svg>
833                                    </button>
834                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-1320292336')">
835                                            <a href="/is/om-is/">Om is</a>
836                                                                                    <a class="n-m-header-nav-indented" href="/is/om-is/kart-og-observasjoner/">Kart og observasjoner</a>
837                                            <a class="n-m-header-nav-indented" href="/is/om-is/kart-og-observasjoner/registrering/">Registrering</a>
838                                            <a class="n-m-header-nav-indented" href="/is/om-is/kart-og-observasjoner/om-iskart-no/">Om iskart.no</a>
839                                            <a class="n-m-header-nav-indented" href="/is/om-is/video-podcast-og-artikler-om-is/">Artikler om is</a>
840                                    </div>
841                                </div>
842                                <div class="n-m-header-nav">
843                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-70249586') }" x-on:click.prevent="onNav('item-70249586')" :aria-expanded="isVisible('item-70249586')">
844                                        <span>Isskolen</span>
845                                        <svg focusable="false" x-show="isVisible('item-70249586') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
846                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
847                                        </svg>
848                                        <svg focusable="false" x-show="isVisible('item-70249586')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
849                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
850                                        </svg>
851                                    </button>
852                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-70249586')">
853                                            <a href="/is/isskolen/">Isskolen</a>
854                                                                                    <a class="n-m-header-nav-indented" href="/is/isskolen/sikkerhetsutstyr/">Sikkerhetsutstyr</a>
855                                            <a class="n-m-header-nav-indented" href="/is/isskolen/istyper/">Istyper</a>
856                                            <a class="n-m-header-nav-indented" href="/is/isskolen/generelt-farlige-steder-pa-en-innsjo/">Farlige steder</a>
857                                            <a class="n-m-header-nav-indented" href="/is/isskolen/regulerte-vann/">Regulerte vann</a>
858                                            <a class="n-m-header-nav-indented" href="/is/isskolen/redning/">Redning</a>
859                                    </div>
860                                </div>
861                                <div class="n-m-header-nav">
862                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-791601764') }" x-on:click.prevent="onNav('item-791601764')" :aria-expanded="isVisible('item-791601764')">
863                                        <span>Isulykker</span>
864                                        <svg focusable="false" x-show="isVisible('item-791601764') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
865                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
866                                        </svg>
867                                        <svg focusable="false" x-show="isVisible('item-791601764')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
868                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
869                                        </svg>
870                                    </button>
871                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-791601764')">
872                                            <a href="/is/isulykker/">Isulykker</a>
873                                                                                    <a class="n-m-header-nav-indented" href="/is/isulykker/isulykker-i-tabell/">Isulykker i tabell</a>
874                                    </div>
875                                </div>
876                        </div>
877                        <a href="/fjellskred/fjellskredovervaking/" class="n-m-header-nav-link">
878                            <div>Fjellskred</div>
879                        </a>
880                        <a href="/nyheter/" class="n-m-header-nav-link">
881                            <div>Nyheter</div>
882                        </a>
883                        <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-760153895') }" x-on:click.prevent="onNav('item-760153895')" :aria-expanded="isVisible('item-760153895') ? true : false">
884                            <span>Om Varsom</span>
885                            <svg focusable="false" x-show="isVisible('item-760153895') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
886                                <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
887                            </svg>
888                            <svg focusable="false" x-show="isVisible('item-760153895')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
889                                <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
890                            </svg>
891                        </button>
892                        <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-760153895')">
893
894                                <div class="n-m-header-nav">
895                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-2096397041') }" x-on:click.prevent="onNav('item-2096397041')" :aria-expanded="isVisible('item-2096397041')">
896                                        <span>Om Varsom</span>
897                                        <svg focusable="false" x-show="isVisible('item-2096397041') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
898                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
899                                        </svg>
900                                        <svg focusable="false" x-show="isVisible('item-2096397041')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
901                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
902                                        </svg>
903                                    </button>
904                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-2096397041')">
905                                            <a href="/om-varsom/dette-er-varsom/">Om Varsom</a>
906                                                                            </div>
907                                </div>
908                                <div class="n-m-header-nav">
909                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-836272204') }" x-on:click.prevent="onNav('item-836272204')" :aria-expanded="isVisible('item-836272204')">
910                                        <span>Om Varsom-app/Regobs</span>
911                                        <svg focusable="false" x-show="isVisible('item-836272204') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
912                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
913                                        </svg>
914                                        <svg focusable="false" x-show="isVisible('item-836272204')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
915                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
916                                        </svg>
917                                    </button>
918                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-836272204')">
919                                            <a href="/om-varsom/varsom-app-regobs/">Om Varsom-app/Regobs</a>
920                                                                            </div>
921                                </div>
922                                <div class="n-m-header-nav">
923                                    <button class="n-m-header-nav-toggle" :class="{ 'n-active': isVisible('item-2082394699') }" x-on:click.prevent="onNav('item-2082394699')" :aria-expanded="isVisible('item-2082394699')">
924                                        <span>Snarveier</span>
925                                        <svg focusable="false" x-show="isVisible('item-2082394699') === false" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
926                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M6 .333a1 1 0 011 1V5h3.667a1 1 0 110 2H7v3.667a1 1 0 11-2 0V7H1.333a1 1 0 010-2H5V1.333a1 1 0 011-1z" fill="#4D4D4D" />
927                                        </svg>
928                                        <svg focusable="false" x-show="isVisible('item-2082394699')" width="12" height="2" viewBox="0 0 12 2" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
929                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M.333 1a1 1 0 011-1h9.334a1 1 0 110 2H1.333a1 1 0 01-1-1z" fill="#4D4D4D" />
930                                        </svg>
931                                    </button>
932                                    <div class="n-m-header-nav-children" x-show.transition.opacity.duration.300ms="isVisible('item-2082394699')">
933                                            <a href="/varsom-produkter/">Snarveier</a>
934                                                                            </div>
935                                </div>
936                        </div>
937
938                    <a href="/sok/" class="n-m-header-nav-link">
939                        <div>S&#248;k</div>
940                    </a>
941
942                    <a rel="alternate" href="/en/" class="n-m-header-nav-link">
943                        <div>English</div>
944                    </a>
945            </nav>
946        </div>
947    </div>
948</header>
949    
950
951
952
953    <main class="tw-bg-gray-100">
954        
955
956
957<div class="layout-single">
958
959    <div class="main">
960
961        <div class="tw-flex tw-space-x-2 tw-py-10">
962    <nav>
963        <ol class="tw-whitespace-nowrap tw-overflow-ellipsis tw-overflow-hidden">
964    <li class="tw-float-left">
965        <div class="tw-flex tw-items-center tw-space-x-3 tw-pr-3">
966            <a class="tw-underline" href="/">Forside</a>
967            <svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
968                <path class="tw-fill-current" aria-hidden="true" focusable="false" d="m1.2 7.3 2.6-2.6-2.6-2.6a.7.7 0 1 1 1-1l3 3.2c.3.2.3.6 0 .9l-3 3c-.3.3-.7.3-1 0a.7.7 0 0 1 0-.9Z" />
969            </svg>
970        </div>
971    </li>
972                            <li class="tw-inline tw-text-gray-700">Varslingsniv&#229;er for flom- og jordskredvarsling</li>
973        </ol>
974    </nav>
975</div>
976
977
978
979        
980
981        <h1 class="tw-font-semi tw-text-3xl">Varslingsniv&#229;er for flom- og jordskredvarsling</h1>
982
983            <div class="tw-mt-4 tw-text-lg lg:tw-text-xl rte"><p>Varslingsnivået sier noe om hvilken grad av aktsomhet eller oppmerksomhet mottaker av varsel bør ha og hvilke tiltak man kan gjøre for å forebygge skader.</p></div>
984
985    </div>
986
987</div>
988
989<div class="tw-py-12 layout-single">
990
991    <div class="main tw-flex tw-flex-col tw-space-y-12">
992    
993        
994
995
996
997
998<!-- accordion -->
999<section class="tw-py-6">
1000
1001
1002
1003
1004    <ul class="tw-flex tw-flex-col tw-space-y-6">
1005            <li x-data="{ expanded: false }">
1006                <button class="tw-p-4 lg:tw-p-6 tw-bg-white tw-w-full" x-on:click="expanded =! expanded" :aria-expanded="expanded ? 'true' : 'false'">
1007                    <div class="tw-text-lg tw-font-semi tw-flex tw-justify-between tw-space-x-4 tw-items-center">
1008                        <span class="tw-text-left">
1009                            Gr&#248;nt niv&#229;. Normal situasjon. Generelt trygge forhold p&#229; regionalt niv&#229;
1010                        </span>
1011                        <svg class="tw-fill-current tw-h-6 tw-w-6 tw-transform tw-flex-shrink-0" :class="{ 'tw-rotate-180': !expanded }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1012                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3 8.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1-1.4 1.4L12 10.4l-5.3 5.3a1 1 0 0 1-1.4-1.4l6-6Z" fill="#333" />
1013                        </svg>
1014                    </div>
1015                    <div x-show="expanded" x-cloak x-collapse>
1016                        <div class="tw-pt-3 tw-text-left rte">
1017                            <p><strong>Lite fare for flom, jord-, sørpe- og flomskredfare</strong>. Unntakelse ved varsel om styrtregn som indikerer fare for overvann i tettbygde områder, lokale oversvømmelser, bekke- og elveløpsendringer, jord- og flomskred der regnbyger treffer. Andre skredtype som steinsprang, steinskred og kvikkleireskred inngår ikke i jordskredvarslingen.</p>
1018                        </div>
1019                    </div>
1020                </button>
1021            </li>
1022            <li x-data="{ expanded: false }">
1023                <button class="tw-p-4 lg:tw-p-6 tw-bg-white tw-w-full" x-on:click="expanded =! expanded" :aria-expanded="expanded ? 'true' : 'false'">
1024                    <div class="tw-text-lg tw-font-semi tw-flex tw-justify-between tw-space-x-4 tw-items-center">
1025                        <span class="tw-text-left">
1026                            Gult niv&#229;. V&#230;r oppmerksom, f&#248;lg med p&#229; utviklingen!
1027                        </span>
1028                        <svg class="tw-fill-current tw-h-6 tw-w-6 tw-transform tw-flex-shrink-0" :class="{ 'tw-rotate-180': !expanded }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1029                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3 8.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1-1.4 1.4L12 10.4l-5.3 5.3a1 1 0 0 1-1.4-1.4l6-6Z" fill="#333" />
1030                        </svg>
1031                    </div>
1032                    <div x-show="expanded" x-cloak x-collapse>
1033                        <div class="tw-pt-3 tw-text-left rte">
1034                            <p><strong>En situasjon som kan inntreffe noen ganger per år. Kan føre til problemer og skader lokalt, hovedsakelig på kjente, utsatte steder.</strong></p>
1035<p><strong>Hvilke områder og hvem kan bli berørt? </strong>De fleste blir ikke eller lite berørt. Noen få kan bli berørt direkte av flom og skred på eiendom eller oppholdssted. Flere kan oppleve redusert framkommelighet på grunn av stengte veier.</p>
1036<p><strong>Hvem gjelder varselet for? </strong>Varsel er rettet spesielt mot beredskapsaktører, men også alle som driver virksomhet eller bor i utsatte områder. Det gjelder særlig steder som tidligere har fått skader i lignende situasjoner. Dette kan være anleggsarbeidere, bønder, campingplasseiere, regulanter, men også folk som driver uteaktiviteter, spesielt i bratt terreng og langs elver og bekker, som for eksempel tur, rafting og kajakk.</p>
1037<p><strong>Hva bør man gjøre? </strong>Følg med på varsom.no. I noen tilfeller kan situasjon endrer seg raskt og varselet kan bli oppjustert til oransje eller rødt. Les mer om <a href="/flom-og-jordskred/om-flom-og-jordskred/rad-og-forebygging/" title="Råd til publikum og beredskapsaktører">råd til publikum og beredskapsaktører</a></p>
1038<p><strong>Hva er konsekvensene? </strong>Moderat skadeomfang og mindre alvorlig konsekvenser. Skader vil først og fremst forekomme lokalt, på kjente og utsatte områder: <br />- Mindre lokale oversvømmelser på vei og dyrket mark, blant annet på grunn av isgang, is i bekke- og elveløp, frost i bakken. <br />- Erosjonsskader på grunn av raskt økende vannføring. <br />- Noen skredhendelser, enkelte store skredhendelser kan også forekomme lokalt. De fleste forekommer på kjente utsatte steder. Menneskelige inngrep som tetter vannveier, flatehogst, nye skogsbilveier, veiskjæringer og kunstige skråninger er ofte en medvirkende faktorer i årsaken til erosjonsskader, jordskred og flomskred.</p>
1039<p><strong>Konsekvensene er generelt kortvarige: </strong>De fleste skred kan ryddes i løpet av noen få timer. De fleste veier åpner raskt etter flom- og skredhendelser. Skader kan ofte utbedres i løpet av 1-2 dager.</p>
1040                        </div>
1041                    </div>
1042                </button>
1043            </li>
1044            <li x-data="{ expanded: false }">
1045                <button class="tw-p-4 lg:tw-p-6 tw-bg-white tw-w-full" x-on:click="expanded =! expanded" :aria-expanded="expanded ? 'true' : 'false'">
1046                    <div class="tw-text-lg tw-font-semi tw-flex tw-justify-between tw-space-x-4 tw-items-center">
1047                        <span class="tw-text-left">
1048                            Oransje niv&#229;. Alvorlig situasjon, v&#230;r forberedt!
1049                        </span>
1050                        <svg class="tw-fill-current tw-h-6 tw-w-6 tw-transform tw-flex-shrink-0" :class="{ 'tw-rotate-180': !expanded }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1051                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3 8.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1-1.4 1.4L12 10.4l-5.3 5.3a1 1 0 0 1-1.4-1.4l6-6Z" fill="#333" />
1052                        </svg>
1053                    </div>
1054                    <div x-show="expanded" x-cloak x-collapse>
1055                        <div class="tw-pt-3 tw-text-left rte">
1056                            <p><strong>En sjelden situasjon som kan føre til alvorlige skader. Situasjonen krever innsats fra beredskapsaktører og hensyn fra befolkningen. Konsekvenser og skader kan påvirke viktige samfunnsfunksjoner.</strong></p>
1057<p><strong>Hvilke områder og hvem kan bli berørt? </strong>Mange kan bli berørt, ikke minst på grunn av redusert framkommelighet på vei. Noen vil bli direkte berørt av flom og skred på egen eiendom eller der man oppholder seg.</p>
1058<p><strong>Hvem gjelder varslet for? </strong>Varsel gjelder for beredskapsaktører og for befolkningen som bor eller ferdes i utsatte områder.</p>
1059<p><strong>Hva er konsekvensene? </strong>Stort skadeomfang - Alvorlig konsekvenser. Flere kan oppleve vannskader og andre type skader. Bygninger og annen infrastruktur, som veier, jernbane og broer, kan bli berørt. Mange kan oppleve problemer med forsinkelser og omkjøringer i trafikken. Det kan være fare for liv og helse ved uteaktiviteter i utsatte områder. Lokalt kan det bli nødvendig å evakuere.</p>
1060<p><strong>Både kjente og mindre kjente områder er utsatte.</strong> Konsekvenser som omfattende oversvømmelser, erosjonsskader og flomskader på utsatte steder. Mange skredhendelser. Flere skredbaner kan aktiveres, også skredbaner som vanligvis er lite aktive. Noen skredhendelser kan ha store konsekvenser.</p>
1061<p><strong>Konsekvensene av enkelte hendelser kan være langvarige: </strong>Kan være skader som tar lang tid å utbedre. Det kan ta mange timer til flere dager før veier/baner åpnes.</p>
1062                        </div>
1063                    </div>
1064                </button>
1065            </li>
1066            <li x-data="{ expanded: false }">
1067                <button class="tw-p-4 lg:tw-p-6 tw-bg-white tw-w-full" x-on:click="expanded =! expanded" :aria-expanded="expanded ? 'true' : 'false'">
1068                    <div class="tw-text-lg tw-font-semi tw-flex tw-justify-between tw-space-x-4 tw-items-center">
1069                        <span class="tw-text-left">
1070                            R&#248;dt niv&#229;. Ekstrem situasjon
1071                        </span>
1072                        <svg class="tw-fill-current tw-h-6 tw-w-6 tw-transform tw-flex-shrink-0" :class="{ 'tw-rotate-180': !expanded }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1073                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3 8.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1-1.4 1.4L12 10.4l-5.3 5.3a1 1 0 0 1-1.4-1.4l6-6Z" fill="#333" />
1074                        </svg>
1075                    </div>
1076                    <div x-show="expanded" x-cloak x-collapse>
1077                        <div class="tw-pt-3 tw-text-left rte">
1078                            <p><strong>En svært alvorlig og sjelden situasjon som kan føre til omfattende konsekvenser og skader som vil påvirke vesentlige samfunnsfunksjoner. Mange kan bli hindret fra å utføre sine daglige oppgaver. Fare for liv og helse i utsatte områder. Situasjonen krever tett oppfølging fra beredskapsaktører.</strong></p>
1079<p><strong>Hvilke områder og hvem kan bli berørt? </strong>Svært mange kan bli berørt, både på egen eiendom eller der man oppholder seg, og på grunn av redusert framkommelighet på vei. Befolkningen oppfordres til å følge med på situasjonen og myndighetenes råd. En situasjon de fleste sjelden eller aldri har opplevd.</p>
1080<p><strong>Hva er konsekvensene? </strong>Svært stort skadeomfang – Svært alvorlig konsekvenser. Det er ventet alvorlige hendelser flere steder, og store skader på eiendom og infrastruktur. Svært redusert eller ingen fremkommelighet på hovedveier. Ofte sammensatte hendelse på regionalt nivå (ekstremvær) med storm, regn og snøsmelting, flom og skred, med en viss størrelse (regionalt) og lengde (&gt;24t). Det kan også være rødt varsel for et mindre område der det pågår en alvorlig situasjon.</p>
1081<p><strong>Store konsekvenser på utsatte områder, også i områder der det ikke har vært problemer tidligere:</strong> Omfattende oversvømmelser og flomskader på bebyggelse og infrastruktur. Svært mange skredhendelser, hvor flere kan føre til store konsekvenser.</p>
1082<p><strong>Konsekvensene av flere hendelser er langvarige og enkelte kan være permanent:</strong> Store ødeleggelser som kan ta dager og måneder å utbedre. Kan oppstå varig endringer i elveløp og landskap. Enkelte bygg må fraflyttes eller sikres etter hendelsen.</p>
1083                        </div>
1084                    </div>
1085                </button>
1086            </li>
1087    </ul>
1088
1089</section>
1090<!-- /accordion -->
1091
1092
1093<!-- images -->
1094<section>
1095
1096
1097
1098    <div class="tw--mx-3 tw-flex tw-flex-wrap">
1099
1100                <div class="tw-p-3 tw-w-full">
1101                    
1102<div class="" x-data="{
1103        zoom: false,
1104     }">
1105    <button x-on:click="zoom = true" class="tw-relative tw-cursor-zoom-in tw-group tw-w-full" aria-label="Forstørr bilde">
1106        <div class="tw-p-2 tw-bg-white tw-rounded-full tw-absolute tw-top-6 tw-right-6 tw-z-10 tw-opacity-0 group-hover:tw-opacity-80 tw-transition tw-ease-in-out tw-duration-100">
1107            <svg class="tw-fill-current tw-h-4 tw-w-4" aria-hidden="true" focusable="false" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1108                <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" stroke="#333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
1109            </svg>
1110        </div>
1111        <figure>
1112                <img src="/media/kkrapcja/varslingsniv&#229;er.png?width=1548" alt="" loading="lazy" />
1113                    </figure>
1114    </button>
1115    <div role="dialog" x-show="zoom" x-trap="zoom"
1116         x-transition:enter="tw-transition tw-ease-out tw-duration-200"
1117         x-transition:enter-start="tw-opacity-0 tw-transform xxscale-90"
1118         x-transition:enter-end="tw-opacity-100 tw-transform xscale-100"
1119         x-transition:leave="tw-transition tw-ease-in tw-duration-200"
1120         x-transition:leave-start="tw-opacity-100 tw-transform tw-xscale-100"
1121         x-transition:leave-end="tw-opacity-0 tw-transform tw-xscale-90"
1122         x-on:keyup.escape="zoom = false"
1123         >
1124        
1125        <button x-on:click="zoom = false;"
1126                x-cloak
1127                aria-label="Forminsk bilde"
1128                class="tw-fixed tw-inset-0 tw-w-full tw-h-screen tw-bg-gray-900 tw-bg-opacity-80 tw-flex tw-items-center tw-justify-center tw-p-4 lg:tw-p-20 tw-cursor-zoom-out" style="z-index: 1001">
1129            <img class="tw-w-full tw-h-full tw-object-contain tw-object-scale-down" src="/media/kkrapcja/varslingsniv&#229;er.png?width=1440" alt="" loading="lazy" />
1130            <div style="color: white; position: absolute; top: 16px; right: 16px; font-size: 24px">✕</div>
1131        </button>
1132    </div>
1133</div>
1134                </div>            
1135
1136    </div>
1137
1138</section>
1139<!-- /images -->
1140
1141
1142<!-- accordion -->
1143<section class="tw-py-6">
1144
1145
1146
1147
1148    <ul class="tw-flex tw-flex-col tw-space-y-6">
1149            <li x-data="{ expanded: false }">
1150                <button class="tw-p-4 lg:tw-p-6 tw-bg-white tw-w-full" x-on:click="expanded =! expanded" :aria-expanded="expanded ? 'true' : 'false'">
1151                    <div class="tw-text-lg tw-font-semi tw-flex tw-justify-between tw-space-x-4 tw-items-center">
1152                        <span class="tw-text-left">
1153                            Om varsel type
1154                        </span>
1155                        <svg class="tw-fill-current tw-h-6 tw-w-6 tw-transform tw-flex-shrink-0" :class="{ 'tw-rotate-180': !expanded }" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
1156                            <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3 8.3a1 1 0 0 1 1.4 0l6 6a1 1 0 0 1-1.4 1.4L12 10.4l-5.3 5.3a1 1 0 0 1-1.4-1.4l6-6Z" fill="#333" />
1157                        </svg>
1158                    </div>
1159                    <div x-show="expanded" x-cloak x-collapse>
1160                        <div class="tw-pt-3 tw-text-left rte">
1161                            <p><strong>Et flomvarsel indikerer fare for flom i elver og sjøer:</strong></p>
1162<ul>
1163<li>Oversvømmelser langs sjøer og elveløp i relativt flatt terreng/landskap.</li>
1164<li>Erosjonsskader langs elveløp, som blant annet kan medføre undergraving og at elver tar nye løp.</li>
1165</ul>
1166<p><strong>Et jordskredvarsel indikerer fare for jord-, sørpe- og/eller flomskred:</strong></p>
1167<ul>
1168<li><strong>Jordskred: </strong>Utglidninger og rask bevegelse av vannmettet jord i bratte skråninger</li>
1169<li><strong>Flomskred: </strong>En flom av vann, jord og stein i bratte bekkeløp. Vann på avveie i bratt terreng som kan medføre bekkeløpsendring.</li>
1170<li><strong>Sørpeskred: </strong>En strøm av vannmettet snø. Denne skredtypen utløses i slakt terreng og kan deretter følge bekkeløp og bratte skråninger.</li>
1171</ul>
1172<p>Ved jord- og flomskredfare er det også økt fare for vannutløste <strong>steinsprang</strong>. <strong>Kvikkleireskred og enkelte leirskred</strong> skyldes prosesser med svært treg responstid eller menneskelig aktivitet og inngår ikke i jordskredvarslingen.</p>
1173<p>Les mer om flom, jordskred, flomskred og sørpeskred: <a href="/flom-og-jordskred/om-flom-og-jordskred/fakta-om-flom-og-skred/">Fakta om flom og skred | Varsom.no</a></p>
1174<p><strong>Et varsel om styrtregn fra Meteorologisk institutt, </strong>utarbeidet i samarbeid med NVE, indikerer stedvis og kortvarig fare for overvann i tettbygde områder, lokale oversvømmelser, bekke- og elveløpsendringer, jord- og flomskred der regnbygene treffer. <a href="/flom-og-jordskred/styrtregn/?ref=mainmenu" title="Styrtregn" data-anchor="?ref=mainmenu">Les mer om varsel om styrtregn.</a></p>
1175                        </div>
1176                    </div>
1177                </button>
1178            </li>
1179    </ul>
1180
1181</section>
1182<!-- /accordion -->
1183 
1184
1185
1186    </div>
1187
1188
1189</div>
1190
1191
1192
1193
1194    </main>
1195
1196    <footer class="tw-pt-6 tw-pb-12">
1197
1198    <div class="layout-single">
1199        <div class="main lg:tw-grid lg:tw-grid-cols-4 lg:tw-gap-6 lg:tw-border-b tw-border-gray-250">
1200                <div class="tw-py-6">
1201
1202                    <h3 class="tw-font-semi tw-text-xl underscore">Kontakt oss</h3>
1203
1204                    <ul class="tw-mt-4 tw-text-sm">
1205                            <li>                                
1206                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="/kontakt/">
1207                                    <span class="group-hover:tw-underline">Kontakt</span>
1208                                </a>
1209                            </li>
1210                    </ul>
1211
1212                </div>
1213                <div class="tw-py-6">
1214
1215                    <h3 class="tw-font-semi tw-text-xl underscore">Om Varsom</h3>
1216
1217                    <ul class="tw-mt-4 tw-text-sm">
1218                            <li>                                
1219                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="/om-varsom/dette-er-varsom/">
1220                                    <span class="group-hover:tw-underline">Dette er Varsom</span>
1221                                </a>
1222                            </li>
1223                            <li>                                
1224                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="/nyheter/rss/">
1225                                    <span class="group-hover:tw-underline">RSS</span>
1226                                </a>
1227                            </li>
1228                            <li>                                
1229                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://abonner.varsom.no/" target="_blank">
1230                                    <span class="group-hover:tw-underline">Abonner p&#229; naturfarevarsler</span>
1231                                </a>
1232                            </li>
1233                            <li>                                
1234                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="/om-varsom/varsom-app-regobs/">
1235                                    <span class="group-hover:tw-underline">Om Regobs</span>
1236                                </a>
1237                            </li>
1238                            <li>                                
1239                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://www.regobs.no/" target="_blank">
1240                                    <span class="group-hover:tw-underline">Regobs</span>
1241                                </a>
1242                            </li>
1243                            <li>                                
1244                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="/til-nedlasting/">
1245                                    <span class="group-hover:tw-underline">Materiell til nedlasting</span>
1246                                </a>
1247                            </li>
1248                    </ul>
1249
1250                </div>
1251                <div class="tw-py-6">
1252
1253                    <h3 class="tw-font-semi tw-text-xl underscore">Sosiale medier</h3>
1254
1255                    <ul class="tw-mt-4 tw-text-sm">
1256                            <li>                                
1257                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://www.facebook.com/Snoskredvarsling" target="_blank">
1258                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1259                                                <path d="M12 1.3h-2a3.3 3.3 0 0 0-3.3 3.4v2h-2v2.6h2v5.4h2.6V9.3h2l.7-2.6H9.3v-2A.7.7 0 0 1 10 4h2V1.3Z" stroke="#0B0C0C" stroke-linecap="round" stroke-linejoin="round" />
1260                                            </svg>
1261                                    <span class="group-hover:tw-underline">Facebook</span>
1262                                </a>
1263                            </li>
1264                            <li>                                
1265                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://no.linkedin.com/company/nve/" target="_blank">
1266                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1267                                                <path d="M10.7 5.3a4 4 0 0 1 4 4V14H12V9.3a1.3 1.3 0 1 0-2.7 0V14H6.7V9.3a4 4 0 0 1 4-4v0ZM4 6H1.3v8H4V6ZM2.7 4a1.3 1.3 0 1 0 0-2.7 1.3 1.3 0 0 0 0 2.7Z" stroke="#0B0C0C" stroke-linecap="round" stroke-linejoin="round" />
1268                                            </svg>
1269                                    <span class="group-hover:tw-underline">LinkedIn</span>
1270                                </a>
1271                            </li>
1272                            <li>                                
1273                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://www.youtube.com/channel/UCemwyNnXrRJ9aWnposad6Cg" target="_blank">
1274                                            <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1275                                                <path d="M15 4.3a1.9 1.9 0 0 0-1.3-1.4C12.6 2.7 8 2.7 8 2.7s-4.6 0-5.7.3A1.9 1.9 0 0 0 1 4.3a19.3 19.3 0 0 0 0 7 1.9 1.9 0 0 0 1.3 1.4C3.4 13 8 13 8 13s4.6 0 5.7-.3a1.9 1.9 0 0 0 1.3-1.4 19.3 19.3 0 0 0 0-7v0Z" stroke="#0B0C0C" stroke-linecap="round" stroke-linejoin="round" />
1276                                                <path d="m6.5 10 3.8-2.2-3.8-2.1V10Z" stroke="#0B0C0C" stroke-linecap="round" stroke-linejoin="round" />
1277                                            </svg>
1278                                    <span class="group-hover:tw-underline">YouTube</span>
1279                                </a>
1280                            </li>
1281                            <li>                                
1282                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://www.instagram.com/snoskredvarslingen/" target="_blank">
1283                                            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" viewBox="0 0 48 48" version="1.1">
1284                                                <path d="M 24.000048 0 c -6.518 0 -7.335 0.028 -9.895 0.144 c -2.555 0.117 -4.299 0.523 -5.826 1.116 c -1.578 0.613 -2.917 1.434 -4.251 2.768 c -1.334 1.334 -2.155 2.673 -2.768 4.251 c -0.593 1.527 -0.999 3.271 -1.116 5.826 c -0.116 2.56 -0.144 3.377 -0.144 9.895 c 0 6.518 0.028 7.335 0.144 9.895 c 0.117 2.555 0.523 4.299 1.116 5.826 c 0.613 1.578 1.434 2.917 2.768 4.251 c 1.334 1.334 2.673 2.155 4.251 2.768 c 1.527 0.593 3.271 0.999 5.826 1.116 c 2.56 0.116 3.377 0.144 9.895 0.144 c 6.518 0 7.335 -0.028 9.895 -0.144 c 2.555 -0.117 4.299 -0.523 5.826 -1.116 c 1.578 -0.613 2.916 -1.434 4.251 -2.768 c 1.334 -1.334 2.155 -2.673 2.768 -4.251 c 0.593 -1.527 0.999 -3.271 1.116 -5.826 c 0.116 -2.56 0.144 -3.377 0.144 -9.895 c 0 -6.518 -0.028 -7.335 -0.144 -9.895 c -0.117 -2.555 -0.523 -4.299 -1.116 -5.826 c -0.613 -1.578 -1.434 -2.917 -2.768 -4.251 c -1.335 -1.334 -2.673 -2.155 -4.251 -2.768 c -1.527 -0.593 -3.271 -0.999 -5.826 -1.116 c -2.56 -0.116 -3.377 -0.144 -9.895 -0.144 c 0 0 0 0 0 0 m 0 4.324 c 6.408 0 7.167 0.025 9.698 0.14 c 2.34 0.107 3.611 0.498 4.456 0.827 c 1.121 0.435 1.92 0.955 2.76 1.795 c 0.84 0.84 1.36 1.639 1.795 2.759 c 0.329 0.846 0.72 2.117 0.827 4.457 c 0.115 2.531 0.14 3.29 0.14 9.698 c 0 6.408 -0.025 7.167 -0.14 9.698 c -0.107 2.34 -0.498 3.611 -0.827 4.457 c -0.435 1.12 -0.955 1.919 -1.795 2.759 c -0.84 0.84 -1.639 1.36 -2.76 1.795 c -0.845 0.329 -2.116 0.72 -4.456 0.827 c -2.53 0.115 -3.289 0.14 -9.698 0.14 c -6.409 0 -7.168 -0.025 -9.698 -0.14 c -2.34 -0.107 -3.611 -0.498 -4.457 -0.827 c -1.12 -0.435 -1.919 -0.955 -2.759 -1.795 c -0.84 -0.84 -1.36 -1.639 -1.795 -2.759 c -0.329 -0.846 -0.72 -2.117 -0.827 -4.457 c -0.115 -2.531 -0.14 -3.29 -0.14 -9.698 c 0 -6.408 0.025 -7.167 0.14 -9.698 c 0.107 -2.34 0.498 -3.611 0.827 -4.457 c 0.435 -1.12 0.955 -1.919 1.795 -2.759 c 0.84 -0.84 1.639 -1.36 2.759 -1.795 c 0.846 -0.329 2.117 -0.72 4.457 -0.827 c 2.531 -0.115 3.29 -0.14 9.698 -0.14 c 0 0 0 0 0 0 m 0 7.352 c -6.807 0 -12.324 5.517 -12.324 12.324 c 0 6.807 5.517 12.324 12.324 12.324 c 6.807 0 12.324 -5.517 12.324 -12.324 c 0 -6.807 -5.517 -12.324 -12.324 -12.324 c 0 0 0 0 0 0 m 0 20.324 c -4.418 0 -8 -3.582 -8 -8 c 0 -4.418 3.582 -8 8 -8 c 4.418 0 8 3.582 8 8 c 0 4.418 -3.582 8 -8 8 c 0 0 0 0 0 0 m 15.691 -20.811 c 0 1.59 -1.289 2.88 -2.88 2.88 c -1.59 0 -2.88 -1.29 -2.88 -2.88 c 0 -1.591 1.29 -2.88 2.88 -2.88 c 1.591 0 2.88 1.289 2.88 2.88 c 0 0 0 0 0 0" />
1285                                            </svg>
1286                                    <span class="group-hover:tw-underline">Instagram</span>
1287                                </a>
1288                            </li>
1289                    </ul>
1290
1291                </div>
1292                <div class="tw-py-6">
1293
1294                    <h3 class="tw-font-semi tw-text-xl underscore">Om nettstedet</h3>
1295
1296                    <ul class="tw-mt-4 tw-text-sm">
1297                            <li>                                
1298                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="https://www.nve.no/om-nve/nves-personvernerklaering/">
1299                                    <span class="group-hover:tw-underline">Personvern og cookies</span>
1300                                </a>
1301                            </li>
1302                            <li>                                
1303                                <a class="tw-inline-flex tw-items-center tw-space-x-2 tw-py-1 tw-group" href="/om-varsom/tilgjengelighetserklaering/">
1304                                    <span class="group-hover:tw-underline">Tilgjengelighetserkl&#230;ring</span>
1305                                </a>
1306                            </li>
1307                    </ul>
1308
1309                </div>
1310        </div>
1311
1312        <div class="main lg:tw-grid lg:tw-grid-cols-8 lg:tw-gap-6">
1313            <div class="lg:tw-col-start-1 lg:tw-col-end-5 tw-mt-6">
1314                <div class="tw-text-xs tw-text-gray-700 tw-leading-normal">
1315                    <p>Bruk varslene, datagrunnlaget og kartene på eget ansvar. Det kan forekomme feil og mangler. Varselet er et hjelpemiddel, ikke en fasit. Gjør alltid egne vurderinger. Tilpass egen risiko i utsatte områder ved å velge hvor, når og hvordan du ferdes. Varslene er regionale og basert på tilgjengelige observasjoner og værprognoser. Forholdene kan være komplekse og avvike fra det som er varslet.</p>
1316                </div>
1317            </div>
1318            <div class="lg:tw-col-start-6 lg:tw-col-end-9 tw-mt-6">
1319                <div class="tw-text-xs tw-text-gray-700 tw-leading-normal">
1320                    <p>Varsom er en tjeneste levert av NVE, i samarbeid med Statens vegvesen og Meteorologisk institutt.</p>
1321                </div>
1322                <div class="tw-mt-6 tw-flex tw-space-x-4">
1323                        <img src="/media/kapk4sn5/nve.svg" alt="" />
1324                        <img src="/media/z1kbsfor/logo-statensvegvesen.svg" alt="" />
1325                        <img src="/media/zfvj3vtq/met.svg" alt="" />
1326                </div>
1327            </div>
1328        </div>
1329
1330    </div>
1331
1332</footer>
1333
1334    <!-- Alpine Plugins -->
1335    
1335<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
1335
1336    
1336<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
1336
1337
1338    
1338<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
1338
1339
1340    
1341
1342    <input type="hidden" id="MapServerUrlFloodWarnings" value="https://gis3.nve.no/map/rest/services/Mapservices/VARSEL_PUBLISERT/MapServer/1"/>
1343<input type="hidden" id="MapServerUrlFloodNorwayBackground" value="https://gis3.nve.no/map/rest/services/Mapservices/VARSEL_PUBLISERT/MapServer/3"/>
1344<input type="hidden" id="MapServerUrlLandslideWarnings" value="https://gis3.nve.no/map/rest/services/Mapservices/VARSEL_PUBLISERT/MapServer/0"/>
1345<input type="hidden" id="MapServerUrlLandslideNorwayBackground" value="https://gis3.nve.no/map/rest/services/Mapservices/VARSEL_PUBLISERT/MapServer/4"/>
1346<input type="hidden" id="MapServerUrlAvalancheWarnings" value="https://gis3.nve.no/map/rest/services/Mapservices/VARSEL_PUBLISERT/MapServer/6"/>
1347<input type="hidden" id="MapServerUrlCAPWarnings" value="https://gis3.nve.no/map/rest/services/Mapservices/MetVarselLive/MapServer/0"/>
1348<input type="hidden" id="MapServerUrlGrayTone" value="https://services.geodataonline.no/arcgis/rest/services/Geocache_UTM33_EUREF89/GeocacheGraatone/MapServer"/>
1349<input type="hidden" id="MapServerUrlBasis" value="https://services.geodataonline.no/arcgis/rest/services/Geocache_UTM33_WGS84/GeocacheBasis/MapServer"/>
1350<input type="hidden" id="MapServerUrlRockslideLocations" value="https://gis3.nve.no/map/rest/services/Fjellskred/MapServer/0"/>
1351<input type="hidden" id="MapServerUrlAdministration" value="https://gis3.nve.no/map/rest/services/Mapservices/Administrasjon2/MapServer"/>
1352
1353
1354    
1354<script src="/Content/Scripts/External/jquery-ui.min.js"></script>
1354
1355
1356        
1356<script src="/Content/Scripts/External/datepicker-nb.js"></script>
1356
1357
1358    
1358<script type="text/javascript">
1359        window._monsido = window._monsido || {
1360            token: "wbF4Fh_iSIqMtl11Bud61w",
1361            heatmap: {
1362                enabled: true,
1363            },
1364        };
1365    </script>
1365
1366
1367    
1367<script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>
1367
1368
1369    
1369<script src="/Content/Scripts/External/bootstrap.min.js"></script>
1369
1370    
1370<script src="/Content/Scripts/Internal/all.js?v=104"></script>
1370
1371
1372    
1372<script src="/Content/Scripts/External/jquery.highlight.js"></script>
1372
1373    
1373<script src="/Content/Scripts/External/require.js"></script>
1373
1374    
1374<script src="/Content/Scripts/External/radioButtonActiveDescendant.js"></script>
1374
1375    
1375<script src="/Content/Scripts/External/radioGroupActiveDescendant.js"></script>
1375
1376<!-- PR-VARSOM-WEB02 -->
1377</body>
1378</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.