
<!doctype html>
<html lang="sv-SE">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Domännamn och webbhotell för din hemsida | Websupport</title>
<link data-rocket-prefetch href="https://datainsights.websupport.se" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.googletagmanager.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cs.iubenda.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.iubenda.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://analytics-api.websupport.se" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.websupport.cz" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.websupport.hu" rel="dns-prefetch">
<link data-rocket-prefetch href="https://www.websupport.sk" rel="dns-prefetch">
<link data-rocket-prefetch href="https://eu.acsbapp.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://embeds.acswapp.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://srv.motu-teamblue.services" rel="dns-prefetch">
<link data-rocket-prefetch href="https://maps.googleapis.com" rel="dns-prefetch">
<link data-rocket-prefetch href="https://srv.isy-teamblue.services" rel="dns-prefetch">
<link data-rocket-prefetch href="https://cdn.hub-prod.team.blue" rel="dns-prefetch"><link rel="preload" data-rocket-preload as="image" href="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x1020.png" media="(min-width: 1288px)" fetchpriority="high"><link rel="preload" data-rocket-preload as="image" href="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x635.png" media="(min-width: 1024px)" fetchpriority="high"><link rel="preload" data-rocket-preload as="image" href="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x470.png" media="(min-width: 768px)" fetchpriority="high">
<link rel="alternate" href="https://websupport.se/" hreflang="sv" />
<link rel="alternate" href="https://websupport.se/en/" hreflang="en" />
    <link rel="preload" as="font" type="font/woff2" href="https://websupport.se/app/themes/websupport/dist/fonts/WebsupportSans-Black.woff2?id=5b22bf023513499f21098c40bffdfe5b" crossorigin>

            <link rel="preload" as="image" href="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x470.png" imagesrcset="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x470.png" imagesizes="100vw" media="(min-width: 768px) and (max-width: 1023px)">
        <link rel="preload" as="image" href="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x635.png" imagesrcset="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x635.png" imagesizes="100vw" media="(min-width: 1024px) and (max-width: 1287px)">
        <link rel="preload" as="image" href="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x1020.png" imagesrcset="https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x1020.png" imagesizes="100vw" media="(min-width: 1288px)">
    
<!-- The SEO Framework av Sybre Waaijer -->
<meta name="robots" content="max-snippet:-1,max-image-preview:standard,max-video-preview:-1" />
<link rel="canonical" href="https://websupport.se/" />
<meta name="description" content="Beställ en domän och ett webbhotellspaket – vi på Websupport tar hand om resten. Skapa en egen hemsida snabbt och enkelt utan förkunskaper." />
<meta property="og:type" content="website" />
<meta property="og:locale" content="sv_SE" />
<meta property="og:site_name" content="Websupport" />
<meta property="og:title" content="Domännamn och webbhotell för din hemsida | Websupport" />
<meta property="og:description" content="Beställ en domän och ett webbhotellspaket – vi på Websupport tar hand om resten. Skapa en egen hemsida snabbt och enkelt utan förkunskaper." />
<meta property="og:url" content="https://websupport.se/" />
<meta property="og:image" content="https://websupport.se/app/uploads/2021/03/websupport-default-share.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="WebSupport default share image" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Domännamn och webbhotell för din hemsida | Websupport" />
<meta name="twitter:description" content="Beställ en domän och ett webbhotellspaket – vi på Websupport tar hand om resten. Skapa en egen hemsida snabbt och enkelt utan förkunskaper." />
<meta name="twitter:image" content="https://websupport.se/app/uploads/2021/03/websupport-default-share.jpg" />
<meta name="twitter:image:alt" content="WebSupport default share image" />
<meta name="google-site-verification" content="Ta6O5AsVWLMsyS3MWYe58VM7HRdTCIkfj8bOL63YLbc" />
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://websupport.se/#/schema/WebSite","url":"https://websupport.se/","name":"Websupport","inLanguage":"sv-SE","publisher":{"@id":"https://websupport.se/#/schema/Organization"}},{"@type":"WebPage","@id":"https://websupport.se/","url":"https://websupport.se/","name":"Domännamn och webbhotell för din hemsida | Websupport","description":"Beställ en domän och ett webbhotellspaket – vi på Websupport tar hand om resten. Skapa en egen hemsida snabbt och enkelt utan förkunskaper.","inLanguage":"sv-SE","isPartOf":{"@id":"https://websupport.se/#/schema/WebSite"},"breadcrumb":{"@type":"BreadcrumbList","@id":"https://websupport.se/#/schema/BreadcrumbList","itemListElement":{"@type":"ListItem","position":1,"name":"Websupport"}},"potentialAction":{"@type":"ReadAction","target":"https://websupport.se/"},"about":{"@id":"https://websupport.se/#/schema/Organization"}},{"@type":"Organization","@id":"https://websupport.se/#/schema/Organization","name":"Websupport","url":"https://websupport.se/","logo":{"@type":"ImageObject","url":"https://websupport.se/app/uploads/sites/6/2021/03/cropped-Favicon-FULL.png","contentUrl":"https://websupport.se/app/uploads/sites/6/2021/03/cropped-Favicon-FULL.png","width":512,"height":512}}]}</script>
<!-- / The SEO Framework av Sybre Waaijer | 12.98ms meta | 10.19ms boot -->

<link rel='dns-prefetch' href='//maps.googleapis.com' />

<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-block-library-inline-css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link crossorigin rel="stylesheet" href="https://websupport.se/app/themes/websupport/dist/styles/tw-utils.css?id=233ef8b579f9a4c7e3dd57644eb30c19"><link crossorigin rel="stylesheet" href="https://websupport.se/app/themes/websupport/dist/styles/app.css?id=824cbb550c5dc4f4e10488c2fdbc90d9"><link rel="alternate" href="https://www.websupport.cz/" hreflang="cs" />
<link rel="alternate" href="https://www.websupport.hu/" hreflang="hu" />
<link rel="alternate" href="https://www.websupport.sk/" hreflang="sk" />
<link rel="alternate" href="https://websupport.se/" hreflang="sv" />
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#2c3843">
    <meta name="msapplication-TileColor" content="#2c3843">
    <meta name="theme-color" content="#2c3843">
<!-- EXPONEA BEGIN -->
<style>.xnpe_async_hide{opacity:0 !important}</style>
<script>
!function(e,n,t,i,r,o){function s(e){if("number"!=typeof e)return e;var n=new Date;return new Date(n.getTime()+1e3*e)}var a=4e3,c="xnpe_async_hide";function p(e){return e.reduce((function(e,n){return e[n]=function(){e._.push([n.toString(),arguments])},e}),{_:[]})}function m(e,n,t){var i=t.createElement(n);i.src=e;var r=t.getElementsByTagName(n)[0];return r.parentNode.insertBefore(i,r),i}function u(e){return"[object Date]"===Object.prototype.toString.call(e)}o.target=o.target||"https://api.infinario.com",o.file_path=o.file_path||o.target+"/js/infinario.min.js",r[n]=p(["anonymize","initialize","identify","getSegments","update","track","trackLink","trackEnhancedEcommerce","getHtml","showHtml","showBanner","showWebLayer","ping","getAbTest","loadDependency","getRecommendation","reloadWebLayers","_preInitialize","_initializeConfig"]),r[n].notifications=p(["isAvailable","isSubscribed","subscribe","unsubscribe"]),r[n].segments=p(["subscribe"]),r[n]["snippetVersion"]="v2.7.0",function(e,n,t){e[n]["_"+t]={},e[n]["_"+t].nowFn=Date.now,e[n]["_"+t].snippetStartTime=e[n]["_"+t].nowFn()}(r,n,"performance"),function(e,n,t,i,r,o){e[r]={sdk:e[i],sdkObjectName:i,skipExperiments:!!t.new_experiments,sign:t.token+"/"+(o.exec(n.cookie)||["","new"])[1],path:t.target}}(r,e,o,n,i,RegExp("__inf_etc__"+"=([\\w-]+)")),function(e,n,t){m(e.file_path,n,t)}(o,t,e),function(e,n,t,i,r,o,p){if(e.new_experiments){!0===e.new_experiments&&(e.new_experiments={});var l,f=e.new_experiments.hide_class||c,_=e.new_experiments.timeout||a,g=encodeURIComponent(o.location.href.split("#")[0]);e.cookies&&e.cookies.expires&&("number"==typeof e.cookies.expires||u(e.cookies.expires)?l=s(e.cookies.expires):e.cookies.expires.tracking&&("number"==typeof e.cookies.expires.tracking||u(e.cookies.expires.tracking))&&(l=s(e.cookies.expires.tracking))),l&&l<new Date&&(l=void 0);var d=e.target+"/webxp/"+n+"/"+o[t].sign+"/modifications.min.js?http-referer="+g+"&timeout="+_+"ms"+(l?"&cookie-expires="+Math.floor(l.getTime()/1e3):"");"sync"===e.new_experiments.mode&&o.localStorage.getItem("__inf__sync_modifications__")?function(e,n,t,i,r){t[r][n]="<"+n+' src="'+e+'"></'+n+">",i.writeln(t[r][n]),i.writeln("<"+n+">!"+r+".init && document.writeln("+r+"."+n+'.replace("/'+n+'/", "/'+n+'-async/").replace("><", " async><"))</'+n+">")}(d,n,o,p,t):function(e,n,t,i,r,o,s,a){o.documentElement.classList.add(e);var c=m(t,i,o);function p(){r[a].init||m(t.replace("/"+i+"/","/"+i+"-async/"),i,o)}function u(){o.documentElement.classList.remove(e)}c.onload=p,c.onerror=p,r.setTimeout(u,n),r[s]._revealPage=u}(f,_,d,n,o,p,r,t)}}(o,t,i,0,n,r,e),function(e,n,t){var i;e[n]._initializeConfig(t),(null===(i=t.experimental)||void 0===i?void 0:i.non_personalized_weblayers)&&e[n]._preInitialize(t),e[n].start=function(i){i&&Object.keys(i).forEach((function(e){return t[e]=i[e]})),e[n].initialize(t)}}(r,n,o)}(document,"infinario","script","webxpClient",window,{
    target: "https://analytics-api.websupport.se",
    token: "a9c59aa2-5a57-11eb-9dea-3a8adbe99c8e",
    experimental: { non_personalized_weblayers: true },
    track: { visits: true },
});
</script>
<!-- EXPONEA END -->

<!-- Iubenda Consent Database -->
<script type="text/javascript">
    var _iub = _iub || {};
    _iub.cons_instructions = _iub.cons_instructions || [];

    // Push the initialization instruction with your API key
    _iub.cons_instructions.push(["init", {api_key: "GJiqG34UvfvR0EHWmjLldnXzv6cZ5b3L"}]);

    // Extend the configuration with custom callbacks to track consent events
    _iub.csConfiguration = {
        enableRemoteConsent: true,
        callback: {
            onReady: function(event) {
                var banner = document.getElementById('iubenda-cs-banner');
                if (banner && !localStorage.getItem("cookie-accepted")) {
                    window.bannerHTML = banner.innerHTML; // Save the banner HTML for later use
                }
            },
            onPreferenceFirstExpressed: function(event) {
                if (event.consent) {
                    localStorage.setItem("cookie-accepted", event.consent);
                }
                _iub.cons_instructions.push(["submit", {
                    consent: {
                        subject: {},
                        preferences: event,
                        legal_notices: [{
                            identifier: "cookie_policy"
                        }],
                        proofs: [{
                            content: JSON.stringify(event),
                            form: window.bannerHTML || ""
                        }]
                    }
                }]);
            }
        }
    };
</script>
<script type="text/javascript" src="https://cdn.iubenda.com/cons/iubenda_cons.js" async></script>
<!-- End Iubenda Consent Database -->
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() { window.dataLayer.push(arguments); }

        // Opt-in consent initial implementation (all consents are denied)
        gtag('consent', 'default', {
             ad_user_data: "denied",
            ad_personalization: "denied",
            ad_storage: 'denied',
            analytics_storage: 'denied',
            functionality_storage: 'denied',
            personalization_storage: 'denied',
            security_storage: 'granted',
            wait_for_update: 500
        });

        gtag('set', 'ads_data_redaction', true);
    </script>

            <!-- Google Tag Manager -->
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://datainsights.websupport.se/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
            })(window,document,'script','dataLayer','GTM-5C3T537');</script>
        <!-- End Google Tag Manager -->
    
    <script>
        if (window.dataLayer) {
            window.dataLayer.push({
                event: 'page_view',
                page_type : 'Homepage',
                login_status: 'false',
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            document.body.addEventListener('wlgpi_after_added_to_cart', function(e) {
                var data = e.detail;

                if (!data) {
                    return;
                }

                let items = [];
                data.responseData.items.filter(function (obj) {
                    return obj.gaee && data.responseData.newItems.includes(obj.id);
                }).forEach(function (obj) {
                    let categories = obj.gaee.categories.reduce(function (k, v, i) {
                        i++;
                        k[((i === 1) ? 'item_category' : 'item_category' + i)] = v;
                        return k;
                    }, {});

                    items.push({
                        item_id: obj.gaee.id,
                        item_name: obj.gaee.name,
                        ...categories,
                        item_brand: obj.gaee.brand,
                        price: obj.gaee.price,
                        quantity: obj.gaee.quantity,
                    });
                });

                if (items.length && window.dataLayer) {
                    window.dataLayer = window.dataLayer || [];
                    window.dataLayer.push({
                        event: 'add_to_cart',
                        ecommerce: {
                            items: items
                        }
                    });
                }
            });
        });
    </script>

    <script>var wlgpi_params = {"ajax_url":"https:\/\/websupport.se\/wp\/wp-admin\/admin-ajax.php","rest_nonce":"ed424092ed","orderflow_base_url":"\/cart","vps_parameters_nonce":"42db31cb32","cart_page_url":""};</script>        <!-- Freshdesk Chat (V2) -->
        <script>
        (function() {
            'use strict';

            var DEBUG = true;
            var log = function() {
                if (!DEBUG || !window.console) return;
                var args = ['[Freshworks V2 / fdWidget]'].concat(Array.prototype.slice.call(arguments));
                console.log.apply(console, args);
            };
            var warn = function() {
                if (!DEBUG || !window.console) return;
                var args = ['[Freshworks V2 / fdWidget]'].concat(Array.prototype.slice.call(arguments));
                console.warn.apply(console, args);
            };

            var WIDGET_ID = "01KQY9A1C0GG0XB0SG5K0DQ9MB";
            var TOKEN = "01K9QMRRGFF0Q8DZR3ADQAJRG0";
            var HOST = "https:\/\/teamdotblue-ncee.freshdesk.com";
            var SCRIPT_SRC = "https:\/\/teamdotblue-ncee.freshdesk.com\/webchat\/js\/widget.js";
            var INIT_ENDPOINT = "https:\/\/websupport.se\/wp-json\/wlgpi\/v1\/freshworks\/init";

            var loaded = false;
            var openPending = false;
            var initData = null;
            var initDataReady = false;
            var initDataPending = [];

            log('Loader registered. widgetId =', WIDGET_ID, 'host =', HOST);

            // ---- Anon UUID (stable per-browser identifier for /init endpoint) ----
            function getOrCreateAnonId() {
                var KEY = 'freshdesk_v2_anon_uuid';
                var UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/;
                try {
                    var stored = localStorage.getItem(KEY);
                    if (stored && UUID_RE.test(stored)) return stored;
                } catch(e) {}
                var id = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
                    var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
                    return v.toString(16);
                });
                try { localStorage.setItem(KEY, id); } catch(e) {}
                return id;
            }

            // ---- Fetch JWT + user state from our REST endpoint ----
            function settleInitData(data) {
                initData = data;
                initDataReady = true;
                while (initDataPending.length) {
                    try { initDataPending.shift()(); } catch(e) {}
                }
            }

            function fetchInitData() {
                var anonId = getOrCreateAnonId();
                var sep = INIT_ENDPOINT.indexOf('?') >= 0 ? '&' : '?';
                var url = INIT_ENDPOINT + sep + 'version=v2&uuid=' + encodeURIComponent(anonId);
                fetch(url, { credentials: 'same-origin' })
                    .then(function(r) { return r.json(); })
                    .then(function(d) {
                        log('init endpoint resolved. isLoggedIn =', !!(d && d.isLoggedIn), 'hasToken =', !!(d && d.token));
                        settleInitData(d || null);
                    })
                    .catch(function(e) {
                        warn('init fetch failed:', e);
                        settleInitData(null);
                    });
            }

            function whenInitDataReady(cb) {
                if (initDataReady) { cb(); return; }
                initDataPending.push(cb);
            }

            // Start fetching immediately so it overlaps script load.
            fetchInitData();

            // ---- Open handlers (programmatic + #livechat anchors) ----
            function openWidget() {
                if (!loaded || !window.fdWidget || typeof window.fdWidget.open !== 'function') {
                    log('open() requested before widget ready — queued');
                    openPending = true;
                    return;
                }
                try {
                    window.fdWidget.open();
                    log('open() called');
                } catch (e) {
                    warn('open() threw error:', e);
                }
            }
            window.__fdOpen = openWidget;

            function setupOpenHandlers() {
                document.addEventListener('click', function(e) {
                    var a = e.target.closest && e.target.closest('a');
                    if (a && a.hash === '#livechat') {
                        e.preventDefault();
                        openWidget();
                    }
                }, true);

                if (location.hash === '#livechat') openWidget();
                window.addEventListener('hashchange', function() {
                    if (location.hash === '#livechat') openWidget();
                });
            }

            // ---- Widget init (waits for fdWidget global AND init data) ----
            function initFreshdesk() {
                if (!window.fdWidget || typeof window.fdWidget.init !== 'function') {
                    warn('fdWidget not available after script load');
                    return;
                }
                whenInitDataReady(function() {
                    var cfg = {
                        token: TOKEN,
                        host: HOST,
                        widgetId: WIDGET_ID,
                        config: { headerProperty: { hideChatButton: true } }
                    };

                    if (initData && initData.token) {
                        cfg.jwtAuthToken = initData.token;
                        log('Using JWT auth — userId =', initData.userId);
                    } else {
                        log('Anonymous mode (no JWT)');
                    }

                    try {
                        window.fdWidget.init(cfg);
                        log('init() called successfully');
                    } catch (e) {
                        warn('init() threw error:', e);
                        return;
                    }

                    if (typeof window.fdWidget.on === 'function') {
                        try {
                            window.fdWidget.on('widget:loaded', function() {
                                loaded = true;
                                log('widget:loaded — ready to open');
                                if (openPending) {
                                    openPending = false;
                                    openWidget();
                                }
                            });
                        } catch (e) {
                            warn('Failed to attach widget:loaded listener:', e);
                        }
                    }
                });
            }

            function initialize(doc, id) {
                if (doc.getElementById(id)) {
                    log('Script tag already present, calling init directly');
                    initFreshdesk();
                    return;
                }
                var el = doc.createElement('script');
                el.id = id;
                el.async = true;
                el.src = SCRIPT_SRC;
                el.onload = function() {
                    log('Script loaded:', el.src);
                    initFreshdesk();
                };
                el.onerror = function() {
                    warn('Script failed to load:', el.src);
                };
                doc.head.appendChild(el);
                log('Script tag injected:', el.src);
            }

            function initiateCall() {
                initialize(document, 'Freshdesk-js-sdk');
            }

            setupOpenHandlers();

            if (window.addEventListener) {
                window.addEventListener('load', initiateCall, false);
            } else {
                window.attachEvent('load', initiateCall, false);
            }
        })();
        </script>
        <!-- End Freshdesk Chat (V2) -->
        <noscript><style id="rocket-lazyload-nojs-css">.rll-youtube-player, [data-lazy-src]{display:none !important;}</style></noscript>  <meta name="generator" content="WP Rocket 3.21.3" data-wpr-features="wpr_defer_js wpr_lazyload_images wpr_lazyload_iframes wpr_preconnect_external_domains wpr_oci wpr_cache_webp wpr_preload_links wpr_desktop" /></head>

  <body x-init="
    $store.user.init('https://websupport.se', wlgpi_params.rest_nonce, 'sv');
    $store.cart.init('https://websupport.se', wlgpi_params.rest_nonce, 'sv');
    $watch('vat', (val) => localStorage.setItem('vat', val));
    "
    x-data="{ vat: localStorage.getItem('vat') ?? '0' }"
    class="home wp-singular page wp-embed-responsive wp-theme-websupport">
    <a href="#main" class="absolute left-0 p-3 m-3 transition -translate-y-16 bg-primary text-primary-content focus:translate-y-0 skip-link screen-reader-text">Skip to content</a>        <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5C3T537"
                          height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
        
    <div  id="app" class="overflow-x-hidden">
      <div  class="dark">
  <div  class="js-header-anchor bg-navy"></div>

  <div  class="sticky-header-wrap js-header-wrap new-order-spa-header">
          <div class="js-top-bar bg-navy border-navy-m4 hidden border-b transition-all dark:border-navy-m1 lg:flex">
  <div class="mx-auto w-full max-w-screen-3xl pl-6 xl:pl-12">
    <div class="flex justify-between">
      <nav>
  <ul class="flex">
          
      <li class="xl:ml-0 ml-0xl:mr-0 mr-0 mx-2 flex xl:mx-4">
        <a
          href=""
                    class="top-bar-link text-secondary lg:pl-1  dark:text-white text-navy flex px-2 py-4 transition"
        >
          
        </a>
      </li>
      </ul>
