/*
Theme Name: MADres
Theme URI: https://madres.beda.org
Description: MADres
Author: Robin Benad
Author URI: https://robinbenad.com
Version: 1.0
Text Domain: madres
*/
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
  2. Remove default margin
*/
* {
	margin: 0;
}

/*
  5. Improve media defaults
*/
img, video, canvas, svg {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
	font: inherit;
}

a {
	text-decoration: none;
	color: inherit;
	background-color: transparent;
}

address {
	font-style: normal;
}

ul, ol {
	padding-left: 1.15em;
}

ol:has(>li:nth-child(10)) {
	padding-left: 1.5em;
}

ol ol,
ol ol:last-child,
ol ul,
ol ul:last-child {
	margin-top: 0.25em;
	margin-bottom: 0.5em !important;
}

ol ol,
ol ol:last-child {
	margin-top: 0.5em;
}

ol ul {
	list-style-type: disc;
}

li {
	margin-bottom: 0.25em;
}


/*--------------------------------------------------------------
# Variables Font Sizes & Colors
--------------------------------------------------------------*/

:root {


	--bg: var(--blue);

	--easing: cubic-bezier(0.22, 0.61, 0.36, 1);
	--figure: 4rem;

	--h1: 2.2222222222rem; /* 40px */
	--h2: 1.6666666667rem; /* 30px */
	--h3: 1.2777777778rem; /* 23px */
	--h4: 1.152777rem;
	--h5: 1rem;

	--lemon: #EAE509;
	--beige: #F3EEDD;
	--black: #000000;
	--blue: #006EB6;
	--blue-text: #006EB6;
	--grey: #F5F5F5;
	--navy: #120051;
	--navy-text: #120051;
	--ochre: #B98E00;
	--pink: #E4609F;
	--sky: #00A0D0;
	--sky-text: #00A0D0;
	--white: #ffffff;
	--light-grey: #F9F9F9;
	--pink-less: #ED92BD;

	--text: 1rem; /* 18px, Body Text 1, */
	--site-footer-bg: var(--navy);

	--site-footer-border: var(--blue);
	--easing-harsh: cubic-bezier(0.4, 0, 0.2, 1);

	--date-large: 1.6666666667rem; /* 30px */

	--figure-large: 7rem;
	--radius-large: 1.6666666667rem /* 30px */;

	--text-large: 1rem; /* 18px, Body Text 1, Buttons */
	--header-min-pad-y: var(--pad-vx);


	--size-root: clamp(0.875rem, 0.0043rem + 4.5977vw, 1.125rem);

	--margin-xs: 0.25rem;
	--margin-s: 0.5rem;
	--margin-m: 0.75rem;
	--margin-l: 1rem;
	--margin-xl: 1.5rem;
	--margin-xxl: 2rem;

	--radius: 0.8333333333rem /* 15px */;
	--radius-small: 0.55555555556rem /* 10px */;

	--radius-medium: 0.75rem /* 10px */;

	--lh-normal: 1.3;
	--lh-tight: 1.2;
	--lh-tightest: 1.15;

	--max-vx: 30.6666666667rem;
	--pad-vx: 5.333333333vw;

	--gap-x: 3rem /* TODO vielleicht lieber 3rem? */;
	--gap-x: 2.5rem /* 52px */;

	--gap-x-small: 2rem /* 52px */;

	--gap-y: 1.6666666667rem;
	--gap-y: calc(5.384615385vw + 0.8333333333rem);
	/*	--gap-y: calc(5.384615385vw + 1rem);*/

	--gap-y-l: calc(var(--gap-y) * 1.5);
	--gap-y-s: calc(var(--gap-y) / 1.5);
	--gap-y-small: 2rem;

	--gap-y-xs: calc(var(--gap-y) / 2);

	--link-highlight: var(--lemon);
	--link-highlight-text: var(--navy-text);
	--link-highlight-hover: var(--pink-less);
	--link-highlight-active: var(--pink);

	--dropdown-bg: var(--white);

}

/*--------------------------------------------------------------
# High Contrast
--------------------------------------------------------------*/

html[data-contrast="1"] {
	--blue: black;
	--navy-text: black;
	--sky: white;
	--beige: white;
	--site-footer-border: white;
}

html[data-contrast="1"] [data-style="beige"] {
	--link-highlight: var(--blue-text);
}

html[data-contrast="1"] [data-style="beige"] .button {
	--link-highlight: var(--lemon);
}


html[data-contrast="1"] .site-header img[src*="-blue.svg"] {
	filter: saturate(0) contrast(5);
}


html[data-contrast="1"] .contrast-toggle {
	color: var(--link-highlight);
}

html[data-contrast="1"] .contrast-toggle .icon-contrast {
	transform: scaleX(-1);
}

html[data-contrast="1"] [data-style="navy"] .press-item,
html[data-contrast="1"] [data-style="blue"] .press-item {
	border-color: white;
}

html[data-contrast="1"] [data-theme="beige"][data-bg="pink-1"],
html[data-contrast="1"] [data-theme="beige"][data-bg="lemon-1"],
html[data-contrast="1"] [data-theme="beige"][data-bg="ochre-1"],
html[data-contrast="1"] [data-theme="beige"][data-bg="ochre-2"] {
	background-color: rgba(255, 255, 255, 0.7);
	background-blend-mode: lighten;
}

html[data-contrast="1"] [data-theme="beige"][data-bg="lemon-1"] {
	background-color: rgba(255, 255, 255, 0.55);
}

html[data-contrast="1"] [data-theme="beige"][data-bg="pink-1"] {
	background-color: rgba(255, 255, 255, 0.6);
}

html[data-contrast="1"] section:has(.button:hover),
section:has(:focus-visible) {
	position: relative;
}

a:focus-visible,
button:focus-visible,
.no-focus:focus-visible .hover-target,
.no-focus:not(.beda-link):not(.beda-mobile-link):focus-visible img {
	border-radius: 0.1em;
	outline: 2px solid var(--link-highlight);
	outline-offset: 2px;
}

.no-focus.header-item:focus-visible .hover-target,
.no-focus.main-nav-item:focus-visible .hover-target {
	border-radius: calc(var(--radius-small) + 3px) !important;
}

.no-focus.sub-nav-item:focus-visible .hover-target {
	border-radius: var(--radius-small);
	background: var(--lemon);
}

a:has(img):focus-visible,
.no-focus:not(.beda-link):not(.beda-mobile-link):focus-visible img,
.press-item:focus-visible {
	border-radius: var(--radius);
}

.post-nav a:focus-visible {
	border-radius: var(--radius-small);
	outline-offset: 0.5em;
}

