/* Minification failed. Returning unminified contents.
(3,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,20): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-margin-top'
(23,23): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-margin-bottom'
(34,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(34,29): run-time error CSS1046: Expect comma, found '-'
(34,30): run-time error CSS1047: Expected number or percentage value in rgb function, found '-static-carousel-background-color'
(34,63): run-time error CSS1046: Expect comma, found ')'
(34,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(83,26): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(92,26): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(99,15): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(104,26): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(106,14): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-next-glyph'
(114,26): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(116,14): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-previous-glyph'
(128,25): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(128,29): run-time error CSS1046: Expect comma, found '-'
(128,30): run-time error CSS1047: Expected number or percentage value in rgb function, found '-static-carousel-background-color'
(128,63): run-time error CSS1046: Expect comma, found ')'
(128,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(141,15): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(142,19): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-title-font-size'
(143,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-title-font-weight'
(144,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-title-font-line-height'
(150,15): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(152,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-subtitle-font-weight'
(153,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-subtitle-font-line-height'
(159,15): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(160,19): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-teaser-font-size'
(161,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-teaser-font-weight'
(162,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-teaser-font-line-height'
(167,15): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-foreground-color'
(182,33): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-background-color'
(189,33): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-background-color'
(197,21): run-time error CSS1039: Token not allowed after unary operator: '-static-carousel-subtitle-font-size'
 */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[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}
.static-carousel {
  --static-carousel-margin-top: 0px;
  --static-carousel-margin-bottom: 0px;
  --static-carousel-foreground-color: #ffffff;
  --static-carousel-background-color: 51, 51, 51;
  --static-carousel-title-font-size: 24px;
  --static-carousel-title-font-weight: 600;
  --static-carousel-title-font-line-height: normal;
  --static-carousel-subtitle-font-size: 21px;
  --static-carousel-subtitle-font-weight: 600;
  --static-carousel-subtitle-font-line-height: normal;
  --static-carousel-teaser-font-size: 15px;
  --static-carousel-teaser-font-weight: 600;
  --static-carousel-teaser-font-line-height: normal;
  --static-carousel-next-glyph: "";
  --static-carousel-previous-glyph: "";

  display: flex;
  flex-direction: column;
  float: left;
  margin-top: var(--static-carousel-margin-top);
  margin-bottom: var(--static-carousel-margin-bottom);
  position: relative;
  width: 100%;
}

.static-carousel a:focus {
  border: 1px solid #000;
}

.static-carousel .static-carousel-navigator {
  align-items: center;
  background-color: rgb(var(--static-carousel-background-color));
  bottom: 20px;
  display: none;
  flex-direction: row;
  justify-content: center;
  list-style: none;
  padding-bottom: 10px;
  right: 30px;
  text-align: center;
}

.static-carousel[data-show-pagination="true"] .static-carousel-navigator {
  display: flex !important;
}

.static-carousel .static-carousel-navigator .previous-arrow {
  order: 1;
}

.static-carousel .static-carousel-navigator .slick-dots {
  order: 2;
}

.static-carousel .static-carousel-navigator .next-arrow {
  order: 3;
}

.static-carousel .slick-dots {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}

.static-carousel .slick-dots li {
  cursor: pointer;
  display: inline-block;
  height: 1.2em;
  margin: 0 8px;
  position: relative;
  top: 20%;
  width: 20px;
}

.static-carousel .slick-dots li button {
  background-color: transparent;
  border: 2px solid var(--static-carousel-foreground-color);
  border-radius: 50%;
  color: transparent;
  height: 16px;
  width: 16px;
}

.static-carousel .slick-dots li:hover button,
.static-carousel .slick-dots li.slick-active button {
  background-color: var(--static-carousel-foreground-color);
}

.static-carousel .next-arrow,
.static-carousel .previous-arrow {
  background-color: transparent;
  border: none;
  color: var(--static-carousel-foreground-color);
  z-index: 1;
}

.static-carousel .next-arrow::before {
  background-color: var(--static-carousel-foreground-color);
  content: "";
  mask: var(--static-carousel-next-glyph);
  mask-size: cover;
  display: block;
  height: 28px;
  width: 27px;
}

