@charset "UTF-8";

/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/

/**
 * Remtopx and Pxtorem
 * -----------------------------------------------------------------------------
 * Based on http://hugogiraudel.com/2013/03/18/ultimate-rem-mixin/
 *
 * Usage:
 *
 *      body {
 *          @include rem(font-size, 1.6rem);
 *          @include rem(padding, 20px 10px);
 *      }
 */

.background-color--main {
  background-color: #467593 !important;
}

.background-color--white,
.frame-bgWhite {
  background-color: #fff !important;
}

.background-color--black {
  background-color: #000 !important;
}

.background-color--grey-light,
.frame-bgGreyLight {
  background-color: #eeeeee !important;
}

.background-color--grey-dark {
  background-color: #4a4a4a !important;
}

.background-color--red-light {
  background-color: #d76053 !important;
}

.background-color--red {
  background-color: #da3824 !important;
}

.background-color--blue,
.frame-bgBlue {
  background-color: #467593 !important;
}

.background-color--yellow,
.frame-bgYellow {
  background-color: #fcb019 !important;
}
.frame-bgMagazin {
  background-color: #eeeeee;
  background-image: linear-gradient(22.5deg, #98c5ef -50%, #f4e7ca 90%);
}

.frame-bgBlue {
  color: #fff;
}

.frame-bgWhite {
  color: #000;
}

.frame-bgYellow {
  color: #000;
}

.background-color--blue-dark {
  background-color: #002647 !important;
}

.background-color--yellow,
.frame-bgYellow {
  background-color: #fcb019 !important;
}

.background-color--green {
  background-color: #66BB00 !important;
}

.color--main {
  color: #467593 !important;
}

.color--white {
  color: #fff !important;
}

.color--red {
  color: #da3824 !important;
}

.color--grey {
  color: #b1b1b1 !important;
}

.color--grey-dark {
  color: #4a4a4a !important;
}

.color--grey-light {
  color: #eeeeee !important;
}

.color--blue-dark {
  color: #002647 !important;
}

.color--blue {
  color: #467593 !important;
}

.color--yellow {
  color: #fcb019 !important;
}

.color--green {
  color: #66BB00 !important;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

main {
  display: block;
}

iframe {
  border: 0;
}

.figure {
  margin: 0;
}

@font-face {
  font-family: "AkkuratStd";
  src: url("../Fonts/akkurat/AkkuratStd-Bold.eot");
  src: url("../Fonts/akkurat/AkkuratStd-Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/akkurat/AkkuratStd-Bold.woff2") format("woff2"), url("../Fonts/akkurat/AkkuratStd-Bold.woff") format("woff"), url("../Fonts/akkurat/AkkuratStd-Bold.ttf") format("truetype"), url("../Fonts/akkurat/AkkuratStd-Bold.svg#AkkuratStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "AkkuratStd";
  src: url("../Fonts/akkurat/AkkuratStd.eot");
  src: url("../Fonts/akkurat/AkkuratStd.eot?#iefix") format("embedded-opentype"), url("../Fonts/akkurat/AkkuratStd.woff2") format("woff2"), url("../Fonts/akkurat/AkkuratStd.woff") format("woff"), url("../Fonts/akkurat/AkkuratStd.ttf") format("truetype"), url("../Fonts/akkurat/AkkuratStd.svg#AkkuratStd") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AkkuratStd";
  src: url("../Fonts/akkurat/AkkuratStd-Italic.eot");
  src: url("../Fonts/akkurat/AkkuratStd-Italic.eot?#iefix") format("embedded-opentype"), url("../Fonts/akkurat/AkkuratStd-Italic.woff2") format("woff2"), url("../Fonts/akkurat/AkkuratStd-Italic.woff") format("woff"), url("../Fonts/akkurat/AkkuratStd-Italic.ttf") format("truetype"), url("../Fonts/akkurat/AkkuratStd-Italic.svg#AkkuratStd-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}

body {
  font-size: 1.25rem;
  color: #000;
  line-height: 1.5;
  font-family: "AkkuratStd", sans-serif;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

h1 {
  font-size: 1.35rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.3;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 1.15rem;
  line-height: 1.2;
  margin-bottom: 1.4rem;
}

h2.uppercase {
  font-family: AkkuratStd;
  text-transform: uppercase;
  font-size: 1.25rem;
}

h2.bold {
  font-family: AkkuratStd;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.35;
}

header h2 + h3 {
  font-size: 0.75rem;
  margin-top: -1rem;
}

.hl-h1 {
  font-size: 1.25rem;
  line-height: 1.3;
  margin: 0;
}

.hl-h3 {
  font-size: 1.75rem;
}

.hl-h4,
.hl-small {
  font-weight: normal;
  font-size: 1.5rem;
  letter-spacing: 2px;
}

.frame-layout-hlBoldNormal h2 {
  font-weight: bold;
}

p.medium-form {
  font-size: 15px;
}

p.quote,
p.quote-small {
  font-family: AkkuratStd;
  font-size: 1.563rem;
  text-transform: uppercase;
  font-style: italic;
  line-height: 1.16;
}

p.quote-small {
  font-size: 1.25rem;
  text-transform: unset;
  line-height: 1.35;
}

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

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

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

.text--muted {
  font-weight: 300;
  display: block;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 0.9rem;
  letter-spacing: 1px;
}

.text--bold {
  font-weight: 700;
}

.text--light {
  font-weight: 300;
}

.text--regular {
  font-size: 15px;
  line-height: 1.5;
}

.text--regular p {
  font-size: 1rem !important;
  line-height: 1.5;
}

.text--default {
  font-size: 1.25rem;
  line-height: 1.5;
}

.text--default p {
  font-size: 1.25rem !important;
  line-height: 1.5;
}

.text--small,
.text--small--inline,
p.small {
  font-size: 0.75rem;
  line-height: 1.4;
}

.text--small p,
.text--small--inline p,
p.small p {
  font-size: 0.75rem !important;
  line-height: 1.4;
}

.text--small--inline {
  line-height: 1.5;
  display: inline-block;
}

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

.text--medium p {
  font-size: 1.875rem !important;
}

.text--big {
  font-size: 4rem;
}

.text--big p {
  font-size: 4rem !important;
}

a {
  color: #000;
  -webkit-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}

a:hover {
  text-decoration: none;
  color: #467593;
}

button,
a.btn {
  font-size: 1.25rem;
  line-height: 1;
}

.radio-text {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.radio-text[type=radio] {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.radio-text[type=radio]:focus + label {
  -webkit-box-shadow: 0 0 0 2px rgba(70, 117, 147, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(70, 117, 147, 0.4) !important;
}

.radio-text[type=radio]:hover + label {
  background-color: #467593;
  border-color: #467593;
  color: #fff;
  -webkit-box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.2) !important;
}

.radio-text[type=radio] + label {
  position: relative;
  padding: 0.75rem 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  border: 1px solid #b1b1b1;
  color: #b1b1b1;
  font-weight: 600;
}

.radio-text[type=radio]:checked + label {
  background-color: #467593;
  border-color: #467593;
  color: #fff;
  -webkit-box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 2px 4px 4px 1px rgba(0, 0, 0, 0.2) !important;
}

.radio,
.checkbox {
  /* original, radial radio
  &[type="radio"] {

    + label {

      &::before,
      &::after {
        @if ($x-check-border-radius) {
          border-radius: $x-check-border-radius;
        } @else {
          border-radius: 50%;
        }
      }
    }

    &:checked {

      &:active,
      &:focus {

        + label {

          &::before {
            animation: none;
            filter: none;
            transition: none;
          }
        }
      }

      + label {

        &::before {
          animation: none;
          background-color: $x-check-input-bg-color;
        }

        &::after {
          transform: scale(1);
        }
      }
    }
  }
  */
}

.radio[type=checkbox],
.radio[type=radio],
.checkbox[type=checkbox],
.checkbox[type=radio] {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.radio[type=checkbox]:focus + label::before,
.radio[type=radio]:focus + label::before,
.checkbox[type=checkbox]:focus + label::before,
.checkbox[type=radio]:focus + label::before {
  -webkit-box-shadow: 0 0 0 2px rgba(70, 117, 147, 0.4) !important;
  box-shadow: 0 0 0 2px rgba(70, 117, 147, 0.4) !important;
}

.radio[type=checkbox]:hover + label::before,
.radio[type=radio]:hover + label::before,
.checkbox[type=checkbox]:hover + label::before,
.checkbox[type=radio]:hover + label::before {
  border-color: #000;
}

.radio[type=checkbox]:active + label::before,
.radio[type=radio]:active + label::before,
.checkbox[type=checkbox]:active + label::before,
.checkbox[type=radio]:active + label::before {
  -webkit-transition-duration: 0;
  transition-duration: 0;
}

.radio[type=checkbox] + label,
.radio[type=radio] + label,
.checkbox[type=checkbox] + label,
.checkbox[type=radio] + label {
  position: relative;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio[type=checkbox] + label::before,
.radio[type=radio] + label::before,
.checkbox[type=checkbox] + label::before,
.checkbox[type=radio] + label::before {
  background-color: #fff;
  border: 1px solid #444;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  color: #444;
  margin-right: 8.5px;
  top: 50%;
  left: 0;
  width: 17px;
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.radio[type=checkbox] + label::after,
.radio[type=radio] + label::after,
.checkbox[type=checkbox] + label::after,
.checkbox[type=radio] + label::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  background-color: #444;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 11px;
  height: 11px;
  margin-top: -5.5px;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.radio[type=checkbox][disabled] + label::before,
.radio[type=radio][disabled] + label::before,
.checkbox[type=checkbox][disabled] + label::before,
.checkbox[type=radio][disabled] + label::before {
  -webkit-animation: none;
  animation: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(128, 128, 128, 0.5);
}

.radio[type=checkbox][disabled]:active + label::before,
.radio[type=checkbox][disabled]:focus + label::before,
.radio[type=checkbox][disabled]:hover + label::before,
.radio[type=radio][disabled]:active + label::before,
.radio[type=radio][disabled]:focus + label::before,
.radio[type=radio][disabled]:hover + label::before,
.checkbox[type=checkbox][disabled]:active + label::before,
.checkbox[type=checkbox][disabled]:focus + label::before,
.checkbox[type=checkbox][disabled]:hover + label::before,
.checkbox[type=radio][disabled]:active + label::before,
.checkbox[type=radio][disabled]:focus + label::before,
.checkbox[type=radio][disabled]:hover + label::before {
  border-color: rgba(128, 128, 128, 0.5);
  -webkit-filter: none;
  filter: none;
  -webkit-transition: none;
  transition: none;
}

.radio[type=checkbox]:indeterminate + label::before,
.checkbox[type=checkbox]:indeterminate + label::before {
  background-color: #467593;
  border-color: #467593;
}

.radio[type=checkbox]:indeterminate + label::after,
.checkbox[type=checkbox]:indeterminate + label::after {
  content: "";
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  border-color: #fff;
}

.radio[type=checkbox] + label::before,
.radio[type=checkbox] + label::after,
.radio[type=radio] + label::before,
.radio[type=radio] + label::after,
.checkbox[type=checkbox] + label::before,
.checkbox[type=checkbox] + label::after,
.checkbox[type=radio] + label::before,
.checkbox[type=radio] + label::after {
  border-radius: 0;
}

.radio[type=checkbox] + label::after,
.radio[type=radio] + label::after,
.checkbox[type=checkbox] + label::after,
.checkbox[type=radio] + label::after {
  background-color: transparent;
  top: 9px;
  left: calc(0 + 1px + 17px / 5);
  width: 8.5px;
  height: 3.4px;
  margin-top: calc(17px / -2 / 2 * 0.8);
  border-style: solid;
  border-color: #444;
  border-width: 0 0 3px 3px;
  border-radius: 0;
  -o-border-image: none;
  border-image: none;
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -webkit-transition: none;
  transition: none;
}

.radio[type=checkbox]:checked + label::before,
.radio[type=radio]:checked + label::before,
.checkbox[type=checkbox]:checked + label::before,
.checkbox[type=radio]:checked + label::before {
  background-color: #467593;
  border-color: #467593;
}

.radio[type=checkbox]:checked + label::after,
.radio[type=radio]:checked + label::after,
.checkbox[type=checkbox]:checked + label::after,
.checkbox[type=radio]:checked + label::after {
  content: "";
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
  border-color: #fff;
}

@-webkit-keyframes borderscale {
  50% {
    -webkit-box-shadow: 0 0 0 2px #900;
    box-shadow: 0 0 0 2px #900;
  }
}

@keyframes borderscale {
  50% {
    -webkit-box-shadow: 0 0 0 2px #900;
    box-shadow: 0 0 0 2px #900;
  }
}

.btn {
  border-radius: 0;
  padding: 3px 1rem;
  /* -----------------------------------------------
   * Colors
   * --------------------------------------------- */
  /* -----------------------------------------------
   * State & style
   * --------------------------------------------- */
}

.btn.btn--default {
  position: relative;
  color: #fff;
  background-color: #467593;
  border-color: #467593;
  font-size: 1rem;
  padding: 14px 1.5rem;
}

.btn.btn--default:hover,
.btn.btn--default:active,
.btn.btn--default:focus {
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  background-color: #000;
  border-color: #000;
}

.btn--red {
  background-color: #467593;
  border-color: #467593;
  color: #fff;
}

.btn--grey--dark {
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}

.btn--white {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}

.btn--white:hover {
  color: #fff;
}

.btn--blue {
  background-color: #002647;
  border-color: #002647;
  color: #fff;
}

.btn--blue:hover {
  color: #fff;
}

.btn--full {
  width: 100%;
}

.btn--small {
  padding: 10px 3rem;
  font-size: 1.0625rem;
}

.btn--tiny {
  padding: 3px 1rem;
  font-size: 0.75rem;
}

.btn--arrow {
  padding-left: 2.5rem;
  background-image: url("../img/icons/pfeil.svg");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 17px;
}

.btn--tiny--border--minwidth {
  padding: 3px;
  font-size: 0.75rem;
  border: solid 1px #eeeeee;
  min-width: 200px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
  color: inherit;
}

span.icon {
  padding-left: 35px;
  background-position: left center;
}

span.icon--small {
  background-size: 22px;
  padding-left: 30px;
}

.icon--envelope {
  background-image: url("../Images/icons/envelope.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 19px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
}

.icon--globe {
  background-image: url("../Images/icons/globe.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  width: 24px;
  height: 19px;
  display: inline-block;
  overflow: hidden;
  text-indent: -9999px;
}

.spinner {
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  z-index: 40;
  left: 50%;
  margin-left: -25px;
  margin-top: 65px;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.spinner > div {
  background-color: #002647;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }

  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }

  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

.link-fullspan {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.font-awesome,
ul.check li:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.list-reset,
.page-pickup__inner .settings > div ul,
.slick-dots,
.page-footer ul,
.page-header nav.main-nav > ul,
.section-cards-filter ul,
ul.horizontal-nav-divided {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-hor,
.slick-dots,
.page-header nav.main-nav > ul,
.section-cards-filter ul,
ul.horizontal-nav-divided {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

ul.horizontal-nav-divided {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

ul.horizontal-nav-divided li:first-child {
  padding-left: 0;
}

ul.horizontal-nav-divided li:after {
  content: "|";
  margin: 0 0.5rem;
  color: #fff;
}

ul.horizontal-nav-divided li:last-child:after {
  content: "";
  margin: 0;
}

.z-index-1 {
  z-index: 1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-5 {
  z-index: 5;
}

.mt-4b {
  margin-top: 2rem !important;
  margin-top: 30px !important;
}

.mt-4c {
  margin-top: 2.5rem !important;
}

.mb-4b {
  margin-bottom: 2rem !important;
  margin-bottom: 30px !important;
}

.mb-4c {
  margin-bottom: 2.5rem !important;
}

.mb-4rem {
  margin-bottom: 4rem !important;
}

.mt-4rem {
  margin-top: 4rem !important;
}

.mb-5rem {
  margin-bottom: 5rem !important;
}

.mt-5rem {
  margin-top: 5rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mt-neg-3 {
  margin-top: -3rem !important;
}

.mb-neg-3 {
  margin-top: -3rem !important;
}

.mx-2\.5rem {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.my-2\.5rem {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.mt-2\.5rem {
  margin-top: 2.5rem;
}

.mb-2\.5rem {
  margin-bottom: 2.5rem;
}

.mr-2\.5rem {
  margin-right: 2.5rem;
}

.ml-2\.5rem {
  margin-left: 2.5rem;
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-20 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.pr-2rem {
  padding-right: 2rem;
}

.pl-2rem {
  padding-left: 2rem;
}

.px-2rem {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-2rem {
  padding-right: 2rem;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-100 {
  width: 100%;
}

span[tabindex="0"]:focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.no-focus:focus,
:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow.slick-next:focus,
:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow.slick-prev:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

ul.check {
  padding-left: 1rem;
}

ul.check li {
  list-style: none;
}

ul.check li:before {
  content: "\f00c";
  margin-right: 10px;
}

.flex {
  /* -----------------------------------------------
   * Justify Content
   * --------------------------------------------- */
  /* -----------------------------------------------
   * Align items
   * --------------------------------------------- */
}

.flex--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex--left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex--align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex--align-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.line-height-1 {
  line-height: 1;
}

/* -----------------------------------------------
 * Overflow
 * --------------------------------------------- */

.overflow-hidden {
  overflow: hidden;
}

.equal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.equal > [class*=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

div[class^=col].col-full {
  padding: 0;
}

.row.gap-small div[class^=col] {
  padding-left: 5px;
  padding-right: 5px;
}

.row.gap-small div[class^=col]:first-child {
  padding-left: 15px;
}

.row.gap-small div[class^=col]:last-child {
  padding-right: 15px;
}

.bootstrap-select {
  width: auto !important;
}

.currency-euro:after {
  content: "€";
}

.currency-usd:before {
  content: "$";
}

.image--full {
  width: 100%;
}

.frame-space-before-none {
  margin-top: 0 !important;
}

.frame-space-before-extra-small {
  margin-top: 1.25rem !important;
}

.frame-space-before-small {
  margin-top: 2.5rem !important;
}

.frame-space-before-medium {
  margin-top: 3.75rem !important;
}

.frame-space-before-large {
  margin-top: 5rem !important;
}

.frame-space-before-extra-large {
  margin-top: 6.25rem !important;
}

.frame-space-after-none {
  margin-bottom: 0 !important;
}

.frame-space-after-extra-small {
  margin-bottom: 1.25rem !important;
}

.frame-space-after-small {
  margin-bottom: 2.5rem !important;
}

.frame-space-after-medium {
  margin-bottom: 3.75rem !important;
}

.frame-space-after-large {
  margin-bottom: 5rem !important;
}

.frame-space-after-extra-large {
  margin-bottom: 6.25rem !important;
}

.frame-space-inner-before-none {
  padding-top: 0 !important;
}

.frame-space-inner-before-extra-small {
  padding-top: 1.25rem !important;
}

.frame-space-inner-before-small {
  padding-top: 2.5rem !important;
}

.frame-space-inner-before-medium {
  padding-top: 3.75rem !important;
}

.frame-space-inner-before-large {
  padding-top: 5rem !important;
}

.frame-space-inner-before-extra-large {
  padding-top: 6.25rem !important;
}

.frame-space-inner-after-none {
  padding-bottom: 0 !important;
}

.frame-space-inner-after-extra-small {
  padding-bottom: 1.25rem !important;
}

.frame-space-inner-after-small {
  padding-bottom: 2.5rem !important;
}

.frame-space-inner-after-medium {
  padding-bottom: 3.75rem !important;
}

.frame-space-inner-after-large {
  padding-bottom: 5rem !important;
}

.frame-space-inner-after-extra-large {
  padding-bottom: 6.25rem !important;
}

.frame {
  width: 100%;
}

.frame-center {
  text-align: center;
}

.btn.large {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

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

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

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

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

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

.ce-headline-center {
  text-align: center;
}

.ce-headline-right {
  text-align: right;
}

.ce-column img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.ce-intext.ce-left .ce-column:last-child img,
.ce-intext.ce-right .ce-column:last-child img {
  padding-bottom: 10px;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

html {
  background-color: #fff;
}

.section-cards-filter ul {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-cards-filter ul li {
  margin-right: 2rem;
}

.section-cards-filter ul li.active {
  font-weight: bold;
}

.section-cards-filter .card-item,
.section-cards-filter .card-item--50,
.section-cards-filter .card-item--33 {
  display: none;
}

.section-cards-filter .card-item.show,
.section-cards-filter .show.card-item--50,
.section-cards-filter .show.card-item--33 {
  display: block;
}

.section-chart-table table td {
  padding: 5px 10px;
  vertical-align: top;
}

.section-chart-table table thead tr {
  border-bottom: 1px solid #b1b1b1;
}

.section-chart-table table thead tr td {
  background-color: #eeeeee;
  font-weight: bold;
  border-right: 1px solid #b1b1b1;
}

.section-chart-table table thead tr td:last-child {
  border-right: 0;
}

.section-chart-table table tbody tr {
  border-bottom: 1px solid #b1b1b1;
}

.section-chart-table table tbody tr:last-child {
  border-bottom: 0;
}

.section-chart-table table tbody tr td {
  border-right: 1px solid #b1b1b1;
}

.section-chart-table table tbody tr td:last-child {
  border-right: 0;
}

.section-chart-table table tbody tr td:first-child {
  width: 33%;
}

.section-chart-details__wrapper {
  height: 100%;
  width: 100%;
  position: relative;
}

.section-chart-details__wrapper__background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.section-chart-details__wrapper__background__left {
  background-color: #002647;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.section-chart-details__wrapper__background__right {
  background-color: #eeeeee;
  width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.section-chart-details__wrapper .container {
  position: relative;
}

.section-chart-details__wrapper .section__headline {
  color: #fff;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 calc(25% - 2rem) !important;
  flex: 0 0 calc(25% - 2rem) !important;
  padding: 1rem 0;
  position: relative;
}

.section-chart-details__wrapper .section__headline:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #002647;
  top: 12.5px;
  right: -30px;
}

.section-chart-details__wrapper .section__body {
  background-color: #eee;
  padding: 1rem 0 1rem 2rem;
}

.section-chart-details table td {
  padding-right: 1.5rem;
}

.section-chart-details table td:last-child {
  padding-right: 0;
}

body.splash-intro .page-header {
  opacity: 1;
  visibility: visible;
}

body.splash-intro .page-header.show {
  opacity: 1;
  visibility: visible;
}

.page-header {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  border-bottom: 1px solid #b1b1b1;
  z-index: 99;
  background-color: #fff;
  position: fixed;
  left: 15px;
  width: 100vw;
}

.page-header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
  padding-right: 0;
}

.page-header .logo a {
  display: block;
  background-color: #fff;
}

.page-header .logo img {
  height: 17px;
  width: 28px;
}

.page-header .logo-mobile {
  display: none;
  z-index: 99;
}

.page-header .subnav-background {
  height: 0;
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 100%;
  margin-top: 1px;
  left: 0;
}

.page-header nav.main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.page-header nav.main-nav > ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 100%;
  padding: 0 0 0 1rem;
}

.page-header nav.main-nav > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  word-wrap: break-word;
  position: relative;
  padding: 0 3rem;
  margin-left: -3rem;
}

.page-header nav.main-nav > ul > li:hover > a,
.page-header nav.main-nav > ul > li:hover > span a {
  color: #467593;
}

.page-header nav.main-nav > ul > li:hover ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100%;
}

.page-header nav.main-nav > ul > li > span {
  height: 100%;
}

.page-header nav.main-nav > ul > li > a {
  line-height: 31px;
}

.page-header nav.main-nav > ul > li a {
  display: block;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  padding: 0;
  position: relative;
  margin: auto;
  color: #000;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  height: 100%;
}

.page-header nav.main-nav > ul > li.active > a:after,
.page-header nav.main-nav > ul > li.active > span a:after {
  content: "";
  display: inline-block;
  width: 65%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #000;
}

.page-header nav.main-nav > ul > li > ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 1px;
  background-color: #fff;
  color: #000;
  width: auto;
  padding: 5px 0;
  display: none;
}

.page-header nav.main-nav > ul > li > ul.open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-header nav.main-nav > ul > li > ul li {
  padding: 0.2rem 0;
  position: relative;
  margin: 0;
}

.page-header nav.main-nav > ul > li > ul li:hover > a,
.page-header nav.main-nav > ul > li > ul li:hover > span a {
  color: #467593;
}

.page-header nav.main-nav > ul > li > ul li a {
  font-weight: 400;
  white-space: nowrap;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  white-space: nowrap;
  font-style: normal;
}

.page-header.open nav.main-nav {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.page-header .nav-hamburger-wrapper {
  display: none;
}

.page-header .nav-hamburger {
  display: none;
  position: relative;
  padding: 10px 0 10px 10px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.page-header .nav-hamburger .burger-menu {
  position: relative;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.page-header .nav-hamburger .burger-menu .burger {
  position: absolute;
  background: black;
  width: 100%;
  height: 3px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  opacity: 1;
}

.page-header .nav-hamburger .burger-menu .burger::before {
  position: absolute;
  background: #000;
  width: 25px;
  height: 3px;
  top: 8px;
  content: "";
  display: block;
}

.page-header .nav-hamburger .burger-menu .burger::after {
  position: absolute;
  background: #000;
  width: 25px;
  height: 3px;
  bottom: 8px;
  content: "";
  display: block;
}

.page-header .nav-hamburger .burger-menu .burger::after,
.page-header .nav-hamburger .burger-menu .burger::before,
.page-header .nav-hamburger .burger-menu .burger {
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.page-header .nav-hamburger .burger-menu.open .burger {
  background: rgba(0, 0, 0, 0);
}

.page-header .nav-hamburger .burger-menu.open .burger:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 0px;
  background: #000;
}

.page-header .nav-hamburger .burger-menu.open .burger:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  bottom: 0px;
  background: #000;
}

.page-header .langSwitch {
  list-style: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
}

.page-header .langSwitch li {
  display: block;
}

.page-header .langSwitch li.active {
  display: none;
}

.page-header .langSwitch a {
  display: block;
}

.splash-intro .page-content {
  padding-top: 3.5rem;
}

.splash-intro__header {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 1;
  margin-top: 2rem;
  display: none;
}

.hero {
  position: relative;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.hero--fullHeight,
.hero {
  height: 100vh;
  max-height: 287px;
}

.hero--fullHeight #hero_slider,
.hero #hero_slider {
  height: 100vh;
  max-height: 287px;
}

.hero--fullHeight #hero_slider .slide,
.hero #hero_slider .slide {
  height: 100vh;
  max-height: 287px;
}

.hero--fullHeight #hero_slider .slide .slide__background,
.hero #hero_slider .slide .slide__background {
  height: 100vh;
  max-height: 287px;
  background-position: left;
  background-size: cover;
}

.hero--fullHeight #hero_slider .slide .slide__content,
.hero #hero_slider .slide .slide__content {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  top: calc(100% - 5rem);
}

.hero--fullHeight #hero_slider #hero_title,
.hero #hero_slider #hero_title {
  position: absolute;
  bottom: 0px;
  background-color: rgba(238, 238, 238, 0.85);
  color: #000;
  width: 100%;
  height: 49px;
  line-height: 49px;
  font-size: 1.25rem;
}

.frame-bgBlue a {
  color: #fcb019 !important;
}

.frame-bgBlue a:hover {
  color: #fcb019 !important;
}

.section {
  width: 100%;
  position: relative;
}

.section--pt {
  padding-top: 3.5rem;
}

.section--pt--big {
  padding-top: 7rem;
}

.section--pb {
  padding-bottom: 3.5rem;
}

.section--hor > .container,
.section--hor.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section--hor .section__headline {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding-right: 15px;
  line-height: 0.7;
}

.section--hor .section__body {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  width: 75%;
}

.section--hor.section--pt .section__body {
  margin-top: -3px;
}

.section--p-equal {
  padding: 6rem 0 6rem 0;
}

.section--p-small {
  padding: 4rem 0;
}

.section--shadow {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.section__header {
  width: 100%;
}

.frame-layout-disablePy .section--pb,
.frame-layout-disablePy .section--pt {
  padding: 0;
}

.section-text p {
  font-size: 1.25rem;
}

.section-imgtext__text {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-imgtext__text p:last-child {
  margin: 0;
}

.section-imgtext__img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section-imgtext__img__top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.section.first-on-home {
  position: relative;
  margin-top: -49px;
  padding: 0;
  background: rgba(238, 238, 238, 0.85);
}

.section.first-on-home .container {
  height: 49px;
}

.section.first-on-home h2 {
  line-height: 1;
  margin: 0;
  padding: 1rem 0 1.1rem 0;
  text-transform: uppercase;
}

.news-detail .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.news-detail .browse {
  margin-bottom: 46px;
}

.news-detail .browse a:first-of-type {
  padding-right: 35px;
}

.news-detail .browse a:last-of-type {
  padding-left: 0px;
}

.news-detail .close__back {
  cursor: pointer;
  -webkit-box-flex: 100;
  -ms-flex: 100;
  flex: 100;
  text-align: right;
  margin-right: 20px;
  margin-bottom: 30px;
}

.news-single .article .news-img-wrap {
  float: none;
}

.tx-px-team .browse a:last-of-type {
  padding-left: 35px;
}

#hero_slider .slide {
  position: relative;
}

#hero_slider .slide__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#hero_slider .slide__background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: right center;
  object-position: right center;
  font-family: "object-fit: cover; object-position: right center";
}

#hero_slider .slide__content {
  padding-top: 58vh;
  padding-bottom: 5vh;
  color: #ffffff;
  position: relative;
}

#hero_slider .slide__content__headline {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 1rem;
}

#hero_slider .slide__content__subline {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
}

#hero_slider .slick-dots {
  max-width: 1095px;
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  bottom: 3rem;
  padding: 0 1rem;
}

.text-slider .slick-dots {
  max-width: 1095px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1rem;
}

.text-slider .slick-dots li button {
  background: url("../img/icons/pfeil-grau.svg") transparent no-repeat center center;
}

[class*=background-color--] .text-slider .slick-dots li button {
  background: url("../img/icons/pfeil.svg") transparent no-repeat center center;
}

[class*=background-color--] .text-slider .slick-dots li.slick-active button {
  background: url("../img/icons/pfeil-rot.svg") transparent no-repeat center center;
}

[class*=background-color--red] .text-slider .slick-dots li button,
[class*=background-color--red-light] .text-slider .slick-dots li button,
[class*=background-color--main] .text-slider .slick-dots li button {
  background: url("../img/icons/pfeil.svg") transparent no-repeat center center;
}

[class*=background-color--red] .text-slider .slick-dots li.slick-active button,
[class*=background-color--red-light] .text-slider .slick-dots li.slick-active button,
[class*=background-color--main] .text-slider .slick-dots li.slick-active button {
  background: url("../img/icons/pfeil-grau-hell.svg") transparent no-repeat center center;
}

[class*=background-color--white] .text-slider .slick-dots li button {
  background: url("../img/icons/pfeil-grau.svg") transparent no-repeat center center;
}

[class*=background-color--white] .text-slider .slick-dots li.slick-active button {
  background: url("../img/icons/pfeil-rot.svg") transparent no-repeat center center;
}

.page-footer {
  position: relative;
}

.page-footer__main {
  padding: 3rem 0 3rem 0;
}

.page-footer__main .footer-baseline-offset {
  padding-top: 2.5rem;
}

.page-footer__main a {
  color: #fff;
  line-height: 18px;
}

.page-footer__main a:hover {
  color: #fcb019;
}

.page-footer__bar {
  padding: 2rem 0;
}

.page-footer__bar div[class*=col] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-footer p {
  margin: 0;
}

.page-footer ul li {
  margin-right: 0.5rem;
}

.page-footer ul li:last-child {
  margin-right: 0;
}

.page-footer ul a {
  color: #fff;
}

.page-footer ul a:hover {
  color: #fcb019;
}

.slick-slide:focus {
  outline: none;
}

.slick-slide img {
  max-width: 100%;
  height: auto;
}

.slick-dots {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  -webkit-transition: bottom 0.2s ease-in-out;
  transition: bottom 0.2s ease-in-out;
}

.slick-dots > li:only-child {
  display: none;
}

.slick-dots li {
  margin-right: 1rem;
}

.slick-dots li:last-child {
  margin-right: 0;
}

.slick-dots li button {
  width: 19px;
  height: 19px;
  padding: 0;
  font-size: 0;
  cursor: pointer;
  border: 0;
  background: url("../img/icons/pfeil.svg") transparent no-repeat center center;
}

.slick-dots li button:focus {
  outline: 0;
}

.slick-dots li button:hover {
  background: url("../img/icons/pfeil-rot.svg") transparent no-repeat center center;
}

.slick-dots li.slick-active button {
  background: url("../img/icons/pfeil-rot.svg") transparent no-repeat center center;
}

.cards-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.card-item,
.card-item--50,
.card-item--33 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-bottom: 2rem;
}

.card-item__full {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
}

.card-item--chart {
  padding-right: 0;
  padding-left: 0;
}

.cards-container.uneven .card-item:nth-of-type(5n+5),
.cards-container.uneven .card-item--33:nth-of-type(5n+5),
.cards-container.uneven .card-item--50:nth-of-type(5n+5) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.chart-card {
  padding: 0.5rem;
}

.chart-card .chart {
  border-bottom: 1px solid #002647;
}

.chart-card .content .btn {
  font-size: 0.9rem;
}

.chart-card .content .nth1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}

.chart-card .content .nth1__right {
  margin-left: auto;
  text-align: right;
}

.chart-card .content .nth2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  margin-bottom: 5px;
}

.chart-card .content .nth2__right {
  margin-left: auto;
  text-align: right;
}

.chart-card .content .nth2__right.positive {
  color: #90d341;
}

.chart-card .content .nth2__right.negative {
  color: #ff0118;
}

.tx-px-team .text--small--inline {
  margin-top: 15px;
}

.jobs-list .card-item,
.jobs-list .card-item--33,
.jobs-list .card-item--50 {
  min-height: 260px;
}

.news-card {
  background-color: #fff;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.news-card a:hover {
  color: #fcb019;
}

.news-card a:hover .read-more {
  color: #fcb019;
}

.news-card a:hover .head {
  color: #fcb019;
}

.tx-px-jobs .news-card {
  min-height: 260px;
  max-height: 260px;
}

.tx-px-jobs .news-card .head strong {
  text-transform: uppercase;
}

.tx-px-jobs .news-card .content {
  text-transform: initial;
}

.tx-px-jobs .news-card .apply {
  padding: 0.7rem;
  font-size: 16px;
}

.tx-px-jobs .news-card .apply:before {
  font-family: AkkuratStd;
  content: ">";
  padding-right: 7px;
}

.news-card .head {
  padding: 0.7rem;
  font-size: 12px;
  position: relative;
}

.news-card .head span,
.news-card .head strong {
  position: relative;
}

.news-card .head.has-image {
  height: 180px;
  min-height: 180px;
}

.news-card .head .image,
.news-card .head img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: auto;
  background-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
}

.news-card .content {
  padding: 0.7rem 0.7rem 1.7rem 0.7rem;
  font-size: 1.25rem;
  line-height: 1.4;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 40px;
}

.news-card .content p {
  word-break: break-word;
}

.news-card .content__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin: 0;
}

.news-card .content .read-more {
  position: absolute;
  bottom: 10px;
  font-style: normal;
  font-size: 15px;
}

.news-card .content.italic {
  font-style: italic;
}

.news-card:hover {
  color: #fcb019;
}

.news-card:hover .head.has-image {
  color: #fff;
}

a .content:hover {
  color: #fcb019;
}

.news_filter .card-item,
.news_filter .card-item--33,
.news_filter .card-item--50 {
  margin-bottom: 0;
  min-height: 0;
}

.news_filter .card-item h2,
.news_filter .card-item--33 h2,
.news_filter .card-item--50 h2 {
  background: #b1b1b1;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
  font-size: 13px;
  padding: 7px 0;
}

.page-navigation,
.f3-widget-paginator{
  display: none;
}

.news_cat_list {
  list-style: none;
  padding: 0;
}

.news_cat_list li {
  padding: 0.7rem;
  margin-left: 1.2rem;
}

.news_cat_list li.all {
  margin-left: 0;
  font-weight: bold;
}

.image-card {
  background-color: #fff;
  height: 100%;
  position: relative;
  font-size: 15px;
  line-height: 1.3;
}

.image-card .content {
  padding: 0.5rem 1rem;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-track {
  height: 100%;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow {
  position: absolute;
  right: 0;
  top: -2.5rem;
  background-color: transparent;
  font-size: 0;
  width: 25px;
  height: 25px;
  border: 0;
  cursor: pointer;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow:before {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow:hover:before {
  color: #467593;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow.slick-prev {
  right: 3rem;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow.slick-prev:before {
  content: "<";
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow.slick-next {
  right: 1rem;
}

:where(.card-slider, .home-news-magazine-slick .cards-container) .slick-arrow.slick-next:before {
  content: ">";
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.chartSlider .slick-arrow {
  top: auto;
  bottom: 40px;
}

.chartSlider .slick-arrow.slick-next {
  right: 5px;
}

.chartSlider .slick-arrow.slick-prev {
  left: 5px;
}

.col-md-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.karrierefield {
  background: #fff;
  font-size: 14px;
  margin-bottom: 30px;
}

.karrierefield .img-fluid {
  width: 100%;
}

.karrierefield .field,
.karrierefield .position {
  padding: 10px;
}

.karrierefield .field p,
.karrierefield .position p {
  font-size: 12px;
  line-height: 1.5;
}

.karrierefield .position p {
  margin-bottom: 0;
}

.karrierefield .position p:first-of-type {
  font-size: 15px;
}

.karrierefield h3 {
  text-transform: uppercase;
  font-size: 18px;
}

.logo-list .logo-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}

.logo-list .logo-item:nth-of-type(n+6) {
  margin-top: 2rem;
}

.logo-list .logo {
  background-color: #fff;
  border: 1px solid #979797;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.5rem;
  height: 100%;
}

.divider-after {
  margin-top: 2rem;
  display: block;
  width: 100%;
}

.divider-after i[class*=icon] {
  display: inline-block;
  margin-right: 1rem;
}

.divider-after i[class*=icon]:last-child {
  margin-right: 0;
}

/* -----------------------------------------------
 * Cards/Kacheln Download-Page
 * --------------------------------------------- */

.downloads .col-12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
}

.downloads .col-12 .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 2rem;
  min-height: 360px;
}

.downloads .col-12 .item.wide {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.downloads .col-12 .item h3,
.downloads .col-12 .item p {
  font-size: 20px;
  line-height: 1.25;
  word-break: break-word;
}

.downloads .col-12 .item .kachel {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
}

.downloads .col-12 .item .kachel .head {
  padding: 0.7rem;
  font-size: 12px;
  position: relative;
}

.downloads .col-12 .item .kachel .head.has-image {
  height: 50%;
  min-height: 180px;
}

.downloads .col-12 .item .kachel .head.has-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-size: auto;
  background-position: center center;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-family: "object-fit: cover; object-position: center";
}

.downloads .col-12 .item .kachel .head.has-image img + .text {
  color: #fff;
}

.downloads .col-12 .item .kachel .head .text {
  position: relative;
}

.downloads .col-12 .item .kachel .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 0.7rem;
  padding-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4;
}

.downloads .col-12 .item .kachel .content a {
  color: #000;
  font-size: 15px;
  display: block;
  line-height: 28px;
}

.downloads .col-12 .item .kachel .content a:hover {
  color: #fcb019;
}

.downloads .col-12 .item .kachel .content .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 1rem;
}

.downloads .col-12 .item .kachel .content .bottom p {
  margin-bottom: 0.2rem;
}

/* -----------------------------------------------
 *  Contact Form
 * --------------------------------------------- */

form[id^=kontakt] .btn.whitebg,
form[id^=newsletterAnmeldung] .btn.whitebg,
form[id^=newsletterAbmeldung] .btn.whitebg {
  background: #fff;
  text-transform: uppercase;
  padding-left: 2rem;
  padding-right: 5rem;
  height: 38px;
}

form[id^=kontakt] {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

form[id^=kontakt] .formWrap {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}

form[id^=kontakt] .actions {
  margin-top: 15px;
  margin-bottom: 30px;
}

form[id^=kontakt] .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

form[id^=kontakt] .form-group label {
  font-size: 15px;
}

form[id^=kontakt] .form-group .input {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

form[id^=kontakt] .form-group .input .form-control {
  border-radius: 0;
  border: none;
}

form[id^=kontakt] .clearfix {
  font-size: 15px;
}

form[id^=newsletterAnmeldung],
form[id^=newsletterAbmeldung] {
  position: relative;
}

form[id^=newsletterAnmeldung] .clearfix h2,
form[id^=newsletterAbmeldung] .clearfix h2 {
  font-size: 20px;
  color: #467593;
}

form[id^=newsletterAnmeldung] .clearfix:last-of-type h2,
form[id^=newsletterAbmeldung] .clearfix:last-of-type h2 {
  font-size: 15px;
  color: #000;
}

form[id^=newsletterAnmeldung] fieldset,
form[id^=newsletterAbmeldung] fieldset {
  margin-bottom: 30px !important;
}

form[id^=newsletterAnmeldung] fieldset .clearfix h2,
form[id^=newsletterAbmeldung] fieldset .clearfix h2 {
  margin-bottom: 0;
}

form[id^=newsletterAnmeldung] .form-group,
form[id^=newsletterAbmeldung] .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
}

form[id^=newsletterAnmeldung] .form-group label,
form[id^=newsletterAbmeldung] .form-group label {
  font-size: 15px;
}

form[id^=newsletterAnmeldung] #newsletterAnmeldung-1758-fieldset-1 label,
form[id^=newsletterAbmeldung] #newsletterAnmeldung-1758-fieldset-1 label {
  margin-top: 20px;
}

form[id^=newsletterAnmeldung] fieldset:last-of-type .form-group label,
form[id^=newsletterAbmeldung] fieldset:last-of-type .form-group label {
  margin-right: 20px;
}

form[id^=newsletterAnmeldung] .form-check,
form[id^=newsletterAbmeldung] .form-check {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

form[id^=newsletterAnmeldung] .form-check-label,
form[id^=newsletterAbmeldung] .form-check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form[id^=newsletterAnmeldung] .form-check input,
form[id^=newsletterAbmeldung] .form-check input {
  margin-right: 10px;
}

form[id^=newsletterAnmeldung] .form-check input[type=checkbox],
form[id^=newsletterAbmeldung] .form-check input[type=checkbox] {
  margin-top: 4px;
  width: 20px;
  height: 20px;
  border: 2px solid red;
}

form[id^=newsletterAnmeldung] input[type=email],
form[id^=newsletterAnmeldung] input[type=text],
form[id^=newsletterAbmeldung] input[type=email],
form[id^=newsletterAbmeldung] input[type=text] {
  border: none;
  border-radius: 0;
  width: 100%;
}

/* -----------------------------------------------
 * Image content element
 * --------------------------------------------- */

.image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.image-container.justify-content-start a,
.image-container.justify-content-start img,
.image-container.justify-content-end a,
.image-container.justify-content-end img,
.image-container.justify-content-center a,
.image-container.justify-content-center img {
  margin-right: 2rem;
}

.image-container.justify-content-start a:last-child,
.image-container.justify-content-start img:last-child,
.image-container.justify-content-end a:last-child,
.image-container.justify-content-end img:last-child,
.image-container.justify-content-center a:last-child,
.image-container.justify-content-center img:last-child {
  margin-right: 0;
}

/* -----------------------------------------------
 * Quickinfo element
 * --------------------------------------------- */

.quickinfo_item {
  color: #fff;
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
}

.quickinfo_item__title {
  line-height: 1;
  background-color: #002647;
  padding: 3px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.quickinfo_item__value {
  background-color: #fff;
  color: #90d341;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 10px;
}

.tx-xaia-funds .btn[aria-haspopup=listbox] {
  background: none;
  border: 1px solid #eeeeee;
  font-size: 12px;
  text-transform: uppercase;
  padding-right: 50px;
  padding-left: 7px;
}

.tx-xaia-funds .btn[aria-haspopup=listbox]:after {
  border: 0;
}

.tx-xaia-funds .btn[aria-haspopup=listbox] .filter-option {
  color: #000;
}

.tx-xaia-funds .section-table .table-wrapper {
  width: 100%;
}

.table-wrapper {
  overflow: auto;
}

.stocks-table td {
  vertical-align: top;
  border-right: 1px solid black;
  padding: 10px;
  font-size: 15px;
}

.stocks-table td:last-child {
  border-right: 0;
}

.stocks-table tr {
  border-top: 1px solid black;
}

.stocks-table thead tr:first-child {
  border-top: 0;
}

.risk-class {
  color: #9b9b9b;
  letter-spacing: 2px;
}

.risk-class span {
  color: #000;
}

.page-pickup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 99;
  display: none;
}

.page-pickup.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-pickup__inner {
  padding: 2rem 5rem;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: rgb(255, 255, 255);
}

.page-pickup__inner .logo {
  margin-bottom: 3rem;
}

.page-pickup__inner .settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  font-size: 1rem;
}

.page-pickup__inner .settings > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 2rem;
}

.page-pickup__inner .settings > div:first-child {
  margin-right: 8rem;
}

.page-pickup__inner .settings > div:last-child {
  margin: 0;
}

.page-pickup__inner .settings > div ul {
  margin: 0;
}

.page-pickup__inner .content {
  font-size: 12px;
}

.page-pickup__inner .content a {
  text-decoration: underline;
}

.page-pickup__inner .dropdown-menu.show {
  border-color: #535353;
}

.page-pickup__inner .btn.dropdown-toggle {
  line-height: 1;
}

.page-pickup__inner .btn.dropdown-toggle:after {
  border: none;
  font-family: "AkkuratStd";
  content: ">";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 22px;
  margin-right: 5px;
}

.page-pickup__inner .dropdown-item.active,
.page-pickup__inner .dropdown-item:focus {
  background: #002647;
  color: #fff;
}

.page-pickup__inner .btn--tiny--border--minwidth {
  border: solid 1px #535353;
}

.page-pickup__inner #submitCookieConsent.btn {
  width: 225px;
  line-height: 1;
  border: 0;
  font-size: 12px;
  padding-top: 7px;
  padding-bottom: 5px;
}

#pickup-errors {
  color: #ff0000;
}

#pickup-errors > [id^=error] {
  margin-bottom: 5px;
}

#pickup-errors #error_origin,
#pickup-errors #error_usertype,
#pickup-errors #error_accepted {
  display: none;
}

#pickup-accept,
#pickup-accept + label {
  cursor: pointer;
}

figure {
  margin: 0;
}

.article-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.article-navigation__prev {
  display: inline-block;
}

.article-navigation__prev a {
  padding: 0 1rem 0 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
}

.article-navigation__next {
  display: inline-block;
}

.article-navigation__next a {
  padding: 0 0 0 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
}

.article-navigation__close {
  display: inline-block;
  margin-left: auto;
}

.article-navigation__close a {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.section__header .article-navigation {
  margin-bottom: 2rem;
}

/**
Home News filter function
 */

.news-home-section {
  padding-bottom: 45px;
  position: relative;
}

.news-home-section .card-item,
.news-home-section .card-item--33,
.news-home-section .card-item--50 {
  min-height: 328px;
}

.news-home-slider {
  margin-top: 35px;
}

.new_filter {
  display: none;
  position: absolute;
  width: 100%;
  top: -120px;
  margin-left: -15px;
  margin-right: -15px;
}

.new_filter .filter-option {
  position: relative;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.new_filter .filter-option li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding: 0 15px;
  text-align: center;
  font-size: 13px;
  list-style-type: none;
  line-height: 28px;
}

.new_filter .filter-option li a {
  color: #fff;
  display: block;
  background: #b1b1b1;
}

.news__cat__filter {
  margin: 0 0 46px 0;
  padding: 0;
}

.news__cat__filter li {
  padding: 0;
  display: inline-block;
  margin-right: 30px;
  list-style-type: none;
}

.news__cat__filter li a {
  line-height: 40px;
}

@media (min-width: 575px) {
  .card-item,
  .card-item--50,
  .card-item--33 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (min-width: 580px) {
  .downloads .col-12 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .downloads .col-12 .item.wide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (min-width: 600px) {
  .new_filter .filter-option li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media (min-width: 767.98px) {
  .mb-md-4rem {
    margin-bottom: 4rem !important;
  }

  .mt-md-4rem {
    margin-top: 4rem !important;
  }

  .mb-md-5rem {
    margin-bottom: 5rem !important;
  }

  .mt-md-5rem {
    margin-top: 5rem !important;
  }

  .mb-md-7 {
    margin-bottom: 7rem !important;
  }

  .mt-md-7 {
    margin-top: 7rem !important;
  }

  .mt-neg-md-3 {
    margin-top: -3rem !important;
  }

  .mb-neg-md-3 {
    margin-bottom: -3rem !important;
  }

  .mx-md-2\.5rem {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .my-md-2\.5rem {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .mt-md-2\.5rem {
    margin-top: 2.5rem;
  }

  .mb-md-2\.5rem {
    margin-bottom: 2.5rem;
  }

  .mr-md-2\.5rem {
    margin-right: 2.5rem;
  }

  .ml-md-2\.5rem {
    margin-left: 2.5rem;
  }

  .py-md-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }

  .py-md-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }

  .w-md-10 {
    width: 10%;
  }

  .w-md-20 {
    width: 20%;
  }

  .w-md-30 {
    width: 30%;
  }

  .w-md-60 {
    width: 60%;
  }

  .w-md-70 {
    width: 70%;
  }

  .w-md-80 {
    width: 80%;
  }

  .w-md-100 {
    width: 100%;
  }

  .pull-right-md {
    float: right;
  }

  .page-header nav.main-nav > ul > li:hover ul {
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

@media (min-width: 768px) {
  .flex-sm--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-sm--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .flex-sm--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .flex-sm--left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .splash-intro .page-content {
    padding-top: 2rem;
  }

  .hero--fullHeight,
  .hero {
    max-height: 445px;
  }

  .hero--fullHeight #hero_slider,
  .hero #hero_slider {
    max-height: 445px;
  }

  .hero--fullHeight #hero_slider .slide,
  .hero #hero_slider .slide {
    max-height: 445px;
  }

  .hero--fullHeight #hero_slider .slide .slide__background,
  .hero #hero_slider .slide .slide__background {
    max-height: 445px;
  }

  .news_cat_list li {
    margin-left: 0rem;
    margin-right: 1.2rem;
  }

  form[id^=kontakt] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  form[id^=kontakt] .actions {
    position: relative;
    top: -15px;
    left: 30px;
    margin-bottom: 0px;
  }

  form[id^=kontakt] .form-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  form[id^=kontakt] .form-group label {
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    margin-left: -120px;
    margin-right: 20px;
    text-align: right;
  }

  form[id^=newsletterAnmeldung] fieldset:last-of-type,
  form[id^=newsletterAbmeldung] fieldset:last-of-type {
    margin-left: 0;
  }

  form[id^=newsletterAnmeldung] .form-group label + div.input,
  form[id^=newsletterAbmeldung] .form-group label + div.input {
    width: 80%;
  }

  .new_filter {
    display: block;
  }
}

@media (min-width: 992px) {
  .tx-px-team .card-item,
  .tx-px-team .card-item--50,
  .tx-px-team .card-item--33 {
    min-height: 0;
  }

  .card-item,
  .card-item--50,
  .card-item--33 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    min-height: 360px;
  }

  .card-item--33 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
  }

  .card-item--50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .chartSlider .card-item,
  .chartSlider .card-item--33,
  .chartSlider .card-item--50 {
    min-height: 0;
  }

  .downloads .col-12 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media (min-width: 1024px) {
  /* Image in text, left and right */

  .ce-intext.ce-left,
  .ce-intext.ce-right {
    overflow: hidden;
  }

  .ce-intext.ce-left .ce-gallery {
    float: left;
  }

  .ce-intext.ce-right .ce-gallery {
    float: right;
  }

  /* Space between image and text */

  .ce-intext.ce-left .ce-row {
    margin: 0 10px 0 0;
  }

  /* Space between image and text */

  .ce-intext.ce-right .ce-row {
    margin: 0 0 0 10px;
  }

  .ce-column img {
    width: auto;
    max-width: none;
    height: auto;
  }

  /* Images beside text */

  .ce-nowrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .ce-nowrap.ce-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  /* Images above and below text - left center right */

  .ce-above,
  .ce-below {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .ce-above.ce-right .ce-gallery,
  .ce-below.ce-right .ce-gallery {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .ce-above.ce-center .ce-gallery,
  .ce-below.ce-center .ce-gallery {
    -ms-flex-item-align: center;
    align-self: center;
  }
}

@media (min-width: 1095px) {
  .container {
    max-width: 1095px;
  }
}

@media (min-width: 1200px) {
  .hero--fullHeight,
  .hero {
    max-height: 515px;
  }

  .hero--fullHeight #hero_slider,
  .hero #hero_slider {
    max-height: 515px;
  }

  .hero--fullHeight #hero_slider .slide,
  .hero #hero_slider .slide {
    max-height: 515px;
  }

  .hero--fullHeight #hero_slider .slide .slide__background,
  .hero #hero_slider .slide .slide__background {
    max-height: 515px;
  }

  form[id^=newsletterAnmeldung] .form-group label + div.input,
  form[id^=newsletterAbmeldung] .form-group label + div.input {
    width: 68%;
  }

  form[id^=newsletterAnmeldung] .actions,
  form[id^=newsletterAbmeldung] .actions {
    position: absolute;
    right: 0;
    bottom: 49px;
  }

  .page-pickup__inner {
    background: rgba(255, 255, 255, 0.95);
  }
}

@media (max-width: 1199.98px) {
  .container {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .news_filter .card-item,
  .news_filter .card-item--33,
  .news_filter .card-item--50 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
    min-height: 0;
  }
}

@media (max-width: 991.98px) {
  .row.gap-small div[class^=col] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-chart-table table tbody tr td:first-child {
    width: auto;
  }

  .page-header nav.main-nav > ul > li a {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    white-space: normal;
  }

  .section--p-equal {
    padding: 3rem 0 3rem 0;
  }

  .section--p-small {
    padding: 2rem 0;
  }

  .page-footer__main {
    padding: 2rem 0;
  }

  .page-pickup__inner .settings > div {
    margin-bottom: 1rem;
  }
}

@media (max-width: 768px) {
  .flex-sm--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .flex-sm--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  div[class^=col].col-full {
    min-height: 0;
  }

  .page-header .langSwitch {
    font-size: 20px;
    margin-right: 15px;
  }

  .news-detail .browse {
    font-size: 30px;
    letter-spacing: 15px;
  }

  .news-detail .close__back {
    font-size: 30px;
  }
}

@media (max-width: 767.98px) {
  body {
    font-size: 1.063rem;
  }

  .hl-h1 {
    font-size: 1.063rem;
  }

  .hl-h3 {
    font-size: 1.25rem;
  }

  .mt-mob-2 {
    margin-top: 2rem;
  }

  .mt-mob-4 {
    margin-top: 4rem;
  }

  .mt-mob-6 {
    margin-top: 6rem;
  }

  .container {
    position: relative;
  }

  .section-cards-filter ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .section-chart-details__wrapper__background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .section-chart-details__wrapper__background__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 244px;
    flex: 0 0 244px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 38, 71)), color-stop(82%, rgb(0, 38, 71)), color-stop(82%, rgb(238, 238, 238)), to(rgb(238, 238, 238)));
    background: linear-gradient(180deg, rgb(0, 38, 71) 0%, rgb(0, 38, 71) 82%, rgb(238, 238, 238) 82%, rgb(238, 238, 238) 100%);
  }

  .section-chart-details__wrapper__background__right {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .section-chart-details__wrapper .section__headline {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
  }

  .section-chart-details__wrapper .section__headline:after {
    top: auto;
    bottom: -2.5rem;
    right: auto;
    left: 1rem;
    border-top: 15px solid #002647;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
  }

  .section-chart-details__wrapper .section__body {
    padding-left: 0;
    padding-top: 2rem;
  }

  .section-chart-details table {
    width: 100%;
  }

  .page-header {
    left: initial;
    width: 100%;
  }

  .page-header .logo {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 15px;
    display: none;
  }

  .page-header .logo-mobile {
    display: block;
    margin: 1rem 0;
    width: 80%;
  }

  .page-header nav.main-nav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    background-color: #fff;
    visibility: hidden;
    max-height: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .page-header nav.main-nav > ul {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    padding: 1rem 0;
    margin-top: 5rem;
  }

  .page-header nav.main-nav > ul.open {
    opacity: 1;
    max-height: 3000px;
    height: auto;
  }

  .page-header nav.main-nav > ul > li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 0;
  }

  .page-header nav.main-nav > ul > li:last-child {
    margin-bottom: 0;
  }

  .page-header nav.main-nav > ul > li a {
    font-size: 1.25rem;
    font-style: normal;
    font-weight: normal;
  }

  .page-header nav.main-nav > ul > li.active > a:after,
  .page-header nav.main-nav > ul > li.active > span a:after {
    display: none;
  }

  .page-header nav.main-nav > ul > li > ul {
    position: static;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }

  .page-header nav.main-nav > ul > li > ul li {
    padding: 0.5rem 0;
  }

  .page-header nav.main-nav > ul > li > ul li a {
    display: block;
    text-align: left;
    line-height: 1.3;
    padding: 0;
    padding-left: 1.5rem;
    white-space: normal;
  }

  .page-header nav.main-nav > ul > li > ul li a:before {
    content: "> ";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .page-header .nav-hamburger-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 11;
  }

  .page-header .nav-hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .section--hor .section__headline {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
  }

  .section--hor .section__body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
  }

  .section-text p {
    font-size: 1.063rem;
  }

  .section-imgtext__img-text .section-imgtext__img {
    margin-bottom: 2rem;
  }

  .section-imgtext__text-img .section-imgtext__text {
    margin-bottom: 2rem;
  }

  .page-footer__main .footer-logo-responsive-offset {
    margin-left: 4.5rem;
  }

  .news-card .content {
    font-size: 1.063rem;
  }

  .logo-list .logo-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .logo-list .logo-item:nth-of-type(n+3) {
    margin-top: 2rem;
  }

  .quickinfo_item {
    margin-bottom: 2rem;
  }

  .stocks-table {
    font-size: 1rem;
  }

  .page-pickup__inner {
    padding: 1.5rem;
  }
}

@media (max-width: 767px) {
  .page-content {
    padding-top: 4.5rem;
  }

  .section--pt {
    padding-top: 2rem;
  }

  .section--pb {
    padding-bottom: 2rem;
  }

  .chartSlider .card-item,
  .chartSlider .card-item--33,
  .chartSlider .card-item--50 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section.karriere.xs-no-margin .frame-type-header header {
    padding-left: 15px;
  }

  .section.karriere.xs-no-margin .col-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .section.karriere.xs-no-margin .karrierefield {
    padding: 5px;
  }

  .section.karriere.xs-no-margin .person .image {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .page-header .logo {
    max-width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
  }

  .page-footer__main .logo {
    padding: 0 1rem;
  }

  .quickinfo_item {
    margin-bottom: 2rem;
    width: 70%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  [class^=col]:last-child > .quickinfo_item {
    margin-bottom: 0;
  }
}

@media (max-width: 400px) {
  .page-header nav.main-nav > ul > li a {
    font-size: 1rem;
  }
}

@media (max-width: 356.98px) {
  .quickinfo_item {
    width: 100%;
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (max-width: 280px) {
  .page-footer__main .footer-logo-responsive-offset {
    margin-left: 0;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .card-item--33 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 29%;
    flex: 0 0 29%;
  }
}