.small-banner .field--name-field-cta-links a::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; }

.small-banner .field--name-field-cta-links a::after {
  content: "\e900"; }

.small-banner.image-background:not(.no-image) a img, .small-banner.image-left:not(.no-background-color) a img, .small-banner.image-right:not(.no-background-color) a img {
  transition: filter 0.45s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1); }

.small-banner.image-background:not(.no-image) a h2, .small-banner.image-left:not(.no-background-color) a h2, .small-banner.image-right:not(.no-background-color) a h2 {
  transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }

.has-mouse .small-banner.image-background:not(.no-image) a:hover img, .has-mouse .small-banner.image-left:not(.no-background-color) a:hover img, .has-mouse .small-banner.image-right:not(.no-background-color) a:hover img {
  transition: filter 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  filter: brightness(50%); }
  .is-ie .has-mouse .small-banner.image-background:not(.no-image) a:hover img, .is-ie .has-mouse .small-banner.image-left:not(.no-background-color) a:hover img, .is-ie .has-mouse .small-banner.image-right:not(.no-background-color) a:hover img {
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0.9; }

.has-mouse .small-banner.image-background:not(.no-image) a:hover h2, .has-mouse .small-banner.image-left:not(.no-background-color) a:hover h2, .has-mouse .small-banner.image-right:not(.no-background-color) a:hover h2 {
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--color-primary); }

