.banner.image-background-contained:not(.is-anchor-menu), .banner.image-background:not(.is-anchor-menu), .banner.image-left:not(.no-background-color), .banner.image-right:not(.no-background-color) {
  margin-left: -5%;
  margin-right: -5%; }
  @media (max-width: 1580px) {
    .banner.image-background-contained:not(.is-anchor-menu), .banner.image-background:not(.is-anchor-menu), .banner.image-left:not(.no-background-color), .banner.image-right:not(.no-background-color) {
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
      max-width: 100vw; }
      .visible-scroll .banner.image-background-contained:not(.is-anchor-menu), .visible-scroll .banner.image-background:not(.is-anchor-menu), .visible-scroll .banner.image-left:not(.no-background-color), .visible-scroll .banner.image-right:not(.no-background-color) {
        margin-left: calc(-50vw + 50% + 8px);
        margin-right: calc(-50vw + 50% + 8px); } }

.banner.image-background-contained:not(.is-anchor-menu), .banner.image-background:not(.is-anchor-menu), .banner.image-left:not(.no-background-color), .banner.image-right:not(.no-background-color) {
  padding-left: 5%;
  padding-right: 5%; }
  @media (max-width: 1580px) {
    .banner.image-background-contained:not(.is-anchor-menu), .banner.image-background:not(.is-anchor-menu), .banner.image-left:not(.no-background-color), .banner.image-right:not(.no-background-color) {
      padding-left: calc(50vw - 50%);
      padding-right: calc(50vw - 50%); }
      .visible-scroll .banner.image-background-contained:not(.is-anchor-menu), .visible-scroll .banner.image-background:not(.is-anchor-menu), .visible-scroll .banner.image-left:not(.no-background-color), .visible-scroll .banner.image-right:not(.no-background-color) {
        padding-left: calc(50vw - 50% - 8px);
        padding-right: calc(50vw - 50% - 8px); } }

.banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
  content: "\e900"; }

