{"id":4991,"date":"2024-04-23T10:44:10","date_gmt":"2024-04-23T10:44:10","guid":{"rendered":"https:\/\/keyknowledge.com\/?page_id=4991"},"modified":"2026-08-03T09:51:58","modified_gmt":"2026-08-03T09:51:58","slug":"home","status":"publish","type":"page","link":"https:\/\/keyknowledge.com\/sv\/","title":{"rendered":"Hem"},"content":{"rendered":"<!-- ==================================================================\n     KEY KNOWLEDGE \u2014 HOME \/ LANDING  (v2, flagship)\n     Paste into ONE full-width (12\/12) Custom HTML block.\n     EDIT: button + panel links to match your slugs.\n     ================================================================== -->\n\n<div class=\"kk-hm\">\n\n  <!-- ===== 1. HERO ===== -->\n  <section class=\"kk-band kk-hero\">\n    <span class=\"kk-circle kk-c1\"><\/span>\n    <span class=\"kk-circle kk-c2\"><\/span>\n    <div class=\"kk-wrap kk-hero-in\">\n      <span class=\"kk-slogan\">Efterlevnad som en tj\u00e4nst<\/span>\n      <span class=\"kk-bar\"><i><\/i><i><\/i><i><\/i><\/span>\n      <h1>Utbildning i efterlevnad av Europas nya regler<\/h1>\n      <p class=\"kk-hero-sub\">Rollbaserade kurser om EU:s AI-lag, GDPR, cybermotst\u00e5ndskraft och h\u00e5llbarhet. Enkelt spr\u00e5k, sj\u00e4lvstudier och utformade f\u00f6r alla som m\u00e5ste agera utifr\u00e5n dem, inte bara specialisterna.<\/p>\n      <div class=\"kk-btns\">\n        <a class=\"kk-btn kk-btn-solid\" href=\"#bundles\">Utforska kurserna<\/a>\n        <a class=\"kk-btn kk-btn-ghost\" href=\"\/sv\/contact-us\/\">Prata med oss<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== 2. STAT BAND ===== -->\n  <section class=\"kk-band kk-stats-band\">\n    <div class=\"kk-wrap kk-stats\">\n      <div><b>3<\/b><span>efterlevnadsprogram<\/span><\/div>\n      <div><b>12<\/b><span>rollbaserade kurser<\/span><\/div>\n      <div><b>24\/7<\/b><span>AI Tutor-st\u00f6d<\/span><\/div>\n      <div><b>1<\/b><span>plattform f\u00f6r alltihop<\/span><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== 3. BUNDLE TRIPTYCH ===== -->\n  <section class=\"kk-tri\" id=\"bundles\">\n    <a class=\"kk-panel kk-p-ai\" href=\"\/sv\/ai-ethics-and-compliance\/\">\n      <span class=\"kk-pcircle\"><\/span>\n      <div class=\"kk-pin\">\n        <span class=\"kk-pnum\">01<\/span>\n        <h2>AI-etik och efterlevnad<\/h2>\n        <p>EU:s AI-lag, roll f\u00f6r roll, fr\u00e5n vardagliga anv\u00e4ndare av AI-verktyg till de team som bygger, levererar och st\u00f6djer dem.<\/p>\n        <span class=\"kk-plink\">Utforska \u2192<\/span>\n      <\/div>\n    <\/a>\n    <a class=\"kk-panel kk-p-gd\" href=\"\/sv\/gdpr\/\">\n      <span class=\"kk-pcircle\"><\/span>\n      <div class=\"kk-pin\">\n        <span class=\"kk-pnum\">02<\/span>\n        <h2>GDPR och cyberf\u00f6rsvar<\/h2>\n        <p>Dataskydd med reglerna f\u00f6r cybermotst\u00e5ndskraft enligt NIS2 och DORA, f\u00f6r varje team som hanterar personuppgifter.<\/p>\n        <span class=\"kk-plink\">Utforska \u2192<\/span>\n      <\/div>\n    <\/a>\n    <a class=\"kk-panel kk-p-es\" href=\"\/sv\/esg\/\">\n      <span class=\"kk-pcircle\"><\/span>\n      <div class=\"kk-pin\">\n        <span class=\"kk-pnum\">03<\/span>\n        <h2>ESG och h\u00e5llbarhet<\/h2>\n        <p>H\u00e5llbarhetsrapportering och due diligence enligt CSRD och CSDDD, fr\u00e5n koldioxidredovisning till m\u00e4nskliga r\u00e4ttigheter.<\/p>\n        <span class=\"kk-plink\">Utforska \u2192<\/span>\n      <\/div>\n    <\/a>\n  <\/section>\n\n  <!-- ===== FREE TRIAL ===== -->\n  <section class=\"kk-band kk-trial\">\n    <div class=\"kk-wrap kk-trial-in\">\n      <div class=\"kk-trial-text\">\n        <span class=\"kk-trial-badge\">72 timmar \u00b7 gratis<\/span>\n        <h2>Prova hela programmet innan du k\u00f6per<\/h2>\n      <\/div>\n      <div class=\"kk-trial-act\">\n        <a class=\"kk-trial-btn\" href=\"\/sv\/pricing\/#trial\">Starta din gratis provperiod \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== 4. WHY (cards) ===== -->\n  <section class=\"kk-band kk-white\">\n    <div class=\"kk-wrap\">\n      <h2 class=\"kk-h2\">Utbildning som m\u00e4nniskor faktiskt genomf\u00f6r<\/h2>\n      <div class=\"kk-why\">\n        <div class=\"kk-why-card\"><h3>Matchade med rollen<\/h3><p>Samma regel p\u00e5verkar HR, ingenj\u00f6rer och styrelsen p\u00e5 olika s\u00e4tt. Varje kurs \u00e4r skriven f\u00f6r den som faktiskt utf\u00f6r arbetet.<\/p><\/div>\n        <div class=\"kk-why-card\"><h3>Skrivet f\u00f6r att f\u00f6rst\u00e5s<\/h3><p>Enkelt spr\u00e5k, verkliga scenarier och f\u00f6rkortningar tydligt formulerade, s\u00e5 att en icke-specialist kan f\u00f6lja med och till\u00e4mpa det.<\/p><\/div>\n        <div class=\"kk-why-card\"><h3>Klar f\u00f6r en revision<\/h3><p>Varje elev f\u00e5r ett certifikat, och administrat\u00f6rer f\u00e5r en \u00f6versikt som visar vem som \u00e4r utbildad och vem som inte \u00e4r det.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ===== 5. COMPLIANCE AS A SERVICE ===== -->\n  <section class=\"kk-band kk-caas-band\">\n    <div class=\"kk-wrap\">\n      <span class=\"kk-caas-tag\">Efterlevnad som en tj\u00e4nst<\/span>\n      <h2 class=\"kk-h2\">En plan. Alltid aktuell.<\/h2>\n      <p class=\"kk-caas-lead\">Nya EU-regler tr\u00e4der fram i snabb takt och arbetsuppgifterna \u00e4ndras st\u00e4ndigt. Ist\u00e4llet f\u00f6r eng\u00e5ngskurser som blir f\u00f6r\u00e5ldrade, erbjuder vi er efterlevnadsutbildning som en \u00e5rlig tj\u00e4nst: era team h\u00e5ller sig utbildade, varje nyanst\u00e4lld f\u00e5r sin onboarding-tj\u00e4nst och kurserna uppdateras i takt med att lagen \u00e4ndras.<\/p>\n      <div class=\"kk-plan3\">\n        <div><span class=\"kk-pn\">01<\/span><h3>En \u00e5rlig plan<\/h3><p>Prenumerera en g\u00e5ng s\u00e5 f\u00e5r dina team alla kurser de beh\u00f6ver, inom AI, data och cyber, samt h\u00e5llbarhet.<\/p><\/div>\n        <div><span class=\"kk-pn\">02<\/span><h3>Varje nyanst\u00e4lld, ombord<\/h3><p>En ny medarbetare \u00e4r utbildad fr\u00e5n dag ett. Inget \u00e5terk\u00f6p och ingen extra administration fr\u00e5n din sida.<\/p><\/div>\n        <div><span class=\"kk-pn\">03<\/span><h3>Alltid uppdaterad<\/h3><p>N\u00e4r en regel \u00e4ndras uppdaterar vi utbildningen, s\u00e5 att du automatiskt h\u00e5ller dig uppdaterad med de senaste kraven.<\/p><\/div>\n      <\/div>\n      <p class=\"kk-urgent-note\">EU:s AI-lag, NIS2, DORA och h\u00e5llbarhetsreglerna har tr\u00e4tt i kraft nu, och datumen f\u00f6r verkst\u00e4llande \u00e4r redan fastst\u00e4llda. Att h\u00e5lla sig uppdaterad \u00e4r br\u00e5dskande, och det \u00e4r v\u00e5rt jobb att h\u00e5lla er uppdaterade.<\/p>\n    <\/div>\n  <\/section>\n\n\n\n\n  <!-- ===== 5. CTA ===== -->\n  <section class=\"kk-band kk-cta\">\n    <div class=\"kk-wrap kk-cta-in\">\n      <h2>De flesta team beh\u00f6ver mer \u00e4n ett omr\u00e5de som t\u00e4cks<\/h2>\n      <p>Ber\u00e4tta om er organisation och de roller ni beh\u00f6ver utbilda. Vi hj\u00e4lper er att kombinera r\u00e4tt program och sammanst\u00e4lla en offert som fungerar f\u00f6r er.<\/p>\n      <div class=\"kk-btns\">\n        <a class=\"kk-btn kk-btn-solid\" href=\"\/sv\/contact-us\/\">F\u00e5 en offert<\/a>\n        <a class=\"kk-btn kk-btn-ghost\" href=\"\/sv\/pricing\/\">Se priss\u00e4ttning<\/a>\n      <\/div>\n      <p class=\"kk-cta-lead\">\u00c4r du os\u00e4ker p\u00e5 vad som g\u00e4ller f\u00f6r dig?<\/p>\n      <a class=\"kk-home-check\" href=\"\/sv\/courses\/#check\"><span>Kontrollera vilken efterlevnad du beh\u00f6ver \u00b7 1 min<\/span><span class=\"kk-hc-arrow\">\u2192<\/span><\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<style>\n.kk-hm { color: #222; }\n.kk-hm * { box-sizing: border-box; }\n.kk-band { width: 100vw; margin-left: calc(50% - 50vw); }\n.kk-wrap { max-width: 1180px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 44px); }\n.kk-btn { display: inline-block; padding: 14px 28px; border-radius: 4px; font-weight: 600; text-decoration: none; }\n.kk-btn-solid { background: #F5A337; color: #27398B; }\n.kk-btn-ghost { border: 2px solid #fff; color: #fff; }\n.kk-btns { display: flex; gap: 14px; flex-wrap: wrap; }\n\n\/* 1. HERO *\/\n.kk-hero { position: relative; overflow: hidden; background: #27398B; color: #fff; }\n.kk-hero-in { padding-top: 96px; padding-bottom: 96px; position: relative; z-index: 2; }\n.kk-hero h1 { color: #fff; font-size: clamp(1.8em, 3.8vw, 2.9em); line-height: 1.12; margin: 0 0 20px; max-width: none; }\n.kk-hero-sub { font-size: 1.2em; line-height: 1.6; color: #dbe0f2; max-width: 640px; margin: 0 0 30px; }\n.kk-bar { display: inline-flex; gap: 6px; margin-bottom: 26px; }\n.kk-bar i { width: 34px; height: 6px; border-radius: 3px; }\n.kk-bar i:nth-child(1) { background: #fff; }\n.kk-bar i:nth-child(2) { background: #F5A337; }\n.kk-bar i:nth-child(3) { background: #3FA37A; }\n.kk-circle { position: absolute; border-radius: 50%; z-index: 1; }\n.kk-c1 { width: 460px; height: 460px; background: #33459c; top: -140px; right: -120px; animation: kkfloat 9s ease-in-out infinite; }\n.kk-c2 { width: 300px; height: 300px; background: #223278; bottom: -130px; left: -90px; animation: kkfloat 11s ease-in-out infinite reverse; }\n@keyframes kkfloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }\n@media (prefers-reduced-motion: reduce) { .kk-circle { animation: none; } }\n\n\/* 2. STATS *\/\n.kk-stats-band { background: #eaf0fb; }\n.kk-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; padding-top: 40px; padding-bottom: 40px; }\n.kk-stats div { text-align: center; }\n.kk-stats b { display: block; font-size: 2.8em; font-weight: 800; color: #27398B; line-height: 1; }\n.kk-stats span { display: block; margin-top: 8px; font-size: .95em; color: #556; }\n\n\/* 3. TRIPTYCH *\/\n.kk-tri { width: 100vw; margin-left: calc(50% - 50vw); display: grid; grid-template-columns: repeat(3, 1fr); }\n.kk-panel { position: relative; overflow: hidden; text-decoration: none; color: #fff; min-height: 440px; display: flex; align-items: flex-end; transition: filter .25s ease; }\n.kk-panel:hover { filter: brightness(1.06); }\n.kk-p-ai { background: #27398B; }\n.kk-p-gd { background: #F5A337; }\n.kk-p-es { background: #1E7256; }\n.kk-pin { position: relative; z-index: 2; padding: 44px clamp(24px, 3vw, 40px); }\n.kk-pnum { font-size: .9em; font-weight: 700; letter-spacing: .1em; opacity: .7; }\n.kk-panel h2 { font-size: 1.7em; margin: 8px 0 12px; color: inherit; line-height: 1.2; }\n.kk-panel p { margin: 0 0 18px; line-height: 1.6; max-width: 34ch; }\n.kk-plink { font-weight: 700; font-size: 1.05em; }\n.kk-pcircle { position: absolute; width: 260px; height: 260px; border-radius: 50%; top: -70px; right: -70px; background: rgba(255,255,255,.10); z-index: 1; transition: transform .3s ease; }\n.kk-panel:hover .kk-pcircle { transform: scale(1.15); }\n\/* orange panel: dark text for contrast *\/\n.kk-p-gd, .kk-p-gd h2 { color: #3a2400; }\n.kk-p-gd .kk-pcircle { background: rgba(255,255,255,.22); }\n\n\/* 4. STEPS *\/\n.kk-white { background: #fff; }\n.kk-h2 { font-size: 1.9em; color: #27398B; margin: 0 0 34px; }\n.kk-white, .kk-cta { padding-top: 72px; padding-bottom: 72px; }\n\/* why cards (distinct from the numbered plan layout) *\/\n.kk-why { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }\n.kk-why-card { background:#f4f6fb; border-top:4px solid #F5A337; border-radius:6px; padding:26px 24px; }\n.kk-why-card h3 { color:#27398B; font-size:1.18em; margin:0 0 10px; }\n.kk-why-card p { color:#444; line-height:1.6; margin:0; }\n\n\/* compliance-as-a-service band gets its own padding so it is not clipped *\/\n.kk-caas-band { background:#eaf0fb; padding-top:72px; padding-bottom:72px; }\n.kk-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }\n.kk-step { }\n.kk-snum { display: block; font-size: 2.4em; font-weight: 800; color: #F5A337; line-height: 1; margin-bottom: 12px; }\n.kk-step h3 { margin: 0 0 10px; color: #27398B; font-size: 1.2em; }\n.kk-step p { margin: 0; color: #444; line-height: 1.6; }\n\n\/* 5. CTA *\/\n.kk-cta { background: #27398B; color: #fff; }\n.kk-cta h2 { color: #fff; font-size: 1.9em; margin: 0 0 14px; max-width: none; }\n.kk-cta-in p { color: #dbe0f2; font-size: 1.08em; max-width: 640px; margin: 0 0 26px; line-height: 1.6; }\n.kk-cta-lead { margin: 60px 0 14px; color: #cdd4ee; font-size: 1.02em; }\n.kk-home-check {\n  display: inline-flex; align-items: center; gap: 12px;\n  background: #fff; color: #27398B; text-decoration: none;\n  padding: 16px 34px; border-radius: 6px; font-weight: 800; font-size: 1.1em;\n  animation: kkglow 2.2s ease-in-out infinite;\n  transition: transform .2s ease;\n}\n.kk-home-check:hover { transform: translateY(-2px); }\n.kk-home-check .kk-hc-arrow { color: #F5A337; font-size: 1.2em; transition: transform .2s ease; }\n.kk-home-check:hover .kk-hc-arrow { transform: translateX(5px); }\n@keyframes kkglow { 0%,100% { box-shadow: 0 0 0 0 rgba(245,163,55,.5); } 50% { box-shadow: 0 0 24px 5px rgba(245,163,55,.6); } }\n@media (prefers-reduced-motion: reduce) { .kk-home-check { animation: none; } }\n\n\n\/* hero slogan tag *\/\n.kk-slogan { display:inline-block; font-size:.82em; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#F5A337; margin-bottom:16px; }\n\n\/* compliance as a service section *\/\n.kk-caas-tag { display:block; font-size:.8em; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#F5A337; margin-bottom:10px; }\n.kk-caas-lead { color:#444; font-size:1.08em; line-height:1.65; max-width:820px; margin:0 0 34px; }\n.kk-plan3 { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }\n.kk-plan3 h3 { color:#27398B; font-size:1.18em; margin:0 0 8px; }\n.kk-plan3 p { color:#444; line-height:1.6; margin:0; }\n.kk-pn { display:block; font-size:2.1em; font-weight:800; color:#F5A337; line-height:1; margin-bottom:10px; }\n.kk-urgent-note { margin:34px 0 0; padding:18px 22px; background:#fff; border-left:5px solid #F5A337; border-radius:4px; color:#333; font-weight:600; line-height:1.55; max-width:900px; }\n\n\n\/* free trial band \u2014 warm cream panel, distinct from the navy\/white\/blue sections *\/\n.kk-trial { background:#FFF7EC; }\n.kk-trial-in { display:flex; gap:40px; align-items:center; justify-content:space-between; flex-wrap:wrap;\n  padding-top:44px; padding-bottom:44px; }\n.kk-trial-text { position:relative; padding-left:26px; }\n.kk-trial-text::before { content:\"\"; position:absolute; left:0; top:4px; bottom:4px; width:6px;\n  border-radius:6px; background:linear-gradient(#F5A337,#e08a1e); }\n.kk-trial-badge { display:inline-block; background:#F5A337; color:#27398B; font-size:.76em; font-weight:800;\n  letter-spacing:.09em; text-transform:uppercase; padding:6px 16px; border-radius:30px; margin-bottom:14px; }\n.kk-trial h2 { color:#8a5300; font-size:clamp(1.5em,3vw,1.95em); margin:0; line-height:1.22; }\n.kk-trial-act { flex:0 0 auto; }\n.kk-trial-btn { display:inline-block; background:#F5A337; color:#27398B; font-weight:800; font-size:1.1em;\n  text-decoration:none; padding:18px 38px; border-radius:8px;\n  box-shadow:0 8px 26px rgba(245,163,55,.45); transition:transform .2s ease, box-shadow .2s ease;\n  animation:kktrialpulse 2.6s ease-in-out infinite; }\n.kk-trial-btn:hover { transform:translateY(-3px); box-shadow:0 14px 34px rgba(245,163,55,.62); }\n@keyframes kktrialpulse { 0%,100%{ box-shadow:0 8px 26px rgba(245,163,55,.45);} 50%{ box-shadow:0 10px 34px rgba(245,163,55,.7);} }\n@media (prefers-reduced-motion: reduce){ .kk-trial-btn{ animation:none; } }\n@media (max-width:849px){ .kk-trial-in { flex-direction:column; align-items:flex-start; gap:24px; } }\n@media (max-width: 849px) {\n  .kk-plan3, .kk-why { grid-template-columns: 1fr; }\n  .kk-cta h2 { font-size: 1.5em; }\n  .kk-hero h1 { font-size: 2em; }\n  .kk-stats { grid-template-columns: 1fr 1fr; gap: 28px 10px; }\n  .kk-tri { grid-template-columns: 1fr; }\n  .kk-panel { min-height: 320px; }\n  .kk-steps { grid-template-columns: 1fr; gap: 30px; }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-4991","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/pages\/4991","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/comments?post=4991"}],"version-history":[{"count":89,"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/pages\/4991\/revisions"}],"predecessor-version":[{"id":5670,"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/pages\/4991\/revisions\/5670"}],"wp:attachment":[{"href":"https:\/\/keyknowledge.com\/sv\/wp-json\/wp\/v2\/media?parent=4991"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}