<!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>Hilde Tunge | Apriil</title>
<meta name="description" content="Hilde har lang erfaring fra et bredt spekter av PR- og kommunikasjonsoppgaver. Hun har jobbet med utvikling og implementering av kommunikasjonsstrategi, samt gjennomf&oslash;ring av kommunikasjonstiltak i egne og fortjente kanaler. Hun jobber med kundekontakt, strategi, topplederposisjonering, markedsf&oslash;ring, SEO, og digital..." />
<meta name="robots" content="index, follow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Hilde Tunge" />
<meta property="og:description" content="Hilde har lang erfaring fra et bredt spekter av PR- og kommunikasjonsoppgaver. Hun har jobbet med utvikling og implementering av kommunikasjonsstrategi, samt gjennomf&oslash;ring av kommunikasjonstiltak i egne og fortjente kanaler. Hun jobber med kundekontakt, strategi, topplederposisjonering, markedsf&oslash;ring, SEO, og digital..." />
<meta property="og:url" content="https://apriil.no/ansatte/hilde-tunge" />
<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="Hilde Tunge" />
<meta name="twitter:description" content="Hilde har lang erfaring fra et bredt spekter av PR- og kommunikasjonsoppgaver. Hun har jobbet med utvikling og implementering av kommunikasjonsstrategi, samt gjennomf&oslash;ring av kommunikasjonstiltak i egne og fortjente kanaler. Hun jobber med kundekontakt, strategi, topplederposisjonering, markedsf&oslash;ring, SEO, og digital..." />
<link href="https://apriil.no/ansatte/hilde-tunge" 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/hilde-tunge#webpage","url":"https://apriil.no/ansatte/hilde-tunge","name":"Hilde Tunge","inLanguage":"no","isPartOf":{"@id":"https://apriil.no#organization"},"breadcrumb":{"@id":"https://apriil.no/ansatte/hilde-tunge#breadcrumb"},"mainEntity":{"@id":"https://apriil.no/ansatte/hilde-tunge#person"},"primaryImageOfPage":{"@id":"https://apriil.no/ansatte/hilde-tunge#primaryimage"},"dateModified":"2026-03-05T14:41:51+01:00"},{"@type":"ImageObject","@id":"https://apriil.no/ansatte/hilde-tunge#primaryimage","url":"https://apriil.hel1.your-objectstorage.com/images/hilde1_bw.webp","contentUrl":"https://apriil.hel1.your-objectstorage.com/images/hilde1_bw.webp","width":500,"height":500,"caption":"Hilde Tunge"},{"@type":"Person","@id":"https://apriil.no/ansatte/hilde-tunge#person","name":"Hilde Tunge","url":"https://apriil.no/ansatte/hilde-tunge","jobTitle":"Partner og fagleder for AI-PR","description":"Hilde har lang erfaring fra et bredt spekter av PR- og kommunikasjonsoppgaver. Hun har jobbet med utvikling og implementering av kommunikasjonsstrategi, samt gjennomføring av kommunikasjonstiltak i egne og fortjente kanaler. Hun jobber med kundekontakt, strategi, topplederposisjonering, markedsføring, SEO, og digital kommunikasjon. Hilde er uredd og holder også gjerne foredrag om tema som engasjerer henne. Hun brenner for å hjelpe mennesker og virksomheter med å nå frem med sitt budskap.","image":{"@id":"https://apriil.no/ansatte/hilde-tunge#primaryimage"},"email":"hilde.tunge@apriil.no","telephone":"930 88 108","worksFor":{"@id":"https://apriil.no#organization"},"memberOf":{"@type":"Organization","name":"Apriil PR"},"workLocation":[{"@type":"Place","name":"Oslo"}],"knowsAbout":["Strategisk kommunikasjon og rådgivning","Mediehåndtering og presseomtale","Myndighetskontakt","Internkommunikasjon","Sosiale medier"],"mainEntityOfPage":{"@id":"https://apriil.no/ansatte/hilde-tunge#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/hilde-tunge#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":"Hilde Tunge","item":"https://apriil.no/ansatte/hilde-tunge"}]}</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">Hilde Tunge</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/aW1hZ2VzL2hpbGRlMV9idy53ZWJw/hilde1_bw.webp?w=600&h=750&fit=crop&s=9779f970519a024249e9dbeadfa98033"
                        srcset="
                            /img/asset/aW1hZ2VzL2hpbGRlMV9idy53ZWJw/hilde1_bw.webp?w=300&h=375&fit=crop&s=60c156f5915b55389e49b8445ede71dc 300w,
                            /img/asset/aW1hZ2VzL2hpbGRlMV9idy53ZWJw/hilde1_bw.webp?w=450&h=563&fit=crop&s=52a7b37668eac677834112c845476d36 450w,
                            /img/asset/aW1hZ2VzL2hpbGRlMV9idy53ZWJw/hilde1_bw.webp?w=600&h=750&fit=crop&s=9779f970519a024249e9dbeadfa98033 600w
                        "
                        sizes="(max-width: 1024px) 100vw, 42vw"
                        alt="Hilde Tunge"
                        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">
                                        Oslo
                                    </span>
                                </li>
                            
                        </ul>
                    

                    <header>
                        <h1 class="text-heading-1">Hilde Tunge</h1>
                        
                            <p class="text-body-xl mt-4 text-brand-dark-grey">Partner og fagleder for AI-PR</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:hilde.tunge@apriil.no" class="text-body-l underline hover:text-brand-orange transition-colors">
                                hilde.tunge@apriil.no
                            </a>
                        
                        
                            <a href="tel:930 88 108" class="text-body-l underline hover:text-brand-orange transition-colors">
                                930 88 108
                            </a>
                        
                    </div>

                    
                </div>

                
                    <div class="space-y-4">
                        <h2 class="text-body-l font-semibold">Om Hilde</h2>
                        <div class="prose-bard prose-bard--lg max-w-none">
                            <p>Hilde har lang erfaring fra et bredt spekter av PR- og kommunikasjonsoppgaver. Hun har jobbet med utvikling og implementering av kommunikasjonsstrategi, samt gjennomføring av kommunikasjonstiltak i egne og fortjente kanaler. Hun jobber med kundekontakt, strategi, topplederposisjonering, markedsføring, SEO, og digital kommunikasjon. Hilde er uredd og holder også gjerne foredrag om tema som engasjerer henne. Hun brenner for å hjelpe mennesker og virksomheter med å nå frem med sitt budskap.</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_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 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">
            Myndighetskontakt
        </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>Endringer i rammevilkår eller beslutninger utenfor virksomhetenes kontroll kan raskt skape usikkerhet. Mange lurer på hvem de bør snakke med, hvordan prosessene fungerer og hvilke argumenter som faktisk får gjennomslag. God myndighetskontakt handler om å dele innsikt som gjør beslutningene smartere og mer treffsikre.</p><p>Apriil hjelper vi deg å forstå prosessene, stake ut en tydelig retning og nå frem med budskapene dine på en konstruktiv måte. Vi kartlegger hvilke aktører som er viktige, utvikler posisjoner som står seg over tid og sørger for at du møter beslutningstakere med tydelige, balanserte og kunnskapsbaserte innspill. Målet er alltid å skape dialog og bygge relasjoner som gir reell verdi for både virksomheten og samfunnet.</p><h3><strong>Eksempler på hva vi leverer</strong></h3><p>·       <strong>Strategi for politisk påvirkning:</strong> Retning, prioriteringer og budskapsplattform</p><p>·       <strong>Samfunns- og posisjoneringsstrategi: </strong>Kommunikasjon, politikk og samfunnskontakt.</p><p>·       <strong>Bistand i politiske prosesser:</strong> Forberedelser, innspill og planlegging gjennom hele løpet</p><p>·       <strong>Interessentkartlegging:</strong> Analyse av politiske og offentlige aktører som påvirker virksomheten</p><p>·       <strong>Posisjonsutvikling:</strong> Klare og troverdige argumenter som bygger forståelse og tillit</p><p>·       <strong>Møteforberedelser:</strong> Struktur, budskapsutforming og støtte til dialog med beslutningstakere</p><p>·       <strong>Politisk overvåking:</strong> Oppdateringer og vurderinger av endringer som påvirker virksomheten</p><p>·       <strong>Høringsinnspill:</strong> Utforming, strukturering og kvalitetssikring av skriftlige innspill</p><p>·       <strong>Scenarioanalyse:</strong> Vurdering av mulige utfall og anbefalinger for veien videre </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/myndighetskontakt" 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">