</nav>

      <nav class="top-nav-right ml-auto flex-initial">
  <ul class="flex">
    <li class="flex items-center mx-2">
    <div class="flex space-x-2">
      
                                      <a class="flex items-center justify-center" href="https://websupport.se/en/" hreflang="en-GB"
            title="English" lang="en-GB">
            <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAt1BMVEWSmb66z+18msdig8La3u+tYX9IaLc7W7BagbmcUW+kqMr/q6n+//+hsNv/lIr/jIGMnNLJyOP9/fyQttT/wb3/////aWn+YWF5kNT0oqz0i4ueqtIZNJjhvt/8gn//WVr/6+rN1+o9RKZwgcMPJpX/VFT9UEn+RUX8Ozv2Ly+FGzdYZrfU1e/8LS/lQkG/mbVUX60AE231hHtcdMb0mp3qYFTFwNu3w9prcqSURGNDaaIUMX5FNW5wYt7AAAAAjklEQVR4AR3HNUJEMQCGwf+L8RR36ajR+1+CEuvRdd8kK9MNAiRQNgJmVDAt1yM6kSzYVJUsPNssAk5N7ZFKjVNFAY4co6TAOI+kyQm+LFUEBEKKzuWUNB7rSH/rSnvOulOGk+QlXTBqMIrfYX4tSe2nP3iRa/KNK7uTmWJ5a9+erZ3d+18od4ytiZdvZyuKWy8o3UpTVAAAAABJRU5ErkJggg==" alt="English" width="16" height="11" style="width: 16px; height: 11px;" />
          </a>
                  </div>
  </li>

                  <li class="ml-0 mx-2 flex xl:mx-2">
          <a
  class="text-navy-m2 hover:text-navy dark:text-navy-m3 dark:hover:text-white top-bar-link text-secondary flex items-center justify-center px-2 py-4 transition"
  href="https://websupport.se/support/"
    x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Support
</a>
        </li>
              <li class=" mx-2 flex xl:mx-2">
          <a
  class="text-navy-m2 hover:text-navy dark:text-navy-m3 dark:hover:text-white top-bar-link text-secondary flex items-center justify-center px-2 py-4 transition"
  href="https://webmail.websupport.se/"
   target="_blank" rel="noopener noreferrer"   x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Webbmail
</a>
        </li>
          
    <li
  class="relative flex pl-4 pr-5 ml-6 login-button top-nav-right__button group hover:bg-navy-m5 dark:hover:bg-navy-m1 xl:pr-10"
  x-data="{ open_dropdown: false }" @click.away="open_dropdown = false" @click="open_dropdown = true"
  @mouseenter="open_dropdown = true" @mousemove="open_dropdown = true" @mouseleave="open_dropdown = false">

  <a class="relative flex items-center pl-5"
    :href="$store.user.isLogged ? ($store.user.urls['account-settings'] || 'https://admin.websupport.se/sv/user/update/185869') : ($store.user.urls['login-redirect'] || 'https://api-cart.websupport.se/login?redirectAfterLogin=https://websupport.se')"

    <svg class="svg-icon top-nav-right__button-icon z-100 text-navy hover:text-white dark:text-white fill-gem-neon dark:fill-white w-5 h-5 mr-2 fill-current absolute left-0 top-1/2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 16c-3.57 0-5.672.687-5.965 1.74A8.966 8.966 0 0 0 12 21a8.966 8.966 0 0 0 5.964-2.26C17.672 17.687 15.569 17 12 17zm0-14a9 9 0 0 0-7.4 14.125C5.728 15.638 8.372 15 12 15c3.629 0 6.273.638 7.4 2.124A9 9 0 0 0 12 3zm0 3c2.414 0 4 1.922 4 4.2 0 3.28-1.782 4.8-4 4.8-2.24 0-4-1.573-4-5 0-2.244 1.58-4 4-4zm0 2c-1.266 0-2 .816-2 2 0 2.27.818 3 2 3 1.178 0 2-.702 2-2.8 0-1.25-.784-2.2-2-2.2z" fill-rule="evenodd"/>
</svg>
    <span class="flex items-center justify-center py-4 pl-2 " x-show="!$store.user.loading">
      <span
        class="transition text-secondary text-navy-m2 hover:text-navy dark:text-navy-m3 dark:hover:text-white top-bar-link"
        x-cloak x-show="$store.user.isLogged"
        x-html="$store.user.details.login !== undefined ? $store.user.details.login: ''"></span>
      <span
        class="transition text-secondary text-navy-m2 hover:text-navy dark:text-navy-m3 dark:hover:text-white top-bar-link"
        x-show="!$store.user.isLogged">
        Logga in
      </span>
    </span>

    <span class="flex w-10 transition loading" x-show="$store.user.loading"></span>
  </a>

  <div class="absolute right-0 z-30 pt-2 transition top-nav-right__sub-menu top-full w-65 xl:right-2"
    x-show="$store.user.isLogged">
    <ul class="w-full px-4 pt-6 pb-4 bg-white rounded top-nav-right__sub-menu-list">
      <li class="block mb-2">
        <span class="block px-4 top-nav-right__sub-menu-user-name text-secondary text-navy"
          x-html="$store.user.details.login ?? ''"></span>
        <span class="block px-4 top-nav-right__sub-menu-email top-bar-link text-secondary text-navy-m3"
          x-html="$store.user.details.emails ?? ''"></span>
      </li>

      <li class="block w-full pb-2 mb-2 border-b border-solid border-navy-m5">
        <a class="block px-4 py-2 transition bg-transparent rounded top-bar-link text-secondary text-king-neon text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
          :href="$store.user.urls['account-settings'] || 'https://admin.websupport.se/sv/user/update/185869'">
          Kontoinställningar
        </a>
      </li>

      <li class="block w-full">
        <a class="block px-4 py-2 transition bg-transparent rounded top-bar-link text-secondary text-king-neon text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
          :href="$store.user.urls['services'] || 'https://admin.websupport.se/sv/dashboard'">
          Mina tjänster
        </a>
      </li>

      <li class="block w-full">
        <a class="block px-4 py-2 transition bg-transparent rounded top-bar-link text-secondary text-king-neon text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
          :href="$store.user.urls['invoices'] || 'https://admin.websupport.se/sv/invoice'">
          Fakturaöversikt
        </a>
      </li>

      <li class="block w-full">
        <a class="block px-4 py-2 transition bg-transparent rounded top-bar-link text-secondary text-king-neon text-btn-small hover:bg-navy-m5 hover:bg-opacity-50"
          href="#" @click.prevent="$store.user.logoutUser()">
          Logga ut
        </a>
      </li>
    </ul>
  </div>
</li>
  </ul>
</nav>
    </div>
  </div>
</div>
    
    <header class="relative z-20 transition header__main js-header-main lg:z-auto">
              <div class="lg:hidden">
          <button
  class="nav-toggle-btn js-toggle-nav"
  title="Växla Navigation"
>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--1"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--2"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--3"></span>
</button>
        </div>
      
      <div class="bg-navy">
        <div class="pl-4 pr-4 mx-auto js-header-container max-w-screen-3xl lg:pl-6 lg:pr-5 xl:pl-12 xl:pr-9">
          <div class="relative flex items-stretch overflow-hidden lg:overflow-visible">
            <div
              class="ml-16 xs:w-full xs:ml-0 relative items-center justify-center xs:flex lg:w-auto">
              <div class="logo relative py-4 lg:py-3 lg:pr-9 xl:pb-8 xl:pr-0 xl:pt-6">
  <a
    class="logo__wrap relative"
    href="https://websupport.se/"
    title="WebSupport SE"
  >
    <svg class="svg-icon logo__big fill-navy text-navy dark:text-white dark:fill-white fill-current" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="123.93 68.99 952.14 362.01"><path d="M708.7 415.4c-2 .4-5.1.5-6.2-.7q-1.6-1.7-1.6-6.9v-18h11.2v-7.6h-11.2v-8.8c0-2.2-1.8-4-4-4H691v37q0 9.5 3.5 13.8c1.4 1.8 3.3 3 5.4 3.6 2.7.9 5.6 1.1 8.4.6q.5-.1 1-.3 1.3-.1 2.3-.8c.7-.5 1.3-1.3 1.5-2.2.5-1.6.4-4-.9-5.2-1-.8-2.3-.8-3.5-.5m258.1-33.2v22.7q0 11 9.5 11c6.3 0 9.3-3.7 9.3-11v-22.7h10v22.7q0 8.9-4.8 14.4-4.7 5.3-14.5 5.3c-6.6 0-11.5-1.8-14.6-5.3q-4.7-5.4-4.7-14.4v-18.7c0-2.2 1.8-4 4-4zm-16.5 42.4h-6c-2.2 0-4-1.8-4-4v-47.3c0-2.2 1.8-4 4-4h6zm-189.7-20.7v1.4q0 .6-.1 1.3H730c.1 1.4.5 2.7 1.1 4 .7 1.2 1.5 2.2 2.6 3q1.65 1.35 3.6 2.1 2 .8 4.2.8 3.7 0 6.3-1.4 1.1-.6 2.1-1.4c1.4-1.2 3.5-1.3 5-.1l3.8 3q-5.9 8-17.2 8c-2.9.1-5.8-.4-8.6-1.4-2.5-.9-4.8-2.3-6.8-4.2-1.9-1.8-3.5-4-4.5-6.5-1.1-2.8-1.6-5.8-1.6-8.8s.5-6 1.6-8.8c2-5.1 6.1-9.2 11.2-11.1 2.7-1.1 5.5-1.6 8.4-1.6 2.6 0 5.3.5 7.7 1.4s4.4 2.3 6.2 4.1c1.8 1.9 3.2 4.2 4 6.7q1.5 4.1 1.5 9.5m-10.1-4.5q0-1.9-.5-3.7c-.7-2.3-2.4-4.2-4.7-5.2-1.3-.6-2.7-.8-4.2-.8q-4.5 0-7.6 2.7c-2.1 1.8-3.3 4.3-3.5 7zm292.3 4.5v1.4q-.1.6-.1 1.3h-30.5c.1 1.4.5 2.7 1.1 4 .7 1.2 1.5 2.2 2.6 3.1 1.1.8 2.3 1.5 3.6 2s2.7.8 4.1.8q3.8 0 6.4-1.4 1.1-.6 2-1.4c1.5-1.2 3.6-1.3 5.1-.1l3.8 3q-5.9 8-17.2 8c-2.9.1-5.8-.4-8.6-1.4-2.5-.9-4.8-2.3-6.8-4.1q-3-2.85-4.5-6.6c-1.1-2.8-1.7-5.8-1.6-8.8-.1-3 .5-6 1.6-8.8 2-5.1 6.1-9.2 11.2-11.1 2.7-1.1 5.5-1.6 8.4-1.6 2.6 0 5.2.5 7.7 1.4 2.3.9 4.4 2.3 6.1 4.1 1.8 1.9 3.2 4.2 4.1 6.7q1.4 4.1 1.5 9.5m-10.1-4.5q0-1.9-.5-3.7c-.7-2.3-2.4-4.2-4.7-5.2-1.3-.5-2.8-.8-4.2-.8q-4.5 0-7.7 2.7c-2 1.8-3.3 4.3-3.4 7zm-211.5 25.2c-2.1 0-3.8-1.7-3.8-3.7v-20.8q0-17.9 16-17.9 10.3 0 13.8 8.1 3.4-8.1 13.7-8.1 15.9 0 15.9 17.9v24.5h-5.9c-2.2 0-4-1.8-4-4v-21.1q0-4.6-2.1-6.7c-1.4-1.4-3.2-2.2-5.2-2.2s-3.9.8-5.4 2.2q-2.1 2.1-2.1 6.7v21.1c0 2.2-1.8 4-4 4h-5.9v-25.1q-.1-4.6-2.2-6.7c-2.9-2.9-7.6-2.9-10.6 0q-2.1 2.1-2.1 6.7v25.1z"/><path fill="#17ace3" d="M889.9 431c-3.6 0-6.4-2.9-6.4-6.4 0-3.6 2.8-6.4 6.4-6.4 3.5 0 6.4 2.8 6.4 6.4 0 3.5-2.9 6.4-6.4 6.4"/><path d="M810.8 403.6c0-3-.5-6-1.7-8.7-1.1-2.5-2.7-4.8-4.7-6.7s-4.3-3.4-6.9-4.4c-5.5-2.2-11.6-2.2-17 0-2.6 1-5 2.5-7 4.4s-3.5 4.2-4.6 6.7c-1.2 2.7-1.8 5.7-1.7 8.7-.1 2.8.4 5.6 1.4 8.3.9 2.4 2.2 4.7 4 6.6 3.6 4 8.7 6.2 14 6.1q2.6.1 5.1-.5 2-.5 3.9-1.4 1.6-.7 2.9-1.7 1.1-.8 2-1.8h.3v.5c0 2.1 1.6 3.8 3.7 3.8h6.3zm-10.9 4.5c-.5 1.5-1.3 2.9-2.3 4.2-1.1 1.2-2.3 2.2-3.8 3s-3.2 1.2-4.9 1.1c-1.7.1-3.5-.3-5.1-1.1q-2.1-1.05-3.6-3c-.9-1.2-1.6-2.6-2.1-4.1s-.7-3.1-.7-4.6c0-1.6.2-3.2.7-4.7q.75-2.25 2.1-4.2c1-1.2 2.2-2.3 3.6-3 3.2-1.6 6.9-1.6 10 0 1.5.7 2.7 1.7 3.8 2.9 1 1.2 1.8 2.7 2.3 4.2s.8 3 .8 4.6-.3 3.2-.8 4.7M932.3 395c-.9-2.5-2.3-4.8-4.1-6.7-3.6-4-8.7-6.2-14-6.1q-2.6 0-5.1.5-2 .4-3.9 1.1-1.5.6-2.9 1.5-1 .7-2 1.6h-.2v-13.5c0-2.2-1.8-4-4-4h-6v42.3c4.9 0 9.6 3 11.6 7.6.7 1.7 1.9 3.1 3.5 4 1.9 1.1 4.6 1.2 6.3 1.3q1.7.1 3.3 0 1.8-.2 3.5-.8.2 0 .4-.1c3.2-1 6.2-2.7 8.6-5 2-1.9 3.6-4.2 4.7-6.8 1.1-2.7 1.7-5.7 1.7-8.7 0-2.8-.5-5.6-1.4-8.2m-9.5 12.9c-.5 1.5-1.2 3-2.2 4.2-.9 1.3-2.2 2.3-3.6 3-3.1 1.6-6.8 1.6-10 .1-1.4-.8-2.7-1.8-3.7-3s-1.8-2.6-2.4-4.2c-.5-1.4-.7-3-.7-4.6s.2-3.2.7-4.7c.6-1.5 1.3-2.9 2.4-4.2 1-1.2 2.3-2.2 3.7-3 1.5-.8 3.2-1.2 4.9-1.1 1.8-.1 3.6.3 5.1 1.1 1.4.7 2.7 1.7 3.6 3 1 1.2 1.7 2.6 2.2 4.1.4 1.5.7 3.1.7 4.6 0 1.6-.3 3.2-.7 4.7"/><path fill="#17ace4" stroke="#17ace4" stroke-miterlimit="10" d="M613.6 370.6q2.8-1.6 6.4-1.6 3.8 0 6.9 1.8t4.8 5.1q1.8 3.4 1.8 7.7c0 2.9-.6 5.5-1.8 7.7q-1.7 3.4-4.8 5.3-3.1 1.8-6.9 1.8c-2.5 0-4.6-.5-6.5-1.6q-2.8-1.6-4.2-4.1v5.3h-4.7v-38.5h4.7v15.3q1.5-2.6 4.3-4.2zm13.8 7.4q-1.3-2.4-3.6-3.6-2.2-1.3-4.8-1.3c-1.8 0-3.4.4-4.8 1.3q-2.2 1.3-3.6 3.7-1.3 2.4-1.3 5.6c0 2.1.4 4 1.3 5.6q1.4 2.4 3.6 3.7t4.8 1.3c1.7 0 3.4-.5 4.8-1.3q2.3-1.3 3.6-3.7t1.3-5.7c0-2.2-.5-4-1.3-5.6zm36.9-8.5-17.2 41.9h-4.9l5.7-13.7-11.5-28.2h5.2l9 23.1 8.8-23.1z"/><path d="M412.6 276.6C391.1 330 337.1 369 273.9 369c-82.7 0-150-67.3-150-150 0-82.8 67.3-150 150-150 63.2 0 117.2 39 138.7 92.4 1.8 4.5-.3 7.5-3.1 8.7-2.5 1.1-6.7.8-8.8-4.2-20.5-49.4-69.6-84.3-126.8-84.3-75.7 0-137.4 61.6-137.4 137.4s61.7 137.4 137.4 137.4c57.2 0 106.3-34.9 126.8-84.3 2.1-5 6.3-5.3 9-4.2 2.6 1.2 4.7 4.2 2.9 8.7m-41.1-82.1-24.3 52.7c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-21.1-46.4-21.1 46.4c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-21.1-46.4-21.1 46.4c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-24.3-52.7c-1.5-3.3-.1-7.2 3.2-8.8 3.5-1.7 7.4-.1 9 3.2l22.5 50.8 21.5-48.2c1.8-4 5.6-6.5 9.9-6.5 4.4 0 8.3 2.5 10 6.5l21.5 48.2 21.5-48.2c1.8-4 5.6-6.5 9.9-6.5 4.4 0 8.3 2.5 10 6.5l21.5 48.2 22.5-50.8c1.6-3.3 5.5-4.9 9-3.2 3.3 1.6 4.7 5.5 3.2 8.8zm76.2 26c-.2 2.5-2.3 4.2-4.8 4.2h-46c1.6 10.4 8 17.1 20.3 17.1 5.5 0 11.9-2.1 15.7-4.9 3-2.1 6.2-2.3 8.6.1s1.7 6.7-1.4 9.2c-6.4 5.4-14.9 7.6-22.9 7.6-21.9 0-34.4-15.5-34.4-34.4s14.5-34.4 33.6-34.4c20.2 0 33.1 16.5 31.3 35.5m-50.6-7h37.4c-1.6-10.7-7.7-16.5-18.1-16.5-10.5 0-17.4 6.6-19.3 16.5m135.3 5.9c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2v.7c0 4.2-3 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-86.4c0-4.2 2.9-7.4 6.7-7.4 3.7 0 6.7 3.2 6.7 7.4v35.3c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4m-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.2 9.1-21.2 22.4s8.8 22.4 21.2 22.4c12.3 0 20.1-9 20.1-22.4m78.5 14.5c0 11.9-11.4 19.9-24.1 19.9-10.1 0-18.5-4.1-22.7-7.6-3.1-2.5-3.1-6.5-.5-8.9 2.5-2.4 5.7-2.1 8.6-.1 3.5 2.3 9.1 4.6 14.6 4.6 6.4 0 10.4-3.1 10.4-7.3 0-11.6-35-7.3-35-30.2 0-10.9 10-19.3 23.4-19.3 7.5 0 13.2 1.8 17.9 4.9 3.9 2.5 4.5 7 2.1 9.4-2.5 2.5-5.8 2.5-8.9.7-3.4-1.8-6.9-3-11.1-3-5.7 0-9.8 2.8-9.8 7.3 0 11.7 35.1 6.6 35.1 29.6m76.2-40.4v30.8c0 17.7-13.1 29.5-29.5 29.5-16.3 0-29.6-11.8-29.6-29.5v-30.8c0-4.1 2.9-7.4 6.7-7.4s6.7 3.3 6.7 7.4v30.8c0 11.7 7.3 17.5 16.3 17.5 8.9 0 16-5.8 16-17.5v-30.8c0-4.1 3-7.4 6.7-7.4 3.8 0 6.7 3.3 6.7 7.4m86 25.9c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2V276c0 4.2-2.9 7.4-6.7 7.4s-6.7-3.2-6.7-7.4v-82.5c0-4.1 2.9-7.4 6.7-7.4s6.7 3.3 6.7 7.4v.7c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4m-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.1 9.1-21.1 22.4s8.8 22.4 21.1 22.4 20.1-9 20.1-22.4m98.3 0c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2V276c0 4.2-3 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-82.5c0-4.1 2.9-7.4 6.7-7.4 3.7 0 6.7 3.3 6.7 7.4v.7c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4m-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.2 9.1-21.2 22.4s8.9 22.4 21.2 22.4 20.1-9 20.1-22.4m96.6 0c0 18.9-14 34.4-33.7 34.4s-33.6-15.5-33.6-34.4 13.8-34.4 33.6-34.4 33.7 15.5 33.7 34.4m-13.7 0c0-13.1-8.1-22.4-20-22.4s-19.8 9.3-19.8 22.4 7.6 22.4 19.8 22.4c12.1 0 20-9.1 20-22.4m67.1-27.2c0 3.3-2.7 6-6 6-11.2 0-16.9 9.1-16.9 20.7v26.4c0 4.2-3 7.4-6.7 7.4-3.8 0-6.8-3.2-6.8-7.4v-51.7c0-4.2 3-7.5 6.8-7.5 3.7 0 6.7 3.3 6.7 7.5v1.2c4-5.3 9.5-8.7 16-8.7 4.2 0 6.9 2.7 6.9 6zm60.8 54.6c-3.9 3.9-10.2 7.1-16.9 7.1-13.4 0-22.2-9-22.2-22.4v-33.2h-5.1c-3.3 0-6-2.7-6-6.1 0-3.3 2.7-6 6-6h5.1v-23.9c0-4.2 2.9-7.4 6.7-7.4s6.7 3.2 6.7 7.4v23.9h15.2c3.4 0 6 2.7 6 6 0 3.4-2.6 6.1-6 6.1h-15.2v33.2c0 7 4.2 10.4 8.8 10.4 4.3 0 6.4-1.8 9.5-4.6 2.9-2.6 6.3-2.1 8.4 0 1.8 1.8 2.5 6-1 9.5"/><path d="M1076.1 191.7c0 5.3-4.3 9.7-9.6 9.7-5.2 0-9.5-4.4-9.5-9.7 0-5.4 4.3-9.5 9.5-9.5 5.3 0 9.6 4.3 9.6 9.5m-1.2 0c0-4.5-3.9-8.2-8.3-8.2-4.5 0-8.4 3.7-8.4 8.2s3.7 8.3 8.4 8.3c4.6 0 8.3-3.7 8.3-8.3m-6.6 1.3 2.4 3.9h-1.6l-2.1-3.7h-2.5v3.7h-1.4v-10.1h4.2c1.9 0 3.4 1.5 3.4 3.1 0 1.5-.9 2.7-2.4 3.1m-1-1.2c1.2 0 2.1-.9 2.1-1.9 0-1.1-.9-1.8-2.1-1.8h-2.8v3.7z" opacity=".5"/></svg>
    <svg class="svg-icon logo__small fill-navy text-navy dark:text-white dark:fill-white fill-current" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m33.01 16.738-3.243 7.028a1.49 1.49 0 0 1-1.38.875 1.485 1.485 0 0 1-1.378-.875l-2.815-6.189-2.815 6.189c-.26.559-.782.875-1.379.875a1.489 1.489 0 0 1-1.38-.875l-2.814-6.189-2.814 6.189c-.262.559-.784.875-1.38.875a1.485 1.485 0 0 1-1.379-.875L6.99 16.738a.879.879 0 0 1 .43-1.174.88.88 0 0 1 1.192.428l3 6.767 2.872-6.43a1.452 1.452 0 0 1 1.323-.858c.577 0 1.1.335 1.323.857L20 22.76l2.87-6.43a1.453 1.453 0 0 1 1.324-.858c.578 0 1.1.335 1.324.857l2.87 6.431 3-6.767a.879.879 0 0 1 1.193-.428.878.878 0 0 1 .429 1.174zM38.322 20c0-10.14-8.22-18.322-18.322-18.322C9.897 1.678 1.677 9.898 1.677 20c0 10.103 8.22 18.322 18.323 18.322 10.102 0 18.322-8.22 18.322-18.322zM40 20c0 11.035-8.965 20-20 20C8.966 40 0 31.035 0 20 0 8.966 8.966 0 20 0c11.035 0 20 8.929 20 20z"/>
