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.