:root {
  --max-dark: black;
  --hpd-dark: rgb(44, 68, 95);
  --bright-primary: rgb(100, 130, 255);
  --bright-primary-hover: rgb(42, 73, 200);
  --bright-secondary: rgb(255, 244, 244);
  --shadow: rgb(132, 186, 194);
  --light: rgb(232, 232, 227);
  --light-alpha: rgb(232, 232, 227, 0.9);
  --x-light: rgb(232, 232, 227);
  --max-light: white;
  --border-color: rgba(0, 0, 0, 0.3);
  --error: #db5461;
  --notice: #ffe985;
  --success: #d7e8ba;


  /* Typography helpers. */
  --font-size-base: 1rem;
  /* 16px */
  --font-sans: Inter, sans-serif;
  --font-serif: "Droid Serif", serif;
  --font-menu-main: 700 clamp(1rem, .7979vw + .4894rem, 1.1875rem)/1.2 Inter, sans-serif;
  --font-headline-block: 400 clamp(1.1rem, .3148vw + 1.037rem, 1.3125rem)/1.2 Inter, sans-serif;
  --font-headline-xl: 900 clamp(1.4rem, .4259vw + 1.3148rem, 1.6875rem)/1.2 Inter, sans-serif;
  --font-headline-promoted: 900 clamp(1.8rem, .7593vw + 1.6481rem, 2.3125rem)/1.2 Inter, sans-serif;
  --font-headline-promoted-light: 700 clamp(1.8rem, .7593vw + 1.6481rem, 2.3125rem)/1.2 Inter, sans-serif;
  --font-headline-xl-plus: 700 clamp(1.3rem, .9304vw + 1.1139rem, 1.928rem)/1.2 Inter, sans-serif;
  --font-headline-xxl: 900 clamp(1.8rem, .9444vw + 1.6111rem, 2.4375rem)/1.2 Inter, sans-serif;
  --font-headline-xxxl: 800 clamp(1.8rem, 1.5926vw + 1.4815rem, 2.875rem)/1.2 Inter, sans-serif;
  --font-headline-l: 700 clamp(1.2rem, .3519vw + 1.1296rem, 1.4375rem)/1.2 Inter, sans-serif;
  --font-blocktitle-bold: 700 clamp(1.15rem, .2407vw + 1.1019rem, 1.3125rem)/1.2 Inter, sans-serif;
  --font-button-m: 700 clamp(.8rem, .3889vw + .7222rem, 1.0625rem)/1.2 Inter, sans-serif;
  --font-button-l: 600 clamp(1rem, .7979vw + .4894rem, 1.1625rem)/1.2 Inter, sans-serif;
  --font-size-s: 0.938rem;
  /* 15px */
  --font-size-xs: 0.8125rem;
  /* 13px */
  --font-size-l: clamp(1.45rem, .3519vw + 1.3796rem, 1.6875rem);
  /* 23-27px */
  --font-intro: 500 clamp(0.9375rem, 0.7716rem + 0.8046vw, 1.375rem)/1.4 Inter, sans-serif;
  /* 15-18px */
  --font-content: 400 clamp(1rem, .3704vw + .9259rem, 1.25rem)/1.6 Inter, sans-serif;
 --font-size-share: 1.4rem;




  --font-size-menu: 0.96rem;
  /* 17px */
  /* 16-25px */
  --font-size-headline--hero: clamp(1.5625rem, 1.2597rem + 1.3461vw, 2.875rem);
  /* 25-46px */
  --font-button: 600 clamp(.875rem, .3409vw + .8068rem, 1.0625rem)/1.4 Bitter, serif;
  --font-headline: 700 clamp(1.5625rem, 1.35rem + 1.0625vw, 2.625rem)/1.2 Epilogue, sans-serif;
  /* 25-42px */
  --font-headline-m: 700 clamp(1.125rem, .9091vw + .9432rem, 1.625rem)/1.4 Epilogue, sans-serif;
  /* 18-26px */
  --font-subtitle: 700 clamp(1.125rem, 0.8879rem + 1.1494vw, 1.75rem)/1.3 Epilogue, sans-serif;
  /* 18-28px */
  --font-content-l: 600 clamp(1.125rem, 0.8879rem + 1.1494vw, 1.75rem)/1.4 Bitter, serif;
  /* 18-28px */
  --ck-font-content-l: 600 1.125rem/1.4 Bitter, serif;
  /* 18px */
  --ck-font-headline-l: 700 1.125rem/1.4 Epilogue, sans-serif;
  /* 18px */
  --font-quote: 700 clamp(1.375rem, 1.0625rem + 1.5625vw, 2.9375rem)/1.5 Epilogue, sans-serif;
  --font-teaser: 500 clamp(.9375rem, .5682vw + .8239rem, 1.25rem)/1.6 Bitter, serif;
  /* 15-20px */
  --font-cal-subtitle: 600 clamp(1.125rem, .7955vw + .9659rem, 1.5625rem)/1.4 Bitter, serif;
  /* 18-25px */
  --font-cal-info: 400 clamp(.8125rem, .375vw + .7375rem, 1.1875rem)/1.2 Bitter, serif;
  /* 13-19px */
  --font-cal-th: 700 clamp(1rem, .7955vw + .8409rem, 1.4375rem)/1.2 Epilogue, sans-serif;
  /* 16-23px */

  --font-info: 500 clamp(.8125rem, .7955vw + .6534rem, 1.25rem)/1.2 Bitter, serif;
  /* 13-20px */
  /* --font-content: 500 clamp(0.9375rem, 0.7716rem + 0.8046vw, 1.375rem)/1.6 Bitter, serif; */
  /* 15-22px */
  --font-resource-links: 600 clamp(.9375rem, 1.25vw + .125rem, 1.0625rem)/1.6 Bitter, serif;
  /* 15-17px */
  --font-content-16: 500 clamp(.9375rem, .1136vw + .9148rem, 1rem)/1.6 Bitter, serif;
  /* 15-16px */
  --ck-font-content: 500 0.9375rem/1.6 Bitter, serif;
  /* 15px */
  --font-alphapager: 600 clamp(1.0625rem, 0.8728rem + 0.9195vw, 1.5625rem)/1.6 Epilogue, sans-serif;
  /* 17-25px */

  --ck-font-intro: 600 1.0625rem/1.6 Bitter, serif;
  /* 17px */



  --font-size-xxl: 2.5rem;
  /* 40px */
  --font-size-xl: 2.313rem;
  /* 37px */
  --font-size-hero-sub: 2.2rem;
  /*  */
  --font-size-ml: 1.750rem;
  /* 28px */
  --font-size-title-page: 2rem;
  /* 32px */
  --font-size-title-m: 1.75rem;
  /* 28px */
  --font-size-title-teaser: 1.313rem;
  /* 21px */
  --font-size-themed-button: 0.875rem;
  /* 14px */
  --font-size-m: 1.063rem;
  /* 17px */
  --font-size-s: 0.938rem;
  /* 15px */
  --font-size-xs: 0.875rem;
  /* 14px */
  --font-size-xxs: 0.75rem;
  /* 12px */
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;

  /* Layout helpers. */
  --logo-l-width: 18.75rem;
  --resp-16-9: 0.5625;
  --resp-format-hero: 0.6640;
  --resp-format-teaser2cols: 1;
  --container-padding: clamp(.8rem, 2.5185vw + .2963rem, 2.5rem);
  /* 20px */
  --content-narrow-padding: clamp(0rem, 19.2593vw + -3.8519rem, 13rem);
  --reset-content-narrow-padding: calc(-1 * var(--content-narrow-padding));
  --indent-container: 4rem;
  --reset-indent-container: calc(-1 * var(--indent-container));
  --box-gap: clamp(1.25rem, 4.5455vw + 0.3409rem, 3.75rem);
  /* 20 - 60px */
  --max-width: clamp(20rem, 100vw, 87.5rem);
  /* 320 - 1400px */
  --min-container-width: calc(320px - 2 * var(--container-padding));
  --min-hero-height: 45.75rem;

  --padding-hero-x: calc(0.75 * (70vw - 320px));
  --padding-hero-y: calc(0.1 * (70% - 40px));
  --page-padding: 0.625rem;
  /* 10px */
  --max-bg-color: 98.125rem;
  /* Width to which the background color extends to. */
  --sp: 1.125rem;
  --content-left: 5.625rem;
  --site-header-height-wide: var(--sp10);
  --quote-gbs-dark: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDYuNTUgNDAuMTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNi41NSA0MC4xNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMwMDY4Nzk7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODAuMDIsNDAuMTdjMC0xNy42OCwxMC44Ni0zMy4xLDI2LjIzLTM5LjM1YzAuMTItMC4wNSwwLjM1LTAuMjMsMC4yOS0wLjUxYy0wLjA1LTAuMjgtMC4zLTAuMzEtMC41LTAuMzEKCWMtMC44Ny0wLjAxLTI2Ljg1LDAuNTItMjYuODUsMC41MmMtMC4wMywwLTAuMTIsMC4wMS0wLjE0LDAuMDJjLTAuMDIsMC4wMS0wLjA0LDAuMDItMC4wNCwwLjAyQzYyLjg1LDYuNCw1MS4yOCwyMS45Miw1MS4yNyw0MC4xNwoJTDgwLjAyLDQwLjE3eiBNMjguNzUsNDAuMTdjMC0xNy42OCwxMC44NS0zMy4wOSwyNi4yMi0zOS4zNWMwLjEyLTAuMDUsMC4zNS0wLjIzLDAuMjktMC41MUM1NS4yMSwwLjAzLDU0Ljk2LDAsNTQuNzYsMAoJYy0wLjg3LTAuMDEtMjYuODUsMC41Mi0yNi44NSwwLjUyYy0wLjAzLDAtMC4xMiwwLjAxLTAuMTQsMC4wMmMtMC4wMiwwLjAxLTAuMDQsMC4wMi0wLjA0LDAuMDJDMTEuNTcsNi40LDAsMjEuOTIsMCw0MC4xNwoJTDI4Ljc1LDQwLjE3eiIvPgo8L3N2Zz4K");
  --quote-gbs-maxlight: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDYuNTUgNDAuMTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNi41NSA0MC4xNzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODAuMDIsNDAuMTdjMC0xNy42OCwxMC44Ni0zMy4xLDI2LjIzLTM5LjM1YzAuMTItMC4wNSwwLjM1LTAuMjMsMC4yOS0wLjUxYy0wLjA1LTAuMjgtMC4zLTAuMzEtMC41LTAuMzEKCWMtMC44Ny0wLjAxLTI2Ljg1LDAuNTItMjYuODUsMC41MmMtMC4wMywwLTAuMTIsMC4wMS0wLjE0LDAuMDJjLTAuMDIsMC4wMS0wLjA0LDAuMDItMC4wNCwwLjAyQzYyLjg1LDYuNCw1MS4yOCwyMS45Miw1MS4yNyw0MC4xNwoJTDgwLjAyLDQwLjE3eiBNMjguNzUsNDAuMTdjMC0xNy42OCwxMC44NS0zMy4wOSwyNi4yMi0zOS4zNWMwLjEyLTAuMDUsMC4zNS0wLjIzLDAuMjktMC41MUM1NS4yMSwwLjAzLDU0Ljk2LDAsNTQuNzYsMAoJYy0wLjg3LTAuMDEtMjYuODUsMC41Mi0yNi44NSwwLjUyYy0wLjAzLDAtMC4xMiwwLjAxLTAuMTQsMC4wMmMtMC4wMiwwLjAxLTAuMDQsMC4wMi0wLjA0LDAuMDJDMTEuNTcsNi40LDAsMjEuOTIsMCw0MC4xNwoJTDI4Ljc1LDQwLjE3eiIvPgo8L3N2Zz4K");
}

@media screen and (min-width: 768px) {
  :root {

    --page-padding: 0.8rem;
    /* 12px */
    --font-size-title-page: 2.5rem;
    /* 40px */
    --font-size-title-m: 2.188rem;
    /* 35px */
  }
}

@media screen and (min-width: 1366px) {
  :root {
    --page-padding: 1.25rem;
    /* 20px */
    --font-size-teaser: 1.5625rem;
    /* 25px */
    --font-size-content: 1.375rem;
    /* 22px */
    --font-size-menu: 1.0625rem;
    /* 17px */
  }
}



@container main-sidebar (inline-size > 480px) {

  .themed-button,
  a.is-layer.is-slide>span {
    --font-size-themed-button: 1.25rem;
    /* 20px */
  }
}