PageSourceSearch

https://abc-dev.webflow.io/ressurser

html abc-dev.webflow.io collected 2026-10-03 12:42:06 UTC 78,188 bytes, 1,456 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Tue Sep 22 2026 11:00:25 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="abc-dev.webflow.io" data-wf-page="693b7f40bebf0b215931e9a8" data-wf-site="6932d470e3c3f4dfcf183567" data-wf-intellimize-customer-id="117629294" lang="no-NO"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Ressurser | ABC for god psykisk helse</title><meta content="Utforsk podkaster, filmer, materiell og verktøy om ABC-rammeverket for psykisk helse. Få tilgang til kurs, maler og praktiske ressurser." name="description"/><meta content="Ressurser | ABC for god psykisk helse" property="og:title"/><meta content="Utforsk podkaster, filmer, materiell og verktøy om ABC-rammeverket for psykisk helse. Få tilgang til kurs, maler og praktiske ressurser." property="og:description"/><meta content="Ressurser | ABC for god psykisk helse" name="twitter:title"/><meta content="Utforsk podkaster, filmer, materiell og verktøy om ABC-rammeverket for psykisk helse. Få tilgang til kurs, maler og praktiske ressurser." name="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/css/abc-dev.shared.d6a554d8b.min.css" rel="stylesheet" type="text/css" integrity="sha384-1qVU2Lmu9Ltb0xCF9BX7vT5nf55+Ps7ogCb55vrDXNerUN/b97BImD8tzv5nQbQ5" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Oswald:200,300,400,500,600,700"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/6932d656256ed13e60bbf834_32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/6932d65ff7d1ea16c85edb30_256x256.png" rel="apple-touch-icon"/>
1<script type="application/ld+json">
2  {
3    "@context": "https://schema.org",
4    "@type": "WebPage",
5    "name": "Ressurser | ABC for god psykisk helse",
6    "url": "/ressurser",
7    "inLanguage": "no",
8    "description": "Utforsk podkaster, filmer, materiell og verktøy om ABC-rammeverket for psykisk helse. Få tilgang til kurs, maler og praktiske ressurser.",
9    "mainEntity": {
10      "@type": "ItemList",
11      "name": "Ressurser for ABC for god psykisk helse",
12      "description": "Samling av ressurser som podkaster, filmer, materiell og verktøy for å ta i bruk ABC-rammeverket for god psykisk helse",
13      "numberOfItems": 3,
14      "itemListElement": [
15        {
16          "@type": "ListItem",
17          "position": 1,
18          "name": "Podkaster",
19          "description": "Podkastepisoder om bruk av ABC-rammeverket i ulike sektorer og sammenhenger",
20          "url": "/ressurser/podcast"
21        },
22        {
23          "@type": "ListItem",
24          "position": 2,
25          "name": "Filmer",
26          "description": "Informasjonsfilmer og kampanjefilmer om psykisk helse",
27          "url": "/ressurser/filmer"
28        },
29        {
30          "@type": "ListItem",
31          "position": 3,
32          "name": "Materiell og verktøy",
33          "description": "Praktisk og konkret materiell og verktøy for arbeid med psykisk helse",
34          "url": "/ressurser/materiell-og-verktoy"
35        }
36      ]
37    },
38    "about": {
39      "@type": "EducationalOrganization",
40      "name": "ABC for god psykisk helse",
41      "url": "/",
42      "description": "ABC-rammeverket for god psykisk helse – en kampanje som tilbyr ressurser og verktøy for å fremme psykisk helse"
43    }
44  }
45</script>
45<script type="text/javascript">if (localStorage.getItem('intellimize_data_tracking_type') !== 'disabled') { localStorage.setItem('intellimize_opt_out_117629294', 'true'); } if (localStorage.getItem('intellimize_data_tracking_type') !== 'disabled') { localStorage.setItem('intellimize_data_tracking_type', 'disabled'); }</script>
45<script type="text/javascript">(function(e){var s={r:[]};e.wf={r:s.r,ready:t=>{s.r.push(t)}}})(window)</script>
45<script type="text/javascript">(function(e){var s={p:[],r:[]};e.intellimize={p:s.p,r:s.r,push:function(t){s.p.push(t)},ready:function(t){s.r.push(t)}}})(window)</script>
45<link href="https://cdn.intellimize.co/snippet/117629294.js" rel="preload" as="script"/>
45<script type="text/javascript">var wfClientScript=document.createElement("script");wfClientScript.src="https://cdn.intellimize.co/snippet/117629294.js",wfClientScript.async=!0,wfClientScript.onerror=function(){document.documentElement.className=document.documentElement.className.replace(RegExp(" ?anti-flicker"),"")},document.head.appendChild(wfClientScript);</script>
45<link href="https://api.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://log.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://117629294.intellimizeio.com" rel="preconnect"/>
45<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-L038CDZ421'],'google_tags_first_party');</script>
45<script async="" src="/0oarx4usxq70NjkzMmQ0NzBlM2MzZjRkZmNmMTgzNTY3/7kGHNUMPbp9avSCk4KT-nCczUuU"></script>
45<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-L038CDZ421');</script>
45<script src="https://cdn.cure.no/cookies/abcforgodpsykiskhelse.no.js"></script>
vendor: 1 bytes, line 45
45
46<script src="https://cdn.cure.no/trondelag-fylkeskommunse-abc-for-god-psykisk-helse/init.js" defer></script>
46</head><body><div class="page bg-color-secondary"><div class="code_head"><div class="code_css w-embed"><style>
47
48  /* Make text look crisper and more legible in all browsers */
49  body {
50    -webkit-font-smoothing: antialiased;
51    -moz-osx-font-smoothing: grayscale;
52    font-smoothing: antialiased;
53    text-rendering: optimizeLegibility;
54  }
55
56  /* Ensure all H1 styles start clean */
57  h1, h2, h3, h4, h5, h6 {
58    font-size: inherit;
59    line-height: inherit;
60    font-weight: inherit;
61  }
62
63  /* Ensure all elements inherit the color from its parent */
64  a,
65  .w-input,
66  .w-select,
67  .w-tab-link,
68  .w-nav-link,
69  .w-nav-brand,
70  .w-dropdown-btn,
71  .w-dropdown-toggle,
72  .w-slider-arrow-left,
73  .w-slider-arrow-right,
74  .w-dropdown-link {
75    color: inherit;
76    text-decoration: inherit;
77    font-size: inherit;
78  }
79
80  /* Focus state style for keyboard navigation for the focusable elements */
81  *[tabindex]:focus-visible,
82  input[type="file"]:focus-visible {
83    outline: 0.125rem solid var(--_color---custom--focus-state);
84    outline-offset: 0.125rem;
85  }
86
87  /* Remove default Webflow chevron from form select */
88  select {
89    -webkit-appearance:none;
90    appearance:none;
91  }
92
93  /* Unstyle buttons */
94  button {
95    -webkit-appearance:none;
96    appearance:none;
97    background: transparent;
98  }
99
100  /* Get rid of top margin on first element in any rich text element */
101  .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
102    margin-top: 0 !important;
103  }
104
105  /* Get rid of bottom margin on last element in any rich text element */
106  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
107    margin-bottom: 0 !important;
108  }
109
110  /* Make rich-text images be full-width */
111  .w-richtext figure > div {
112    width: 100%;
113  }
114
115  /* Ensure sub-lists have no margins */
116  /*
117  ul ul,
118  ol ol,
119  ul ol,
120  ol ul {
121  margin: 0 !important;
122  } */
123
124  /* Apply "..." after 3 lines of text */
125  .text-3lines {
126    display: -webkit-box;
127    overflow: hidden;
128    -webkit-line-clamp: 3;
129    -webkit-box-orient: vertical;
130  }
131
132  /* Apply "..." after 2 lines of text */
133  .text-2lines {
134    display: -webkit-box;
135    overflow: hidden;
136    -webkit-line-clamp: 2;
137    -webkit-box-orient: vertical;
138  }
139
140  /* Apply "..." at 100% width */
141  .truncate-width { 
142    width: 100%; 
143    white-space: nowrap; 
144    overflow: hidden; 
145    text-overflow: ellipsis; 
146  }
147
148  /* Removes native scrollbar */
149  .has-no-scrollbar {
150    -ms-overflow-style: none;
151    overflow: -moz-scrollbars-none; 
152  }
153  .has-no-scrollbar::-webkit-scrollbar {
154    display: none;
155  }
156
157  /* Make grid columns from variable */
158  .grid {
159    display: grid;
160    grid-template-columns: repeat(var(--_ui---page--columns, 12), minmax(1px, 1fr));
161  }
162
163  /* Make guides visible in Webflow Designer */
164  html.wf-design-mode .guide_wrap {
165    display: block;
166  }
167  .guide_layout {
168    counter-reset: gridguides;
169    grid-template-columns: repeat(var(--_ui---page--columns, 12), minmax(1px, 1fr)) !important;
170  }
171  .guide_layout > div::before {
172    counter-increment: gridguides;
173    content: counter(gridguides);
174  }
175
176  /* Accordions */
177
178  .accordions_list > div:first-child .accord_trigger {
179    padding-top: 0px;	
180  }
181
182  /* ========================================
183  NAV SYSTEM
184  ======================================== */
185
186  /* ========================================
187  NAV SYSTEM – BASE
188  ======================================== */
189
190  .button.is-nav {
191    color: inherit;
192  }
193
194  /* ========================================
195  NAV SYSTEM – NAVBAR BACKGROUND STATES
196  ======================================== */
197
198  .nav.has-bg .navbar {
199    color: var(--_color---nav--navbar-bg-text);
200  }
201
202  .nav.has-bg .navbar_bg {
203    opacity: 1;
204    transform: translateY(0%);
205    background: var(--_color---nav--navbar-bg);
206  }
207
208  .nav.has-bg .navbar_list {
209  	color: var(--_color---nav--navbar-bg-text);
210    background: var(--_color---nav--navbar-bg);
211  }
212
213  .nav.has-bg .navbar_layout {
214    border-color: transparent;
215  }
216
217  /* ========================================
218  NAV SYSTEM – NAVBAR OPEN STATE
219  ======================================== */
220
221  .nav.is-open {
222    color: var(--_color---nav--navbar-open-text);
223  }
224
225  .nav.is-open .navmenu {
226    transform: translateY(0%);
227    height: 100dvh;
228    overflow-y: auto;
229    -webkit-overflow-scrolling: touch;
230  }
231
232  .nav.is-open .button.is-nav {
233    display: none;
234  }
235
236  .nav.is-open .navbar {
237    color: var(--_color---nav--navbar-open-text) !important;
238  }
239
240  .nav.is-open .navbar_bg {
241    opacity: 0 !important;
242    background: var(--_color---nav--navbar-open-bg) !important;
243  }
244
245  .nav.is-open .navbar_trigger_icon.is-open {
246    display: none;
247  }
248
249  .nav.is-open .navbar_trigger_icon.is-close {
250    display: flex;
251  }
252
253  .nav.is-open .navbar_layout {
254    border-color: rgba(130, 100, 98, 0.4) !important;
255  }
256
257  /* ========================================
258  NAV SYSTEM – NAVBAR SCROLL BEHAVIOR
259  ======================================== */
260
261  .nav.is-scrolled .navbar {
262    transform: translateY(-100%);
263  }
264
265  .navbar_trigger:hover .navbar_trigger_icon {
266    transform: scale(0.9);
267  }
268
269  /* ========================================
270  NAV SYSTEM – MENU ANIMATIONS
271  ======================================== */
272
273  @media only screen and (min-width: 992px) {
274    .nav .navmenu_cms {
275      transform: translateY(150%);
276      transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
277    }
278    .nav.is-open .navmenu_cms {
279      transform: translateY(0%);
280      transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
281    }
282  }
283
284  @media only screen and (max-width: 991px) {
285    .nav .navmenu_item {
286      transform: translateY(150%);
287      transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
288    }
289    .nav.is-open .navmenu_item {
290      transform: translateY(0%);
291      transition: transform cubic-bezier(0.19, 1, 0.22, 1) 1.5s;
292    }
293  }
294
295  .container.is-navmenu {
296    max-height: 100dvh;
297    overflow-y: auto;
298    -webkit-overflow-scrolling: touch;
299  }
300
301  /* ========================================
302  NAV SYSTEM – BODY LOCK
303  ======================================== */
304
305  body.menu-open {
306    position: fixed;
307    width: 100%;
308    top: 0;
309  }
310
311  /* ========================================
312  NAV SYSTEM – DROPDOWN FUNCTIONALITY
313  ======================================== */
314
315  .navbar_list {
316    position: absolute;
317    top: 100%;
318    left: 50%;
319    transform: translateX(-50%) translateY(-10px);
320    z-index: 50;
321    opacity: 0;
322    visibility: hidden;
323    transition: opacity 200ms ease, transform 200ms ease, visibility 200ms;
324    /* Added to fix initial state */
325    display: none;
326
327  }
328
329  .navbar_dropdown.is-open .navbar_list {
330    /* Added to make it visible */
331    display: block;
332    opacity: 1;
333    visibility: visible;
334    transform: translateX(-50%) translateY(0);
335  }
336
337  /* Mobile dropdown (Original) */
338  @media (max-width: 991px) {
339    .navbar_list {
340      position: static;
341      transform: none;
342      display: block !important;
343      opacity: 1;
344      visibility: visible;
345      /* Added for mobile accordion */
346      max-height: 0;
347      overflow: hidden;
348      transition: max-height 300ms ease;
349    }
350
351    .navbar_dropdown.is-open .navbar_list {
352      transform: none;
353      max-height: 500px;
354    }
355  }
356
357  /* ========================================
358  NAV SYSTEM – MEGAMENU SUPPORT
359  ======================================== */
360
361  .navbar_mega {
362    position: absolute;
363    top: 100%;
364    left: 0;
365    right: 0;
366    z-index: 100;
367    /* Hidden by default */
368    opacity: 0;
369    visibility: hidden;
370    transform: translateY(-10px);
371    transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), 
372      transform 300ms cubic-bezier(0.19, 1, 0.22, 1),
373      visibility 300ms;
374    pointer-events: none;
375  }
376
377  .navbar_mega.is-open {
378    opacity: 1;
379    visibility: visible;
380    transform: translateY(0);
381    pointer-events: auto;
382  }
383
384  .navbar_mega_instance {
385    display: none;
386  }
387
388  .navbar_mega_instance.is-active {
389    display: block;
390  }
391
392  /* Hide megamenus on mobile */
393  @media (max-width: 991px) {
394    .navbar_mega {
395      display: none;
396    }
397  }
398
399  /* ========================================
400  NAV SYSTEM – ACCESSIBILITY
401  ======================================== */
402
403  .navbar_link:focus-visible,
404  .nav_link:focus-visible,
405  button:focus-visible {
406    outline: 2px solid currentColor;
407    outline-offset: 2px;
408  }
409
410  .sr-only {
411    position: absolute;
412    width: 1px;
413    height: 1px;
414    padding: 0;
415    margin: -1px;
416    overflow: hidden;
417    clip: rect(0, 0, 0, 0);
418    white-space: nowrap;
419    border: 0;
420  }
421
422  .skip-to-main {
423    position: absolute;
424    top: -40px;
425    left: 0;
426    z-index: 100;
427  }
428
429  .skip-to-main:focus {
430    top: 0;
431  }
432
433  /* ========================================
434  MAPBOX
435  ======================================== */
436
437  /* Reset Mapbox popup styles to match Webflow design */
438  .mapboxgl-popup-content {
439    padding: 0 !important;
440    background: transparent !important;
441    box-shadow: none !important;
442    border-radius: 0 !important;
443  }
444
445  .mapboxgl-popup-tip {
446    display: none !important;
447  }
448
449  .mapboxgl-popup-close-button {
450    display: none !important;
451  }
452
453  /* Hide all Mapbox controls and attributions */
454  .mapboxgl-ctrl-container {
455    display: none !important;
456  }
457
458  .mapboxgl-ctrl {
459    display: none !important;
460  }
461
462  .mapboxgl-ctrl-attrib {
463    display: none !important;
464  }
465
466  .mapboxgl-ctrl-logo {
467    display: none !important;
468  }
469
470  /* Ensure marker is clickable */
471  .mapboxgl-marker {
472    cursor: pointer !important;
473  }
474
475  /* Cluster marker styles - neutral white with black text */
476  .marker-cluster {
477    background: white;
478    border: 2px solid #e0e0e0;
479    border-radius: 50%;
480    color: black;
481    font-weight: bold;
482    font-size: 14px;
483    display: flex;
484    align-items: center;
485    justify-content: center;
486    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
487    cursor: pointer;
488  }
489
490  .marker-cluster-small {
491    width: 40px;
492    height: 40px;
493  }
494
495  .marker-cluster-medium {
496    width: 50px;
497    height: 50px;
498  }
499
500  .marker-cluster-large {
501    width: 60px;
502    height: 60px;
503  }
504
505
506  /* ========================================
507  CUSTOM DROPDOWN STYLES
508  ======================================== */
509
510  /* Base Container */
511  .custom-select {
512    position: relative;
513  }
514
515  .custom-select.disabled {
516    pointer-events: none;
517    opacity: 0.4;
518  }
519
520  /* Button */
521  .custom-select_button {
522    width: 100%;
523    cursor: pointer;
524    display: flex;
525    justify-content: space-between;
526    align-items: center;
527  }
528
529  /* Dropdown Arrow */
530  .custom-select_button::after {
531    content: '';
532    width: 13px;
533    height: 8px;
534    margin-left: 10px;
535    margin-top: 2px;
536    transition: transform 0.2s ease;
537    background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.72266L6.44118 1.27821L0.882353 6.72266' stroke='currentColor' stroke-width='1.3' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
538    background-repeat: no-repeat;
539    background-position: center;
540    background-size: contain;
541    mask-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.72266L6.44118 1.27821L0.882353 6.72266' stroke='black' stroke-width='1.3' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
542    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.72266L6.44118 1.27821L0.882353 6.72266' stroke='black' stroke-width='1.3' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E");
543    background-color: currentColor;
544    transform: rotate(180deg);
545  }
546
547  /* Options List - Default Hidden */
548  .custom-select_list {
549    position: absolute;
550    top: 100%;
551    left: 0;
552    right: 0;
553    list-style: none;
554    margin: 0;
555    padding: 0;
556    max-height: 200px;
557    overflow-y: auto;
558    display: none;
559    z-index: 1000;
560  }
561
562  /* ========================================
563  OPEN STATE - Everything controlled from here
564  ======================================== */
565
566  .custom-select.is-open .custom-select_button {
567    background: var(--_color---dropdown--dropdown-open-bg);
568    color: var(--_color---dropdown--dropdown-open-text);
569    border-radius: 0.3125rem 0.3125rem 0 0;
570    border: 1px solid var(--_color---dropdown--dropdown-border);
571    border-bottom: none;
572  }
573
574  .custom-select.is-open .custom-select_button::after {
575    transform: rotate(0deg);
576  }
577
578  .custom-select.is-open .custom-select_list {
579    display: block;
580    animation: slideDown 0.2s ease;
581    background: var(--_color---dropdown--dropdown-open-bg);
582    color: var(--_color---dropdown--dropdown-open-text);
583    border: 1px solid var(--_color---dropdown--dropdown-border);
584    border-top: none;
585    border-radius: 0 0 0.3125rem 0.3125rem;
586  }
587
588  /* ========================================
589  OPTION STYLES
590  ======================================== */
591
592  .custom-select_option {
593    cursor: pointer;
594    padding: 0.75rem 1rem;
595    transition: background-color 150ms ease;
596  }
597
598  .custom-select_option:hover,
599  .custom-select_option.is-focused {
600    background-color: var(--_color---dropdown--option-hover-bg);
601    color: var(--_color---dropdown--option-hover-text);
602  }
603
604  .custom-select_option.selected {
605    background-color: var(--_color---dropdown--dropdown-selected);
606    font-weight: 500;
607  }
608
609  .custom-select_option.disabled {
610    opacity: 0.5;
611    cursor: not-allowed;
612  }
613
614  .custom-select_option.hidden {
615    display: none;
616  }
617
618  /* ========================================
619  OTHER STATES
620  ======================================== */
621
622  /* Waiting State */
623  .custom-select.is-waiting {
624    border-radius: var(--rem--5px);
625  }
626
627  /* Focus State */
628  .custom-select_button:focus-visible {
629    outline: 2px solid currentColor;
630    outline-offset: 2px;
631  }
632
633  /* ========================================
634  ANIMATIONS
635  ======================================== */
636
637  @keyframes slideDown {
638    from {
639      opacity: 0;
640      transform: translateY(-10px);
641    }
642    to {
643      opacity: 1;
644      transform: translateY(0);
645    }
646  }
647
648  /* ========================================
649  RESPONSIVE & ACCESSIBILITY
650  ======================================== */
651
652  @media (prefers-reduced-motion: reduce) {
653    .custom-select_button::after,
654    .custom-select_list {
655      animation: none;
656      transition: none;
657    }
658  }
659
660  @media (max-width: 768px) {
661    .custom-select_option {
662      min-height: 44px;
663      display: flex;
664      align-items: center;
665    }
666  }
667
668  /* ========================================
669  SWIPER.JS
670  ======================================== */
671
672  .swiper-button-disabled {
673    opacity: 0.2;
674  }
675  
676  /* ========================================
677  Filter buttons
678  ======================================== */
679  .form_btn_wrap .form_btn_check.w--redirected-checked ~ .form_btn_label {
680      color: var(--_color---theme--background);
681  }
682  
683  [flex] {
684  	display: flex;
685    flex-direction: column;
686  }
687  
688  /* ========================================
689  WEBFLOW DESIGNER STYLES - only visible in designer
690  ======================================== */
691  .wf-design-mode {
692  	& .card_item_animate {
693    	grid-template-rows: 1fr !important;
694    }
695    & .metadata {
696    	display: block;
697    }
698    & .card_link {
699    	z-index: -1;
700    }
701  }
702  
703  /* ========================================
704  Card/w icon - Animation
705  ======================================== */
706:root {
707    --card-animation-duration: 240ms;
708    --card-animation-timing: cubic-bezier(.2,.8,.2,1);
709    --card-animation-transition: color var(--card-animation-duration) var(--card-animation-timing), background-color var(--card-animation-duration) var(--card-animation-timing);
710    --card-animation-transition-grid: grid-template-rows var(--card-animation-duration) var(--card-animation-timing);
711    --card-animation-transition-bg: background-color var(--card-animation-duration) var(--card-animation-timing);
712}
713
714.card_item.is-text-animate{
715    transition: var(--card-animation-transition);
716    & .card_item_animate {
717        display: grid;
718        grid-template-rows: 0fr;
719        transition: var(--card-animation-transition-grid);
720    }
721    & .card_item_animate > * {
722        overflow: hidden;
723    }
724    & .card_item_icon {
725        transition: var(--card-animation-transition-bg);
726    }
727    &:hover {
728        cursor: pointer;
729        color: var(--_color---theme--creative-light);
730        background-color: var(--_color---theme--creative-dark);
731        & .card_item_icon {
732            background-color: color-mix(in srgb, var(--_color---theme--creative-light) 20%, transparent 80%);
733        }
734    }
735    &:hover .card_item_animate {
736        grid-template-rows: 1fr;
737    }
738}
739</style></div><div class="code_css w-embed"><style>
740
741
742
743</style></div><div class="code_slot"><div class="code_js w-embed w-script">
743<script>
744
745  // ========================================
746  // ACCORDION ADD-ON MODULE WITH AUTO SCHEMA GENERATION
747  // Integrates with SiteCore, handles static/CMS content, generates FAQ schema
748  // ========================================
749
750  (function() {
751    'use strict';
752
753    // Wait for SiteCore to be available
754    const initAccordions = () => {
755
756      // ========================================
757      // ACCORDION CONFIGURATION
758      // ========================================
759
760      const ACCORDION_CONFIG = {
761        selectors: {
762          container: '.styleguide_main_container, .accord_container, .accord_wrapper',
763          item: '.accord_item',
764          trigger: '.accord_trigger',
765          content: '.accord_content',
766          title: '.accord_title',
767          text: '.accord_text',
768          plusIcon: '.accord_indicator_icon.is-plus',
769          minusIcon: '.accord_indicator_icon.is-minus',
770          border: '.accord_border'
771        },
772        animation: {
773          duration: 300,
774          easing: 'cubic-bezier(0.4, 0, 0.2, 1)'
775        },
776        options: {
777          closeOthers: true,
778          generateSchema: true,
779          observeDynamicContent: true,
780          scrollToActive: false,
781          scrollOffset: 100
782        },
783        classes: {
784          isOpen: 'is-open',
785          isAnimating: 'is-animating',
786          isInitialized: 'accordion-initialized'
787        }
788      };
789
790      // ========================================
791      // ACCORDION MODULE
792      // ========================================
793
794      const AccordionModule = {
795
796        instances: new Map(),
797        schemaGenerated: false,
798        resizeObserver: null,
799        mutationObserver: null,
800
801        // Initialize all accordions
802        init() {
803          this.setupAccordions();
804
805          if (ACCORDION_CONFIG.options.generateSchema) {
806            this.generateFAQSchema();
807          }
808
809          if (ACCORDION_CONFIG.options.observeDynamicContent) {
810            this.observeDynamicContent();
811          }
812
813          this.setupResizeObserver();
814          this.setupKeyboardSupport();
815        },
816
817        // Setup accordion functionality
818        setupAccordions() {
819          const items = document.querySelectorAll(ACCORDION_CONFIG.selectors.item);
820
821          items.forEach(item => {
822            // Skip if already initialized
823            if (item.classList.contains(ACCORDION_CONFIG.classes.isInitialized)) return;
824
825            // Check for static variant (skip initialization)
826            const variant = item.getAttribute('data-wf--item-accord--variant-variant');
827            if (variant === 'static') return;
828
829            this.initializeItem(item);
830          });
831        },
832
833        // Initialize individual accordion item
834        initializeItem(item) {
835          const trigger = item.querySelector(ACCORDION_CONFIG.selectors.trigger);
836          const content = item.querySelector(ACCORDION_CONFIG.selectors.content);
837          const plusIcon = item.querySelector(ACCORDION_CONFIG.selectors.plusIcon);
838          const minusIcon = item.querySelector(ACCORDION_CONFIG.selectors.minusIcon);
839
840          if (!trigger || !content) return;
841
842          // Generate unique ID
843          const id = `accordion-${Math.random().toString(36).substr(2, 9)}`;
844
845          // Store instance data
846          const instance = {
847            id,
848            item,
849            trigger,
850            content,
851            plusIcon,
852            minusIcon,
853            isOpen: false,
854            height: 0,
855            animationFrame: null
856          };
857
858          this.instances.set(item, instance);
859
860          // Setup initial state
861          this.setupInitialState(instance);
862
863          // Setup ARIA attributes
864          this.setupAccessibility(instance);
865
866          // Add event listeners
867          this.addEventListeners(instance);
868
869          // Mark as initialized
870          item.classList.add(ACCORDION_CONFIG.classes.isInitialized);
871        },
872
873        // Setup initial visual state
874        setupInitialState(instance) {
875          const { content, plusIcon, minusIcon } = instance;
876
877          // Set initial styles with CSS containment for performance
878          Object.assign(content.style, {
879            height: '0',
880            overflow: 'hidden',
881            transition: `height ${ACCORDION_CONFIG.animation.duration}ms ${ACCORDION_CONFIG.animation.easing}, 
882                       opacity ${ACCORDION_CONFIG.animation.duration}ms ${ACCORDION_CONFIG.animation.easing}`,
883            opacity: '0',
884            contain: 'layout style paint',
885            willChange: 'height, opacity'
886          });
887
888          // Set icon visibility
889          if (plusIcon) plusIcon.style.display = 'flex';
890          if (minusIcon) minusIcon.style.display = 'none';
891        },
892
893        // Setup ARIA attributes for accessibility
894        setupAccessibility(instance) {
895          const { trigger, content, id } = instance;
896
897          trigger.setAttribute('aria-expanded', 'false');
898          trigger.setAttribute('aria-controls', `${id}-content`);
899          content.setAttribute('id', `${id}-content`);
900          content.setAttribute('role', 'region');
901          content.setAttribute('aria-labelledby', `${id}-trigger`);
902          trigger.setAttribute('id', `${id}-trigger`);
903
904          // Ensure trigger is keyboard accessible
905          if (!trigger.hasAttribute('tabindex')) {
906            trigger.setAttribute('tabindex', '0');
907          }
908        },
909
910        // Add event listeners
911        addEventListeners(instance) {
912          const { trigger, item } = instance;
913
914          // Click handler with debounce
915          let clickTimeout;
916          trigger.addEventListener('click', (e) => {
917            e.preventDefault();
918            clearTimeout(clickTimeout);
919            clickTimeout = setTimeout(() => {
920              this.toggleAccordion(instance);
921            }, 50);
922          });
923
924          // Keyboard support
925          trigger.addEventListener('keydown', (e) => {
926            switch(e.key) {
927              case 'Enter':
928              case ' ':
929                e.preventDefault();
930                this.toggleAccordion(instance);
931                break;
932              case 'ArrowDown':
933                e.preventDefault();
934                this.focusNext(item);
935                break;
936              case 'ArrowUp':
937                e.preventDefault();
938                this.focusPrevious(item);
939                break;
940              case 'Home':
941                e.preventDefault();
942                this.focusFirst(item);
943                break;
944              case 'End':
945                e.preventDefault();
946                this.focusLast(item);
947                break;
948            }
949          });
950        },
951
952        // Toggle accordion state
953        toggleAccordion(instance) {
954          if (instance.isOpen) {
955            this.closeAccordion(instance);
956          } else {
957            // Close others if configured
958            if (ACCORDION_CONFIG.options.closeOthers) {
959              // Find the immediate accordion group container
960              // Look for the closest container that directly contains accordion items
961              let accordionGroup = instance.item.parentElement;
962
963              // Check if parent is one of our known containers
964              const isKnownContainer = accordionGroup && (
965                accordionGroup.classList.contains('styleguide_main_container') ||
966                accordionGroup.classList.contains('accord_container') ||
967                accordionGroup.classList.contains('accord_wrapper')
968              );
969
970              // If not a known container, try to find the closest one
971              if (!isKnownContainer) {
972                accordionGroup = instance.item.closest(ACCORDION_CONFIG.selectors.container);
973              }
974
975              if (accordionGroup) {
976                // Only get direct children accordion items within this specific group
977                const siblingItems = Array.from(accordionGroup.children).filter(child => 
978                                                                                child.matches(ACCORDION_CONFIG.selectors.item) && 
979                                                                                child.classList.contains(ACCORDION_CONFIG.classes.isOpen) &&
980                                                                                child !== instance.item
981                                                                               );
982
983                // Close each sibling
984                siblingItems.forEach(sibling => {
985                  const siblingInstance = this.instances.get(sibling);
986                  if (siblingInstance) {
987                    this.closeAccordion(siblingInstance);
988                  }
989                });
990              }
991            }
992
993            this.openAccordion(instance);
994          }
995        },
996
997        // Open accordion with optimized animation
998        openAccordion(instance) {
999          const { item, trigger, content, plusIcon, minusIcon } = instance;
1000
1001          if (instance.animationFrame) {
1002            cancelAnimationFrame(instance.animationFrame);
1003          }
1004
1005          instance.isOpen = true;
1006          item.classList.add(ACCORDION_CONFIG.classes.isOpen);
1007          item.classList.add(ACCORDION_CONFIG.classes.isAnimating);
1008          trigger.setAttribute('aria-expanded', 'true');
1009
1010          // Calculate height
1011          content.style.height = 'auto';
1012          const targetHeight = content.scrollHeight;
1013          content.style.height = '0';
1014
1015          // Use RAF for smooth animation
1016          instance.animationFrame = requestAnimationFrame(() => {
1017            content.style.height = `${targetHeight}px`;
1018            content.style.opacity = '1';
1019
1020            // Switch icons
1021            if (plusIcon) plusIcon.style.display = 'none';
1022            if (minusIcon) minusIcon.style.display = 'flex';
1023
1024            // Clean up after animation
1025            setTimeout(() => {
1026              if (instance.isOpen) {
1027                content.style.height = 'auto';
1028                content.style.willChange = 'auto';
1029                item.classList.remove(ACCORDION_CONFIG.classes.isAnimating);
1030
1031                // Optional scroll to view
1032                if (ACCORDION_CONFIG.options.scrollToActive) {
1033                  this.scrollToView(item);
1034                }
1035              }
1036            }, ACCORDION_CONFIG.animation.duration);
1037          });
1038
1039          // Announce to screen readers
1040          this.announceState('Expanded');
1041        },
1042
1043        // Close accordion with optimized animation
1044        closeAccordion(instance) {
1045          const { item, trigger, content, plusIcon, minusIcon } = instance;
1046
1047          if (instance.animationFrame) {
1048            cancelAnimationFrame(instance.animationFrame);
1049          }
1050
1051          instance.isOpen = false;
1052          item.classList.remove(ACCORDION_CONFIG.classes.isOpen);
1053          item.classList.add(ACCORDION_CONFIG.classes.isAnimating);
1054          trigger.setAttribute('aria-expanded', 'false');
1055
1056          // Set explicit height before animating
1057          content.style.height = `${content.scrollHeight}px`;
1058          content.style.willChange = 'height, opacity';
1059
1060          // Force reflow
1061          content.offsetHeight;
1062
1063          // Animate to closed
1064          instance.animationFrame = requestAnimationFrame(() => {
1065            content.style.height = '0';
1066            content.style.opacity = '0';
1067
1068            // Switch icons
1069            if (plusIcon) plusIcon.style.display = 'block';
1070            if (minusIcon) minusIcon.style.display = 'none';
1071
1072            setTimeout(() => {
1073              content.style.willChange = 'auto';
1074              item.classList.remove(ACCORDION_CONFIG.classes.isAnimating);
1075            }, ACCORDION_CONFIG.animation.duration);
1076          });
1077
1078          // Announce to screen readers
1079          this.announceState('Collapsed');
1080        },
1081
1082        // Keyboard navigation helpers
1083        focusNext(currentItem) {
1084          const items = this.getNavigableItems(currentItem);
1085          const currentIndex = items.indexOf(currentItem);
1086          const nextItem = items[currentIndex + 1] || items[0];
1087          this.focusItem(nextItem);
1088        },
1089
1090        focusPrevious(currentItem) {
1091          const items = this.getNavigableItems(currentItem);
1092          const currentIndex = items.indexOf(currentItem);
1093          const prevItem = items[currentIndex - 1] || items[items.length - 1];
1094          this.focusItem(prevItem);
1095        },
1096
1097        focusFirst(currentItem) {
1098          const items = this.getNavigableItems(currentItem);
1099          if (items[0]) this.focusItem(items[0]);
1100        },
1101
1102        focusLast(currentItem) {
1103          const items = this.getNavigableItems(currentItem);
1104          if (items[items.length - 1]) this.focusItem(items[items.length - 1]);
1105        },
1106
1107        focusItem(item) {
1108          const trigger = item.querySelector(ACCORDION_CONFIG.selectors.trigger);
1109          if (trigger) trigger.focus();
1110        },
1111
1112        getNavigableItems(currentItem) {
1113          const parent = currentItem.closest(ACCORDION_CONFIG.selectors.container) || 
1114                currentItem.parentElement;
1115          return Array.from(parent.querySelectorAll(
1116            `${ACCORDION_CONFIG.selectors.item}:not([data-wf--item-accord--variant-variant="static"])`
1117          ));
1118        },
1119
1120        // Scroll accordion into view
1121        scrollToView(item) {
1122          const rect = item.getBoundingClientRect();
1123          const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
1124          const targetPosition = rect.top + scrollTop - ACCORDION_CONFIG.options.scrollOffset;
1125
1126          window.scrollTo({
1127            top: targetPosition,
1128            behavior: 'smooth'
1129          });
1130        },
1131
1132        // Setup ResizeObserver for responsive content
1133        setupResizeObserver() {
1134          if (!window.ResizeObserver) return;
1135
1136          this.resizeObserver = new ResizeObserver(entries => {
1137            entries.forEach(entry => {
1138              const instance = this.instances.get(entry.target.closest(ACCORDION_CONFIG.selectors.item));
1139              if (instance && instance.isOpen && !instance.item.classList.contains(ACCORDION_CONFIG.classes.isAnimating)) {
1140                instance.content.style.height = 'auto';
1141              }
1142            });
1143          });
1144
1145          this.instances.forEach(instance => {
1146            this.resizeObserver.observe(instance.content);
1147          });
1148        },
1149
1150        // Observe for dynamically added content
1151        observeDynamicContent() {
1152          if (!window.MutationObserver) return;
1153
1154          this.mutationObserver = new MutationObserver((mutations) => {
1155            let shouldReinitialize = false;
1156
1157            mutations.forEach(mutation => {
1158              if (mutation.addedNodes.length) {
1159                mutation.addedNodes.forEach(node => {
1160                  if (node.nodeType === 1) {
1161                    if (node.matches(ACCORDION_CONFIG.selectors.item) || 
1162                        node.querySelector(ACCORDION_CONFIG.selectors.item)) {
1163                      shouldReinitialize = true;
1164                    }
1165                  }
1166                });
1167              }
1168            });
1169
1170            if (shouldReinitialize) {
1171              this.setupAccordions();
1172              if (ACCORDION_CONFIG.options.generateSchema && !this.schemaGenerated) {
1173                this.generateFAQSchema();
1174              }
1175            }
1176          });
1177
1178          this.mutationObserver.observe(document.body, {
1179            childList: true,
1180            subtree: true
1181          });
1182        },
1183
1184        // Generate FAQ Schema automatically
1185        generateFAQSchema() {
1186          const accordions = document.querySelectorAll(
1187            `${ACCORDION_CONFIG.selectors.item}:not([data-wf--item-accord--variant-variant="static"])`
1188          );
1189
1190          if (accordions.length === 0) return;
1191
1192          const faqData = [];
1193
1194          accordions.forEach(item => {
1195            const title = item.querySelector(ACCORDION_CONFIG.selectors.title);
1196            const text = item.querySelector(ACCORDION_CONFIG.selectors.text);
1197
1198            if (title && text) {
1199              const question = title.textContent.trim();
1200              const answer = text.textContent.trim();
1201
1202              if (question && answer) {
1203                faqData.push({
1204                  "@type": "Question",
1205                  "name": question,
1206                  "acceptedAnswer": {
1207                    "@type": "Answer",
1208                    "text": answer
1209                  }
1210                });
1211              }
1212            }
1213          });
1214
1215          if (faqData.length > 0) {
1216            const schema = {
1217              "@context": "https://schema.org",
1218              "@type": "FAQPage",
1219              "mainEntity": faqData
1220            };
1221
1222            // Remove existing FAQ schema if present
1223            const existingSchema = document.querySelector('script[type="application/ld+json"][data-accordion-schema]');
1224            if (existingSchema) {
1225              existingSchema.remove();
1226            }
1227
1228            // Add new schema
1229            const scriptTag = document.createElement('script');
1230            scriptTag.type = 'application/ld+json';
1231            scriptTag.setAttribute('data-accordion-schema', 'true');
1232            scriptTag.textContent = JSON.stringify(schema, null, 2);
1233            document.head.appendChild(scriptTag);
1234
1235            this.schemaGenerated = true;
1236          }
1237        },
1238
1239        // Setup keyboard support for all accordions
1240        setupKeyboardSupport() {
1241          document.addEventListener('keydown', (e) => {
1242            if (e.key === 'Escape') {
1243              const activeElement = document.activeElement;
1244              const accordionItem = activeElement.closest(ACCORDION_CONFIG.selectors.item);
1245              if (accordionItem) {
1246                const instance = this.instances.get(accordionItem);
1247                if (instance && instance.isOpen) {
1248                  this.closeAccordion(instance);
1249                  instance.trigger.focus();
1250                }
1251              }
1252            }
1253          });
1254        },
1255
1256        // Announce state changes to screen readers
1257        announceState(state) {
1258          if (!window.SiteCore || !window.SiteCore.announce) return;
1259
1260          const announcement = document.createElement('div');
1261          announcement.setAttribute('aria-live', 'polite');
1262          announcement.setAttribute('aria-atomic', 'true');
1263          announcement.style.position = 'absolute';
1264          announcement.style.left = '-10000px';
1265          announcement.textContent = state;
1266          document.body.appendChild(announcement);
1267          setTimeout(() => announcement.remove(), 1000);
1268        },
1269
1270        // Public API methods
1271        openAll() {
1272          this.instances.forEach(instance => {
1273            if (!instance.isOpen) this.openAccordion(instance);
1274          });
1275        },
1276
1277        closeAll() {
1278          this.instances.forEach(instance => {
1279            if (instance.isOpen) this.closeAccordion(instance);
1280          });
1281        },
1282
1283        destroy() {
1284          // Clean up observers
1285          if (this.resizeObserver) {
1286            this.resizeObserver.disconnect();
1287          }
1288          if (this.mutationObserver) {
1289            this.mutationObserver.disconnect();
1290          }
1291
1292          // Clean up instances
1293          this.instances.forEach(instance => {
1294            if (instance.animationFrame) {
1295              cancelAnimationFrame(instance.animationFrame);
1296            }
1297          });
1298
1299          this.instances.clear();
1300        }
1301      };
1302
1303      // ========================================
1304      // CSS INJECTION
1305      // ========================================
1306
1307      const injectStyles = () => {
1308        if (document.getElementById('accordion-styles')) return;
1309
1310        const style = document.createElement('style');
1311        style.id = 'accordion-styles';
1312        style.textContent = `
1313        /* Accordion Base Styles */
1314        .accord_trigger {
1315          cursor: pointer;
1316          user-select: none;
1317          -webkit-tap-highlight-color: transparent;
1318          touch-action: manipulation;
1319        }
1320
1321        .accord_trigger:focus-visible {
1322          outline: 2px solid currentColor;
1323          outline-offset: 2px;
1324        }
1325
1326        .accord_trigger[aria-expanded="true"] {
1327          pointer-events: auto;
1328        }
1329
1330        /* Performance optimizations */
1331        .accord_content {
1332          contain: layout style paint;
1333        }
1334
1335        .accord_item.is-animating .accord_content {
1336          will-change: height, opacity;
1337        }
1338
1339        /* Smooth icon transitions */
1340        .accord_indicator {
1341          transition: transform ${ACCORDION_CONFIG.animation.duration}ms ${ACCORDION_CONFIG.animation.easing};
1342        }
1343
1344        .accord_item.is-open .accord_indicator {
1345          transform: rotate(180deg);
1346        }
1347
1348        /* Hover state */
1349        @media (hover: hover) {
1350          .accord_trigger:hover {
1351            opacity: 0.8;
1352          }
1353        }
1354
1355        /* Static variant preservation */
1356        .accord_item[data-wf--item-accord--variant-variant="static"] .accord_trigger {
1357          cursor: default;
1358          pointer-events: none;
1359        }
1360
1361        .accord_item[data-wf--item-accord--variant-variant="static"] .accord_content {
1362          height: auto !important;
1363          opacity: 1 !important;
1364          overflow: visible !important;
1365        }
1366
1367        /* Reduce motion support */
1368        @media (prefers-reduced-motion: reduce) {
1369          .accord_content,
1370          .accord_indicator {
1371            transition-duration: 0.01ms !important;
1372          }
1373        }
1374
1375        /* Print styles */
1376        @media print {
1377          .accord_content {
1378            height: auto !important;
1379            opacity: 1 !important;
1380            overflow: visible !important;
1381          }
1382
1383          .accord_indicator_icon.is-plus {
1384            display: none !important;
1385          }
1386        }
1387      `;
1388        document.head.appendChild(style);
1389      };
1390
1391      // ========================================
1392      // INITIALIZATION
1393      // ========================================
1394
1395      // Inject styles
1396      injectStyles();
1397
1398      // Initialize accordion module
1399      AccordionModule.init();
1400
1401      // Integrate with SiteCore if available
1402      if (window.SiteCore) {
1403        window.SiteCore.accordions = AccordionModule;
1404      }
1405
1406      // Webflow compatibility
1407      if (window.Webflow) {
1408        window.Webflow.push(() => {
1409          AccordionModule.setupAccordions();
1410        });
1411      }
1412
1413      // Export for external use
1414      window.AccordionModule = AccordionModule;
1415    };
1416
1417    // Initialize when DOM is ready
1418    if (document.readyState === 'loading') {
1419      document.addEventListener('DOMContentLoaded', initAccordions);
1420    } else {
1421      initAccordions();
1422    }
1423
1424  })();
1425</script>
1425</div></div><div class="w-embed"><link rel="stylesheet" href="https://icon-cdn.simon-12a.workers.dev/icons.css"></div></div><header data-wf--universal-nav--variant="center" id="nav" class="nav nav"><div class="navbar"><div class="navbar_bg"></div><div class="navbar_layout"><div class="flex-row-between-bottom"><a href="/" aria-label="Gå til forside" data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:ea62d8e0-163d-d504-22d5-934d943b9a8c" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="ea62d8e0-163d-d504-22d5-934d943b9a8c" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" class="navbar_brand w-inline-block"><div class="hide">Gå til forside</div><div class="brand-logo_wrapper"><div class="brand-logo_text">ABC for god psykisk helse</div></div></a><div class="tfk_wrapper-copy"><img src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/695d0ea2e8cb9e6a90e6e11d_TFK%20Liggende%20farge%201.svg" loading="lazy" alt="Logo: Trøndelag fylkeskommune" class="image-15"/></div></div><div class="navbar_center"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:fd9baf7b-47cc-46c8-8a03-52b071e05d9e" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="fd9baf7b-47cc-46c8-8a03-52b071e05d9e" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/om-kampanjen" class="navbar_link w-inline-block"><div class="navbar_link_text">Om kampanjen</div></a><a data-megamenu="1" data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:6ecabe98-936b-424b-f106-8682c147b176" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="6ecabe98-936b-424b-f106-8682c147b176" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/forskning" class="navbar_link w-inline-block"><div class="navbar_link_text">Forskning</div></a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:92e5eaa7-1da7-209e-dbd4-964e887f5e71" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="92e5eaa7-1da7-209e-dbd4-964e887f5e71" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/#malgrupper" class="navbar_link w-inline-block"><div class="navbar_link_text">Målgrupper</div></a><div data-hover="true" data-delay="0" class="w-dropdown"><div data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:7c169ce8-8e74-fc10-02c7-03ae1ec592c4" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="7c169ce8-8e74-fc10-02c7-03ae1ec592c4" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" class="dropdwon_toggle w-dropdown-toggle"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:7c169ce8-8e74-fc10-02c7-03ae1ec592c5" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="7c169ce8-8e74-fc10-02c7-03ae1ec592c5" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/ressurser" aria-current="page" class="navbar_link is-megamenu w--current">Ressurser</a></div><nav class="navbar_link_navigation_wrap right-aligned w-dropdown-list"><div class="navbar_link_navigation"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:7c169ce8-8e74-fc10-02c7-03ae1ec592d8" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="7c169ce8-8e74-fc10-02c7-03ae1ec592d8" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/ressurser/podcast" class="navbar_link_wrap w-inline-block"><div class="h5 text-weight-semibold color-dark">Podcaster</div><div class="nav_link_icon"><div class="w-embed">
1425<svg width="100%" height="100%" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1426<path d="M0 7.33795H22M22 7.33795L15.0849 0.837952M22 7.33795L15.0849 13.838" stroke="#262627" stroke-width="2.3"/>
1427</svg></div></div></a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:7c169ce8-8e74-fc10-02c7-03ae1ec592dd" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="7c169ce8-8e74-fc10-02c7-03ae1ec592dd" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/ressurser/materiell-og-verktoy" class="navbar_link_wrap w-inline-block"><div class="h5 text-weight-semibold color-dark">Materiell og verktøy</div><div class="nav_link_icon"><div class="w-embed"><svg width="100%" height="100%" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1428<path d="M0 7.33795H22M22 7.33795L15.0849 0.837952M22 7.33795L15.0849 13.838" stroke="#262627" stroke-width="2.3"/>
1429</svg></div></div></a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:a17db76a-c279-c931-87c7-1cfa7d48a826" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="a17db76a-c279-c931-87c7-1cfa7d48a826" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/ressurser/filmer" class="navbar_link_wrap w-inline-block"><div class="h5 text-weight-semibold color-dark">Filmer</div><div class="nav_link_icon"><div class="w-embed"><svg width="100%" height="100%" viewBox="0 0 24 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1430<path d="M0 7.33795H22M22 7.33795L15.0849 0.837952M22 7.33795L15.0849 13.838" stroke="#262627" stroke-width="2.3"/>
1431</svg></div></div></a></div></nav></div><a data-megamenu="2" data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:69de8168-56f9-2a19-4fe1-a0dc3bb7ec78" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="69de8168-56f9-2a19-4fe1-a0dc3bb7ec78" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/ressurser" aria-current="page" class="navbar_link is-megamenu hide w-inline-block w--current"><div class="navbar_link_text">Ressurser<br/></div></a></div><div class="navbar_right hide"><div data-wf--item-button--design-variant="regular" class="button"><a aria-label="Accessibility label" data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:ea62d8e0-163d-d504-22d5-934d943b9a92:c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%2C%7B%22componentId%22%3A%22c8c4bc5a-cdcf-be1e-a290-2783d6b286ec%22%2C%22instanceId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a92%22%7D%5D" href="#" class="button_link w-inline-block"><div class="button_hidden-text">This is some text inside of a div block.</div></a><div class="button_text">Button text</div></div><button id="menuToggle" aria-label="Åpne/lukke hovedmeny" class="button is-nav-trigger"><div class="navbar_trigger_icon is-open w-embed"><svg width="100%" height="100%" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg">
1432  <path d="M20 12.4766H0V10.4766H20V12.4766ZM20 2H0V0H20V2Z" fill="currentColor"/>
1433</svg></div><div class="navbar_trigger_icon is-close w-embed"><svg width="100%" height="100%" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1434  <path
1435        d="M15.1421 16.1425L8.5708 9.57117L1.99951 16.1425L0.585449 14.7284L7.15674 8.1571L0.999512 1.99988L2.41357 0.585815L8.5708 6.74304L14.728 0.585815L16.1421 1.99988L9.98486 8.1571L16.5562 14.7284L15.1421 16.1425Z"
1436        fill="currentColor" />
1437</svg></div></button></div><div data-w-id="1e97e576-f955-79be-0357-037ac36ba175" class="menu"><div class="top_line"></div><div class="bottom_line"></div></div></div></div><nav id="menu" aria-hidden="true" class="navmenu"><div class="container is-navmenu"><div class="navmenu_layout"><div class="navmenu_animation"><div class="navmenu_animation_layout"><div class="link_wrap"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:0235e0d7-983a-5e81-9f75-fd82bc09ee28" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="0235e0d7-983a-5e81-9f75-fd82bc09ee28" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/om-kampanjen" class="navmenu_heading h3">Om kampanjen</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:ea62d8e0-163d-d504-22d5-934d943b9aa5" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="ea62d8e0-163d-d504-22d5-934d943b9aa5" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/forskning" class="navmenu_heading h3">Forskning</a><a id="close-nav" data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:05c8f001-fa07-49aa-9217-995a3ad8d292" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="05c8f001-fa07-49aa-9217-995a3ad8d292" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/#malgrupper" class="navmenu_heading h3">Målgrupper</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9da6:a5a5cfef-793c-611b-37df-e587f8e96863" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="a5a5cfef-793c-611b-37df-e587f8e96863" data-wf-component-context="%5B%7B%22componentId%22%3A%22ea62d8e0-163d-d504-22d5-934d943b9a88%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9da6%22%7D%5D" href="/ressurser" aria-current="page" class="navmenu_heading h3 w--current">Ressurser</a></div></div></div></div></div><div class="navmenu_overlay"></div><div class="navmenu_overlay is-bottom"></div></nav><div class="bottom"></div></header><div class="main"><div class="section_aktuelt-hero"><div class="aktuelt-hero_padding"><div class="container"><div class="kommuner-hero_flex"><div class="kommuner-hero_content"><div class="kommuner-hero_heading"><h1 fs-list-field="title-comp" data-wf--element-heading-text--heading-style="h1-uppercase" class="element_heading w-variant-9f60db98-4c64-249d-8794-78af59ec8b5e">Ressurser</h1></div><div class="rich-text w-richtext"><p>Her finner du podcastepisoder, filmer og annet materiell og verktøy til inspirasjon og læring i arbeidet med å ta i bruk ABC for god psykiske helse. Bruken må være i tråd med <a href="/vilkar-for-bruk" data-wf-native-id-path="90c60aec-4ad1-5462-9858-1c7893e65c2c" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="90c60aec-4ad1-5462-9858-1c7893e65c2c">vilkår for bruk</a>.</p></div></div><div><p data-wf--element-paragraph--variant="medium" class="paragraph_comp w-variant-37da6ef6-64f9-9bf7-defa-9b558f2d8885"><strong>Innhold på siden</strong></p><div class="kommuner-hero_right"><a data-wf-native-id-path="5bf9c906-92cb-6c27-63ff-4f12db2f31d9" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="5bf9c906-92cb-6c27-63ff-4f12db2f31d9" href="#podcaster" class="kommuner-hero_right-item w-inline-block"><div class="kommuner-hero_right-icon w-embed">
1437<svg width="100%" height="100%" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1438  <path d="M10.3542 5.95833H0.5V0" stroke="white"/>
1439  <path d="M7.60352 3.21094L10.3535 5.96094L7.60352 8.71094" stroke="white"/>
1440</svg></div><div class="text-size-small text-color-white text-weight-semibold">Podcaster</div></a><a data-wf-native-id-path="5bf9c906-92cb-6c27-63ff-4f12db2f31e1" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="5bf9c906-92cb-6c27-63ff-4f12db2f31e1" href="#filmer" class="kommuner-hero_right-item w-inline-block"><div class="kommuner-hero_right-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1441  <path d="M10.3542 5.95833H0.5V0" stroke="white"/>
1442  <path d="M7.60352 3.21094L10.3535 5.96094L7.60352 8.71094" stroke="white"/>
1443</svg></div><div class="text-size-small text-color-white text-weight-semibold">Filmer </div></a><a data-wf-native-id-path="5bf9c906-92cb-6c27-63ff-4f12db2f31dd" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="5bf9c906-92cb-6c27-63ff-4f12db2f31dd" href="#materiell" class="kommuner-hero_right-item w-inline-block"><div class="kommuner-hero_right-icon w-embed"><svg width="100%" height="100%" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg">
1444  <path d="M10.3542 5.95833H0.5V0" stroke="white"/>
1445  <path d="M7.60352 3.21094L10.3535 5.96094L7.60352 8.71094" stroke="white"/>
1446</svg></div><div class="text-size-small text-color-white text-weight-semibold">Materiell og verktøy</div></a></div></div></div></div></div><div data-wf--utility-space--variant="baseline-100" class="spacer w-variant-bf4bc16d-0404-bcb6-fa9a-a1709f2c47c1"></div></div><div class="section"><div data-wf--utility-space--variant="baseline-100" class="spacer w-variant-bf4bc16d-0404-bcb6-fa9a-a1709f2c47c1"></div><div class="container if-resources"><div id="podcaster" data-wf--item-link-card-resource--variant="left-green" class="link_card-container w-variant-8956c91a-a519-c1f8-0d0e-4b1a5912d86a"><div class="div-block-63"><h3 class="h2">Podcaster</h3><p class="p">Her kan du lytte til podcastepisoder som handler om bruken av ABC-rammeverket i ulike sektorer og sammenhenger.</p><div data-wf--item-button--design-variant="regular" class="button"><a aria-label="Sjekk ut podcaster" data-wf-native-id-path="633367fb-f733-7938-c616-339e7cec2714:633367fb-f733-7938-c616-339e7cec271b:c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-component-context="%5B%7B%22componentId%22%3A%22633367fb-f733-7938-c616-339e7cec2715%22%2C%22instanceId%22%3A%22633367fb-f733-7938-c616-339e7cec2714%22%7D%2C%7B%22componentId%22%3A%22c8c4bc5a-cdcf-be1e-a290-2783d6b286ec%22%2C%22instanceId%22%3A%22633367fb-f733-7938-c616-339e7cec271b%22%7D%5D" href="/ressurser/podcast" class="button_link w-inline-block"><div class="button_hidden-text">This is some text inside of a div block.</div></a><div class="button_text">Sjekk ut podcaster</div></div></div><img alt="En mann i podcast-studio" loading="lazy" src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/69830a84db2ec73a2640cb2a_Steinar%20bilde%20pod2.jpg" class="image-18 w-variant-8956c91a-a519-c1f8-0d0e-4b1a5912d86a"/></div><div id="filmer" data-wf--item-link-card-resource--variant="right-yellow" class="link_card-container"><div id="w-node-_633367fb-f733-7938-c616-339e7cec2716-7cec2715" class="div-block-63 w-variant-d3fe9b24-9d12-532a-d1d2-2ed39c3fe760"><h3 class="h2">Filmer</h3><p class="p">Her finner du informasjonsfilmer og kampanjefilmer.</p><div data-wf--item-button--design-variant="regular" class="button"><a aria-label="Sjekk ut filmer" data-wf-native-id-path="8d74811f-a53f-e242-23e4-0bcdb24a19e5:633367fb-f733-7938-c616-339e7cec271b:c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-component-context="%5B%7B%22componentId%22%3A%22633367fb-f733-7938-c616-339e7cec2715%22%2C%22instanceId%22%3A%228d74811f-a53f-e242-23e4-0bcdb24a19e5%22%7D%2C%7B%22componentId%22%3A%22c8c4bc5a-cdcf-be1e-a290-2783d6b286ec%22%2C%22instanceId%22%3A%22633367fb-f733-7938-c616-339e7cec271b%22%7D%5D" href="/ressurser/filmer" class="button_link w-inline-block"><div class="button_hidden-text">This is some text inside of a div block.</div></a><div class="button_text">Sjekk ut filmer</div></div></div><img alt="En ung og eldre person som hygger seg i en gruppe med varm drikke i kaldt vær" loading="lazy" src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/6a42672b267cb865512a1813_694534a21290f2d0bbc01cfd_ABC_andre_ba%CC%8Alfest.jpeg" class="image-18 w-variant-d3fe9b24-9d12-532a-d1d2-2ed39c3fe760"/></div><div id="materiell" data-wf--item-link-card-resource--variant="left-blue" class="link_card-container w-variant-d19afa2a-4b35-61d9-4443-cf837e5d0f92"><div class="div-block-63"><h3 class="h2">Materiell og verktøy</h3><p class="p">Sjekk ut vårt materiell og ulike praktiske og konkrete verktøy. </p><div data-wf--item-button--design-variant="regular" class="button"><a aria-label="Sjekk ut materiell og verktøy" data-wf-native-id-path="6eff33b4-032e-9e5b-3288-ae9ad092c5af:633367fb-f733-7938-c616-339e7cec271b:c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c8c4bc5a-cdcf-be1e-a290-2783d6b286ed" data-wf-component-context="%5B%7B%22componentId%22%3A%22633367fb-f733-7938-c616-339e7cec2715%22%2C%22instanceId%22%3A%226eff33b4-032e-9e5b-3288-ae9ad092c5af%22%7D%2C%7B%22componentId%22%3A%22c8c4bc5a-cdcf-be1e-a290-2783d6b286ec%22%2C%22instanceId%22%3A%22633367fb-f733-7938-c616-339e7cec271b%22%7D%5D" href="/ressurser/materiell-og-verktoy" class="button_link w-inline-block"><div class="button_hidden-text">This is some text inside of a div block.</div></a><div class="button_text">Sjekk ut materiell og verktøy</div></div></div><img alt="To ungdommer som leker en koselig lek" loading="lazy" src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/6a3ba3cb5a09a48c974578d1_henderspa2.jpg" class="image-18"/>
1446</div><div class="grid-2 margin-top-40px"><div data-wf--item-link-card--variant="yellow" class="ressurser-information_item"><div class="ressurser-information_item-content"><div class="max-width-30ch max-width"><h2 fs-list-field="title-comp" data-wf--element-heading-text--heading-style="h1" class="element_heading">LOGOER OG MALER</h2></div><p data-wf--element-paragraph--variant="regular" class="paragraph_comp">Selv om opplegget rundt implementering av ABC-modellen vil variere i de ulike fylkene, er det viktig at alle benytter det nasjonalt utviklede materiellet i kommunikasjonsarbeid rundt kampanjen for å skape gjenkjenning og synergier.</p></div><div class="ressurser-information_buttons"><a data-wf-native-id-path="245f40fb-3283-93d0-6639-d07944d58d8b:bb230045-1734-1d16-18e1-a6d45df4b813" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="bb230045-1734-1d16-18e1-a6d45df4b813" data-wf-component-context="%5B%7B%22componentId%22%3A%22bb230045-1734-1d16-18e1-a6d45df4b809%22%2C%22instanceId%22%3A%22245f40fb-3283-93d0-6639-d07944d58d8b%22%7D%5D" href="https://album.imageshop.no/1593847/Search" target="_blank" class="button w-button">Helsedirektoratets ressursside</a></div><div class="ressurser-information_icon"><img loading="lazy" src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/693f566fec6d28fc230ddb5a_Copy-Document--Streamline-Sharp.png" alt="" class="ressurser-information_icon-embedd"/></div></div><div data-wf--item-link-card--variant="green" class="ressurser-information_item w-variant-637a6c22-d0de-6320-a001-bbd5544025bb"><div class="ressurser-information_item-content"><div class="max-width-30ch max-width"><h2 fs-list-field="title-comp" data-wf--element-heading-text--heading-style="h1-uppercase" class="element_heading w-variant-9f60db98-4c64-249d-8794-78af59ec8b5e">Kurs</h2></div><p data-wf--element-paragraph--variant="regular" class="paragraph_comp">Det er utviklet en kurslederopplæring for deg som vil holde ABC-kurs for likepersoner.  Her finner du opplæring og materiell knyttet til både kurslederkurset og likepersonskurset. <br/>Opplegget kan passe for alle: Ungdom, FAU, i et nabolag, i en Frivilligsentral, idrettslag, osv. Kurset kan ikke brukes av kommersielle aktører.<br/>‍</p></div><div class="ressurser-information_buttons"><a data-wf-native-id-path="18b62adf-74ce-e691-4655-1f6336723b2a:bb230045-1734-1d16-18e1-a6d45df4b813" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="bb230045-1734-1d16-18e1-a6d45df4b813" data-wf-component-context="%5B%7B%22componentId%22%3A%22bb230045-1734-1d16-18e1-a6d45df4b809%22%2C%22instanceId%22%3A%2218b62adf-74ce-e691-4655-1f6336723b2a%22%7D%5D" href="https://folkehelseforeningen.no/arbeidsgrupper/abc-for-god-psykisk-helse" target="_blank" class="button w-button">Utforsk kursene</a></div><div class="ressurser-information_icon w-variant-637a6c22-d0de-6320-a001-bbd5544025bb"><img loading="lazy" src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/693f566fec6d28fc230ddb5a_Copy-Document--Streamline-Sharp.png" alt="" class="ressurser-information_icon-embedd"/></div></div></div></div><div data-wf--utility-space--variant="huge-220" class="spacer w-variant-f1a10446-0870-9245-193b-b4d2226456f1"></div></div><footer class="footer"><div data-wf--utility-space--variant="x-small-60" class="spacer w-variant-e0b9b7af-f340-84da-197a-80ab95126ad5"></div><div class="container"><div class="footer_flex"><div id="w-node-bbc1508c-ef28-ad35-64fb-d04b6913750a-1ed56c69" class="footer_logo-wrap"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:174f22f8-3e58-c48e-fb3e-abd913ffc1be" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="174f22f8-3e58-c48e-fb3e-abd913ffc1be" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/" class="footer_brand w-inline-block"><div class="brand-logo_wrapper"><div class="brand-logo_text">ABC for god psykisk helse</div></div></a><p class="text-size-tiny">ABC er en nasjonal folkehelsekampanje som handler om å bygge og styr
1446ke den psykiske helsen i hele befolkningen. Rammeverket er utviklet ved Curtin university i Australia, og bygger på erfaringer fra flere land.<a href="https://www.helsedirektoratet.no/forebygging-diagnose-og-behandling/forebygging-og-levevaner/folkehelsearbeid-i-kommunen/abc-for-god-psykisk-helse" data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:c4beb622-3030-1100-3ebc-225504ebc614" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c4beb622-3030-1100-3ebc-225504ebc614" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" target="_blank" class="helsedirketoratet_link">Helsedirektoratet</a>har en overordnet nasjonal rolle<br/>i satsningen. </p></div><div id="w-node-_952b9866-4d7a-068f-8c21-24027ec6df9d-1ed56c69" class="footer_area"><div class="footer_link-col"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:e3e9b2cb-4387-08fc-1c10-4b7fa2dd054a" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="e3e9b2cb-4387-08fc-1c10-4b7fa2dd054a" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/side/arbeidslivet" class="footer_link-header w-inline-block"><div class="h3 text-allcaps">Ta i bruk abc</div><div class="footer_arrow w-embed"><svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1447  <path d="M0 7.83594H23.5M23.5 7.83594L16.1134 0.835938M23.5 7.83594L16.1134 14.8359" stroke="#262627" stroke-width="2.3"/>
1448</svg></div></a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:7dfb3c0a-7041-6b67-3a35-ce5466e38202" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="7dfb3c0a-7041-6b67-3a35-ce5466e38202" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/side/arbeidslivet" class="footer_link">Arbeidslivet</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:07405b90-04b2-f78e-c1c3-58eccf0891b9" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="07405b90-04b2-f78e-c1c3-58eccf0891b9" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/side/kommuner" class="footer_link">Kommuner</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:1f94bc90-c79a-e0b3-b754-d0e111016ab0" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="1f94bc90-c79a-e0b3-b754-d0e111016ab0" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/side/skolen" class="footer_link">Skole og utdanning</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:c9fe47d6-443f-ed9c-0b99-8b212e75a6df" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="c9fe47d6-443f-ed9c-0b99-8b212e75a6df" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/side/frivilligheten" class="footer_link">Frivilligheten</a></div><div class="footer_link-col"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:cc492d50-0839-1290-6b99-9e970ed8e77f" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="cc492d50-0839-1290-6b99-9e970ed8e77f" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/ressurser" aria-current="page" class="footer_link-header w-inline-block w--current"><div class="h3 text-allcaps">REssurser</div><div class="footer_arrow w-embed"><svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1449  <path d="M0 7.83594H23.5M23.5 7.83594L16.1134 0.835938M23.5 7.83594L16.1134 14.8359" stroke="#262627" stroke-width="2.3"/>
1450</svg></div></a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:cc492d50-0839-1290-6b99-9e970ed8e787" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="cc492d50-0839-1290-6b99-9e970ed8e787" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/ressurser/podcast" class="footer_link">Podcaster</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:85a8155b-f30c-e0dd-b1c4-d4471c8b60dc" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="85a8155b-f30c-e0dd-b1c4-d4471c8b60dc" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/ressurser/filmer" class="footer_link">Filmer</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:cc492d50-0839-1290-6b99-9e970ed8e783" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="cc492d50-0839-1290-6b99-9e970ed8e783" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/ressurser/materiell-og-verktoy" class="footer_link">Materiell og verktøy</a></div><div class="footer_link-col"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:ff317774-5da1-ba58-2130-df
1450cd47771027" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="ff317774-5da1-ba58-2130-dfcd47771027" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/om-kampanjen" class="footer_link-header w-inline-block"><div class="h3 text-allcaps">Om ABC</div><div class="footer_arrow w-embed"><svg width="26" height="16" viewBox="0 0 26 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1451  <path d="M0 7.83594H23.5M23.5 7.83594L16.1134 0.835938M23.5 7.83594L16.1134 14.8359" stroke="#262627" stroke-width="2.3"/>
1452</svg></div></a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:ff317774-5da1-ba58-2130-dfcd4777102b" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="ff317774-5da1-ba58-2130-dfcd4777102b" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/om-kampanjen" class="footer_link">OM Kampanjen</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:ff317774-5da1-ba58-2130-dfcd4777102d" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="ff317774-5da1-ba58-2130-dfcd4777102d" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/kontakt" class="footer_link">Kontakt oss</a></div></div></div><div class="footer_bottom-wrapper"><p class="text-size-small">© <span id="currentYear">YYYY</span> Trøndelag fylkeskommune</p><div class="footer_bottom-mail"><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:0af00364-fe94-a3fa-4af9-064e09bb72cd" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="0af00364-fe94-a3fa-4af9-064e09bb72cd" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="mailto:[email protected]" class="text-size-small">[email protected]</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:57896cc6-5105-487f-2e6e-25b97d010f24" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="57896cc6-5105-487f-2e6e-25b97d010f24" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="https://uustatus.no/nb/erklaringer/publisert/6e61831b-d4c0-45bf-afa5-243c1690f28f" target="_blank" class="text-size-small">Tilgjengelighetserklæring</a><a data-wf-native-id-path="be9801e8-b400-21b8-52c3-63c87d6a9e56:447e7918-4014-f85b-d8c5-fd0161827250" data-wf-ao-click-engagement-tracking="true" data-wf-element-id="447e7918-4014-f85b-d8c5-fd0161827250" data-wf-component-context="%5B%7B%22componentId%22%3A%2249fb669d-2d2c-0c89-0d21-26e01ed56c69%22%2C%22instanceId%22%3A%22be9801e8-b400-21b8-52c3-63c87d6a9e56%22%7D%5D" href="/personvern-og-cookies" class="text-size-small">Personvern og cookies</a></div></div></div><div data-wf--utility-space--variant="tiny-40" class="spacer w-variant-6c429cb0-2655-e40d-cb2a-b848dfc22fba"></div></footer></div></div>
1452<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6932d470e3c3f4dfcf183567" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1452<script src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/js/abc-dev.schunk.b36de0610a35aa79.js" type="text/javascript" integrity="sha384-bOZ0zosqGRfOla7kqUultK9km3dXI3K5kOn6mDnozBPY/ZGl9/GKllrjZ0EdPONC" crossorigin="anonymous"></script>
1452<script src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/js/abc-dev.schunk.265a5d436aa45fbf.js" type="text/javascript" integrity="sha384-QWYV4VH90Ea+mIglLfibpyHgy8OBvZIlh6x8pJ1LOl9qjb8/5ziyxmryy8inqE73" crossorigin="anonymous"></script>
1452<script src="https://cdn.prod.website-files.com/6932d470e3c3f4dfcf183567/js/abc-dev.04229ca9.6cede0dc6a7a49e6.js" type="text/javascript" integrity="sha384-dbrwOzAT0wfEJjtgi9mVWvwfdAl9TdNyoM/s2pdTQ74WNNS+bfX1hW68Prga0Xfv" crossorigin="anonymous"></script>
1452<script>
1453  const yearElement = document.getElementById("currentYear");
1454  const currentYear = new Date().getFullYear();
1455  yearElement.textContent = currentYear.toString();
1456</script>
1456</body></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.