MS-sygeplejerske fort忙ller om hjernesund livsstil

<!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": "MS-sygeplejerske fort忙ller om hjernesund livsstil", "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>MS-sygeplejerske fort忙ller om hjernesund livsstil | MSguiden</title> <meta name="title" content="MS-sygeplejerske fort忙ller om hjernesund livsstil | MSguiden | MSguiden" /> <meta name="description" content="MS-sygeplejerske Mette Topp fort忙ller her om sit arbejde med at hj忙lpe patienter med multipel sclerose til at leve en hjernesund livsstil og p氓 den m氓de forbedre deres livskvalitet." /> <meta name="algo:security" content="UNLOCKED" /> <meta name="algo:id" content="6914302e-a7b4-4a84-9b5e-64709f71e060_da-DK" /> <meta name="algo:categories" content="forstaa-hvad-der-sker-i-hjernen-ved-ms" /> <meta name="algo:roles" content="" /> <meta property="og:type" content="Content page" /> <meta property="og:title" content="MS-sygeplejerske fort忙ller om hjernesund livsstil" /> <meta property="og:description" content="MS-sygeplejerske Mette Topp fort忙ller her om sit arbejde med at hj忙lpe patienter med multipel sclerose til at leve en hjernesund livsstil og p氓 den m氓de forbedre deres livskvalitet." /> <meta property="og:url" content="https://www.msguiden.dk/hverdag-med-ms/hold-dig-i-form/ms-sygeplejerske-fortaeller-om-hjernesund-livsstil" /> <meta property="og:image:secure_url" content="https://www.msguiden.dk/dam/jcr:3d7fab76-b4af-419a-8cf5-cb7c0a9e4027/MSguiden.jpg.webp" /> <meta property="og:image" content="https://www.msguiden.dk/dam/jcr:3d7fab76-b4af-419a-8cf5-cb7c0a9e4027/MSguiden.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/hold-dig-i-form/ms-sygeplejerske-fortaeller-om-hjernesund-livsstil" /> <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/hold-dig-i-form/ms-sygeplejerske-fortaeller-om-hjernesund-livsstil" /> <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/hold-dig-i-form", "name": "Hold dig i form" } }, { "@type": "ListItem", "position": "4", "item": { "@id": "https://www.msguiden.dk/hverdag-med-ms/hold-dig-i-form/ms-sygeplejerske-fortaeller-om-hjernesund-livsstil", "name": "MS-sygeplejerske fort忙ller om hjernesund livsstil" } }, { "@type": "ListItem", "position": "5", "item": { "@id": "https://www.msguiden.dk/hverdag-med-ms/hold-dig-i-form/ms-sygeplejerske-fortaeller-om-hjernesund-livsstil", "name": "MS-sygeplejerske fort忙ller om hjernesund livsstil" } } ] } </script> <style> .header__navSimple ul li ul { width: 230px; } @media only screen and (max-width: 1024px) { .header__navSimple ul li ul { width: 100%; } } </style>  <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>  </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 bg-default text-default active 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 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 bg-default text-default active 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 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/hold-dig-i-form" class="flex items-center"> <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-size-default">Hold dig i form</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">MS-sygeplejerske fort忙ller om hjernesund livsstil</span> </li> </ul> </div> </nav> <main role="main" id="main" class="relative flex-1" > <section id="078469e9-8c61-4c3f-90c0-6811ff2e99e7" class="contentGridItem--078469e9-8c61-4c3f-90c0-6811ff2e99e7 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--078469e9-8c61-4c3f-90c0-6811ff2e99e7 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="ea60c068-170f-44bf-80ac-472e9192da85" class="contentGridItem--ea60c068-170f-44bf-80ac-472e9192da85 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--ea60c068-170f-44bf-80ac-472e9192da85 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="3287776f-a129-49d3-9988-5a3cc57b16fb" class="contentGridItem--3287776f-a129-49d3-9988-5a3cc57b16fb contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--3287776f-a129-49d3-9988-5a3cc57b16fb 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: '0baf2f7b-531f-489d-bd0f-8f78a26a2a9d', 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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(1)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--107698ab-e407-4799-975c-54680d7ede7b" 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--107698ab-e407-4799-975c-54680d7ede7b" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_107698ab-e407-4799-975c-54680d7ede7b" > <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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(2)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--14869443-4008-48db-85c5-5718aff86969" 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--14869443-4008-48db-85c5-5718aff86969" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_14869443-4008-48db-85c5-5718aff86969" > <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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(3)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--c438b021-56e6-4589-9a01-1a710145fed2" 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--c438b021-56e6-4589-9a01-1a710145fed2" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_c438b021-56e6-4589-9a01-1a710145fed2" > <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;strong&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;/strong&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(4)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--375d3658-0d53-4881-befc-5f27baa34f0a" 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><strong><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></strong></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--375d3658-0d53-4881-befc-5f27baa34f0a" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_375d3658-0d53-4881-befc-5f27baa34f0a" > <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><strong><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></strong></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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(5)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--97f515dd-88f3-44b3-8c62-60e13f8e7637" 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--97f515dd-88f3-44b3-8c62-60e13f8e7637" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_97f515dd-88f3-44b3-8c62-60e13f8e7637" > <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-primary2&quot;&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;/span&gt;&lt;/p&gt;', gtmContext: 'other', })" @accordions-toggle.window=" if($event.detail.targetID == 'accordions-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(6)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--d1ca84d4-162a-41c8-a237-849018e5f68c" 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/rejs-med-ms">Rejs med MS</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--d1ca84d4-162a-41c8-a237-849018e5f68c" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_d1ca84d4-162a-41c8-a237-849018e5f68c" > <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/rejs-med-ms/inden-rejse-med-ms">Inden 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/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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(7)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--95d60359-f853-4b74-a743-b7b93dd1cfeb" 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--95d60359-f853-4b74-a743-b7b93dd1cfeb" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_95d60359-f853-4b74-a743-b7b93dd1cfeb" > <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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(8)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--11b3f510-1a8e-46ad-a26c-65327967c9d3" 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--11b3f510-1a8e-46ad-a26c-65327967c9d3" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_11b3f510-1a8e-46ad-a26c-65327967c9d3" > <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-0baf2f7b-531f-489d-bd0f-8f78a26a2a9d' && showItem(9)) { toggle($event.detail.action) } " class="accordionContainer" > <button aria-controls="accordion__content--661659e6-19d8-4c6a-bc4a-25db3b4a2151" 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--661659e6-19d8-4c6a-bc4a-25db3b4a2151" class="accordion__content relative overflow-hidden transition-all duration-500" :class="open ? 'block' : 'hidden'" x-ref="accordion_661659e6-19d8-4c6a-bc4a-25db3b4a2151" > <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="e514c219-9464-46be-b0cf-80fb1d5399f6" class="contentGridItem--e514c219-9464-46be-b0cf-80fb1d5399f6 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--e514c219-9464-46be-b0cf-80fb1d5399f6 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="be1b38a1-d6df-44fe-a20b-2bd484922bc5" class="contentGridItem--be1b38a1-d6df-44fe-a20b-2bd484922bc5 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--be1b38a1-d6df-44fe-a20b-2bd484922bc5 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">MS-sygeplejerske fort忙ller om hjernesund livsstil</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 md:w-10/12 lg:w-10/12 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:3d7fab76-b4af-419a-8cf5-cb7c0a9e4027/MSguiden.jpg.webp" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3d7fab76-b4af-419a-8cf5-cb7c0a9e4027/MSguiden.jpg.webp" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:3d7fab76-b4af-419a-8cf5-cb7c0a9e4027/MSguiden.jpg.webp" class="w-full lazyload " data-sizes="auto" alt="Kvinde l忙ser bog ved mole" /> </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-0 lg:py-0 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>MS-sygeplejerske Mette Topp fortæller her om sit arbejde med at hjælpe patienter med multipel sclerose til at leve en hjernesund livsstil og på den måde forbedre deres livskvalitet.</strong></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-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="71fe1ec6-3440-4ad2-b391-72a8d0f5c5a5" class="contentGridItem--71fe1ec6-3440-4ad2-b391-72a8d0f5c5a5 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--71fe1ec6-3440-4ad2-b391-72a8d0f5c5a5 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-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="rich-text mt-3 text-base font-body"> <p><span class="text-body-3"><span class="text-primary1"><em>"En sund hjerne øger livskvaliteten"</em>, så kort kan det faktisk siges, hvis man spørger MS-sygeplejerske Mette Topp fra MS-klinikken på Aalborg Universitetshospital. Mette arbejder hver dag med mennesker med MS, og hun oplever, at en samtale om hjernesundhed kan give patienterne et stort mentalt løft.</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 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 self-auto bg-transparent" x-data="" dir="ltr"> <section id="adb688d8-23f0-4581-a75d-8104194f277d" class="contentGridItem--adb688d8-23f0-4581-a75d-8104194f277d contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--adb688d8-23f0-4581-a75d-8104194f277d 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 max-w-full mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap "> <div class="gridComponent flex flex-col w-full md:w-7/12 lg:w-7/12 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 items-center self-auto default" x-data="" dir="ltr"> <section id="fcfce07a-9d5a-4a15-9cfe-178b3e23d335" class="contentGridItem--fcfce07a-9d5a-4a15-9cfe-178b3e23d335 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--fcfce07a-9d5a-4a15-9cfe-178b3e23d335 py-0 md:py-0 lg:py-0 px-4 md:px-8 lg:px-8 text-primary h-full animateImage default relative z-10"> <div class="ContentGrid container max-w-full mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center "> <div class="gridComponent flex flex-col 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-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="/dam/jcr:6d95765f-5be0-455f-a56f-df77b2daa6fa/Mette%20Topp%202.jpg" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:6d95765f-5be0-455f-a56f-df77b2daa6fa/Mette%20Topp%202.jpg" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1594" height="2136" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:6d95765f-5be0-455f-a56f-df77b2daa6fa/Mette%20Topp%202.jpg" class="w-full lazyload " data-sizes="auto" alt="Portr忙tfoto af MS-sygeplejerske, Mette Topp" /> </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 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-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"><em>MS-sygeplejerske, Mette Topp</em></span></span></p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col 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">Det er vigtigt at holde sin hjerne sund for at modvirke det naturlige tab af hjernevæv, som alle mennesker oplever med alderen. Forskning har vist, at tabet af hjernevæv, som også kaldes hjerneatrofi, går lidt hurtigere hos mennesker, der har MS. For at forsinke processen anbefales det derfor at leve en hjernesund livsstil.</span></span></p> <p><span class="text-body-3"><span class="text-primary1"><em>"For det første, er der mange, der bliver glade over at få en forklaring på de symptomer, de måske har oplevet gennem længere tid."</em>  Symptomerne, Mette taler om, kan fx være den overvældende sclerosetræthed, fatigue, eller det kan være kognitive udfordringer, der generer dem i hverdagen, og som fx kan vise sig i form af manglende fokus eller koncentrationsbesvær. </span></span></p> <p><span class="text-body-3"><span class="text-primary1"><em>"Og når jeg så fortæller, at man, faktisk med en lille daglig indsats, selv kan gøre noget for at forbedre sin generelle hjernesundhed - jamen, det er da noget, som patienter rigtig gerne vil høre"</em>, smiler Mette.</span></span></p> <p><span class="text-body-3"><span class="text-primary1">Mette fortæller, at de små ting i hverdagen, som kan hjælpe med at holde hjernen sund, bl.a. handler om:</span></span></p> <ul> <li><span class="text-body-3"><span class="text-primary1">At være aktiv hver dag - selv få minutters fysisk aktivitet kan have en stor indflydelse på energien</span></span></li> <li><span class="text-body-3"><span class="text-primary1">At udfordre sig selv og holde hjernen i gang med små udfordringer som fx at løse kryds-og-tværs, sudoku, eller andre kreative aktiviteter som fx at tegne, strikke eller læse</span></span></li> <li><span class="text-body-3"><span class="text-primary1">At bryde rutinerne og klare hverdagsopgaver på en ny måde, fx spise et par mundfulde aftensmad med lukkede øjne, børste tænder med den 'forkerte' hånd, gå baglæns rundt om spisebordet eller tage en anden rute hjem fra supermarkedet end man plejer</span></span></li> </ul> <p><span class="text-body-3"><span class="text-primary1">Hjernen danner nye forbindelser, når den bliver udfordret på rutinerne, og det er med til at holde den i god form. </span></span></p> <p><span class="text-body-3"><span class="text-primary1"><em>"For mange er det en øjenåbner, at der ikke skal mere til"</em>, fortæller Mette og påpeger en anden fordel ved den hjernesunde livsstil: <em>"Hjernesund livsstil er jo også generelt sundt for kroppen - MS eller ej"</em>.</span></span></p> <p><span class="text-body-3"><span class="text-primary1">Når Mette taler med patienter, er hjernesundhed som regel et emne, der dukker op i forbindelse med en mere konkret udfordring, som patienten oplever i hverdagen. De konkrete udfordringer kan fx være hukommelsesbesvær eller besvær med at holde fokus i længere tid.</span></span></p> <p><span class="text-body-3"><span class="text-primary1"><em>"Mange af de patienter, jeg ser i klinikken, er jo aktive mennesker, der har et travlt arbejdsliv, dyrker sport og passer familie, børn og venner, når de har fri. Og pludselig oplever de, at de ikke længere kan holde lige så mange bolde i luften på samme tid, som de er vant til,"</em> fortæller Mette. </span></span></p> <p><span class="text-body-3"><span class="text-primary1"><em>"Så tager vi en snak om, hvad små ændringer i hverdagen kan gøre i forhold til hjernesundhed - så mit bedste tip er at få de små udfordringer ind i hverdagen og huske at tage mentale hvil"</em>, smiler hun og runder af: <em>"Selv en lille indsats kan gøre en stor forskel på livskvaliteten."</em></span></span></p> <p><span class="text-body-3"><span class="text-primary1">Ud over de små ændringer i de daglige rutiner, handler en hjernesund livsstil også om de måske lidt mere udfordrende ting som at holde op med at ryge, begrænse alkoholindtaget, spise sundt og undgå overvægt.</span></span></p> <p><span class="text-body-3"><span class="text-primary1">Endelig er det vigtigt at følge lægens anvisninger og tage sin medicin – både sin MS-medicin og anden medicin, hvis man er i behandling for andre sygdomme. Dette er også med til at holde hjernen sund og forebygge tab af hjernevæv. </span></span></p> <p><span class="text-body-3"><em><span class="text-secondary2"><u><a href="/lev-med-ms/vaelg-en-hjernesund-livsstil">Læs også vores opdaterede brochure "Hjernesundhed og multipel sclerose (MS)" via dette link.</a></u> </span></em></span><br /> <span class="text-body-3"><em><span class="text-primary1">Brochuren uddyber, hvordan man kan leve en hjernesund livsstil og fortæller mere om, hvad der sker i hjernen når man har MS.</span></em></span></p> </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-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="rich-text mt-3 text-base font-body"> <p><span class="text-primary1"><span class="text-body-5"><em>Maj 2021</em></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 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 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" @click=" $dispatch('track-event', { 'event': 'share', 'name': document.getElementsByTagName('title')[0].innerText, 'author': '', 'tags': 'forstaa-hvad-der-sker-i-hjernen-ved-ms', 'publication_date': '', 'interaction_type': 'content', 'method': '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" @click=" $dispatch('track-event', { 'event': 'share', 'name': document.getElementsByTagName('title')[0].innerText, 'author': '', 'tags': 'forstaa-hvad-der-sker-i-hjernen-ved-ms', 'publication_date': '', 'interaction_type': 'content', 'method': '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="5cf83496-573f-4052-8958-c5cb6ebccfa9" class="contentGridItem--5cf83496-573f-4052-8958-c5cb6ebccfa9 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--5cf83496-573f-4052-8958-c5cb6ebccfa9 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="f18f11cf-d628-46ac-8e5e-2d2c066c56d1" class="contentGridItem--f18f11cf-d628-46ac-8e5e-2d2c066c56d1 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--f18f11cf-d628-46ac-8e5e-2d2c066c56d1 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="c8b80bd5-e540-4584-88e3-34c1320743cc" class="contentGridItem--c8b80bd5-e540-4584-88e3-34c1320743cc contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--c8b80bd5-e540-4584-88e3-34c1320743cc 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.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.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.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.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.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="Forst氓 hvad der sker i hjernen ved 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">Forst氓, hvad der sker i hjernen ved MS</h3> <div class="my-2 text-base text-default font-normal">4. september 2022</div> <div class="font-body rich-text text-sm text-default"><p><span class="text-body-3">Introduktion til hjerneatrofi (hjernesvind) ved MS. Hjerneatrofi er en almindelig del af sygdomsbilledet ved multipel sclerose (MS) og kan opstå...</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="/om-ms/hjerne-nervesystem-og-immunforsvar/forstaa-hvad-der-sker-i-hjernen-ved-ms" 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/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/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.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.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.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.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 767w, /.imaging/webp/sanofi-platform/imgAutox300/dam/msguiden-dk/thumbnail/1.1.2-shutterstock_266789528.jpg/jcr:content/1.1.2%20shutterstock_266789528.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="L忙ge og patient ser p氓 scanningsbilleder " /> </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">V忙lg en hjernesund livsstil</h3> <div class="font-body rich-text text-sm text-default"><p><span class="text-body-3">Læs om at leve en hjernesund livsstil med MS i denne brochure.</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/vaelg-en-hjernesund-livsstil" 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> <div x-init=" $nextTick(() => $dispatch('track-event', { 'event': 'article_read', 'name': 'MS-sygeplejerske fort忙ller om hjernesund livsstil', 'author': 'amusa', 'tags': 'forstaa-hvad-der-sker-i-hjernen-ved-ms', 'publication_date': '2022-07-14', 'interaction_type': 'content', })) "></div> </body> </html>

CINXE.COM

MS-sygeplejerske fort忙ller om hjernesund livsstil | MSguiden