Etusivu Atooppinen.fi | Atooppinen.fi

<!DOCTYPE html> <html lang="fi-FI" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=atooppinen-fi"> <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", "brand": "Unbranded", "gbu": "GBU - Specialty care", "region": "emea", "country": "finland", "target": "consumers / patients", "indication": "cross-indications", "franchise": "DUPIXENT", "therapeutic_area": "", "platform": "magnolia", "language": "fi", "pageName": "Etusivu Atooppinen.fi", "page_type": "", "device": device, "branding": "unbranded", "target": "consumers / patients", }); </script>  <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="ed6cd9a9-daad-404f-bfae-58a1bae57422" ></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-W77MQ9M'); </script> <title>Etusivu Atooppinen.fi | Atooppinen.fi - Sanofi</title> <meta name="title" content="Etusivu Atooppinen.fi | Atooppinen.fi - Sanofi" /> <meta name="description" content="Atoppinen.fi on tietopankkisi atooppisista sairauksista. Tarkista oireesi ja lue kuinka se on muille. Tervetuloa jakamaan tietoa." /> <meta name="algo:security" content="UNLOCKED" /> <meta name="algo:id" content="38bf4f92-5d12-40a3-8656-fe3663df0878_fi-FI" /> <meta name="algo:categories" content="" /> <meta name="algo:roles" content="" /> <meta property="og:title" content="Atooppinen.fi" /> <meta property="og:description" content="Atoppinen.fi on tietopankkisi atooppisista sairauksista. Tarkista oireesi ja lue kuinka se on muille. Tervetuloa jakamaan tietoa." /> <meta property="og:url" content="https://www.atooppinen.fi/" /> <meta property="og:site_name" content="| Atoppinen.fi Sanofista" /> <meta property="og:locale" content="fi_FI" /> <meta property="og:locale:alternate" content="" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://www.atooppinen.fi/" /> <link rel="icon" sizes="16x16" href="/dam/jcr:23769a94-ad12-458c-a9d0-e407cdd033a9/favicon.ico" type="image/png" /> <link rel="canonical" href="https://www.atooppinen.fi" /> <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.atooppinen.fi/", "name": "Etusivu Atooppinen.fi" } } ] } </script> <style> #tns2-mw { height: auto !important; } button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls { top: 80px; } a.button.button--secondary.text-center.font-title.overflow-hidden.inline-block.border.text-body-3.border.rounded-full.border-solid.w-full.text-center { white-space: nowrap; } @media only screen and (max-width: 1279px) { button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls{ top: 95px; } } @media only screen and (max-width: 1024px) { button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls{ top: 80px; } .background--8d52d814-974c-4b3d-b875-2c385493cf27 { margin-top:80px; } } @media only screen and (max-width: 899px) { .background--8d52d814-974c-4b3d-b875-2c385493cf27 { margin-top:20px; } } @media only screen and (max-width: 767px) { button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls{ top: 68px; } } @media only screen and (max-width: 639px) { button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls{ top: 80px; } } @media only screen and (max-width: 580px) { button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls{ top: 74px; } } @media only screen and (min-width: 1025px) { a.button.button--default.text-center.font-title.overflow-hidden.inline-block.border.text-body-3.border.rounded-full.border-solid.w-full.text-center { padding: 7px 25px; } } a.button.button--default.text-center.font-title.overflow-hidden.inline-block.border.text-body-3.border.rounded-full.border-solid.w-full.text-center { white-space: nowrap; } @media only screen and (max-width: 580px) { .carousel .tns-ovh { padding-bottom: 0px; height: auto; } #tns1-mw .container { max-width: 74.211vw; margin: auto; } #tns1-mw .container h2 { font-size: 3.158vw; margin:auto; } #tns1-mw .container a { font-size: 3.158vw; width: auto; padding: 5px 10px; } button.carousel__controls--next.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.right-4.carousel__innerControls, button.carousel__controls--prev.transform.-translate-y-12.bg-white.text-primary1.w-8.h-8.rounded-full.absolute.top-2\/4.left-4.carousel__innerControls { height: 5.614vw; width: 5.614vw; } } @media only screen and (min-width: 768px) and (max-width: 830px) { #tns1-mw .container { max-width: 720px; } } @media only screen and (min-width: 640px) and (max-width: 767px) { #tns1-mw .container { max-width: 530px; } } @media only screen and (min-width: 1280px) and (max-width: 1335px) { #tns1-mw .container { padding-right: 15px; } } @media only screen and (min-width: 1025px) and (max-width: 1082px) { #tns1-mw .container { padding-right: 15px; } } .background--fa7189bf-497b-4f24-a595-2977df062fd8 #atopikerquizcontainer .splash, .background--fa7189bf-497b-4f24-a595-2977df062fd8 #atopikerquizcontainer { height: 100%; } </style>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '518852520075607'); fbq('track', 'PageView'); </script>  <script type="text/javascript"> window.woorankAssistantOptions = window.woorankAssistantOptions || {}; window.woorankAssistantOptions.url = 'atooppinen.fi'; window.woorankAssistantOptions.assistantPublicKey = 'a50645bec0cec133e7c5721a0a9912c1'; (function() { var wl = document.createElement('script'); wl.type = 'text/javascript'; wl.async = true; wl.src = 'https://assistant.woorank.com/hydra/assistantLoader.latest.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wl, s); })(); </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-W77MQ9M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=518852520075607&ev=PageView&noscript=1" /></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">Skip to main content</a> <div x-data="stickyHeader" @resize.window.throttle="setHeaderTop" class="endorsementBar bg-white z-30 top-0 border-b-2 lg:border-b-0 block relative lg:relative"> <div class="mx-auto w-full flex justify-between items-center content-center p-4" x-data=""> <p class="text-black visible md:visible lg:visible font-body text-xs pr-4"></p> <div x-data='' class=""> <a href="https://www.sanofi.fi/" class="" target="_blank" title="Sanofi.fi" @click="$dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'navigation', 'section': 'header', 'sub_section': 'endorsement_bar', 'element': 'logo', 'context': 'other' }) ;" target="_blank" > <img role="banner" class="Image max-h-4" src="/dam/jcr:5d52b1dd-0ca4-4172-bf0d-25cd235d7d2a/Sanofi_Logo_340px.png" alt="Sanofi"> </a> </div> </div> </div> <header class="z-40 sticky top-0 lg:top-0" role="banner"> <script type="text/javascript"> document.addEventListener("alpine:init", () => { Alpine.data("nav", () => ({ next: "", depth: 0, showSkip: false, activeNav: "", nextElement: null, currentNavItem: null, nextNavItem: null, currentSubNav: null, nextSubNavItem: null, setNextSkipText(e) { const elem = e.target; if (!elem) return; const nextElement = elem.nextElementSibling; this.currentNavItem = elem; this.nextNavItem = nextElement; if (nextElement && nextElement.dataset) { this.nextElement = nextElement; this.next = nextElement.dataset.linkText; } else { this.nextElement = null; this.next = ""; } }, setSkipLink(e) { this.showSkip = true; const elem = e.target; const isShiftTabPressed = e.shiftKey && e.which === 9; const isNavItemLink = elem.classList.contains("nav__item"); const isFirstSubNavItemLink = elem.classList.contains("subNav__firstItem"); if (isNavItemLink) { // shift + tab or last nav link if (isShiftTabPressed || !this.nextNavItem) return; e.preventDefault(); this.focusNextTabbableElement(elem); } else if (isFirstSubNavItemLink && isShiftTabPressed) { this.setNextSkipText(this.currentNavItem); } }, skipItemLink(e) { const elem = e.target; const isShiftTabPressed = e.shiftKey && e.which === 9; if (isShiftTabPressed) { e.preventDefault(); let navListItem = elem.parentNode.previousElementSibling; if (navListItem && navListItem.classList.contains("subNav__title")) { navListItem = navListItem.previousElementSibling; if (navListItem.classList.contains("subNav__skipListItem")) { const isFirstSubNav = navListItem.dataset.depth === 0; if (isFirstSubNav) { if (this.nextNavItem) { this.next = this.nextNavItem.dataset.linkText; } } else { if (this.nextSubNavItem) { this.next = this.nextSubNavItem.dataset.linkText; } } } } if (!navListItem) { this.focusNextElement(); } else { this.focusNextTabbableElement(navListItem); } } }, skipSubNavButton(e) { const elem = e.target; const nextListItem = elem.parentNode.nextElementSibling; const isShiftTabPressed = e.shiftKey && e.which === 9; const isSubNavItemNextButton = elem.classList.contains( "subNav__itemNextButton" ); if (isShiftTabPressed && isSubNavItemNextButton) { elem.previousElementSibling.focus(); } else if (!nextListItem) { this.focusNextElement(); } else { e.preventDefault(); const nextTabElem = elem.parentNode.nextElementSibling.querySelector(".subNav__itemLink"); if (nextTabElem) nextTabElem.focus(); } }, setSkipSubNavButton(e) { const elem = e.target; const nextSubNavItem = e.target.parentNode.nextElementSibling; this.nextSubNavItem = nextSubNavItem; this.currentSubNav = elem.nextElementSibling; if (nextSubNavItem) { this.nextElement = nextSubNavItem.querySelector(".subNav__itemLink"); this.next = nextSubNavItem.dataset.linkText; } else { const nextNavItem = this.currentNavItem.nextElementSibling; if (nextNavItem && nextNavItem.dataset) { this.next = nextNavItem.dataset.linkText; } else { this.next = ""; } } this.focusNextTabbableElement(this.currentSubNav); }, focusNextTabbableElement(container) { // waits for DOM to update setTimeout(function () { const nextTabElem = container.querySelector( "[tabindex]:not([disabled]):not([tabindex='-1'])" ); if (!nextTabElem) return; nextTabElem.focus(); }, 50); }, focusNextElement() { if (this.depth < 0) { this.depth = 0; } this.nextElement.focus(); }, get skipToNextLinkText() { if (this.next === "") return ""; return "Skip to " + this.next; }, })); }); </script> <nav role="navigation" class="relative nav bg-white text-primary1 border-b z-30 top-0 sticky w-full h-auto lg:min-h-24" aria-label="menu" x-data="nav" @setActiveNav="activeNav=$event.detail.id" @isActiveNav="activeNav == $event.detail.id" > <div class="mx-auto container px-4 lg:px-0"> <div class="nav__desktop lg:flex hidden md:items-center"> <a href="/" class="nav__inner ml-0 py-2 md:py-4 " data-gtmSubSection="logo" data-gtmElement="logo"> <img width="640" height="82" class="Image nav__logo max-w-60 max-h-15 md:block h-auto pr-2" src="/dam/jcr:2b14995e-2c16-4ab4-ba92-bb6b872e192c/logo-atopiker-fi.png" alt="Atooppinen.fi logo"> </a> <div class="nav__left pt-0 md:pt-2 justify-center flex ml-12 w-full" @mouseout.outside="$dispatch('setActiveNav', { id: '' })" > <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="Etusivu" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '1e019b61-101b-4efa-962a-beb3a11f24a8' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '1e019b61-101b-4efa-962a-beb3a11f24a8' }) }" > <a href="/" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Etusivu' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text-primary1 border-b hover:border-primary1 border-primary1 group-hover:border-primary1"> Etusivu </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="Tyypin 2 tulehdus" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '910bffc2-cf81-4c39-9390-d322d1c4da2b' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '910bffc2-cf81-4c39-9390-d322d1c4da2b' }) }" > <a href="/tyypin-2-tulehdus" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Tyypin 2 tulehdus' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text-primary1 border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Tyypin 2 tulehdus </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="Atooppiset sairaudet" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '111ded07-8abd-4c4d-bf28-9cff4977050a' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '111ded07-8abd-4c4d-bf28-9cff4977050a' }) }" > <div tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Atooppiset sairaudet' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8 hover:no-underline"> <span class="hover:text-primary1 border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Atooppiset sairaudet </span> </div> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppiset sairaudet </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <div tabindex="0" target="_self" class=" hover:no-underline"> Atooppiset sairaudet </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen ihottuma"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppinen ihottuma </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Mitä on atooppinen ihottuma?"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/mita-on-atooppinen-ihottuma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Mitä on atooppinen ihottuma? </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen ihottuma nuorella"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma nuorella </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppinen ihottuma nuorella </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma nuorella </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Asiaa ihotautihoitajalta"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Asiaa ihotautihoitajalta </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen ihottuma lapsilla"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-lapsilla" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma lapsilla </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppinen ihottuma lapsilla </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-lapsilla" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma lapsilla </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Vinkkejä vanhemmille"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-lapsilla/vinkkeja-vanhemmille" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Vinkkejä vanhemmille </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa atooppisen ihottuman oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Testaa atooppisen ihottuman oireesi </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Testaa atooppisen ihottuman oireesi </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Testaa atooppisen ihottuman oireesi </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppisen ihottuman oiretesti"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi/poem-oiretesti" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppisen ihottuman oiretesti </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Diagnoosi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/diagnoosi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Diagnoosi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Ihottuma ja muut ihosairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Ihottuma ja muut ihosairaudet </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Ihottuma ja muut ihosairaudet </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Ihottuma ja muut ihosairaudet </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Tavallisimmat ihosairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet/tavallisimmat-ihosairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Tavallisimmat ihosairaudet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Ihottumatyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet/ihottumatyypit" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Ihottumatyypit </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Itsehoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/itsehoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Itsehoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Lääkehoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/laakehoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Lääkehoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kysymyksiä ja vastauksia"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/kysymyksia-ja-vastauksia" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Kysymyksiä ja vastauksia </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Elämää atooppisen ihottuman kanssa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Elämää atooppisen ihottuman kanssa </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Elämää atooppisen ihottuman kanssa </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Elämää atooppisen ihottuman kanssa </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="#HuomaaMinut"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/huomaa-minut" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> #HuomaaMinut </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Atoopikon vuodenajat"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/atoopikon-vuodenajat" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atoopikon vuodenajat </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Atooppinen ihottuma vaikuttaa koko perheen arkeen"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/atooppinen-ihottuma-vaikuttaa-koko-perheen-arkeen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma vaikuttaa koko perheen arkeen </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Todellisia tilanteita oikeasta elämästä ihoklinikalla"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/todellisia-tilanteita-oikeasta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Todellisia tilanteita oikeasta elämästä ihoklinikalla </a> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Astma"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Astma </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Astma </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/astma" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Astma </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Astman alatyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/astman-alatyyppi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Astman alatyypit </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Astmaoireet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Astmaoireet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa astmaoireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Testaa astmaoireesi </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Testaa astmaoireesi </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Testaa astmaoireesi </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppiset sairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppiset sairaudet </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=3;setSkipSubNavButton($event)" @keydown.space.prevent="depth=3;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--3 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-30"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppiset sairaudet </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-30 overflow-y-auto"> <li x-show="showSkip && depth == 3" tabindex="-1" class="subNav__skipListItem" data-depth="3"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppiset sairaudet </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppiset sairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/atooppiset-sairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppiset sairaudet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen marssi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/atooppinen-marssi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen marssi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tyypin 2 tulehdus ja muut taustatekijät"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/taustatekijat" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tyypin 2 tulehdus ja muut taustatekijät </a> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Elämää astman kanssa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/elamaa-astman-kanssa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Elämää astman kanssa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Maailman astmapäivä"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/maailman-astmapaiva" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Maailman astmapäivä </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Mitä on vaikea astma?"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/vaikea-astma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Mitä on vaikea astma? </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Vaikea astma"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/astma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Vaikea astma </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Hallitse astmaasi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/hallitse-astmaasi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Hallitse astmaasi </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Nenäpolyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyypit </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Nenäpolyypit </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyypit </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Nenäpolyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/nenapolyypit" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyypit </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tyypin 2 tulehdus nenäpolyypeissa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/tyypin-2-tulehdus-nenan-polyyppitaudissa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tyypin 2 tulehdus nenäpolyypeissa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Nenäpolyyppien hoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/hoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyyppien hoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tunnista oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tunnista oireesi </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kyhmykutina"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutina </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Kyhmykutina </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutina </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kyhmykutinan oireet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/kyhmykutinan-oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutinan oireet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kyhmykutinan hoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/kyhmykutinan-hoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutinan hoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Elämää kyhmykutinan kanssa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/elämää-kyhmykutinan-kanssa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Elämää kyhmykutinan kanssa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Onko sinulla kyhmykutina"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/onko-sinulla-kyhmykutina" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Onko sinulla kyhmykutina </a> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="Testaa itseäsi" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'c29dde45-abf5-4bd8-90de-85151f035b8f' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'c29dde45-abf5-4bd8-90de-85151f035b8f' }) }" > <div tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Testaa itseäsi' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8 hover:no-underline"> <span class="hover:text-primary1 border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Testaa itseäsi </span> </div> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Testaa itseäsi </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <div tabindex="0" target="_self" class=" hover:no-underline"> Testaa itseäsi </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa astmaoireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/testi-oireiden-hallinta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Testaa astmaoireesi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa atooppisen ihottuman oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/testaa-oireesi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Testaa atooppisen ihottuman oireesi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tunnista nenäpolypoosin oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tunnista nenäpolypoosin oireesi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Onko sinulla kyhmykutina"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/onko-sinulla-kyhmykutina" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Onko sinulla kyhmykutina </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="Blogi" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '754e95af-5de4-45c2-bb24-a774b11948fc' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '754e95af-5de4-45c2-bb24-a774b11948fc' }) }" > <a href="/blogi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text-primary1 border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Blogi </span> </a> </div> </div> </div> <div class="nav__right flex ml-auto mr-12 pt-0 md:pt-2"> <div class="Area flex justify-evenly"> <div class="lg:flex hidden items-center"> <div x-data="{id: 'searchbox'}" > <div title="" data-gtmSection="header" data-gtmSubSection="" data-gtmElement="Hae" class="font-title cursor-pointer inline relative py-2 px-1.5 hover:text-primary1 " @click.stop="$dispatch('open-modal', {id})" > <span > <svg class="w-6 h-6 md:mr-2 sm:mb-2 fill-current mx-1 mt-1 fill-current" aria-hidden="true" role="img"> <title>Hae</title> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/search-thin.svg#search-thin"></use> </svg> </span> </div> </div> </div> </div> </div> </div> <div class="nav__mobile lg:hidden"> <div class="flex justify-between items-center"> <a href="/" class=" " data-gtmSubSection="logo" data-gtmElement="logo"> <img width="640" height="82" class="Image nav__logo max-w-60 max-h-15 md:block h-auto py-2" src="/dam/jcr:2b14995e-2c16-4ab4-ba92-bb6b872e192c/logo-atopiker-fi.png" alt="Atooppinen.fi logo"> </a> <div class="nav__mobile__right flex flex-row items-center ml-4"> <div class="globalHeader__icons flex justify-evenly"> <div class="lg:flex hidden items-center"> <div x-data="{id: 'searchbox'}" > <div title="" data-gtmSection="header" data-gtmSubSection="" data-gtmElement="Hae" class="font-title cursor-pointer inline relative py-2 px-1.5 flex items-center justify-center relative hover:text-primary1 " @click.stop="$dispatch('open-modal', {id})" > <span > <svg class="w-6 h-6 fill-current mx-1 fill-current" aria-hidden="true" role="img"> <title>Hae</title> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/search-thin.svg#search-thin"></use> </svg> </span> </div> </div> </div> </div> <button class="nav__mobile__button flex items-center justify-center relative ml-2" aria-label="open menu"> <svg class="w-7 h-7 fill-current ml-2 fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/bars.svg#bars"></use> </svg> </button> </div> </div> <div dir="ltr" class="nav__mobile__menu w-full fixed overflow-hidden z-50 transition-all duration-50 left-0 top-0"> <div class="nav__mobile__menuItems bg-white flex justify-between items-center py-0 px-4 border-b w-full transition-all duration-700 ease-in-out"> <a href="/" class=" " data-gtmSubSection="logo" data-gtmElement="logo"> <img width="640" height="82" class="Image nav__logo max-w-60 max-h-15 md:block h-auto py-2" src="/dam/jcr:2b14995e-2c16-4ab4-ba92-bb6b872e192c/logo-atopiker-fi.png" alt="Atooppinen.fi logo"> </a> <button class="flex items-center justify-center nav__mobile__close relative ml-4" aria-label="close menu"> <svg class="w-7 h-7 fill-current ml-1 fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/times.svg#times"></use> </svg> </button> </div> <div class="nav__mobile__navList flex flex-col overflow-y-auto"> <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out"> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="Etusivu" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '1e019b61-101b-4efa-962a-beb3a11f24a8' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '1e019b61-101b-4efa-962a-beb3a11f24a8' }) }" > <a href="/" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Etusivu' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-primary1 group-hover:border-primary1"> Etusivu </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="Tyypin 2 tulehdus" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '910bffc2-cf81-4c39-9390-d322d1c4da2b' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '910bffc2-cf81-4c39-9390-d322d1c4da2b' }) }" > <a href="/tyypin-2-tulehdus" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Tyypin 2 tulehdus' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Tyypin 2 tulehdus </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="Atooppiset sairaudet" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '111ded07-8abd-4c4d-bf28-9cff4977050a' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '111ded07-8abd-4c4d-bf28-9cff4977050a' }) }" > <div tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Atooppiset sairaudet' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8 hover:no-underline"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Atooppiset sairaudet </span> </div> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppiset sairaudet </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <div tabindex="0" target="_self" class=" hover:no-underline"> Atooppiset sairaudet </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen ihottuma"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppinen ihottuma </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Mitä on atooppinen ihottuma?"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/mita-on-atooppinen-ihottuma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Mitä on atooppinen ihottuma? </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen ihottuma nuorella"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma nuorella </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppinen ihottuma nuorella </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma nuorella </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Asiaa ihotautihoitajalta"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Asiaa ihotautihoitajalta </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen ihottuma lapsilla"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-lapsilla" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma lapsilla </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppinen ihottuma lapsilla </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-lapsilla" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma lapsilla </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Vinkkejä vanhemmille"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-lapsilla/vinkkeja-vanhemmille" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Vinkkejä vanhemmille </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa atooppisen ihottuman oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Testaa atooppisen ihottuman oireesi </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Testaa atooppisen ihottuman oireesi </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Testaa atooppisen ihottuman oireesi </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppisen ihottuman oiretesti"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi/poem-oiretesti" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppisen ihottuman oiretesti </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Diagnoosi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/diagnoosi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Diagnoosi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Ihottuma ja muut ihosairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Ihottuma ja muut ihosairaudet </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Ihottuma ja muut ihosairaudet </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Ihottuma ja muut ihosairaudet </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Tavallisimmat ihosairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet/tavallisimmat-ihosairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Tavallisimmat ihosairaudet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Ihottumatyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/ihottuma-ja-muut-ihosairaudet/ihottumatyypit" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Ihottumatyypit </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Itsehoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/itsehoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Itsehoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Lääkehoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/laakehoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Lääkehoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kysymyksiä ja vastauksia"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/kysymyksia-ja-vastauksia" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Kysymyksiä ja vastauksia </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Elämää atooppisen ihottuman kanssa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Elämää atooppisen ihottuman kanssa </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Elämää atooppisen ihottuman kanssa </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Elämää atooppisen ihottuman kanssa </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="#HuomaaMinut"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/huomaa-minut" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> #HuomaaMinut </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Atoopikon vuodenajat"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/atoopikon-vuodenajat" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atoopikon vuodenajat </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text=" Atooppinen ihottuma vaikuttaa koko perheen arkeen"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/atooppinen-ihottuma-vaikuttaa-koko-perheen-arkeen" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen ihottuma vaikuttaa koko perheen arkeen </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Todellisia tilanteita oikeasta elämästä ihoklinikalla"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/todellisia-tilanteita-oikeasta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Todellisia tilanteita oikeasta elämästä ihoklinikalla </a> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Astma"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Astma </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Astma </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/astma" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Astma </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Astman alatyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/astman-alatyyppi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Astman alatyypit </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Astmaoireet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Astmaoireet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa astmaoireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Testaa astmaoireesi </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=2;setSkipSubNavButton($event)" @keydown.space.prevent="depth=2;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--2 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-20"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Testaa astmaoireesi </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-20 overflow-y-auto"> <li x-show="showSkip && depth == 2" tabindex="-1" class="subNav__skipListItem" data-depth="2"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Testaa astmaoireesi </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppiset sairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppiset sairaudet </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=3;setSkipSubNavButton($event)" @keydown.space.prevent="depth=3;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--3 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-30"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Atooppiset sairaudet </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-30 overflow-y-auto"> <li x-show="showSkip && depth == 3" tabindex="-1" class="subNav__skipListItem" data-depth="3"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Atooppiset sairaudet </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppiset sairaudet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/atooppiset-sairaudet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Atooppiset sairaudet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Atooppinen marssi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/atooppinen-marssi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Atooppinen marssi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tyypin 2 tulehdus ja muut taustatekijät"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/taustatekijat" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tyypin 2 tulehdus ja muut taustatekijät </a> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Elämää astman kanssa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/elamaa-astman-kanssa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Elämää astman kanssa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Maailman astmapäivä"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/maailman-astmapaiva" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Maailman astmapäivä </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Mitä on vaikea astma?"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/vaikea-astma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Mitä on vaikea astma? </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Vaikea astma"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/astma" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Vaikea astma </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Hallitse astmaasi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/astma/hallitse-astmaasi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Hallitse astmaasi </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Nenäpolyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyypit </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Nenäpolyypit </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyypit </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Nenäpolyypit"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/nenapolyypit" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyypit </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tyypin 2 tulehdus nenäpolyypeissa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/tyypin-2-tulehdus-nenan-polyyppitaudissa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tyypin 2 tulehdus nenäpolyypeissa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Nenäpolyyppien hoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/hoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Nenäpolyyppien hoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tunnista oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/nenapolyypit/oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tunnista oireesi </a> </div> </li> </ul> </div> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kyhmykutina"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutina </a> <button class="font-body subNav__itemNextButton inline-block px-6 pt-6 pb-2 h-full" aria-label="go to sub menu" @keydown.tab="next = '';skipSubNavButton($event)" @keydown.enter.prevent="depth=1;setSkipSubNavButton($event)" @keydown.space.prevent="depth=1;setSkipSubNavButton($event)" tabindex="-1" > <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> </div> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--1 absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-primary1 opacity-10"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Kyhmykutina </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row "> <ul class="subNav__list flex flex-col w-full z-10 overflow-y-auto"> <li x-show="showSkip && depth == 1" tabindex="-1" class="subNav__skipListItem" data-depth="1"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutina </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kyhmykutinan oireet"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/kyhmykutinan-oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutinan oireet </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Kyhmykutinan hoito"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/kyhmykutinan-hoito" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Kyhmykutinan hoito </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Elämää kyhmykutinan kanssa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/elämää-kyhmykutinan-kanssa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Elämää kyhmykutinan kanssa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Onko sinulla kyhmykutina"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/onko-sinulla-kyhmykutina" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Onko sinulla kyhmykutina </a> </div> </li> </ul> </div> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="Testaa itseäsi" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'c29dde45-abf5-4bd8-90de-85151f035b8f' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'c29dde45-abf5-4bd8-90de-85151f035b8f' }) }" > <div tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" title='Testaa itseäsi' class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8 hover:no-underline"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Testaa itseäsi </span> </div> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> Testaa itseäsi </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 normal-case " tabindex="-1"> <div tabindex="0" target="_self" class=" hover:no-underline"> Testaa itseäsi </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa astmaoireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/testi-oireiden-hallinta" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Testaa astmaoireesi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Testaa atooppisen ihottuman oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/testaa-oireesi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Testaa atooppisen ihottuman oireesi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Tunnista nenäpolypoosin oireesi"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/oireet" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Tunnista nenäpolypoosin oireesi </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row normal-case" data-link-text="Onko sinulla kyhmykutina"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/testaa-itseasi/onko-sinulla-kyhmykutina" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Onko sinulla kyhmykutina </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="Blogi" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '754e95af-5de4-45c2-bb24-a774b11948fc' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '754e95af-5de4-45c2-bb24-a774b11948fc' }) }" > <a href="/blogi" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> Blogi </span> </a> </div> </div> </div> <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out border-b"> <div x-data='{id: "searchbox"}' class="flex flex"> <li class="nav__item w-full list-none items-center border-b " tabindex="0" data-link-text="Hae" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false" > <div @click.stop="$dispatch('open-modal',{id})" class=" font-navigation w-full nav__itemLink block relative w-full font-extralight md:font-normal text-link text-md w-full font-sm px-3 py-8" aria-haspopup="true" aria-expanded="false" tabindex="-1" $dispatch('track-event', { 'event': 'navigation', 'section': `header`, 'sub_section': 'menu', 'element': `Hae`, 'interaction_type': 'navigation' })> <span class="text-primary1 lg:text-primary1 hover:border-primary1 border-transparent group-hover:border-primary1 "> Hae </span> </div> </li> </div> </div> </div> </div> </div> </div> </nav> </header> <section id="6889020c-9c65-4276-9fc5-083a0561524a" class="contentGridItem--6889020c-9c65-4276-9fc5-083a0561524a contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("6889020c-9c65-4276-9fc5-083a0561524a");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--6889020c-9c65-4276-9fc5-083a0561524a py-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container max-w-full 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-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-center self-auto bg-secondary2" x-data="" dir="ltr"> <section id="6188339b-f9f4-4680-9fa6-839041aa009b" class="contentGridItem--6188339b-f9f4-4680-9fa6-839041aa009b contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("6188339b-f9f4-4680-9fa6-839041aa009b");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--6188339b-f9f4-4680-9fa6-839041aa009b py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-secondary2 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 -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 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 carousel block bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col carousel__wrap relative px-0 carousel__playbtnTop " data-uuid="77bbfed8-5e3a-464e-a1d1-2885ed6e2573" data-dir="ltr" data-autoplay="true" data-autoHeight="false" data-controls="true" data-pagination="false" data-loop="true" data-itemsPerSlide="1" data-itemsPerSlideTablet="1" data-itemsPerSlideDesktop="1" data-controlsLabel="Controls" data-paginationLabel="Pagination" data-paginationBulletLabel="Page" data-paginationActiveBulletLabel="Current page" aria-roledescription="carousel" aria-label="Carousel" dir="ltr"> <button class="carousel__autoplayBtn" data-startText="Play" data-stopText="Pause">Pause</button> <div class="flex flex-col-reverse" x-data="carousel()" x-init="setCarouselID('46746a5f-b529-4db9-9efb-8d052794095d')" x-cloak> <div class="carousel__controls"> <button class="carousel__controls--prev transform -translate-y-12 bg-white text-primary1 w-8 h-8 rounded-full absolute top-2/4 left-4 carousel__innerControls" aria-controls="myCarousel-items" aria-label="Next Slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm57.749 347.58c8.341 8.341 8.341 21.824 0 30.165-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251l-106.67-106.67c-8.341-8.341-8.341-21.824 0-30.165l106.67-106.67c8.341-8.341 21.824-8.341 30.165 0s8.341 21.824 0 30.165l-91.584 91.584 91.584 91.584z"/> </svg> </button> <button class="carousel__controls--next transform -translate-y-12 bg-white text-primary1 w-8 h-8 rounded-full absolute top-2/4 right-4 carousel__innerControls" aria-controls="myCarousel-items" aria-label="Previous Slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm79.083 271.08-106.67 106.67c-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251-8.341-8.341-8.341-21.824 0-30.165l91.585-91.584-91.584-91.584c-8.341-8.341-8.341-21.824 0-30.165s21.824-8.341 30.165 0l106.67 106.67c8.341 8.341 8.341 21.823 0 30.165z"/> </svg> </button> </div> <div class=" "> <div class="carousel__slides w-full flex relative" dir="ltr"> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="46746a5f-b529-4db9-9efb-8d052794095d"> <section id="ac932551-3857-460e-91b3-7d266a607b8c" class="contentGridItem--ac932551-3857-460e-91b3-7d266a607b8c contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("ac932551-3857-460e-91b3-7d266a607b8c");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--ac932551-3857-460e-91b3-7d266a607b8c py-0 text-primary h-full animateImage bg-transparent relative z-10"> <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-center items-center -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 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="74293cd9-e3ba-4321-b903-bd135f4feb11" class="contentGridItem--74293cd9-e3ba-4321-b903-bd135f4feb11 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("74293cd9-e3ba-4321-b903-bd135f4feb11");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--74293cd9-e3ba-4321-b903-bd135f4feb11 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-end items-center -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-6/12 md:w-auto lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 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="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title text-title-6 font-title text-white"> Onko sinulla ASTMA?</h2> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-6/12 md:w-auto lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--secondary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Aloita`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta" target="_self" > Aloita </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="46746a5f-b529-4db9-9efb-8d052794095d"> <section id="dbb8b647-c381-4f82-985a-3538b4aa5f26" class="contentGridItem--dbb8b647-c381-4f82-985a-3538b4aa5f26 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("dbb8b647-c381-4f82-985a-3538b4aa5f26");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--dbb8b647-c381-4f82-985a-3538b4aa5f26 py-0 text-primary h-full animateImage bg-transparent relative z-10"> <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-center items-center -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 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="13e9e194-80d9-4121-be0e-adf8078503e5" class="contentGridItem--13e9e194-80d9-4121-be0e-adf8078503e5 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("13e9e194-80d9-4121-be0e-adf8078503e5");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--13e9e194-80d9-4121-be0e-adf8078503e5 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-end items-center -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-6/12 md:w-6/12 lg:w-6/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 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="flex items-center justify-start md:justify-start lg:justify-end "> <h2 class="contentBlock__title text-title-6 font-title text-white">Onko sinulla ATOOPPINEN IHOTTUMA?</h2> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-6/12 md:w-auto lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--secondary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Aloita`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi" target="_self" title="Aloita testi" > Aloita </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="46746a5f-b529-4db9-9efb-8d052794095d"> <section id="1f0a90b7-1a9d-4cb8-879d-b25d7796fbe7" class="contentGridItem--1f0a90b7-1a9d-4cb8-879d-b25d7796fbe7 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("1f0a90b7-1a9d-4cb8-879d-b25d7796fbe7");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--1f0a90b7-1a9d-4cb8-879d-b25d7796fbe7 py-0 text-primary h-full animateImage bg-transparent relative z-10"> <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-center items-center -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 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="7a46cbd8-1b7e-4896-a97e-261fb9b4813a" class="contentGridItem--7a46cbd8-1b7e-4896-a97e-261fb9b4813a contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("7a46cbd8-1b7e-4896-a97e-261fb9b4813a");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--7a46cbd8-1b7e-4896-a97e-261fb9b4813a 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-end items-center -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-6/12 md:w-auto lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 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="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title text-title-6 font-title text-white">Onko sinulla NENĀN POLYYPPITAUTI</h2> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-6/12 md:w-auto lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--secondary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Aloita`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/nenapolyypit/oireet" target="_self" > Aloita </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="46746a5f-b529-4db9-9efb-8d052794095d"> <section id="4da658a6-7651-4356-94ff-5906a076fbc6" class="contentGridItem--4da658a6-7651-4356-94ff-5906a076fbc6 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("4da658a6-7651-4356-94ff-5906a076fbc6");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--4da658a6-7651-4356-94ff-5906a076fbc6 py-0 text-primary h-full animateImage bg-transparent relative z-10"> <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-center items-center -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 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="3292f07b-fe75-4b1c-b30a-bab30d56f841" class="contentGridItem--3292f07b-fe75-4b1c-b30a-bab30d56f841 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("3292f07b-fe75-4b1c-b30a-bab30d56f841");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--3292f07b-fe75-4b1c-b30a-bab30d56f841 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-end items-center -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-6/12 md:w-auto lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 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="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title text-title-6 font-title text-white">Onko sinulla KYHMYKUTINA</h2> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-6/12 md:w-auto lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--secondary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Aloita`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/mitä-on-kyhmykutina/onko-sinulla-kyhmykutina" target="_self" > Aloita </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </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-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-primary1" x-data="" dir="ltr"> <section id="61efac2d-898f-4347-89eb-53be84c3ef45" class="contentGridItem--61efac2d-898f-4347-89eb-53be84c3ef45 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("61efac2d-898f-4347-89eb-53be84c3ef45");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--61efac2d-898f-4347-89eb-53be84c3ef45 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-primary1 relative z-10"> <div class="ContentGrid container max-w-full mx-auto "> <div class="flex md:flex flex-col-reverse 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-col-reverse 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-5/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-0 md:px-8 lg:px-8 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="bef657fd-5d85-4ee7-a9b6-30f77d4aa615" class="contentGridItem--bef657fd-5d85-4ee7-a9b6-30f77d4aa615 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("bef657fd-5d85-4ee7-a9b6-30f77d4aa615");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--bef657fd-5d85-4ee7-a9b6-30f77d4aa615 py-4 md:py-0 lg:py-0 px-0 md:px-8 lg:px-8 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-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-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-start md:justify-start lg:justify-start "> <h1 class="contentBlock__title mb-4 text-title-1 font-title text-white">Atooppinen.fi</h1> </div> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-6"><span class="text-title-6">Atooppinen.fi on tietopankkisi atooppisista sairauksista</span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 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="e1e3f710-e8f6-486f-bef6-7a02bf333d97" class="contentGridItem--e1e3f710-e8f6-486f-bef6-7a02bf333d97 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e1e3f710-e8f6-486f-bef6-7a02bf333d97");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--e1e3f710-e8f6-486f-bef6-7a02bf333d97 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-auto md:w-auto lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-8 px-4 md:px-0 lg:px-0 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--secondary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Lue lisää`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta/atooppiset-sairaudet/atooppiset-sairaudet" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> <div class="gridComponent flex-col-reverse 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-7/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="b3bb4e42-09da-4f10-9ef3-79cc59fd0955" class="contentGridItem--b3bb4e42-09da-4f10-9ef3-79cc59fd0955 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("b3bb4e42-09da-4f10-9ef3-79cc59fd0955");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--b3bb4e42-09da-4f10-9ef3-79cc59fd0955 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 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-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="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 800w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/home/atopiker-home-hero-right-2.png/jcr:content/atopiker-home-hero-right-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/atooppinen-fi/home/atopiker-home-hero-right-2.png/jcr:content/atopiker-home-hero-right-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/atooppinen-fi/home/atopiker-home-hero-right-2.png/jcr:content/atopiker-home-hero-right-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/atooppinen-fi/home/atopiker-home-hero-right-2.png/jcr:content/atopiker-home-hero-right-2.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/atooppinen-fi/home/atopiker-home-hero-right-2.png/jcr:content/atopiker-home-hero-right-2.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/atooppinen-fi/home/atopiker-home-hero-right-2.png/jcr:content/atopiker-home-hero-right-2.png 900w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="856" height="600" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/atooppinen-fi/home/atopiker-home-hero-mobile-2x.png/jcr:content/atopiker-home-hero-mobile@2x.png 800w" class="w-full lazyload " data-sizes="auto" alt="Kuvia useista perheistä positiivisessa tilanteessa" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <main role="main" id="main" class="relative flex-1" > <section id="89ea8f09-5a97-45e3-972e-6c5370a547a6" class="contentGridItem--89ea8f09-5a97-45e3-972e-6c5370a547a6 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("89ea8f09-5a97-45e3-972e-6c5370a547a6");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--89ea8f09-5a97-45e3-972e-6c5370a547a6 py-0 text-primary h-full animateImage bg-tertiary8 relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-8 pb-8"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -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 self-stretch " > <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-stretch bg-transparent" x-data="" dir="ltr"> <section id="9566418d-7b8e-4c23-8643-f633c6d62b67" class="contentGridItem--9566418d-7b8e-4c23-8643-f633c6d62b67 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("9566418d-7b8e-4c23-8643-f633c6d62b67");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--9566418d-7b8e-4c23-8643-f633c6d62b67 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-3 lg:py-3"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-3 lg:px-3 w-full md:w-6/12 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="e3632ab4-ee5d-4403-be11-65b89ee18168" class="contentGridItem--e3632ab4-ee5d-4403-be11-65b89ee18168 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e3632ab4-ee5d-4403-be11-65b89ee18168");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--e3632ab4-ee5d-4403-be11-65b89ee18168 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-3/12 md:w-4/12 lg:w-4/12 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 imageAttachment default default" x-data="" dir="ltr"> <a href="/testaa-itseasi/testi-oireiden-hallinta" target="_self" title="Tarkista ASTMASI oireiden hallinta" 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:14f67ffd-ae51-4ce6-a67a-e391ecbbf1f4/icon-asthma-dot.svg 767w, /dam/jcr:14f67ffd-ae51-4ce6-a67a-e391ecbbf1f4/icon-asthma-dot.svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:14f67ffd-ae51-4ce6-a67a-e391ecbbf1f4/icon-asthma-dot.svg 767w, /dam/jcr:14f67ffd-ae51-4ce6-a67a-e391ecbbf1f4/icon-asthma-dot.svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:14f67ffd-ae51-4ce6-a67a-e391ecbbf1f4/icon-asthma-dot.svg 767w, /dam/jcr:14f67ffd-ae51-4ce6-a67a-e391ecbbf1f4/icon-asthma-dot.svg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </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="ee0cd987-d924-497b-b506-6705b031e274" class="contentGridItem--ee0cd987-d924-497b-b506-6705b031e274 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("ee0cd987-d924-497b-b506-6705b031e274");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--ee0cd987-d924-497b-b506-6705b031e274 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-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h2 class="contentBlock__title mb-4 text-title-6 font-title text-secondary1">Tarkista ASTMASI oireiden hallinta</h2> </div> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-3">Tämä GINA-oiretesti arvioi astman oireiden hallintaa ja voit käyttää sitä tukena keskustellessasi lääkärin kanssa astmasi oireista ja muista hoitoon liittyvistä tekijöistä.</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-auto md:w-auto lg:w-auto 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 bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--quaternary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Aloita testi`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/astma/testi-oireiden-hallinta" target="_self" title="Tarkista ASTMASI oireiden hallinta" > Aloita testi </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-3 lg:px-3 w-full md:w-6/12 lg:w-4/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 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="e5358255-7ce8-4e72-ab27-c099147d227d" class="contentGridItem--e5358255-7ce8-4e72-ab27-c099147d227d contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e5358255-7ce8-4e72-ab27-c099147d227d");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--e5358255-7ce8-4e72-ab27-c099147d227d py-8 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-3/12 md:w-4/12 lg:w-4/12 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 imageAttachment default default" x-data="" dir="ltr"> <a href="/testaa-itseasi/testaa-oireesi" target="_self" title="Testaa ihottumaasi" 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:9c9b59d5-cd45-4422-8b23-190992ec73ed/icon-exzema-dot.svg 767w, /dam/jcr:9c9b59d5-cd45-4422-8b23-190992ec73ed/icon-exzema-dot.svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:9c9b59d5-cd45-4422-8b23-190992ec73ed/icon-exzema-dot.svg 767w, /dam/jcr:9c9b59d5-cd45-4422-8b23-190992ec73ed/icon-exzema-dot.svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:9c9b59d5-cd45-4422-8b23-190992ec73ed/icon-exzema-dot.svg 767w, /dam/jcr:9c9b59d5-cd45-4422-8b23-190992ec73ed/icon-exzema-dot.svg 1200w" class="w-full lazyload " data-sizes="auto" alt="Punainen lautanen, jossa valkoinen kuvitettu käsi, jossa on ekseema" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </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="06f72f22-39b3-470e-b793-c041e797624b" class="contentGridItem--06f72f22-39b3-470e-b793-c041e797624b contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("06f72f22-39b3-470e-b793-c041e797624b");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--06f72f22-39b3-470e-b793-c041e797624b 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-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h2 class="contentBlock__title mb-4 text-title-6 font-title text-primary2">Onko sinulla diagnosoitu ATOOPPINEN ihottuma?</h2> </div> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-3">Testaa atooppisen ihottuman oireesi (ADCT ja POEM-testi)</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-auto md:w-auto lg:w-auto 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 bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--tertiary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Aloita testi`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/testaa-oireesi" target="_self" title="Testaa ihottumaasi" > Aloita testi </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-3 lg:px-3 w-full md:w-6/12 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="5199f90c-8a68-47cf-a352-cc35e5d387cf" class="contentGridItem--5199f90c-8a68-47cf-a352-cc35e5d387cf contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("5199f90c-8a68-47cf-a352-cc35e5d387cf");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--5199f90c-8a68-47cf-a352-cc35e5d387cf 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-3/12 md:w-4/12 lg:w-4/12 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 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:3daefbdf-1dac-466c-9a4e-5dc7755d4151/icon-nasal-polyps-dot.svg 767w, /dam/jcr:3daefbdf-1dac-466c-9a4e-5dc7755d4151/icon-nasal-polyps-dot.svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3daefbdf-1dac-466c-9a4e-5dc7755d4151/icon-nasal-polyps-dot.svg 767w, /dam/jcr:3daefbdf-1dac-466c-9a4e-5dc7755d4151/icon-nasal-polyps-dot.svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:3daefbdf-1dac-466c-9a4e-5dc7755d4151/icon-nasal-polyps-dot.svg 767w, /dam/jcr:3daefbdf-1dac-466c-9a4e-5dc7755d4151/icon-nasal-polyps-dot.svg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="1f94e7f3-7ae5-49a7-a681-f0d341921406" class="contentGridItem--1f94e7f3-7ae5-49a7-a681-f0d341921406 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("1f94e7f3-7ae5-49a7-a681-f0d341921406");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--1f94e7f3-7ae5-49a7-a681-f0d341921406 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-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h2 class="contentBlock__title mb-4 text-title-6 font-title text-secondary1">Tunnista NENÄN POLYYPPITAUDILLE tyypillisiä oireita</h2> </div> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-3">Kysymysten avulla voit arvioida, onko sinulla nenäpolypoosille tyypillisiä oireita</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-auto md:w-auto lg:w-auto 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 bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--quaternary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Tunnista oireita`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/nenapolyypit/oireet" target="_self" title="Tunnista NENÄN POLYYPPITAUDILLE tyypillisiä oireita" > Tunnista oireita </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <section id="9557d056-d332-4b7b-a7cb-cc836da30c02" class="contentGridItem--9557d056-d332-4b7b-a7cb-cc836da30c02 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("9557d056-d332-4b7b-a7cb-cc836da30c02");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--9557d056-d332-4b7b-a7cb-cc836da30c02 py-0 text-primary h-full animateImage bg-white relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-8 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -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 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="4e3a7de2-ab80-4763-a52e-1cb13e4e0029" class="contentGridItem--4e3a7de2-ab80-4763-a52e-1cb13e4e0029 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("4e3a7de2-ab80-4763-a52e-1cb13e4e0029");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--4e3a7de2-ab80-4763-a52e-1cb13e4e0029 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-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-center md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h2 class="contentBlock__title text-title-2 font-title text-primary1">Hyödyllistä tietoa</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 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 carousel block bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col carousel__wrap relative px-0 " data-uuid="40e4a0e8-f96c-4efa-a7e3-3e4117405d74" data-dir="ltr" data-autoplay="false" data-autoHeight="false" data-controls="false" data-pagination="false" data-loop="false" data-itemsPerSlide="1" data-itemsPerSlideTablet="2" data-itemsPerSlideDesktop="4" data-controlsLabel="Controls" data-paginationLabel="Pagination" data-paginationBulletLabel="Page" data-paginationActiveBulletLabel="Current page" aria-roledescription="carousel" aria-label="Carousel" dir="ltr"> <div class="flex flex-col-reverse" x-data="carousel()" x-init="setCarouselID('a7b59a6c-1df9-4fb0-bd31-a395856e5b78')" x-cloak> <div class=" "> <div class="carousel__slides w-full flex relative" dir="ltr"> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="a7b59a6c-1df9-4fb0-bd31-a395856e5b78"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Mitä on atooppinen ihottuma?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Mitä on atooppinen ihottuma?`, 'position': 1, 'context': 'other' })" href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/mita-on-atooppinen-ihottuma" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="a7b59a6c-1df9-4fb0-bd31-a395856e5b78"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Mitä on atooppinen ihottuma?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " href="https://www.proacademy.fi/start/23/c5937952-2fdf-459b-ba8b-8f07b09b29cd/" target="_blank" title="Testaa tietosi" > Testaa tietosi </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="a7b59a6c-1df9-4fb0-bd31-a395856e5b78"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Itsehoidosta. Miten atooppista ihottumaa hoidetaan?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Itsehoidosta. Miten atooppista ihottumaa hoidetaan?`, 'position': 3, 'context': 'other' })" href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/itsehoito" target="_self" title="Katso ihotautilääkärin" > Katso ihotautilääkärin video </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="a7b59a6c-1df9-4fb0-bd31-a395856e5b78"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Lääkehoidosta. Miten atooppista ihottumaa hoidetaan?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Lääkehoidosta. Miten atooppista ihottumaa hoidetaan?`, 'position': 4, 'context': 'other' })" href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/laakehoito" target="_self" title="Katso ihotautilääkärin" > Katso ihotautilääkärin video </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <section id="d10bd0d8-eee8-4389-9a26-d032d4bc4f9d" class="contentGridItem--d10bd0d8-eee8-4389-9a26-d032d4bc4f9d contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("d10bd0d8-eee8-4389-9a26-d032d4bc4f9d");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--d10bd0d8-eee8-4389-9a26-d032d4bc4f9d py-0 text-primary h-full animateImage bg-cover md:bg-cover lg:bg-top bg-no-repeat lg:bg-no-repeat bg-white relative z-10 lazyload" data-bgset="/dam/jcr:422500d0-6e94-426e-8347-6077bc3b86e5/eczmea-wave-top-mobile.svg [(max-width: 767px)] | /dam/jcr:5200cdc5-15ed-4c71-b137-8cfe967ab51a/eczema-wave-top-desktop.svg" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-32 md:pt-0 md:pb-0 pt-0 pb-8"> </div> <div class=""></div> </div> </div> </div> </section> <section id="ae3aa219-dd95-484e-ad9a-d6a2c5bd69f0" class="contentGridItem--ae3aa219-dd95-484e-ad9a-d6a2c5bd69f0 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("ae3aa219-dd95-484e-ad9a-d6a2c5bd69f0");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--ae3aa219-dd95-484e-ad9a-d6a2c5bd69f0 py-0 text-primary h-full animateImage bg-secondary3 relative z-10"> <div class="ContentGrid container mx-auto lg:pt-4 lg:pb-4 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 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="4195ba1f-829c-4041-a13a-0c31f1d3ac6a" class="contentGridItem--4195ba1f-829c-4041-a13a-0c31f1d3ac6a contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("4195ba1f-829c-4041-a13a-0c31f1d3ac6a");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--4195ba1f-829c-4041-a13a-0c31f1d3ac6a 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 flex-col-reverse lg:flex-row flex-wrap justify-center items-center -mx-1 py-1 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex-col-reverse flex flex-col my-1 px-1 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-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="7866dfcf-0862-4270-a579-4499bcfb42c8" class="contentGridItem--7866dfcf-0862-4270-a579-4499bcfb42c8 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("7866dfcf-0862-4270-a579-4499bcfb42c8");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--7866dfcf-0862-4270-a579-4499bcfb42c8 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-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-11/12 md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title mb-4 text-title-2 font-title text-white">#HUOMAAMINUT</h2> </div> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-6"><span class="text-title-6"><span class="text-white">Atooppinen ihottuma voi olla enemmän kuin kutiseva iho.</span></span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 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="7618a4cd-62bc-46ba-820f-327daf6bff6a" class="contentGridItem--7618a4cd-62bc-46ba-820f-327daf6bff6a contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("7618a4cd-62bc-46ba-820f-327daf6bff6a");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--7618a4cd-62bc-46ba-820f-327daf6bff6a 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-auto md:w-auto lg:w-auto self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-8 px-4 md:px-0 lg:px-0 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--secondary text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Katso interaktiivinen video`, 'context': 'other' }); " href="/asiaankuuluvat-sairaudet/atooppinen-ihottuma/elamaa-atooppisen-ihottuman-kanssa/huomaa-minut" target="_self" title="Katso interaktiivinen video" > Katso interaktiivinen video </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> <div class="gridComponent flex-col-reverse flex flex-col my-1 px-1 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-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="678fd83a-f49b-4df0-997b-8d8b4f0cc952" class="contentGridItem--678fd83a-f49b-4df0-997b-8d8b4f0cc952 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("678fd83a-f49b-4df0-997b-8d8b4f0cc952");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--678fd83a-f49b-4df0-997b-8d8b4f0cc952 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-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-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-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="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/home/Kuva3.jpg/jcr:content/Kuva3.jpg 400w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/home/Kuva3.jpg/jcr:content/Kuva3.jpg 400w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="500" height="262" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/home/Kuva3.jpg/jcr:content/Kuva3.jpg 400w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <section id="95afd917-d697-45a5-8cb4-57adc8b4dac9" class="contentGridItem--95afd917-d697-45a5-8cb4-57adc8b4dac9 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("95afd917-d697-45a5-8cb4-57adc8b4dac9");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--95afd917-d697-45a5-8cb4-57adc8b4dac9 py-0 text-primary h-full animateImage bg-cover md:bg-cover lg:bg-right-bottom bg-no-repeat lg:bg-no-repeat bg-white relative z-10 lazyload" data-bgset="/dam/jcr:dc07a940-4051-44b0-a50a-e5013a9c296a/eczmea-wave-bottom-mobile.svg [(max-width: 767px)] | /dam/jcr:68205bfb-375f-41ff-b317-95d06c79fe64/eczema-wave-bottom-desktop.svg" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-32 lg:pb-0 md:pt-0 md:pb-0 pt-8 pb-0"> </div> <div class=""></div> </div> </div> </div> </section> <section id="3863be4e-60c2-43fd-98e4-39577b8ab955" class="contentGridItem--3863be4e-60c2-43fd-98e4-39577b8ab955 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("3863be4e-60c2-43fd-98e4-39577b8ab955");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--3863be4e-60c2-43fd-98e4-39577b8ab955 py-0 text-primary h-full animateImage default relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-8 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -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 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="71d12f71-f333-472c-9f92-bf422a8f394a" class="contentGridItem--71d12f71-f333-472c-9f92-bf422a8f394a contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("71d12f71-f333-472c-9f92-bf422a8f394a");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--71d12f71-f333-472c-9f92-bf422a8f394a 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-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-center md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h2 class="contentBlock__title text-title-2 font-title text-primary1">Uutta blogissa</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 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 carousel block bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col carousel__wrap relative px-12 " data-uuid="57765c26-3c6f-4e13-b966-4e8e303940df" data-dir="ltr" data-autoplay="false" data-autoHeight="false" data-controls="true" data-pagination="true" data-loop="false" data-itemsPerSlide="1" data-itemsPerSlideTablet="1" data-itemsPerSlideDesktop="3" data-controlsLabel="Controls" data-paginationLabel="Pagination" data-paginationBulletLabel="Page" data-paginationActiveBulletLabel="Current page" aria-roledescription="carousel" aria-label="Carousel" dir="ltr"> <div class="flex flex-col-reverse" x-data="carousel()" x-init="setCarouselID('af9b47cb-9e25-482e-b807-4c0cb2b1c519')" x-cloak> <div class="carousel__controls"> <button class="carousel__controls--prev transform -translate-y-12 bg-white text-primary1 w-8 h-8 rounded-full absolute top-2/4 left-0" aria-controls="myCarousel-items" aria-label="Next Slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm57.749 347.58c8.341 8.341 8.341 21.824 0 30.165-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251l-106.67-106.67c-8.341-8.341-8.341-21.824 0-30.165l106.67-106.67c8.341-8.341 21.824-8.341 30.165 0s8.341 21.824 0 30.165l-91.584 91.584 91.584 91.584z"/> </svg> </button> <button class="carousel__controls--next transform -translate-y-12 bg-white text-primary1 w-8 h-8 rounded-full absolute top-2/4 right-0" aria-controls="myCarousel-items" aria-label="Previous Slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm79.083 271.08-106.67 106.67c-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251-8.341-8.341-8.341-21.824 0-30.165l91.585-91.584-91.584-91.584c-8.341-8.341-8.341-21.824 0-30.165s21.824-8.341 30.165 0l106.67 106.67c8.341 8.341 8.341 21.823 0 30.165z"/> </svg> </button> </div> <div class=" "> <div class="carousel__slides w-full flex relative" dir="ltr"> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="af9b47cb-9e25-482e-b807-4c0cb2b1c519"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Blog_Eksem_livskvalitet_og_psyke_teaser.png0/jcr:content/Blog_Eksem_livskvalitet_og_psyke_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Blog_Eksem_livskvalitet_og_psyke_teaser.png0/jcr:content/Blog_Eksem_livskvalitet_og_psyke_teaser.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Blog_Eksem_livskvalitet_og_psyke_teaser.png0/jcr:content/Blog_Eksem_livskvalitet_og_psyke_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Blog_Eksem_livskvalitet_og_psyke_teaser.png0/jcr:content/Blog_Eksem_livskvalitet_og_psyke_teaser.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1152" height="862" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Blog_Eksem_livskvalitet_og_psyke_teaser.png0/jcr:content/Blog_Eksem_livskvalitet_og_psyke_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Blog_Eksem_livskvalitet_og_psyke_teaser.png0/jcr:content/Blog_Eksem_livskvalitet_og_psyke_teaser.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="Merry christmas" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Atooppisen ihottuman kontrolli – mistä on kyse?</h3> <div class="font-body rich-text mt-2 mb-2 text-"><p>Mitä atooppisen ihottuman hyvä hallinta tarkoittaa? Miten tiedät, onko sinun ihottumasi hallinnassa?</p> </div> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Atooppisen ihottuman kontrolli – mistä on kyse?`, 'position': 1, 'context': 'other' })" href="/blogi/atooppisen-ihottuman-kontrolli" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="af9b47cb-9e25-482e-b807-4c0cb2b1c519"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_uafrystelige_patienthistorier.png/jcr:content/Blog_uafrystelige_patienthistorier_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_uafrystelige_patienthistorier.png/jcr:content/Blog_uafrystelige_patienthistorier_teaser.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_uafrystelige_patienthistorier.png/jcr:content/Blog_uafrystelige_patienthistorier_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_uafrystelige_patienthistorier.png/jcr:content/Blog_uafrystelige_patienthistorier_teaser.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1098" height="822" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_uafrystelige_patienthistorier.png/jcr:content/Blog_uafrystelige_patienthistorier_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_uafrystelige_patienthistorier.png/jcr:content/Blog_uafrystelige_patienthistorier_teaser.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="Pari kädestä" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Mitä sinulle kuuluu?</h3> <div class="font-body rich-text mt-2 mb-2 text-"><p>Kuinka voit? Onko sinulla jotain erityisiä huolenaiheita? Mitä toivoisit hoidoltasi? Niin yksinkertaisia kysymyksiä mutta niin tärkeitä silloin kun sairaus painaa ja vaivaa mieltä ja kehoa.</p> </div> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Mitä sinulle kuuluu?`, 'position': 2, 'context': 'other' })" href="/blogi/mita-sinulle-kuuluu" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="af9b47cb-9e25-482e-b807-4c0cb2b1c519"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Terveiset_atoopikon_talvesta_teaser.png/jcr:content/Terveiset_atoopikon_talvesta_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Terveiset_atoopikon_talvesta_teaser.png/jcr:content/Terveiset_atoopikon_talvesta_teaser.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Terveiset_atoopikon_talvesta_teaser.png/jcr:content/Terveiset_atoopikon_talvesta_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Terveiset_atoopikon_talvesta_teaser.png/jcr:content/Terveiset_atoopikon_talvesta_teaser.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1364" height="1022" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Terveiset_atoopikon_talvesta_teaser.png/jcr:content/Terveiset_atoopikon_talvesta_teaser.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_thumbnails/Terveiset_atoopikon_talvesta_teaser.png/jcr:content/Terveiset_atoopikon_talvesta_teaser.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="Pakkas oksa" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Terveiset atoopikon talvesta</h3> <div class="font-body rich-text mt-2 mb-2 text-"><p>Lempikuukauteni joulukuu on alkanut mukavan talvisissa tunnelmissa ainakin täällä Pohjois-Karjalassa. Pakkasiakin on saatu, mistä tavallaan tykkään, mutta kireät ilmat kyllä kuivattavat ihoani.</p> </div> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Terveiset atoopikon talvesta`, 'position': 3, 'context': 'other' })" href="/blogi/terveiset-atoopikon-talvesta" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 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="8acdcc2f-2ebd-4aa3-9b98-f6cdc10a425b" class="contentGridItem--8acdcc2f-2ebd-4aa3-9b98-f6cdc10a425b contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("8acdcc2f-2ebd-4aa3-9b98-f6cdc10a425b");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--8acdcc2f-2ebd-4aa3-9b98-f6cdc10a425b 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-6/12 md:w-4/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-8 px-4 md:px-0 lg:px-0 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--outline text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid w-full text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `Lue lisää`, 'context': 'other' }); " href="/blogi" target="_self" title="Lue lisää blogikirjoituksia" > Lue lisää </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <section id="0efe83db-a82c-4d5c-bd84-507994aed150" class="contentGridItem--0efe83db-a82c-4d5c-bd84-507994aed150 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("0efe83db-a82c-4d5c-bd84-507994aed150");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--0efe83db-a82c-4d5c-bd84-507994aed150 py-0 text-primary h-full animateImage bg-cover md:bg-cover lg:bg-top bg-no-repeat lg:bg-no-repeat bg-white relative z-10 lazyload" data-bgset="/dam/jcr:adc15325-0a94-4365-9211-2a63e801cedd/atopiker-wave-top-mobile.svg [(max-width: 767px)] | /dam/jcr:fe32efcb-153c-418c-81ee-fa63adcdfcc6/atopiker-wave-top-desktop.svg" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-32 md:pt-0 md:pb-0 pt-0 pb-8"> </div> <div class=""></div> </div> </div> </div> </section> <section id="5bcdeef6-06d3-459f-b06e-95b8f70cd9e8" class="contentGridItem--5bcdeef6-06d3-459f-b06e-95b8f70cd9e8 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("5bcdeef6-06d3-459f-b06e-95b8f70cd9e8");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--5bcdeef6-06d3-459f-b06e-95b8f70cd9e8 py-0 text-primary h-full animateImage bg-primary1 relative z-10"> <div class="ContentGrid container mx-auto lg:pt-4 lg:pb-4 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 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="4721b2dd-7aa6-460a-a16b-c8afdc0f5112" class="contentGridItem--4721b2dd-7aa6-460a-a16b-c8afdc0f5112 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("4721b2dd-7aa6-460a-a16b-c8afdc0f5112");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--4721b2dd-7aa6-460a-a16b-c8afdc0f5112 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-1 py-1 md:-mx-1 md:py-1 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 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="fecae55f-16f3-4359-9ce0-83dd07752e77" class="contentGridItem--fecae55f-16f3-4359-9ce0-83dd07752e77 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("fecae55f-16f3-4359-9ce0-83dd07752e77");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--fecae55f-16f3-4359-9ce0-83dd07752e77 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-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-6/12 lg:w-6/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 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title mb-4 text-title-2 font-title text-white">Ota atooppinen ihottumasi haltuun</h2> </div> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-2">Ihotautilääkäri Atte Kivisaari kertoo vaikeasta atooppisesta</span><span class="text-body-2"> ihottumasta ja sen hoidosta</span></p> <p> </p> <p><span class="text-body-3"><span class="text-white">Kesto</span>: 04:14</span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full lg:w-6/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="e1a8dec1-7795-448b-b756-9880bfaa548d" class="contentGridItem--e1a8dec1-7795-448b-b756-9880bfaa548d contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("e1a8dec1-7795-448b-b756-9880bfaa548d");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--e1a8dec1-7795-448b-b756-9880bfaa548d 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-0 md:px-0 lg:px-0 self-auto primary1 bg-transparent" x-data="" dir="ltr"> <div x-data="video({ showTranscript: false, videoType: 'youtube' })" class="h-full mx-auto bg-primary1 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0"> <div class="relative video-wrapper bg-black "> <div x-init="initYoutube()" class="w-full h-full"> <div data-title="" data-videoId="SqrXbV6NCog" data-gtmContext="other" id="youtube-iframe-b326c4aa-17a0-47fe-85ff-865116d91e1c" class="video-player youtube-iframe absolute top-1/2 left-1/2 h-full w-full"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <section id="43e499f3-8fd3-4e5c-891e-c47ee2e1a412" class="contentGridItem--43e499f3-8fd3-4e5c-891e-c47ee2e1a412 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("43e499f3-8fd3-4e5c-891e-c47ee2e1a412");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--43e499f3-8fd3-4e5c-891e-c47ee2e1a412 py-0 text-primary h-full animateImage bg-cover md:bg-cover lg:bg-right-bottom bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:7bdffcfa-a1aa-456a-84e7-0b18e6d88ddb/atopiker-wave-bottom-mobile.svg [(max-width: 767px)] | /dam/jcr:ae8197e7-a821-4a7e-9cb1-95590b3696ca/atopiker-wave-bottom-desktop.svg" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-32 lg:pb-0 md:pt-0 md:pb-0 pt-32 pb-0"> </div> <div class=""></div> </div> </div> </div> </section> <section id="9b7a2cc1-9069-453c-832d-39df4e222673" class="contentGridItem--9b7a2cc1-9069-453c-832d-39df4e222673 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("9b7a2cc1-9069-453c-832d-39df4e222673");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--9b7a2cc1-9069-453c-832d-39df4e222673 py-0 text-primary h-full animateImage default relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-8 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -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 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="a54daac0-d3df-400a-9309-6d2ab11ae84c" class="contentGridItem--a54daac0-d3df-400a-9309-6d2ab11ae84c contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("a54daac0-d3df-400a-9309-6d2ab11ae84c");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--a54daac0-d3df-400a-9309-6d2ab11ae84c 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-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto carousel block bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col carousel__wrap relative px-12 " data-uuid="49dce49b-43f3-459e-bfed-8b1790f729fe" data-dir="ltr" data-autoplay="false" data-autoHeight="false" data-controls="true" data-pagination="true" data-loop="false" data-itemsPerSlide="1" data-itemsPerSlideTablet="1" data-itemsPerSlideDesktop="3" data-controlsLabel="Controls" data-paginationLabel="Pagination" data-paginationBulletLabel="Page" data-paginationActiveBulletLabel="Current page" aria-roledescription="carousel" aria-label="Carousel" dir="ltr"> <div class="flex flex-col-reverse" x-data="carousel()" x-init="setCarouselID('25944abb-09ab-42dd-b6ae-b79ae4206ebb')" x-cloak> <div class="carousel__controls"> <button class="carousel__controls--prev transform -translate-y-12 bg-white text-primary1 w-8 h-8 rounded-full absolute top-2/4 left-0" aria-controls="myCarousel-items" aria-label="Next Slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm57.749 347.58c8.341 8.341 8.341 21.824 0 30.165-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251l-106.67-106.67c-8.341-8.341-8.341-21.824 0-30.165l106.67-106.67c8.341-8.341 21.824-8.341 30.165 0s8.341 21.824 0 30.165l-91.584 91.584 91.584 91.584z"/> </svg> </button> <button class="carousel__controls--next transform -translate-y-12 bg-white text-primary1 w-8 h-8 rounded-full absolute top-2/4 right-0" aria-controls="myCarousel-items" aria-label="Previous Slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm79.083 271.08-106.67 106.67c-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251-8.341-8.341-8.341-21.824 0-30.165l91.585-91.584-91.584-91.584c-8.341-8.341-8.341-21.824 0-30.165s21.824-8.341 30.165 0l106.67 106.67c8.341 8.341 8.341 21.823 0 30.165z"/> </svg> </button> </div> <div class=" "> <div class="carousel__slides w-full flex relative" dir="ltr"> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="25944abb-09ab-42dd-b6ae-b79ae4206ebb"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta/64_vastaajista_oli_allergiaa_716x536.png/jcr:content/64_vastaajista_oli_allergiaa_716x536.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta/64_vastaajista_oli_allergiaa_716x536.png/jcr:content/64_vastaajista_oli_allergiaa_716x536.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta/64_vastaajista_oli_allergiaa_716x536.png/jcr:content/64_vastaajista_oli_allergiaa_716x536.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta/64_vastaajista_oli_allergiaa_716x536.png/jcr:content/64_vastaajista_oli_allergiaa_716x536.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="434" height="325" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta/64_vastaajista_oli_allergiaa_716x536.png/jcr:content/64_vastaajista_oli_allergiaa_716x536.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/asiaa-ihotautihoitajalta/64_vastaajista_oli_allergiaa_716x536.png/jcr:content/64_vastaajista_oli_allergiaa_716x536.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="Kuvitettu henkilö istuu tuolilla pää käsissään" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">64% vastaajista oli allergiaa</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " href="/dam/jcr:f474874b-ec5f-4adb-b44a-293ba893ff9e/sanofi_atooppinen_infokuvat_muut_sairaudet.jpg" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="25944abb-09ab-42dd-b6ae-b79ae4206ebb"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Kun-ihottuma-menee-ihon-alle/jcr:content/N%C3%A5r%20dit%20eksem%20ikke%20vil%20g%C3%A5%20v%C3%A6k_blog2.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Kun-ihottuma-menee-ihon-alle/jcr:content/N%C3%A5r%20dit%20eksem%20ikke%20vil%20g%C3%A5%20v%C3%A6k_blog2.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Kun-ihottuma-menee-ihon-alle/jcr:content/N%C3%A5r%20dit%20eksem%20ikke%20vil%20g%C3%A5%20v%C3%A6k_blog2.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Kun-ihottuma-menee-ihon-alle/jcr:content/N%C3%A5r%20dit%20eksem%20ikke%20vil%20g%C3%A5%20v%C3%A6k_blog2.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="2000" height="485" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Kun-ihottuma-menee-ihon-alle/jcr:content/N%C3%A5r%20dit%20eksem%20ikke%20vil%20g%C3%A5%20v%C3%A6k_blog2.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Kun-ihottuma-menee-ihon-alle/jcr:content/N%C3%A5r%20dit%20eksem%20ikke%20vil%20g%C3%A5%20v%C3%A6k_blog2.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="Kun ihottuma menee ihon alle" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Kun ihottuma menee ihon alle</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Kun ihottuma menee ihon alle`, 'position': 2, 'context': 'other' })" href="/kun-ihottuma-menee-ihon-alle" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="25944abb-09ab-42dd-b6ae-b79ae4206ebb"> <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 h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg-white text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_Ihmisten-kokoontuminen/jcr:content/Blog_atopiske_muligheder2.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_Ihmisten-kokoontuminen/jcr:content/Blog_atopiske_muligheder2.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_Ihmisten-kokoontuminen/jcr:content/Blog_atopiske_muligheder2.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_Ihmisten-kokoontuminen/jcr:content/Blog_atopiske_muligheder2.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="2000" height="485" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_Ihmisten-kokoontuminen/jcr:content/Blog_atopiske_muligheder2.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/atooppinen-fi/blog/Blog_Ihmisten-kokoontuminen/jcr:content/Blog_atopiske_muligheder2.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="Ihmisten kokoontuminen" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-black text-title-5">Atooppinen ihottuma vaikuttaa voimakkaasti itsetuntoon ja elämänvalintoihin</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-left"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Atooppinen ihottuma vaikuttaa voimakkaasti itsetuntoon ja elämänvalintoihin`, 'position': 3, 'context': 'other' })" href="/atooppinen-ihottuma-vaikuttaa-voimakkaasti-itsetuntoon-ja-elamanvalintoihin" target="_self" title="Lue lisää" > Lue lisää </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> <section id="30f8d71d-29a9-4a16-966d-1055756d6a69" class="contentGridItem--30f8d71d-29a9-4a16-966d-1055756d6a69 contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("30f8d71d-29a9-4a16-966d-1055756d6a69");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--30f8d71d-29a9-4a16-966d-1055756d6a69 py-0 text-primary h-full animateImage bg-auto md:bg-cover lg:bg-top bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:2465d25c-c3f9-495a-bcf9-53016efd3914/atopiker-footer-wave-mobile.svg [(max-width: 767px)] | /dam/jcr:38698834-94f7-4482-b750-089001947205/atopiker-footer-wave-desktop.svg" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-4 lg:pb-32 md:pt-0 md:pb-0 pt-0 pb-8"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -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 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 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>MAT-FI-2400071-1.0-02/2024</p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </section> </main> <footer role="contentinfo"> <div id="0be22d5e-d064-442b-a807-29ed7dd3221e" class="contentGridItem--0be22d5e-d064-442b-a807-29ed7dd3221e contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("0be22d5e-d064-442b-a807-29ed7dd3221e");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--0be22d5e-d064-442b-a807-29ed7dd3221e py-0 text-primary h-full animateImage bg-primary1 relative z-10"> <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-center items-start -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-11/12 md:w-full lg:w-full self-start " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-0 px-0 md:px-0 lg:px-0 items-start self-start bg-transparent" x-data="" dir="ltr"> <div id="2a92a170-44ca-4404-bb0d-66591f91980c" class="contentGridItem--2a92a170-44ca-4404-bb0d-66591f91980c contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("2a92a170-44ca-4404-bb0d-66591f91980c");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--2a92a170-44ca-4404-bb0d-66591f91980c py-0 md:py-4 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-start -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-4 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="2de2c546-c625-441f-a54a-0c66e1428ecd" class="contentGridItem--2de2c546-c625-441f-a54a-0c66e1428ecd contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("2de2c546-c625-441f-a54a-0c66e1428ecd");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--2de2c546-c625-441f-a54a-0c66e1428ecd py-4 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-2 md:py-2 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-2 md:px-2 lg:my-0 lg:px-0 w-full md:w-2/12 lg:w-1/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 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-white"><a href="/evasteet">Evästeet</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-2 md:px-2 lg:my-0 lg:px-0 w-full md:w-2/12 lg:w-1/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 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-white"><a href="/kayttoehdot">Käyttöehdot</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-2 md:px-2 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-2/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 self-auto contentBlock flex flex-col text-left md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-white"><a href="https://www.sanofi.com/fi/suomi/data-privacy" target="_blank">Tietosuojaperiaatteet</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-2 md:px-2 lg:my-0 lg:px-0 w-full md:w-5/12 lg:w-6/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-4 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><a href="https://www.sanofi.com/fi/suomi/contact"><span class="text-white">Ota yhteyttä</span></a></p> </div> </div> </div> </div> </div> <div class=""></div> </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 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="66d58971-0f84-4d6e-a8f5-ac0ac5fdf1fe" class="contentGridItem--66d58971-0f84-4d6e-a8f5-ac0ac5fdf1fe contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("66d58971-0f84-4d6e-a8f5-ac0ac5fdf1fe");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--66d58971-0f84-4d6e-a8f5-ac0ac5fdf1fe 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 flex-col-reverse 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-col-reverse 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-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="490122a7-6a02-4abf-96d9-3d94351efebc" class="contentGridItem--490122a7-6a02-4abf-96d9-3d94351efebc contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("490122a7-6a02-4abf-96d9-3d94351efebc");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--490122a7-6a02-4abf-96d9-3d94351efebc 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-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-8/12 md:w-5/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-8 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.sanofi.fi/" rel='noopener' target="_blank" 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:e7365f25-9be5-4468-a92b-20cf58f767a7/Sanofi%20-%20Logo%20-%20Footer%20-%20White%20-%20Left%20(1).svg 767w, /dam/jcr:e7365f25-9be5-4468-a92b-20cf58f767a7/Sanofi%20-%20Logo%20-%20Footer%20-%20White%20-%20Left%20(1).svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:e7365f25-9be5-4468-a92b-20cf58f767a7/Sanofi%20-%20Logo%20-%20Footer%20-%20White%20-%20Left%20(1).svg 767w, /dam/jcr:e7365f25-9be5-4468-a92b-20cf58f767a7/Sanofi%20-%20Logo%20-%20Footer%20-%20White%20-%20Left%20(1).svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:e7365f25-9be5-4468-a92b-20cf58f767a7/Sanofi%20-%20Logo%20-%20Footer%20-%20White%20-%20Left%20(1).svg 767w, /dam/jcr:e7365f25-9be5-4468-a92b-20cf58f767a7/Sanofi%20-%20Logo%20-%20Footer%20-%20White%20-%20Left%20(1).svg 1200w" class="w-full lazyload " data-sizes="auto" alt="sanofi" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </div> </div> <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-7/12 lg:w-9/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-8 px-0 md:px-0 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-white"><span class="text-body-5"><strong>Sivuston sisältö on tarkoitettu Suomessa asuville. </strong></span></span></p> <p><span class="text-white"><span class="text-body-5">Copyright © 2024 Sanofi. Kaikki oikeudet pidätetään.</span></span><br /> MAT-FI-2400071-1.0-02/2024</p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> <div class="gridComponent flex-col-reverse flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-10/12 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-4 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <div id="c99efb0e-6ac8-414e-8be9-8fb518b8649d" class="contentGridItem--c99efb0e-6ac8-414e-8be9-8fb518b8649d contentGridItem relative h-full " > <div x-data='anchorMenu()' class="h-full" x-intersect.margin.-50%='setActiveLinkByID("c99efb0e-6ac8-414e-8be9-8fb518b8649d");'> <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--c99efb0e-6ac8-414e-8be9-8fb518b8649d py-0 md:py-0 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-2 py-2 md:-mx-0 md:py-0 lg:-mx-2 lg:py-2"> <div class="gridComponent flex flex-col my-2 px-2 md:my-0 md:px-0 lg:my-2 lg:px-2 w-3/12 md:w-3/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-0 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.linkedin.com/" rel='noopener' target="_blank" 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:2c006f43-8614-4b96-a5e5-0a8ba05d3acc/icon-linkedin-white.svg 767w, /dam/jcr:2c006f43-8614-4b96-a5e5-0a8ba05d3acc/icon-linkedin-white.svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:2c006f43-8614-4b96-a5e5-0a8ba05d3acc/icon-linkedin-white.svg 767w, /dam/jcr:2c006f43-8614-4b96-a5e5-0a8ba05d3acc/icon-linkedin-white.svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:2c006f43-8614-4b96-a5e5-0a8ba05d3acc/icon-linkedin-white.svg 767w, /dam/jcr:2c006f43-8614-4b96-a5e5-0a8ba05d3acc/icon-linkedin-white.svg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </div> </div> <div class="gridComponent flex flex-col my-2 px-2 md:my-0 md:px-0 lg:my-2 lg:px-2 w-3/12 md:w-5/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-0 px-0 md:px-4 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.facebook.com/sanofi.se/" rel='noopener' target="_blank" 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:a3c842a3-3455-4c1f-afbe-ca9c7eb7ac6d/icon-facbook-white.svg 767w, /dam/jcr:a3c842a3-3455-4c1f-afbe-ca9c7eb7ac6d/icon-facbook-white.svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:a3c842a3-3455-4c1f-afbe-ca9c7eb7ac6d/icon-facbook-white.svg 767w, /dam/jcr:a3c842a3-3455-4c1f-afbe-ca9c7eb7ac6d/icon-facbook-white.svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:a3c842a3-3455-4c1f-afbe-ca9c7eb7ac6d/icon-facbook-white.svg 767w, /dam/jcr:a3c842a3-3455-4c1f-afbe-ca9c7eb7ac6d/icon-facbook-white.svg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </div> </div> <div class="gridComponent flex flex-col my-2 px-2 md:my-0 md:px-0 lg:my-2 lg:px-2 w-3/12 md:w-3/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-0 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.youtube.com/channel/UCDfLcdzkrbeHzUf0An8ibhA" rel='noopener' target="_blank" 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:3050dd3a-daa4-4629-8ba5-204ffda4f522/icon-youtube-white.svg 767w, /dam/jcr:3050dd3a-daa4-4629-8ba5-204ffda4f522/icon-youtube-white.svg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3050dd3a-daa4-4629-8ba5-204ffda4f522/icon-youtube-white.svg 767w, /dam/jcr:3050dd3a-daa4-4629-8ba5-204ffda4f522/icon-youtube-white.svg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:3050dd3a-daa4-4629-8ba5-204ffda4f522/icon-youtube-white.svg 767w, /dam/jcr:3050dd3a-daa4-4629-8ba5-204ffda4f522/icon-youtube-white.svg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </footer> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('019758db-f2e0-4a19-8932-4d647295fea0'); 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 == '019758db-f2e0-4a19-8932-4d647295fea0') 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-019758db-f2e0-4a19-8932-4d647295fea0" data-id="019758db-f2e0-4a19-8932-4d647295fea0" 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-6/12 lg:w-4/12 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="close" 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-primary1 leaveSitePrompt__title text-2xl md:text-3xl font-extrabold mb-4"> Tämä linkki on tarkoitettu vain tiedoksi</h3> <div class="font-body text-black leaveSitePrompt__copy mb-4 mt-2 font-inherit"><p>Sanofi ei ole vastuussa tästä ulkoisesta verkkosivustosta. Haluatko jatkaa?</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-3 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': `Peruuta`});" > Peruuta </a> <a class="button button--default text-center font-title overflow-hidden inline-block border text-body-3 border rounded-full border-solid leaveSitePrompt__button py-3 lg:py-3 font-semibold " href="#" @click="open = false;restoreScroll();" > Jatka </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--019758db-f2e0-4a19-8932-4d647295fea0"> { "filterType": "whitelist", "list": [ "https://www.sanofi.se/sv/om-oss/kontakt", "https://www.sanofi.se/sv/data-privacy" ] } </script> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('searchbox'); 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 == 'searchbox') 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-searchbox" data-id="searchbox" data-gtmContext="other" aria-modal="true" class=" bg-white text-black relative overflow-auto h-auto max-h-90vh px-4 py-12 mx-2 text-left shadow-xl w-full md:w-2/3 lg:w-1/2 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="close" type="button" > <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span> </button> <div class="ContentGrid "> <div class="flex md:flex lg:flex-row flex-wrap "> <div class="gridComponent flex flex-col 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 bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col lg:flex-row"> <form action="/advanced-search" class="flex-grow" x-data="{ placeholderText: 'Kirjoita hakusana' }"> <div class="flex items-center rounded-full shadow-xl bg-primary1 mx-auto overflow-hidden h-12 md:h-20 lg:h-24"> <button class="searchButton lg:ml-4 rounded-full p-2 focus:outline-none w-24 flex items-center justify-center text-white"> <svg class="w-8 h-8 fill-current" aria-hidden="false" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/search.svg#search"></use> </svg> </button> <input name="q" class="text-2xl w-full py-2 md:py-4 leading-tight text-white focus:outline-none pr-6 placeholder-white bg-primary1" type="text" :placeholder="placeholderText" @focus="placeholderText = ''" @blur="placeholderText = 'Kirjoita hakusana'" /> </div> </form> </div> </div> </div> </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> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('64'); 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 == '64') 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-64" data-id="64" data-gtmContext="other" aria-modal="true" class=" bg-white text-black relative overflow-auto h-auto max-h-90vh px-4 py-12 mx-2 text-left shadow-xl w-full md:w-full lg:w-full 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="close" type="button" > <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span> </button> <div class="ContentGrid "> <div class="flex md:flex lg:flex-row flex-wrap "> <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-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="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 400w, /.imaging/webp/sanofi-platform/img-w500/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 500w, /.imaging/webp/sanofi-platform/img-w600/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 600w, /.imaging/webp/sanofi-platform/img-w700/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 700w, /.imaging/webp/sanofi-platform/img-w800/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 800w, /.imaging/webp/sanofi-platform/img-w900/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 400w, /.imaging/webp/sanofi-platform/img-w500/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 500w, /.imaging/webp/sanofi-platform/img-w600/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 600w, /.imaging/webp/sanofi-platform/img-w700/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 700w, /.imaging/webp/sanofi-platform/img-w800/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 800w, /.imaging/webp/sanofi-platform/img-w900/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1920" height="1080" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 400w, /.imaging/webp/sanofi-platform/img-w500/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 500w, /.imaging/webp/sanofi-platform/img-w600/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 600w, /.imaging/webp/sanofi-platform/img-w700/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 700w, /.imaging/webp/sanofi-platform/img-w800/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 800w, /.imaging/webp/sanofi-platform/img-w900/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/atooppinen-fi/asiaankuuluvat-sairaudet/atooppinen-ihottuma/atooppinen-ihottuma-nuorella/sanofi_atooppinen_infokuvat_muut_sairaudet-(1).jpg/jcr:content/sanofi_atooppinen_infokuvat_muut_sairaudet%20(1).jpg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> </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 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>  <script> (function () { const urlParams = new URLSearchParams(window.location.search); const userway = urlParams.get('accessibility'); if (userway) { const userwayScript = document.createElement('script'); userwayScript.src = "https://cdn.userway.org/widget.js"; userwayScript.setAttribute("data-account", "ShD61QrwhP"); document.body.appendChild(userwayScript); } })(); </script> </body> </html>

CINXE.COM

Etusivu Atooppinen.fi | Atooppinen.fi - Sanofi