<path d="M50.5 29.5L29.5 50.5L50.5 71.5L71.5 50.5" stroke="#FF4100" stroke-width="5"/>
<path d="M36.75 29.875C36.75 33.672 33.672 36.75 29.875 36.75C26.078 36.75 23 33.672 23 29.875C23 26.078 26.078 23 29.875 23C33.672 23 36.75 26.078 36.75 29.875Z" fill="black"/>
<path d="M36.75 50.5C36.75 54.297 33.672 57.375 29.875 57.375C26.078 57.375 23 54.297 23 50.5C23 46.703 26.078 43.625 29.875 43.625C33.672 43.625 36.75 46.703 36.75 50.5Z" fill="#FF4100"/>
<path d="M36.75 71.125C36.75 74.922 33.672 78 29.875 78C26.078 78 23 74.922 23 71.125C23 67.328 26.078 64.25 29.875 64.25C33.672 64.25 36.75 67.328 36.75 71.125Z" fill="black"/>
<path d="M57.375 29.875C57.375 33.672 54.297 36.75 50.5 36.75C46.703 36.75 43.625 33.672 43.625 29.875C43.625 26.078 46.703 23 50.5 23C54.297 23 57.375 26.078 57.375 29.875Z" fill="#FF4100"/>
<path d="M57.375 50.5C57.375 54.297 54.297 57.375 50.5 57.375C46.703 57.375 43.625 54.297 43.625 50.5C43.625 46.703 46.703 43.625 50.5 43.625C54.297 43.625 57.375 46.703 57.375 50.5Z" fill="black"/>
<path d="M57.375 71.125C57.375 74.922 54.297 78 50.5 78C46.703 78 43.625 74.922 43.625 71.125C43.625 67.328 46.703 64.25 50.5 64.25C54.297 64.25 57.375 67.328 57.375 71.125Z" fill="#FF4100"/>
<path d="M78 29.875C78 33.672 74.922 36.75 71.125 36.75C67.328 36.75 64.25 33.672 64.25 29.875C64.25 26.078 67.328 23 71.125 23C74.922 23 78 26.078 78 29.875Z" fill="black"/>
<path d="M78 50.5C78 54.297 74.922 57.375 71.125 57.375C67.328 57.375 64.25 54.297 64.25 50.5C64.25 46.703 67.328 43.625 71.125 43.625C74.922 43.625 78 46.703 78 50.5Z" fill="#FF4100"/>
<path d="M78 71.125C78 74.922 74.922 78 71.125 78C67.328 78 64.25 74.922 64.25 71.125C64.25 67.328 67.328 64.25 71.125 64.25C74.922 64.25 78 67.328 78 71.125Z" fill="black"/>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            Internkommunikasjon
        </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>Når virksomheten endrer seg, vokser eller møter utfordringer, merker ansatte det først. Mange ledere lurer på hvordan de kan sikre god informasjonsflyt, skape engasjement og gjøre strategier forståelige i en travel arbeidshverdag. God internkommunikasjon handler om mer enn å dele informasjon. Det handler om å bygge kultur, skape forståelse og gi medarbeiderne det de trenger for å lykkes.</p><p>Apriil hjelper deg å gjøre kommunikasjonen internt klarere, mer relevant og bedre forankret. Vi utvikler strukturer, budskap og formater som gjør det lettere å nå ut med det som er viktig. Slik kan du styrke kultur, øke engasjement og sikre at alle drar i samme retning.</p><h3><strong>Eksempler på hva vi leverer</strong></h3><p>·       <strong>Strategi for internkommunikasjon:</strong> Retning, prioriteringer og kanalvalg</p><p>·       <strong>Endringskommunikasjon:</strong> Planer, budskap og støtte i krevende prosesser</p><p>·       <strong>Lederkommunikasjon:</strong> Talepunkter, rådgivning og støtte til ledere i hverdagen</p><p>·       <strong>Innholdspakker for intern bruk:</strong> Artikler, videoer, presentasjoner og korte oppdateringer</p><p>·       <strong>Redaksjonell struktur:</strong> Planer, format og rutiner for jevn kommunikasjon</p><p>·       <strong>Kultur- og verdiforankring:</strong> Historier, konsepter og tiltak som skaper eierskap</p><p>·       <strong>Måling og innsikt:</strong> Undersøkelser, analyser og anbefalinger for bedre intern effekt</p><p>·       <strong>Onboarding:</strong> Materiale og struktur som gir en god start for nye ansatte</p><p>·       <strong>Kommunikasjon ved reorganisering eller nedbemanning:</strong> Kartlegging, planlegging og gjennomføring</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/internkommunikasjon" 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">
