/*=================================== Custom fonts ===================================*/

/*=================================== Initialization & General ===================================*/
:root { --maxWidth:1440px; --minWidth:600px; } /*Don't forget to adjust in framework.css and scripts.js!*/
.maxWidth { max-width:1440px; }
.stretchedWidth { width:calc(100vw - ((100vw - var(--maxWidth)) / 2)); margin-left:calc((100vw - min(100vw, var(--maxWidth))) / 2); max-width:none; }
/*.inlineBlock, .inlineFlex { font-size:0; }*/

/*=================================== Site-specific Framework & Snippets ===================================*/
/*Site-specific grids, widths & heights*/
.h-1_5 { height:1.5rem; }
.h-16 { height:16rem; }
.h-28_8 { height:28.8rem; }
.h-37 { height:37rem; }
.h-51 { height:50.95rem; }
.w-18 { width:18rem; }
.w-25_5 { width:25.16rem; }
.w-28 { width:28rem; }
.w-39 { width:39rem; }
.w-edge { width:calc((100vw - var(--maxWidth)) / 2 + var(--maxWidth)*0.13); }
/*Site-specific paddings*/
/*Site-specific margins*/
.mr-2_5 { margin-right:2.5rem; }

/*Site-specific framework: Backgrounds*/
.bg-beige { background-color:#e8e0d9; }
.bg-brightGreen { background-color:#c0f4b0; }
.bg-darkGreen, .widget-map .map .jvm-zoom-btn, button.b-darkGreen:hover, button.b-darkGreen.active { background-color:#005c5a; }
.bg-lightBlue, .bg-skyBlue { background-color:#9fc8ff; }
.bg-intenseBlue { background-color:#555fff; }
.bg-white, button.b-white:hover, header nav .item:hover, button.b-white:hover, button.b-white.active { background-color:#fff; }
.bg-yellow { background-color:#ffd783; }
.bg-transparent, button.bg-intenseBlue:hover { background-color:unset; }
.bg-play { background-image:url(/assets/images/icon-play-darkGreen.svg); background-size:2rem; background-repeat:no-repeat; background-position:center center; }
.bg-transparentBlack { background-color:#000000aa; }

/*Site-specific framework: Borders & Corners*/
button.b-rounded, header .b-rounded, header div.b-rounded { border-radius:2rem; }
div.b-rounded, iframe.b-rounded, img.b-rounded, video.b-rounded { border-radius:1rem; }
div.bl-rounded { border-top-left-radius:2rem; border-bottom-left-radius:2rem; }
.b-darkGreen { border:1px solid #005c5a; }
.bl-darkGreen, .bx-darkGreen { border-left:1px solid #005c5a; }
.br-darkGreen, .bx-darkGreen { border-right:1px solid #005c5a; }
.bb-darkGreen, .by-darkGreen { border-bottom:1px solid #005c5a; }
.bt-darkGreen, .by-darkGreen { border-top:1px solid #005c5a; }
.b-intenseBlue, button.bg-intenseBlue { border:1px solid #555fff; }
.b-white, button.bg-intenseBlue:hover { border:1px solid #fff; }
.bb-white, .by-white { border-bottom:1px solid #fff; }
.bt-white, .by-white { border-top:1px solid #fff;  }
.b-dashed { border-style:dashed !important; }
input[type="search"] { background-color:transparent; }

/*Site-specific framework: Cursors, buttons & icons*/
button.next:not(.blank) { width:3.5rem; height:3.5rem; background-image:url(/assets/images/icon-next-white.svg); background-size:1.5rem; background-position:center center; }
button.next.b-darkGreen, button.next.b-white:hover { background-image:url(/assets/images/icon-next-darkGreen.svg); }
button.next.b-darkGreen:hover { background-image:url(/assets/images/icon-next-white.svg) }
button.next.blank { cursor:url(/assets/images/cursor-next-intenseBlue.png), auto; }
button.previous:not(.blank) { width:3.5rem; height:3.5rem; background-image:url(/assets/images/icon-previous-white.svg); background-size:1.5rem; background-position:center center; }
button.previous.b-darkGreen, button.previous.b-white:hover { background-image:url(/assets/images/icon-previous-darkGreen.svg); }
button.previous.b-darkGreen:hover { background-image:url(/assets/images/icon-previous-white.svg) }
button.previous.blank { cursor:url(/assets/images/cursor-previous-intenseBlue.png), auto; }
button.close { width:2.5rem; height:2.5rem; background-image:url(/assets/images/icon-close-white.svg); background-size:1rem; background-position:center center; }
button.close.large { background-size:1.75rem; }
button.close.darkGreen { background-image:url(/assets/images/icon-close-darkGreen.svg); }
button.close.strong { width:1.5rem; height:1.5rem; background-image:url(/assets/images/icon-close-strong-white.svg); background-size:cover; background-position:center center; }
button.close.strong.darkGreen { background-image:url(/assets/images/icon-close-strong-darkGreen.svg); }
button.donate { background-image:url(/assets/images/icon-donate-white.svg); background-size:2rem; background-position:center center; background-repeat:no-repeat; }
button.search { width:1.75rem; height:1.75rem; background-image:url(/assets/images/icon-search-white.svg); background-size:cover; background-position:center center; }
button.search.darkGreen { background-image:url(/assets/images/icon-search-darkGreen.svg); }
button.social { width:3.5rem; height:3.5rem; background-image:url(/assets/images/icon-social-darkGreen.svg); background-size:cover; }
button.social:hover { background-image:url(/assets/images/icon-social-darkGreen-active.svg); }
button.social.bluesky { background-image:url(/assets/images/icon-bluesky-darkGreen.svg); }
button.social.bluesky:hover { background-image:url(/assets/images/icon-bluesky-darkGreen-active.svg); }
button.social.facebook { background-image:url(/assets/images/icon-facebook-darkGreen.svg); }
button.social.facebook:hover { background-image:url(/assets/images/icon-facebook-darkGreen-active.svg); }
button.social.instagram { background-image:url(/assets/images/icon-instagram-darkGreen.svg); }
button.social.instagram:hover { background-image:url(/assets/images/icon-instagram-darkGreen-active.svg); }
button.social.linkedIn { background-image:url(/assets/images/icon-linkedIn-darkGreen.svg); }
button.social.linkedIn:hover { background-image:url(/assets/images/icon-linkedIn-darkGreen-active.svg); }
button.social.twitter { background-image:url(/assets/images/icon-twitter-darkGreen.svg); }
button.social.twitter:hover { background-image:url(/assets/images/icon-twitter-darkGreen-active.svg); }
#donateButton:hover .hidden { display:block; }
#donateButton:hover button { display:none; }


/*Snippets*/
.widgetNumber { position:relative; top:-0.15rem; }
.paragraphs p:not(:first-child) { margin-top:2rem; }
.paragraphs a { word-wrap:break-word; overflow-wrap:break-word; }
.paragraphs h1, .paragraphs h2, .paragraphs h3, .paragraphs h4 { margin-top:3.5rem; margin-bottom:1rem; }
.paragraphs h1:first-child, .paragraphs h2:first-child, .paragraphs h3:first-child, .paragraphs h4:first-child { margin-top:0; }
.paragraphs ul, .paragraphs ol { margin-top:2rem; }
.paragraphs h1 + ul, .paragraphs h2 + ul, .paragraphs h3 + ul, .paragraphs h4 + ul, .paragraphs ul:first-child, .paragraphs h1 + ol, .paragraphs h2 + ol, .paragraphs h3 + ol, .paragraphs h4 + ol, .paragraphs ol:first-child { margin-top:0; }
.paragraphs ul li { margin:0 0 1rem 1rem; padding-left:1rem; }
.paragraphs ol li { margin:0 0 1rem 1.5rem; padding-left:1rem; }
.paragraphs ul li { list-style-image:url(/assets/images/icon-list-purple.svg); }
div.dropdown { padding:0.5rem 1.5rem; background-image:url(/assets/images/icon-dropdown-yellow.svg); background-repeat:no-repeat; background-position:center right 0.3rem; background-color:#fff; background-size:3.6rem; overflow:hidden; }
div.dropdown, div.dropdown li { height:3rem; }
div.dropdown:hover { width:auto; padding:1.5rem 1.5rem; background:#fff; }
div.dropdown:hover, div.dropdown:hover ul { height:auto; max-height:15rem; }
div.dropdown:hover ul { padding-bottom:0.8rem; overflow-y:scroll; }
div.dropdown.active li { display:none; }
div.dropdown.active li.active, div.dropdown.active:hover li { display:block; }
.sb-blueBlue::-webkit-scrollbar, .sb-lightBlueGrey::-webkit-scrollbar, .sb-orangeYellow::-webkit-scrollbar, .sb-whiteGreen::-webkit-scrollbar, .sb-greenWhite::-webkit-scrollbar { width:0.75rem; background-color:none; }
.sb-blueBlue::-webkit-scrollbar-track, .sb-lightBlueGrey::-webkit-scrollbar-track, .sb-orangeYellow::-webkit-scrollbar-track, .sb-whiteGreen::-webkit-scrollbar-track, .sb-greenWhite::-webkit-scrollbar-track { border:none; border-radius:0.25rem; }
.sb-blueBlue::-webkit-scrollbar-thumb, .sb-lightBlueGrey::-webkit-scrollbar-thumb, .sb-orangeYellow::-webkit-scrollbar-thumb, .sb-whiteGreen::-webkit-scrollbar-thumb, .sb-greenWhite::-webkit-scrollbar-thumb { border-radius:0.25rem; }
.sb-blueBlue::-webkit-scrollbar-track { background-color:#cfe4ff; }
.sb-blueBlue::-webkit-scrollbar-thumb { background-color:#555fff; }
.sb-greenWhite::-webkit-scrollbar-track { background-color:#5c9693; }
.sb-greenWhite::-webkit-scrollbar-thumb { background-color:#005c5a; }
.sb-lightBlueGrey::-webkit-scrollbar-track { background-color:#ddd; }
.sb-lightBlueGrey::-webkit-scrollbar-thumb { background-color:#94bfe5; }
.sb-orangeYellow::-webkit-scrollbar-track { background-color:#ffebc1; }
.sb-orangeYellow::-webkit-scrollbar-thumb { background-color:#ff7846; }
.sb-whiteGreen::-webkit-scrollbar-track { background-color:#5c9693; }
.sb-whiteGreen::-webkit-scrollbar-thumb { background-color:#fff; }

.linguise_switcher { border-radius:7px !important; }

/*=================================== Templates ===================================*/

header nav .relative:hover .hidden { display:block; }

footer .collaborators .item:hover .hidden { display:block; }

body.article .articleData { left:50vw; }

.widget-cards .card:hover .overlay.hidden { display:flex; }
.widget-glossary .content { left:50%; }
.widget-glossary .label:last-of-type span { border-bottom:none; }
.widget-glossary .label.active { background-image:url(/assets/images/background-glossary-white.svg); background-position:center right -0.2rem; background-size:4rem; background-repeat:no-repeat; }
.widget-map { background-size:cover; background-repeat:no-repeat; background-position:center center; }
.widget-map .map, .widget-map .map svg { width:68rem !important; height:40rem; }
.widget-map .map .jvm-region { fill:#fff; stroke:#005c5a; }
.widget-map .map .jvm-region.hotlineCountry { fill:#94bfe5; }
.widget-map .map .jvm-region.hotlineCountry-selected, .widget-map .map .jvm-region.jvm-selected.hotlineCountry-selected { fill: #555fff !important; }
.widget-map .map .jvm-tooltip { background: #555fff !important; }
.widget-map .map .jvm-zoom-btn { left:auto; right:0; }
.widget-resources .item .resource { background-image:url(/assets/images/background-publication-01.png); background-size:contain; background-position:center center; background-repeat:no-repeat; }
.widget-resources .item:nth-of-type(2n) .resource { background-image:url(/assets/images/background-publication-02.png); }
.widget-resources .item:nth-of-type(3n) .resource { background-image:url(/assets/images/background-publication-03.png); }
.widget-team .item:nth-of-type(3n) { margin-right:0; }

/*=================================== Texts ===================================*/

/*Default types*/
header nav, input[type="search"] { font:400 1.3rem/2.8rem "niveau-grotesk", sans-serif; }
h1 { font:500 3.5rem/4.1rem "niveau-grotesk", sans-serif; }
h1.t-mediumSerif { font:300 3.5rem/4.1rem "noto-serif", sans-serif; }
h2 { font:300 2.3rem/3rem "noto-serif", serif; }
h2.t-small, h3.t-medium, span.t-medium, input.t-medium { font:300 1.3rem/1.9rem "niveau-grotesk", sans-serif; }
h2.t-large, h3.t-veryLarge { font:400 3.2rem/3.8rem "niveau-grotesk", sans-serif; }
h3.t-small, button.text { font:400 1.1rem/1.7rem "niveau-grotesk", sans-serif; }
h3.t-large, span.t-veryLarge { font:300 2rem/2.6rem "niveau-grotesk", serif; }
h4, span.t-large { font:300 1.6rem/2.2rem "niveau-grotesk", sans-serif; }
h4.t-mediumSerif { font:300 1.3rem/1.9rem "noto-serif", serif; }
span.t-tiny { font:400 0.8rem/1.4rem "niveau-grotesk", sans-serif; }
span.t-small { font:400 1.1rem/1.6rem "niveau-grotesk", sans-serif; }
span.t-mediumSerif { font:300 1.2rem/1.8rem "noto-serif", serif; }
span.t-veryLargeSerif { font:300 3.6rem/4.2rem "noto-serif", serif; }
span.t-huge { font:400 6.2rem/7rem "niveau-grotesk", serif; }
span.t-hugeSerif { font:300 6.2em/7rem "noto-serif", serif; }
.jvm-tooltip { font:400 0.9rem/1.5rem "niveau-grotesk", sans-serif; }
.linguise_switcher { font:400 1.3rem/2.8rem "niveau-grotesk", sans-serif; }

/*Type colors*/
.t-darkGreen, .t-darkGreen a, a.t-darkGreen, button.b-white:hover, button.b-white.active, header *.active, header nav .item:hover { color:#005c5a; }
.t-black, .t-black a, a.t-black { color:#000; }
.t-white, .t-white a, a.t-white, button.b-darkGreen:hover, button.b-darkGreen.active, header *.bg-darkGreen { color:#fff; }

/*Type styles*/
.t-italic, .italic { font-style:italic !important; }
.t-uppercase, .uppercase { text-transform:uppercase; }
.t-strong, .strong, .label.active span { font-weight:bold !important; }
.t-strikethrough, .strikethrough { text-decoration:line-through; }
header nav .subItem:hover, header nav .subItem.active { font-weight:500; }

/*Link styles*/
a { text-decoration:none; }
.t-black.alwaysUnderline a:link, .t-black.alwaysUnderline a:visited, .t-black.alwaysUnderline a:hover, .t-black.alwaysUnderline a:active, .t-black.hoverUnderline a:hover, a.t-black.hoverUnderline:hover { /*border-bottom:0.2rem solid #000;*/ text-decoration:underline; }
.t-darkGreen.alwaysUnderline a:link, .t-darkGreen.alwaysUnderline a:visited, .t-darkGreen.alwaysUnderline a:hover, .t-darkGreen.alwaysUnderline a:active, .t-darkGreen.hoverUnderline a:hover, a.t-darkGreen.hoverUnderline:hover { /*border-bottom:0.2rem solid #005c5a;*/ text-decoration:underline; }
.t-white.underlined, .t-white.alwaysUnderline a:link, .t-white.alwaysUnderline a:visited, .t-white.alwaysUnderline a:hover, .t-white.alwaysUnderline a:active, a.t-white.alwaysUnderline, .t-white.hoverUnderline a:hover, a.t-white.hoverUnderline:hover { /*border-bottom:0.2rem solid #fff;*/ text-decoration:underline; }

/*=================================== Liquid Styles ===================================*/

@media all and (min-width:1440px) {
	/*=================================== Initialization & General ===================================*/
	.stretchedWidth { width:calc(100vw - ((100vw - var(--maxWidth)) / 2)); margin-left:calc((100vw - min(100vw, var(--maxWidth))) / 2); }

	/*=================================== Site-specific Framework & Snippets ===================================*/
	/*Site-specific grids, widths & heights*/
	.h-1_5 { height:calc(1.5 / 100 * var(--maxWidth)); }
	.h-16 { height:calc(16 / 100 * var(--maxWidth)); }
	.h-28_8 { height:calc(28.8 / 100 * var(--maxWidth)); }
	.h-37 { height:calc(37 / 100 * var(--maxWidth)); }
	.h-51 { height:calc(50.95 / 100 * var(--maxWidth)); }
	.w-18 { width:calc(18 / 100 * var(--maxWidth)); }
	.w-25_5 { width:calc(25.16 / 100 * var(--maxWidth)); }
	.w-28 { width:calc(28 / 100 * var(--maxWidth)); }
	.w-39 { width:calc(39 / 100 * var(--maxWidth)); }
	.w-edge { width:calc((100vw - var(--maxWidth)) / 2 + var(--maxWidth)*0.13); }

	/*Site-specific margins*/
	.mr-2_5 { margin-right:calc(2.5 / 100 * var(--maxWidth)); }

	/*Site-specific framework: Backgrounds*/
	.bg-play { background-size:calc(2 / 100 * var(--maxWidth)); }

	/*Site-specific framework: Borders & Corners*/
	button.b-rounded, header .b-rounded, header div.b-rounded { border-radius:calc(2 / 100 * var(--maxWidth)); }
	div.b-rounded, iframe.b-rounded, img.b-rounded, video.b-rounded { border-radius:calc(1 / 100 * var(--maxWidth)); }
	div.bl-rounded { border-top-left-radius:calc(2 / 100 * var(--maxWidth)); border-bottom-left-radius:calc(2 / 100 * var(--maxWidth)); }

	/*Site-specific framework: Cursors, buttons & icons*/
	button.next:not(.blank) { width:calc(3.5 / 100 * var(--maxWidth)); height:calc(3.5 / 100 * var(--maxWidth)); background-size:calc(1.5 / 100 * var(--maxWidth)); }
	button.previous:not(.blank) { width:calc(3.5 / 100 * var(--maxWidth)); height:calc(3.5 / 100 * var(--maxWidth)); background-size:calc(1.5 / 100 * var(--maxWidth)); }
	button.close { width:calc(2.5 / 100 * var(--maxWidth)); height:calc(2.5 / 100 * var(--maxWidth)); background-size:calc(1 / 100 * var(--maxWidth)); }
	button.close.large { background-size:calc(1.75 / 100 * var(--maxWidth)); }
	button.close.strong { width:calc(1.5 / 100 * var(--maxWidth)); height:calc(1.5 / 100 * var(--maxWidth)); }
	button.donate { background-size:calc(2 / 100 * var(--maxWidth)); }
	button.search { width:calc(1.75 / 100 * var(--maxWidth)); height:calc(1.75 / 100 * var(--maxWidth)); }
	button.social { width:calc(3.5 / 100 * var(--maxWidth)); height:calc(3.5 / 100 * var(--maxWidth)); }

	/*Snippets*/
	.widgetNumber { position:relative; top:calc(-0.15 / 100 * var(--maxWidth)); }
	.paragraphs p:not(:first-child) { margin-top:calc(2 / 100 * var(--maxWidth)); }
	.paragraphs h1, .paragraphs h2, .paragraphs h3, .paragraphs h4 { margin-top:calc(3.5 / 100 * var(--maxWidth)); margin-bottom:calc(1 / 100 * var(--maxWidth)); }
	.paragraphs ul, .paragraphs ol { margin-top:calc(2 / 100 * var(--maxWidth)); }
	.paragraphs ul li { margin:0 0 calc(1 / 100 * var(--maxWidth)) calc(1 / 100 * var(--maxWidth)); padding-left:calc(1 / 100 * var(--maxWidth)); }
	.paragraphs ol li { margin:0 0 calc(1 / 100 * var(--maxWidth)) calc(1.5 / 100 * var(--maxWidth)); padding-left:calc(1 / 100 * var(--maxWidth)); }
	div.dropdown { padding:calc(0.5 / 100 * var(--maxWidth)) calc(1.5 / 100 * var(--maxWidth)); background-position:center right calc(0.3 / 100 * var(--maxWidth)); background-size:calc(3.6 / 100 * var(--maxWidth)); }
	div.dropdown, div.dropdown li { height:calc(3 / 100 * var(--maxWidth)); }
	div.dropdown:hover { padding:calc(1.5 / 100 * var(--maxWidth)) calc(1.5 / 100 * var(--maxWidth)); }
	div.dropdown:hover, div.dropdown:hover ul { max-height:calc(15 / 100 * var(--maxWidth)); }
	div.dropdown:hover ul { padding-bottom:calc(0.8 / 100 * var(--maxWidth)); }
	.sb-blueBlue::-webkit-scrollbar, .sb-lightBlueGrey::-webkit-scrollbar, .sb-orangeYellow::-webkit-scrollbar, .sb-whiteGreen::-webkit-scrollbar, .sb-greenWhite::-webkit-scrollbar { width:calc(0.75 / 100 * var(--maxWidth)); }
	.sb-blueBlue::-webkit-scrollbar-track, .sb-lightBlueGrey::-webkit-scrollbar-track, .sb-orangeYellow::-webkit-scrollbar-track, .sb-whiteGreen::-webkit-scrollbar-track, .sb-greenWhite::-webkit-scrollbar-track { border-radius:calc(0.25 / 100 * var(--maxWidth)); }
	.sb-blueBlue::-webkit-scrollbar-thumb, .sb-lightBlueGrey::-webkit-scrollbar-thumb, .sb-orangeYellow::-webkit-scrollbar-thumb, .sb-whiteGreen::-webkit-scrollbar-thumb, .sb-greenWhite::-webkit-scrollbar-thumb { border-radius:calc(0.25 / 100 * var(--maxWidth)); }

	/*=================================== Templates ===================================*/
	.widget-glossary .label.active { background-position:center right calc(-0.2 / 100 * var(--maxWidth)); background-size:calc(4 / 100 * var(--maxWidth)); }
	.widget-map .map, .widget-map .map svg { width:calc(68 / 100 * var(--maxWidth)) !important; height:calc(40 / 100 * var(--maxWidth)); }

	/*=================================== Texts ===================================*/
	/*Default types*/
	header nav, input[type="search"] { font:400 calc(1.3 / 100 * var(--maxWidth))/calc(2.8 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	h1 { font:500 calc(3.5 / 100 * var(--maxWidth))/calc(4.1 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	h1.t-mediumSerif { font:300 calc(3.5 / 100 * var(--maxWidth))/calc(4.1 / 100 * var(--maxWidth)) "noto-serif", sans-serif; }
	h2 { font:300 calc(2.3 / 100 * var(--maxWidth))/calc(3 / 100 * var(--maxWidth)) "noto-serif", serif; }
	h2.t-small, h3.t-medium, span.t-medium, input.t-medium { font:300 calc(1.3 / 100 * var(--maxWidth))/calc(1.9 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	h2.t-large, h3.t-veryLarge { font:400 calc(3.2 / 100 * var(--maxWidth))/calc(3.8 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	h3.t-small, button.text { font:400 calc(1.1 / 100 * var(--maxWidth))/calc(1.7 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	h3.t-large, span.t-veryLarge { font:300 calc(2 / 100 * var(--maxWidth))/calc(2.6 / 100 * var(--maxWidth)) "niveau-grotesk", serif; }
	h4, span.t-large { font:300 calc(1.6 / 100 * var(--maxWidth))/calc(2.2 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	h4.t-mediumSerif { font:300 calc(1.3 / 100 * var(--maxWidth))/calc(1.9 / 100 * var(--maxWidth)) "noto-serif", serif; }
	span.t-tiny { font:400 calc(0.8 / 100 * var(--maxWidth))/calc(1.4 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	span.t-small { font:400 calc(1.1 / 100 * var(--maxWidth))/calc(1.6 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }
	span.t-mediumSerif { font:300 calc(1.2 / 100 * var(--maxWidth))/calc(1.8 / 100 * var(--maxWidth)) "noto-serif", serif; }
	span.t-veryLargeSerif { font:300 calc(3.6 / 100 * var(--maxWidth))/calc(4.2 / 100 * var(--maxWidth)) "noto-serif", serif; }
	span.t-huge { font:400 calc(6.2 / 100 * var(--maxWidth))/calc(7 / 100 * var(--maxWidth)) "niveau-grotesk", serif; }
	span.t-hugeSerif { font:300 calc(6.2 / 100 * var(--maxWidth))/calc(7 / 100 * var(--maxWidth)) "noto-serif", serif; }
	.jvm-tooltip { font:400 calc(0.9 / 100 * var(--maxWidth))/calc(1.5 / 100 * var(--maxWidth)) "niveau-grotesk", sans-serif; }

}

@media only screen and (max-width:600px) {
	/*=================================== Initialization & General ===================================*/
	html { font-size:78.5%; }
	.maxWidth { max-width:100vw; }
	.halfWidth { max-width:100vw; }

	/*=================================== Site-specific Framework & Snippets ===================================*/
	/*Site-specific grids, widths & heights*/
	.h-16 { height:23rem; }
	.h-28_8 { height:17rem; }
	.h-51 { height:17rem; }
	.w-39 { width:28rem; }
	.w-40p, .w-45p, .w-50p, .w-55p, .w-60p, .w-65p, .w-66p { width:100%; }
	.w-50p { margin-bottom:3rem; }
	/*Site-specific paddings*/
	.p-5, .p-6, .p-10 { padding:2rem; }
	.px-5, .px-10, .px-20 { padding-left:2rem; padding-right:2rem; }
	.pl-10 { padding-left:2rem; }
	.pb-10 { padding-bottom:6rem; }

	/*Site-specific framework: Cursors, buttons & icons*/
	button.search { width:2rem; height:2rem; }
	button.menu { width:1.75rem; height:1.75rem; margin-top:0.65rem; background-image:url(/assets/images/icon-menu-white.svg); background-size:cover; background-position:center center; }
	button.menu.darkGreen { background-image:url(/assets/images/icon-menu-darkGreen.svg); }
	#donateButton .hidden { display:block; }
	#donateButton button { display:none; }
	button.text.m-4, button.next.m-4 { margin:1rem; }

	/*Snippets*/
	#cookieBanner { padding:2rem; }
	#cookieBanner button.text { margin-top:1rem; }
	#cookieBanner .h-30 { height:auto; }
	#cookieBanner .p-absolute { position:relative; }
	.popup { padding:2rem; margin:0; }
	.popup .w-50p { margin-bottom:0 !important; }

	/*=================================== Templates ===================================*/

	header .logo { width:10rem; }
	header .w-15p { width:auto; }
	header .w-15p .mr-2 { margin-right:1rem; }
	header .primary:not(.mobileOnly) { position:absolute; left:1.75rem; width:21rem; }
	header .primary.mobileOnly .item.active, header .primary.mobileOnly .item:hover { border:none; }
	header .searchBar { width:27.5rem !important; height:3.2rem; }

	body.article .w-60p.pl-10 { padding-right:2rem; }
	body.search .w-25p { width:100%; margin-left:0; padding-bottom:2rem; }
	body.search .w-100p.pt-6 { padding-left:2rem; padding-right:2rem; }
	body.search .mr-10 { margin-right:0; }
	body.search .item .w-button.text { margin-top:2rem; }

	footer .w-15p, footer .w-20p, footer .w-30p { width:100%; margin-bottom:3rem; }
	footer .pr-6 { padding-right:0; }
	footer .pt-20 { padding-top:5rem; }
	footer .t-right { text-align:left; }
	footer .f-right { float:left; }

	.widget-articles .article button, .widget-events .event button { float:left; margin-top:2rem; }
	.widget-cards .px-10 { padding-right:0; }
	.widget-cards .headline, .widget-cards h3 { padding-right:2rem; }
	.widget-filter h3 { padding-bottom:2rem;  }
	.widget-glossary .glossary { height:52rem; border-bottom-left-radius:0; border-bottom-right-radius:0; background-color:transparent; }
	.widget-glossary .glossary ul { height:20rem; background-color:#ffd783; }
	.widget-glossary .glossary .o-hidden { overflow:visible; }
	.widget-glossary .glossary .label.active { background-image:none; }
	.widget-glossary .glossary .content { left:0; top:20rem; height:32rem; overflow-y:scroll; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; border-top-left-radius:0; border-top-right-radius:0; }
	.widget-headline h1 { padding:2rem; }
	.widget-links .reference { height:auto; }
	.widget-links .reference .p-absolute.p-3 { position:relative; padding-left:0; padding-right:0; padding-bottom:0; }
	.widget-links div.h-25 { height:auto; }
	.widget-links .w-50p { margin-bottom:-0.3rem; }
	.widget-map .p-10 { padding-top:10rem; }
	.widget-map .w-35p { width:100%; position:relative; float:left; }
	.widget-map .map, .widget-map .map svg { width:100% !important; height:30rem; }
	.widget-map .hotline, .widget-map .dropdown { width:100% !important; }
	.widget-map .hotline .w-50p { width:50% !important; }
	.widget-map .hotline .pb-4 { padding-bottom:2rem; }
	.widget-map .jvm-zoom-btn { width:2rem; height:2rem; padding:0.5rem; }
	.widget-map .jvm-zoom-btn.jvm-zoomout { top:4rem; }
	.widget-news .article { width:100% !important; margin-right:0; }
	.widget-news .article button.text { position:absolute; bottom:2rem; right:2rem; }
	.widget-partners .partners { text-align:center; }
	.widget-partners .partners .f-left { float:none; display:inline-block; }
	.widget-partners .w-10.mx-5 { width:9rem; margin-left:2rem; margin-right:2rem; }
	.widget-powerBI .h-50 { height:22rem; }
	.widget-report .paragraphs { padding-bottom:2rem; display:inline-block; }
	.widget-report .w-40p { padding-bottom:5rem; }
	.widget-report .mt-6 { margin-top:0; }
	.widget-resources .filters a { display:inline-block; width:100%; }
	.widget-team .w-25_5 { width:100%; }
	.widget-textImage .d-inlineFlex { display:inline-block; }
	.widget-videos .pr-2 { padding-right:0; }
	.widget-videos .w-33p { width:100%; height:auto !important; max-height:30rem !important; margin-top:2rem; padding-right:2rem; }
	.widget-videos .w-9, .widget-videos .w-50p { width:45%; }
	.widget-map .quickSelection .w-50p { margin-top:5rem; }

	/*=================================== Texts ===================================*/

	/*Default types*/
	h1 { font:500 3.2rem/4rem "niveau-grotesk", sans-serif; }
	h1.t-mediumSerif { font:300 3.2rem/4rem "noto-serif", sans-serif; }
	span.t-huge { font:400 3.2rem/4rem "niveau-grotesk", serif; }
	span.t-hugeSerif { font:300 3.2em/4rem "noto-serif", serif; }
}