.static-carousel .previous-arrow::before {
  background-color: var(--static-carousel-foreground-color);
  content: "";
  mask: var(--static-carousel-previous-glyph);
  mask-size: cover;
  display: block;
  height: 28px;
  width: 28px;
}

.static-carousel .static-carousel-slide {
  position: relative;
}

.static-carousel .static-carousel-flyout {
  background-color: rgb(var(--static-carousel-background-color));
  padding: 10px 25% 5px;
  width: 100%;
}

.static-carousel .static-carousel-flyout .static-carousel-slide-title-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.static-carousel .static-carousel-flyout .static-carousel-slide-title {
  color: var(--static-carousel-foreground-color);
  font-size: var(--static-carousel-title-font-size);
  font-weight: var(--static-carousel-title-font-weight);
  line-height: var(--static-carousel-title-font-line-height);
  margin: 0;
  text-align: center;
}

.static-carousel .static-carousel-flyout .static-carousel-slide-subtitle {
  color: var(--static-carousel-foreground-color);
  font-size: 16px;
  font-weight: var(--static-carousel-subtitle-font-weight);
  line-height: var(--static-carousel-subtitle-font-line-height);
  margin: 0 0 8px 0;
  text-align: center;
}

.static-carousel .static-carousel-flyout .static-carousel-slide-teaser {
  color: var(--static-carousel-foreground-color);
  font-size: var(--static-carousel-teaser-font-size);
  font-weight: var(--static-carousel-teaser-font-weight);
  line-height: var(--static-carousel-teaser-font-line-height);
  text-align: center;
}

.static-carousel .static-carousel-flyout .static-carousel-slide-title + svg {
  color: var(--static-carousel-foreground-color);
  font-size: 24px;
  margin-left: 10px;
  position: relative;
  top: 2px;
}

@media (min-width: 960px) {
  .static-carousel .static-carousel-navigator {
    background-color: transparent;
    padding-bottom: 0;
    position: absolute;
  }

  .static-carousel .static-carousel-flyout {
    background-color: rgba(var(--static-carousel-background-color));
    min-height: 120px;
    padding: 25px;
    position: absolute;
  }

  .static-carousel[data-overlay="true"] .static-carousel-flyout {
    background-color: rgba(var(--static-carousel-background-color), 0.8);
  }

  .static-carousel .static-carousel-flyout .static-carousel-slide-title-container {
    justify-content: flex-start;
  }

  .static-carousel .static-carousel-flyout .static-carousel-slide-subtitle {
    font-size: var(--static-carousel-subtitle-font-size);
    text-align: left;
  }

  .static-carousel .static-carousel-flyout .static-carousel-slide-teaser {
    text-align: left;
  }

  .static-carousel[data-layout="horizontal"] .static-carousel-flyout {
    bottom: 0;
  }

  .static-carousel[data-layout="vertical"] .static-carousel-flyout {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 15px;
    padding: 25px 40px;
    bottom: 0;
    top: 0;
    left: 0;
    width: 30%;
  }

  .static-carousel[data-layout="vertical"] .static-carousel-navigator {
    bottom: 50%;
    left: 5px;
    justify-content: flex-start;
  }

  .static-carousel[data-layout="vertical"] .slick-dots {
    flex-direction: column;
    top: auto;
    transform: translateY(50%);
  }

  .static-carousel[data-layout="vertical"] .slick-dots li {
    margin: 8px;
  }

  .static-carousel[data-layout="vertical"] .next-arrow,
  .static-carousel[data-layout="vertical"] .previous-arrow {
    position: absolute;
    height: 50px;
    width: 30%;
  }

  .static-carousel[data-layout="vertical"] .next-arrow {
    top: auto;
    bottom: 0;
    left: 0;
    transform: rotate(90deg);
  }

  .static-carousel[data-layout="vertical"] .previous-arrow {
    top: 0;
    left: 0;
    transform: rotate(90deg);
  }

  .static-carousel[data-layout="vertical"] .next-arrow::before,
  .static-carousel[data-layout="vertical"] .previous-arrow::before {
    left: calc(50% - 12px);
    position: relative;
  }
}