</svg>  </a>

  </div>
            </div>

                          <div class="flex-auto hidden pl-9 lg:flex">
                <nav class="primary-nav js-navigation flex w-full">
  <ul class="flex">
          
      <li class="primary-nav__item js-navigation-item  xl:ml-0 lg:ml-0 md:ml-0 ml-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/wordpress/"
          >
            <span>Skapa hemsida</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Skapa hemsida</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Kom snabbt och enkelt igång med din hemsida med världens mest använda hemsidesystem, WordPress.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/website-builder/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Hemsida med Website Builder
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/website-builder-mallar/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Mallar i Website Builder
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/wordpress/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Hemsida med WordPress
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/wordpress-med-ai/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      WordPress med AI
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/woocommerce/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Webbutik med WooCommerce
                                          </a>
                  </li>
                              </ul>
            </div>
          
                      <div class="megamenu__third-col hidden pl-9 pt-4 xl:block">
              
              <ul>
                                  <li class="mb-0">
                    <a
                      href=""
                                            class="text-secondary text-navy-m2 transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      
                    </a>
                  </li>
                              </ul>
            </div>
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/doman/"
          >
            <span>Domän</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Domännamn</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Ett domännamn är grunden till din närvaro online och används bland annat till din hemsidas adress (www.___.se) eller i slutet av din e-postadress (t ex info@___.se).</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/doman/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Registrera domän
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/doman/domantjanster/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      DNS & Domäntjänster
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://kunskap.websupport.se/kb/byta-registrar-domantransfer/"
                                              target="_blank"
                        rel="noopener noreferrer"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Flytta domän till Websupport
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/webbhotell/"
          >
            <span>Webbhotell</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Webbhotell</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">En perfekt lösning för dig som vill att vi sköter den tekniska biten åt dig så att du istället kan fokusera på det som är viktigt för dig, t ex din hemsida.</p>
              
                              <ul class="mt-10">
                                      <li class="mb-0">
                      <a
                        href="https://websupport.se/webbhotell/specifikationer/"
                                                class="button button--text-tiny button--inline-arrow"
                      >
                        Tekniska specifikationer
                      </a>
                    </li>
                                  </ul>
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/webbhotell/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Webbhotellspaket
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://kunskap.websupport.se/kb/migreringsverktyget/"
                                              target="_blank"
                        rel="noopener noreferrer"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Flytta till Websupport
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/webbhotell/php-stod/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Förlängt PHP-stöd
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                              <a
              href="https://websupport.se/ssl/"
                            class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
            >
              SSL
            </a>
                        </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/email/"
          >
            <span>E-post</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">E-post</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Skapa proffsiga e-postadresser som stärker ditt varumärke och förenklar din kommunikation.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/email/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      E-post
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/businessmail/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Business Mail
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  xl:mr-0 lg:mr-0 md:mr-0 mr-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/cookie-gdpr-manager/"
          >
            <span>Extratjänster</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Extratjänster</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Komplettera med smarta extratjänster som gör din vardag enklare och ger dig en trygg och flexibel närvaro online.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/cookie-gdpr-manager/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Cookie & GDPR Manager
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/webbhotell/php-stod/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Förlängt PHP-stöd
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/premiumsupport/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Premiumsupport
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
      </ul>
</nav>
              </div>

              <div class="absolute right-0 flex flex-initial h-full ml-auto lg:relative lg:h-auto">
                <nav class="flex primary-nav-right">
  <ul class="flex">
    <button
  class="flex items-center transition hover:text-navy-m2 dark:hover:text-white primary-nav-right__link text-navy dark:text-white"
  title="Varukorg" aria-expanded="false" @click="$store.cart.isOpen = true">

  <span class="relative" x-cloak x-show="$store.cart.items.length">
    <span
      class="flex items-center justify-center w-5 h-5 text-xs font-bold text-white rounded-full whitespace-nowrap text-small bg-gem dark:bg-gem-neon xl:w-7 xl:h-7 text-primary dark:text-black "
      x-html="$store.cart.items.length"></span>
  </span>

  <span x-show="!$store.cart.items.length">
    <svg class="svg-icon fill-current w-5 h-5 lg:w-7 lg:h-7" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2C3.24155 2 4.13843 2.22422 4.70711 2.79289C5.04216 3.12794 5.33674 3.56893 5.55976 4.06048C5.72244 4.02226 5.89365 4.00216 6.07125 4.00254L20.0407 5.00036C21.2924 5.02246 22.5171 6.06045 21.9125 7.40906C21.7948 7.67166 21.2632 8.74107 20.418 10.4238C20.0729 11.1108 19.7188 11.8139 19.3647 12.5159C19.164 12.9135 19.164 12.9135 19.0224 13.194C18.9575 13.3224 18.9323 13.3724 18.917 13.4025C18.6296 14.1416 18.0227 14.7126 17.2645 14.9532L17.1169 15H7.038L7.02369 14.9993L5.04955 14.9988C4.48131 15.027 4.02697 15.4813 4 16L3.99821 16.9401C4.03254 17.5124 4.49001 17.9694 5 18H5.17071C5.58254 16.8348 6.69378 16 8 16C9.30622 16 10.4175 16.8348 10.8293 18H13.1707C13.5825 16.8348 14.6938 16 16 16C17.6569 16 19 17.3431 19 19C19 20.6569 17.6569 22 16 22C14.6938 22 13.5825 21.1652 13.1707 20H10.8293C10.4175 21.1652 9.30622 22 8 22C6.69331 22 5.58174 21.1646 5.17026 19.9987L4.94324 19.9984C3.36275 19.9085 2.09682 18.6439 2 17L2.00123 15.9504C2.0802 14.3588 3.35036 13.0856 4.98992 13.0005L4.01005 6.14142L4 6C4 5.35306 3.67086 4.58508 3.29289 4.20711C3.1949 4.10911 2.75845 4 2 4V2ZM16 18C15.4477 18 15 18.4477 15 19C15 19.5523 15.4477 20 16 20C16.5523 20 17 19.5523 17 19C17 18.4477 16.5523 18 16 18ZM8 18C7.44772 18 7 18.4477 7 19C7 19.5523 7.44772 20 8 20C8.55228 20 9 19.5523 9 19C9 18.4477 8.55228 18 8 18ZM6.01026 6.00073L6.99015 12.86C6.99973 12.9278 7.04866 12.9822 7.11287 13H16.7694C16.9028 12.9274 17.0065 12.8078 17.0588 12.6622L17.1076 12.5488C17.1176 12.5289 17.1234 12.5175 17.135 12.4945L17.1978 12.3702C17.209 12.3481 17.222 12.3223 17.2371 12.2923C17.3786 12.0122 17.3786 12.0122 17.579 11.6151C17.9326 10.9141 18.2863 10.2119 18.6163 9.55493L18.6308 9.52609C19.2089 8.37516 19.6505 7.49032 19.8934 6.99493L6.01026 6.00073Z" fill="#2fd17d"/></svg>  </span>

  <span class="inline-block ml-2 xl:ml-4 header-item__label">Varukorg</span>
</button>
  </ul>
</nav>
              </div>
            
                      </div>
        </div>
      </div>
    </header>

    
          <div class="relative overflow-hidden transition-all js-header-mobile-main-nav lg:hidden">
        <div
          class="bg-navy -mt-1 flex h-10 flex-auto border-b border-solid border-navy-m4 dark:border-navy-m1 lg:border-0">
          <div class="container px-4 mx-auto">
            <div class="relative flex w-full h-full overflow-auto js-header-mobile-main-nav-container scrollbar-hide">
              <div class="absolute flex items-stretch w-auto h-full pr-1 overflow-hidden">
                <nav class="primary-nav js-navigation flex w-full">
  <ul class="flex">
          
      <li class="primary-nav__item js-navigation-item  xl:ml-0 lg:ml-0 md:ml-0 ml-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/wordpress/"
          >
            <span>Skapa hemsida</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Skapa hemsida</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Kom snabbt och enkelt igång med din hemsida med världens mest använda hemsidesystem, WordPress.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/website-builder/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Hemsida med Website Builder
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/website-builder-mallar/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Mallar i Website Builder
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/wordpress/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Hemsida med WordPress
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/wordpress-med-ai/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      WordPress med AI
                                              <img
                          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                          alt=""
                          class="ml-1.5 inline-block h-6.5 w-10 flex-shrink-0 -translate-y-1 transform object-contain"
                        ></noscript>
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/woocommerce/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Webbutik med WooCommerce
                                          </a>
                  </li>
                              </ul>
            </div>
          
                      <div class="megamenu__third-col hidden pl-9 pt-4 xl:block">
              
              <ul>
                                  <li class="mb-0">
                    <a
                      href=""
                                            class="text-secondary text-navy-m2 transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      
                    </a>
                  </li>
                              </ul>
            </div>
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/doman/"
          >
            <span>Domän</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Domännamn</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Ett domännamn är grunden till din närvaro online och används bland annat till din hemsidas adress (www.___.se) eller i slutet av din e-postadress (t ex info@___.se).</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/doman/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Registrera domän
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/doman/domantjanster/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      DNS & Domäntjänster
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://kunskap.websupport.se/kb/byta-registrar-domantransfer/"
                                              target="_blank"
                        rel="noopener noreferrer"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Flytta domän till Websupport
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/webbhotell/"
          >
            <span>Webbhotell</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Webbhotell</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">En perfekt lösning för dig som vill att vi sköter den tekniska biten åt dig så att du istället kan fokusera på det som är viktigt för dig, t ex din hemsida.</p>
              
                              <ul class="mt-10">
                                      <li class="mb-0">
                      <a
                        href="https://websupport.se/webbhotell/specifikationer/"
                                                class="button button--text-tiny button--inline-arrow"
                      >
                        Tekniska specifikationer
                      </a>
                    </li>
                                  </ul>
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/webbhotell/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Webbhotellspaket
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://kunskap.websupport.se/kb/migreringsverktyget/"
                                              target="_blank"
                        rel="noopener noreferrer"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Flytta till Websupport
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/webbhotell/php-stod/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Förlängt PHP-stöd
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                              <a
              href="https://websupport.se/ssl/"
                            class="primary-nav__item-link whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pb-0"
            >
              SSL
            </a>
                        </li>
          
      <li class="primary-nav__item js-navigation-item  border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/email/"
          >
            <span>E-post</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">E-post</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Skapa proffsiga e-postadresser som stärker ditt varumärke och förenklar din kommunikation.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/email/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      E-post
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/businessmail/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Business Mail
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
          
      <li class="primary-nav__item js-navigation-item  xl:mr-0 lg:mr-0 md:mr-0 mr-0 border-transparent primary-nav__item--has-sub-menu group relative mx-4 flex items-center border-b-2 border-solid md:mx-6 lg:mx-4 lg:border-b-4 xl:mx-5">
                  <button
            type="button"
            class="primary-nav__item-link js-nav-toggle-button whitetespace-nowrap  dark:text-navy-m3 text-navy-m2 flex h-full items-center justify-center gap-2 pb-2 pt-2 transition hover:text-navy dark:hover:text-white lg:pt-2 lg:pb-0 bg-transparent border-0 cursor-pointer group-[.is-opened]:relative group-[.is-opened]:z-[1000]"
            aria-expanded="false"
            aria-haspopup="true"
            data-url="https://websupport.se/cookie-gdpr-manager/"
          >
            <span>Extratjänster</span>
            <svg class="hidden h-4 w-4 transition-transform duration-200 lg:block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
              <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
            </svg>
          </button>
          <div class="megamenu js-navigation-submenu  fixed -ml-4 hidden w-full transition lg:block">
  <svg class="js-primary-nav-item-hitarea primary-nav__item-hitarea pointer-events-none absolute bottom-0 left-0 right-0 z-0 w-full">
    <path
      class="pointer-events-auto"
      fill="transparent"
      stroke="none"
    />
  </svg>

  <div class="megamenu__wrap megamenu__dark-shadow bg-navy relative overflow-hidden rounded">
    <div class="flex w-full">

      <div class="flex w-full flex-col flex-wrap">
        
        <div class="flex px-12 pb-14 pt-12">
                      <div class="megamenu__main-col pr-8">
                              <h2 class="font-black mb-6 text-navy text-h4 dark:text-white xl:mb-6">Extratjänster</h2>
              
                              <p class="text-navy-m2 text-small dark:text-navy-m4">Komplettera med smarta extratjänster som gör din vardag enklare och ger dig en trygg och flexibel närvaro online.</p>
              
                          </div>
          
                      <div class="megamenu__second-col pl-10 pr-0 pt-2 xl:col-span-5">
              <ul>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/cookie-gdpr-manager/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Cookie & GDPR Manager
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/webbhotell/php-stod/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Förlängt PHP-stöd
                                          </a>
                  </li>
                                  <li class="mb-6">
                    <a
                      href="https://websupport.se/premiumsupport/"
                                            class="megamenu__second-col-list-item-link text-secondary inline-flex items-center text-navy transition hover:text-gem dark:text-navy-m4 dark:hover:text-white"
                    >
                      Premiumsupport
                                          </a>
                  </li>
                              </ul>
            </div>
          
                  </div>

              </div>

      
    </div>
  </div>
