@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('https://cdn.transpareo.com/assets/plus-jakarta-sans-8dec6c3c5d1bedb280d0716d17b09dff4239dff5a8b2c68e7a6e1e729ce8c871.woff2')
    format('woff2-variations');
}


:root {
  --action-color: #255DBA;
  --background-color: #FFFFFF;
  --body-background: #E2E1E0;
  --button-color-bottom: #255DBA;
  --button-color-text: #FFFFFF;
  --button-color-top: #2B68C0;
  --color-highlight: #255DBA;
  --color-highlight-text: #FFFFFF;
  --content-max-width: 830px;
  --content-radius: 10px;
  --font-color: #3D3C3B;
  --font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  --font-size: 16px;
  --footer-link-color: #255DBA;
  --footer-text-color: #5F5E5D;
  --frame-width: 10px;
  --h1-size: 170%;
  --h1-style: normal;
  --h1-weight: 700;
  --h2-size: 125%;
  --h2-style: normal;
  --h2-weight: 700;
  --h3-size: 115%;
  --h3-style: normal;
  --h3-weight: 600;
  --keyvisual-url: url('https://cdn.transpareo.com/demo/branding/keyvisual.jpg');
  --link-color: #255DBA;
  --logo-height: 27px;
  --logo-mask-url: url('/media/demo/3/x/e/hsd3g/demo_branding_logo_v22a64ee5_790d67f8fc5174e5.svg');
  --logo-url: url('https://cdn.transpareo.com/demo/branding/logo.svg');
  --logo-url-bg: var(--logo-url);
  --logo-url-bn: var(--logo-url);
  --logo-url-bs: var(--logo-url);
  --logo-url-cs: var(--logo-url);
  --logo-url-da: var(--logo-url);
  --logo-url-de: var(--logo-url);
  --logo-url-el: var(--logo-url);
  --logo-url-en: var(--logo-url);
  --logo-url-es: var(--logo-url);
  --logo-url-et: var(--logo-url);
  --logo-url-fi: var(--logo-url);
  --logo-url-fr: var(--logo-url);
  --logo-url-ga: var(--logo-url);
  --logo-url-hi: var(--logo-url);
  --logo-url-hr: var(--logo-url);
  --logo-url-hu: var(--logo-url);
  --logo-url-id: var(--logo-url);
  --logo-url-is: var(--logo-url);
  --logo-url-it: var(--logo-url);
  --logo-url-ja: var(--logo-url);
  --logo-url-ko: var(--logo-url);
  --logo-url-lt: var(--logo-url);
  --logo-url-lv: var(--logo-url);
  --logo-url-mk: var(--logo-url);
  --logo-url-mt: var(--logo-url);
  --logo-url-nb: var(--logo-url);
  --logo-url-nl: var(--logo-url);
  --logo-url-pl: var(--logo-url);
  --logo-url-pt: var(--logo-url);
  --logo-url-ro: var(--logo-url);
  --logo-url-ru: var(--logo-url);
  --logo-url-sk: var(--logo-url);
  --logo-url-sl: var(--logo-url);
  --logo-url-sq: var(--logo-url);
  --logo-url-sr: var(--logo-url);
  --logo-url-sv: var(--logo-url);
  --logo-url-tr: var(--logo-url);
  --logo-url-uk: var(--logo-url);
  --logo-url-vi: var(--logo-url);
  --logo-url-zh: var(--logo-url);
  --logo-width: 270px;
  --menu-color-bottom: #2B68C0;
  --menu-color-text: #FFFFFF;
  --menu-color-top: #255DBA;
  --menu-color-top-active: #1F4E92;
  --rating-bad: #AB2430;
  --rating-good: #0A8340;
  --rating-neutral: #D4872A;
  --rating-very-bad: #AB2430;
  --rating-very-good: #0A8340;
  --timeline-background: #D2D1D0;
  --timeline-card-background: #FFFFFF;
  --timeline-card-text: #3D3C3B;
  --timeline-event-collected: #0EA5E9;
  --timeline-event-published: #3B82F6;
  --timeline-event-recycled: #059669;
  --timeline-event-refurbished: #8B5CF6;
  --timeline-event-repair: #EA580C;
  --timeline-event-text: #FFFFFF;
  --timeline-event-use: #16A34A;
  --timeline-label-color: #5F5E5D;
  --timeline-line-color: #A9A8A6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font-family, var(--font-family, inherit));
}
h1 {
  font-size: var(--h1-size, 170%);
  font-weight: var(--h1-weight, 700);
  font-style: var(--h1-style, normal);
}
h2 {
  font-size: var(--h2-size, 125%);
  font-weight: var(--h2-weight, 700);
  font-style: var(--h2-style, normal);
}
h3 {
  font-size: var(--h3-size, 115%);
  font-weight: var(--h3-weight, 600);
  font-style: var(--h3-style, normal);
}
h4 {
  font-weight: var(--h3-weight, 600);
  font-style: var(--h3-style, normal);
  font-size: max(100%, calc(var(--h3-size, 115%) * 0.8));
}