<!doctype html>
<html lang="no" class="scroll">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <link rel="preconnect" href="https://vimeo.com" crossorigin>
        <link rel="preconnect" href="https://player.vimeo.com" crossorigin>
        <link rel="dns-prefetch" href="https://vimeo.com">
        <link rel="dns-prefetch" href="https://player.vimeo.com">
        
        
        
        
        <noscript>
            <style>
                .animate-fade-up,
                .animate-stagger-children > * {
                    opacity: 1 !important;
                    transform: none !important;
                }

                /* Trekkspill kan ikke åpnes uten JavaScript, så svarene står åpne. */
                .wc-faq__collapse {
                    display: block !important;
                    height: auto !important;
                    overflow: visible !important;
                }

                /* Illustrasjonene avsløres normalt av Alpine. Vis dem ferdig tegnet. */
                .wc-illu__chip,
                .wc-illu__node,
                .wc-illu__cell,
                .wc-badges__item {
                    opacity: 1 !important;
                    translate: none !important;
                    scale: none !important;
                }
                .wc-illu__wires path {
                    stroke-dashoffset: 0 !important;
                }
                .wc-illu__line {
                    opacity: 0.3 !important;
                }
                .wc-illu__line--hit {
                    opacity: 1 !important;
                }
                .wc-illu--grid .wc-illu__cell:not(.is-lit) {
                    opacity: 0.45 !important;
                }
            </style>
        </noscript>

        <title>Trond Albert Skjelbred | Apriil</title>
<meta name="description" content="Trond Albert Skjelbred er partner og medeier i Apriil PR. Han arbeider med utvikling og gjennomf&oslash;ring av kommunikasjonsstrategier, kriseh&aring;ndtering og medier&aring;dgivning. Han holder ogs&aring; kurs i retorikk, etikk og sosiale medier for toppledere. Han har 25 &aring;rs erfaring som konsulent fra selskaper som Geelmuyden Kiese og..." />
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Trond Albert Skjelbred" />
<meta property="og:description" content="Trond Albert Skjelbred er partner og medeier i Apriil PR. Han arbeider med utvikling og gjennomf&oslash;ring av kommunikasjonsstrategier, kriseh&aring;ndtering og medier&aring;dgivning. Han holder ogs&aring; kurs i retorikk, etikk og sosiale medier for toppledere. Han har 25 &aring;rs erfaring som konsulent fra selskaper som Geelmuyden Kiese og..." />
<meta property="og:url" content="https://apriil.no/ansatte/trond-albert-skjelbred" />
<meta property="og:site_name" content="Apriil" />
<meta property="og:locale" content="no" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Trond Albert Skjelbred" />
<meta name="twitter:description" content="Trond Albert Skjelbred er partner og medeier i Apriil PR. Han arbeider med utvikling og gjennomf&oslash;ring av kommunikasjonsstrategier, kriseh&aring;ndtering og medier&aring;dgivning. Han holder ogs&aring; kurs i retorikk, etikk og sosiale medier for toppledere. Han har 25 &aring;rs erfaring som konsulent fra selskaper som Geelmuyden Kiese og..." />
<link href="https://apriil.no/ansatte/trond-albert-skjelbred" rel="canonical" />
<link href="https://apriil.no" rel="home" />
<link type="text/plain" rel="author" href="https://apriil.no/humans.txt" />
<meta name="google-site-verification" content="QbqERmM0HbQACEj3iwSL3pCmhZtD-kJakMmAhnxxaH0" />
        
            
                <link rel="icon" href="https://apriil.hel1.your-objectstorage.com/files/favicon.png">
            
        
        <link rel="preload" as="style" href="https://apriil.no/build/assets/tailwind-DrcdTlR3.css" /><link rel="preload" as="style" href="https://apriil.no/build/assets/site-Cx67iMNB.css" /><link rel="preload" as="style" href="https://apriil.no/build/assets/site-sQoBe3OG.css" /><link rel="modulepreload" as="script" href="https://apriil.no/build/assets/site-C_5apZ8H.js" /><link rel="stylesheet" href="https://apriil.no/build/assets/tailwind-DrcdTlR3.css" /><link rel="stylesheet" href="https://apriil.no/build/assets/site-Cx67iMNB.css" /><link rel="stylesheet" href="https://apriil.no/build/assets/site-sQoBe3OG.css" /><script type="module" src="https://apriil.no/build/assets/site-C_5apZ8H.js"></script>
        <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
    </head>
    <body class=" font-sans leading-normal">
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MKVPW3X3" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        
    <header
    class=""
    x-data="{ open: false }"
    x-effect="document.body.classList.toggle('overflow-hidden', open)"
    @keydown.escape.window="open = false"
>
    <div class="mx-auto max-w-limit">
        <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:p-4 focus:bg-white focus:text-black focus:shadow">Skip to main content</a>
        <div class="py-6 md:py-8 flex justify-between items-center site-padding">
            <a 
                href="/" 
                aria-label="Apriil home" 
                class="inline-block animate-slide-in-left"
            >
                <img
    src="https://apriil.hel1.your-objectstorage.com/files/apriil-inverted.svg"
    alt="Logo"
    loading="eager"
    decoding="async"
    class="site-logo invert "
>
            </a>
            <button
                type="button"
                class="flex items-center gap-5 lg:hidden cursor-pointer"
                :aria-expanded="open.toString()"
                aria-controls="mobile-menu"
                @click="open = !open"
            >
                <span class="menu-text">Meny</span>
                <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="18" 
    height="13" 
    viewBox="0 0 18 13" 
    fill="none" 
    aria-hidden="true"
    class="transition-transform duration-300 ease-out"
    :class="open ? 'rotate-90 scale-90' : 'rotate-0 scale-100'"
>
    <path d="M17.6528 2.80481V0H0V2.80481H17.6528Z" fill="currentColor"/>
    <path d="M17.6528 12.6227V9.81787H0V12.6227H17.6528Z" fill="currentColor"/>
</svg>

                <span class="sr-only" x-text="open ? 'Lukk meny' : 'Åpne meny'"></span>
            </button>

            <nav class="hidden lg:flex" aria-label="Primary navigation">
                <ul class="flex gap-x-9 align-middle items-center">
                    
                        <li class="text-2xl font-regular list-none">
                            <a 
                                href="/vare-tjenester" 
                                class="link-underline"
                                
                            >Tjenester</a>
                        </li>
                    
                        <li class="text-2xl font-regular list-none">
                            <a 
                                href="/arbeider" 
                                class="link-underline"
                                
                            >Arbeider</a>
                        </li>
                    
                        <li class="text-2xl font-regular list-none">
                            <a 
                                href="/om-apriil" 
                                class="link-underline"
                                
                            >Om Apriil</a>
                        </li>
                    
                        <li class="text-2xl font-regular list-none">
                            <a 
                                href="/kontakt-oss" 
                                class="link-underline"
                                
                            >Kontakt oss</a>
                        </li>
                    
                    <li class="relative  list-none">
    <form action="/sok" method="get" class="relative flex items-center gap-3">
        <div class="relative flex-1">
            <label for="header-search" class="sr-only">Søk</label>
            <button 
                type="submit" 
                class="absolute left-5 top-1/2 -translate-y-1/2 text-[#8B8B8B] w-6 h-6 cursor-pointer hover:opacity-70 transition-opacity"
                aria-label="Søk"
            >
                <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            </button>
            <input
                id="header-search"
                type="search"
                name="q"
                value=""
                placeholder="Søk"
                class=" pl-14 pr-4 py-1.5 border border-black placeholder:text-[#8B8B8B] rounded-full focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2 text-[1.25rem] leading-[1.75rem] placeholder:text-[1.25rem] placeholder:leading-[1.75rem]"
            >
        </div>
    </form>
</li>
                </ul>
            </nav>
        </div>

        </div>

    <div
        id="mobile-menu"
        class="lg:hidden fixed inset-0 z-50 bg-brand-dark-gray text-white flex flex-col overflow-y-auto"
        x-cloak
        x-show="open"
        x-transition:enter="transition-all ease-[cubic-bezier(0.16,1,0.3,1)] duration-[400ms]"
        x-transition:enter-start="opacity-0 -translate-y-4"
        x-transition:enter-end="opacity-100 translate-y-0"
        x-transition:leave="transition-all ease-[cubic-bezier(0.4,0,0.2,1)] duration-200"
        x-transition:leave-start="opacity-100 translate-y-0"
        x-transition:leave-end="opacity-0 -translate-y-2"
    >
        <div 
            class="py-6 md:py-8 flex justify-between items-center site-padding"
            x-show="open"
            x-transition:enter="transition-all ease-out duration-300 delay-75"
            x-transition:enter-start="opacity-0 translate-y-2"
            x-transition:enter-end="opacity-100 translate-y-0"
        >
            <a href="/" aria-label="Apriil home" class="inline-block [&_img]:invert-0" @click="open = false">
                <img
    src="https://apriil.hel1.your-objectstorage.com/files/apriil-inverted.svg"
    alt="Logo"
    loading="eager"
    decoding="async"
    class="site-logo invert "
>
            </a>
            <button
                type="button"
                class="flex items-center gap-4 cursor-pointer group"
                @click="open = false"
            >
                <span class="menu-text">Lukk</span>
                <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="15" 
    height="15" 
    viewBox="0 0 15 15" 
    fill="none"
    aria-hidden="true"
    class="transition-transform duration-200 group-hover:rotate-90 text-apriil-beige"
    