.small-banner {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: calc(180px + 120 * ((100vw - 600px) / 800)); }
  @media screen and (max-width: 600px) {
    .small-banner {
      min-height: 180px; } }
  @media screen and (min-width: 1400px) {
    .small-banner {
      min-height: 300px; } }
  @media (max-width: 1024px) {
    .small-banner {
      min-height: calc(200px + 200 * ((100vw - 600px) / 800)); } }
  @media screen and (max-width: 1024px) and (max-width: 600px) {
    .small-banner {
      min-height: 200px; } }
  @media screen and (max-width: 1024px) and (min-width: 1400px) {
    .small-banner {
      min-height: 400px; } }
  .grid-setting--col__2 .small-banner {
    min-height: calc(380px + 120 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .grid-setting--col__2 .small-banner {
        min-height: 380px; } }
    @media screen and (min-width: 1400px) {
      .grid-setting--col__2 .small-banner {
        min-height: 500px; } }
    @media (max-width: 1024px) {
      .grid-setting--col__2 .small-banner {
        min-height: calc(200px + 200 * ((100vw - 600px) / 800)); } }
  @media screen and (max-width: 1024px) and (max-width: 600px) {
    .grid-setting--col__2 .small-banner {
      min-height: 200px; } }
  @media screen and (max-width: 1024px) and (min-width: 1400px) {
    .grid-setting--col__2 .small-banner {
      min-height: 400px; } }
  .small-banner > a {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  .small-banner .paragraph--type--banner__content {
    padding: calc(10px + 10 * ((100vw - 600px) / 800));
    box-sizing: border-box; }
    @media screen and (max-width: 600px) {
      .small-banner .paragraph--type--banner__content {
        padding: 10px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .paragraph--type--banner__content {
        padding: 20px; } }
  .small-banner .contextual-links a {
    color: #171716 !important; }
  .small-banner.has-background-color .paragraph--type--banner__content {
    transition: background-color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
    .color-theme-red.small-banner.has-background-color .paragraph--type--banner__content {
      color: #fff; }
    .color-theme-blue.small-banner.has-background-color .paragraph--type--banner__content {
      color: #fff; }
    .color-theme-bluelight.small-banner.has-background-color .paragraph--type--banner__content {
      color: #171716; }
    .color-theme-black.small-banner.has-background-color .paragraph--type--banner__content {
      color: #fff; }
    .color-theme-grey.small-banner.has-background-color .paragraph--type--banner__content {
      color: #fff; }
    .color-theme-greylight.small-banner.has-background-color .paragraph--type--banner__content {
      color: #171716; }
    .color-theme-communication.small-banner.has-background-color .paragraph--type--banner__content {
      color: #EEDC8E; }
    .color-theme-democratic.small-banner.has-background-color .paragraph--type--banner__content {
      color: #D7E8EF; }
    .color-theme-technical.small-banner.has-background-color .paragraph--type--banner__content {
      color: #C3D9BC; }
    .color-theme-branch-green.small-banner.has-background-color .paragraph--type--banner__content {
      color: #fff; }
    .color-theme-branch-green-dark.small-banner.has-background-color .paragraph--type--banner__content {
      color: #fff; }
    .color-theme-red.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #e30613; }
    .color-theme-blue.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #072E4F; }
    .color-theme-bluelight.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #E9F3F4; }
    .color-theme-black.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #171716; }
    .color-theme-grey.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #909197; }
    .color-theme-greylight.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #edeef0; }
    .color-theme-communication.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #EEDC8E; }
    .color-theme-democratic.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #D7E8EF; }
    .color-theme-technical.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #C3D9BC; }
    .color-theme-branch-green.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #0B3B1F; }
    .color-theme-branch-green-dark.small-banner.has-background-color .paragraph--type--banner__content {
      background-color: #072413; }
    .small-banner.has-background-color .paragraph--type--banner__content h2 {
      transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1); }
  .color-theme-red.small-banner.has-background-color a {
    color: #fff; }
  .color-theme-blue.small-banner.has-background-color a {
    color: #fff; }
  .color-theme-bluelight.small-banner.has-background-color a {
    color: #171716; }
  .color-theme-black.small-banner.has-background-color a {
    color: #fff; }
  .color-theme-grey.small-banner.has-background-color a {
    color: #fff; }
  .color-theme-greylight.small-banner.has-background-color a {
    color: #171716; }
  .color-theme-communication.small-banner.has-background-color a {
    color: #EEDC8E; }
  .color-theme-democratic.small-banner.has-background-color a {
    color: #D7E8EF; }
  .color-theme-technical.small-banner.has-background-color a {
    color: #C3D9BC; }
  .color-theme-branch-green.small-banner.has-background-color a {
    color: #fff; }
  .color-theme-branch-green-dark.small-banner.has-background-color a {
    color: #fff; }
  .small-banner.has-background-color a:hover .paragraph--type--banner__content {
    transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    .color-theme-red.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #b1050f; }
    .color-theme-blue.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #031320; }
    .color-theme-bluelight.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #c7e0e3; }
    .color-theme-black.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: black; }
    .color-theme-grey.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #76777e; }
    .color-theme-greylight.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #d1d4d9; }
    .color-theme-communication.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #EEDC8E; }
    .color-theme-democratic.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #D7E8EF; }
    .color-theme-technical.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #C3D9BC; }
    .color-theme-branch-green.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #719D77; }
    .color-theme-branch-green-dark.small-banner.has-background-color a:hover .paragraph--type--banner__content {
      background-color: #0B3B1F; }
    .small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
      transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      .color-theme-red.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #171716; }
      .color-theme-blue.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #909197; }
      .color-theme-bluelight.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #909197; }
      .color-theme-black.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #e30613; }
      .color-theme-grey.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #171716; }
      .color-theme-greylight.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #e30613; }
      .color-theme-communication.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #EEDC8E; }
      .color-theme-democratic.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #D7E8EF; }
      .color-theme-technical.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #C3D9BC; }
      .color-theme-branch-green.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #2C4535; }
      .color-theme-branch-green-dark.small-banner.has-background-color a:hover .paragraph--type--banner__content h2 {
        color: #2C4535; }
  .color-theme-red.small-banner.has-background-color .text-formatted a {
    color: #fff; }
  .color-theme-blue.small-banner.has-background-color .text-formatted a {
    color: #fff; }
  .color-theme-bluelight.small-banner.has-background-color .text-formatted a {
    color: #171716; }
  .color-theme-black.small-banner.has-background-color .text-formatted a {
    color: #fff; }
  .color-theme-grey.small-banner.has-background-color .text-formatted a {
    color: #fff; }
  .color-theme-greylight.small-banner.has-background-color .text-formatted a {
    color: #171716; }
  .color-theme-communication.small-banner.has-background-color .text-formatted a {
    color: #EEDC8E; }
  .color-theme-democratic.small-banner.has-background-color .text-formatted a {
    color: #D7E8EF; }
  .color-theme-technical.small-banner.has-background-color .text-formatted a {
    color: #C3D9BC; }
  .color-theme-branch-green.small-banner.has-background-color .text-formatted a {
    color: #fff; }
  .color-theme-branch-green-dark.small-banner.has-background-color .text-formatted a {
    color: #fff; }
  .color-theme-red.small-banner.has-background-color .text-formatted a.cta::after {
    color: #fff; }
  .color-theme-blue.small-banner.has-background-color .text-formatted a.cta::after {
    color: #fff; }
  .color-theme-bluelight.small-banner.has-background-color .text-formatted a.cta::after {
    color: #171716; }
  .color-theme-black.small-banner.has-background-color .text-formatted a.cta::after {
    color: #fff; }
  .color-theme-grey.small-banner.has-background-color .text-formatted a.cta::after {
    color: #fff; }
  .color-theme-greylight.small-banner.has-background-color .text-formatted a.cta::after {
    color: #171716; }
  .color-theme-communication.small-banner.has-background-color .text-formatted a.cta::after {
    color: #EEDC8E; }
  .color-theme-democratic.small-banner.has-background-color .text-formatted a.cta::after {
    color: #D7E8EF; }
  .color-theme-technical.small-banner.has-background-color .text-formatted a.cta::after {
    color: #C3D9BC; }
  .color-theme-branch-green.small-banner.has-background-color .text-formatted a.cta::after {
    color: #fff; }
  .color-theme-branch-green-dark.small-banner.has-background-color .text-formatted a.cta::after {
    color: #fff; }
  .color-theme-red.small-banner.has-background-color .text-formatted a.cta::before {
    border-color: #fff; }
  .has-mouse .color-theme-red.small-banner.has-background-color .text-formatted a.cta:hover::before {
    background-color: #fff; }
  .has-mouse .color-theme-red.small-banner.has-background-color .text-formatted a.cta:hover::after {
    color: var(--color-primary); }
  .small-banner.image-background:not(.no-image), .small-banner.image-left:not(.no-background-color), .small-banner.image-right:not(.no-background-color) {
    position: relative;
    color: #fff; }
    .small-banner.image-background:not(.no-image) a, .small-banner.image-left:not(.no-background-color) a, .small-banner.image-right:not(.no-background-color) a {
      color: #fff; }
    .small-banner.image-background:not(.no-image) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]).cta-link--large, .small-banner.image-left:not(.no-background-color) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]).cta-link--large, .small-banner.image-right:not(.no-background-color) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]).cta-link--large {
      color: #fff; }
      .small-banner.image-background:not(.no-image) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]).cta-link--large::after, .small-banner.image-left:not(.no-background-color) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]).cta-link--large::after, .small-banner.image-right:not(.no-background-color) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]).cta-link--large::after {
        color: #fff; }
    .has-mouse .small-banner.image-background:not(.no-image) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]):hover, .has-mouse .small-banner.image-left:not(.no-background-color) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]):hover, .has-mouse .small-banner.image-right:not(.no-background-color) .field--type-text-long.text-formatted a:not(.cta):not(.button):not(.download):not([href^="#"]):hover {
      color: #fff; }
    .small-banner.image-background:not(.no-image) .field--type-text-long.text-formatted a.cta::after, .small-banner.image-left:not(.no-background-color) .field--type-text-long.text-formatted a.cta::after, .small-banner.image-right:not(.no-background-color) .field--type-text-long.text-formatted a.cta::after {
      color: #fff; }
  .is-ie .small-banner.image-background .field--name-field-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    .is-ie .small-banner.image-background .field--name-field-image img {
      width: auto;
      max-width: none;
      height: 100%; }
  .is-not-ie .small-banner.image-background img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top; }
  .small-banner .banner__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
  .small-banner .banner__content--bottom {
    margin-top: auto;
    /*
    @at-root .has-caption.small-banner .banner__content--bottom {
      padding-right: 40px;
    }
*/ }
    .top-align-body.small-banner .banner__content--bottom {
      margin-top: 0; }
  .small-banner .field--name-field-text-plain {
    font-weight: normal;
    font-size: calc(13px + 2 * ((100vw - 600px) / 800));
    line-height: calc(16px + 2 * ((100vw - 600px) / 800));
    letter-spacing: calc(0px + 0.2 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif";
    margin-bottom: calc(5px + 5 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-plain {
        font-size: 13px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-plain {
        font-size: 15px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-plain {
        line-height: 16px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-plain {
        line-height: 18px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-plain {
        letter-spacing: 0px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-plain {
        letter-spacing: 0.2px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-plain {
        margin-bottom: 5px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-plain {
        margin-bottom: 10px; } }
  .small-banner .field--name-field-title h2 {
    font-weight: normal;
    font-size: calc(30px + 6 * ((100vw - 600px) / 800));
    line-height: calc(28px + 6 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif";
    margin-bottom: calc(20px + 20 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-title h2 {
        font-size: 30px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-title h2 {
        font-size: 36px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-title h2 {
        line-height: 28px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-title h2 {
        line-height: 34px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-title h2 {
        margin-bottom: 20px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-title h2 {
        margin-bottom: 40px; } }
    @media (max-width: 600px) {
      .small-banner .field--name-field-title h2 {
        font-weight: normal;
        font-size: calc(22px + 4 * ((100vw - 600px) / 800));
        line-height: calc(26px + 4 * ((100vw - 600px) / 800));
        font-family: "Founders-grotesk-Medium", "sans-serif"; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    .small-banner .field--name-field-title h2 {
      font-size: 22px; } }
  @media screen and (max-width: 600px) and (min-width: 1400px) {
    .small-banner .field--name-field-title h2 {
      font-size: 26px; } }
  @media screen and (max-width: 600px) and (max-width: 600px) {
    .small-banner .field--name-field-title h2 {
      line-height: 26px; } }
  @media screen and (max-width: 600px) and (min-width: 1400px) {
    .small-banner .field--name-field-title h2 {
      line-height: 30px; } }
  .small-banner .field--name-field-text-formatted {
    font-weight: normal;
    font-size: calc(18px + 2 * ((100vw - 600px) / 800));
    line-height: calc(22px + 2 * ((100vw - 600px) / 800));
    line-height: calc(16px + 6 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Regular", "sans-serif"; }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-formatted {
        font-size: 18px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-formatted {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-formatted {
        line-height: 22px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-formatted {
        line-height: 24px; } }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-text-formatted {
        line-height: 16px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-text-formatted {
        line-height: 22px; } }
  .small-banner .field--name-field-cta-links {
    margin-top: calc(10px + 10 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .small-banner .field--name-field-cta-links {
        margin-top: 10px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .field--name-field-cta-links {
        margin-top: 20px; } }
    .small-banner .field--name-field-cta-links .field__item {
      margin-right: calc(10px + 10 * ((100vw - 600px) / 800));
      margin-bottom: calc(5px + 5 * ((100vw - 600px) / 800));
      display: inline-block; }
      @media screen and (max-width: 600px) {
        .small-banner .field--name-field-cta-links .field__item {
          margin-right: 10px; } }
      @media screen and (min-width: 1400px) {
        .small-banner .field--name-field-cta-links .field__item {
          margin-right: 20px; } }
      @media screen and (max-width: 600px) {
        .small-banner .field--name-field-cta-links .field__item {
          margin-bottom: 5px; } }
      @media screen and (min-width: 1400px) {
        .small-banner .field--name-field-cta-links .field__item {
          margin-bottom: 10px; } }
    .small-banner .field--name-field-cta-links a {
      position: relative;
      display: flex;
      align-items: center;
      color: #fff; }
      .small-banner .field--name-field-cta-links a::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: ''; }
      .small-banner .field--name-field-cta-links a::after {
        transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
        position: absolute;
        top: 50%;
        color: #fff;
        font-size: calc(16px + 8 * ((100vw - 600px) / 800));
        transform: translateY(-50%); }
        @media screen and (max-width: 600px) {
          .small-banner .field--name-field-cta-links a::after {
            font-size: 16px; } }
        @media screen and (min-width: 1400px) {
          .small-banner .field--name-field-cta-links a::after {
            font-size: 24px; } }
      .small-banner .field--name-field-cta-links a::before {
        width: calc(26px + 10 * ((100vw - 600px) / 800));
        height: calc(26px + 10 * ((100vw - 600px) / 800));
        margin-right: calc(8px + 2 * ((100vw - 600px) / 800)); }
        @media screen and (max-width: 600px) {
          .small-banner .field--name-field-cta-links a::before {
            width: 26px; } }
        @media screen and (min-width: 1400px) {
          .small-banner .field--name-field-cta-links a::before {
            width: 36px; } }
        @media screen and (max-width: 600px) {
          .small-banner .field--name-field-cta-links a::before {
            height: 26px; } }
        @media screen and (min-width: 1400px) {
          .small-banner .field--name-field-cta-links a::before {
            height: 36px; } }
        @media screen and (max-width: 600px) {
          .small-banner .field--name-field-cta-links a::before {
            margin-right: 8px; } }
        @media screen and (min-width: 1400px) {
          .small-banner .field--name-field-cta-links a::before {
            margin-right: 10px; } }
      .small-banner .field--name-field-cta-links a::after {
        left: calc(6px + 1 * ((100vw - 600px) / 800)); }
        @media screen and (max-width: 600px) {
          .small-banner .field--name-field-cta-links a::after {
            left: 6px; } }
        @media screen and (min-width: 1400px) {
          .small-banner .field--name-field-cta-links a::after {
            left: 7px; } }
      .has-mouse .small-banner .field--name-field-cta-links a:hover::before {
        transition: background-color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background-color: var(--color-link); }
      .has-mouse .small-banner .field--name-field-cta-links a:hover::after {
        transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        color: #fff; }
    .show-links-in-columns.small-banner .field--name-field-cta-links {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-auto-columns: 1fr;
      grid-auto-rows: minmax(0, auto);
      grid-auto-flow: row dense;
      grid-gap: calc(10px + 10 * ((100vw - 600px) / 800));
      padding-top: calc(20px + 20 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .show-links-in-columns.small-banner .field--name-field-cta-links {
          grid-gap: 10px; } }
      @media screen and (min-width: 1400px) {
        .show-links-in-columns.small-banner .field--name-field-cta-links {
          grid-gap: 20px; } }
      @media screen and (max-width: 600px) {
        .show-links-in-columns.small-banner .field--name-field-cta-links {
          padding-top: 20px; } }
      @media screen and (min-width: 1400px) {
        .show-links-in-columns.small-banner .field--name-field-cta-links {
          padding-top: 40px; } }
      .show-links-in-columns.small-banner .field--name-field-cta-links .field__item {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        grid-column: span 12; }
    .show-links-in-columns.span-8.small-banner .field--name-field-cta-links {
      display: grid;
      grid-template-columns: repeat(8, minmax(0, 1fr));
      grid-auto-columns: 1fr;
      grid-auto-rows: minmax(0, auto);
      grid-auto-flow: row dense;
      grid-gap: calc(10px + 10 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .show-links-in-columns.span-8.small-banner .field--name-field-cta-links {
          grid-gap: 10px; } }
      @media screen and (min-width: 1400px) {
        .show-links-in-columns.span-8.small-banner .field--name-field-cta-links {
          grid-gap: 20px; } }
      .show-links-in-columns.span-8.small-banner .field--name-field-cta-links .field__item {
        grid-column: span 3; }
        @media (max-width: 850px) {
          .show-links-in-columns.span-8.small-banner .field--name-field-cta-links .field__item {
            grid-column: span 4; } }
        @media (max-width: 650px) {
          .show-links-in-columns.span-8.small-banner .field--name-field-cta-links .field__item {
            grid-column: span 8; } }
    .show-links-in-columns.span-12.small-banner .field--name-field-cta-links {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-auto-columns: 1fr;
      grid-auto-rows: minmax(0, auto);
      grid-auto-flow: row dense;
      grid-gap: calc(10px + 10 * ((100vw - 600px) / 800)); }
      @media screen and (max-width: 600px) {
        .show-links-in-columns.span-12.small-banner .field--name-field-cta-links {
          grid-gap: 10px; } }
      @media screen and (min-width: 1400px) {
        .show-links-in-columns.span-12.small-banner .field--name-field-cta-links {
          grid-gap: 20px; } }
      .show-links-in-columns.span-12.small-banner .field--name-field-cta-links .field__item {
        grid-column: span 3; }
        @media (max-width: 1024px) {
          .show-links-in-columns.span-12.small-banner .field--name-field-cta-links .field__item {
            grid-column: span 4; } }
        @media (max-width: 850px) {
          .show-links-in-columns.span-12.small-banner .field--name-field-cta-links .field__item {
            grid-column: span 6; } }
        @media (max-width: 650px) {
          .show-links-in-columns.span-12.small-banner .field--name-field-cta-links .field__item {
            grid-column: span 12; } }
  .small-banner .caption-container {
    position: absolute;
    right: calc(5px + 5 * ((100vw - 600px) / 800));
    bottom: calc(5px + 5 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .small-banner .caption-container {
        right: 5px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .caption-container {
        right: 10px; } }
    @media screen and (max-width: 600px) {
      .small-banner .caption-container {
        bottom: 5px; } }
    @media screen and (min-width: 1400px) {
      .small-banner .caption-container {
        bottom: 10px; } }
  @media (max-width: 600px) {
    .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .paragraph--type--banner__content {
      background-color: transparent !important;
      padding: 20px 0; }
    .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-text-plain,
    .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-title h2 {
      position: relative;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      font-family: "Founders-grotesk-Regular", "sans-serif";
      font-size: 18px;
      line-height: 22px;
      color: #171716; }
      .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-text-plain::before,
      .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-title h2::before {
        width: 26px;
        height: 26px;
        margin-right: 8px;
        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-primary);
        border-radius: 50%;
        content: ''; }
      .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-text-plain::after,
      .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-title h2::after {
        content: "\e900";
        font-family: 'icomoon';
        font-style: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-transform: none;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: color 0.45s cubic-bezier(0.23, 1, 0.32, 1);
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        left: 6px;
        font-size: 16px; }
    .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .field--name-field-image,
    .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner) .banner__content--bottom {
      display: none; }
    .paragraph--type--collection .small-banner.has-link:not(.never-link-whole-banner).has-label .field--name-field-title h2 {
      display: none; } }

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