a:has(img):focus-visible,
.no-focus:focus-visible img,
.button:focus-visible,
.downloads a:focus-visible,
.press-item:focus-visible {
	outline-offset: 3px;
}

.site-header a:has(img):focus-visible,
.site-footer a:has(img):focus-visible,
button:not(.button):focus-visible {
	border-radius: var(--radius-small);
	outline-offset: 2px;
}

.site-header a:has(img):focus-visible {
	border-radius: calc(var(--radius-small) + 3px);
	outline-offset: 0;
}

.button:focus-visible {
	border-radius: 1.75rem;
}

.no-focus:focus-visible {
	outline: none !important;
}

.close:focus-visible .close-icon-wrapper,
.close-map-popup:focus-visible .close-popup-icon-wrapper {
	outline: 2px solid var(--link-highlight);
	outline-offset: 2px;
}

html[data-contrast="1"] .privacy-container .close:focus-visible .close-icon-wrapper {
	outline: 2px solid var(--black);
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/* latin-ext */
@font-face {
	font-family: 'Inclusive Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(fonts/Inclusive_Sans-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Inclusive Sans';
	font-style: normal;
	font-weight: 400 700;
	font-display: block;
	src: url(fonts/Inclusive_Sans-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Syne';
	font-style: normal;
	font-weight: 500 700;
	font-display: block;
	src: url(fonts/Syne-latin-ext.woff2) format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Syne';
	font-style: normal;
	font-weight: 500 700;
	font-display: block;
	src: url(fonts/Syne-latin.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'madres-icons';
	src: url('fonts/madres-icons.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'madres-icons' !important;
	font-size: 1.2rem;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	speak: never;
}

.s-links [class^="icon-"] {
	font-size: 1.4rem
}

.icon-pin:before {
	content: "\e900";
}

.icon-list:before {
	content: "\e901";
}

.icon-caret-down:before {
	content: "\e902";
}

.icon-download:before {
	content: "\e903";
}

.icon-filter:before {
	content: "\e904";
}

.icon-pin-outline:before {
	content: "\e905";
}

.icon-menu-bold:before {
	content: "\e906";
}

.icon-instagram:before {
	content: "\e907";
}

.icon-madres-3:before {
	content: "\e908";
}

.icon-madres-2:before {
	content: "\e909";
}

.icon-madres-1:before {
	content: "\e90a";
}

.icon-bar-chart:before {
	content: "\e90b";
}

.icon-document:before {
	content: "\e90c";
}

.icon-menu:before {
	content: "\e90d";
}

.icon-linkedin:before {
	content: "\e90e";
}

.icon-language:before {
	content: "\e90f";
}

.icon-contrast:before {
	content: "\e910";
}

.icon-close:before {
	content: "\e911";
}

.icon-checkmark:before {
	content: "\e912";
}

.icon-arrow-up-square:before {
	content: "\e913";
}

.icon-arrow-sm-right:before {
	content: "\e914";
}

.icon-arrow-sm-left:before {
	content: "\e915";
}

.icon-arrow-right:before {
	content: "\e916";
}

.icon-arrow-left:before {
	content: "\e917";
}

.icon-calendar-week:before {
	content: "\e918";
}

.icon-search:before {
	content: "\e919";
}


html {
	font-size: var(--size-root);
	-webkit-text-size-adjust: 100%;
}

html, body {
	background: var(--bg);
}

body {
	font-family: 'Inclusive Sans', sans-serif;
	line-height: var(--lh-normal);
	color: var(--white);
}

h1, .h1, h2, .h2, ul, ol, blockquote {
	margin-bottom: var(--margin-l);
}

.mb-l {
	margin-bottom: var(--margin-l) !important;
}

h1.mb-boost, .h1.mb-boost, h2.mb-boost, .h2.mb-boost {
	margin-bottom: calc(var(--margin-l) + 0.275rem);
}

.mb-l.mb-boost {
	margin-bottom: calc(var(--margin-l) + 0.275rem) !important;
}

.mb-xl {
	margin-bottom: var(--margin-xl) !important;
}

.mb-xl.mb-boost {
	margin-bottom: calc(var(--margin-xl) + 0.275rem) !important;
}

.mb-xxl {
	margin-bottom: var(--margin-xxl) !important;
}

.mb-xxl.mb-boost {
	margin-bottom: calc(var(--margin-xxl) + 0.275rem) !important;
}

ul, ol, blockquote {
	margin-bottom: var(--margin-l);
}

p, h3, .h3, h4, .h4, h5, .h5 {
	margin-bottom: var(--margin-m);
}

h1:not(:first-child), .h1:not(:first-child):not(:first-child), h2:not(:first-child), .h2:not(:first-child), h3:not(:first-child), .h3:not(:first-child), h4:not(:first-child), .h4:not(p):not(:first-child) {
	margin-top: var(--margin-xxl);
}

h5:not(:first-child), .h5:not(:first-child) {
	margin-top: var(--margin-xl);
}

blockquote:not(:first-child) {
	margin-top: var(--margin-l);
}

blockquote {
	font-size: 1rem;
	font-weight: 600;
}

.mt-0 {
	margin-top: 0 !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.mt-xxl {
	margin-top: var(--margin-xxl) !important;
}

.pt-xxl {
	padding-top: var(--margin-xxl) !important;
}

.pt-xl {
	padding-top: var(--margin-xl) !important;
}

.mb-m {
	margin-bottom: var(--margin-m) !important;
}

p.mb-boost, h3.mb-boost, .h3.mb-boost, h4.mb-boost, .h4.mb-boost {
	margin-bottom: calc(var(--margin-m) + 0.275rem);
}

.mb-m.mb-boost {
	margin-bottom: calc(var(--margin-m) + 0.275rem) !important;
}

h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, p:last-child, ul:last-child, ol:last-child, li:last-child, blockquote:last-child {
	margin-bottom: 0 !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .hero-container p {
	text-wrap: balance;
}

p {
	text-wrap: pretty;
}

h1, .h1, h2, .h2 {
	font-family: 'Syne', sans-serif;
	font-weight: 700;
}

h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Inclusive Sans', sans-serif;
	font-weight: 600;
}

h1, .h1 {
	font-size: var(--h1);
	line-height: var(--lh-tightest);
}

h2, .h2 {
	font-size: var(--h2);
	line-height: var(--lh-tight);
	hyphens: auto;
}

h3, .h3 {
	font-size: var(--h3);
	line-height: var(--lh-normal);
}

h4, .h4 {
	font-size: var(--h4);
	line-height: var(--lh-normal);
}

h5, .h5 {
	font-size: var(--h5);
	line-height: var(--lh-normal);
}

time {
	font-size: var(--date-large);
	font-weight: 600;
	line-height: var(--lh-tight);
	display: block;
	white-space: nowrap;
}

strong {
	font-weight: 600;
}

.read-more,
p a,
ul a,
ol a {
	text-decoration: underline;
	text-underline-offset: 0.1em;
	text-decoration-color: var(--link-highlight);
	text-decoration-thickness: 0.125em;
}

a.long-link {
	display: inline-block;
	word-break: break-all;
}

.uc {
	text-transform: uppercase;
}

.lh-1 {
	line-height: 1;
}

.weight-400 {
	font-weight: 400;
}

.weight-500 {
	font-weight: 500;
}

.read-more,
.weight-600 {
	font-weight: 600;
}

.syne {
	font-family: 'Syne', sans-serif;
}

.syne-bold {
	font-family: 'Syne', sans-serif;
	font-weight: 700;
}

.text-large {
	font-size: var(--text-large);
}

.text-small {
	font-size: max(14px, 0.8rem);
}


.color-pink {
	color: var(--pink);
}

.color-ochre {
	color: var(--ochre);
}

.color-navy {
	color: var(--navy-text);
}

.color-blue {
	color: var(--blue-text);
}

.color-sky {
	color: var(--sky);
}

.color-beige {
	color: var(--beige);
}

.color-white {
	color: var(--white);
}

.color-black {
	color: var(--black);
}

.color-lemon {
	color: var(--lemon);
}

html:has(body[data-theme="blue"]) {
	background: var(--blue);
}

body[data-theme="blue"] {
	--bg: var(--blue);
}

html:has(body[data-theme="navy"]) {
	background: var(--navy);
}

body[data-theme="navy"] {
	--bg: var(--navy);
}

html:has(body[data-theme="sky"]) {
	background: var(--sky);
}

body[data-theme="sky"] {
	--bg: var(--sky);
}

html:has(body[data-theme="beige"]) {
	background: var(--beige);
}

body[data-theme="beige"] {
	--bg: var(--beige);
}

[data-style="navy"] {
	background: var(--navy);
}

[data-style="blue"] {
	background: var(--blue);
}

[data-style="sky"] {
	color: var(--navy-text);
	background: var(--sky);
}

[data-style="beige"] {
	color: var(--navy-text);
	background: var(--beige);
	--link-highlight: var(--sky);
}

:root:has(.site-content [data-style="navy"]:last-child) {
	--site-footer-bg: var(--blue);
	--site-footer-border: var(--sky);
}

[figure-style="navy"] {
	color: var(--white);
	--figure-bg: var(--navy);
	--figure-icon-color: var(--lemon);
}

[figure-style="blue"] {
	color: var(--white);
	--figure-bg: var(--blue);
	--figure-icon-color: var(--lemon);
}

[figure-style="sky"] {
	color: var(--navy-text);
	--figure-bg: var(--sky);
	--figure-icon-color: var(--lemon);
}

[figure-style="beige"] {
	color: var(--navy-text);
	--figure-bg: var(--beige);
	--figure-icon-color: var(--blue);
}

[figure-style="pink"] {
	color: var(--navy-text);
	--figure-bg: var(--pink-less);
	--figure-icon-color: var(--navy);
}

.pad-y-m[data-style="navy"] + .pad-y-m[data-style="navy"],
.pad-y-m[data-style="sky"] + .pad-y-m[data-style="sky"],
.pad-y-m[data-style="blue"] + .pad-y-m[data-style="blue"],
.pad-y-m[data-style="beige"] + .pad-y-m[data-style="beige"] {
	margin-top: calc(var(--gap-y) * -1);
}

.main-split .pad-y-m[data-style="navy"] + .pad-y-m[data-style="navy"],
.main-split .pad-y-m[data-style="sky"] + .pad-y-m[data-style="sky"],
.main-split .pad-y-m[data-style="blue"] + .pad-y-m[data-style="blue"],
.main-split .pad-y-m[data-style="beige"] + .pad-y-m[data-style="beige"] {
	margin-top: calc(var(--gap-y) * -1.25);
}

[data-theme="navy"] [data-style="navy"],
[data-theme="blue"] [data-style="blue"],
[data-theme="sky"] [data-style="sky"],
[data-theme="beige"] [data-style="beige"] {
	background: transparent;
}

/*--------------------------------------------------------------
# Basics
--------------------------------------------------------------*/

body,
.site-wrapper {
	min-height: 100vh;
}

.site-wrapper {
	display: flex;
	flex-direction: column;
}

.site-content {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.content-wrapper {
	flex-grow: 1;
}


/*--------------------------------------------------------------
# Images
--------------------------------------------------------------*/

img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}


.article-image {
	position: relative;
}

.article-image img {
	border-radius: var(--radius);
}

img[data-ph-color="1"]:not(.has-transparency) {
	background-color: var(--dominant-color, grey);
}

.article-image figure {
	display: flex;
	flex-direction: column;
	gap: var(--margin-s);
}

.article-image figcaption {
	font-size: max(14px, 0.8rem);
	padding: 0 calc(var(--radius) - .175rem);
	text-align: right;
	text-wrap: balance;
}

[data-mobile-scaling="ratio"] .article-image img {
	aspect-ratio: 16/9;
	object-fit: cover;
}

/*--------------------------------------------------------------
# Paddings
--------------------------------------------------------------*/

.pad-vx {
	padding-right: var(--pad-vx);
	padding-left: var(--pad-vx);
}

.pad-y-m {
	padding-top: var(--gap-y);
	padding-bottom: var(--gap-y);
}

.pad-y-s {
	padding-top: var(--gap-y-s);
	padding-bottom: var(--gap-y-s);
}

.pad-y-xs {
	padding-top: var(--gap-y-xs);
	padding-bottom: var(--gap-y-xs);
}

.pad-y-l {
	padding-top: var(--gap-y-l);
	padding-bottom: var(--gap-y-l);
}

.max-vx {
	width: var(--max-vx);
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.grid-2.main-split {
	row-gap: 0;
}

.main-split section.max-vx {
	width: 100% !important;
}

.main-split section.pad-vx {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.main-split section .grid-2 {
	display: block !important;
}


/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/

button {
	font: inherit;
	padding: 0;
	cursor: pointer;
	color: inherit;
	border: none;
	background: none;
}

.fix-v {
	position: relative;
	top: 0.04em;
}

.button-group {
	display: flex;
	flex-wrap: wrap;
	margin-right: -.25em;
	margin-left: -.25em;
	gap: 0.5rem;
}

.button-group:not(:first-child) {
	margin-top: var(--margin-l);
}

.button-group:not(:last-child) {
	margin-bottom: var(--margin-xxl);
}

.single-article .button-group:not(:first-child) {
	margin-top: var(--margin-xl);
}

.single-article .image-column .button-group:not(:first-child) {
	margin-top: max(var(--margin-xl), var(--gap-x));
}

.single-article[data-style="navy"] time,
.single-article[data-style="navy"] .lead,
.single-article[data-style="navy"] .article-content h1,
.single-article[data-style="navy"] .article-content .h1,
.single-article[data-style="navy"] .article-content h2,
.single-article[data-style="navy"] .article-content .h2,
.single-article[data-style="navy"] .article-content h3,
.single-article[data-style="navy"] .article-content .h3,
.single-article[data-style="navy"] .article-content blockquote {
	color: var(--lemon);
}

.button {
	font-size: var(--text-large);
	font-weight: 600;
	padding: 0.67888em 1.2em;
	text-align: center;
	text-wrap: balance;
	color: var(--link-highlight-text);
	border-radius: 1.75rem;
	background: var(--link-highlight);
}

.button-small {
	font-size: var(--text);
	padding: 0.9rem 1.2em;
}


/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/
body[data-theme="navy"][data-bg="0"] .header-bg {
	background-color: var(--blue);
}

body[data-theme="blue"][data-bg="0"] .header-bg,
body[data-theme="sky"][data-bg="0"] .header-bg {
	background-color: var(--navy);
}

body[data-theme="beige"][data-bg="0"] .header-bg {
	background-color: var(--lemon);
}

body[data-theme="beige"] .header-bg {
	color: var(--navy-text);
	--link-highlight: var(--blue-text);
}

body[data-theme="beige"] .header-bg .button {
	--link-highlight: var(--sky);
}

body {
	background-repeat: no-repeat;
}

.hero-container {
	min-height: 26.3333rem;
}


body[data-bg="0"] .hero-container {
	min-height: 0;
	padding-bottom: var(--gap-y);
	border-bottom-right-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
}

body[data-bg="navy-1"],
body[data-bg="ochre-1"] {
	background-image: url(images/bg/a-navy-1.svg);
	background-position: calc(50% + -1.18rem) -12rem;
	background-size: 158.27rem;
}

body[data-bg="ochre-1"] {
	background-image: url(images/bg/a-ochre-1.svg);
}

body[data-bg="navy-2"],
body[data-bg="pink-1"],
body[data-bg="lemon-1"],
body[data-bg="ochre-2"] {
	background-image: url(images/bg/b-navy-2.svg);
	background-position: calc(50% + -13.5rem) -14rem;
	background-size: 165rem;
}

body[data-bg="pink-1"] {
	background-image: url(images/bg/b-pink-1.svg);
}

body[data-bg="lemon-1"] {
	background-image: url(images/bg/c-lemon-1.svg);
}

body[data-bg="ochre-2"] {
	background-image: url(images/bg/c-ochre-2.svg);
}

@media screen and (min-width: 27.55rem) {

	.hero-container {
		min-height: calc(26.75rem - 10.5vw);
	}

	body[data-bg="navy-1"],
	body[data-bg="ochre-1"] {
		background-position: calc(50% + -1.5rem) -14rem;
	}

	body[data-bg="navy-2"],
	body[data-bg="pink-1"],
	body[data-bg="lemon-1"],
	body[data-bg="ochre-2"] {
		background-position: calc(50% + -20rem) -15.75rem;
	}
}

/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/

[class^="grid-"], [class*=" grid-"] {
	display: grid;
	column-gap: var(--gap-x);
	grid-template-columns: 100%;
	row-gap: var(--gap-y);
}

.grid-figures-3 {
	row-gap: min(var(--pad-vx), var(--gap-y-small));
}

.grid-4 {
	column-gap: min(var(--pad-vx), var(--gap-x-small));
	row-gap: min(var(--pad-vx), var(--gap-y-small));
}

.grid-text-image,
.grid-article {
	row-gap: var(--margin-xl);
}

.limit-60 {
	max-width: 60rem;
}

.limit-52 {
	max-width: 52rem;
}

.limit-40 {
	max-width: 40rem;
}


/*--------------------------------------------------------------
# Figures
--------------------------------------------------------------*/

.figures-inline .figure-item {
	padding-top: var(--margin-xl);
	padding-bottom: 0.275rem;
}

.figures-inline:first-child .figure-item {
	padding-top: 0;
}

.figure-item {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: var(--gap-x-small);
	text-align: center;
	border-radius: var(--radius);
	background: var(--figure-bg);
	gap: var(--margin-xl);
}

.figure-image {
	color: var(--figure-icon-color);
}

.figure-item figcaption {
	font-size: var(--h4);
	font-weight: 600;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	justify-content: center;
	text-wrap: balance;
}

.figure-image {
	display: flex;
	flex-direction: column;
	margin-top: var(--margin-s);
}

.figure-image,
.figure-image [class^="icon-"] {
	font-size: var(--figure);
}

.figure-image-large,
.figure-image-large [class^="icon-"] {
	font-size: var(--figure-large);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

body[data-bg="0"],
ul.menu,
ul.menu li,
ul.sub-menu,
ul.sub-menu li {
	flex-shrink: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menu li,
ul.sub-menu li {
	display: flex;
}


.site-header {
	position: relative;
	z-index: 2;
	padding-top: max(var(--header-min-pad-y), var(--gap-y-xs));
	padding-bottom: max(var(--header-min-pad-y), var(--gap-y-xs));
}

.site-header-inner {
	display: flex;
	justify-content: space-between;
	margin-top: -1rem;
}

.site-logo img {
	width: 5.2rem;
}

.beda-link img {
	width: 4.195rem;
}

.site-header-content,
.site-header-secondary {
	display: flex;
	overflow: visible;
	align-items: flex-start;
	flex-shrink: 0;
}

.site-header-content {
	gap: .15rem;
}

.site-header-secondary {
	justify-content: flex-end;
	margin-right: -.875rem;
	padding-top: 0.1rem;
}

.site-logo {
	padding: 1rem 0.75rem;
}

.site-logo {
	margin-bottom: -1rem;
}

.header-item {
	padding: 0.15rem 0;
}

.tooltip-container {
	position: relative;
}

.tooltip {
	font-weight: 600;
	position: absolute;
	z-index: 1;
	top: calc(100% - .25rem);
	left: 50%;
	margin-top: var(--caret-height);
	padding: 0.67888em 1.2em;
	transition: transform 0.125s var(--easing), opacity 0.125s var(--easing);
	transform: translateX(-50%) translateY(calc(var(--caret-height) * -.975)) scale(.8);
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	color: var(--navy-text);
	border-radius: var(--radius);
	background: var(--pink-less);
	--caret-height: 0.6666rem;
}

.tooltip:before {
	position: absolute;
	bottom: calc(100% - 0.083333 * var(--caret-height));
	left: 0;
	width: 100%;
	height: var(--caret-height);
	content: "";
	transition: transform 0.125s var(--easing);
	transform: scaleY(0.5);
	transform-origin: bottom;
	background-image: url("images/tooltip-caret.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: calc(5.25 * var(--caret-height)) var(--caret-height);
}

button:not(.prevent-hover):focus-visible + .tooltip {
	transition: transform 0.2s var(--easing), opacity 0.2s var(--easing);
	transform: translateX(-50%) scale(1);
	opacity: 100%;
}

button:not(.prevent-hover):focus-visible + .tooltip:before {
	transition: transform 0.175s var(--easing);
	transform: scaleY(1);
}

.site-header-secondary:has(.language-select[aria-expanded="true"]) .tooltip {
	opacity: 0 !important;
}

a.footer-item {
	text-decoration: none !important;
}


.site-logo {
	margin-left: -.75rem;
}

.header-item,
.submenu-parent-title {
	display: flex;
	align-items: center;
	gap: 0.35rem;
}

.beda-mobile-link .icon-arrow-sm-right,
.beda-link .icon-arrow-sm-right {
	display: flex;
	justify-content: center;
}

.beda-mobile-link .icon-arrow-sm-right:before,
.beda-link .icon-arrow-sm-right:before {
	font-size: 0.5em;
}

/*--------------------------------------------------------------
# Header Language Switcher
--------------------------------------------------------------*/

.visuallyhidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	white-space: nowrap;
	border: 0;
	clip-path: inset(50%);
}

.site-header .language-switcher .hover-target,
.site-header .language-switcher .submenu-parent-title {
	gap: 0.1rem;
}

.language-switcher .submenu-parent-title,
.header-search-container .submenu-parent-title {
	padding: 0.75rem 0.875rem 0.75rem;
}

.language-select[aria-expanded="true"] .icon-language {
	color: inherit !important;
}


.language-switcher .current-language {
	min-width: 2.2rem;
	margin-left: -.25rem;
	text-align: center;
}

.language-switcher ul.sub-menu,
.header-search-container .search-form {
	top: calc(100% - .15rem);
}

.language-select,
.header-search-container {
	position: relative;
	z-index: 1;
}


.header-search-container .search-form,
.dropdown-right ul.sub-menu,
.dropdown-right .submenu-parent-title {
	right: 0;
}

.header-search-container .search-form,
.dropdown-right ul.sub-menu {
	border-top-left-radius: var(--radius-medium);
	border-top-right-radius: 0;
}

.dropdown-right .submenu-parent-title:before {
	right: calc(100% - 2px);
	left: auto;
	border-right: 2px solid var(--dropdown-bg);
	border-left: 4px solid transparent;
	border-bottom-right-radius: calc(var(--radius-medium) + 4px);
	border-bottom-left-radius: 0;
}

/*--------------------------------------------------------------
# Header Main Menu
--------------------------------------------------------------*/
.main-nav {
	position: relative;
	z-index: 10;
	margin-top: -.125rem;
	white-space: nowrap;
}

.main-nav > ul {
	display: flex;
	overflow: visible;
	align-items: flex-start;
	flex-shrink: 0;
}

.main-nav a,
a.sub-nav-item {
	text-decoration: none;
}


.site-header .hover-target,
.submenu-parent-title {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.site-header .hover-target {
	position: relative;
	z-index: 1;
	padding: 0.85rem 0.9rem;
}

.site-header .site-header-secondary .hover-target {
	padding: 0.75rem 0.875rem;
}

.mobile-nav .icon-caret-down,
.main-nav .icon-caret-down {
	font-size: 1em;
	margin-right: -.25em;
}

.main-nav-item {
	position: relative;
	z-index: 3;
	padding: 0.15rem 0;
	transition: color 0.075s var(--easing);
}

.main-nav-item[aria-expanded="true"] .icon-caret-down {
	transform: scaleY(-1);
}

.main-nav-item:before {
	position: absolute !important;
	top: 0.15rem;
	bottom: 0.15rem;
	left: 0;
	display: block;
	width: 100%;
	content: "";
	transition: transform 0.125s ease-out, opacity 0.125s var(--easing);
	transform: scale(0.925);
	opacity: 0;
	border-radius: var(--radius-medium);
	background: var(--white);
}

.main-nav-item.dropdown:before {
	display: none;
}

button.main-nav-item:hover {
	cursor: default;
}


.search-form,
ul.sub-menu {
	font-weight: 600;
	position: absolute;
	top: calc(100% - .25rem);
	visibility: hidden;
	padding: 0.25rem 0;
	transition: transform 0.125s ease-out, opacity 0.125s var(--easing), visibility 0s var(--easing) 0.130s;
	transform: translate3d(0, 0, 0) scale3d(0.96, 0.96, 0.96) rotate3d(1, 0, 0, -12deg);
	transform-origin: center 1rem;
	pointer-events: none;
	opacity: 0;
	color: var(--navy-text);
	border-radius: var(--radius-medium);
	border-top-left-radius: 0;
	background: var(--dropdown-bg);
	backface-visibility: hidden;
	--link-highlight: var(--lemon);
}

.search-form {
	padding: .75rem;
	transform-origin: 85% 1rem;
}

.search-input-container {
	display: flex;
	gap: 0.375rem;
}

button.search-submit {
	padding-right: 0.95rem;
	padding-left: 1rem;
	border-radius: var(--radius-small) !important;
	outline-offset: 2px !important;
	--link-highlight: var(--sky) !important;
}

.search-form-page button.search-submit {
	--link-highlight: var(--lemon) !important;
}

input.search {
	line-height: 1;
	width: min(14rem, 51.4vw);
	padding: 0.5em 0.75em;
	border: 2px solid #ededed;
	border-radius: var(--radius-small);
	background: #ededed;
}

.search-form-page input.search {
	width: 20rem;
	max-width: 100%;
}


html[data-contrast="1"] input.search {
	border-color: #c0c0c0;
}


html[data-contrast="1"] button.search-submit {
	color: black;
	--link-highlight: #00A0D0 !important;
	--link-highlight-hover: var(--pink-less) !important;
}

html[data-contrast="1"] button.search-submit:focus-visible {
	outline: 2px solid #000000;
}

.menu-item-has-children,
.language-switcher,
.header-search-container {
	perspective: 24rem;
	perspective-origin: bottom;
}


button.search-toggle[aria-expanded="true"] + .search-form,
button.main-nav-item[aria-expanded="true"] + ul.sub-menu,
button.language-select[aria-expanded="true"] + ul.sub-menu {
	visibility: visible;
	transition: transform 0.125s var(--easing), opacity 0.125s var(--easing);
	transform: translateY(0) scale(1);
	pointer-events: auto;
	opacity: 100%;
}

button.search-toggle[aria-expanded="true"],
button.main-nav-item[aria-expanded="true"],
button.language-select[aria-expanded="true"],
.menu-item-has-children:has(ul.sub-menu:focus-within) button.main-nav-item,
.language-switcher:has(ul.sub-menu:focus-within) button.language-select {
	transition: color 0.1s var(--easing-harsh);
	color: var(--navy-text);
}


#primary-navigation .menu-item-has-children ul.sub-menu {
	min-width: calc(100% + 2rem);
}


.header-item[aria-haspopup] [class^="icon-"] {
	position: relative;
}

.header-item[aria-haspopup] [class^="icon-"]:before,
.header-item[aria-haspopup] [class^="icon-"]:after {
	display: inline-block;
}

.header-item[aria-haspopup] [class^="icon-"]:before {
	transition: transform 0.1s var(--easing);
	opacity: 1;
}

.header-item[aria-haspopup] [class^="icon-"]:after {
	position: absolute;
	right: 0;
	content: "\e911";
	transition: transform 0.1s var(--easing), opacity 0.1s var(--easing);
	transform: scale(.5);
	opacity: 0;
}

.header-item[aria-haspopup][aria-expanded="true"] [class^="icon-"]:before {
	transition: transform 0.125s var(--easing), opacity 0.125s var(--easing);
	transform: scale(1.2);
	opacity: 0;
}

.header-item[aria-haspopup][aria-expanded="true"] [class^="icon-"]:after {
	transition: transform 0.125s var(--easing);
	transform: scale(.7);
	opacity: 1;
}


a.sub-nav-item {
	position: relative;
	flex-grow: 1;
	padding: 0 .75rem;
}

a.sub-nav-item .hover-target {
	display: block;
	padding: 0.6666rem 0.8333rem;
	text-decoration: none !important;
	border-radius: var(--radius-small);
}

.sub-menu li:first-of-type a {
	padding-top: 0.5rem;
}

.sub-menu li:last-child a {
	padding-bottom: 0.5rem;
}


.submenu-parent-title {
	font-weight: 700;
	position: absolute !important;
	bottom: calc(100% - 1px);
	display: flex;
	padding: 0.85rem 0.9rem 0.75rem;
	cursor: default;
	pointer-events: none;
	color: transparent;
	border-bottom: 1px solid var(--dropdown-bg);
	border-top-left-radius: var(--radius-medium);
	border-top-right-radius: var(--radius-medium);
	background: var(--dropdown-bg);
}

.submenu-parent-title::before {
	position: absolute;
	z-index: 1;
	bottom: -2px;
	left: calc(100% - 2px);
	width: 1.5rem;
	height: 1.5rem;
	content: '';
	pointer-events: none;
	border-top: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 2px solid var(--dropdown-bg);
	border-left: 2px solid var(--dropdown-bg);
	border-bottom-left-radius: calc(var(--radius-medium) + 4px);
	outline: 1px solid var(--dropdown-bg);
	box-shadow: 0 0 0 1rem var(--dropdown-bg);
	clip-path: inset(1px);
}

html[data-contrast="1"] .submenu-parent-title::before,
html[data-contrast="1"] .submenu-parent-title::after {
	box-shadow: inset 0.75px -0.75px 0 0px black, 0 0 0 1rem var(--dropdown-bg);
}

html[data-contrast="1"] .dropdown-right .submenu-parent-title::before {
	box-shadow: inset -0.75px -0.75px 0 0px black, 0 0 0 1rem var(--dropdown-bg);
}

html[data-contrast="1"] .submenu-parent-title {
	box-shadow: 0px -1px 0px 0px black, -1px 0 0px 0px black, 1px 0 0px 0px black;
}

html[data-contrast="1"] .search-form, html[data-contrast="1"] ul.sub-menu,
html[data-contrast="1"] .main-nav-item:before {
	box-shadow: 0px 0 0 1px black;
}

html[data-contrast="1"] .no-focus.sub-nav-item:focus-visible .hover-target {
	outline: 2px solid black;
	outline-offset: 2px;
}

/*--------------------------------------------------------------
# Dialog
--------------------------------------------------------------*/

dialog {
	width: 41rem;
	max-width: calc(100% - 2 * var(--pad-vx) + 16px);
	max-height: calc(100% - 2 * var(--pad-vx) + 16px);
	margin: auto;
	padding: 0;
	transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);
	transform: none;
	color: var(--navy-text);
	border: none;
	border-radius: var(--radius);
	background: var(--pink-less);
	transition-behavior: allow-discrete;
	--link-highlight-hover: var(--white);
}

.dialog-content {
	padding: max(var(--pad-vx), var(--margin-xl)) min(var(--gap-x), var(--pad-vx));
	border-radius: var(--radius);
}


dialog h1:first-child,
dialog h2:first-child,
dialog h3:first-child,
dialog h4:first-child,
dialog h5:first-child,
dialog h6:first-child,
dialog p:first-child {
	padding-right: 1.4rem;
}

html[data-contrast="1"] dialog {
	background: var(--white);
}

dialog::backdrop {
	transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	background: rgba(0, 0, 0, 0.3);
	transition-behavior: allow-discrete;
}

@starting-style {
	dialog {
		opacity: 0;
		transform: scale(0.9);
	}

	dialog::backdrop {
		opacity: 0;
	}
}

dialog.closing {
	transform: scale(0.9);
	opacity: 0;
}

dialog.closing::backdrop {
	transition: opacity .2s cubic-bezier(0.2, 0.3, 0.25, 0.9);
	opacity: 0;
}

dialog[closedby="none"] .close {
	pointer-events: none !important;
	opacity: 0;
}

dialog#cookie-settings {
	background: var(--sky);
	--link-highlight-hover: var(--pink-less);
}

.button-group-dialog {
	display: grid;
	margin: var(--margin-l) 0;
	margin-right: -.25em;
	margin-left: -.25em;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 0.5rem;
}

.privacy-choices {
	display: flex;
	justify-content: space-around;
	margin-top: var(--margin-xl);
	padding: 0.8rem 1rem;
	color: var(--white);
	border-radius: 1.75rem;
	background: var(--navy);
	row-gap: 0.5rem;
	column-gap: 0.25rem;
}

.custom-checkbox {
	display: flex;
}

.custom-checkbox input {
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	width: 0px;
	height: 0px;
	margin: -1px;
	clip-path: inset(50%);
}

.custom-checkbox .icon-checkmark {
	font-size: 1.5rem;
	line-height: 1.01;
	position: relative;
	top: -12%;
}

.custom-checkbox .icon-checkmark:after {
	position: absolute;
	top: 18%;
	left: 5%;
	width: 85%;
	height: 85%;
	content: "";
	border: 3px solid var(--sky-text);
	border-radius: 0.15em;
}

.custom-checkbox .icon-checkmark:before {
	position: relative;
	z-index: 1;
	visibility: hidden;
}

.custom-checkbox input:checked + .message .icon-checkmark:before,
.always-checked.custom-checkbox .icon-checkmark:before {
	visibility: visible;
}

.always-checked.custom-checkbox .icon-checkmark:after {
	background: var(--sky-text);
}

.input-checkbox:focus-visible + .message .icon-checkmark:after {
	border-color: var(--link-highlight-hover);
}

.input-checkbox:focus-visible + .message {
	outline: 2px solid var(--link-highlight-hover);
	outline-offset: 6px;
}

.custom-checkbox .message {
	font-weight: 600;
	display: flex;
	align-items: center;
	border-radius: 0.25em;
	gap: 0.5rem;
}

label.custom-checkbox:not(.always-checked) {
	cursor: pointer;
}

html[data-contrast="1"] .privacy-container button:focus-visible {
	outline: 2px solid var(--black);
}

html[data-contrast="1"] .privacy-choices {
	--link-highlight-hover: var(--lemon);
}

.privacy-footer {
	font-weight: 500;
	line-height: 1;
	display: flex;
	justify-content: center;
	margin-top: var(--margin-xl);
	text-align: center;
	gap: 0.5rem;
}

.details-spacer {
	border-right: 1px solid var(--navy);
}


.close {
	position: absolute;
	top: 0;
	right: 0;
	padding-top: var(--margin-s);
	padding-right: var(--margin-s);
	cursor: pointer;
	border-top-right-radius: var(--radius);
	touch-action: manipulation;
}

.close-icon-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.6rem;
	color: var(--navy);
	border-radius: 100%;
	background: var(--link-highlight);
}

.close-icon-wrapper .icon-close {
	font-size: 0.8rem;
}

/*--------------------------------------------------------------
# Single Article
--------------------------------------------------------------*/

.single-article {
	display: flex;
	flex-direction: column;
	gap: var(--margin-xl);
}

/*--------------------------------------------------------------
# Single Portrait Article
--------------------------------------------------------------*/
.mission-statement {
	padding: min(var(--gap-x-small), var(--pad-vx));
	color: var(--navy-text);
	border-radius: var(--radius);
	background: var(--pink-less);
}

html[data-contrast="1"] .mission-statement {
	background: var(--white);
}

.post-nav .icon {
	font-size: 3.15rem;
}

.post-nav {
	display: flex;
	justify-content: space-between;
}

.post-nav a:focus-visible {
	color: var(--link-highlight);
}

/*--------------------------------------------------------------
# Portrait Items
--------------------------------------------------------------*/

.card-item {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	height: 100%;
	border-radius: var(--radius);
}

.news-item-wrapper .card-item {
	height: auto;
}

.image-placeholder-text {
	margin: 0 !important;
	padding: min(var(--margin-xl), var(--pad-vx));
	background: var(--ochre);
}

.card-item-meta {
	flex-shrink: 0;
	padding: min(var(--margin-xl), var(--pad-vx));
	color: var(--white);
	border-bottom-right-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
	background: var(--navy);
}

.card-item-meta:first-child {
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}

[data-style="navy"] .card-item-meta {
	background: var(--blue);
}

.card-item-meta h1 {
	line-height: var(--lh-tightest);
	margin-top: -.05em;
	margin-bottom: var(--margin-xs);
}

.portrait-item h1 {
	color: var(--lemon);
}

.card-item-image {
	position: relative;
	flex-grow: 1;
}

.card-item-image-spacer {
	aspect-ratio: 1;
}

.card-item-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
	object-fit: cover;
}


/*--------------------------------------------------------------
# News Items
--------------------------------------------------------------*/

.news-item time,
.press-item time {
	font-size: 1rem;
	color: var(--lemon);
}

.news-item-image img {
	border-top-left-radius: var(--radius);
	border-top-right-radius: var(--radius);
}

.masonry {
	position: relative;
	width: 100%;
}

.masonry-init > * {
	position: absolute;
}

a.news-item:focus-visible .image-placeholder-text,
a.news-item:focus-visible img {
	filter: brightness(1.1) contrast(0.95);
}

/*--------------------------------------------------------------
# Press Items
--------------------------------------------------------------*/

.press-list {
	display: flex;
	flex-direction: column;
	gap: min(var(--pad-vx), var(--margin-xl));
}

.press-item {
	display: flex;
	flex-direction: column;
	padding: min(var(--gap-x-small), var(--pad-vx));
	border: 2px solid var(--blue);
	border-radius: var(--radius);
}

[data-style="blue"] .press-item,
[data-style="sky"] .press-item {
	border-color: var(--navy);
}

.press-item h1 {
	text-decoration: underline;
	text-underline-offset: 0.1em;
	text-decoration-color: var(--link-highlight);
	text-decoration-thickness: 0.125em;
}

.press-item:hover h1 {
	text-decoration-color: var(--link-highlight-hover);
}

/*--------------------------------------------------------------
# Downloads
--------------------------------------------------------------*/

.no-ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	letter-spacing: 0;
}


.downloads span {
	display: block;
}

.downloads a {
	display: grid;
	text-decoration: none;
	grid-template-columns: min-content 1fr;
	gap: 0.5rem;
}


.downloads li:not(:last-child) {
	margin-bottom: 0.666rem;
}

.icon-download {
	color: var(--link-highlight-hover);
}


.download-meta,
.meta-list,
.card-item-meta p {
	text-wrap: balance;
}

.download-description {
	margin-top: 0.125rem;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
	background: var(--site-footer-bg);
}

.footer-row-2 {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 2px solid var(--site-footer-border);
}

.footer-links.s-links,
.footer-links.p-links {
	display: flex;
	overflow: visible;
	align-items: center;
	flex-shrink: 0;
	gap: 1.5rem;
}

.footer-links.s-links {
	gap: 0.125rem;
}

.s-links > .footer-item {
	margin-top: -1rem;
	padding: 1rem 0.5rem;
}

.s-links > .footer-item:first-child {
	margin-left: -.5rem;
}

.menu .footer-item {
	padding: 0.75rem 0;
}


.eu-link img {
	width: 10rem;
}

.beda-powered-by-link img {
	position: relative;
	top: -.05rem;
	width: 4.5rem;
}

/*--------------------------------------------------------------
# Toast
--------------------------------------------------------------*/


#toast-container {
	position: fixed;
	z-index: 40;
	right: min(1.25rem, calc(var(--pad-vx) - 6px));
	bottom: min(1.25rem, calc(var(--pad-vx) - 6px));
	display: flex;
	align-items: end;
	flex-direction: column-reverse;
	pointer-events: none;

	--toast-accent: var(--pink);
	--toast-shadow: 0 10px 25px rgba(0, 0, 0, .2);
	--toast-gap: 12px;
	--toast-padding: 1rem;
	--progress-height: max(4px, 0.3333rem);
	gap: var(--toast-gap);
}

.toast {
	position: relative;
	overflow: hidden;
	min-width: 280px;
	max-width: calc(100vw - 6px - 1.25rem - min(calc(3.25rem + var(--pad-vx) - 6px), 88px));
	padding: var(--toast-padding);
	transform: translateY(20px);
	animation: toast-in 220ms ease-out forwards;
	pointer-events: auto;
	opacity: 0;
	color: var(--navy-text);
	border-radius: var(--radius-small);
	background: var(--white);
	box-shadow: var(--toast-shadow);
}

.toast-title {
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-top: calc(0.5 * var(--progress-height)) !important;
	margin-bottom: 0.25rem !important;
	gap: 0.35rem;
}

.toast p {
	text-wrap: auto;
}

.toast-title .icon-language {
	font-size: 1em;
}

.toast__progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: var(--progress-height);
	transform-origin: left center;
	animation: progress-shrink linear forwards;
	background: var(--toast-accent);
}

@keyframes progress-shrink {
	from {
		width: 100%;
	}
	to {
		width: 0%;
	}
}

@keyframes toast-in {
	from {
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes toast-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}
	to {
		transform: translateY(20px);
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.toast {
		animation-duration: 1ms;
	}

	.toast__progress {
		width: 0;
		animation: none;
	}
}


/*--------------------------------------------------------------
# Conditional Display
--------------------------------------------------------------*/

.hide-m-flex {
	display: none;
}


@media screen and (min-width: 34rem) {

	.grid-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (hover: none) {
	.button {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);
	}

	p a,
	.text-column a,
	.article-content a {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
	}

	.site-header .menu-item a {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0.15);
	}

	.footer-item,
	a.news-preview,
	a.card-item {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
	}
}

@media (hover: hover) {
	html[data-contrast="1"] [data-style="beige"] .button:hover {
		outline: 2px solid black;
	}

	html[data-contrast="1"] .button:hover {
		outline: 2px solid white;
		outline-offset: 3px;
	}

	html[data-contrast="1"] .close:hover .close-icon-wrapper,
	html[data-contrast="1"] .privacy-container button[type="submit"]:hover {
		outline: 2px solid black;
		outline-offset: 3px;
	}

	html[data-contrast="1"] label.custom-checkbox:not(.always-checked):hover .message-checkbox {
		color: var(--lemon);
	}

	p a:hover,
	ul a:hover,
	ol a:hover {
		text-decoration-color: var(--pink-less);
	}

	.privacy-footer a:hover {
		color: var(--link-highlight);
	}

	html[data-contrast="1"] .privacy-footer a:hover {
		text-decoration: underline;
		color: black;
	}

	.button:hover {
		background: var(--link-highlight-hover);
	}

	button:not(.prevent-hover):hover + .tooltip {
		transition: transform 0.2s var(--easing), opacity 0.2s var(--easing);
		transform: translateX(-50%) scale(1);
		opacity: 100%;
	}

	button:not(.prevent-hover):hover + .tooltip:before {
		transition: transform 0.175s var(--easing);
		transform: scaleY(1);
	}

	.header-item:hover [class^="icon-"],
	.footer-item:hover [class^="icon-"],
	.footer-item:hover .hover-target {
		color: var(--link-highlight);
	}

	.language-select[aria-expanded="true"]:hover .icon-language {
		color: var(--blue) !important;
	}

	a.main-nav-item:hover:before {
		transition: transform 0.125s var(--easing), opacity 0.125s var(--easing);
		transform: scale(1);
		opacity: 1;
	}

	input.search:hover {
		border-color: var(--sky);
	}

	html[data-contrast="1"] input.search:focus {
		border-color: var(--black);
	}

	html[data-contrast="1"] button.search-submit:hover {
		outline: 2px solid #000000;
	}

	.menu-item-has-children:hover ul.sub-menu {
		visibility: visible;
		transition: transform 0.125s var(--easing), opacity 0.125s var(--easing);
		transform: translateY(0) scale(1);
		pointer-events: auto;
		opacity: 100%;
	}

	.menu-item-has-children:hover button.main-nav-item,
	a.main-nav-item:hover {
		transition: color 0.1s var(--easing-harsh);
		color: var(--navy-text);
	}

	.header-item[aria-haspopup][aria-expanded="true"]:hover .hover-target [class^="icon-"] {
		color: var(--blue);
	}

	a.sub-nav-item:hover .hover-target {
		background: var(--lemon);
	}

	html[data-contrast="1"] .no-focus.sub-nav-item:hover .hover-target {
		outline: 2px solid black;
		outline-offset: 2px;
	}

	.post-nav a:hover {
		color: var(--link-highlight);
	}

	.downloads a:hover .download-name {
		color: var(--link-highlight);
	}

	.downloads a:hover .icon-download {
		color: var(--link-highlight);
	}

	a.news-preview:hover .read-more,
	a.news-preview:hover .hover-target {
		text-decoration: underline;
		text-underline-offset: 0.1em;
		text-decoration-color: var(--pink-less);
		text-decoration-thickness: 0.125em;
	}

	a.portrait-item:not(:hover):not(:focus-visible) img {
		filter: grayscale(100%);
	}

	a.news-item:hover img {
		filter: brightness(1.1) contrast(0.95);
	}

	a.news-item:hover .image-placeholder-text {
		filter: brightness(1.1) contrast(0.95);
	}

	.mobile-nav .mobile-nav-item:hover .hover-target,
	.mobile-nav .mobile-sub-nav-item:hover .hover-target {
		background: var(--lemon);
	}

	.menu-trigger-inner:hover {
		transition: none;
		background: var(--sky);
	}

	.close:hover .close-icon-wrapper {
		background: var(--link-highlight-hover);
	}

	html[data-contrast="1"] .close:hover .close-icon-wrapper {
		background: var(--pink-less);
	}

	label.custom-checkbox:not(.always-checked):hover .icon-checkmark:after {
		border-color: var(--link-highlight-hover);
	}


}

.button:active {
	background: var(--link-highlight-active);
}

input.search:focus {
	border-color: var(--sky);
	outline: none;
	background: var(--white);
}

.search-form-page input.search:focus {
	border-color: var(--lemon);
}

html[data-contrast="1"] input.search:focus {
	border-color: var(--black);
}

/*
@view-transition {
	navigation: auto;
}*/