>
<path d="M14.9188 1.9833L12.9355 0L-3.14761e-05 12.9356L1.98327 14.9189L14.9188 1.9833Z" fill="#FAF8EE"/>
<path d="M1.9833 -1.42073e-06L0 1.9833L12.9356 14.9189L14.9189 12.9356L1.9833 -1.42073e-06Z" fill="#FAF8EE"/>
</svg>

            </button>
        </div>
        <div class="site-padding">
            <li class="relative mt-6 mb-4 list-none">
    <form action="/sok" method="get" class="relative flex items-center gap-3">
        <div class="relative flex-1">
            <label for="header-search-mobile" class="sr-only">Søk</label>
            <button 
                type="submit" 
                class="absolute left-5 top-1/2 -translate-y-1/2 text-[#8B8B8B] w-6 h-6 cursor-pointer hover:opacity-70 transition-opacity"
                aria-label="Søk"
            >
                <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            </button>
            <input
                id="header-search-mobile"
                type="search"
                name="q"
                value=""
                placeholder="Søk"
                class="w-full  pl-14 pr-4 py-1.5 border border-neutral-gray-400 placeholder:text-neutral-gray-400 rounded-full focus:outline-none focus:ring-2 focus:ring-black focus:ring-offset-2 text-[1.25rem] leading-[1.75rem] placeholder:text-[1.25rem] placeholder:leading-[1.75rem]"
            >
        </div>
    </form>
</li>
        </div>
        <nav aria-label="Mobile primary navigation" class="flex-1 flex flex-col site-padding">
            <ul class="flex flex-col gap-6 px-1">
                
                    <li 
                        class="font-regular list-none text-body-xl"
                        x-show="open"
                        x-transition:enter="transition-all ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-x-4"
                        x-transition:enter-end="opacity-100 translate-x-0"
                        style="transition-delay: 50ms"
                    >
                        <a href="/vare-tjenester" @click="open = false" class="flex items-center justify-between w-full group">
                            <span>Tjenester</span>
                            <div class="w-12 h-12 flex items-center justify-center">
                                <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="30" 
    height="30" 
    viewBox="0 0 25 19" 
    fill="none" 
    aria-hidden="true"
    class="transition-transform duration-200 group-hover:translate-x-1"
    
>
<path d="M23.6719 10.2656L24.4688 9.46875L23.6719 8.67187L15.7969 0.796875L15 0L13.4109 1.58906L14.2078 2.38594L20.1609 8.33906H0V10.5891H20.1609L14.2078 16.5422L13.4109 17.3391L15 18.9281L15.7969 18.1312L23.6719 10.2562V10.2656Z" fill="currentColor"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li 
                        class="font-regular list-none text-body-xl"
                        x-show="open"
                        x-transition:enter="transition-all ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-x-4"
                        x-transition:enter-end="opacity-100 translate-x-0"
                        style="transition-delay: 100ms"
                    >
                        <a href="/arbeider" @click="open = false" class="flex items-center justify-between w-full group">
                            <span>Arbeider</span>
                            <div class="w-12 h-12 flex items-center justify-center">
                                <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="30" 
    height="30" 
    viewBox="0 0 25 19" 
    fill="none" 
    aria-hidden="true"
    class="transition-transform duration-200 group-hover:translate-x-1"
    
>
<path d="M23.6719 10.2656L24.4688 9.46875L23.6719 8.67187L15.7969 0.796875L15 0L13.4109 1.58906L14.2078 2.38594L20.1609 8.33906H0V10.5891H20.1609L14.2078 16.5422L13.4109 17.3391L15 18.9281L15.7969 18.1312L23.6719 10.2562V10.2656Z" fill="currentColor"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li 
                        class="font-regular list-none text-body-xl"
                        x-show="open"
                        x-transition:enter="transition-all ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-x-4"
                        x-transition:enter-end="opacity-100 translate-x-0"
                        style="transition-delay: 150ms"
                    >
                        <a href="/om-apriil" @click="open = false" class="flex items-center justify-between w-full group">
                            <span>Om Apriil</span>
                            <div class="w-12 h-12 flex items-center justify-center">
                                <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="30" 
    height="30" 
    viewBox="0 0 25 19" 
    fill="none" 
    aria-hidden="true"
    class="transition-transform duration-200 group-hover:translate-x-1"
    
>
<path d="M23.6719 10.2656L24.4688 9.46875L23.6719 8.67187L15.7969 0.796875L15 0L13.4109 1.58906L14.2078 2.38594L20.1609 8.33906H0V10.5891H20.1609L14.2078 16.5422L13.4109 17.3391L15 18.9281L15.7969 18.1312L23.6719 10.2562V10.2656Z" fill="currentColor"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                    <li 
                        class="font-regular list-none text-body-xl"
                        x-show="open"
                        x-transition:enter="transition-all ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-x-4"
                        x-transition:enter-end="opacity-100 translate-x-0"
                        style="transition-delay: 200ms"
                    >
                        <a href="/kontakt-oss" @click="open = false" class="flex items-center justify-between w-full group">
                            <span>Kontakt oss</span>
                            <div class="w-12 h-12 flex items-center justify-center">
                                <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="30" 
    height="30" 
    viewBox="0 0 25 19" 
    fill="none" 
    aria-hidden="true"
    class="transition-transform duration-200 group-hover:translate-x-1"
    
>
<path d="M23.6719 10.2656L24.4688 9.46875L23.6719 8.67187L15.7969 0.796875L15 0L13.4109 1.58906L14.2078 2.38594L20.1609 8.33906H0V10.5891H20.1609L14.2078 16.5422L13.4109 17.3391L15 18.9281L15.7969 18.1312L23.6719 10.2562V10.2656Z" fill="currentColor"/>
</svg>

                            </div>
                        </a>
                    </li>
                
                <li
                    x-show="open"
                    x-transition:enter="transition-all ease-out duration-300"
                    x-transition:enter-start="opacity-0 translate-y-2"
                    x-transition:enter-end="opacity-100 translate-y-0"
                    style="transition-delay: 250ms"
                    class="list-none"
                >
                </li>
            </ul>
            <div class="mt-auto pt-8 pb-4 px-1">
                
                    <ul 
                        class="flex justify-between self-stretch"
                        x-show="open"
                        x-transition:enter="transition-all ease-out duration-300"
                        x-transition:enter-start="opacity-0 translate-y-2"
                        x-transition:enter-end="opacity-100 translate-y-0"
                        style="transition-delay: 300ms"
                    >
                        
                            <li class="list-none">
                                <a 
                                    href="https://no.linkedin.com/company/apriil-no" 
                                    target="_blank" 
                                    rel="noopener noreferrer"
                                    class="text-[14px] border-b border-white/60 hover:border-white pb-1 transition-colors duration-200"
                                >
                                    LinkedIn
                                </a>
                            </li>
                        
                            <li class="list-none">
                                <a 
                                    href="https://www.instagram.com/apriil.no/" 
                                    target="_blank" 
                                    rel="noopener noreferrer"
                                    class="text-[14px] border-b border-white/60 hover:border-white pb-1 transition-colors duration-200"
                                >
                                    Instagram
                                </a>
                            </li>
                        
                            <li class="list-none">
                                <a 
                                    href="https://www.facebook.com/apriil.no" 
                                    target="_blank" 
                                    rel="noopener noreferrer"
                                    class="text-[14px] border-b border-white/60 hover:border-white pb-1 transition-colors duration-200"
                                >
                                    Facebook
                                </a>
                            </li>
                        
                            <li class="list-none">
                                <a 
                                    href="https://www.tiktok.com/@apriil.no" 
                                    target="_blank" 
                                    rel="noopener noreferrer"
                                    class="text-[14px] border-b border-white/60 hover:border-white pb-1 transition-colors duration-200"
                                >
                                    TikTok
                                </a>
                            </li>
                        
                    </ul>
                
                
            </div>
        </nav>
    </div>
</header>

        <main id="main-content" tabindex="-1" class="">
            <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"ProfilePage","@id":"https://apriil.no/ansatte/trond-albert-skjelbred#webpage","url":"https://apriil.no/ansatte/trond-albert-skjelbred","name":"Trond Albert Skjelbred","inLanguage":"no","isPartOf":{"@id":"https://apriil.no#organization"},"breadcrumb":{"@id":"https://apriil.no/ansatte/trond-albert-skjelbred#breadcrumb"},"mainEntity":{"@id":"https://apriil.no/ansatte/trond-albert-skjelbred#person"},"primaryImageOfPage":{"@id":"https://apriil.no/ansatte/trond-albert-skjelbred#primaryimage"},"dateModified":"2026-03-10T16:46:18+01:00"},{"@type":"ImageObject","@id":"https://apriil.no/ansatte/trond-albert-skjelbred#primaryimage","url":"https://apriil.hel1.your-objectstorage.com/images/bilder_ansatte/pr/trond1_bw-kopi.webp","contentUrl":"https://apriil.hel1.your-objectstorage.com/images/bilder_ansatte/pr/trond1_bw-kopi.webp","width":500,"height":500,"caption":"Trond Albert Skjelbred"},{"@type":"Person","@id":"https://apriil.no/ansatte/trond-albert-skjelbred#person","name":"Trond Albert Skjelbred","url":"https://apriil.no/ansatte/trond-albert-skjelbred","jobTitle":"Partner","description":"Trond Albert Skjelbred er partner og medeier i Apriil PR. Han arbeider med utvikling og gjennomføring av kommunikasjonsstrategier, krisehåndtering og medierådgivning. Han holder også kurs i retorikk, etikk og sosiale medier for toppledere. Han har 25 års erfaring som konsulent fra selskaper som Geelmuyden Kiese og PwC. Skjelbred er en ettertraktet foredragsholder og samfunnsdebattant og har skrevet bøkene Perspektiver på PR (2016), Hvordan lykkes som konsulent? (2013) og Idar Vollvik om PR (2009). Han har holdt et 50-talls foredrag i Norge, Danmark og Sverige om konsulentrollen. Skjelbred er vinner av Konsulentprisen og er siviløkonom fra Norges Handelshøyskole.","image":{"@id":"https://apriil.no/ansatte/trond-albert-skjelbred#primaryimage"},"email":"trond.skjelbred@apriil.no","telephone":"909 95 909","worksFor":{"@id":"https://apriil.no#organization"},"memberOf":{"@type":"Organization","name":"Apriil PR"},"workLocation":[{"@type":"Place","name":"Bergen"}],"knowsAbout":["Kurs for toppledere","Strategisk kommunikasjon og rådgivning","Krisekommunikasjon og beredskap","Mediehåndtering og presseomtale","We provide results"],"sameAs":["https://www.linkedin.com/in/tskjelbred/"],"mainEntityOfPage":{"@id":"https://apriil.no/ansatte/trond-albert-skjelbred#webpage"}}]}</script>

