{"id":1175,"date":"2026-06-09T07:19:56","date_gmt":"2026-06-09T07:19:56","guid":{"rendered":"https:\/\/arvinge.se\/?page_id=1175"},"modified":"2026-10-20T19:50:45","modified_gmt":"2026-10-20T19:50:45","slug":"kommunikationsbyra-2","status":"publish","type":"page","link":"https:\/\/arvinge.se\/en\/","title":{"rendered":"Kommunikationsbyr\u00e5"},"content":{"rendered":"<section class=\"bde-section-1175-100 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1175-104 bde-div\">\n  \n  \n\t\n\n\n\n<h1 class=\"bde-dual-heading-1175-301 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">En kommunikationsbyr\u00e5 som g\u00f6r dig<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  \">l\u00e4ttare att v\u00e4lja<\/span>\n\n\n\n<\/h1><div class=\"bde-text-1175-108 bde-text\">\nDu vet varf\u00f6r ditt f\u00f6retag \u00e4r ett bra val. Vi hj\u00e4lper dina kunder och resten av marknaden att f\u00f6rst\u00e5 det ocks\u00e5.\n<\/div>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1175-316 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-shortcode-1175-320 bde-shortcode\">\r\n<div class=\"arv-stack\" id=\"arvStack\">\r\n  <div class=\"arv-stage\" id=\"arvStage\">\r\n\r\n    <div class=\"arv-card\" id=\"arvC1\">\r\n      <div class=\"arv-bg\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/terranor-case1.png');\"><\/div>\r\n      <div class=\"arv-overlay\"><\/div>\r\n      <div class=\"arv-content\">\r\n        <div class=\"arv-case-label\">CASE<\/div>\r\n        <h3>Konceptuell utveckling av webben<\/h3>\r\n        <p>En digital helhetsupplevelse som g\u00f6r ett komplext erbjudande enklare att f\u00f6rst\u00e5.<\/p>\r\n        <div class=\"arv-tags\"><span>Webb<\/span><span>Kommunikation<\/span><span>Digital strategi<\/span><\/div>\r\n        <a href=\"#\" class=\"arv-readmore\" data-case=\"terranor\">L\u00e4s mer \u2192<\/a>\r\n      <\/div>\r\n      <div class=\"arv-hint\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arv-card\" id=\"arvC2\">\r\n      <div class=\"arv-bg\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/transformant-case-2.png');\"><\/div>\r\n      <div class=\"arv-overlay\"><\/div>\r\n      <div class=\"arv-content\">\r\n        <div class=\"arv-case-label\">CASE<\/div>\r\n        <h3>Nya platser och destinationer i kundresan<\/h3>\r\n        <p>Kommunikation och marknadsf\u00f6ring f\u00f6r aff\u00e4rssystem och intelligent teknik.<\/p>\r\n        <div class=\"arv-tags\"><span>PR<\/span><span>Webb<\/span><span>Thought leadership<\/span><\/div>\r\n        <a href=\"#\" class=\"arv-readmore\" data-case=\"transformant\">L\u00e4s mer \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"arv-card\" id=\"arvC3\">\r\n      <div class=\"arv-bg\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/sal-navigation-case-3.png');\"><\/div>\r\n      <div class=\"arv-overlay\"><\/div>\r\n      <div class=\"arv-content\">\r\n        <div class=\"arv-case-label\">CASE<\/div>\r\n        <h3>Kommunikation f\u00f6r Sverige och v\u00e4rlden<\/h3>\r\n        <p>Ny webbplats med f\u00f6rb\u00e4ttrad struktur och st\u00f6d f\u00f6r ett internationellt distribut\u00f6rsn\u00e4t.<\/p>\r\n        <div class=\"arv-tags\"><span>Webb<\/span><span>Digital strategi<\/span><span>Internationell n\u00e4rvaro<\/span><\/div>\r\n        <a href=\"#\" class=\"arv-readmore\" data-case=\"sal\">L\u00e4s mer \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<div class=\"arv-popup-bg\" id=\"arvPopupBg\"><\/div>\r\n<div class=\"arv-popup\" id=\"arvPopup\">\r\n  <button class=\"arv-popup-close\" id=\"arvPopupClose\">\u2715<\/button>\r\n  <div class=\"arv-popup-inner\" id=\"arvPopupInner\"><\/div>\r\n<\/div>\r\n\r\n<script type=\"application\/json\" id=\"arvCaseData\">\r\n{\r\n  \"terranor\": {\r\n    \"client\": \"Terranor\",\r\n    \"title\": \"Fr\u00e5n m\u00e5nga tj\u00e4nster till en tydligare webbupplevelse\",\r\n    \"image\": \"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/terranor-case1.png\",\r\n    \"intro\": \"Terranor ansvarar f\u00f6r drift och underh\u00e5ll av v\u00e4gar samt bidrar till s\u00e4krare och mer h\u00e5llbara trafikmilj\u00f6er. Arvinge utvecklade en ny webbplats med tydligare struktur, inneh\u00e5ll och anv\u00e4ndarupplevelse.\",\r\n    \"points\": [\r\n      \"Ny webbplats: Koncept, struktur, inneh\u00e5ll och produktion.\",\r\n      \"Tydligare erbjudande: Omarbetning av tj\u00e4nster, verksamhetsomr\u00e5den och kundresor.\",\r\n      \"F\u00f6rb\u00e4ttrad digital n\u00e4rvaro: SEO, anv\u00e4ndarupplevelse och st\u00f6d f\u00f6r rekrytering.\"\r\n    ],\r\n    \"tags\": [\"Webb\", \"Digital strategi\", \"Anv\u00e4ndarupplevelse\"]\r\n  },\r\n  \"transformant\": {\r\n    \"client\": \"Transformant\",\r\n    \"title\": \"Konsten att g\u00f6ra komplex teknik enklare att v\u00e4lja\",\r\n    \"image\": \"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/transformant-case-2.png\",\r\n    \"intro\": \"Transformant hj\u00e4lper f\u00f6retag och organisationer att utveckla verksamheten med aff\u00e4rssystem och intelligent teknik. Arvinge ansvarar f\u00f6r kommunikation och marknadsf\u00f6ring.\",\r\n    \"points\": [\r\n      \"Lansering av f\u00f6retagets samarbete med Microsoft: PR, pressmaterial, LinkedIn och kampanj.\",\r\n      \"Lansering av tj\u00e4nsten Ezypay: Paid social, film, webb och s\u00e4ljst\u00f6dsmaterial.\",\r\n      \"Konceptet \\\"Att v\u00e4lja \u00e4r att leda\\\": Thought leadership, content marketing, webbinarium och event.\"\r\n    ],\r\n    \"tags\": [\"PR\", \"Webb\", \"Thought leadership\"]\r\n  },\r\n  \"sal\": {\r\n    \"client\": \"SAL Navigation\",\r\n    \"title\": \"En digital plattform f\u00f6r en global marknad\",\r\n    \"image\": \"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/sal-navigation-case-3.png\",\r\n    \"intro\": \"SAL Navigation utvecklar maritim teknik f\u00f6r s\u00e4krare, effektivare och mer h\u00e5llbara sj\u00f6fartsoperationer. Arvinge utvecklade en ny webbplats med f\u00f6rb\u00e4ttrad struktur, inneh\u00e5ll och st\u00f6d f\u00f6r ett internationellt distribut\u00f6rsn\u00e4t.\",\r\n    \"points\": [\r\n      \"Ny webbplats: Koncept, struktur, inneh\u00e5ll och produktion.\",\r\n      \"Global navigering: Produkter, marknader och distribut\u00f6rer i ett gemensamt gr\u00e4nssnitt.\",\r\n      \"Internationell n\u00e4rvaro: SEO, anv\u00e4ndarupplevelse och st\u00f6d f\u00f6r f\u00f6rs\u00e4ljning p\u00e5 flera marknader.\"\r\n    ],\r\n    \"tags\": [\"Webb\", \"Digital strategi\", \"Internationell n\u00e4rvaro\"]\r\n  }\r\n}\r\n<\/script>\r\n\r\n<style>\r\n.arv-stack {\r\n  position: relative;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: 300vh;\r\n  background: #000;\r\n  overflow: hidden;\r\n}\r\n\r\n.arv-stage {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: start;\r\n}\r\n\r\n.arv-card {\r\n  position: absolute;\r\n  width: calc(100% - 64px);\r\n  max-width: calc(100% - 64px);\r\n  height: min(720px, 80vh);\r\n  border-radius: 28px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(255,255,255,.22);\r\n  box-shadow:\r\n    0 0 0 1px rgba(255,255,255,.05),\r\n    0 40px 80px rgba(0,0,0,.8),\r\n    0 80px 160px rgba(0,0,0,.6);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n#arvC1 { z-index:1; }\r\n#arvC2 { z-index:2; }\r\n#arvC3 { z-index:3; }\r\n\r\n.arv-card::before {\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  border-radius:28px;\r\n  background:linear-gradient(150deg,rgba(255,255,255,.08) 0%,transparent 50%);\r\n  z-index:4;\r\n  pointer-events:none;\r\n}\r\n\r\n.arv-bg {\r\n  position:absolute;\r\n  inset:0;\r\n  background-size:cover;\r\n  background-position:center;\r\n}\r\n\r\n.arv-overlay {\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.52) 42%,rgba(0,0,0,.05) 78%),\r\n    linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.65));\r\n}\r\n\r\n.arv-content {\r\n  position:absolute;\r\n  z-index:5;\r\n  left:clamp(32px,4vw,70px);\r\n  bottom:clamp(32px,4vw,70px);\r\n  max-width:520px;\r\n}\r\n\r\n.arv-case-label{\r\n  margin-bottom:14px;\r\n  color:rgba(255,255,255,.55);\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.24em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.arv-content h3 {\r\n  margin:0 0 16px;\r\n  color:#fff;\r\n  font-size:clamp(2.4rem,3.8vw,3.1rem);\r\n  text-wrap: balance;\r\n  line-height:1.12;\r\n  letter-spacing:-.04em;\r\n  font-weight:500;\r\n}\r\n\r\n.arv-content p {\r\n  margin:0;\r\n  color:rgba(255,255,255,.68);\r\n  font-size:17px;\r\n  line-height:1.65;\r\n  max-width:420px;\r\n}\r\n\r\n.arv-tags {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n  margin-top:22px;\r\n}\r\n\r\n.arv-tags span {\r\n  height:34px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:0 16px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.2);\r\n  background:rgba(255,255,255,.08);\r\n  color:rgba(255,255,255,.85);\r\n  font-size:12px;\r\n  font-weight:500;\r\n}\r\n\r\n.arv-content a.arv-readmore {\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-top:30px;\r\n  color:#fff;\r\n  font-size:15px;\r\n  text-decoration:none;\r\n  border-bottom:1px solid rgba(255,255,255,.28);\r\n  padding-bottom:6px;\r\n  cursor:pointer;\r\n}\r\n\r\n.arv-hint {\r\n  position:absolute;\r\n  z-index:6;\r\n  bottom:clamp(32px,4vw,70px);\r\n  right:clamp(32px,4vw,70px);\r\n  width:1px;\r\n  height:48px;\r\n  background:linear-gradient(to bottom,rgba(255,255,255,.4),transparent);\r\n  animation:arv-pulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n@keyframes arv-pulse {\r\n  0%,100%{ opacity:.35; transform:scaleY(1); }\r\n  50%{ opacity:1; transform:scaleY(1.3); }\r\n}\r\n\r\n\/* POPUP *\/\r\n.arv-popup-bg {\r\n  position: fixed;\r\n  inset: 0;\r\n  background: rgba(0,0,0,.75);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  z-index: 9998;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .35s ease;\r\n}\r\n\r\n.arv-popup-bg.arv-open {\r\n  opacity:1;\r\n  pointer-events:auto;\r\n}\r\n\r\n.arv-popup {\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -46%);\r\n  width: min(820px, 92vw);\r\n  max-height: 88vh;\r\n  background: #0e0e12;\r\n  border: 1px solid rgba(255,255,255,.12);\r\n  border-radius: 28px;\r\n  box-shadow: 0 40px 100px rgba(0,0,0,.85);\r\n  z-index: 9999;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  transition: opacity .35s ease, transform .4s cubic-bezier(.16,1,.3,1);\r\n  overflow: hidden;\r\n}\r\n\r\n.arv-popup.arv-open {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n  transform: translate(-50%, -50%);\r\n  overflow-y: auto;\r\n}\r\n\r\n.arv-popup-close {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.15);\r\n  background: rgba(0,0,0,.4);\r\n  color: rgba(255,255,255,.7);\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 10;\r\n}\r\n\r\n.arv-popup-image {\r\n  width: 100%;\r\n  aspect-ratio: 16\/7;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.arv-popup-body {\r\n  padding: clamp(28px,4vw,52px);\r\n}\r\n\r\n.arv-popup-client {\r\n  color: rgba(255,255,255,.55);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: .2em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.arv-popup-title {\r\n  color: #fff;\r\n  font-size: clamp(1.5rem,2.8vw,2.1rem);\r\n  font-weight: 500;\r\n  line-height: 1.15;\r\n  letter-spacing: -.03em;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.arv-popup-intro {\r\n  color: rgba(255,255,255,.62);\r\n  font-size: 16px;\r\n  line-height: 1.75;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.arv-popup-points {\r\n  list-style: none;\r\n  margin-bottom: 30px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 14px;\r\n}\r\n\r\n.arv-popup-points li {\r\n  color: rgba(255,255,255,.8);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  padding-left: 20px;\r\n  position: relative;\r\n}\r\n\r\n.arv-popup-points li::before {\r\n  content:'';\r\n  position:absolute;\r\n  left:0;\r\n  top:9px;\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#9b8fff;\r\n}\r\n\r\n.arv-popup-tags {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n}\r\n\r\n.arv-popup-tags span {\r\n  height:30px;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  padding:0 14px;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  background:rgba(255,255,255,.06);\r\n  color:rgba(255,255,255,.75);\r\n  font-size:11px;\r\n}\r\n\r\n\/* MOBIL *\/\r\n@media(max-width:767px){\r\n  .arv-stack{\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    padding:0 1.5rem 28px 0 !important;\r\n    margin:0 !important;\r\n    box-sizing:border-box !important;\r\n  }\r\n\r\n  .arv-stage{\r\n    position:relative !important;\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    height:auto !important;\r\n    display:flex !important;\r\n    flex-direction:column !important;\r\n    gap:18px !important;\r\n    transform:none !important;\r\n    box-sizing:border-box !important;\r\n  }\r\n\r\n  .arv-card{\r\n    position:relative !important;\r\n    width:100% !important;\r\n    max-width:100% !important;\r\n    min-height:460px !important;\r\n    margin:0 !important;\r\n    transform:none !important;\r\n    opacity:1 !important;\r\n    box-sizing:border-box !important;\r\n  }\r\n\r\n  .arv-card::before{\r\n    border-radius:22px !important;\r\n  }\r\n\r\n  .arv-bg{\r\n    background-position:center top !important;\r\n  }\r\n\r\n  .arv-overlay{\r\n    background:\r\n      linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.34) 38%,rgba(0,0,0,.94) 100%) !important;\r\n  }\r\n\r\n  .arv-content{\r\n    left:16px !important;\r\n    right:16px !important;\r\n    bottom:18px !important;\r\n    max-width:none !important;\r\n  }\r\n\r\n  .arv-case-label{\r\n    font-size:10px !important;\r\n    margin-bottom:10px !important;\r\n  }\r\n\r\n  .arv-content h3{\r\n    font-size:24px !important;\r\n    line-height:1.06 !important;\r\n    max-width:270px !important;\r\n    margin-bottom:8px !important;\r\n  }\r\n\r\n  .arv-content p{\r\n    font-size:14px !important;\r\n    line-height:1.45 !important;\r\n    max-width:270px !important;\r\n  }\r\n\r\n  .arv-tags{\r\n    margin-top:14px !important;\r\n    gap:7px !important;\r\n  }\r\n\r\n  .arv-tags span{\r\n    height:28px !important;\r\n    font-size:10px !important;\r\n    padding:0 10px !important;\r\n  }\r\n\r\n  .arv-content a.arv-readmore{\r\n    margin-top:18px !important;\r\n    font-size:14px !important;\r\n  }\r\n\r\n  .arv-hint{\r\n    display:none !important;\r\n  }\r\n\r\n  .arv-popup{\r\n    width:calc(100vw - 24px) !important;\r\n    max-height:86vh !important;\r\n    border-radius:22px !important;\r\n  }\r\n\r\n  .arv-popup-image{\r\n    aspect-ratio:16\/10 !important;\r\n  }\r\n\r\n  .arv-popup-body{\r\n    padding:26px 22px 30px !important;\r\n  }\r\n\r\n  .arv-popup-title{\r\n    font-size:25px !important;\r\n  }\r\n\r\n  .arv-popup-intro,\r\n  .arv-popup-points li{\r\n    font-size:14px !important;\r\n    line-height:1.6 !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  function init(){\r\n    var stack = document.getElementById(\"arvStack\");\r\n    if(!stack){\r\n      setTimeout(init,80);\r\n      return;\r\n    }\r\n\r\n    var stage    = document.getElementById(\"arvStage\");\r\n    var c1       = document.getElementById(\"arvC1\");\r\n    var c2       = document.getElementById(\"arvC2\");\r\n    var c3       = document.getElementById(\"arvC3\");\r\n    var popupBg  = document.getElementById(\"arvPopupBg\");\r\n    var popup    = document.getElementById(\"arvPopup\");\r\n    var popupIn  = document.getElementById(\"arvPopupInner\");\r\n    var closeBtn = document.getElementById(\"arvPopupClose\");\r\n    var caseData = JSON.parse(document.getElementById(\"arvCaseData\").textContent);\r\n\r\n    function isMobile(){\r\n      return window.innerWidth <= 767;\r\n    }\r\n\r\n    function resetMobileCards(){\r\n      stage.style.transform = \"\";\r\n      c1.style.transform = \"\";\r\n      c1.style.opacity = \"\";\r\n      c2.style.transform = \"\";\r\n      c2.style.opacity = \"\";\r\n      c3.style.transform = \"\";\r\n      c3.style.opacity = \"\";\r\n    }\r\n\r\n    function clamp(v,lo,hi){\r\n      return v < lo ? lo : v > hi ? hi : v;\r\n    }\r\n\r\n    function ease(t){\r\n      t = clamp(t,0,1);\r\n      return t < 0.5 ? 4*t*t*t : 1 - Math.pow(-2*t+2,3)\/2;\r\n    }\r\n\r\n    function seg(p,s,e){\r\n      return ease(clamp((p-s)\/(e-s),0,1));\r\n    }\r\n\r\n    var secTop = 0;\r\n    var secH = 0;\r\n    var lastScroll = -1;\r\n\r\n    function cacheLayout(){\r\n      var scroll = document.documentElement.scrollTop || window.pageYOffset || 0;\r\n      secTop = stack.getBoundingClientRect().top + scroll;\r\n      secH = stack.offsetHeight;\r\n    }\r\n\r\n    function apply(scroll){\r\n      if(isMobile()){\r\n        resetMobileCards();\r\n        return;\r\n      }\r\n\r\n      var vh = window.innerHeight;\r\n      var total = secH - vh;\r\n      if(total <= 0) return;\r\n\r\n      var p = clamp((scroll-secTop)\/total,0,1);\r\n\r\n      stage.style.transform = \"translateY(\" + clamp(scroll-secTop,0,total) + \"px)\";\r\n\r\n      var t2 = seg(p,.05,.40);\r\n      var t3 = seg(p,.58,.93);\r\n\r\n      c1.style.transform = \"translateY(\" + (-65*t2) + \"px) scale(\" + (1-0.06*t2) + \")\";\r\n      c1.style.opacity = \"\" + (1-0.55*t2);\r\n\r\n      c2.style.transform = \"translateY(\" + (vh*(1-t2)+(-65*t3)) + \"px) scale(\" + (0.9+0.1*t2-0.06*t3) + \")\";\r\n      c2.style.opacity = \"\" + clamp(t2*2.5,0,1) * (1-0.55*t3);\r\n\r\n      c3.style.transform = \"translateY(\" + (vh*(1-t3)) + \"px) scale(\" + (0.9+0.1*t3) + \")\";\r\n      c3.style.opacity = \"\" + clamp(t3*2.5,0,1);\r\n    }\r\n\r\n    function loop(){\r\n      var scroll = document.documentElement.scrollTop || window.pageYOffset || 0;\r\n      if(scroll !== lastScroll){\r\n        lastScroll = scroll;\r\n        apply(scroll);\r\n      }\r\n      requestAnimationFrame(loop);\r\n    }\r\n\r\n    window.addEventListener(\"resize\",function(){\r\n      cacheLayout();\r\n      apply(document.documentElement.scrollTop || window.pageYOffset || 0);\r\n    });\r\n\r\n    cacheLayout();\r\n    loop();\r\n\r\n    function openPopup(key){\r\n      var d = caseData[key];\r\n      if(!d) return;\r\n\r\n      var points = d.points.map(function(p){\r\n        return '<li>' + p + '<\/li>';\r\n      }).join('');\r\n\r\n      var tags = d.tags.map(function(t){\r\n        return '<span>' + t + '<\/span>';\r\n      }).join('');\r\n\r\n      popupIn.innerHTML =\r\n        (d.image ? '<img decoding=\"async\" class=\"arv-popup-image\" src=\"' + d.image + '\" alt=\"' + d.client + '\">' : '') +\r\n        '<div class=\"arv-popup-body\">' +\r\n          '<div class=\"arv-popup-client\">' + d.client + '<\/div>' +\r\n          '<div class=\"arv-popup-title\">' + d.title + '<\/div>' +\r\n          '<div class=\"arv-popup-intro\">' + d.intro + '<\/div>' +\r\n          (points ? '<ul class=\"arv-popup-points\">' + points + '<\/ul>' : '') +\r\n          '<div class=\"arv-popup-tags\">' + tags + '<\/div>' +\r\n        '<\/div>';\r\n\r\n      popupBg.classList.add(\"arv-open\");\r\n      popup.classList.add(\"arv-open\");\r\n      document.body.style.overflow = \"hidden\";\r\n    }\r\n\r\n    function closePopup(){\r\n      popupBg.classList.remove(\"arv-open\");\r\n      popup.classList.remove(\"arv-open\");\r\n      document.body.style.overflow = \"\";\r\n    }\r\n\r\n    document.querySelectorAll(\".arv-readmore\").forEach(function(a){\r\n      a.addEventListener(\"click\",function(e){\r\n        e.preventDefault();\r\n        openPopup(this.getAttribute(\"data-case\"));\r\n      });\r\n    });\r\n\r\n    closeBtn.addEventListener(\"click\", closePopup);\r\n    popupBg.addEventListener(\"click\", closePopup);\r\n\r\n    document.addEventListener(\"keydown\",function(e){\r\n      if(e.key === \"Escape\") closePopup();\r\n    });\r\n  }\r\n\r\n  init();\r\n})();\r\n<\/script>\r\n\r\n<\/div><\/div>\n<\/section><section id=\"om-oss\" class=\"bde-section-1175-272 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1175-274 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-1175-276 bde-text\">\nDet v\u00e4rlden har brist p\u00e5 \u00e4r eftertanke. Inneh\u00e5ll finns redan i \u00f6verfl\u00f6d. Vi tror p\u00e5 id\u00e9er som h\u00e5ller l\u00e4ngre \u00e4n algoritmer och p\u00e5 kommunikation som stannar kvar. Som f\u00e5r m\u00e4nniskor att f\u00f6rst\u00e5, k\u00e4nna och agera. Mod \u00e5ldras inte.\n<\/div>\n<\/div><div class=\"bde-code-block-1175-289 bde-code-block\">\n\n  <section class=\"arvinge-logos\">\n  <div class=\"arvinge-logos-grid\">\n\n    <div class=\"logo-card logo-kc\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/03\/KC-Group.-Logo.webp\" alt=\"KC Group\">\n    <\/div>\n\n    <div class=\"logo-card logo-ezypay\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/03\/ezypay-arvinge-e1773318255502.png\" alt=\"EzyPay\">\n    <\/div>\n\n    <div class=\"logo-card logo-ata\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/03\/Namnlos-design-1.svg\" alt=\"ATA\">\n    <\/div>\n\n    <div class=\"logo-card logo-transformant\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/01\/cropped-TRANSFORMANT_transp-1-1.png\" alt=\"Transformant\">\n    <\/div>\n\n    <div class=\"logo-card logo-fa\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/FA-Logo-01-small.webp\" alt=\"Framg\u00e5ngsakademin\">\n    <\/div>\n\n    <div class=\"logo-card logo-terranor\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/01\/Logo-full-horizontal.svg\" alt=\"Terranor\">\n    <\/div>\n\n    <div class=\"logo-card logo-koffein\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/04\/Namnlos_design__17_-removebg-preview-e1776863558706.png\" alt=\"Koffeinfritt\">\n    <\/div>\n\n    <div class=\"logo-card logo-kontoret\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/kontoret-logo.svg\" alt=\"Kontoret\">\n    <\/div>\n\n    <div class=\"logo-card logo-korrosion\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/Korrosionsgruppen-Logo-registered-843x300-transparent-300x107-1.webp\" alt=\"Korrosionsgruppen\">\n    <\/div>\n\n    <div class=\"logo-card logo-neon\">\n      <img decoding=\"async\" src=\"https:\/\/arvinge.se\/wp-content\/uploads\/2026\/06\/Neon.Transparent-1-e1747023522889.png\" alt=\"Neon\">\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<section class=\"arvinge-forum-intro\" aria-labelledby=\"arvinge-forum-intro-title\">\n  <div class=\"arvinge-forum-intro__grid\">\n    <h2 id=\"arvinge-forum-intro-title\">I begynnelsen var kommunikationsbyr\u00e5n. <em>Sen fick vi en id\u00e9.<\/em><\/h2>\n    <div class=\"arvinge-forum-intro__content\">\n      <p>V\u00e5ra kunder beh\u00f6vde m\u00f6tesplatser. Vi hade id\u00e9erna och kommunikationskompetensen som kunde f\u00e5 allt att fungera f\u00f6re, under och efter. S\u00e5 f\u00f6ddes Arvinge Forum, v\u00e5rt aff\u00e4rsomr\u00e5de f\u00f6r event, seminarier och andra m\u00f6ten som f\u00f6r m\u00e4nniskor n\u00e4rmare varandra och \u00f6ppnar f\u00f6r kunskap och aff\u00e4rer.<\/p>\n      <a href=\"https:\/\/arvinge.se\/forum-event\/\" class=\"arvinge-forum-intro__button\">L\u00e4s mer<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\n.arvinge-logos{\n    padding:80px 0;\n}\n\n.arvinge-logos-grid{\n    max-width:1200px;\n    margin:0 auto;\n    display:grid;\n    grid-template-columns:repeat(5,1fr);\n\n    border-top:1px solid rgba(255,255,255,.06);\n    border-left:1px solid rgba(255,255,255,.06);\n}\n\n.logo-card{\n    height:140px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:24px;\n\n    border-right:1px solid rgba(255,255,255,.06);\n    border-bottom:1px solid rgba(255,255,255,.06);\n\n    background:rgba(255,255,255,.01);\n    transition:.25s ease;\n}\n\n.logo-card:hover{\n    background:rgba(255,255,255,.025);\n}\n\n.logo-card img{\n    width:auto;\n    height:auto;\n    object-fit:contain;\n    opacity:.58;\n    transition:.25s ease;\n}\n\n\/* Alla loggor utom Korrosionsgruppen och Neon blir vita *\/\n\n.logo-card:not(.logo-korrosion):not(.logo-neon) img{\n    filter:brightness(0) invert(1);\n}\n\n.logo-card:hover img{\n    opacity:.9;\n}\n\n\/* -------------------- *\/\n\/* OPTISK BALANSERING   *\/\n\/* -------------------- *\/\n\n.logo-kc img{\n    max-width:160px;\n    max-height:44px;\n}\n\n.logo-ezypay img{\n    max-width:165px;\n    max-height:42px;\n}\n\n.logo-ata img{\n    max-width:142px;\n    max-height:56px;\n}\n\n.logo-transformant img{\n    max-width:175px;\n    max-height:40px;\n}\n\n.logo-fa img{\n    max-width:180px;\n    max-height:60px;\n}\n\n\/* ST\u00d6RRE TERRANOR *\/\n\n.logo-terranor img{\n    max-width:290px;\n    max-height:80px;\n}\n\n.logo-koffein img{\n    max-width:150px;\n    max-height:42px;\n}\n\n.logo-kontoret img{\n    max-width:88px;\n    max-height:60px;\n}\n\n\/* -------------------- *\/\n\/* KORROSIONSGRUPPEN    *\/\n\/* -------------------- *\/\n\n.logo-korrosion img{\n    max-width:175px;\n    max-height:52px;\n    filter:grayscale(100%);\n    opacity:.7;\n}\n\n.logo-korrosion:hover img{\n    opacity:1;\n}\n\n\/* -------------------- *\/\n\/* NEON                 *\/\n\/* -------------------- *\/\n\n.logo-neon img{\n    max-width:170px;\n    max-height:90px;\n    filter:grayscale(100%);\n    opacity:.7;\n}\n\n.logo-neon:hover img{\n    opacity:1;\n}\n\n\/* -------------------- *\/\n\/* TABLET               *\/\n\/* -------------------- *\/\n\n@media(max-width:991px){\n\n    .arvinge-logos-grid{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .logo-card{\n        height:120px;\n        padding:20px;\n    }\n\n}\n\n\/* -------------------- *\/\n\/* MOBIL                *\/\n\/* -------------------- *\/\n\n@media(max-width:640px){\n\n    .logo-card{\n        height:100px;\n        padding:16px;\n    }\n\n    .logo-kc img{\n        max-width:130px;\n    }\n\n    .logo-ezypay img{\n        max-width:130px;\n    }\n\n    .logo-transformant img{\n        max-width:140px;\n    }\n\n    .logo-fa img{\n        max-width:155px;\n    }\n\n    .logo-terranor img{\n        max-width:250px;\n    }\n\n    .logo-korrosion img{\n        max-width:145px;\n    }\n\n    .logo-neon img{\n        max-width:195px;\n    }\n\n}\n\n\n.arvinge-forum-intro{\n    max-width:1200px;\n    margin:24px auto 120px;\n    padding:72px 64px;\n    border:1px solid rgba(255,255,255,.12);\n    border-radius:22px;\n    background:#1A1A1A;\n}\n.arvinge-forum-intro__grid{\n    display:grid;\n    grid-template-columns:minmax(0,4fr) minmax(0,5fr);\n    gap:64px;\n    align-items:start;\n}\n.arvinge-forum-intro h2{\n    margin:0;\n    color:#fff;\n    font-family:inherit;\n    font-size:40px;\n    line-height:48px;\n    font-weight:600;\n    letter-spacing:-.02em;\n}\n.arvinge-forum-intro h2 em{display:block;font-weight:400;}\n.arvinge-forum-intro__content p{\n    margin:0 0 32px;\n    color:rgba(255,255,255,.89);\n    font-family:inherit;\n    font-size:20.8px;\n    line-height:1.6;\n    font-weight:500;\n}\n.arvinge-forum-intro__button{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:16px 32px;\n    border:1px solid #fff;\n    border-radius:8px;\n    color:#fff !important;\n    background:transparent;\n    font-family:inherit;\n    font-size:14px;\n    line-height:14px;\n    font-weight:600;\n    text-decoration:none;\n    transition:border-radius .2s ease,background-color .2s ease,color .2s ease;\n}\n.arvinge-forum-intro__button:hover,.arvinge-forum-intro__button:focus-visible{\n    border-radius:999px;\n}\n.arvinge-forum-intro__button:focus-visible{outline:2px solid #fff;outline-offset:4px;}\n@media(max-width:991px){\n    .arvinge-forum-intro{margin:8px auto 88px;padding:56px 40px;}\n    .arvinge-forum-intro__grid{grid-template-columns:1fr;gap:32px;}\n}\n@media(max-width:640px){\n    .arvinge-forum-intro{margin:0 auto 64px;padding:40px 24px;border-radius:18px;}\n    .arvinge-forum-intro h2{font-size:32px;line-height:38px;}\n    .arvinge-forum-intro__content p{font-size:18px;line-height:1.6;margin-bottom:28px;}\n}\n\n<\/style>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-1175-166 bde-section\">\n              \n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1175-292 bde-columns\"><div class=\"bde-column-1175-293 bde-column\">\n  \n  \n\t\n\n\n\n<h2 class=\"bde-dual-heading-1175-300 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">S\u00e4nk r\u00f6sten<\/span>\n\n            <span data-style=\"secondary\" class=\"dual-heading--secondary  \">s\u00e5 h\u00f6rs du b\u00e4ttre<\/span>\n\n\n\n<\/h2><div class=\"bde-text-1175-299 bde-text\">\nSynlighet kan k\u00f6pas. F\u00f6rtroende m\u00e5ste f\u00f6rtj\u00e4nas.\n<\/div><div class=\"bde-text-1175-321 bde-text\">\nDe flesta f\u00f6retag producerar redan tillr\u00e4ckligt mycket inneh\u00e5ll. Flit \u00e4r s\u00e4llan en bristvara. Men m\u00e4nniskor lyssnar inte mer bara f\u00f6r att n\u00e5gon publicerar oftare. R\u00e4tt argument, i ett behagligt tonl\u00e4ge, vinner \u00f6ver utropstecken. Starka varum\u00e4rken k\u00e4nns s\u00e4llan stressade.\n<\/div>\n<\/div><div class=\"bde-column-1175-294 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1175-175 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-icon-1175-176 bde-icon\">\n\n    \n                    \n            \n                           \n                       \n                 \n\n    \n    \n    \n                    \n    \n    <a class=\"breakdance-link bde-icon-icon breakdance-icon-atom\" href=\"#\" target=\"_self\" data-type=\"action\"  data-action='{\"type\":\"popup\",\"popupOptions\":{\"popupAction\":\"open\",\"popupId\":\"222\"}}' >\n\n    \n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80V432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z\"\/><\/svg>\n        \n        \n        \n                <\/a>\n\n    \n\n\n<\/div><div class=\"bde-text-1175-177 bde-text\">\nArvinge p\u00e5 1 minut\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1175-319 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-code-block-1175-318 bde-code-block\">\n\n  <section class=\"arv-testimonial-slider\">\n\n  <div class=\"arv-testimonial-track\" id=\"arvTestimonialTrack\">\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2013 Det b\u00e4sta med Arvinge \u00e4r att de inte bara beskriver v\u00e5ra tj\u00e4nster, utan hj\u00e4lper oss att f\u00f6rklara v\u00e4rdet f\u00f6r kunderna och formulera budskap som st\u00e4rker b\u00e5de aff\u00e4ren och varum\u00e4rket.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Calle Andersson<\/strong><span>Transformant<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n    <article class=\"arv-testimonial-card\">\n      <p>\u2014 En samarbetspartner som alltid levererar smidigt och p\u00e5litligt, med en imponerande kunskap om branschen och f\u00f6rm\u00e5ga att snabbt s\u00e4tta sig in i v\u00e5ra behov.<\/p>\n      <div class=\"arv-testimonial-bottom\">\n        <div><strong>Matias Rodriguez<\/strong><span>ABAX<\/span><\/div>\n      <\/div>\n    <\/article>\n\n  <\/div>\n\n  <div class=\"arv-slider-controls\">\n    <button type=\"button\" class=\"arv-slider-btn\" id=\"arvPrev\">\u2190<\/button>\n    <button type=\"button\" class=\"arv-slider-btn\" id=\"arvNext\">\u2192<\/button>\n  <\/div>\n\n<\/section>\n\n<style>\n.arv-testimonial-slider{\n  width:100%;\n  position:relative;\n  overflow:hidden;\n}\n.arv-testimonial-track{\n  display:flex;\n  gap:16px;\n  overflow-x:auto;\n  scroll-snap-type:x mandatory;\n  scroll-behavior:smooth;\n  padding-bottom:18px;\n  -webkit-overflow-scrolling:touch;\n}\n.arv-testimonial-track::-webkit-scrollbar{\n  display:none;\n}\n.arv-testimonial-card{\n  flex:0 0 calc((100% - 32px) \/ 3);\n  min-height:240px;\n  padding:28px 32px;\n  background:#1a1a1a;\n  border:1px solid rgba(255,255,255,.08);\n  border-radius:10px;\n  scroll-snap-align:start;\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:\n    transform .3s cubic-bezier(.16,1,.3,1),\n    border-color .3s ease,\n    background .3s ease,\n    box-shadow .3s ease;\n}\n.arv-testimonial-card:hover{\n  transform:translateY(-4px);\n  background:#222;\n  border-color:rgba(255,255,255,.18);\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.06),\n    0 20px 60px rgba(0,0,0,.6),\n    0 0 40px rgba(155,143,255,.06);\n}\n.arv-testimonial-card p{\n  margin:0;\n  color:#fff;\n  font-size:1.2rem;\n  line-height:1.5;\n  letter-spacing:-0.03em;\n  font-weight:400;\n  transition:color .3s ease;\n}\n.arv-testimonial-card:hover p{\n  color:#fff;\n}\n.arv-testimonial-bottom{\n  display:flex;\n  align-items:flex-end;\n  justify-content:flex-end;\n  margin-top:32px;\n}\n.arv-testimonial-bottom strong{\n  display:block;\n  color:#fff;\n  font-size:15px;\n  font-weight:600;\n  line-height:1.35;\n}\n.arv-testimonial-bottom span{\n  display:block;\n  color:rgba(255,255,255,.5);\n  font-size:15px;\n  line-height:1.35;\n  transition:color .3s ease;\n}\n.arv-testimonial-card:hover .arv-testimonial-bottom span{\n  color:rgba(255,255,255,.7);\n}\n.arv-slider-controls{\n  display:flex;\n  justify-content:flex-end;\n  gap:10px;\n  margin-top:18px;\n}\n.arv-slider-btn{\n  width:46px;\n  height:46px;\n  border-radius:999px;\n  border:1px solid rgba(255,255,255,.14);\n  background:rgba(255,255,255,.04);\n  color:#fff;\n  font-size:18px;\n  cursor:pointer;\n  transition:.2s ease;\n}\n.arv-slider-btn:hover{\n  background:#fff;\n  color:#000;\n  border-color:#fff;\n  transform:translateY(-2px);\n}\n@media(max-width:1100px){\n  .arv-testimonial-card{\n    flex-basis:calc((100% - 16px) \/ 2);\n  }\n}\n@media(max-width:640px){\n  .arv-testimonial-card{\n    flex-basis:88%;\n    min-height:200px;\n    padding:24px;\n  }\n  .arv-testimonial-card p{\n    font-size:1.1rem;\n  }\n  .arv-slider-controls{\n    justify-content:flex-start;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n  var track = document.getElementById(\"arvTestimonialTrack\");\n  var prev  = document.getElementById(\"arvPrev\");\n  var next  = document.getElementById(\"arvNext\");\n  if(!track || !prev || !next) return;\n  function getScrollAmount(){\n    var card = track.querySelector(\".arv-testimonial-card\");\n    return card ? card.offsetWidth + 16 : 400;\n  }\n  prev.addEventListener(\"click\", function(){ track.scrollBy({ left:-getScrollAmount(), behavior:\"smooth\" }); });\n  next.addEventListener(\"click\", function(){ track.scrollBy({ left:getScrollAmount(),  behavior:\"smooth\" }); });\n});\n<\/script>\n\n\n<\/div><\/div>\n<\/section><section class=\"bde-section-1175-227 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1175-228 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-1175-236 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-1175-290 bde-text\">\nKunskapsportal\n<\/div><h2 class=\"bde-dual-heading-1175-291 bde-dual-heading\">\n\n\n            <span data-style=\"primary\" class=\"dual-heading--primary  \">F\u00f6r m\u00e4nniskor som fattar beslut<\/span>\n\n\n\n<\/h2>\n<\/div><div class=\"bde-button-1175-237 bde-button\">\n        \n    \n    \n    \n    \n            \n                    \n            \n            \n\n    \n    \n    \n    \n    \n    <a class=\"breakdance-link button-atom button-atom--custom bde-button__button\" href=\"https:\/\/arvinge.se\/blogg\/\" target=\"_self\" data-type=\"url\">\n\n    \n        <span class=\"button-atom__text\">Alla artiklar<\/span>\n\n        \n        \n                <\/a>\n\n    \n\n\n<\/div>\n<\/div><div class=\"bde-shortcode-1175-322 bde-shortcode\">\r\n    <section class=\"ak-cards-wrap\">\r\n        <div class=\"ak-cards\">\r\n\r\n                            \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/digital-synlighet-borjar-med-kundens-problem\/\" aria-label=\"Digital synlighet b\u00f6rjar med kundens problem\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2026\/09\/Arvinge.Bild_.Blogg_.Digital.Synlighet-1024x576.png');\">\r\n                                    <span class=\"ak-readtime\">5 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>Digital synlighet b\u00f6rjar med kundens problem<\/h3>\r\n                                <p>Den som s\u00f6ker p\u00e5 ditt f\u00f6retagsnamn k\u00e4nner redan till f\u00f6retaget. Kanske har n\u00e5gon tipsat om vad du kan...<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/naringslivet-och-ai-kan-lara-politiken-vad-ansvar-egentligen-betyder\/\" aria-label=\"N\u00e4ringslivet och AI kan l\u00e4ra politiken vad ansvar egentligen betyder\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2026-02-09-at-17.16.26-1-1024x683.jpeg');\">\r\n                                    <span class=\"ak-readtime\">4 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>N\u00e4ringslivet och AI kan l\u00e4ra politiken vad ansvar egentligen betyder<\/h3>\r\n                                <p>En regering kan lansera en reform utan att definiera vad framg\u00e5ng inneb\u00e4r och \u00e4nd\u00e5 beh\u00e5lla sin auktoritet. Ett...<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/gardagen-hade-manga-ratt-vi-slutade-bara-lyssna\/\" aria-label=\"G\u00e5rdagen hade m\u00e5nga r\u00e4tt. Vi slutade bara lyssna.\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/12\/WhatsApp-Image-2026-02-09-at-17.16.26-1024x574.jpeg');\">\r\n                                    <span class=\"ak-readtime\">9 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>G\u00e5rdagen hade m\u00e5nga r\u00e4tt. Vi slutade bara lyssna.<\/h3>\r\n                                <p>Vi \u00e4lskar framtiden. Kanaler, AI, automatisering och allt som glittrar nytt. Men i jakten p\u00e5 n\u00e4sta stora sak...<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                \r\n                    <article class=\"ak-card\">\r\n                        <a class=\"ak-card-link\" href=\"https:\/\/arvinge.se\/en\/bara-barn-tror-pa-superhjaltar\/\" aria-label=\"Bara barn tror p\u00e5 superhj\u00e4ltar\">\r\n\r\n                                                            <div class=\"ak-img\" style=\"background-image:url('https:\/\/arvinge.se\/wp-content\/uploads\/2025\/11\/ales-nesetril-Im7lZjxeLhg-unsplash-1024x725.jpg');\">\r\n                                    <span class=\"ak-readtime\">4 min l\u00e4sning<\/span>\r\n                                <\/div>\r\n                            \r\n                            <div class=\"ak-body\">\r\n                                <span class=\"ak-cat\">Kommunikation<\/span>\r\n                                <h3>Bara barn tror p\u00e5 superhj\u00e4ltar<\/h3>\r\n                                <p>N\u00e4r en roll blir fem yrken: om varf\u00f6r tillv\u00e4xtbolag rekryterar fel och hur du g\u00f6r r\u00e4tt fr\u00e5n b\u00f6rjan....<\/p>\r\n                            <\/div>\r\n\r\n                        <\/a>\r\n                    <\/article>\r\n\r\n                                            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n    .ak-cards-wrap{\r\n      width:100%;\r\n      padding:0;\r\n      background:transparent;\r\n      font-family:Inter, system-ui, sans-serif;\r\n    }\r\n\r\n    .ak-cards{\r\n      width:100%;\r\n      margin:0;\r\n      display:grid;\r\n      grid-template-columns:repeat(4, 1fr);\r\n      gap:12px;\r\n    }\r\n\r\n    .ak-card{\r\n      background:#070707;\r\n      border:1px solid rgba(255,255,255,.10);\r\n      border-radius:0;\r\n      overflow:hidden;\r\n      transition:\r\n        transform .25s ease,\r\n        border-color .25s ease,\r\n        background .25s ease;\r\n    }\r\n\r\n    .ak-card:hover{\r\n      transform:translateY(-4px);\r\n      border-color:rgba(255,255,255,.22);\r\n      background:#0c0c0c;\r\n    }\r\n\r\n    .ak-card-link{\r\n      display:block;\r\n      height:100%;\r\n      color:inherit;\r\n      text-decoration:none;\r\n    }\r\n\r\n    .ak-img{\r\n      position:relative;\r\n      height:190px;\r\n      background-size:cover;\r\n      background-position:center;\r\n      overflow:hidden;\r\n      transition:transform .45s ease, opacity .25s ease;\r\n      opacity:.86;\r\n    }\r\n\r\n    .ak-card:hover .ak-img{\r\n      transform:scale(1.035);\r\n      opacity:1;\r\n    }\r\n\r\n    .ak-img::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:\r\n        linear-gradient(\r\n          180deg,\r\n          rgba(0,0,0,.05) 0%,\r\n          rgba(0,0,0,.35) 100%\r\n        );\r\n    }\r\n\r\n    .ak-ai-img{\r\n      background:\r\n        radial-gradient(circle at 62% 38%, rgba(145,120,255,.50), transparent 26%),\r\n        radial-gradient(circle at 28% 72%, rgba(255,255,255,.10), transparent 30%),\r\n        linear-gradient(135deg, #080808, #161616 55%, #050505);\r\n    }\r\n\r\n    .ak-readtime{\r\n      position:absolute;\r\n      top:14px;\r\n      left:14px;\r\n      z-index:2;\r\n      padding:7px 11px;\r\n      border-radius:999px;\r\n      background:rgba(0,0,0,.54);\r\n      border:1px solid rgba(255,255,255,.16);\r\n      color:rgba(255,255,255,.88);\r\n      font-size:11px;\r\n      font-weight:500;\r\n      line-height:1;\r\n      backdrop-filter:blur(14px);\r\n      -webkit-backdrop-filter:blur(14px);\r\n    }\r\n\r\n    .ak-body{\r\n      padding:22px 20px 24px;\r\n    }\r\n\r\n    .ak-cat{\r\n      display:block;\r\n      margin-bottom:14px;\r\n      color:rgba(255,255,255,.48);\r\n      font-size:11px;\r\n      font-weight:600;\r\n      letter-spacing:.14em;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .ak-body h3{\r\n      margin:0 0 12px;\r\n      color:#fff;\r\n      font-size:18px;\r\n      line-height:1.25;\r\n      letter-spacing:-0.03em;\r\n      font-weight:500;\r\n    }\r\n\r\n    .ak-body p{\r\n      margin:0;\r\n      color:rgba(255,255,255,.62);\r\n      font-size:13px;\r\n      line-height:1.65;\r\n    }\r\n\r\n    @media(max-width:1100px){\r\n      .ak-cards{\r\n        grid-template-columns:repeat(2, 1fr);\r\n      }\r\n    }\r\n\r\n    @media(max-width:640px){\r\n      .ak-cards{\r\n        grid-template-columns:1fr;\r\n        gap:12px;\r\n      }\r\n\r\n      .ak-img{\r\n        height:210px;\r\n      }\r\n    }\r\n    <\/style>\r\n\r\n    <\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-1175","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages\/1175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/comments?post=1175"}],"version-history":[{"count":208,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages\/1175\/revisions"}],"predecessor-version":[{"id":5838,"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/pages\/1175\/revisions\/5838"}],"wp:attachment":[{"href":"https:\/\/arvinge.se\/en\/wp-json\/wp\/v2\/media?parent=1175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}