</div>
              </li>
      </ul>
</nav>
              </div>
            </div>
          </div>
        </div>
      </div>
      </div>

  
      <div  class="mobile-nav js-mobile-nav fixed top-0 z-100 block h-full w-full transition lg:hidden">
  
  <button
  class="nav-toggle-btn js-toggle-nav"
  title="Växla Navigation"
>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--1"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--2"></span>
  <span class="nav-toggle-btn__item nav-toggle-btn__item--3"></span>
</button>

  <div class="mobile-nav__wrap flex h-full flex-col bg-white pt-9 dark:bg-navy-p2">
    <div class="flex h-full flex-col overflow-hidden overflow-y-auto px-6 pb-7 pt-8">
              <nav class="mb-18">
          <ul>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/wordpress/"
                                  >
                  Skapa hemsida
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/website-builder/"
                                                              >
                                Hemsida med Website Builder

                                                                  <img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/website-builder-mallar/"
                                                              >
                                Mallar i Website Builder

                                                                  <img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/wordpress/"
                                                              >
                                Hemsida med WordPress

                                                                  <img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/wordpress-med-ai/"
                                                              >
                                WordPress med AI

                                                                  <img
                                    src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg" ><noscript><img
                                    src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2025/10/AI_WS_WHITE-BRICK_BADGE.svg"
                                    alt=""
                                    class="ml-1.5 inline-block h-8 w-8 flex-shrink-0 -translate-y-1 transform object-contain"
                                  ></noscript>
                                                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/woocommerce/"
                                                              >
                                Webbutik med WooCommerce

                                                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Kom snabbt och enkelt igång med din hemsida med världens mest använda hemsidesystem, WordPress.</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/doman/"
                                  >
                  Domän
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/doman/"
                                                              >
                                Registrera domän

                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/doman/domantjanster/"
                                                              >
                                DNS & Domäntjänster

                                                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://kunskap.websupport.se/kb/byta-registrar-domantransfer/"
                                                                  target="_blank"
                                  rel="noopener noreferrer"
                                                              >
                                Flytta domän till Websupport

                                                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Ett domännamn är grunden till din närvaro online och används bland annat till din hemsidas adress (www.___.se) eller i slutet av din e-postadress (t ex info@___.se).</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/webbhotell/"
                                  >
                  Webbhotell
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/webbhotell/"
                                                              >
                                Webbhotellspaket

                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://kunskap.websupport.se/kb/migreringsverktyget/"
                                                                  target="_blank"
                                  rel="noopener noreferrer"
                                                              >
                                Flytta till Websupport

                                                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/webbhotell/php-stod/"
                                                              >
                                Förlängt PHP-stöd

                                                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          En perfekt lösning för dig som vill att vi sköter den tekniska biten åt dig så att du istället kan fokusera på det som är viktigt för dig, t ex din hemsida.</p>
                      
                                              <ul class="mb-11 pl-4 pr-2">
                                                      <li class="mb-0">
                              <a
                                class="mobile-nav__sub-menu-other-link text-secondary text-navy-m2 dark:text-navy-m4"
                                href="https://websupport.se/webbhotell/specifikationer/"
                                                              >
                                Tekniska specifikationer
                                <svg class="svg-icon svg-icon dark:text- text-navy fill-navy w-3 h-4 fill-current ml-2 inline -mt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24" xml:space="preserve">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M18.4 12.8H1.8v-2h16.6l-6.3-6.3 1.4-1.4 8.7 8.7-8.7 8.7-1.4-1.4z"/>
</svg>                              </a>
                            </li>
                                                  </ul>
                                          </div>
                  </div>
                              </li>
                          <li class="  mb-6 ">
                <a
                  class="mobile-nav__link font-black  text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/ssl/"
                                  >
                  SSL
                </a>

                              </li>
                          <li class="js-nav-toggle-item  mb-6 ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/email/"
                                  >
                  E-post
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/email/"
                                                              >
                                E-post

                                                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/businessmail/"
                                                              >
                                Business Mail

                                                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Skapa proffsiga e-postadresser som stärker ditt varumärke och förenklar din kommunikation.</p>
                      
                                          </div>
                  </div>
                              </li>
                          <li class="js-nav-toggle-item ">
                <a
                  class="mobile-nav__link font-black  js-nav-toggle-item-link text-navy transition text-h6 dark:text-white"
                  href="https://websupport.se/cookie-gdpr-manager/"
                                  >
                  Extratjänster
                </a>

                                  
                  <div class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                    <div>
                                              <ul class="mt-6 px-4 py-0">
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/cookie-gdpr-manager/"
                                                              >
                                Cookie & GDPR Manager

                                                              </a>
                            </li>
                                                      <li class="mb-4">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/webbhotell/php-stod/"
                                                              >
                                Förlängt PHP-stöd

                                                              </a>
                            </li>
                                                      <li class="mb-0">
                              <a
                                class="text-navy text-p dark:text-white"
                                href="https://websupport.se/premiumsupport/"
                                                              >
                                Premiumsupport

                                                              </a>
                            </li>
                                                  </ul>

                                                  <div class="mx-4 mt-6 border-b border-solid border-navy-m4 dark:border-black"></div>
                                              
                                              <p class="mobile-nav__sub-menu-text text-secondary mb-4 mt-4 px-4 py-0 dark:text-navy-m4">
                          Komplettera med smarta extratjänster som gör din vardag enklare och ger dig en trygg och flexibel närvaro online.</p>
                      
                                          </div>
                  </div>
                              </li>
                      </ul>
        </nav>
      
              
        <nav>
          <ul>
                          <li class=" mb-4 ">
                <a
  class="text-navy-m2 dark:text-navy-m4 text-secondary inline-flex items-center text-small"
  href="https://websupport.se/support/"
    x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Support
</a>
              </li>
                          <li class="">
                <a
  class="text-navy-m2 dark:text-navy-m4 text-secondary inline-flex items-center text-small"
  href="https://webmail.websupport.se/"
   target="_blank" rel="noopener noreferrer"   x-data="{ get isSorryActive() { return $store.sorryStatus.isActive() && $store.sorryStatus.isStatusLink($el) } }"
  x-bind:data-sorry-status="isSorryActive ? $store.sorryStatus.type : null"
>
  <template x-if="isSorryActive">
    <span>
      <svg class="svg-icon w-3.5 h-3.5 mr-1 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 2a9 9 0 1 0 0 18 9 9 0 0 0 0-18zm0 12.998a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm1.004-10v8h-2.001v-8h2z" fill="currentColor" fill-rule="evenodd"/>
</svg>    </span>
  </template>
  Webbmail
</a>
              </li>
            
            <li class="js-nav-toggle-item mobile-nav__login mt-3">
              <div class="relative mb-2 flex cursor-pointer items-center">
                <svg class="svg-icon svg-icon dark:text-white inline text-navy w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1zm0 16c-3.57 0-5.672.687-5.965 1.74A8.966 8.966 0 0 0 12 21a8.966 8.966 0 0 0 5.964-2.26C17.672 17.687 15.569 17 12 17zm0-14a9 9 0 0 0-7.4 14.125C5.728 15.638 8.372 15 12 15c3.629 0 6.273.638 7.4 2.124A9 9 0 0 0 12 3zm0 3c2.414 0 4 1.922 4 4.2 0 3.28-1.782 4.8-4 4.8-2.24 0-4-1.573-4-5 0-2.244 1.58-4 4-4zm0 2c-1.266 0-2 .816-2 2 0 2.27.818 3 2 3 1.178 0 2-.702 2-2.8 0-1.25-.784-2.2-2-2.2z" fill-rule="evenodd"/>
</svg>
                <span
                  class="top-bar-link text-secondary mobile-nav__user-name js-nav-toggle-item-link js-nav-mobile-logged-in block px-2 py-2 text-navy transition hover:text-black dark:text-white dark:hover:text-white"
                  x-cloak
                  x-show="$store.user.isLogged"
                  x-html="$store.user.details.login !== undefined ? $store.user.details.login: ''"
                >
                </span>

                <span
                  class="text-secondary px-2 text-navy transition hover:text-black dark:text-white dark:hover:text-white"
                  x-show="!$store.user.isLogged"
                >
                  <a
                    class="js-nav-toggle-item-link top-bar-link block py-2"
                    :href="$store.user.isLogged ? 'https://admin.websupport.se/sv/user/update/185869' : 'https://api-cart.websupport.se/login?redirectAfterLogin=https://websupport.se'"
                  >Logga in</a>
                </span>
              </div>

              <ul class="mobile-nav__sub-menu js-nav-toggle-item-sub-menu transition">
                <li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="https://admin.websupport.se/sv/user/update/185869"
                  >
                    Kontoinställningar
                  </a>
                </li>

                <li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="https://admin.websupport.se/sv/dashboard"
                  >
                    Mina tjänster
                  </a>
                </li>

                <li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="https://admin.websupport.se/sv/invoice"
                  >
                    Fakturaöversikt
                  </a>
                </li>

                <li class="w-full">
                  <a
                    class="top-bar-link text-secondary block px-4 py-2 text-navy-m2 transition hover:text-gem dark:text-navy-m4"
                    href="#"
                    @click.prevent="$store.user.logoutUser()"
                  >
                    Logga ut
                  </a>
                </li>
              </ul>
            </li>
          </ul>
        </nav>
          </div>

          <nav class="mobile-nav__main-category relative flex flex-row flex-wrap bg-white px-6 dark:bg-navy-p2">
        <ul class="flex w-full border-t border-solid border-navy border-navy-m5 dark:border-navy-m1">
                      <li class="w-1/2">
              <a
                class="border-gem text-gem dark:text-gem-neon block border-t-4 px-2 py-4 pl-1 text-btn"
                href=""
                              >
                
              </a>
            </li>
                  </ul>
      </nav>
      </div>
</div>
  
  
  <div class="relative hidden z-100" aria-labelledby="cart-title" aria-modal="true" x-data="{ isFirstOpen: true }"
  :class="{ 'hidden': (!$store.cart.isOpen && !isFirstOpen) || undefined }"
  @click.away="$store.cart.isOpen = false; isFirstOpen = false" x-cloak
  @keydown.window.escape="$store.cart.isOpen = false; isFirstOpen = false" x-show="$store.cart.isOpen" x-ref="dialog">

  <div class="fixed inset-0 transition-opacity bg-opacity-50 bg-navy-p2" x-show="$store.cart.isOpen"
    x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0"
    x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500"
    x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0">
  </div>

  <div class="fixed inset-0 overflow-hidden">
    <div class="absolute inset-0 overflow-hidden">
      <div
        class=" pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-12">
        <div class="max-w-full pointer-events-auto w-135" x-show="$store.cart.isOpen"
          x-transition:enter="transform transition ease-in-out duration-500 sm:duration-1000"
          x-transition:enter-start="translate-x-full opacity-0" x-transition:enter-end="translate-x-0 opacity-100"
          x-transition:leave="transform transition ease-in-out duration-500 sm:duration-1000"
          x-transition:leave-start="translate-x-0 opacity-100" x-transition:leave-end="translate-x-full opacity-0"
          @click.away="$store.cart.isOpen = false">

          <div class="relative flex flex-col h-full px-6 py-16 bg-white shadow-xl md:px-12"
            :class="{ 'loading': $store.cart.isLoading }">
            <div class="absolute inset-0 z-10 bg-white bg-opacity-50" x-show="$store.cart.isLoading"></div>

            <div class="flex">
              <div class="relative flex items-center justify-between w-full text-body-text">
                <div class="text-h5 cart-title">Varukorg</div>

                <button
                  class="absolute flex items-center justify-end w-8 h-10 bg-white focus:outline-none focus:ring-0 -left-14 md:-left-20 -top-3"
                  type="button" @click="$store.cart.isOpen = false">
                  <span class="sr-only">Stäng vagnen</span>
                  <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="m13.414 12 6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364 1.414 1.414z" fill-rule="evenodd"/>
</svg>                </button>
              </div>
            </div>

            <div class="relative overflow-auto">
              <template x-if="$store.cart.items.length">
  <div class="mb-4 text-navy-m3 text-small">
    <span class="">Produkter i varukorgen: </span>
    <span x-html="$store.cart.items.length"></span>
  </div>
</template>

<template x-if="$store.cart.items.length">
  <div class="mb-2 mt-11 flex justify-between pr-9 text-small">
    <span class="font-bold text-navy">Produkt</span>
    <span class="font-bold text-navy">Ex moms</span>
  </div>
</template>

<template
  x-for="(item, index) in $store.cart.items"
  :key="index"
>
  <div
    class="flex flex-col justify-start border-t border-navy-m5 bg-white py-3 pr-9 transition-colors hover:bg-navy-m40 md:pl-4"
    x-data="{ showRemove: false }"
    @mouseleave="showRemove = false"
    @mouseover="showRemove = true"
  >
    <div class="relative">
      <div class="flex justify-between">
        <div class="flex w-1/2 flex-col">
          <span
            class="font-bold text-navy"
            x-text="item.name"
          ></span>
          <div class="mb-1 flex flex-row flex-wrap text-navy-m2 text-small">
            <template
  x-for="(property, index) in item.properties"
  :key="index"
>
  <div
    class="mr-0.5 flex flex-row"
    :class="property.code"
  >
    <span
      class="hidden"
      x-text="property.name"
    ></span>
    <span
      class="text-navy-m2 text-small"
      x-html="property.value + (item.properties.length !== index + 1 ? ',' : '')"
    ></span>
  </div>
</template>
          </div>
        </div>

        <div class="flex w-1/2 items-center justify-end">
          <div>
            <template x-if="item.pricePrefix">
  <span x-html="item.pricePrefix"></span>
</template>
<template x-if="item.vatExcludedFormatted && !!!+vat">
  <span class="text-navy-m2 text-small" x-html="item.vatExcludedFormatted"></span>
</template>
<template x-if="item.vatIncludedFormatted && !!+vat">
  <span class="text-navy-m2 text-small" x-html="item.vatIncludedFormatted"></span>
</template>
<template x-if="item.priceSuffix">
  <span class="ml-1 text-navy-m2 text-small" x-html="'/' + item.priceSuffix"></span>
</template>
          </div>
          <button class="absolute top-[calc(50%_-_12px)] right-0 " title="Ta bort produkt från varukorgen"
  :class="showRemove ? 'animate-slide-in-fade' : 'animate-slide-out-fade'" x-show="showRemove"
  x-transition:enter="transition duration-0" x-transition:leave="transition duration-300"
  @click="$store.cart.removeItem(item.id)">
  <svg class="svg-icon fill-current w-4 h-4 text-brick" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    <path d="M15 1a2 2 0 0 1 2 2v1h3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-.081L19 21a2 2 0 0 1-2 2H7c-1.105 0-2-.895-1.997-1.917L4.08 10H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V3a2 2 0 0 1 2-2h6zm2.913 9H6.086L7 21h10l.003-.083.91-10.917zm-3.62 1.293 1.414 1.414L13.415 15l2.292 2.293-1.414 1.414L12 16.415l-2.293 2.292-1.414-1.414L10.585 15l-2.292-2.293 1.414-1.414L12 13.585l2.293-2.292zM20 6H4v2h16V6zm-5-3H9v1h6V3z" fill="currentColor" fill-rule="evenodd"/>
</svg></button>
        </div>
      </div>

      <template x-if="$store.cart.notifications && $store.cart.notifications[item.code]">
  <div class="flex gap-2 p-2 border bg-navy-m5 border-navy-m4">
    <div>
      <svg class="svg-icon fill-current w-6 h-6 text-king-neon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" fill="currentColor" clip-rule="evenodd" d="M12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM12.0003 14.9983C12.5528 14.9983 13.0007 15.4461 13.0007 15.9983C13.0007 16.5506 12.5528 16.9983 12.0003 16.9983C11.4479 16.9983 11 16.5506 11 15.9983C11 15.4461 11.4479 14.9983 12.0003 14.9983ZM12 6C14.2843 6 16 7.32063 16 9.5C16 11.2016 15.3754 11.9303 13.9472 12.6444C13.1254 13.0553 13 13.2016 13 14H11C11 12.2984 11.6246 11.5697 13.0528 10.8556C13.8746 10.4447 14 10.2984 14 9.5C14 8.55641 13.2772 8 12 8C10.8954 8 10 8.89543 10 10H8C8 7.79086 9.79086 6 12 6Z"></path></svg>    </div>

    <div>
      <span class="flex items-center text-king-neon text-small" x-text="$store.cart.notifications[item.code].title">
      </span>

      <span class="text-navy-m2 text-small" x-text="$store.cart.notifications[item.code].text">
      </span>
    </div>
  </div>
</template>
    </div>
  </div>
</template>

<template x-if="$store.cart.items.length === 0">
  <div class="m-0 flex flex-col justify-start bg-white p-4 py-7">
    <span class="font-bold text-small">Varukorgen är tom</span>
  </div>
</template>
            </div>

            <div
              class="flex items-center flex-row shadow-[0px_-1px_15px_rgba(0,0,0,0.05)] text-right border-t border-navy-m4 pt-6 mt-12"
              :class="{ 'justify-between': $store.cart.items.length, 'justify-end': !$store.cart.items.length }">
              <div class="flex flex-col items-start mb-0" x-show="$store.cart.items.length">
                <span class="text-small text-navy-m3">Totalt pris (exkl. moms)</span>

                <template x-if="$store.cart.totalVatExcludedFormatted">
                  <span class="text-h4" x-html="$store.cart.totalVatExcludedFormatted"></span>
                </template>
              </div>

              <a class="button cursor-pointer w-auto button button--p-large button--text-large button--color-gem-neon cta" title="Fortsätt beställning" 
         href="https://websupport.se//cart"         >
    <span class="btn__text">
      Fortsätt beställning
    </span>
  </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<main  class="main" id="main">
    <section  class="hero dark" id="page-hero">
  <div class="pb-10 bg-gradient-to-b from-navy-m5 to-white dark:from-navy-p1 dark:to-navy">
    <div
      class="hero__container  max-w-screen-2xl xl:pl-24 lg:px-6 xl:px-12 md:px-8  container relative mx-auto px-4">
      <div class="flex flex-col flex-wrap hero__container-inner md:flex-row">
        <div
          class="hero__content-wrap  z-20 flex w-full flex-col pb-0 pt-8 md:justify-center md:pb-8">
          
                      <div class="hero__content  flex flex-col justify-center">
              <h1 class=" highlight-text--brick-neon text-navy text-h1 dark:text-white">Få din egen <span>.SE-domän</span> för bara <span>9 kr!</span></h1>


  <div class="mt-2 block-content format-paragraph text-navy-m1 dark:text-white xl:mt-6">
    <p>Skapa en egen hemsida till dig eller företaget utan förkunskaper. Med domän, webbhotell och våra smarta AI-verktyg kommer du igång på nolltid!<br />