<article class="max-w-component">
    <div class="site-padding">
        <script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","@id":"https://apriil.no/ansatte/trond-albert-skjelbred#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https://apriil.no"},{"@type":"ListItem","position":2,"name":"Ansatte","item":"https://apriil.no/ansatte"},{"@type":"ListItem","position":3,"name":"Trond Albert Skjelbred","item":"https://apriil.no/ansatte/trond-albert-skjelbred"}]}</script>

<nav aria-label="Breadcrumb" class="py-4">
    <ol class="flex flex-row items-center gap-x-2">
        <li class="flex items-center gap-x-2">
            <i class="fa-solid fa-house w-5 h-5 text-brand-orange" aria-hidden="true"></i>
            <a
                href="/"
                class="text-brand-orange text-sm font-medium tracking-normal leading-4 transition-colors duration-200 border-b border-transparent hover:border-current hover:text-brand-dark-gray"
            >
                Hjem
            </a>
        </li>
        
            <li class="flex items-center gap-x-2">
                <i class="fa-solid fa-chevron-right w-4 h-4 text-brand-neutral-grey-light" aria-hidden="true"></i>
                <a
                    href="/ansatte"
                    class="text-brand-neutral-grey-light text-sm font-medium tracking-normal leading-4 transition-colors duration-200 border-b border-transparent hover:border-current hover:text-brand-orange"
                >
                    Ansatte
                </a>
            </li>
        
        <li class="flex items-center gap-x-2" aria-current="page">
            <i class="fa-solid fa-chevron-right w-4 h-4 text-brand-neutral-grey-light" aria-hidden="true"></i>
            <span class="text-brand-neutral-grey-light text-sm font-medium tracking-normal leading-4">Trond Albert Skjelbred</span>
        </li>
    </ol>    
</nav>
    </div>

    <main class="site-padding mt-8 lg:mt-12">
        <div class="grid grid-cols-1 gap-10 lg:grid-cols-12 lg:gap-16 pb-6">

            <div class="lg:col-span-5">
                
                    <img
                        src="/img/asset/aW1hZ2VzL2JpbGRlcl9hbnNhdHRlL3ByL3Ryb25kMV9idy1rb3BpLndlYnA/trond1_bw-kopi.webp?w=600&h=750&fit=crop&s=c1d61eeb03035de1d83178df50b230a1"
                        srcset="
                            /img/asset/aW1hZ2VzL2JpbGRlcl9hbnNhdHRlL3ByL3Ryb25kMV9idy1rb3BpLndlYnA/trond1_bw-kopi.webp?w=300&h=375&fit=crop&s=e36ef30a432c024c433307aff935a00d 300w,
                            /img/asset/aW1hZ2VzL2JpbGRlcl9hbnNhdHRlL3ByL3Ryb25kMV9idy1rb3BpLndlYnA/trond1_bw-kopi.webp?w=450&h=563&fit=crop&s=3ccf3290c0b9ec769799633f56af9dd4 450w,
                            /img/asset/aW1hZ2VzL2JpbGRlcl9hbnNhdHRlL3ByL3Ryb25kMV9idy1rb3BpLndlYnA/trond1_bw-kopi.webp?w=600&h=750&fit=crop&s=c1d61eeb03035de1d83178df50b230a1 600w
                        "
                        sizes="(max-width: 1024px) 100vw, 42vw"
                        alt="Trond Albert Skjelbred"
                        class="w-full aspect-[4/5] object-cover rounded-sm"
                        loading="eager"
                        decoding="async"
                        width="600"
                        height="750"
                    >
                
            </div>

            <div class="lg:col-span-7 flex flex-col gap-8 mb-8">
                <div class="space-y-8">
                    
                        <ul class="flex flex-wrap gap-2" aria-label="Lokasjoner" role="list">
                            
                                <li>
                                    <span class="border border-black rounded-full px-4 py-1 text-body-l">
                                        Bergen
                                    </span>
                                </li>
                            
                        </ul>
                    

                    <header>
                        <h1 class="text-heading-1">Trond Albert Skjelbred</h1>
                        
                            <p class="text-body-xl mt-4 text-brand-dark-grey">Partner</p>
                        
                        
                            <p class="text-body-l mt-2 text-brand-dark-grey">Apriil PR</p>
                        
                    </header>

                    <div class="flex flex-col gap-y-2">
                        
                            <a href="mailto:trond.skjelbred@apriil.no" class="text-body-l underline hover:text-brand-orange transition-colors">
                                trond.skjelbred@apriil.no
                            </a>
                        
                        
                            <a href="tel:909 95 909" class="text-body-l underline hover:text-brand-orange transition-colors">
                                909 95 909
                            </a>
                        
                    </div>

                    
                        
                            
                                <div class="flex flex-wrap gap-4">
                                    
                                        <a href="https://www.linkedin.com/in/tskjelbred/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 flex items-center justify-center rounded-full bg-black text-white hover:bg-brand-orange transition-colors" aria-label="LinkedIn">
                                            <i class="fa-brands fa-linkedin-in text-lg"></i>
                                        </a>
                                    
                                    
                                    
                                    
                                    
                                    
                                </div>
                            

                    
                </div>

                
                    <div class="space-y-4">
                        <h2 class="text-body-l font-semibold">Om Trond</h2>
                        <div class="prose-bard prose-bard--lg max-w-none">
                            <p>Trond Albert Skjelbred er partner og medeier i Apriil PR. Han arbeider med utvikling og gjennomføring av kommunikasjonsstrategier, krisehåndtering og medierådgivning. Han holder også kurs i retorikk, etikk og sosiale medier for toppledere. Han har 25 års erfaring som konsulent fra selskaper som Geelmuyden Kiese og PwC. Skjelbred er en ettertraktet foredragsholder og samfunnsdebattant og har skrevet bøkene Perspektiver på PR (2016), Hvordan lykkes som konsulent? (2013) og Idar Vollvik om PR (2009). Han har holdt et 50-talls foredrag i Norge, Danmark og Sverige om konsulentrollen. Skjelbred er vinner av Konsulentprisen og er siviløkonom fra Norges Handelshøyskole.</p>

                        </div>
                    </div>
                
            </div>
        </div>

        
            <div class="mt-12 lg:mt-16 space-y-4 mb-8">
                <h2 class="text-body-l font-semibold mb-4">Fagområder</h2>
                <ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6" role="list">
                    
                        <li
    class="bg-brand-sand rounded-sm p-6 flex flex-col gap-y-6"
    x-data="{ expanded: false, clamped: false }"
    x-init="$nextTick(() => { const el = $refs.desc; if (el && el.scrollHeight > el.clientHeight) clamped = true; })"
>
    <div>
        
            <div class="flex justify-center" aria-hidden="true">
                <div class="[&_svg]:w-25 [&_svg]:h-25">
                    
                    
                    <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_894_7019)">
<path d="M18 34C27.3888 34 35 41.3873 35 50.5C35 59.6127 27.3888 67 18 67V34Z" fill="#FF4100"/>
<path d="M82 67C72.6112 67 65 59.6127 65 50.5C65 45.6918 67.119 41.3639 70.5 38.3481C73.5268 35.6483 77.5651 34 82 34L82 67Z" fill="black"/>
<path d="M35 34C43.2843 34 50 41.3873 50 50.5C50 59.6127 43.2843 67 35 67V34Z" fill="#FF4100"/>
<path d="M65 67C56.7157 67 50 59.6127 50 50.5C50 41.3873 56.7157 34 65 34L65 67Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_894_7019">
<path d="M18 22C18 19.7909 19.7909 18 22 18H78C80.2091 18 82 19.7909 82 22V78C82 80.2091 80.2091 82 78 82H22C19.7909 82 18 80.2091 18 78V22Z" fill="white"/>
</clipPath>
</defs>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            Kurs for toppledere
        </h3>
    </div>

    <div class="flex-1 flex flex-col">
        <div class="relative">
            <div
                x-ref="desc"
                class="text-body-m text-center prose-bard [&_ul]:text-left [&_ol]:text-left overflow-hidden transition-[max-height] duration-300"
                :class="expanded ? 'max-h-[1000px]' : 'max-h-[7.5em]'"
            >
                <p>Apriil samler ledere på kurs, som<strong> </strong>har som mål å gjøre deg bedre i stand til å oppdage, vurdere og løse problemstillinger som du står overfor i ditt daglige virke. Til hvert kurs deltar relevante fagpersoner fra Apriil, sammen med eksterne eksperter.</p>
            </div>

            <div
                class="pointer-events-none absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-brand-sand to-transparent transition-opacity duration-300"
                :class="clamped && !expanded ? 'opacity-100' : 'opacity-0'"
            ></div>
        </div>

        <div class="mt-auto pt-4 flex justify-center" x-show="clamped && !expanded" x-cloak>
            
                <a href="/fagomrade/kurs-for-toppledere" class="cta-button__label rounded-full transition-colors duration-300">
                    Les mer
                </a>
            
        </div>
    </div>
</li>

                    
                        <li
    class="bg-brand-sand rounded-sm p-6 flex flex-col gap-y-6"
    x-data="{ expanded: false, clamped: false }"
    x-init="$nextTick(() => { const el = $refs.desc; if (el && el.scrollHeight > el.clientHeight) clamped = true; })"
>
    <div>
        
            <div class="flex justify-center" aria-hidden="true">
                <div class="[&_svg]:w-25 [&_svg]:h-25">
                    
                    
                    <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_894_7031)">
