@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-Bold.ttf') format("truetype"), url('../fonts/FunnelSans-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/FunnelSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Funnelsans;
  src: url('../fonts/FunnelSans-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funneldisplay;
  src: url('../fonts/FunnelDisplay-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funneldisplay;
  src: url('../fonts/FunnelDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funneldisplay;
  src: url('../fonts/FunnelDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funneldisplay;
  src: url('../fonts/FunnelDisplay-Bold.ttf') format("truetype"), url('../fonts/FunnelDisplay-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Funneldisplay;
  src: url('../fonts/FunnelDisplay-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --font--font-primary: Funnelsans, Arial, sans-serif;
  --colors--textcolor: #64685e;
  --font--font-secondary: Funneldisplay, Arial, sans-serif;
  --colors--primary: #305738;
  --colors--black: #000;
  --borders--border-radius-outside: 3px;
  --colors--tertiary: #eaedef;
  --colors--secondary-25: #92af7840;
  --colors--additional-3: #968d8d;
  --colors--white: white;
  --colors--borders: #eaedef;
  --colors--primary-contrast: white;
  --colors--secondary: #92af78;
  --colors--secondary-contrast: white;
  --colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>: #703838;
  --colors--tertiary-contrast: white;
  --colors--transparent: #fff0;
  --borders--border-radius-inside: 1px;
  --colors--divider-on-dark: #c5cdd3;
  --colors--white-transparent: #ffffffb3;
  --borders--border-radius-full: 1000px;
  --colors--additional-1: #a4aba0;
  --colors--additional-2: #eaedef;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  font-family: var(--font--font-primary);
  color: var(--colors--textcolor);
  font-size: 1.1rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--font--font-secondary);
  color: var(--colors--primary);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  font-family: var(--font--font-secondary);
  color: var(--colors--primary);
  max-width: 900px;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  font-family: var(--font--font-secondary);
  color: var(--colors--primary);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  font-family: var(--font--font-secondary);
  margin-top: 0;
  margin-bottom: .8rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .6rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

p {
  max-width: 700px;
  margin-bottom: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: var(--colors--textcolor);
  text-decoration: none;
}

a:focus-visible, a[data-wf-focus-visible] {
  outline-color: var(--colors--black);
  outline-offset: .125rem;
  outline-width: .125rem;
  outline-style: solid;
}

ul {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
  font-weight: 400;
}

ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.25rem;
}

li {
  max-width: 700px;
  margin-bottom: .35rem;
  font-weight: 400;
  line-height: 1.4;
}

img {
  border-radius: var(--borders--border-radius-outside);
  max-width: 100%;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 1.25rem;
  line-height: 1.5;
}

.styleguide_section {
  border-bottom: 1px solid #e7e7e7;
  padding: 100px 6vw;
}

.container-standard {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.styleguide_item.is-stretch {
  justify-items: stretch;
}

.styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button_container.button_container--vertical {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.button_container.button_container--vertical-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.styleguide_empty-box.styleguide_empty-box-100 {
  width: 100%;
  height: 100%;
}

.container-medium {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_label {
  color: #000;
  background-color: #f3f906;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .3rem .75rem;
  font-weight: 600;
  display: flex;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.container-small {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.styleguide_heading-medium {
  font-size: 3rem;
}

.text-size-medium {
  font-size: 1.25rem;
}

.styleguide_container {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.header {
  padding-top: 105px;
}

.tag_container {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section {
  padding: 100px 4vw;
}

.section.section--color1 {
  background-color: var(--colors--tertiary);
}

.section.section--color2 {
  background-color: var(--colors--secondary-25);
}

.section.section--color3 {
  background-color: var(--colors--additional-3);
}

.section.section--footer {
  padding-top: 100px;
  padding-bottom: 150px;
  position: relative;
}

.section.section--subsite-header {
  background-color: var(--colors--primary);
  color: var(--colors--white);
  padding-top: 0;
  padding-bottom: 0;
}

.section.section--articleinfo {
  border-bottom: 1px solid var(--colors--borders);
  padding-top: 0;
  padding-bottom: 0;
}

.styleguide_2-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.text-size-large {
  font-size: 1.3rem;
}

.text-size-small {
  font-size: .8rem;
}

.text-style-muted {
  opacity: .7;
}

.textlink {
  text-decoration: underline;
  transition: all .2s;
}

.textlink:hover {
  color: var(--colors--primary);
}

.padding-standard {
  padding: 1.5rem;
}

.padding-small {
  padding: .7rem;
}

.padding-large {
  padding: 2.5rem;
}

.styleguide_3-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: var(--colors--primary);
  color: var(--colors--primary-contrast);
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.5rem .75rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.button.button--secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
}

.button.button--secondary:hover {
  background-color: var(--colors--primary);
}

.button.button--tertiary {
  background-color: var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
  color: var(--colors--tertiary-contrast);
}

.button.button--icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.button--outline {
  background-color: var(--colors--primary-contrast);
  box-shadow: inset 0 0 0 2px var(--colors--primary);
  color: var(--colors--primary);
}

.button.button--outline-secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--white);
}

.button.button--outline-secondary:hover {
  background-color: var(--colors--white);
  color: var(--colors--primary);
}

.button.button--outline-tertiary {
  background-color: var(--colors--tertiary-contrast);
  box-shadow: inset 0 0 0 2px var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
  color: var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
}

.button.button--ghost {
  background-color: var(--colors--transparent);
  box-shadow: inset 0 0 0 2px var(--colors--white);
  color: var(--colors--white);
}

.button.button--noborder {
  background-color: var(--colors--transparent);
  color: var(--colors--secondary);
}

.button.button--nav {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
  min-height: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.3;
}

.button.button--nav:hover {
  background-color: var(--colors--primary);
}

.button.button--oncolor {
  background-color: var(--colors--secondary);
  color: var(--colors--white);
}

.button.button--oncolor:hover {
  background-color: var(--colors--white);
  color: var(--colors--primary);
}

.button.button--nav-tel {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
  min-height: 50px;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1.3;
}

.button.button--nav-tel:hover {
  background-color: var(--colors--primary);
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-2.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.icon-small {
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
}

.button-secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 700;
}

.button-secondary.button--secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
}

.button-secondary.button--tertiary {
  background-color: var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
  color: var(--colors--tertiary-contrast);
}

.button-secondary.button--icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-tertiary {
  background-color: var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
  color: var(--colors--tertiary-contrast);
  text-align: center;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 700;
}

.button-tertiary.button--secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
}

.button-tertiary.button--tertiary {
  background-color: var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
  color: var(--colors--tertiary-contrast);
}

.button-tertiary.button--icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--colors--primary);
  color: var(--colors--primary-contrast);
  text-align: center;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 700;
  display: flex;
}

.button-icon.button--secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
}

.button-icon.button--tertiary {
  background-color: var(--colors--tertiary\<deleted\|variable-d607fa80-a299-e3a0-f99c-f93a21abb8aa\>);
  color: var(--colors--tertiary-contrast);
}

.button-icon.button--icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-color-primary {
  background-color: var(--colors--primary);
  color: var(--colors--primary-contrast);
  height: 100%;
}

.background-color-secondary {
  background-color: var(--colors--secondary);
  color: var(--colors--secondary-contrast);
}

.background-color-tertiary {
  background-color: var(--colors--tertiary);
  flex: 1;
}

.background-color-white {
  background-color: var(--colors--white);
  flex: 1;
}

.spacer {
  width: 100%;
  height: 30px;
}

.spacer-small {
  width: 100%;
  height: 15px;
}

.spacer-large {
  width: 100%;
  height: 50px;
}

.icon-medium {
  flex: none;
  width: 2rem;
  height: 2rem;
}

.icon-large {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
}

.styleguide_4-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.hide {
  display: none;
}

.border-radius-outside {
  border-radius: var(--borders--border-radius-outside);
  height: 100%;
  overflow: hidden;
}

.center-children {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.cover-wrapper {
  width: 100%;
  height: 100%;
}

.coverimage {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-180 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(1deg)rotateZ(180deg);
}

.rotate-270 {
  transform: rotate(-90deg);
}

.grayscale {
  filter: grayscale();
}

.form_input {
  background-color: #0000;
  border: 1px solid #eee;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input::placeholder {
  color: #222;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.form_input.is-select-input {
  color: #222;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  border-color: var(--colors--primary);
  background-color: var(--colors--primary);
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.form_component {
  margin-bottom: 0;
}

.form_checkbox, .form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.link-wrapper {
  width: 100%;
  height: 100%;
}

.link-wrapper.link-wrapper--autoheight {
  height: auto;
}

.card {
  border-radius: var(--borders--border-radius-outside);
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.card--outline {
  box-shadow: inset 0 0 0 1px var(--colors--secondary);
}

.card.card--autoheight {
  height: auto;
}

.card_imagecontainer {
  width: 100%;
  height: 300px;
  overflow: hidden;
}

.shadow-wrapper {
  box-shadow: 0 0 10px 5px #0003;
}

.border-radius-inside {
  border-radius: var(--borders--border-radius-inside);
  height: 100%;
  overflow: hidden;
}

.navbar-01 {
  border-bottom: 1px solid var(--colors--borders);
  background-color: var(--colors--white);
  width: 100%;
  padding: 0 4vw 10px;
  position: fixed;
  top: 0;
}

.logo {
  border-radius: 0;
  width: 100%;
}

.navbar-01__menu {
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-01__flexcontainer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-01__link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  font-family: var(--font--font-primary);
  color: var(--colors--textcolor);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
}

.navbar-01__link:hover {
  color: var(--colors--primary);
  text-decoration: underline;
}

.navbar-01__link.w--current {
  color: var(--colors--primary);
}

.navbar-01__link.w--open {
  color: var(--colors--secondary);
}

.navbar-01__dropdown-link {
  padding-left: 0;
  transition: all .2s;
}

.navbar-01__dropdown-link:hover, .navbar-01__dropdown-link.w--current {
  color: var(--colors--primary);
}

.navbar-01__dropdown-list.w--open {
  border-radius: var(--borders--border-radius-outside);
  background-color: var(--colors--white);
  min-width: 300px;
  padding: 10px 20px;
  box-shadow: 0 0 20px -5px #0003;
}

.navbar-01__brand {
  flex: 1;
  min-width: 100px;
  max-width: 170px;
  padding-left: 0;
}

.divider {
  background-color: var(--colors--borders);
  width: 100%;
  height: 1px;
}

.grid-2col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
}

.grid-2col.grid-2col--widegap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.grid-3col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.textlink-2 {
  color: #003569;
  text-decoration: underline;
}

.textlink-2:hover {
  color: #e11d14;
}

.accordion-01 {
  border-bottom: 1px solid var(--colors--divider-on-dark);
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
  bottom: 0;
  left: 0;
}

.accordion-01.accordion--white {
  margin-bottom: 0;
}

.flexcontainer-horizontal {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.flexcontainer-horizontal.flexcontainer-horizontal--center {
  justify-content: center;
  align-items: center;
}

.flexcontainer-horizontal.flexcontainer-horizontal--navlinks {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
}

.flexcontainer-horizontal.flexcontainer-horizontal--space-between {
  justify-content: space-between;
  align-items: stretch;
}

.flexcontainer-horizontal.flexcontainer-horizontal--nav {
  justify-content: center;
  align-items: center;
}

.flexcontainer-horizontal.flexcontainer-horizontal--nogap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: wrap;
}

.flexcontainer-horizontal.flexcontainer-horizontal--quoteperson {
  justify-content: center;
  align-items: center;
}

.accordion-01__list-wrapper {
  background-color: var(--colors--transparent);
  color: var(--colors--textcolor);
  padding-bottom: 20px;
}

.accordion-01__list-wrapper.accordion__list-wrapper--transparent {
  background-color: #fff0;
  padding-left: 0;
}

.accordion-01__toggle {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: var(--colors--textcolor);
  white-space: normal;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  transition: all .2s;
  display: flex;
}

.accordion-01__toggle:hover {
  color: var(--colors--primary);
}

.accordion-01__toggle.w--open {
  color: var(--colors--primary);
  border-bottom-style: none;
  margin-bottom: 0;
}

.accordion-01__toggle.accordion__toggle--transparent {
  background-color: #fff0;
  border-bottom-color: #e0dbd8;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.accordion-01__toggle.accordion__toggle--transparent.first {
  border-top: 1px solid #e0dbd8;
}

.accordion-02__button {
  z-index: 2;
  color: var(--colors--secondary);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.accordion-01__list {
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.accordion-01__list.w--open {
  background-color: #0000;
  display: block;
  position: relative;
}

.iconwrapper {
  flex: none;
  width: 24px;
  height: 24px;
}

.accordion-02__number {
  border-radius: var(--borders--border-radius-outside);
  background-color: var(--colors--secondary);
  font-family: var(--font--font-secondary);
  color: var(--colors--white);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.accordion-01__headline {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.2em;
}

.accordion-01__headline.accordion-01__headline--small {
  font-size: 1.2rem;
}

.introslider__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.introslider {
  flex: 1;
  width: 100%;
  height: 75vh;
  min-height: 550px;
  overflow: hidden;
}

.introslider__textcontainer {
  z-index: 2;
  color: #fff;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.introslider__text {
  color: #fff;
  max-width: 600px;
  margin-bottom: 2rem;
  font-size: 1.3rem;
  line-height: 2rem;
}

.introslider__slide {
  position: relative;
}

.slider-dot {
  border-radius: 20px;
  width: 12px;
  height: 12px;
  box-shadow: inset 0 0 0 2px #878787;
}

.slider_arrow {
  display: none;
}

.introslider__imagecontainer {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.introslider__heading {
  color: #fff;
  max-width: 600px;
  font-size: 3rem;
}

.image_overlay {
  background-color: #00000040;
  position: absolute;
  inset: 0%;
}

.introslider__textwrapper {
  z-index: 2;
  color: #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  padding: 4vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.flexcontainer-vertical {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  display: flex;
}

.flexcontainer-vertical.flexcontainer-horizontal--center, .flexcontainer-vertical.flexcontainer-vertical--center {
  justify-content: center;
  align-items: center;
}

.flexcontainer-vertical.flexcontainer-vertical--left-center {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
}

.flexbox-shrink {
  flex: 0 auto;
}

.flexbox-grow {
  flex: 1;
}

.lightbox {
  border-radius: var(--borders--border-radius-outside);
  overflow: hidden;
}

.iconlist__flexcontainer {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.iconlist__flexcontainer.flexcontainer-horizontal--center {
  justify-content: center;
  align-items: center;
}

.contentslider {
  background-color: var(--colors--transparent);
  width: 100%;
  height: auto;
  padding-bottom: 80px;
}

.contentslider__mask {
  width: 33.33%;
  margin-left: -.75rem;
  margin-right: -.75rem;
  position: relative;
  overflow: visible;
}

.contentslider__slide {
  height: 100%;
  margin-left: .75rem;
  margin-right: .75rem;
}

.contentslider__arrow {
  border-radius: var(--borders--border-radius-outside);
  box-shadow: inset 0 0 0 2px var(--colors--secondary);
  color: var(--colors--secondary);
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  line-height: 0;
  display: flex;
  inset: auto auto 0% 0%;
}

.contentslider__arrow.contentslider__arrow--right {
  margin-left: 60px;
}

.contentslider__nav {
  text-align: right;
  font-size: .5rem;
}

.grid-2col-nogap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
}

.introsection-2col {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--colors--primary);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch end;
  min-height: 700px;
  display: grid;
}

.introsection-2col__textcontainer {
  color: var(--colors--white);
  justify-content: flex-start;
  align-items: center;
  max-width: 1000px;
  padding-top: 15vh;
  padding-bottom: 15vh;
  display: flex;
}

.h1-hero {
  font-family: var(--font--font-secondary);
  color: var(--colors--white);
  margin-bottom: 2rem;
  font-size: 3.8em;
  font-weight: 400;
  line-height: 1.05;
}

.prehead {
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: 1rem;
}

.tag {
  border-radius: var(--borders--border-radius-outside);
  box-shadow: inset 0 0 0 1px var(--colors--textcolor);
  padding: .5rem;
  font-size: .9rem;
  line-height: 1;
  display: inline-block;
}

.facts-number {
  font-family: var(--font--font-secondary);
  font-size: 2.5rem;
}

.textcolor-secondary {
  color: var(--colors--secondary);
}

.quote {
  color: var(--colors--primary);
  border-left-style: none;
  max-width: 800px;
  padding: 0 0 2rem;
  font-size: 2rem;
}

.padding-top-bottom {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.quote-image {
  width: 80px;
}

.quote-author {
  color: var(--colors--primary);
  text-align: left;
  text-transform: uppercase;
  font-weight: 500;
}

.align-left {
  text-align: left;
}

.section-divider {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.section-divider-block {
  background-color: var(--colors--secondary-25);
  flex: none;
  width: 2rem;
  height: 70px;
}

.footer-headline {
  color: var(--colors--textcolor);
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
}

.grid-5col {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.container-divider-right {
  border-right: 1px solid var(--colors--borders);
}

.footer-link {
  transition: all .2s;
}

.footer-link:hover {
  color: var(--colors--primary);
  text-decoration: underline;
}

.footer-link.w--current {
  color: var(--colors--primary);
}

.flexcontainer-sitemap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.flexcontainer-sitemap.flexcontainer-horizontal--center, .flexcontainer-sitemap.flexcontainer-vertical--center {
  justify-content: center;
  align-items: center;
}

.section-divider-block-grey {
  background-color: var(--colors--borders);
  flex: none;
  width: 2rem;
  height: 70px;
}

.accordion-02__headline {
  font-family: var(--font--font-secondary);
  color: var(--colors--white);
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2em;
}

.accordion-02 {
  border-bottom: 1px solid var(--colors--secondary-25);
  color: #fff;
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  bottom: 0;
  left: 0;
}

.accordion-02.accordion--white {
  margin-bottom: 0;
}

.accordion-02__toggle {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: var(--borders--border-radius-outside);
  white-space: normal;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.accordion-02__toggle:hover {
  background-color: var(--colors--secondary-25);
}

.accordion-02__toggle.w--open {
  border-bottom-style: none;
  margin-bottom: 0;
}

.accordion-02__toggle.accordion__toggle--transparent {
  background-color: #fff0;
  border-bottom-color: #e0dbd8;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.accordion-02__toggle.accordion__toggle--transparent.first {
  border-top: 1px solid #e0dbd8;
}

.accordion-02__list {
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.accordion-02__list.w--open {
  background-color: #0000;
  position: relative;
}

.accordion-02__list-wrapper {
  background-color: var(--colors--transparent);
  padding: 10px 20px 20px 85px;
}

.accordion-02__list-wrapper.accordion__list-wrapper--transparent {
  background-color: #fff0;
  padding-left: 0;
}

.flexbox-25 {
  flex: 0 30%;
}

.flexbox-75 {
  flex: 0 70%;
}

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

.padding-greenbox {
  padding: 2.5rem 2.5rem 3rem 1.5rem;
}

.background-container-white-green {
  border-radius: var(--borders--border-radius-outside);
  background-image: linear-gradient(90deg, var(--colors--white) 27%, white 28%, var(--colors--primary) 28%);
  color: var(--colors--white);
}

.sticky-image {
  aspect-ratio: 1;
  object-fit: cover;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  position: sticky;
  top: 10rem;
}

.padding-introtext {
  padding: 0 2.5rem 0 4vw;
}

.bg-video {
  z-index: 99;
  width: 100%;
  height: 100%;
}

.hero-video__container {
  z-index: 99;
  position: relative;
}

.card__image {
  object-fit: cover;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  height: 100%;
}

.card__image.card__image--contain {
  object-fit: contain;
}

.hero-stripes__container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: row;
  height: 250px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.intro-stripe {
  background-color: var(--colors--secondary);
  width: 40px;
  height: 100%;
}

.hero-video {
  z-index: 9;
  width: 100%;
  height: 100%;
}

.icon-tiny {
  width: .8rem;
}

.breadcrumb {
  color: var(--colors--white);
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  font-size: .95em;
  list-style-type: none;
}

.breadcrumb__li {
  float: left;
  color: var(--colors--white-transparent);
  margin-bottom: 0;
  display: inline-block;
}

.breadcrumb__link {
  color: var(--colors--white);
  padding-right: 10px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
  display: inline-block;
}

.breadcrumb__link:hover {
  color: var(--colors--white-transparent);
}

.breadcrumb__li--notarget {
  float: left;
  color: var(--colors--white);
  margin-bottom: 0;
  padding-right: 10px;
  font-weight: 400;
  display: inline-block;
}

.header-stripes__container {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: row;
  height: 180px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.subsite_header__container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
  padding-bottom: 90px;
  position: relative;
}

.subsite_headline {
  font-family: var(--font--font-secondary);
  color: var(--colors--white);
  margin-bottom: 1rem;
  padding-right: 40px;
  font-size: 2.6rem;
  line-height: 1.2;
}

.number {
  border-radius: var(--borders--border-radius-outside);
  background-color: var(--colors--secondary);
  font-family: var(--font--font-secondary);
  color: var(--colors--white);
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.2em;
  display: flex;
}

.number.number--section-header {
  margin-bottom: 2rem;
}

.h3_small {
  color: var(--colors--textcolor);
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
}

.flexbox-33 {
  flex: 0 33.33%;
}

.flexbox-66 {
  flex: 0 66.66%;
}

.paragraph--short {
  max-width: 500px;
}

.accordion-01__headline-copy {
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1.2em;
}

.accordion-03 {
  border-bottom: 1px solid var(--colors--borders);
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
  bottom: 0;
  left: 0;
}

.accordion-03.accordion--white {
  margin-bottom: 0;
}

.footer-end {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
  padding-top: 100px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.subsite_header__grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pille {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--borders--border-radius-full);
  background-color: var(--colors--white);
  color: var(--colors--primary);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  margin-bottom: 4rem;
  padding: 4px;
  display: flex;
}

.pille.pille--footer {
  border: 1px solid var(--colors--divider-on-dark);
  margin-bottom: 0;
}

.germany {
  width: 30px;
}

.pill-image {
  width: 200px;
  margin-bottom: 0;
}

.product_slider {
  background-image: linear-gradient(180deg, #f7f7f7, var(--colors--borders));
}

.product_slider__nav {
  display: none;
}

.product_slider__image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.product_slider__arrow {
  color: var(--colors--textcolor);
  width: 50px;
  font-size: 1.5rem;
}

.product_slider__arrow.invisible {
  display: none;
}

.made_in_germany {
  font-size: 1rem;
  line-height: 1;
}

.package_slider {
  background-image: linear-gradient(0deg, #f7f7f7, var(--colors--borders));
}

.image_caption {
  padding-top: .5rem;
  font-size: 1rem;
}

.padding-top-bottom--small {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.articleinfo_container {
  border-bottom: 1px solid var(--colors--borders);
  margin-bottom: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.heading_small {
  color: var(--colors--primary);
  font-size: 1.1rem;
}

.accordion-01__button {
  z-index: 2;
  color: var(--colors--secondary);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s;
  display: flex;
}

.quote_image {
  border-radius: var(--borders--border-radius-full);
  object-fit: cover;
  object-position: 50% 0%;
  width: 150px;
  height: 150px;
}

.pille-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--borders--border-radius-full);
  background-color: var(--colors--white);
  color: var(--colors--primary);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 180px;
  margin-bottom: 4rem;
  padding: 4px;
  display: flex;
}

.button_container_nav {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button_container_nav.button_container--vertical {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.button_container_nav.button_container--vertical-top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.quote_position {
  text-align: left;
}

.button_home {
  padding: 1rem;
  transition: all .2s;
}

.button_home:hover, .button_home.w--current {
  color: var(--colors--secondary);
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  display: flex;
}

.introsection-2col__videocontainer {
  color: var(--colors--white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
}

.dropdown-language {
  float: right;
}

.prenav {
  border-bottom: 1px solid #eaedef;
  margin-bottom: 10px;
  margin-left: -4vw;
  margin-right: -4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: block;
}

.dropdown-language__list.w--open {
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  min-width: 250px;
  margin-top: 8px;
  padding: 15px;
  right: 0;
  box-shadow: 0 0 20px -5px #0003, inset 0 0 0 1px #eaedef;
}

.button-prenav {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: #fff;
  background-color: #305738;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  padding: .7rem 1.5rem .75rem;
  font-weight: 500;
  transition: all .2s;
  display: flex;
}

.button-prenav.button--lang {
  color: #64685e;
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.button-prenav.button--lang:hover, .button-prenav.button--lang.w--current {
  color: #000;
  background-color: #eaedef;
}

.button-prenav.button--lang.active {
  background-color: var(--colors--tertiary);
  color: var(--colors--black);
  font-weight: 600;
}

.button-prenav.button--cta {
  background-color: var(--colors--secondary);
  justify-content: center;
  align-items: center;
  padding: 1rem;
}

.button-prenav.button--cta:hover {
  background-color: var(--colors--primary);
}

.button-prenav.button--cta.w--current {
  color: #000;
  background-color: #eaedef;
}

.button-prenav.button--cta.active {
  background-color: var(--colors--tertiary);
  color: var(--colors--black);
  font-weight: 600;
}

.dropdown-indicator {
  background-color: #fff;
  border-top: 1px solid #eaedef;
  border-left: 1px solid #eaedef;
  width: 10px;
  height: 10px;
  position: absolute;
  inset: -5px 15px auto auto;
  transform: rotate(45deg);
}

.dropdown-language--toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #64685e;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  transition: background-color .2s;
  display: flex;
}

.dropdown-language--toggle:hover, .dropdown-language--toggle.w--open {
  color: #000;
  background-color: #eaedef;
}

.flag-img {
  width: 40px;
}

.background-border {
  box-shadow: inset 0 0 0 1px var(--colors--borders);
}

.iframe {
  min-height: 500px;
}

.dropdown-cta {
  float: right;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-cta--toggle {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border-radius: var(--borders--border-radius-outside);
  background-color: var(--colors--secondary);
  color: var(--colors--white);
  justify-content: center;
  align-items: center;
  min-height: 50px;
  padding: .7rem 1rem .75rem;
  transition: background-color .2s;
  display: flex;
}

.dropdown-cta--toggle:hover, .dropdown-cta--toggle.w--open {
  background-color: var(--colors--primary);
}

.dropdown-cta__list.w--open {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
  flex-flow: column;
  min-width: 275px;
  padding: 15px;
  display: flex;
  inset: 58px 5px auto auto;
  box-shadow: 0 0 20px -5px #0003, inset 0 0 0 1px #eaedef;
}

.tel_unicode {
  font-size: .8rem;
}

@media screen and (max-width: 991px) {
  .container-standard {
    max-width: none;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .styleguide_heading-medium {
    font-size: 3rem;
  }

  .header {
    padding-top: 115px;
  }

  .styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .styleguide_3-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .styleguide_4-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .logo {
    max-width: 175px;
  }

  .navbar-01__menu {
    border-top: 1px solid var(--colors--borders);
    background-color: var(--colors--white);
    padding: 2vw 4vw;
  }

  .navbar-01__link {
    color: var(--colors--textcolor);
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-01__link.w--open {
    border-bottom: 1px solid var(--colors--borders);
  }

  .navbar-01__dropdown-list.w--open {
    box-shadow: none;
    position: static;
  }

  .navbar-01__dropdown {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .grid-2col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .grid-2col.grid-2col--widegap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .grid-3col, .grid-4col {
    grid-template-columns: 1fr 1fr;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--navlinks {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .accordion-01__list-wrapper {
    padding-top: 3vw;
    padding-right: 3vw;
  }

  .accordion-02__number {
    font-size: 1.2em;
  }

  .introslider {
    height: 500px;
    min-height: 0;
  }

  .introslider__heading {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .introsection-2col {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    min-height: 600px;
  }

  .introsection-2col__textcontainer {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .h1-hero {
    font-size: 3em;
  }

  .grid-5col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .accordion-02__headline {
    font-size: 1.2em;
  }

  .accordion-02__list-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 0;
  }

  .padding-greenbox {
    padding-top: 1rem;
  }

  .background-container-white-green {
    background-image: linear-gradient(to bottom, var(--colors--primary), var(--colors--primary)), linear-gradient(90deg, var(--colors--white) 27%, white 28%, var(--colors--primary) 28%);
  }

  .sticky-image {
    aspect-ratio: 16 / 9;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-introtext {
    padding-top: 4vw;
    padding-bottom: 6vw;
    padding-right: 4vw;
  }

  .menu_button {
    border-radius: var(--borders--border-radius-outside);
    color: var(--colors--secondary);
    padding: 13px;
    font-size: 2rem;
  }

  .menu_button.w--open {
    background-color: var(--colors--secondary);
  }

  .hero-stripes__container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 150px;
    left: 4vw;
  }

  .intro-stripe {
    width: 20px;
  }

  .hero-video {
    height: 400px;
  }

  .header-stripes__container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 150px;
  }

  .subsite_header__container {
    max-width: none;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .subsite_headline {
    padding-right: 0;
  }

  .number {
    font-size: 1.2em;
  }

  .flexbox-33, .flexbox-66 {
    flex-basis: 100%;
  }

  .pille, .pille-copy {
    margin-bottom: 3rem;
  }

  .button_home {
    display: none;
  }

  .introsection-2col__videocontainer {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .styleguide_section-header {
    font-size: .875rem;
  }

  .styleguide_heading-medium {
    font-size: 2rem;
  }

  .header {
    padding-top: 109px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .button.button--nav, .button.button--nav-tel {
    min-height: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .logo {
    max-width: 150px;
  }

  .grid-2col, .grid-3col, .grid-4col {
    grid-template-columns: 1fr;
  }

  .accordion-01 {
    width: 100%;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--center {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--space-between {
    flex-flow: wrap;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--nav {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--quoteperson {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .accordion-01__list {
    height: auto;
    position: static;
    overflow: hidden;
  }

  .accordion-02__number {
    width: 40px;
    height: 40px;
    font-size: 1em;
  }

  .introslider {
    height: auto;
  }

  .introslider__text {
    margin-bottom: 2rem;
    font-size: 1.1rem;
  }

  .introslider__imagecontainer {
    height: 250px;
    position: static;
  }

  .introslider__textwrapper {
    background-color: var(--colors--primary);
    padding-bottom: 16vw;
    position: static;
  }

  .grid-2col-nogap {
    grid-template-columns: 1fr;
  }

  .h1-hero {
    margin-bottom: 1rem;
    font-size: 2em;
  }

  .quote {
    font-size: 1.6rem;
  }

  .grid-5col {
    grid-template-columns: 1fr 1fr;
  }

  .accordion-02__headline {
    font-size: 1em;
  }

  .accordion-02 {
    width: 100%;
  }

  .accordion-02__list {
    height: auto;
    position: static;
    overflow: hidden;
  }

  .menu_button {
    padding: 10px;
  }

  .intro-stripe {
    width: 15px;
  }

  .hero-video {
    height: 250px;
  }

  .breadcrumb__li, .breadcrumb__li--notarget {
    background-position: 100%;
  }

  .header-stripes__container {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    height: 75px;
  }

  .subsite_header__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .subsite_headline {
    font-size: 2rem;
  }

  .number {
    width: 40px;
    height: 40px;
    font-size: 1em;
  }

  .accordion-03 {
    width: 100%;
  }

  .heading {
    font-size: 1.89rem;
  }

  .pille, .pille-copy {
    margin-bottom: 2rem;
  }

  .nav_button__text {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.6rem;
  }

  h3 {
    font-size: 1.4rem;
  }

  .styleguide_row {
    flex-wrap: wrap;
  }

  .header {
    padding-top: 99px;
  }

  .padding-large {
    padding: 2rem;
  }

  .button {
    padding: .5rem 1.25rem .55rem;
  }

  .button.button--nav {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: var(--colors--transparent);
    color: var(--colors--secondary);
    padding: .5rem;
    font-size: .9rem;
  }

  .button.button--nav:hover {
    background-color: var(--colors--transparent);
    color: var(--colors--primary);
  }

  .button.button--nav-tel {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    background-color: var(--colors--transparent);
    color: var(--colors--secondary);
    padding: .5rem 0;
    font-size: .9rem;
  }

  .button.button--nav-tel:hover {
    background-color: var(--colors--transparent);
    color: var(--colors--primary);
  }

  .card_imagecontainer {
    height: 250px;
  }

  .navbar-01 {
    padding-bottom: 5px;
  }

  .logo {
    max-width: 120px;
  }

  .navbar-01__flexcontainer {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .grid-2col, .grid-3col, .grid-4col {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .accordion-01 {
    margin-bottom: 10px;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--nav {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--wrap {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
  }

  .flexcontainer-horizontal.flexcontainer-horizontal--quoteperson {
    flex-flow: column;
  }

  .accordion-02__button {
    width: auto;
    height: auto;
  }

  .accordion-01__headline {
    font-size: 1.5rem;
  }

  .introslider__text {
    line-height: 1.5rem;
  }

  .introslider__heading {
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
  }

  .introslider__textwrapper {
    position: static;
  }

  .h1-hero {
    font-size: 1.8em;
  }

  .facts-number {
    font-size: 2rem;
  }

  .quote {
    font-size: 1.4rem;
    line-height: 1.4;
  }

  .quote-author {
    text-align: center;
  }

  .section-divider-block {
    width: 1rem;
    height: 40px;
  }

  .footer-headline {
    margin-bottom: 1rem;
  }

  .grid-5col {
    grid-template-columns: 1fr;
  }

  .accordion-02 {
    margin-bottom: 10px;
  }

  .accordion-02__toggle {
    padding-right: 10px;
  }

  .padding-greenbox {
    padding: 0 1rem 1rem;
  }

  .padding-introtext {
    padding-top: 6vw;
    padding-bottom: 8vw;
  }

  .menu_button {
    margin-right: -10px;
    font-size: 1.6rem;
  }

  .hero-stripes__container {
    height: 100px;
  }

  .breadcrumb {
    padding-right: 140px;
  }

  .breadcrumb__li {
    font-size: .9em;
  }

  .header-stripes__container {
    z-index: 2;
    height: 60px;
  }

  .subsite_headline {
    font-size: 1.8rem;
  }

  .accordion-03 {
    margin-bottom: 10px;
  }

  .subsite_header__grid {
    z-index: 5;
    grid-template-columns: 1fr;
    position: relative;
  }

  .accordion-01__button {
    width: 30px;
    height: 30px;
    padding-right: 0;
  }

  .button_container_nav {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: center;
  }

  .quote_position {
    text-align: center;
  }

  .button-prenav {
    padding: .5rem 1.25rem .55rem;
  }

  .dropdown-indicator.dropdown-indicator--tel, .dropdown-indicator.dropdown-indicator--mail {
    right: 66px;
  }

  .dropdown-cta--toggle {
    min-height: 40px;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .dropdown-cta__list.w--open {
    min-width: 250px;
    padding: 10px;
    font-size: 1rem;
    inset: 50px -50px auto auto;
  }
}

#w-node-_5980c737-476a-848b-179a-babd5736149e-19f532d0, #w-node-_808f18ac-337a-e9ea-7287-3116568ae628-568ae625 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5a692a13-1574-fb30-1a49-7b79592301d6-19f532d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_544557a7-fc13-f819-2d89-e529fca22b27-19f532d1, #w-node-_544557a7-fc13-f819-2d89-e529fca22b2c-19f532d1, #w-node-_544557a7-fc13-f819-2d89-e529fca22b31-19f532d1, #w-node-_27f67906-7d27-d721-6469-300d3bd96350-19f532d1, #w-node-c253a32f-a16a-1125-d665-4946f6727227-19f532d1, #w-node-_661b909c-e366-2faa-8350-9d61e60b9b7b-19f532d1 {
  justify-self: start;
}

#w-node-_5142cbe5-1e49-1a4a-2772-5c5d3681eb3b-19f532d1, #w-node-_8dda832e-5ff8-b301-8ed3-9a0efcb770ab-19f532d1, #w-node-e03b58bc-63ba-2597-f3c3-a7d6b9d259fb-19f532d1, #w-node-f3ada5b2-a8e4-4add-c9c3-3678d2688617-19f532d1, #w-node-de1469ec-449a-22e2-9b57-954d374cea6d-19f532d1, #w-node-_3a620fcf-c293-883f-53af-0c59765466e4-19f532d1, #w-node-_9675cba4-3d40-b802-02ce-3daf57688211-19f532d1, #w-node-d5420fe9-08ce-1abc-6173-f6721e1d1ac0-19f532d1, #w-node-_586ee872-27f6-f7b6-b981-e11224f78077-19f532d1, #w-node-_04f97db3-1a45-bc12-b9df-0d9ac5b853a3-19f532d1, #w-node-_5365e1a0-7210-f25c-a0e2-9961540eba0c-19f532d1, #w-node-_3b5025f7-7c48-e748-1638-c8f23a811eb6-19f532d1, #w-node-ae4d74ff-2c26-dc94-cf94-bca5ddb61180-19f532d1, #w-node-_437ab274-cd67-8a01-cbc3-65668bddcee3-19f532d1, #w-node-_6dfc4be0-d320-35d6-2f3d-ceea38a0de7e-19f532d1, #w-node-c29d817a-bee7-997c-fd96-3b6d41d96fb6-19f532d1, #w-node-_13a6f10d-8e10-fbb4-3552-d67dd37aa0e6-19f532d1, #w-node-_87849d38-3811-6505-070a-0b06dce8e213-19f532d1, #w-node-_59746ce1-4464-1829-04ed-84f9f9b77847-19f532d1, #w-node-c48a50fc-29f0-3124-c332-676c3baaa0ad-19f532d1, #w-node-b3462ca9-9677-d1da-b62b-20a77511bf8d-19f532d1, #w-node-b16b933e-f80d-436a-2464-1e349c766ef7-19f532d1, #w-node-_7d110614-90d8-8d21-1626-f7fbf3818b9a-19f532d1, #w-node-ba16d2ba-b273-be21-498c-321d0a49486d-19f532d1, #w-node-_7b9b7eee-c396-523a-588c-7ac207972e1a-19f532d1, #w-node-_977d549d-d0a4-e570-fa6b-24162ff9c1e3-19f532d1, #w-node-e51178de-3d20-6c93-e2e5-f88afb7c9922-19f532d1, #w-node-_32fa4424-8988-d2e6-299c-fae58164b898-19f532d1, #w-node-_5ae59b44-18ab-2944-e640-62a7f88368b3-19f532d1, #w-node-_5eecbd1c-92c8-7e75-dc75-d3983cf9e730-19f532d1, #w-node-cc4ec3b6-f160-629d-3428-34223105fd5d-19f532d1, #w-node-cb5a3eed-d79d-caa5-a686-5a5d55d4bb1b-19f532d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-f10ead7c, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-1c32371b, #w-node-_66063fe6-1fd1-3880-1c32-eaedb6c8904f-1c32371b, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-98492877, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-ed85e4eb, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-ed888cb5, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-6f2cb636, #w-node-_60ef74e2-4f1f-481b-df6f-aac90b95ddee-6f2cb636, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-94f20638, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-59df58f9, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-41d521b1, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-f93532aa, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-0d45b445, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-89726ea9, #w-node-_78b59cab-2737-6481-7502-1a11610ce665-89726ea9, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-1f9452e0, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-117f447f, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-84fd78c3, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-471c950e, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-40f5fecd, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-57a67a49, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-51bdae09, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-93bde549, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-1ed17e15, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-2c1a6bf2, #w-node-_2bce0b3d-e7ed-7127-30e9-bdf957f80bff-8cdb7d43 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_4e63dcef-09ff-a50f-af96-9ab367f1ec15-19f532d0 {
    order: 9999;
  }

  #w-node-_3e6e71a9-0a59-d402-59cc-b6b0bd881fc0-19f532d0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_808f18ac-337a-e9ea-7287-3116568ae628-568ae625 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5e6b75dd-849c-f0c0-6bd8-b36705758a96-19f532d1 {
    order: 9999;
  }

  #w-node-_60ef74e2-4f1f-481b-df6f-aac90b95ddee-6f2cb636, #w-node-_1674f48c-e41d-8ec8-37bd-27ca8bbb5231-6f2cb636, #w-node-_90302749-dfe2-09f3-15b9-0beb587785e8-89726ea9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_808f18ac-337a-e9ea-7287-3116568ae628-568ae625 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5894e36d-8825-40f8-694f-f40632472e94-1c32371b {
    order: 9999;
  }

  #w-node-_66063fe6-1fd1-3880-1c32-eaedb6c8904f-1c32371b {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-Bold.ttf') format('truetype'), url('../fonts/FunnelSans-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/FunnelSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Funnelsans';
  src: url('../fonts/FunnelSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funneldisplay';
  src: url('../fonts/FunnelDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funneldisplay';
  src: url('../fonts/FunnelDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funneldisplay';
  src: url('../fonts/FunnelDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funneldisplay';
  src: url('../fonts/FunnelDisplay-Bold.ttf') format('truetype'), url('../fonts/FunnelDisplay-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Funneldisplay';
  src: url('../fonts/FunnelDisplay-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}