<em style="font-size: 11px">Priset för .SE är exkl. moms och gäller till och med 2026-06-18. Förnyelsepriset gäller från år 2.</em></p>

  </div>
            </div>
          
                      <div class="mt-8 hero__domain-search md:mt-10 xl:mt-14">
              <form x-data="{
    searchInput: '',
    cart: null,
    isLoading: false,
    clearError() {
        this.cart = null;
    }
}"
      method="GET"
    role="search"
    action="https://websupport.se//cart/domain-checker"   :class="{ 'loading': isLoading }">
  <div class="relative flex overflow-hidden rounded-2 dark:border-0 md:rounded">
    <div
      class="absolute items-center justify-center hidden h-full px-8 text-black border-r-2 bg-gradient-to-l from-navy-m5 to-white py-7 font-primary text-h5 md:flex lg:px-11 xl:px-8">
      www.
    </div>

    <div class="w-full gfield domain-form__input-container">
      <input
        class="w-full pl-4 bg-white domain-form__input h-13 pr-13 focus:outline-none md:h-21 md:pl-37 md:pr-24 lg:h-24 lg:pl-52 xl:pl-45"
        name="qd" type="text" placeholder=" " x-model="searchInput" :disabled="isLoading">
      <label
        class="absolute top-0 left-0 flex items-center justify-start w-full h-full pl-4 domain-form__input--placeholder pr-13 font-primary text-navy-m3 md:pl-37 md:pr-24 lg:pl-52 xl:pl-45">
        <div class="mt-1 overflow-hidden">Hitta din unika domän</div>
      </label>
    </div>

    <div class="absolute top-0 right-0 z-10 flex h-full p-1 w-13 md:w-24 lg:p-2">
      <button class="flex items-center justify-center w-full h-full domain-form__btn rounded-2 bg-brick lg:rounded"
        type="submit" title="Söka" :disabled="isLoading">
        <svg class="svg-icon domain-form__btn-icon text-white fill-white inline-block w-4 h-4 md:w-9 md:h-9 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 2a8 8 0 0 1 6.32 12.905l5.387 5.388-1.414 1.414-5.388-5.386A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" fill-rule="evenodd"/>
</svg>      </button>
    </div>
  </div>

  </form>
            </div>
          
          
          
          
          
                  </div>

                  <div class="z-10 flex-col hidden md:flex">
            <div class="hero-bg">
              <div class="hero-bg__triangle-big absolute top-0 flex h-full w-1/2 items-start justify-end overflow-hidden pt-10 lg:pb-44">
          <svg class="svg-icon text-navy-p1 fill-navy-p1 inline-block fill-current max-w-full max-h-full w-auto h-auto" width="860" height="786" viewBox="0 0 860 786" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m592.909 462.155-81.201-187.376a40.45 40.45 0 0 0-37.396-24.979c-16.36 0-30.564 9.77-37.431 24.979L355.74 462.155l-81.176-187.376c-6.337-15.209-21.083-24.979-37.408-24.979-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.376-81.2-187.376A40.438 40.438 0 0 0 0 249.8v61.379l79.562 180.3c7.41 16.301 22.156 25.512 39.034 25.512 16.855 0 31.625-9.211 38.962-25.512l79.598-180.3 79.562 180.3c7.41 16.301 22.168 25.512 39.022 25.512 16.867 0 31.625-9.211 38.974-25.512l79.598-180.3 79.563 180.3c7.409 16.301 22.155 25.512 39.034 25.512 16.854 0 31.612-9.211 38.973-25.512l79.575-180.3V249.8c-16.337 0-30.565 9.77-37.42 24.979l-81.128 187.376zm0 268.773-81.201-187.377a40.452 40.452 0 0 0-37.396-24.979c-16.36 0-30.564 9.771-37.431 24.979L355.74 730.928l-81.176-187.377c-6.337-15.208-21.083-24.979-37.408-24.979-16.348 0-30.564 9.771-37.432 24.979l-81.128 187.377-81.2-187.377A40.44 40.44 0 0 0 0 518.572v61.379l79.562 180.301c7.41 16.3 22.156 25.512 39.034 25.512 16.855 0 31.625-9.212 38.962-25.512l79.598-180.301 79.562 180.301c7.41 16.3 22.168 25.512 39.022 25.512 16.867 0 31.625-9.212 38.974-25.512l79.598-180.301 79.563 180.301c7.409 16.3 22.155 25.512 39.034 25.512 16.854 0 31.612-9.212 38.973-25.512l79.575-180.301v-61.379c-16.337 0-30.565 9.771-37.42 24.979l-81.128 187.377zm0-518.585L511.708 24.979A40.45 40.45 0 0 0 474.312 0c-16.36 0-30.564 9.77-37.431 24.979L355.74 212.343 274.564 24.979C268.227 9.77 253.481 0 237.156 0c-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.364-81.2-187.364A40.439 40.439 0 0 0 0 0v61.379l79.562 180.3c7.41 16.288 22.156 25.512 39.034 25.512 16.855 0 31.625-9.224 38.962-25.512l79.598-180.3 79.562 180.3c7.41 16.288 22.168 25.512 39.022 25.512 16.867 0 31.625-9.224 38.974-25.512l79.598-180.3 79.563 180.3c7.409 16.288 22.155 25.512 39.034 25.512 16.854 0 31.612-9.224 38.973-25.512l79.575-180.3V0c-16.337 0-30.565 9.77-37.42 24.979l-81.128 187.364z" fill="#1E262D"/>
    <path fill-rule="evenodd" clip-rule="evenodd" d="m1303.91 462.155-81.2-187.376a40.455 40.455 0 0 0-37.4-24.979c-16.36 0-30.56 9.77-37.43 24.979l-81.14 187.376-81.176-187.376c-6.337-15.209-21.083-24.979-37.408-24.979-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.376-81.2-187.376A40.439 40.439 0 0 0 711 249.8v61.379l79.562 180.3c7.409 16.301 22.156 25.512 39.034 25.512 16.855 0 31.625-9.211 38.962-25.512l79.598-180.3 79.564 180.3c7.41 16.301 22.17 25.512 39.02 25.512 16.87 0 31.63-9.211 38.97-25.512l79.6-180.3 79.56 180.3c7.41 16.301 22.16 25.512 39.04 25.512 16.85 0 31.61-9.211 38.97-25.512l79.58-180.3V249.8c-16.34 0-30.57 9.77-37.42 24.979l-81.13 187.376zm0 268.773-81.2-187.377a40.457 40.457 0 0 0-37.4-24.979c-16.36 0-30.56 9.771-37.43 24.979l-81.14 187.377-81.176-187.377c-6.337-15.208-21.083-24.979-37.408-24.979-16.348 0-30.564 9.771-37.432 24.979l-81.128 187.377-81.2-187.377A40.44 40.44 0 0 0 711 518.572v61.379l79.562 180.301c7.409 16.3 22.156 25.512 39.034 25.512 16.855 0 31.625-9.212 38.962-25.512l79.598-180.301 79.564 180.301c7.41 16.3 22.17 25.512 39.02 25.512 16.87 0 31.63-9.212 38.97-25.512l79.6-180.301 79.56 180.301c7.41 16.3 22.16 25.512 39.04 25.512 16.85 0 31.61-9.212 38.97-25.512l79.58-180.301v-61.379c-16.34 0-30.57 9.771-37.42 24.979l-81.13 187.377zm0-518.585-81.2-187.364A40.456 40.456 0 0 0 1185.31 0c-16.36 0-30.56 9.77-37.43 24.979l-81.14 187.364-81.176-187.364C979.227 9.77 964.481 0 948.156 0c-16.348 0-30.564 9.77-37.432 24.979l-81.128 187.364-81.2-187.364A40.44 40.44 0 0 0 711 0v61.379l79.562 180.3c7.409 16.288 22.156 25.512 39.034 25.512 16.855 0 31.625-9.224 38.962-25.512l79.598-180.3 79.564 180.3c7.41 16.288 22.17 25.512 39.02 25.512 16.87 0 31.63-9.224 38.97-25.512l79.6-180.3 79.56 180.3c7.41 16.288 22.16 25.512 39.04 25.512 16.85 0 31.61-9.224 38.97-25.512l79.58-180.3V0c-16.34 0-30.57 9.77-37.42 24.979l-81.13 187.364z" fill="#1E262D"/>
</svg>        </div>
        
      <div class="hero-bg__image-wrapper  absolute h-full">
      
      

      
      
      

      <picture>
        <source
          srcset="
              
              https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x1020.png
            "
          media="(min-width: 1288px)"
        />
        <source
          srcset="
              
              https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x635.png
            "
          media="(min-width: 1024px)"
        />
        <source
          srcset="
              https://websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x470.png
            "
          media="(min-width: 768px)"
        />
        <img
          width="382"
          height="470"
          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/34221/Mascot-Cary-WS-0x470.png"
          alt=""
          class="no-lazy ml-auto h-full w-auto object-cover"
        />
      </picture>
      
    </div>
  </div>
          </div>
        
              </div>

      
      
    </div>
  </div>
</section>

          <section
  
  class="pt-16 pb-16 dark from-navy to-navy-p1 bg-gradient-to-b relative"
>
      <svg class="svg-icon server-segments__pattern hidden xl:block z-10 absolute -right-28 2xl:right-0 fill-current text-brick" viewBox="0 0 386 168" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M253.941 17.1451L279.329 75.7302C281.303 80.4852 285.921 83.54 291.021 83.54C296.136 83.54 300.577 80.4852 302.724 75.7302L328.094 17.1451L353.474 75.7302C355.456 80.4852 360.066 83.54 365.17 83.54C370.282 83.54 374.726 80.4852 376.874 75.7302L402.239 17.1451L427.627 75.7302C429.601 80.4852 434.215 83.54 439.319 83.54V64.3494L414.443 7.97675C412.127 2.8802 407.516 4.57764e-05 402.239 4.57764e-05C396.969 4.57764e-05 392.351 2.8802 390.057 7.97675L365.17 64.3494L340.294 7.97675C337.978 2.8802 333.363 4.57764e-05 328.094 4.57764e-05C322.82 4.57764e-05 318.206 2.8802 315.908 7.97675L291.021 64.3494L266.145 7.97675C263.829 2.8802 259.218 4.57764e-05 253.941 4.57764e-05C248.671 4.57764e-05 244.057 2.8802 241.755 7.97675L216.876 64.3494V83.54C221.983 83.54 226.432 80.4852 228.575 75.7302L253.941 17.1451ZM37.0653 100.684L62.4534 159.269C64.4272 164.024 69.0453 167.079 74.1455 167.079C79.2608 167.079 83.7019 164.024 85.8489 159.269L111.218 100.684L136.599 159.269C138.58 164.024 143.191 167.079 148.295 167.079C153.406 167.079 157.851 164.024 159.998 159.269L185.364 100.684L210.752 159.269C212.726 164.024 217.34 167.079 222.444 167.079V147.888L197.568 91.5158C195.251 86.4193 190.641 83.5391 185.364 83.5391C180.094 83.5391 175.476 86.4193 173.182 91.5158L148.295 147.888L123.419 91.5158C121.102 86.4193 116.488 83.5391 111.218 83.5391C105.945 83.5391 101.33 86.4193 99.0327 91.5158L74.1455 147.888L49.2697 91.5158C46.9531 86.4193 42.3426 83.5391 37.0653 83.5391C31.7956 83.5391 27.1812 86.4193 24.8797 91.5158L0.00012207 147.888V167.079C5.10788 167.079 9.55646 164.024 11.6998 159.269L37.0653 100.684ZM259.509 100.688L284.897 159.269C286.871 164.024 291.489 167.079 296.589 167.079C301.705 167.079 306.146 164.024 308.293 159.269L333.662 100.688L359.043 159.269C361.024 164.024 365.635 167.079 370.739 167.079C375.85 167.079 380.295 164.024 382.442 159.269L407.807 100.688L433.196 159.269C435.169 164.024 439.784 167.079 444.888 167.079V147.888L420.012 91.5158C417.695 86.4231 413.085 83.5391 407.807 83.5391C402.538 83.5391 397.92 86.4231 395.626 91.5158L370.739 147.888L345.863 91.5158C343.546 86.4231 338.932 83.5391 333.662 83.5391C328.389 83.5391 323.774 86.4231 321.476 91.5158L296.589 147.888L271.713 91.5158C269.397 86.4231 264.786 83.5391 259.509 83.5391C254.239 83.5391 249.625 86.4231 247.324 91.5158L222.444 147.888V167.079C227.552 167.079 232 164.024 234.144 159.269L259.509 100.688Z" />
</svg>  
  <div
    class="js-server-segments server-segments v1  container relative mx-auto flex grid grid-cols-12 flex-col gap-6 overflow-visible lg:flex-row"
  >

    <div class="col-span-5 flex hidden items-center justify-end md:flex">
      
              
        <img decoding="async"
          alt="Mascot thumbs up"
          class="server-segments__mascot absolute z-10"
          src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20900%20904'%3E%3C/svg%3E"
         
          width="900"
          height="904"
        data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2022/03/Numbers.webp" ><noscript><img decoding="async"
          alt="Mascot thumbs up"
          class="server-segments__mascot absolute z-10"
          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/2022/03/Numbers.webp"
          loading="lazy"
          width="900"
          height="904"
        ></noscript>
          </div>

    <div class="js-server-segments__wrapper col-span-12 flex flex-1 flex-col justify-center md:col-span-7">
      <div class="relative">
        <div class="js-server-segments__content server-segments__content relative z-20 w-full">
          
                      <h2 class="server-segments__title mb-6 block w-full text-h2 dark:text-white md:mb-4">Allt du behöver för att komma igång med hemsida och e-post</h2>
          
                  </div>
      </div>

      <div class="js-server-segments__slider-container">
        <div class="js-server-segments__slider server-segments__slider swiper-container relative w-full lg:absolute lg:-left-3">
          <div class="swiper-wrapper relative z-20 flex h-full w-full">
                                          <div
                  class="box swiper-slide  odd  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="01"
                    class="box__inner  dark:bg-navy  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">WordPress</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Bygg din egen hemsida snabbt och enkelt.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om WordPress" 
         href="https://websupport.se/wordpress/"         >
    <span class="btn__text">
      Läs mer om WordPress
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  even  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="02"
                    class="box__inner  dark:bg-navy-m1  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Domännamn</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Säkra din digitala adress med ett eget domännamn.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om domännamn" 
         href="https://websupport.se/doman/"         >
    <span class="btn__text">
      Läs mer om domännamn
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  odd  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="03"
                    class="box__inner  dark:bg-navy  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">Webbhotell</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Allt du behöver för domän, e-post, hemsida och webbutik.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om webbhotell" 
         href="https://websupport.se/webbhotell/"         >
    <span class="btn__text">
      Läs mer om webbhotell
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                              <div
                  class="box swiper-slide  even  relative flex h-auto flex-shrink-0 flex-col items-end items-center justify-center p-0"
                >
                  <div
                    data-num="04"
                    class="box__inner  dark:bg-navy-m1  relative mr-2 flex flex-col rounded bg-white pb-2 pl-6 pr-10 pt-6 transition-all xs:pb-4 md:mr-4 md:pb-8 md:pl-6 md:pr-10 md:pt-6 lg:mr-6 lg:pl-10 lg:pr-16 lg:pt-10"
                  >
                                          <h5 class="mb-4 dark:text-white md:mb-4 lg:mb-6">E-post</h5>
                    
                                          <div class="block-content format-paragraph mb-4 h-full text-navy-m2 dark:text-navy-m4"><p>Skapa alla e-postadresser ditt företag behöver.</p>
</div>
                    
                                          <div class="mb-4 mt-2">
                        
                        <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om e-post" 
         href="https://websupport.se/epost/"         >
    <span class="btn__text">
      Läs mer om e-post
    </span>
  </a>
                      </div>
                    
                                      </div>
                </div>
                                    </div>
        </div>
      </div>

      <div class="z-20 -mx-3 mt-1 select-none">
        <div class="js-server-segments__prev inline-block cursor-pointer p-3 text-navy-m4 hover:text-king dark:text-navy-m1 dark:hover:text-navy-m4">
          <svg class="svg-icon fill-current" width="29" height="42" xmlns="http://www.w3.org/2000/svg">
  <path d="m26.87 3.859.097.09.196.193a7.66 7.66 0 0 1 .056 10.638l-5.937 6.219 6.027 6.318a7.66 7.66 0 0 1-.438 10.824l-.148.133a7.602 7.602 0 0 1-10.727-.715l-13.912-15.9a1 1 0 0 1 0-1.318l13.912-15.9a7.602 7.602 0 0 1 10.875-.582zm-9.27 1.79-.098.11-13.336 15.24 13.336 15.243a5.602 5.602 0 0 0 7.713.687l.191-.16.11-.098a5.66 5.66 0 0 0 .49-7.81l-.234-.26-6.597-6.91a1 1 0 0 1 0-1.381l6.597-6.911a5.66 5.66 0 0 0-.007-7.825l-.25-.245a5.602 5.602 0 0 0-7.916.32z" fill-rule="evenodd"/>
</svg>        </div>

        <div class="js-server-segments__next inline-block cursor-pointer p-3 text-navy-m4 hover:text-king dark:text-navy-m1 dark:hover:text-navy-m4">
          <svg class="svg-icon fill-current" width="29" height="42" xmlns="http://www.w3.org/2000/svg">
  <path d="m4.304 3.859-.097.09-.195.193a7.66 7.66 0 0 0-.056 10.638l5.937 6.219-6.028 6.318a7.66 7.66 0 0 0 .439 10.824l.147.133a7.602 7.602 0 0 0 10.727-.715l13.913-15.9a1 1 0 0 0 0-1.318l-13.913-15.9A7.602 7.602 0 0 0 4.304 3.86zm9.271 1.79.098.11 13.336 15.24-13.336 15.243a5.602 5.602 0 0 1-7.713.687l-.192-.16a5.66 5.66 0 0 1-.6-7.907l.234-.26L12 21.69a1 1 0 0 0 0-1.38l-6.597-6.911a5.66 5.66 0 0 1 .008-7.825l.25-.245a5.602 5.602 0 0 1 7.915.32z" fill-rule="evenodd"/>
</svg>        </div>
      </div>
    </div>
  </div>
</section>


<section
  
  class="two-col-content-shape pt-12 pb-16 dark bg-navy-p1 overflow-hidden"