<path d="M18 67.0723C20.8633 69.4598 24.3353 71.1421 28.1504 71.8486C28.8568 75.6641 30.539 79.1365 32.9268 82H18V67.0723ZM82 82H67.0732C69.4607 79.1366 71.1423 75.6639 71.8486 71.8486C75.6639 71.1423 79.1366 69.4607 82 67.0732V82ZM38.8105 76.5586C38.7304 76.4566 38.6517 76.3533 38.5742 76.249C38.6516 76.3533 38.7304 76.4565 38.8105 76.5586ZM61.5107 76.1309C61.4821 76.1703 61.4538 76.2099 61.4248 76.249C61.4538 76.2099 61.4821 76.1703 61.5107 76.1309ZM38.4883 76.1309C38.4438 76.0697 38.3999 76.0082 38.3564 75.9463C38.3999 76.0082 38.4439 76.0697 38.4883 76.1309ZM61.7666 75.7666C61.7237 75.8297 61.6806 75.8927 61.6367 75.9551C61.6806 75.8927 61.7237 75.8297 61.7666 75.7666ZM38.2559 75.8018C38.205 75.7274 38.155 75.6525 38.1055 75.5771C38.1549 75.6525 38.205 75.7274 38.2559 75.8018ZM61.9678 75.4629C61.9396 75.5067 61.9114 75.5503 61.8828 75.5938C61.9114 75.5503 61.9396 75.5066 61.9678 75.4629ZM38.0498 75.4932C38.0391 75.4766 38.0283 75.46 38.0176 75.4434L37.8369 75.1523C37.9065 75.2669 37.9771 75.3807 38.0498 75.4932ZM23.4414 38.8105C23.5432 38.7305 23.6459 38.6515 23.75 38.5742C23.6459 38.6514 23.5432 38.7305 23.4414 38.8105ZM76.1309 38.4883C76.1703 38.5169 76.2099 38.5452 76.249 38.5742C76.2099 38.5452 76.1703 38.5169 76.1309 38.4883ZM23.8682 38.4883C23.9293 38.4438 23.9909 38.3999 24.0527 38.3564C23.9908 38.3999 23.9293 38.4439 23.8682 38.4883ZM75.7666 38.2324C75.8297 38.2753 75.8927 38.3184 75.9551 38.3623C75.8927 38.3185 75.8297 38.2753 75.7666 38.2324ZM24.1973 38.2559C24.2716 38.205 24.3465 38.155 24.4219 38.1055C24.3465 38.1549 24.2716 38.205 24.1973 38.2559ZM75.4629 38.0312C75.5298 38.0742 75.596 38.1181 75.6621 38.1621C75.596 38.1181 75.5297 38.0743 75.4629 38.0312ZM24.5059 38.0498C24.5227 38.0389 24.5398 38.0284 24.5566 38.0176L24.8477 37.8369C24.7329 37.9067 24.6185 37.977 24.5059 38.0498ZM32.9268 18C30.5391 20.8633 28.8569 24.3353 28.1504 28.1504C24.3355 28.8568 20.8632 30.5384 18 32.9258V18H32.9268ZM82 32.9258C79.1366 30.5382 75.6639 28.8567 71.8486 28.1504C71.1421 24.3353 69.4598 20.8633 67.0723 18H82V32.9258ZM64.2041 31.4912L64.2178 31.8555C64.2134 31.6821 64.205 31.5096 64.1943 31.3379C64.1974 31.389 64.2015 31.44 64.2041 31.4912ZM64.1494 30.7686C64.1615 30.8879 64.1725 31.0077 64.1816 31.1279C64.1856 31.1806 64.1881 31.2333 64.1914 31.2861C64.18 31.1128 64.1659 30.9402 64.1484 30.7686H64.1494Z" fill="#FFC1AC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M-14 50C10.3552 55.2974 42.8042 87.6907 50 114C57.1958 87.6907 89.6449 55.2974 114 50C89.6449 44.7026 57.1958 12.3093 50 -14C42.8042 12.3093 10.3551 44.7026 -14 50Z" fill="#FFE1D7"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 50C22.7442 53.642 45.0529 75.9123 50 94C54.9471 75.9123 77.2558 53.642 94 50C77.2558 46.358 54.9471 24.0877 50 6C45.0529 24.0877 22.7442 46.358 6 50Z" fill="#FFA181"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 50C33.8943 52.1521 47.0767 65.3118 50 76C52.9233 65.3118 66.1057 52.1521 76 50C66.1057 47.8479 52.9233 34.6882 50 24C47.0767 34.6882 33.8943 47.8479 24 50Z" fill="#FF4100"/>
</g>
<defs>
<clipPath id="clip0_894_7031">
<rect width="64" height="64" fill="white" transform="translate(18 18)"/>
</clipPath>
</defs>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            Strategisk kommunikasjon og rådgivning
        </h3>
    </div>

    <div class="flex-1 flex flex-col">
        <div class="relative">
            <div
                x-ref="desc"
                class="text-body-m text-center prose-bard [&_ul]:text-left [&_ol]:text-left overflow-hidden transition-[max-height] duration-300"
                :class="expanded ? 'max-h-[1000px]' : 'max-h-[7.5em]'"
            >
                <p>Selv om du vet hva virksomheten skal oppnå, kan veien dit være uklar. Utfordringen kan være å få budskapene gjennom, samle organisasjonen rundt én retning, eller styrke ledernes synlighet. Eller kanskje står du midt i endringer og trenger et tydelig narrativ som både engasjerer og skaper tillit.</p><p>Apriils strategiske rådgivere hjelper vi deg å få oversikt, prioritere det som betyr noe og kommunisere med større effekt. Vi utvikler kommunikasjonsstrategier som er praktiske å bruke i hverdagen, ikke dokumenter som blir liggende i en skuff. Våre rådgivere støtter deg i små og store beslutninger, og gir lederne verktøyene de trenger for å stå tydeligere frem, både internt og eksternt.</p><p>Med innsikt som grunnmur avdekker vi hva målgrupper faktisk tenker, hvilke barrierer som finnes og hvor mulighetene ligger. Slik får du kommunikasjon som treffer, engasjerer og skaper resultater.</p><p><strong>Vi leverer:</strong></p><p>·       <strong>Kommunikasjonsstrategi:</strong> Fra innsikt til konkrete prioriteringer og budskap</p><p>·       <strong>Rådgivning for ledere og kommunikasjonsansvarlige:</strong> Sparring, beslutningsstøtte og budskapsutvikling</p><p>·       <strong>Lederposisjonering:</strong> Profilering, talepunkter, medietrening og synliggjøringsplaner</p><p>·       <strong>Innsiktsarbeid og analyse:</strong> Målgruppeinnsikt, omdømmeundersøkelser og trendanalyser</p><p>·       <strong>Endrings- og internkommunikasjon:</strong> Narrativ, planverk og medarbeiderforankring</p><p>·       <strong>Budskaps- og konseptutvikling:</strong> Kjernebudskap, fortellinger og rammeverk</p><p>·       <strong>Krise- og beredskapskommunikasjon:</strong> Planverk, trening og akutt rådgivning</p><p>·       <strong>Kommunikasjonsplaner:</strong> Konkrete aktiviteter, kanalanbefalinger og måling</p><p>·       <strong>Interessent- og posisjoneringsarbeid:</strong> Kartlegging, strategi og oppfølging</p><p>·       <strong>Presentasjoner og taler:</strong> Utvikling, struktur, manus og visuell støtte</p>
            </div>

            <div
                class="pointer-events-none absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-brand-sand to-transparent transition-opacity duration-300"
                :class="clamped && !expanded ? 'opacity-100' : 'opacity-0'"
            ></div>
        </div>

        <div class="mt-auto pt-4 flex justify-center" x-show="clamped && !expanded" x-cloak>
            
                <a href="/fagomrade/raadgivning" class="cta-button__label rounded-full transition-colors duration-300">
                    Les mer
                </a>
            
        </div>
    </div>
</li>

                    
                        <li
    class="bg-brand-sand rounded-sm p-6 flex flex-col gap-y-6"
    x-data="{ expanded: false, clamped: false }"
    x-init="$nextTick(() => { const el = $refs.desc; if (el && el.scrollHeight > el.clientHeight) clamped = true; })"
>
    <div>
        
            <div class="flex justify-center" aria-hidden="true">
                <div class="[&_svg]:w-25 [&_svg]:h-25">
                    
                    
                    <svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_894_7019)">
