CINXE.COM
European Health Insurance Card - Employment, Social Affairs & Inclusion - European Commission
<!DOCTYPE html> <html lang="en" dir="ltr" class="has-js"> <head> <!-- META DATA SECTION --> <title>European Health Insurance Card - Employment, Social Affairs & Inclusion - European Commission</title> <!-- META DATA SECTION --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="Reference" content= "COMM/SOCIAL" /> <meta name="Title" content="European Commission - Employment, Social Affairs & Inclusion: European Health Insurance Card" /> <meta name="Creator" content="European Commission" /> <meta name="Language" content="en" /> <meta name="Publisher" content="European Commission" /> <meta name="Type" content="57" /> <meta name="Classification" content="10" /> <meta name="Keywords" content="EU, European Health Insurance Card, EHIC, health, travelling, illness, injury, healthcare," /> <meta name="Description" content="The European Health Insurance Card makes it easier for people from the European Union’s 28 Member States plus Iceland, Liechtenstein, Norway and Switzerland to access health care services during temporary visits abroad. " /> <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1"/> <meta id="idTwitterSite" name="twitter:site" content="@eu_social" /> <meta id="idTwitterTitle" name="twitter:title" content="European Health Insurance Card" /> <meta id="idTwitterDescription" name="twitter:description" content="The European Health Insurance Card makes it easier for people from the European Union’s 28 Member States plus Iceland, Liechtenstein, Norway and Switzerland to access health care services during temporary visits abroad." /> <meta id="idFacebookUrl" property="og:url" content="" /> <meta id="idFacebookType" property="og:type" content="article" /> <meta id="idFacebookTitle" property="og:title" content="European Health Insurance Card" /> <meta id="idFacebookDescription" property="og:description" content="The European Health Insurance Card makes it easier for people from the European Union’s 28 Member States plus Iceland, Liechtenstein, Norway and Switzerland to access health care services during temporary visits abroad." /> <meta id="idTwitterSummary" name="twitter:card" content="summary_large_image" /> <meta id="idTwitterImage" name="twitter:image" content="http://ec.europa.eu/social/BlobServlet?mode=displayPicture&photoId=6567" /> <meta id="idFacebookImage" property="og:image" content="http://ec.europa.eu/social/BlobServlet?mode=displayPicture&photoId=6567" /> <!-- Styles --> <link rel="stylesheet" href="framework/styles/europa-min.css" type="text/css"> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="/social/css/ecl-ec.css" type="text/css"> <!-- CUSTOM SIDEBAR MENU STYLES AND JS--> <link rel="stylesheet" href="style/css/jquery.accordion.css" type="text/css"> <link rel="stylesheet" href="style/css/leftmenu.css" type="text/css"> <!-- END CUSTOM BLOCK--> <link rel="stylesheet" href="/social/style/css/tiny-slider.css"> <!--[if (lt IE 9)]><script src="/social/style/js/tiny-slider.helper.ie8.js"></script><![endif]--> <!-- Dev Tools --> <script src="/social/jscripts/jquery-3.3.1.min.js"></script> <!-- EU Tools --> <script type="text/javascript" src="https://ec.europa.eu/wel/surveys/wr_survey01/wr_survey.js"></script> <script src="https://ec.europa.eu/wel/cookie-consent/consent.js" type="text/javascript"></script> <!-- END OF META DATA SECTION --> <!--TEMPLATE (css)--> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <!-- <!-- Globan banner --> <script defer src="https://europa.eu/webtools/load.js?globan=1110" type="text/javascript"></script> <script type="application/json"> { "utility" : "piwik", "siteID" : 51, "sitePath" : ["ec.europa.eu\/social"], "siteSection" : "SECTION_1172" } </script> </head> <body class="language-en"> <header class="ecl-site-header" role="banner"> <div class="ecl-container ecl-site-header__banner"> <a href="https://ec.europa.eu/info/index_en" class="ecl-logo ecl-logo--logotype ecl-site-header__logo" title="Home - European Commission" style="background-image:url(framework/images/logo/logo--en.svg)"> <span class="ecl-u-sr-only">Home - European Commission</span> </a> <div class="ecl-language-list ecl-language-list--overlay"> <div id="ecl-overlay-language-list" class="ecl-dialog__overlay ecl-dialog__overlay--blue" aria-hidden="true"></div> <div class="ecl-lang-select-sites ecl-link" data-ecl-dialog="ecl-dialog" id="ecl-lang-select-sites__overlay"> <a href="#" class="ecl-lang-select-sites__link"> <span class="ecl-lang-select-sites__label">English</span> <span class="ecl-lang-select-sites__code"> <span class="ecl-icon ecl-icon--language ecl-lang-select-sites__icon"></span> <span class="ecl-lang-select-sites__code-text">en</span> </span> </a> </div> <div class="ecl-dialog ecl-dialog--transparent ecl-dialog--wide" id="ecl-dialog" aria-labelledby="ecl-dialog-title" aria-describedby="ecl-dialog-description" aria-hidden="true" role="dialog"> <h3 id="ecl-dialog-title" class="ecl-heading ecl-heading--h3 ecl-u-sr-only">Dialog</h3><!-- MOCKUP HARDCODE CONSTANT--> <div class="ecl-dialog__body"> <section> <div> <div class="ecl-container"> <div class="ecl-row"> <div class="ecl-col-lg-8 ecl-offset-lg-2"> <h2 lang="en" class="ecl-heading ecl-heading--h2 ecl-dialog__title"> <span class="ecl-icon ecl-icon--generic-lang"></span>Language selector </h2> <div class="ecl-row"> <div class="ecl-col-md-6"> <a href="main.jsp?langId=bg&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="bg" hreflang="bg" rel="alternate">български </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=cs&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="cs" hreflang="cs" rel="alternate">čeština </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=da&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="da" hreflang="da" rel="alternate">dansk </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=de&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="de" hreflang="de" rel="alternate">Deutsch </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=et&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="et" hreflang="et" rel="alternate">eesti keel </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=el&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="el" hreflang="el" rel="alternate">ελληνικά </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=en&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button ecl-language-list__button--active" lang="en" hreflang="en" rel="alternate">English <span class="ecl-icon ecl-icon--check ecl-u-f-r"></span> </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=es&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="es" hreflang="es" rel="alternate">español </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=fr&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="fr" hreflang="fr" rel="alternate">français </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=hr&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="hr" hreflang="hr" rel="alternate">hrvatski </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=it&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="it" hreflang="it" rel="alternate">italiano </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=lv&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="lv" hreflang="lv" rel="alternate">latviešu valoda </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=lt&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="lt" hreflang="lt" rel="alternate">lietuvių kalba </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=ga&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="ga" hreflang="ga" rel="alternate">Gaeilge </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=hu&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="hu" hreflang="hu" rel="alternate">magyar </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=mt&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="mt" hreflang="mt" rel="alternate">Malti </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=nl&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="nl" hreflang="nl" rel="alternate">Nederlands </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=pl&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="pl" hreflang="pl" rel="alternate">polski </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=pt&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="pt" hreflang="pt" rel="alternate">português </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=ro&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="ro" hreflang="ro" rel="alternate">română </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=sk&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="sk" hreflang="sk" rel="alternate">slovenčina </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=sl&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="sl" hreflang="sl" rel="alternate">slovenščina </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=fi&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="fi" hreflang="fi" rel="alternate">suomi </a> </div> <div class="ecl-col-md-6"> <a href="main.jsp?langId=sv&catId=559" class="ecl-button ecl-button--default ecl-button--block ecl-language-list__button " lang="sv" hreflang="sv" rel="alternate">svenska </a> </div> <button class="ecl-message__dismiss ecl-message__dismiss--inverted">Close the window</button> </div> </div> </div> </div> </div> </section> </div> </div> </div> <form class="ecl-search-form ecl-site-header__search" method="get" action="search.jsp" name="quick_search_form" id="quick_search_form"> <label class="ecl-search-form__textfield-wrapper" for="searchKey"> <input type="search" class="ecl-text-input ecl-search-form__textfield" id="searchKey" name="advSearchKey" placeholder="Search" type="text"/> <input name="mode" value="advancedSubmit" type="hidden"> <input name="langId" value="en" type="hidden"> </label> <button class="ecl-button ecl-button--form ecl-search-form__button" type="submit">Search</button> </form> </div> </header> <div class="ecl-page-header"> <div class="ecl-container"> <nav class="ecl-breadcrumbs " aria-label="breadcrumbs"> <span class="ecl-u-sr-only">You are here:</span><!-- MOCKUP HARDCODE CONSTANT--> <ol class="ecl-breadcrumbs__segments-wrapper"> <li class="ecl-breadcrumbs__segment"><a href="https://ec.europa.eu/info/index_en" class="ecl-link ecl-link--inverted ecl-link--standalone ecl-breadcrumbs__link">European Commission</a></li> <li class="ecl-breadcrumbs__segment"><a href="home.jsp?langId=en" class="ecl-link ecl-link--inverted ecl-link--standalone ecl-breadcrumbs__link">Employment, Social Affairs & Inclusion</a></li><li class="ecl-link ecl-link--inverted ecl-link--standalone ecl-breadcrumbs__link">...</li><li class="ecl-breadcrumbs__segment"><a class="ecl-link ecl-link--inverted ecl-link--standalone ecl-breadcrumbs__link" href="main.jsp?catId=849&langId=en">EU social security coordination</a></li><li class="ecl-breadcrumbs__segment ecl-breadcrumbs__segment--last"><span class="breadcrumb__text">European Health Insurance Card</span></li> </ol> </nav> <div class="ecl-page-header__body"> <div class="ecl-page-header__title"> <h1 class="ecl-heading ecl-heading--h1 ecl-u-color-white">Employment, Social Affairs & Inclusion</h1> </div> </div> </div> </div> <nav class="ecl-navigation-menu" aria-label="Main Navigation"> <div class="ecl-container"> <button class="ecl-navigation-menu__toggle ecl-navigation-menu__hamburger ecl-navigation-menu__hamburger--squeeze" aria-controls="nav-menu-expandable-root" aria-expanded="false"> <span class="ecl-navigation-menu__hamburger-box"> <span class="ecl-navigation-menu__hamburger-inner"></span></span> <span class="ecl-navigation-menu__hamburger-label">Menu</span><!-- MOCKUP HARDCODE CONSTANT--> </button> <ul class="ecl-navigation-menu__root" id="nav-menu-expandable-root"> <li class="ecl-navigation-menu__item "> <a href="home.jsp?langId=en" class="ecl-navigation-menu__link">Home</a> </li> <li id="menuPolicies" class="ecl-navigation-menu__item "> <a href="" class="ecl-navigation-menu__link" aria-controls="nav-menu-expandable-group-2" aria-expanded="false" aria-haspopup="true">Policies and activities</a> <ul class="ecl-navigation-menu__group ecl-u-z-dropdown" id="nav-menu-expandable-group-2"> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=1&langId=en" class="ecl-navigation-menu__link ">Overview</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=1172&langId=en" class="ecl-navigation-menu__link ecl-navigation-menu__link--active">Moving & working in Europe</a> </li> <script type="text/javascript"> $(document).ready(function(){ $('#menuPolicies').addClass('ecl-navigation-menu__item--active') }); </script> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=101&langId=en" class="ecl-navigation-menu__link ">European employment strategy</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=1226&langId=en" class="ecl-navigation-menu__link ">European Pillar of Social Rights - Building a fairer and more inclusive European Union</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=82&langId=en" class="ecl-navigation-menu__link ">Rights at work</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=750&langId=en" class="ecl-navigation-menu__link ">Social protection & social inclusion</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=1146&langId=en" class="ecl-navigation-menu__link ">Skills and qualifications</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=85&langId=en" class="ecl-navigation-menu__link ">International partners and agencies</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=791&langId=en" class="ecl-navigation-menu__link ">Analysis, evaluation, impact assessment</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=86&langId=en" class="ecl-navigation-menu__link ">Funding</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=1587&langId=en" class="ecl-navigation-menu__link ">Fair green and digital transitions, research</a> </li> <li class="ecl-navigation-menu__item"> <a href="main.jsp?catId=1484&langId=en" class="ecl-navigation-menu__link ">Union of equality: Strategy for the rights of persons with disabilities 2021-2030</a> </li> </ul> </li> <li class="ecl-navigation-menu__item "> <a href="main.jsp?catId=89&langId=en&furtherNews=yes" class="ecl-navigation-menu__link">News</a> </li> <li class="ecl-navigation-menu__item "> <a href="main.jsp?catId=88&langId=en" class="ecl-navigation-menu__link">Events</a> </li> <li class="ecl-navigation-menu__item "> <a href="main.jsp?catId=22&langId=en" class="ecl-navigation-menu__link">Publications and documents</a> </li> </ul> </div> </nav> <main class="ecl-container"> <div class="ecl-row ecl-u-z-navigation ecl-u-pt-xl"> <div class="ecl-col-md-3 js-stickybit-parent"> <div class="ed-menu"> <nav class="ed-menu__nav" data-accordion-group> <section class="ed-menu__section open"> <div class="ed-item_top_levels ed-menu__tab--0" data-control> <a class="nav-link show nav-font" href="?catId=1172&langId=en">Moving & working in Europe</a> </div> <div class="ed-menu__items" data-content> <div class="ed-level1 " data-accordion> <div class="ed-item_top_levels ed-menu__tab--1 " data-control> <a class="ed-menu__link" href="main.jsp?catId=25&langId=en"> Working in another EU country </a> </div> <div class="ed-menu__items ed-menu__items--level2" data-content><div class="ed-level2 " data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 " data-control> <a class="ed-menu__link" href="main.jsp?catId=457&langId=en"> Free movement - EU nationals </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=459&langId=en">The right to look for a job</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=460&langId=en">The right to reside</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=462&langId=en">Equal treatment</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=463&langId=en">Family members</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=465&langId=en">Employment in the public sector</a> </div> <div class="ed-level3 " data-accordion> <div class="ed-item_bottom_levels ed-menu__tab--3 " data-control> <a class="ed-menu__link" href="main.jsp?catId=469&langId=en"> How to enforce your rights </a> </div> <div class="ed-menu__items ed-menu__items--level4" data-content> <div class="ed-menu__item ed-item_bottom_levels"> <a class="ed-menu__link" href="main.jsp?catId=1277&langId=en">Bodies promoting equal treatment and supporting workers in the European Union and their family members</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1029&langId=en">Advisory Committee</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=474&langId=en">EU legislation</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=470&langId=en">Non-EU nationals</a> </div> <div class="ed-level2 " data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 " data-control> <a class="ed-menu__link" href="main.jsp?catId=471&langId=en"> Posted workers </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=726&langId=en">National liaison offices and authorities</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1400&langId=en">European Employment Services (EURES)</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-level1 open" data-accordion> <div class="ed-item_top_levels ed-menu__tab--1 " data-control> <a class="ed-menu__link" href="main.jsp?catId=849&langId=en"> EU social security coordination </a> </div> <div class="ed-menu__items ed-menu__items--level2" data-content><div class="ed-level2 " data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 " data-control> <a class="ed-menu__link" href="main.jsp?catId=1543&langId=en"> Digitalisation in social security coordination </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1544&langId=en">Electronic Exchange of Social Security Information (EESSI)</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1545&langId=en">European Social Security Pass</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=851&langId=en">Which rules apply to you?</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=853&langId=en">Where do these rules apply?</a> </div> <div class="ed-level2 " data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 " data-control> <a class="ed-menu__link" href="main.jsp?catId=854&langId=en"> What are your rights? </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=859&langId=en">Sickness, maternity and paternity</a> </div> <div class="ed-level3 " data-accordion> <div class="ed-item_bottom_levels ed-menu__tab--3 " data-control> <a class="ed-menu__link" href="main.jsp?catId=860&langId=en"> Pensions </a> </div> <div class="ed-menu__items ed-menu__items--level4" data-content> <div class="ed-menu__item ed-item_bottom_levels"> <a class="ed-menu__link" href="main.jsp?catId=468&langId=en">Supplementary pensions</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=861&langId=en">Invalidity</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=862&langId=en">Unemployment</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=863&langId=en">Family benefits</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=864&langId=en">Accidents at work and occupational diseases</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=858&langId=en">Your rights country by country</a> </div> <div class="ed-level2 open" data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 ed-menu__item--active ed-menu__item--active" data-control> <a class="ed-menu__link" href="main.jsp?catId=559&langId=en"> European Health Insurance Card </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=563&langId=en">Applying for a card</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1021&langId=en">How to use the card</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=653&langId=en">How to recognise the card</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-level2 " data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 " data-control> <a class="ed-menu__link" href="main.jsp?catId=569&langId=en"> Planned medical treatment </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=570&langId=en">Getting your costs met</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=855&langId=en">Claims and forms</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=856&langId=en">Need help?</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=857&langId=en">Frequently asked questions</a> </div> <div class="ed-level2 " data-accordion> <div class="ed-item_mid_levels ed-menu__tab--2 " data-control> <a class="ed-menu__link" href="main.jsp?catId=866&langId=en"> Specialised information </a> </div> <div class="ed-menu__items ed-menu__items--level3" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=867&langId=en">EU legislation</a> </div> <div class="ed-level3 " data-accordion> <div class="ed-item_bottom_levels ed-menu__tab--3 " data-control> <a class="ed-menu__link" href="main.jsp?catId=868&langId=en"> Official documents </a> </div> <div class="ed-menu__items ed-menu__items--level4" data-content> <div class="ed-menu__item ed-item_bottom_levels"> <a class="ed-menu__link" href="main.jsp?catId=1258&langId=en">Member States wishing to be notified of all posting situations on their territory</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=815&langId=en">Social protection systems - MISSOC</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-level1 " data-accordion> <div class="ed-item_top_levels ed-menu__tab--1 " data-control> <a class="ed-menu__link" href="main.jsp?catId=1098&langId=en"> Network of legal experts (MoveS) </a> </div> <div class="ed-menu__items ed-menu__items--level2" data-content> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=953&langId=en">Case law</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1142&langId=en">A-Z on social security coordination (FAQs)</a> </div> <div class="ed-menu__item ed-item_mid_levels"> <a class="ed-menu__link" href="main.jsp?catId=1502&langId=en">Social Security Coordination Regulations database</a> </div> </div> <!-- menu items --> </div> <!-- ed-level --> <div class="ed-menu__item ed-item_top_levels"> <a class="ed-menu__link" href="main.jsp?catId=1154&langId=en">Facts and figures on intra-EU labour mobility and EU social security coordination</a> </div> </div> </section> </nav> </div> </div> <div class="ecl-col-md-9" id="mainTextContent"> <!-- MESSAGe INFO --> <!-- CONTENT AREA --> <!-- <div id="mainTextContent"> --> <div class="hr-pageMainContent ecl-u-mb-xl"> <header><h1 class="ecl-heading ecl-heading--h1" >European Health Insurance Card</h1></header> <article> <section class="ecl-u-mv-l ecl-row"> <div class="ecl-col-md-9 hr-videoGallery"> <div class="hr-slider-iframeContainer"> <iframe class="hr-slider-iframe" aria-label="Video" src="https://ec.europa.eu/avservices/play.cfm?ref=I175979&sitelang=EN&lg=EN&devurl=https://ec.europa.eu/avservices/video/player/config.cfm" id="videoplayerI-175979" frameborder="0" scrolling="no" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true"> </iframe> </div> </div> </section> <link rel="stylesheet" href="/social/style/css/tiny-slider.css"> <!--[if (lt IE 9)]><script src="/social/style/js/tiny-slider.helper.ie8.js"></script><![endif]--> <script src="/social/style/js/tiny-slider.js"></script> <script> var slider = tns({ container: '.hr-slider', controlsContainer: ".hr-slider-controls", navContainer: ".hr-slider-nav", items: 3, slideBy: 3, gutter: "8", loop: false, navAsThumbnails: true, nav: false }) $(".hr-videoGallery-item").click(function (e) { $(this).closest(".hr-videoGallery").find("iframe").attr("src", $(this).data("iframe")); }) </script> <h2>What is the European Health Insurance Card?</h2> <p>A free card that gives you access to medically necessary, state-provided healthcare during a temporary stay in any of the 27 EU countries, Iceland, Liechtenstein, Norway and Switzerland or the United Kingdom under the same conditions and at the same cost (free in some countries) as people insured in that country. The <a href="https://ec.europa.eu/social/BlobServlet?docId=6481&langId=en">benefits covered</a> include, for example, benefits provided in conjunction with chronic or existing illnesses as well as in conjunction with pregnancy and childbirth.</p> <p>Cards are issued by your <a href="https://ec.europa.eu/social/main.jsp?catId=563&langId=en#nationalinfo">national health insurance provider</a>.</p> <p><strong>Important</strong> – the European Health Insurance Card:</p> <ul> <li>is <strong>not an alternative to travel insurance</strong>. It does not cover any private healthcare or costs such as a return flight to your home country or lost/stolen property,</li> <li>does <strong>not cover</strong> your costs if you are <strong>travelling for the express purpose of</strong> obtaining <strong>medical treatment</strong>,</li> <li>does <strong>not guarantee free services</strong>. As each country’s healthcare system is different services that cost nothing at home might not be free in another country.</li> </ul> <p><strong>Please note</strong>: when you move your <strong>habitual residence</strong> to another country, you should register with the <a href="https://europa.eu/youreurope/citizens/work/social-security-forms/index_en.htm">S1 form</a> instead of using the EHIC to receive medical care in your new country of habitual residence.</p> </div> </article> <!-- LANGUAGE POLICY AREA --> <!-- LANGUAGE POLICY AREA --> <!-- MORE DOCUMENTS SECTION --> <!-- MULTIMEDIA SECTION --> <!-- CONTENT AREA --> <!-- NEWS SECTION --> <!--END NEWS SECTION--> <!-- EVENTS SECTION --> <!--END EVENTS SECTION--> <!-- EVENTS SECTION FOR MAKING TITLES CLICKEABLE--> <!--END EVENTS SECTION--> <!-- PUBLICATIONS SECTION --> <!--END PUBLICATIONS SECTION--> <!-- FILES SECTION --> <!--END FILES SECTION--> <!-- RELATED NEWS MAIN SECTION --> <section class="ecl-u-mv-l"> <h2 class="ecl-heading ecl-heading--h2" id="navItem-relatedNews">Related news</h2> <ul class="ecl-listing hr-listing ecl-listing--three-columns"> <li class="ecl-list-item hr-list-item ecl-list-item--three-columns"> <a href="main.jsp?langId=en&catId=559&furtherNews=yes&newsId=10788" class="ecl-link ecl-list-item__link"> <div class="ecl-list-item__primary"> <p class="ecl-paragraph"> <img src="BlobServlet?mode=displayPicture&photoId=13073" alt=""/> </p> </div> <div class="ecl-list-item__body ecl-u-mh-s ecl-u-mh-sm-none"> <div class="ecl-list-item__meta"> <div class="ecl-meta"><span class="ecl-meta__item">12/03/2024</span></div> </div> <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Annual report on intra-EU labour mobility 2023 published</h3> <div class="ecl-list-item__action"></div> </div> </a> </li> <li class="ecl-list-item hr-list-item ecl-list-item--three-columns"> <a href="main.jsp?langId=en&catId=559&furtherNews=yes&newsId=10702" class="ecl-link ecl-list-item__link"> <div class="ecl-list-item__primary"> <p class="ecl-paragraph"> <img src="BlobServlet?mode=displayPicture&photoId=12983" alt="Travelling during winter holidays? Don't forget your European Health Insurance Card"/> </p> </div> <div class="ecl-list-item__body ecl-u-mh-s ecl-u-mh-sm-none"> <div class="ecl-list-item__meta"> <div class="ecl-meta"><span class="ecl-meta__item">07/12/2023</span></div> </div> <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">Travelling abroad for Christmas? Don’t forget your European Health Insurance Card</h3> <div class="ecl-list-item__action"></div> </div> </a> </li> <li class="ecl-list-item hr-list-item ecl-list-item--three-columns"> <a href="main.jsp?langId=en&catId=559&furtherNews=yes&newsId=9270" class="ecl-link ecl-list-item__link"> <div class="ecl-list-item__primary"> <p class="ecl-paragraph"> <img src="BlobServlet?mode=displayPicture&photoId=10505" alt=""/> </p> </div> <div class="ecl-list-item__body ecl-u-mh-s ecl-u-mh-sm-none"> <div class="ecl-list-item__meta"> <div class="ecl-meta"><span class="ecl-meta__item">20/12/2018</span></div> </div> <h3 class="ecl-list-item__title ecl-heading ecl-heading--h3">#myEHICstory: share your story with us!</h3> <div class="ecl-list-item__action"></div> </div> </a> </li> </ul> <div class="ecl-u-d-flex ecl-u-justify-content-end"> <a href="main.jsp?langId=en&catId=559&furtherNews=yes" class="ecl-button ecl-button--call ecl-button--caret-right">All news</a> </div> </section> <link rel="stylesheet" href="jscripts/colorbox/colorbox.css" /> <script src="jscripts/colorbox/jquery.colorbox.js"></script> <script type="text/javascript"> $(window).on('load', function(){ $("a[rel='internal_pages']").colorbox(); }); </script> <!-- RELATED EVENTS MAIN SECTION --> <!-- RELATED DOCUMENTS SECTION --> <section class="ecl-file ecl-file--link ecl-u-mv-l"> <h2 class="ecl-heading ecl-heading--h2" id="navItem-relatedDocuments">Related documents</h2> <div class="ecl-link ecl-file__link hr-fileList--item"> <span class="ecl-icon ecl-icon--file ecl-file__icon"></span> <a id="link_6481" class="ecl-file__title ecl-link ecl-u-mr-auto" href="BlobServlet?docId=6481&langId=en"> Explanatory notes on necessary care (2011) </a> <span class="ecl-file__type">pdf</span> <div class="ecl-form ecl-u-pl-s"> <select name="langdocs_6481" id="langdocs_6481" aria-label="Select a language" class="ecl-select hr-documentLangSelect"> <option selected value="en" data-is-flipbook="0">en</option> </select> </div> <button id="Online_6481" name="Online" class="ecl-button ecl-button--primary ecl-u-ml-xxs" type="button" style="display:none;" target="_blank">View online </button> <button id="Download_6481" name="Download" class="ecl-button ecl-button--primary ecl-u-ml-xxs" type="submit" >Download</button> </div> </section> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { $("select[id^='langdocs']").change(function () { var docId=$(this).attr('id').split('_')[1]; var blobservlet="BlobServlet?docId="+docId+"&langId="+$(this).val(); if ($(this).find(":selected").attr('data-is-flipbook') > 0) { $('#Online_'+docId).show(); $('#Online_'+docId).attr("onclick", "window.open('"+blobservlet+"&mode=flipbookPdf')"); } else { $('#Online_'+docId).hide(); } $('#Download_'+docId).attr("onclick", "window.open('"+blobservlet+"')"); $('#link_'+docId).attr("href", blobservlet); }); $("select[id^='langdocs']").trigger("change"); }); </script> <!--END RELATED DOCUMENTS SECTION--> <!-- LINKS SECTION --> <section class="ecl-u-mv-l"> <h2 class="ecl-heading ecl-heading--h2" id="navItem-relatedLinks">Related links</h2> <ul class="ecl-list--unstyled"> <li class="ecl-list-item ecl-list-item--date"> <a href="main.jsp?catId=1028&langId=en" class="ecl-link ecl-link--standalone ecl-link-block__link">EESSI Public Access Interface – find a social security institution in Europe</a> </li> </ul> </section> <!--END LINKS SECTION--> <!-- BEGIN Further Information: Publications, Features, Calls --> <section class="ecl-u-mv-l"> <h2 class="ecl-heading ecl-heading--h2" id="navItem-moreTopic">More on this topic</h2> <ul class="ecl-list--unstyled"> <li class="ecl-list-item ecl-list-item--date"> <a href="main.jsp?catId=559&langId=en&furtherCalls=yes&callType=1" class="ecl-link ecl-link--standalone ecl-link-block__link">Calls for tender</a> </li> <li class="ecl-list-item ecl-list-item--date"> <a href="main.jsp?catId=559&langId=en&furtherVideos=yes" class="ecl-link ecl-link--standalone ecl-link-block__link">Videos</a> </li> </ul> </section> <script type="text/javascript"> $(document).ready(function () { $("#navItem-moreTopic_left_col").show(); }); </script> <!-- END Further Information: Publications, Features, Calls --> <!-- TO SHARE SECTION --> <section class="ecl-u-mv-l"> <h3 class="ecl-heading ecl-heading--h3">Share this page</h3> <script type="application/json">{ "service": "share", "stats": true, "popup": false, "icon": false, "counter": false, "via" : "EU_Social", "to": ["facebook","twitter","google","linkedin","more"] } </script> </section> </div> </div> </main> </body> <link rel="stylesheet" href="style/css/footer.css" type="text/css"> <footer class="ecl-footer-standardised"> <div class="ecl-container ecl-footer-standardised__container"> <div class="ecl-footer-standardised__section ecl-footer-standardised__section1"> <a href="home.jsp?langId=en" class="ecl-footer-standardised__title ecl-link--standalone">Employment, Social Affairs & Inclusion</a> <div class="ecl-footer-standardised__description">This site is managed by the Directorate-General for Employment, social affairs and inclusion</div> <div class="ecl-footer-standardised__description"> <a href="main.jsp?catId=1629&langId=en" class="ecl-footer-standardised__link ecl-link--standalone">Accessibility</a> </div> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section2"> <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">Contact us</div> <ul class="ecl-footer-standardised__list"> <li class="ecl-footer-standardised__list-item"> <a href="main.jsp?catId=2&langId=en&acronym=contact" class="ecl-footer-standardised__link ecl-link--standalone">Contact information of the DG</a> </li> </ul> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section3"> <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">About us</div> <ul class="ecl-footer-standardised__list"> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/departments/employment-social-affairs-and-inclusion_en" class="ecl-footer-standardised__link ecl-link--standalone">Information about the DG</a> </li> </ul> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section4" > <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator" id="followus">Follow us on</div> <ul class="ecl-footer-standardised__list ecl-footer-standardised__list--inline"> <li class="ecl-footer-standardised__list-item"> <a href="https://www.facebook.com/socialeurope" class="ecl-footer-standardised__link ecl-link--standalone ecl-link--icon ecl-link--icon-before"> <span class="ecl-icon ecl-icon--facebook ecl-footer__social-icon"></span> <span class="ecl-link__label">Facebook</span> </a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://twitter.com/EU_social" class="ecl-footer-standardised__link ecl-link--standalone ecl-link--icon ecl-link--icon-before"> <span class="ecl-icon ecl-icon--twitter ecl-footer__social-icon"></span> <span class="ecl-link__label">Twitter</span> </a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://www.linkedin.com/showcase/eu-skills" class="ecl-footer-standardised__link ecl-link--standalone ecl-link--icon ecl-link--icon-before"> <span class="ecl-icon ecl-icon--linkedin ecl-footer__social-icon"></span> <span class="ecl-link__label">LinkedIn</span> </a> </li> <li class="ecl-footer-standardised__list-item"> <a href="http://www.youtube.com/user/europesocial/" class="ecl-footer-standardised__link ecl-link--standalone ecl-link--icon ecl-link--icon-before"> <span class="ecl-icon ecl-icon--youtube ecl-footer__social-icon"></span> <span class="ecl-link__label">Youtube</span> </a> </li> <li class="ecl-footer-standardised__list-item"> <a href="http://www.flickr.com/photos/socialeurope/" class="ecl-footer-standardised__link ecl-link--standalone ecl-link--icon ecl-link--icon-before"> <span class="ecl-icon ecl-icon--flickr ecl-footer__social-icon"></span> <span class="ecl-link__label">Flickr</span> </a> </li> </ul> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section5"> <div class="ecl-footer-standardised__title ecl-footer-standardised__title--separator">Related sites</div> <ul class="ecl-footer-standardised__list"> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/eures/public/en" class="ecl-footer-standardised__link ecl-link--standalone">European Job Mobility Portal</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/european-social-fund-plus/en" class="ecl-footer-standardised__link ecl-link--standalone">European Social Fund Plus</a> </li> </ul> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section6"> <div class="ecl-footer-standardised__content">More information on:</div> <ul class="ecl-footer-standardised__list ecl-footer-standardised__list--condensed"> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/live-work-travel-eu_en" class="ecl-footer-standardised__link ecl-link--standalone">Live, work, travel in the EU</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/education_en" class="ecl-footer-standardised__link ecl-link--standalone">Education</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/funding-tenders_en" class="ecl-footer-standardised__link ecl-link--standalone">Funding, Tenders</a> </li> </ul> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section7"> <a href="https://ec.europa.eu/info/index_en" class="ecl-footer-standardised__title ecl-link--standalone">European Commission</a> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section8"> <ul class="ecl-footer-standardised__list"> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/about-european-commission/contact_en" class="ecl-footer-standardised__link ecl-link--standalone">Contact the European Commission</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://europa.eu/european-union/contact/social-networks_en#n:+i:4+e:1+t:+s" class="ecl-footer-standardised__link ecl-link--standalone ecl-link--icon ecl-link--icon-after"> <span class="ecl-link__label">Follow the European Commission on social media</span> <svg focusable="false" aria-hidden="true" class="ecl-link__icon ecl-icon ecl-icon--xs"> <!-- <use xlink:href="/component-library/dist/media/icons.865a18d2.svg#ui--external"></use> --> </svg> </a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/resources-partners_en" class="ecl-footer-standardised__link ecl-link--standalone">Resources for partners</a> </li> </ul> </div> <div class="ecl-footer-standardised__section ecl-footer-standardised__section9"> <ul class="ecl-footer-standardised__list"> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/language-policy_en" class="ecl-footer-standardised__link ecl-link--standalone">Language policy</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/cookies_en" class="ecl-footer-standardised__link ecl-link--standalone">Cookies</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/privacy-policy_en" class="ecl-footer-standardised__link ecl-link--standalone">Privacy policy</a> </li> <li class="ecl-footer-standardised__list-item"> <a href="https://ec.europa.eu/info/legal-notice_en"class="ecl-footer-standardised__link ecl-link--standalone">Legal notice</a> </li> </ul> </div> </div> </footer> <script src="framework/scripts/europa-min.js"></script> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { ECL.megamenu(); ECL.dialogs({ dialogOverlayId: 'ecl-overlay-language-list', triggerElementsSelector: '#ecl-lang-select-sites__overlay' }); }); </script> <!-- CUSTOM SIDEBAR MENU STYLES AND JS--> <script type="text/javascript" src="style/js/jquery.accordion.js"></script> <script type="text/javascript"> $(document).ready(function () { $('.ed-menu__nav [data-accordion]').accordion({singleOpen: false}); $(".ed-item_top_levels,.ed-item_mid_levels,.ed-item_bottom_levels").on( "click", function() { var sibling = $(this).next(); if (sibling.css("max-height") == "0px") { sibling.attr("aria-expanded", "true"); } else { sibling.attr("aria-expanded", "false"); } }); $(".ed-item_top_levels,.ed-item_mid_levels,.ed-item_bottom_levels").next().attr("aria-expanded", "false"); $(".ed-menu__item--active").parents(".open > :nth-child(2)").attr("aria-expanded", "true"); }); </script> <!-- END CUSTOM BLOCK--> <!-- Display pictures--> <script src="jscripts/colorbox/jquery.colorbox.js"></script> <link rel="stylesheet" href="jscripts/colorbox/colorbox.css" /> <script> document.addEventListener('DOMContentLoaded', function () { $("#mainTextContent,#news_summary").find("p,a,ul,span,h4,h3,h2").each(function(){ var that = $(this); if(that.parents("#tress").length){ //Skip elements inside div #tress }else if(that.is("p")){ //ecl-paragraph--xxs if(!(that.hasClass("ecl-paragraph") || that.hasClass("ecl-blockquote__citation") || that.hasClass("ecl-paragraph--xxs") || that.hasClass("ecl-paragraph--xs") || that.hasClass("ecl-paragraph--s") || that.hasClass("ecl-paragraph--m") || that.hasClass("ecl-paragraph--l"))) that.attr("class", "ecl-paragraph"); }else if(that.is("a")){ if(!(that.hasClass("ecl-link") || that.hasClass("ecl-pager__link") || that.hasClass("ecl-button") || that.hasClass("tns-item") || that.find("img") || !that.hasClass("ecl-gallery__item-link")) || that.hasClass("")) that.attr("class", "ecl-link"); }else if(that.is("ul")){ if (!(that.hasClass("ecl-pager") || that.hasClass("ecl-list--unstyled") || that.hasClass("ecl-listing") || that.hasClass("ecl-list")|| that.hasClass("toc") || that.hasClass("ecl-gallery__list") || that.hasClass("ecl-menu-new__list") || that.hasClass("ecl-menu-new__sublist"))) // that.attr("class", "ecl-list"); }else if(that.is("span")){ that.removeAttr("style"); }else if(that.is("h4")){ if(!(that.hasClass("ecl-heading--h4"))) that.attr("class", "ecl-heading ecl-heading--h4"); }else if(that.is("h2")){ if(!(that.hasClass("ecl-heading--h2") || that.hasClass("ecl-heading"))) that.attr("class", "ecl-heading ecl-heading--h2"); }else if(that.is("h3")){ if(!(that.hasClass("ecl-heading--h3") || that.hasClass("ecl-accordion-new__title"))) that.attr("class", "ecl-heading ecl-heading--h3"); } }); //BEGIN ACCORDEON TREATMENT var dtcounter=1; var dlcounter=1; var openDl=true; $("#mainTextContent").find("h2,div[class='faq_question'],div[class='faq_answer']").each(function(){ var that = $(this); if(that.is("div[class='faq_question']") && openDl==true){//adding over 1st one the main accordion class that.before("<dl class=\"ecl-accordion\" id=\"accordion"+dlcounter +"\"></dl>"); openDl=false; }else if(that.is("h2")){//h2 is the mark to split accordions. Important! openDl=true; dlcounter++; } //important. Only workin with this 2 classes. if(that.is("div[class='faq_question']")){//head accordion // if no color specified then yellow by default var bgcolour = ""; // data attribute exist if (that.attr("bgcolour")) bgcolour = " " + that.attr("bgcolour"); var dt="<dt role=\"heading\" aria-level=\"2\">" + "<button class=\"ecl-accordion__header" + bgcolour + "\" aria-expanded=\"false\" id=\"ecl-accordion-header-pan"+dtcounter + "\" aria-controls=\"ecl-accordion-panel-pan"+dtcounter+"\""+ ((dtcounter==1)? " tabindex=\"0\"":"")+">" + that.find('a').text()+"</button></dt>"; $("#accordion"+dlcounter).append(dt); that.remove(); }else if(that.is("div[class='faq_answer']")){//body accordion var dd="<dd role=\"region\" class=\"ecl-accordion__panel\" aria-hidden=\"true\" id=\"ecl-accordion-panel-pan"+dtcounter+"\" aria-labelledby=\"ecl-accordion-header-pan"+dtcounter+"\" hidden>" +((typeof that.find('div').html()=="undefined")?that.html():that.find('div').html())+"</dd>";//usually content is inside another <div>, but if not, take it all straight $("#accordion"+dlcounter).append(dd); that.remove(); dtcounter++; } }); //mainTextConent // Display in-pictures $("a[rel='gallery']").colorbox({photo:true, maxWidth:'75%', maxHeight:'75%'}); // New Accordion $(".ecl-accordion-new__toggle").click(function(){ var acc = $(this); var uncle = acc.parent().next(); if(uncle.is(":hidden")){ uncle.removeAttr("hidden"); uncle.attr("aria-hidden",false); acc.attr("aria-expanded",true); } else { uncle.prop("hidden", true); uncle.attr("aria-hidden",true); acc.attr("aria-expanded",false); } }); // Old Accordion $(".ecl-accordion__header").click(function(){ var acc = $(this); var uncle = acc.parent().next(); if(uncle.is(":hidden")){ uncle.removeAttr("hidden"); acc.attr("aria-expanded",false); } else { uncle.prop("hidden", true); acc.attr("aria-expanded",true); } }); //END ACCORDEON TREATMENT ECL.initExpandables('.ecl-navigation-inpage__trigger'); ECL.navigationInpages(); ECL.accordions(); // Timeline //$(".ecl-timeline__item").css('margin-bottom', '0px'); }); function timelineFunction(timeline_id) { console.log("timelineButton"); //console.log($(timeline + " > li.ecl-timeline__item--collapsed").length); console.log($("ol#" + timeline_id + " > li.ecl-timeline__item--collapsed")); var collapsed = $("ol#" + timeline_id + " > li.ecl-timeline__item--collapsed"); console.log(collapsed); if( collapsed.length > 0 ){ // it exists console.log("there are collapsed items, lets show them"); collapsed.removeClass("ecl-timeline__item--collapsed"); } else { console.log("lets hide them"); $("ol#" + timeline_id + " > li[hide='yes']").addClass("ecl-timeline__item--collapsed"); } }; </script> </html>