@media (min-width: 56em) {
  body {
    padding-top: calc(var(--gutter) * 2 + 50px);
  }
  body.ticker-active {
    padding-top: calc(var(--gutter) * 2 + 120px);
  }
}
.CMS2GO body {
  padding-top: 0 !important;
}
header {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: var(--grey1);
  z-index: 9;
}
header.is-fixed {
  position: fixed;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}
header.scroll-up {
  transition: visibility 0s 0.3s linear, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, visibility 0s 0.3s linear;
  transition: transform 0.3s ease, visibility 0s 0.3s linear, -webkit-transform 0.3s ease;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.raaakselect header {
  background-color: var(--color1);
}
@media (max-width: 56em) {
  header {
    display: none;
  }
}
header .headerContainer {
  display: flex;
  align-items: center;
  padding: var(--gutter) 0;
}
header .headerContainer .mainLogo {
  display: block;
  position: relative;
  z-index: 5;
  height: 50px;
}
header .headerContainer .mainLogo svg {
  width: 197px;
  height: 50px;
}
header .headerContainer .mainLogo svg .orange {
  fill: var(--color2);
}
header .headerContainer .mainLogo svg .blue {
  fill: var(--color1);
  transition: all 0.2s linear;
}
.raaakselect header .headerContainer .mainLogo svg .blue,
.menu-open header .headerContainer .mainLogo svg .blue {
  fill: #fff;
}
header .headerContainer .mainNav {
  flex: 1;
}
header .headerContainer .mainNav .menu-level0 {
  display: flex;
  justify-content: center;
  height: 100%;
}
header .headerContainer .mainNav .menu-level0 > li {
  display: inline-flex;
  align-items: center;
  padding: 0 calc(var(--gutter) / 2);
}
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0 > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0 > button,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children > button {
  font-family: var(--basicfont);
  font-size: var(--fontsize);
  font-weight: 600;
  color: var(--color1);
  text-decoration: none;
  display: block;
  border: 0;
  background: transparent;
  position: relative;
  z-index: 5;
  transition: color 0.2s linear;
  padding: calc(var(--gutter) / 2) 0;
}
.raaakselect header .headerContainer .mainNav .menu-level0 > li.listItem_Level0 > a,
.raaakselect header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children > a,
.raaakselect header .headerContainer .mainNav .menu-level0 > li.listItem_Level0 > button,
.raaakselect header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children > button,
.menu-open header .headerContainer .mainNav .menu-level0 > li.listItem_Level0 > a,
.menu-open header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children > a,
.menu-open header .headerContainer .mainNav .menu-level0 > li.listItem_Level0 > button,
.menu-open header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children > button {
  color: #fff;
}
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.open > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.open > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.open > button,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.open > button {
  color: #fff;
  border-bottom: 2px solid var(--color2);
}
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.open .submenuContainer,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.open .submenuContainer {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.selectedItem > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.selectedItem > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.selectedRoot > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.selectedRoot > a,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.selectedItem > .link,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.selectedItem > .link,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0.selectedRoot > .link,
header .headerContainer .mainNav .menu-level0 > li.listItem_Level0_Children.selectedRoot > .link {
  border-bottom: 2px solid var(--color2);
}
header .headerContainer .submenuContainer {
  position: absolute;
  z-index: 4;
  left: 0;
  background: var(--color1);
  width: 100%;
  padding-top: 120px;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateY(-101%);
          transform: translateY(-101%);
  top: 0;
}
.ticker-active header .headerContainer .submenuContainer {
  padding-top: 190px;
}
.raaakselect header .headerContainer .submenuContainer {
  background: var(--color3);
}
header .headerContainer .submenuContainer .menuTitle {
  color: #fff;
  font-size: var(--s-fontsize);
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
header .headerContainer .submenuContainer .menuTitle:before {
  content: "";
  background-image: url(../images/logo.svg);
  width: 28px;
  height: 28px;
  display: block;
  background-size: cover;
  margin-right: 10px;
}
header .headerContainer .submenuContainer ul {
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  padding: 0 0 var(--gutter);
  display: grid;
  gap: 5px;
}
header .headerContainer .submenuContainer ul li a,
header .headerContainer .submenuContainer ul li .link,
header .headerContainer .submenuContainer ul li .subLink {
  position: relative;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  font-size: var(--xxxs-fontsize);
  line-height: normal;
  border: 0;
  background: none;
  font-family: var(--basicfont);
}
header .headerContainer .submenuContainer ul li a:before,
header .headerContainer .submenuContainer ul li .link:before,
header .headerContainer .submenuContainer ul li .subLink:before {
  content: '\e5c8';
  transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out;
  font-family: var(--symbol);
  font-size: var(--iconsize);
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  width: 1px;
  height: auto;
  overflow: hidden;
}
@media (hover: hover) {
  header .headerContainer .submenuContainer ul li a:hover:before,
  header .headerContainer .submenuContainer ul li .link:hover:before,
  header .headerContainer .submenuContainer ul li .subLink:hover:before {
    opacity: 1;
    width: 25px;
    height: auto;
  }
}
header .headerContainer .submenuContainer ul li.selectedRoot > a:before,
header .headerContainer .submenuContainer ul li.selectedItem > a:before,
header .headerContainer .submenuContainer ul li.selectedRoot > .link:before,
header .headerContainer .submenuContainer ul li.selectedItem > .link:before {
  opacity: 1;
  width: 25px;
  height: auto;
}
header .headerContainer .actionButton {
  position: relative;
  z-index: 5;
  transition: all 0.2s linear;
}
.raaakselect header .headerContainer .actionButton,
.menu-open header .headerContainer .actionButton {
  color: #fff;
  box-shadow: 0 0 0 2px #fff;
}
[aria-label="breadCrumbs"] .backLink {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
  color: var(--color1);
  font-size: var(--xxs-fontsize);
}
[aria-label="breadCrumbs"] label,
[aria-label="breadCrumbs"] input {
  display: none;
  cursor: pointer;
}
[aria-label="breadCrumbs"] label {
  padding-inline: 0.25rem;
  border-radius: 0.1875rem;
}
@media (hover: hover) {
  [aria-label="breadCrumbs"] label:hover {
    background-color: var(--grey-500);
    color: black;
  }
}
[aria-label="breadCrumbs"] ol {
  display: flex;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  list-style: none;
  gap: 0.5rem;
  align-items: center;
  font-size: var(--xxs-fontsize);
  color: var(--color1);
}
[aria-label="breadCrumbs"] ol li {
  display: flex;
  gap: 0.5rem;
  position: relative;
}
[aria-label="breadCrumbs"] ol li a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
[aria-label="breadCrumbs"] ol li:not(:first-child)::before {
  content: "\e315";
  font-family: var(--symbol);
}
@media (max-width: 56em) {
  [aria-label="breadCrumbs"] > ol {
    gap: 0.5rem;
  }
  [aria-label="breadCrumbs"] > ol label {
    display: flex;
  }
  [aria-label="breadCrumbs"] > ol input:checked ~ ol {
    display: flex;
  }
  [aria-label="breadCrumbs"] > ol > li {
    gap: 0.5rem;
  }
  [aria-label="breadCrumbs"] > ol > li:first-child [itemprop="name"] {
    display: none;
  }
  [aria-label="breadCrumbs"] > ol > li:not(:first-child)::before {
    content: '/';
  }
  [aria-label="breadCrumbs"] > ol > li > ol {
    display: none;
    flex-direction: column;
    gap: 0;
    position: absolute;
    bottom: 0;
    padding-inline: calc(var(--padding) / 2);
    padding-block: calc(var(--padding) / 4);
    background-color: #fff;
    border: 0.0625rem solid var(--grey-500);
    border-radius: 0.4375rem;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  [aria-label="breadCrumbs"] > ol > li > ol li {
    white-space: nowrap;
  }
  [aria-label="breadCrumbs"] > ol > li > ol li::before,
  [aria-label="breadCrumbs"] > ol > li > ol li:not(:first-child)::before {
    content: ">";
    display: block;
    color: var(--color-2);
    font-family: var(--symbol);
    font-size: 1.25rem;
    font-weight: bold;
    -moz-osx-font-smoothing: grayscale;
  }
  [aria-label="breadCrumbs"] > ol > li > ol li a {
    color: var(--fontcolor);
  }
}
@media (max-width: 56em) and (hover: hover) {
  [aria-label="breadCrumbs"] > ol > li > ol li a:hover {
    color: var(--color-3);
  }
}
.raaakselect [aria-label="breadCrumbs"] {
  background-color: var(--color1);
  color: #fff;
}
.raaakselect [aria-label="breadCrumbs"] .backLink {
  color: #fff;
}
.raaakselect [aria-label="breadCrumbs"] a {
  color: #fff;
}