<path d="M18 34C27.3888 34 35 41.3873 35 50.5C35 59.6127 27.3888 67 18 67V34Z" fill="#FF4100"/>
<path d="M82 67C72.6112 67 65 59.6127 65 50.5C65 45.6918 67.119 41.3639 70.5 38.3481C73.5268 35.6483 77.5651 34 82 34L82 67Z" fill="black"/>
<path d="M35 34C43.2843 34 50 41.3873 50 50.5C50 59.6127 43.2843 67 35 67V34Z" fill="#FF4100"/>
<path d="M65 67C56.7157 67 50 59.6127 50 50.5C50 41.3873 56.7157 34 65 34L65 67Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_894_7019">
<path d="M18 22C18 19.7909 19.7909 18 22 18H78C80.2091 18 82 19.7909 82 22V78C82 80.2091 80.2091 82 78 82H22C19.7909 82 18 80.2091 18 78V22Z" fill="white"/>
</clipPath>
</defs>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            Krisekommunikasjon og beredskap
        </h3>
    </div>

    <div class="flex-1 flex flex-col">
        <div class="relative">
            <div
                x-ref="desc"
                class="text-body-m text-center prose-bard [&_ul]:text-left [&_ol]:text-left overflow-hidden transition-[max-height] duration-300"
                :class="expanded ? 'max-h-[1000px]' : 'max-h-[7.5em]'"
            >
                <p>Uventede hendelser kan fort skape kaos. Når en krise først inntreffer, må mange beslutninger tas på kort tid. Klare budskap, raske vurderinger og trygg ledelse blir avgjørende. Samtidig ser både ansatte, kunder og interessenter til deg som leder for retning og trygghet. Da trenger du en plan, et godt forberedt team og en rådgiver som holder hodet kaldt når det stormer.</p><p>I Apriil bistår vi deg med beredskap før krisen treffer, og står tett på når situasjonen krever raske og riktige valg. Vi hjelper deg å forstå risiko, prioritere budskap og kommunisere på en måte som bevarer tillit og reduserer skade. Målet er alltid det samme: å gi deg kontroll og handlekraft, uansett hva som skjer.</p><h3><strong>Eksempler på hva vi leverer</strong></h3><p>·       <strong>Beredskapsplaner:</strong> Struktur, roller, budskap og prosedyrer for akutte situasjoner</p><p>·       <strong>Krisehåndtering i sanntid:</strong> Rådgivning, vurderinger og støtte i pågående hendelser</p><p>·       <strong>Mediehåndtering:</strong> Strategi, talspersonstøtte og respons på mediehenvendelser</p><p>·       <strong>Krisetrening og øvelser:</strong> Scenarioer, rollespill, evaluering og læringspunkter</p><p>·       <strong>Risikovurderinger:</strong> Analyse av sårbarheter og anbefalinger for forbedring</p><p>·       <strong>Varslings- og internkommunikasjon:</strong> Planer, budskap og støtte ved kritiske hendelser</p><p>·       <strong>Talspersontrening:</strong> Forberedelse, budskapsdisiplin og håndtering av press</p><p>·       <strong>Vurdering etter kriser:</strong> Analyse, læring og videre anbefalinger</p><p>·       <strong>Stakeholder-håndtering:</strong> Dialog, forventningsstyring og oppfølging i krevende faser</p><p> </p>
            </div>

            <div
                class="pointer-events-none absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-brand-sand to-transparent transition-opacity duration-300"
                :class="clamped && !expanded ? 'opacity-100' : 'opacity-0'"
            ></div>
        </div>

        <div class="mt-auto pt-4 flex justify-center" x-show="clamped && !expanded" x-cloak>
            
                <a href="/fagomrade/krisekommunikasjon-og-beredskap" class="cta-button__label rounded-full transition-colors duration-300">
                    Les mer
                </a>
            
        </div>
    </div>
</li>

                    
                        <li
    class="bg-brand-sand rounded-sm p-6 flex flex-col gap-y-6"
    x-data="{ expanded: false, clamped: false }"
    x-init="$nextTick(() => { const el = $refs.desc; if (el && el.scrollHeight > el.clientHeight) clamped = true; })"
>
    <div>
        
            <div class="flex justify-center" aria-hidden="true">
                <div class="[&_svg]:w-25 [&_svg]:h-25">
                    
                    
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
  <path d="M8 9 4 12l4 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M16 9 20 12l-4 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M14 7 10 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            Mediehåndtering og presseomtale
        </h3>
    </div>

    <div class="flex-1 flex flex-col">
        <div class="relative">
            <div
                x-ref="desc"
                class="text-body-m text-center prose-bard [&_ul]:text-left [&_ol]:text-left overflow-hidden transition-[max-height] duration-300"
                :class="expanded ? 'max-h-[1000px]' : 'max-h-[7.5em]'"
            >
                <p>Mange bedrifter og ledere ønsker å være synlige i media, men er usikre på hvordan de skal komme i gang, hva de bør si og hvordan de får omtale som faktisk støtter virksomhetens mål. Redaksjonell omtale kan bidra til alt fra økt tillit til bedre rekruttering, men veien dit krever gode historier, klare budskap og innsikt i hvordan mediene fungerer.</p><p>I Apriil hjelper vi deg med å finne de riktige inngangene, de riktige talspersonene og de riktige sakene. Våre rådgivere har solid erfaring med å få saker på trykk, enten du ønsker jevn synlighet eller vil løfte én enkelt historie til et bredt publikum. Vi sørger for at du møter journalistene godt forberedt og at budskapene dine står seg i alle kanaler.</p><p><strong>Eksempler på hva vi kan hjelpe deg med:</strong></p><p>·       <strong>Innsikt og analyse:</strong> Kartlegging av muligheter, målgrupper og medielandskap</p><p>·       <strong>Håndtering av pressehenvendelser:</strong> Struktur, prioritering og støtte ved spørsmål fra media</p><p>·       <strong>Identifisere talspersoner og tematikker:</strong> Vurdering av hvem som bør fronte hvilke saker</p><p>·       <strong>Mediekontakt:</strong> Vi tar dialogen med journalister, koordinerer forespørsler og sørger for profesjonell og effektiv kommunikasjon på dine vegne</p><p>·       <strong>Strategi:</strong> Tydelig plan for synlighet og prioriterte budskap</p><p>·       <strong>Tekstproduksjon:</strong> Pressemeldinger, kronikker, manus og kommentarer</p><p>·       <strong>Redaksjonell omtale:</strong> Oppslag i digitale medier, trykte aviser og fagpresse</p><p>·       <strong>Foto og illustrasjon:</strong> Pressefoto, produktbilder og visuelt innhold</p><p>·       <strong>Kurs og trening:</strong> Workshops, medietrening og talspersonforberedelse</p><p> </p><p><strong>Her er noen resultater PR kan bidra til:</strong></p><p>·       <strong>Bygge tillit:</strong> Styrket troverdighet blant kunder og samarbeidspartnere</p><p>·       <strong>Oppleves som relevant og framoverlent:</strong> Synlighet som viser at dere følger utviklingen</p><p>·       <strong>Top of mind:</strong> Økt tilstedeværelse hos både eksisterende og potensielle kunder</p><p>·       <strong>Påvirke:</strong> Møte målgruppene i kanalene de bruker og påvirke deres valg</p><p>·       <strong>Delta i debatten:</strong> Ta posisjon som meningsbærer og fagperson</p><p>·       <strong>Skape stolthet internt:</strong> Ansatte som ser at virksomheten blir satt pris på</p><p>·       <strong>Rekruttere de beste kandidatene:</strong> Økt attraktivitet i arbeidsmarkedet</p><p>·       <strong>Øke salg:</strong> Synlighet som bidrar til flere henvendelser og konverteringer</p><p>·       <strong>Nå ut utenfor egen bransje:</strong> Omtale som treffer nye målgrupper og nye arenaer</p><p> </p><p> </p>
            </div>

            <div
                class="pointer-events-none absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-brand-sand to-transparent transition-opacity duration-300"
                :class="clamped && !expanded ? 'opacity-100' : 'opacity-0'"
            ></div>
        </div>

        <div class="mt-auto pt-4 flex justify-center" x-show="clamped && !expanded" x-cloak>
            
                <a href="/fagomrade/mediehandtering" class="cta-button__label rounded-full transition-colors duration-300">
                    Les mer
                </a>
            
        </div>
    </div>
</li>

                    
                        <li
    class="bg-brand-sand rounded-sm p-6 flex flex-col gap-y-6"
    x-data="{ expanded: false, clamped: false }"
    x-init="$nextTick(() => { const el = $refs.desc; if (el && el.scrollHeight > el.clientHeight) clamped = true; })"
>
    <div>
        
            <div class="flex justify-center" aria-hidden="true">
                <div class="[&_svg]:w-25 [&_svg]:h-25">
                    
                    
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
  <path d="M8 9 4 12l4 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M16 9 20 12l-4 3" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M14 7 10 17" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            We provide results
        </h3>
    </div>

    <div class="flex-1 flex flex-col">
        <div class="relative">
            <div
                x-ref="desc"
                class="text-body-m text-center prose-bard [&_ul]:text-left [&_ol]:text-left overflow-hidden transition-[max-height] duration-300"
                :class="expanded ? 'max-h-[1000px]' : 'max-h-[7.5em]'"
            >
                
            </div>

            <div
                class="pointer-events-none absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-brand-sand to-transparent transition-opacity duration-300"
                :class="clamped && !expanded ? 'opacity-100' : 'opacity-0'"
            ></div>
        </div>

        <div class="mt-auto pt-4 flex justify-center" x-show="clamped && !expanded" x-cloak>
            
                <a href="/fagomrade/we-provide-results" class="cta-button__label rounded-full transition-colors duration-300">
                    Les mer
                </a>
            
        </div>
    </div>
</li>

                    
                </ul>
            </div>
        
    </main>
</article>
        </main>
        <footer class="bg-brand-dark-gray">
    <div class="footer-layout site-padding max-w-component">
        <img src="https://apriil.hel1.your-objectstorage.com/files/apriil-inverted.svg" alt="Apriil logo" width="126" height="auto" class="footer-logo" loading="lazy" decoding="async">

        <div class="footer-inner">
            <div class="footer-col-left pb-6 lg:pb-0">
                <div class="text-white">
                    <h2 class="text-heading-2 pt-12 lg:pt-0">Klar for å nå dine mål?</h2>
                </div>
                
                    

<a 
    href="/kontakt-oss" 
    class="cta-button cta-button--neutral flex items-center gap-0 group "
    
>
    <span class="cta-button__label rounded-full transition-colors duration-300">Kontakt oss</span>
    
    <span class="cta-button__icon relative overflow-hidden flex items-center justify-center">
        <span class="cta-button__arrow flex items-center justify-center transition-transform duration-300 ease-out group-hover:translate-x-[170%]">
            <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="25" 
    height="19" 
    viewBox="0 0 25 19" 
    fill="none" 
    aria-hidden="true"
    class="cta-button__arrow-svg -mb-1.5"
    
>
<path d="M23.6719 10.2656L24.4688 9.46875L23.6719 8.67187L15.7969 0.796875L15 0L13.4109 1.58906L14.2078 2.38594L20.1609 8.33906H0V10.5891H20.1609L14.2078 16.5422L13.4109 17.3391L15 18.9281L15.7969 18.1312L23.6719 10.2562V10.2656Z" fill="currentColor"/>
</svg>

        </span>
        <span class="cta-button__arrow absolute inset-0 flex items-center justify-center -translate-x-[150%] transition-transform duration-300 ease-out group-hover:translate-x-0">
            <svg 
    xmlns="http://www.w3.org/2000/svg" 
    width="25" 
    height="19" 
    viewBox="0 0 25 19" 
    fill="none" 
    aria-hidden="true"
    class="cta-button__arrow-svg -mb-2.5"
    