>
  <div class=" md:grid-cols-2  container grid grid-cols-1 gap-x-8">
          <div class=" relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="left-0 md:left-5 xl:-right-44 two-col-content-shape__image-wrapper-width-overlap relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/37139/Pre-koho-su_1200x1200-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/37139/Pre-koho-su_1200x1200-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/37139/Pre-koho-su_1200x1200-480x420.png"
                width="420"
                height="420"
                alt=""
                class="two-col-content-shape__image  two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class="  md:order-first  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">Bygg din hemsida med AI – snabbt, enkelt och smart</h2>

  <div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Skapa en professionell hemsida på några minuter. Våra AI-verktyg hjälper dig med allt från text och bilder till design och struktur. Det ger dig möjlighet att skippa det tekniska fokusera på det du gillar.</p>

  </div>

  <div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om våra AI-verktyg" 
         href="https://websupport.se/ai-verktyg/"         >
    <span class="btn__text">
      Läs mer om våra AI-verktyg
    </span>
  </a>
  </div>
    </div>
  </div>
</section>


<section
  
  class="two-col-content-shape pt-16 pb-16 dark from-navy-p1 to-navy bg-gradient-to-b overflow-hidden"
>
  <div class=" md:grid-cols-2  container grid grid-cols-1 gap-x-8">
          <div class=" relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="right-0 md:right-16 flex flex-row-reverse two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/30059/BUSINESS-MAIL_1200x1200-1-480x420.png"
                width="420"
                height="420"
                alt=""
                class="two-col-content-shape__image text-right two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class="  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">E-post för ditt företag med Business Mail</h2>

  <div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Vill du kunna hantera e-post och andra företagsfunktioner på ett och samma ställe, så att du kan fokusera på det som är viktigt istället? Business Mail öppnar dörren till ditt nya virtuella kontor!</p>

  </div>

  <div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om Business Mail" 
         href="https://websupport.se/businessmail/"         >
    <span class="btn__text">
      Läs mer om Business Mail
    </span>
  </a>
  </div>
    </div>
  </div>
</section>


<section
  
  class="two-col-content-shape pt-16 pb-12 dark bg-navy overflow-hidden"
>
  <div class=" md:grid-cols-12  container grid grid-cols-1 gap-x-8">
          <div class=" md:col-span-7  relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="left-0 md:left-16 two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/26385/Hero-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/26385/Hero-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/26385/Hero-480x420.png"
                width="480"
                height="413"
                alt=""
                class="two-col-content-shape__image  two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class=" md:col-span-5   md:order-first  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">Flytta din hemsida till Websupport</h2>

  <div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Flytta hemsida och e-post till oss med hjälp av vår enkla flyttguide.</p>

  </div>

  <div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Så flyttar du till Websupport" 
         href="https://kunskap.websupport.se/kb/migreringsverktyget/"         >
    <span class="btn__text">
      Så flyttar du till Websupport
    </span>
  </a>
  </div>
    </div>
  </div>
</section>


<section
  
  class="two-col-content-shape pt-16 pb-12 dark from-navy to-navy-p1 bg-gradient-to-b overflow-hidden"
>
  <div class=" md:grid-cols-2  container grid grid-cols-1 gap-x-8">
          <div class=" relative">
        <div class="two-col-content-shape__image-wrapper two-col-content-shape__shape-height-small overflow-hidden">
          <div class="right-0 md:right-16 flex flex-row-reverse two-col-content-shape__image-wrapper-width relative md:absolute">
            <picture>
              
              <source
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/11975/cary-webson-builder-1095x922.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/11975/cary-webson-builder-730x615.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/11975/cary-webson-builder-480x420.png"
                width="371"
                height="420"
                alt="Cary Webson"
                class="two-col-content-shape__image text-right two-col-content-shape__shape-height-small w-auto"
                
              />
            </picture>
          </div>
        </div>
      </div>
    
    <div class="  mb-auto mt-8 md:mt-auto">
      <h2 class="text-h4 text-h2 dark:text-white">Få lite extra hjälp med Premiumsupport</h2>

  <div class="block-content format-paragraph dark:text-navy-m3 mt-8 text-p">
    <p>Vår vanliga support löser mycket, men ibland behövs mer tid och specialkunskap. Då finns vår Premiumsupport – för dig som vill ha lite extra hjälp med det tekniska.</p>

  </div>

  <div class="mt-16">
    <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Läs mer om Premiumsupport" 
         href="https://websupport.se/premiumsupport/"         >
    <span class="btn__text">
      Läs mer om Premiumsupport
    </span>
  </a>
  </div>
    </div>
  </div>
</section>


<section
  
  class="map pt-16 pb-16 dark from-navy-p1 to-navy bg-gradient-to-b relative"
>
  <div class="js-map__container-wrap map__container-wrap relative overflow-hidden">
        <div class="container relative mx-auto max-w-full 3xl:max-w-screen-2xl">

      <div class="js-map__content map__content relative z-10 text-white xl:absolute">
        <h2 class="map__text-shadow mb-4 text-navy text-h2 dark:text-white">Ett av Europas största webbhotell </h2>
        <p class="map__text-shadow text-navy-m2 text-p dark:text-navy-m4">Som kund hos oss är du i gott sällskap. Som en del av team.blue hjälper vi miljontals kunder att lyckas online.</p>
      </div>

      <div class="map__image-wrap relative">
        
        <img decoding="async"
          width="1450"
          height="1402"
          class="map__image no-lazy"
          src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/themes/websupport/dist/images/svg/graphics/map-europe-sv_SE.svg?1b00565968d979a4cc880bccf7f8273e"
          alt="Karta"
          
        >
      </div>
    </div>
  </div>
</section>


<section
  
  class="need-help-with-photo v1 pt-16 pb-16 dark from-navy to-navy-p1 bg-gradient-to-b"
>
  <div class="container grid grid-cols-1 gap-x-8 md:grid-cols-2">
    <div class="flex items-center justify-center">
      <div class="relative flex-1">
        
          
          
          <div class="relative flex-1">
            <picture>
              
              <source
                data-lazy-srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-900x900.png 2x,
                  https://websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-613x613.png
                "
                media="(min-width: 480px)"
              />
              
              <img decoding="async"
                width="414"
                height="460"
                src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20414%20460'%3E%3C/svg%3E"
                data-lazy-srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-613x613.png 2x,
                  https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png
                "
                alt=""
                class="w-full sm:px-12 md:w-auto md:px-0"
               
              data-lazy-src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png" /><noscript><img decoding="async"
                width="414"
                height="460"
                src="https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png"
                srcset="
                  https://websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-613x613.png 2x,
                  https://img.websupport.se/spio/ret_img,q_cdnize,to_auto,s_webp:avif/websupport.se/app/uploads/sites/6/bis-images/16589/Vztah-wBG-460x460.png
                "
                alt=""
                class="w-full sm:px-12 md:w-auto md:px-0"
                loading="lazy"
              /></noscript>
            </picture>

            <div class="absolute bottom-0 left-0 flex flex-col items-start sm:left-10 md:left-0">
              
                          </div>
          </div>
              </div>
    </div>

    <div
      class=" mt-16    md:order-first  "
    >
      <div class="need-help-with-photo__content-wrapper">
        
                  <h2 class="mt-2 text-navy text-h2 dark:text-white">Behöver du hjälp?</h2>
        
                  <div class="block-content format-paragraph mt-4 text-navy-m2 text-p dark:text-navy-m4 md:mt-8">
            <div class="block-content format-paragraph text-p dark:text-navy-m4 text-navy-m2 mt-4 md:mt-8">
<p>Kontakta vår kunniga och omtyckta support sex dagar i veckan via <strong>telefon</strong>, <strong>chatt</strong> eller <strong>e-post</strong>.</p>
</div>

          </div>
        
                              <div class="mt-6">
              <a class="button cursor-pointer button--p-large button--text-large button--color-transparent" title="Kontakta oss" 
         href="https://websupport.se/support/"         >
    <span class="btn__text">
      Kontakta oss
    </span>
  </a>
            </div>
                  
                  <div class="mt-10 flex w-full flex-wrap">
                                                </div>
        
              </div>
    </div>
  </div>
</section>
  </main>

<footer class="dark relative overflow-x-hidden">
  <div class="footer__pattern">
          <svg class="svg-icon footer__pattern fill-current text-brick" viewBox="0 0 282 160" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M160.965 148.144L177.057 111.008C178.308 107.994 181.236 106.058 184.469 106.058C187.711 106.058 190.526 107.994 191.887 111.008L207.968 148.144L224.056 111.008C225.312 107.994 228.234 106.058 231.469 106.058C234.709 106.058 237.527 107.994 238.888 111.008L254.966 148.144L271.059 111.008C272.31 107.994 275.235 106.058 278.47 106.058V118.222L262.702 153.955C261.234 157.186 258.311 159.011 254.966 159.011C251.626 159.011 248.699 157.186 247.245 153.955L231.469 118.222L215.701 153.955C214.233 157.186 211.308 159.011 207.968 159.011C204.625 159.011 201.7 157.186 200.244 153.955L184.469 118.222L168.701 153.955C167.232 157.186 164.31 159.011 160.965 159.011C157.624 159.011 154.699 157.186 153.241 153.955L137.47 118.222V106.058C140.708 106.058 143.528 107.994 144.886 111.008L160.965 148.144ZM23.4944 95.1914L39.5872 58.0561C40.8383 55.0421 43.7655 53.1057 46.9984 53.1057C50.2408 53.1057 53.0559 55.0421 54.4168 58.0561L70.4976 95.1914L86.5856 58.0561C87.8415 55.0421 90.7639 53.1057 93.9992 53.1057C97.2392 53.1057 100.057 55.0421 101.418 58.0561L117.496 95.1914L133.589 58.0561C134.84 55.0421 137.765 53.1057 141 53.1057V65.2701L125.232 101.003C123.764 104.233 120.841 106.059 117.496 106.059C114.156 106.059 111.228 104.233 109.774 101.003L93.9992 65.2701L78.2312 101.003C76.7628 104.233 73.8379 106.059 70.4976 106.059C67.1549 106.059 64.23 104.233 62.7736 101.003L46.9984 65.2701L31.2304 101.003C29.762 104.233 26.8395 106.059 23.4944 106.059C20.1541 106.059 17.2292 104.233 15.7704 101.003L0 65.2701V53.1057C3.23764 53.1057 6.05746 55.0421 7.41602 58.0561L23.4944 95.1914ZM121.961 42.0856L138.054 4.95038C139.305 1.93636 142.232 0 145.465 0C148.708 0 151.523 1.93636 152.884 4.95038L168.965 42.0856L185.052 4.95038C186.308 1.93636 189.231 0 192.466 0C195.706 0 198.524 1.93636 199.885 4.95038L215.963 42.0856L232.056 4.95038C233.307 1.93636 236.232 0 239.467 0V12.1644L223.699 47.8972C222.23 51.1277 219.308 52.9533 215.963 52.9533C212.623 52.9533 209.695 51.1277 208.241 47.8972L192.466 12.1644L176.698 47.8972C175.23 51.1277 172.305 52.9533 168.965 52.9533C165.622 52.9533 162.697 51.1277 161.24 47.8972L145.465 12.1644L129.697 47.8972C128.229 51.1277 125.306 52.9533 121.961 52.9533C118.621 52.9533 115.696 51.1277 114.237 47.8972L98.4669 12.1644V0C101.705 0 104.524 1.93636 105.883 4.95038L121.961 42.0856ZM164.494 95.1889L180.587 58.0561C181.838 55.0421 184.766 53.1057 187.998 53.1057C191.241 53.1057 194.056 55.0421 195.417 58.0561L211.498 95.1889L227.586 58.0561C228.841 55.0421 231.764 53.1057 234.999 53.1057C238.239 53.1057 241.057 55.0421 242.418 58.0561L258.496 95.1889L274.589 58.0561C275.84 55.0421 278.765 53.1057 282 53.1057V65.2701L266.232 101.003C264.764 104.231 261.841 106.059 258.496 106.059C255.156 106.059 252.228 104.231 250.774 101.003L234.999 65.2701L219.231 101.003C217.763 104.231 214.838 106.059 211.498 106.059C208.155 106.059 205.23 104.231 203.774 101.003L187.998 65.2701L172.23 101.003C170.762 104.231 167.84 106.059 164.494 106.059C161.154 106.059 158.229 104.231 156.77 101.003L141 65.2701V53.1057C144.238 53.1057 147.057 55.0421 148.416 58.0561L164.494 95.1889Z" />
</svg>      </div>

  <div class="bg-navy-p1">
    <div class="footer__separator bg-navy container"></div>
    <div class="relative mx-auto max-w-full px-4 py-6 md:pb-11 lg:pb-18 lg:pt-26 xl:px-8 3xl:max-w-screen-3xl 3xl:px-8">
      <div class="grid md:grid-cols-12 md:gap-6 lg:grid-cols-12">
        <div class="md:col-span-6 md:mb-9 lg:col-span-3 lg:mb-0 xl:col-span-3">
                      <ul class="list-none">
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/doman/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Domän
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/webbhotell/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    Webbhotell
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/email/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    E-post
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/doman/domantjanster/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    DNS
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/wordpress/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    WordPress
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/woocommerce/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    WooCommerce
                  </a>
                </li>
                              <li class="pb-4 pt-1">
                  <a
                    href="https://websupport.se/ai-verktyg/"
                                        class="footer__main-nav-link font-black -mt-1 text-navy transition hover:text-gem dark:text-white dark:hover:text-gem"
                  >
                    AI-verktyg
                  </a>
                </li>
                          </ul>
          
          <div class="mt-9 block lg:hidden">
            <div class="flex flex-col md:w-75 xl:grid xl:w-125 xl:grid-cols-2">
  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Websupport
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakt
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/om-websupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Om Websupport
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/hallbarhet/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Hållbarhet
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/prislista/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Prislista
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>
  </div>

  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Information och support
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakta support
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://status.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Driftstatus
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://kunskap.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kunskapsdatabasen
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://webmail.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Webbmail
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://admin.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontrollpanelen
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/premiumsupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Premiumsupport
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>

    <div class="xl:mt-18">
              <h2 class="footer__section-title relative pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">Följ oss</h2>
      
              <div class="pl-4 md:pl-0">
                                    <a
                href="https://www.facebook.com/websupportse"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Facebook
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.791-4.668 4.533-4.668 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z"/>
</svg>              </a>
                                                <a
                href="https://www.instagram.com/websupport_se/"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Instagram
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <path d="M128 23.064c34.177 0 38.225.13 51.722.745 12.48.57 19.258 2.655 23.769 4.408 5.974 2.322 10.238 5.096 14.717 9.575 4.48 4.479 7.253 8.743 9.575 14.717 1.753 4.511 3.838 11.289 4.408 23.768.615 13.498.745 17.546.745 51.723 0 34.178-.13 38.226-.745 51.723-.57 12.48-2.655 19.257-4.408 23.768-2.322 5.974-5.096 10.239-9.575 14.718-4.479 4.479-8.743 7.253-14.717 9.574-4.511 1.753-11.289 3.839-23.769 4.408-13.495.616-17.543.746-51.722.746-34.18 0-38.228-.13-51.723-.746-12.48-.57-19.257-2.655-23.768-4.408-5.974-2.321-10.239-5.095-14.718-9.574-4.479-4.48-7.253-8.744-9.574-14.718-1.753-4.51-3.839-11.288-4.408-23.768-.616-13.497-.746-17.545-.746-51.723 0-34.177.13-38.225.746-51.722.57-12.48 2.655-19.258 4.408-23.769 2.321-5.974 5.095-10.238 9.574-14.717 4.48-4.48 8.744-7.253 14.718-9.575 4.51-1.753 11.288-3.838 23.768-4.408 13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95-8.418 3.271-15.556 7.648-22.672 14.764C14.367 28.6 9.991 35.738 6.72 44.155 3.555 52.297 1.392 61.602.77 75.226.147 88.878 0 93.237 0 128c0 34.763.147 39.122.77 52.774.622 13.625 2.785 22.93 5.95 31.071 3.27 8.417 7.647 15.556 14.763 22.672 7.116 7.116 14.254 11.492 22.672 14.763 8.142 3.165 17.446 5.328 31.07 5.95 13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95 8.418-3.27 15.556-7.647 22.672-14.763 7.116-7.116 11.493-14.254 14.764-22.672 3.164-8.142 5.328-17.446 5.95-31.07.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07-3.271-8.418-7.648-15.556-14.764-22.672C227.4 14.368 220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0zm0 62.27C91.698 62.27 62.27 91.7 62.27 128c0 36.302 29.428 65.73 65.73 65.73 36.301 0 65.73-29.428 65.73-65.73 0-36.301-29.429-65.73-65.73-65.73zm0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667-19.103 42.667-42.667 42.667zm83.686-110.994c0 8.484-6.876 15.36-15.36 15.36-8.483 0-15.36-6.876-15.36-15.36 0-8.483 6.877-15.36 15.36-15.36 8.484 0 15.36 6.877 15.36 15.36z"/>
</svg>              </a>
                              </div>
          </div>
  </div>

</div>
          </div>
        </div>

        <div class="hidden lg:col-span-5 lg:flex lg:justify-center xl:col-span-5 xl:justify-start">
          <div class="flex flex-col md:w-75 xl:grid xl:w-125 xl:grid-cols-2">
  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Websupport
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakt
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/om-websupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Om Websupport
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://websupport.se/hallbarhet/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Hållbarhet
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/prislista/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Prislista
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>
  </div>

  <div class="col-span-1 mt-1">
    <h2 class="footer__section-title js-collapsible relative cursor-pointer pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">
    Information och support
    <span class="absolute right-0 top-0 block md:right-5 xl:hidden"><svg class="svg-icon text-navy dark:text-navy-m2 fill-current" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path d="M14.586 12 7.293 4.707l1.414-1.414L17.414 12l-8.707 8.707-1.414-1.414z" fill-rule="evenodd"/>