@supports (display: grid) {
  .banner-collection {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content;
    grid-gap: calc(8px + 12 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .banner-collection {
        grid-gap: 8px; } }
    @media screen and (min-width: 1400px) {
      .banner-collection {
        grid-gap: 20px; } }
    .has-collection-link.banner-collection {
      padding-bottom: calc(42px + 42 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .has-collection-link.banner-collection {
          padding-bottom: 42px; } }
      @media screen and (min-width: 1400px) {
        .has-collection-link.banner-collection {
          padding-bottom: 84px; } }
    @media (max-width: 1024px) {
      .banner-collection {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 600px) {
      .banner-collection {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-gap: 0; } } }

.banner.simple {
  padding: 20px; }

body:not(.disable-load-animations) .banner.top-banner .banner__content, body:not(.disable-load-animations)
.banner.top-banner .field--name-field-image {
  opacity: 0; }

.darken-image .banner.top-banner.image-background .field--name-field-image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  pointer-events: none;
  z-index: 1; }

.darken-image-normal .banner.top-banner.image-background .field--name-field-image::before {
  background-color: rgba(0, 0, 0, 0.3); }

.darken-image-more .banner.top-banner.image-background .field--name-field-image::before {
  background-color: rgba(0, 0, 0, 0.65); }

.invert-text-color .banner.top-banner.image-background {
  color: #171716 !important; }
  .invert-text-color .banner.top-banner.image-background a {
    color: #171716 !important; }
  .invert-text-color .banner.top-banner.image-background a.cta-link::after {
    color: #171716 !important; }

.color-theme-red.banner.has-background-color {
  color: #fff; }

.color-theme-blue.banner.has-background-color {
  color: #fff; }

.color-theme-bluelight.banner.has-background-color {
  color: #171716; }

.color-theme-black.banner.has-background-color {
  color: #fff; }

.color-theme-grey.banner.has-background-color {
  color: #fff; }

.color-theme-greylight.banner.has-background-color {
  color: #171716; }

.color-theme-communication.banner.has-background-color {
  color: #EEDC8E; }

.color-theme-democratic.banner.has-background-color {
  color: #D7E8EF; }

.color-theme-technical.banner.has-background-color {
  color: #C3D9BC; }

.color-theme-branch-green.banner.has-background-color {
  color: #fff; }

.color-theme-branch-green-dark.banner.has-background-color {
  color: #fff; }

.color-theme-red.banner.has-background-color {
  background-color: #e30613; }

.color-theme-blue.banner.has-background-color {
  background-color: #072E4F; }

.color-theme-bluelight.banner.has-background-color {
  background-color: #E9F3F4; }

.color-theme-black.banner.has-background-color {
  background-color: #171716; }

.color-theme-grey.banner.has-background-color {
  background-color: #909197; }

.color-theme-greylight.banner.has-background-color {
  background-color: #edeef0; }

.color-theme-communication.banner.has-background-color {
  background-color: #EEDC8E; }

.color-theme-democratic.banner.has-background-color {
  background-color: #D7E8EF; }

.color-theme-technical.banner.has-background-color {
  background-color: #C3D9BC; }

.color-theme-branch-green.banner.has-background-color {
  background-color: #0B3B1F; }

.color-theme-branch-green-dark.banner.has-background-color {
  background-color: #072413; }

.color-theme-red.banner.has-background-color a {
  color: #fff; }

.color-theme-blue.banner.has-background-color a {
  color: #fff; }

.color-theme-bluelight.banner.has-background-color a {
  color: #171716; }

.color-theme-black.banner.has-background-color a {
  color: #fff; }

.color-theme-grey.banner.has-background-color a {
  color: #fff; }

.color-theme-greylight.banner.has-background-color a {
  color: #171716; }

.color-theme-communication.banner.has-background-color a {
  color: #EEDC8E; }

.color-theme-democratic.banner.has-background-color a {
  color: #D7E8EF; }

.color-theme-technical.banner.has-background-color a {
  color: #C3D9BC; }

.color-theme-branch-green.banner.has-background-color a {
  color: #fff; }

.color-theme-branch-green-dark.banner.has-background-color a {
  color: #fff; }

.banner.has-background-color .contextual-links a {
  color: #171716; }

.banner.image-background-contained:not(.is-anchor-menu), .banner.image-background:not(.is-anchor-menu), .banner.image-left:not(.no-background-color), .banner.image-right:not(.no-background-color) {
  position: relative; }

.banner.image-background.is-anchor-menu {
  margin-left: calc(-20.34384% - 1.7192%);
  margin-right: -1.7192%;
  padding-right: calc(20.34384% + 1.7192%);
  padding-left: calc(20.34384% + 1.7192%); }
  @media (max-width: 850px) {
    .banner.image-background.is-anchor-menu {
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
      padding-left: calc(50vw - 50%);
      padding-right: calc(50vw - 50%); } }
  .banner.image-background.is-anchor-menu::before, .banner.image-background.is-anchor-menu::after {
    mix-blend-mode: difference;
    pointer-events: none;
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: white; }
  .banner.image-background.is-anchor-menu::before {
    z-index: 2; }
  .banner.image-background.is-anchor-menu::after {
    z-index: 0; }
  .banner.image-background.is-anchor-menu .banner__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    border: none; }

.banner.image-background, .banner.image-left.no-background-color, .banner.image-right.no-background-color {
  color: #fff; }
  .banner.image-background ul li::before, .banner.image-left.no-background-color ul li::before, .banner.image-right.no-background-color ul li::before {
    background-color: #fff; }

.banner.image-background-contained {
  overflow: hidden; }
  .banner.image-background-contained .field--name-field-image {
    position: absolute;
    top: 0;
    right: 0;
    height: auto; }
    .banner.image-background-contained .field--name-field-image img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      height: auto; }
  .banner.image-background-contained.collapsed-text .field--name-field-image {
    width: 100%; }
  .banner.image-background-contained:not(.collapsed-text) .field--name-field-image {
    width: 65%; }

.banner.image-background, .banner.image-background-contained {
  padding-top: 20px;
  padding-bottom: 20px; }
  .is-ie .banner.image-background .field--name-field-image, .is-ie .banner.image-background-contained .field--name-field-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    .is-ie .banner.image-background .field--name-field-image img, .is-ie .banner.image-background-contained .field--name-field-image img {
      width: 100%;
      max-width: none;
      height: auto; }
  .banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
    .background-image-alignment--wide__center-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: center bottom;
         object-position: center bottom; }
    .background-image-alignment--wide__center-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: center center;
         object-position: center center; }
    .background-image-alignment--wide__center-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: center top;
         object-position: center top; }
    .background-image-alignment--wide__left-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: left bottom;
         object-position: left bottom; }
    .background-image-alignment--wide__left-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: left center;
         object-position: left center; }
    .background-image-alignment--wide__left-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: left top;
         object-position: left top; }
    .background-image-alignment--wide__right-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: right bottom;
         object-position: right bottom; }
    .background-image-alignment--wide__right-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: right center;
         object-position: right center; }
    .background-image-alignment--wide__right-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
      -o-object-position: right top;
         object-position: right top; }
    @media (max-width: 1250px) {
      .background-image-alignment--desktop__center-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center bottom;
           object-position: center bottom; }
      .background-image-alignment--desktop__center-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center center;
           object-position: center center; }
      .background-image-alignment--desktop__center-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center top;
           object-position: center top; }
      .background-image-alignment--desktop__left-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left bottom;
           object-position: left bottom; }
      .background-image-alignment--desktop__left-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left center;
           object-position: left center; }
      .background-image-alignment--desktop__left-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left top;
           object-position: left top; }
      .background-image-alignment--desktop__right-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right bottom;
           object-position: right bottom; }
      .background-image-alignment--desktop__right-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right center;
           object-position: right center; }
      .background-image-alignment--desktop__right-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right top;
           object-position: right top; } }
    @media (max-width: 1024px) {
      .background-image-alignment--tablet__center-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center bottom;
           object-position: center bottom; }
      .background-image-alignment--tablet__center-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center center;
           object-position: center center; }
      .background-image-alignment--tablet__center-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center top;
           object-position: center top; }
      .background-image-alignment--tablet__left-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left bottom;
           object-position: left bottom; }
      .background-image-alignment--tablet__left-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left center;
           object-position: left center; }
      .background-image-alignment--tablet__left-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left top;
           object-position: left top; }
      .background-image-alignment--tablet__right-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right bottom;
           object-position: right bottom; }
      .background-image-alignment--tablet__right-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right center;
           object-position: right center; }
      .background-image-alignment--tablet__right-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right top;
           object-position: right top; } }
    @media (max-width: 600px) {
      .background-image-alignment--mobile__center-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center bottom;
           object-position: center bottom; }
      .background-image-alignment--mobile__center-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center center;
           object-position: center center; }
      .background-image-alignment--mobile__center-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: center top;
           object-position: center top; }
      .background-image-alignment--mobile__left-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left bottom;
           object-position: left bottom; }
      .background-image-alignment--mobile__left-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left center;
           object-position: left center; }
      .background-image-alignment--mobile__left-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: left top;
           object-position: left top; }
      .background-image-alignment--mobile__right-bottom.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right bottom;
           object-position: right bottom; }
      .background-image-alignment--mobile__right-center.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right center;
           object-position: right center; }
      .background-image-alignment--mobile__right-top.banner.image-background img, .banner.image-background .branch-region-top, .banner.image-background-contained img, .banner.image-background-contained .branch-region-top {
        -o-object-position: right top;
           object-position: right top; } }
  .banner.image-background .banner__content, .banner.image-background-contained .banner__content {
    clear: both;
    position: relative;
    z-index: 2;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    margin-left: calc(7.02006% - 1px);
    margin-right: 53px;
    padding-left: 1.43266%;
    padding-right: 1.43266%;
    padding-top: calc(15px + 15 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .banner.image-background .banner__content, .banner.image-background-contained .banner__content {
        padding-top: 15px; } }
    @media screen and (min-width: 1400px) {
      .banner.image-background .banner__content, .banner.image-background-contained .banner__content {
        padding-top: 30px; } }
    @media (max-width: 600px) {
      .banner.image-background .banner__content, .banner.image-background-contained .banner__content {
        padding-top: 0; } }
    .banner.image-background .banner__content.landing-page__top--content, .banner.image-background-contained .banner__content.landing-page__top--content {
      padding-top: calc(30px + 30 * ((100vw - 600px) / 800));
      padding-bottom: calc(15px + 15 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .banner.image-background .banner__content.landing-page__top--content, .banner.image-background-contained .banner__content.landing-page__top--content {
          padding-top: 30px; } }
      @media screen and (min-width: 1400px) {
        .banner.image-background .banner__content.landing-page__top--content, .banner.image-background-contained .banner__content.landing-page__top--content {
          padding-top: 60px; } }
      @media screen and (max-width: 600px) {
        .banner.image-background .banner__content.landing-page__top--content, .banner.image-background-contained .banner__content.landing-page__top--content {
          padding-bottom: 15px; } }
      @media screen and (min-width: 1400px) {
        .banner.image-background .banner__content.landing-page__top--content, .banner.image-background-contained .banner__content.landing-page__top--content {
          padding-bottom: 30px; } }
      @media (max-width: 600px) {
        .banner.image-background .banner__content.landing-page__top--content, .banner.image-background-contained .banner__content.landing-page__top--content {
          padding-top: 0; } }
    @media (max-width: 850px) {
      .banner.image-background .banner__content, .banner.image-background-contained .banner__content {
        margin-right: 0;
        margin-left: 0; } }
    @media (max-width: 600px) {
      .banner.image-background .banner__content, .banner.image-background-contained .banner__content {
        border: none;
        padding-right: 0;
        padding-left: 0; } }
  .banner.image-background .banner__inner .field--name-field-text-plain,
  .banner.image-background .banner__inner .field--name-field-text-plain-long,
  .banner.image-background .banner__inner .field--name-field-text-formatted, .banner.image-background-contained .banner__inner .field--name-field-text-plain,
  .banner.image-background-contained .banner__inner .field--name-field-text-plain-long,
  .banner.image-background-contained .banner__inner .field--name-field-text-formatted {
    width: 59.16905%; }
    @media (max-width: 850px) {
      .banner.image-background .banner__inner .field--name-field-text-plain,
      .banner.image-background .banner__inner .field--name-field-text-plain-long,
      .banner.image-background .banner__inner .field--name-field-text-formatted, .banner.image-background-contained .banner__inner .field--name-field-text-plain,
      .banner.image-background-contained .banner__inner .field--name-field-text-plain-long,
      .banner.image-background-contained .banner__inner .field--name-field-text-formatted {
        width: 76.0745%; } }
    @media (max-width: 600px) {
      .banner.image-background .banner__inner .field--name-field-text-plain,
      .banner.image-background .banner__inner .field--name-field-text-plain-long,
      .banner.image-background .banner__inner .field--name-field-text-formatted, .banner.image-background-contained .banner__inner .field--name-field-text-plain,
      .banner.image-background-contained .banner__inner .field--name-field-text-plain-long,
      .banner.image-background-contained .banner__inner .field--name-field-text-formatted {
        width: 100%; } }

.banner.image-left, .banner.image-right {
  padding-top: calc(25px + 25 * ((100vw - 600px) / 800));
  padding-bottom: calc(25px + 25 * ((100vw - 600px) / 800));
  display: flex;
  align-items: stretch; }
  @media screen and (max-width: 600px) {
    .banner.image-left, .banner.image-right {
      padding-top: 25px; } }
  @media screen and (min-width: 1400px) {
    .banner.image-left, .banner.image-right {
      padding-top: 50px; } }
  @media screen and (max-width: 600px) {
    .banner.image-left, .banner.image-right {
      padding-bottom: 25px; } }
  @media screen and (min-width: 1400px) {
    .banner.image-left, .banner.image-right {
      padding-bottom: 50px; } }
  .banner.image-left .banner__content, .banner.image-right .banner__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 50.71633%; }
    @media (max-width: 1024px) {
      .banner.image-left .banner__content, .banner.image-right .banner__content {
        width: 67.62178%; } }
    @media (max-width: 600px) {
      .banner.image-left .banner__content, .banner.image-right .banner__content {
        width: 100%; } }
  .banner.image-left .banner__inner, .banner.image-right .banner__inner {
    width: 100%; }
  .banner.image-left .field--name-field-image, .banner.image-right .field--name-field-image {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 32.37822%; }
    @media (max-width: 600px) {
      .banner.image-left .field--name-field-image, .banner.image-right .field--name-field-image {
        display: none; } }
  .banner.image-left img, .banner.image-right img {
    max-width: 100%;
    height: auto; }

.banner.image-left .banner__content {
  order: 2; }

.banner.image-left .field--name-field-image {
  margin-left: 8.45272%;
  margin-right: 1.43266%; }
  @media (max-width: 1024px) {
    .banner.image-left .field--name-field-image {
      margin-left: 0; } }

.banner.image-right .banner__content {
  margin-right: 1.43266%;
  margin-left: 8.45272%; }
  @media (max-width: 1024px) {
    .banner.image-right .banner__content {
      margin-left: 0; } }

.banner.image-right .field--name-field-image {
  justify-content: flex-end; }

.banner.no-background-color.image-left, .banner.no-background-color.image-right {
  padding-top: 0;
  padding-bottom: 0;
  color: #171716; }
  .banner.no-background-color.image-left .field--name-field-image, .banner.no-background-color.image-right .field--name-field-image {
    width: 40.83095%;
    flex-shrink: 0;
    margin-left: 0; }
    @media (max-width: 600px) {
      .banner.no-background-color.image-left .field--name-field-image, .banner.no-background-color.image-right .field--name-field-image {
        display: none; } }
  .banner.no-background-color.image-left .banner__content, .banner.no-background-color.image-right .banner__content {
    width: 57.73639%;
    flex-shrink: 0;
    margin-top: 0;
    margin-left: 0; }
    @media (max-width: 600px) {
      .banner.no-background-color.image-left .banner__content, .banner.no-background-color.image-right .banner__content {
        width: 100%; } }
  .banner.no-background-color.image-left a.cta-link, .banner.no-background-color.image-right a.cta-link {
    position: relative;
    display: flex;
    align-items: center;
    color: #171716; }
    .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
      transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
      flex-shrink: 0;
      display: block;
      box-sizing: border-box;
      border: 2px solid var(--color-link);
      border-radius: 50%;
      content: ''; }
    .banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
      transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
      position: absolute;
      top: 50%;
      color: #171716;
      font-size: calc(16px + 8 * ((100vw - 600px) / 800));
      transform: translateY(-50%); }
      @media screen and (max-width: 600px) {
        .banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
          font-size: 16px; } }
      @media screen and (min-width: 1400px) {
        .banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
          font-size: 24px; } }
    .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
      width: calc(40px + 16 * ((100vw - 600px) / 800));
      height: calc(40px + 16 * ((100vw - 600px) / 800));
      margin-right: calc(8px + 2 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
          width: 40px; } }
      @media screen and (min-width: 1400px) {
        .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
          width: 56px; } }
      @media screen and (max-width: 600px) {
        .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
          height: 40px; } }
      @media screen and (min-width: 1400px) {
        .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
          height: 56px; } }
      @media screen and (max-width: 600px) {
        .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
          margin-right: 8px; } }
      @media screen and (min-width: 1400px) {
        .banner.no-background-color.image-left a.cta-link::before, .banner.no-background-color.image-right a.cta-link::before {
          margin-right: 10px; } }
    .banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
      left: calc(12px + 4 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
          left: 12px; } }
      @media screen and (min-width: 1400px) {
        .banner.no-background-color.image-left a.cta-link::after, .banner.no-background-color.image-right a.cta-link::after {
          left: 16px; } }
    .has-mouse .banner.no-background-color.image-left a.cta-link:hover::before, .has-mouse .banner.no-background-color.image-right a.cta-link:hover::before {
      transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      background-color: var(--color-link); }
    .has-mouse .banner.no-background-color.image-left a.cta-link:hover::after, .has-mouse .banner.no-background-color.image-right a.cta-link:hover::after {
      transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      color: #fff; }

.banner .field--name-field-cta-links:after {
  content: "";
  display: table;
  clear: both; }

.banner .field--name-field-cta-links .field__item {
  float: left;
  margin-right: calc(30px + 30 * ((100vw - 600px) / 800));
  margin-bottom: calc(10px + 10 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .banner .field--name-field-cta-links .field__item {
      margin-right: 30px; } }
  @media screen and (min-width: 1400px) {
    .banner .field--name-field-cta-links .field__item {
      margin-right: 60px; } }
  @media screen and (max-width: 600px) {
    .banner .field--name-field-cta-links .field__item {
      margin-bottom: 10px; } }
  @media screen and (min-width: 1400px) {
    .banner .field--name-field-cta-links .field__item {
      margin-bottom: 20px; } }
  .banner .field--name-field-cta-links .field__item:last-child {
    margin-right: 0; }

.banner .animation-container {
  position: relative; }

.banner .caption-container {
  position: absolute;
  right: 0;
  bottom: 0; }
  @media (max-width: 600px) {
    .banner .caption-container {
      bottom: -10px; } }

.banner.image-left .field--name-field-image-caption {
  margin-top: 4px; }

.banner.image-right .field--name-field-image-caption {
  margin-top: 4px; }

.color-theme-red.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-blue.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-bluelight.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #171716; }

.color-theme-black.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-grey.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-greylight.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #171716; }

.color-theme-communication.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #EEDC8E; }

.color-theme-democratic.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #D7E8EF; }

.color-theme-technical.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #C3D9BC; }

.color-theme-branch-green.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-branch-green-dark.banner.image-left.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-red.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-blue.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-bluelight.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #171716; }

.color-theme-black.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-grey.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-greylight.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #171716; }

.color-theme-communication.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #EEDC8E; }

.color-theme-democratic.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #D7E8EF; }

.color-theme-technical.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #C3D9BC; }

.color-theme-branch-green.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #fff; }

.color-theme-branch-green-dark.banner.image-right.has-background-color .field--name-field-image-caption {
  color: #fff; }

/*# sourceMappingURL=../../_maps/components/class/class--banner.css.map */