>
<path d="M23.6719 10.2656L24.4688 9.46875L23.6719 8.67187L15.7969 0.796875L15 0L13.4109 1.58906L14.2078 2.38594L20.1609 8.33906H0V10.5891H20.1609L14.2078 16.5422L13.4109 17.3391L15 18.9281L15.7969 18.1312L23.6719 10.2562V10.2656Z" fill="currentColor"/>
</svg>

        </span>
    </span>
    
</a>

                
            </div>
            <div class="footer-col-right">
                <div class="footer-nav">
                        <div class="footer-nav-col">
                            <div class="footer-nav-row">
                                
                                <h3 class="text-heading-4 text-white">
                                    <a href="/vare-tjenester" class="hover:underline">
                                    Tjenester
                                    </a>
                                </h3>
                                
                                
                                
                                <ul class="flex flex-col gap-3">
                                    
                                    <li class="leading-1.4">
                                        <a href="/tjenester/reklame" class="text-[1.125rem] md:text-xl text-brand-neutral-grey font-normal align-stretch hover:text-white border-b border-transparent hover:border-white border-offset-4">Reklame</a>
                                    </li>
                                    
                                    <li class="leading-1.4">
                                        <a href="/tjenester/design" class="text-[1.125rem] md:text-xl text-brand-neutral-grey font-normal align-stretch hover:text-white border-b border-transparent hover:border-white border-offset-4">Design</a>
                                    </li>
                                    
                                    <li class="leading-1.4">
                                        <a href="/tjenester/pr" class="text-[1.125rem] md:text-xl text-brand-neutral-grey font-normal align-stretch hover:text-white border-b border-transparent hover:border-white border-offset-4">PR og rådgivning</a>
                                    </li>
                                    
                                    <li class="leading-1.4">
                                        <a href="/tjenester/digital-markedsforing" class="text-[1.125rem] md:text-xl text-brand-neutral-grey font-normal align-stretch hover:text-white border-b border-transparent hover:border-white border-offset-4">Digital markedsføring</a>
                                    </li>
                                    
                                    <li class="leading-1.4">
                                        <a href="/tjenester/teknologi" class="text-[1.125rem] md:text-xl text-brand-neutral-grey font-normal align-stretch hover:text-white border-b border-transparent hover:border-white border-offset-4">Teknologi</a>
                                    </li>
                                    
                                    <li class="leading-1.4">
                                        <a href="/tjenester/innhold" class="text-[1.125rem] md:text-xl text-brand-neutral-grey font-normal align-stretch hover:text-white border-b border-transparent hover:border-white border-offset-4">Innhold</a>
                                    </li>
                                    
                                </ul>
                                
                            </div>
                            
                            <div class="footer-nav-row">
                                <h3 class="text-heading-4 text-white lg:pt-6">
                                    <a href="/arbeider" class="hover:underline">
                                    Arbeider
                                    </a>
                                </h3>
                            </div>
                            
                        </div>
                    <div class="footer-nav-col">
                        <div class="footer-nav-row">
                            
                            <h3 class="text-heading-4 text-white">
                                <a href="/kontakt-oss" class="hover:underline">
                                Besøk
                                </a>
                            </h3>
                            
                            <div class="flex flex-col gap-4 lg:gap-8">
                            
                            <address class="flex flex-col gap-1 not-italic lg:gap-3">
                                <div class="leading-1.4 text-[1.125rem] md:text-xl text-gray-200">Bergen</div>
                                <div class="leading-1.4 text-[1.125rem] md:text-xl text-brand-neutral-grey">Damsgårdveien 59</div>
                            </address>
                            
                            <address class="flex flex-col gap-1 not-italic lg:gap-3">
                                <div class="leading-1.4 text-[1.125rem] md:text-xl text-gray-200">Oslo</div>
                                <div class="leading-1.4 text-[1.125rem] md:text-xl text-brand-neutral-grey">Hausmannsgate 21</div>
                            </address>
                            
                            <address class="flex flex-col gap-1 not-italic lg:gap-3">
                                <div class="leading-1.4 text-[1.125rem] md:text-xl text-gray-200">Stavanger</div>
                                <div class="leading-1.4 text-[1.125rem] md:text-xl text-brand-neutral-grey">Nykirkebakken 7</div>
                            </address>
                            
                            </div>
                        </div>
                    </div>

                    <div class="footer-nav-col footer-nav-col--wide">
                        <div class="footer-nav-row">
                            
                            <h3 class="text-heading-4 text-white">
                                <a href="/om-apriil" class="hover:underline">
                                Om Apriil
                                </a>
                            </h3>
                            

                            
                            <ul class="flex flex-col gap-4 lg:gap-6">
                                
                                <li class="leading-3.5">
                                    <a href="/kontakt-oss" class="leading-3.5 text-[1.125rem] md:text-xl text-brand-neutral-grey hover:text-white border-b border-transparent hover:border-white border-offset-4">Kontakt oss</a>
                                </li>
                                
                                <li class="leading-3.5">
                                    <a href="/ansatte" class="leading-3.5 text-[1.125rem] md:text-xl text-brand-neutral-grey hover:text-white border-b border-transparent hover:border-white border-offset-4">Ansatte i Apriil</a>
                                </li>
                                
                                <li class="leading-3.5">
                                    <a href="/stillinger" class="leading-3.5 text-[1.125rem] md:text-xl text-brand-neutral-grey hover:text-white border-b border-transparent hover:border-white border-offset-4">Ledige stillinger</a>
                                </li>
                                
                                <li class="leading-3.5">
                                    <a href="/nyhetsbrev" class="leading-3.5 text-[1.125rem] md:text-xl text-brand-neutral-grey hover:text-white border-b border-transparent hover:border-white border-offset-4">Nyhetsbrev</a>
                                </li>
                                
                                <li class="leading-3.5">
                                    <a href="/artikler" class="leading-3.5 text-[1.125rem] md:text-xl text-brand-neutral-grey hover:text-white border-b border-transparent hover:border-white border-offset-4">Artikler</a>
                                </li>
                                
                                <li class="leading-3.5">
                                    <a href="/arrangementer" class="leading-3.5 text-[1.125rem] md:text-xl text-brand-neutral-grey hover:text-white border-b border-transparent hover:border-white border-offset-4">Arrangementer</a>
                                </li>
                                
                            </ul>
                            
                        </div>
                        
                   
                        <div class="footer-meta hidden lg:flex lg:flex-col lg:gap-6 lg:mt-8">
                            <div class="footer-company">
                                
                                <div class="text-gray-200 text-xl">Apriil AS</div>
                                
                                
                                <div class="text-brand-neutral-grey text-xl">Org. nr 930999369</div>
                                
                            </div>
                            
                            <div class="footer-badge">
                                <a href="/miljofyrtaarn" class="inline-block hover:opacity-80 transition-opacity">
                                    
                                        <img src="https://apriil.hel1.your-objectstorage.com/files/miljosertifisert.svg" alt="Miljøfyrtårn sertifisert virksomhet" loading="lazy" decoding="async" width="130" height="auto">
                                    
                                </a>
                            </div>
                            
                        </div>
                    </div>
                </div>
                
               
                <div class="footer-meta lg:hidden grid grid-cols-2 gap-4 items-start mt-6 max-w-[220px] ml-auto">
                    <div class="footer-company">
                        
                        <div class="text-gray-200 text-[1.125rem]">Apriil AS</div>
                        
                        
                        <div class="text-brand-neutral-grey text-[1.125rem]">Org. nr 930999369</div>
                        
                    </div>
                    
                    <div class="footer-badge">
                        <a href="/miljofyrtaarn" class="inline-block hover:opacity-80 transition-opacity">
                            
                                <img src="https://apriil.hel1.your-objectstorage.com/files/miljosertifisert.svg" alt="Miljøfyrtårn sertifisert virksomhet" loading="lazy" decoding="async" width="130" height="auto">
                            
                        </a>
                    </div>
                    
                    
                    <div class="footer-social-mobile flex flex-col gap-4 pt-5 col-span-2">
                        
                        <a href="https://no.linkedin.com/company/apriil-no" class="text-neutral-grey-lighter text-[1.125rem] border-b w-fit border-neutral-grey-lighter hover:text-white transition-colors leading-1.4">LinkedIn</a>
                        
                        <a href="https://www.instagram.com/apriil.no/" class="text-neutral-grey-lighter text-[1.125rem] border-b w-fit border-neutral-grey-lighter hover:text-white transition-colors leading-1.4">Instagram</a>
                        
                        <a href="https://www.facebook.com/apriil.no" class="text-neutral-grey-lighter text-[1.125rem] border-b w-fit border-neutral-grey-lighter hover:text-white transition-colors leading-1.4">Facebook</a>
                        
                        <a href="https://www.tiktok.com/@apriil.no" class="text-neutral-grey-lighter text-[1.125rem] border-b w-fit border-neutral-grey-lighter hover:text-white transition-colors leading-1.4">TikTok</a>
                        
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-bottom mb-6 lg:mb-16">
            <div class="footer-bottom-left">
                
                <a href="/personvern" class="text-neutral-grey-lighter border-b w-fit border-neutral-grey-lighter lg:border-0 text-sm lg:text-base leading-1.4">Personvern</a>
                
                <button
                    type="button"
                    onclick="if(window.CookieModal) window.CookieModal.show()"
                    class="cookie-settings-trigger text-neutral-grey-lighter mt-2 lg:mt-0 border-b w-fit border-neutral-grey-lighter lg:border-0 text-sm lg:text-base leading-1.4"
                >
                    Innstillinger for informasjonskapsler
                </button>
            </div>
            <div class="hidden lg:flex footer-bottom-right">
                
                <a href="https://no.linkedin.com/company/apriil-no" class="text-neutral-grey-lighter text-base">LinkedIn</a>
                
                <a href="https://www.instagram.com/apriil.no/" class="text-neutral-grey-lighter text-base">Instagram</a>
                
                <a href="https://www.facebook.com/apriil.no" class="text-neutral-grey-lighter text-base">Facebook</a>
                
                <a href="https://www.tiktok.com/@apriil.no" class="text-neutral-grey-lighter text-base">TikTok</a>
                
            </div>
        </div>
    </div>
