/* Note: atoms/buttons.css, atoms/selectbox.css and jumpmarks.css
   are now loaded via head.html with media="print" onload trick for better performance */

/* stylelint-disable */
/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */
:root {
  /* colors */
  --background-color: rgb(255, 255, 255);
  --background-color-75: #ffffffbf;
  --background-color-50: #ffffff80;
  --background-color-25: #ffffff40;
  --primary-blue: #2A3367;
  --primary-blue-25: #2A3367bf;
  --primary-blue-50: #2A336780;
  --primary-blue-75: #2A336740;
  --gray-200: #F7F7F8;
  --gray-200-25: #F7F7F8bf;
  --gray-200-50: #F7F7F880;
  --gray-200-75: #F7F7F840;
  --gradient-jumo-blue: linear-gradient(0deg, #004489, #0C1D3E);
  --gradient-jumo-blue-25: linear-gradient(0deg, #004489bf, #0C1D3Ebf);
  --gradient-jumo-blue-50: linear-gradient(0deg, #00448980, #0C1D3E80);
  --gradient-jumo-blue-75: linear-gradient(0deg, #00448940, #0C1D3E40);
  --gradient-gray: linear-gradient(rgb(249, 249, 249), rgb(222, 222, 222));
  --gradient-gray-25: linear-gradient(rgb(249, 249, 249, 0.25), rgb(222, 222, 222, 0.25));
  --gradient-gray-50: linear-gradient(rgb(249, 249, 249, 0.5), rgb(222, 222, 222, 0.5));
  --gradient-gray-75: linear-gradient(rgb(249, 249, 249, 0.75), rgb(222, 222, 222, 0.75));
  /* fonts */
  --body-font-family: din, arial, sans-serif;
  --heading-font-family: din, arial, sans-serif;
  /* body sizes */
  --body-font-size-m: 22px;
  --body-font-size-s: 19px;
  --body-font-size-xs: 14px;
  /* heading sizes */
  --heading-font-size-xxl: 55px;
  --heading-font-size-xl: 44px;
  --heading-font-size-l: 34px;
  --heading-font-size-m: 27px;
  --heading-font-size-s: 24px;
  --heading-font-size-xs: 22px;
  /* number */
  --spacing-none: 0rem;
  --spacing-tiny: 0.5rem;
  --spacing-small: 1.5rem;
  --spacing-medium: 3rem;
  --spacing-large: 5rem;
  --spacing-big: 32px;
  --spacing-xbig: 40px;
  --spacing-xxbig: 48px;
  --spacing-large: 64px;
  --spacing-xlarge: 72px;
  --spacing-xxlarge: 96px;
  --spacing-huge: 120px;
  --spacing-xhuge: 144px;
  --spacing-xxhuge: 192px;
  
  /* nav height */
  --nav-height: 64px;

}

/* fallback fonts */
@font-face {
  font-family: roboto-condensed-fallback;
  size-adjust: 88.82%;
  src: local("Arial");
}

@font-face {
  font-family: roboto-fallback;
  size-adjust: 99.529%;
  src: local("Arial");
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  color: #233048;
  font-family: var(--body-font-family);
  font-weight: 400;
  font-size: var(--body-font-size-xs);
  line-height: 1.428em;
  padding: 0;
  margin: 0;
  transition: opacity 0.2s ease-out, background-color 0.2s ease-out;
  overflow-x: hidden; /* Prevent horizontal scroll caused by 100vw elements when scrollbar appears */
}

body a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

body.appear {
  display: block;
}

/* ===== IMAGE SKELETON LOADING ===== */
/* Shimmer animation for loading images */
@keyframes img-skeleton-shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

/* Skeleton loader for images - shows gray shimmer effect while loading */
img.img-skeleton-loading {
  background: linear-gradient(
    90deg,
    #f0f0f0 25%,
    #e0e0e0 50%,
    #f0f0f0 75%
  );
  background-size: 200% 100%;
  animation: img-skeleton-shimmer 1.5s ease-in-out infinite;
  /* Ensure skeleton is visible even if image hasn't loaded yet */
  min-height: 100px;
}

/* Reduce skeleton on smaller images */
img.img-skeleton-loading[width="200"],
img.img-skeleton-loading[width="300"],
img.img-skeleton-loading[width="400"] {
  min-height: 50px;
}

code,
pre {
  font-size: var(--body-font-size-s);
}

pre {
  padding: 16px;
  border-radius: 8px;
  background-color: var(--light-color);
  overflow-x: auto;
  white-space: pre;
}

input,
textarea,
select {
  font: inherit;
}

/* links */
a:any-link {
  text-decoration: none;
  word-break: break-word;
}

a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

.icon {
  display: inline-block;
  height: 24px;
  width: 24px;
}

.icon img {
  height: 100%;
  width: 100%;
}

/* sections */
.section {
  background-color: var(--section-bg);
}

main {
  background-color: white;
}

main>.section {
  transition: background-color 0.2s ease-out, color 0.2s ease-out;
}

main>.section {
  position: relative;
  z-index: 1;
}

main>.section[data-color*=bg-]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
  pointer-events: none;
}

.section[data-color=bg-none]::after {
  --section-bg: unset;
}

.section[data-color=bg-primary-blue]::after {
  background-color: var(--primary-blue);
}

.section[data-color=bg-white]::after {
  background-color: var(--background-color);
}

.section[data-color=bg-gray-200]::after {
  background-color: var(--gray-200);
}

.section[data-color=bg-blue-gradient]::after {
  background: var(--gradient-jumo-blue);
}

.section[data-color=bg-gray-gradient]::after {
  background: var(--gradient-gray);
}

.section[data-color=bg-primary-blue][data-color-transparency=transparency-none][data-background-image]::after,
.section[data-color=bg-primary-blue][data-color-transparency=transparency-none][data-background-video]::after {
  background-color: transparent;
}

.section[data-color=bg-primary-blue][data-color-transparency=transparency-25]::after {
  background-color: var(--primary-blue-25);
}

.section[data-color=bg-primary-blue][data-color-transparency=transparency-50]::after {
  background-color: var(--primary-blue-50);
}

.section[data-color=bg-primary-blue][data-color-transparency=transparency-75]::after {
  background-color: var(--primary-blue-75);
}

.section[data-color=bg-white][data-color-transparency=transparency-none][data-background-image]::after,
.section[data-color=bg-white][data-color-transparency=transparency-none][data-background-video]::after {
  background-color: transparent;
}

.section[data-color=bg-white][data-color-transparency=transparency-25]::after {
  background-color: var(--background-color-25);
}

.section[data-color=bg-white][data-color-transparency=transparency-50]::after {
  background-color: var(--background-color-50);
}

.section[data-color=bg-white][data-color-transparency=transparency-75]::after {
  background-color: var(--background-color-75);
}

.section[data-color=bg-gray-200][data-color-transparency=transparency-none][data-background-image]::after,
.section[data-color=bg-gray-200][data-color-transparency=transparency-none][data-background-video]::after {
  background-color: transparent;
}

.section[data-color=bg-gray-200][data-color-transparency=transparency-25]::after {
  background-color: var(--gray-200-25);
}

.section[data-color=bg-gray-200][data-color-transparency=transparency-50]::after {
  background-color: var(--gray-200-50);
}

.section[data-color=bg-gray-200][data-color-transparency=transparency-75]::after {
  background-color: var(--gray-200-75);
}

.section[data-color=blue-gradient][data-color-transparency=transparency-none][data-background-image]::after,
.section[data-color=blue-gradient][data-color-transparency=transparency-none][data-background-video]::after {
  background-color: transparent;
}

.section[data-color=bg-blue-gradient][data-color-transparency=transparency-25]::after {
  background: var(--gradient-jumo-blue-25);
  --section-overlay: var(--gradient-jumo-blue-25);
}

.section[data-color=bg-blue-gradient][data-color-transparency=transparency-50]::after {
  background: var(--gradient-jumo-blue-50);
  --section-overlay: var(--gradient-jumo-blue-50);
}

.section[data-color=bg-blue-gradient][data-color-transparency=transparency-75]::after {
  background: var(--gradient-jumo-blue-75);
  --section-overlay: var(--gradient-jumo-blue-75);
}

.section[data-color=bg-gray-gradient][data-color-transparency=transparency-none][data-background-image]::after,
.section[data-color=bg-gray-gradient][data-color-transparency=transparency-none][data-background-video]::after {
  background-color: transparent;
}

.section[data-color=bg-gray-gradient][data-color-transparency=transparency-25]::after {
  background: var(--gradient-gray-25);
  --section-overlay: var(--gradient-gray-25);
}

.section[data-color=bg-gray-gradient][data-color-transparency=transparency-50]::after {
  background: var(--gradient-gray-50);
  --section-overlay: var(--gradient-gray-50);
}

.section[data-color=bg-gray-gradient][data-color-transparency=transparency-75]::after {
  background: var(--gradient-gray-75);
  --section-overlay: var(--gradient-gray-75);
}


.section[data-sec-spacing-top=section-none] {
  padding-top: var(--spacing-none);
}

.section[data-sec-spacing-top=section-small] {
  padding-top: var(--spacing-small);
}

.section[data-sec-spacing-top=section-medium] {
  padding-top: var(--spacing-medium);
}

.section[data-sec-spacing-top=section-large] {
  padding-top: var(--spacing-large);
}

.section[data-sec-spacing-bottom=section-none] {
  padding-bottom: var(--spacing-none);
}

.section[data-sec-spacing-bottom=section-small] {
  padding-bottom: var(--spacing-small);
}

.section[data-sec-spacing-bottom=section-medium] {
  padding-bottom: var(--spacing-medium);
}

.section[data-sec-spacing-bottom=section-large] {
  padding-bottom: var(--spacing-large);
}

.section[data-sec-expand-width=true]>div {
  max-width: none;
}

main .section[data-background-type=image],
main .section[data-background-type=video] {
  position: relative;
  overflow: hidden;
  min-height: 400px;
  background-blend-mode: overlay;
}

/* Background image as <picture> element for better LCP performance */
main .section .section-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  /* Prevent layout shift - reserve space immediately */
  min-height: 100%;
  display: block;
}

main .section .section-bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Prevent image flash */
  display: block;
  /* Prevent visible loading flash by setting background color */
  background-color: transparent;
}

/* Ensure first section background image loads without flash */
main .section:first-of-type .section-bg-img img[loading="eager"] {
  /* No fade-in animation for LCP image */
  opacity: 1;
}

main .section[data-background-type=image]::before,
main .section[data-background-type=video]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--section-overlay);
  pointer-events: none;
  z-index: 0;
}

main .section[data-background-type=image]>.default-content-wrapper {
  position: relative;
  z-index: 1;
}

main .section .sec-video {
  display: none;
  position: absolute;
  inset: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}

/* When section has video, picture should be behind video */
main .section.has-video .section-bg-img {
  z-index: -2;
}

@media (width <=767px) {
  main .section.has-video .sec-video {
    display: none;
  }
}

@media (width >=768px) {
  main .section.has-video .sec-video {
    display: block;
  }

  main .section.has-video {
    background-image: none !important;
  }
}

h2 {
  font-weight: 300;
  font-size: 2.75rem;
  line-height: 1.204em;
  margin: 0 0 2rem;
  margin-block: 0.83em;
  margin-inline: 0;
}

h3 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.333em;
  margin: 0 0 1.25rem;
  margin-block: 1em;
  margin-inline: 0;
}

h4 {
  margin-block: 1.33em;
  margin-inline: 0;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.6em;
  margin: 0 0 0.4em;
}

h5 {
  margin-block: 1.33em;
  margin-inline: 0;
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.4em;
  margin: 0 0 0.4em;
}

.border-space {
  padding-bottom: 70px;
  padding-top: 70px;
}

.category {
  font-size: 1.25rem;
  line-height: 1.6em;
  margin-bottom: 1.6em;
  font-weight: 400;
  margin: 0;
}

.microsite .category {
  display: block;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 4px;
}

@media (min-width: 420px) {
  .grid-boost-ss-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-ss-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 419.98px) {
  .order-ss-down-0 {
    order: 0;
  }

  .order-ss-down-1 {
    order: 1;
  }

  .order-ss-down-2 {
    order: 2;
  }

  .order-ss-down-3 {
    order: 3;
  }

  .order-ss-down-4 {
    order: 4;
  }

  .order-ss-down-5 {
    order: 5;
  }

  .order-ss-down-6 {
    order: 6;
  }

  .order-ss-down-7 {
    order: 7;
  }

  .d-ss-down-none {
    display: none;
  }

  .d-ss-down-block {
    display: block;
  }

  .d-ss-down-flex {
    display: flex;
  }

  .d-ss-down-inline-block {
    display: inline-block;
  }

  .d-ss-down-inline {
    display: inline;
  }

  .order-ss-down-8 {
    order: 8;
  }

  .d-ss-down-none {
    display: none;
  }

  .d-ss-down-block {
    display: block;
  }

  .d-ss-down-flex {
    display: flex;
  }

  .d-ss-down-inline-block {
    display: inline-block;
  }

  .d-ss-down-inline {
    display: inline;
  }

  .order-ss-down-9 {
    order: 9;
  }

  .d-ss-down-none {
    display: none;
  }

  .d-ss-down-block {
    display: block;
  }

  .d-ss-down-flex {
    display: flex;
  }

  .d-ss-down-inline-block {
    display: inline-block;
  }

  .d-ss-down-inline {
    display: inline;
  }

  .order-ss-down-10 {
    order: 10;
  }

  .d-ss-down-none {
    display: none;
  }

  .d-ss-down-block {
    display: block;
  }

  .d-ss-down-flex {
    display: flex;
  }

  .d-ss-down-inline-block {
    display: inline-block;
  }

  .d-ss-down-inline {
    display: inline;
  }

  .order-ss-down-11 {
    order: 11;
  }

  .d-ss-down-none {
    display: none;
  }

  .d-ss-down-block {
    display: block;
  }

  .d-ss-down-flex {
    display: flex;
  }

  .d-ss-down-inline-block {
    display: inline-block;
  }

  .d-ss-down-inline {
    display: inline;
  }

  .order-ss-down-12 {
    order: 12;
  }

  .d-ss-down-none {
    display: none;
  }

  .d-ss-down-block {
    display: block;
  }

  .d-ss-down-flex {
    display: flex;
  }

  .d-ss-down-inline-block {
    display: inline-block;
  }

  .d-ss-down-inline {
    display: inline;
  }
}