</svg></span>
  </h2>

  <ul class="list-none -mt-2 hidden pb-6 pl-4 lg:mt-0 lg:pl-0 xl:block xl:pb-0">
                  <li class=" pb-2 ">
          <a
            href="https://websupport.se/support/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontakta support
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://status.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Driftstatus
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://kunskap.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kunskapsdatabasen
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://webmail.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Webbmail
          </a>
        </li>
                        <li class=" pb-2 ">
          <a
            href="https://admin.websupport.se/"
             target="_blank" rel="noopener"             class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Kontrollpanelen
          </a>
        </li>
                        <li class="">
          <a
            href="https://websupport.se/premiumsupport/"
                        class="footer__section-item-link text-navy-m2 transition hover:text-gem dark:text-navy-m3 dark:hover:text-gem"
          >
            Premiumsupport
          </a>
        </li>
            </ul>

    <div class="xl:mt-18">
          </div>

    <div class="xl:mt-18">
              <h2 class="footer__section-title relative pb-5 text-navy dark:text-white lg:pb-6 lg:pt-2">Följ oss</h2>
      
              <div class="pl-4 md:pl-0">
                                    <a
                href="https://www.facebook.com/websupportse"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Facebook
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.791-4.668 4.533-4.668 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z"/>
</svg>              </a>
                                                <a
                href="https://www.instagram.com/websupport_se/"
                target=""
                rel="noopener"
                class="mr-3 inline-block text-navy-m1 transition hover:text-gem"
                title=Instagram
              >
                <svg class="svg-icon fill-current w-6 h-6" width="24" height="24" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <path d="M128 23.064c34.177 0 38.225.13 51.722.745 12.48.57 19.258 2.655 23.769 4.408 5.974 2.322 10.238 5.096 14.717 9.575 4.48 4.479 7.253 8.743 9.575 14.717 1.753 4.511 3.838 11.289 4.408 23.768.615 13.498.745 17.546.745 51.723 0 34.178-.13 38.226-.745 51.723-.57 12.48-2.655 19.257-4.408 23.768-2.322 5.974-5.096 10.239-9.575 14.718-4.479 4.479-8.743 7.253-14.717 9.574-4.511 1.753-11.289 3.839-23.769 4.408-13.495.616-17.543.746-51.722.746-34.18 0-38.228-.13-51.723-.746-12.48-.57-19.257-2.655-23.768-4.408-5.974-2.321-10.239-5.095-14.718-9.574-4.479-4.48-7.253-8.744-9.574-14.718-1.753-4.51-3.839-11.288-4.408-23.768-.616-13.497-.746-17.545-.746-51.723 0-34.177.13-38.225.746-51.722.57-12.48 2.655-19.258 4.408-23.769 2.321-5.974 5.095-10.238 9.574-14.717 4.48-4.48 8.744-7.253 14.718-9.575 4.51-1.753 11.288-3.838 23.768-4.408 13.497-.615 17.545-.745 51.723-.745M128 0C93.237 0 88.878.147 75.226.77c-13.625.622-22.93 2.786-31.071 5.95-8.418 3.271-15.556 7.648-22.672 14.764C14.367 28.6 9.991 35.738 6.72 44.155 3.555 52.297 1.392 61.602.77 75.226.147 88.878 0 93.237 0 128c0 34.763.147 39.122.77 52.774.622 13.625 2.785 22.93 5.95 31.071 3.27 8.417 7.647 15.556 14.763 22.672 7.116 7.116 14.254 11.492 22.672 14.763 8.142 3.165 17.446 5.328 31.07 5.95 13.653.623 18.012.77 52.775.77s39.122-.147 52.774-.77c13.624-.622 22.929-2.785 31.07-5.95 8.418-3.27 15.556-7.647 22.672-14.763 7.116-7.116 11.493-14.254 14.764-22.672 3.164-8.142 5.328-17.446 5.95-31.07.623-13.653.77-18.012.77-52.775s-.147-39.122-.77-52.774c-.622-13.624-2.786-22.929-5.95-31.07-3.271-8.418-7.648-15.556-14.764-22.672C227.4 14.368 220.262 9.99 211.845 6.72c-8.142-3.164-17.447-5.328-31.071-5.95C167.122.147 162.763 0 128 0zm0 62.27C91.698 62.27 62.27 91.7 62.27 128c0 36.302 29.428 65.73 65.73 65.73 36.301 0 65.73-29.428 65.73-65.73 0-36.301-29.429-65.73-65.73-65.73zm0 108.397c-23.564 0-42.667-19.103-42.667-42.667S104.436 85.333 128 85.333s42.667 19.103 42.667 42.667-19.103 42.667-42.667 42.667zm83.686-110.994c0 8.484-6.876 15.36-15.36 15.36-8.483 0-15.36-6.876-15.36-15.36 0-8.483 6.877-15.36 15.36-15.36 8.484 0 15.36 6.877 15.36 15.36z"/>
</svg>              </a>
                              </div>
          </div>
  </div>

</div>
        </div>

        <div class="mt-28 flex justify-end md:col-span-6 md:mt-2 lg:col-span-4 lg:mt-1">
          <div class="w-full md:w-90 lg:w-auto">
            <div class="lg:max-w-lg">
  <h2 class="font-black mb-2 text-navy text-h5 dark:text-white md:mb-4 lg:mb-4">Behöver du hjälp?</h2>
  <form
    action=https://kunskap.websupport.se/
    target="_blank"
    class="relative"
  >
    <button
      type="submit"
      class="absolute inset-y-0 right-2 flex items-center px-3 text-navy hover:text-brick lg:px-6"
      title="Söka"
    >
      <svg class="svg-icon w-5 lg:w-6 h-5 lg:h-6 fill-current transition" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 2a8 8 0 0 1 6.32 12.905l5.387 5.388-1.414 1.414-5.388-5.386A8 8 0 1 1 10 2zm0 2a6 6 0 1 0 0 12 6 6 0 0 0 0-12z" fill-rule="evenodd"/>
</svg>    </button>

    <input
      class="footer__search-input leading-5 placeholder-gray-400 z-0 block w-full rounded border-transparent py-4 pl-2 pr-14 text-navy-m3 text-p focus:outline-none lg:py-5 lg:pl-8"
      placeholder="Sök i kunskapsdatabasen"
      type="text"
      name="s"
    />
    <input
      type="hidden"
      name="ht-kb-search"
      value="1"
    >
  </form>

  <div class="mb-8 mt-4 lg:mb-7 lg:mt-8">
    <p class="footer__search-desc text-navy-m3 dark:text-navy-m4">I vår omtyckta kunskapsdatabas hittar du svar på både vanliga och ovanliga frågor rörande våra tjänster och hur du får ut det mesta av dem.</p>
  </div>
</div>

            <div class="mt-8 lg:mt-0 xl:grid xl:grid-cols-2 xl:gap-4">
            <h3>
        <a
          href="https://kunskap.websupport.se/kb/kom-igang-med-dina-tjanster/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Kom igång med dina tjänster</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/kb/hur-lang-tid-tar-det-innan-en-dns-forandring-borjar-galla/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Hur lång tid tar det innan en DNS-förändring börjar gälla?</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/kb/felsoka-e-post/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Felsöka e-post</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
                <h3>
        <a
          href="https://kunskap.websupport.se/kb/skapa-en-webbplats-till-din-doman/"
                    class="scale-bg-on-hover scale-bg-rectangle bg-navy hover:bg-king dark:hover:bg-king group mb-2 block transform rounded bg-white p-4 pb-6 text-navy transition duration-100 hover:text-white dark:bg-navy md:mb-4 xl:mb-0 xl:h-full 2xl:px-8 2xl:pb-10 2xl:pt-6"
        >
          <span class="footer__blog-title block text-btn dark:text-white">Skapa en webbplats till din domän</span>

          <span class="absolute bottom-3 right-3 2xl:bottom-7 2xl:right-8">
            <svg class="svg-icon w-3 h-3 text-navy dark:text-navy-m1 group-hover:text-white fill-current transition transform" width="12" height="12" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="m5.803 7.138 4.862-4.862v3.057h1.333V0H6.665v1.333h3.057L4.86 6.195l.943.943zm4.864 3.529V7.333H9.333v3.334h-8v-8h3.334V1.333H1.333C.597 1.333 0 1.93 0 2.667v8C0 11.403.597 12 1.333 12h8c.737 0 1.334-.597 1.334-1.333z"/>
</svg>          </span>
        </a>
      </h3>
      </div>

            <div class="block md:hidden">
              <div class="font-normal relative mb-8 mt-10 w-full lg:mb-0">
    <button
      type="button"
      id="js-footer-language-select-btn"
      class="footer__language-btn relative w-full cursor-pointer appearance-none rounded-2 border border-navy-m4 bg-transparent px-3 py-3 text-navy hover:bg-navy-m40 dark:border-navy-m1 dark:text-white dark:hover:border-navy-m2 dark:hover:bg-navy-m1"
    >
      <span class="flex items-center">
        <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4547)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#3A99FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.5H0V6.5H6V0.5H9V6.5H21V9.5H9V15.5H6V9.5Z" fill="#FFDA2C"/>
</g>
<defs>
<clipPath id="clip0_403_4547">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>
        <span class="ml-3 block truncate">
          Sweden - Swedish
        </span>
      </span>
    </button>

    <div
      id="js-footer-language-selector"
      class="js-footer-language-selector footer__language-selector absolute z-10 mb-2 w-full rounded bg-white shadow-lg"
    >
      <ul class="max-h-56 overflow-auto py-3 ring-1 ring-black ring-opacity-5 focus:outline-none">
                                                <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://websupport.se/en/">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="20.6" height="16" rx="2.4" fill="#fff"/>
    <mask id="a" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="24">
      <rect width="33.6" height="24" rx="2.4" fill="#fff"/>
    </mask>
    <g mask="url(#a)">
      <path fill="#0A17A7" d="M0 0h33.6v24H0z"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M-1.54-2.3 12.8 7.372V-1.6h8v8.972L35.139-2.3l1.79 2.653L25.59 8H33.6v8H25.59l11.337 7.647-1.79 2.653L20.8 16.628V25.6h-8v-8.972L-1.54 26.3l-1.789-2.653L8.008 16H0V8h8.008L-3.329.353l1.79-2.653z" fill="#fff"/>
      <path d="m17.602 11.199 15.198-10M18.015 12.837 35.4 24.6M16.2 11.4-2.205-.805M16.2 12.6l-18 12" stroke="#DB1F35" stroke-width=".8" stroke-linecap="round"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.4h14.4V24h4.8v-9.6h14.4V9.6H19.2V0h-4.8v9.6H0v4.8z" fill="#E6273E"/>
    </g>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Sweden - English
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.cz">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4551)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V7.5H0V0.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5L10 8L0 15.5V0.5Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4551">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Czechia - Czech
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.sk">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4555)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#1A47B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5ZM9.93 10.5H10V5.5H3V10.5H3.07C3.024 10.662 3 10.83 3 11C3 12.38 6.5 13.5 6.5 13.5C6.5 13.5 10 12.38 10 11C10 10.83 9.976 10.662 9.93 10.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 10.5V4.5H4V10.5C4 11.605 6.5 12.5 6.5 12.5C6.5 12.5 9 11.605 9 10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8.5V7.5H5V6.5H6V5.5H7V6.5H8V7.5H7V8.5H8.5V9.5H7V10.5H6V9.5H4.5V8.5H6Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12.4998C6.5 12.4998 9 11.6048 9 10.4998C9 9.39483 8 9.49983 6.5 10.4998C5 9.49983 4 9.39483 4 10.4998C4 11.6048 6.5 12.4998 6.5 12.4998Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4555">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Slovakia - Slovak
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.hu">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4559)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#249F58"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5Z" fill="#F93939"/>
</g>
<defs>
<clipPath id="clip0_403_4559">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Hungary - Magyar
                  </span>
                </span>
              </a>
            </li>
                        </ul>
    </div>
  </div>
            </div>

            <div class="mb-10 mt-6 md:mb-14 lg:hidden">
              <p class="footer__support-text text-navy-m2 lg:inline">Behöver du hjälp? </p>

  <a
    href="#livechat"
    class="footer__support-text footer__support-text-link text-king hover:text-navy block transition dark:text-white dark:hover:text-gem md:ml-0 lg:ml-3 lg:inline"
  >
    Kontakta vår support
  </a>
            </div>
          </div>
        </div>
      </div>

      <div class="hidden w-full md:block md:w-70">
        <div class="font-normal relative mb-8 mt-10 w-full lg:mb-0">
    <button
      type="button"
      id="js-footer-language-select-btn"
      class="footer__language-btn relative w-full cursor-pointer appearance-none rounded-2 border border-navy-m4 bg-transparent px-3 py-3 text-navy hover:bg-navy-m40 dark:border-navy-m1 dark:text-white dark:hover:border-navy-m2 dark:hover:bg-navy-m1"
    >
      <span class="flex items-center">
        <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4547)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#3A99FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9.5H0V6.5H6V0.5H9V6.5H21V9.5H9V15.5H6V9.5Z" fill="#FFDA2C"/>
</g>
<defs>
<clipPath id="clip0_403_4547">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>
        <span class="ml-3 block truncate">
          Sweden - Swedish
        </span>
      </span>
    </button>

    <div
      id="js-footer-language-selector"
      class="js-footer-language-selector footer__language-selector absolute z-10 mb-2 w-full rounded bg-white shadow-lg"
    >
      <ul class="max-h-56 overflow-auto py-3 ring-1 ring-black ring-opacity-5 focus:outline-none">
                                                <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://websupport.se/en/">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect width="20.6" height="16" rx="2.4" fill="#fff"/>
    <mask id="a" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="34" height="24">
      <rect width="33.6" height="24" rx="2.4" fill="#fff"/>
    </mask>
    <g mask="url(#a)">
      <path fill="#0A17A7" d="M0 0h33.6v24H0z"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M-1.54-2.3 12.8 7.372V-1.6h8v8.972L35.139-2.3l1.79 2.653L25.59 8H33.6v8H25.59l11.337 7.647-1.79 2.653L20.8 16.628V25.6h-8v-8.972L-1.54 26.3l-1.789-2.653L8.008 16H0V8h8.008L-3.329.353l1.79-2.653z" fill="#fff"/>
      <path d="m17.602 11.199 15.198-10M18.015 12.837 35.4 24.6M16.2 11.4-2.205-.805M16.2 12.6l-18 12" stroke="#DB1F35" stroke-width=".8" stroke-linecap="round"/>
      <path fill-rule="evenodd" clip-rule="evenodd" d="M0 14.4h14.4V24h4.8v-9.6h14.4V9.6H19.2V0h-4.8v9.6H0v4.8z" fill="#E6273E"/>
    </g>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Sweden - English
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.cz">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4551)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V7.5H0V0.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5L10 8L0 15.5V0.5Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4551">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Czechia - Czech
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.sk">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4555)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="#1A47B8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5ZM9.93 10.5H10V5.5H3V10.5H3.07C3.024 10.662 3 10.83 3 11C3 12.38 6.5 13.5 6.5 13.5C6.5 13.5 10 12.38 10 11C10 10.83 9.976 10.662 9.93 10.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9 10.5V4.5H4V10.5C4 11.605 6.5 12.5 6.5 12.5C6.5 12.5 9 11.605 9 10.5Z" fill="#F93939"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6 8.5V7.5H5V6.5H6V5.5H7V6.5H8V7.5H7V8.5H8.5V9.5H7V10.5H6V9.5H4.5V8.5H6Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 12.4998C6.5 12.4998 9 11.6048 9 10.4998C9 9.39483 8 9.49983 6.5 10.4998C5 9.49983 4 9.39483 4 10.4998C4 11.6048 6.5 12.4998 6.5 12.4998Z" fill="#1A47B8"/>
</g>
<defs>
<clipPath id="clip0_403_4555">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Slovakia - Slovak
                  </span>
                </span>
              </a>
            </li>
                                        <li class="relative cursor-pointer select-none py-3 pl-6 pr-9 transition hover:text-gem">
              <a href="https://www.websupport.hu">
                <span class="pointer-events-none flex items-center">
                  <svg class="svg-icon" width="21" height="16" viewBox="0 0 21 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_403_4559)">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 10.5H21V15.5H0V10.5Z" fill="#249F58"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.5H21V5.5H0V0.5Z" fill="#F93939"/>