</footer>
        







<div
    x-data="newsletterPopup({
        delay: 15 * 1000,
        scrollThreshold: 35,
        dismissDays: 14,
        hideOnNewsletterPages: true,
        position: 'bottom_right'
    })"
    x-cloak
    class="fixed bottom-4 z-[10000] right-4 md:right-6 md:bottom-6 w-[calc(100vw-2rem)] max-w-[420px]"
    role="dialog"
    aria-label="Nyhetsbrev-påmelding"
    x-ref="popup"
    style="display: none;"
>
    <div class="relative bg-brand-dark-gray rounded-2xl shadow-2xl overflow-hidden border border-white/[0.08]">
        <button
            @click="dismiss()"
            class="absolute top-3 right-3 z-10 w-8 h-8 flex items-center justify-center rounded-full text-white/40 hover:text-white hover:bg-white/10 transition-all duration-200"
            aria-label="Lukk"
        >
            <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                <path d="M1 1L13 13M13 1L1 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
            </svg>
        </button>

        <div class="p-6 md:p-7">
            <div
                x-show="submitted"
                x-transition:enter="transition ease-out duration-300 delay-100"
                x-transition:enter-start="opacity-0 scale-95"
                x-transition:enter-end="opacity-100 scale-100"
                class="text-center py-4"
            >
                <div class="w-12 h-12 mx-auto mb-4 rounded-full bg-brand-orange/20 flex items-center justify-center">
                    <i class="fa-solid fa-check text-lg text-brand-orange" aria-hidden="true"></i>
                </div>
                <h3 class="text-xl font-medium text-white mb-1.5">Heelt supert! 🎉</h3>
                <p class="text-sm text-white/50 leading-relaxed">Du er med. Vi lover å kun sende ting som er verdt tiden din.</p>
            </div>

            <div x-show="!submitted">
                
                    <span class="inline-block text-sm text-brand-orange mb-2">Psst... 👋</span>
                

                <h3 class="text-xl md:text-[22px] font-medium text-white mb-2 pr-6 leading-snug">
                    Meld deg på nyhetsbrevet vårt
                </h3>

                
                    <p class="text-sm text-white/50 leading-relaxed mb-5">
                        Få smarte tips om kommunikasjon, markedsføring og tech rett i innboksen – helt uten mas.
                    </p>
                

                <div @submit.prevent="handleSubmit($event)">
                <form method="POST" action="https://apriil.no/!/forms/newsletter"><input type="hidden" name="_token" value="WsPMR8GblAopKBG1sgmMMnAo34k7zJ5nfbvaR1iN" autocomplete="off">
                    <div class="cf-turnstile" data-sitekey="0x4AAAAAAD_zolpN0U0zA6ya" data-theme="auto"></div>
                    <div class="space-y-3">
                        <div>
                            <label for="popup-newsletter-email" class="sr-only">E-post</label>
                            <input
                                type="email"
                                id="popup-newsletter-email"
                                name="email"
                                required
                                autocomplete="email"
                                class="w-full px-4 py-3 rounded-xl bg-white/[0.07] border border-white/[0.12] text-white text-sm placeholder-white/30 focus:outline-none focus:ring-2 focus:ring-brand-orange/40 focus:border-white/20 focus:bg-white/10 transition-all duration-200"
                                placeholder="din@epost.no"
                            >
                            <template x-if="errors.email">
                                <p class="text-red-400 text-xs mt-1.5" x-text="errors.email[0]"></p>
                            </template>
                        </div>

                        <div
                            x-show="error"
                            x-transition
                            class="rounded-lg p-3 bg-red-500/10 border border-red-500/20"
                        >
                            <p class="flex items-center gap-2 text-xs text-red-300">
                                <i class="fa-solid fa-exclamation-circle shrink-0" aria-hidden="true"></i>
                                Beklager, noe gikk galt. Prøv igjen!
                            </p>
                        </div>

                        <button
                            type="submit"
                            :disabled="submitting"
                            class="
                                w-full inline-flex items-center justify-center gap-2
                                px-5 py-3
                                bg-brand-orange text-white text-sm font-medium
                                rounded-full
                                hover:bg-white hover:text-brand-dark-gray
                                active:scale-[0.98]
                                transition-all duration-300
                                disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-brand-orange disabled:hover:text-white
                            "
                        >
                            <span x-show="!submitting">Ja, gi det til meg!</span>
                            <span x-show="submitting" class="flex items-center gap-2">
                                <i class="fa-solid fa-spinner fa-spin" aria-hidden="true"></i>
                                Sender...
                            </span>
                            <i
                                x-show="!submitting"
                                class="fa-solid fa-arrow-right text-xs transition-transform duration-300 group-hover:translate-x-0.5"
                                aria-hidden="true"
                            ></i>
                        </button>
                    </div>
                </form>
                </div>

                <div class="flex items-center justify-between mt-4 gap-4">
                    
                        <p class="text-[11px] text-white/25 leading-snug flex-1">Vi deler aldri e-posten din. Pinky promise.</p>
                    
                    <button
                        @click="dismiss()"
                        class="text-[11px] text-white/25 hover:text-white/50 transition-colors duration-200 whitespace-nowrap shrink-0 underline decoration-white/15 underline-offset-2 hover:decoration-white/30"
                    >
                        Nei takk, jeg vet nok om alt
                    </button>
                </div>
            </div>
        </div>

        <div class="h-[2px] bg-gradient-to-r from-brand-orange/60 via-brand-orange/20 to-transparent"></div>
    </div>
</div>


