{"id":13863,"date":"2025-09-25T14:04:32","date_gmt":"2025-09-25T12:04:32","guid":{"rendered":"https:\/\/distit.se\/sv\/?page_id=13863"},"modified":"2025-09-28T14:47:33","modified_gmt":"2025-09-28T12:47:33","slug":"testj","status":"publish","type":"page","link":"https:\/\/distit.se\/sv\/testj\/","title":{"rendered":"TESTJ"},"content":{"rendered":"<p><\/p>\n<div style=\"max-width:700px;margin:auto;\">\n<p>  <!-- KPI cards (2x2 grid) --><\/p>\n<section class=\"kpi-grid\">\n<div class=\"kpi-card\">\n<div class=\"front\">\n<h3 style=\"font-size:2.6rem; color: #1f2f5a;\">2 155 MSEK<\/h3>\n<p style=\"font-size:2.6rem; color: #1f2f5a;\">Int\u00e4kter<\/p>\n<\/p><\/div>\n<div class=\"back\">\n<ul style=\"list-style:none;padding:0;margin:0;font-size:1.3rem;color:#1f2f5a;text-align:left;\">\n<li style=\"margin-bottom:12px; white-space: nowrap;\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/se.png\" width=\"28\" style=\"vertical-align:middle;margin-right:6px;\"><strong>Sverige: 1 077 MSEK<\/strong><\/li>\n<li style=\"margin-bottom:12px; white-space: nowrap;\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/eu.png\" width=\"28\" style=\"vertical-align:middle;margin-right:6px;\"><strong>\u00d6vriga EU: 345 MSEK<\/strong><\/li>\n<li style=\"margin-bottom:12px; white-space: nowrap;\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/dk.png\" width=\"28\" style=\"vertical-align:middle;margin-right:6px;\"><strong>Danmark: 323 MSEK<\/strong><\/li>\n<li style=\"margin-bottom:12px;\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/no.png\" width=\"28\" style=\"vertical-align:middle;margin-right:6px;\"><strong>Norge: 237 MSEK<\/strong><\/li>\n<li style=\"margin-bottom:0px;\"><img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/fi.png\" width=\"28\" style=\"vertical-align:middle;margin-right:6px;\"><strong>Finland: 150 MSEK<\/strong><\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"kpi-card\">\n<div class=\"front\">\n<h3 style=\"font-size:2.6rem; color: #1f2f5a;\"> 4<\/h3>\n<p style=\"font-size:2.6rem; color: #1f2f5a;\">Dotterbolag<\/p>\n<\/p><\/div>\n<div class=\"back kpi-cardtwo\" style=\"position: relative; padding: 0; overflow: hidden; flex: none !important; align-self: stretch !important;\">\n        <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/Aurdel_logo_RGB_Purple-2.png\" class=\"dotterbolag-logo top-left\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/3fuel-1.png\" class=\"dotterbolag-logo top-right\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/Septon-svart123-1.png\" class=\"dotterbolag-logo bottom-left\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/sominis-.png\" class=\"dotterbolag-logo bottom-right\"><br \/>\n        <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/distit_ab_logo-1.png\" class=\"dotterbolag-logo center\">\n      <\/div>\n<\/p><\/div>\n<div class=\"kpi-card\">\n<div class=\"front\">\n<h3 style=\"font-size:2.6rem; color: #1f2f5a;\">5<\/h3>\n<p style=\"font-size:2.6rem; color: #1f2f5a;\">Egna varum\u00e4rken<\/p>\n<\/p><\/div>\n<div class=\"back\">\n<ul style=\"list-style:none; padding:0; margin:0;\">\n<li style=\"margin-bottom:10px;\">\n            <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/Cropped_Padded_Text_Deltaco_Deep_blue-1.png\" width=\"150\">\n          <\/li>\n<li style=\"margin-bottom:10px;\">\n            <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/Deltaco_gaming_logo-2.png\" width=\"100\">\n          <\/li>\n<li style=\"margin-bottom:15px;\">\n            <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/Essentials_middle.png\" width=\"100\">\n          <\/li>\n<li style=\"margin-bottom:15px;\">\n            <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/NQ_middle.png\" width=\"100\">\n          <\/li>\n<li style=\"margin-bottom:0px;\">\n            <img decoding=\"async\" src=\"https:\/\/distit.se\/wp-content\/uploads\/2025\/09\/STREETZ_middle.png\" width=\"100\">\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<div class=\"kpi-card\">\n<div class=\"front\">\n<h3 style=\"font-size:2.6rem; color: #1f2f5a;\">245<\/h3>\n<p style=\"font-size:2.6rem; color: #1f2f5a;\">Anst\u00e4llda<\/p>\n<\/p><\/div>\n<div class=\"back\">\n<ul style=\"list-style:none;padding:0;margin:0;font-size:1.3rem;color:#1f2f5a;text-align:left;\">\n<li style=\"margin-bottom:12px;\">\n            <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/se.png\" width=\"28\"><strong> Sverige: 120<\/strong>\n          <\/li>\n<li style=\"margin-bottom:12px;\">\n            <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/dk.png\" width=\"28\"><strong> Danmark: 45<\/strong>\n          <\/li>\n<li style=\"margin-bottom:12px;\">\n            <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/no.png\" width=\"28\"><strong> Norge: 40<\/strong>\n          <\/li>\n<li style=\"margin-bottom:12px;\">\n            <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/fi.png\" width=\"28\"><strong> Finland: 30<\/strong>\n          <\/li>\n<li>\n            <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w20\/lt.png\" width=\"28\"><strong> Litauen: 30<\/strong>\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- New full-width KPI card for Finansier --><\/p>\n<section class=\"kpi-grid\">\n<div class=\"kpi-card full-width\" id=\"finansier-card\">\n<div class=\"front\">\n<div class=\"row\">\n<h3 style=\"font-size:2.6rem; color: #1f2f5a;\">-50.3 MSEK<\/h3>\n<p><\/p>\n<p style=\"font-size:2.6rem; color: #1f2f5a;\">Justerad-EBITA<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"back\" style=\"display:none;\">\n      <canvas id=\"chart1-finansier\" width=\"400\" height=\"200\" style=\"cursor:pointer;\"><\/canvas>\n    <\/div>\n<\/p><\/div>\n<\/section>\n<p>  <!-- Footer with only button --><\/p>\n<div style=\"text-align:center;margin:2rem 0;\">\n    <a href=\"https:\/\/storage.mfn.se\/d30b328a-06f7-465d-a31a-46becd3a8a95\/arsredovisning-distit-ab-2024.pdf\" target=\"_blank\" style=\"display:inline-block;padding:0.8rem 1.5rem;background:#1f2f5a;color:#fff;border-radius:0.5rem;text-decoration:none;font-weight:bold;\"><br \/>\n      L\u00e4s mer i v\u00e5r \u00e5rsredovisning<br \/>\n    <\/a>\n  <\/div>\n<\/div>\n<p><!-- KPI styles --><\/p>\n<style>\n<p>  .kpi-grid {\n    display:grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap:1rem;\n    margin-bottom:2rem;\n  }\n  .kpi-card {\n    background:#fff;\n    border-radius:1rem;\n    text-align:center;\n    padding:1.2rem;\n    box-shadow:0 2px 8px rgba(0,0,0,0.15);\n    cursor:pointer;\n    transition: all 0.3s ease;\n    min-height:120px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex-direction:column;\n    position: relative;\n  }\n  .kpi-card:hover {\n    background:#AED6F5;\n    box-shadow:0 6px 20px rgba(31,47,90,0.4);\n    transform: translateY(-5px) scale(1.05);\n  }\n  .kpi-card .back { display:none; }\n  .kpi-card.full-width { grid-column: 1 \/ -1; }\n  .kpi-cardtwo { min-height: 160px; }\n  .dotterbolag-logo { position: absolute; }\n  .dotterbolag-logo.top-left { top: 0; left: 0; width: 60px; }\n  .dotterbolag-logo.top-right { top: 0; right: 0; width: 80px; }\n  .dotterbolag-logo.bottom-left { bottom: 0; left: 0; width: 80px; }\n  .dotterbolag-logo.bottom-right { bottom: 0; right: 0; width: 110px; }\n  .dotterbolag-logo.center { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; }\n  @media (max-width: 600px) {\n    .dotterbolag-logo.top-left { width: 50px; }\n    .dotterbolag-logo.top-right { width: 70px; }\n    .dotterbolag-logo.bottom-left { width: 50px; }\n    .dotterbolag-logo.bottom-right { width: 75px; }\n    .dotterbolag-logo.center { width: 70px; }\n    .kpi-cardtwo { min-height: 140px; }\n  }\n<\/style>\n<p><!-- JavaScript for card flip --><br \/>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script><br \/>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  document.querySelectorAll(\".kpi-card\").forEach(card => {\n    card.addEventListener(\"click\", () => {\n      const front = card.querySelector(\".front\");\n      const back = card.querySelector(\".back\");\n      if (back) {\n        if (front.style.display !== \"none\") {\n          front.style.display = \"none\";\n          back.style.display = \"block\";\n          if (card.id === \"finansier-card\") {\n            new Chart(document.getElementById('chart1-finansier').getContext('2d'), {\n              type: 'bar',\n              data: {\n                labels: ['2019','2020','2021','2022','2023'],\n                datasets: [\n                  { label:'Justerad EBITA', type:'line', data:[80,90,100,40,0],\n                    borderColor:'#AED6F5', backgroundColor:'#AED6F5',\n                    borderWidth:3, fill:false, tension:0.3, yAxisID: 'y1', order: 1 },\n                  { label:'Nettovinst', type:'line', data:[60,70,85,20,-15],\n                    borderColor:'#000000', backgroundColor:'#000000',\n                    borderWidth:3, fill:false, tension:0.3, yAxisID: 'y1', order: 2 },\n                  { label:'Total oms\u00e4ttning', type:'bar', data:[2100,2200,2500,2400,2155],\n                    backgroundColor:'#1f2f5a', barPercentage: 0.5, yAxisID: 'y', order: 3 }\n                ]\n              },\n              options: {\n                responsive:true,\n                plugins:{ legend:{ position:'bottom', labels:{ font:{ size:14 } } }, tooltip:{ mode: 'index', intersect: false } },\n                interaction:{ mode: 'index', intersect: false },\n                scales:{\n                  y: { position: 'left', title: { display: true, text: 'Oms\u00e4ttning (MSEK)' }, ticks:{ font:{ size:14 } } },\n                  y1:{ position: 'right', grid:{ drawOnChartArea: false }, title:{ display:true, text:'EBITA \/ Nettovinst (MSEK)' }, ticks:{ font:{ size:14 } } },\n                  x:{ ticks:{ font:{ size:14 } } }\n                }\n              }\n            });\n          }\n        } else {\n          back.style.display = \"none\";\n          front.style.display = \"block\";\n        }\n      }\n    });\n  });\n});\n<\/script><br \/>\n<\/p>","protected":false},"excerpt":{"rendered":"<p>2 155 MSEK Int\u00e4kter Sverige: 1 077 MSEK \u00d6vriga EU: 345 MSEK Danmark: 323 MSEK Norge: 237 MSEK Finland: 150 MSEK 4 Dotterbolag 5 Egna varum\u00e4rken 245 Anst\u00e4llda Sverige: 120 Danmark: 45 Norge: 40 Finland: 30 Litauen: 30 -50.3 MSEK Justerad-EBITA L\u00e4s mer i v\u00e5r \u00e5rsredovisning<\/p>\n","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-13863","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/pages\/13863","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/comments?post=13863"}],"version-history":[{"count":152,"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/pages\/13863\/revisions"}],"predecessor-version":[{"id":14085,"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/pages\/13863\/revisions\/14085"}],"wp:attachment":[{"href":"https:\/\/distit.se\/sv\/wp-json\/wp\/v2\/media?parent=13863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}