@media (min-width: 578px) {
  .grid-boost-sm-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-sm-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 577.98px) {
  .order-sm-down-0 {
    order: 0;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-1 {
    order: 1;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-2 {
    order: 2;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-3 {
    order: 3;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-4 {
    order: 4;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-5 {
    order: 5;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-6 {
    order: 6;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-7 {
    order: 7;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-8 {
    order: 8;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-9 {
    order: 9;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-10 {
    order: 10;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-11 {
    order: 11;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }

  .order-sm-down-12 {
    order: 12;
  }

  .d-sm-down-none {
    display: none;
  }

  .d-sm-down-block {
    display: block;
  }

  .d-sm-down-flex {
    display: flex;
  }

  .d-sm-down-inline-block {
    display: inline-block;
  }

  .d-sm-down-inline {
    display: inline;
  }
}

@media (min-width: 740px) {
  .grid-boost-md-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-md-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 739.98px) {
  .order-md-down-0 {
    order: 0;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-1 {
    order: 1;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-2 {
    order: 2;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-3 {
    order: 3;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-4 {
    order: 4;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-5 {
    order: 5;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-6 {
    order: 6;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-7 {
    order: 7;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-8 {
    order: 8;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-9 {
    order: 9;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-10 {
    order: 10;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-11 {
    order: 11;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }

  .order-md-down-12 {
    order: 12;
  }

  .d-md-down-none {
    display: none;
  }

  .d-md-down-block {
    display: block;
  }

  .d-md-down-flex {
    display: flex;
  }

  .d-md-down-inline-block {
    display: inline-block;
  }

  .d-md-down-inline {
    display: inline;
  }
}

@media (min-width: 992px) {
  .grid-boost-lg-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-lg-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 991.98px) {
  .order-lg-down-0 {
    order: 0;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-1 {
    order: 1;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-2 {
    order: 2;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-3 {
    order: 3;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-4 {
    order: 4;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-5 {
    order: 5;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-6 {
    order: 6;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-7 {
    order: 7;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-8 {
    order: 8;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-9 {
    order: 9;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-10 {
    order: 10;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-11 {
    order: 11;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }

  .order-lg-down-12 {
    order: 12;
  }

  .d-lg-down-none {
    display: none;
  }

  .d-lg-down-block {
    display: block;
  }

  .d-lg-down-flex {
    display: flex;
  }

  .d-lg-down-inline-block {
    display: inline-block;
  }

  .d-lg-down-inline {
    display: inline;
  }
}

@media (min-width: 1025px) {
  .grid-boost-llg-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-llg-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 1024.98px) {
  .order-llg-down-0 {
    order: 0;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-1 {
    order: 1;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-2 {
    order: 2;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-3 {
    order: 3;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-4 {
    order: 4;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-5 {
    order: 5;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-6 {
    order: 6;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-7 {
    order: 7;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-8 {
    order: 8;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-9 {
    order: 9;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-10 {
    order: 10;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-11 {
    order: 11;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }

  .order-llg-down-12 {
    order: 12;
  }

  .d-llg-down-none {
    display: none;
  }

  .d-llg-down-block {
    display: block;
  }

  .d-llg-down-flex {
    display: flex;
  }

  .d-llg-down-inline-block {
    display: inline-block;
  }

  .d-llg-down-inline {
    display: inline;
  }
}

@media (min-width: 1200px) {
  .grid-boost-xl-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xl-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 1199.98px) {
  .order-xl-down-0 {
    order: 0;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-1 {
    order: 1;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-2 {
    order: 2;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-3 {
    order: 3;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-4 {
    order: 4;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-5 {
    order: 5;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-6 {
    order: 6;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-7 {
    order: 7;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-8 {
    order: 8;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-9 {
    order: 9;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-10 {
    order: 10;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-11 {
    order: 11;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }

  .order-xl-down-12 {
    order: 12;
  }

  .d-xl-down-none {
    display: none;
  }

  .d-xl-down-block {
    display: block;
  }

  .d-xl-down-flex {
    display: flex;
  }

  .d-xl-down-inline-block {
    display: inline-block;
  }

  .d-xl-down-inline {
    display: inline;
  }
}

@media (min-width: 1560px) {
  .grid-boost-xxl-4 {
    margin-left: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 5.25rem) * 12 / 4 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-5 {
    margin-left: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 7rem) * 12 / 5 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-6 {
    margin-left: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 8.75rem) * 12 / 6 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-7 {
    margin-left: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 10.5rem) * 12 / 7 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-8 {
    margin-left: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 12.25rem) * 12 / 8 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-9 {
    margin-left: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 14rem) * 12 / 9 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-10 {
    margin-left: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 15.75rem) * 12 / 10 + 21rem - 100%) * -0.5);
  }

  .grid-boost-xxl-11 {
    margin-left: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
    margin-right: calc(((100% - 17.5rem) * 12 / 11 + 21rem - 100%) * -0.5);
  }
}

@media (max-width: 1559.98px) {
  .order-xxl-down-0 {
    order: 0;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-1 {
    order: 1;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-2 {
    order: 2;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-3 {
    order: 3;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-4 {
    order: 4;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-5 {
    order: 5;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-6 {
    order: 6;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-7 {
    order: 7;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-8 {
    order: 8;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-9 {
    order: 9;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-10 {
    order: 10;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-11 {
    order: 11;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }

  .order-xxl-down-12 {
    order: 12;
  }

  .d-xxl-down-none {
    display: none;
  }

  .d-xxl-down-block {
    display: block;
  }

  .d-xxl-down-flex {
    display: flex;
  }

  .d-xxl-down-inline-block {
    display: inline-block;
  }

  .d-xxl-down-inline {
    display: inline;
  }
}


/* Bootstrap Select Styles */

select {
  font-size: 1rem;
  line-height: 1.5em;
  display: block;
  box-sizing: border-box;
}

.btn.dropdown-toggle:focus,
select:focus+.btn.dropdown-toggle {
  border: .187rem solid #50e3c2 !important;
  border-color: #50e3c2 !important;
  padding: .437rem .687rem .562rem;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  background-color: transparent;
}

.bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  overflow: hidden;
  width: calc(100% - .75rem);
}

.bootstrap-select .dropdown-toggle .filter-option-inner {
  display: flex;
  align-items: center;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  margin-right: 1rem;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .bootstrap-select .dropdown-toggle .filter-option-inner {
    padding-right: 0;
  }
}

.bootstrap-select .dropdown-toggle.btn {
  background: #5e6977;
  border: 1px solid #5e6977;
  color: #fff;
  font-family: DIN, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.714em;
  padding: .5rem .875rem;
  position: relative;
  transition: all .2s ease-out;
  border-radius: .25rem;
}

.bootstrap-select .dropdown-toggle.btn:hover {
  border: 1px solid #5e6977;
  background: #5e6977;
  color: #fff;
}

.bootstrap-select .dropdown-toggle.btn:active {
  background: #5e6977;
}

.bootstrap-select .dropdown-toggle.btn:focus {
  outline: 0 !important;
}

.bootstrap-select .dropdown-toggle.btn .filter-option::after {
  content: "";
  height: 80%;
  opacity: 1;
  position: absolute;
  right: 0;
  transition: all 2s cubic-bezier(.68, -.55, .265, 1.55);
  width: 1.25rem;
}

.bootstrap-select .dropdown-toggle.btn:not(.bs-placeholder) {
  color: #233048;
  background-color: #fff;
  border-color: #717d8a;
  color: #233048;
  overflow: hidden;
  position: relative;
  min-width: 50px;
}

.bootstrap-select .dropdown-toggle.btn::after {
  content: "\e938";
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 700;
  color: currentColor;
  display: block;
  font-size: 1rem;
  position: absolute;
  top: .5rem;
  right: .312rem;
  transform: rotate(0);
  transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);
  border: 0;
  margin: 0;
  width: 1rem;
  height: 1.5rem;
}

.bootstrap-select .dropdown-toggle.btn::after {
  margin-top: 0;
}

.bootstrap-select .dropdown-menu {
  padding: 0;
}

.bootstrap-select .dropdown-menu .inner {
  list-style-type: none;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .bootstrap-select .dropdown-menu .inner {
    overflow-y: hidden !important;
  }
}

.bootstrap-select .dropdown-menu .inner li {
  padding: 0;
  margin: 0;
  width: 100%;
}

.bootstrap-select .dropdown-menu .inner li.selected::after {
  content: "\e907";
  display: block;
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #50e3c2;
  font-size: .625rem;
  position: absolute;
  top: .75rem;
  right: .625rem;
}

.bootstrap-select .dropdown-menu .inner li:hover {
  margin: 0;
  background-color: rgb(211.8965517241, 248.1034482759, 239.9753694581);
  position: relative;
  color: #233048;
  border: none;
}

.bootstrap-select .dropdown-menu .inner li:hover.selected::after {
  color: #233048;
}

.bootstrap-select .dropdown-menu .inner li:before {
  content: "";
}

.bootstrap-select .dropdown-menu .inner li a {
  background: 0 0;
  cursor: pointer;
  padding: .625rem 2rem .625rem .625rem;
  outline: 0;
  max-width: 100%;
}

.bootstrap-select .dropdown-menu .inner li a:active,
.bootstrap-select .dropdown-menu .inner li a:focus {
  background-color: rgb(211.8965517241, 248.1034482759, 239.9753694581);
}

/* Boostrap Dropdown Styles */

.dropdown {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #e9ecef;
}

.dropdown-item.active,
.dropdown-item:active {
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.bootstrap-select {
  vertical-align: middle;
}

.bootstrap-select>.dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.bootstrap-select>.dropdown-toggle:after {
  margin-top: -1px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select:not(.input-group-btn) {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  flex: 0 1 auto;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu>.inner:focus {
  outline: 0 !important;
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
  position: relative;
}

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}

/* Custom Bootstrap Select Improvements */
.bootstrap-select .dropdown-menu .inner {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: none;
}

.bootstrap-select .dropdown-menu .inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: none;
  background: none;
}

.bootstrap-select .dropdown-menu .inner li {
  list-style: none;
  border: none;
  background: none;
}

.bootstrap-select .dropdown-menu .inner ul li a.dropdown-item {
  padding: 8px 12px !important;
  line-height: 1.4;
  font-size: 14px;
  min-height: 20px;
  transition: none;
}

.bootstrap-select .dropdown-menu .inner ul li:hover a.dropdown-item {
  color: #212529 !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

.bootstrap-select .dropdown-menu:not(.show) {
  display: none;
}

.dropdown-menu.show ul.inner.show {
  padding-inline-start: 0;
}

::selection {
  background-color: #50e3c2;
  color: #fff;
}

main a:not(.non-standard) {
  background-image: linear-gradient(to left, currentColor 50%, #50e3c2 50%);
  background-size: 200% 1px;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: .125rem;
  transition: all .2s ease-out;
}

main a:not(.non-standard):hover {
  color: inherit;
  background-position: left bottom;
  text-decoration: none;
}

main a:not(.non-standard):focus {
  outline: 0;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
}

nav ul li {
  margin: 0;
}

nav ul li::before {
  content: "";
  display: none;
}

nav ul li {
  margin: 0;
}

nav ul li::before {
  content: "";
  display: none;
}

button {
  border: none;
  background: 0 0;
  padding: 0;
  outline: 0;
}

a:disabled,
button.btn:disabled,
button:disabled {
  color: #5e6977;
  background: #bfc8ce;
  cursor: default;
  border: none;
  opacity: 1;
}

a:disabled:before,
button.btn:disabled:before,
button:disabled:before {
  color: currentColor;
}

a:disabled:focus,
a:disabled:hover,
button.btn:disabled:focus,
button.btn:disabled:hover,
button:disabled:focus,
button:disabled:hover {
  color: currentColor;
  background: #bfc8ce;
}

.btn {
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.25em;
  -webkit-hyphens: none;
  hyphens: none;
  word-break: keep-all;
  line-height: 1;
  transition: all .2s ease 0s;
  outline: 0 !important;
  text-decoration: none;
  vertical-align: baseline;
  border-width: 0;
}

.btn:not(:last-child) {
  margin-right: .25rem;
}

.btn.btn.btn {
  background-image: none;
}

.btn:focus,
.btn:hover {
  box-shadow: none;
}

.btn::after,
.btn::before {
  font-size: 1em;
  display: inline-block;
  text-shadow: -.1px -.1px 0 currentColor, .1px -.1px 0 currentColor, -.1px .1px 0 currentColor, .1px .1px 0 currentColor;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

  .btn::after,
  .btn::before {
    font-size: 1rem;
  }
}

.btn::after,
.btn::before {
  color: currentColor;
}

@media screen and (max-width:768px) {
  .btn {
    white-space: normal;
  }

  .btn::after {
    top: 50%;
    margin-top: -8px;
  }
}

.sticky-stacky {
  background-color: #203367;
  height: 16px;
  z-index: 6;
  width: 100%;
}

@media screen and (max-width: 575.98px) {
  .sticky-stacky {
    height: 32px;
  }
}

.sticky-stacky .second.navbar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #CDEBF3 !important;
  padding-top: 68px;
  position: fixed;
  transform: translate3d(0, -95px, 0);
  transition: transform 0.5s;
  width: 100%;
  z-index: 5;
}

@media screen and (max-width: 1199.98px) {
  .sticky-stacky .second.navbar {
    transform: translate3d(0, -96px, 0);
  }
}

@media screen and (max-width: 1024.98px) {
  .sticky-stacky .second.navbar {
    transform: translate3d(0, -85px, 0);
    transition: 0.5s;
  }
}

@media screen and (max-width: 575.98px) {
  .sticky-stacky .second.navbar {
    transform: translate3d(0, -85px, 0);
  }
}

.sticky-stacky .second.navbar .inner {
  width: 100%;
  max-width: 100rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-right: auto;
  margin-left: auto;
}

.sticky-stacky .second.navbar .inner a img {
  margin: -48px 0 0 0;
}

.sticky-stacky .second.navbar .top {
  width: 100%;
  height: 1.5rem;
}

.sticky-stacky .second.navbar .top .h1 {
  color: #233048;
  display: flex;
  font-size: 1.25rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1.25em;
  margin: 0 5.25rem 0 0;
  opacity: 0;
  transition: opacity 0.2s;
}

@media screen and (max-width: 991.98px) {
  .sticky-stacky .second.navbar .top .h1 {
    margin: 0;
  }
}

.sticky-stacky .second.navbar .top .h1 .title {
  border-right: 2px solid #233048;
  padding: 0 1rem 0 0;
  margin: 0 1rem 0 0;
}

.sticky-stacky .second.navbar .sticky-logo {
  padding-left: 28px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
}

@media screen and (max-width: 991.98px) {
  .sticky-stacky .second.navbar .sticky-logo {
    position: absolute;
    top: 56px;
    left: 0;
  }
}

.sticky-stacky .second.navbar .sticky-meta ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  padding: 0 0.875rem;
}

.sticky-stacky .second.navbar .nav-modal.modal {
  top: 0;
  margin-top: 3.5rem;
}

.sticky-stacky .second.navbar .nav-modal.modal .center .internal-m {
  color: currentColor;
  font-size: inherit;
}

.sticky-stacky .second.navbar .nav-sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  padding: 0 0.875rem;
  margin: 1.25rem 0;
  width: auto;
  position: relative;
}

.sticky-stacky .second.navbar .nav-sub.dropdown-toggle::after {
  display: none;
  position: absolute;
  right: 0;
  top: 1.2em;
  transition: transform 0.3s;
}

.sticky-stacky .second.navbar .nav-sub>li {
  padding: 0;
  margin-right: 2.2rem;
}

.sticky-stacky .second.navbar .nav-sub>li:last-child {
  margin-right: 0;
}

.sticky-stacky .second.navbar .nav-sub>li>a {
  background-image: none;
  line-height: 1.3;
  cursor: pointer;
  color: #233048;
  font-size: 1rem;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  text-decoration: none;
  outline: none;
  border: none;
}

.sticky-stacky .second.navbar .nav-sub>li>a>span {
  display: inline;
  position: relative;
  background-size: 0 100%;
  background-image: linear-gradient(transparent 1.5em, #233048 1.5em);
  background-repeat: no-repeat;
  transition: background-size 0.3s;
  padding-bottom: 0.3em;
}

.sticky-stacky .second.navbar .nav-sub>li.active>a>span,
.sticky-stacky .second.navbar .nav-sub>li>a:hover>span {
  background-size: 100% 100%;
}

@media screen and (max-width: 991.98px) {
  .sticky-stacky .second.navbar .nav-sub {
    justify-content: space-between;
    order: 2;
    margin-left: 1rem;
  }

  .sticky-stacky .second.navbar .nav-sub>li {
    margin-right: 2rem;
  }
}

.sticky-stacky .second.navbar .sticky-meta {
  display: flex;
  flex-direction: column;
  margin-top: -2rem;
  min-width: 228px;
}

@media screen and (max-width: 991.98px) {
  .sticky-stacky .second.navbar .sticky-meta {
    order: 3;
    min-width: auto;
  }
}

.sticky-stacky .second.navbar .sticky-meta .button-meta {
  display: flex;
  justify-content: flex-end;
  order: 2;
  padding: 0 0.5rem 0.5rem 0;
}

.sticky-stacky .second.navbar .sticky-meta .button-meta btn span,
.sticky-stacky .second.navbar .sticky-meta .button-meta button span {
  white-space: nowrap;
}

.sticky-stacky .second.navbar .sticky-meta .button-meta btn a,
.sticky-stacky .second.navbar .sticky-meta .button-meta button a {
  font-size: 1rem;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
  min-height: 2.5rem;
}

.sticky-stacky .second.navbar .sticky-meta nav ul {
  display: flex;
  justify-content: flex-end;
  margin: 0;
  padding: 0 1.75rem 0.75rem 0;
  width: 100%;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li {
  line-height: 1;
  position: relative;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a {
  line-height: 1;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li.active,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li:hover,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a.active,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a:hover {
  color: #50E3C2;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a {
  position: relative;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a[data-action=widget]::before,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a[data-action=widget]::after {
  content: "";
  display: block;
  position: absolute;
  transform: translateY(1rem) scale(0);
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a[data-action=widget]::after {
  width: 400%;
  height: 200%;
  border-radius: 50% 50% 0 0;
  background-color: transparent;
  left: -150%;
  top: 80%;
  transition: none !important;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li>a[data-action=widget]::before {
  left: calc(50% - 0.5rem);
  top: calc(100% + 0.6rem);
  width: 0;
  border: 0.5rem solid transparent;
  border-top-width: 0;
  border-bottom: 1.2rem solid #FFFFFF;
  opacity: 0;
  transition: all 0.2s;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li:hover>a,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li.hover>a {
  position: relative;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li:hover>a::before,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li:hover>a::after,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li.hover>a::before,
.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li.hover>a::after {
  opacity: 1;
  transform: none;
  transition: all 0.3s 0.26s;
}

.sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li:not(:first-child) {
  margin-left: 1.2em;
}

@media screen and (max-width: 991.98px) {
  .sticky-stacky .second.navbar .sticky-meta .nav-meta>ul>li aside.nav-modal {
    margin-top: 0;
  }
}

.sticky-stacky .second.navbar .sticky-meta .icon-cart {
  position: relative;
}

.sticky-stacky .second.navbar .sticky-meta .icon-cart .cart-text {
  background-color: #50E3C2;
  border-radius: 50%;
  color: #004489;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.5em;
  padding: 0;
  width: 1.7em;
  height: 1.7em;
  position: absolute;
  top: -0.7em;
  right: -0.7em;
  letter-spacing: -0.05em;
  text-align: center;
  transition: all 0.2s;
}

.sticky-stacky .second.navbar .sticky-meta .icon-cart .cart-text.cart-empty {
  opacity: 0;
  transform: scale(0);
}

.sticky-stacky .second.navbar .sticky-meta a,
.sticky-stacky .second.navbar .sticky-meta [class^=icon-]::before {
  border: none;
  color: #233048;
  display: block;
  font-size: 1.625rem;
  outline: none;
  text-decoration: none;
}

.sticky-stacky .second.navbar .sticky-meta a:hover [class^=icon-]::before,
.sticky-stacky .second.navbar .sticky-meta a.hover [class^=icon-]::before {
  color: #50E3C2;
}

.sticky-stacky .second.navbar .sticky-meta .nav-widget {
  box-shadow: 0.2em 0.4em 0.6em rgba(0, 0, 0, 0.3);
  background-color: #FFFFFF;
  color: #233048;
  hyphens: manual;
  min-width: 22.5rem;
  padding: 1.75rem;
  position: absolute;
  right: -50px;
  top: 3.35rem;
  z-index: 78;
}

.sticky-stacky .second.navbar .sticky-meta .nav-widget,
.sticky-stacky .second.navbar .sticky-meta .nav-widget p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.8em;
}

.sticky-stacky .second.navbar .sticky-meta .nav-widget p {
  margin-bottom: 0.5em;
}

.sticky-stacky .second.navbar .sticky-meta .nav-widget h5 {
  font-weight: bold;
  font-size: 1em;
}

.sticky-stacky .second.navbar .sticky-meta .nav-widget h5:last-child {
  margin-bottom: 0;
}

.sticky-stacky .second.navbar .mobile-nav-container {
  display: none;
  margin: 0 0 16px 0;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 16px;
}

.sticky-stacky .second.navbar .mobile-nav-container .dropdown.bootstrap-select {
  width: 100%;
}

.sticky-stacky .second.navbar .mobile-nav-container .choices[data-type*=select-one] {
  min-width: 100%;
  margin: 0;
}

.sticky-stacky .second.navbar .mobile-nav-container .button-meta {
  display: flex;
  justify-content: flex-end;
  order: 2;
  padding: 0 0 0 1rem;
}

.sticky-stacky .second.navbar .mobile-nav-container .button-meta btn span,
.sticky-stacky .second.navbar .mobile-nav-container .button-meta button span {
  white-space: nowrap;
}

@media screen and (max-width: 1024.98px) {
  .sticky-stacky .second.navbar>.inner {
    align-items: flex-start;
  }

  .sticky-stacky .second.navbar .nav-sub {
    margin-top: 0.4rem;
    display: block;
    margin-left: 1rem;
    background-color: #FFF;
    border: #5E6977 solid 2px;
    border-radius: 0.375rem;
    padding-right: 4em !important;
  }

  .sticky-stacky .second.navbar .nav-sub.dropdown-toggle {
    width: auto;
    padding-right: 2rem;
  }

  .sticky-stacky .second.navbar .nav-sub.dropdown-toggle::after {
    right: 1rem !important;
    display: block;
  }

  .sticky-stacky .second.navbar .nav-sub.dropdown-toggle.open::after {
    transform: rotate(180deg);
  }

  .sticky-stacky .second.navbar .nav-sub>li {
    padding: 0.5em 0;
  }

  .sticky-stacky .second.navbar .nav-sub>li>a {
    border: none !important;
  }

  .sticky-stacky .second.navbar .nav-sub:not(.open)>li:not(.active) {
    opacity: 0;
    max-height: 0;
    padding: 0;
  }
}

@media screen and (max-width: 1024.98px) {

  .sticky-stacky .second.navbar .sticky-meta,
  .sticky-stacky .second.navbar .sticky-logo,
  .sticky-stacky .second.navbar .nav-sub {
    display: none;
  }

  .sticky-stacky .second.navbar .mobile-nav-container {
    display: flex;
    flex-wrap: nowrap;
  }

  .sticky-stacky .second.navbar .mobile-nav-container .sticky-meta {
    display: none;
  }

  .sticky-stacky .second.navbar .top {
    height: auto;
    padding: 16px;
  }

  .sticky-stacky .second.navbar .top .h1 {
    justify-content: flex-start;
    padding: 0;
    height: 0;
    min-height: 0.5rem;
  }
}

@media screen and (max-width: 575.98px) {
  .sticky-stacky .second.navbar {
    padding-top: 64px;
  }

  .sticky-stacky .second.navbar .sticky-meta,
  .sticky-stacky .second.navbar .sticky-logo,
  .sticky-stacky .second.navbar .nav-sub {
    display: none;
  }

  .sticky-stacky .second.navbar .mobile-nav-container {
    display: block;
  }

  .sticky-stacky .second.navbar .mobile-nav-container .sticky-meta {
    display: none;
  }

  .sticky-stacky .second.navbar .top {
    height: auto;
    padding: 16px;
  }

  .sticky-stacky .second.navbar .top .h1 {
    font-size: 1.125rem;
    justify-content: center;
    padding: 0;
  }

  .sticky-stacky .second.navbar .h1 {
    padding-top: 16px;
  }

  .sticky-stacky .second.navbar+.main .cc-product-header {
    padding-top: 60px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440.98px) {
  .sticky-stacky .second.navbar .inner.nologo .sticky-logo {
    display: none;
  }

  .sticky-stacky .second.navbar .inner.nologo .nav-sub {
    padding-left: 1.5rem;
  }

  .sticky-stacky .second.navbar .inner.nologo .nav-sub li:nth-child(n+6) {
    display: none;
  }

  .sticky-stacky .second.navbar .inner.nologo .sticky-meta {
    padding-right: 1.5rem;
  }

  .sticky-stacky .second.navbar .inner.nologo .sticky-meta nav.nav-meta ul {
    padding-right: 0.875rem;
  }

  .sticky-stacky .second.navbar .inner.nologo .sticky-meta .button-meta {
    padding-right: 0;
  }
}

@media screen and (max-width: 1024.98px) {
  .sticky-stacky.scroll-down .second.navbar .inner .top .h1 {
    height: auto;
  }
}

body > header {
  height: 80px;
  background-color: #203367;
  /* Prevent header flash and layout shift */
  min-height: 80px;
  /* Note: overflow:hidden removed to allow navigation dropdowns to be visible */
}

/* CSS-based skeleton loader for empty header (before JS loads content) */
body > header:empty::before {
  content: "";
  display: block;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.05) 25%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.05) 75%
  );
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
}

/* Hide skeleton when header has content */
body > header:not(:empty)::before {
  display: none;
}

/* Smooth fade-in for header content when loaded */
body > header > * {
  opacity: 0;
  animation: headerFadeIn 0.3s ease-out 0.1s forwards;
}

@keyframes headerFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (max-width: 768px) {
  body >header {
    height: 64px;
    min-height: 64px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body >header {
    height: 128px;
    min-height: 128px;
  }
}

/* Header Navigation Skeleton Loader */
.nav-skeleton {
  display: flex;
  gap: 2rem;
  padding: 1rem 0;
  align-items: center;
}

.skeleton-item {
  height: 20px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.1) 25%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.1) 75%
  );
  background-size: 200% 100%;
  animation: skeleton-loading 1.5s ease-in-out infinite;
  border-radius: 4px;
  width: 100px;
}

.skeleton-item:nth-child(1) {
  width: 80px;
}

.skeleton-item:nth-child(2) {
  width: 120px;
}

.skeleton-item:nth-child(3) {
  width: 90px;
}

.skeleton-item:nth-child(4) {
  width: 110px;
}

.skeleton-item:nth-child(5) {
  width: 95px;
}

@keyframes skeleton-loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.main-header.main-header {
  background-color: #203367;
  position: fixed;
  width: 100%;
  z-index: 100;
  transform: none;
  transition: transform 0.5s;
  top: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 575.98px) {
  .main-header.main-header {
    background-color: transparent;
  }

  .main-header.main-header .inner {
    background-color: #203367;
    transition: transform 0.5s;
  }

  .main-header.main-header .nav-widget .inner {
    background-color: transparent;
  }
}

.main-header.main-header .main-header-logo {
  transition: opacity 0.5s;
  opacity: 1;
}

/* ============================================================================
   SEARCH MODAL - Global Styles
   ============================================================================ */

/* Nav Modal Base Styles - Hidden by default */
aside.nav-modal.modal,
.main-header .nav-meta aside.nav-modal.modal,
.main-header.main-header .nav-meta aside.nav-modal.modal,
.scroll-down .main-header.main-header .nav-meta aside.nav-modal.modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  background-color: rgba(32,51,103,.95) !important;
  z-index: 1100 !important;
  display: none !important;
  overflow-y: auto !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Nav Modal Open State - Visible as fullscreen overlay */
aside.nav-modal.modal.open,
.main-header .nav-meta aside.nav-modal.modal.open,
.main-header.main-header .nav-meta aside.nav-modal.modal.open,
.scroll-down .main-header.main-header .nav-meta aside.nav-modal.modal.open {
  display: block !important;
  margin-top: 0 !important;
  height: 100vh !important;
  transform: none !important;
}

/* Search Container - Centered content */
.nav-modal.modal .search {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
}

.nav-modal.modal .search-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.nav-modal.modal .center .internal-m {
  color: currentColor;
  font-size: inherit;
}

.button-mobile {
  display: none;
  position: fixed;
  bottom: 1.75rem;
  left: 1.75rem;
  right: 1.75rem;
  z-index: 10;
}

@media screen and (max-width: 1024.98px) {
  .button-mobile {
    display: flex;
  }

  .button-mobile .btn.big,
  .button-mobile button {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    margin: 0;
    width: 100%;
  }

  .button-mobile .btn.big span,
  .button-mobile button span {
    white-space: nowrap;
  }
}

.scroll-up .main-header.main-header {
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 1024.98px) {
  .scroll-up .main-header.main-header .inner {
    transform: translate3d(0, 0, 0);
  }
}

.scroll-up .main-header.main-header .main-header-logo {
  opacity: 1;
}

.scroll-down .main-header.main-header {
  transform: translate3d(0, -100%, 0);
}

@media screen and (max-width: 1024.98px) {
  .scroll-down .main-header.main-header .inner {
    transform: translate3d(0, -100%, 0);
  }

  .scroll-down .main-header.main-header .notification {
    transform: translate3d(0, -24px, 0);
  }
}

.scroll-down .main-header.main-header .main-header-logo {
  opacity: 0;
}

.scroll-down .main-header.main-header .nav-meta .nav-modal.modal.open {
  transform: translate3d(0, 80px, 0);
}

.scroll-down .sticky-stacky .second.navbar {
  transform: translate3d(0, -134px, 0);
}

.scroll-down .sticky-stacky .second.navbar .sticky-logo {
  opacity: 1;
  visibility: visible;
}

.scroll-down .sticky-stacky .second.navbar .top .h1 {
  opacity: 1;
  height: 100%;
}

.scroll-down .sticky-stacky .second.navbar .sticky-meta .nav-meta {
  opacity: 1;
  visibility: visible;
}

@media screen and (max-width: 1024.98px) {
  .scroll-down .sticky-stacky .second.navbar {
    padding-top: 32px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440.98px) {
  .scroll-down .sticky-stacky .second.navbar {
    transform: translate3d(0, -184px, 0);
  }
}

@media screen and (min-width: 575.98px) and (max-width: 1024.98px) {
  .scroll-down .sticky-stacky .second.navbar {
    transform: translate3d(0, -104px, 0);
  }
}

@media screen and (max-width: 575.98px) {
  .scroll-down .sticky-stacky .second.navbar {
    padding-top: 68px;
  }
}


.search-results-filter ul>li.active>a:not(.filter-static)::after {
  content: "\e943";
}

.search-results-filter ul>li.active>a:not(.filter-static) {
  background-color: #50e3c2;
  color: #15408e;
}

.search-results-filter ul>li.active>a:not(.filter-static)::after {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  transform: translate(25%, 5%);
}

html:not(.touch) .search-results-filter ul>li.active>a:not(.filter-static):hover {
  background-color: rgb(132.7586206897, 235.4413793103, 212.3901477833);
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  color: #233048;
}

.close-x {
  position: absolute;
  right: .937rem;
  top: 50%;
  opacity: .6;
  width: 1.25rem;
  height: 1.25rem;
  transition: all .2s ease-out;
  cursor: pointer;
  z-index: 2;
  display: flex;
}

.close-x .circle-bg {
  width: 100%;
  height: 100%;
  display: block;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  background-color: #5e6977;
  border-radius: 50%;
  z-index: -1;
  transform: scale(0);
  pointer-events: none;
}

.close-x::after,
.close-x::before {
  background-color: #233048;
  content: "";
  display: block;
  height: 1.125rem;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  z-index: 1;
}

.close-x::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close-x::after {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.close-x:hover {
  opacity: 1;
}

.close-x:hover .circle-bg {
  transform: scale(1.8);
}

.close-x:hover.inverse::after,
.close-x:hover.inverse::before {
  background-color: #5e6977;
}

.close-x:hover.inverse .circle-bg {
  transform: scale(0);
}

.close-x:hover::after,
.close-x:hover::before {
  transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
  background-color: #fff;
  width: 1px;
}

.close-x:hover::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.close-x:hover::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close-x.inverse::after,
.close-x.inverse::before {
  background-color: #fff;
}

.close-x.inverse .circle-bg {
  background-color: #bfc8ce;
  transform: scale(1.6);
}

.searchfield-close-x {
  opacity: 0;
  transform: translate(-3.125rem, -50%) scale(0);
  transition: .5s all ease-in-out;
}

.searchfield-close-x.close-x {
  right: .5em;
  top: 50%;
}

.searchfield .to-validate+.searchfield-close-x {
  opacity: 1;
  transform: translate(-3rem, -50%) scale(.7);
}

@media (min-width:740px) {
  .searchfield .to-validate+.searchfield-close-x {
    transform: translate(-5rem, -50%);
  }
}

.form-control:not(.dropdown):not([type=checkbox]):not([type=radio]):not(.non-standard),
input:not([type=checkbox]):not([type=radio]):not(.non-standard),
textarea {
  border-radius: .25rem;
  position: relative;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  display: block;
  box-sizing: border-box;
  outline: 0;
  border: .062rem solid #233048;
  padding: .562rem .812rem .687rem;
  width: 100%;
  box-shadow: none;
  background-color: #fff;
  color: #233048;
  background-repeat: no-repeat, no-repeat;
  background-position: .75rem 1rem, calc(100% - .75rem) 50%;
  background-size: auto, auto 1.5rem;
  filter: none;
}

.toggle-handle {
  font-weight: 300;
  font-size: 2.75rem;
  line-height: 1.09em;
  cursor: pointer;
  border: 1px solid #5E6977;
  border-width: 0 0 1px 0;
  padding: 10px 0px;
  margin-bottom: 30px;
  transition: all 0.2s ease-out;
}

::after,
::before {
  box-sizing: border-box;
}

h3 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: rgb(0, 86.1, 178.5);
  text-decoration: underline;
}

h3 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

h3 {
  font-size: 1.75rem;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.cc-teaser-xl-aside .teaser-bg {
  background-color: #f7f7f8;
}

.cc-teaser-xl-aside .teaser-bg:target {
  scroll-margin-top: 64px;
}

h3 {
  letter-spacing: -.01em;
}

h3 {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.333em;
  margin: 0 0 1.25rem 0;
}

@media (max-width:991.98px) {
  h3 {
    font-size: 1.312rem;
    line-height: 1.333em;
    margin: 0 0 1rem 0;
  }
}

@media (min-width:740px) {
  h3 {
    -webkit-hyphens: manual;
    hyphens: manual;
  }
}

::selection {
  background-color: #50e3c2;
  color: #fff;
}

p {
  font-size: 1.25rem;
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

p+p {
  margin-top: -.8em;
}

@media (max-width:991.98px) {
  p {
    font-size: 1.062rem;
    line-height: 1.588em;
  }
}

main a {
  cursor: pointer;
  outline: 0;
}

main a:not(.non-standard) {
  background-image: linear-gradient(to left, currentColor 50%, #50e3c2 50%);
  background-size: 200% 1px;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: .125rem;
  transition: all .2s ease-out;
}

main a:not(.non-standard):hover {
  color: inherit;
  background-position: left bottom;
  text-decoration: none;
}

main a:not(.non-standard):focus {
  outline: 0;
}

main a.quick-links-item:focus,
main a.quick-links-item:hover {
  color: inherit;
  background-size: calc(100% - 36px) 100%;
  text-decoration: none;
}

a:disabled {
  color: #5e6977;
  background: #bfc8ce;
  cursor: default;
  border: none;
  opacity: 1;
}

a:disabled:before {
  color: currentColor;
}

a:disabled:focus,
a:disabled:hover {
  color: currentColor;
  background: #bfc8ce;
}

.teaser-bg-overlay-inner h3,
.teaser-bg-overlay-inner p,
.teaser-bg-overlay-inner span {
  color: #233048;
}

.teaser-bg-overlay-inner p {
  line-height: 2rem;
  margin: 0 0 .937rem;
}

.teaser-bg-overlay-inner .quick-links-item {
  background-image: linear-gradient(180deg, transparent 65%, #233048 0);
  background-position-y: 110%;
  background-repeat: no-repeat;
  background-size: 0 .875rem;
  color: #233048;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  font-size: .875rem;
  line-height: 1.5rem;
  outline: 0;
  padding: 0 0 .25rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .2s ease-out;
  -webkit-transition: none;
}

.teaser-bg-overlay-inner .quick-links-item::before {
  background-color: #50e3c2;
  background-image: linear-gradient(180deg, transparent 65%, #50e3c2 0);
  bottom: 0;
  content: "";
  display: block;
  height: .187rem;
  position: absolute;
  width: calc(100% - 28px);
  transition: all .2s ease-out;
}

.teaser-bg-overlay-inner .quick-links-item::after {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9a0";
  color: #233048;
  display: inline-block;
  padding-left: .312rem;
  font-size: 1.5rem;
  line-height: .875rem;
  vertical-align: -.4rem;
  transform: translateX(0);
  transition: all .2s ease-out;
}

.teaser-bg-overlay-inner .quick-links-item:focus,
.teaser-bg-overlay-inner .quick-links-item:hover {
  background-size: calc(100% - 28px) .875rem;
  color: #233048;
  text-decoration: none;
}

.teaser-bg-overlay-inner .quick-links-item:focus::before,
.teaser-bg-overlay-inner .quick-links-item:hover::before {
  width: 0;
  margin-left: calc(100% - 28px);
}

.teaser-bg-overlay-inner .quick-links-item:focus::after,
.teaser-bg-overlay-inner .quick-links-item:hover::after {
  transform: translateX(10px);
}

.teaser-bg {
  background-size: cover;
  background-position: top;
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  padding: .875rem;
  width: 100vw;
  height: 100%;
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
  .teaser-bg {
    width: 100%;
  }
}

.teaser-bg-container--mobile {
  display: flex;
}

.teaser-bg-overlay {
  color: #233048;
  text-align: left;
}

.teaser-bg-overlay-inner {
  margin: 4rem 0 6rem;
  padding: 3rem;
}

.teaser-bg-overlay-inner.transparent {
  background: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.teaser-bg-overlay h3 {
  font-weight: 300;
  font-size: 2.375rem;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  text-transform: none;
}

.teaser-bg-overlay p {
  font-size: 1.25rem;
  line-height: 1.4;
}

.cc-teaser-xl-aside .teaser-bg-relative {
  position: relative;

}

.cc-teaser-xl-aside .teaser-bg-overlay {
  min-height: 42.5rem;
}

@media (max-width:1559.98px) {
  .cc-teaser-xl-aside .teaser-bg-overlay {
    min-height: calc(34vw + 8.5rem);
  }
}

.teaser-bg-relative {
  position: relative;
  overflow: hidden;
}

@media (max-width:739.98px) {
  .teaser-bg-relative {
    margin-bottom: 2.5rem;
  }

  .teaser-bg-overlay h3 {
    font-size: 2rem;
    font-weight: 300;
  }

  .teaser-bg-overlay p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
    text-transform: none;
  }
}

@media screen and (max-width:430px) {
  .teaser-bg {
    background-position: center top;
    background-size: cover;
    position: relative;
  }

  .teaser-bg::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  .teaser-bg-container--mobile {
    width: 100%;
    display: flex;
  }

  .teaser-bg-container--mobile .teaser-bg-overlay {
    margin-top: -25%;
    position: relative;
  }

  .teaser-bg-overlay {
    position: absolute;
    top: 75%;
  }

  .teaser-bg-overlay-inner {
    margin: 0;
    padding: 1rem;
  }

  .teaser-bg-overlay-inner.transparent {
    background: #fff;
  }
}

table {
  border-collapse: collapse;
}

.jumo-table {
  width: 100%;
}

.jumo-table thead th {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #233048;
  background-color: #FFFFFF;
  font-weight: 500;
  border-top: 0;
}

.jumo-table tr>th {
  padding: 1rem 1rem 1rem 0;
  border-bottom: 4px solid #233048;
}

.jumo-table td {
  padding: 1rem 1rem 1rem 0;
  font-size: 1.125rem;
  line-height: 1.333em;
  display: block;
  border-top: 1px solid rgba(94, 105, 119, 0.3);
}

@media (min-width: 430px) {
  .jumo-table td {
    display: table-cell;
    border-top: 1px solid rgba(94, 105, 119, 0.3);
  }
}

.jumo-table td .small {
  font-size: 0.875rem;
  line-height: 1.428em;
  font-weight: 500;
  color: rgba(35, 48, 72, 0.5);
}

.jumo-table td:first-child {
  font-weight: 700;
  border-top: 2px solid rgba(94, 105, 119, 0.3);
  padding: 2rem 1rem 1rem 0.5rem;
}

@media (max-width: 429.9px) {
  .jumo-table tbody th:last-child {
    display: none;
  }

  .jumo-table td:first-child {
    padding: 1rem 0.5rem;
  }

  .jumo-table td {
    padding: 1rem 0.5rem;
  }
}

@media (min-width: 430px) {
  .jumo-table td:first-child {
    padding: 1rem 1rem 1rem 0.5rem;
    border-top: 1px solid rgba(94, 105, 119, 0.3);
  }
}

.jumo-table .cooltip.active {
  display: inline-block;
  float: none;
  transform: translateY(2px);
}

.jumo-table.table-striped>tbody>tr:nth-of-type(2n+1) {
  background-color: rgba(94, 105, 119, 0.05);
}

.jumo-table.table-striped>tbody>tr:last-child {
  border-bottom: 1px solid #ddd;
}

.jumo-table tbody tr {
  opacity: 1;
  transform: scale(1, 1);
  transition: all 0.2s ease-out;
}

.jumo-table tbody tr.hidden {
  opacity: 0;
  height: 0;
  transform: scale(1, 0);
}

.jumo-table tbody tr.hidden td {
  border: none;
  height: 0;
  padding: 0;
  margin: 0;
  font-size: 0px;
  line-height: 0px;
}

@media (min-width: 430px) {
  .jumo-table tbody tr:first-child td {
    border-top: 0;
  }
}

.jumo-table tbody tr:first-child td:first-child {
  border-top: 0;
}

.jumo-table tbody tr:last-child td {
  border-bottom: none;
}

.jumo-table tbody tr:last-child td:last-child {
  border-bottom: 2px solid rgba(94, 105, 119, 0.3);
}

@media (min-width: 430px) {
  .jumo-table tbody tr:last-child td:last-child {
    border-bottom: none;
  }
}

colgroup col {
  border: none;
}

.recommendation-table.block {
  width: 100%;
}


.linking {
  background-image: linear-gradient(180deg, transparent 65%, #233048 0);
  background-position-y: 100%;
  background-repeat: no-repeat;
  background-size: 100% 0.5rem;
  display: inline-block;
  padding: 0 0 0.25rem;
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease-out;
}

.linking:before {
  background-color: #50E3C2;
  background-image: linear-gradient(180deg, transparent 65%, #50E3C2 0);
  bottom: 0px;
  content: "";
  display: block;
  height: 0.187rem;
  position: absolute;
  text-decoration: none;
  transition: all 0.2s ease-out;
  width: 100%;
}

.linking.arrow:after {
  content: "\e9a0";
  display: inline-block;
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 0.5rem;
  position: absolute;
  speak: none;
  top: 50%;
  text-transform: none;
  transform: translate(0, -50%);
  transition: all 0.2s ease-out;
}

.linking:not(.non-standard) {
  background-image: linear-gradient(180deg, transparent 65%, #233048 0);
  background-position-y: bottom;
  background-repeat: no-repeat;
  background-size: 100% 0.5rem;
  transition: all 0.2s ease-out;
}

.linking:not(.non-standard):focus,
.linking:not(.non-standard):hover {
  background-size: 100% 0.5rem;
}

.linking:focus,
.linking:hover {
  background-size: 100% 0.5rem;
}

.linking:focus:before,
.linking:hover:before {
  margin-left: 100%;
  width: 0px;
}

.linking:focus.arrow:after,
.linking:hover.arrow:after {
  top: 50%;
  transform: translate(8px, -50%);
}

.linking:focus.negative:before,
.linking:hover.negative:before {
  width: 100%;
  margin-left: 0px;
}

.linking.negative {
  background-image: none;
  background-size: 100% 0.5rem;
}

.linking.negative.lined {
  background-image: linear-gradient(180deg, transparent 65%, #233048 0);
}

.linking.negative:focus,
.linking.negative:hover {
  background-size: 100% 0.5rem;
}

.linking.negative:before {
  background-color: #50E3C2;
  background-image: linear-gradient(180deg, transparent 65%, #50E3C2 0);
  width: 0px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .linking.negative:before {
    height: 0.125rem;
  }
}

.linking.thick {
  background-size: 100% 0.875rem;
  padding: 0;
}

.linking.thick:before {
  height: 0.312rem;
}

.linking.thick:focus,
.linking.thick:hover {
  background-size: 100% 0.875rem;
}

.teaser-s-container .linking,
.teaser-m-container .linking,
.teaser-l-container .linking {
  background-size: 100% 0.875rem;
}

.teaser-s-container .linking:before,
.teaser-m-container .linking:before,
.teaser-l-container .linking:before {
  height: 0.312rem;
}

.teaser-s-container:focus .linking,
.teaser-s-container:hover .linking,
.teaser-m-container:focus .linking,
.teaser-m-container:hover .linking,
.teaser-l-container:focus .linking,
.teaser-l-container:hover .linking {
  background-size: 100% 0.875rem;
}

.teaser-s-container:focus .linking:before,
.teaser-s-container:hover .linking:before,
.teaser-m-container:focus .linking:before,
.teaser-m-container:hover .linking:before,
.teaser-l-container:focus .linking:before,
.teaser-l-container:hover .linking:before {
  width: 0px;
  margin-left: 100%;
}

.teaser-s-container:focus .linking.arrow:after,
.teaser-s-container:hover .linking.arrow:after,
.teaser-m-container:focus .linking.arrow:after,
.teaser-m-container:hover .linking.arrow:after,
.teaser-l-container:focus .linking.arrow:after,
.teaser-l-container:hover .linking.arrow:after {
  transform: translate(10px, -50%);
}

.teaser-s-container:focus .linking.negative:before,
.teaser-s-container:hover .linking.negative:before,
.teaser-m-container:focus .linking.negative:before,
.teaser-m-container:hover .linking.negative:before,
.teaser-l-container:focus .linking.negative:before,
.teaser-l-container:hover .linking.negative:before {
  width: 100%;
  margin-left: 0px;
}

main a {
  cursor: pointer;
  color: #233048;
  outline: none;
}

main a.disabled {
  pointer-events: none !important;
}

main a.disabled:hover {
  all: unset;
}

main a:not(.non-standard) {
  background-image: linear-gradient(to left, currentColor 50%, #50E3C2 50%);
  background-size: 200% 1px;
  background-position: right bottom;
  background-repeat: no-repeat;
  padding-bottom: 0.125rem;
  transition: all 0.2s ease-out;
}

main a:not(.non-standard):hover {
  color: inherit;
  background-position: left bottom;
  text-decoration: none;
}

main a:not(.non-standard).a-img:hover {
  background-size: 100% 100%;
}

main a:not(.non-standard):focus {
  outline: none;
}

main a.non-standard {
  text-decoration: none;
}

main a.quick-links-item:hover,
main a.quick-links-item:focus {
  color: inherit;
  background-size: calc(100% - 36px) 100%;
  text-decoration: none;
}

main a.not-active {
  cursor: no-drop;
  opacity: 0.5;
}

main a.a-img,
main a.hotspot,
main a.no-underline {
  background-image: none;
}

main .cc-bg-blue a:not(.non-standard),
main .footer-microsite-links a:not(.non-standard) {
  background: linear-gradient(to left, #FFFFFF 50%, #50E3C2 50%);
  background-size: 200% 5%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

main .cc-bg-blue a:not(.non-standard):hover,
main .footer-microsite-links a:not(.non-standard):hover {
  color: inherit;
  background-position: left bottom;
  text-decoration: none;
}

main a:not(.non-standard).st-action-menu,
main a:not(.non-standard).btn {
  background-size: 0 0;
}

main a:not(.non-standard).st-action-menu:hover,
main a:not(.non-standard).btn:hover {
  background-size: 0 0;
}

main h1 a:not(.non-standard),
main h2 a:not(.non-standard),
main h3 a:not(.non-standard),
main button a:not(.non-standard),
main .btn a:not(.non-standard),
main .social-media-icons a:not(.non-standard),
main .nav-meta .top-on-mobile a:not(.non-standard) {
  background-size: 0 0;
}

main h1 a:not(.non-standard):hover,
main h2 a:not(.non-standard):hover,
main h3 a:not(.non-standard):hover,
main button a:not(.non-standard):hover,
main .btn a:not(.non-standard):hover,
main .social-media-icons a:not(.non-standard):hover,
main .nav-meta .top-on-mobile a:not(.non-standard):hover {
  background-size: 0 0;
}

.link-arrow {
  font-weight: bold;
}

.link-arrow::after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e9a0";
  display: inline-block;
  font-size: 1rem;
  transition: all 0.2s ease-out;
  transform: translateX(0.625rem);
  transition: all 0.1s ease-in-out;
}

.link-arrow:hover {
  text-decoration: underline;
  text-decoration-color: #50E3C2;
  color: currentColor;
}

.link-arrow:hover::after {
  transform: translateX(1.25rem);
}

.link-label {
  background-color: currentColor;
  line-height: 1;
  color: #5E6977;
  font-size: 0.875rem;
  font-weight: bold;
  padding: 0.428em 1.571em 0.5em 1.214em;
  height: 2em;
}

.link-label::before,
.link-label::after {
  content: "";
  height: 100%;
  position: absolute;
  border: currentColor solid 1em;
  text-decoration: none;
  top: 0;
}

.link-label>span {
  position: relative;
  color: #FFFFFF;
  z-index: 1;
}

.link-label:not(.link-label-left) {
  position: absolute;
  right: 0;
  transform: translate(0, -100%);
}

.link-label:not(.link-label-left)::before,
.link-label:not(.link-label-left)::after {
  right: calc(100% - 1em);
}

.link-label:not(.link-label-left)::before {
  border-color: transparent;
  border-right-color: currentColor;
  border-left-width: 0;
  right: 100%;
}

.link-label:not(.link-label-left)::after {
  border-left-color: transparent;
}

.link-label-left {
  position: relative;
  margin-bottom: 2rem;
}

.link-label-left::before,
.link-label-left::after {
  left: calc(100% - 1em);
}

.link-label-left::before {
  border-color: transparent;
  border-left-color: currentColor;
  border-right-width: 0;
  left: 100%;
}

.link-label-left::after {
  border-right-color: transparent;
}

.link-label.link-label-blue {
  color: #004489;
}

.link-label.link-label-pistache {
  color: #50E3C2;
}

.link-label.link-label-red {
  color: #FD5959;
}

.link-label.link-label-grey {
  color: #5E6977;
}

.link-label.link-label-lemon {
  color: #FCFF82;
}

.link-label.link-label-lemon>span {
  color: #15408e;
}

.link-label.link-label-fresh-blue {
  color: #CDEBF3;
}

.link-label.link-label-fresh-blue>span {
  color: #15408e;
}

.link-label.link-label-green {
  color: #50E3C2;
}

.link-label.link-label-orange {
  color: #FF9F43;
}

.link-label-xl {
  font-size: 1.125rem;
  top: 0;
}

.link-label-xl:not(.link-label-left) {
  right: 0.875rem;
}

.internal-s {
  font-size: 0.875rem;
}

.internal-s.download {
  margin-left: 2em;
}

.internal-s.download:before {
  text-decoration: none;
  font-size: 1.5em;
  line-height: 1.25em;
  margin: 0 0 0 -1.25em;
  position: absolute;
}

.internal-m {
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.375em;
}

.internal-m.download:before {
  font-size: 1rem;
  line-height: 1.375em;
  margin: 0 10px 0 0;
  text-decoration: none;
}

.internal-l {
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 1.777em;
}

.internal-l.download::before {
  font-size: 1.125rem;
  line-height: 1.555em;
}

.download::before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin: 0 1rem 0 0;
  font-size: 30px;
}

.configure::before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin: 0 0 0 0;
  font-size: 14px;
  text-decoration: none;
  transform: translateX(-10px);
  transition: all 0.2s ease-out;
  margin-left: -2rem;
}

.configure:hover:before {
  transform: translateX(-5px);
}

.configure.ready::before {
  color: #50E3C2;
}

.page-link {
  margin-left: 2em;
}

.page-link::before {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0.25em 0 0 -2.5em;
  font-size: 0.875rem;
  line-height: 1.25em;
  text-decoration: none;
  position: absolute;
}

@media screen and (max-width: 768px) {
  main a {
    /* @discuss why globally format a-tags?
    font-weight: $font-weight-bold;
    text-transform: uppercase;
    font-size: toRem(14px);
    line-height: toEm(16px, 14px);
    &.quick-links-item:hover,
    &.quick-links-item:focus {
      color: inherit;
      background-size: calc(100% - 34px) 100%;
      text-decoration-color: $jumo-pistache;
    }
    */
  }
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}


/*! Tablesaw - v3.0.1 - 2017-06-01
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2017 Filament Group; Licensed MIT */
.tablesaw {
  width: 100%;
  max-width: 100%;
  empty-cells: show;
  border-collapse: collapse;
  border: 0;
  padding: 0;
}

.tablesaw * {
  box-sizing: border-box;
}

/* Column navigation buttons for swipe and columntoggle tables */
.tablesaw-advance a.tablesaw-nav-btn.disabled {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}

/* Table Toolbar */
.tablesaw-bar {
  clear: both;
}

.tablesaw-bar * {
  box-sizing: border-box;
}

.tablesaw-bar-section {
  float: left;
}

.tablesaw-bar-section label {
  font-size: 0.875em;
  padding: 0.5em 0;
  clear: both;
  display: block;
  color: #888;
  margin-right: 0.5em;
  text-transform: uppercase;
}

.tablesaw-btn,
.tablesaw-enhanced .tablesaw-btn {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.tablesaw-btn-select,
.tablesaw-enhanced .tablesaw-btn-select {
  margin-bottom: 0;
}

/* TODO */
.tablesaw-bar .tablesaw-bar-section .tablesaw-btn {
  margin-left: 0.4em;
  margin-top: 0;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  background: transparent;
  font-size: 1em;
  padding-left: 0.3em;
}

.tablesaw-bar .tablesaw-bar-section .btn-select {
  min-width: 0;
}

.tablesaw-bar .tablesaw-bar-section .btn-select:after {
  padding-top: 0.9em;
}

.tablesaw-bar .tablesaw-bar-section select {
  color: #888;
  text-transform: none;
  background: transparent;
}

.tablesaw-bar-section~table {
  clear: both;
}

.tablesaw-bar-section .a11y-sm {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media (min-width: 24em) {
  .tablesaw-bar-section .a11y-sm {
    clip: none;
    height: auto;
    width: auto;
    position: static;
    overflow: visible;
  }
}

.tablesaw th,
.tablesaw td {
  padding: 0.5em 0.7em;
  text-align: left;
  vertical-align: middle;
}

.tablesaw thead th {
  text-align: left;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-row-border tr {
  border-bottom: 1px solid #dfdfdf;
}

/* Zebra striping */
.tablesaw-row-zebra tr:nth-child(2n) {
  background-color: #f8f8f8;
}

.tablesaw caption {
  text-align: left;
  margin: 0.59375em 0;
}

.tablesaw-swipe .tablesaw-cell-persist {
  border-right: 2px solid #e4e1de;
}

.tablesaw-swipe-shadow .tablesaw-cell-persist {
  border-right-width: 1px;
}

.tablesaw-swipe-shadow .tablesaw-cell-persist {
  box-shadow: 3px 0 4px -1px #e4e1de;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
/* Support note IE9+: @media only all */
@media only all {

  /* Show the table cells as a block level element */
  .tablesaw-stack {
    clear: both;
  }

  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }

  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }

  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    padding: 0 0.6em 0 0;
    width: 30%;
  }

  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
  }

  .tablesaw-cell-label {
    display: block;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }

  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}

@media (max-width: 39.9375em) {

  /* Table rows have a gray bottom stroke by default */
  .tablesaw-stack tbody tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
  }

  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }

  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }

  .tablesaw-cell-label {
    vertical-align: top;
  }

  .tablesaw-cell-content {
    display: inline-block;
    max-width: 67%;
  }

  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
  }

  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
}

/* Media query to show as a standard table at 560px (35em x 16px) or wider */
@media (min-width: 40em) {
  .tablesaw-stack tr {
    display: table-row;
  }

  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }

  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
}

.tablesaw-fix-persist {
  table-layout: fixed;
}

@media only all {

  /* Unchecked manually: Always hide */
  .tablesaw-swipe th.tablesaw-cell-hidden,
  .tablesaw-swipe td.tablesaw-cell-hidden {
    display: none;
  }
}

.tablesaw-overflow {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  /* More in skin.css */
}

.tablesaw-overflow>.tablesaw {
  margin-top: 2px;
  /* sortable focus rings are clipped */
}

/* Used for a11y text on button: "Columns" */
.tablesaw-columntoggle-btn span {
  text-indent: -9999px;
  display: inline-block;
}

.tablesaw-columntoggle-btnwrap {
  position: relative;
  /* for dialog positioning */
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  padding: 0.5em;
}

.tablesaw-columntoggle tbody td {
  line-height: 1.5;
}

/* Remove top/bottom margins around the fieldcontain on check list */
.tablesaw-columntoggle-popup {
  display: none;
}

.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
  display: block;
  position: absolute;
  top: 2em;
  right: 0;
  background-color: #fff;
  padding: 0.5em 0.8em;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px #ccc;
  border-radius: 0.2em;
  z-index: 1;
}

.tablesaw-columntoggle-popup fieldset {
  margin: 0;
}

/* Hide all prioritized columns by default */
@media only all {

  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6,
  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5,
  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4,
  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3,
  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2,
  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1,
  .tablesaw-columntoggle th.tablesaw-priority-0,
  .tablesaw-columntoggle td.tablesaw-priority-0 {
    display: none;
  }
}

.tablesaw-columntoggle-btnwrap .dialog-content {
  top: 0 !important;
  right: 1em;
  left: auto !important;
  width: 12em;
  max-width: 18em;
  margin: -0.5em auto 0;
}

.tablesaw-columntoggle-btnwrap .dialog-content:focus {
  outline-style: none;
}

/* Preset breakpoints if "" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media (min-width: 20em) {

  .tablesaw-columntoggle th.tablesaw-priority-1,
  .tablesaw-columntoggle td.tablesaw-priority-1 {
    display: table-cell;
  }
}

/* Show priority 2 at 480px (30em x 16px) */
@media (min-width: 30em) {

  .tablesaw-columntoggle th.tablesaw-priority-2,
  .tablesaw-columntoggle td.tablesaw-priority-2 {
    display: table-cell;
  }
}

/* Show priority 3 at 640px (40em x 16px) */
@media (min-width: 40em) {

  .tablesaw-columntoggle th.tablesaw-priority-3,
  .tablesaw-columntoggle td.tablesaw-priority-3 {
    display: table-cell;
  }

  .tablesaw-columntoggle tbody td {
    line-height: 2;
  }
}

/* Show priority 4 at 800px (50em x 16px) */
@media (min-width: 50em) {

  .tablesaw-columntoggle th.tablesaw-priority-4,
  .tablesaw-columntoggle td.tablesaw-priority-4 {
    display: table-cell;
  }
}

/* Show priority 5 at 960px (60em x 16px) */
@media (min-width: 60em) {

  .tablesaw-columntoggle th.tablesaw-priority-5,
  .tablesaw-columntoggle td.tablesaw-priority-5 {
    display: table-cell;
  }
}

/* Show priority 6 at 1,120px (70em x 16px) */
@media (min-width: 70em) {

  .tablesaw-columntoggle th.tablesaw-priority-6,
  .tablesaw-columntoggle td.tablesaw-priority-6 {
    display: table-cell;
  }
}

@media only all {

  /* Unchecked manually: Always hide */
  .tablesaw-columntoggle th.tablesaw-cell-hidden,
  .tablesaw-columntoggle td.tablesaw-cell-hidden {
    display: none;
  }

  /* Checked manually: Always show */
  .tablesaw-columntoggle th.tablesaw-cell-visible,
  .tablesaw-columntoggle td.tablesaw-cell-visible {
    display: table-cell;
  }
}

.tablesaw-columntoggle-popup .btn-group>label {
  display: block;
  padding: 0.2em 0;
  white-space: nowrap;
  cursor: default;
}

.tablesaw-columntoggle-popup .btn-group>label input {
  margin-right: 0.8em;
}

.tablesaw-sortable-head {
  position: relative;
  vertical-align: top;
}

/* Override */
.tablesaw .tablesaw-sortable-head {
  padding: 0;
}

.tablesaw-sortable-btn {
  min-width: 100%;
  color: inherit;
  background: transparent;
  border: 0;
  /* same as cell padding in tables.css */
  padding: 0.5em 0.7em;
  text-align: inherit;
  font: inherit;
  text-transform: inherit;
}

.tablesaw-sortable-arrow:after {
  display: inline-block;
  width: 10px;
  height: 14px;
  content: " ";
  margin-left: 0.3125em;
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after,
.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: " ";
}

.tablesaw-sortable-ascending .tablesaw-sortable-arrow:after {
  content: "↑";
}

.tablesaw-sortable-descending .tablesaw-sortable-arrow:after {
  content: "↓";
}

.tablesaw-advance {
  float: right;
}

.tablesaw-advance.minimap {
  margin-right: 0.4em;
}

.tablesaw-advance-dots {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.tablesaw-advance-dots li {
  display: table-cell;
  margin: 0;
  padding: 0.4em 0.2em;
}

.tablesaw-advance-dots li i {
  width: 0.25em;
  height: 0.25em;
  background: #555;
  border-radius: 100%;
  display: inline-block;
}

.tablesaw-advance-dots-hide {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}


.row,
.comparison-wrap.sticky .differences {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.875rem;
  margin-left: -0.875rem;
}


main ul:not(.non-standard):not(.dropdown-menu) li:not(:first-child),
main ol:not(.non-standard):not(.dropdown-menu) li:not(:first-child) {
  margin-top: 1.125rem;
}

.hotspot {
  position: absolute;
  text-decoration: none;
  cursor: pointer;
  max-width: 50vh;
  min-width: 10em;
  min-height: 5em;
}

.hotspot-text {
  background-color: #5e6977;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  padding: .312rem .437rem;
  transition: all .2s ease-out;
  transform: translateY(-50%);
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: .5rem;
  z-index: 1;
  display: inline-block
}

.hotspot-text::before {
  content: "";
  display: block;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid #5e6977;
  position: absolute;
  left: -.625rem;
  top: calc(50% - .312rem)
}

.hotspot:hover {
  text-decoration: none
}

.hotspot:hover .hotspot-text {
  opacity: 1;
  left: 1rem
}

@keyframes hotspot-pulse {

  0%,
  80% {
    border-color: #50e3c2;
    border-width: 0
  }

  100% {
    border-color: rgb(80 227 194 / 0%);
    border-width: 2em
  }
}

.hotspot::before,
.hotspot::after {
  content: "";
  display: block;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 0;
  left: 0;
  min-width: .6rem;
  min-height: .6rem;
  background-color: #fff;
  box-sizing: content-box !important;
  transition: all .2s
}

.hotspot:hover::after {
  min-width: .3rem;
  min-height: .3rem
}

.hotspot::before {
  background-color: #50e3c2;
  width: 1.7rem;
  height: 1.7rem;
  border: 0 solid #50e3c2;
  background-clip: padding-box;
  animation: hotspot-pulse;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite
}

main>.section:has(> h2.col-standard:first-child) {
  row-gap: 0;
}

main>.section>h2.col-standard:first-child {
  text-align: center;
}

main>.section[data-layout="50-50"]>h2.col-standard:first-child {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  text-align: center;
}

@media (min-width: 740px) {
  main>.section[data-layout="50-50"]>h2.col-standard:first-child {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 992px) {
  main>.section[data-layout="50-50"]>h2.col-standard:first-child {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }

  main>.section[data-layout="33-33-33"]>h2.col-standard:first-child {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }
}

.section[data-color="bg-gray-200"]+.section[data-color="bg-gray-200"] {
  margin-top: 0;
}


/* fix after migration */

main>.slider-section {
  position: relative;
}

main>.slider-section[data-color*=bg-]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  z-index: 0;
  pointer-events: none;
}

.slider-section[data-color=bg-gray-gradient]::after {
  background: var(--gradient-gray);
}

.slider-section[data-color=bg-gray-gradient][data-color-transparency=transparency-none][data-background-image]::after,
.slider-section[data-color=bg-gray-gradient][data-color-transparency=transparency-none][data-background-video]::after {
  background-color: transparent;
}

.slider-section[data-color=bg-gray-gradient][data-color-transparency=transparency-25]::after {
  background: var(--gradient-gray-25);
  --section-overlay: var(--gradient-gray-25);
}

.slider-section[data-color=bg-gray-gradient][data-color-transparency=transparency-50]::after {
  background: var(--gradient-gray-50);
  --section-overlay: var(--gradient-gray-50);
}

.slider-section[data-color=bg-gray-gradient][data-color-transparency=transparency-75]::after {
  background: var(--gradient-gray-75);
  --section-overlay: var(--gradient-gray-75);
}

main>.slider-section > div {
  z-index:1;
}

[data-color=bg-primary-blue] h1,
[data-color=bg-primary-blue] h2,
[data-color=bg-primary-blue] h3,
[data-color=bg-primary-blue] h4,
[data-color=bg-primary-blue] h5,
[data-color=bg-primary-blue] h6,
[data-color=bg-primary-blue] p,
[data-color=bg-primary-blue] a,
[data-color=bg-primary-blue] div,
[data-color=bg-primary-blue] label, 
[data-color=bg-primary-blue].section.novelties-container h2, 
[data-color=bg-primary-blue].accordions-container .intro,
[data-color=bg-primary-blue]::before,
[data-color=bg-primary-blue]::after,
[data-color=bg-primary-blue].accordions-container blockquote p::before,
[data-color=bg-primary-blue].accordions-container blockquote p::after,
[data-color=bg-primary-blue].accordions-container blockquote p,
[data-color=bg-primary-blue].jumo-table tr,
[data-color=bg-primary-blue] .image-item p,
[data-color=bg-primary-blue] .image-item .btn::before,
[data-color=bg-primary-blue] .teaser-bg-overlay-inner h3, 
[data-color=bg-primary-blue] .teaser-bg-overlay-inner p,
[data-color=bg-primary-blue] .teaser-bg-overlay-inner span, 
[data-color=bg-primary-blue] .teaser-m-details h3, 
[data-color=bg-primary-blue] .teaser-m-details p, 
[data-color=bg-primary-blue] .teaser-m-details span, 
[data-color=bg-primary-blue] .teaser-s-details h3, 
[data-color=bg-primary-blue] .teaser-s-details p, 
[data-color=bg-primary-blue] .teaser-s-details span,

[data-color=bg-primary-blue] .teaser-bg-overlay-inner .quick-links-item, 
[data-color=bg-primary-blue] .teaser-m-details .quick-links-item, 
[data-color=bg-primary-blue] .teaser-s-details .quick-links-item,

[data-color=bg-primary-blue] .teaser-bg-overlay-inner .quick-links-item:focus, 
[data-color=bg-primary-blue] .teaser-bg-overlay-inner .quick-links-item:hover, 
[data-color=bg-primary-blue] .teaser-m-details .quick-links-item:focus, 
[data-color=bg-primary-blue] .teaser-m-details .quick-links-item:hover, 
[data-color=bg-primary-blue] .teaser-s-details .quick-links-item:focus, 
[data-color=bg-primary-blue] .teaser-s-details .quick-links-item:hover,

[data-color=bg-primary-blue] .location .contact-person-portrait-img .portrait-circle.icon-sectors::before,
[data-color=bg-primary-blue] .location .contact-person-portrait-details h3,
[data-color=bg-primary-blue] .location .contact-person-portrait-details-address,
[data-color=bg-primary-blue] .location .contact-person-portrait-details-phone,
[data-color=bg-primary-blue] .location .contact-person-portrait-details-email,
[data-color=bg-primary-blue] .location .contact-person-portrait-details-website,

[data-color=bg-primary-blue] .location-search .contact-person-portrait-img .portrait-circle .icon-sectors::before,
[data-color=bg-primary-blue] .location-search .contact-person-portrait-details-subtitle,
[data-color=bg-primary-blue] .location-search .contact-person-portrait-details h3,
[data-color=bg-primary-blue] .location-search .contact-person-portrait-details-address,
[data-color=bg-primary-blue] .location-search .contact-person-portrait-details-phone,
[data-color=bg-primary-blue] .location-search .contact-person-portrait-details-email,
[data-color=bg-primary-blue] .location-search .contact-person-portrait-details-website,
[data-color=bg-primary-blue] .annotation.block .annotation p,
[data-color=bg-primary-blue] .blockquote span,

[data-color=bg-primary-blue] .teaser-bg-overlay-inner .quick-links-item::after, 
[data-color=bg-primary-blue] .teaser-m-details .quick-links-item::after,
[data-color=bg-primary-blue] .teaser-s-details .quick-links-item::after,

[data-color=bg-primary-blue] .teaser-s-container:focus .quick-links-item,
[data-color=bg-primary-blue] .teaser-s-container:hover .quick-links-item,

[data-color=bg-primary-blue].accordions-container .accordion h2.accordion-label.open,

[data-color=bg-primary-blue] .contact-person-portrait-details h3,
[data-color=bg-primary-blue] .contact-person-portrait-details-person {
  color: #fff;
  border-color: #fff;
  opacity: 1;
}

[data-color=bg-primary-blue] svg {
  fill: #fff;
}


[data-color=bg-primary-blue] .contact.block .content-grid {
  background-color: transparent !important;
}

[data-color=bg-primary-blue] .blockquote span::before {
  background-color: #fff;
}

[data-color=bg-primary-blue] .teaser-bg-overlay-inner .quick-links-item, 
[data-color=bg-primary-blue] .teaser-m-details .quick-links-item, 
[data-color=bg-primary-blue] .teaser-s-details .quick-links-item {
  background-image: linear-gradient(180deg, transparent 65%, #fff 0)
}

[data-color=bg-primary-blue] .jumo-table.table-striped > tbody > tr:nth-of-type(2n+2) {
  background-color: rgb(94 105 119 / 20%);
}

[data-color=bg-primary-blue].accordions-container .accordion h2.accordion-label {
  color: #15408e;
}


[data-color=bg-blue-gradient] h1,
[data-color=bg-blue-gradient] h2,
[data-color=bg-blue-gradient] h3,
[data-color=bg-blue-gradient] h4,
[data-color=bg-blue-gradient] h5,
[data-color=bg-blue-gradient] h6,
[data-color=bg-blue-gradient] p,
[data-color=bg-blue-gradient] a,
[data-color=bg-blue-gradient] div,
[data-color=bg-blue-gradient] label, 
[data-color=bg-blue-gradient].section.novelties-container h2, 
[data-color=bg-blue-gradient].accordions-container .intro,
[data-color=bg-blue-gradient]::before,
[data-color=bg-blue-gradient]::after,
[data-color=bg-blue-gradient].accordions-container blockquote p::before,
[data-color=bg-blue-gradient].accordions-container blockquote p::after,
[data-color=bg-blue-gradient].accordions-container blockquote p,
[data-color=bg-blue-gradient].jumo-table tr,
[data-color=bg-blue-gradient] .image-item p,
[data-color=bg-blue-gradient] .image-item .btn::before,
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner h3, 
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner p,
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner span, 
[data-color=bg-blue-gradient] .teaser-m-details h3, 
[data-color=bg-blue-gradient] .teaser-m-details p, 
[data-color=bg-blue-gradient] .teaser-m-details span, 
[data-color=bg-blue-gradient] .teaser-s-details h3, 
[data-color=bg-blue-gradient] .teaser-s-details p, 
[data-color=bg-blue-gradient] .teaser-s-details span,

[data-color=bg-blue-gradient] .teaser-bg-overlay-inner .quick-links-item, 
[data-color=bg-blue-gradient] .teaser-m-details .quick-links-item, 
[data-color=bg-blue-gradient] .teaser-s-details .quick-links-item,

[data-color=bg-blue-gradient] .teaser-bg-overlay-inner .quick-links-item:focus, 
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner .quick-links-item:hover, 
[data-color=bg-blue-gradient] .teaser-m-details .quick-links-item:focus, 
[data-color=bg-blue-gradient] .teaser-m-details .quick-links-item:hover, 
[data-color=bg-blue-gradient] .teaser-s-details .quick-links-item:focus, 
[data-color=bg-blue-gradient] .teaser-s-details .quick-links-item:hover,

[data-color=bg-blue-gradient] .location .contact-person-portrait-img .portrait-circle.icon-sectors::before,
[data-color=bg-blue-gradient] .location .contact-person-portrait-details h3,
[data-color=bg-blue-gradient] .location .contact-person-portrait-details-address,
[data-color=bg-blue-gradient] .location .contact-person-portrait-details-phone,
[data-color=bg-blue-gradient] .location .contact-person-portrait-details-email,
[data-color=bg-blue-gradient] .location .contact-person-portrait-details-website,

[data-color=bg-blue-gradient] .location-search .contact-person-portrait-img .portrait-circle .icon-sectors::before,
[data-color=bg-blue-gradient] .location-search .contact-person-portrait-details-subtitle,
[data-color=bg-blue-gradient] .location-search .contact-person-portrait-details h3,
[data-color=bg-blue-gradient] .location-search .contact-person-portrait-details-address,
[data-color=bg-blue-gradient] .location-search .contact-person-portrait-details-phone,
[data-color=bg-blue-gradient] .location-search .contact-person-portrait-details-email,
[data-color=bg-blue-gradient] .location-search .contact-person-portrait-details-website,
[data-color=bg-blue-gradient] .annotation.block .annotation p,
[data-color=bg-blue-gradient] .blockquote span,

[data-color=bg-blue-gradient] .teaser-bg-overlay-inner .quick-links-item::after, 
[data-color=bg-blue-gradient] .teaser-m-details .quick-links-item::after,
[data-color=bg-blue-gradient] .teaser-s-details .quick-links-item::after,

[data-color=bg-blue-gradient] .teaser-s-container:focus .quick-links-item,
[data-color=bg-blue-gradient] .teaser-s-container:hover .quick-links-item,

[data-color=bg-blue-gradient].accordions-container .accordion h2.accordion-label.open,

[data-color=bg-blue-gradient] .contact-person-portrait-details h3,
[data-color=bg-blue-gradient] .contact-person-portrait-details-person {
  color: #fff;
  border-color: #fff;
  opacity: 1;
}

[data-color=bg-blue-gradient] svg {
  fill: #fff;
}


[data-color=bg-blue-gradient] .contact.block .content-grid {
  background-color: transparent !important;
}

[data-color=bg-blue-gradient] .blockquote span::before {
  background-color: #fff;
}

[data-color=bg-blue-gradient] .teaser-bg-overlay-inner .quick-links-item, 
[data-color=bg-blue-gradient] .teaser-m-details .quick-links-item, 
[data-color=bg-blue-gradient] .teaser-s-details .quick-links-item {
  background-image: linear-gradient(180deg, transparent 65%, #fff 0)
}

[data-color=bg-blue-gradient] .jumo-table.table-striped > tbody > tr:nth-of-type(2n+2) {
  background-color: rgb(94 105 119 / 20%);
}

[data-color=bg-blue-gradient].accordions-container .accordion h2.accordion-label {
  color: #15408e;
}

[data-color=bg-primary-blue] .contact-support-overlay.blue,
[data-color=bg-blue-gradient] .contact-support-overlay.blue {
  background-color: #fff;
}

main > .section[data-color=bg-primary-blue].contact-team-container,
main > .section[data-color=bg-blue-gradient].contact-team-container {
  padding-bottom: 50px;
}
 
[data-color=bg-primary-blue] .contact-support-overlay.blue .contact-support-avatar p,
[data-color=bg-primary-blue] .contact-support-overlay.blue .contact-support-avatar h3,
[data-color=bg-primary-blue] .contact-support-overlay.blue .contact-support-avatar span,
[data-color=bg-primary-blue] .contact-support-overlay.blue .contact-support-avatar div,
[data-color=bg-primary-blue] .contact-support-overlay.blue .contact-support-avatar hr,
[data-color=bg-primary-blue] .contact-support-overlay.blue .contact-support-avatar h3 > a,
[data-color=bg-blue-gradient] .contact-support-overlay.blue .contact-support-avatar p,
[data-color=bg-blue-gradient] .contact-support-overlay.blue .contact-support-avatar h3,
[data-color=bg-blue-gradient] .contact-support-overlay.blue .contact-support-avatar span,
[data-color=bg-blue-gradient] .contact-support-overlay.blue .contact-support-avatar div,
[data-color=bg-blue-gradient] .contact-support-overlay.blue .contact-support-avatar hr,
[data-color=bg-blue-gradient] .contact-support-overlay.blue .contact-support-avatar h3 > a {
  color: #15408e;
  border-top-color: #15408e
}

/* ============================================================
   Blue background overrides – missing/more-specific selectors
   Affects: bg-primary-blue + bg-blue-gradient
   ============================================================ */

/* Accordion: collapsed toggle + chevron + blockquote footer + btn-with-icon */
[data-color=bg-primary-blue] .accordions-container .accordion > .toggle-handle.collapsed,
[data-color=bg-primary-blue] .accordions-container .accordion > .toggle-handle.collapsed .toggle-chevron::after,
[data-color=bg-primary-blue] .accordions-container .toggle-chevron::after,
[data-color=bg-primary-blue] .accordions-container blockquote footer,
[data-color=bg-primary-blue] .accordions-container .btn-with-icon.extend,
[data-color=bg-blue-gradient] .accordions-container .accordion > .toggle-handle.collapsed,
[data-color=bg-blue-gradient] .accordions-container .accordion > .toggle-handle.collapsed .toggle-chevron::after,
[data-color=bg-blue-gradient] .accordions-container .toggle-chevron::after,
[data-color=bg-blue-gradient] .accordions-container blockquote footer,
[data-color=bg-blue-gradient] .accordions-container .btn-with-icon.extend {
  color: #fff;
}

[data-color=bg-primary-blue] .accordions-container blockquote footer::before,
[data-color=bg-blue-gradient] .accordions-container blockquote footer::before {
  background-color: #fff;
}

[data-color=bg-primary-blue] .accordions-container .btn-with-icon.extend::after,
[data-color=bg-blue-gradient] .accordions-container .btn-with-icon.extend::after {
  border-color: #fff;
}

[data-color=bg-primary-blue] .accordions-container p.caption,
[data-color=bg-blue-gradient] .accordions-container p.caption {
  color: rgba(255, 255, 255, 0.7);
}

/* Contact List: BEM double-underscore selectors */
[data-color=bg-primary-blue] .contact-person-portrait__details h3,
[data-color=bg-primary-blue] .contact-person-portrait__details .h3,
[data-color=bg-primary-blue] .contact-person-portrait__details__person,
[data-color=bg-blue-gradient] .contact-person-portrait__details h3,
[data-color=bg-blue-gradient] .contact-person-portrait__details .h3,
[data-color=bg-blue-gradient] .contact-person-portrait__details__person {
  color: #fff;
}

/* Contact Team / Contact Team Role: compact caption */
[data-color=bg-primary-blue] .contact-support--compact > .caption,
[data-color=bg-blue-gradient] .contact-support--compact > .caption {
  color: #fff;
}

/* Contact Search: chevron */
[data-color=bg-primary-blue] .contact-search .toggle-chevron::after,
[data-color=bg-blue-gradient] .contact-search .toggle-chevron::after {
  color: #fff;
}

/* Search: filter buttons + result supline */
[data-color=bg-primary-blue] .search-results-filter ul > li > a,
[data-color=bg-blue-gradient] .search-results-filter ul > li > a {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

[data-color=bg-primary-blue] .search-results-filter ul > li > a.active,
[data-color=bg-primary-blue] .search-results-filter ul > li > a[data-filter-value="_toggle_"],
[data-color=bg-blue-gradient] .search-results-filter ul > li > a.active,
[data-color=bg-blue-gradient] .search-results-filter ul > li > a[data-filter-value="_toggle_"] {
  color: #fff;
}

[data-color=bg-primary-blue] .search-result > .inner > .search-result-text .supline,
[data-color=bg-blue-gradient] .search-result > .inner > .search-result-text .supline {
  color: rgba(255, 255, 255, 0.8);
}

/* Novelties: product teaser captions */
[data-color=bg-primary-blue] .product-teaser-caption,
[data-color=bg-primary-blue] .product-teaser-sub-caption,
[data-color=bg-primary-blue] .product-teaser-listing,
[data-color=bg-blue-gradient] .product-teaser-caption,
[data-color=bg-blue-gradient] .product-teaser-sub-caption,
[data-color=bg-blue-gradient] .product-teaser-listing {
  color: #fff;
}

/* Additional: borders + slider arrow */
[data-color=bg-primary-blue] .product-tiles-item > .inner > .product-tile-content > footer::before,
[data-color=bg-primary-blue] .product-tiles-item hr,
[data-color=bg-blue-gradient] .product-tiles-item > .inner > .product-tile-content > footer::before,
[data-color=bg-blue-gradient] .product-tiles-item hr {
  border-color: rgba(255, 255, 255, 0.3);
}

[data-color=bg-primary-blue] .accessories-wrap .accessories .slick-arrow::before,
[data-color=bg-blue-gradient] .accessories-wrap .accessories .slick-arrow::before {
  color: #fff;
}

/* Table: transparent bg — form.css sets .wrapper { background: #fff } which affects .table.block */
[data-color=bg-primary-blue] .table.block,
[data-color=bg-blue-gradient] .table.block {
  background: transparent;
}

/* table.css sets tbody th { background: #fff; color: #233048 } — override for blue sections */
[data-color=bg-primary-blue] .table.block .jumo-table tbody th,
[data-color=bg-blue-gradient] .table.block .jumo-table tbody th {
  background: transparent;
  color: inherit;
}

/* Table borders → white/transparent on blue background */
[data-color=bg-primary-blue] .table.block .jumo-table td,
[data-color=bg-primary-blue] .table.block .jumo-table th,
[data-color=bg-blue-gradient] .table.block .jumo-table td,
[data-color=bg-blue-gradient] .table.block .jumo-table th {
  border-color: rgba(255, 255, 255, 0.3);
}

/* Job Search: results list → transparent bg, white text inherits from blue section */
/* .job-search.block needed for (0,4,0) specificity to beat job-search.css rule (0,3,0) */
[data-color=bg-primary-blue] .job-search.block .search-results-list,
[data-color=bg-blue-gradient] .job-search.block .search-results-list {
  background: transparent;
}

/* Result separator lines → white/transparent on blue background */
[data-color=bg-primary-blue] .job-search .search-result:not(:last-child) .inner,
[data-color=bg-blue-gradient] .job-search .search-result:not(:last-child) .inner {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}

/* Job Search: result thumb icon → white on blue background */
/* Overrides job-search.css .search-result-thumb > div::before { color: #4f5863 } (0,2,1) */
[data-color=bg-primary-blue] .job-search .search-result-thumb > div::before,
[data-color=bg-blue-gradient] .job-search .search-result-thumb > div::before {
  color: #fff;
}

/* limitDropdown: button white bg + dark text (covers placeholder state with bg: #5e6977) */
[data-color=bg-primary-blue] .job-search .bootstrap-select .dropdown-toggle.btn,
[data-color=bg-blue-gradient] .job-search .bootstrap-select .dropdown-toggle.btn {
  background-color: #fff;
  color: #233048;
  border-color: #717d8a;
}

/* filter-option inner divs: form.css sets data-background-type=color sections div { color: #fff }
   which overrides inheritance from the button — must explicitly set dark color */
[data-color=bg-primary-blue] .job-search .bootstrap-select .dropdown-toggle .filter-option,
[data-color=bg-primary-blue] .job-search .bootstrap-select .dropdown-toggle .filter-option-inner,
[data-color=bg-primary-blue] .job-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner,
[data-color=bg-blue-gradient] .job-search .bootstrap-select .dropdown-toggle .filter-option,
[data-color=bg-blue-gradient] .job-search .bootstrap-select .dropdown-toggle .filter-option-inner,
[data-color=bg-blue-gradient] .job-search .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: #233048;
}
[data-color=bg-primary-blue] .job-search .dropdown-menu h1,
[data-color=bg-primary-blue] .job-search .dropdown-menu h2,
[data-color=bg-primary-blue] .job-search .dropdown-menu h3,
[data-color=bg-primary-blue] .job-search .dropdown-menu p,
[data-color=bg-primary-blue] .job-search .dropdown-menu a,
[data-color=bg-primary-blue] .job-search .dropdown-menu div,
[data-color=bg-blue-gradient] .job-search .dropdown-menu h1,
[data-color=bg-blue-gradient] .job-search .dropdown-menu h2,
[data-color=bg-blue-gradient] .job-search .dropdown-menu h3,
[data-color=bg-blue-gradient] .job-search .dropdown-menu p,
[data-color=bg-blue-gradient] .job-search .dropdown-menu a,
[data-color=bg-blue-gradient] .job-search .dropdown-menu div {
  color: #233048;
}

/* Applications: overview item cards have white background → dark text */
[data-color=bg-primary-blue] .application-overview-item-card h1,
[data-color=bg-primary-blue] .application-overview-item-card h2,
[data-color=bg-primary-blue] .application-overview-item-card h3,
[data-color=bg-primary-blue] .application-overview-item-card h4,
[data-color=bg-primary-blue] .application-overview-item-card p,
[data-color=bg-primary-blue] .application-overview-item-card a,
[data-color=bg-primary-blue] .application-overview-item-card span,
[data-color=bg-primary-blue] .application-overview-item-card div,
[data-color=bg-blue-gradient] .application-overview-item-card h1,
[data-color=bg-blue-gradient] .application-overview-item-card h2,
[data-color=bg-blue-gradient] .application-overview-item-card h3,
[data-color=bg-blue-gradient] .application-overview-item-card h4,
[data-color=bg-blue-gradient] .application-overview-item-card p,
[data-color=bg-blue-gradient] .application-overview-item-card a,
[data-color=bg-blue-gradient] .application-overview-item-card span,
[data-color=bg-blue-gradient] .application-overview-item-card div {
  color: #233048;
}

/* Applications: teaser → transparent bg + no shadow, white text inherits from blue section */
/* Overrides applications.css .machines-overview .teaser { background: #FFF } (0,2,0) */
[data-color=bg-primary-blue] .machines-overview .teaser,
[data-color=bg-blue-gradient] .machines-overview .teaser {
  background: transparent;
  box-shadow: none;
}

/* Teaser-XL: transparent variant has rgba(255,255,255,0.9) bg → dark text needed */
[data-color=bg-primary-blue] .teaser-bg-overlay-inner.transparent h3,
[data-color=bg-primary-blue] .teaser-bg-overlay-inner.transparent p,
[data-color=bg-primary-blue] .teaser-bg-overlay-inner.transparent span,
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner.transparent h3,
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner.transparent p,
[data-color=bg-blue-gradient] .teaser-bg-overlay-inner.transparent span {
  color: #233048;
}

/* Downloads: choices__inner has transparent bg (set by downloads.css) → needs white bg */
/* Must match specificity of downloads.css: .item-bottom .select-language .choices .choices__inner (0,4,0) */
[data-color=bg-primary-blue] .certificate-downloads__item-bottom .select-language .choices .choices__inner,
[data-color=bg-blue-gradient] .certificate-downloads__item-bottom .select-language .choices .choices__inner {
  background: #fff;
}

/* Form: form.css sets @media (max-width:768px) .form.block { background: #fff }
   but also sets label { color: #fff } on colored sections → white on white on mobile.
   Override: transparent background so white labels are readable on blue section. */
[data-color=bg-primary-blue] .form.block,
[data-color=bg-blue-gradient] .form.block {
  background: transparent;
}

/* Intro Text: caption + intro sub-text */
[data-color=bg-primary-blue] .intro-text-wrapper p.caption,
[data-color=bg-primary-blue] .intro-text-wrapper .intro,
[data-color=bg-blue-gradient] .intro-text-wrapper p.caption,
[data-color=bg-blue-gradient] .intro-text-wrapper .intro {
  color: rgba(255, 255, 255, 0.8);
}

.default-content-wrapper {
    margin: 0 auto;
    max-width: 66.6666667%;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.intro-text.block .col-standard *:last-child {
  margin-bottom: 0;
}

/* this one makes the last section spacing bottom 0 of it has this classes */
main > .section.teaser-xl-container:last-child {
  margin-bottom: 0;
}

section[data-layout="100"]  .default-content-wrapper {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  width: 66.66666667%;
}

sub,
sup {
  vertical-align: baseline;
  position: relative;
  font-size: 0.7em;
  line-height: 0;
}

sup {
  top: -0.4em;
}

sub {
  top: 0.4em;
}

.dropdown-menu.show ul.inner.show {
  padding-inline-start: 0;
}

.dropdown-menu.show ul.inner.show li {
  margin-top: 0;
}

.search-result-interaction {
  flex: 0 0 auto;
  width: 100%;
}
.search-result-interaction > :first-child:last-child {
  width: 100%;
  justify-content: end;
}
.search-result-label {
  position: absolute !important;
}
.search-result-download {
  display: flex;
}
.search-result-download .dropdown.bootstrap-select.bootstrap-select.bootstrap-select {
  width: auto;
  min-width: 8em;
  margin-right: 0.5em;
  flex: 20 1 100%;
}
.search-result-download .btn.btn-slim {
  flex: 1 2 5rem;
  max-width: none;
}

.pdp-downloads-slim .search-results-list {
  min-height: 0;
}
.pdp-downloads-slim .search-result:nth-of-type(n+4), .pdp-downloads-slim .search-result:nth-of-type(3)::after {
  display: none;
}
.pdp-downloads-slim .search-result-text p > br {
  display: none;
}
.pdp-downloads-slim .search-result-text p > span::after {
  content: ", ";
}
.pdp-downloads-slim .search-result-thumb::after {
  padding-top: 66%;
}
.pdp-downloads-slim .btn[data-action=show-more] {
  display: block;
  margin: -4em auto 4em;
}

.search {
  color: #FFFFFF;
  text-align: center;
}

main ol:not(.non-standard):not(.dropdown-menu),main ul:not(.non-standard):not(.dropdown-menu) {
    counter-reset: section;
    font-size: 1.25rem;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    list-style: none
}

main ol:not(.non-standard):not(.dropdown-menu)+p,main ol:not(.non-standard):not(.dropdown-menu):not(:first-child),main ul:not(.non-standard):not(.dropdown-menu)+p,main ul:not(.non-standard):not(.dropdown-menu):not(:first-child) {
    margin-top: 2rem
}

main ol:not(.non-standard):not(.dropdown-menu):not(.slider *):not(.novelties *) li,main ul:not(.non-standard):not(.dropdown-menu):not(.slider *):not(.novelties *) li {
    margin: 0;
    padding: 0;
    padding-left: 1.8rem;
    position: relative;
    font-weight: 500
}

main ol:not(.non-standard):not(.dropdown-menu):not(.slider *):not(.novelties *) li:not(:first-child),main ul:not(.non-standard):not(.dropdown-menu):not(.slider *):not(.novelties *) li:not(:first-child) {
    margin-top: 1.125rem
}

main ol:not(.non-standard):not(.dropdown-menu):not(.breadcrumb-wrapper *):not(.slider *):not(.novelties *) li::before,main ul:not(.non-standard):not(.dropdown-menu):not(.breadcrumb-wrapper *):not(.slider *):not(.novelties *) li::before {
    content: "•";
    display: block;
    font-weight: 700;
    position: absolute;
    color: #50e3c2;
    transform: translate(-1.8rem,0);
    width: 1.5rem;
    letter-spacing: -.04em
}

main ol.intro:not(.non-standard):not(.dropdown-menu) li,main ul.intro:not(.non-standard):not(.dropdown-menu) li {
    font-weight: 300
}

main ol:not(.non-standard):not(.dropdown-menu):not(.slider *) li::before {
    counter-increment: section;
    content: counter(section)
}

main .richText ul:not(.non-standard):not(.dropdown-menu),main ol:not(.non-standard):not(.dropdown-menu) {
    margin: 1rem 0 2rem
}

main section.cc-bg-light-blue,
main .cc-bg-grey {
    margin-top: 3rem;
    position: relative;
}

:not(.cc-tabbed-inner)>.cc-bg-light-blue:not(.cc-inner)::before {
    content: "";
    display: block;
    background-color: #cdebf3;
    position: absolute;
    left: 0;
    top: 0;
    height: 4.062rem;
    line-height: 4.062rem;
    max-width: 6.25rem;
    padding: 0 0.625rem;
  }
  .searchfield .inputs input[type=search] {
    font-size: 1.25rem;
    border-color: #FFFFFF;
  }
  .searchfield .inputs .btn-with-icon {
    padding: 1.25rem;
  }
  .searchfield .inputs .btn-with-icon::after {
    font-size: 2rem;
  }
.searchfield-hide .ui-selectmenu-button {
  display: none;
}
.searchfield-hide .searchfield-close-x {
  right: 1.562rem;
}
.searchfield-hide .inputs {
  margin: 0 5.312rem 0.312rem 1.562rem;
}
.searchfield-hide .inputs input {
  margin-left: 0;
}
.searchfield-hide .inputs .btn {
  margin-right: 0;
  right: -4.063rem;
}
.searchfield-show .ui-selectmenu-button {
  display: block;
}

.articlenumber-searchfield-searchfield {
  display: flex;
}
.articlenumber-searchfield-searchfield input[type=text],
.articlenumber-searchfield-searchfield input[type=number] {
  flex: 1 1 auto;
  margin-right: 0.5rem;
  appearance: none;
}
.articlenumber-searchfield-searchfield .btn.btn-general.btn-hero {
  min-width: unset;
  padding: 1rem;
  width: unset;
}
.articlenumber-searchfield-searchfield .btn.btn-general.btn-hero:before {
  color: inherit;
  display: inline-block;
  font-size: 2rem;
  margin: 0;
  padding: 0;
  transform: translate(-2%, 18%);
}

.search-result-thumb {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: space-around;
  min-width: 6.1rem;
  flex: 0 0 auto;
  width: 16.66666667%;
}


.search-result-thumb {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: space-around;
  min-width: 6.1rem;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.search-results-list.content-grid {
  margin-top: 0;
}

.search-result.search-result-info .inner .text-center {
  text-align: center;
}

@media (max-width: 577.98px) {
  .search-result > .inner .search-result-text {
    width: 100%;
  }

  .search-result-thumb > div::before {
    top: -32px;
    position: relative;
  }
}

.modal .close-x {
    position: absolute;
    top: 2rem;
    right: calc(1em + 5%);
}

/* Search Headline */
.search-headline {
    hyphens: manual;
    letter-spacing: -0.01em;
    font-weight: 700;
    font-size: 2.75rem;
    line-height: 1.204em;
    margin: 0 0 2rem 0;
    font-family: inherit;
    color: inherit;
}

.search .search-container .vertical-wrap .search-headline {
    font-weight: 300;
    font-size: 2.75rem;
    line-height: 1.204em;
    margin: 0 0 2rem 0;
    letter-spacing: -0.01em;
    hyphens: manual;
    font-family: inherit;
    color: inherit;
}

/* Close X Button Styles */
.close-x {
    position: absolute;
    right: 0.937rem;
    top: 50%;
    opacity: 0.6;
    width: 1.25rem;
    height: 1.25rem;
    transition: all 0.2s ease-out;
    cursor: pointer;
    z-index: 2;
    display: flex;
}

.close-x .circle-bg {
    width: 100%;
    height: 100%;
    display: block;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background-color: #5e6977;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    pointer-events: none;
}

.close-x::after,
.close-x::before {
    background-color: #233048;
    content: "";
    display: block;
    height: 1.125rem;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    z-index: 1;
}

.close-x::before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.close-x::after {
    transform: translate(-50%, -50%) rotate(-135deg);
}

.close-x:hover {
    opacity: 1;
}

.close-x:hover .circle-bg {
    transform: scale(2.8);
}

/* Close X Search specific */
.search .close-x-search {
    margin: 25px 25px 0;
}

.search .close-x-search:after,
.search .close-x-search:before {
    background-color: #fff;
}

.close-x.inverse::after,
.close-x.inverse::before {
    background-color: #fff;
}


/* Searchfield Styles */
.searchfield-close-x {
    opacity: 0;
    transform: translate(-3.125rem, -50%) scale(0);
    transition: 0.5s all ease-in-out;
}

.searchfield-close-x.close-x {
    right: 0.5em;
    top: 50%;
}

.searchfield-close-x.show {
    opacity: 1;
    visibility: visible;
    transform: translate(-4.063rem, -50%);
}

.searchfield .to-validate + .searchfield-close-x {
    opacity: 1;
    transform: translate(-3rem, -50%) scale(0.7);
}

.searchfield .active + .ui-selectmenu-button {
    background: #5e6977;
    border: none;
    color: #fff;
}

.searchfield .active + .ui-selectmenu-button:after {
    color: #fff;
}

.searchfield .active + .ui-selectmenu-button:hover {
    background: #4f5863;
    color: #fff;
}

.searchfield .active + .ui-selectmenu-button-open {
    background: #50e3c2;
    color: #233048;
}

.searchfield label {
    font-weight: 300;
    font-size: 2.75rem;
    line-height: 1.09em;
    margin: 0 0 3.125rem 0;
    color: #fff;
    max-width: 17.5rem;
}

.searchfield .inputs {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: 0.375rem;
}

.searchfield .inputs .ui-selectmenu-button {
    border-radius: 0.187rem 0 0 0.187rem;
    position: absolute;
}

.searchfield .inputs .ui-selectmenu-button:after {
    top: 0;
}

.searchfield .inputs .ui-selectmenu-button:hover {
    background: #4f5863;
}

.searchfield .inputs input[type="search"] {
    width: 100%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: none;
    padding-right: 2.4em !important;
}

.searchfield .inputs input[type="search"]::placeholder {
    color: #bfc8ce;
}

.searchfield .inputs .btn-general {
    width: auto;
}

.searchfield .inputs .btn-general.btn {
    border: none;
}

.searchfield .inputs .btn-with-icon {
    color: #fff;
    position: relative;
    min-width: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 0.75rem;
}

.searchfield .inputs .btn-with-icon::after {
    font-family: "icomoon" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e95e";
    color: inherit;
    margin: 0 0 0 10px;
    font-size: 1.25rem;
    transform: translate(-2%, 0%);
    margin: 0;
    padding-left: 0;
    display: inline-block;
}

@media (min-width: 740px) {
    .searchfield .to-validate + .searchfield-close-x {
        transform: translate(-5rem, -50%);
    }

    .searchfield .inputs {
        height: 4.062rem;
        box-shadow: 0.1em 0.4em 0.6em rgba(0, 0, 0, 0.1);
    }

    .searchfield .inputs .ui-selectmenu-button {
        left: 0;
        top: 0;
        height: 4.062rem;
        line-height: 4.062rem;
        max-width: 6.25rem;
        padding: 0 0.625rem;
    }

    .searchfield .inputs input[type="search"] {
        font-size: 1.25rem;
        border-color: #fff;
    }

    .searchfield .inputs .btn-with-icon {
        padding: 1.25rem;
    }

    .searchfield .inputs .btn-with-icon::after {
        font-size: 2rem;
    }
}

.searchfield-hide .ui-selectmenu-button {
    display: none;
}

.searchfield-hide .searchfield-close-x {
    right: 1.562rem;
}

.searchfield-hide .inputs {
    margin: 0 5.312rem 0.312rem 1.562rem;
}

.searchfield-hide .inputs input {
    margin-left: 0;
}

.searchfield-hide .inputs .btn {
    margin-right: 0;
    right: -4.063rem;
}

.searchfield-show .ui-selectmenu-button {
    display: block;
}

.articlenumber-searchfield-searchfield {
    display: flex;
}

.articlenumber-searchfield-searchfield input[type="text"],
.articlenumber-searchfield-searchfield input[type="number"] {
    flex: 1 1 auto;
    margin-right: 0.5rem;
    appearance: none;
}

.articlenumber-searchfield-searchfield .btn.btn-general.btn-hero {
    min-width: unset;
    padding: 1rem;
    width: unset;
}

.articlenumber-searchfield-searchfield .btn.btn-general.btn-hero:before {
    color: inherit;
    display: inline-block;
    font-size: 2rem;
    margin: 0;
    padding: 0;
    transform: translate(-2%, 18%);
}

.text-center {
  text-align: center !important;
}


*,
::after,
::before {
  box-sizing: border-box;
}

img {
  vertical-align: middle;
  border-style: none;
}

.my-4 {
  margin-top: 1.5rem !important;
}

.my-4 {
  margin-bottom: 1.5rem !important;
}

.mx-auto {
  margin-right: auto !important;
}

.mx-auto {
  margin-left: auto !important;
}

::selection {
  background-color: #50e3c2;
  color: #fff;
}

img {
  margin-bottom: 2rem;
}

.portrait-circle .img {
  border-radius: 60px;
  margin: 0;
  max-width: 90px;
  padding-bottom: 0;
  width: 100px;
}

.img {
  padding-bottom: 10px;
  max-width: 25%;
  max-height: 500px;
}

.cc-teaser-xl-aside .teaser-bg-contact-person .teaser-bg-overlay-inner * {
  color: #fff !important;
}

img {
  position: relative;
}

img::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  background-color: #f7f7f8;
  color: #fff;
  content: "Missing Image";
}

.slider-section .slider-viewport p {
  margin-bottom: 0;
}

body main .section.breadcrumb-container .breadcrumb-wrapper .product-selector-navigation ul li:not(:first-child) {
  margin-top: 0;
}


body:not(.appear) main,
body:not(.appear) footer {
  display: none;
}

/* Hide blocks during loading phase to prevent FOUC */
/* Blocks go: (no status) -> initialized -> loading -> loaded */
/* Only hide during 'loading' when JS is actively replacing content */
.block[data-block-status="loading"] {
  visibility: hidden;
}

/* Exception: Keep loading indicators visible during loading */
.block[data-block-status="loading"] .loading-indicator,
.block[data-block-status="loading"] .skeleton {
  visibility: visible;
}

body > header {
  position: fixed;
  width: 100%;
}

.main-header.main-header>.inner {
  height: 80px;
  width: 100%;
}

body main > .section.internal-page-navigation-container {
  padding-top: 5rem;
}

button {
  font-family: DIN, Arial, sans-serif;
}

main {
  z-index: 0;
  position: relative;
  top: 0;
}

/* Add margin-top only if first section is NOT internal-page-navigation */
main:not(:has(> .section.internal-page-navigation-container:first-child)) {
  margin-top: 3rem;
}
/* Add top offset unless page has internal navigation */
main:not(:has(.internal-page-navigation-container)) {
  top: 0;
}


main > .section[data-layout].teaser-container:has(+ .section.teaser-container) {
  padding-bottom: 0;
}

.nav-modal .vertical-wrap {
  align-items: center;
  max-width: 1000px;
  display: block;
  margin: 0 auto;
  padding: 0 0 60px;
  width: 100%;
}