<style>
    @keyframes nl-slide-in-right {
        from { transform: translateX(calc(100% + 2rem)); opacity: 0; }
        to   { transform: translateX(0); opacity: 1; }
    }
    @keyframes nl-slide-in-left {
        from { transform: translateX(calc(-100% - 2rem)); opacity: 0; }
        to   { transform: translateX(0); opacity: 1; }
    }
    @keyframes nl-slide-out-right {
        from { transform: translateX(0); opacity: 1; }
        to   { transform: translateX(calc(100% + 2rem)); opacity: 0; }
    }
    @keyframes nl-slide-out-left {
        from { transform: translateX(0); opacity: 1; }
        to   { transform: translateX(calc(-100% - 2rem)); opacity: 0; }
    }
    .nl-slide-in-right  { animation: nl-slide-in-right 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
    .nl-slide-in-left   { animation: nl-slide-in-left 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
    .nl-slide-out-right { animation: nl-slide-out-right 0.35s cubic-bezier(0.4, 0, 1, 1) forwards; }
    .nl-slide-out-left  { animation: nl-slide-out-left 0.35s cubic-bezier(0.4, 0, 1, 1) forwards; }
    .nl-swiping { transition: none !important; animation: none !important; }

    @media (prefers-reduced-motion: reduce) {
        .nl-slide-in-right, .nl-slide-in-left { animation: none; opacity: 1; transform: none; }
        .nl-slide-out-right, .nl-slide-out-left { animation-duration: 0.01s; }
    }
</style>

<script>
document.addEventListener('alpine:init', () => {
    Alpine.data('newsletterPopup', (config) => ({
        visible: false,
        expanded: false,
        submitted: false,
        submitting: false,
        error: false,
        errors: {},
        timeReady: false,
        scrollReady: false,

        _touchId: null,
        _startX: 0,
        _startY: 0,
        _currentX: 0,
        _dirLocked: false,
        _swiping: false,

        init() {
            if (this.wasDismissed() || this.wasSubscribed()) return;
            if (config.hideOnNewsletterPages && document.querySelector('#nyhetsbrev')) return;

            this._initTouch();

            setTimeout(() => {
                this.timeReady = true;
                this._tryShow();
            }, config.delay);

            const onScroll = () => {
                const pct = (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100;
                if (pct >= config.scrollThreshold) {
                    this.scrollReady = true;
                    this._tryShow();
                    window.removeEventListener('scroll', onScroll, { passive: true });
                }
            };
            window.addEventListener('scroll', onScroll, { passive: true });
        },

        _isRight() { return config.position !== 'bottom_left'; },

        _tryShow() {
            if (!this.timeReady || !this.scrollReady || this.visible) return;

            const cookie = document.querySelector('.ddm.ddmcm');
            if (cookie && cookie.style.display !== 'none' && !cookie.hidden) {
                const obs = new MutationObserver(() => {
                    if (cookie.style.display === 'none' || cookie.hidden) {
                        obs.disconnect();
                        this._reveal();
                    }
                });
                obs.observe(cookie, { attributes: true, attributeFilter: ['style'] });
                return;
            }
            this._reveal();
        },

        _reveal() {
            this.visible = true;
            this.$nextTick(() => {
                const el = this.$refs.popup || this.$el;
                el.style.display = '';
                el.classList.add(this._isRight() ? 'nl-slide-in-right' : 'nl-slide-in-left');
            });
        },

        _slideOut(andDismiss) {
            const el = this.$refs.popup || this.$el;
            el.classList.remove('nl-slide-in-right', 'nl-slide-in-left', 'nl-swiping');
            el.style.transform = '';
            el.style.opacity = '';
            const cls = this._isRight() ? 'nl-slide-out-right' : 'nl-slide-out-left';
            el.classList.add(cls);
            el.addEventListener('animationend', () => {
                el.classList.remove(cls);
                this.visible = false;
                el.style.display = 'none';
                if (andDismiss) {
                    const expires = Date.now() + (config.dismissDays * 24 * 60 * 60 * 1000);
                    localStorage.setItem('apriil_newsletter_dismissed', expires.toString());
                }
            }, { once: true });
        },

        _initTouch() {
            const el = this.$el;

            el.addEventListener('touchstart', (e) => {
                if (this.submitted || this._touchId !== null) return;
                const t = e.changedTouches[0];
                const tag = e.target.closest('INPUT, TEXTAREA, SELECT');
                if (tag) return;
                this._touchId = t.identifier;
                this._startX = t.clientX;
                this._startY = t.clientY;
                this._currentX = 0;
                this._dirLocked = false;
                this._swiping = false;
            }, { passive: true });

            el.addEventListener('touchmove', (e) => {
                const t = Array.from(e.changedTouches).find(t => t.identifier === this._touchId);
                if (!t || this._dirLocked) return;

                const dx = t.clientX - this._startX;
                const dy = t.clientY - this._startY;

                if (!this._swiping) {
                    if (Math.abs(dy) > Math.abs(dx) && Math.abs(dy) > 8) {
                        this._dirLocked = true;
                        return;
                    }
                    if (Math.abs(dx) < 8) return;
                    this._swiping = true;
                    el.classList.add('nl-swiping');
                }

                e.preventDefault();

                const right = this._isRight();
                const val = right ? Math.max(0, dx) : Math.min(0, dx);
                this._currentX = val;
                const abs = Math.abs(val);
                const w = el.offsetWidth || 300;
                const opacity = Math.max(0.2, 1 - (abs / w) * 0.7);

                el.style.transform = `translateX(${val}px)`;
                el.style.opacity = opacity;
            }, { passive: false });

            const onEnd = (e) => {
                const t = Array.from(e.changedTouches).find(t => t.identifier === this._touchId);
                if (!t) return;
                this._touchId = null;

                if (!this._swiping) return;

                const abs = Math.abs(this._currentX);
                const w = el.offsetWidth || 300;

                if (abs > w * 0.3) {
                    const dir = this._isRight() ? 1 : -1;
                    el.style.transition = 'transform 0.25s cubic-bezier(0.4,0,1,1), opacity 0.25s ease';
                    el.style.transform = `translateX(${dir * (w + 40)}px)`;
                    el.style.opacity = '0';
                    setTimeout(() => {
                        el.style.transition = '';
                        el.classList.remove('nl-swiping');
                        this.visible = false;
                        el.style.display = 'none';
                        el.style.transform = '';
                        el.style.opacity = '';
                        const expires = Date.now() + (config.dismissDays * 24 * 60 * 60 * 1000);
                        localStorage.setItem('apriil_newsletter_dismissed', expires.toString());
                    }, 260);
                } else {
                    el.classList.remove('nl-swiping');
                    el.style.transition = 'transform 0.35s cubic-bezier(0.16,1,0.3,1), opacity 0.35s ease';
                    el.style.transform = 'translateX(0)';
                    el.style.opacity = '1';
                    setTimeout(() => { el.style.transition = ''; el.style.transform = ''; el.style.opacity = ''; }, 360);
                }
                this._swiping = false;
            };
            el.addEventListener('touchend', onEnd, { passive: true });
            el.addEventListener('touchcancel', onEnd, { passive: true });
        },

        async handleSubmit(e) {
            this.submitting = true;
            this.error = false;
            this.errors = {};

            const form = e.target.closest('form');
            const formData = new FormData(form);

            try {
                const response = await fetch(form.action, {
                    method: 'POST',
                    headers: { 'X-Requested-With': 'XMLHttpRequest' },
                    body: formData,
                });
                const data = await response.json();
                if (!response.ok) {
                    if (data.errors) this.errors = data.errors;
                    this.error = true;
                } else {
                    this.submitted = true;
                    localStorage.setItem('apriil_newsletter_subscribed', '1');
                    setTimeout(() => this._slideOut(false), 4000);
                }
            } catch (err) {
                this.error = true;
            } finally {
                this.submitting = false;
            }
        },

        dismiss() {
            this._slideOut(true);
        },

        wasDismissed() {
            const dismissed = localStorage.getItem('apriil_newsletter_dismissed');
            if (!dismissed) return false;
            if (Date.now() > parseInt(dismissed, 10)) {
                localStorage.removeItem('apriil_newsletter_dismissed');
                return false;
            }
            return true;
        },

        wasSubscribed() {
            return localStorage.getItem('apriil_newsletter_subscribed') === '1';
        }
    }));
});
</script>



        
<div
    class="ddm ddmcm back-none"
    style="display:none;opacity:0;"
>
    <div class="fixed inset-0 z-[9998] flex items-end justify-end p-4 md:p-6 pointer-events-none">
        <div class="pointer-events-auto w-full max-w-lg bg-white rounded-2xl shadow-2xl border border-brand-sand-dark overflow-hidden">
            <div class="p-6 md:p-8">
                <h2 class="text-heading-4 text-brand-dark-gray mb-3">Informasjonskapsler</h2>

                <div class="text-body-s text-neutral-gray-800 mb-6 [&_a]:underline [&_a]:text-brand-dark-gray [&_a]:font-medium hover:[&_a]:text-brand-orange [&_a]:transition-colors">
                    
                        <p>Vi bruker informasjonskapsler (cookies) for å gi deg den beste opplevelsen på nettsiden vår. Du kan velge hvilke cookies du vil tillate nedenfor. Les mer i vår <a href="/personvern">personvernerklæring</a>.</p>
                    
                </div>

                <div class="ddmcm-categories space-y-3 mb-6">
                    
                    <div class="ddmcm-category border border-brand-sand rounded-lg" x-data="{ infoOpen: false }">
                        <div class="flex items-center justify-between px-4 py-3">
                            <div class="flex items-center gap-2 flex-1">
                                <span class="text-body-s font-medium text-brand-dark-gray">Nødvendige cookies</span>
                                
                                    <button
                                        type="button"
                                        @click="infoOpen = !infoOpen"
                                        class="inline-flex items-center justify-center w-5 h-5 rounded-full border transition-colors duration-200"
                                        :class="infoOpen ? 'border-brand-dark-gray text-brand-dark-gray' : 'border-brand-neutral-grey text-brand-neutral-grey hover:border-brand-dark-gray hover:text-brand-dark-gray'"
                                        aria-label="Mer informasjon"
                                    >
                                        <span class="text-xs leading-none">?</span>
                                    </button>
                                
                            </div>

                            <div class="checkbox shrink-0 cookie-toggle">
                                <input
                                    type="checkbox"
                                    id="cookie-category-essential"
                                    name="essential"
                                    data-ddmcm-category="essential"
                                    class="sr-only cookie-toggle__input"
                                     disabled checked 
                                >
                                <label
                                    for="cookie-category-essential"
                                    class="cookie-toggle__track cookie-toggle__track--disabled"
                                >
                                    <span class="cookie-toggle__knob"></span>
                                </label>
                                
                            </div>
                        </div>

                        
                        <div
                            x-show="infoOpen"
                            x-collapse
                            class="px-4 pb-3"
                        >
                            <div class="text-[14px] text-brand-neutral-grey pt-1 border-t border-brand-sand">
                                
                                    <p>Nødvendige cookies er cookies som trengs for at nettsiden skal fungere riktig.</p>
                                
                            </div>
                        </div>
                        
                    </div>
                    
                    <div class="ddmcm-category border border-brand-sand rounded-lg" x-data="{ infoOpen: false }">
                        <div class="flex items-center justify-between px-4 py-3">
                            <div class="flex items-center gap-2 flex-1">
                                <span class="text-body-s font-medium text-brand-dark-gray">Tredjeparts-cookies</span>
                                
                                    <button
                                        type="button"
                                        @click="infoOpen = !infoOpen"
                                        class="inline-flex items-center justify-center w-5 h-5 rounded-full border transition-colors duration-200"
                                        :class="infoOpen ? 'border-brand-dark-gray text-brand-dark-gray' : 'border-brand-neutral-grey text-brand-neutral-grey hover:border-brand-dark-gray hover:text-brand-dark-gray'"
                                        aria-label="Mer informasjon"
                                    >
                                        <span class="text-xs leading-none">?</span>
                                    </button>
                                
                            </div>

                            <div class="checkbox shrink-0 cookie-toggle">
                                <input
                                    type="checkbox"
                                    id="cookie-category-thirdparty"
                                    name="thirdparty"
                                    data-ddmcm-category="thirdparty"
                                    class="sr-only cookie-toggle__input"
                                    
                                >
                                <label
                                    for="cookie-category-thirdparty"
                                    class="cookie-toggle__track "
                                >
                                    <span class="cookie-toggle__knob"></span>
                                </label>
                                
                                    <script data-category="thirdparty" type="text/snippetscript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MKVPW3X3');</script>
                                
                            </div>
                        </div>

                        
                        <div
                            x-show="infoOpen"
                            x-collapse
                            class="px-4 pb-3"
                        >
                            <div class="text-[14px] text-brand-neutral-grey pt-1 border-t border-brand-sand">
                                
                                    <p>Tredjeparts-cookies settes av ekstern programvare for å muliggjøre funksjoner som video og kart.</p>
                                
                            </div>
                        </div>
                        
                    </div>
                    
                </div>

                <div class="ddmcm-buttons flex flex-col sm:flex-row gap-3">
                    <button id="ddmcm-button-all" class="flex-1 px-6 py-3 bg-brand-dark-gray text-white text-body-s font-medium rounded-full hover:bg-brand-job-grey transition-colors duration-200">
                        Godta alle
                    </button>
                    <button id="ddmcm-button-selected" class="flex-1 px-6 py-3 bg-brand-sand text-brand-dark-gray text-body-s font-medium rounded-full hover:bg-brand-sand-dark transition-colors duration-200">
                        Bekreft valg
                    </button>
                </div>
            </div>
        </div>
    </div>
    <link rel="stylesheet" href="/vendor/cookie-byte/build/assets/_cookie_byte-DSiWpDG6.css">
    <script src="/vendor/cookie-byte/build/assets/loadscript-D8zyegSh.js" async defer></script>
</div>


    </body>
</html>