<path d="M50.5 29.5L29.5 50.5L50.5 71.5L71.5 50.5" stroke="#FF4100" stroke-width="5"/>
<path d="M36.75 29.875C36.75 33.672 33.672 36.75 29.875 36.75C26.078 36.75 23 33.672 23 29.875C23 26.078 26.078 23 29.875 23C33.672 23 36.75 26.078 36.75 29.875Z" fill="black"/>
<path d="M36.75 50.5C36.75 54.297 33.672 57.375 29.875 57.375C26.078 57.375 23 54.297 23 50.5C23 46.703 26.078 43.625 29.875 43.625C33.672 43.625 36.75 46.703 36.75 50.5Z" fill="#FF4100"/>
<path d="M36.75 71.125C36.75 74.922 33.672 78 29.875 78C26.078 78 23 74.922 23 71.125C23 67.328 26.078 64.25 29.875 64.25C33.672 64.25 36.75 67.328 36.75 71.125Z" fill="black"/>
<path d="M57.375 29.875C57.375 33.672 54.297 36.75 50.5 36.75C46.703 36.75 43.625 33.672 43.625 29.875C43.625 26.078 46.703 23 50.5 23C54.297 23 57.375 26.078 57.375 29.875Z" fill="#FF4100"/>
<path d="M57.375 50.5C57.375 54.297 54.297 57.375 50.5 57.375C46.703 57.375 43.625 54.297 43.625 50.5C43.625 46.703 46.703 43.625 50.5 43.625C54.297 43.625 57.375 46.703 57.375 50.5Z" fill="black"/>
<path d="M57.375 71.125C57.375 74.922 54.297 78 50.5 78C46.703 78 43.625 74.922 43.625 71.125C43.625 67.328 46.703 64.25 50.5 64.25C54.297 64.25 57.375 67.328 57.375 71.125Z" fill="#FF4100"/>
<path d="M78 29.875C78 33.672 74.922 36.75 71.125 36.75C67.328 36.75 64.25 33.672 64.25 29.875C64.25 26.078 67.328 23 71.125 23C74.922 23 78 26.078 78 29.875Z" fill="black"/>
<path d="M78 50.5C78 54.297 74.922 57.375 71.125 57.375C67.328 57.375 64.25 54.297 64.25 50.5C64.25 46.703 67.328 43.625 71.125 43.625C74.922 43.625 78 46.703 78 50.5Z" fill="#FF4100"/>
<path d="M78 71.125C78 74.922 74.922 78 71.125 78C67.328 78 64.25 74.922 64.25 71.125C64.25 67.328 67.328 64.25 71.125 64.25C74.922 64.25 78 67.328 78 71.125Z" fill="black"/>
</svg>

                </div>
            </div>
        

        <h3 class="text-heading-4 text-center whitespace-normal break-words hyphens-auto">
            Sosiale medier
        </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 hjelper deg med kreativ produksjon av innhold til sosiale medier, planer og strategier, rådgivning, annonsering og digital synlighet, foredrag og opplæring. <br><br>Sosiale medier er en viktig del av den helhetlige digitale tilstedeværelsen for bedriften. Ved å<em> </em>benytte de ulike mediene på en god strategisk måte, kan du oppnå gode resultater på alt fra salg til økt bevissthet rundt din merkevare. Når man skal benytte seg av sosiale medier som en del av den digitale markedsmiksen, er det viktig å lage en god, strategisk overordnet plan for hvordan du skal benytte de ulike kanalene. Ved hjelp av en rådgiver med erfaring og kunnskap, kan du  se den utviklingen du ønsker i de ulike kanalene, som for eksempel Meta (Facebook og Instagram), TikTok, Snapchat og LinkedIn. </p><p>Det er viktig å tilpasse seg kanalen man benytter, og ikke kommunisere likt på alle plattformene. Dette gjelder både for tekst og det visuelle. De ulike kanalene har også ulike annonsemuligheter, og Apriils rådgivere hjelper deg å finne ut av hvilke annonsetyper som kan hjelpe deg til bedre resultater. Alle kanalene gir deg muligheten til å målrette mot de brukerne du ønsker å nå.<br><br><strong>Innholdsproduksjon </strong><br>Det kan være krevende å holde tritt med kanaler som stadig endrer seg. Du lurer kanskje på hva du skal poste, hvor ofte, og hvordan du kan skape engasjement som virkelig betyr noe. Mange opplever også at det er vanskelig å finne riktig tone, relevante temaer og en struktur som faktisk fungerer i praksis.</p><p>I Apriil hjelper vi deg med å skape innhold som bygger relasjoner, engasjerer målgruppene dine og styrker posisjonen du ønsker å ta. Alt vi lager er forankret i strategi, innsikt og tydelige mål, slik at innholdet ikke bare fyller en kanal, men bidrar til å skape resultatene du er ute etter. Vi jobber tett med deg for å gjøre hverdagen enklere, kanalene mer levende og historiene dine mer tydelige over tid.</p><h3><strong>Eksempler på hva vi leverer</strong></h3><p>·       <strong>Innholdsstrategi for sosiale medier:</strong> Retning, prioriteringer, kanalvalg og tematikk</p><p>·       <strong>Innholdsplan:</strong> Struktur, frekvens og ideer for publisering</p><p>·       <strong>Innholdsproduksjon:</strong> Tekst, foto, video og grafiske elementer</p><p>·       <strong>Profilbygging i sosiale medier:</strong> Stemmeleie (Tone of voice), budskap og visuell identitet</p><p>·       <strong>Skriving for digitale flater:</strong> Korte tekster, historier, forklaringer og oppdateringer</p><p>·       <strong>Konseptutvikling for serier og format:</strong> Gjenkjennelige konsepter som gir kontinuitet</p><p>·       <strong>Organisk kanaldrift:</strong> Publisering, community management, oppfølging og kvalitetssikring</p><p>·       <strong>Analyse og optimalisering:</strong> SEO-optimalisering av kanaler, måling av effekt, læringspunkter og forbedringstiltak</p><p>·       <strong>Innhold for ansatte og ledere:</strong> Faglige innlegg, kommentarer og personlig posisjonering </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/sosiale-medier" 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="bhIVX4NOavyRsmZVhCt3L8yK4oZo06rQaYpw15wg" 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>