CINXE.COM
Inden rejse med MS | MSguiden
<!DOCTYPE html> <html lang="da-DK" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="facebook-domain-verification" content="https://www.msguiden.dk/now-leaving?external_url=http%3A%2F%2Fwww.facebook.com%2Fshare.php%3Fu%3Dhttps%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms%26title%3DHverdag%20med%20MS%20&back_url=https%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms" /> <link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=msguiden-dk"> <link rel="stylesheet preload prefetch" href="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/common~2025-03-14-18-14-54-000~cache.css" as="style" type="text/css" /> <script class="site-data"> var ua = navigator.userAgent; var device = /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua) ? "tablet" : (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua) ? "mobile" : "desktop") window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "siteType": "advise", "brandWebsiteType": "notApplied", "brandCluster": "others", "subBrandCluster": "other divisions", "gbu": "GBU - Specialty care", "region": "emea", "country": "denmark", "franchise": "", "therapeutic_area": "", "platform": "magnolia", "language": "da", "pageName": "Inden rejse med MS", "page_type": "", "device": device, }); </script> <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://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MZB4T82'); </script> <title>Inden rejse med MS | MSguiden</title> <meta name="title" content="Inden rejse med MS | MSguiden | MSguiden" /> <meta name="description" content="F酶r du rejser ud i den vide verden, er der lige et par ting, du b酶r have styr p氓. L忙s her, hvilke overvejelser, der han v忙re med til at g酶re turen tryg og behagelig, n氓r du rejser og har MS." /> <meta name="algo:security" content="UNLOCKED" /> <meta name="algo:id" content="8e18ca44-3a46-44a5-b220-70db1e082d4f_da-DK" /> <meta name="algo:categories" content="" /> <meta name="algo:roles" content="" /> <meta property="og:type" content="Content page" /> <meta property="og:title" content="Inden rejse med MS" /> <meta property="og:description" content="F酶r du rejser ud i den vide verden, er der lige et par ting, du b酶r have styr p氓. L忙s her, hvilke overvejelser, der han v忙re med til at g酶re turen tryg og behagelig, n氓r du rejser og har MS." /> <meta property="og:url" content="https://www.msguiden.dk/hverdag-med-ms/rejs-med-ms/inden-rejse-med-ms" /> <meta property="og:image:secure_url" content="https://www.msguiden.dk/dam/jcr:1ba4f605-b519-4050-a34e-ca7a6cd2d87d/1.1.6.1%20shutterstock_451570969.jpg.webp" /> <meta property="og:image" content="https://www.msguiden.dk/dam/jcr:1ba4f605-b519-4050-a34e-ca7a6cd2d87d/1.1.6.1%20shutterstock_451570969.jpg.webp" /> <meta property="og:site_name" content="MSguiden" /> <meta property="og:locale" content="da_DK" /> <meta property="og:locale:alternate" content="" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@https://www.msguiden.dk/now-leaving?external_url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Furl%3Dhttps%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms%26status%3DHverdag%20med%20MS%20%2Bhttps%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms&back_url=https%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms" /> <meta name="twitter:url" content="https://www.msguiden.dk/hverdag-med-ms/rejs-med-ms/inden-rejse-med-ms" /> <link rel="icon" sizes="" href="/dam/jcr:d4caad35-189b-4d21-b31a-b92637575fe3/favicon-32x32.png" type="image/png" /> <link rel="canonical" href="https://www.msguiden.dk/hverdag-med-ms/rejs-med-ms/inden-rejse-med-ms" /> <script>document.getElementsByTagName('html')[0].classList.add('has-js');</script> <style> [x-cloak]:not([x-hide]) {display: none !important;} [x-cloak][x-hide] { visibility: hidden !important;} </style> <script type="text/json" class="site-config"> { "editMode": false, "context": "" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": "1", "item": { "@id": "https://www.msguiden.dk/", "name": "Forside" } }, { "@type": "ListItem", "position": "2", "item": { "@id": "https://www.msguiden.dk/hverdag-med-ms", "name": "Hverdag med MS" } }, { "@type": "ListItem", "position": "3", "item": { "@id": "https://www.msguiden.dk/hverdag-med-ms/rejs-med-ms", "name": "Rejs med MS" } }, { "@type": "ListItem", "position": "4", "item": { "@id": "https://www.msguiden.dk/hverdag-med-ms/rejs-med-ms/inden-rejse-med-ms", "name": "Inden rejse med MS" } }, { "@type": "ListItem", "position": "5", "item": { "@id": "https://www.msguiden.dk/hverdag-med-ms/rejs-med-ms/inden-rejse-med-ms", "name": "Inden rejse med MS" } } ] } </script> <style> .header__navSimple ul li ul { width: 230px; } @media only screen and (max-width: 1024px) { .header__navSimple ul li ul { width: 100%; } } </style> <!-- OneTrust Cookies Consent Notice start for msguiden.dk --> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="427ccba0-5585-41f9-a896-cb8df67402fe" ></script> <script type="text/javascript"> function OptanonWrapper() { } </script> <!-- OneTrust Cookies Consent Notice end for msguiden.dk --> </head> <body class=" relative right-0 transition-all duration-300 ease-in-out flex flex-col !min-h-screen"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MZB4T82" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a href="#main" class="skipToMainContent skip font-body bg-primary2 text-white fixed top-0 left-0 z-0 opacity-0 focus:z-40 focus:opacity-100 px-5 py-3">Spring til hovedindhold</a> <header class="z-40 relative" role="banner"> <div class="baseHeader z-30 relative container lg:mx-auto bg-white "> <div class="header__content max-w-full mx-auto py-4 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4"> <div> <div class="flex justify-between w-full"> <div class="w-3/12 md:w-2/12 lg:w-auto lg:flex-grow-0"> <div class="header__logo flex h-full"> <div class="self-start md:self-start lg:self-start"> <div class="header__logo flex flex-grow-0 items-center"> <div class="py-2"> <a href="/" data-gtmSection="header" data-gtmSubSection="logo" data-gtmElement="logo"> <img src="/dam/jcr:10e7fc8f-35ac-444e-a829-4a3789449c10/ms-logo-svg.svg" alt="Home" class="max-w-xs w-full block" /> </a> </div> </div> </div> </div> </div> <div class="header__main px-4 hidden flex-col lg:flex flex-grow lg:justify-center w-full md:w-full lg:w-full "> </div> <div class="header__util w-1/2 lg:w-auto lg:flex-grow-0 flex flex-col justify-start md:justify-end lg:justify-center w-4/12 md:w-3/12 lg:w-6/12"> <div class="lg:hidden py-0 md:py-4 lg:py-4 px-0 md:px-4 lg:px-8 bg-transparent"> <ul class="headerContent flex justify-end md:justify-end lg:justify-end items-end md:items-end lg:items-end bg-transparent hover:bg-transparent "> <li> <div class="items-end md:items-end lg:items-end text-default hover:text-default"> <button aria-label="氓bn menu" x-data="{menuOpen: false}" @click.prevent="menuOpen = !menuOpen; $dispatch('toggle-mobile-menu', menuOpen);" > <div x-show="!menuOpen"> <svg class="w-10 h-10 fill-current mx-1 text-default hover:text-default fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/bars.svg#bars"></use> </svg> </div> <div x-show="menuOpen" x-cloak> <svg class="w-10 h-10 fill-current mx-1 text-default hover:text-default fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/times.svg#times"></use> </svg> </div> </button> </div> </li> </ul> </div> <div class=" text-body-2 py-4 md:py-0 lg:py-4 px-0 md:px-4 lg:px-0 bg-transparent"> <ul class="headerContent flex justify-start md:justify-end lg:justify-end items-start md:items-end lg:items-center bg-transparent hover:bg-transparent "> <li> <div class=""> <form action="/search" class="relative"> <input type="text" name="q" class="border border-primary1 text-primary1 bg-white w-full px-2 h-9" placeholder="S酶g" /> <button class="absolute right-0 top-0 bottom-0 flex flex-row items-center pr-2"> <svg class="w-5 h-5 fill-current mx-1 text-primary1 block fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/search-thin.svg#search-thin"></use> </svg> </button> </form> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="max-w-full mx-auto max-w-full mx-auto"> <script type="text/javascript"> document.addEventListener("alpine:init", () => { Alpine.data("simpleNav", () => ({ mobileMenuOpen: false, activeNavlink: "", srVisible: false, isMobileSubNavScroll: false, toggleMenu(menuOpen) { this.mobileMenuOpen = menuOpen; }, isDesktop() { return this.$breakpointIs("lg"); }, isMobile() { return !this.isDesktop(); }, childLink: { ["x-on:click"](e) { if (this.isMobile()) { window.location.href = this.$domPurify(e.target.getAttribute("href")); } }, }, mainLi: { ["x-on:click"](e) { let mainLi = e.target.closest(".mainLi"); if ( this.isMobile() && mainLi.dataset.haschildren == "true" && !e.target.dataset.haschildren ) { e.preventDefault(); this.activeNavlink = this.activeNavlink == mainLi.dataset.navlinkid ? "" : mainLi.dataset.navlinkid; } }, ["x-on:mouseover"](e) { let mainLi = e.target.closest(".mainLi"); if (this.isDesktop() && mainLi) { this.activeNavlink = mainLi.dataset.navlinkid; } }, ["x-on:mouseout"]() { if (this.isDesktop()) { this.activeNavlink = ""; } }, ["x-on:focusin"](e) { let mainLi = e.target.closest(".mainLi"); if (this.isDesktop() && mainLi) { this.activeNavlink = mainLi.dataset.navlinkid; } }, ["x-on:keyup.tab"](e) { let mainLi = e.target.closest(".mainLi"); if (this.isDesktop() && mainLi) { this.activeNavlink = mainLi.dataset.navlinkid; this.srVisible = true; } }, ["x-on:focusout"](e) { if (this.isDesktop() && !e.relatedTarget?.closest(".mainLi")) { this.activeNavlink = ""; this.srVisible = false; } }, }, skipButton: { ["x-on:click"](e) { const parentUl = e.target?.closest(".mainLi"); const targetEle = parentUl?.nextElementSibling; const targetId = targetEle?.dataset.navlinkid; if (targetId) { document.getElementById(targetId).focus(); this.activeNavlink == targetId; } else { this.activeNavlink = ""; } }, }, mobileSubNavScroll() { this.isMobileSubNavScroll = false; const elSubNav = this.$el; elSubNav.style.maxHeight = ""; if ( this.isMobile() && window.matchMedia("(orientation: landscape)").matches ) { this.isMobileSubNavScroll = true; const baseHeaderHeight = document.querySelector(".baseHeader").clientHeight; elSubNav.style.maxHeight = "calc(100vh - " + baseHeaderHeight + "px)"; } }, })); }); </script> <div class="relative w-screen lg:w-full"> <div class="header__navSimple z-20 absolute lg:relative hidden lg:block w-screen hidden lg:relative lg:block bg-white lg:container mx-auto" x-data="simpleNav()" :class="{'hidden': !mobileMenuOpen, 'overflow-y-auto': isMobileSubNavScroll}" @toggle-mobile-menu.window="toggleMenu($event.detail)" @resize.window="mobileSubNavScroll" x-init="mobileSubNavScroll" x-cloak > <div class="lg:container mx-auto lg:w-auto"> <div class="lg:hidden"> <form action="http://localhost:8080/magnolia/fallback/da_DK/msbegeleidingsprogramma-nl/search" class="relative"> <input type="text" name="q" class="border border- text- bg- w-full p-2 my-2 pr-8 h-9" placeholder="Zoeken" /> <button class="absolute right-0 top-0 bottom-0 flex flex-row items-center pr-2"> <svg class="w-5 h-5 fill-current mx-1 text- block fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/search-thin.svg#search-thin"></use> </svg> </button> </form> </div> <ul class="flex flex-col lg:flex-row w-full justify-start flex-wrap"> <li class="mainLi font-navigation relative text-primary1 lg:hover:text-default lg:hover:bg-default" data-navlinkId="navlink-c82a481e-b4a1-4bf7-a3ac-5622291e5e96" data-hasChildren="true" x-bind="mainLi" > <a href="/om-ms" id="navlink-c82a481e-b4a1-4bf7-a3ac-5622291e5e96" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="true" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="Om MS" target="_self"> Om MS <div class="inline ml-1"> <svg class="w-4 h-4 hidden lg:inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> <div class="lg:hidden rtl:pl-6 ltr:pr-6"> <div :class="{'hidden': activeNavlink != 'navlink-c82a481e-b4a1-4bf7-a3ac-5622291e5e96'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-up.svg#angle-up"></use> </svg> </div> <div :class="{'hidden': activeNavlink == 'navlink-c82a481e-b4a1-4bf7-a3ac-5622291e5e96'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> </div> </div> </div> </a> <ul class="z-30 lg:absolute lg:left-0 lg:top-full hidden w-full text-primary1 bg-white" x-bind:class="{'hidden': activeNavlink != 'navlink-c82a481e-b4a1-4bf7-a3ac-5622291e5e96'}" > <li class="lg:hover:bg-default hover:text-primary1 bg-white bg-opacity-20 sr-only" x-bind="mainLi" :class="{'sr-only': !srVisible}" > <button class="block w-full text-left" x-bind="skipButton" data-target-id="navlink-f9b81313-abcd-4298-bfa0-0ebda32a0e3c" > <div class="px-4 py-2 border-primary1 border-b"> Skip Hverdag med MS </div> </button> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/hvad-er-ms" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Hvad er MS? </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/hjerne-nervesystem-og-immunforsvar" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Hjerne, nervesystem og immunforsvar </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/symptomer" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Symptomer </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/diagnose-ms-og-cis" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Diagnose MS og CIS </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/behandlingsmuligheder" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Behandlingsmuligheder </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/dit-ms-hold" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Dit MS-hold </a> </li> </ul> </li> <li class="mainLi font-navigation relative text-default bg-default" data-navlinkId="navlink-f9b81313-abcd-4298-bfa0-0ebda32a0e3c" data-hasChildren="true" x-bind="mainLi" > <a href="/hverdag-med-ms" id="navlink-f9b81313-abcd-4298-bfa0-0ebda32a0e3c" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="true" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="Hverdag med MS" target="_self"> Hverdag med MS <div class="inline ml-1"> <svg class="w-4 h-4 hidden lg:inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> <div class="lg:hidden rtl:pl-6 ltr:pr-6"> <div :class="{'hidden': activeNavlink != 'navlink-f9b81313-abcd-4298-bfa0-0ebda32a0e3c'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-up.svg#angle-up"></use> </svg> </div> <div :class="{'hidden': activeNavlink == 'navlink-f9b81313-abcd-4298-bfa0-0ebda32a0e3c'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> </div> </div> </div> </a> <ul class="z-30 lg:absolute lg:left-0 lg:top-full hidden w-full text-primary1 bg-white" x-bind:class="{'hidden': activeNavlink != 'navlink-f9b81313-abcd-4298-bfa0-0ebda32a0e3c'}" > <li class="lg:hover:bg-default hover:text-primary1 bg-white bg-opacity-20 sr-only" x-bind="mainLi" :class="{'sr-only': !srVisible}" > <button class="block w-full text-left" x-bind="skipButton" data-target-id="navlink-cc64ea6e-7dad-4966-b59c-9ee2663a5bf9" > <div class="px-4 py-2 border-primary1 border-b"> Skip P氓r酶rende </div> </button> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/familieliv" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Familieliv </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/graviditet" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Graviditet </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/seksualitet" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Seksualitet </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/hold-dig-i-form" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Hold dig i form </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/let-hverdagen" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Let hverdagen </a> </li> <li class="lg:hover:bg-default hover:text-primary1 bg-default text-default active border-primary1 border-b" > <a href="/hverdag-med-ms/rejs-med-ms" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Rejs med MS </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/arbejdsliv" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Arbejdsliv </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/arbejdsmarkedsordninger" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Arbejdsmarkedsordninger </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/ms-under-uddannelse" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > MS under uddannelse </a> </li> </ul> </li> <li class="mainLi font-navigation relative text-primary1 lg:hover:text-default lg:hover:bg-default" data-navlinkId="navlink-cc64ea6e-7dad-4966-b59c-9ee2663a5bf9" data-hasChildren="true" x-bind="mainLi" > <a href="/p氓r酶rende" id="navlink-cc64ea6e-7dad-4966-b59c-9ee2663a5bf9" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="true" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="P氓r酶rende" target="_self"> P氓r酶rende <div class="inline ml-1"> <svg class="w-4 h-4 hidden lg:inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> <div class="lg:hidden rtl:pl-6 ltr:pr-6"> <div :class="{'hidden': activeNavlink != 'navlink-cc64ea6e-7dad-4966-b59c-9ee2663a5bf9'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-up.svg#angle-up"></use> </svg> </div> <div :class="{'hidden': activeNavlink == 'navlink-cc64ea6e-7dad-4966-b59c-9ee2663a5bf9'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> </div> </div> </div> </a> <ul class="z-30 lg:absolute lg:left-0 lg:top-full hidden w-full text-primary1 bg-white" x-bind:class="{'hidden': activeNavlink != 'navlink-cc64ea6e-7dad-4966-b59c-9ee2663a5bf9'}" > <li class="lg:hover:bg-default hover:text-primary1 bg-white bg-opacity-20 sr-only" x-bind="mainLi" :class="{'sr-only': !srVisible}" > <button class="block w-full text-left" x-bind="skipButton" data-target-id="navlink-baadf57e-43d1-49f3-94d3-e2a5f2ec1e9c" > <div class="px-4 py-2 border-primary1 border-b"> Skip Lev med MS </div> </button> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/ms-p氓r酶rende" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > MS for p氓r酶rende </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/partner" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Partner </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/datter-eller-soen" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Datter eller s酶n </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/foraeldre-til-ms-ramt" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > For忙ldre til MS-ramt </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/soeskende-til-ms-ramt" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > S酶skende til MS-ramt </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/ven" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Ven </a> </li> </ul> </li> <li class="mainLi font-navigation relative text-primary1 lg:hover:text-default lg:hover:bg-default" data-navlinkId="navlink-baadf57e-43d1-49f3-94d3-e2a5f2ec1e9c" data-hasChildren="false" x-bind="mainLi" > <a href="/lev-med-ms" id="navlink-baadf57e-43d1-49f3-94d3-e2a5f2ec1e9c" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="false" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="Lev med MS" target="_self"> Lev med MS </a> </li> </ul> </div> </div> </div> <script type="text/javascript"> document.addEventListener("alpine:init", () => { Alpine.data("simpleNav", () => ({ mobileMenuOpen: false, activeNavlink: "", srVisible: false, isMobileSubNavScroll: false, toggleMenu(menuOpen) { this.mobileMenuOpen = menuOpen; }, isDesktop() { return this.$breakpointIs("lg"); }, isMobile() { return !this.isDesktop(); }, childLink: { ["x-on:click"](e) { if (this.isMobile()) { window.location.href = this.$domPurify(e.target.getAttribute("href")); } }, }, mainLi: { ["x-on:click"](e) { let mainLi = e.target.closest(".mainLi"); if ( this.isMobile() && mainLi.dataset.haschildren == "true" && !e.target.dataset.haschildren ) { e.preventDefault(); this.activeNavlink = this.activeNavlink == mainLi.dataset.navlinkid ? "" : mainLi.dataset.navlinkid; } }, ["x-on:mouseover"](e) { let mainLi = e.target.closest(".mainLi"); if (this.isDesktop() && mainLi) { this.activeNavlink = mainLi.dataset.navlinkid; } }, ["x-on:mouseout"]() { if (this.isDesktop()) { this.activeNavlink = ""; } }, ["x-on:focusin"](e) { let mainLi = e.target.closest(".mainLi"); if (this.isDesktop() && mainLi) { this.activeNavlink = mainLi.dataset.navlinkid; } }, ["x-on:keyup.tab"](e) { let mainLi = e.target.closest(".mainLi"); if (this.isDesktop() && mainLi) { this.activeNavlink = mainLi.dataset.navlinkid; this.srVisible = true; } }, ["x-on:focusout"](e) { if (this.isDesktop() && !e.relatedTarget?.closest(".mainLi")) { this.activeNavlink = ""; this.srVisible = false; } }, }, skipButton: { ["x-on:click"](e) { const parentUl = e.target?.closest(".mainLi"); const targetEle = parentUl?.nextElementSibling; const targetId = targetEle?.dataset.navlinkid; if (targetId) { document.getElementById(targetId).focus(); this.activeNavlink == targetId; } else { this.activeNavlink = ""; } }, }, mobileSubNavScroll() { this.isMobileSubNavScroll = false; const elSubNav = this.$el; elSubNav.style.maxHeight = ""; if ( this.isMobile() && window.matchMedia("(orientation: landscape)").matches ) { this.isMobileSubNavScroll = true; const baseHeaderHeight = document.querySelector(".baseHeader").clientHeight; elSubNav.style.maxHeight = "calc(100vh - " + baseHeaderHeight + "px)"; } }, })); }); </script> <div class="relative w-screen lg:w-full"> <div class="header__navSimple z-20 absolute lg:relative hidden lg:block w-screen absolute lg:hidden block bg-white lg:container mx-auto" x-data="simpleNav()" :class="{'hidden': !mobileMenuOpen, 'overflow-y-auto': isMobileSubNavScroll}" @toggle-mobile-menu.window="toggleMenu($event.detail)" @resize.window="mobileSubNavScroll" x-init="mobileSubNavScroll" x-cloak > <div class="lg:container mx-auto lg:w-auto"> <div class="lg:hidden"> <form action="http://localhost:8080/magnolia/fallback/da_DK/msbegeleidingsprogramma-nl/search" class="relative"> <input type="text" name="q" class="border border- text- bg- w-full p-2 my-2 pr-8 h-9" placeholder="S酶g" /> <button class="absolute right-0 top-0 bottom-0 flex flex-row items-center pr-2"> <svg class="w-5 h-5 fill-current mx-1 text- block fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/search-thin.svg#search-thin"></use> </svg> </button> </form> </div> <ul class="flex flex-col lg:flex-row w-full justify-start flex-wrap"> <li class="mainLi font-navigation relative text-primary1 lg:hover:text-default lg:hover:bg-default" data-navlinkId="navlink-928fe1ee-19a8-4f61-bbe7-352be25bb24c" data-hasChildren="true" x-bind="mainLi" > <a href="/om-ms" id="navlink-928fe1ee-19a8-4f61-bbe7-352be25bb24c" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="true" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="Om MS" target="_self"> Om MS <div class="inline ml-1"> <svg class="w-4 h-4 hidden lg:inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> <div class="lg:hidden rtl:pl-6 ltr:pr-6"> <div :class="{'hidden': activeNavlink != 'navlink-928fe1ee-19a8-4f61-bbe7-352be25bb24c'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-up.svg#angle-up"></use> </svg> </div> <div :class="{'hidden': activeNavlink == 'navlink-928fe1ee-19a8-4f61-bbe7-352be25bb24c'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> </div> </div> </div> </a> <ul class="z-30 lg:absolute lg:left-0 lg:top-full hidden w-full text-primary1 bg-white" x-bind:class="{'hidden': activeNavlink != 'navlink-928fe1ee-19a8-4f61-bbe7-352be25bb24c'}" > <li class="lg:hover:bg-default hover:text-primary1 bg-white bg-opacity-20 sr-only" x-bind="mainLi" :class="{'sr-only': !srVisible}" > <button class="block w-full text-left" x-bind="skipButton" data-target-id="navlink-a08987db-a028-4b43-a3a0-928153293903" > <div class="px-4 py-2 border-primary1 border-b"> Skip Hverdag med MS </div> </button> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/hvad-er-ms" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Hvad er MS? </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/hjerne-nervesystem-og-immunforsvar" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Hjerne, nervesystem og immunforsvar </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/symptomer" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Symptomer </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/diagnose-ms-og-cis" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Diagnose MS og CIS </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/behandlingsmuligheder" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Behandlingsmuligheder </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/om-ms/dit-ms-hold" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Dit MS-hold </a> </li> </ul> </li> <li class="mainLi font-navigation relative text-default bg-default" data-navlinkId="navlink-a08987db-a028-4b43-a3a0-928153293903" data-hasChildren="true" x-bind="mainLi" > <a href="/hverdag-med-ms" id="navlink-a08987db-a028-4b43-a3a0-928153293903" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="true" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="Hverdag med MS" target="_self"> Hverdag med MS <div class="inline ml-1"> <svg class="w-4 h-4 hidden lg:inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> <div class="lg:hidden rtl:pl-6 ltr:pr-6"> <div :class="{'hidden': activeNavlink != 'navlink-a08987db-a028-4b43-a3a0-928153293903'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-up.svg#angle-up"></use> </svg> </div> <div :class="{'hidden': activeNavlink == 'navlink-a08987db-a028-4b43-a3a0-928153293903'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> </div> </div> </div> </a> <ul class="z-30 lg:absolute lg:left-0 lg:top-full hidden w-full text-primary1 bg-white" x-bind:class="{'hidden': activeNavlink != 'navlink-a08987db-a028-4b43-a3a0-928153293903'}" > <li class="lg:hover:bg-default hover:text-primary1 bg-white bg-opacity-20 sr-only" x-bind="mainLi" :class="{'sr-only': !srVisible}" > <button class="block w-full text-left" x-bind="skipButton" data-target-id="navlink-4930bf35-5b2f-4986-a2fb-bb2a1be1b7c0" > <div class="px-4 py-2 border-primary1 border-b"> Skip P氓r酶rende </div> </button> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/familieliv" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Familieliv </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/graviditet" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Graviditet </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/seksualitet" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Seksualitet </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/hold-dig-i-form" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Hold dig i form </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/let-hverdagen" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Let hverdagen </a> </li> <li class="lg:hover:bg-default hover:text-primary1 bg-default text-default active border-primary1 border-b" > <a href="/hverdag-med-ms/rejs-med-ms" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Rejs med MS </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/arbejdsliv" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Arbejdsliv </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/arbejdsmarkedsordninger" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Arbejdsmarkedsordninger </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/hverdag-med-ms/ms-under-uddannelse" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > MS under uddannelse </a> </li> </ul> </li> <li class="mainLi font-navigation relative text-primary1 lg:hover:text-default lg:hover:bg-default" data-navlinkId="navlink-4930bf35-5b2f-4986-a2fb-bb2a1be1b7c0" data-hasChildren="true" x-bind="mainLi" > <a href="/p氓r酶rende" id="navlink-4930bf35-5b2f-4986-a2fb-bb2a1be1b7c0" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="true" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="P氓r酶rende" target="_self"> P氓r酶rende <div class="inline ml-1"> <svg class="w-4 h-4 hidden lg:inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> <div class="lg:hidden rtl:pl-6 ltr:pr-6"> <div :class="{'hidden': activeNavlink != 'navlink-4930bf35-5b2f-4986-a2fb-bb2a1be1b7c0'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-up.svg#angle-up"></use> </svg> </div> <div :class="{'hidden': activeNavlink == 'navlink-4930bf35-5b2f-4986-a2fb-bb2a1be1b7c0'}"> <svg class="w-4 h-4 inline fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/solid/angle-down.svg#angle-down"></use> </svg> </div> </div> </div> </a> <ul class="z-30 lg:absolute lg:left-0 lg:top-full hidden w-full text-primary1 bg-white" x-bind:class="{'hidden': activeNavlink != 'navlink-4930bf35-5b2f-4986-a2fb-bb2a1be1b7c0'}" > <li class="lg:hover:bg-default hover:text-primary1 bg-white bg-opacity-20 sr-only" x-bind="mainLi" :class="{'sr-only': !srVisible}" > <button class="block w-full text-left" x-bind="skipButton" data-target-id="navlink-ee299fc0-2b57-4037-9fc1-c843c2e1ec7d" > <div class="px-4 py-2 border-primary1 border-b"> Skip Lev med MS </div> </button> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/ms-p氓r酶rende" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > MS for p氓r酶rende </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/partner" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Partner </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/datter-eller-soen" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Datter eller s酶n </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/foraeldre-til-ms-ramt" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > For忙ldre til MS-ramt </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/soeskende-til-ms-ramt" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > S酶skende til MS-ramt </a> </li> <li class="lg:hover:bg-default hover:text-primary1 border-primary1 border-b" > <a href="/p氓r酶rende/ven" class="block px-4 py-2" x-ref="" data-gtmSection="header" data-gtmSubSection="menu" x-bind="childLink" > Ven </a> </li> </ul> </li> <li class="mainLi font-navigation relative text-primary1 lg:hover:text-default lg:hover:bg-default" data-navlinkId="navlink-ee299fc0-2b57-4037-9fc1-c843c2e1ec7d" data-hasChildren="false" x-bind="mainLi" > <a href="/lev-med-ms" id="navlink-ee299fc0-2b57-4037-9fc1-c843c2e1ec7d" class=" flex justify-between lg:block py-3 px-4 w-full relative" data-hasChildren="false" data-gtmSection="" data-gtmSubSection="menu" data-gtmElement="Lev med MS" target="_self"> Lev med MS </a> </li> </ul> </div> </div> </div> </div> </header> <nav class="font-body font-normal text-size-default breadcrumbs bg- text-primary1 px-4 lg:px-0 py-3 md:py-4 md:block hidden " aria-label="breadcrumbs" role="navigation"> <div class="container"> <ul class="flex flex-wrap flex-row "> <li class="contents"> <a href="/" class="flex items-center"> <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default">Hjem</span> <svg class="w-3 h-3 inline mx-1 fill-current fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/angle-right.svg#angle-right"></use> </svg> </a> </li> <li class="contents"> <a href="/hverdag-med-ms" class="flex items-center"> <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default"> Hverdag med MS</span> <svg class="w-3 h-3 inline mx-1 fill-current fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/angle-right.svg#angle-right"></use> </svg> </a> </li> <li class="contents"> <a href="/hverdag-med-ms/rejs-med-ms" class="flex items-center"> <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default">Rejs med MS</span> <svg class="w-3 h-3 inline mx-1 fill-current fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/angle-right.svg#angle-right"></use> </svg> </a> </li> <li class="contents"> <span class="truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default">Inden rejse med MS</span> </li> </ul> </div> </nav> <main role="main" id="main" class="relative flex-1" > <section id="c1a2efee-7af9-4c89-b872-8d1c81b17dfb" class="contentGridItem--c1a2efee-7af9-4c89-b872-8d1c81b17dfb contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--c1a2efee-7af9-4c89-b872-8d1c81b17dfb py-0 text-primary h-full animateImage bg-auto md:bg-auto lg:bg-top bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:dca13c11-5b67-4fce-a010-52933deaf64e/wave-home.svg" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-32 md:pt-0 md:pb-32 pt-0 pb-32"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-start self-auto bg-white" x-data="" dir="ltr"> <section id="5a46305e-b968-4a8f-8ac6-0d683bc04457" class="contentGridItem--5a46305e-b968-4a8f-8ac6-0d683bc04457 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--5a46305e-b968-4a8f-8ac6-0d683bc04457 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-white relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-start -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-5 lg:py-5"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-5 lg:px-5 w-full lg:w-4/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="2cdf8584-dafd-4343-a461-0d50a3188e4e" class="contentGridItem--2cdf8584-dafd-4343-a461-0d50a3188e4e contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--2cdf8584-dafd-4343-a461-0d50a3188e4e py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-title-2"><strong><a href="/hverdag-med-ms">Hverdag med MS</a></strong></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-4 self-auto " x-data="" dir="ltr"> <hr style="height:2px;border-width:0;color:#747171;background-color:#747171"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full lg:w-full self-auto " > <script type="text/javascript"> document.addEventListener("alpine:init", () => { Alpine.data("accordions", (config) => ({ uuid: config.uuid, displayAll: false, autoCollapse: config.autoCollapse, initialOpenState: config.initialOpenState, showMax: config.showMax, init() { if (this.autoCollapse && this.initialOpenState) { if (this.$isEditMode()) { return; } const _self = this; setTimeout(function () { _self.$dispatch("accordions-toggle", { action: false, targetID: "accordions-" + _self.uuid }); }, 15000); } }, showItem(index) { return this.showMax >= index || this.displayAll; }, toggleAll(action) { this.$dispatch('accordions-toggle', { action, targetID: "accordions-" + this.uuid }) } })); }); </script> <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-4 self-auto block bg-no-repeat flex " x-data="" dir="ltr"> <div x-data="accordions({ uuid: '750e255e-3742-40b0-93a3-0225bb4ff491', showMax: 20, initialOpenState: false, autoCollapse: false })" class="accordionParent w-full" > <div class="w-full"> <div class="justify-start items-center"> <ul class=""> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(1)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/familieliv&quot;&gt;Familieliv&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(1)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--fd97763f-cbd0-44e8-a6c5-0d746efd8a7e" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/familieliv">Familieliv</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--fd97763f-cbd0-44e8-a6c5-0d746efd8a7e" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_fd97763f-cbd0-44e8-a6c5-0d746efd8a7e" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/familieliv/familien-som-ressource">Familien som ressource</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/familieliv/haandter-frustrationerne">Håndtér frustrationerne</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/familieliv/prioriter-din-energi">Prioriter din energi</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/familieliv/forklar-ms-b酶rn">Forklar MS for børn</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/familieliv/venner-og-omgangskreds">Venner og omgangskreds</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(2)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/graviditet&quot;&gt;Graviditet&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(2)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--ea049ae5-adb2-451f-bc2d-dd29f1aff4d4" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/graviditet">Graviditet</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--ea049ae5-adb2-451f-bc2d-dd29f1aff4d4" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_ea049ae5-adb2-451f-bc2d-dd29f1aff4d4" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/graviditet/saadan-faar-du-en-god-graviditet">Sådan får du en god graviditet</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/graviditet/foedsel-og-barsel">Fødsel og barsel</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/graviditet/seks-spoergsmaal-om-ms-og-graviditet">Seks spørgsmål om MS og graviditet</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/graviditet/pr忙vention">Prævention</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(3)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/seksualitet&quot;&gt;Seksualitet&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(3)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--8faeb8d9-e043-46cb-b5d6-260c7a108426" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/seksualitet">Seksualitet</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--8faeb8d9-e043-46cb-b5d6-260c7a108426" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_8faeb8d9-e043-46cb-b5d6-260c7a108426" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/seksualitet/mand-og-seksualitet">Mand og seksualitet</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/seksualitet/kvinde-og-seksualitet">Kvinde og seksualitet</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/seksualitet/11-genveje-til-mere-og-bedre-sex">11 genveje til mere og bedre sex</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(4)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/hold-dig-i-form&quot;&gt;Hold dig i form&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(4)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--ba23c86a-2ad1-4876-9b7c-a01ee52f3a34" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/hold-dig-i-form">Hold dig i form</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--ba23c86a-2ad1-4876-9b7c-a01ee52f3a34" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_ba23c86a-2ad1-4876-9b7c-a01ee52f3a34" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/hold-dig-i-form/tilpas-motionen-til-din-hverdag">Tilpas motionen til din hverdag</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/hold-dig-i-form/saadan-kommer-du-i-gang">Sådan kommer du i gang</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-2"><a href="/hverdag-med-ms/hold-dig-i-form/alle-kan-traene-trods-ms">Alle kan træne, trods MS</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-2"><a href="/hverdag-med-ms/hold-dig-i-form/tr忙ningsmaskiner">Træningsmaskiner</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-2"><a href="/hverdag-med-ms/hold-dig-i-form/ms-sygeplejerske-fortaeller-om-hjernesund-livsstil">MS-sygeplejerske fortæller om hjernesund livsstil</a></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(5)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/let-hverdagen&quot;&gt;Let hverdagen&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(5)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--5eaecfd1-49fa-4e18-b7d7-b521e8ef420e" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/let-hverdagen">Let hverdagen</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--5eaecfd1-49fa-4e18-b7d7-b521e8ef420e" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_5eaecfd1-49fa-4e18-b7d7-b521e8ef420e" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/let-hverdagen/goer-hverdagen-lettere">Gør hverdagen lettere</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/let-hverdagen/planlaeg-din-energi">Planlæg din energi</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/let-hverdagen/ms-paa-smartphone">MS på smartphone</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/let-hverdagen/bilkoersel">Bilkørsel</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/let-hverdagen/ensomhed-og-ms">Ensomhed og MS</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(6)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary1&quot;&gt;&lt;strong&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/rejs-med-ms&quot;&gt;Rejs med MS&lt;/a&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(6)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--266d5f28-bf93-4263-836b-0e96cc96c7fa" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary1"><strong><span class="text-body-2"><a href="/hverdag-med-ms/rejs-med-ms">Rejs med MS</a></span></strong></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--266d5f28-bf93-4263-836b-0e96cc96c7fa" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_266d5f28-bf93-4263-836b-0e96cc96c7fa" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary1"><strong><span class="text-body-2"><a href="/hverdag-med-ms/rejs-med-ms/inden-rejse-med-ms">Inden rejse med MS</a></span></strong></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/rejs-med-ms/rejseforsikring-med-ms">Rejseforsikring med MS</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/rejs-med-ms/undervejs-paa-rejse-med-ms">Undervejs på rejse med MS</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/rejs-med-ms/paa-rejsemaalet-med-ms">På rejsemålet med MS</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(7)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/arbejdsliv&quot;&gt;Arbejdsliv&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(7)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--f5ea68bd-bab2-4ca0-af5c-1a7e10fc437f" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsliv">Arbejdsliv</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--f5ea68bd-bab2-4ca0-af5c-1a7e10fc437f" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_f5ea68bd-bab2-4ca0-af5c-1a7e10fc437f" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsliv/arbejde-og-ms">Arbejde og MS</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsliv/afklaringssamtale-paa-arbejdet">Afklaringssamtale på arbejdet</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsliv/gode-raad-til-samtale-med-sagsbehandler">Gode råd til samtale med sagsbehandler</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsliv/nyt-arbejde">Nyt arbejde</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsliv/bil-arbejde-og-ms">Bil, arbejde og MS</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(8)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/arbejdsmarkedsordninger&quot;&gt;Arbejdsmarkedsordninger&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(8)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--bb1e704c-e377-4101-8bef-a54612a40056" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsmarkedsordninger">Arbejdsmarkedsordninger</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--bb1e704c-e377-4101-8bef-a54612a40056" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_bb1e704c-e377-4101-8bef-a54612a40056" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsmarkedsordninger/i-arbejde">I arbejde</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsmarkedsordninger/selvstaendig-virksomhed">Selvstændig virksomhed</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsmarkedsordninger/midlertidig-sygemeldt">Midlertidig sygemeldt</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsmarkedsordninger/langtidssygemeldt">Langtidssygemeldt</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/arbejdsmarkedsordninger/ledig">Ledig</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="" class="border-t last:border-b border-primary1 mb-3 md:mb-3 lg:mb-3" x-show="showItem(9)"> <script type="text/javascript" async> document.addEventListener("alpine:init", () => { Alpine.data("accordion", (config) => ({ title: config.title, gtmContext: config.gtmContext, open: config.open, toggle(open) { this.open = open; let action = this.open ? "expand" : "roll_up" this.$dispatch("track-event", { "event": "cmp_event", "event_type": "accordion", "action": action, "title": this.title, "context": this.gtmContext, }); if (this.open) { this.refreshCarousel(); } }, refreshCarousel() { let carousels = this.$root.querySelectorAll(".carousel__wrap"); let tnsCarousels = window.tnsCarousels || []; carousels.forEach(carousel => { let targetID = carousel.dataset.uuid; let foundCarousel = tnsCarousels.find(tnsCarousel => tnsCarousel.uuid == targetID); if (foundCarousel) { foundCarousel.carousel.refresh(); } }) } })); }); </script> <div x-data="accordion({ open: false, title: '&lt;p&gt;&lt;span class=&quot;text-primary2&quot;&gt;&lt;span class=&quot;text-body-2&quot;&gt;&lt;a href=&quot;/hverdag-med-ms/ms-under-uddannelse&quot;&gt;MS under uddannelse&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-750e255e-3742-40b0-93a3-0225bb4ff491' && showItem(9)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--e9205e5f-46db-4e93-ac3d-d9c98756b3ef" class="accordionButton block w-full px-3 py-4 text-left" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}" :aria-expanded="open ? 'true' : 'false'" @click="toggle(!open)" > <div class="flex items-center w-full justify-between"> <div class="flex flex-col"> <h3 class="accordion-title rtl:text-right text-size-6 ml-1" :class="{'bg-white text-primary1': open, 'bg-white text-primary1 ': !open}"><p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/ms-under-uddannelse">MS under uddannelse</a></span></span></p> </h3> </div> <div class="ltr:mr-3 rtl:ml-3 iconPlusMinus" x-cloak> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionPlus.svg#accordionPlus"></use> </svg> <svg class="w-6 h-6 fill-current fill-current" aria-hidden="true" style='width: 25px' x-show=!open x-cloak role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/accordionMinus.svg#accordionMinus"></use> </svg> </div> </div> </button> <div id="accordion__content--e9205e5f-46db-4e93-ac3d-d9c98756b3ef" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_e9205e5f-46db-4e93-ac3d-d9c98756b3ef" > <div class="bg-default"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/ms-under-uddannelse/sps-ordningen">SPS-ordningen</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary2"><span class="text-body-2"><a href="/hverdag-med-ms/ms-under-uddannelse/su-og-ms">SU og MS</a></span></span></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </ul> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-5 lg:px-5 w-full lg:w-8/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="35aa68d7-3360-49a3-8ae7-2bf05d915441" class="contentGridItem--35aa68d7-3360-49a3-8ae7-2bf05d915441 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--35aa68d7-3360-49a3-8ae7-2bf05d915441 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center -mx-4 py-4 md:-mx-4 md:py-4 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-4 px-4 md:my-4 md:px-4 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-4 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="558bf47b-d097-4cc8-af59-702f455d7098" class="contentGridItem--558bf47b-d097-4cc8-af59-702f455d7098 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--558bf47b-d097-4cc8-af59-702f455d7098 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-4 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-start md:justify-start lg:justify-start "> <h1 class="contentBlock__title text-title-1 font-title text-primary2">Inden rejse med MS</h1> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-4 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:1ba4f605-b519-4050-a34e-ca7a6cd2d87d/1.1.6.1%20shutterstock_451570969.jpg.webp" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:1ba4f605-b519-4050-a34e-ca7a6cd2d87d/1.1.6.1%20shutterstock_451570969.jpg.webp" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:1ba4f605-b519-4050-a34e-ca7a6cd2d87d/1.1.6.1%20shutterstock_451570969.jpg.webp" class="w-full lazyload " data-sizes="auto" alt="Inden rejse med MS" /> </picture> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 px-0 md:px-4 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-3"><span class="text-primary1"><strong>Før du rejser ud i den vide verden, er der lige et par ting, du bør have styr på. Læs her, hvilke overvejelser, der han være med til at gøre turen tryg og behagelig, når du rejser og har MS.</strong></span></span></p> <p><span class="text-body-3"><span class="text-primary1">Når du har besluttet at rejse, så start med at tale med MS-klinikken om eventuelle forholdsregler i forhold til din medicin og behandling i det hele taget. Sørg også for at få svar på, hvordan du skal forholde dig, hvis du bliver utilpas, mens du er ude at rejse.</span></span></p> <p><span class="text-body-3"><span class="text-primary1">Husk også at ændre eventuelle aftaler om kontroller og prøver, du eventuelt skal have taget på hospitalet.</span></span></p> <p><span class="text-body-3"><span class="text-primary1">Overvejer du et rejsemål, hvor der er risiko for at blive smittet med sygdomme, som vi ikke har i Danmark, er det vigtigt at blive vaccineret. Tal med personalet på MS-klinikken om, hvilke vacciner du eventuelt har brug for og vær sikker på, om der er vacciner, du ikke skal have på grund af din MS-behandling eller din sygdom.</span></span></p> <p><span class="text-body-3"><span class="text-primary1">Det er en god idé at tale med MS-klinikken, inden du bestiller og betaler din rejse.</span></span></p> <p><span class="text-body-3"><span class="text-primary1"><strong>Varme</strong><br /> Hvis du overvejer at rejse til varmere breddegrader, selv om du ved, at dine symptomer forværres i varme omgivelser, så er det måske en idé at rejse i en periode, hvor det ikke er helt så varmt som midt på sommeren. Undersøg også, om der er aircondition på værelset, hvor du skal bo, og sørg for at medbringe tøj, som er let og løstsiddende.</span></span></p> <p><span class="text-body-3"><span class="text-primary1"><strong>Adgangsforhold</strong><br /> Hvis du er gangbesværet, er det en god idé at undersøge adgangsforholdene på forhånd. Hvis du rejser via et rejsebureauet, kan du her få oplyst, hvordan forholdene er på stedet og hotellet, og som regel kan de også komme med forslag til, hvor adgangsforholdene er gode.</span></span></p> <p><span class="text-body-3"><span class="text-primary1"><strong>Hjælp på rejsemålet</strong><br /> Undersøg eventuelt, hvor der er hjælp at hente, hvis uheldet skulle være ude – hvor ligger den nærmeste MS-klinik eller neurolog?</span></span></p> <p><span class="text-body-3"><span class="text-primary1"><strong>Bilferie</strong><br /> Planlæg eventuelt en ekstra overnatning, så I ikke behøver køre så mange timer om dagen. Det giver også muligheden for at se et sted, I måske ikke havde regnet med. Undervejs kan det være, at du kan få lov at hvile dig, mens børnene bruger krudtet på en legeplads. <br /> Hvis du ikke har lyst til at køre så langt, men gerne vil udenlands, er der en masse spændende og familieegnede rejsemål i både det nordlige Tyskland og det sydlige Sverige.</span></span></p> </div> <div class="mt-3"> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-4 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 400w, /.imaging/webp/sanofi-platform/img-w500/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 500w, /.imaging/webp/sanofi-platform/img-w600/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 600w, /.imaging/webp/sanofi-platform/img-w700/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 700w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 400w, /.imaging/webp/sanofi-platform/img-w500/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 500w, /.imaging/webp/sanofi-platform/img-w600/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 600w, /.imaging/webp/sanofi-platform/img-w700/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 700w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="740" height="400" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 400w, /.imaging/webp/sanofi-platform/img-w500/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 500w, /.imaging/webp/sanofi-platform/img-w600/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 600w, /.imaging/webp/sanofi-platform/img-w700/dam/msguiden-dk/hverdag-med-ms/image/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 700w" class="w-full lazyload " data-sizes="auto" alt="MSguiden_Rejse med MS_Camping " /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 px-0 md:px-4 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary1"><span class="text-body-3"><strong>Campingferie</strong><br /> En anden mulighed for at holde ferie er campingferie. Mange campingpladser er indrettet, så de er velegnet, hvis man er gangbesværet eller bruger rollator/kørestol. Campingpladser findes i hele verden, så I bestemmer selv, hvor langt I vil køre. I højsæsonen er det en god idé at booke plads på forhånd.</span></span></p> <p><span class="text-primary1"><span class="text-body-3"><strong>Andre ferieformer</strong><br /> Hvis man har mod på at åbne sit hjem for en familie, man ikke kender, kan man bytte bolig med en anden familie. Hvis man søger på nettet, kan man finde mange forskellige tjenester, der tilbyder at skabe kontakt til familier i andre lande, der er interesseret i at bytte bolig med en familie i Danmark. Rejser man alene, kan man leje sig ind i et privathjem. Det giver både billige overnatninger, og man kan få en masse tips og lokalkendskab fra sin vært.</span></span></p> <p><span class="text-primary1"><span class="text-body-3">Scleroseforeningen har også ferieboliger, man kan leje. Se mere på </span></span><span class="text-secondary2"><span class="text-body-3"><a href="https://dronningensferieby.dk/">dronningensferieby.dk </a></span></span></p> <p><span class="text-primary1"><span class="text-body-3">Hvis man er gangbesværet eller sidder i kørestol, kan man på nettet finde forskellige egnede ferieboliger i store dele af verden, og der findes også rejsebureauer, der har specialiseret sig i rejser, hvis man har særlige behov.</span></span></p> <p><span class="text-primary1"><span class="text-body-3">Enkelte rejsebureauer tilbyder også rejser, hvor man kan blive ledsaget af en sygeplejerske eller en tilsvarende sundhedsprofessionel på rejsen, hvis man har behov for det.</span></span></p> </div> <div class="mt-3"> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-0 self-auto " x-data="" dir="ltr"> <iframe allow="autoplay" frameborder="no" height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/838085371&color=%230061af&auto_play=false&hide_related=true&show_comments=false&show_user=false&show_reposts=false&show_teaser=false" width="100%"></iframe> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-4 px-4 md:my-4 md:px-4 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-4 px-0 md:px-4 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-primary1"><em>Oktober 2020</em></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-4 px-4 md:my-4 md:px-4 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-4 px-0 md:px-0 lg:px-4 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="6934f98f-4f67-47d8-baf0-ea9e52a5022e" class="contentGridItem--6934f98f-4f67-47d8-baf0-ea9e52a5022e contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--6934f98f-4f67-47d8-baf0-ea9e52a5022e py-0 md:py-0 lg:py-4 px-0 md:px-0 lg:px-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-0 self-auto primary2" x-data="" dir="ltr"> <div class="sharePage flex justify-start"> <div class="area flex flex-col justify-evenly"> <ul class="sharePage__socialList flex flex-wrap md:flex-nowrap"> <li> <button class="sharePage__button mr-2 w-10 h-10 rounded-2xl overflow-hidden flex justify-center items-center bg-icon bg-primary2 share_button focus:outline-none" data-icon="twitter" aria-label="twitter" > <svg class="w-6 h-6 sharePage__svg w-10 h-6 social__icon text-primary hover:text-invert fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/twitter.svg#twitter"></use> </svg> </button> </li> <li> <button class="sharePage__button mr-2 w-10 h-10 rounded-2xl overflow-hidden flex justify-center items-center bg-icon bg-primary2 share_button focus:outline-none" data-icon="facebook" aria-label="facebook" > <svg class="w-6 h-6 sharePage__svg w-10 h-6 social__icon text-primary hover:text-invert fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/facebook.svg#facebook"></use> </svg> </button> </li> </ul> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-5 lg:px-5 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 items-center self-auto bg-secondary7" x-data="" dir="ltr"> <section id="a8dec3f6-dbcf-494e-8cf7-aebf786d75a1" class="contentGridItem--a8dec3f6-dbcf-494e-8cf7-aebf786d75a1 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--a8dec3f6-dbcf-494e-8cf7-aebf786d75a1 py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-secondary7 relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="20a3e595-c178-4a32-8d41-f475e0937b2c" class="contentGridItem--20a3e595-c178-4a32-8d41-f475e0937b2c contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--20a3e595-c178-4a32-8d41-f475e0937b2c py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title text-title-2 font-title text-primary1">Anbefalede artikler</h2> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-4 md:px-8 lg:px-8 self-auto " x-data="" dir="ltr"> <hr style="height:2px;border-width:0;color:#737171;background-color:#737171"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-11/12 md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-4 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="1926818f-e34d-4aec-8775-2363bf7ebc52" class="contentGridItem--1926818f-e34d-4aec-8775-2363bf7ebc52 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--1926818f-e34d-4aec-8775-2363bf7ebc52 py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div class="contentList contentList__card px-0 md:px-0 lg:px-0 py-4 md:py-4 lg:py-4 self-auto"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5"> <div class="card card--communications h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent bg-bg-transparent"> <div class="card__cap"> <div class="card__cap--inner bg-white w-full flex-none relative card__"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.3.3-shutterstock_72233425-cmyk.jpg/jcr:content/1.3.3%20shutterstock_72233425%20cmyk.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.3.3-shutterstock_72233425-cmyk.jpg/jcr:content/1.3.3%20shutterstock_72233425%20cmyk.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.3.3-shutterstock_72233425-cmyk.jpg/jcr:content/1.3.3%20shutterstock_72233425%20cmyk.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.3.3-shutterstock_72233425-cmyk.jpg/jcr:content/1.3.3%20shutterstock_72233425%20cmyk.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="370" height="170" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.3.3-shutterstock_72233425-cmyk.jpg/jcr:content/1.3.3%20shutterstock_72233425%20cmyk.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.3.3-shutterstock_72233425-cmyk.jpg/jcr:content/1.3.3%20shutterstock_72233425%20cmyk.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="MSguiden - Sammen er vi st忙rkere " /> </picture> </div> </div> </div> <div class="card__body w-full z-10 flex flex-col flex-grow space-y-6 p-7"> <h3 class="card__body--title font-card text-title-5 text-default">Sammen er vi st忙rkere</h3> <div class="font-body rich-text text-sm text-default"><p><span class="text-body-3">Sammen er vi stærkere handler om at være pårørende til en MS-ramt. Her kan du læse om rollen som pårørende, om usynlige symptomer og om at håndtere de...</span></p> </div> </div> <div class="card__footer flex flex-col justify-end w-full"> <div class="card__footer--spacer mt-6"></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--outline text-center font-title overflow-hidden inline-block border text-body-4 border rounded-full border-solid text-center button-- " href="/lev-med-ms/sammen-er-vi-staerkere" target="_self" > L忙s mere </a> </div> </div> </div> </div> </div> <div class="card card--communications h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent bg-bg-transparent"> <div class="card__cap"> <div class="card__cap--inner bg-white w-full flex-none relative card__"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Havearbejde-shutterstock_417780244_0.jpg/jcr:content/Havearbejde%20shutterstock_417780244_0.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Havearbejde-shutterstock_417780244_0.jpg/jcr:content/Havearbejde%20shutterstock_417780244_0.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Havearbejde-shutterstock_417780244_0.jpg/jcr:content/Havearbejde%20shutterstock_417780244_0.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Havearbejde-shutterstock_417780244_0.jpg/jcr:content/Havearbejde%20shutterstock_417780244_0.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="370" height="170" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Havearbejde-shutterstock_417780244_0.jpg/jcr:content/Havearbejde%20shutterstock_417780244_0.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Havearbejde-shutterstock_417780244_0.jpg/jcr:content/Havearbejde%20shutterstock_417780244_0.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="MSguiden - Prioriter din energi " /> </picture> </div> </div> </div> <div class="card__body w-full z-10 flex flex-col flex-grow space-y-6 p-7"> <h3 class="card__body--title font-card text-title-5 text-default">Prioriter din energi</h3> <div class="font-body rich-text text-sm text-default"><p><span class="text-body-3">Når man har MS, er det vigtigt at prioritere sin energi, så man har kræfter til det, der er vigtigt – og så skal man lære at sige nej, når...</span></p> </div> </div> <div class="card__footer flex flex-col justify-end w-full"> <div class="card__footer--spacer mt-6"></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--outline text-center font-title overflow-hidden inline-block border text-body-4 border rounded-full border-solid text-center button-- " href="/hverdag-med-ms/familieliv/prioriter-din-energi" target="_self" > L忙s mere </a> </div> </div> </div> </div> </div> <div class="card card--communications h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-transparent bg-bg-transparent"> <div class="card__cap"> <div class="card__cap--inner bg-white w-full flex-none relative card__"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="370" height="170" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/Camping-shutterstock_298080230.jpg/jcr:content/Camping%20shutterstock_298080230.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="P氓 rejsem氓let med MS" /> </picture> </div> </div> </div> <div class="card__body w-full z-10 flex flex-col flex-grow space-y-6 p-7"> <h3 class="card__body--title font-card text-title-5 text-default">P氓 rejsem氓let med MS</h3> <div class="font-body rich-text text-sm text-default"><p><span class="text-body-3">Når man endelig er fremme på sin destination, er der også et par ting, der kan gøre opholdet mere behageligt. Her har vi samlet de bedste råd.</span></p> </div> </div> <div class="card__footer flex flex-col justify-end w-full"> <div class="card__footer--spacer mt-6"></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--outline text-center font-title overflow-hidden inline-block border text-body-4 border rounded-full border-solid text-center button-- " href="/hverdag-med-ms/rejs-med-ms/paa-rejsemaalet-med-ms" target="_self" > L忙s mere </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </main> <footer role="contentinfo"> <div id="e344fdb5-2c1d-467c-9597-1e5d07c563c4" class="contentGridItem--e344fdb5-2c1d-467c-9597-1e5d07c563c4 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--e344fdb5-2c1d-467c-9597-1e5d07c563c4 py-0 text-primary1 h-full animateImage bg-auto md:bg-auto lg:bg-center bg-repeat lg:bg-repeat bg-tertiary1 relative z-10 lazyload" data-bgset="/dam/jcr:846099ec-f213-41c5-8a79-4dc341a23393/Screenshot_1.png [(max-width: 767px)] | /dam/jcr:846099ec-f213-41c5-8a79-4dc341a23393/Screenshot_1.png" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-between items-stretch -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-1 lg:py-1"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full md:w-full lg:w-full self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-4 items-center self-center bg-transparent" x-data="" dir="ltr"> <div id="5e5598ff-599b-4b45-a519-59be8f71e471" class="contentGridItem--5e5598ff-599b-4b45-a519-59be8f71e471 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--5e5598ff-599b-4b45-a519-59be8f71e471 py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-9/12 lg:w-9/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-stretch self-center bg-transparent" x-data="" dir="ltr"> <div id="3e1cc84d-bfd3-4b31-9e82-11823ef674c6" class="contentGridItem--3e1cc84d-bfd3-4b31-9e82-11823ef674c6 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--3e1cc84d-bfd3-4b31-9e82-11823ef674c6 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-start items-stretch -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-4 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align:center"><span class="text-body-4"><span class="text-white"><a href="https://www.sanofi.com/da/danmark/kontakt-os">Kontakt os</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-4 px-4 md:px-0 lg:px-4 self-auto contentBlock flex flex-col text-center md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align:center"><span class="text-body-4"><span class="text-white"><a href="/node/29">Cookie-politik</a></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-4 px-0 md:px-0 lg:px-4 self-auto contentBlock flex flex-col text-center md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align:center"><a href="https://www.sanofi.dk/da/data-privacy"><span class="text-body-5"><span class="text-white">Databeskyttelsespolitik</span></span></a></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-4 px-4 md:px-4 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align:center"><span class="text-body-4"><span class="text-white"><a href="/node/27">Vilkår og betingelser</a></span></span></p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <div id="f439c6a8-60d9-4f3e-b58a-4d003afc7bab" class="contentGridItem--f439c6a8-60d9-4f3e-b58a-4d003afc7bab contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--f439c6a8-60d9-4f3e-b58a-4d003afc7bab py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto default" x-data="" dir="ltr"> <div class="sharePage flex justify-center"> <div class="area flex flex-col justify-evenly"> <ul class="sharePage__socialList flex flex-wrap md:flex-nowrap"> <li> <button class="sharePage__button mr-2 w-10 h-10 rounded-2xl overflow-hidden flex justify-center items-center bg-icon bg- share_button focus:outline-none" data-icon="twitter" aria-label="twitter" > <svg class="w-6 h-6 sharePage__svg w-10 h-6 social__icon text-primary hover:text-invert fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/twitter.svg#twitter"></use> </svg> </button> </li> <li> <button class="sharePage__button mr-2 w-10 h-10 rounded-2xl overflow-hidden flex justify-center items-center bg-icon bg- share_button focus:outline-none" data-icon="facebook" aria-label="facebook" > <svg class="w-6 h-6 sharePage__svg w-10 h-6 social__icon text-primary hover:text-invert fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/facebook.svg#facebook"></use> </svg> </button> </li> </ul> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> <div id="1c7c149c-6593-47a3-81ab-52d3237769b0" class="contentGridItem--1c7c149c-6593-47a3-81ab-52d3237769b0 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--1c7c149c-6593-47a3-81ab-52d3237769b0 py-0 text-primary1 h-full animateImage bg-white relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-4 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-between items-stretch -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-4 items-center self-auto bg-transparent" x-data="" dir="ltr"> <div id="901d2a3a-4cdd-49cf-8d5d-f6327f2f83cb" class="contentGridItem--901d2a3a-4cdd-49cf-8d5d-f6327f2f83cb contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--901d2a3a-4cdd-49cf-8d5d-f6327f2f83cb py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-between items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-6/12 lg:w-6/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-1">Denne webside er henvendt til borgere i Danmark.</span></p> <p>© 2024 Sanofi A/S. Alle rettigheder forbeholdes.<br /> MAT-DK-2200316v1.0/19.03.2024 - Senest opdateret marts 2024</p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-6/12 lg:w-2/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-0 md:px-4 lg:px-0 items-center self-center bg-transparent" x-data="" dir="ltr"> <div id="b3d0278e-6073-4d38-9e32-609706380293" class="contentGridItem--b3d0278e-6073-4d38-9e32-609706380293 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--b3d0278e-6073-4d38-9e32-609706380293 py-4 md:py-0 lg:py-0 px-0 md:px-4 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-1 md:py-1 lg:-mx-1 lg:py-1"> <div class="gridComponent flex flex-col my-0 px-0 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-0 lg:py-0 px-8 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.sanofi.com/en/your-health/specialty-care" rel='noopener' target="_self" title="" data-gtmSection="" data-gtmSubSection="" data-gtmElement="" class="font-title cursor-pointer block relative imageLink " > <span > <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:40e33648-4e57-479b-b942-c5223e015544/sanofi-logo_1.png 240w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:40e33648-4e57-479b-b942-c5223e015544/sanofi-logo_1.png 240w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="240" height="62" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:40e33648-4e57-479b-b942-c5223e015544/sanofi-logo_1.png 240w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </footer> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('77b8b2bd-a696-44a6-9a9c-be10bdee3182'); initState(false); validateStorage('', 'cookies'); " x-cloak> <div class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70 backdrop-filter backdrop-none" :class="{'hidden': !open, 'fixed': open}" @open-modal.window="if ($event.detail.id == '77b8b2bd-a696-44a6-9a9c-be10bdee3182') open = true, preventScroll()" @close-modal.window="open = false; restoreScroll()" @click.self="open = false, pauseVideo(), restoreScroll()" x-on:keydown.escape.window="open = false, pauseVideo(), restoreScroll()" > <div tabindex="-1" role="dialog" id="modal-77b8b2bd-a696-44a6-9a9c-be10bdee3182" data-id="77b8b2bd-a696-44a6-9a9c-be10bdee3182" data-gtmContext="other" aria-modal="true" class="leaveSitePrompt bg-white relative overflow-auto h-auto max-h-90vh px-4 py-12 mx-2 text-left shadow-xl w-full md:w-2/3 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 md:mx-0"> <button @click="open = false, pauseVideo(), restoreScroll()" @focus="open = true" class="close-modal-btn flex absolute top-2 right-3" aria-label="luk" type="button" > <span class="font-body text-default leading-none overflow-hidden text-3xl">脳</span> </button> <div class="text-center my-4"> <h3 class="font-title text-primary2 leaveSitePrompt__title text-2xl md:text-3xl font-extrabold mb-4">Du forlader nu MSguiden</h3> <div class="font-body text-black leaveSitePrompt__copy mb-4 mt-2 font-inherit"><p> </p> <p><span class="text-primary1"><span class="text-body-3">Du forlader nu MSguiden.dk Du forlader nu MSguiden, en hjemmeside under Sanofi. Sanofi gennemgår eller kontrollerer ikke indholdet af ikke-Sanofi hjemmesider, og dette hyperlink udgør ikke en godkendelse fra Sanofi af webstedets indhold. Sanofi's politik om fortrolighed gælder ikke for hjemmesider, som ikke er ejet af Sanofi.</span></span><br /> </p> </div> <div class="mt-4 text-center flex justify-around"> <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-4 border rounded-full border-solid close-modal-btn py-3 lg:py-3 font-semibold " href="#" @click="open = false;restoreScroll(); $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Bliv p氓 MSguiden`});" > Bliv p氓 MSguiden </a> <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-4 border rounded-full border-solid leaveSitePrompt__button py-3 lg:py-3 font-semibold " href="#" @click="open = false;restoreScroll();" > Forlad MSguiden </a> </div> </div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> <script type="text/json" class="leaveSitePrompt__data--77b8b2bd-a696-44a6-9a9c-be10bdee3182"> { "filterType": "blacklist", "list": [ "http://viewer.webproof.com/pageflip/347/145631/html5.html", "https://soundcloud.com/msguidendk", "https://soundcloud.com/msguidendk/soskende-til-ms-ramt", "https://www.sundhed.dk/borger/behandling-og-rettigheder/sygesikring-og-laegevalg/gratis-behandling-og-tilskud/psykologhjaelp/", "https://www.scleroseforeningen.dk/p%C3%A5r%C3%B8rendegrupper", "https://www.sundhed.dk/borger/behandling-og-rettigheder/sygesikring-og-laegevalg/gratis-behandling-og-tilskud/psykologhjaelp/", "https://www.scleroseforeningen.dk/p%C3%A5r%C3%B8rendegrupper", "https://www.scleroseforeningen.dk/p%C3%A5r%C3%B8rendegrupper", "http://viewer.webproof.com/pageflip/347/145621/html5.html#page/2-3", "https://soundcloud.com/msguidendk", "https://www.borger.dk/", "https://laegemiddelstyrelsen.dk/da/bivirkninger/bivirkninger-ved-medicin/meld-en-bivirkning", "https://www.spsu.dk/", "https://www.oceansofhope.org/", "https://www.su.dk/", "https://www.scleroseforeningen.dk/vaer-med/medlemstilbud", "https://www.sundhed.dk/borger/behandling-og-rettigheder/sygesikring-og-laegevalg/gratis-behandling-og-tilskud/psykologhjaelp/", "http://xn--nrmorellerfarbliversyg-o5b.dk/", "https://sorgcenter.dk/wp-signup.php?new=bornungesorg.dk", "https://bornetelefonen.dk/", "https://www.sundhed.dk/borger/behandling-og-rettigheder/sygesikring-og-laegevalg/gratis-behandling-og-tilskud/psykologhjaelp/", "https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.msguiden.dk%2Fom-ms%2Fhjerne-nervesystem-og-immunforsvar%2Fnervesystemet&status=Nervesystemet++https%3A%2F%2Fwww.msguiden.dk%2Fom-ms%2Fhjerne-nervesystem-og-immunforsvar%2Fnervesystemet", "http://www.facebook.com/share.php?u=https%3A%2F%2Fwww.msguiden.dk%2Fom-ms%2Fhjerne-nervesystem-og-immunforsvar%2Fnervesystemet&title=Nervesystemet+", "https://twitter.com/intent/tweet?text=Nervesystemet&url=https%3A%2F%2Fd2oyedqfxnniso.cloudfront.net%2Fmsguiden-dk%2Fom-ms%2Fhjerne-nervesystem-og-immunforsvar%2Fnervesystemet", "https://www.facebook.com/login.php?skip_api_login=1&api_key=966242223397117&signed_next=1&next=https%3A%2F%2Fwww.facebook.com%2Fsharer%2Fsharer.php%3Fkid_directed_site%3D0%26sdk%3Djoey%26u%3Dhttps%253A%252F%252Fd2oyedqfxnniso.cloudfront.net%252Fmsguiden-dk%252Fom-ms%252Fhjerne-nervesystem-og-immunforsvar%252Fnervesystemet%26display%3Dpopup%26ref%3Dplugin%26src%3Dshare_button&cancel_url=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fclose_window%2F%3Fapp_id%3D966242223397117%26connect%3D0%23_%3D_&display=popup&locale=en_US&kid_directed_site=0", "https://twitter.com/intent/tweet?text=Nervesystemet&url=https%3A%2F%2Fd2oyedqfxnniso.cloudfront.net%2Fmsguiden-dk%2Fom-ms%2Fhjerne-nervesystem-og-immunforsvar%2Fnervesystemet%3FmgnlPreview%3Dfalse%26mgnlChannel%3Ddesktop", "https://www.facebook.com/login.php?skip_api_login=1&api_key=966242223397117&signed_next=1&next=https%3A%2F%2Fwww.facebook.com%2Fsharer%2Fsharer.php%3Fkid_directed_site%3D0%26sdk%3Djoey%26u%3Dhttps%253A%252F%252Fd2oyedqfxnniso.cloudfront.net%252Fmsguiden-dk%252Fom-ms%252Fhjerne-nervesystem-og-immunforsvar%252Fnervesystemet%26display%3Dpopup%26ref%3Dplugin%26src%3Dshare_button&cancel_url=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fclose_window%2F%3Fapp_id%3D966242223397117%26connect%3D0%23_%3D_&display=popup&locale=en_US&kid_directed_site=0", "https://viewer.webproof.com/pageflip/347/226641/html5.html", "https://soundcloud.com/msguidendk", "https://xnet.dkma.dk/indlaegsseddel/leaflets/leaflets.faces", "https://www.sst.dk/da/Viden/Vaccination/Influenzavaccination/Tilbud-om-vaccination-til-risikogrupper", "https://www.apoteket.dk/", "https://dronningensferieby.dk/", "https://www.ema.europa.eu/en", "https://xnet.dkma.dk/indlaegsseddel/leaflets/leaflets.faces", "https://www.facebook.com/login.php?skip_api_login=1&api_key=966242223397117&signed_next=1&next=https%3A%2F%2Fwww.facebook.com%2Fshare.php%3Fu%3Dhttps%253A%252F%252Fwww.msguiden.dk%252Fhverdag-med-ms%252Farbejdsliv%26title%3DArbejdsliv%2B&cancel_url=https%3A%2F%2Fwww.facebook.com%2Fdialog%2Fclose_window%2F%3Fapp_id%3D966242223397117%26connect%3D0%23_%3D_&display=popup&locale=en_US", "https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms%2Farbejdsliv&status=Arbejdsliv++https%3A%2F%2Fwww.msguiden.dk%2Fhverdag-med-ms%2Farbejdsliv", "https://soundcloud.com/msguidendk/partner", "https://issuu.com/sanofi5/docs/49966_sanofi_coping_b_rn/2", "https://podcasts.apple.com/dk/podcast/msguiden-dk/id1515300454?l=da", "https://open.spotify.com/show/474TmmddxjdsPHpK1DFqXg?si=0S90LupzRkKxWs5tM99lqA&nd=1", "https://issuu.com/sanofi5/docs/sanofi_genzyme_coping_dk_a4", "https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5idXp6c3Byb3V0LmNvbS8xMzY4OTAxLnJzcw?sa=X&ved=0CAMQ4aUDahcKEwiogN-M2JHwAhUAAAAAHQAAAAAQAQ", "https://www.sclerose.info/", "https://www.regioner.dk/", "https://www.nationalmssociety.org/NationalMSSociety/media/MSNationalFiles/Research/Genetics-Environment.pdf", "https://handicap.dk/", "https://soundcloud.com/msguidendk", "https://issuu.com/sanofidanmark/docs/52599_coping_brochure_teenager_bladrevenlig_versio" ] } </script> <script src="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/common~2025-03-14-18-14-54-000~cache.js" async></script> <script src="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/pages/DefaultPage~2025-03-14-18-14-54-000~cache.js" async></script> </body> </html>