</g>
<defs>
<clipPath id="clip0_403_4559">
<path d="M0 3.5C0 1.84315 1.34315 0.5 3 0.5H18C19.6569 0.5 21 1.84315 21 3.5V12.5C21 14.1569 19.6569 15.5 18 15.5H3C1.34315 15.5 0 14.1569 0 12.5V3.5Z" fill="white"/>
</clipPath>
</defs>
</svg>                  <span class="ml-3 block truncate font-secondary text-black">
                    Hungary - Magyar
                  </span>
                </span>
              </a>
            </li>
                        </ul>
    </div>
  </div>
      </div>

      <div class="md:mt-16">
  <div class="flex flex-col items-start justify-between md:flex-row">
    <div class="order-2 md:order-first">
      <svg class="svg-icon w-32 dark:text-white text-navy fill-current inline" xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="123.93 68.99 952.14 362.01"><path d="M708.7 415.4c-2 .4-5.1.5-6.2-.7q-1.6-1.7-1.6-6.9v-18h11.2v-7.6h-11.2v-8.8c0-2.2-1.8-4-4-4H691v37q0 9.5 3.5 13.8c1.4 1.8 3.3 3 5.4 3.6 2.7.9 5.6 1.1 8.4.6q.5-.1 1-.3 1.3-.1 2.3-.8c.7-.5 1.3-1.3 1.5-2.2.5-1.6.4-4-.9-5.2-1-.8-2.3-.8-3.5-.5m258.1-33.2v22.7q0 11 9.5 11c6.3 0 9.3-3.7 9.3-11v-22.7h10v22.7q0 8.9-4.8 14.4-4.7 5.3-14.5 5.3c-6.6 0-11.5-1.8-14.6-5.3q-4.7-5.4-4.7-14.4v-18.7c0-2.2 1.8-4 4-4zm-16.5 42.4h-6c-2.2 0-4-1.8-4-4v-47.3c0-2.2 1.8-4 4-4h6zm-189.7-20.7v1.4q0 .6-.1 1.3H730c.1 1.4.5 2.7 1.1 4 .7 1.2 1.5 2.2 2.6 3q1.65 1.35 3.6 2.1 2 .8 4.2.8 3.7 0 6.3-1.4 1.1-.6 2.1-1.4c1.4-1.2 3.5-1.3 5-.1l3.8 3q-5.9 8-17.2 8c-2.9.1-5.8-.4-8.6-1.4-2.5-.9-4.8-2.3-6.8-4.2-1.9-1.8-3.5-4-4.5-6.5-1.1-2.8-1.6-5.8-1.6-8.8s.5-6 1.6-8.8c2-5.1 6.1-9.2 11.2-11.1 2.7-1.1 5.5-1.6 8.4-1.6 2.6 0 5.3.5 7.7 1.4s4.4 2.3 6.2 4.1c1.8 1.9 3.2 4.2 4 6.7q1.5 4.1 1.5 9.5m-10.1-4.5q0-1.9-.5-3.7c-.7-2.3-2.4-4.2-4.7-5.2-1.3-.6-2.7-.8-4.2-.8q-4.5 0-7.6 2.7c-2.1 1.8-3.3 4.3-3.5 7zm292.3 4.5v1.4q-.1.6-.1 1.3h-30.5c.1 1.4.5 2.7 1.1 4 .7 1.2 1.5 2.2 2.6 3.1 1.1.8 2.3 1.5 3.6 2s2.7.8 4.1.8q3.8 0 6.4-1.4 1.1-.6 2-1.4c1.5-1.2 3.6-1.3 5.1-.1l3.8 3q-5.9 8-17.2 8c-2.9.1-5.8-.4-8.6-1.4-2.5-.9-4.8-2.3-6.8-4.1q-3-2.85-4.5-6.6c-1.1-2.8-1.7-5.8-1.6-8.8-.1-3 .5-6 1.6-8.8 2-5.1 6.1-9.2 11.2-11.1 2.7-1.1 5.5-1.6 8.4-1.6 2.6 0 5.2.5 7.7 1.4 2.3.9 4.4 2.3 6.1 4.1 1.8 1.9 3.2 4.2 4.1 6.7q1.4 4.1 1.5 9.5m-10.1-4.5q0-1.9-.5-3.7c-.7-2.3-2.4-4.2-4.7-5.2-1.3-.5-2.8-.8-4.2-.8q-4.5 0-7.7 2.7c-2 1.8-3.3 4.3-3.4 7zm-211.5 25.2c-2.1 0-3.8-1.7-3.8-3.7v-20.8q0-17.9 16-17.9 10.3 0 13.8 8.1 3.4-8.1 13.7-8.1 15.9 0 15.9 17.9v24.5h-5.9c-2.2 0-4-1.8-4-4v-21.1q0-4.6-2.1-6.7c-1.4-1.4-3.2-2.2-5.2-2.2s-3.9.8-5.4 2.2q-2.1 2.1-2.1 6.7v21.1c0 2.2-1.8 4-4 4h-5.9v-25.1q-.1-4.6-2.2-6.7c-2.9-2.9-7.6-2.9-10.6 0q-2.1 2.1-2.1 6.7v25.1z"/><path fill="#17ace3" d="M889.9 431c-3.6 0-6.4-2.9-6.4-6.4 0-3.6 2.8-6.4 6.4-6.4 3.5 0 6.4 2.8 6.4 6.4 0 3.5-2.9 6.4-6.4 6.4"/><path d="M810.8 403.6c0-3-.5-6-1.7-8.7-1.1-2.5-2.7-4.8-4.7-6.7s-4.3-3.4-6.9-4.4c-5.5-2.2-11.6-2.2-17 0-2.6 1-5 2.5-7 4.4s-3.5 4.2-4.6 6.7c-1.2 2.7-1.8 5.7-1.7 8.7-.1 2.8.4 5.6 1.4 8.3.9 2.4 2.2 4.7 4 6.6 3.6 4 8.7 6.2 14 6.1q2.6.1 5.1-.5 2-.5 3.9-1.4 1.6-.7 2.9-1.7 1.1-.8 2-1.8h.3v.5c0 2.1 1.6 3.8 3.7 3.8h6.3zm-10.9 4.5c-.5 1.5-1.3 2.9-2.3 4.2-1.1 1.2-2.3 2.2-3.8 3s-3.2 1.2-4.9 1.1c-1.7.1-3.5-.3-5.1-1.1q-2.1-1.05-3.6-3c-.9-1.2-1.6-2.6-2.1-4.1s-.7-3.1-.7-4.6c0-1.6.2-3.2.7-4.7q.75-2.25 2.1-4.2c1-1.2 2.2-2.3 3.6-3 3.2-1.6 6.9-1.6 10 0 1.5.7 2.7 1.7 3.8 2.9 1 1.2 1.8 2.7 2.3 4.2s.8 3 .8 4.6-.3 3.2-.8 4.7M932.3 395c-.9-2.5-2.3-4.8-4.1-6.7-3.6-4-8.7-6.2-14-6.1q-2.6 0-5.1.5-2 .4-3.9 1.1-1.5.6-2.9 1.5-1 .7-2 1.6h-.2v-13.5c0-2.2-1.8-4-4-4h-6v42.3c4.9 0 9.6 3 11.6 7.6.7 1.7 1.9 3.1 3.5 4 1.9 1.1 4.6 1.2 6.3 1.3q1.7.1 3.3 0 1.8-.2 3.5-.8.2 0 .4-.1c3.2-1 6.2-2.7 8.6-5 2-1.9 3.6-4.2 4.7-6.8 1.1-2.7 1.7-5.7 1.7-8.7 0-2.8-.5-5.6-1.4-8.2m-9.5 12.9c-.5 1.5-1.2 3-2.2 4.2-.9 1.3-2.2 2.3-3.6 3-3.1 1.6-6.8 1.6-10 .1-1.4-.8-2.7-1.8-3.7-3s-1.8-2.6-2.4-4.2c-.5-1.4-.7-3-.7-4.6s.2-3.2.7-4.7c.6-1.5 1.3-2.9 2.4-4.2 1-1.2 2.3-2.2 3.7-3 1.5-.8 3.2-1.2 4.9-1.1 1.8-.1 3.6.3 5.1 1.1 1.4.7 2.7 1.7 3.6 3 1 1.2 1.7 2.6 2.2 4.1.4 1.5.7 3.1.7 4.6 0 1.6-.3 3.2-.7 4.7"/><path fill="#17ace4" stroke="#17ace4" stroke-miterlimit="10" d="M613.6 370.6q2.8-1.6 6.4-1.6 3.8 0 6.9 1.8t4.8 5.1q1.8 3.4 1.8 7.7c0 2.9-.6 5.5-1.8 7.7q-1.7 3.4-4.8 5.3-3.1 1.8-6.9 1.8c-2.5 0-4.6-.5-6.5-1.6q-2.8-1.6-4.2-4.1v5.3h-4.7v-38.5h4.7v15.3q1.5-2.6 4.3-4.2zm13.8 7.4q-1.3-2.4-3.6-3.6-2.2-1.3-4.8-1.3c-1.8 0-3.4.4-4.8 1.3q-2.2 1.3-3.6 3.7-1.3 2.4-1.3 5.6c0 2.1.4 4 1.3 5.6q1.4 2.4 3.6 3.7t4.8 1.3c1.7 0 3.4-.5 4.8-1.3q2.3-1.3 3.6-3.7t1.3-5.7c0-2.2-.5-4-1.3-5.6zm36.9-8.5-17.2 41.9h-4.9l5.7-13.7-11.5-28.2h5.2l9 23.1 8.8-23.1z"/><path d="M412.6 276.6C391.1 330 337.1 369 273.9 369c-82.7 0-150-67.3-150-150 0-82.8 67.3-150 150-150 63.2 0 117.2 39 138.7 92.4 1.8 4.5-.3 7.5-3.1 8.7-2.5 1.1-6.7.8-8.8-4.2-20.5-49.4-69.6-84.3-126.8-84.3-75.7 0-137.4 61.6-137.4 137.4s61.7 137.4 137.4 137.4c57.2 0 106.3-34.9 126.8-84.3 2.1-5 6.3-5.3 9-4.2 2.6 1.2 4.7 4.2 2.9 8.7m-41.1-82.1-24.3 52.7c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-21.1-46.4-21.1 46.4c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-21.1-46.4-21.1 46.4c-2 4.2-5.9 6.6-10.3 6.6-4.5 0-8.4-2.4-10.4-6.6l-24.3-52.7c-1.5-3.3-.1-7.2 3.2-8.8 3.5-1.7 7.4-.1 9 3.2l22.5 50.8 21.5-48.2c1.8-4 5.6-6.5 9.9-6.5 4.4 0 8.3 2.5 10 6.5l21.5 48.2 21.5-48.2c1.8-4 5.6-6.5 9.9-6.5 4.4 0 8.3 2.5 10 6.5l21.5 48.2 22.5-50.8c1.6-3.3 5.5-4.9 9-3.2 3.3 1.6 4.7 5.5 3.2 8.8zm76.2 26c-.2 2.5-2.3 4.2-4.8 4.2h-46c1.6 10.4 8 17.1 20.3 17.1 5.5 0 11.9-2.1 15.7-4.9 3-2.1 6.2-2.3 8.6.1s1.7 6.7-1.4 9.2c-6.4 5.4-14.9 7.6-22.9 7.6-21.9 0-34.4-15.5-34.4-34.4s14.5-34.4 33.6-34.4c20.2 0 33.1 16.5 31.3 35.5m-50.6-7h37.4c-1.6-10.7-7.7-16.5-18.1-16.5-10.5 0-17.4 6.6-19.3 16.5m135.3 5.9c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2v.7c0 4.2-3 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-86.4c0-4.2 2.9-7.4 6.7-7.4 3.7 0 6.7 3.2 6.7 7.4v35.3c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4m-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.2 9.1-21.2 22.4s8.8 22.4 21.2 22.4c12.3 0 20.1-9 20.1-22.4m78.5 14.5c0 11.9-11.4 19.9-24.1 19.9-10.1 0-18.5-4.1-22.7-7.6-3.1-2.5-3.1-6.5-.5-8.9 2.5-2.4 5.7-2.1 8.6-.1 3.5 2.3 9.1 4.6 14.6 4.6 6.4 0 10.4-3.1 10.4-7.3 0-11.6-35-7.3-35-30.2 0-10.9 10-19.3 23.4-19.3 7.5 0 13.2 1.8 17.9 4.9 3.9 2.5 4.5 7 2.1 9.4-2.5 2.5-5.8 2.5-8.9.7-3.4-1.8-6.9-3-11.1-3-5.7 0-9.8 2.8-9.8 7.3 0 11.7 35.1 6.6 35.1 29.6m76.2-40.4v30.8c0 17.7-13.1 29.5-29.5 29.5-16.3 0-29.6-11.8-29.6-29.5v-30.8c0-4.1 2.9-7.4 6.7-7.4s6.7 3.3 6.7 7.4v30.8c0 11.7 7.3 17.5 16.3 17.5 8.9 0 16-5.8 16-17.5v-30.8c0-4.1 3-7.4 6.7-7.4 3.8 0 6.7 3.3 6.7 7.4m86 25.9c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2V276c0 4.2-2.9 7.4-6.7 7.4s-6.7-3.2-6.7-7.4v-82.5c0-4.1 2.9-7.4 6.7-7.4s6.7 3.3 6.7 7.4v.7c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4m-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.1 9.1-21.1 22.4s8.8 22.4 21.1 22.4 20.1-9 20.1-22.4m98.3 0c0 18.9-13.7 34.4-32.3 34.4-9.2 0-16.6-3.5-21.8-9.2V276c0 4.2-3 7.4-6.7 7.4-3.8 0-6.7-3.2-6.7-7.4v-82.5c0-4.1 2.9-7.4 6.7-7.4 3.7 0 6.7 3.3 6.7 7.4v.7c5.2-5.7 12.6-9.2 21.8-9.2 18.6 0 32.3 15.4 32.3 34.4m-13.7 0c0-13.3-8.4-22.4-20.1-22.4-11.8 0-21.2 9.1-21.2 22.4s8.9 22.4 21.2 22.4 20.1-9 20.1-22.4m96.6 0c0 18.9-14 34.4-33.7 34.4s-33.6-15.5-33.6-34.4 13.8-34.4 33.6-34.4 33.7 15.5 33.7 34.4m-13.7 0c0-13.1-8.1-22.4-20-22.4s-19.8 9.3-19.8 22.4 7.6 22.4 19.8 22.4c12.1 0 20-9.1 20-22.4m67.1-27.2c0 3.3-2.7 6-6 6-11.2 0-16.9 9.1-16.9 20.7v26.4c0 4.2-3 7.4-6.7 7.4-3.8 0-6.8-3.2-6.8-7.4v-51.7c0-4.2 3-7.5 6.8-7.5 3.7 0 6.7 3.3 6.7 7.5v1.2c4-5.3 9.5-8.7 16-8.7 4.2 0 6.9 2.7 6.9 6zm60.8 54.6c-3.9 3.9-10.2 7.1-16.9 7.1-13.4 0-22.2-9-22.2-22.4v-33.2h-5.1c-3.3 0-6-2.7-6-6.1 0-3.3 2.7-6 6-6h5.1v-23.9c0-4.2 2.9-7.4 6.7-7.4s6.7 3.2 6.7 7.4v23.9h15.2c3.4 0 6 2.7 6 6 0 3.4-2.6 6.1-6 6.1h-15.2v33.2c0 7 4.2 10.4 8.8 10.4 4.3 0 6.4-1.8 9.5-4.6 2.9-2.6 6.3-2.1 8.4 0 1.8 1.8 2.5 6-1 9.5"/><path d="M1076.1 191.7c0 5.3-4.3 9.7-9.6 9.7-5.2 0-9.5-4.4-9.5-9.7 0-5.4 4.3-9.5 9.5-9.5 5.3 0 9.6 4.3 9.6 9.5m-1.2 0c0-4.5-3.9-8.2-8.3-8.2-4.5 0-8.4 3.7-8.4 8.2s3.7 8.3 8.4 8.3c4.6 0 8.3-3.7 8.3-8.3m-6.6 1.3 2.4 3.9h-1.6l-2.1-3.7h-2.5v3.7h-1.4v-10.1h4.2c1.9 0 3.4 1.5 3.4 3.1 0 1.5-.9 2.7-2.4 3.1m-1-1.2c1.2 0 2.1-.9 2.1-1.9 0-1.1-.9-1.8-2.1-1.8h-2.8v3.7z" opacity=".5"/></svg>
              <p class="footer__copyright inline pl-3 text-navy dark:text-white">© 2021 - 2026 En del av team.blue</p>
          </div>

      </div>

  <div class="mt-4">
    <div class="items-center justify-between lg:flex">
              <div>
                                    <a
                href="https://websupport.se/om-websupport/villkor-och-policyer/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Villkor och policyer
              </a>

                              <span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://websupport.se/om-websupport/dataskyddspolicy/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Dataskyddspolicy
              </a>

                              <span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://websupport.se/om-websupport/avtalsvillkor/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Allmänna avtalsvillkor
              </a>

                              <span class="footer__copyright mx-2 text-navy-m2">|</span>
                                                              <a
                href="https://loopiagroup.integrityline.com/"
                                class="footer__copyright py-1 text-navy-m2 transition hover:text-gem"
              >
                Whistleblowing (Loopia Group)
              </a>

                                            </div>
      
      <div class="hidden lg:block">
        <p class="footer__support-text text-navy-m2 lg:inline">Behöver du hjälp? </p>

  <a
    href="#livechat"
    class="footer__support-text footer__support-text-link text-king hover:text-navy block transition dark:text-white dark:hover:text-gem md:ml-0 lg:ml-3 lg:inline"
  >
    Kontakta vår support
  </a>
      </div>
    </div>
  </div>
</div>
    </div>
  </div>
</footer>

    </div>

        <script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/sites/6/*","/app/*","/app/plugins/*","/app/themes/websupport/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<!-- Accessiway widget -->
<script async type="text/javascript" src="https://embeds.acswapp.com/accessibility/app.js"></script>
<!-- End of Accessiway widget --><script>
(function() {
				var expirationDate = new Date();
				expirationDate.setTime( expirationDate.getTime() + 31536000 * 1000 );
				document.cookie = "pll_language=sv; expires=" + expirationDate.toUTCString() + "; path=/; secure; SameSite=Lax";
			}());

</script>
<script id="wp-sentry-browser-js-extra">
var wp_sentry = {"environment":"production","release":"10.0.0","context":{"tags":{"wordpress":"6.9.4","language":"sv-SE"}},"dsn":"https://e9e9f0ab72ed4f4884e049aae0c4c669@sentry.websupport.sk/10"};
//# sourceURL=wp-sentry-browser-js-extra
</script>
<script crossorigin async="async" src="https://websupport.se/app/plugins/wp-sentry-integration/public/wp-sentry-browser.min.js?ver=6.23.0"></script><script id="rocket-browser-checker-js-after">
"use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}();
//# sourceURL=rocket-browser-checker-js-after
</script>
<script id="rocket-preload-links-js-extra">
var RocketPreloadLinksConfig = {"excludeUris":"/wp/|/login|/(?:.+/)?feed(?:/(?:.+/?)?)?$|/(?:.+/)?embed/|/wp-json/wlgpi/cartapi/cart|/wp-json/wlgpi/cartapi/user-details|/wp-json/wlgpi/cartapi/user-urls|/wp-json/wlgpi/cartapi/checkout|/wp-json/wlgpi/cartapi/remove-item|/wp-json/wlgpi/cartapi/add-item|/wp-json/wlgpi/cartapi/logout|/login|/wp-json/easycookie/v1/scan|/wp-json/easycookie/v1/scan/|http://(/%5B/%5D+)?/(index.php/)?(.*)wp-json(/.*|$)|/refer/|/go/|/recommend/|/recommends/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|pdf|doc|docx|xls|xlsx|php|html|htm","siteUrl":"https://websupport.se","onHoverDelay":"100","rateThrottle":"3"};
//# sourceURL=rocket-preload-links-js-extra
</script>
<script id="rocket-preload-links-js-after">
(function() {
"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run();
}());

//# sourceURL=rocket-preload-links-js-after
</script>
<script crossorigin src="https://websupport.se/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" data-rocket-defer defer></script><script crossorigin src="https://websupport.se/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" data-rocket-defer defer></script><script crossorigin src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJOx3OA4ggy9xP617dPp0-v7dlV0QVGWA&amp;libraries=places&amp;language=sv-SE&amp;callback=Function.prototype&amp;ver=1.0.0" data-rocket-defer defer></script><script crossorigin src="https://websupport.se/app/plugins/webikon-loopia-generic-platform-integration/assets/public/js/wlgpi-easy-cookie-scanner.js?ver=1.0.0.1780897858" data-rocket-defer defer></script><script crossorigin>
!function(){"use strict";var n,r={},t={};function e(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={id:n,exports:{}};return r[n].call(i.exports,i,i.exports,e),i.exports}e.m=r,n=[],e.O=function(r,t,o,i){if(!t){var u=1/0;for(l=0;l<n.length;l++){t=n[l][0],o=n[l][1],i=n[l][2];for(var f=!0,c=0;c<t.length;c++)(!1&i||u>=i)&&Object.keys(e.O).every((function(n){return e.O[n](t[c])}))?t.splice(c--,1):(f=!1,i<u&&(u=i));if(f){n.splice(l--,1);var a=o();void 0!==a&&(r=a)}}return r}i=i||0;for(var l=n.length;l>0&&n[l-1][2]>i;l--)n[l]=n[l-1];n[l]=[t,o,i]},e.n=function(n){var r=n&&n.__esModule?function(){return n.default}:function(){return n};return e.d(r,{a:r}),r},e.d=function(n,r){for(var t in r)e.o(r,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:r[t]})},e.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(n){if("object"==typeof window)return window}}(),e.o=function(n,r){return Object.prototype.hasOwnProperty.call(n,r)},function(){var n={990:0,739:0,547:0,897:0};e.O.j=function(r){return 0===n[r]};var r=function(r,t){var o,i,u=t[0],f=t[1],c=t[2],a=0;if(u.some((function(r){return 0!==n[r]}))){for(o in f)e.o(f,o)&&(e.m[o]=f[o]);if(c)var l=c(e)}for(r&&r(t);a<u.length;a++)i=u[a],e.o(n,i)&&n[i]&&n[i][0](),n[i]=0;return e.O(l)},t=self.webpackChunk=self.webpackChunk||[];t.forEach(r.bind(null,0)),t.push=r.bind(null,t.push.bind(t))}(),e.nc=void 0}();
//# sourceURL=ws%2Fvendor.js-js-before
</script><script crossorigin src="https://websupport.se/app/themes/websupport/dist/scripts/vendor.js?id=9de7202917f728a2082398baec2f11c3" data-rocket-defer defer></script><script id="ws/app.js-js-extra">
var settings = {"ajax_url":"https://websupport.se/wp/wp-admin/admin-ajax.php","cart_session":"true","cart_mandatory_url":"https://websupport.se/cart/mandatory","translations":{"jobList":["Visa %d mer position","Visa %d fler positioner","Visa %d fler positioner"]}};
//# sourceURL=ws%2Fapp.js-js-extra
</script>
<script crossorigin src="https://websupport.se/app/themes/websupport/dist/scripts/app.js?id=ba12ec3165189d4ef66f9bb7961f9a15" data-rocket-defer defer></script><script>window.lazyLoadOptions=[{elements_selector:"[loading=lazy],img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}},use_native:1},{elements_selector:".rocket-lazyload",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,}];window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(var i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue}
if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue}
images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1}
if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://websupport.se/app/plugins/wp-rocket/assets/js/lazyload/17.8.3/lazyload.min.js"></script>  </body>
</html>

<!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com -->

<!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1780947499 -->