{"id":2,"date":"2025-02-21T07:10:03","date_gmt":"2025-02-21T07:10:03","guid":{"rendered":"http:\/\/hybeko.mteam.no\/?page_id=2"},"modified":"2025-06-05T16:23:18","modified_gmt":"2025-06-05T14:23:18","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/hybekoprofil.mteam.no\/","title":{"rendered":"Hybeko profil"},"content":{"rendered":"<section\n        class=\"align wp-block-hero lg:h-screen h-[80vh] min-h-[600px] lg:aspect-video relative flex justify-start items-center bg-folgeligbeige fullwidth items-strech mt-[-112px]\">\n        \n\n                    <div class=\"z-[2] inner-wrap w-full h-full flex justify-center md:justify-start mx-auto relative max-w-screen-2xl\">\n                <div\n                    class=\"px-6 md:px-12 py-8 md:py-12 h-auto w-full max-w-3xl text-center md:text-left relative self-center my-8\">\n                    <div class=\"profil-logo\">\n                        \n                        \n                                            <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/02\/hybeko-logo-hvit-rgb.svg\" class=\"h-20 w-auto\" alt=\"\" \/>                                        <\/div>\n                    <h1 class=\"text-balance text-white text-4xl lg:text-7xl font-display mb-6 mt-20\">Designmanual<\/h1>\n                    \n                    <div class=\"flex gap-5 flex-wrap w-full justify-center md:justify-start mt-12\">\n                                                                    <\/div>\n                <\/div>\n                <\/div>\n                <div class=\"flex justify-between text-white z-50 bottom-0 w-full px-6 md:px-12 pt-8 md:pt-12 pb-10 md:pb-10 h-auto w-full text-center md:text-left absolute my-8\">\n                <div class=\"\">Utviklet av <a class=\"underline hover:no-underline\" href=\"https:\/\/fjuz.no\" target=\"_blank\">Fjuz<\/a> <\/div>\n                <div class=\"\">Sist oppdatert: 5. juni 2025<\/div> \n                <\/div>\n            \n            <div class=\"overlay absolute z-[1] bg-opacity-50 w-full h-full\"><\/div>\n                            <img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1440\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-scaled.jpg\" class=\"object-cover absolute top-0 center-0 w-full !h-full object-center z-0\" alt=\"\" srcset=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-scaled.jpg 2560w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-300x169.jpg 300w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-1024x576.jpg 1024w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-768x432.jpg 768w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-1536x864.jpg 1536w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Forside-Bg-bilde-ny-farge-c8102e-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/>            \n            <\/section>\n\n\n\n\n<div class=\"align wp-block-innholdsfortegnelse content-innholdsfortegnelse py-36 bg-[#ffffff]\">\n  <div class=\"max-w-[1800px] mx-auto\">\n  <h2 class=\"mb-10\">Innhold<\/h2>\n  <a href=\"#introduksjon\" class=\"font-normal text-xl block mb-8 hover:underline\">Introduksjon<\/a>\n\n  \n\n  <div class=\"innhold\">\n  <ul id=\"menu-nav\" class=\"nav\"><li id=\"menu-item-33\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-33\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#logotyper\">Logo<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-34\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-34\"><a href=\"#logotyper\">Logotyper<\/a><\/li>\n\t<li id=\"menu-item-35\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-35\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#beskyttelsesrom\">Beskyttelsesrom<\/a><\/li>\n\t<li id=\"menu-item-36\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-36\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#riktig-feil-logobruk\">Riktig\/feil logobruk<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-37\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-37\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#fargepalett\">Farger<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-38\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-38\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#fargepalett\">Fargepalett<\/a><\/li>\n\t<li id=\"menu-item-39\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-39\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#fargedominans\">Fargedominans<\/a><\/li>\n\t<li id=\"menu-item-40\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-40\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#riktig-feil-bruk-av-farger\">Riktig\/feil bruk av farger<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-41\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-41\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#typesnitt\">Typografi<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-42\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-42\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#typesnitt\">Typesnitt<\/a><\/li>\n\t<li id=\"menu-item-43\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-43\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#micorsoftvennelig-font\">Microsoftvennlig font<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-44\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-44\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#grafiske-elementer\">Grafisk spr\u00e5k<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-45\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-45\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#grafiske-elementer\">Grafisk elementer<\/a><\/li>\n\t<li id=\"menu-item-46\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-46\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#riktig-feil-bruk-av-elementer\">Riktig\/feil bruk av elementer<\/a><\/li>\n\t<li id=\"menu-item-47\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-47\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#grafisk-sprak-i-kontekst\">Grafisk spr\u00e5k i kontekst<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-48\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-48\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#fotomaner\">Foto<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-49\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-49\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#fotomaner\">Fotoman\u00e9r<\/a><\/li>\n\t<li id=\"menu-item-50\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-50\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#kategorier\">Kategorier<\/a><\/li>\n\t<li id=\"menu-item-51\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-51\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#etterbehandling\">Etterbehandling<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-52\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-has-children menu-item-52\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#mal\">Malverk<\/a>\n<ul class=\"sub-menu\">\n\t<li id=\"menu-item-53\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-53\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#mal\">Powerpoint<\/a><\/li>\n\t<li id=\"menu-item-54\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-54\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#mal\">Mailsignatur<\/a><\/li>\n\t<li id=\"menu-item-55\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-55\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#mal\">Canva<\/a><\/li>\n\t<li id=\"menu-item-56\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-56\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#mal\">Teamsbakgrunn<\/a><\/li>\n<\/ul>\n<\/li>\n<li id=\"menu-item-57\" class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-57\"><a href=\"https:\/\/hybekoprofil.mteam.no\/#kontakt\">Kontakt<\/a><\/li>\n<\/ul>\n  <\/div>\n  <\/div>\n<\/div>\n\n<div id=\"introduksjon\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"introduksjon\"><\/a>  <!-- This is the actual anchor point -->\n            Introduksjon \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'introduksjon')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Introduksjon<\/h2>\n  \n        <p>Hybeko sin visuelle identitet inneb\u00e6rer at logo, farger, fonter og grafiske elementer skal brukes p\u00e5 en tydelig definert m\u00e5te. Det er derfor viktig at bruken av den visuelle identiteten er i henhold til de regler og rammer som er \u00e5 finne i manualen.<\/p>\n<p>Profilmanualen tar for seg grafiske bestemmelser hvor det fins detaljerte beskrivelser til hvert enkel bruk.<br \/>\nDisse retningslinjene m\u00e5 f\u00f8lges konsekvent for \u00e5 bevare Hybeko sitt helhetlige uttrykk.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1960\" height=\"1728\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/02\/Hybeko-Introduksjon-Bildeserie.gif\" alt=\"\" class=\"wp-image-13\"\/><\/figure>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"logotyper\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"logotyper\"><\/a>  <!-- This is the actual anchor point -->\n            1.2 Logo \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'logotyper')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Logotyper<\/h2>\n  \n        <p>V\u00e5re prim\u00e6rlogoer er logo Original, i Dedikert R\u00f8d og Stabil Bl\u00e5-farge, og logo i helhvit. Vi bruker den originale logoen p\u00e5 rene og n\u00f8ytrale bakgrunner. P\u00e5 r\u00f8de og evt bl\u00e5, eller m\u00f8rke bakgrunner s\u00e5 bruker vi hvit logo.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n                <a href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/01-Logos.zip\" target=\"\"\n              class=\"bg-dedikert hover:bg-stabil text-white w-auto text-center rounded-md leading-none px-6 py-3 hover:bg-primary-900 transition ease-in-out duration-100 hover:duration-150 inline-block font-normal text-lg xl:text-xl\">Last ned alle<\/a>\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Logo-orignal-01.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"Logo Hybeko\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Logo Original<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/01-Rod-Blaa-logo.zip\" target=\"_blank\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/div>Last ned<\/a>\n                \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/Logo-original-med-tagline-01.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Logo med Tagline<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/01-Logo-m-Tagline.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/02\/Logo-Sort-01.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Logo i sort<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/01-Logo\/01-Sort-Logo.zip\" target=\"_blank\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/div>Last ned<\/a>\n                \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/Logo-white-01.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Logo i hvit<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/01-Logo\/01-Hvit-Logo.zip\" target=\"_blank\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"><i class=\"fa-regular fa-arrow-up-right\"><\/i><\/div>Last ned<\/a>\n                \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"beskyttelsesrom\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"beskyttelsesrom\"><\/a>  <!-- This is the actual anchor point -->\n            1.2 Logo \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'beskyttelsesrom')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Beskyttelsesrom<\/h2>\n  \n        <p>Vi streber etter nok luft rundt logoen v\u00e5r. Der hvor det er utfordrende, s\u00e5 bruker vi beskyttelsesrommet v\u00e5rt.<br \/>\nV\u00e5rt parameter er E-elementet som er i logoen (1,5 X), som et anbefalt beskyttelsesrom. I trange tilfeller kan et Minste-beskyttelsesrom (1 X) benyttes, hvor man halverer E-elementets st\u00f8rrelse. I s\u00e6rskilte tilfeller utg\u00e5r beskyttelsesrommet, da vi prioriterer logoens tydelighet.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-beskyttelsesrom\">\n      <div class=\"flex flex-wrap gap-4 mb-10\">\n              <div class=\"image-wrapper w-full\">\n          <!-- Second image (shown by default) -->\n          <div class=\"beskyttelsesrom-av\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"281\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Hybeko-Beskyttelsesrom-pa-1.svg\" class=\"w-full\" alt=\"Beskyttelsesrom p\u00e5\" \/>\n          <\/div>\n\n          <!-- First image (hidden by default) -->\n          <div class=\"beskyttelsesrom hidden\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"764\" height=\"281\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Hybeko-Beskyttelsesrom-av-2.svg\" class=\"w-full\" alt=\"Beskyttelsesrom av\" \/>\n          <\/div>\n\n          <!-- Toggle inside each image-wrapper -->\n          <label class=\"toggle-container inline-flex items-center cursor-pointer mt-2\">\n            <input type=\"checkbox\" class=\"sr-only peer toggle-input\">\n            <div class=\"relative w-11 h-6 peer-focus:outline-none bg-jordnaer peer-focus:ring-4 peer-focus:ring-dedikert rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-dedikert peer-checked:after:bg-dedikert after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-stabil after:border-stabil after:border after:rounded-full after:ml-[2px] after:h-5 after:w-5 after:transition-all peer-checked:bg-stabil\"><\/div>\n            <span class=\"toggleLabel ms-3 text-sm font-medium text-gray-900 dark:text-gray-600 ml-2\">\n              Sl\u00e5 av \n            <\/span>\n          <\/label>\n        <\/div>\n          <\/div>\n\n    <div>\n      <div class=\"acf-innerblocks-container\"><\/div>\n    <\/div>\n  <\/div>\n\n\n<script>\n  document.querySelectorAll('.image-wrapper').forEach(wrapper => {\n    const toggleInput = wrapper.querySelector('.toggle-input');\n    const toggleLabel = wrapper.querySelector('.toggleLabel');\n    const imageOn = wrapper.querySelector('.beskyttelsesrom-av');\n    const imageOff = wrapper.querySelector('.beskyttelsesrom');\n\n    if (toggleInput && imageOn && imageOff) {\n      toggleInput.addEventListener('change', function () {\n        const isChecked = this.checked;\n\n        imageOn.classList.toggle('hidden', isChecked);\n        imageOff.classList.toggle('hidden', !isChecked);\n        toggleLabel.textContent = isChecked\n          ? 'Sl\u00e5 p\u00e5'\n          : 'Sl\u00e5 av';\n      });\n    }\n  });\n<\/script>\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"riktig-feil-logobruk\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"riktig-feil-logobruk\"><\/a>  <!-- This is the actual anchor point -->\n            1.3 Logo \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'riktig-feil-logobruk')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Riktig\/feil logobruk<\/h2>\n  \n        <p>Bruk gjerne logo i Ai- eller eps-format der det er mulig med tanke p\u00e5 fargeprofil og flate logoen skal fremstilles p\u00e5.<br \/>\nI digitale sammenhenger bruker vi gjerne SVG-formatet for \u00e5 oppn\u00e5 skarpest uttrykk.<\/p>\n<p>Logoen kan opptre i ulike opasiteter, i passende tilfeller.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                 \n                  <div class=\"bg-accept content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Logo-Riktgbruk1.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Vi bruker mye av r\u00f8dfargene v\u00e5re, og da benyttes hvit logo for best kontrast.<\/p>\n                        \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                 \n                  <div class=\"bg-accept content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/Logo-Riktgbruk1-m-tagline.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Logo med tagline<\/p>\n                        \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                                  <div class=\"bg-error content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-xmark-large\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/logobruk-feil-1.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"Logobruk feil\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Ikke endre fargene p\u00e5 noen av logotypene.<\/p>\n                        \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                                  <div class=\"bg-error content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-xmark-large\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/logobruk-feil-2.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Logo skal ikke dominere i layout-sammenhenger. Kombiner logo med farge, typografi, bilde eller grafiske elementer.<\/p>\n                        \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"fargepalett\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"fargepalett\"><\/a>  <!-- This is the actual anchor point -->\n            2.1 Farger \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'fargepalett')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Fargepalett<\/h2>\n  \n        <p>Vi har som regel i fargepaletten v\u00e5r at vi skal eie r\u00f8dfargen, og det er Dedikert R\u00f8d som er prim\u00e6r. Vi kombinerer de ulike r\u00f8dfargene, p\u00e5 rene og n\u00f8ytrale bakgrunner, eller hvor bakgrunner er i (Dedikert) r\u00f8d-farge.<\/p>\n<p>Vi kombinerer r\u00f8d og hvit sammen, og gjerne med mindre drypp av Stabil bl\u00e5.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n                <a href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/02-Farger\/Hybeko-Fargekart.zip\" target=\"\"\n              class=\"bg-dedikert hover:bg-stabil text-white w-auto text-center rounded-md leading-none px-6 py-3 hover:bg-primary-900 transition ease-in-out duration-100 hover:duration-150 inline-block font-normal text-lg xl:text-xl\">Last ned farger<\/a>\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-fargekart\">\n    <p class=\"text-sm text-grey mb-2\">Farger<\/p>\n    <div class=\"grid grid-cols-2 md:grid-cols-4 gap-y-6 gap-x-12 border-t-2 border-grey\/50 w-full pt-6 mb-24\">\n    \n    \n            \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #C8102E;\" onclick=\"copyHex(event, '#C8102E')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #C8102E; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Dedikert R\u00f8d<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 200, 16, 46<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#C8102E')\"><span class=\"font-bold\">Hex:<\/span> #C8102E<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 0, 100, 80, 5<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">Pantone:<\/span> 186 C<\/div>\n                      <\/div>\n\n          <\/div>\n              \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #971B2F;\" onclick=\"copyHex(event, '#971B2F')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #971B2F; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Sikker R\u00f8d<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 151, 27, 47<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#971B2F')\"><span class=\"font-bold\">Hex:<\/span> #971B2F<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 0, 100, 68, 35<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">Pantone:<\/span> 7427 C<\/div>\n                      <\/div>\n\n          <\/div>\n              \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #F2827F;\" onclick=\"copyHex(event, '#F2827F')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F2827F; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Jordn\u00e6r R\u00f8d<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 242, 130, 127<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#F2827F')\"><span class=\"font-bold\">Hex:<\/span> #F2827F<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 0, 59, 37, 0<\/div>\n                                  <\/div>\n\n          <\/div>\n              \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #F5E7EB;\" onclick=\"copyHex(event, '#F5E7EB')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #F5E7EB; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Luftig Rosa<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 245, 231, 245<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#F5E7EB')\"><span class=\"font-bold\">Hex:<\/span> #F5E7EB<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 4, 12, 5, 0<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">Pantone:<\/span> 7604 CP<\/div>\n                      <\/div>\n\n          <\/div>\n              \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #002855;\" onclick=\"copyHex(event, '#002855')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #002855; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Stabil Bl\u00e5<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 0, 40, 85<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#002855')\"><span class=\"font-bold\">Hex:<\/span> #002855<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 100, 63, 0, 67<\/div>\n                                  <\/div>\n\n          <\/div>\n              \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #66767F;\" onclick=\"copyHex(event, '#66767F')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #66767F; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Grundig Gr\u00e5<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 102, 118, 127<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#66767F')\"><span class=\"font-bold\">Hex:<\/span> #66767F<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 60, 40, 36, 23<\/div>\n                                  <\/div>\n\n          <\/div>\n              \n        <div class=\"color-item\">\n                      <div class=\"flex flex-items\">\n              <div class=\"h-44 md:h-32 xl:h-48 w-3\/4 cursor-pointer colorinfo\" style=\"background-color: #B5B8C0;\" onclick=\"copyHex(event, '#B5B8C0')\">\n              <\/div>\n              <div class=\"grid w-1\/4\">\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.1;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.2;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.3;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.4;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.5;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.6;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.7;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.8;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 0.9;\">\n                <\/div>\n                <div class=\"w-full\" style=\"background-color: #B5B8C0; opacity: 1;\">\n                <\/div>\n              <\/div>\n            <\/div>\n          \n                      <div class=\"border-2 border-black-500 px-3 py-2\">  \n              <span class=\"text-xl\">Hevet Gr\u00e5<\/span>\n            <\/div>\n                    \n          <div class=\"item-details mt-4\">\n                          <div class=\"text-base\"><span class=\"font-bold\">RGB:<\/span> 181, 184, 192<\/div>\n                                      <div class=\"cursor-pointer text-base mb-6\" onclick=\"copyHex(event, '#B5B8C0')\"><span class=\"font-bold\">Hex:<\/span> #B5B8C0<\/div>\n                                      <div class=\"text-base\"><span class=\"font-bold\">CMYK:<\/span> 33, 24, 20, 2<\/div>\n                                  <\/div>\n\n          <\/div>\n                <\/div>\n      \n      <script>\n  function copyHex(event, hexCode) {\n    \/\/ Copy the hex code to clipboard\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = hexCode; \/\/ Set the input value to the hex code\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Kopiert: \" + hexCode;\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n\n\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"fargedominans\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"fargedominans\"><\/a>  <!-- This is the actual anchor point -->\n            2.2 Farger \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'fargedominans')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Fargedominans<\/h2>\n  \n        <p>Dedikert R\u00f8d er v\u00e5r ledefarge, og vi streber etter \u00e5 bruke mye r\u00f8dt, enten heldekkende eller i kombinasjon med hvitt, eller rene og n\u00f8ytrale flater. Stabil Bl\u00e5 bruker vi mer som drypp, i det store bildet.<\/p>\n<p>I et typografisk samspill, n\u00e5r vi bruker Stabil Bl\u00e5 og Dedikert R\u00f8d mot hverandre, s\u00e5 er det kun overskrifter (over 18.pt) som gjelder, med tanke p\u00e5 UU-krav.<\/p>\n<p>Selvom Dedikert R\u00f8d dominerer, s\u00e5 er det tillatt \u00e5 leke seg med fargekombinasjoner fra paletten.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n                <a href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/02-Farger\/Hybeko-Fargekart.zip\" target=\"\"\n              class=\"bg-dedikert hover:bg-stabil text-white w-auto text-center rounded-md leading-none px-6 py-3 hover:bg-primary-900 transition ease-in-out duration-100 hover:duration-150 inline-block font-normal text-lg xl:text-xl\">Last ned farger<\/a>\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"688\" height=\"688\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Hybeko-fargedomans-1.png\" alt=\"\" class=\"wp-image-215\" srcset=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Hybeko-fargedomans-1.png 688w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Hybeko-fargedomans-1-300x300.png 300w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Hybeko-fargedomans-1-150x150.png 150w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><\/figure>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"riktig-feil-bruk-av-farger\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"riktig-feil-bruk-av-farger\"><\/a>  <!-- This is the actual anchor point -->\n            2.3 Farger \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'riktig-feil-bruk-av-farger')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Riktig\/feil  bruk av farger<\/h2>\n  \n        <p>Vi skal ha et eierskap til r\u00f8dfargen. Fokuser p\u00e5 \u00e5 bruke Dedikert R\u00f8d alene, eller i ulike fargekombinasjoner. Til mindre bokser, kapitell-deler, skiller o.l kan Stabil Bl\u00e5 gjerne brukes. V\u00e6r fleksibel med paletten der hvor det er hensiktsmessig, men det er i hovedsak v\u00e5r Dedikerte R\u00f8d-farge som skal representere oss.<\/p>\n<p>Det er tillatt \u00e5 leke med ulike opasiteter i fargepaletten.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                 \n                  <div class=\"bg-accept content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Farger-Riktig1.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Bruk Dedikert R\u00f8d i kombinasjon med hvite, eller n\u00f8ytrale bakgrunner.<\/p>\n                        \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                 \n                  <div class=\"bg-accept content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Farger-Riktig2.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Til store og heldekkende bakgrunner, s\u00e5 brukes prim\u00e6rt Dedikert R\u00f8d, alt. Stabil Bl\u00e5<\/p>\n                        \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                                  <div class=\"bg-error content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-xmark-large\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Farger-Feil3.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Stabil Bl\u00e5 skal ikke dominere, men heller brukes som drypp i det store bildet.<\/p>\n                        \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                                  <div class=\"bg-error content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-xmark-large\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Farger-Feil4.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Ikke kombiner Dedikert R\u00f8d og Stabil Bl\u00e5 n\u00e5r det gjelder liten eller mindre skrifter.<\/p>\n                        \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"typesnitt\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"typesnitt\"><\/a>  <!-- This is the actual anchor point -->\n            3.1 Typografi \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'typesnitt')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Typesnitt<\/h2>\n  \n        <p>Vi bruker to fonter i v\u00e5rt typografisk samspill:<\/p>\n<p><strong>Monolight &#8211; Semibold<\/strong><br \/>\nBrukes til alle overskrifter<\/p>\n<p><strong>DM Sans &#8211; Regular-Bold<\/strong><br \/>\nBrukes til mindre og all \u00f8vrig\/l\u00f8pende tekst.<br \/>\nBrukes til sm\u00e5 mellom-overskrifter.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n                <a href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/03-Typografi\/Typografi.zip\" target=\"\"\n              class=\"bg-dedikert hover:bg-stabil text-white w-auto text-center rounded-md leading-none px-6 py-3 hover:bg-primary-900 transition ease-in-out duration-100 hover:duration-150 inline-block font-normal text-lg xl:text-xl\">Last ned fonter<\/a>\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n\n<p class=\"has-base-font-size wp-block-paragraph\">Monolight \u2022 Semibold<\/p>\n\n\n\n<p class=\"font-display has-4-xl-font-size wp-block-paragraph\">ABCDEFGHIJKLMNOPQRSTUVWXYZ\u00c6\u00d8\u00c5<br>1234567890?!\u20ac$@%&amp; abcdefghijklmnopqrstuvwxyz\u00e6\u00f8\u00e5<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-base-font-size wp-block-paragraph\">DM Sans \u2022 Regular-Bold<\/p>\n\n\n\n<p class=\"font-body has-4-xl-font-size wp-block-paragraph\">ABCDEFGHIJKLMNOPQRSTUVWXYZ\u00c6\u00d8\u00c5<br>1234567890?!\u20ac$@%&amp; abcdefghijklmnopqrstuvwxyz\u00e6\u00f8\u00e5<\/p>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"micorsoftvennelig-font\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"micorsoftvennelig-font\"><\/a>  <!-- This is the actual anchor point -->\n            3.2 Typografi \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'micorsoftvennelig-font')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Microsoft-vennlig font<\/h2>\n  \n        <p>Der hvor Monolight og DM Sans ikke lar seg bruke, s\u00e5 er Arial, Hybeko sin erstatningsfont. Arial er en microsoft-innebygget font, og skal v\u00e6re p\u00e5 alle maskiner i typiske Microsoft-programmer.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n\n<p class=\"has-base-font-size wp-block-paragraph\">Arial<\/p>\n\n\n\n<p class=\"font-sans has-4-xl-font-size wp-block-paragraph\">ABCDEFGHIJKLMNOPQRSTUVWXYZ\u00c6\u00d8\u00c5<br>1234567890?!\u20ac$@%&amp; abcdefghijklmnopqrstuvwxyz\u00e6\u00f8\u00e5<\/p>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"grafiske-elementer\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"grafiske-elementer\"><\/a>  <!-- This is the actual anchor point -->\n            4.1 Grafiske elementer \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'grafiske-elementer')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Grafiske elementer<\/h2>\n  \n        <p>Vi har tre kategorier i v\u00e5rt grafiske spr\u00e5k, i hierakistisk rekkef\u00f8lge:<\/p>\n<p><strong>Fragmenter<\/strong><br \/>\nBrukes i st\u00f8rre layout-sammenhenger. Vi bruker ofte blendemoduser som Darken og Overlay, eller justerer opasiteter der hvor det ikke er mulig med blendemodus.<\/p>\n<p><strong>M\u00f8nster<\/strong><br \/>\nBrukes b\u00e5de alene og sammen med Fragmenter i layout.<br \/>\nVi bruker ogs\u00e5 i noen tilfeller m\u00f8nster i hvitt, p\u00e5 r\u00f8d bakgrunn.<\/p>\n<p><strong>Strek<\/strong><br \/>\nBrukes som et sekundert element.<\/p>\n<p>F\u00f8l frihet til \u00e5 leke, og kombinere de grafiske elementene sammen. Se flere eksempler p\u00e5 grafisk spr\u00e5k under.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n                <a href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/04-Grafiske-elementer\/04-Grafiske-elementer.zip\" target=\"\"\n              class=\"bg-dedikert hover:bg-stabil text-white w-auto text-center rounded-md leading-none px-6 py-3 hover:bg-primary-900 transition ease-in-out duration-100 hover:duration-150 inline-block font-normal text-lg xl:text-xl\">Last ned elementer<\/a>\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1350\" height=\"1080\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Fragmenter-Gif-2025.gif\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Hybeko Fragmenter,  navngitt F04-F4<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/04-Grafiske-elementer\/04-Fragmenter.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-Monster.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Hybeko M\u00f8nster, Dedikert R\u00f8d.<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/04-Grafiske-elementer\/04-Monster.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-Streker.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Hybeko Strek, i Dedikert R\u00f8d, Stabil Bl\u00e5 og hvit<\/p>\n                         <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/nedlastning\/04-Grafiske-elementer\/04-Strek.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"riktig-feil-bruk-av-elementer\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"riktig-feil-bruk-av-elementer\"><\/a>  <!-- This is the actual anchor point -->\n            4.2 Grafiske elementer \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'riktig-feil-bruk-av-elementer')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Riktig\/feil bruk av elementer<\/h2>\n  \n        <p>Vi bruker v\u00e5re grafiske elementer der hvor vi har mulighet for \u00e5 sl\u00e5 oss mer l\u00f8s og vise mer profil og v\u00e5rt uttrykk.<\/p>\n<p>Bruk elementer sammen der hvor det er estetisk fornuftig.<br \/>\nLek med opasiteter og blendemoduser for \u00e5 f\u00e5 mest riktig uttrykk.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                 \n                  <div class=\"bg-accept content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-Riktig1.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Lek med hele eller halve utsnitt utfallende av Fragment-elementene.<\/p>\n                        \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                 \n                  <div class=\"bg-accept content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-check\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"1350\" height=\"1080\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Bilde-med-Darken-Elementer.4x5.jpg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" srcset=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Bilde-med-Darken-Elementer.4x5.jpg 1350w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Bilde-med-Darken-Elementer.4x5-300x240.jpg 300w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Bilde-med-Darken-Elementer.4x5-1024x819.jpg 1024w, https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Bilde-med-Darken-Elementer.4x5-768x614.jpg 768w\" sizes=\"auto, (max-width: 1350px) 100vw, 1350px\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Kombiner gjerne elementer i Darken-modus med bilder i henhold til fotostil.<\/p>\n                        \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                                  <div class=\"bg-error content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-xmark-large\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/elementer-3.jpg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Ikke endre farger p\u00e5 Fragment-elementer.<\/p>\n                        \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  bg-white \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n           \n              <div class=\"h-10 w-10 text-center absolute right-[-20px] top-[-20px] z-40\">\n                                  <div class=\"bg-error content-center h-full border-2 border-white rounded-full text-xl text-white\"><i class=\"fa-solid fa-xmark-large\"><\/i><\/div>\n                              <\/div>      \n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"332\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-Feil4.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 group-hover:grayscale-0  border-black\" alt=\"\" \/>        <\/div>\n                          <p class=\"px-4 pt-2 pb-6 mb-2 text-sm text-grundig\">Luft og pusterom er ogs\u00e5 endel av v\u00e5rt uttrykk. La v\u00e6re \u00e5 overfylle med elementer.<\/p>\n                        \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"grafisk-sprak-i-kontekst\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"grafisk-sprak-i-kontekst\"><\/a>  <!-- This is the actual anchor point -->\n            4.3 Grafiske elementer \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'grafisk-sprak-i-kontekst')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Grafisk spr\u00e5k i kontekst<\/h2>\n  \n        <p>Vi bruker v\u00e5re grafiske elementer der hvor vi har mulighet for \u00e5 sl\u00e5 oss mer l\u00f8s og vise mer profil og v\u00e5rt uttrykk.<\/p>\n<p>Bruk elementer sammen der hvor det er estetisk fornuftig.<br \/>\nLek med opasiteter og blendemoduser for \u00e5 f\u00e5 mest riktig uttrykk.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-slideshow\">\n  <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" rel=\"stylesheet\"\/>\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n  <div class=\"w-full relative\">\n    <div class=\"swiper default-carousel swiper-container border-t-2 border-x-2 border-grundig border-b-1\">\n      <div class=\"swiper-wrapper\">\n                              <div class=\"swiper-slide\">\n              <!-- Image -->\n              <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-i-Kontekst_Hols-kontekst-1.svg\" class=\"object-cover w-full h-full border-black\" alt=\"\" \/>\n              <!-- Text under the image -->\n                              <div class=\"text-container\">\n                  Typografiske oppsett\n                <\/div>\n                          <\/div>\n                      <div class=\"swiper-slide\">\n              <!-- Image -->\n              <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-i-Kontekst_Hols-kontekst-2.svg\" class=\"object-cover w-full h-full border-black\" alt=\"\" \/>\n              <!-- Text under the image -->\n                          <\/div>\n                      <div class=\"swiper-slide\">\n              <!-- Image -->\n              <img loading=\"lazy\" decoding=\"async\" width=\"1\" height=\"1\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/05\/Grafiske-elementer-i-Kontekst_Hols-kontekst-3.svg\" class=\"object-cover w-full h-full border-black\" alt=\"\" \/>\n              <!-- Text under the image -->\n                          <\/div>\n                        <\/div>\n\n      <!-- Navigation Buttons -->\n      \n    <\/div>\n  <\/div>\n  <div class=\"flex justify-between items-center pt-2 pb-6 px-4 z-10 relative border-2 border-grundig\">\n        <div class=\"text-grey text-base w-2\/3\">\n          Typografiske oppsett\n        <\/div>\n        <div class=\"grid grid-cols-2 place-content-center relative w-auto min-w-[100px] h-[38px] right-0 mt-10 mb[-10px]\">\n          <button id=\"slider-button-left\" class=\"swiper-button-prev\" data-carousel-prev>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n              <path d=\"M10.0002 11.9999L6 7.99971L10.0025 3.99719\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n            <\/svg>\n          <\/button>\n          <button id=\"slider-button-right\" class=\"swiper-button-next\" data-carousel-next>\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n              <path d=\"M5.99984 4.00012L10 8.00029L5.99748 12.0028\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n  \n\n  <script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n  var swiper = new Swiper(\".default-carousel\", {\n    loop: true,\n    navigation: {\n      nextEl: \".swiper-button-next\",\n      prevEl: \".swiper-button-prev\",\n    },\n  });\n\n  const swiperContainer = document.querySelector(\".default-carousel\");\n  swiperContainer.style.height = `${swiperContainer.offsetWidth * (9 \/ 16)}px`;\n\n  window.addEventListener(\"resize\", function () {\n    swiperContainer.style.height = `${swiperContainer.offsetWidth * (9 \/ 16)}px`;\n  });\n});\n\n  <\/script>\n\n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n\n<div class=\"wp-block-cover is-light\" style=\"min-height:100vh;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"1728\" height=\"1220\" class=\"wp-block-cover__image-background wp-image-95\" alt=\"\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/Hybeko-MM_Card_CD-MTL-03-1-web.jpg\" data-object-fit=\"cover\"\/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#bb9aa5\"><\/span><div class=\"wp-block-cover__inner-container is-layout-constrained wp-block-cover-is-layout-constrained\">\n<p class=\"has-text-align-center has-large-font-size wp-block-paragraph\"><\/p>\n<\/div><\/div>\n\n\n<div id=\"fotomaner\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"fotomaner\"><\/a>  <!-- This is the actual anchor point -->\n            5.1 Fotoman\u00e9r \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'fotomaner')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Fotoman\u00e9r<\/h2>\n  \n        <p>Bildene skal prim\u00e6rt tas i naturlig lys, med fotografen<br \/>\nusyn\u00adlig til stede for \u00e5 fange ekte f\u00f8lelser og \u00f8ye\u00adb\u00adlikk mens de utspiller seg. Bildene skal spille p\u00e5 det ekte, emosjonelle og spenningen gjennom et action-uttrykk.<\/p>\n<p>Bilder som gjerne viser folka, dedikasjonen og i en arbeidssetting, i forbindelse med produkter i bruk.<\/p>\n<p>Vi har i hovedsak sort-hvitt bilder, med unntak p\u00e5 produkter. Bildene er viktige for oss, og er endel av v\u00e5rt profiluttrykk i samband med v\u00e5re grafiske elementer og fargepalett.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"761\" height=\"546\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/fotomaner.png\" alt=\"\" class=\"wp-image-93\"\/><\/figure>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"kategorier\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"kategorier\"><\/a>  <!-- This is the actual anchor point -->\n            5.2 Fotoman\u00e9r \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'kategorier')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Kategorier<\/h2>\n  \n        <p>Vi har 4 kategorier som vi pr\u00f8ver \u00e5 hekte bildene v\u00e5res p\u00e5.<br \/>\nKategoriene skal gi rom for kreativ utfoldelse. Det er spesielt Action-kategorien som skal spille den r\u00f8ffere rollen i profil-uttrykket.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Action<\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/details>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Folk<\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/details>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Produkter<\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/details>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Detaljer<\/summary>\n<p class=\"wp-block-paragraph\"><\/p>\n<\/details>\n<\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"etterbehandling\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"etterbehandling\"><\/a>  <!-- This is the actual anchor point -->\n            5.3 Fotoman\u00e9r \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'etterbehandling')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Etterbehandling<\/h2>\n  \n        <p>Vi har 4 kategorier som vi pr\u00f8ver \u00e5 hekte bildene v\u00e5res p\u00e5.<br \/>\nKategoriene skal gi rom for kreativ utfoldelse. Det er spesielt Action-kategorien som skal spille den r\u00f8ffere rollen i profil-uttrykket.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-beskyttelsesrom\">\n      <div class=\"flex flex-wrap gap-4 mb-10\">\n              <div class=\"image-wrapper w-full\">\n          <!-- Second image (shown by default) -->\n          <div class=\"beskyttelsesrom-av\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"642\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/Etterbehandling-av.png\" class=\"w-full\" alt=\"Etterbehandling av\" \/>\n          <\/div>\n\n          <!-- First image (hidden by default) -->\n          <div class=\"beskyttelsesrom hidden\">\n            <img loading=\"lazy\" decoding=\"async\" width=\"596\" height=\"642\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/Etterbehandling-pa.png\" class=\"w-full\" alt=\"Etterbehandling p\u00e5\" \/>\n          <\/div>\n\n          <!-- Toggle inside each image-wrapper -->\n          <label class=\"toggle-container inline-flex items-center cursor-pointer mt-2\">\n            <input type=\"checkbox\" class=\"sr-only peer toggle-input\">\n            <div class=\"relative w-11 h-6 peer-focus:outline-none bg-jordnaer peer-focus:ring-4 peer-focus:ring-dedikert rounded-full peer peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-dedikert peer-checked:after:bg-dedikert after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-stabil after:border-stabil after:border after:rounded-full after:ml-[2px] after:h-5 after:w-5 after:transition-all peer-checked:bg-stabil\"><\/div>\n            <span class=\"toggleLabel ms-3 text-sm font-medium text-gray-900 dark:text-gray-600 ml-2\">\n              Sl\u00e5 av \n            <\/span>\n          <\/label>\n        <\/div>\n          <\/div>\n\n    <div>\n      <div class=\"acf-innerblocks-container\"><\/div>\n    <\/div>\n  <\/div>\n\n\n<script>\n  document.querySelectorAll('.image-wrapper').forEach(wrapper => {\n    const toggleInput = wrapper.querySelector('.toggle-input');\n    const toggleLabel = wrapper.querySelector('.toggleLabel');\n    const imageOn = wrapper.querySelector('.beskyttelsesrom-av');\n    const imageOff = wrapper.querySelector('.beskyttelsesrom');\n\n    if (toggleInput && imageOn && imageOff) {\n      toggleInput.addEventListener('change', function () {\n        const isChecked = this.checked;\n\n        imageOn.classList.toggle('hidden', isChecked);\n        imageOff.classList.toggle('hidden', !isChecked);\n        toggleLabel.textContent = isChecked\n          ? 'Sl\u00e5 p\u00e5'\n          : 'Sl\u00e5 av';\n      });\n    }\n  });\n<\/script>\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div id=\"mal\" class=\"align wp-block-innhold innhold-container py-36 relative\">\n            <div class=\"top-0 left-0 w-full pb-20\">\n        <p class=\"text-gray-500 text-[16px] inline-grid\">\n            <a id=\"mal\"><\/a>  <!-- This is the actual anchor point -->\n            6.1 Malverk \n            <i class=\"fa-regular fa-link cursor-pointer text-2xl text-dedikert opacity-60 mt-2 !h-8\" onclick=\"copyAnchorToClipboard(event, 'mal')\"><\/i>\n        <\/p>\n        <\/div>\n    <div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n  <h2 class=\"text-primary text-4xl md:text-5xl xl:text-6xl 2xl:text-7xl font-normal mb-8 md:mb-10 xl:mb-12 mt-0 text-pretty text-balance font-display\">Malverk<\/h2>\n  \n        <p>Vi har et utvalg maler som v\u00e5re ansatte kan bruke n\u00e5r vi representerer merkevaren Hybeko.<\/p>\n\n      \n  \n  <div class=\"flex gap-5 flex-wrap mt-10\">\n                <a href=\"#\" target=\"\"\n              class=\"bg-dedikert hover:bg-stabil text-white w-auto text-center rounded-md leading-none px-6 py-3 hover:bg-primary-900 transition ease-in-out duration-100 hover:duration-150 inline-block font-normal text-lg xl:text-xl\">Last ned alle<\/a>\n              <\/div>\n<\/div>\n\n<script>\n  function copyAnchorToClipboard(event, anchor) {\n    \/\/ Create the full URL with the anchor\n    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;\n\n    \/\/ Create a temporary input to hold the URL\n    const tempInput = document.createElement(\"input\");\n    tempInput.style.position = \"absolute\";\n    tempInput.style.left = \"-9999px\"; \/\/ Move the input off-screen\n    tempInput.value = url; \/\/ Set the input value to the anchor URL\n    \n    document.body.appendChild(tempInput); \/\/ Add the input to the body\n    tempInput.select(); \/\/ Select the input's value\n    document.execCommand(\"copy\"); \/\/ Copy the selected text to clipboard\n    document.body.removeChild(tempInput); \/\/ Remove the input from the DOM\n\n    \/\/ Create a tooltip div\n    const tooltip = document.createElement(\"div\");\n    tooltip.classList.add(\"tooltip\");\n    tooltip.innerText = \"Link kopiert!\";\n    document.body.appendChild(tooltip);\n\n    \/\/ Position the tooltip near the mouse click\n    const mouseX = event.pageX;\n    const mouseY = event.pageY;\n    tooltip.style.left = `${mouseX + 10}px`; \/\/ Offset slightly from the mouse cursor\n    tooltip.style.top = `${mouseY + 10}px`;\n\n    \/\/ Show the tooltip with a slight delay\n    setTimeout(() => {\n      tooltip.style.opacity = 1;\n    }, 100);\n\n    \/\/ Remove the tooltip after 2 seconds\n    setTimeout(() => {\n      tooltip.style.opacity = 0;\n      setTimeout(() => document.body.removeChild(tooltip), 300); \/\/ Wait for fade-out transition\n    }, 2000);\n  }\n<\/script>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow pt-4\" style=\"flex-basis:66.66%\">\n<div>\n    <div class=\"acf-innerblocks-container\">\n<div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  group bg-gray-50 hover:bg-white hover:border-hevet hover:shadow-xl \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"101\" height=\"86\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/powerpointlogo.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 grayscale group-hover:grayscale-0 w-20 mx-4 my-4 \" alt=\"\" \/>        <\/div>\n                  <p class=\"px-4 py-3 mb-2 text-xl font-medium group-hover:text-dedikert\">Powerpoint-mal<\/p>\n                                 <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/06-PowerPoint.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  group bg-gray-50 hover:bg-white hover:border-hevet hover:shadow-xl \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"83\" height=\"77\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/outlook.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 grayscale group-hover:grayscale-0 w-20 mx-4 my-4 \" alt=\"outlook logo\" \/>        <\/div>\n                  <p class=\"px-4 py-3 mb-2 text-xl font-medium group-hover:text-dedikert\">Mail-signatur<\/p>\n                                 <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/06-Mailsignatur.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  group bg-gray-50 hover:bg-white hover:border-hevet hover:shadow-xl \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"76\" height=\"76\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/teams.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 grayscale group-hover:grayscale-0 w-20 mx-4 my-4 \" alt=\"teams logo\" \/>        <\/div>\n                  <p class=\"px-4 py-3 mb-2 text-xl font-medium group-hover:text-dedikert\">Teams Bakgrunn<\/p>\n                                 <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/06-Teamsbakgrunner.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"align wp-block-bilderamme grid-cols-2\">\n\n\n\n    <div class=\"flex flex-items  gap-12 mb-12\">\n      \n      \n      \n            \n      \n      \n      \n      <div class=\"border-2 border-hevet w-full  group bg-gray-50 hover:bg-white hover:border-hevet hover:shadow-xl \">\n        <div class=\"relative w-full border-b-2 border-hevet\">\n                  \n        \n          <img loading=\"lazy\" decoding=\"async\" width=\"77\" height=\"77\" src=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/03\/linkdin-logo.svg\" class=\"object-cover relative top-0 center-0 w-full h-full object-center-center z-0 grayscale group-hover:grayscale-0 w-20 mx-4 my-4 \" alt=\"\" \/>        <\/div>\n                  <p class=\"px-4 py-3 mb-2 text-xl font-medium group-hover:text-dedikert\">Linkedin-cover<\/p>\n                                 <a class=\"flex flex-row px-4 text-sm gap-1 underline hover:no-underline w-full items-baseline\" href=\"https:\/\/hybekoprofil.mteam.no\/wp-content\/uploads\/2025\/06\/06-LinkedIn.zip\" target=\"\">\n          <div class=\"text-primary h-8 w-8 rounded-full inline-block content-center text-center mb-2 mr-1\"> <i class=\"fa-solid fa-arrow-down\"><\/i> <\/div>Last ned<\/a>\n                \n      <\/div>\n       \n          <\/div>\n  \n  <div>\n    <div class=\"acf-innerblocks-container\"><\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":100,"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":266,"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/266"}],"wp:attachment":[{"href":"https:\/\/hybekoprofil.mteam.no\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}