/**
 * @name        foundation.grid
 * @description will generate the foundation grid into a single file
 *
 * @version     @@VERSION@@
 *
 */
/**
 * @name        foundation
 * @description Settings to configure foundation
 *
 * @version     @@VERSION@@
 *
 */
.row {
  margin: 0 auto;
  max-width: 90%;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -0.625rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  width: 100%;
  float: left; }

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .small-1 {
    width: 8.3333333333%; }
  .small-2 {
    width: 16.6666666667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.3333333333%; }
  .small-5 {
    width: 41.6666666667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.3333333333%; }
  .small-8 {
    width: 66.6666666667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.3333333333%; }
  .small-11 {
    width: 91.6666666667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.3333333333% !important; }
  .small-offset-2 {
    margin-left: 16.6666666667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.3333333333% !important; }
  .small-offset-5 {
    margin-left: 41.6666666667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.3333333333% !important; }
  .small-offset-8 {
    margin-left: 66.6666666667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.3333333333% !important; }
  .small-offset-11 {
    margin-left: 91.6666666667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; } }

@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .medium-1 {
    width: 8.3333333333%; }
  .medium-2 {
    width: 16.6666666667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.3333333333%; }
  .medium-5 {
    width: 41.6666666667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.3333333333%; }
  .medium-8 {
    width: 66.6666666667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.3333333333%; }
  .medium-11 {
    width: 91.6666666667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.3333333333% !important; }
  .medium-offset-2 {
    margin-left: 16.6666666667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.3333333333% !important; }
  .medium-offset-5 {
    margin-left: 41.6666666667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.3333333333% !important; }
  .medium-offset-8 {
    margin-left: 66.6666666667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.3333333333% !important; }
  .medium-offset-11 {
    margin-left: 91.6666666667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

@media only screen and (min-width: 62.8125em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .large-1 {
    width: 8.3333333333%; }
  .large-2 {
    width: 16.6666666667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.3333333333%; }
  .large-5 {
    width: 41.6666666667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.3333333333%; }
  .large-8 {
    width: 66.6666666667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.3333333333%; }
  .large-11 {
    width: 91.6666666667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.3333333333% !important; }
  .large-offset-2 {
    margin-left: 16.6666666667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.3333333333% !important; }
  .large-offset-5 {
    margin-left: 41.6666666667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.3333333333% !important; }
  .large-offset-8 {
    margin-left: 66.6666666667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.3333333333% !important; }
  .large-offset-11 {
    margin-left: 91.6666666667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.3333333333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.6666666667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.2857142857%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.1111111111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.0909090909%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.3333333333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.3333333333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.6666666667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.2857142857%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.1111111111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.0909090909%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.3333333333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 62.8125em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.3333333333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.6666666667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.2857142857%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.1111111111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.0909090909%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.3333333333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border: 0;
  font-size: 12px;
  padding: 4px 8px;
  background: #fff;
  cursor: pointer; }

.datepicker {
  display: none;
  position: absolute;
  padding: 4px;
  margin-top: 1px;
  direction: ltr; }
  .datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    font-family: "Open Sans", "sans-serif";
    font-size: 13px;
    line-height: 18px; }
    .datepicker.dropdown-menu th {
      padding: 4px 5px; }
    .datepicker.dropdown-menu td {
      padding: 4px 5px; }
  .datepicker table {
    border: 0;
    margin: 0; }
    .datepicker table tr td span {
      display: block;
      width: 23%;
      height: 54px;
      line-height: 54px;
      float: left;
      margin: 1%;
      cursor: pointer; }
  .datepicker td.active.day {
    background: #2ba6cb; }
  .datepicker td.active.year {
    background: #2ba6cb; }
  .datepicker td.old {
    color: #999; }
  .datepicker td.new {
    color: #999; }
  .datepicker td span.active {
    background: #2ba6cb; }
  .datepicker td.day.disabled {
    color: #eee; }
  .datepicker th.active.day {
    background: #2ba6cb; }
  .datepicker th.active.year {
    background: #2ba6cb; }
  .datepicker th.date-switch {
    width: 145px; }
  .datepicker th span.active {
    background: #2ba6cb; }
  .datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle; }
  .datepicker.days div.datepicker-days {
    display: block; }
  .datepicker.months div.datepicker-months {
    display: block; }
  .datepicker.years div.datepicker-years {
    display: block; }
  .datepicker thead tr:first-child th {
    cursor: pointer; }
    .datepicker thead tr:first-child th.cw {
      cursor: default;
      background-color: transparent; }
  .datepicker tfoot tr:first-child th {
    cursor: pointer; }

.datepicker-inline {
  width: 220px; }

.datepicker-rtl {
  direction: rtl; }
  .datepicker-rtl table tr td span {
    float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }
  .datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px; }
  .datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px; }

.datepicker > div {
  display: none; }

.datepicker-dropdown::before {
  display: none; }

.datepicker-dropdown::after {
  display: none; }

.datepicker-close {
  position: absolute;
  top: -30px;
  right: 0;
  width: 15px;
  height: 30px;
  padding: 0;
  display: none; }

.table-striped .datepicker table tr td {
  background-color: transparent; }

.table-striped .datepicker table tr th {
  background-color: transparent; }
/*# sourceMappingURL=maps/foundation-grid.css.map */
/**
 * @name        settings
 * @description Base settings to configure the whole project
 *
 * @version     @@VERSION@@
 */
/**
 * productfinder
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 *
 * description for the orientation:
 * settings are using mixins to calculate rem-values
 */
/**
 * @name        mixin
 * @description Custom mixin used all over the styles
 *
 * @version     @@VERSION@@
 */
/**
 * input placeholder color
 */
/**
 * Joins each item in a list into a string concated with an seperator
 */
/**
 * Joins two breakpoint lists into one big query
 * to join browser specific queries together
 */
/**
 * @name        settings
 * @description Base settings to configure the whole project
 *
 * @version     @@VERSION@@
 */
/**
 * Generic base colors
 */
/**
 * colors
 */
/**
 * productfinder
 */
/**
 * blog
 */
/**
 * font
 */
/**
 * animations
 */
/**
 * sizes
 */
/**
 * default colors for social icons
 */
/**
 * @name        _settings
 * @description
 * All the settings for every teaser-module
 *
 * @version     @@VERSION@@
 */
/**
 * Color implementations for modules
 */
/**
 * @name        foundation
 * @description Settings to configure foundation
 *
 * @version     @@VERSION@@
 *
 */
/**
 * @name        keyframes
 * @description Contains global keyframe animations
 *
 * @version     @@VERSION@@
 */
@-webkit-keyframes transform-none {
  to {
    -webkit-transform: none;
            transform: none; } }
@keyframes transform-none {
  to {
    -webkit-transform: none;
            transform: none; } }

@-webkit-keyframes reset-scale {
  to {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes reset-scale {
  to {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes to-normal {
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

@keyframes to-normal {
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none; } }

/**
 * @name        layout
 * @description Base style for layout
 * @see         http://smacss.com/book/type-layout
 *
 * @version     @@VERSION@@
 *
 * @todo        layout classes needs to be refactored
 */
.l-block-grid-centered {
  text-align: center; }
  .l-block-grid-centered > li {
    display: inline-block;
    float: none;
    vertical-align: top; }
    @media only screen and (min-width: 40.063em) {
      .js .l-block-grid-centered > li {
        padding-bottom: 0; } }

@media only screen and (min-width: 100.8125em) {
  .row {
    max-width: 87.5rem; } }

/**
 * was build for centering navigation tiles
 * but was replaced with block grid later on
 * not sure if this could be useful anywhere else...
 *
 * @date 07.10.2014
 */
/**
 * @name        base
 * @description Base style for common elements (no modules)
 * @see         http://smacss.com/book/type-base
 *
 * @version     @@VERSION@@
 */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.navigator-msie * {
  -ms-user-select: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none; }

html {
  height: 100%; }
  @media only screen and (max-width: 40em) {
    html {
      font-size: 14px; } }

body {
  overflow-x: hidden;
  min-height: 100%;
  margin: 0;
  font-family: sans-serif;
  font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

::-webkit-input-placeholder {
  color: #a4a2a3; }

::-moz-placeholder {
  color: #a4a2a3; }

:-ms-input-placeholder {
  color: #a4a2a3; }

body,
h1, h2, h3, h4, h5, h6 {
  font-size: 16px;
  line-height: 1.4; }

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

img {
  display: block;
  width: 100%;
  border: 0; }

ul, ol {
  margin: 0;
  padding: 0; }
  ul > li, ol > li {
    list-style: none; }

a {
  color: inherit;
  text-decoration: none;
  outline: none; }

button::-moz-focus-inner,
input::-moz-focus-inner,
select::-moz-focus-inner {
  border: none; }

button {
  overflow: visible;
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  text-align: left;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none; }

select,
input,
textarea {
  width: 100%;
  margin: 0;
  color: inherit;
  font: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  background: white; }
  select:focus,
  input:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0 0.1875rem 0 #2466a9;
            box-shadow: 0 0 0.1875rem 0 #2466a9; }

textarea {
  resize: none; }

input[type="radio"],
input[type="checkbox"] {
  width: 1.875rem;
  height: 1.875rem;
  background: white; }

input[type="radio"] {
  border-radius: 50%; }

input[type="date"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="date"]::-webkit-inner-spin-button {
    display: none; }

figure,
figcaption {
  margin: 0;
  padding: 0; }

fieldset {
  margin: 0;
  padding: 0;
  border: none; }

/**
 * Modules - discrete modules of the page
 * @see http://smacss.com/book/type-module
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/**
 * @version     @@VERSION@@
 */
/* button */
/**
 * @name        button
 * @description styling for buttons
 *
 * @version     @@VERSION@@
 */
.button {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  padding: 0.625rem 1.875rem;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  text-align: center;
  color: white;
  background-color: #2183ca;
  -webkit-transition: color .3s, background-color .3s;
  -o-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s; }
  @media only screen and (min-width: 40.063em) {
    .button {
      max-width: 100%;
      width: auto;
      text-align: left; } }
  .button.is-highlighted {
    color: #2183ca;
    background-color: white;
    outline: 1px solid rgba(0, 0, 0, 0.1); }

.button-theme-light {
  color: #2183ca;
  background-color: white; }
  .button-theme-light.is-highlighted {
    color: white;
    background-color: #2183ca; }

/**
 * @name        button-decoration
 * @description
 *
 * @version     @@VERSION@@
 */
.button-decoration.button, .button-decoration .button {
  padding-left: 3.4375rem;
  position: relative; }
  .button-decoration.button .item, .button-decoration .button .item {
    left: 0.9375rem;
    float: left;
    position: absolute;
    width: 1.5625rem;
    height: 1.5625rem;
    padding: 5px;
    color: #2183ca;
    background-color: white; }
  .button-decoration.button.is-highlighted, .button-decoration .button.is-highlighted {
    color: #2183ca;
    background-color: white; }
    .button-decoration.button.is-highlighted .item, .button-decoration .button.is-highlighted .item {
      color: white;
      background-color: #2183ca; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .carousel-item .button-decoration.button, .carousel-item .button-decoration .button {
      font-size: 1rem; } }

.button-decoration.button-theme-light .item, .button-decoration .button-theme-light .item {
  color: white;
  background-color: #2183ca; }

.button-decoration.button-theme-light.is-highlighted, .button-decoration .button-theme-light.is-highlighted {
  color: white;
  background-color: #2183ca; }
  .button-decoration.button-theme-light.is-highlighted .item, .button-decoration .button-theme-light.is-highlighted .item {
    color: #2183ca;
    background-color: white; }
    .button-decoration.button-theme-light.is-highlighted .item::after, .button-decoration .button-theme-light.is-highlighted .item::after {
      color: #2183ca;
      background-color: white; }

/**
 * @name        button-picture
 * @description Styling for the picture button module
 *
 * @version     @@VERSION@@
 */
.button-picture {
  display: block;
  min-height: 100%;
  overflow: hidden;
  background: transparent; }
  .button-picture .button {
    color: white;
    background-color: #2183ca;
    width: 100%;
    display: block;
    font-size: 0.9375rem;
    line-height: 1.15;
    white-space: normal;
    -o-text-overflow: clip;
       text-overflow: clip;
    text-align: center;
    padding: 0.625rem 0.3125rem 0.625rem 2.1875rem; }
    .button-picture .button .item {
      margin-top: -0.3125rem;
      margin-bottom: -0.3125rem;
      left: 0.3125rem; }
  .button-picture.is-highlighted .button {
    color: #2183ca;
    background-color: white; }
    .button-picture.is-highlighted .button .item {
      color: white;
      background-color: #2183ca; }
  .button-picture picture {
    display: none; }
    @media only screen and (min-width: 40.063em) {
      .button-picture picture {
        overflow: hidden;
        display: block;
        background: #2466a9; } }

.button-progress .button-state-loading {
  display: none; }

.button-progress.is-loading .button-state-default, .is-loading .button-progress .button-state-default {
  display: none; }

.button-progress.is-loading .button-state-loading, .is-loading .button-progress .button-state-loading {
  display: block; }

.button-commerce-connector,
.spd-big-teaser .button-commerce-connector {
  position: relative;
  overflow: visible;
  cursor: pointer; }
  .button-commerce-connector > ul,
  .spd-big-teaser .button-commerce-connector > ul {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: #2183ca;
    background-color: white; }
    .button-commerce-connector > ul.top,
    .spd-big-teaser .button-commerce-connector > ul.top {
      bottom: 100%; }
      .button-commerce-connector > ul.top > li,
      .spd-big-teaser .button-commerce-connector > ul.top > li {
        border-bottom: 0; }
    .button-commerce-connector > ul.bottom,
    .spd-big-teaser .button-commerce-connector > ul.bottom {
      top: 100%; }
      .button-commerce-connector > ul.bottom > li,
      .spd-big-teaser .button-commerce-connector > ul.bottom > li {
        border-top: 0; }
    .button-commerce-connector > ul > li,
    .spd-big-teaser .button-commerce-connector > ul > li {
      width: 100%;
      height: 50px;
      border: 1px solid #e6e6e6; }
      .button-commerce-connector > ul > li a,
      .spd-big-teaser .button-commerce-connector > ul > li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        padding-left: 50%; }
        .button-commerce-connector > ul > li a img,
        .spd-big-teaser .button-commerce-connector > ul > li a img {
          width: auto;
          height: 100%;
          -webkit-transform: translate(-50%, 0);
              -ms-transform: translate(-50%, 0);
                  transform: translate(-50%, 0); }
  .button-commerce-connector__overlay,
  .spd-big-teaser .button-commerce-connector__overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e32219; }
    .button-commerce-connector__overlay.is-visible,
    .spd-big-teaser .button-commerce-connector__overlay.is-visible {
      display: block; }
    .button-commerce-connector__overlay svg,
    .spd-big-teaser .button-commerce-connector__overlay svg {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      height: 50%;
      color: #fff; }
      .button-commerce-connector__overlay svg:hover,
      .spd-big-teaser .button-commerce-connector__overlay svg:hover {
        color: #fff; }

/* page */
html.is-page-loading,
html.is-page-loading > body {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }

html.is-page-loading > body:before {
  content: '';
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  background-color: transparent; }

.page-corner-item {
  position: absolute;
  z-index: 20;
  display: block;
  right: -4.6875rem;
  bottom: -3.75rem;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  /* .is-uncovered & {
    pointer-events: none;
    opacity: 0 !important;
    .item-corner:before {
      opacity: 0;
    }
    @media only screen and (min-width:62.8125em) {
      opacity: 1 !important;
    }
  }*/ }
  @media only screen and (min-width: 40.063em) {
    .page-corner-item {
      bottom: -4.6875rem; } }
  @media only screen and (min-width: 62.8125em) {
    .page-corner-item {
      right: -7.8125rem;
      bottom: -7.8125rem;
      /* .is-uncovered & {
      opacity: 1 !important;
    }*/ } }
  @media only screen and (min-width: 100.8125em) {
    .page-corner-item {
      right: -6.25rem;
      bottom: -6.25rem; } }
  .page-corner-item .text {
    color: white; }
  .page-corner-item .item-corner:before {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }
  .transitions-active .page-corner-item {
    opacity: 0; }
  .transitions-active .is-animation-triggered .page-corner-item {
    opacity: 1; }

body:before {
  display: none; }
  .js body:before {
    content: "";
    display: block;
    position: fixed;
    background: white;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    z-index: 200;
    -webkit-transition: opacity 1s .75s;
    -o-transition: opacity 1s .75s;
    transition: opacity 1s .75s; }
  .page-is-loaded.page-intro-is-running.pointerevents body:before {
    opacity: 0;
    pointer-events: none; }
  .page-intro-is-done body:before {
    display: none; }
  .is-ios body:before {
    display: none !important; }

.page-intro-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 100%;
  height: 100%;
  background: rgba(36, 102, 169, 0.25);
  z-index: 300;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: ease-in;
       -o-transition-timing-function: ease-in;
          transition-timing-function: ease-in; }
  .page-is-loaded.pointerevents .page-intro-loader {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0) !important;
            transform: translate3d(0, -100%, 0) !important;
    -webkit-transition: opacity 1s .75s, -webkit-transform 1s !important;
    transition: opacity 1s .75s, -webkit-transform 1s !important;
    -o-transition: transform 1s, opacity 1s .75s !important;
    transition: transform 1s, opacity 1s .75s !important;
    transition: transform 1s, opacity 1s .75s, -webkit-transform 1s !important;
    pointer-events: none;
    display: block; }
  .page-is-loaded .page-intro-loader {
    display: none; }
  .page-intro-is-done .page-intro-loader {
    display: none !important; }
  .is-ios .page-intro-loader {
    display: none !important; }

.page-intro-is-ready .header {
  -webkit-transform: translate3d(0, -12.5rem, 0) !important;
          transform: translate3d(0, -12.5rem, 0) !important; }

.page-intro-is-ready .nav-main[data-type="horizontal"] {
  -webkit-transform: translate3d(0, -12.5rem, 0) !important;
          transform: translate3d(0, -12.5rem, 0) !important; }

.page-intro-is-ready .area:first-of-type > .component:first-child .component-content,
.page-intro-is-ready .area:first-of-type > .component:first-child .component-safety-note,
.page-intro-is-ready .area:first-of-type > .component:first-child .component-picture {
  -webkit-transform: translate3d(0, 10%, 0) !important;
          transform: translate3d(0, 10%, 0) !important;
  opacity: 0 !important; }

.page-intro-is-ready .pagination-list {
  -webkit-transform: translate3d(0, -10vw, 0) !important;
          transform: translate3d(0, -10vw, 0) !important;
  opacity: 0 !important; }

.page-intro-is-running .header {
  -webkit-transition: -webkit-transform 1s 2.5s;
  transition: -webkit-transform 1s 2.5s;
  -o-transition: transform 1s 2.5s;
  transition: transform 1s 2.5s;
  transition: transform 1s 2.5s, -webkit-transform 1s 2.5s; }

.page-intro-is-running .area:first-of-type > .component:first-child .component-content,
.page-intro-is-running .area:first-of-type > .component:first-child .component-safety-note,
.page-intro-is-running .area:first-of-type > .component:first-child .component-picture {
  -webkit-transition: opacity 1s 1.75s, -webkit-transform 1s 1.75s;
  transition: opacity 1s 1.75s, -webkit-transform 1s 1.75s;
  -o-transition: opacity 1s 1.75s, transform 1s 1.75s;
  transition: opacity 1s 1.75s, transform 1s 1.75s;
  transition: opacity 1s 1.75s, transform 1s 1.75s, -webkit-transform 1s 1.75s; }

.page-intro-is-running .pagination-list {
  -webkit-transition: opacity 1s 2.5s, -webkit-transform 1s 2.5s;
  transition: opacity 1s 2.5s, -webkit-transform 1s 2.5s;
  -o-transition: opacity 1s 2.5s, transform 1s 2.5s;
  transition: opacity 1s 2.5s, transform 1s 2.5s;
  transition: opacity 1s 2.5s, transform 1s 2.5s, -webkit-transform 1s 2.5s; }

/* Icon */
/**
 * @name        icon
 * @description
 *
 * @version     @@VERSION@@
 */
.icon {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%; }

.icon-path {
  fill: currentColor; }

.icon-rotate-0 {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg); }

.icon-rotate-90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }

.icon-rotate-180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }

.icon-rotate-270 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }

.icon-rotate-360 {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg); }

/* items */
/**
 * @name        item
 * @description styling for item modules
 *
 * @version     @@VERSION@@
 */
.item {
  display: inline-block;
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  font-weight: bold;
  line-height: 3.75rem;
  text-align: center;
  z-index: 0;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.25);
  outline: 0.1875rem solid transparent;
  -webkit-transition: color .3s, background-color .3s;
  -o-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s; }
  .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s; }
    button.is-highlighted .item:after,
    .component-meta-tiles a.is-highlighted .item:after {
      opacity: 1;
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1); }
  .item.item-play {
    background-color: transparent;
    color: white;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .item.item-play.item-size-small {
      width: 5.625rem;
      height: 5.625rem; }
    .item.item-play.item-size-large {
      width: 9.375rem;
      height: 9.375rem; }

.item-size-xlarge {
  width: 8.75rem;
  height: 8.75rem;
  font-size: 2.5rem;
  line-height: 8.75rem; }
  @media only screen and (min-width: 40.063em) {
    .item-size-xlarge {
      width: 11.875rem;
      height: 11.875rem;
      line-height: 11.875rem;
      font-size: 3.5rem; } }

.item-label {
  color: white;
  font-size: 1.375rem;
  margin-top: 0.625rem; }

.item {
  color: #2183ca;
  background-color: white; }
  .item:after {
    color: white;
    background-color: #2183ca; }
  .button-decoration.is-highlighted .item,
  button.is-highlighted .item,
  .component-meta-tiles a.is-highlighted .item {
    color: white;
    background-color: #2183ca; }

/**
 * @name        item-icon
 * @description styling for item modules with icons inside
 *
 * @version     @@VERSION@@
 */
.item-icon {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.9375rem; }

.item-size-large {
  width: 6.25rem;
  height: 6.25rem;
  padding: 1.5625rem; }

.item-size-tiny {
  width: 1.5625rem;
  height: 1.5625rem;
  padding: 0.15625rem; }

/**
 * @name        item-half
 * @description styling for item modules with only one half visible
 *
 * @version     @@VERSION@@
 */
.item-half {
  width: 3.75rem;
  height: 1.875rem;
  border-top-left-radius: 3.75rem;
  border-top-right-radius: 3.75rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0.46875rem; }
  .item-half > .icon {
    height: 1.25rem;
    margin-top: 0.1875rem; }
  .item-half:after {
    -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
            transform-origin: bottom;
    border-radius: 3.75rem 3.75rem 0 0; }

/**
 * @name        item-list
 * @description styling for lists of items with label
 *
 * @version     @@VERSION@@
 */
.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  min-height: 3.75rem;
  margin-bottom: 0.9375rem;
  font-size: 1.25rem;
  line-height: 1.5625rem; }
  .item-list > .item {
    position: absolute;
    top: 0;
    left: 0;
    color: inherit; }
    .item-list > .item .icon {
      color: initial; }

.item-list-label {
  display: block;
  margin: auto 0;
  padding: 0.3125rem 0;
  padding-left: 4.375rem;
  color: white;
  font-style: italic; }

/**
 * @name        item-highlight
 * @description styling for item modules that will have a special design
 *
 * @version     @@VERSION@@
 */
.item-highlight {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0.1875rem solid #2183ca;
  color: #2183ca; }

/**
 * @name        item-corner
 * @description
 *
 * @version     @@VERSION@@
 */
.item-corner {
  display: none;
  border-radius: 50%;
  position: relative;
  z-index: 20;
  overflow: hidden;
  width: 25rem;
  height: 25rem;
  padding-right: 4.6875rem;
  padding-bottom: 4.6875rem; }
  .item-corner:before {
    content: "";
    background: currentColor;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .9;
    z-index: -1; }
  .item-corner .text {
    font-size: 0.875rem;
    position: absolute;
    width: 60%;
    margin: auto;
    text-align: center;
    bottom: 4.6875rem;
    left: 0;
    right: 4.6875rem; }
  @media only screen and (min-width: 62.8125em) {
    .item-corner {
      width: 29.6875rem;
      height: 29.6875rem;
      padding-right: 6.25rem;
      padding-bottom: 7.8125rem; }
      .item-corner .text {
        bottom: 7.8125rem;
        right: 6.25rem; } }
  @media only screen and (min-width: 100.8125em) {
    .item-corner {
      width: 31.25rem;
      height: 31.25rem;
      padding-bottom: 6.25rem; } }
  .item-corner.always {
    display: block; }
  .item-corner.cover-tile {
    display: block; }
    .item-corner.cover-tile.is-hidden {
      display: none; }

.item-corner-flag {
  position: absolute;
  z-index: 1;
  color: white;
  padding: 0.9375rem;
  font-size: 1.5625rem;
  top: 2.1875rem;
  right: 4.6875rem; }
  .item-corner-flag .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    color: #2183ca; }
  .item-corner-flag.as-theme-dark {
    color: #2183ca; }
  .item-corner-flag.as-theme-light {
    color: white; }
  @media only screen and (min-width: 62.8125em) {
    .item-corner-flag {
      right: 7.8125rem; } }
  @media only screen and (min-width: 100.8125em) {
    .item-corner-flag {
      top: 3.125rem;
      right: 6.25rem; } }

/* headlines */
/**
 * @name        hl
 * @description Global headline definition
 *
 * @version     @@VERSION@@
 */
.hl, .component-footer-addendum .text-area h2 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 120%; }
  @media only screen and (min-width: 40.063em) {
    .hl, .component-footer-addendum .text-area h2 {
      font-size: 3.125rem; } }
  @media only screen and (min-width: 62.8125em) {
    .hl, .component-footer-addendum .text-area h2 {
      font-size: 3.75rem; } }

/**
 * @name        hl
 * @description Offset headlines
 *
 * @version     @@VERSION@@
 */
.hl-offset {
  margin-bottom: 2.5rem; }

[class^="hl-offset-line"] {
  display: block; }

.hl-offset-line-one {
  font-weight: normal; }

.hl-offset-line-two {
  font-weight: bold;
  margin-left: 3.75rem; }

/* text */
/**
 * @name        text
 * @description Styling for simple text
 *
 * @version     @@VERSION@@
 */
.text {
  color: white;
  word-wrap: break-word; }

.text-copy {
  font-size: 1.125rem; }
  .text-copy .disclaimer {
    font-size: 0.75rem;
    display: inline; }

.text-major {
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.875rem; }
  @media only screen and (min-width: 40.063em) {
    .text-major {
      font-size: 1.875rem;
      line-height: 2.25rem; } }

.text-copy {
  margin-bottom: 0.9375rem; }

/**
 * @name        text-group
 * @description Styling for groups of text
 *
 * @version     @@VERSION@@
 */
.text-group {
  color: white;
  word-spacing: normal; }
  .text-group > .text {
    color: inherit; }
  .text-group > .hl, .component-footer-addendum .text-area .text-group > h2 {
    margin-bottom: 0.9375rem; }

/**
 * @name        text-area
 * @version     @@VERSION@@
 */
.text-area,
.cookies.collection {
  font-size: 14px;
  line-height: 23px; }
  @media only screen and (min-width: 40.063em) {
    .text-area,
    .cookies.collection {
      font-size: 16px;
      line-height: 24px; } }
  .text-area h1, .text-area h2, .text-area h3, .text-area h4, .text-area h5, .text-area h6,
  .cookies.collection h1,
  .cookies.collection h2,
  .cookies.collection h3,
  .cookies.collection h4,
  .cookies.collection h5,
  .cookies.collection h6 {
    font-weight: bold;
    font-size: 1em;
    margin-bottom: .25em; }
  .text-area h1,
  .cookies.collection h1 {
    font-size: 38px;
    line-height: 45px;
    margin-bottom: .75em; }
    @media only screen and (min-width: 40.063em) {
      .text-area h1,
      .cookies.collection h1 {
        font-size: 42px;
        line-height: 52px; } }
    @media only screen and (min-width: 62.8125em) {
      .text-area h1,
      .cookies.collection h1 {
        font-size: 48px;
        line-height: 60px; } }
  .text-area h2,
  .cookies.collection h2 {
    font-size: 26px;
    line-height: 33px; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .text-area h2,
      .cookies.collection h2 {
        font-size: 32px;
        line-height: 38px; } }
    @media only screen and (min-width: 62.8125em) {
      .text-area h2,
      .cookies.collection h2 {
        font-size: 36px;
        line-height: 42px; } }
  .text-area h3,
  .cookies.collection h3 {
    font-size: 14px;
    line-height: 23px; }
    @media only screen and (min-width: 40.063em) {
      .text-area h3,
      .cookies.collection h3 {
        font-size: 16px;
        line-height: 24px; } }
  .text-area p,
  .cookies.collection p {
    margin-bottom: .9em; }
    .text-area p.disclaimer,
    .cookies.collection p.disclaimer {
      font-size: 0.8125rem;
      display: inline; }
    .text-area p .disclaimer,
    .cookies.collection p .disclaimer {
      font-size: 0.8125rem;
      display: inline; }
    .text-area p span.disclaimer,
    .cookies.collection p span.disclaimer {
      font-size: 0.8125rem;
      display: inline; }
  .text-area span.disclaimer,
  .cookies.collection span.disclaimer {
    font-size: 0.8125rem;
    display: inline; }
  .text-area sup,
  .cookies.collection sup {
    font-size: 0.8125rem; }
  .text-area a,
  .cookies.collection a {
    text-decoration: underline; }
  .text-area small,
  .cookies.collection small {
    font-size: .6em; }
  .text-area b,
  .cookies.collection b {
    font-weight: bold; }
  .text-area i,
  .cookies.collection i {
    font-style: italic; }
  .text-area ul, .text-area ol,
  .cookies.collection ul,
  .cookies.collection ol {
    padding-left: 2em;
    margin-bottom: .75em; }
  .text-area ul > li,
  .cookies.collection ul > li {
    list-style: disc; }
  .text-area ol > li,
  .cookies.collection ol > li {
    list-style: decimal; }

/**
 * @name        text-media
 * @description Styling for media elements within text areas
 *
 * @version     @@VERSION@@
 */
.text-media {
  width: auto;
  overflow: hidden; }
  .text-media .image-wrapper .picture {
    margin-bottom: 0; }
  .text-media .image-wrapper,
  .text-media .picture,
  .text-media .video-player {
    margin: 0 0 1.25rem 0; }
  .text-media .picture-left,
  .text-media .video-player-left,
  .text-media .video-youtube-left {
    float: left;
    margin-right: 1.25rem; }
  .text-media .picture-right,
  .text-media .video-player-right,
  .text-media .video-youtube-right {
    float: right;
    margin-left: 1.25rem; }
  .text-media .picture-center,
  .text-media .video-player-center,
  .text-media .video-youtube-center {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

@media only screen {
  .text-media-size-small-10 {
    width: 10%; }
  .text-media-size-small-15 {
    width: 15%; }
  .text-media-size-small-20 {
    width: 20%; }
  .text-media-size-small-25 {
    width: 25%; }
  .text-media-size-small-30 {
    width: 30%; }
  .text-media-size-small-35 {
    width: 35%; }
  .text-media-size-small-40 {
    width: 40%; }
  .text-media-size-small-45 {
    width: 45%; }
  .text-media-size-small-50 {
    width: 50%; }
  .text-media-size-small-55 {
    width: 55%; }
  .text-media-size-small-60 {
    width: 60%; }
  .text-media-size-small-65 {
    width: 65%; }
  .text-media-size-small-70 {
    width: 70%; }
  .text-media-size-small-75 {
    width: 75%; }
  .text-media-size-small-80 {
    width: 80%; }
  .text-media-size-small-85 {
    width: 85%; }
  .text-media-size-small-90 {
    width: 90%; }
  .text-media-size-small-95 {
    width: 95%; }
  .text-media-size-small-100 {
    width: 100%; } }

@media only screen and (min-width: 40.063em) {
  .text-media-size-medium-10 {
    width: 10%; }
  .text-media-size-medium-15 {
    width: 15%; }
  .text-media-size-medium-20 {
    width: 20%; }
  .text-media-size-medium-25 {
    width: 25%; }
  .text-media-size-medium-30 {
    width: 30%; }
  .text-media-size-medium-35 {
    width: 35%; }
  .text-media-size-medium-40 {
    width: 40%; }
  .text-media-size-medium-45 {
    width: 45%; }
  .text-media-size-medium-50 {
    width: 50%; }
  .text-media-size-medium-55 {
    width: 55%; }
  .text-media-size-medium-60 {
    width: 60%; }
  .text-media-size-medium-65 {
    width: 65%; }
  .text-media-size-medium-70 {
    width: 70%; }
  .text-media-size-medium-75 {
    width: 75%; }
  .text-media-size-medium-80 {
    width: 80%; }
  .text-media-size-medium-85 {
    width: 85%; }
  .text-media-size-medium-90 {
    width: 90%; }
  .text-media-size-medium-95 {
    width: 95%; }
  .text-media-size-medium-100 {
    width: 100%; } }

@media only screen and (min-width: 62.8125em) {
  .text-media-size-large-10 {
    width: 10%; }
  .text-media-size-large-15 {
    width: 15%; }
  .text-media-size-large-20 {
    width: 20%; }
  .text-media-size-large-25 {
    width: 25%; }
  .text-media-size-large-30 {
    width: 30%; }
  .text-media-size-large-35 {
    width: 35%; }
  .text-media-size-large-40 {
    width: 40%; }
  .text-media-size-large-45 {
    width: 45%; }
  .text-media-size-large-50 {
    width: 50%; }
  .text-media-size-large-55 {
    width: 55%; }
  .text-media-size-large-60 {
    width: 60%; }
  .text-media-size-large-65 {
    width: 65%; }
  .text-media-size-large-70 {
    width: 70%; }
  .text-media-size-large-75 {
    width: 75%; }
  .text-media-size-large-80 {
    width: 80%; }
  .text-media-size-large-85 {
    width: 85%; }
  .text-media-size-large-90 {
    width: 90%; }
  .text-media-size-large-95 {
    width: 95%; }
  .text-media-size-large-100 {
    width: 100%; } }

/**
 * @name        text-theme
 * @description Will define different themes for text styling
 *
 * @version     @@VERSION@@
 */
.text-theme-dark {
  color: #2183ca; }

.text-theme-light {
  color: white; }

.text-headline-button h2 {
  position: relative;
  display: inline-block;
  width: auto;
  color: #a4a2a3 !important; }

.text-headline-button .icon {
  display: inline-block;
  position: absolute;
  height: 1.25rem;
  width: 1.25rem;
  margin-top: -0.625rem;
  top: 51%;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  right: -1.5625rem;
  padding: 0.3125rem;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #2183ca;
  text-align: center;
  color: white;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  will-change: transform; }

/* backgrounds */
/**
 * @name        bg
 * @description Responsive background handler for backend generated images
 *
 * @version     @@VERSION@@
 */
.bg,
.bg-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.bg-image {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover; }

.bg-source {
  display: none; }

@media only screen and (min-width: 62.8125em) and (-webkit-max-device-pixel-ratio: 1.999), only screen and (min-width: 62.8125em) and (-webkit-max-device-pixel-ratio: 1.9895833333333333), only screen and (min-width: 62.8125em) and (-o-max-device-pixel-ratio: 191/96), only screen and (min-width: 62.8125em) and (max-resolution: 191dpi), only screen and (min-width: 62.8125em) and (-o-max-device-pixel-ratio: 1999/1000), only screen and (min-width: 62.8125em) and (max-resolution: 1.999dppx) {
  .bg-size-large.bg-ratio-1x {
    display: block; } }

@media only screen and (min-width: 62.8125em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 62.8125em) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 62.8125em) and (min-resolution: 192dpi), only screen and (min-width: 62.8125em) and (min-resolution: 2dppx) {
  .bg-size-large.bg-ratio-2x {
    display: block; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) and (-webkit-max-device-pixel-ratio: 1.999), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (-webkit-max-device-pixel-ratio: 1.9895833333333333), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (-o-max-device-pixel-ratio: 191/96), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (max-resolution: 191dpi), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (-o-max-device-pixel-ratio: 1999/1000), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (max-resolution: 1.999dppx) {
  .bg-size-medium.bg-ratio-1x {
    display: block; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (min-resolution: 192dpi), only screen and (min-width: 40.063em) and (max-width: 62.75em) and (min-resolution: 2dppx) {
  .bg-size-medium.bg-ratio-2x {
    display: block; } }

@media only screen and (max-width: 40em) and (-webkit-max-device-pixel-ratio: 1.999), only screen and (max-width: 40em) and (-webkit-max-device-pixel-ratio: 1.9895833333333333), only screen and (max-width: 40em) and (-o-max-device-pixel-ratio: 191/96), only screen and (max-width: 40em) and (max-resolution: 191dpi), only screen and (max-width: 40em) and (-o-max-device-pixel-ratio: 1999/1000), only screen and (max-width: 40em) and (max-resolution: 1.999dppx) {
  .bg-size-small.bg-ratio-1x {
    display: block; } }

@media only screen and (max-width: 40em) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 40em) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 40em) and (min-resolution: 192dpi), only screen and (max-width: 40em) and (min-resolution: 2dppx) {
  .bg-size-small.bg-ratio-2x {
    display: block; } }

/**
 * @name        picture-icon
 * @description
 *
 * @version     @@VERSION@@
 */
.picture-icon {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: block; }

/* components */
/**
 * @name        component
 * @description component minimal default stylings
 *
 * @version     @@VERSION@@
 */
.component {
  position: relative;
  overflow: hidden;
  width: 100%; }

.component-content {
  min-height: 100%;
  padding-top: 8.125rem; }
  @media only screen and (min-width: 40.063em) {
    .component-content {
      padding-top: 115.2px;
      padding-top: 15vh; } }
  @media only screen and (min-width: 62.8125em) {
    .component-content {
      padding-top: 153.6px;
      padding-top: 20vh; } }
  .component-content:after {
    content: "";
    display: block;
    height: 2.8125rem; }
    @media only screen and (min-width: 40.063em) {
      .component-content:after {
        height: 1rem; } }

.component-controls {
  height: 0;
  position: absolute;
  right: 0;
  bottom: 1.875rem;
  left: 0;
  z-index: 20;
  text-align: center; }
  .component-controls button {
    line-height: 0; }
  @media only screen and (max-width: 40em) {
    .component-controls {
      display: none; } }

.component .component {
  min-height: 0; }
  .component .component:after {
    content: none; }
  .component .component .component-content {
    padding-top: 0;
    padding-bottom: 0; }
  .component .component .component-controls {
    display: none; }

.component-footer-theme-light .component-footer .text {
  color: white; }

@media only screen and (max-width: 40em) {
  .component-footer-theme-light .component-header .text-group {
    color: white; } }

.component-footer-theme-dark .component-footer .text,
.component-footer-theme-dark .component-footer .item-list-label {
  color: #2183ca; }

@media only screen and (max-width: 40em) {
  .component-footer-theme-dark .component-header .text-group {
    color: #2183ca; } }

.component-care-symbols .care-symbols:nth-last-child(1) {
  overflow: hidden;
  margin-bottom: 3.75rem; }
  @media only screen and (max-width: 40em) {
    .component-care-symbols .care-symbols:nth-last-child(1) {
      margin-bottom: 0.625rem; } }

/**
 * @name        component-stage
 * @description styling for all stage components
 *
 * @version     @@VERSION@@
 */
.component-stage {
  color: white;
  /* new safety code */ }
  @media only screen and (min-width: 40.063em) {
    .component-stage {
      height: 768px;
      height: 100vh; } }
  @media only screen and (max-width: 40em) {
    .flexbox .component-stage {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-top: 25%; }
      .flexbox .component-stage .component-picture {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        background: transparent;
        overflow: hidden; }
      .flexbox .component-stage .component-content {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        padding-top: 0; }
    .component-stage .bg {
      background-color: currentColor; }
    .component-stage .bg-image {
      background-size: contain; } }
  .component-stage .bg-image {
    background-position: top right; }
  [data-transition-type="push"] .component-stage .component-content {
    -webkit-transform: perspective(1) translate3d(0, 0, 0);
            transform: perspective(1) translate3d(0, 0, 0); }
  .is-ios .component-stage .component-content {
    position: relative; }
  .transitions-active .component-stage .component-content {
    overflow: visible !important; }
  @media only screen and (min-width: 40.063em) {
    .component-stage .component-content:after {
      content: "";
      display: block;
      opacity: .9;
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      background: currentColor;
      top: auto;
      -webkit-transform: translateZ(0);
              transform: translateZ(0);
      height: 30%;
      min-height: 11.25rem; } }
  .component-stage .component-footer,
  .component-stage .component-header {
    z-index: 10; }
  .component-stage .component-footer,
  .component-stage .component-picture {
    background: currentColor; }
    @media only screen and (min-width: 40.063em) {
      .component-stage .component-footer,
      .component-stage .component-picture {
        background: transparent; } }
  .component-stage .component-header {
    padding-top: 1.25rem; }
    @media only screen and (min-width: 40.063em) {
      .component-stage .component-header {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 1; }
        .component-stage .component-header:after {
          content: "";
          display: block;
          height: 350.4px;
          height: 35vh;
          height: calc(30vh + 3.75rem);
          min-height: 13.125rem; } }
  @media only screen and (min-width: 40.063em) {
    .component-stage .component-picture,
    .component-stage .component-footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0; } }
  .component-stage .component-picture {
    padding-bottom: 0.625rem;
    pointer-events: none; }
    [data-transition-type="push"] .component-stage .component-picture {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    .component-stage .component-picture .column {
      z-index: 2; }
    @media only screen and (max-width: 40em) {
      .component-stage .component-picture {
        position: relative; } }
    @media only screen and (min-width: 40.063em) {
      .component-stage .component-picture {
        padding-bottom: 0;
        margin-bottom: 69.12px;
        margin-bottom: 9vh;
        text-align: center; }
        .component-stage .component-picture .picture {
          max-width: 614.4px;
          max-width: 80vh;
          display: inline; } }
    @media only screen and (min-width: 62.8125em) {
      .component-stage .component-picture {
        margin-bottom: 0; }
        .component-stage .component-picture .picture {
          max-width: 691.2px;
          max-width: 90vh; } }
  .component-stage .component-footer {
    padding: 1.875rem 0; }
    @media only screen and (min-width: 40.063em) {
      .component-stage .component-footer {
        z-index: 10;
        background: transparent;
        text-align: center;
        padding-bottom: 3.75rem;
        overflow: hidden; } }
    @media only screen and (min-width: 62.8125em) {
      .component-stage .component-footer {
        padding-bottom: 1.875rem;
        height: 30%;
        min-height: 11.25rem;
        text-align: left; } }
  .component-stage .item-list-label {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s; }
  .component-stage.component-footer-theme-dark .item-list:hover .item-list-label {
    color: white; }
  .component-stage.component-footer-theme-light .item-list:hover .item-list-label {
    color: #2183ca; }
  .component-stage .component-stage-safety-button {
    position: relative;
    z-index: 50;
    margin-top: -7.5rem;
    bottom: 1.625rem; }
    @media only screen and (max-width: 40em) {
      .component-stage .component-stage-safety-button {
        position: absolute;
        top: 23rem;
        left: 12rem; } }
    @media only screen and (min-width: 40.063em) {
      .component-stage .component-stage-safety-button {
        position: absolute;
        bottom: 6.875rem; } }
    @media only screen and (min-width: 62.8125em) {
      .component-stage .component-stage-safety-button {
        bottom: 1.875rem; } }
    .component-stage .component-stage-safety-button .button-icon {
      min-width: 6.25rem;
      display: block; }
  .component-stage .component-stage-iconlist {
    margin: 0.625rem 0; }
    .component-stage .component-stage-iconlist .item {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-filter: none;
              filter: none;
      padding: 0;
      background-color: currentColor; }
    @media only screen and (min-width: 40.063em) {
      .component-stage .component-stage-iconlist {
        margin: 0;
        min-width: 16.875rem; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-stage .component-stage-iconlist {
        margin-left: 8%;
        padding-right: 8%; } }
  .component-stage .layer .layer-header .item-icon {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-filter: none;
            filter: none;
    background-color: currentColor;
    padding: 0.625rem; }
  .component-stage .component-stage-button__dropdown {
    display: none;
    height: 0; }
    .component-stage .component-stage-button__dropdown.is-active {
      display: block;
      width: 100%;
      height: 200px;
      background: #fff; }

/**
 * @name        component-stage-detail
 * @description styling for stage detail components
 *
 * @version     @@VERSION@@
 */
.component-stage-detail .component-stage-button .bvstar {
  margin-bottom: 15px; }

@media only screen and (min-width: 40.063em) {
  .component-stage-detail .component-stage-button {
    position: absolute;
    bottom: 1.5625rem; } }

@media only screen and (min-width: 40.063em) {
  .component-stage-detail .component-content:after {
    min-height: 16.25rem; } }

@media only screen and (min-width: 40.063em) {
  .component-stage-detail .component-header:after {
    min-height: 18.125rem; } }

@media only screen and (min-width: 40.063em) {
  .component-stage-detail .component-footer {
    min-height: 16.25rem;
    text-align: left;
    height: 30%;
    padding-bottom: 1.875rem; } }

/**
 * @name        component-tiles
 * @description component that includes tiles
 *
 * @version     @@VERSION@@
 */
.component-tiles {
  background-color: #2466a9;
  text-align: center; }
  .component-tiles .component-header {
    margin-bottom: 0px 0.5;
    margin-bottom: 5vh; }
    @media only screen and (min-width: 40.063em) {
      .component-tiles .component-header {
        margin-bottom: 10vh; } }
  .component-tiles .text {
    color: white; }
  @media only screen and (max-width: 40em) {
    .component-tiles .component-content {
      padding-top: 3.75rem; } }
  .component-tiles .button-picture picture {
    background-color: #2466a9; }
  .component-tiles .slide-overflow-controls {
    position: absolute;
    margin: 0 auto;
    height: 1.5625rem;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto;
    width: 6.25rem;
    margin-top: 1.875rem; }

/**
 * @name        component-meta
 *
 * @version     @@VERSION@@
 */
.component-meta {
  background: #004487;
  text-align: center; }
  .component-meta .text {
    position: relative;
    z-index: 5; }
  .component-meta-tiles {
    position: relative;
    z-index: 5; }
  .component-meta .component-meta-tiles {
    margin: 0 auto 3.125rem; }
    @media only screen and (min-width: 40.063em) {
      .component-meta .component-meta-tiles {
        min-height: 230.4px;
        min-height: 30vh; } }
    @media only screen and (min-width: 62.8125em) {
      .component-meta .component-meta-tiles {
        max-width: 53.125rem; } }
    .component-meta .component-meta-tiles .item {
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-filter: none;
              filter: none; }
  .component-meta .component-header {
    padding-bottom: 3.125rem; }
    @media only screen and (min-width: 40.063em) {
      .component-meta .component-header {
        min-height: 92.16px;
        min-height: 12vh; } }
  .component-meta .component-content {
    padding-bottom: 0;
    padding-top: 3.75rem; }
    @media only screen and (min-width: 40.063em) {
      .component-meta .component-content {
        padding-top: 138.24px;
        padding-top: 18vh; } }
    .component-meta .component-content:after {
      content: none; }
  .component-meta .component-footer {
    background: white;
    padding: 2.5rem 0 1.25rem;
    color: #a4a2a3;
    font-size: 1.125rem; }
    .component-meta .component-footer p {
      direction: initial; }
    .component-meta .component-footer .form-field {
      -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
              box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
      color: #2183ca; }
    .component-meta .component-footer .item-half {
      -webkit-box-shadow: none;
              box-shadow: none; }
    @media only screen and (min-width: 40.063em) {
      .component-meta .component-footer {
        min-height: 284.16px;
        min-height: 37vh; } }
  .component-meta .icon-henkel {
    max-width: 6.25rem;
    margin: 15.36px auto 7.68px;
    margin: 2vh auto 1vh; }
  .component-meta .item-label {
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 1.125rem; }

/**
 * @name        component-split
 *
 * @version     @@VERSION@@
 */
.component-split:before {
  content: "";
  width: 3.333%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #004487; }
  @media only screen and (min-width: 40.063em) {
    .component-split:before {
      width: 35%; } }
  @media only screen and (min-width: 62.8125em) {
    .component-split:before {
      width: 27.5%; } }
  @media only screen and (min-width: 100.8125em) {
    .component-split:before {
      width: calc(50% - 350px); } }

.component-split .component-content > * {
  position: relative;
  z-index: 1; }

.component-split .component-picture {
  z-index: 0; }

.component-split .component-content {
  -webkit-overflow-scrolling: touch; }
  .component-split .component-content .text {
    color: #2183ca; }
  .component-split .component-content .cookies.collection {
    color: #2183ca; }
  .component-split .component-content .component-split-title {
    word-wrap: break-word;
    padding-right: 1.25rem; }
    @media only screen and (min-width: 40.063em) {
      .component-split .component-content .component-split-title .text {
        color: white; } }

@media only screen and (min-width: 40.063em) {
  .component-split .component-split-content {
    padding-left: 1.875rem; } }

.component-split .component-split-content .text {
  width: 100%; }
  @media only screen and (min-width: 62.8125em) {
    .component-split .component-split-content .text {
      width: 85%; } }

@media only screen and (min-width: 62.8125em) {
  .component-split .component-split-content .accordion .text {
    width: 100%; } }

.component-split .component-split-list .button-decoration {
  outline: 0.0625rem solid transparent; }

.component-split .component-split-list .form-content .slide-list .component-content {
  max-width: none; }

.component-split .component-header {
  margin-bottom: 1.875rem; }
  .component-split .component-header .hl, .component-split .component-header .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-split .component-header h2 {
    color: #2183ca;
    word-wrap: break-word; }
    @media only screen and (min-width: 40.063em) {
      .component-split .component-header .hl, .component-split .component-header .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-split .component-header h2 {
        padding-left: 1.25rem; } }

@media only screen and (min-width: 40.063em) {
  .component-split .component-picture {
    width: 35%;
    position: absolute;
    left: 0;
    top: 0; } }

@media only screen and (max-width: 40em) {
  .component-split .component-picture {
    display: none; } }

.component-split.component-split-inverted {
  background-color: #005da2;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .component-split.component-split-inverted:before {
    background-color: #005da2; }
  .component-split.component-split-inverted .component-header .hl, .component-split.component-split-inverted .component-header .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-split.component-split-inverted .component-header h2 {
    font-size: 2.5rem;
    color: white; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-split.component-split-inverted .component-header .hl, .component-split.component-split-inverted .component-header .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-split.component-split-inverted .component-header h2 {
        font-size: 2rem;
        /*font-size: rem-calc(35);*/ } }

.component-split .component-form,
.component-split .form {
  background: white; }

.component-split .form .component-content {
  padding-right: 0;
  float: left;
  max-width: none; }

.component-split .form .component-controls {
  display: none; }

.component-split .form .text {
  width: auto; }

.component-split .form-controls {
  position: static;
  margin-top: 2.5rem; }

.component-split .form-content {
  overflow: visible;
  height: auto; }

.component-split .form-field-inner {
  border-color: #e4e4e4; }

.component-split .form-box-pseudo {
  border-style: solid;
  border-color: #e4e4e4; }

.component-split .form-label {
  font-weight: bold; }

.component-split .form-box-checkbox .form-label {
  font-weight: normal; }

.component-split .slide,
.component-split .slide-list .component {
  min-height: 0; }

.component-split .pagination {
  display: none; }

.component-split .button {
  margin-top: 1.875rem;
  margin-bottom: 0.9375rem; }

.component-split .form-controls {
  margin: 0.625rem 0;
  padding-bottom: 0.9375rem;
  padding-top: 0;
  background: transparent; }
  .component-split .form-controls .button {
    margin: 0; }

.chrome-rtl-split-fix .component-split .component-header {
  -webkit-transition: transform .3s; }

.chrome-rtl-split-fix .component-split .component-split-list {
  -webkit-transition: transform .3s; }

.chrome-rtl-split-fix.page-intro-is-running .component-split .component-header {
  -webkit-transform: translate3d(-1rem, 0, 0); }

.chrome-rtl-split-fix.page-intro-is-done .component-split .component-header {
  -webkit-transform: translate3d(0, 0, 0); }

.chrome-rtl-split-fix.page-intro-is-done .component-split .component-split-list {
  -webkit-transform: translate3d(1rem, 0, 0); }

/**
 * @name        component-knowledge
 *
 * @version     @@VERSION@@
 */
.component-knowledge {
  /**
   * VARIANT: LARGE
   *   – video is replaced with an 16:9-version
   *   - image is aligned bottom/left, but – since only a single image-format
   *     of 8:9 is used – will only use half the viewports width
   */ }
  .component-knowledge .hl, .component-knowledge .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-knowledge h2 {
    font-size: 3.75rem; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-knowledge .component-content:before {
      content: "";
      height: 40%;
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(#fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
      background: linear-gradient(#fff, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); } }
  @media only screen and (min-width: 62.8125em) {
    .component-knowledge .component-content {
      padding-bottom: 3.125rem; } }
  .component-knowledge .component-content .row {
    position: relative;
    z-index: 1; }
  .component-knowledge .text-group {
    margin-bottom: 1.875rem;
    color: #2183ca; }
  .js .component-knowledge .text-group, .js .component-knowledge .button {
    opacity: 0;
    -webkit-transition: opacity .75s;
    -o-transition: opacity .75s;
    transition: opacity .75s; }
  .component-knowledge.is-active .text-group, .component-knowledge.is-active .button {
    opacity: 1; }
  .component-knowledge.is-prev, .component-knowledge.is-next, .component-knowledge.is-active {
    will-change: opacity; }
  .component-knowledge .component-picture {
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s; }
  .component-knowledge .picture,
  .component-knowledge .video-player-wrap {
    width: 100%;
    height: auto; }
  .component-knowledge .video-player {
    width: 100%;
    margin: 0;
    max-height: none; }
  @media only screen and (max-width: 40em) {
    .component-knowledge .component-content {
      padding-bottom: 0; } }
  @media only screen and (max-width: 40em) {
    .component-knowledge .picture,
    .component-knowledge .video-player-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
    .component-knowledge .component-picture .picture {
      position: relative;
      z-index: 1; } }
  @media only screen and (min-width: 40.063em) {
    .component-knowledge .picture,
    .component-knowledge .video-player-wrap {
      position: absolute;
      left: 0;
      bottom: 0; }
    .component-knowledge .hl, .component-knowledge .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-knowledge h2 {
      font-size: 5rem; }
    .component-knowledge .text-major {
      font-size: 2.1875rem;
      line-height: 2.8125rem; } }
  @media only screen and (min-width: 62.8125em) {
    .component-knowledge .hl, .component-knowledge .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-knowledge h2 {
      font-size: 6.25rem; }
    .component-knowledge .video-player {
      bottom: 0;
      position: absolute; }
    .component-knowledge .video-player-wrap {
      height: 100%;
      background: white; }
    .component-knowledge .text-major {
      font-size: 3.125rem;
      line-height: 3.4375rem; }
    .component-knowledge .picture {
      width: 50%; } }

/**
 * @name        component-form
 *
 * @version     @@VERSION@@
 */
.component-form .component-header {
  margin-bottom: 1.25rem; }

@media only screen and (min-width: 40.063em) {
  .component-form .component-content {
    word-spacing: -0.31em;
    font-size: 0;
    line-height: 0;
    padding-top: 153.6px;
    padding-top: 20vh; } }

@media only screen and (min-width: 62.8125em) and (max-width: 87.5em) {
  .component-form .hl, .component-form .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-form h2 {
    font-size: 3rem; } }

@media only screen and (min-width: 62.8125em) and (max-width: 87.5em) {
  .component-form .text-major {
    font-size: 1.6rem; } }

/**
 * @name        component-cover
 *
 * @version     @@VERSION@@
 */
@media only screen and (max-width: 40em) {
  .component-cover {
    min-height: 34.375rem; } }

@media only screen and (min-width: 40.063em) {
  .component-cover.component-cover-direction-right .component-content .column {
    margin-left: 50% !important; } }

@media only screen and (min-width: 62.8125em) {
  .component-cover.component-cover-direction-right .component-content .column {
    margin-left: 58.3333333333% !important; } }

.component-cover .text-group {
  margin-bottom: 1.25rem; }
  .component-cover .text-group.text-theme-dark .text-major {
    color: inherit; }

@media only screen and (min-width: 40.063em) {
  .component-cover .component-content {
    padding-top: 192px;
    padding-top: 25vh; } }

@media only screen and (min-width: 62.8125em) {
  .component-cover .component-content {
    padding-top: 230.4px;
    padding-top: 30vh; } }

.component-cover.component-cover-autoplay .text-group {
  text-align: center; }

.component-cover.component-cover-autoplay .component-content {
  padding: 0; }
  .component-cover.component-cover-autoplay .component-content .hl, .component-cover.component-cover-autoplay .component-content .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-cover.component-cover-autoplay .component-content h2 {
    font-size: 2.3rem; }
  @media only screen and (min-width: 40.063em) {
    .component-cover.component-cover-autoplay .component-content .hl, .component-cover.component-cover-autoplay .component-content .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-cover.component-cover-autoplay .component-content h2 {
      font-size: 3.0rem; } }

.component-cover.component-cover-autoplay .component-header {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 3vh; }

.component-cover .picture {
  max-height: 417.6px;
  max-width: 417.6px;
  max-height: calc(70vh - 7.5rem);
  max-width: calc(70vh - 7.5rem); }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-cover .picture {
      width: 140%; } }

.component-cover .video-player-wrap,
.component-cover .video-player {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto; }

.component-cover .video-player-wrap {
  background: white;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }

.component-cover .video-stop-button {
  position: fixed;
  top: 1.25rem;
  right: 5%;
  z-index: 99; }
  .is-ios .component-cover .video-stop-button {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.component-cover.is-video-playing .video-player-wrap {
  opacity: 1;
  pointer-events: auto; }

.component-cover.is-video-playing .video-play-button {
  visibility: hidden;
  display: block; }

.no-pointerevents .component-cover .video-player-wrap {
  display: none; }

.no-pointerevents .component-cover.is-video-playing .video-player-wrap {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .component-cover-campaign .component-content {
    padding-top: 307.2px;
    padding-top: 40vh; } }

@media only screen and (min-width: 62.8125em) {
  .component-cover-campaign .component-content {
    padding-top: 345.6px;
    padding-top: 45vh; } }

/**
 * @name        component-story
 *
 * @version     @@VERSION@@
 */
.component-story .bg {
  bottom: auto;
  height: 16.5rem; }
  @media only screen and (min-width: 40.063em) {
    .component-story .bg {
      height: 18.75rem; } }
  @media only screen and (min-width: 62.8125em) {
    .component-story .bg {
      bottom: 0;
      height: auto; } }

.component-story .text {
  color: #2183ca;
  font-size: 1rem; }
  @media only screen and (min-width: 87.5em) {
    .component-story .text {
      font-size: 1.25rem; } }

.component-story .hl, .component-story .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-story h2 {
  font-size: 2.8rem;
  margin-bottom: 1.25rem; }
  @media only screen and (min-width: 62.8125em) {
    .component-story .hl, .component-story .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-story h2 {
      font-size: 2.3rem; } }
  @media only screen and (min-width: 87.5em) {
    .component-story .hl, .component-story .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-story h2 {
      font-size: 3.25rem; } }

.component-story .text-copy {
  font-size: 1.25rem;
  line-height: 1.4; }
  @media only screen and (min-width: 62.8125em) {
    .component-story .text-copy {
      margin-bottom: 1.25rem; } }

.component-story .component-header {
  position: relative; }

.component-story .component-content {
  width: 100%;
  z-index: 1;
  padding-top: 0; }
  @media only screen and (min-width: 40.063em) {
    .component-story .component-content {
      padding-top: 0;
      padding-left: 8.3333333333%;
      padding-right: 8.3333333333%;
      position: relative; }
      .component-story .component-content:after {
        content: none; } }
  @media only screen and (min-width: 62.8125em) {
    .component-story .component-content {
      padding-right: 0;
      padding-left: 0;
      max-width: 87.5rem;
      margin: 0 auto; }
      .component-story .component-content:after {
        content: none; } }
  .component-story .component-content .component-content-inner {
    padding-top: 23.4375rem; }
    @media only screen and (min-width: 40.063em) {
      .component-story .component-content .component-content-inner {
        padding: 25rem 0 0 0;
        margin: 0;
        width: 100%; } }
    @media only screen and (min-width: 62.8125em) {
      .component-story .component-content .component-content-inner {
        padding-top: 20vh;
        padding-right: 62%;
        padding-bottom: 2.8125rem;
        padding-left: 6%;
        height: 100vh; } }
  .component-story .component-content .item {
    position: absolute;
    top: 12.1875rem;
    left: auto;
    right: 0.3125rem;
    z-index: 1;
    margin-left: -3rem;
    font-weight: normal;
    background-color: rgba(227, 32, 36, 0.9);
    color: white;
    opacity: .9; }
    @media only screen and (min-width: 40.063em) {
      .component-story .component-content .item {
        top: 12.6875rem; } }

.component-story .picture-icon {
  width: 15.625rem;
  height: 15.625rem;
  position: absolute;
  z-index: -1;
  top: -4.375rem;
  left: -8.3%; }
  @media only screen and (min-width: 40.063em) {
    .component-story .picture-icon {
      width: 18.75rem;
      height: 18.75rem; } }
  @media only screen and (min-width: 62.8125em) {
    .component-story .picture-icon {
      width: 25rem;
      height: 25rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-story .picture {
    width: 80%;
    margin-left: auto;
    margin-right: auto; } }

@media only screen and (min-width: 62.8125em) {
  .component-story .component-content {
    z-index: 1; }
    .component-story .component-content .item {
      top: 422.4px;
      top: 55vh;
      left: 50%;
      margin-left: -5.9375rem; }
  .component-story .picture-icon {
    left: -16%; }
  .component-story:nth-child(even) .component-content-inner {
    padding-left: 6%;
    padding-right: 62%; }
  .component-story:nth-child(even) .bg {
    left: 50%; }
  .component-story:nth-child(odd) .bg {
    right: 50%; }
  .component-story:nth-child(odd) .component-content-inner {
    padding-left: 62%;
    padding-right: 6%; }
  .component-story:nth-child(odd) .picture-icon {
    left: auto;
    right: -16%; } }

.component-intro .component-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center; }
  .transitions-active .component-intro .component-content {
    height: auto;
    min-height: initial; }
  @media only screen and (min-width: 40.063em) {
    .component-intro .component-content {
      padding-bottom: 2.125rem; } }

/**
 * a page component for inner scrolling
 *
 * @name        transitions
 * @version     @@VERSION@@
 */
.component-page {
  overflow-x: hidden;
  overflow-y: auto; }
  @media only screen and (min-width: 40.063em) {
    .component-page {
      height: 768px;
      height: 100vh; } }
  .component-page .component-content {
    height: auto !important;
    overflow: visible !important; }
  .component-page .component {
    min-height: 0; }

.component-safety-note {
  position: relative;
  z-index: 101; }

/**
 * @name        component-multi-teaser
 *
 * @version     @@VERSION@@
 */
.component-multi-teaser .component-content {
  padding-top: 0; }
  .component-multi-teaser .component-content:after {
    display: none; }

.component-multi-teaser-split {
  position: relative;
  width: 100vw; }
  @media only screen and (min-width: 40.063em) {
    .component-multi-teaser-split {
      position: absolute; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-multi-teaser-split {
      left: 0;
      right: 0;
      width: 100vw;
      height: 50vh; } }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split {
      top: 0;
      bottom: 0;
      width: 50vw;
      height: 100vh; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-multi-teaser-split:first-child {
      top: 0;
      bottom: 50vh; } }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split:first-child {
      left: 0;
      right: 50vw; } }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split:first-child.component-multi-teaser-double-split .row {
      margin-left: auto !important;
      padding-left: 0 !important; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-multi-teaser-split:last-child {
      top: 50vh;
      bottom: 100vh; } }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split:last-child {
      left: 50vw;
      right: 100vw; } }
  .component-multi-teaser-split:last-child .teaser > a {
    display: block;
    height: 100%;
    width: 100%; }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split:last-child.component-multi-teaser-double-split .row {
      margin-right: auto !important;
      padding-right: 0 !important; } }

@media only screen and (min-width: 40.063em) {
  .component-multi-teaser-double-split .teaser {
    height: 50vh;
    width: 50vw; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-multi-teaser-double-split .teaser:first-child {
    left: 0;
    right: 50vw; } }

@media only screen and (min-width: 62.8125em) {
  .component-multi-teaser-double-split .teaser:first-child {
    top: 0;
    bottom: 50vh; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-multi-teaser-double-split .teaser:last-child {
    left: 50vw;
    right: 100vw; } }

@media only screen and (min-width: 62.8125em) {
  .component-multi-teaser-double-split .teaser:last-child {
    top: 50vh;
    bottom: 100vh; } }

.component-multi-teaser-split .bg-image {
  background-position: bottom right; }

@media only screen and (min-width: 62.8125em) {
  .component-multi-teaser-split:not(.component-multi-teaser-double-split) .bg-image {
    background-position: center center; } }

.component-multi-teaser-split .teaser-content {
  width: 100%; }
  @media only screen and (max-width: 40em) {
    .component-multi-teaser-split .teaser-content {
      max-width: 90%;
      min-height: 34.375rem;
      padding: 8.125rem 0; } }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split .teaser-content {
      max-width: 43.75rem; } }
  @media only screen and (min-width: 40.063em) {
    .component-multi-teaser-split .teaser-content .columns {
      max-width: 66.666666667%; } }
  @media only screen and (min-width: 62.8125em) {
    .component-multi-teaser-split .teaser-content .columns {
      max-width: none; } }

.component-multi-teaser-split:first-child .teaser-content {
  right: 0; }

@media only screen and (min-width: 62.8125em) {
  .component-multi-teaser-split:first-child .row {
    margin-right: 0;
    padding-right: 3.125rem; } }

.component-multi-teaser-split:last-child .teaser-content {
  left: 0; }

@media only screen and (min-width: 62.8125em) {
  .component-multi-teaser-split:last-child .row {
    margin-left: 0;
    padding-left: 3.125rem; } }

@media only screen and (max-width: 40em) {
  .component-multi-teaser-double-split .teaser .teaser-content {
    min-height: 12.5rem;
    padding: 3.125rem 0; } }

@media only screen and (min-width: 40.063em) {
  .component-multi-teaser-double-split .teaser .teaser-content .columns {
    max-width: none; } }

@media only screen and (min-width: 62.8125em) {
  .component-multi-teaser-double-split .teaser .teaser-content .columns {
    max-width: 66.666666667%; } }

@media only screen and (min-width: 40.063em) {
  .component-multi-teaser-double-split .teaser:first-child .row {
    margin-right: 0;
    padding-right: 3.125rem; } }

@media only screen and (min-width: 40.063em) {
  .component-multi-teaser-double-split .teaser:last-child .row {
    margin-left: 0;
    padding-left: 3.125rem; } }

/* area */
/**
 * @name        area
 * @description basic area styling
 *
 * @version     @@VERSION@@
 */
.area {
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 40.063em) {
    .area {
      min-height: 768px;
      min-height: 100vh; } }
  .area .pagination-list {
    display: none; }
  @media only screen and (min-width: 62.8125em) {
    .area:last-of-type .component-meta .component-content {
      overflow-y: auto !important; } }

.area-blog {
  color: #2183ca; }
  .area-blog .slide .text {
    padding-left: 1rem;
    padding-right: 1rem; }
  .area-blog .blog-element {
    margin: 0.625rem 0; }
    @media only screen and (min-width: 62.8125em) {
      .area-blog .blog-element {
        margin: 0.9375rem 0; } }
  .area-blog h1, .area-blog h2, .area-blog h3, .area-blog h4, .area-blog h5 {
    text-transform: uppercase;
    font-weight: normal;
    color: #2183ca;
    line-height: 100%; }
  .area-blog h1 {
    font-size: 2.1875rem; }
  .area-blog h2 {
    font-size: 1.875rem; }
  .area-blog h3 {
    font-size: 1.5625rem; }
  .area-blog h4 {
    font-size: 1.25rem; }
  .area-blog h5 {
    font-size: 0.9375rem; }
  .area-blog .text {
    color: #474747; }
    .area-blog .text.hl, .area-blog .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .area-blog h2.text {
      color: #2183ca; }
      .lp-search-results .area-blog .text.hl, .lp-search-results .area-blog .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .lp-search-results .area-blog h2.text {
        margin-bottom: 2rem; }
    .area-blog .text strong {
      font-size: 120%; }
  .area-blog .editmode-error > .text.hl, .area-blog .component-footer-addendum .text-area .editmode-error > h2.text, .component-footer-addendum .text-area .area-blog .editmode-error > h2.text {
    color: #2183ca; }
  .area-blog .accordion .accordion-headline {
    color: #2183ca; }
  .area-blog .accordion .accordion-slide-container {
    background: #004487;
    border-color: white; }
  .area-blog > .icon-list .slick-slider-wrapper .slider-mobile {
    padding: 0; }
  @media only screen {
    .area-blog > .icon-list > .row {
      width: 100%;
      max-width: 90%; } }
  @media only screen and (min-width: 62.8125em) {
    .area-blog > .icon-list > .row {
      width: 75%;
      max-width: 1440px; } }
  .area-blog > .icon-list.text-theme-light .text {
    color: white; }
    .area-blog > .icon-list.text-theme-light .text.hl, .area-blog > .icon-list.text-theme-light .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .area-blog > .icon-list.text-theme-light h2.text {
      color: white; }
  .area-blog > .icon-list.text-theme-dark .text {
    color: #2183ca; }
    .area-blog > .icon-list.text-theme-dark .text.hl, .area-blog > .icon-list.text-theme-dark .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .area-blog > .icon-list.text-theme-dark h2.text {
      color: #2183ca; }

/* slide */
/**
 * @name        slide
 * @description wrapper for slideable components
 *
 * @version     @@VERSION@@
 */
.slide {
  overflow: hidden;
  position: relative;
  margin: 0 auto; }
  @media only screen and (min-width: 40.063em) {
    .slide {
      min-height: 768px;
      min-height: 100vh; } }
  .slide.is-rendered .slide-list {
    -webkit-transition: height 1.25s, -webkit-transform 1.25s;
    transition: height 1.25s, -webkit-transform 1.25s;
    -o-transition: height 1.25s, transform 1.25s;
    transition: height 1.25s, transform 1.25s;
    transition: height 1.25s, transform 1.25s, -webkit-transform 1.25s; }
  .slide.is-single-slide .slide-controls {
    display: none; }
  .slide.large {
    width: 100%; }
  .slide.small {
    width: 100%; }
    @media only screen and (min-width: 40.063em) {
      .slide.small {
        width: 50%; } }
  .slide .slider-with-indicators {
    position: relative; }
  .slide.paginated {
    min-height: 0; }
    .slide.paginated .component {
      min-height: 0; }
      .slide.paginated .component .video-player-item {
        margin: 0; }
    .slide.paginated .component-content {
      padding: 0; }
      .slide.paginated .component-content:after {
        display: none; }
  .slide.no-scrolling .component-controls {
    display: none; }

.editmode .slide-controls {
  display: none; }

.large {
  width: 100%; }

.small {
  width: 50%; }

/**
 * @name        slide-list
 * @description overrides styles for components in slide
 *
 * @version     @@VERSION@@
 */
.slide-list {
  will-change: transform, height;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .slide-list .component {
    width: 100%; }
    .js .slide-list .component {
      position: absolute;
      top: 0; }
    .slide-list .component.is-next:first-child {
      left: auto !important;
      right: 0; }
    .slide-list .component.is-prev:last-child {
      left: 0 !important; }
  .slide-list .component-cover {
    min-height: 100%; }

/**
 * @name        slide-overflow
 * @description styling for slider create for a lot of elements in a row that
 *              needs to be in one line and swipeable.
 *              Expects to be based on foundation block grid layout.
 *
 * @version     @@VERSION@@
 */
.slide-overflow {
  margin-left: auto;
  margin-right: auto; }
  .slide-overflow .slide-overflow-item {
    height: 100%; }

.slide-overflow-item {
  float: left !important;
  clear: none !important; }

.slide-overflow-wrapper {
  overflow: hidden; }

/**
 * @name        slide-controls
 * @description styles controls of an slide module
 *
 * @version     @@VERSION@@
 */
.slide-controls {
  position: absolute;
  bottom: 1.875rem;
  right: 0;
  z-index: 10;
  padding: 0 5%;
  width: 100%;
  text-align: right;
  direction: ltr; }
  .editmode .slide-controls {
    display: none; }
  .slide-controls .pagination {
    float: left;
    font-size: 1.625rem;
    font-weight: normal;
    line-height: 3.75rem; }
    .slide-controls .pagination span {
      display: inline-block; }
    .slide-controls .pagination .pager-curr {
      font-size: 2.5rem;
      font-weight: bold; }
    @media only screen and (min-width: 62.8125em) {
      .slide-controls .pagination {
        position: absolute;
        left: 0;
        top: -552.96px;
        top: -72vh; } }
  @media only screen and (min-width: 62.8125em) {
    .slide-controls {
      position: absolute;
      right: 0;
      top: 652.8px;
      top: 85vh;
      padding: 0 3%;
      width: 42.333%;
      height: 0; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .slide-controls {
      bottom: 1rem; } }
  @media only screen and (max-width: 40em) {
    .slide-controls {
      bottom: 10rem; } }

.slider-with-indicators {
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: 0;
  margin: 0.625rem 0; }
  @media only screen and (min-width: 40.063em) {
    .slider-with-indicators {
      margin: 0.9375rem 0; } }
  @media only screen and (min-width: 62.8125em) {
    .slider-with-indicators {
      margin: 1.875rem 0; } }
  .slider-with-indicators .slide {
    padding: 0 0 3.75rem 0; }
    .slider-with-indicators .slide section {
      width: 100%;
      height: auto; }
  .slider-with-indicators .slide-controls {
    position: absolute;
    bottom: 1.25rem;
    top: auto;
    width: 50%;
    left: 50%;
    margin-left: -25%; }
    .slider-with-indicators .slide-controls .dots-wrapper {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -55px; }
      .slider-with-indicators .slide-controls .dots-wrapper li {
        position: relative;
        width: 14px;
        height: 14px;
        background: #2183ca;
        border-radius: 100%;
        display: inline-block;
        margin-right: 7px;
        overflow: hidden; }
        .slider-with-indicators .slide-controls .dots-wrapper li:last-child {
          margin-right: 0; }
        .slider-with-indicators .slide-controls .dots-wrapper li:after {
          content: '';
          position: absolute;
          width: 14px;
          height: 14px;
          border-radius: 7px;
          background: #004487;
          top: 0;
          left: 0;
          -webkit-transform: translateY(15px);
          -webkit-transition: all .1s ease-out;
          -webkit-backface-visibility: hidden;
          -ms-transform: translateY(15px);
              transform: translateY(15px);
          -o-transition: all .1s ease-out;
          transition: all .1s ease-out; }
        .slider-with-indicators .slide-controls .dots-wrapper li.active:after {
          -webkit-backface-visibility: hidden;
          -webkit-transform: translateZ(0) scale(1, 1);
          -webkit-transform: translateY(0px);
          -ms-transform: translateY(0px);
              transform: translateY(0px); }

.slide-overflow-controls {
  display: none; }
  @media only screen and (min-width: 40.063em) {
    .slide-overflow-controls {
      position: static;
      height: 0; }
      .slide-overflow.is-overflowed + .slide-overflow-controls {
        display: block; } }

.slide-overflow-btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1.875rem;
  padding-right: 0.625rem;
  padding-left: 0;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  -o-transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s; }
  [dir="rtl"] .slide-overflow-btn {
    left: 0;
    right: auto;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
    [dir="rtl"] .slide-overflow-btn:hover {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  @media only screen and (min-width: 62.8125em) {
    .slide-overflow-btn {
      padding-right: 0.9375rem;
      width: 2.5rem; } }
  .slide-overflow-btn.is-highlighted {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2); }
  .slide-overflow-btn:active {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .is-ie9 .slide-overflow-btn {
    background: #2466a9; }
  .slide-overflow-btn.is-disabled {
    opacity: .5;
    cursor: default;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
    [dir="rtl"] .slide-overflow-btn.is-disabled {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
  .slide-overflow-btn .icon-path {
    fill: #2183ca; }
  .slider-with-indicators .slide-overflow-btn {
    bottom: 0;
    padding-left: 0;
    padding-right: 0.625rem;
    position: absolute;
    right: 0;
    -webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    -o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    top: unset; }

.slide-overflow-btn:first-child {
  left: 0;
  right: auto;
  padding-right: 0;
  padding-left: 0.625rem; }
  [dir="rtl"] .slide-overflow-btn:first-child {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media only screen and (min-width: 62.8125em) {
    .slide-overflow-btn:first-child {
      padding-left: 0.9375rem; } }
  .slide-overflow-btn:first-child:before {
    left: -0.625rem;
    right: auto; }

/**
 * @name        pagination-controls
 * @description styles controls of a slide module inside a wrapper
 *
 * @version     @@VERSION@@
 */
.row.pagination-controls {
  margin-top: 1.25rem;
  text-align: center;
  width: 100%; }
  .row.pagination-controls .pagination-control-list {
    list-style: none;
    display: inline; }
    .row.pagination-controls .pagination-control-list .pagination-button {
      display: inline-block;
      position: relative; }
      .row.pagination-controls .pagination-control-list .pagination-button .item {
        margin: 0 0.2rem;
        width: 1.25rem;
        height: 1.25rem;
        padding: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
                box-shadow: none; }
        @media only screen and (min-width: 62.8125em) {
          .row.pagination-controls .pagination-control-list .pagination-button .item {
            margin: 0 0.3rem;
            width: 1.875rem;
            height: 1.875rem; } }
    .row.pagination-controls .pagination-control-list .pagination-items {
      display: inline-block;
      position: relative; }
      .row.pagination-controls .pagination-control-list .pagination-items .pagination-bubble {
        cursor: pointer;
        margin: 0 0.2rem 0.3125rem;
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 0.25rem;
        background-color: #2183ca;
        position: relative;
        display: inline-block;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s; }
        @media only screen and (min-width: 62.8125em) {
          .row.pagination-controls .pagination-control-list .pagination-items .pagination-bubble {
            margin: 0 0.3rem 0.5rem;
            width: 0.875rem;
            height: 0.875rem;
            border-radius: 0.4375rem; } }
        .row.pagination-controls .pagination-control-list .pagination-items .pagination-bubble.active {
          background-color: #004487; }

/* slick-slider */
/* 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-slider ul:hover, .slick-slider ul:focus, .slick-slider ul:active,
  .slick-slider div:hover,
  .slick-slider div:focus,
  .slick-slider div:active,
  .slick-slider a:hover,
  .slick-slider a:focus,
  .slick-slider a:active,
  .slick-slider li:hover,
  .slick-slider li:focus,
  .slick-slider li:active {
    outline: none; }
  .slick-slider .slick-arrow .icon-path {
    fill: white; }
  .slick-slider.slick-slider-fullscreen {
    padding: 0; }
    .slick-slider.slick-slider-fullscreen .slick-dots {
      bottom: 1rem; }
      @media only screen and (max-width: 40em) {
        .slick-slider.slick-slider-fullscreen .slick-dots {
          bottom: 3rem; } }
    .slick-slider.slick-slider-fullscreen .slick-prev {
      left: 0; }
      [dir="rtl"] .slick-slider.slick-slider-fullscreen .slick-prev {
        margin-right: 1.5625rem;
        -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
        @media only screen and (max-width: 40em) {
          [dir="rtl"] .slick-slider.slick-slider-fullscreen .slick-prev {
            margin-right: 0; } }
      @media only screen and (max-width: 40em) {
        .slick-slider.slick-slider-fullscreen .slick-prev {
          top: 25%;
          left: 0; } }
      @media only screen and (min-width: 62.8125em) {
        .slick-slider.slick-slider-fullscreen .slick-prev {
          left: 1.875rem; } }
      [dir="rtl"] .slick-slider.slick-slider-fullscreen .slick-prev svg:hover {
        -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
    .slick-slider.slick-slider-fullscreen .slick-next {
      right: 0; }
      [dir="rtl"] .slick-slider.slick-slider-fullscreen .slick-next {
        right: 94%;
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
      @media only screen and (max-width: 40em) {
        .slick-slider.slick-slider-fullscreen .slick-next {
          top: 25%;
          right: 0; } }
      @media only screen and (min-width: 62.8125em) {
        .slick-slider.slick-slider-fullscreen .slick-next {
          right: 1.875rem; } }
      [dir="rtl"] .slick-slider.slick-slider-fullscreen .slick-next svg:hover {
        -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }

.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);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .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; }
  .slick-slide > div {
    display: inline; }
  .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; }

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

/* Arrows */
.slick-prev,
.slick-next {
  cursor: pointer;
  content: "";
  font-size: 1.875rem;
  position: absolute;
  line-height: 0;
  font-size: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  z-index: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  -o-transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s; }
  .slick-prev.dark .icon-path,
  .slick-next.dark .icon-path {
    fill: white; }

.slick-prev {
  -webkit-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg);
  left: -1rem; }
  @media only screen and (min-width: 40.063em) {
    .slick-prev {
      left: -1.25rem; } }
  @media only screen and (min-width: 62.8125em) {
    .slick-prev {
      left: 0; } }
  [dir="rtl"] .slick-prev {
    right: 0%; }
  .slick-prev:hover {
    -webkit-transform: translate(0, -50%) rotate(180deg) scale(1.2);
        -ms-transform: translate(0, -50%) rotate(180deg) scale(1.2);
            transform: translate(0, -50%) rotate(180deg) scale(1.2); }
  .slick-prev.slick-disabled {
    opacity: .5;
    cursor: default;
    -webkit-transform: translate(0, -50%) rotate(180deg) scale(1);
        -ms-transform: translate(0, -50%) rotate(180deg) scale(1);
            transform: translate(0, -50%) rotate(180deg) scale(1); }
  [dir="rtl"] .slick-prev.large {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  @media only screen and (min-width: 40.063em) {
    .slick-prev.large {
      width: 2.1875rem;
      height: 2.1875rem;
      left: -0.9375rem; } }
  [dir="rtl"] .slick-prev.large svg:hover {
    -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }

.slick-next {
  -webkit-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
  right: -1rem; }
  @media only screen and (min-width: 40.063em) {
    .slick-next {
      right: -1.25rem; } }
  @media only screen and (min-width: 62.8125em) {
    .slick-next {
      right: 0; } }
  [dir="rtl"] .slick-next {
    right: 94%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
  .slick-next:hover {
    -webkit-transform: translate(0, -50%) scale(1.2);
        -ms-transform: translate(0, -50%) scale(1.2);
            transform: translate(0, -50%) scale(1.2); }
  .slick-next.slick-disabled {
    opacity: .5;
    cursor: default;
    -webkit-transform: translate(0, -50%) scale(1);
        -ms-transform: translate(0, -50%) scale(1);
            transform: translate(0, -50%) scale(1); }
  [dir="rtl"] .slick-next.large {
    right: 97%;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
  @media only screen and (min-width: 40.063em) {
    .slick-next.large {
      width: 2.1875rem;
      height: 2.1875rem;
      right: -0.9375rem; } }
  [dir="rtl"] .slick-next.large svg:hover {
    -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 1.875rem; }

.slick-dots {
  position: absolute;
  bottom: -1.5625rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    display: inline-block; }
    .slick-dots li button {
      line-height: 0;
      font-size: 0;
      margin: 0 0.2rem 0.3125rem;
      width: 0.625rem;
      height: 0.625rem;
      border-radius: 0.25rem;
      background-color: white;
      position: relative;
      display: inline-block;
      -webkit-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
      cursor: pointer; }
      .slick-dots li button:hover {
        background-color: #2183ca; }
    .slick-dots li.slick-active button {
      background-color: #2183ca; }

/* socialshare component */
.socialshare__base {
  display: block;
  margin: 20px 0; }

.socialshare__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.socialshare__item {
  margin: 0 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.socialshare__link .soc-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 30px; }
  .socialshare__link .soc-icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096%2096%22%3E%3Cpath%20d%3D%22M40.73%2C75.08h10V50.29h8.32l1.2-9.6h-9.6V34.43c0-2.79.81-4.71%2C4.8-4.71h5.12V21.08a54.43%2C54.43%2C0%2C0%2C0-7.42-.41c-7.36%2C0-12.42%2C4.57-12.42%2C12.8v7.21H32.41v9.6h8.32V75.08Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #3C5A99; }
  .socialshare__link .soc-icon--twitter {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096%2096%22%3E%3Cpath%20d%3D%22M79.64%2C28.64a25.77%2C25.77%2C0%2C0%2C1-7.35%2C2%2C12.74%2C12.74%2C0%2C0%2C0%2C5.62-7%2C25.71%2C25.71%2C0%2C0%2C1-8.12%2C3.09A12.82%2C12.82%2C0%2C0%2C0%2C47.65%2C35.4%2C12.36%2C12.36%2C0%2C0%2C0%2C48%2C38.3%2C36.36%2C36.36%2C0%2C0%2C1%2C21.62%2C25a12.69%2C12.69%2C0%2C0%2C0%2C4%2C17%2C12.81%2C12.81%2C0%2C0%2C1-5.8-1.59v0.16A12.75%2C12.75%2C0%2C0%2C0%2C30%2C53a12.89%2C12.89%2C0%2C0%2C1-5.78.21%2C12.8%2C12.8%2C0%2C0%2C0%2C11.95%2C8.84%2C25.74%2C25.74%2C0%2C0%2C1-15.89%2C5.45%2C27.81%2C27.81%2C0%2C0%2C1-3.05-.18%2C36.34%2C36.34%2C0%2C0%2C0%2C19.61%2C5.72c23.53%2C0%2C36.4-19.4%2C36.4-36.22%2C0-.55%2C0-1.1%2C0-1.65a25.81%2C25.81%2C0%2C0%2C0%2C6.38-6.59v0Z%22%2F%3E%3C%2Fsvg%3E");
    background-size: 90%, 90%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #38A1F3; }
  .socialshare__link .soc-icon--pinterest {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M9.797%2C2.214C9.466%2C2.256%2C9.134%2C2.297%2C8.802%2C2.338C8.178%2C2.493%2C7.498%2C2.64%2C6.993%2C2.935C5.646%2C3.723%2C4.712%2C4.643%2C4.087%2C6.139C3.985%2C6.381%2C3.982%2C6.615%2C3.909%2C6.884c-0.48%2C1.744%2C0.37%2C3.548%2C1.402%2C4.173c0.198%2C0.119%2C0.649%2C0.332%2C0.815%2C0.049c0.092-0.156%2C0.071-0.364%2C0.128-0.546c0.037-0.12%2C0.154-0.347%2C0.127-0.496c-0.046-0.255-0.319-0.416-0.434-0.62C5.715%2C9.027%2C5.703%2C8.658%2C5.59%2C8.101c0.009-0.075%2C0.017-0.149%2C0.026-0.224C5.65%2C7.254%2C5.755%2C6.805%2C5.948%2C6.362c0.564-1.301%2C1.47-2.025%2C2.931-2.458c0.327-0.097%2C1.25-0.252%2C1.734-0.149c0.289%2C0.05%2C0.577%2C0.099%2C0.866%2C0.149c1.048%2C0.33%2C1.811%2C0.938%2C2.218%2C1.888c0.256%2C0.591%2C0.33%2C1.725%2C0.154%2C2.483c-0.085%2C0.36-0.072%2C0.667-0.179%2C0.993c-0.397%2C1.206-0.979%2C2.323-2.295%2C2.633c-0.868%2C0.205-1.519-0.324-1.733-0.869c-0.06-0.151-0.161-0.418-0.101-0.671c0.229-0.978%2C0.56-1.854%2C0.815-2.831c0.243-0.931-0.218-1.665-0.943-1.837C8.513%2C5.478%2C7.816%2C6.312%2C7.579%2C6.858C7.39%2C7.292%2C7.276%2C8.093%2C7.426%2C8.672c0.047%2C0.183%2C0.269%2C0.674%2C0.23%2C0.844c-0.174%2C0.755-0.372%2C1.568-0.587%2C2.31c-0.223%2C0.771-0.344%2C1.562-0.56%2C2.311c-0.1%2C0.342-0.096%2C0.709-0.179%2C1.066v0.521c-0.075%2C0.33-0.019%2C0.916%2C0.051%2C1.242c0.045%2C0.209-0.027%2C0.467%2C0.076%2C0.621c0.002%2C0.111%2C0.017%2C0.135%2C0.052%2C0.199c0.319-0.01%2C0.758-0.848%2C0.917-1.094c0.304-0.467%2C0.584-0.967%2C0.816-1.514c0.208-0.494%2C0.241-1.039%2C0.408-1.566c0.12-0.379%2C0.292-0.824%2C0.331-1.24h0.025c0.066%2C0.229%2C0.306%2C0.395%2C0.485%2C0.52c0.56%2C0.4%2C1.525%2C0.77%2C2.573%2C0.523c1.188-0.281%2C2.133-0.838%2C2.755-1.664c0.457-0.609%2C0.804-1.313%2C1.07-2.112c0.131-0.392%2C0.158-0.826%2C0.256-1.241c0.241-1.043-0.082-2.298-0.384-2.981C14.847%2C3.35%2C12.902%2C2.17%2C9.797%2C2.214%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-size: 80%, 80%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #e60023; }
  .socialshare__link .soc-icon--email {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22white%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M17.388%2C4.751H2.613c-0.213%2C0-0.389%2C0.175-0.389%2C0.389v9.72c0%2C0.216%2C0.175%2C0.389%2C0.389%2C0.389h14.775c0.214%2C0%2C0.389-0.173%2C0.389-0.389v-9.72C17.776%2C4.926%2C17.602%2C4.751%2C17.388%2C4.751%20M16.448%2C5.53L10%2C11.984L3.552%2C5.53H16.448zM3.002%2C6.081l3.921%2C3.925l-3.921%2C3.925V6.081z%20M3.56%2C14.471l3.914-3.916l2.253%2C2.253c0.153%2C0.153%2C0.395%2C0.153%2C0.548%2C0l2.253-2.253l3.913%2C3.916H3.56z%20M16.999%2C13.931l-3.921-3.925l3.921-3.925V13.931z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
    background-size: 70%, 70%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #2183ca; }

.component-blog--articlePage .socialshare .socialshare__list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px; }

.component-blog--articlePage .socialshare .socialshare__link {
  margin-right: 10px; }

.component-blog--articlePage .socialshare .soc-icon {
  width: 40px;
  height: 40px;
  background-color: #999999; }
  .component-blog--articlePage .socialshare .soc-icon:hover {
    background-color: #2183ca; }

/* navigation */
/**
 * @name        _nav.scss
 * @description styling for navigation elements
 *
 * @version     @@VERSION@@
 */
nav[data-view='navigation-type-1'] .nav-tile-wrapper {
  padding-top: 0 !important; }
  @media only screen and (min-width: 40.063em) {
    nav[data-view='navigation-type-1'] .nav-tile-wrapper {
      padding-bottom: 0 !important; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    nav[data-view='navigation-type-1'] .nav-tile-wrapper {
      -webkit-box-shadow: 0 0 1px white;
              box-shadow: 0 0 1px white; } }

.nav-main:not(.nav-main-horizontal) .nav-list {
  background: white;
  background: white;
  text-align: center; }
  @media only screen and (min-width: 40.063em) {
    .nav-main:not(.nav-main-horizontal) .nav-list {
      background: white; } }
  @media only screen and (min-width: 62.8125em) {
    .nav-main:not(.nav-main-horizontal) .nav-list {
      background: white; } }
  @media only screen and (max-width: 40em) {
    .nav-main:not(.nav-main-horizontal) .nav-list .text {
      font-size: 21px; } }
  .nav-main:not(.nav-main-horizontal) .nav-list > li {
    overflow: hidden;
    position: relative;
    height: 3.7142857143rem;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
    @media only screen and (min-width: 40.063em) {
      .nav-main:not(.nav-main-horizontal) .nav-list > li {
        height: 4.375rem; } }
    @media only screen and (min-width: 62.8125em) {
      .nav-main:not(.nav-main-horizontal) .nav-list > li {
        height: 5.3125rem; } }
    .nav-main:not(.nav-main-horizontal) .nav-list > li:last-child .nav-list-anchor:after {
      display: none; }

.nav-main-horizontal .nav-list {
  text-align: center;
  margin: 0 auto;
  max-width: 90%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.9375rem 0; }
  @media only screen and (min-width: 100.8125em) {
    .nav-main-horizontal .nav-list {
      max-width: 87.5rem; } }
  .nav-main-horizontal .nav-list:before, .nav-main-horizontal .nav-list:after {
    content: " ";
    display: table; }
  .nav-main-horizontal .nav-list:after {
    clear: both; }
  .nav-main-horizontal .nav-list > li {
    display: inline-block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0 0.625rem;
    text-align: center; }

.nav-list-sub-toggle.search .icon svg {
  height: 1.25rem; }
  @media only screen and (min-width: 62.8125em) {
    .nav-list-sub-toggle.search .icon svg {
      height: 0.875rem; } }

.nav-list-sub-toggle.search.is-current .icon {
  fill: #2466a9; }

.nav-list-sub-toggle.search.is-highlighted .icon, .nav-list-sub-toggle.search.is-active .icon {
  fill: #004487; }

.nav-list-sub-toggle.search + .nav-tile-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none; }

@media only screen and (min-width: 62.8125em) {
  .nav-main.is-active .nav-list-sub-toggle.search .icon {
    width: unset;
    position: unset;
    display: unset; } }

@media only screen and (min-width: 62.8125em) {
  .nav-main.is-active .nav-list-sub-toggle.search .icon svg {
    height: 1.675rem; } }

.nav-main.is-active .nav-tile-wrapper .nav-sub-navigation-search .nav-sub-search .image-container-searchfield-icon {
  top: 28%; }

.nav-list-anchor .text {
  -webkit-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s; }

.nav-list-anchor.is-current .text {
  color: #2466a9; }

.nav-list-anchor.is-current .icon {
  fill: #2466a9; }

.nav-list-anchor.is-highlighted .text, .nav-list-anchor.is-active .text {
  color: #004487; }

.nav-main:not(.nav-main-horizontal) .nav-list-anchor {
  background: white;
  background: white;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  line-height: 1.875;
  text-align: center; }
  @media only screen and (min-width: 40.063em) {
    .nav-main:not(.nav-main-horizontal) .nav-list-anchor {
      background: white; } }
  @media only screen and (min-width: 62.8125em) {
    .nav-main:not(.nav-main-horizontal) .nav-list-anchor {
      background: white; } }
  @media only screen and (min-width: 40.063em) {
    .nav-main:not(.nav-main-horizontal) .nav-list-anchor {
      padding-bottom: 0.625rem; }
      .nav-main:not(.nav-main-horizontal) .nav-list-anchor[data-nav-action="toggle-cat-desktop"] {
        font-size: 1rem;
        line-height: 0.875rem;
        padding-bottom: 0;
        border-bottom: 1px solid white; }
        .nav-main:not(.nav-main-horizontal) .nav-list-anchor[data-nav-action="toggle-cat-desktop"]:after {
          border: none; }
        .nav-main:not(.nav-main-horizontal) .nav-list-anchor[data-nav-action="toggle-cat-desktop"].is-highlighted:after, .nav-main:not(.nav-main-horizontal) .nav-list-anchor[data-nav-action="toggle-cat-desktop"].is-active:after {
          border: none; } }
  .nav-main:not(.nav-main-horizontal) .nav-list-anchor:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 50%;
    margin: 0 auto;
    border-bottom: 1px solid rgba(228, 228, 228, 0.5); }

.nav-main-horizontal .nav-list-anchor {
  padding: 0;
  font-weight: bold; }
  .nav-main-horizontal .nav-list-anchor .text {
    display: inline-block;
    text-align: center; }

.nav-list-sub-toggle {
  position: relative; }
  .nav-main:not(.nav-main-horizontal) .nav-list-sub-toggle {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    float: left; }
  .nav-list-sub-toggle.search:hover .icon, .nav-list-sub-toggle.search.is-active .icon {
    fill: #004487; }
  .nav-list-sub-toggle.search .icon {
    width: 1.25rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: inline;
    right: -1.15rem;
    margin-top: .1rem;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    fill: #2183ca; }
    @media only screen and (min-width: 62.8125em) {
      .nav-list-sub-toggle.search .icon {
        width: .8rem;
        position: absolute;
        display: block; } }

.nav-tile-wrapper {
  background-color: #2466a9; }
  @media only screen and (min-width: 62.8125em) {
    .nav-tile-wrapper {
      z-index: 2; } }
  .nav-tile-wrapper .button-picture picture {
    background-color: #2466a9; }
  .nav-main:not(.nav-main-horizontal) .nav-tile-wrapper {
    padding-top: 1.25rem; }
    @media only screen and (min-width: 40.063em) {
      .nav-main:not(.nav-main-horizontal) .nav-tile-wrapper {
        padding-bottom: 1.25rem; } }

.nav-tile-wrapper {
  position: absolute; }
  .nav-tile-wrapper .button-picture .picture {
    -webkit-transform: translateY(100%) scale(0.5);
        -ms-transform: translateY(100%) scale(0.5);
            transform: translateY(100%) scale(0.5);
    -webkit-transition: -webkit-transform 0s 1s;
    transition: -webkit-transform 0s 1s;
    -o-transition: transform 0s 1s;
    transition: transform 0s 1s;
    transition: transform 0s 1s, -webkit-transform 0s 1s;
    -webkit-transform-origin: bottom center;
        -ms-transform-origin: bottom center;
            transform-origin: bottom center; }
  .nav-tile-wrapper.is-active .button-picture .picture {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s; }
  .nav-main:not(.nav-main-horizontal) .nav-tile-wrapper {
    overflow: hidden;
    width: 100%;
    z-index: -1;
    margin-top: 5.3125rem; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .nav-main:not(.nav-main-horizontal) .nav-tile-wrapper {
        margin-top: 4.4rem; } }
  .nav-main-horizontal .nav-tile-wrapper {
    overflow: hidden;
    left: 0;
    width: 100vw;
    height: 0;
    margin-top: 0.9375rem;
    -webkit-transition: height 1s;
    -o-transition: height 1s;
    transition: height 1s; }
    .nav-main-horizontal .nav-tile-wrapper .row {
      padding: 1.25rem 0; }

/**
 * @name        _nav-main
 * @description styling for the main navigation module
 *
 * @version     @@VERSION@@
 */
nav[data-view='navigation-type-1'] .nav-tile-wrapper {
  background-color: transparent; }

nav[data-view='navigation-type-1'].nav-main-horizontal {
  border: 4px solid #2183ca;
  border-top: none;
  background: white;
  font-size: 0.875rem;
  line-height: 1rem; }
  nav[data-view='navigation-type-1'].nav-main-horizontal .nav-tile-wrapper {
    margin-top: 0.8125rem;
    left: -4px; }
  nav[data-view='navigation-type-1'].nav-main-horizontal .nav-list {
    padding: 0.6rem 0; }

@media only screen and (min-width: 40.063em) {
  .nav-main:not(.nav-main-horizontal) nav[data-view='navigation-type-1'] {
    padding-bottom: 0.625rem; }
    .nav-main:not(.nav-main-horizontal) nav[data-view='navigation-type-1'][data-nav-action="toggle-cat-desktop"].is-highlighted .text, .nav-main:not(.nav-main-horizontal) nav[data-view='navigation-type-1'][data-nav-action="toggle-cat-desktop"].is-active .text {
      color: #e32219; } }

.nav-main-layer {
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.6);
  position: fixed; }

.nav-main {
  position: fixed;
  /* transition: 1s opacity;
   opacity: 1;

   @media only screen and (min-width:40.063em) {
     transition: opacity 1s;
   }*/
  -webkit-transition: .5s margin-top ease-in-out;
  -o-transition: .5s margin-top ease-in-out;
  transition: .5s margin-top ease-in-out;
  margin-top: 0; }
  .nav-main-is-switching .nav-main {
    opacity: 0;
    -webkit-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s; }
  .nav-main:not(.nav-main-horizontal) {
    background: white;
    background: white;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 768px;
    min-height: 100vh;
    height: 768px;
    height: 100vh;
    padding-top: 1.25rem;
    font-size: 2rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media only screen and (min-width: 40.063em) {
      .nav-main:not(.nav-main-horizontal) {
        background: white; } }
    @media only screen and (min-width: 62.8125em) {
      .nav-main:not(.nav-main-horizontal) {
        background: white; } }
    @media only screen and (min-width: 62.8125em) {
      .nav-main:not(.nav-main-horizontal) {
        font-size: 2.5rem; } }
    .js .nav-main:not(.nav-main-horizontal) {
      display: none;
      top: 0;
      z-index: 100;
      opacity: 0; }
    .nav-main:not(.nav-main-horizontal).is-active {
      display: block;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      -webkit-transition: 0.3s opacity;
      -o-transition: 0.3s opacity;
      transition: 0.3s opacity;
      will-change: opacity; }
    .nav-main:not(.nav-main-horizontal) .nav-list {
      margin: auto 0;
      width: 100%; }
      .no-flexbox .nav-main:not(.nav-main-horizontal) .nav-list {
        margin-top: 6.25rem; }
    .nav-main:not(.nav-main-horizontal) .nav-main-controls {
      top: 1.25rem; }
  .nav-main.nav-main-horizontal {
    z-index: 102;
    overflow: visible;
    top: 0;
    left: 0;
    min-height: 0;
    height: auto;
    background: rgba(255, 255, 255, 0.85);
    font-size: 1.0625rem;
    line-height: 1.125rem; }
  .nav-main.is-hidden {
    -webkit-transition: .5s margin-top ease-in-out;
    -o-transition: .5s margin-top ease-in-out;
    transition: .5s margin-top ease-in-out;
    margin-top: -40px; }
    html.blog-page .nav-main.is-hidden {
      margin-top: -48px; }

.nav-main-controls {
  position: absolute;
  width: auto;
  -webkit-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  left: 5%;
  z-index: 101;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
  opacity: 1; }
  .nav-main-controls.is-scaled {
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .nav-main-is-switching .nav-main-controls,
  .nav-main-is-horizontal .nav-main-controls {
    opacity: 0;
    -webkit-transition-duration: 0s;
         -o-transition-duration: 0s;
            transition-duration: 0s; }

.nav-main-is-active,
.nav-main-is-active > body {
  overflow: hidden;
  max-height: 100%;
  height: 100%; }

/**
 * @name        _nav-sub
 * @description Styling for small lists of anchors  in a row, seperated by dots
 *
 * @version     @@VERSION@@
 */
.nav-sub {
  display: inline-block;
  margin-bottom: 0.46875rem; }
  .nav-sub:before, .nav-sub:after {
    content: " ";
    display: table; }
  .nav-sub:after {
    clear: both; }
  .nav-sub > li {
    display: inline; }
    .nav-sub > li:before {
      content: "• ";
      margin: 0 0.3125rem; }
    .nav-sub > li:first-child:before {
      content: none; }
    .nav-sub > li > a {
      color: inherit; }

/**
 * @name        _nav-sub-search
 * @description Styling for the search input
 *
 * @version     @@VERSION@@
 */
.nav-sub-navigation-search .nav-sub-search {
  padding: 0;
  background-color: #e4e4e4; }
  .nav-sub-navigation-search .nav-sub-search.row {
    padding: 0;
    max-width: 80%; }
    @media only screen and (min-width: 40.063em) {
      .nav-sub-navigation-search .nav-sub-search.row {
        max-width: 50%; } }
    @media only screen and (min-width: 62.8125em) {
      .nav-sub-navigation-search .nav-sub-search.row {
        max-width: 90%; } }
    .nav-sub-navigation-search .nav-sub-search.row .column {
      padding: 0; }
  .nav-sub-navigation-search .nav-sub-search .image-container {
    position: relative;
    float: right;
    width: 70%;
    height: 100%; }
    .nav-sub-navigation-search .nav-sub-search .image-container-searchfield {
      width: 100%;
      height: 4rem; }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield input[type="text"] {
        width: 100%;
        height: 100%;
        text-align: left;
        background-color: white;
        color: #e32219;
        font-size: 1.5625rem;
        line-height: 1.875rem;
        font-weight: 600;
        padding-left: 2.8125rem; }
        @media only screen and (min-width: 62.8125em) {
          .nav-sub-navigation-search .nav-sub-search .image-container-searchfield input[type="text"] {
            font-size: 1.875rem;
            padding-left: 2.8125rem;
            background-color: #e4e4e4;
            text-align: left; } }
        .nav-sub-navigation-search .nav-sub-search .image-container-searchfield input[type="text"]:focus {
          -webkit-box-shadow: none;
                  box-shadow: none; }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield ::-webkit-input-placeholder {
        text-align: center;
        color: #e32219;
        -webkit-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out; }
        @media only screen and (min-width: 62.8125em) {
          .nav-sub-navigation-search .nav-sub-search .image-container-searchfield ::-webkit-input-placeholder {
            text-align: left; } }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :-moz-placeholder {
        text-align: center;
        color: #e32219;
        -webkit-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out; }
        @media only screen and (min-width: 62.8125em) {
          .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :-moz-placeholder {
            text-align: left; } }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield ::-moz-placeholder {
        text-align: center;
        color: #e32219;
        -webkit-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out; }
        @media only screen and (min-width: 62.8125em) {
          .nav-sub-navigation-search .nav-sub-search .image-container-searchfield ::-moz-placeholder {
            text-align: left; } }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :-ms-input-placeholder {
        text-align: center;
        color: #e32219;
        -webkit-transition: opacity 250ms ease-in-out;
        -o-transition: opacity 250ms ease-in-out;
        transition: opacity 250ms ease-in-out; }
        @media only screen and (min-width: 62.8125em) {
          .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :-ms-input-placeholder {
            text-align: left; } }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :focus::-webkit-input-placeholder {
        opacity: .5; }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :focus:-moz-placeholder {
        opacity: .5; }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :focus::-moz-placeholder {
        opacity: .5; }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield :focus:-ms-input-placeholder {
        opacity: .5; }
      .nav-sub-navigation-search .nav-sub-search .image-container-searchfield-icon {
        position: absolute;
        top: 39%;
        -webkit-transform: translate(50%, -50%);
            -ms-transform: translate(50%, -50%);
                transform: translate(50%, -50%);
        left: 0;
        width: 1.5rem;
        height: 1.5rem;
        opacity: .6;
        fill: #e32219; }
        @media only screen and (min-width: 62.8125em) {
          .nav-sub-navigation-search .nav-sub-search .image-container-searchfield-icon {
            top: 50%;
            display: block; } }

/**
 * @name        _nav-sub-mobile
 * @description Styling sub navigation with categories
 *
 * @version     @@VERSION@@
 */
.nav-sub-navigation {
  background-color: #e4e4e4; }
  .nav-sub-navigation .nav-sub-navigation-mobile {
    position: relative;
    z-index: 0;
    max-width: 100%; }
    .nav-sub-navigation .nav-sub-navigation-mobile .category-list {
      padding: 0;
      background-color: #e4e4e4; }
      .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor {
        height: 6rem;
        background-color: #2466a9;
        border-top: 1px solid white; }
        .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor:after {
          border: none; }
        .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor .text {
          font-size: 1.375rem;
          padding: 0 0.5rem; }
        .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor.is-highlighted:after, .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor.is-active:after {
          z-index: 1;
          position: absolute;
          bottom: -2.5rem;
          content: " ";
          width: 0;
          height: 0;
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
          border-style: solid;
          border-width: 2rem 0 2rem 1.8rem;
          border-color: transparent transparent transparent #2466a9; }
        .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor.is-highlighted .text, .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor.is-active .text {
          color: #e32219; }
        .nav-sub-navigation .nav-sub-navigation-mobile .category-list .nav-list-anchor.without-category {
          display: none; }
      .nav-sub-navigation .nav-sub-navigation-mobile .category-list li {
        position: relative;
        overflow: hidden;
        height: 6rem;
        -webkit-transition: height 1s;
        -o-transition: height 1s;
        transition: height 1s;
        -webkit-transform: translateZ(0);
                transform: translateZ(0); }
        .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list {
          padding: 0;
          width: 100%;
          background-color: #e4e4e4; }
          .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li {
            width: 100%;
            height: 4.375rem; }
            .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li a {
              display: block; }
            .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button {
              background-color: #e4e4e4;
              text-align: center;
              width: 100%;
              font-size: 1.25rem;
              line-height: 1.375rem; }
              @media only screen and (min-width: 40.063em) {
                .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button {
                  width: 100%; } }
              .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration {
                color: #a4a2a3;
                padding: 0 0.3125rem;
                height: 4.375rem;
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease; }
                .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration:hover,
                .is-highlighted .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration {
                  color: #000;
                  border: none; }
                .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration .item {
                  left: auto;
                  right: 0.3125rem;
                  width: 1.25rem;
                  height: 1.25rem;
                  top: 50%;
                  -webkit-transform: translate(0, -50%);
                      -ms-transform: translate(0, -50%);
                          transform: translate(0, -50%);
                  color: white;
                  background-color: #2183ca; }
                  .is-highlighted .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration .item {
                    color: #2183ca;
                    background-color: white; }
                    .is-highlighted .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration .item:after {
                      color: #2183ca;
                      background-color: white; }
                  .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration .item:after {
                    opacity: 1;
                    -webkit-transform: scale(0);
                        -ms-transform: scale(0);
                            transform: scale(0); }
                .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration:after {
                  border: none; }
                .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration.is-highlighted, .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button.button-decoration.is-active {
                  border: none; }
              .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button .button-inner {
                font-weight: bold;
                padding-right: 2.5rem;
                position: relative;
                display: inline-block; }
              .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li .button:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                display: block;
                width: 40%;
                margin: 0 auto;
                border-top: 1px solid rgba(164, 162, 163, 0.8); }
            .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list ul li:first-child .button:before {
              border: none; }
          .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list:not(.without-category) {
            position: absolute;
            z-index: -1;
            overflow: hidden;
            padding: 2rem 1rem 0; }
          .nav-sub-navigation .nav-sub-navigation-mobile .category-list li .product-list:first-child .nav-list-anchor {
            border-top: none; }

/**
 * @name        _nav-sub-desktop
 * @description Styling sub navigation with categories
 *
 * @version     @@VERSION@@
 */
.nav-sub-navigation {
  background-color: #e4e4e4; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .nav-sub-navigation[data-init-callback-name="navigation-products"] .nav-sub-navigation-desktop:after {
      display: inline-block; } }
  .nav-sub-navigation .nav-sub-navigation-desktop {
    padding: 0 !important;
    background-color: #e4e4e4; }
    .nav-sub-navigation .nav-sub-navigation-desktop .category-list {
      padding: 0; }
      .nav-sub-navigation .nav-sub-navigation-desktop .category-list li {
        background: #2183ca;
        position: relative;
        border-bottom: 2px solid white; }
        .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor {
          padding: 0 0.3rem;
          background: #2183ca;
          width: 100%;
          text-align: center;
          border: none; }
          @media only screen and (min-width: 62.8125em) {
            .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor {
              height: 100%; } }
          .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor .text {
            font-size: 1rem;
            line-height: 1rem; }
            @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
              .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor .text {
                font-size: 0.875rem;
                line-height: 0.875rem; } }
          .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor.is-highlighted:after, .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor.is-active:after {
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
            z-index: 10;
            position: absolute;
            left: auto;
            right: -0.9rem;
            content: " ";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.2rem 0 1.2rem 1rem;
            border-color: transparent transparent transparent #2466a9; }
          .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor.is-highlighted .text, .nav-sub-navigation .nav-sub-navigation-desktop .category-list li .nav-list-anchor.is-active .text {
            color: #e32219; }
        .nav-sub-navigation .nav-sub-navigation-desktop .category-list li:last-child {
          border-bottom: none; }
    .nav-sub-navigation .nav-sub-navigation-desktop .slider-list {
      padding: 0; }
      .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .slick-slider .slick-track,
      .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .slick-slider .slick-list {
        height: 100%; }
        .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .slick-slider .slick-track .slick-slide,
        .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .slick-slider .slick-list .slick-slide {
          height: auto; }
      .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation {
        padding: 0;
        margin: 0 0 0 3.5rem;
        position: relative;
        background-color: #e4e4e4; }
        @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
          .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation {
            margin-left: 0; } }
        .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper {
          position: relative;
          max-width: none;
          width: auto; }
          .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider {
            height: auto;
            max-width: 90%;
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%);
            left: 0; }
            @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
              .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider {
                max-width: 70%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                        transform: translate(-50%, -50%); } }
            @media only screen and (min-width: 100.8125em) {
              .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider {
                max-width: 1100px; } }
            .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-arrow {
              display: none !important; }
            .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-prev, .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-next {
              display: inline-block !important; }
            .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-prev {
              left: -0.9375rem; }
              [dir="rtl"] .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-prev {
                -webkit-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                        transform: rotate(0deg); }
            .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-next {
              right: -0.9375rem; }
              [dir="rtl"] .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-next {
                right: auto;
                left: -0.9375rem;
                -webkit-transform: rotate(180deg);
                    -ms-transform: rotate(180deg);
                        transform: rotate(180deg); }
            .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .mini-teaser .button {
              font-size: 0.875rem; }
            .nav-sub-navigation .nav-sub-navigation-desktop .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .mini-teaser.custom-2 .button {
              background-color: #fff; }
    .nav-sub-navigation .nav-sub-navigation-desktop:not(.without-category) {
      max-width: 100%; }
    .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation {
      margin-left: 0; }
      .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
        .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .sibling-navigation-slide {
          display: inline-block;
          float: none; }
        .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-prev {
          left: -2rem; }
          [dir="rtl"] .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-prev {
            left: 0;
            margin-right: -20px; }
        .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-next {
          right: -2rem; }
          [dir="rtl"] .nav-sub-navigation .nav-sub-navigation-desktop.without-category .slider-list .sibling-navigation .slick-slider-wrapper .slick-slider .slick-next {
            right: 100%; }
    .nav-sub-navigation .nav-sub-navigation-desktop .js_navi-product-slider li {
      margin-right: 10px; }

/* pagination */
/**
 * @name        pagination
 * @description
 *
 * @version     @@VERSION@@
 */
.pagination {
  font-size: 1.125rem;
  color: #2183ca;
  display: inline;
  padding-left: 0.9375rem; }

/**
 * @name        pagination-list
 * @description
 *
 * @version     @@VERSION@@
 */
.pagination-list {
  display: none; }
  .pagination-list.is-hidden {
    display: none; }
  @media only screen and (min-width: 40.063em) {
    .pagination-list {
      display: inline-block;
      position: fixed;
      will-change: transform;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden;
      z-index: 50;
      top: 345.6px;
      top: 45vh;
      right: 0.9375rem;
      right: 2vw; } }

.pagination-list-element {
  border-radius: 50%;
  background-color: white;
  width: 0.8125rem;
  height: 0.8125rem;
  margin-bottom: 0.5rem;
  display: block;
  -webkit-box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
  cursor: pointer; }
  .pagination-list-element.is-active {
    background-color: #2183ca; }

.pagination-search-results {
  position: relative;
  padding: 2.5rem 0;
  text-align: center;
  /* pages */
  /* Buttons prev & next */ }
  @media only screen and (min-width: 40.063em) {
    .pagination-search-results {
      text-align: left; } }
  .pagination-search-results ul {
    margin: 0;
    padding: 0;
    width: auto; }
    .pagination-search-results ul li {
      position: relative;
      display: inline-block;
      list-style: none;
      padding: 0 0.625rem;
      font-size: 1.125rem; }
      @media only screen and (min-width: 40.063em) {
        .pagination-search-results ul li {
          font-size: 0.875rem;
          padding: 0 0.4375rem; } }
      .pagination-search-results ul li.no-padding {
        padding: 0; }
      .pagination-search-results ul li a {
        color: #a4a2a3; }
        .pagination-search-results ul li a:hover {
          color: #a4a2a3; }
          .pagination-search-results ul li a:hover .prev:before,
          .pagination-search-results ul li a:hover .next:before {
            color: #a4a2a3; }
        .pagination-search-results ul li a.is-active {
          color: #2183ca; }
        .pagination-search-results ul li a.not-active .prev:before,
        .pagination-search-results ul li a.not-active .next:before {
          opacity: .1;
          color: #a4a2a3; }
        .pagination-search-results ul li a.not-active:hover .prev:before,
        .pagination-search-results ul li a.not-active:hover .next:before {
          opacity: .1;
          color: #a4a2a3; }
  .pagination-search-results .prev,
  .pagination-search-results .next {
    cursor: pointer; }
    .pagination-search-results .prev:before,
    .pagination-search-results .next:before {
      position: absolute;
      content: "\203A";
      top: -0.375rem;
      left: 0;
      font-size: 1.875rem;
      line-height: 1.875rem;
      color: #a4a2a3; }
      @media only screen and (min-width: 40.063em) {
        .pagination-search-results .prev:before,
        .pagination-search-results .next:before {
          top: -0.375rem;
          font-size: 1.625rem;
          line-height: 1.625rem; } }
  .pagination-search-results .prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
        transform: scaleX(-1); }

/* header */
/**
 * @name        header
 * @description Styling for main headers
 *
 * @version     @@VERSION@@
 */
.header {
  position: absolute;
  top: 1.25rem;
  right: 0;
  left: 0;
  z-index: 10;
  text-align: center;
  height: 0; }
  @media only screen and (max-width: 40em) {
    .header .nav-main-controls {
      position: fixed; } }
  .form-is-focused.is-ios .header {
    display: none; }

.header-branding {
  display: none; }
  .header-branding.active-brand {
    margin-top: 36px; }
    .header-branding.active-brand picture {
      max-width: 10rem; }
  .header-branding.active-brand, .header-branding:first-child.no-js .header-branding {
    display: block; }
    .header-logo-hidden .header-branding.active-brand, .header-logo-hidden .header-branding:first-child.no-js .header-branding {
      display: none !important; }
  .header-branding picture {
    display: inline-block;
    max-width: 10rem;
    width: 100%;
    margin-top: -0.9375rem;
    margin-right: -3.75rem;
    margin-left: -3.75rem; }
    @media only screen and (min-width: 62.8125em) {
      .header-branding picture {
        max-width: 10rem; } }

/* language select */
/**
 * @name        language-select
 *
 * @version     @@VERSION@@
 */
nav[data-view='navigation-type-1'] .language-select.is-horizontal {
  top: 0.375rem;
  z-index: 2; }

.language-select {
  background: #2183ca; }
  .language-select.is-horizontal {
    z-index: 2; }
  .language-select:not(.is-horizontal) {
    position: absolute;
    top: 1.3125rem;
    height: 1.5rem;
    left: 3.75rem;
    padding-left: 0.375rem;
    white-space: nowrap;
    font-size: 0;
    word-spacing: -.31em;
    line-height: 0; }
  .language-select.is-horizontal {
    position: fixed;
    top: 0.75rem;
    right: 0;
    display: none;
    outline: 1px solid rgba(0, 0, 0, 0.1); }
    .nav-main-is-horizontal .language-select.is-horizontal {
      display: block; }

.language {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #2183ca;
  -webkit-transition: color .3s, background-color .3s;
  -o-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s; }
  .language-select.is-horizontal .language {
    display: block; }
  .language.current, .language.is-highlighted {
    color: white;
    background: #2183ca; }
  .language.current {
    cursor: pointer;
    padding: 0 0.6875rem;
    -webkit-box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 0.3125rem rgba(0, 0, 0, 0.5); }
  .language-select:not(.is-horizontal) .language.current {
    float: left;
    clear: left; }
  .language-select.is-horizontal .language.current {
    position: relative;
    z-index: 1; }
  .language > a {
    padding: 0 0.4375rem; }

.language-list {
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.67, 0.06, 0.55, 0.78);
  -o-transition: all 0.5s cubic-bezier(0.67, 0.06, 0.55, 0.78);
  transition: all 0.5s cubic-bezier(0.67, 0.06, 0.55, 0.78);
  background: white; }
  .language-select:not(.is-horizontal) .language-list {
    display: inline-block;
    white-space: nowrap;
    max-width: 0;
    outline: 1px solid rgba(0, 0, 0, 0.1); }
  .language-select.is-horizontal .language-list {
    display: block;
    max-height: 0; }
    .language-select.is-horizontal .language-list:before, .language-select.is-horizontal .language-list:after {
      content: " ";
      display: table; }
    .language-select.is-horizontal .language-list:after {
      clear: both; }
  .language-select.is-active .language-list {
    max-width: 500px;
    max-height: 500px; }
  .language-list li {
    position: relative; }
    .language-list li:after {
      position: absolute;
      content: '';
      background: #2183ca; }
    .language-list li:last-child:after {
      display: none; }
  .language-select:not(.is-horizontal) .language-list li {
    display: inline-block;
    margin-right: 1px; }
    .language-select:not(.is-horizontal) .language-list li:after {
      top: 20%;
      right: -1px;
      width: 1px;
      height: 60%; }
    .language-select:not(.is-horizontal) .language-list li:last-child {
      margin-right: 0; }
  .language-select.is-horizontal .language-list li {
    display: block;
    margin-bottom: 1px; }
    .language-select.is-horizontal .language-list li:after {
      bottom: -1px;
      left: 20%;
      width: 60%;
      height: 1px; }
    .language-select.is-horizontal .language-list li:last-child {
      margin-bottom: 0; }

/* footer */
.component-footer {
  position: relative;
  -webkit-overflow-scrolling: touch; }
  .component-footer .component-controls {
    top: -1.875rem;
    bottom: auto; }

.component-footer-addendum {
  text-align: left; }
  .component-footer-addendum .text-area h2 {
    margin-bottom: 1.875rem; }
  .component-footer-addendum .text {
    color: #2183ca; }
  .component-footer-addendum .text-area {
    font-size: 0.9375rem; }
    .component-footer-addendum .text-area h3 {
      font-size: 1.3333em; }
  .component-footer-addendum .component-text {
    padding-top: 2em;
    padding-bottom: 2em; }
    @media only screen and (min-width: 40.063em) {
      .component-footer-addendum .component-text {
        padding-top: 4.5em;
        padding-bottom: 8em; } }
  @media only screen and (min-width: 40.063em) {
    .component-footer-addendum .component-picture {
      width: 31.25%;
      position: absolute;
      left: 0;
      top: 0; } }
  @media only screen and (max-width: 40em) {
    .component-footer-addendum .component-picture {
      display: none; } }

.wl-footer .component-footer {
  padding-bottom: 250px; }

/* form */
/**
 * @name        form
 * @description Base style for form
 *
 * @version     @@VERSION@@
 *
 */
.form {
  color: #2466a9;
  background: currentColor; }
  .form .form-cover .component-controls,
  .form .slide-list .component-controls {
    display: none; }
  .form .component-cover .component-content {
    margin-left: 0;
    margin-right: 0; }
    @media only screen and (min-width: 100.8125em) {
      .form .component-cover .component-content {
        max-width: 87.5rem;
        margin-left: auto;
        margin-right: auto; } }
  .form .component-content {
    margin: 0 auto;
    max-width: 90%;
    width: 100%; }
    .form .component-content:before, .form .component-content:after {
      content: " ";
      display: table; }
    .form .component-content:after {
      clear: both; }
    .form .component-content .form-group {
      margin-bottom: 0.9375rem;
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left; }
      @media only screen and (min-width: 40.063em) {
        .form .component-content .form-group {
          padding-left: 0.625rem;
          padding-right: 0.625rem;
          width: 50%;
          float: left;
          float: none;
          word-spacing: 0;
          font-size: 1rem;
          line-height: 1.5625rem;
          vertical-align: top; } }
    .form .component-content .form-group-large {
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      width: 100%;
      float: left; }
      @media only screen and (min-width: 40.063em) {
        .form .component-content .form-group-large {
          float: none; } }
  .form .component-header {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    float: left; }
    .form .component-header .text {
      color: white; }
  .form .slide-list .component.is-prev:last-child {
    display: none; }

.form-content .component-content {
  padding-bottom: 2.8125rem; }

.form-content .slide-list {
  min-height: 0; }
  .form-content .slide-list h1 {
    font-size: 2rem;
    margin-bottom: 0; }
  .form-content .slide-list .component-header .text-group p {
    font-size: 1.3rem; }
  .form-content .slide-list .form-group {
    margin-bottom: 0.125rem; }
    .form-content .slide-list .form-group .form-box .form-label,
    .form-content .slide-list .form-group .form-label,
    .form-content .slide-list .form-group .form-error-msg p {
      font-size: 0.8125rem; }
    .form-content .slide-list .form-group .form-field {
      height: 2.1875rem; }
    .form-content .slide-list .form-group input[type="radio"],
    .form-content .slide-list .form-group input[type="checkbox"] {
      width: 1.25rem;
      height: 1.25rem; }
    .form-content .slide-list .form-group .form-box-pseudo {
      width: 1.25rem;
      height: 1.25rem; }
    .form-content .slide-list .form-group .form-field-inner {
      padding: 0; }
    .form-content .slide-list .form-group .form-field-select .icon {
      right: 4px;
      top: 0px;
      bottom: 2px;
      height: 46px;
      width: 30px; }
    .form-content .slide-list .form-group .form-box-checkbox .icon {
      left: 1px;
      top: 6px;
      width: 18px;
      height: 18px; }
    .form-content .slide-list .form-group .form-field-captcha {
      height: auto; }
      .form-content .slide-list .form-group .form-field-captcha .form-field-inner {
        min-height: 2.1875rem; }
  .form-content .slide-list .component-content {
    max-width: 70%;
    padding-left: 3.75rem;
    margin: 0; }

.form-content .text-media {
  overflow: visible; }
  .form-content .text-media p {
    line-height: 1.75rem; }

.form-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  will-change: transform; }
  .is-uncovered .form-cover {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    -webkit-transform: translateZ(0) translateX(-100%);
            transform: translateZ(0) translateX(-100%); }
  .form-cover .component-cover {
    height: 100%; }
  @media only screen and (min-width: 62.8125em) and (max-width: 87.5em) {
    .form-cover .hl, .form-cover .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .form-cover h2 {
      font-size: 3rem; } }
  @media only screen and (min-width: 62.8125em) and (max-width: 87.5em) {
    .form-cover .text-major {
      font-size: 1.6rem; } }

/**
 * @name        form-box
 *
 * @version     @@VERSION@@
 *
 */
.form-box .form-label {
  position: relative;
  line-height: 1.875rem;
  display: inline-block;
  margin-bottom: 0;
  padding-left: 2.5rem;
  margin-right: 2.1875rem; }

.form-box .form-field-inner {
  position: absolute;
  top: 5px;
  left: 0; }

.form-box-pseudo {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 1.875rem;
  height: 1.875rem;
  background: white; }

.form-box-radio .form-box-pseudo {
  border-radius: 50%;
  border-width: 1px; }

.form-box-radio .form-field-inner:checked + .form-box-pseudo {
  border: 0.375rem solid white;
  background: #2183ca; }

.form-box-radio .form-field-inner:checked {
  -webkit-box-shadow: 0 0 0.1875rem 0 #2466a9;
          box-shadow: 0 0 0.1875rem 0 #2466a9; }

.form-box-checkbox .icon .icon-path {
  display: none; }

.form-box-checkbox .form-box-pseudo {
  border-width: 2px;
  background: transparent; }

.form-box-checkbox .form-field-inner:checked + .icon .icon-path {
  display: block; }

.form-box-checkbox .form-label {
  margin-right: 0; }

.form-box-checkbox .icon {
  position: absolute;
  left: 0.0625rem;
  top: 0.0625rem;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.15625rem;
  color: #2183ca;
  background: white; }

/**
 * @name        form-controls
 *
 * @version     @@VERSION@@
 *
 */
.form-controls {
  padding: 0 0.625rem 3.75rem;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  margin: 0 auto;
  max-width: 90%;
  width: 100%; }
  .form-controls:before, .form-controls:after {
    content: " ";
    display: table; }
  .form-controls:after {
    clear: both; }
  .form-controls .button {
    margin-bottom: 0.625rem; }
    @media only screen and (min-width: 40.063em) {
      .form-controls .button {
        margin: 0 0.625rem 0 0; } }
  .form-controls .pagination {
    line-height: 2.8125rem; }
    @media only screen and (max-width: 40em) {
      .form-controls .pagination {
        float: right; } }
  .form-controls .text {
    color: white; }

/**
 * @name        form-error
 * @description Error styling in for forms
 *
 * @version     @@VERSION@@
 *
 */
.form-is-valid .form-error-msg {
  display: none; }

.form-is-invalid .form-field-inner {
  border: 2px solid #c70c18; }

.form-error-msg {
  height: 0;
  -webkit-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
  overflow: hidden; }
  .form-error-msg > p {
    color: #c70c18;
    font-size: 0.875rem;
    padding-top: 0.3125rem;
    font-weight: bold;
    line-height: 1.125rem; }

/**
 * @name        form-field
 *
 * @version     @@VERSION@@
 *
 */
.form-field {
  width: 100%;
  height: 50px;
  position: relative;
  color: #2183ca; }

.form-field-inner {
  height: 100%;
  background: white;
  line-height: 40px;
  padding: 5px 10px;
  border: 2px solid transparent; }

.form-field-textarea {
  min-height: 9.375rem; }

.form-field-select .icon {
  position: absolute;
  pointer-events: none;
  padding: 14px 11.5px;
  background: inherit;
  background: white;
  right: 2px;
  top: 2px;
  bottom: 2px;
  height: 46px;
  width: 46px; }

.form-field-captcha .item {
  background: #2183ca;
  color: white;
  float: left;
  margin: 0.78125rem 0.9375rem; }

.form-field-captcha .form-field-inner {
  width: 33%;
  float: left;
  margin-right: 1.25rem; }

.form-field-captcha .form-field-img {
  height: 50px;
  width: auto;
  float: left; }

.form-field-captcha button {
  margin-top: -0.5rem; }

/**
 * @name        form-field
 *
 * @version     @@VERSION@@
 *
 */
.form-group {
  width: 50%;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  display: inline-block; }

.form-group-large {
  width: 100%; }

/**
 * @name        form-label
 *
 * @version     @@VERSION@@
 *
 */
.form-label {
  font-size: 1.125rem;
  margin-bottom: 0.625rem; }
  .form-label a {
    text-decoration: underline; }

.form-input-is-required .form-label:after {
  content: " *"; }

/**
 * @name        form-datepicker
 * @description Styling for Datepicker on input[type="date"] fields
 *              Please note that this file only overrides and extends the
 *              default stylings from foundation-datepicker.scss included in
 *              base-foundation-grid
 *
 * @version     @@VERSION@@
 *
 */
.datepicker.dropdown-menu {
  font-family: sans-serif; }

.datepicker td.active.day,
.datepicker td span.active {
  background: #a4a2a3; }

.datepicker .fi-arrow-right::before {
  content: "►"; }

.datepicker .fi-arrow-left::before {
  content: "◄"; }

/* layer */
/**
 * @name        layer
 * @description
 *
 * @version     @@VERSION@@
 */
.layer {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  height: 691.2px;
  height: calc(100vh - 4rem);
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.9);
  z-index: 999;
  padding: 1.5625rem 0;
  overflow-y: auto;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }
  @media only screen and (min-width: 40.063em) {
    .layer {
      padding: 3.125rem 0; } }
  .layer > .row {
    margin: 0 auto;
    max-width: 90%;
    width: 100%; }
    .layer > .row:before, .layer > .row:after {
      content: " ";
      display: table; }
    .layer > .row:after {
      clear: both; }
  .flexbox .layer {
    overflow-y: visible; }
  .layer .text-area {
    color: #2183ca;
    font-size: 1.25rem; }
    @media only screen and (min-width: 40.063em) {
      .layer .text-area {
        font-size: 1.5625rem; } }
    @media only screen and (min-width: 62.8125em) {
      .layer .text-area {
        font-size: 1.875rem; } }

.layer-header {
  padding-bottom: 1.875rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 2rem; }
  @media only screen and (max-width: 40em) {
    .layer-header .hl, .layer-header .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .layer-header h2 {
      font-size: 2rem; } }
  @media only screen and (max-width: 40em) {
    .layer-header .item {
      display: none; } }
  @media only screen and (min-width: 40.063em) {
    .layer-header .item {
      position: absolute;
      left: -11%;
      background: #2183ca;
      color: inherit; }
      .layer-header .item .icon {
        color: white; } }
  @media only screen and (min-width: 62.8125em) {
    .layer-header .item {
      left: -9%; } }

.flexbox .layer-content {
  overflow-y: auto;
  overflow-x: hidden; }

.layer-controls {
  position: absolute;
  top: 1.5625rem;
  right: 2.5%; }

.layer-video {
  position: relative;
  width: 100%;
  padding-bottom: 75%; }
  @media only screen and (min-width: 62.8125em) {
    .layer-video {
      width: 75%; } }

.layer-overlay {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  width: 100%; }

.layer-open body {
  overflow: hidden;
  position: relative; }

/**
 * @name        layer-shoptimize
 * @description
 *
 * @version     @@VERSION@@
 */
.layer-shoptimize .layer-content {
  position: relative;
  height: 90%;
  overflow: hidden; }

.layer-shoptimize-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .layer-shoptimize-content iframe {
    width: 100%;
    height: 100%; }

/**
 * @name        layer-iframe
 * @description
 *
 * @version     @@VERSION@@
 */
.layer-iframe .layer-content {
  position: relative;
  height: 100%;
  overflow: hidden; }

.layer-iframe-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .layer-iframe-content iframe {
    width: 100%;
    height: 100%; }

/**
 * @name        global-cookie
 *
 * @version     @@VERSION@@
 */
.global-cookie-bar {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  padding: 0.625rem 0;
  position: fixed;
  width: 100%;
  z-index: 103; }
  .cookie-is-disabled .global-cookie-bar {
    display: none; }
  .global-cookie-bar .text,
  .global-cookie-bar .button {
    font-size: 0.9375rem; }
  .global-cookie-bar .button {
    padding: 0.3125rem 0.6875rem 0.1875rem 2.9375rem;
    margin-top: -0.3125rem; }
    .global-cookie-bar .button > .item-icon {
      width: 1.1875rem;
      height: 1.1875rem;
      top: 0.4375rem;
      left: 0.6875rem;
      padding: 0.25rem; }
  .global-cookie-bar .text {
    color: #2183ca; }
  .global-cookie-bar .cookie-bar-meta-nav {
    display: block;
    padding-left: 0; }
    li .global-cookie-bar .cookie-bar-meta-nav:before {
      content: "• ";
      margin: 0 0.3125rem; }

.global-cookie-bar-el-container {
  display: block;
  padding: 0.625rem 0.625rem 0; }
  @media only screen and (min-width: 40.063em) {
    .global-cookie-bar-el-container {
      display: inline-block; } }

.global-cookie-curtain {
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  cursor: pointer;
  background-color: #000;
  opacity: .5;
  z-index: 102; }
  .cookie-is-disabled .global-cookie-curtain {
    display: none; }

.banner-controls {
  position: absolute;
  right: 0.8%; }
  @media only screen and (max-width: 40em) {
    .banner-controls {
      padding-top: 0.625rem;
      right: 1.5%; } }

.close-cross .item-icon {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0; }

.decline-button {
  background-color: #d8d8d8;
  margin-left: 1rem;
  color: #e32219; }
  .decline-button.button-decoration.button.is-highlighted .item {
    color: white; }
  .decline-button.button-decoration.button .item {
    color: #e32219; }

.layer-commerce-connector {
  padding: 2.125rem 0; }
  .layer-commerce-connector h1, .layer-commerce-connector h2, .layer-commerce-connector h3, .layer-commerce-connector h4, .layer-commerce-connector h5, .layer-commerce-connector h6, .layer-commerce-connector p {
    color: #2183ca; }
  .layer-commerce-connector ul {
    overflow-y: auto;
    overflow-x: hidden; }
    .layer-commerce-connector ul li {
      display: inline-block;
      width: 100%;
      background: #fff; }
    .layer-commerce-connector ul.cc-product-sizes {
      text-align: center; }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .layer-commerce-connector ul.cc-product-sizes {
          margin-bottom: 2rem; } }
      @media only screen and (max-width: 40em) {
        .layer-commerce-connector ul.cc-product-sizes {
          margin-bottom: 1rem; } }
      .layer-commerce-connector ul.cc-product-sizes li {
        cursor: pointer;
        margin: 0 .3rem .5rem .3rem;
        position: relative;
        font-size: 0.8125rem;
        line-height: 1.0625rem;
        background-color: #e4e4e4;
        border: 1px #a4a2a3 solid;
        color: #a4a2a3;
        min-width: 2.0625rem;
        padding: 0.15rem 0.5rem;
        width: auto;
        border-radius: 0.3125rem; }
        .layer-commerce-connector ul.cc-product-sizes li[data-selected="true"] {
          background-color: #2183ca;
          color: white;
          border-color: #2183ca; }
        .layer-commerce-connector ul.cc-product-sizes li.is-highlighted {
          background-color: #2183ca;
          color: white;
          border-color: #2183ca; }
        .layer-commerce-connector ul.cc-product-sizes li[data-selected="true"].is-highlighted {
          background-color: #2183ca;
          color: white;
          border-color: #2183ca; }
  @media only screen and (max-width: 40em) {
    .layer-commerce-connector form {
      width: 100%; } }
  .layer-commerce-connector .search-box-button {
    display: none;
    position: relative; }
    @media only screen and (max-width: 40em) {
      .layer-commerce-connector .search-box-button {
        float: right; } }
    .layer-commerce-connector .search-box-button .item {
      display: block;
      background: transparent !important;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none; }
      @media only screen and (min-width: 40.063em) {
        .layer-commerce-connector .search-box-button .item {
          top: -37px;
          left: -57px; } }
      @media only screen and (max-width: 40em) {
        .layer-commerce-connector .search-box-button .item {
          top: -51px;
          right: -6px; } }
      .layer-commerce-connector .search-box-button .item .icon {
        fill: #2183ca; }
  @media only screen and (min-width: 62.8125em) {
    .layer-commerce-connector .layer-header {
      min-height: 7rem; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .layer-commerce-connector .layer-header {
      padding-bottom: 1rem;
      min-height: 4rem; } }
  @media only screen and (max-width: 40em) {
    .layer-commerce-connector .layer-header {
      padding-bottom: 0;
      min-height: 4rem; } }
  .layer-commerce-connector .layer-header .text {
    margin-bottom: 1rem; }
    @media only screen and (max-width: 40em) {
      .layer-commerce-connector .layer-header .text {
        padding-right: 3rem; } }
  .component-lp-extended-product .layer-commerce-connector .layer-header {
    width: 100%;
    max-width: 90%; }
    .component-lp-extended-product .layer-commerce-connector .layer-header .item .icon {
      color: #2183ca; }
  .layer-commerce-connector .layer-header .item {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.25);
            box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.25);
    outline: .1875rem solid transparent; }
    .layer-commerce-connector .layer-header .item .icon {
      color: #2183ca; }
  .layer-commerce-connector .search-suggestion {
    position: absolute;
    z-index: 3;
    width: calc(85.6% - 13px);
    border: 2px solid #e4e4e4;
    border-top: 0;
    background-color: #fff;
    max-height: 340px; }
    .layer-commerce-connector .search-suggestion li {
      display: block;
      position: relative;
      width: 100% !important;
      margin-top: 0;
      margin-bottom: 0;
      padding: 2px 1%;
      cursor: pointer;
      text-align: left;
      line-height: 2.4rem;
      color: #232323;
      font-size: 0.875rem;
      font-weight: bolder;
      border-bottom: 2px solid #e4e4e4;
      background-color: transparent; }
      .layer-commerce-connector .search-suggestion li:last-child {
        border: 0; }
      @media only screen and (max-width: 40em) {
        .layer-commerce-connector .search-suggestion li {
          width: 95%; } }
      .layer-commerce-connector .search-suggestion li:hover {
        color: #2183ca;
        background-color: #e4e4e4;
        border-bottom: 2px solid #e4e4e4; }
    .layer-commerce-connector .search-suggestion .is-active-suggestion {
      color: #2183ca;
      background-color: #e4e4e4;
      border-bottom: 2px solid #e4e4e4; }
  @media only screen and (max-width: 40em) {
    .layer-commerce-connector .cc-product-sizes-wrapper {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2; } }
  @media only screen and (min-width: 62.8125em) {
    .layer-commerce-connector .cc-product-sizes-wrapper {
      max-width: 60%;
      width: 100%;
      margin-left: 5%;
      float: left;
      clear: both;
      margin-right: 5%; } }
  .layer-commerce-connector .layer-content-wrapper {
    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: 1rem; }
    .layer-commerce-connector .layer-content-wrapper > .hide {
      display: none; }
    @media only screen and (min-width: 62.8125em) {
      .layer-commerce-connector .layer-content-wrapper {
        display: block;
        margin-top: 0; } }
    @media only screen and (max-width: 40em) {
      .layer-commerce-connector .layer-content-wrapper .row {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-top: 1rem; } }
  @media only screen and (min-width: 62.8125em) {
    .layer-commerce-connector .layer-content-wrapper .row,
    .component-lp-extended-product .layer-commerce-connector .layer-content-wrapper .row {
      position: relative;
      max-width: 60%;
      margin-left: 5%;
      width: 100%;
      float: left; } }
  .layer-commerce-connector .row .search-box {
    position: relative;
    border: 2px solid #e4e4e4;
    margin-top: 20px;
    width: 90%;
    padding-left: 10px;
    font-size: 23px;
    line-height: 43px;
    color: #2183ca; }
    .layer-commerce-connector .row .search-box:focus {
      border-color: #e4e4e4;
      -webkit-box-shadow: none;
              box-shadow: none; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .layer-commerce-connector .cc-product-wrapper {
    margin-bottom: 1rem; }
    .layer-commerce-connector .cc-product-wrapper > picture .picture {
      max-width: 20rem;
      margin: 0 auto; }
      @media only screen and (min-width: 62.8125em) {
        .layer-commerce-connector .cc-product-wrapper > picture .picture {
          max-width: 35rem; } }
    @media only screen and (min-width: 62.8125em) {
      .layer-commerce-connector .cc-product-wrapper {
        padding: 0 3rem; } }
    .layer-commerce-connector .cc-product-wrapper .slick-arrow .icon-path {
      fill: grey; }
    .layer-commerce-connector .cc-product-wrapper .slider-mobile {
      margin: 0;
      line-height: 0;
      max-width: 100%; }
      .layer-commerce-connector .cc-product-wrapper .slider-mobile .slick-list {
        height: 10.625rem; }
        @media only screen and (min-width: 40.063em) {
          .layer-commerce-connector .cc-product-wrapper .slider-mobile .slick-list {
            height: 19.375rem; } }
        @media only screen and (min-width: 1020px) {
          .layer-commerce-connector .cc-product-wrapper .slider-mobile .slick-list {
            height: 18.125rem; } }
        @media only screen and (min-width: 1060px) {
          .layer-commerce-connector .cc-product-wrapper .slider-mobile .slick-list {
            height: 20rem; } }
        @media only screen and (min-width: 1130px) {
          .layer-commerce-connector .cc-product-wrapper .slider-mobile .slick-list {
            height: 22.5rem; } }
        @media only screen and (min-width: 1350px) {
          .layer-commerce-connector .cc-product-wrapper .slider-mobile .slick-list {
            height: 25rem; } }
    .layer-commerce-connector .cc-product-wrapper .slick-prev {
      left: -3rem; }
      @media only screen and (max-width: 40em) {
        .layer-commerce-connector .cc-product-wrapper .slick-prev {
          left: 0;
          width: 1.125rem;
          height: 1.125rem; } }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .layer-commerce-connector .cc-product-wrapper .slick-prev {
          left: 0; } }
    .layer-commerce-connector .cc-product-wrapper .slick-next {
      right: -3rem; }
      @media only screen and (max-width: 40em) {
        .layer-commerce-connector .cc-product-wrapper .slick-next {
          right: 0;
          width: 1.125rem;
          height: 1.125rem; } }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .layer-commerce-connector .cc-product-wrapper .slick-next {
          right: 0; } }
    .layer-commerce-connector .cc-product-wrapper .slick-slide {
      line-height: 0; }
      .layer-commerce-connector .cc-product-wrapper .slick-slide:not(.slick-current) .item-slide .picture {
        margin-right: 0;
        margin-left: auto;
        -webkit-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        transition: all 0.8s linear; }
        @media only screen and (min-width: 62.8125em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide:not(.slick-current) .item-slide .picture {
            max-width: 8rem; } }
        @media only screen and (min-width: 68.751em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide:not(.slick-current) .item-slide .picture {
            max-width: 9rem; } }
        @media only screen and (min-width: 1350px) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide:not(.slick-current) .item-slide .picture {
            max-width: 12rem;
            max-height: 200px;
            width: auto; } }
        @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide:not(.slick-current) .item-slide .picture {
            max-width: 8rem; } }
        @media only screen and (max-width: 40em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide:not(.slick-current) .item-slide .picture {
            max-width: 4.5rem; } }
      .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current .item-slide .picture {
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        transition: all 0.8s linear; }
        @media only screen and (min-width: 62.8125em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current .item-slide .picture {
            max-width: 16rem; } }
        @media only screen and (min-width: 68.751em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current .item-slide .picture {
            max-width: 18rem; } }
        @media only screen and (min-width: 1350px) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current .item-slide .picture {
            max-width: 24rem;
            max-height: 400px;
            width: auto; } }
        @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current .item-slide .picture {
            max-width: 16rem; } }
        @media only screen and (max-width: 40em) {
          .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current .item-slide .picture {
            max-width: 9rem; } }
      .layer-commerce-connector .cc-product-wrapper .slick-slide.slick-current + .slick-slide .item-slide .picture {
        margin-left: 0; }
    .layer-commerce-connector .cc-product-wrapper .item-slide {
      opacity: 0.5; }
      .layer-commerce-connector .cc-product-wrapper .item-slide .picture {
        height: 50%;
        width: 50%;
        -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
                transform: translateY(50%); }
    .layer-commerce-connector .cc-product-wrapper .slick-center .item-slide {
      max-width: 100%;
      opacity: 1; }
      .layer-commerce-connector .cc-product-wrapper .slick-center .item-slide .picture {
        width: 100%;
        height: 100%;
        margin-top: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
  .layer-commerce-connector .hide + .hide + .cc-shop-range {
    width: auto;
    position: relative;
    margin: 0 5% 2rem 5%; }
    @media only screen and (max-width: 40em) {
      .layer-commerce-connector .hide + .hide + .cc-shop-range {
        margin: 0 0 1rem 0; } }
  .layer-commerce-connector .cc-shop-range {
    padding: 0 5%;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .layer-commerce-connector .cc-shop-range {
        margin-bottom: 1rem; } }
    @media only screen and (min-width: 62.8125em) {
      .layer-commerce-connector .cc-shop-range {
        padding: 0;
        margin-right: 5%;
        position: absolute;
        width: 25%;
        right: 0; } }
  .layer-commerce-connector .cc-nav-shoptabs {
    background-color: #e7e7e7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .layer-commerce-connector .cc-nav-shoptab-item {
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    background-color: #e7e7e7;
    padding: .5rem 1.5rem;
    /*&:last-child {
      &:before {
        content: "";
        display: inline-block;
        float: left;
        margin-left: -1.5rem;
        height: rem-calc(50);
        width: 2px;
        background: darkgrey;
      }
    }*/ }
    .layer-commerce-connector .cc-nav-shoptab-item a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      /*&:hover {
        color: red;
        path {
          fill: red;
        }
      }*/ }
      .layer-commerce-connector .cc-nav-shoptab-item a.active {
        color: #2183ca;
        font-weight: bold; }
        .layer-commerce-connector .cc-nav-shoptab-item a.active path {
          fill: #2183ca; }
  .layer-commerce-connector .cc-shop-tab-icon {
    margin-right: 0.5rem;
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem; }
    .layer-commerce-connector .cc-shop-tab-icon path {
      fill: darkgrey; }
  .layer-commerce-connector .cc-shoptab-panel {
    display: none; }
    .layer-commerce-connector .cc-shoptab-panel.active {
      display: block; }
  .layer-commerce-connector .cc-shoplist img {
    display: inline-block;
    height: 5.75rem;
    width: auto; }
    @media only screen and (max-width: 40em) {
      .layer-commerce-connector .cc-shoplist img {
        height: 3.75rem; } }
    @media only screen and (min-width: 1005px) and (max-width: 1259px) {
      .layer-commerce-connector .cc-shoplist img {
        height: 3.75rem; } }
  .layer-commerce-connector .cc-shoplist li {
    background-color: #fff;
    padding: 0.25rem 1.5rem; }
    .layer-commerce-connector .cc-shoplist li a {
      border-bottom: 1px #e7e7e7 solid;
      display: block;
      position: relative;
      padding: 0.25rem 0; }
    .layer-commerce-connector .cc-shoplist li:last-child a {
      border: none; }
    .layer-commerce-connector .cc-shoplist li .item-icon {
      left: auto;
      right: 0.75rem;
      width: 1.25rem;
      height: 1.25rem;
      padding: 5px;
      top: 50%;
      -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      background-color: #2183ca;
      border-radius: 50%;
      position: absolute;
      display: inline-block; }
      .layer-commerce-connector .cc-shoplist li .item-icon .icon-path {
        fill: white; }

/* image */
/**
 * @name        image
 * @description general styles for the image component
 *
 * @version     @@VERSION@@
 */
.image-wrapper .img-caption {
  font-size: .8125rem;
  color: #a4a2a3;
  padding: 0 0.9375rem;
  text-align: left; }

/* video */
/**
 * @name        video
 * @version     @@VERSION@@
 */
.video-player-wrap {
  position: relative;
  height: 100%;
  width: 100%; }

.video-player {
  display: none;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto; }

.video-stop-button {
  display: none; }

.video-play-button {
  display: inline-block; }

.is-video-playing .video-player {
  display: none; }
  .is-video-playing .video-player.is-playing {
    display: block; }

.is-video-playing .video-play-button {
  display: none; }

.is-video-playing .video-stop-button {
  display: inline-block; }
  .is-video-playing .video-stop-button.cinema {
    display: none; }

@media only screen and (min-width: 62.8125em) {
  .is-video-playing.video-cinema-mode {
    position: relative; }
    .is-video-playing.video-cinema-mode .video-player-wrap {
      opacity: 1;
      z-index: 99;
      pointer-events: auto; }
    .is-video-playing.video-cinema-mode .video-play-button {
      display: none; }
    .is-video-playing.video-cinema-mode .video-stop-button {
      display: none; }
      .is-video-playing.video-cinema-mode .video-stop-button.cinema {
        display: block;
        position: absolute;
        top: 1.25rem;
        right: 5%;
        z-index: 99; } }

/**
 * @name        video-player-item
 * @version     @@VERSION@@
 * @modul       views/modules/video-player-item.html.twig
 */
.video-player-item {
  position: relative;
  margin-bottom: 1.25rem;
  text-align: center; }
  .video-player-item video {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .video-player-item .video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    z-index: 10; }
  .video-player-item > .bg {
    width: auto;
    position: relative; }
  .video-player-item.is-video-playing > .bg {
    display: none; }

/**
 * @name        youtube
 * @version     @@VERSION@@
 * @modul       views/modules/youtube.html.twig
 */
.video-youtube-content {
  margin-bottom: 1.25rem;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative; }
  .video-youtube-content.widescreen {
    padding-bottom: 56.34%; }
  .video-youtube-content.vimeo {
    padding-top: 0; }
  .video-youtube-content iframe,
  .video-youtube-content object,
  .video-youtube-content embed,
  .video-youtube-content video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }
  .video-youtube-content .video-youtube-poster {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .video-youtube-content .video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.video-youtube-left {
  float: left; }

.video-youtube-right {
  float: left; }

.video-youtube-center {
  margin-left: auto;
  margin-right: auto; }

/* accordion */
.homeAccordion__section .row--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.homeAccordion__section .component-picture {
  position: relative; }

.accordion {
  margin: 0.625rem 0; }
  @media only screen and (min-width: 62.8125em) {
    .accordion {
      margin: 0.9375rem 0; } }
  .accordion .accordion-item {
    border-bottom: 1px solid white; }
    .accordion .accordion-item:last-child {
      border-bottom: none; }
  .accordion .accordion-headline,
  .accordion .accordion-content {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem; }
  .accordion .accordion-headline {
    position: relative;
    cursor: pointer;
    color: white;
    font-weight: bold; }
    .accordion .accordion-headline .icon {
      position: absolute;
      left: 0;
      top: 12px;
      margin-top: 0;
      display: inline-block;
      height: 0.9375rem;
      width: 0.625rem;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      -o-transition: transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
      will-change: transform; }
  .accordion .accordion-slide-container {
    position: relative;
    margin-bottom: -1px;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    will-change: height;
    background-color: white;
    width: 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    border-right: 10vw solid white; }
  .accordion .accordion-content {
    color: #2183ca; }
  .accordion .active .accordion-slide-container {
    height: auto; }
  .accordion .active .accordion-headline .icon {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }

.homeAccordion__section .row--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.homeAccordion__section .component-split .component-picture {
  position: relative; }

.meta-accordion-image {
  display: none; }

.component-lp-homepage .meta-accordion .accordion {
  padding-left: 0;
  padding-right: 0; }
  .component-lp-homepage .meta-accordion .accordion .accordion-item {
    padding-left: 10px;
    padding-right: 10px; }

.meta-accordion {
  margin: 0.625rem 0; }
  @media only screen and (min-width: 62.8125em) {
    .meta-accordion {
      margin: 0.9375rem 0; } }
  .meta-accordion .accordion {
    margin: 0 0 0.3125rem;
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s;
    will-change: height;
    width: 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    .meta-accordion .accordion .accordion-item {
      border-bottom: 1px solid white; }
      .meta-accordion .accordion .accordion-item:last-child {
        border-bottom: none; }
      .meta-accordion .accordion .accordion-item.active .accordion-slide-container {
        width: 100%; }
  .meta-accordion .meta-accordion-headline {
    font-size: 1.25rem;
    padding: 0.625rem 2.5rem;
    position: relative;
    cursor: pointer;
    color: #2183ca;
    font-weight: bold;
    width: 100%;
    background-color: white; }
    .meta-accordion .meta-accordion-headline .icon {
      background-color: #2183ca;
      color: white;
      border-radius: 50%;
      position: absolute;
      padding: 0.3125rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      left: 0.625rem;
      top: 50%;
      margin-top: -0.625rem;
      display: inline-block;
      height: 1.25rem;
      width: 1.25rem;
      text-align: center;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      -o-transition: transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s;
      will-change: transform;
      -webkit-transform-origin: 50% 50%;
          -ms-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    .meta-accordion .meta-accordion-headline.active + .accordion {
      height: auto; }
    .meta-accordion .meta-accordion-headline.active .icon {
      -webkit-transform: rotate(90deg);
          -ms-transform: rotate(90deg);
              transform: rotate(90deg); }

/* cookies */
.cookies > .description {
  float: left;
  clear: both;
  width: 100%;
  border-bottom: 1px solid #2183ca;
  padding-bottom: 1em;
  margin-bottom: 1em; }
  .cookies > .description:last-child {
    border-bottom: 0 none; }

@media only screen and (min-width: 62.8125em) {
  .cookies .cookie-description {
    display: table;
    vertical-align: top;
    width: 100%; } }

@media only screen and (min-width: 62.8125em) {
  .cookies .cookie-description .title {
    display: table-cell;
    width: 25%;
    vertical-align: top; } }

.cookies .cookie-description .names ul {
  margin-bottom: 1em;
  list-style: none;
  padding-left: 0;
  font-style: italic; }
  @media only screen and (min-width: 62.8125em) {
    .cookies .cookie-description .names ul {
      margin-left: 0.625rem;
      margin-right: 0.625rem; } }

.cookies .cookie-description .names li {
  list-style: none;
  display: inline; }
  .cookies .cookie-description .names li:after {
    content: ", ";
    display: inline; }
  @media only screen and (min-width: 62.8125em) {
    .cookies .cookie-description .names li {
      display: block; }
      .cookies .cookie-description .names li:after {
        display: none; } }
  .cookies .cookie-description .names li:last-child:after {
    display: none; }

@media only screen and (min-width: 62.8125em) {
  .cookies .cookie-description .names {
    display: table-cell;
    width: 25%;
    vertical-align: top; } }

.cookies .cookie-description .description {
  float: left;
  clear: both;
  width: 100%; }
  @media only screen and (min-width: 40.063em) {
    .cookies .cookie-description .description {
      width: 100%; } }
  @media only screen and (min-width: 62.8125em) {
    .cookies .cookie-description .description {
      display: table-cell;
      vertical-align: top; } }

.component-split-content .cookies .cookie-description p {
  margin-bottom: 0; }

.component-split-content .cookies .cookie-description .title {
  display: table-row;
  width: 100%; }

.component-split-content .cookies .cookie-description .names {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 62.8125em) {
    .component-split-content .cookies .cookie-description .names {
      display: table-cell;
      width: 40%;
      vertical-align: top; } }
  @media only screen and (min-width: 62.8125em) {
    .component-split-content .cookies .cookie-description .names ul {
      margin: 0; } }

.component-split-content .cookies .cookie-description .description {
  display: block;
  width: 100%; }
  @media only screen and (min-width: 62.8125em) {
    .component-split-content .cookies .cookie-description .description {
      display: table-cell;
      width: auto;
      vertical-align: top; } }

/* animations and transitions */
/**
 * @name        anim
 * @description
 *
 * @version     @@VERSION@@
 */
.anim {
  position: absolute;
  margin: auto;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 90%; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) and (orientation: portrait) {
    .anim {
      left: 13%;
      bottom: -15%; } }
  @media only screen and (min-width: 100.8125em) {
    .anim {
      max-width: 87.5rem; } }

.anim-path {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  display: block;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  z-index: 1;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }
  .is-animating .anim-path {
    -webkit-animation-play-state: paused;
            animation-play-state: paused; }
  .page-is-loaded.page-intro-is-done .component.is-animation-triggered .anim-path {
    -webkit-animation-name: transform-none, fade-in;
            animation-name: transform-none, fade-in;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-duration: 1.25s;
            animation-duration: 1.25s; }
  .page-is-loaded.page-intro-is-done .component.is-animation-ready .anim-path {
    -webkit-animation-duration: 0s !important;
            animation-duration: 0s !important;
    -webkit-animation-delay: 0s !important;
            animation-delay: 0s !important;
    -webkit-animation-name: reset-scale;
            animation-name: reset-scale; }

.anim-forground,
.anim-background {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%; }

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

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

/**
 * @name        transitions
 * @version     @@VERSION@@
 */
html.transitions-active,
.transitions-active > body {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; }
  .is-ios html.transitions-active, .is-ios
  .transitions-active > body {
    position: fixed; }

.transitions-active .area {
  position: absolute;
  top: 0;
  height: 0;
  min-height: 0; }
  .transitions-active .area .animatable-page.is-current .component-content, .transitions-active .area .animatable-page.is-next .component-content, .transitions-active .area .animatable-page.is-prev .component-content {
    overflow-x: hidden;
    overflow-y: auto; }

@media only screen and (min-width: 40.063em) {
  .transitions-active .animatable-page {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 768px;
    height: 100vh; } }

.transitions-active .component-content {
  height: 768px;
  height: 100vh; }

.transitions-active .component-content .component-content {
  height: auto;
  overflow: visible !important; }

.transitions-active .component-stage-button,
.transitions-active .component-controls {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.transitions-active .is-animation-triggered.is-current .component-stage-button,
.transitions-active .is-animation-triggered.is-current .component-controls {
  opacity: 1; }

.transitions-active .component-stage .component-hl {
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.45s;
       -o-transition-delay: 0.45s;
          transition-delay: 0.45s; }

.transitions-active .component-stage .component-hl {
  opacity: 0;
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85); }

.transitions-active .component-stage.is-current .component-hl,
.transitions-active .component-stage.is-above .component-hl {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1); }

.transitions-active .is-animating.is-current .component-stage-button,
.transitions-active .is-animating.is-current .component-controls {
  opacity: 0; }

/* teaser */
/**
 * @name        teaser
 * @description
 *
 * @version     @@VERSION@@
 */
.teaser {
  position: relative; }
  @media only screen and (min-width: 40.063em) {
    .teaser {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; } }

@media only screen and (max-width: 40em) {
  .teaser-content {
    padding: 3.4375rem 0; } }

@media only screen and (min-width: 40.063em) {
  .teaser-content {
    position: absolute;
    bottom: 3.25rem; } }

.teaser-content .text-group {
  margin-bottom: 1.25rem; }

/**
 * @name        mini-teaser
 * @description
 * custom-* - view-independent, custom implementations
 *
 * custom-1 - scale-up image if teaser is highlighted
 * custom-2 - change button-decoration background and font-colors
 * custom-3 - change button-decoration font-colors
 *
 * view-* - view-specific implementation versions
 * view-1 - with borders
 * view-2 - borderless button
 * view-3 - borderless, transparent
 * view-4 - borderless, colored background
 * view-5 - borderless, no button-background
 * view-6 - borderless, no icon, colored button-background
 *
 * @version     @@VERSION@@
 */
/**
 * helper for set colors-pairs
 */
.area-blog .row.mini-teaser-container {
  max-width: none;
  width: 100%;
  margin: 0 auto; }

.component-mini-teaser {
  min-height: 0;
  margin-top: 1.875rem; }
  @media only screen and (min-width: 40.063em) {
    article.area > .component-mini-teaser {
      margin-top: 0; } }
  @media only screen and (min-width: 62.8125em) {
    article.area > .component-mini-teaser .mini-teasers-wrapper {
      top: 50%;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      position: relative; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    article.area > .component-mini-teaser .mini-teasers-wrapper {
      margin-top: 5rem; } }
  .component-mini-teaser .component-content {
    padding: 0; }
    @media only screen and (max-width: 40em) {
      .component-mini-teaser .component-content:after {
        display: none; } }
    .component-mini-teaser .component-content > .hl, .component-mini-teaser .component-footer-addendum .text-area .component-content > h2, .component-footer-addendum .text-area .component-mini-teaser .component-content > h2 {
      color: #000;
      max-width: 90%;
      margin: 0 auto;
      text-align: center;
      width: 100%; }
  @media only screen and (min-width: 62.8125em) {
    .area > .component-mini-teaser .row {
      width: 75%;
      max-width: 1440px; } }
  .component-mini-teaser .column + .column:last-child,
  .component-mini-teaser .column + .columns:last-child,
  .component-mini-teaser .columns + .column:last-child,
  .component-mini-teaser .columns + .columns:last-child {
    float: left; }

.mini-teasers-wrapper {
  padding: 0; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .mini-teasers-wrapper {
      margin-top: 1.875rem; } }
  .mini-teasers-wrapper > .hl, .component-footer-addendum .text-area .mini-teasers-wrapper > h2 {
    text-align: center; }

.editmode {
  /**
   * the CMS creates a parsys-wrapper around every single column (to edit a single column),
   * and between the row and the columns itself again (to add a new column).
   * So we need to transcend the row and column-behaviour down.
   */ }
  .editmode .mini-teasers-wrapper .column > .column {
    float: none;
    display: inline-block; }
    .editmode .mini-teasers-wrapper .column > .column > div {
      height: 100%; }

.mini-teaser {
  background-color: white;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  height: calc(100% - 2px);
  /* scaling image if teaser is highlighted*/
  /**
   * no border, colored button-background
   */
  /**
   * no border, no button-background
   */
  /**
   * no border, no icon, colored button-background
   */ }
  @media only screen and (max-width: 40em) {
    .mini-teaser {
      width: 100%; } }
  .mini-teaser-container {
    padding-top: 1.5625rem;
    padding-right: 0;
    padding-bottom: 1.5625rem;
    padding-left: 0; }
    @media only screen and (max-width: 40em) {
      .component-lp-homepage .mini-teaser-container {
        padding-top: 0; } }
    .mini-teaser-container .column {
      padding-bottom: 1rem; }
      @media only screen and (min-width: 40.063em) {
        .mini-teaser-container .column.splash-medium {
          height: 66vw;
          max-height: 764px; } }
      @media only screen and (min-width: 62.8125em) {
        .mini-teaser-container .column.splash-medium {
          height: 40vw;
          max-height: 764px; } }
      @media only screen and (min-width: 62.8125em) {
        .mini-teaser-container .column.splash-large {
          height: 40vw;
          max-height: 764px; } }
      @media only screen and (min-width: 40.063em) {
        .mini-teaser-container .column {
          height: 19.842vw;
          max-height: 382px; } }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .mini-teaser-container .column {
          height: 35.72vw; } }
      @media only screen and (max-width: 40em) {
        .mini-teaser-container .column {
          height: 71.43vw;
          margin-bottom: 1rem; } }
    @media only screen and (max-width: 40em) {
      .mini-teaser-container a:link {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        left: 0; } }
  .mini-teaser:not(.text) {
    border: 4px solid #2466a9; }
  .mini-teaser.text-image .text-copy {
    text-align: center; }
  .mini-teaser.text-image .row {
    max-width: 100%;
    margin: 0;
    width: 100%; }
  @media only screen and (max-width: 40em) {
    .mini-teaser.text-image .text-copy {
      display: none; } }
  .mini-teaser.custom-1 .picture {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    .is-highlighted .mini-teaser.custom-1 .picture {
      -webkit-transform: scale3d(1.1, 1.1, 1);
              transform: scale3d(1.1, 1.1, 1);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .is-highlighted .mini-teaser.custom-1 .picture-overlay-container .picture, .is-highlighted .mini-teaser.custom-1 .left-container .picture {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .mini-teaser.custom-1.text-image .content-wrapper .button, .mini-teaser.custom-1.text-image .content-wrapper .text {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  .is-highlighted .mini-teaser.custom-1.text-image .left-container .picture {
    opacity: .5; }
  .is-highlighted .mini-teaser.custom-1.text-image .content-wrapper .button, .is-highlighted .mini-teaser.custom-1.text-image .content-wrapper .text {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s; }
  .is-highlighted .mini-teaser.custom-2 .button-decoration {
    color: #000;
    background-color: #fff; }
  .mini-teaser.custom-2 .item {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .is-highlighted .mini-teaser.custom-3 .button-decoration {
    color: #000;
    background-color: transparent; }
  .mini-teaser.custom-3 .item {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .mini-teaser.view-1 .button {
    border-top: 4px solid #2466a9; }
  .mini-teaser.view-1 .button-decoration {
    background-color: white; }
  .mini-teaser.view-2 {
    font-size: 0.625rem; }
    .mini-teaser.view-2 .picture {
      padding-bottom: 3.6vw; }
      @media only screen and (max-width: 40em) {
        .mini-teaser.view-2 .picture {
          padding-bottom: 15vw; } }
    .mini-teaser.view-2 .button-decoration {
      background-color: transparent; }
      @media only screen and (max-width: 40em) {
        .mini-teaser.view-2 .button-decoration {
          height: 23.74vw !important; } }
    @media only screen and (max-width: 40em) {
      .mini-teaser.view-2 .right-container {
        bottom: 12vw; } }
    @media only screen and (max-width: 40em) {
      .mini-teaser.view-2 .right-container .text-copy {
        margin-top: -8vw; } }
  .mini-teaser.view-3 {
    background-color: transparent;
    border: 0; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .mini-teaser.view-3 {
        height: 21.809vw; } }
    .mini-teaser.view-3 .picture {
      padding-bottom: 3.6vw;
      height: 96%; }
      @media only screen and (max-width: 40em) {
        .mini-teaser.view-3 .picture {
          padding-bottom: 12vw; } }
      @media only screen and (min-width: 62.8125em) {
        .mini-teaser.view-3 .picture {
          padding-bottom: 3rem; } }
    .mini-teaser.view-3 .button-decoration {
      border: 0;
      background-color: transparent; }
    @media only screen and (min-width: 62.8125em) {
      .mini-teaser.view-3 .button-inner {
        font-size: 1rem; } }
  .mini-teaser.view-4 {
    border: 0;
    background-color: transparent;
    overflow: visible; }
    .mini-teaser.view-4 .button-decoration {
      border: 0;
      background-color: white; }
    @media only screen and (min-width: 62.8125em) {
      .mini-teaser.view-4 .button-inner {
        font-size: 1rem; } }
  .mini-teaser.view-5 {
    border: 0;
    background-color: transparent; }
    .mini-teaser.view-5 .picture {
      padding-bottom: 3.6vw; }
      @media only screen and (min-width: 62.8125em) {
        .mini-teaser.view-5 .picture {
          padding-bottom: 3rem; } }
    .mini-teaser.view-5 .button-decoration {
      border: 0;
      background-color: transparent;
      max-height: 3.25rem; }
    @media only screen and (min-width: 62.8125em) {
      .mini-teaser.view-5 .button-inner {
        font-size: 1rem; } }
  .mini-teaser.view-6 {
    border: 0;
    background-color: #2466a9; }
    .mini-teaser.view-6 .button.button-decoration {
      border: 0;
      background-color: #2466a9;
      color: white; }
      .mini-teaser.view-6 .button.button-decoration .button-inner {
        padding-right: 0; }
        .mini-teaser.view-6 .button.button-decoration .button-inner .item {
          display: none; }
  .mini-teaser.text {
    background-color: #2466a9; }
    .mini-teaser.text .outer {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 90%;
      height: auto;
      position: absolute; }
    .mini-teaser.text .hl, .mini-teaser.text .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .mini-teaser.text h2 {
      margin-bottom: 0.375rem;
      font-size: 10vw;
      line-height: 1.2;
      color: white; }
    .mini-teaser.text .text-copy {
      margin-bottom: 0;
      font-size: 6vw;
      line-height: 1.2;
      color: #050d16; }
    @media only screen and (max-width: 40em) {
      .mini-teaser.text {
        position: absolute;
        left: 0; } }
    @media only screen and (min-width: 40.063em) {
      .mini-teaser.text .hl, .mini-teaser.text .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .mini-teaser.text h2 {
        margin-bottom: 1rem;
        font-size: 6vw;
        line-height: 1.2; }
      .mini-teaser.text .text-copy {
        margin-bottom: 0;
        font-size: 3vw;
        line-height: 1.2; } }
    @media only screen and (min-width: 62.8125em) {
      .mini-teaser.text .hl, .mini-teaser.text .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .mini-teaser.text h2 {
        font-size: 2.8vw;
        line-height: 1.2;
        margin-bottom: 1rem; }
      .mini-teaser.text .text-copy {
        margin-bottom: 0;
        font-size: 1.5vw;
        line-height: 1.1; } }
    @media only screen and (min-width: 100.8125em) {
      .mini-teaser.text .hl, .mini-teaser.text .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .mini-teaser.text h2 {
        font-size: 3.125rem;
        line-height: 1.2; }
      .mini-teaser.text .text-copy {
        font-size: 1.6875rem;
        line-height: 1.2; } }
  .mini-teaser .picture {
    width: auto;
    height: 100%; }
    .mini-teaser .picture-outer {
      width: auto;
      height: 100%;
      position: relative;
      overflow: hidden; }
  .mini-teaser .is-highlighted {
    outline: none; }
  .mini-teaser .row, .mini-teaser .column {
    height: 100%; }
  .mini-teaser > .button {
    bottom: -0.0625rem;
    left: 0;
    position: absolute; }
  .mini-teaser .content-wrapper {
    width: 100%; }
    @media only screen and (min-width: 40.063em) {
      .mini-teaser .content-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-height: 80%; } }
    .mini-teaser .content-wrapper .text {
      font-size: 0.9375rem;
      padding-right: 4rem;
      padding-left: 2rem; }
  .mini-teaser .button {
    text-align: center;
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 40.063em) {
      .mini-teaser .button {
        width: 100%; } }
    .mini-teaser .button.button-decoration {
      color: #a4a2a3;
      padding: 0 0.3125rem;
      height: 10.74vw;
      max-height: 25%; }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .mini-teaser .button.button-decoration {
          height: 5.74vw; } }
      @media only screen and (min-width: 62.8125em) {
        .mini-teaser .button.button-decoration {
          height: 3.74vw; } }
      .mini-teaser .button.button-decoration .item {
        width: 1.25rem;
        height: 1.25rem;
        top: 50%;
        -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        color: white;
        background-color: #2183ca;
        left: auto;
        right: 0.3125rem; }
        .mini-teaser .button.button-decoration .item:after {
          opacity: 1;
          -webkit-transform: scale3d(0, 0, 1);
                  transform: scale3d(0, 0, 1); }
  .mini-teaser .item:after {
    color: white;
    background-color: #2183ca; }
  .mini-teaser .button-inner {
    font-weight: bold;
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    padding-right: 1.875rem;
    font-size: 4.3vw;
    line-height: 1.1; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .mini-teaser .button-inner {
        font-size: 2.3vw;
        line-height: 1.1; } }
    @media only screen and (min-width: 62.8125em) {
      .mini-teaser .button-inner {
        font-size: 1.2vw;
        line-height: 1.1; } }
    @media only screen and (min-width: 100.8125em) {
      .mini-teaser .button-inner {
        font-size: 1.25rem;
        line-height: 1.4375rem; } }
  .mini-teaser .picture {
    margin: 0 auto; }
  .mini-teaser .picture-overlay-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
    .mini-teaser .picture-overlay-container .picture {
      width: auto; }
  @media only screen and (max-width: 40em) {
    .mini-teaser .right-container {
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
      width: 100%;
      height: auto;
      position: absolute;
      bottom: 0; } }
  .mini-teaser .left-container {
    overflow: hidden; }
    @media only screen and (max-width: 40em) {
      .mini-teaser .left-container {
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        width: 100%;
        height: 100%;
        position: absolute; } }
  .mini-teaser .text-copy {
    color: #a4a2a3; }

.text-image-container {
  width: 100%;
  height: 100%;
  position: relative; }
  @media only screen and (min-width: 40.063em) {
    .medium-8 .text-image-container .right-container, .medium-8 .text-image-container .left-container, .large-8 .text-image-container .right-container, .large-8 .text-image-container .left-container {
      width: 49%;
      height: 100%;
      display: inline-block;
      position: relative; } }
  .medium-8 .text-image-container .right-container, .large-8 .text-image-container .right-container {
    max-height: none;
    overflow: hidden; }
    .medium-8 .text-image-container .right-container .text-copy, .large-8 .text-image-container .right-container .text-copy {
      display: block; }
    @media only screen and (min-width: 40.063em) {
      .medium-8 .text-image-container .right-container, .large-8 .text-image-container .right-container {
        position: absolute;
        right: 0;
        left: auto;
        top: 1vw; } }
  @media only screen and (min-width: 40.063em) {
    .medium-8 .text-image-container .left-container, .large-8 .text-image-container .left-container {
      position: absolute;
      left: 0;
      top: 1vw; } }
  .text-image-container .left-container {
    width: 100%;
    height: 100%; }
  .text-image-container .right-container {
    width: 100%;
    height: 3.75rem;
    bottom: 0;
    left: 0;
    max-height: 25%;
    position: absolute; }
    .text-image-container .right-container .text-copy {
      display: none; }

/**
 * @name        teaser-size
 * @description Will define different sizes for teaser styling
 *
 * @version     @@VERSION@@
 */
.teaser-size-secondary .hl, .teaser-size-secondary .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .teaser-size-secondary h2 {
  margin-bottom: 0.625rem;
  font-size: 2.5rem;
  line-height: 2.8125rem; }
  @media only screen and (min-width: 40.063em) {
    .teaser-size-secondary .hl, .teaser-size-secondary .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .teaser-size-secondary h2 {
      margin-bottom: 0.375rem;
      font-size: 2.5rem;
      line-height: 2.5rem; } }

.teaser-size-secondary .text-major {
  margin-bottom: 0.625rem;
  font-size: 1.5625rem;
  line-height: 1.875rem; }
  @media only screen and (min-width: 40.063em) {
    .teaser-size-secondary .text-major {
      margin-bottom: 0.625rem;
      font-size: 1.25rem;
      line-height: 1.6875rem; } }

/*spd teaser*/
.spd-teaser-list {
  position: relative;
  padding-bottom: 0.625rem;
  margin-bottom: 76px; }
  @media only screen and (max-width: 40em) {
    .spd-teaser-list {
      margin-bottom: 4.0625rem; } }
  .spd-teaser-list.latest-articles {
    margin-bottom: 7px; }
  .spd-teaser-list h2 {
    width: 80%;
    margin: 0 auto 1.875rem;
    font-family: "vidaloka_regular", serif;
    font-size: 3.75rem;
    line-height: 3.5rem;
    text-align: center; }
    @media only screen and (max-width: 40em) {
      .spd-teaser-list h2 {
        width: 90%;
        font-size: 40px;
        line-height: 2.8rem; } }
    .spd-teaser-list h2.is-hidden {
      display: none; }
  .spd-teaser-list > ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left; }
    .spd-teaser-list > ul > li {
      display: inline-block;
      font-size: 1.125rem;
      line-height: 1.125rem;
      padding: 0 1% 2.75rem;
      vertical-align: top; }
      @media only screen and (min-width: 40.063em) {
        .spd-teaser-list > ul > li {
          font-size: 1.125rem; } }
    .spd-teaser-list > ul.two-teaser li {
      width: 50%; }
      @media only screen and (max-width: 40em) {
        .spd-teaser-list > ul.two-teaser li {
          width: 100%; } }
      .spd-teaser-list > ul.two-teaser li .spd-teaser-list__teaser__image {
        max-height: 28.5vw; }
        @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
          .spd-teaser-list > ul.two-teaser li .spd-teaser-list__teaser__image {
            max-height: 35vw; } }
        @media only screen and (max-width: 40em) {
          .spd-teaser-list > ul.two-teaser li .spd-teaser-list__teaser__image {
            max-height: 72vw; } }
    .spd-teaser-list > ul.three-teaser li {
      width: 33%; }
      @media only screen and (max-width: 40em) {
        .spd-teaser-list > ul.three-teaser li {
          width: 100%; } }
      .spd-teaser-list > ul.three-teaser li .spd-teaser-list__teaser__image {
        max-height: 18.3vw; }
        @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
          .spd-teaser-list > ul.three-teaser li .spd-teaser-list__teaser__image {
            max-height: 23vw; } }
        @media only screen and (max-width: 40em) {
          .spd-teaser-list > ul.three-teaser li .spd-teaser-list__teaser__image {
            max-height: 72vw; } }
  .spd-teaser-list__teaser {
    position: relative;
    text-align: center; }
    .spd-teaser-list__teaser__image {
      position: relative;
      overflow: hidden; }
      .spd-teaser-list__teaser__image a {
        display: inline; }
        .spd-teaser-list__teaser__image a img {
          display: inline;
          -webkit-transition-duration: .3s;
               -o-transition-duration: .3s;
                  transition-duration: .3s; }
      .spd-teaser-list__teaser__image:hover a img {
        -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition-duration: .3s;
             -o-transition-duration: .3s;
                transition-duration: .3s; }
    .spd-teaser-list__teaser__category {
      display: inline-block;
      position: relative;
      margin: 0 auto;
      width: auto;
      max-width: 85%;
      font-size: 0.9375rem;
      font-weight: 700;
      text-align: center;
      padding: 0.25rem 0.625rem 0.125rem;
      -webkit-transform: translateY(-70%);
          -ms-transform: translateY(-70%);
              transform: translateY(-70%); }
      @media only screen and (max-width: 40em) {
        .spd-teaser-list__teaser__category {
          font-size: 0.9375rem;
          padding: 4px 10px; } }
    .spd-teaser-list__teaser__title {
      line-height: 1.8125rem;
      font-weight: bold;
      text-align: left; }
      @media only screen and (max-width: 40em) {
        .spd-teaser-list__teaser__title {
          font-size: 18px; } }
    .spd-teaser-list__teaser__text {
      line-height: 1.8rem;
      font-size: 1.125rem;
      text-align: left; }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .spd-teaser-list__teaser__text {
          font-size: 1.125rem; } }
      @media only screen and (max-width: 40em) {
        .spd-teaser-list__teaser__text {
          font-size: 18px; } }
      .spd-teaser-list__teaser__text .abreviate {
        display: inline;
        margin-right: 0.1875rem; }
      .spd-teaser-list__teaser__text__button {
        display: inline-block;
        font-size: 1.125rem;
        font-weight: 700; }
        .spd-teaser-list__teaser__text__button a {
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s; }
        .spd-teaser-list__teaser__text__button__item-icon {
          -webkit-transition: 0.5s;
          -o-transition: 0.5s;
          transition: 0.5s;
          display: inline-block;
          width: 1.375rem;
          height: 1.375rem;
          top: 0.3125rem;
          left: 0.0625rem;
          padding: 0.25rem; }

.spd-instagram {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 160px;
  /* Lightbox Layer */ }
  .spd-instagram.is-hidden {
    display: none; }
  .spd-instagram__slider.is-hidden {
    display: none; }
  .spd-instagram h2 {
    width: 80%;
    margin: 0 auto 3.125rem;
    font-family: "vidaloka_regular", serif;
    font-size: 3.75rem;
    line-height: 3.5rem;
    text-align: center; }
    @media only screen and (max-width: 40em) {
      .spd-instagram h2 {
        width: 90%;
        font-size: 2.5rem;
        line-height: 2.8rem; } }
  .spd-instagram__element {
    position: relative; }
  .spd-instagram__background {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 61%;
    bottom: -3.125rem;
    left: 0; }
    @media only screen and (max-width: 40em) {
      .spd-instagram__background {
        height: 57%;
        width: 100%;
        margin: 0 auto; }
        .spd-instagram__background img {
          height: 100%;
          width: auto; } }
    .spd-instagram__background .bg-image {
      background-position: center center; }
  .spd-instagram ul {
    position: relative;
    z-index: 2;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 110%;
    margin: 0;
    padding: 0; }
    @media only screen and (max-width: 40em) {
      .spd-instagram ul {
        width: 90%; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .spd-instagram ul {
        width: 90%; } }
    .spd-instagram ul li {
      position: relative;
      list-style: none;
      /*height: auto;

      @media only screen and (min-width:62.8125em) {
        max-height: 19.5vw;
      }

      @media only screen and (min-width:40.063em) and (max-width:62.75em) {
        max-height: 29vw;
      }*/
      padding: 0 2%;
      font-size: 1.25rem; }
  .spd-instagram__item__user {
    position: absolute;
    z-index: 3;
    bottom: 0.4375rem;
    left: 8%;
    width: 50%; }
    .spd-instagram__item__user > ul > li {
      display: inline-block;
      float: left;
      padding: 0; }
      .spd-instagram__item__user > ul > li:first-child {
        width: 1.5rem;
        height: 1.5rem;
        margin-right: 0.5rem;
        font-size: 0.625rem; }
        .spd-instagram__item__user > ul > li:first-child img {
          width: 100%;
          height: 100%;
          border-radius: 50%; }
      .spd-instagram__item__user > ul > li:last-child {
        width: auto;
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1.5rem; }
  .spd-instagram__item__logo {
    position: absolute;
    z-index: 3;
    bottom: 0.5625rem;
    right: 6%;
    width: 50%;
    height: 1.25rem; }
    .spd-instagram__item__logo > ul > li {
      display: inline-block;
      height: 1.125rem;
      float: right; }
      .spd-instagram__item__logo > ul > li:first-child {
        width: 3.9375rem;
        border-left: 1px solid #fff; }
        .spd-instagram__item__logo > ul > li:first-child svg {
          fill: #fff;
          width: auto;
          height: 100%; }
      .spd-instagram__item__logo > ul > li:last-child {
        width: 2.1875rem;
        margin-top: -0.1875rem; }
        .spd-instagram__item__logo > ul > li:last-child svg {
          fill: #fff;
          width: auto;
          height: 100%; }
  .spd-instagram__item__image {
    position: relative;
    cursor: pointer;
    font-size: 0.75rem; }
    .spd-instagram__item__image__gradient {
      position: absolute;
      bottom: 0%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      margin: 0 auto;
      width: 100%;
      height: 22%;
      opacity: .6;
      pointer-events: none;
      /* @media only screen and (max-width: 40em) {
           width: 100%;
         }*/ }
  .spd-instagram__sliderarrow {
    position: absolute;
    z-index: 3;
    width: 4.375rem;
    top: 60%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
    -webkit-filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7));
    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.7)); }
    @media only screen and (max-width: 40em) {
      .spd-instagram__sliderarrow {
        width: 3.125rem; } }
    .spd-instagram__sliderarrow svg {
      fill: #fff; }
    .spd-instagram__sliderarrow--prev {
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      left: -14%; }
      @media only screen and (max-width: 40em) {
        .spd-instagram__sliderarrow--prev {
          left: -6%; } }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .spd-instagram__sliderarrow--prev {
          left: -5%; } }
      .spd-instagram__sliderarrow--prev:hover svg {
        -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
      .spd-instagram__sliderarrow--prev.is-hidden {
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        opacity: 0;
        pointer-events: none;
        cursor: auto; }
    .spd-instagram__sliderarrow--next {
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      right: -14%; }
      @media only screen and (max-width: 40em) {
        .spd-instagram__sliderarrow--next {
          right: -6%; } }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .spd-instagram__sliderarrow--next {
          right: -5%; } }
      .spd-instagram__sliderarrow--next:hover svg {
        -webkit-transform: scale(1.2, 1.2);
            -ms-transform: scale(1.2, 1.2);
                transform: scale(1.2, 1.2);
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: -webkit-transform .2s ease-in-out;
        -o-transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out; }
      .spd-instagram__sliderarrow--next.is-hidden {
        -webkit-transition: .3s opacity;
        -o-transition: .3s opacity;
        transition: .3s opacity;
        opacity: 0;
        pointer-events: none;
        cursor: auto; }
  .spd-instagram__layer {
    padding: 0;
    height: auto;
    background: #000; }
    .spd-instagram__layer ul {
      margin: 10vh auto;
      padding: 0;
      background: #000;
      width: 81.5vw;
      text-align: left; }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .spd-instagram__layer ul {
          width: 65vw; } }
      @media only screen and (max-width: 40em) {
        .spd-instagram__layer ul {
          width: 85vw; } }
      .spd-instagram__layer ul li {
        display: inline-block;
        vertical-align: top;
        float: left; }
        .spd-instagram__layer ul li:first-child {
          width: 50%;
          height: auto; }
          @media only screen and (max-width: 40em) {
            .spd-instagram__layer ul li:first-child {
              width: 100%; } }
          @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
            .spd-instagram__layer ul li:first-child {
              width: 100%; } }
        .spd-instagram__layer ul li:last-child {
          width: 50%;
          padding: 1.625rem 1.75rem; }
          @media only screen and (max-width: 40em) {
            .spd-instagram__layer ul li:last-child {
              width: 100%;
              overflow-y: auto; } }
          @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
            .spd-instagram__layer ul li:last-child {
              width: 100%; } }
          .spd-instagram__layer ul li:last-child ul {
            margin-top: 0.875rem;
            width: 100%;
            overflow: hidden; }
            @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
              .spd-instagram__layer ul li:last-child ul {
                margin-bottom: -1.25rem;
                overflow: visible; } }
            @media only screen and (max-width: 40em) {
              .spd-instagram__layer ul li:last-child ul {
                margin-bottom: -1.25rem;
                overflow: visible; } }
            .spd-instagram__layer ul li:last-child ul li {
              display: inline-block;
              float: left;
              height: 6.25rem; }
              .spd-instagram__layer ul li:last-child ul li:first-child {
                width: 7.5vw;
                height: 7.5vw;
                border-radius: 50%;
                overflow: hidden; }
                .spd-instagram__layer ul li:last-child ul li:first-child img {
                  width: 100%;
                  height: 100%; }
                @media only screen and (max-width: 40em) {
                  .spd-instagram__layer ul li:last-child ul li:first-child {
                    width: 17.5vw;
                    height: 17.5vw; } }
              .spd-instagram__layer ul li:last-child ul li:last-child {
                position: relative;
                width: auto;
                min-width: 70%;
                padding: 0 0 0 0.9375rem;
                font-size: 1.375rem;
                font-weight: 600;
                line-height: 1.875rem; }
                .spd-instagram__layer ul li:last-child ul li:last-child > div {
                  position: absolute;
                  top: 50%;
                  -webkit-transform: translate(0, -50%);
                      -ms-transform: translate(0, -50%);
                          transform: translate(0, -50%); }
                  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
                    .spd-instagram__layer ul li:last-child ul li:last-child > div {
                      top: 0;
                      -webkit-transform: none;
                          -ms-transform: none;
                              transform: none; } }
                  @media only screen and (max-width: 40em) {
                    .spd-instagram__layer ul li:last-child ul li:last-child > div {
                      top: 33%;
                      font-size: 1.125rem;
                      line-height: 1.5rem; } }
    .spd-instagram__layer__headline {
      width: 100%;
      font-size: 1.375rem;
      line-height: 1.375rem;
      font-weight: 600;
      text-transform: uppercase; }
      @media only screen and (max-width: 40em) {
        .spd-instagram__layer__headline {
          font-size: 1.125rem;
          line-height: 1.125rem; } }
    .spd-instagram__layer__copy {
      clear: both;
      display: block;
      width: 100%;
      margin-top: 1.25rem;
      font-size: 1.25rem;
      line-height: 1.75rem;
      font-weight: 600; }
      @media only screen and (max-width: 40em) {
        .spd-instagram__layer__copy {
          margin-top: 0;
          font-size: 1rem;
          line-height: 1.375rem; } }
    .spd-instagram__layer .layer-controls {
      position: absolute;
      top: 1rem;
      right: 1rem; }
      .spd-instagram__layer .layer-controls button {
        width: 3rem; }
        .spd-instagram__layer .layer-controls button svg {
          fill: #c72b8c; }

.spd-big-teaser {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 120px;
  font-size: 1.25rem;
  color: white; }
  @media only screen and (max-width: 40em) {
    .spd-big-teaser {
      margin-bottom: 4.0625rem; } }
  .spd-big-teaser__background {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 80%;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%); }
    .spd-big-teaser__background.text-major {
      height: 100%;
      top: 8%;
      left: 0;
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
    @media only screen and (max-width: 40em) {
      .spd-big-teaser__background {
        top: 60%;
        height: 90%; } }
  .spd-big-teaser .row {
    position: relative;
    z-index: 2; }
  .spd-big-teaser ul li {
    position: relative;
    width: 50%;
    height: 100%;
    float: left; }
    @media only screen and (max-width: 40em) {
      .spd-big-teaser ul li {
        width: 100%; } }
  .spd-big-teaser__graphical a img {
    position: relative; }
  .spd-big-teaser__graphical__headline {
    position: absolute;
    bottom: -2.5%;
    left: 50%;
    width: 65%;
    max-width: 10.3125rem;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding: 0.25rem 0.625rem 0.125rem;
    font-size: 0.9375rem;
    font-weight: 700;
    text-align: center; }
    @media only screen and (max-width: 40em) {
      .spd-big-teaser__graphical__headline {
        padding: 4px 10px 2px; } }
  .spd-big-teaser__graphical.is-active {
    display: inline-block; }
  .spd-big-teaser__video.is-active {
    display: inline-block; }
  .spd-big-teaser__video .spd-big-teaser__graphical__headline {
    z-index: 2;
    bottom: 0.5rem; }
  .spd-big-teaser__youtube.is-active {
    display: inline-block; }
  .spd-big-teaser__youtube .video-youtube-content {
    padding: 0;
    height: 23vw; }
    @media only screen and (max-width: 40em) {
      .spd-big-teaser__youtube .video-youtube-content {
        height: 54vw; } }
  .spd-big-teaser__youtube .spd-big-teaser__graphical__headline {
    z-index: 2;
    bottom: 0.5rem; }
  .spd-big-teaser__textual {
    text-align: center; }
    .spd-big-teaser__textual__content-wrapper {
      width: 100%;
      max-width: 24.375rem;
      margin: 0 auto;
      padding-top: 7vw;
      padding-left: 5%; }
      @media only screen and (max-width: 40em) {
        .spd-big-teaser__textual__content-wrapper {
          padding-left: 0; } }
      .spd-big-teaser__textual__content-wrapper h2 {
        font-family: "vidaloka_regular", serif;
        font-size: 2.75rem;
        line-height: 2.75rem;
        text-align: left; }
        @media only screen and (max-width: 40em) {
          .spd-big-teaser__textual__content-wrapper h2 {
            font-size: 40px; } }
      .spd-big-teaser__textual__content-wrapper__text {
        line-height: 1.8125rem;
        font-size: 1.125rem;
        padding: 0.9375rem 0;
        text-align: left; }
        @media only screen and (max-width: 40em) {
          .spd-big-teaser__textual__content-wrapper__text {
            font-size: 18px; } }
      .spd-big-teaser__textual__content-wrapper .button {
        float: left; }

.component-blog--articlePage .spd-big-teaser .row {
  margin: 0 auto;
  max-width: 87.5rem; }
  @media only screen and (max-width: 40em) {
    .component-blog--articlePage .spd-big-teaser .row {
      max-width: 90%; } }

.spd-latest-articles {
  margin-bottom: 120px; }
  .spd-latest-articles > h2 {
    width: 80%;
    text-align: center;
    margin: 0 auto 3.125rem;
    font-family: "vidaloka_regular", serif;
    font-size: 3.75rem;
    line-height: 3.5rem; }
    @media only screen and (max-width: 40em) {
      .spd-latest-articles > h2 {
        width: 90%;
        font-size: 40px;
        line-height: 2.8rem; } }
  .spd-latest-articles .spd-teaser-list h2 {
    display: block; }
  .spd-latest-articles .row {
    text-align: center; }
    @media only screen and (max-width: 40em) {
      .spd-latest-articles .row {
        margin-bottom: 4.0625rem; } }
    .spd-latest-articles .row > .button {
      margin-top: -2.5rem; }
      @media only screen and (max-width: 40em) {
        .spd-latest-articles .row > .button {
          margin-top: 0; } }
  .spd-latest-articles .spd-teaser-list__teaser__title {
    display: block; }

.spd-video {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 31.25rem;
  margin: 3.75rem 0;
  overflow: hidden; }
  .spd-video .picture-overlay-container {
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px; }
  .spd-video .video-youtube-content {
    padding-top: 0; }
    @media only screen and (min-width: 62.8125em) {
      .spd-video .video-youtube-content {
        padding-bottom: 40vw; } }
    @media only screen and (max-width: 40em) {
      .spd-video .video-youtube-content {
        padding-bottom: 60%; } }
    @media only screen and (min-width: 62.8125em) {
      .spd-video .video-youtube-content .video-youtube-poster {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; } }
  .spd-video .video-player-item {
    max-height: 31.25rem; }
    @media only screen and (min-width: 62.8125em) {
      .spd-video .video-player-item .video-player-wrap {
        height: 100%;
        max-height: 31.25rem; } }
    @media only screen and (min-width: 62.8125em) {
      .spd-video .video-player-item video {
        width: auto;
        height: 100%;
        max-height: 31.25rem; } }
  @media only screen and (min-width: 62.8125em) {
    .spd-video .video-youtube .video-youtube-wrapper {
      top: 0;
      max-height: 31.25rem;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; } }

/* brand select */
.brand-select {
  position: relative;
  background: white;
  height: 48px;
  width: 500px;
  margin: 48px auto 0; }
  .brand-select:before, .brand-select:after {
    content: " ";
    display: table; }
  .brand-select:after {
    clear: both; }
  .brand-select.brand-select-3cols {
    width: 700px; }
  @media only screen and (max-width: 40em) {
    .brand-select {
      width: 100% !important; } }

.brand-select-inner {
  overflow: hidden;
  z-index: 89;
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 48px;
  max-height: 48px;
  width: 100%;
  background: white;
  -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: max-height .3s;
  -o-transition: max-height .3s;
  transition: max-height .3s; }
  .brand-select.is-active .brand-select-inner {
    max-height: 3000px; }

.brand-select-button-wrapper {
  cursor: pointer;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background: white;
  color: #2183ca; }
  .brand-select-button-wrapper button {
    position: relative;
    width: auto;
    height: 100%;
    padding-right: 35px; }
    .brand-select-button-wrapper button .icon {
      pointer-events: none;
      position: absolute;
      top: 15px;
      right: 2px;
      width: 35px;
      height: 18px;
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      -o-transition: transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
      .brand-select.is-active .brand-select-button-wrapper button .icon {
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }

.brand-select-list {
  width: 100%;
  margin-bottom: 48px; }
  .brand-select-list:before, .brand-select-list:after {
    content: " ";
    display: table; }
  .brand-select-list:after {
    clear: both; }
  @media only screen and (min-width: 40.063em) {
    .brand-select-list:after {
      content: '';
      position: relative;
      top: -1px;
      left: 20px;
      height: 1px;
      width: calc(100% - 2 * 20px);
      background: #f2f2f2; } }
  .brand-select-list li {
    display: inline;
    float: left;
    width: 50%;
    min-height: 48px;
    padding: 0 20px; }
    @media only screen and (max-width: 40em) {
      .brand-select-list li {
        width: 100% !important; } }
    .brand-select-3cols .brand-select-list li {
      width: 33.333333333%; }
  .brand-select-list a {
    display: block;
    color: #2183ca;
    border-bottom: 1px solid #f2f2f2;
    padding: 11px 0; }

/* blog article */
/**
 * @name        blog-article
 * @description general styles for blog-article
 *
 * @version     @@VERSION@@
 */
.blog-article > * {
  margin-bottom: 2.5rem; }

.blog-article .hl, .blog-article .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .blog-article h2 {
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 2.8125rem;
  color: #2183ca; }
  @media only screen and (min-width: 40.063em) {
    .blog-article .hl, .blog-article .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .blog-article h2 {
      font-size: 1.875rem;
      line-height: 2.125rem; } }

.blog-article .hl, .blog-article .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .blog-article h2, .blog-article p, .blog-article picture {
  display: block;
  margin-bottom: 0.9375rem; }
  @media only screen and (min-width: 40.063em) {
    .blog-article .hl:last-child, .blog-article .component-footer-addendum .text-area h2:last-child, .component-footer-addendum .text-area .blog-article h2:last-child, .blog-article p:last-child, .blog-article picture:last-child {
      margin-bottom: 0; } }

.blog-article p,
.blog-article li {
  font-size: 1.75rem;
  line-height: 1.4375rem; }
  @media only screen and (min-width: 40.063em) {
    .blog-article p,
    .blog-article li {
      font-size: 1.25rem;
      line-height: 1.75rem; } }

.blog-article ul > li {
  list-style-type: disc;
  margin-bottom: 1.25rem; }
  .blog-article ul > li:last-child {
    margin-bottom: 0; }

/**
 * @name        flexcol
 * @description flexcols for blog-article
 *
 * @version     @@VERSION@@
 */
.flexcol .text-area {
  clear: both;
  display: inline; }

@media only screen and (min-width: 40.063em) {
  .flexcol {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 1.5625rem;
            column-gap: 1.5625rem;
    /* .text-media {
      break-inside: avoid;
    } */ } }

/**
 * @name        fixcol
 * @description fixcols for blog-article
 *
 * @version     @@VERSION@@
 */
.fixcol {
  margin: 0.625rem 0; }
  @media only screen and (min-width: 40.063em) {
    .fixcol .fixcol-col.editmode-error {
      background: rgba(255, 0, 0, 0.3); } }

/* ilp */
/**
 * @name        testimonial
 * @description general styles for the testimonial component
 *
 * @version     @@VERSION@@
 */
.component-ilp-testimonial {
  /* .slick-track {
    position: relative;
    height: 100%;
  } */ }
  .component-ilp-testimonial .slider-container > .text-group {
    margin-bottom: 0;
    position: relative;
    text-align: center; }
  @media only screen and (max-width: 40em) {
    .component-ilp-testimonial .testimonial-slide:nth-child(n+1) {
      margin-top: 2rem; }
    .component-ilp-testimonial [class*="block-grid-"] {
      margin: 0; } }
  @media only screen and (min-width: 40.063em) {
    .component-ilp-testimonial .disclaimer .text {
      position: absolute;
      bottom: 0;
      right: 0;
      text-align: right;
      font-size: 0.75rem;
      padding-right: 5rem; } }
  .component-ilp-testimonial .disclaimer .text {
    margin-top: 1.5625rem;
    margin-bottom: 1.5625rem;
    font-size: 0.75rem; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-ilp-testimonial .disclaimer .text {
      margin-bottom: 2.5rem; } }
  .component-ilp-testimonial .text-group {
    margin-bottom: 1.875rem; }
  .component-ilp-testimonial .component-content:after {
    height: 0; }
  .component-ilp-testimonial .slick-arrow .icon-path {
    fill: white; }
  .component-ilp-testimonial .slick-slider {
    padding: 0 3.125rem; }
    .component-ilp-testimonial .slick-slider .slick-dots {
      left: 0; }
    @media only screen and (max-width: 40em) {
      .component-ilp-testimonial .slick-slider {
        padding: 0 .625rem;
        margin-bottom: 2rem; } }
  .component-ilp-testimonial .testimonial-slide {
    /* float: none;
    display: inline-block;
    vertical-align: middle; */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1rem;
    text-align: center; }
    .component-ilp-testimonial .testimonial-slide img {
      max-width: 100%;
      max-height: 40vh !important;
      width: auto;
      display: inline-block; }
      @media only screen and (min-width: 40.063em) {
        .component-ilp-testimonial .testimonial-slide img {
          max-height: 50vh !important; } }
      @media only screen and (min-width: 62.8125em) {
        .component-ilp-testimonial .testimonial-slide img {
          max-height: 40vh !important; } }
    .component-ilp-testimonial .testimonial-slide .text-group {
      margin: 0 10%;
      width: 80%; }
      .component-ilp-testimonial .testimonial-slide .text-group h1, .component-ilp-testimonial .testimonial-slide .text-group h2, .component-ilp-testimonial .testimonial-slide .text-group h3, .component-ilp-testimonial .testimonial-slide .text-group h4 {
        padding: 1rem 0 0;
        width: 100%;
        font-size: 1.5625rem;
        margin: 0; }
      .component-ilp-testimonial .testimonial-slide .text-group p {
        padding: 1rem 0 0;
        width: 100%;
        font-size: 1.25rem;
        line-height: 1.375rem; }
    .component-ilp-testimonial .testimonial-slide .button {
      margin: 2rem 0 0; }
  .component-ilp-testimonial.dark .slick-arrow .icon-path {
    fill: #2466a9; }
  .component-ilp-testimonial.dark .text-group {
    color: #2466a9; }

.editmode .component-ilp-testimonial .slick-track {
  width: 100% !important; }

.editmode .component-ilp-testimonial .slick-slide {
  width: 100% !important; }

.editmode .component-ilp-testimonial .parsys {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .editmode .component-ilp-testimonial .parsys > div:nth-child(odd) {
    width: 0 !important; }
  .editmode .component-ilp-testimonial .parsys > div.new.section {
    width: 100% !important; }
  .editmode .component-ilp-testimonial .parsys > .testimonial {
    display: inline-block;
    margin-bottom: 1rem;
    width: 20%; }
    .editmode .component-ilp-testimonial .parsys > .testimonial .testimonial-slide .text-container, .editmode .component-ilp-testimonial .parsys > .testimonial .testimonial-slide .video-container {
      width: 100%; }

@media only screen and (min-width: 40.063em) {
  .editmode .component-ilp-testimonial .disclaimer {
    padding: 10%; }
    .editmode .component-ilp-testimonial .disclaimer .text {
      position: relative;
      text-align: left;
      width: 100%; } }

/**
 * @name        video-hub
 * @description general styles for the video-hub component
 *
 * @version     @@VERSION@@
 */
@media only screen and (max-width: 40em) {
  .component-ilp-video-hub {
    /* .video-hub-nav:nth-child(n+1) {
      margin-top: 2rem;
    } */ }
    .component-ilp-video-hub [class*="block-grid-"] {
      margin: 0; }
    .component-ilp-video-hub .slider-nav-container {
      margin-bottom: 1.5625rem; } }

@media only screen and (min-width: 62.8125em) {
  .component-ilp-video-hub .item-slide picture {
    cursor: pointer; }
  .component-ilp-video-hub .text-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    margin-bottom: 0; }
    .component-ilp-video-hub .text-container .text-group .text.text-major div, .component-ilp-video-hub .text-container .text-group .text.text-major p {
      margin-bottom: 15px; }
    .component-ilp-video-hub .text-container button {
      float: left;
      margin-top: 1.25rem; }
  .component-ilp-video-hub .slider-main-container .slick-slider {
    padding-left: 3.125rem;
    padding-right: 3.125rem; }
  .component-ilp-video-hub .slider-nav-container .slick-slider {
    padding-left: 2.3125rem;
    padding-right: 2.3125rem; }
  .component-ilp-video-hub .slider-main {
    padding-left: 2.3125rem;
    padding-right: 2.3125rem; } }

@media only screen and (min-width: 62.8125em) {
  .component-ilp-video-hub .disclaimer .text {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.75rem;
    padding-right: 5rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-ilp-video-hub .disclaimer .text {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.75rem;
    padding-right: 5rem; }
  .component-ilp-video-hub .slider-main-container {
    width: 80vw; }
  .component-ilp-video-hub .slider-nav-container {
    width: 90vw; } }

.component-ilp-video-hub .text-container {
  margin-bottom: 2rem; }

.component-ilp-video-hub .component-content:after {
  height: 0; }

.component-ilp-video-hub .slick-arrow .icon-path {
  fill: white; }

.component-ilp-video-hub .video-hub-nav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 1rem;
  text-align: center; }
  .component-ilp-video-hub .video-hub-nav img {
    max-width: 100%;
    max-height: 20vh;
    width: auto;
    display: inline-block; }

.component-ilp-video-hub .text-group {
  text-align: left; }

.component-ilp-video-hub.dark .slick-arrow .icon-path {
  fill: #2466a9; }

.component-ilp-video-hub.dark .text-group {
  color: #2466a9; }

.component-ilp-video-hub .disclaimer .text {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  font-size: 0.75rem; }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-ilp-video-hub .disclaimer .text {
    margin-bottom: 2.5rem; } }

.editmode .component-ilp-video-hub .component {
  min-height: 0 !important; }

.editmode .component-ilp-video-hub .video-hub-main {
  width: 70%;
  margin: 0 15% 5% 15%; }
  .editmode .component-ilp-video-hub .video-hub-main .video-container {
    width: 50%; }
  .editmode .component-ilp-video-hub .video-hub-main .text-container {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: relative;
    top: auto;
    width: 50%; }
    .editmode .component-ilp-video-hub .video-hub-main .text-container .text {
      font-size: 1.25rem; }
  .editmode .component-ilp-video-hub .video-hub-main .component.component-picture,
  .editmode .component-ilp-video-hub .video-hub-main .component-content {
    padding: 0 !important;
    float: left !important;
    width: 100% !important; }

.editmode .component-ilp-video-hub .video-hub-nav {
  display: none;
  width: 70%;
  margin: 0 15%;
  margin-bottom: 2%; }
  .editmode .component-ilp-video-hub .video-hub-nav picture {
    padding: 0 !important;
    float: left !important;
    width: 100% !important; }

/**
 * @name        campaign
 * @description general styles for the campaign component
 *
 * @version     @@VERSION@@
 */
@media only screen and (max-width: 40em) {
  .component-ilp-campaign .text-container {
    margin-bottom: 2rem; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-ilp-campaign .disclaimer .text {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.75rem;
    padding-right: 5rem; }
  .component-ilp-campaign .main-container {
    height: calc(100% - 3rem);
    display: table;
    float: none;
    position: relative; }
    .component-ilp-campaign .main-container .text-container {
      display: table-row;
      float: none; }
    .component-ilp-campaign .main-container .component-container {
      display: table-row;
      float: none;
      height: 100%; }
      .component-ilp-campaign .main-container .component-container picture {
        position: relative;
        display: table-cell;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 100%;
        width: 100%;
        text-align: center;
        padding: 0; }
        .component-ilp-campaign .main-container .component-container picture img {
          padding-bottom: 3rem;
          padding-top: 3rem;
          display: inline-block;
          vertical-align: middle;
          position: absolute;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: 80%;
          height: auto; }
      .component-ilp-campaign .main-container .component-container .video-youtube-poster picture {
        position: absolute; }
      .component-ilp-campaign .main-container .component-container section {
        padding-bottom: 3rem;
        padding-top: 3rem;
        display: table-cell;
        float: none;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .component-ilp-campaign .main-container .component-container section .component-content {
          display: table;
          height: 100%;
          width: 100%;
          float: none;
          position: relative; }
      .component-ilp-campaign .main-container .component-container .row {
        display: table-row;
        height: 100%;
        float: none;
        position: relative; }
      .component-ilp-campaign .main-container .component-container .video-youtube,
      .component-ilp-campaign .main-container .component-container .video-player-item {
        display: table-cell;
        padding: 0;
        width: 100%;
        height: 100%;
        position: relative; }
      .component-ilp-campaign .main-container .component-container .video-player-wrap {
        display: table-row;
        height: 100%;
        position: relative;
        max-width: 100%;
        padding: 0;
        margin: 0; }
      .component-ilp-campaign .main-container .component-container .video-player-wrap,
      .component-ilp-campaign .main-container .component-container .video-youtube-content.video-player-item {
        display: table; }
        .component-ilp-campaign .main-container .component-container .video-player-wrap video,
        .component-ilp-campaign .main-container .component-container .video-youtube-content.video-player-item video {
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
                  transform: translateY(-50%); }
      .component-ilp-campaign .main-container .component-container .bg {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        overflow: hidden; }
        .component-ilp-campaign .main-container .component-container .bg picture {
          position: absolute;
          display: block;
          top: 0;
          left: 0;
          height: 100%;
          width: 100%;
          overflow: hidden; }
          .component-ilp-campaign .main-container .component-container .bg picture img {
            padding: 0;
            height: 100%;
            max-height: 100%;
            max-width: 150%;
            width: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
      .component-ilp-campaign .main-container .component-container .video-youtube-poster {
        display: table-cell;
        padding: 0;
        width: 100%;
        height: 100%;
        position: relative; }
        .component-ilp-campaign .main-container .component-container .video-youtube-poster img {
          padding: 0;
          position: absolute;
          height: 100%;
          width: auto;
          max-height: 100%;
          max-width: 150%;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .component-ilp-campaign .main-container .component-container .text-major ul {
        padding: 0;
        margin: 0; }
        .component-ilp-campaign .main-container .component-container .text-major ul li {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          position: relative;
          list-style: none;
          padding-left: 80px;
          min-height: 76px;
          vertical-align: middle; }
          .component-ilp-campaign .main-container .component-container .text-major ul li:before {
            content: '';
            position: absolute;
            top: 50%;
            -webkit-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                    transform: translate(0%, -50%);
            left: 0;
            width: 74px;
            height: 76px; } }

@media only screen and (min-width: 62.8125em) {
  .component-ilp-campaign .component-content {
    padding: 0; }
  .component-ilp-campaign .disclaimer .text {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    font-size: 0.75rem;
    padding-right: 5rem; }
  .component-ilp-campaign .main-container {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: 100%;
    max-width: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
    .component-ilp-campaign .main-container .text-container {
      height: auto;
      position: absolute;
      top: 50%;
      left: 0;
      right: auto;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      padding-top: 3rem;
      padding-right: 3.125rem;
      padding-left: 3.125rem; }
      .component-ilp-campaign .main-container .text-container.right {
        right: 0;
        left: auto;
        padding-left: 0;
        padding-right: 5rem; }
    .component-ilp-campaign .main-container .component-container {
      margin: 0;
      max-height: 100%;
      position: absolute;
      top: 50%;
      right: 0;
      left: auto;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      padding-right: 0;
      padding-top: 0; }
      .component-ilp-campaign .main-container .component-container.right {
        padding-right: 1.25rem;
        right: auto;
        left: 0; }
        .component-ilp-campaign .main-container .component-container.right .video-player-item, .component-ilp-campaign .main-container .component-container.right .video-youtube {
          padding-right: 3.75rem; }
      .component-ilp-campaign .main-container .component-container img {
        width: auto;
        max-width: 100%; }
      .component-ilp-campaign .main-container .component-container .video-player-item, .component-ilp-campaign .main-container .component-container .video-youtube {
        margin-left: 3.75rem;
        padding-left: 0; }
        .component-ilp-campaign .main-container .component-container .video-player-item img, .component-ilp-campaign .main-container .component-container .video-youtube img {
          width: 100%;
          display: block; } }

.component-ilp-campaign .disclaimer .text {
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem;
  font-size: 0.75rem; }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-ilp-campaign .disclaimer .text {
    margin-bottom: 2.5rem; } }

.component-ilp-campaign .component-content:after {
  height: 0; }

.component-ilp-campaign .text-group {
  margin-bottom: 1.875rem; }

.component-ilp-campaign.dark .text-group {
  color: #2466a9; }

.editmode .component-ilp-campaign .component {
  min-height: 100% !important; }

.editmode .component-ilp-campaign .main-container {
  display: block;
  position: absolute;
  right: auto !important;
  top: 35%;
  left: 50%;
  height: 100%;
  width: 100%;
  max-width: 90%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%); }

.editmode .component-ilp-campaign .component-container, .editmode .component-ilp-campaign .text-container {
  display: block;
  position: relative;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  width: 50%;
  padding: 0 !important;
  margin: 0 !important; }
  .editmode .component-ilp-campaign .component-container .video-youtube, .editmode .component-ilp-campaign .text-container .video-youtube {
    display: block;
    padding-left: 0; }
  .editmode .component-ilp-campaign .component-container .component.component-picture,
  .editmode .component-ilp-campaign .component-container .component-content, .editmode .component-ilp-campaign .text-container .component.component-picture,
  .editmode .component-ilp-campaign .text-container .component-content {
    display: block;
    padding: 0 !important;
    width: 100% !important; }

.editmode .component-ilp-campaign .text-container {
  width: 50%; }
  .editmode .component-ilp-campaign .text-container .text {
    font-size: 1.25rem; }
  .editmode .component-ilp-campaign .text-container.right {
    float: right;
    padding-left: 5rem !important;
    padding-right: 5rem; }

.editmode .component-ilp-campaign .component-container.right {
  padding-right: 1.25rem; }
  .editmode .component-ilp-campaign .component-container.right .video-player-item, .editmode .component-ilp-campaign .component-container.right .video-youtube {
    padding-left: 0;
    padding-right: 0; }

/* iframe */
/**
 * @name        iframe
 * @description general styles for the iframe component
 *
 * @version     @@VERSION@@
 */
/* .avoid-clicks {
  pointer-events: none;
} */
.iframe-scrollable .component-content {
  position: relative;
  z-index: 1; }

.iframes .component-content::after {
  display: none; }

.iframes .iframe-wrapper {
  position: relative; }
  .iframes .iframe-wrapper .iframe-container {
    border: 0;
    height: 560px;
    width: 100%; }
  .iframes .iframe-wrapper .iframe-bottom {
    height: 1px;
    width: 100%; }
  .iframes .iframe-wrapper .iframe-content-bottom {
    height: 1px;
    width: 100%; }

.iframes.layers {
  width: 100%;
  height: 100%; }

.iframes .text-theme-dark .text-major {
  color: #2183ca; }

.iframes .text-container {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 100%;
  padding: 1rem;
  text-align: center;
  top: 0;
  width: 100%; }
  @media only screen and (min-width: 40.063em) {
    .iframes .text-container {
      position: absolute;
      top: 120px; } }

/* productfinder */
/**
 * @name        productfinder
 * @description general styles for the productfinder component
 *
 * @version     @@VERSION@@
 */
@media only screen and (min-width: 90.063em) {
  .xlarge-block-grid-5 > li {
    width: 20%;
    list-style: none; }
  .xlarge-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .xlarge-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; } }

@media only screen and (min-width: 90.063em) {
  .xlarge-block-grid-5 > li {
    width: 20%;
    list-style: none; }
  .xlarge-block-grid-5 > li:nth-of-type(n) {
    clear: none; }
  .xlarge-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both; } }

.productfinder-stage .productfinder {
  margin-bottom: 3.125rem; }
  .productfinder-stage .productfinder .button-picture {
    background-color: transparent; }
    .productfinder-stage .productfinder .button-picture:hover {
      background-color: transparent; }
  .productfinder-stage .productfinder .component-content::after {
    display: none; }
  .productfinder-stage .productfinder hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #004487;
    margin: 1em 0;
    padding: 0; }
  @media only screen and (min-width: 62.8125em) {
    .productfinder-stage .productfinder {
      margin-bottom: 0; } }
  .productfinder-stage .productfinder h3, .productfinder-stage .productfinder h4, .productfinder-stage .productfinder h5, .productfinder-stage .productfinder h6,
  .productfinder-stage .productfinder p {
    margin: 0;
    line-height: 1.1; }
  .productfinder-stage .productfinder .text-theme-dark h1 {
    color: #2183ca !important; }
  .productfinder-stage .productfinder .text-theme-dark .text-major {
    color: #004487 !important; }
  .productfinder-stage .productfinder .button-text-center {
    padding: 0.625rem 2.1875rem; }
  .productfinder-stage .productfinder .slide-overflow-btn .icon-path {
    fill: white; }
  @media only screen and (min-width: 40.063em) {
    .productfinder-stage .productfinder .navigation-wrapper {
      position: relative;
      top: 6.875rem; }
      .productfinder-stage .productfinder .navigation-wrapper.tree {
        top: 20rem; } }
  .productfinder-stage .productfinder .navigation-wrapper > .row {
    width: 80%; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .productfinder-stage .productfinder .navigation-wrapper {
      top: 10rem; } }
  .productfinder-stage .productfinder .navigation-wrapper .slide-overflow-btn:first-child {
    left: 2.1875rem; }
    @media only screen and (min-width: 62.8125em) {
      .productfinder-stage .productfinder .navigation-wrapper .slide-overflow-btn:first-child {
        left: 4.0625rem; } }
  .productfinder-stage .productfinder .navigation-wrapper .slide-overflow-btn {
    right: 1.5625rem; }
    @media only screen and (min-width: 62.8125em) {
      .productfinder-stage .productfinder .navigation-wrapper .slide-overflow-btn {
        right: 3.4375rem; } }
  .productfinder-stage .productfinder .navigation-wrapper.dark .slide-overflow-btn .icon-path {
    fill: #2183ca; }
  .productfinder-stage .productfinder .navigation-wrapper .matrix-item {
    height: inherit; }
    .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box {
      text-align: left;
      display: block; }
      @media only screen and (min-width: 40.063em) {
        .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box {
          text-align: center; } }
      .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top {
        cursor: pointer;
        background-color: #004487;
        -webkit-transition: background-color .3s;
        -o-transition: background-color .3s;
        transition: background-color .3s;
        min-height: 7.1875rem; }
        @media only screen and (min-width: 40.063em) {
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top {
            position: relative; } }
        .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top path {
          -webkit-transition: fill .3s;
          -o-transition: fill .3s;
          transition: fill .3s; }
        .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img {
          position: relative;
          float: right;
          display: inline-block;
          padding-right: 1rem;
          padding-top: 1rem; }
          @media only screen and (min-width: 40.063em) {
            .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img {
              position: absolute;
              padding: 0;
              top: 0;
              left: 0;
              float: none;
              width: 100%;
              height: 100%; } }
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img .svg-img {
            width: 4.375rem;
            height: 4.375rem;
            padding-top: 1rem; }
            .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img .svg-img path {
              fill: white; }
            @media only screen and (min-width: 40.063em) {
              .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img .svg-img {
                position: absolute;
                left: 50%;
                bottom: 1.25rem;
                display: block;
                margin: 0 0 0 -2.1875rem;
                padding-top: 0; } }
            .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img .svg-img.is-png {
              height: 4.375rem;
              width: auto;
              -webkit-transition: opacity .2s;
              -o-transition: opacity .2s;
              transition: opacity .2s;
              opacity: 1; }
            .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img .svg-img.is-png-hover {
              position: absolute;
              left: 50%;
              bottom: 1.25rem;
              display: block;
              margin: 0 0 0 -2.1875rem;
              padding-top: 0;
              height: 4.375rem;
              width: auto;
              -webkit-transition: opacity .3s;
              -o-transition: opacity .3s;
              transition: opacity .3s;
              opacity: 0; }
              @media only screen and (max-width: 40em) {
                .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img .svg-img.is-png-hover {
                  top: 35%;
                  height: 3.625rem; } }
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .item-icon-img::after {
            content: ".";
            clear: both;
            display: block;
            visibility: hidden;
            height: 0; }
        .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top:hover, .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top.is-highlighted {
          background-color: #2183ca; }
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top:hover .svg-img path, .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top.is-highlighted .svg-img path {
            fill: #004487; }
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top:hover .svg-img.is-png, .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top.is-highlighted .svg-img.is-png {
            opacity: 0; }
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top:hover .svg-img.is-png-hover, .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top.is-highlighted .svg-img.is-png-hover {
            opacity: 1; }
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top:hover .headline, .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top.is-highlighted .headline {
            color: white; }
        .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .headline {
          width: 70%;
          -webkit-transition: color .3s;
          -o-transition: color .3s;
          transition: color .3s;
          font-size: 1.375rem;
          color: white;
          padding: 2rem 1rem;
          display: inline-block; }
          @media only screen and (min-width: 40.063em) {
            .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .box-top .headline {
              text-align: center;
              position: relative;
              width: 100%;
              padding: 2rem 1rem 7.5rem; } }
      .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .selected-box {
        display: none;
        background-color: #2183ca;
        width: 100%; }
        .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .selected-box .text {
          color: #004487;
          font-size: 1.2rem;
          text-align: left;
          padding: 0.3rem 1rem; }
        @media only screen and (min-width: 40.063em) {
          .productfinder-stage .productfinder .navigation-wrapper .matrix-item .box .selected-box .text {
            text-align: center;
            font-size: 0.9375rem; } }
  .productfinder-stage .productfinder .header-container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 1rem;
    text-align: center;
    top: 0;
    width: 100%; }
    .productfinder-stage .productfinder .header-container h1 {
      font-size: 3.5rem;
      margin-bottom: 0.3rem;
      color: #2183ca;
      /* .icon-lupe {
          position: relative;
          &::after {
            position: absolute;
            display: inline-block;
            content: url('../../wl2/frontend/brands/pas-master/assets/img/icon-lupe.svg');
              transform: scale(.4);
              top: -3.75rem;
              right: -5.9rem;
            @media only screen and (min-width:40.063em) {
              transform: scale(.8);
              top: -2.75rem;
              right: -5.25rem;
            }
          }
        } */ }
    .productfinder-stage .productfinder .header-container .subtitle {
      margin-left: 8%;
      margin-right: 8%; }
      .productfinder-stage .productfinder .header-container .subtitle h2 {
        font-size: 1.3rem;
        color: #004487; }
    @media only screen and (min-width: 40.063em) {
      .productfinder-stage .productfinder .header-container {
        position: absolute;
        top: 7.5rem; }
        .productfinder-stage .productfinder .header-container h1 {
          font-size: 3.125rem;
          margin-bottom: 0.3rem; }
        .productfinder-stage .productfinder .header-container .subtitle {
          margin: 0; }
          .productfinder-stage .productfinder .header-container .subtitle h2 {
            font-size: 1.4rem; } }
  .productfinder-stage .productfinder .footer-container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 1rem;
    text-align: center;
    bottom: 0;
    width: 100%; }
    .productfinder-stage .productfinder .footer-container .button-reset-tree {
      background-color: #004487;
      -webkit-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s;
      margin-bottom: 1.5rem; }
      .productfinder-stage .productfinder .footer-container .button-reset-tree:hover, .productfinder-stage .productfinder .footer-container .button-reset-tree.is-highlighted {
        background-color: white; }
    .productfinder-stage .productfinder .footer-container .button-show,
    .productfinder-stage .productfinder .footer-container .button-edit {
      margin-bottom: 1.8rem; }
    .productfinder-stage .productfinder .footer-container .button-show {
      background-color: #e32219;
      -webkit-transition: background-color .3s;
      -o-transition: background-color .3s;
      transition: background-color .3s; }
      .productfinder-stage .productfinder .footer-container .button-show .item {
        color: #e32219; }
      .productfinder-stage .productfinder .footer-container .button-show:hover, .productfinder-stage .productfinder .footer-container .button-show.is-highlighted {
        background-color: white; }
        .productfinder-stage .productfinder .footer-container .button-show:hover .item, .productfinder-stage .productfinder .footer-container .button-show.is-highlighted .item {
          color: white; }
    .productfinder-stage .productfinder .footer-container .reset {
      text-align: center; }
      .productfinder-stage .productfinder .footer-container .reset a {
        text-decoration: underline;
        position: relative;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s;
        color: #004487; }
        .productfinder-stage .productfinder .footer-container .reset a .item-icon-svg {
          position: relative;
          display: inline-block;
          vertical-align: top; }
          .productfinder-stage .productfinder .footer-container .reset a .item-icon-svg .svg-img {
            width: 1.25rem;
            height: 1.25rem; }
            .productfinder-stage .productfinder .footer-container .reset a .item-icon-svg .svg-img path {
              -webkit-transition: fill .3s;
              -o-transition: fill .3s;
              transition: fill .3s;
              fill: #004487; }
        .productfinder-stage .productfinder .footer-container .reset a:hover, .productfinder-stage .productfinder .footer-container .reset a.is-highlighted {
          color: #e32219; }
          .productfinder-stage .productfinder .footer-container .reset a:hover .svg-img path, .productfinder-stage .productfinder .footer-container .reset a.is-highlighted .svg-img path {
            fill: #e32219; }
    @media only screen and (min-width: 40.063em) {
      .productfinder-stage .productfinder .footer-container {
        position: absolute;
        bottom: 3.125rem; }
        .productfinder-stage .productfinder .footer-container .button-reset-tree,
        .productfinder-stage .productfinder .footer-container .button-show,
        .productfinder-stage .productfinder .footer-container .button-edit {
          margin-bottom: 1.5rem; } }
  .productfinder-stage .productfinder .product-container .show-products {
    display: inline-block;
    margin-bottom: 1.8rem;
    text-align: center; }
    .productfinder-stage .productfinder .product-container .show-products a {
      text-decoration: underline;
      position: relative;
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s;
      margin-left: 1.3125rem; }
      .productfinder-stage .productfinder .product-container .show-products a::-moz-selection {
        background: transparent;
        color: #004487; }
      .productfinder-stage .productfinder .product-container .show-products a::selection {
        background: transparent;
        color: #004487; }
      .productfinder-stage .productfinder .product-container .show-products a::before {
        position: absolute;
        display: inline-block;
        content: url("../../wl2/frontend/brands/pas-master/assets/img/icon-more.png");
        width: 1.375rem;
        height: 1.375rem;
        left: -2.1875rem; }
    @media only screen and (min-width: 40.063em) {
      .productfinder-stage .productfinder .product-container .show-products {
        display: none; } }
  .productfinder-stage .productfinder .product-container .button-edit {
    background-color: #004487;
    color: white;
    -webkit-transition: background-color .3s;
    -o-transition: background-color .3s;
    transition: background-color .3s; }
    .productfinder-stage .productfinder .product-container .button-edit .item {
      background-color: white;
      color: #004487; }
    .productfinder-stage .productfinder .product-container .button-edit:hover, .productfinder-stage .productfinder .product-container .button-edit.is-highlighted {
      background-color: white;
      color: #004487; }
      .productfinder-stage .productfinder .product-container .button-edit:hover .item, .productfinder-stage .productfinder .product-container .button-edit.is-highlighted .item {
        background-color: #004487;
        color: white; }
  .productfinder-stage .productfinder .breadcrumb-container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 1rem;
    text-align: center;
    top: 0;
    width: 100%; }
    @media only screen and (min-width: 40.063em) {
      .productfinder-stage .productfinder .breadcrumb-container {
        position: absolute;
        top: 16.875rem; } }
    .productfinder-stage .productfinder .breadcrumb-container fieldset.title {
      border-top: 1px solid #004487;
      border-bottom: none;
      border-left: none;
      border-right: none;
      display: block;
      text-align: center; }
      .productfinder-stage .productfinder .breadcrumb-container fieldset.title > legend {
        padding: 5px 10px; }
        .productfinder-stage .productfinder .breadcrumb-container fieldset.title > legend h3 {
          display: inline-block;
          font-size: 3.125rem; }
        .productfinder-stage .productfinder .breadcrumb-container fieldset.title > legend hr {
          display: inline-block;
          border: 0;
          border-top: 1px solid white;
          width: 1.25rem;
          margin: 0;
          margin-bottom: 1.2rem;
          margin-left: 0.6rem;
          margin-right: 0.6rem; }
        .productfinder-stage .productfinder .breadcrumb-container fieldset.title > legend .svg-img {
          cursor: pointer;
          width: 3.125rem;
          height: 3.125rem;
          display: block;
          margin: 0 auto;
          stroke: transparent;
          /* #icon {
                path {
                  fill: $color-highlighted;
                }
                stroke: transparent;
              } */ }
          .productfinder-stage .productfinder .breadcrumb-container fieldset.title > legend .svg-img path {
            fill: white; }
          .productfinder-stage .productfinder .breadcrumb-container fieldset.title > legend .svg-img.is-png-hover {
            height: 3.125rem;
            width: auto; }
  .productfinder-stage .productfinder .question-wrapper .question {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 1rem;
    text-align: center;
    top: 0;
    width: 100%; }
    .productfinder-stage .productfinder .question-wrapper .question .text {
      color: white; }
    @media only screen and (min-width: 40.063em) {
      .productfinder-stage .productfinder .question-wrapper .question {
        position: absolute;
        top: 21.875rem; }
        .productfinder-stage .productfinder .question-wrapper .question hr {
          margin: 2.5em 0; } }
  .productfinder-stage .productfinder .question-icon {
    position: relative;
    height: auto;
    cursor: pointer; }
    .productfinder-stage .productfinder .question-icon .svg-img {
      width: 7.5rem;
      height: 7.5rem;
      display: block;
      margin: 0 auto;
      stroke-alignment: outer;
      stroke-width: 1;
      stroke: transparent;
      /* #icon {
          stroke-alignment: outer;
          stroke-width: 1;
          stroke: transparent;
          path {
            transition: fill .3s;
            fill: $color-light;
          }
        } */ }
      .productfinder-stage .productfinder .question-icon .svg-img path {
        -webkit-transition: fill .3s;
        -o-transition: fill .3s;
        transition: fill .3s;
        fill: white; }
      .productfinder-stage .productfinder .question-icon .svg-img.is-png {
        height: 7.5rem;
        width: auto;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
        opacity: 1; }
      .productfinder-stage .productfinder .question-icon .svg-img.is-png-hover {
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0;
        height: 7.5rem;
        width: auto;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-transition: opacity .0s;
        -o-transition: opacity .0s;
        transition: opacity .0s;
        opacity: 0; }
    .productfinder-stage .productfinder .question-icon .subline {
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s;
      display: inline-block;
      color: white;
      padding-top: 0.5rem;
      font-size: 1.25rem;
      line-height: 1.25rem; }
      @media only screen and (min-width: 40.063em) {
        .productfinder-stage .productfinder .question-icon .subline {
          font-size: 1.75rem;
          line-height: 1.75rem; } }
    .productfinder-stage .productfinder .question-icon:hover .svg-img, .productfinder-stage .productfinder .question-icon.active .svg-img {
      /* #icon {
            path {
              fill: $color-highlighted;
            }
          } */ }
      .productfinder-stage .productfinder .question-icon:hover .svg-img path, .productfinder-stage .productfinder .question-icon.active .svg-img path {
        fill: white; }
      .productfinder-stage .productfinder .question-icon:hover .svg-img.is-png, .productfinder-stage .productfinder .question-icon.active .svg-img.is-png {
        opacity: 0; }
      .productfinder-stage .productfinder .question-icon:hover .svg-img.is-png-hover, .productfinder-stage .productfinder .question-icon.active .svg-img.is-png-hover {
        opacity: 1; }
    .productfinder-stage .productfinder .question-icon:hover .subline, .productfinder-stage .productfinder .question-icon.active .subline {
      color: white; }
    .productfinder-stage .productfinder .question-icon .icon-done.active::after {
      position: absolute;
      display: inline-block;
      content: url("../../wl2/frontend/brands/pas-master/assets/img/icon-done.png");
      top: 0;
      left: 70%;
      width: 1.9375rem;
      height: 1.9375rem; }
  .productfinder-stage .productfinder .overlay-container {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%; }
    .productfinder-stage .productfinder .overlay-container .layer {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #004487;
      opacity: .5;
      width: 100%;
      height: 100%;
      z-index: 0; }
    .productfinder-stage .productfinder .overlay-container .container {
      position: absolute;
      z-index: 1;
      left: 50%; }
      @media only screen and (min-width: 40.063em) {
        .productfinder-stage .productfinder .overlay-container .container {
          top: 50%; } }
      .productfinder-stage .productfinder .overlay-container .container .matrix-item-select {
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        position: relative;
        background-color: #2183ca;
        width: 300px;
        height: auto;
        min-height: 17.5rem;
        padding: 2rem 1.5rem;
        text-align: center; }
        .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .headline {
          font-size: 1.75rem;
          margin-bottom: 1rem;
          color: #004487; }
        .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon {
          position: relative;
          display: inline-block;
          padding: 0.5rem 1rem;
          width: 7.5rem;
          height: auto;
          vertical-align: top;
          cursor: pointer; }
          @media only screen and (min-width: 40.063em) {
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon {
              width: 6.25rem; } }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img {
            position: relative;
            z-index: 2;
            width: 5.25rem;
            height: 5.25rem;
            display: block;
            margin: 0 auto;
            stroke-width: 0;
            stroke: transparent;
            /* #icon {
                stroke-width: 0;
                stroke: transparent;
                path {
                  transition: fill .3s;
                  fill: $color-light;
                }
              } */ }
            @media only screen and (min-width: 40.063em) {
              .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img {
                width: 4.375rem;
                height: 4.375rem; } }
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img path {
              -webkit-transition: fill .3s;
              -o-transition: fill .3s;
              transition: fill .3s;
              fill: white; }
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img.is-png {
              z-index: 0;
              height: 5.25rem;
              width: auto;
              -webkit-transition: opacity .3s;
              -o-transition: opacity .3s;
              transition: opacity .3s;
              opacity: 1; }
              @media only screen and (min-width: 40.063em) {
                .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img.is-png {
                  height: 4.375rem;
                  width: auto; } }
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img.is-png-hover {
              position: absolute;
              z-index: 1;
              top: 0.5rem;
              left: 50%;
              -webkit-transform: translateX(-50%);
                  -ms-transform: translateX(-50%);
                      transform: translateX(-50%);
              height: 5.25rem;
              width: auto;
              -webkit-transition: opacity .3s;
              -o-transition: opacity .3s;
              transition: opacity .3s;
              opacity: 0;
              display: block;
              margin: 0 auto; }
              @media only screen and (min-width: 40.063em) {
                .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img.is-png-hover {
                  height: 4.375rem;
                  width: auto; } }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img-outline {
            position: absolute;
            z-index: 1;
            top: 0.5rem;
            left: 1.1rem;
            width: 5.25rem;
            height: 5.25rem;
            display: block;
            opacity: 0;
            margin: 0 auto;
            stroke-width: 6;
            stroke: white;
            /* #icon {
                stroke-width: 6;
                stroke: $color-light;
                path {
                  fill: $color-light;
                }
              } */ }
            @media only screen and (min-width: 40.063em) {
              .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img-outline {
                left: 1rem;
                width: 4.375rem;
                height: 4.375rem; } }
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .svg-img-outline path {
              fill: white; }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon:hover .svg-img, .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon.active .svg-img {
            /* #icon {
                  path {
                    fill: $color-light-hover;
                  }
                } */ }
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon:hover .svg-img path, .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon.active .svg-img path {
              fill: #004487; }
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon:hover .svg-img.is-png-hover, .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon.active .svg-img.is-png-hover {
              opacity: 1; }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon:hover .svg-img-outline, .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon.active .svg-img-outline {
            opacity: 1; }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon:hover .subline, .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon.active .subline {
            color: #004487; }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .subline {
            -webkit-transition: color .3s;
            -o-transition: color .3s;
            transition: color .3s;
            width: 5.25rem;
            display: inline-block;
            font-size: 1.3rem;
            line-height: 1.3rem;
            color: white; }
            @media only screen and (min-width: 40.063em) {
              .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .subline {
                width: 4.375rem;
                font-size: 0.875rem;
                line-height: 0.875rem; } }
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .item-icon .icon-done.active::after {
            position: absolute;
            z-index: 3;
            display: inline-block;
            content: url("../../wl2/frontend/brands/pas-master/assets/img/icon-done-small.png");
            top: 0;
            right: 0.625rem;
            width: 0.625rem;
            height: 0.625rem; }
        .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .icon-ok::after {
          background-color: white;
          border-radius: 50%;
          position: absolute;
          display: inline-block;
          color: #004487;
          font-size: 1.5rem;
          content: attr(data-content);
          right: 8.75rem;
          bottom: -1.25rem;
          cursor: pointer;
          line-height: 3.875rem;
          width: 3.875rem;
          height: 3.875rem; }
          @media only screen and (min-width: 40.063em) {
            .productfinder-stage .productfinder .overlay-container .container .matrix-item-select .icon-ok::after {
              right: -1.5625rem;
              bottom: -1.5625rem; } }
        @media only screen and (min-width: 40.063em) {
          .productfinder-stage .productfinder .overlay-container .container .matrix-item-select {
            position: absolute; } }

/* blockquote */
/**
 * @name        blockquote
 * @description styles for blockquotes
 *
 * @version     @@VERSION@@
 */
blockquote {
  color: #2183ca;
  border-left: 0.125rem solid currentColor;
  margin: 0.625rem 0;
  padding: 0 0 0 0.625rem;
  font-size: 1.25rem;
  line-height: 1.4375rem; }
  @media only screen and (min-width: 40.063em) {
    blockquote {
      padding-left: 0.9375rem;
      font-size: 1.875rem;
      line-height: 2.1875rem; } }
  @media only screen and (min-width: 62.8125em) {
    blockquote {
      margin: 0.9375rem 0;
      padding-left: 0.9375rem; } }

/* blog */
/**
 * @name        blog-featured-teaser
 * @description general styles for blog-featured-teaser
 *
 * @version     @@VERSION@@
 */
/**
 * @name        blog
 * @description general styles for the blog component
 *
 * @version     @@VERSION@@
 */
.editmode .component-blog {
  margin: 0 auto; }
  .editmode .component-blog .blog-element {
    width: 100%;
    margin-left: 0 !important; }

.component-blog {
  margin: 0;
  width: 100vw; }
  .component-blog .blog-element {
    width: 100%;
    margin-left: 0 !important; }
  .component-blog .parsys {
    margin-left: 10px;
    margin-right: 10px; }
    @media (min-width: 1280px) {
      .component-blog .parsys__container {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto; } }

.teaserList__list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 12px 30px; }

.teaserList__listItem {
  margin-bottom: 40px;
  width: 100%; }
  @media (min-width: 480px) {
    .teaserList__listItem {
      width: 50%; } }
  @media (min-width: 980px) {
    .teaserList__listItem {
      width: 33.3%; } }

.articleCard__base {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0;
  margin-left: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  @media only screen and (min-width: 62.8125em) {
    .articleCard__base {
      margin-right: 8px;
      margin-left: 8px; } }

.articleCard__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-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px; }

.articleCard__image {
  overflow: hidden;
  position: relative;
  height: 180px;
  display: none; }
  @media only screen and (min-width: 62.8125em) {
    .articleCard__image {
      display: block; } }
  @media only screen and (min-width: 62.8125em) {
    .articleCard__image--mobile {
      display: none; } }
  .articleCard__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'; }

.articleCard__categoryWrapper {
  position: absolute;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-weight: 700;
  line-height: 2em;
  font-size: 15px;
  top: -15px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .articleCard__categoryWrapper {
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }

.articleCard__category {
  font-family: "Lato", sans-serif;
  background: #e32219;
  color: white;
  padding: 5px 9px 8px;
  font-size: 14px;
  text-transform: uppercase; }

.articleCard__link {
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5em;
  width: 100%;
  color: #a4a2a3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 35px;
  margin-bottom: 5px; }

.articleCard__text {
  font-family: "Lato", sans-serif;
  width: 100%;
  color: #474747;
  margin-bottom: 10px;
  height: 35px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px; }

.articleCard__title {
  margin: 0;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5em;
  color: #999998;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: auto; }

.articleCard__readMoreButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: #999998;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  font-size: 11px;
  font-weight: 700; }
  .articleCard__readMoreButton a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

@media (max-width: 980px) {
  body.magazine .teaserList__listItem, .relatedTeasers.magazine .teaserList__listItem {
    margin-bottom: 16px; }
    body.magazine .teaserList__listItem:nth-child(8n), .relatedTeasers.magazine .teaserList__listItem:nth-child(8n) {
      height: auto; }
  body.magazine .articleCard__categoryWrapper, .relatedTeasers.magazine .articleCard__categoryWrapper {
    line-height: unset; }
  body.magazine .articleCard__readMoreButton, .relatedTeasers.magazine .articleCard__readMoreButton {
    margin-top: auto; }
  body.magazine .articleCard__link, .relatedTeasers.magazine .articleCard__link {
    margin-top: 16px; }
  body.magazine .articleCard__category, .relatedTeasers.magazine .articleCard__category {
    font-size: 10px; }
  body.magazine .articleCard__title, .relatedTeasers.magazine .articleCard__title {
    font-size: 16px; }
  body.magazine .articleCard__text, .relatedTeasers.magazine .articleCard__text {
    height: auto;
    font-size: 12px;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical; }
  body.magazine .teaserList--noMobileImage .articleCard__image--mobile, .relatedTeasers.magazine .teaserList--noMobileImage .articleCard__image--mobile {
    display: none; }
  body.magazine .teaserList--noMobileImage .articleCard__content, .relatedTeasers.magazine .teaserList--noMobileImage .articleCard__content {
    height: 350px; } }

body.magazine .articleCard__content, .relatedTeasers.magazine .articleCard__content {
  background-color: white;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 22px 22px 14px 25px; }

body.magazine .articleCard__categoryWrapper, .relatedTeasers.magazine .articleCard__categoryWrapper {
  position: static;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  display: block;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0); }

body.magazine .articleCard__title, .relatedTeasers.magazine .articleCard__title {
  height: auto; }

body.magazine .articleCard__category, .relatedTeasers.magazine .articleCard__category {
  background: transparent;
  color: white;
  padding: 0;
  font-weight: 100; }

@media only screen and (min-width: 62.8125em) {
  body.magazine .teaserList__listItem, .relatedTeasers.magazine .teaserList__listItem {
    margin-bottom: 17px; }
    body.magazine .teaserList__listItem .articleCard__base, .relatedTeasers.magazine .teaserList__listItem .articleCard__base {
      height: 100%; }
    body.magazine .teaserList__listItem .articleCard__text, .relatedTeasers.magazine .teaserList__listItem .articleCard__text {
      height: auto;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical; }
      body.magazine .teaserList__listItem .articleCard__text:hover, .relatedTeasers.magazine .teaserList__listItem .articleCard__text:hover {
        color: #474747; }
    body.magazine .teaserList__listItem .articleCard__image, .relatedTeasers.magazine .teaserList__listItem .articleCard__image {
      height: 180px;
      padding: 0; }
    body.magazine .teaserList__listItem .articleCard__content, .relatedTeasers.magazine .teaserList__listItem .articleCard__content {
      height: calc(100% - 180px); }
    body.magazine .teaserList__listItem .articleCard__title, .relatedTeasers.magazine .teaserList__listItem .articleCard__title {
      height: auto;
      margin-bottom: 10px; }
    body.magazine .teaserList__listItem .articleCard__content > .articleCard__link, .relatedTeasers.magazine .teaserList__listItem .articleCard__content > .articleCard__link {
      margin-top: 10px;
      margin-bottom: 0; }
    body.magazine .teaserList__listItem .articleCard__readMoreButton, .relatedTeasers.magazine .teaserList__listItem .articleCard__readMoreButton {
      margin-top: auto; }
    body.magazine .teaserList__listItem:nth-child(4n+2), .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: calc(100% - 33.3%); }
      body.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__content, .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__content {
        padding: 50px 22px 14px 30px;
        width: 50%;
        height: 100%; }
      body.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base, .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base {
        height: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        body.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__link, .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__link {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex;
          margin: 0; }
        body.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__image, .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__image {
          padding: 0;
          overflow: unset;
          width: 50%;
          height: 100%; }
          body.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__image .articleCard__link, .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__image .articleCard__link {
            height: 100%; }
          body.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__image img, .relatedTeasers.magazine .teaserList__listItem:nth-child(4n+2) .articleCard__base .articleCard__image img {
            position: static;
            -webkit-transform: none;
                -ms-transform: none;
                    transform: none;
            -o-object-fit: cover;
               object-fit: cover;
            font-family: 'object-fit: cover;';
            height: 100%; }
    body.magazine .teaserList__listItem:nth-child(8n), .relatedTeasers.magazine .teaserList__listItem:nth-child(8n) {
      width: 100%;
      height: auto; }
      body.magazine .teaserList__listItem:nth-child(8n) .articleCard__text, .relatedTeasers.magazine .teaserList__listItem:nth-child(8n) .articleCard__text {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 45px; }
      body.magazine .teaserList__listItem:nth-child(8n) .articleCard__image, .relatedTeasers.magazine .teaserList__listItem:nth-child(8n) .articleCard__image {
        height: 219px;
        padding: 0; }
    body.magazine .teaserList__listItem:nth-child(8n+6), .relatedTeasers.magazine .teaserList__listItem:nth-child(8n+6) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
          -ms-flex-direction: row-reverse;
              flex-direction: row-reverse; }
  body.magazine .teaserList--noText .articleCard__image, .relatedTeasers.magazine .teaserList--noText .articleCard__image {
    height: 290px; }
  body.magazine .teaserList--noText .articleCard__content, .relatedTeasers.magazine .teaserList--noText .articleCard__content {
    height: calc(100% - 290px); } }

.articleCard__title:hover,
.articleCard__text:hover,
.articleCard__readMoreButton:hover {
  color: #16448a; }

.tags__list {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.tags__item {
  font-family: "Open Sans", sans-serif;
  background: #2466a9;
  color: white;
  padding: 10px 12px;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 10px;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: .3s all;
  -o-transition: .3s all;
  transition: .3s all; }
  .tags__item:hover {
    background-color: #e32219; }
  .tags__item--selected {
    background-color: #e32219; }
  .tags__item:not(:last-child) {
    margin-right: 11px; }
    @media (min-width: 1280px) {
      .tags__item:not(:last-child) {
        margin-right: 20px; } }

.headline {
  margin: 20px 20px 30px;
  font-family: "Open Sans",sans-serif;
  line-height: 42px;
  font-size: 42px;
  font-weight: 300;
  color: #2466a9; }
  .headline.alignment-left {
    text-align: left; }
  .headline.alignment-right {
    text-align: right; }
  .headline.alignment-center {
    text-align: center; }

.blog-element .headline {
  margin-left: 0;
  margin-bottom: 0; }

.component-blog {
  margin-top: 0; }
  @media (min-width: 1280px) {
    .component-blog {
      margin-top: 54px !important; } }

@media (min-width: 1280px) {
  .tagsandarticleteaser {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto; } }

.tagsandarticleteaser .text-media.text {
  color: #474747;
  padding: 0 20px; }

.component-blog--articlePage {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  .component-blog--articlePage .row {
    max-width: 100%; }
  .component-blog--articlePage .blog-content {
    background-color: white;
    padding: 0 20px 43px 20px; }
    @media (min-width: 1280px) {
      .component-blog--articlePage .blog-content {
        padding: 0 94px 52px 98px; } }
  .component-blog--articlePage .area-footer {
    margin-top: 30px; }
    .component-blog--articlePage .area-footer .blog-element .text {
      color: #474747; }
  .component-blog--articlePage .area-headline .text {
    color: #474747; }
  .component-blog--articlePage .area-headline h1, .component-blog--articlePage .area-headline h2, .component-blog--articlePage .area-headline h3, .component-blog--articlePage .area-headline h4, .component-blog--articlePage .area-headline h5, .component-blog--articlePage .area-headline h6 {
    text-transform: unset; }
  .component-blog--articlePage .area-headline h1 {
    font-size: 2.1875rem; }
  .component-blog--articlePage .area-headline h2 {
    font-size: 1.875rem; }
  .component-blog--articlePage .area-headline h3 {
    font-size: 1.5625rem; }
  .component-blog--articlePage .area-headline h4 {
    font-size: 1.25rem; }
  .component-blog--articlePage .blogcategory {
    width: 100%; }
    .component-blog--articlePage .blogcategory.alignment-left {
      text-align: start; }
    .component-blog--articlePage .blogcategory.alignment-center {
      text-align: center; }
    .component-blog--articlePage .blogcategory.alignment-right {
      text-align: end; }
    .component-blog--articlePage .blogcategory .category__button {
      font-family: "Open Sans", sans-serif;
      background: #e32219;
      color: white;
      padding: 5px 10px 8px;
      letter-spacing: 0;
      font-weight: 700;
      line-height: 1em;
      font-size: 15px; }
  .component-blog--articlePage .headline {
    color: #2466a9; }
  .component-blog--articlePage .sibling-navigation {
    background: transparent;
    margin-bottom: 0; }
    .component-blog--articlePage .sibling-navigation .slick-slider-wrapper.row {
      margin: 0;
      width: 100%; }
  .component-blog--articlePage .area-article-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media (min-width: 1280px) {
      .component-blog--articlePage .area-article-navigation {
        margin-left: -30px;
        margin-right: -30px; } }
  .component-blog--articlePage .article-navigation__prev,
  .component-blog--articlePage .article-navigation__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #16448a;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    font-weight: bold; }
    .component-blog--articlePage .article-navigation__prev:hover,
    .component-blog--articlePage .article-navigation__next:hover {
      color: #d2141f; }
    .component-blog--articlePage .article-navigation__prev.link-disabled,
    .component-blog--articlePage .article-navigation__next.link-disabled {
      color: #a4a2a3; }
      .component-blog--articlePage .article-navigation__prev.link-disabled:hover,
      .component-blog--articlePage .article-navigation__next.link-disabled:hover {
        cursor: default; }
  .component-blog--articlePage .article-navigation__prev .item-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .component-blog--articlePage .socialshare__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  @media (min-width: 1280px) {
    .component-blog--articlePage {
      width: 85%; } }

.loadmore {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 26px; }
  @media (min-width: 1280px) {
    .loadmore {
      margin-bottom: 40px; } }
  .loadmore__button {
    background-color: #2466a9;
    border-radius: 4px;
    color: white;
    padding: 8px 14px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    font-weight: 700;
    font-size: 12px;
    font-family: "Open Sans", sans-serif; }
    @media (min-width: 1280px) {
      .loadmore__button {
        padding: 12px 36px; }
        .loadmore__button:hover {
          background-color: #e32219; } }

.relatedTeasers {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto; }
  .relatedTeasers__title {
    text-align: center;
    font-weight: 600;
    color: #2466a9;
    font-family: "Open Sans", sans-serif;
    font-size: 19px;
    margin-bottom: 33px;
    margin-left: 20px;
    margin-right: 20px; }
    @media (min-width: 1280px) {
      .relatedTeasers__title {
        font-size: 33px;
        margin-bottom: 49px; } }

.productOverviewTeasers {
  padding-top: 68px; }
  .productOverviewTeasers .relatedTeasers__title {
    margin-left: 0;
    color: #16448a;
    font-style: normal;
    font-size: 32px;
    font-family: "Lato";
    font-weight: bold; }
  .productOverviewTeasers .relatedTeasers__description p {
    margin: 0px 12px 20px;
    color: #474747; }

/**
 * @name        blog-breadcrumb
 * @description general styles for blog-breadcrumb
 *
 * @version     @@VERSION@@
 */
html.simple-blog .blog-breadcrumb {
  display: none; }

.blog-breadcrumb {
  width: 100%;
  height: auto;
  position: relative;
  padding: 1rem 0; }
  .blog-breadcrumb .breadcrumb-body {
    vertical-align: top;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    list-style: none; }
    .blog-breadcrumb .breadcrumb-body .breadcrumb-item {
      border-radius: 0.5rem;
      margin: 0.3rem 0;
      padding: 0.3rem 0.5rem 0.3rem 1rem;
      position: relative;
      display: inline-block;
      color: #a4a2a3;
      font-size: 1.125rem; }
      .blog-breadcrumb .breadcrumb-body .breadcrumb-item.filter {
        display: none; }
      [dir="rtl"] .blog-breadcrumb .breadcrumb-body .breadcrumb-item {
        padding-left: 0.5rem;
        padding-right: 1rem; }
      .blog-breadcrumb .breadcrumb-body .breadcrumb-item:first-child:before {
        content: ""; }
      .blog-breadcrumb .breadcrumb-body .breadcrumb-item:before {
        content: "\203A";
        position: absolute;
        left: 0;
        color: #a4a2a3; }
        [dir="rtl"] .blog-breadcrumb .breadcrumb-body .breadcrumb-item:before {
          right: 0; }
      .blog-breadcrumb .breadcrumb-body .breadcrumb-item .breadcrumb-link {
        color: #a4a2a3;
        text-decoration: none; }
        .blog-breadcrumb .breadcrumb-body .breadcrumb-item .breadcrumb-link:hover, .blog-breadcrumb .breadcrumb-body .breadcrumb-item .breadcrumb-link:active, .blog-breadcrumb .breadcrumb-body .breadcrumb-item .breadcrumb-link:focus, .blog-breadcrumb .breadcrumb-body .breadcrumb-item .breadcrumb-link.is-highlighted {
          text-decoration: underline; }

/**
 * @name        blog-header
 * @description general styles for blog-header
 *
 * @version     @@VERSION@@
 */
.blog-page .nav-main-controls {
  position: fixed; }

.blog-page .header {
  position: absolute; }

.blog-header {
  height: 28rem;
  background-color: #2183ca;
  width: 100%;
  overflow: hidden;
  position: relative; }
  .blog-header .image-container-searchfield {
    display: none; }
  .blog-header .image-container {
    position: absolute;
    top: 0;
    width: 100%;
    height: 28rem; }
  .blog-header .text-container {
    display: none;
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    max-width: 100%;
    padding: 4rem 1rem; }
    @media only screen and (min-width: 40.063em) {
      .blog-header .text-container {
        padding: 4rem 2rem; } }
    @media only screen and (min-width: 62.8125em) {
      .blog-header .text-container {
        padding: 4rem 3rem; } }
    .blog-header .text-container.has-background {
      background-color: rgba(0, 0, 0, 0.6); }
    .blog-header .text-container .blog-header-headline {
      color: white;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
      font-size: 5rem;
      line-height: 5rem;
      text-align: left; }
      @media only screen and (min-width: 40.063em) {
        .blog-header .text-container .blog-header-headline {
          font-size: 5.625rem;
          line-height: 5.625rem; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-header .text-container .blog-header-headline {
          font-size: 6.25rem;
          line-height: 6.25rem; } }
      .blog-header .text-container .blog-header-headline.medium-font {
        font-size: 4.375rem;
        line-height: 4.375rem; }
        @media only screen and (min-width: 40.063em) {
          .blog-header .text-container .blog-header-headline.medium-font {
            font-size: 4.375rem;
            line-height: 4.375rem; } }
        @media only screen and (min-width: 62.8125em) {
          .blog-header .text-container .blog-header-headline.medium-font {
            font-size: 4.375rem;
            line-height: 4.375rem; } }
      .blog-header .text-container .blog-header-headline.small-font {
        font-size: 2.5rem;
        line-height: 3.125rem; }
        @media only screen and (min-width: 40.063em) {
          .blog-header .text-container .blog-header-headline.small-font {
            font-size: 3.125rem;
            line-height: 3.75rem; } }
        @media only screen and (min-width: 62.8125em) {
          .blog-header .text-container .blog-header-headline.small-font {
            font-size: 3.75rem;
            line-height: 4.375rem; } }
    .blog-header .text-container .blog-header-subline {
      color: #004487;
      font-size: 1.875rem;
      line-height: 2.1875rem;
      text-align: left; }
      @media only screen and (min-width: 40.063em) {
        .blog-header .text-container .blog-header-subline {
          font-size: 2.5rem;
          line-height: 2.8125rem; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-header .text-container .blog-header-subline {
          font-size: 3.125rem;
          line-height: 3.4375rem; } }
      .blog-header .text-container .blog-header-subline.medium-font {
        font-size: 1.5625rem;
        line-height: 1.875rem; }
        @media only screen and (min-width: 40.063em) {
          .blog-header .text-container .blog-header-subline.medium-font {
            font-size: 2.1875rem;
            line-height: 2.5rem; } }
        @media only screen and (min-width: 62.8125em) {
          .blog-header .text-container .blog-header-subline.medium-font {
            font-size: 2.8125rem;
            line-height: 3.125rem; } }
      .blog-header .text-container .blog-header-subline.small-font {
        font-size: 1.25rem;
        line-height: 1.5625rem; }
        @media only screen and (min-width: 40.063em) {
          .blog-header .text-container .blog-header-subline.small-font {
            font-size: 1.875rem;
            line-height: 2.1875rem; } }
        @media only screen and (min-width: 62.8125em) {
          .blog-header .text-container .blog-header-subline.small-font {
            font-size: 2.5rem;
            line-height: 2.8125rem; } }

/**
 * @name        blog-loader
 * @description general styles for blog-loader overlay
 *
 * @version     @@VERSION@@
 */
.blog-loader {
  width: 100%;
  position: relative; }
  .blog-loader .loader-overlay {
    width: 100%;
    height: 8000vw;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    z-index: 2; }
    .blog-loader .loader-overlay .spinner {
      -webkit-animation: load 1s infinite linear;
      animation: load 1s infinite linear;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #2183ca), to(rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(top, #2183ca 10%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, #2183ca 10%, rgba(255, 255, 255, 0) 100%);
      height: 4em;
      width: 4em;
      border-radius: 50%;
      font-size: 18px;
      margin: 5em auto;
      position: relative; }
    .blog-loader .loader-overlay .spinner:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #2183ca));
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #2183ca 50%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #2183ca 50%);
      border-radius: 100%;
      content: ''; }
    .blog-loader .loader-overlay .spinner:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 90%;
      width: 90%;
      background: #FFF;
      border-radius: 50%;
      content: '';
      margin: auto; }

@-webkit-keyframes load {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes load {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/**
 * @name        blog-navigation
 * @description general styles for blog-navigation
 *
 * @version     @@VERSION@@
 */
html.simple-blog .blog-navigation {
  display: none; }

.blog-navigation {
  background-color: #2183ca;
  width: 100%;
  height: auto;
  text-align: center;
  position: relative; }
  .blog-navigation .navigation-list {
    height: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
    display: inline; }
    .blog-navigation .navigation-list .navigation-list-item {
      height: auto;
      padding: 0.5rem 0;
      color: white;
      font-size: 1.125rem;
      line-height: 1.25rem;
      width: auto;
      display: none;
      position: relative;
      clear: both; }
      @media only screen and (min-width: 62.8125em) {
        .blog-navigation .navigation-list .navigation-list-item {
          padding: 0.5rem 1rem;
          clear: none;
          display: inline-block; } }
      .blog-navigation .navigation-list .navigation-list-item a {
        padding: 0 1.5rem;
        z-index: 2;
        display: block;
        position: relative; }
        @media only screen and (min-width: 62.8125em) {
          .blog-navigation .navigation-list .navigation-list-item a {
            padding: 0; } }
      .blog-navigation .navigation-list .navigation-list-item.active, .blog-navigation .navigation-list .navigation-list-item.active-mobile {
        color: #004487;
        text-decoration: underline;
        display: inline-block; }
        .blog-navigation .navigation-list .navigation-list-item.active:before, .blog-navigation .navigation-list .navigation-list-item.active-mobile:before {
          content: "";
          background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJScgaGVpZ2h0PSdhdXRvJyB2aWV3Qm94PScwIDAgNzUgNzUnIHZlcnNpb249JzEuMScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayc+PGcgaWQ9J1BhZ2UtMScgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCc+PGcgaWQ9J2ljb25fMScgdHJhbnNmb3JtPSd0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSc+PGNpcmNsZSBpZD0nT3ZhbCcgZmlsbD0ndHJhbnNwYXJlbnQnIGN4PSczNScgY3k9JzM2LjUnIHI9JzM2Jz48L2NpcmNsZT48cGF0aCBjbGFzcz0naWNvbi1wYXRoJyBkPSdNMjMuMTc3MzI1Niw1Ni4wOTAxMTYzIEMyMS42MDc1NTgxLDU3LjY1OTg4MzcgMjEuNjA3NTU4MSw2MC4xODg5NTM1IDIzLjE3NzMyNTYsNjEuNzU4NzIwOSBDMjQuNzQ3MDkzLDYzLjMyODQ4ODQgMjcuMTg4OTUzNSw2My4zMjg0ODg0IDI4Ljc1ODcyMDksNjEuNzU4NzIwOSBMNTAuODIyNjc0NCwzOS4yNTg3MjA5IEM1Mi4zOTI0NDE5LDM3LjY4ODk1MzUgNTIuMzkyNDQxOSwzNS4xNTk4ODM3IDUwLjgyMjY3NDQsMzMuNTkwMTE2MyBMMjguNzU4NzIwOSwxMS4xNzczMjU2IEMyNy4xODg5NTM1LDkuNjA3NTU4MSAyNC43NDcwOTMsOS42MDc1NTgxIDIzLjE3NzMyNTYsMTEuMTc3MzI1NiBDMjEuNjA3NTU4MSwxMi43NDcwOTMgMjEuNjA3NTU4MSwxNS4yNzYxNjI4IDIzLjE3NzMyNTYsMTYuODQ1OTMwMiBMNDEuMjI5NjUxMiwzNi40NjgwMjMzIEwyMy4xNzczMjU2LDU2LjA5MDExNjMgWicgaWQ9J1NoYXBlJyBmaWxsPScjMDAwJz48L3BhdGg+PC9nPjwvZz48L3N2Zz4=") no-repeat;
          -webkit-transform: rotate(90deg);
              -ms-transform: rotate(90deg);
                  transform: rotate(90deg);
          right: -0.2rem;
          top: 0.5rem;
          position: absolute;
          width: 1.3rem;
          height: 1.3rem; }
        @media only screen and (min-width: 62.8125em) {
          .blog-navigation .navigation-list .navigation-list-item.active, .blog-navigation .navigation-list .navigation-list-item.active-mobile {
            display: inline-block; }
            .blog-navigation .navigation-list .navigation-list-item.active:before, .blog-navigation .navigation-list .navigation-list-item.active-mobile:before {
              background: none; } }
      .blog-navigation .navigation-list .navigation-list-item.active-mobile {
        color: white; }
        @media only screen and (min-width: 62.8125em) {
          .blog-navigation .navigation-list .navigation-list-item.active-mobile {
            text-decoration: none;
            display: inline-block; }
            .blog-navigation .navigation-list .navigation-list-item.active-mobile:before {
              content: "";
              background: none; } }
      .blog-navigation .navigation-list .navigation-list-item:hover, .blog-navigation .navigation-list .navigation-list-item.is-highlighted {
        cursor: pointer;
        text-decoration: underline; }

/**
 * @name        blog-article-navigation
 * @description general styles for blog-articles-navigation
 *
 * @version     @@VERSION@@
 */
html.simple-blog .blog-article-navigation {
  display: none; }

.blog-article-navigation {
  padding: 1rem 0;
  margin: 3rem 0;
  background-color: #e4e4e4; }
  .blog-article-navigation .hide-for-mobile {
    display: none; }
    @media only screen and (min-width: 62.8125em) {
      .blog-article-navigation .hide-for-mobile {
        display: inline-block; } }
  .blog-article-navigation .item {
    position: absolute;
    width: 1.875rem;
    height: 1.875rem;
    padding: 5px; }
  .blog-article-navigation .back-link {
    color: #2183ca;
    font-size: 1.25rem;
    width: 74%;
    float: left;
    padding: 0 0 0 1.875rem; }
    .blog-article-navigation .back-link .item {
      left: 0;
      float: left;
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .blog-article-navigation .article-links {
    position: absolute;
    margin: 0;
    width: auto;
    right: 0; }
    .blog-article-navigation .article-links .prev-article,
    .blog-article-navigation .article-links .next-article {
      color: #2183ca;
      font-size: 1.25rem;
      display: block;
      position: relative;
      float: left; }
      .blog-article-navigation .article-links .prev-article:hover .item, .blog-article-navigation .article-links .prev-article.is-highlighted .item,
      .blog-article-navigation .article-links .next-article:hover .item,
      .blog-article-navigation .article-links .next-article.is-highlighted .item {
        color: #2183ca;
        background-color: white; }
    .blog-article-navigation .article-links .prev-article {
      margin: 0 2rem 0 0;
      padding: 0 0 0 0.625rem; }
      @media only screen and (min-width: 62.8125em) {
        .blog-article-navigation .article-links .prev-article {
          margin: 0 4rem 0 0; } }
      .blog-article-navigation .article-links .prev-article .item {
        color: white;
        background-color: #2183ca;
        top: -0.0625rem;
        left: -2rem;
        float: left; }
    .blog-article-navigation .article-links .next-article {
      float: left;
      padding: 0 2.5rem 0 0; }
      .blog-article-navigation .article-links .next-article .item {
        color: white;
        background-color: #2183ca;
        top: -0.0625rem;
        right: 0;
        float: right; }

/**
 * @name        blog-tags
 * @description general styles for blog-tags
 *
 * @version     @@VERSION@@
 */
html.simple-blog .blog-tags {
  display: none; }

.blog-tags {
  width: 100%;
  height: auto;
  position: relative;
  padding: 1rem 0; }
  .blog-tags > .row {
    display: table; }
  .blog-tags .tags-label {
    width: 3.5rem;
    padding: 0.6rem 0.3rem 0.6rem 0;
    font-weight: bold;
    display: table-cell;
    vertical-align: top; }
  .blog-tags .tags-body {
    vertical-align: top;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: table-cell; }
    .blog-tags .tags-body .tag-item {
      -webkit-transition: color .3s, background-color .3s;
      -o-transition: color .3s, background-color .3s;
      transition: color .3s, background-color .3s;
      border-radius: 0.5rem;
      margin: 0.3rem;
      padding: 0.3rem 0.6rem;
      position: relative;
      float: left;
      background-color: #e4e4e4;
      color: #2183ca; }
      .blog-tags .tags-body .tag-item.is-highlighted {
        background-color: #2183ca;
        color: white;
        cursor: pointer; }
      .blog-tags .tags-body .tag-item.active {
        background-color: #004487;
        color: #2183ca;
        cursor: pointer; }
      .blog-tags .tags-body .tag-item.inactive {
        opacity: 0.5;
        cursor: default; }
        .blog-tags .tags-body .tag-item.inactive:hover, .blog-tags .tags-body .tag-item.inactive.is-highlighted {
          background-color: #e4e4e4;
          color: #2183ca;
          cursor: default; }
    .blog-tags .tags-body .tag-load {
      display: none;
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s;
      margin: 0.3rem;
      padding: 0.3rem 0 0.3rem 0.6rem;
      font-weight: bold;
      font-size: 0.875rem;
      line-height: 1.375rem;
      position: relative;
      float: left; }
      .blog-tags .tags-body .tag-load .item {
        padding: 0;
        top: 0.2rem;
        margin: 0 0 0 0.4rem;
        height: 0.875rem;
        width: 0.875rem;
        background-color: transparent;
        -webkit-box-shadow: none;
                box-shadow: none; }
      .blog-tags .tags-body .tag-load.less .item {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
      .blog-tags .tags-body .tag-load:hover, .blog-tags .tags-body .tag-load.is-highlighted {
        cursor: pointer;
        color: #004487; }
        .blog-tags .tags-body .tag-load:hover.more .item, .blog-tags .tags-body .tag-load:hover.less .item, .blog-tags .tags-body .tag-load.is-highlighted.more .item, .blog-tags .tags-body .tag-load.is-highlighted.less .item {
          color: #004487; }

/**
 * @name        blog-searchresults
 * @description general styles for blog-searchresults
 *
 * @version     @@VERSION@@
 */
.blog-searchresults {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0 0 1rem 0; }
  .blog-searchresults .searchresult-grid {
    width: 100%;
    min-height: 20vw;
    padding: 0;
    margin: 0 0 8rem 0; }
    .blog-searchresults .searchresult-grid .searchresult-anchor {
      display: block;
      position: relative; }
    .blog-searchresults .searchresult-grid .searchresult-item {
      width: 100%;
      padding: 1rem 0;
      display: inline-block;
      float: left;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      @media only screen and (min-width: 40.063em) {
        .blog-searchresults .searchresult-grid .searchresult-item {
          padding: 0.5rem;
          width: 50%; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-searchresults .searchresult-grid .searchresult-item {
          padding: 1rem;
          width: 33.3%; } }
      .blog-searchresults .searchresult-grid .searchresult-item.just-added {
        opacity: 0; }
      .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body {
        -webkit-transition: color .3s, background-color .3s;
        -o-transition: color .3s, background-color .3s;
        transition: color .3s, background-color .3s;
        background-color: #2183ca;
        width: 100%; }
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-image {
          width: 100%;
          height: auto;
          display: block;
          margin: 0;
          padding: 0;
          position: relative; }
          .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-image .searchresult-video-icon {
            width: 48px;
            height: 47px;
            position: absolute;
            top: 0.8rem;
            right: 0.5rem;
            background-image: url(../../wl2/frontend/brands/pas-master/assets/img/playbutton.png);
            background-repeat: no-repeat;
            background-position: left top; }
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-category,
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-headline,
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-excerpt {
          -webkit-transition: color .3s;
          -o-transition: color .3s;
          transition: color .3s;
          padding: 0 1rem 1rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          text-align: center;
          width: 100%;
          color: white;
          font-size: 1.125rem;
          position: relative; }
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-category {
          padding: 1rem;
          color: #004487;
          line-height: 1.875rem; }
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-headline {
          font-size: 1.5rem;
          line-height: 1.875rem; }
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body .searchresult-excerpt {
          padding: 0 1rem 1.5rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          color: white;
          line-height: 1.25rem; }
        .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body:hover, .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body.is-highlighted {
          background-color: #004487;
          cursor: pointer; }
          .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body:hover .searchresult-category, .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body.is-highlighted .searchresult-category {
            color: white; }
          .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body:hover .searchresult-headline,
          .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body:hover .searchresult-excerpt, .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body.is-highlighted .searchresult-headline,
          .blog-searchresults .searchresult-grid .searchresult-item .searchresult-item-body.is-highlighted .searchresult-excerpt {
            color: #2183ca; }
    .blog-searchresults .searchresult-grid .searchresult-button-row {
      width: 100%;
      position: absolute;
      bottom: -8.125rem; }
      [dir="rtl"] .blog-searchresults .searchresult-grid .searchresult-button-row {
        text-align: center; }
      .blog-searchresults .searchresult-grid .searchresult-button-row:before {
        content: "";
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 40vw;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); }
        @media only screen and (min-width: 40.063em) {
          .blog-searchresults .searchresult-grid .searchresult-button-row:before {
            height: 23vw;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, white));
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 80%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } }
        @media only screen and (min-width: 62.8125em) {
          .blog-searchresults .searchresult-grid .searchresult-button-row:before {
            height: 15vw;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, white));
            background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } }
      .blog-searchresults .searchresult-grid .searchresult-button-row .button {
        width: 100%;
        margin: 0;
        text-align: center;
        position: relative; }
        @media only screen and (min-width: 40.063em) {
          .blog-searchresults .searchresult-grid .searchresult-button-row .button {
            left: 50%;
            width: 50%;
            margin: 0 0 0 -25%; } }
        @media only screen and (min-width: 62.8125em) {
          .blog-searchresults .searchresult-grid .searchresult-button-row .button {
            padding: 1rem 0;
            margin: 0 0 0 -16.65%;
            width: 33.3%; } }
        [dir="rtl"] .blog-searchresults .searchresult-grid .searchresult-button-row .button {
          margin: 0;
          left: 0; }

/**
 * @name        blog-related-teaser
 * @description general styles for blog-related-teaser
 *
 * @version     @@VERSION@@
 */
.blog-related-teaser .row {
  max-width: 100%; }
  .blog-related-teaser .row.slide-overflow-wrapper {
    position: relative; }
  @media only screen and (min-width: 40.063em) {
    .blog-related-teaser .row .l-block-grid-centered > li {
      float: left; } }
  .blog-related-teaser .row .slide-overflow-controls {
    display: block; }
    @media only screen and (min-width: 40.063em) {
      .blog-related-teaser .row .slide-overflow-controls {
        display: none; } }
  .blog-related-teaser .row .slide-controls {
    height: 100%; }
  .blog-related-teaser .row .slide-overflow {
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (min-width: 40.063em) {
      .blog-related-teaser .row .slide-overflow {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0; } }
    .blog-related-teaser .row .slide-overflow .slide-overflow-item {
      height: 100%; }
  .blog-related-teaser .row .slide-overflow-item {
    float: left !important;
    clear: none !important; }
  .blog-related-teaser .row .slide-overflow-wrapper {
    overflow: hidden; }

.blog-related-teaser .teaser-headline {
  font-weight: normal;
  color: #2183ca;
  line-height: 100%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 2.5rem;
  line-height: 2.0625rem;
  text-align: center;
  position: relative;
  width: 100%; }
  @media only screen and (min-width: 40.063em) {
    .blog-related-teaser .teaser-headline {
      padding: 1rem 2rem;
      font-size: 2.8125rem;
      line-height: 2.1875rem; } }
  @media only screen and (min-width: 62.8125em) {
    .blog-related-teaser .teaser-headline {
      padding: 1rem 2rem;
      font-size: 3.125rem;
      line-height: 1.875rem; } }
  .blog-related-teaser .teaser-headline sup {
    line-height: 50%; }

.blog-related-teaser .blog-related-teaser-body {
  width: 80%;
  margin: 0 8%;
  background-color: white; }
  @media only screen and (min-width: 40.063em) {
    .blog-related-teaser .blog-related-teaser-body {
      width: 100%;
      margin: 0; } }
  .blog-related-teaser .blog-related-teaser-body .blog-related-teaser-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    position: relative; }
    .blog-related-teaser .blog-related-teaser-body .blog-related-teaser-image .blog-related-teaser-video-icon {
      width: 48px;
      height: 47px;
      position: absolute;
      top: 0.8rem;
      right: 0.5rem;
      background-image: url(../../wl2/frontend/brands/pas-master/assets/img/playbutton.png);
      background-repeat: no-repeat;
      background-position: left top; }
  .blog-related-teaser .blog-related-teaser-body .teaser-headline {
    font-size: 1.875rem; }
    @media only screen and (min-width: 40.063em) {
      .blog-related-teaser .blog-related-teaser-body .teaser-headline {
        font-size: 1.875rem; } }
    @media only screen and (min-width: 62.8125em) {
      .blog-related-teaser .blog-related-teaser-body .teaser-headline {
        font-size: 1.875rem; } }
    .blog-related-teaser .blog-related-teaser-body .teaser-headline:before {
      content: '';
      position: absolute;
      top: -1.1875rem;
      left: 50%;
      margin-left: -1.25rem;
      width: 0;
      height: 0;
      border-bottom: solid 1.25rem white;
      border-left: solid 1.25rem transparent;
      border-right: solid 1.25rem transparent; }
      @media only screen and (min-width: 40.063em) {
        .blog-related-teaser .blog-related-teaser-body .teaser-headline:before {
          top: -1.875rem;
          margin-left: -1.875rem;
          border-bottom: solid 1.875rem white;
          border-left: solid 1.875rem transparent;
          border-right: solid 1.875rem transparent; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-related-teaser .blog-related-teaser-body .teaser-headline:before {
          top: -2.5rem;
          margin-left: -2.5rem;
          border-bottom: solid 2.5rem white;
          border-left: solid 2.5rem transparent;
          border-right: solid 2.5rem transparent; } }
  .blog-related-teaser .blog-related-teaser-body .teaser-button-row {
    width: 100%;
    text-align: center; }
    .blog-related-teaser .blog-related-teaser-body .teaser-button-row .button {
      display: inline-block; }

/**
 * @name        blog-featured-teaser
 * @description general styles for blog-featured-teaser
 *
 * @version     @@VERSION@@
 */
.blog-featured-teaser {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 2.5rem 0 2.5rem 0; }
  .blog-featured-teaser .image-container {
    position: relative;
    height: 100%;
    right: 0;
    padding: 0; }
    @media only screen and (min-width: 40.063em) {
      .blog-featured-teaser .image-container {
        position: absolute; } }
    .blog-featured-teaser .image-container img {
      width: 100%; }
      @media only screen and (min-width: 40.063em) {
        .blog-featured-teaser .image-container img {
          min-height: 100%;
          width: auto; } }
  .blog-featured-teaser .text-container {
    background-color: #2183ca;
    padding: 1.5rem 0; }
    @media only screen and (min-width: 40.063em) {
      .blog-featured-teaser .text-container {
        padding: 3rem 0; } }
    .blog-featured-teaser .text-container .teaser-headline {
      padding: 0 1.5rem;
      clear: both;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: right;
      color: white;
      font-size: 2.5rem;
      width: 100%; }
      @media only screen and (min-width: 40.063em) {
        .blog-featured-teaser .text-container .teaser-headline {
          padding: 0 2rem 0 0;
          width: 80%;
          font-size: 2.5rem; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-featured-teaser .text-container .teaser-headline {
          width: 70%;
          font-size: 3.125rem; } }
    .blog-featured-teaser .text-container .teaser-subline {
      padding: 0.5rem 1.5rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      float: right;
      color: white;
      font-size: 1.25rem;
      width: 100%; }
      @media only screen and (min-width: 40.063em) {
        .blog-featured-teaser .text-container .teaser-subline {
          width: 80%;
          font-size: 1.25rem;
          padding: 1rem 2rem 0 0; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-featured-teaser .text-container .teaser-subline {
          width: 70%;
          font-size: 1.5625rem; } }
    .blog-featured-teaser .text-container .teaser-button-row {
      padding: 0.5rem 1.5rem;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 100%;
      float: right; }
      @media only screen and (min-width: 40.063em) {
        .blog-featured-teaser .text-container .teaser-button-row {
          padding: 1rem 0 0 0;
          width: 80%;
          font-size: 1.25rem; } }
      @media only screen and (min-width: 62.8125em) {
        .blog-featured-teaser .text-container .teaser-button-row {
          width: 70%; } }

.gallery {
  margin-bottom: 20px;
  padding-left: 0;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  @media only screen and (min-width: 40.063em) {
    .gallery {
      margin-bottom: 40px; } }
  .gallery__base {
    width: 100%;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 85px; }
    @media (min-width: 1280px) {
      .gallery__base {
        width: 50%;
        margin-bottom: 0px; } }
  .gallery__content {
    width: 100%;
    padding-top: 10px; }
    @media (min-width: 1280px) {
      .gallery__content {
        width: 45%; } }
  @media (min-width: 1280px) {
    .gallery {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .gallery__title {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 20px;
    font-style: initial;
    color: #2183ca;
    width: 90%;
    margin: 0 auto;
    text-transform: initial;
    margin-bottom: 15px; }
    @media only screen and (min-width: 40.063em) {
      .gallery__title {
        font-size: 36px; } }
  .gallery__description {
    font-family: "Lato", sans-serif;
    font-size: 16px;
    color: #a4a2a3;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px; }
    @media only screen and (min-width: 40.063em) {
      .gallery__description {
        font-size: 20px; } }
  .gallery__cta {
    width: 90%;
    margin: 0 auto; }
  .gallery .slick-slider {
    margin-bottom: 0;
    position: relative; }
    .gallery .slick-slider .slick-track {
      min-width: 100%; }
  .gallery li img {
    width: 100%;
    height: auto; }
  .gallery .slick-dots {
    bottom: -85px;
    top: auto;
    left: auto;
    right: auto;
    position: absolute;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 1280px) {
      .gallery .slick-dots {
        bottom: auto;
        top: 0;
        left: 0;
        right: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
    .gallery .slick-dots button img {
      width: 100%;
      height: auto; }
    .gallery .slick-dots li {
      margin: 5px;
      display: inline-block;
      width: auto;
      height: auto;
      padding: 0; }
      .gallery .slick-dots li button {
        margin: 0;
        height: auto;
        width: 100%;
        padding: 0; }
        .gallery .slick-dots li button.tab {
          clear: both;
          display: block; }
        .gallery .slick-dots li button:before {
          margin: 0;
          padding: 0;
          content: '';
          display: block;
          width: 100%;
          max-width: 150px;
          overflow: hidden;
          float: none;
          position: absolute;
          width: 100%;
          height: 100%; }
        .gallery .slick-dots li button img {
          width: 100%;
          max-width: 80px;
          height: auto; }
      .gallery .slick-dots li.slick-active button {
        background-color: white; }
        .gallery .slick-dots li.slick-active button:before {
          border: 1px solid #16448a; }
  .gallery .slick-thumbs {
    position: absolute;
    left: -9999px; }
  .gallery .slick-next:before, .gallery .slick-prev:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid white;
    border-left: 0;
    border-top: 0;
    top: 12px;
    right: 14px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media (min-width: 1280px) {
      .gallery .slick-next:before, .gallery .slick-prev:before {
        top: 15px;
        right: 17px; } }
  .gallery .slick-next, .gallery .slick-prev {
    color: white;
    border-radius: 50%;
    background: #d2141f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 2.5rem;
    height: 2.5rem; }
    @media (min-width: 1280px) {
      .gallery .slick-next, .gallery .slick-prev {
        position: relative; } }
  @media (min-width: 1280px) {
    .gallery .slick-prev {
      margin-left: 120px; } }
  .gallery .slick-list {
    width: 75%;
    margin: auto; }
    @media (min-width: 1280px) {
      .gallery .slick-list {
        position: relative; } }
  @media (min-width: 1280px) {
    .gallery__slider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

/* leading premium */
/**
 * @name        leading premium
 * @description general styles for the leading premium component
 *
 * @version     @@VERSION@@
 */
.lp-scrollable .component-content {
  position: relative;
  z-index: 1; }

@media only screen and (min-width: 62.8125em) {
  .component-lp-homepage .row,
  .component-lp-extended-product .row,
  .component-lp-extended-product-group .row,
  .component-care-symbols .row,
  .sibling-navigation .row,
  .mini-teasers-wrapper .row {
    width: 75%;
    max-width: 1440px; } }

.component-content-lp > .text {
  margin: 0 auto;
  max-width: 90%;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }
  @media only screen and (min-width: 62.8125em) {
    .component-content-lp > .text {
      width: 75%;
      max-width: 1440px; } }

/**
 * @name        homepage leading premium
 * @description general styles for the leading premium component
 *
 * @version     @@VERSION@@
 */
.component-lp-homepage .component-content-lp {
  padding-bottom: 0; }

.component-lp-homepage .slick-slider-fullscreen, .component-lp-homepage .slick-list, .component-lp-homepage .slick-track {
  height: 100%; }

.component-lp-homepage .slick-slider {
  margin-bottom: 0;
  z-index: 10; }

.component-lp-homepage .picture-band .row {
  max-width: 100% !important;
  width: 100% !important; }

.component-lp-homepage .component-content-lp {
  padding-top: 0;
  font-size: 0; }
  .component-lp-homepage .component-content-lp .slider-container {
    height: 31.25rem;
    position: relative;
    margin: 0;
    max-width: 100%;
    margin-bottom: 0; }
    .component-lp-homepage .component-content-lp .slider-container.row {
      width: 100%; }
      .component-lp-homepage .component-content-lp .slider-container.row.productstage {
        margin-bottom: 20px;
        max-height: 360px; }
        @media only screen and (min-width: 40.063em) {
          .component-lp-homepage .component-content-lp .slider-container.row.productstage {
            margin-bottom: 40px; } }
        @media only screen and (max-width: 40em) {
          .component-lp-homepage .component-content-lp .slider-container.row.productstage {
            max-height: 240px; } }
    .component-lp-homepage .component-content-lp .slider-container [class*="block-grid-"] {
      margin: 0; }
    @media only screen and (max-width: 40em) {
      .component-lp-homepage .component-content-lp .slider-container {
        height: 75vh;
        margin-top: -0.375rem; } }
    @media only screen and (max-width: 40em) and (orientation: portrait) and (max-height: 570px) {
      .component-lp-homepage .component-content-lp .slider-container {
        height: 85vh; } }
    @media only screen and (min-width: 100.8125em) {
      .component-lp-homepage .component-content-lp .slider-container {
        height: 40vw; } }
    .component-lp-homepage .component-content-lp .slider-container .slick-dots {
      pointer-events: none; }
      .component-lp-homepage .component-content-lp .slider-container .slick-dots li {
        pointer-events: all; }
        .component-lp-homepage .component-content-lp .slider-container .slick-dots li button {
          width: 0.8125rem;
          height: 0.8125rem;
          border-radius: 50%;
          -webkit-box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
                  box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-lp-homepage .component-content-lp .slider-container .slick-arrow {
        display: none !important; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-lp-homepage .component-content-lp .slider-container .slick-arrow.slick-prev, .component-lp-homepage .component-content-lp .slider-container .slick-arrow.slick-next {
        display: inline-block !important; } }
  @media only screen and (max-width: 40em) {
    .component-lp-homepage .component-content-lp .component-mini-teaser {
      margin-top: 2rem; } }
  .component-lp-homepage .component-content-lp:after {
    height: 0;
    display: none; }

.component-lp-homepage .carousel-item {
  position: relative;
  overflow: hidden;
  height: 100%; }
  .component-lp-homepage .carousel-item section {
    min-height: inherit;
    height: inherit; }
  .component-lp-homepage .carousel-item .page-corner-item {
    display: none; }
  .component-lp-homepage .carousel-item .component-content {
    padding-top: 0; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-lp-homepage .carousel-item .component-content {
        padding-top: 5.625rem; } }
    .component-lp-homepage .carousel-item .component-content .row {
      margin: 0 auto;
      max-width: 90%;
      width: 100%; }
      @media only screen and (max-width: 40em) {
        .component-lp-homepage .carousel-item .component-content .row {
          position: absolute;
          left: 50%;
          bottom: 7rem;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); } }
      @media only screen and (min-width: 62.8125em) {
        .component-lp-homepage .carousel-item .component-content .row {
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); } }
      @media only screen and (min-width: 62.8125em) {
        .component-lp-homepage .carousel-item .component-content .row {
          width: 75%;
          max-width: 1440px; } }
      .component-lp-homepage .carousel-item .component-content .row .column {
        text-align: left;
        margin: 0; }
        .component-lp-homepage .carousel-item .component-content .row .column .text-group {
          margin-bottom: 1.25rem; }
          .component-lp-homepage .carousel-item .component-content .row .column .text-group .hl, .component-lp-homepage .carousel-item .component-content .row .column .text-group .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-lp-homepage .carousel-item .component-content .row .column .text-group h2 {
            font-size: 3rem; }
          @media only screen and (max-width: 40em) {
            .component-lp-homepage .carousel-item .component-content .row .column .text-group .hl, .component-lp-homepage .carousel-item .component-content .row .column .text-group .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-lp-homepage .carousel-item .component-content .row .column .text-group h2 {
              font-size: 1.875rem;
              margin-bottom: 0.437rem; }
            .component-lp-homepage .carousel-item .component-content .row .column .text-group .text-major {
              font-size: 1.25rem;
              line-height: 1.475rem; } }
          @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
            .component-lp-homepage .carousel-item .component-content .row .column .text-group .hl, .component-lp-homepage .carousel-item .component-content .row .column .text-group .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-lp-homepage .carousel-item .component-content .row .column .text-group h2 {
              font-size: 2.5rem;
              line-height: 100%; }
            .component-lp-homepage .carousel-item .component-content .row .column .text-group .text-major {
              font-size: 1.5rem; } }

@media only screen and (min-width: 40.063em) {
  .component-lp-homepage.component-lp-homepage-direction-right .carousel-item .component-content .column {
    margin-left: 50% !important; } }

@media only screen and (min-width: 62.8125em) {
  .component-lp-homepage.component-lp-homepage-direction-right .carousel-item .component-content .column {
    margin-left: 58.3333333333% !important; } }

.component-lp-homepage.dark .slick-slider .slick-arrow .icon-path {
  fill: #2183ca; }

.component-lp-homepage.dark .slick-slider .slick-dots li button:hover {
  background-color: #2183ca; }

.component-lp-homepage.dark .slick-slider .slick-dots li.slick-active button {
  background-color: #2183ca; }

.component-content-lp {
  padding-top: 0;
  padding-bottom: 6.25rem;
  font-size: 0; }
  @media only screen and (max-width: 40em) {
    .component-content-lp {
      padding-bottom: 0; } }
  .component-content-lp .slider-container {
    height: 65vh;
    margin: 0;
    max-width: 100%;
    margin-bottom: 0; }
    .component-content-lp .slider-container.row {
      width: 100%; }
    .component-content-lp .slider-container [class*="block-grid-"] {
      margin: 0; }
  @media only screen and (max-width: 40em) {
    .component-content-lp .slick-slider-fullscreen .slick-dots {
      bottom: 1.25rem; }
      .component-content-lp .slick-slider-fullscreen .slick-dots li button {
        width: 1rem;
        height: 1rem;
        margin-right: 0.625rem;
        margin-left: 0.625rem;
        border-radius: 1rem; } }
  .component-content-lp:after {
    height: 0;
    display: none; }
  .component-content-lp .component-cover-campaign > .component-picture {
    position: absolute;
    top: 2%;
    left: 2%;
    right: 2%; }
    @media only screen and (max-width: 40em) {
      .component-content-lp .component-cover-campaign > .component-picture {
        top: 5%;
        height: 43%; } }
    .component-content-lp .component-cover-campaign > .component-picture .picture {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
    @media only screen and (min-width: 40.063em) {
      .component-content-lp .component-cover-campaign > .component-picture {
        right: auto;
        left: 2%;
        top: 10%;
        bottom: 5%;
        width: 44%; } }
  @media only screen and (min-width: 40.063em) {
    .component-content-lp .component-cover-campaign.component-cover-direction-left > .component-picture {
      left: auto;
      right: 3%; } }

.editmode .slider-container {
  height: 100% !important; }
  .editmode .slider-container .picture-band {
    display: none; }
  .editmode .slider-container .carousel-item {
    width: 100%;
    margin-bottom: 2rem; }

/**
 * @name        extended-product leading premium
 * @description general styles for the leading premium component
 *
 * @version     @@VERSION@@
 */
.component-lp-extended-product .text-theme-light .component-stage .text-group {
  color: white; }

.component-lp-extended-product .text-theme-dark .component-stage .text-group {
  color: #2183ca; }

.component-lp-extended-product .component-stage .text-group {
  color: #2183ca; }

.component-lp-extended-product .component-content-lp {
  padding-top: 0;
  font-size: 0; }
  .component-lp-extended-product .component-content-lp:after {
    height: 0;
    display: none; }
  .component-lp-extended-product .component-content-lp .component-simple-text-image {
    padding-top: 3.75rem;
    z-index: 0; }

.component-lp-extended-product .picture-band .row {
  max-width: 100% !important;
  width: 100% !important; }

@media only screen and (min-width: 40.063em) {
  .component-lp-extended-product .picture-band {
    bottom: 9rem; } }

@media only screen and (max-width: 40em) {
  .component-lp-extended-product .picture-band {
    height: auto;
    top: 92.5vw;
    bottom: auto;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 3.125rem; }
    .component-lp-extended-product .picture-band img {
      width: auto;
      height: 7.5rem; } }

.component-lp-extended-product .picture-band:after {
  content: "";
  display: block;
  background-color: white; }
  @media only screen and (max-width: 40em) {
    .component-lp-extended-product .picture-band:after {
      height: 3.125rem;
      min-height: 3.125rem;
      margin-bottom: -3.125rem; } }
  @media only screen and (min-width: 40.063em) {
    .component-lp-extended-product .picture-band:after {
      height: 9.6875rem;
      min-height: 9.6875rem;
      margin-bottom: -9.375rem; } }

@media only screen and (min-width: 40.063em) {
  .component-lp-extended-product .picture-band .picture {
    margin-left: 0 !important; } }

.component-lp-extended-product .component-teaser {
  color: transparent; }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-lp-extended-product .component-teaser {
      overflow: visible;
      height: 37.5rem;
      margin-bottom: 2.5rem; } }
  @media only screen and (min-width: 62.8125em) {
    .component-lp-extended-product .component-teaser {
      overflow: visible;
      height: 40.625rem; } }
  .component-lp-extended-product .component-teaser .component-content:after {
    display: none; }
  .component-lp-extended-product .component-teaser .component-content .item-list-label {
    -webkit-transition: none;
    -o-transition: none;
    transition: none; }
  @media only screen and (max-width: 40em) {
    .component-lp-extended-product .component-teaser .bg {
      height: 112vw;
      background-color: white; } }
  @media only screen and (max-width: 40em) {
    .component-lp-extended-product .component-teaser .bg .bg-image {
      background-size: cover;
      background-position: center top; } }
  .component-lp-extended-product .component-teaser .item-list-label {
    color: #a4a2a3;
    font-style: normal; }
  .component-lp-extended-product .component-teaser .item-list:hover .item-list-label {
    color: #a4a2a3; }
  .component-lp-extended-product .component-teaser .component-footer {
    min-height: 0; }
    @media only screen and (max-width: 40em) {
      .component-lp-extended-product .component-teaser .component-footer {
        padding-top: 0.625rem;
        padding-bottom: 3.125rem;
        background-color: white; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-lp-extended-product .component-teaser .component-footer {
        overflow: visible;
        padding-bottom: 5rem; } }
    @media only screen and (min-width: 62.8125em) {
      .component-lp-extended-product .component-teaser .component-footer {
        height: 32%; } }
    @media only screen and (min-width: 62.8125em) {
      .component-lp-extended-product .component-teaser .component-footer .row {
        padding-top: 6rem; } }
    .component-lp-extended-product .component-teaser .component-footer .row .component-stage-button {
      padding: 0; }
      @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-button {
          top: 2.5rem;
          position: relative;
          width: 100%; } }
      @media only screen and (max-width: 40em) {
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-button {
          top: 2.7rem; } }
    @media only screen and (max-width: 40em) {
      .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist {
        padding: 0;
        position: relative; }
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist a {
          display: block;
          width: 100%;
          position: relative; }
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist .item-list {
          position: relative;
          width: 100%; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist {
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
        left: 0; }
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist a {
          display: block;
          width: 100%;
          position: relative; }
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist .item-list {
          position: relative;
          width: 100%; } }
    @media only screen and (min-width: 62.8125em) {
      .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist {
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        margin-left: 1.25rem; } }
    .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist .item-list {
      font-size: 1rem;
      min-height: 2.5rem;
      margin-top: 0.8125rem; }
      .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist .item-list .item-size-small {
        width: 2.5rem;
        height: 2.5rem; }
      .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist .item-list .item-list-label {
        padding-left: 3rem; }
      @media only screen and (min-width: 40.063em) {
        .component-lp-extended-product .component-teaser .component-footer .row .component-stage-iconlist .item-list {
          font-size: 0.8rem; } }
    .component-lp-extended-product .component-teaser .component-footer:after {
      min-height: 0; }
      @media only screen and (min-width: 40.063em) {
        .component-lp-extended-product .component-teaser .component-footer:after {
          min-height: 14.25rem; } }
  .component-lp-extended-product .component-teaser .component-hl {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  @media only screen and (max-width: 40em) {
    .component-lp-extended-product .component-teaser .component-header {
      padding-top: 0; } }
  @media only screen and (min-width: 40.063em) {
    .component-lp-extended-product .component-teaser .component-header {
      bottom: 10rem; }
      .component-lp-extended-product .component-teaser .component-header:after {
        height: 4.5rem;
        min-height: 4.5rem; } }
  @media only screen and (min-width: 62.8125em) {
    .component-lp-extended-product .component-teaser .component-header {
      bottom: 10rem; } }
  .component-lp-extended-product .component-teaser .component-header .component-hl {
    padding: 0; }
  .component-lp-extended-product .component-teaser .component-header .text-group .hl, .component-lp-extended-product .component-teaser .component-header .text-group .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-lp-extended-product .component-teaser .component-header .text-group h2 {
    font-size: 3rem;
    line-height: 3.1875rem; }
  @media only screen and (max-width: 40em) {
    .component-lp-extended-product .component-teaser .component-header .text-group .hl, .component-lp-extended-product .component-teaser .component-header .text-group .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-lp-extended-product .component-teaser .component-header .text-group h2 {
      margin-bottom: .3rem; } }
  @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
    .component-lp-extended-product .component-teaser .component-header .text-group .hl, .component-lp-extended-product .component-teaser .component-header .text-group .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .component-lp-extended-product .component-teaser .component-header .text-group h2 {
      font-size: 2.5rem;
      line-height: 2.5rem; }
    .component-lp-extended-product .component-teaser .component-header .text-group .text-major {
      font-size: 1.5rem; }
    .component-lp-extended-product .component-teaser .component-header .text-group p {
      line-height: 1.875rem; } }
  @media only screen and (min-width: 40.063em) {
    .component-lp-extended-product .component-teaser .component-header .text-group {
      margin-bottom: 1vw; } }
  @media only screen and (min-width: 62.8125em) {
    .component-lp-extended-product .component-teaser .component-header .text-group {
      margin-bottom: 2vw; } }
  .component-lp-extended-product .component-teaser .component-picture {
    margin: 0;
    z-index: 2; }
    @media only screen and (max-width: 40em) {
      .component-lp-extended-product .component-teaser .component-picture {
        margin-top: 6rem; }
        .component-lp-extended-product .component-teaser .component-picture .row {
          max-width: 75%; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .component-lp-extended-product .component-teaser .component-picture .picture {
        width: 25.625rem;
        margin-left: -2.2vw; } }
    @media only screen and (min-width: 62.8125em) {
      .component-lp-extended-product .component-teaser .component-picture .picture {
        width: 26.875rem;
        margin-left: -2.2vw; } }
  .component-lp-extended-product .component-teaser.component-footer-theme-dark .component-header .text-group {
    color: #a4a2a3; }
  .component-lp-extended-product .component-teaser.component-footer-theme-dark .item-list:hover .item-list-label {
    color: #a4a2a3; }
  .component-lp-extended-product .component-teaser.component-footer-theme-dark .component-footer .product-rating .product-rating-count {
    color: #a4a2a3; }
  .component-lp-extended-product .component-teaser.component-footer-theme-light .component-header .text-group {
    color: white; }
  .component-lp-extended-product .component-teaser.component-footer-theme-light .item-list-label {
    color: white; }
  .component-lp-extended-product .component-teaser.component-footer-theme-light .item-list:hover .item-list-label {
    color: white; }
  .component-lp-extended-product .component-teaser.component-footer-theme-light .component-footer .product-rating .product-rating-count {
    color: white; }

@media only screen and (min-width: 40.063em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-picture .column {
    margin-left: -8.3333333333% !important; } }

@media only screen and (min-width: 62.8125em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-picture .column {
    margin-left: -8.3333333333% !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-header .column.component-hl {
    margin-left: 66.6666666667% !important; } }

@media only screen and (min-width: 62.8125em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-header .column.component-hl {
    margin-left: 66.6666666667% !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-footer .column.component-stage-iconlist {
    margin-left: -66.6666666667% !important; } }

@media only screen and (min-width: 62.8125em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-footer .column.component-stage-iconlist {
    margin-left: -75% !important; } }

@media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-footer .column.component-stage-button {
    margin-left: 60.3333333333% !important; } }

@media only screen and (min-width: 62.8125em) {
  .component-lp-extended-product.component-lp-extended-product-direction-right .component-content .component-footer .column.component-stage-button {
    margin-left: 50.3333333333% !important; } }

.editmode .picture-band {
  display: none; }

.bv-mboxzone .bv-mbox-lightbox, #bv-mbox-terms-and-conditions-list .bv-mbox-content-container {
  overflow: scroll !important;
  height: 93vh !important; }

/**
 * @name        extended-product group leading premium
 * @description general styles for the leading premium component
 *
 * @version     @@VERSION@@
 */
.component-lp-extended-product-group .component-content-lp {
  padding-top: 0;
  font-size: 0; }

.component-lp-extended-product-group .component-teaser {
  color: transparent;
  overflow: visible; }
  @media only screen and (min-width: 40.063em) {
    .component-lp-extended-product-group .component-teaser .component-content:after {
      background: transparent !important; } }
  @media only screen and (max-width: 40em) {
    .component-lp-extended-product-group .component-teaser {
      padding-top: 0; } }
  @media only screen and (min-width: 40.063em) {
    .component-lp-extended-product-group .component-teaser {
      height: auto; } }
  .component-lp-extended-product-group .component-teaser .teaser-container {
    position: relative;
    min-height: 37.5rem; }
    .component-lp-extended-product-group .component-teaser .teaser-container .bg {
      background-color: white; }
      .component-lp-extended-product-group .component-teaser .teaser-container .bg .bg-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; }
        @media only screen and (min-width: 40.063em) {
          .component-lp-extended-product-group .component-teaser .teaser-container .bg .bg-image {
            width: 100%;
            min-height: 31.75rem;
            bottom: auto; } }
      .component-lp-extended-product-group .component-teaser .teaser-container .bg:after {
        height: 31.875rem; }
        @media only screen and (max-width: 40em) {
          .component-lp-extended-product-group .component-teaser .teaser-container .bg:after {
            height: 8.125rem;
            top: 100vw; } }
    .component-lp-extended-product-group .component-teaser .teaser-container .text-group {
      text-align: center;
      top: 10.9375rem;
      position: absolute;
      width: 100%; }
    .component-lp-extended-product-group .component-teaser .teaser-container .component-mini-teaser {
      padding-top: 56vw;
      margin-top: 0; }
      @media only screen and (min-width: 40.063em) {
        .component-lp-extended-product-group .component-teaser .teaser-container .component-mini-teaser {
          padding-top: 21.875rem;
          padding-bottom: 3.125rem; } }
      .component-lp-extended-product-group .component-teaser .teaser-container .component-mini-teaser .component-content:after {
        height: 0;
        display: none; }

.editmode .teaser-container .bg:after {
  display: none; }

.editmode .teaser-container .component-mini-teaser {
  padding-top: 31.25rem !important; }

.editmode .component-simple-text-image {
  margin-top: 28.125rem; }

@media only screen and (min-width: 62.8125em) {
  .component-icon-list .row {
    width: 75%;
    max-width: 1440px; }
  .icon-list.view-1 .row {
    width: 85%; } }

@media only screen and (max-width: 40em) {
  .icon-list [class*="block-grid-"] > li {
    padding-right: 0;
    padding-left: 0; }
  .icon-list .text-wrapper {
    padding-right: 0;
    padding-left: 0; } }

.icon-list .slick-slider-wrapper > h2.hl, .icon-list .component-footer-addendum .text-area .slick-slider-wrapper > h2, .component-footer-addendum .text-area .icon-list .slick-slider-wrapper > h2 {
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: bold;
  margin-bottom: 3rem; }

.icon-list .text-wrapper {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-top: 1.5rem; }
  .icon-list .text-wrapper .hl, .icon-list .text-wrapper .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .icon-list .text-wrapper h2 {
    font-size: 1.125rem;
    line-height: 1.5rem; }
  .icon-list .text-wrapper .text-copy {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0; }

.icon-list {
  position: relative;
  max-width: 100%;
  padding-top: 4rem;
  padding-bottom: 2rem; }
  @media only screen and (max-width: 40em) {
    .icon-list {
      padding-bottom: 5rem; } }
  @media only screen and (min-width: 40.063em) {
    .icon-list {
      padding-bottom: 3rem; } }
  .icon-list .text-group {
    position: relative; }
  .icon-list.text-theme-dark {
    color: #2183ca; }
    .icon-list.text-theme-dark .slick-slider .slick-arrow .icon-path {
      fill: #2183ca; }
    .icon-list.text-theme-dark .text-group,
    .icon-list.text-theme-dark .text {
      color: #2183ca; }
  .icon-list.text-theme-light {
    color: white; }
    .icon-list.text-theme-light .slick-slider .slick-arrow .icon-path {
      fill: white; }
    .icon-list.text-theme-light .text-group,
    .icon-list.text-theme-light .text {
      color: white; }
  .icon-list .slick-slider-wrapper .text-group .text-major {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 2.5rem; }
  .icon-list .slick-slider-wrapper .slider-mobile {
    margin: 0;
    max-width: 100%;
    padding-left: .625rem;
    padding-right: .625rem; }
    .icon-list .slick-slider-wrapper .slider-mobile [class*="block-grid-"] {
      margin: 0; }
    .icon-list .slick-slider-wrapper .slider-mobile .slick-dots {
      bottom: -1.2rem; }
      .icon-list .slick-slider-wrapper .slider-mobile .slick-dots li button {
        width: 0.8125rem;
        height: 0.8125rem;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4); }
    .icon-list .slick-slider-wrapper .slider-mobile .icon-list-slide {
      padding-bottom: 1.25rem; }
      .icon-list .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper {
        text-align: center; }
        .icon-list .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .button {
          margin-top: 1.5rem;
          margin-bottom: .75rem; }
        .icon-list .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .picture {
          max-width: 91%;
          width: auto;
          margin: 0 auto; }
    .icon-list .slick-slider-wrapper .slider-mobile.slick-slider .icon-list-slide .icon-list-slide-wrapper .picture {
      width: inherit; }
    @media only screen and (min-width: 40.063em) {
      .icon-list .slick-slider-wrapper .slider-mobile.slick-dotted {
        margin-bottom: 2rem; } }
  @media only screen and (min-width: 40.063em) {
    .icon-list.icon-list .no-slider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .icon-list.icon-list .no-slider > li {
        float: none !important; } }

@media only screen and (min-width: 40.063em) {
  .icon-list .custom-1 .text-wrapper {
    width: 70%;
    margin: 0 auto; } }

.editmode .icon-list .slider-mobile > .parsys {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0; }
  .editmode .icon-list .slider-mobile > .parsys > div.icon {
    margin: 0; }
  .editmode .icon-list .slider-mobile > .parsys > div.new.section, .editmode .icon-list .slider-mobile > .parsys > div.newpar.section {
    width: 100%; }
  .editmode .icon-list .slider-mobile > .parsys > div:nth-child(odd) {
    width: 0 !important; }

.sibling-navigation {
  background-color: white;
  max-width: 100%;
  padding-top: 2.625rem;
  padding-bottom: 3.625rem; }
  .sibling-navigation-slide {
    position: relative;
    padding: 0.3125rem; }
    .nav-sub-navigation-desktop .sibling-navigation-slide {
      max-width: 280px;
      width: 20vw; }
  .sibling-navigation-slide-wrapper {
    width: 100%;
    height: 15.695vw;
    max-height: 13.3125rem;
    position: relative; }
    @media only screen and (max-width: 40em) {
      .sibling-navigation-slide-wrapper {
        height: 70vw; } }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .sibling-navigation-slide-wrapper {
        height: 23.51vw; } }
  .sibling-navigation .slick-slider-wrapper .text-group {
    text-align: center; }
    .sibling-navigation .slick-slider-wrapper .text-group .text-major {
      margin-bottom: 0.9375rem; }
  .sibling-navigation .slick-slider-wrapper .slider-mobile {
    margin: 0;
    max-width: 100%; }
    .sibling-navigation .slick-slider-wrapper .slider-mobile [class*="block-grid-"] {
      margin: 0; }
    .sibling-navigation .slick-slider-wrapper .slider-mobile .slick-dots {
      display: none !important;
      bottom: -1.2rem; }
      .sibling-navigation .slick-slider-wrapper .slider-mobile .slick-dots li button {
        width: 0.8125rem;
        height: 0.8125rem;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 0.1875rem 0 rgba(0, 0, 0, 0.4); }
    .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide {
      padding-bottom: 0; }
      .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper {
        text-align: center; }
        .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .text-wrapper {
          padding-top: 1rem; }
          .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .text-wrapper .hl, .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .text-wrapper .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .text-wrapper h2 {
            font-size: 1rem;
            line-height: 1.0625rem; }
          .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper .text-wrapper .text-copy {
            font-size: 1rem;
            line-height: 1.0625rem;
            margin: 0; }
        .sibling-navigation .slick-slider-wrapper .slider-mobile .icon-list-slide .icon-list-slide-wrapper img {
          max-width: 100%;
          width: initial;
          margin: 0 auto; }
    .sibling-navigation .slick-slider-wrapper .slider-mobile.slick-slider .icon-list-slide .icon-list-slide-wrapper img {
      width: inherit; }
  .sibling-navigation.dark .slick-slider .slick-arrow .icon-path {
    fill: #2183ca; }
  .sibling-navigation.dark .slick-slider .slick-dots li button:hover {
    background-color: #2183ca; }
  .sibling-navigation.dark .slick-slider .slick-dots li.slick-active button {
    background-color: #2183ca; }
  .sibling-navigation .mini-teaser {
    overflow: visible; }
  .sibling-navigation .mini-teaser-cta {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    display: block;
    position: absolute; }

.editmode .sibling-navigation .sibling-navigation-slide {
  width: 40%;
  display: inline-block; }

.modal-view {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8); }
  .modal-view .wrapper {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 1.875rem 1.25rem;
    width: 90vw;
    min-height: 90vw; }
    .modal-view .wrapper .text-copy {
      font-size: 1.5rem;
      line-height: 1.8rem;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      text-align: center;
      width: 90%;
      height: 90%;
      overflow-y: scroll; }
      @media only screen and (max-width: 40em) {
        .modal-view .wrapper .text-copy {
          height: auto;
          max-width: 90%;
          max-height: 90%; } }
      .modal-view .wrapper .text-copy.text-theme-dark .text {
        color: #2183ca; }
      .modal-view .wrapper .text-copy .text, .modal-view .wrapper .text-copy.text-theme-light .text {
        color: white; }

.care-symbols-head {
  margin-bottom: 3.125rem;
  margin-top: 2.5rem; }
  @media only screen and (max-width: 40em) {
    .care-symbols-head {
      margin-bottom: 1.5625rem; } }
  .care-symbols-head .hl, .care-symbols-head .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols-head h2 {
    font-size: 3.75rem;
    line-height: 4.5rem;
    margin-bottom: 0.625rem;
    text-align: center;
    color: #2183ca; }
    @media only screen and (max-width: 40em) {
      .care-symbols-head .hl, .care-symbols-head .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols-head h2 {
        font-size: 2.8125rem;
        line-height: 3.375rem;
        text-align: left;
        width: 85%;
        margin: 0 auto; } }
  .care-symbols-head .symbol-navigation {
    text-align: center;
    font-size: 1.125rem;
    font-weight: bold; }
    @media only screen and (max-width: 40em) {
      .care-symbols-head .symbol-navigation {
        display: none; } }
  .care-symbols-head .link {
    -webkit-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
    margin-right: 1.5625rem;
    margin-left: 1.5625rem; }
    @media only screen and (min-width: 40.063em) and (max-width: 62.75em) {
      .care-symbols-head .link {
        margin-right: 0.5rem;
        margin-left: 0.5rem; } }
    .care-symbols-head .link:hover {
      -webkit-transition: opacity 300ms ease-out;
      -o-transition: opacity 300ms ease-out;
      transition: opacity 300ms ease-out;
      opacity: .5; }

.care-symbols-list {
  list-style: none; }
  .care-symbols-list li {
    display: inline-block;
    float: left; }

.care-symbols {
  clear: both; }
  .care-symbols .nav-anchor-link {
    display: block; }
  .care-symbols .outer-wrapper {
    padding-top: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 0.625rem;
    float: left; }
    @media only screen and (max-width: 40em) {
      .care-symbols .outer-wrapper {
        width: 50%; }
        .care-symbols .outer-wrapper.small-full {
          width: 100%; } }
    @media only screen and (min-width: 40.063em) {
      .care-symbols .outer-wrapper {
        width: 33%; } }
    @media only screen and (min-width: 62.8125em) {
      .care-symbols .outer-wrapper {
        width: 25%; } }
  .care-symbols .inner-wrapper {
    width: 100%;
    height: 100%; }
    .editmode .care-symbols .inner-wrapper {
      padding-bottom: 100%; }
  @media only screen and (max-width: 40em) {
    .care-symbols .small-hide {
      display: none;
      -webkit-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      transition: all 300ms ease-out; }
    .care-symbols.active .small-hide {
      -webkit-transition: all 300ms ease-out;
      -o-transition: all 300ms ease-out;
      transition: all 300ms ease-out;
      display: inline-block;
      height: auto; } }
  .care-symbols .section-intro {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden; }
    @media only screen and (max-width: 40em) {
      .care-symbols .section-intro {
        padding-bottom: 15vh; } }
  .care-symbols .hl, .care-symbols .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols h2 {
    font-weight: normal; }
    @media only screen and (max-width: 40em) {
      .care-symbols .hl, .care-symbols .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols h2 {
        font-size: 1.4rem;
        line-height: 1.6rem; } }
    @media only screen and (min-width: 40.063em) {
      .care-symbols .hl, .care-symbols .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols h2 {
        font-size: 4vw; } }
    @media only screen and (min-width: 62.8125em) {
      .care-symbols .hl, .care-symbols .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols h2 {
        font-size: 2.5vw; } }
    @media only screen and (min-width: 100.8125em) {
      .care-symbols .hl, .care-symbols .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .care-symbols h2 {
        font-size: 2.425rem; } }

.section-intro .text-wrapper {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: 90%;
  text-align: center; }

.text-wrapper .text.dark {
  color: #2183ca; }

.care-symbol {
  /* main container */ }
  .care-symbol, .care-symbol-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%; }
  .care-symbol-container {
    -webkit-perspective: 1000px;
            perspective: 1000px; }
  .care-symbol svg path {
    fill: white; }
  .care-symbol.text-theme-dark .text {
    color: #2183ca; }
  .care-symbol.text-theme-dark svg path {
    fill: #2183ca; }
  .care-symbol.text-theme-light .text {
    color: white; }
  .care-symbol.text-theme-light svg path {
    fill: white; }
  .care-symbol .action-wrapper {
    display: block;
    width: 100%;
    height: 100%; }
  .care-symbol .card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s; }
  .care-symbol .figure {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    color: white;
    display: block;
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%; }
    .editmode .care-symbol .figure {
      position: relative; }
  .care-symbol .front {
    background: red; }
  .care-symbol .back {
    background: blue;
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
    .editmode .care-symbol .back {
      -webkit-transform: none;
          -ms-transform: none;
              transform: none; }
  .care-symbol .flipped {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg); }
  .care-symbol input[type=checkbox] {
    display: none; }
  @media only screen and (min-width: 40.063em) {
    .care-symbol input[type=checkbox] + .card .figure.front .picture-wrapper {
      -webkit-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out;
      -webkit-transition-delay: .2s;
           -o-transition-delay: .2s;
              transition-delay: .2s;
      opacity: 1; }
    .care-symbol input[type=checkbox]:checked + .card {
      -webkit-transform: rotateY(180deg);
              transform: rotateY(180deg); }
      .editmode .care-symbol input[type=checkbox]:checked + .card {
        -webkit-transform: none;
            -ms-transform: none;
                transform: none; }
      .care-symbol input[type=checkbox]:checked + .card .figure.front .picture-wrapper {
        -webkit-transition: opacity 0.2s ease-out;
        -o-transition: opacity 0.2s ease-out;
        transition: opacity 0.2s ease-out;
        -webkit-transition-delay: .2s;
             -o-transition-delay: .2s;
                transition-delay: .2s;
        opacity: 0; } }
  .care-symbol .text-wrapper {
    width: 100%;
    height: 100%;
    position: relative; }
    .care-symbol .text-wrapper .inner {
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute; }
  .care-symbol .outer {
    width: 100%;
    height: 100%;
    position: relative; }
  .care-symbol .picture, .care-symbol .inner {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    width: auto; }
  .care-symbol .picture {
    max-width: 70%;
    max-height: 98%; }
  .care-symbol .text-wrapper .inner {
    text-align: center;
    width: 90%; }
    @media only screen and (min-width: 40.063em) {
      .care-symbol .text-wrapper .inner {
        max-height: 90%;
        overflow-y: auto; } }
  .care-symbol .text-wrapper .text-copy {
    margin-bottom: 0;
    font-size: 1.1875rem;
    padding: 0.625rem; }
    @media only screen and (min-width: 40.063em) {
      .care-symbol .text-wrapper .text-copy {
        font-size: 2vw; } }
    @media only screen and (min-width: 62.8125em) {
      .care-symbol .text-wrapper .text-copy {
        font-size: 1.3vw; } }
    @media only screen and (min-width: 100.8125em) {
      .care-symbol .text-wrapper .text-copy {
        font-size: 1.375rem; } }
  @media all and (-ms-high-contrast: none) {
    .care-symbol input[type=checkbox] + .card .figure.back {
      -webkit-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out;
      -webkit-transition-delay: .2s;
           -o-transition-delay: .2s;
              transition-delay: .2s;
      opacity: 0; }
    .care-symbol input[type=checkbox]:checked + .card .figure.back {
      -webkit-backface-visibility: visible;
              backface-visibility: visible;
      -webkit-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out;
      -webkit-transition-delay: .5s;
           -o-transition-delay: .5s;
              transition-delay: .5s;
      opacity: 1; } }

.editmode .care-symbol {
  float: none;
  display: inline-block; }
  .editmode .care-symbol > div.outer-wrapper {
    width: 100%; }

.product-rating {
  position: absolute;
  top: -3.5rem;
  display: block;
  cursor: default;
  width: 100%; }
  @media only screen and (min-width: 40.063em) {
    .product-rating {
      top: -2.8125rem; } }
  .product-rating .product-rating-value {
    display: none; }
  .product-rating .product-rating-stars {
    margin-right: 0.3125rem;
    float: left;
    list-style: none;
    display: inline-block;
    position: relative;
    text-align: left; }
    .product-rating .product-rating-stars li {
      margin-right: 0.0625rem;
      width: 1.5rem;
      height: 1.5rem;
      display: block;
      display: inline-block;
      background-image: url("../../wl2/frontend/brands/pas-master/assets/img/rating-star-empty.png");
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
      .product-rating .product-rating-stars li.full {
        background-image: url("../../wl2/frontend/brands/pas-master/assets/img/rating-star-full.png"); }
      .product-rating .product-rating-stars li.half {
        background-image: url("../../wl2/frontend/brands/pas-master/assets/img/rating-star-half.png"); }
  .product-rating .product-rating-count {
    float: left;
    width: auto;
    font-size: 1rem;
    height: 1.25rem;
    line-height: 1.25rem;
    color: #2183ca;
    position: relative; }
    @media only screen and (min-width: 40.063em) {
      .product-rating .product-rating-count {
        height: 1.625rem;
        line-height: 1.625rem; } }
    .product-rating .product-rating-count span {
      display: inline; }

.lp-search-results h1 {
  text-transform: uppercase !important; }

.lp-search-results.area-blog {
  padding: 0 0 5rem;
  margin: 5rem 0 3.125rem;
  position: relative; }

.lp-search-results .lp-search-results-header {
  width: 100%;
  margin-bottom: 1.25rem;
  position: relative; }
  .lp-search-results .lp-search-results-header p {
    font-size: 1.25rem; }
  .lp-search-results .lp-search-results-header h1, .lp-search-results .lp-search-results-header h2, .lp-search-results .lp-search-results-header h3, .lp-search-results .lp-search-results-header h4, .lp-search-results .lp-search-results-header h5 {
    text-transform: none;
    font-weight: bold;
    color: #2183ca;
    line-height: 100%; }
  .lp-search-results .lp-search-results-header h1 {
    font-size: 2.1875rem; }
  .lp-search-results .lp-search-results-header h2 {
    font-size: 1.875rem; }
  .lp-search-results .lp-search-results-header h3 {
    font-size: 1.5625rem; }
  .lp-search-results .lp-search-results-header h4 {
    font-size: 1.25rem; }
  .lp-search-results .lp-search-results-header h5 {
    font-size: 0.9375rem; }
  .lp-search-results .lp-search-results-header h1, .lp-search-results .lp-search-results-header h2, .lp-search-results .lp-search-results-header h3, .lp-search-results .lp-search-results-header h4, .lp-search-results .lp-search-results-header h5, .lp-search-results .lp-search-results-header p, .lp-search-results .lp-search-results-header blockquote {
    margin-bottom: 0.625rem; }

.lp-search-results .searchresult-button-row {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 11; }
  .lp-search-results .searchresult-button-row .button {
    width: 100%;
    margin: 0;
    text-align: center;
    position: relative; }
    [dir="rtl"] .lp-search-results .searchresult-button-row .button {
      left: -5%; }
    @media only screen and (max-width: 40em) {
      .lp-search-results .searchresult-button-row .button {
        width: 90%; } }
    @media only screen and (min-width: 40.063em) {
      .lp-search-results .searchresult-button-row .button {
        left: 50%;
        width: 50%;
        margin: 0 0 0 -25%; }
        [dir="rtl"] .lp-search-results .searchresult-button-row .button {
          left: -22.4%; } }
    @media only screen and (min-width: 62.8125em) {
      .lp-search-results .searchresult-button-row .button {
        padding: 1rem 0;
        margin: 0 0 0 -16.65%;
        width: 33.3%; }
        [dir="rtl"] .lp-search-results .searchresult-button-row .button {
          left: -33.4%; } }

.lp-search-results .search-results-container {
  width: 100%;
  position: relative;
  min-height: 40vw; }
  .lp-search-results .search-results-container .searchresult-anchor {
    display: block;
    position: relative; }
  .lp-search-results .search-results-container .searchresult-item {
    width: 100%;
    padding: 1rem 0;
    display: inline-block;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media only screen and (min-width: 40.063em) {
      .lp-search-results .search-results-container .searchresult-item {
        padding: 0.5rem;
        width: 50%; } }
    @media only screen and (min-width: 62.8125em) {
      .lp-search-results .search-results-container .searchresult-item {
        padding: 1rem;
        width: 33.3%; } }
    .lp-search-results .search-results-container .searchresult-item.just-added {
      opacity: 0; }
    .lp-search-results .search-results-container .searchresult-item .searchresult-item-body {
      -webkit-transition: color .3s, background-color .3s;
      -o-transition: color .3s, background-color .3s;
      transition: color .3s, background-color .3s;
      background-color: #2183ca;
      width: 100%; }
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-image {
        width: 100%;
        height: auto;
        display: block;
        margin: 0;
        padding: 0;
        position: relative; }
        .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-image .searchresult-video-icon {
          width: 48px;
          height: 47px;
          position: absolute;
          top: 0.8rem;
          right: 0.5rem;
          background-image: url(../../wl2/frontend/brands/pas-master/assets/img/playbutton.png);
          background-repeat: no-repeat;
          background-position: left top; }
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-category,
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-headline,
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-excerpt {
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        transition: color .3s;
        padding: 0 1rem 1rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        text-align: center;
        width: 100%;
        color: white;
        font-size: 1.125rem;
        position: relative; }
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-category {
        padding: 1rem;
        color: #004487;
        line-height: 1.875rem; }
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-headline {
        font-size: 1.5rem;
        line-height: 1.875rem; }
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body .searchresult-excerpt {
        padding: 0 1rem 1.5rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        color: white;
        line-height: 1.25rem; }
      .lp-search-results .search-results-container .searchresult-item .searchresult-item-body:hover, .lp-search-results .search-results-container .searchresult-item .searchresult-item-body.is-highlighted {
        background-color: #004487;
        cursor: pointer; }
        .lp-search-results .search-results-container .searchresult-item .searchresult-item-body:hover .searchresult-category, .lp-search-results .search-results-container .searchresult-item .searchresult-item-body.is-highlighted .searchresult-category {
          color: white; }
        .lp-search-results .search-results-container .searchresult-item .searchresult-item-body:hover .searchresult-headline,
        .lp-search-results .search-results-container .searchresult-item .searchresult-item-body:hover .searchresult-excerpt, .lp-search-results .search-results-container .searchresult-item .searchresult-item-body.is-highlighted .searchresult-headline,
        .lp-search-results .search-results-container .searchresult-item .searchresult-item-body.is-highlighted .searchresult-excerpt {
          color: #2183ca; }

.lp-search-results .search-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none; }
  .lp-search-results .search-loader .loader-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
    z-index: 90; }
    .lp-search-results .search-loader .loader-overlay .spinner {
      -webkit-animation: load 1s infinite linear;
      animation: load 1s infinite linear;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #2183ca), to(rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(top, #2183ca 10%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(to bottom, #2183ca 10%, rgba(255, 255, 255, 0) 100%);
      height: 4em;
      width: 4em;
      border-radius: 50%;
      font-size: 18px;
      margin: 5em auto;
      position: relative; }
    .lp-search-results .search-loader .loader-overlay .spinner:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50%, #2183ca));
      background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 50%, #2183ca 50%);
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, #2183ca 50%);
      border-radius: 100%;
      content: ''; }
    .lp-search-results .search-loader .loader-overlay .spinner:after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      height: 90%;
      width: 90%;
      background: #FFF;
      border-radius: 50%;
      content: '';
      margin: auto; }

.lp-search-results--list .hl, .lp-search-results--list .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .lp-search-results--list h2 {
  margin-bottom: 1.25rem; }

.lp-search-results--list .search-results-container {
  padding-left: 0.625rem; }

@-webkit-keyframes load {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

@keyframes load {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* blog */
@media only screen and (min-width: 40.063em) {
  .simple-text-image {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem; }
    .simple-text-image.no-image.no-content {
      padding-top: 0;
      padding-bottom: 0; } }

@media only screen and (max-width: 40em) {
  .simple-text-image.no-image .text, .simple-text-image.no-image blockquote {
    padding-right: 0;
    padding-left: 0; } }

@media only screen and (min-width: 40.063em) {
  .simple-text-image.no-image .text, .simple-text-image.no-image blockquote {
    padding-right: 0;
    padding-left: 0; }
    .simple-text-image.no-image .text:before, .simple-text-image.no-image blockquote:before {
      content: ''; } }

@media only screen and (min-width: 40.063em) {
  .simple-text-image.no-image .text-wrapper {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: inline-block;
    width: 50%; } }

@media only screen and (min-width: 40.063em) {
  .simple-text-image.no-image.no-video .text-wrapper {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
    margin: 0 auto;
    width: 100%; } }

.simple-text-image blockquote.text-theme-dark {
  color: #2183ca; }

.simple-text-image blockquote.text-theme-light {
  color: white; }

.simple-text-image.no-content blockquote {
  padding-top: 1.5625rem;
  padding-right: 1.5625rem;
  padding-bottom: 1.5625rem;
  padding-left: 1.5625rem; }
  .simple-text-image.no-content blockquote, .simple-text-image.no-content blockquote:after, .simple-text-image.no-content blockquote:before {
    background-color: white; }
  .simple-text-image.no-content blockquote:before {
    width: 300%; }

.center .simple-text-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 0; }
  .center .simple-text-image .text-wrapper {
    width: auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .center .simple-text-image picture {
    text-align: center;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .center .simple-text-image .image-wrapper {
    display: inline-block;
    max-width: none; }

@media only screen and (min-width: 40.063em) {
  .simple-text-image .text-media.text {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0;
    max-width: 50%;
    width: 100%; } }

@media only screen and (max-width: 40em) {
  .simple-text-image .text-media.text {
    margin-top: 2rem; } }

@media only screen and (min-width: 40.063em) {
  .simple-text-image .text-wrapper {
    display: inline-block;
    width: 50%; }
    .right .simple-text-image .text-wrapper {
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 2.5rem; } }

.simple-text-image .text-wrapper .button.button-decoration {
  margin-top: 1.25rem; }
  @media only screen and (max-width: 40em) {
    .simple-text-image .text-wrapper .button.button-decoration {
      margin-bottom: 1.25rem; } }

.simple-text-image .image-wrapper {
  color: #a4a2a3; }
  @media only screen and (max-width: 40em) {
    .simple-text-image .image-wrapper {
      margin-top: 0.9375rem; } }

@media only screen and (min-width: 40.063em) {
  .simple-text-image .image-wrapper,
  .simple-text-image .text-wrapper {
    display: inline-block;
    vertical-align: middle; } }

@media only screen and (min-width: 62.8125em) {
  .simple-text-image .image-wrapper,
  .simple-text-image .text-wrapper {
    vertical-align: top; } }

.simple-text-image .text, .simple-text-image .text p {
  font-size: 1.25rem;
  line-height: 1.875rem; }

.simple-text-image .text.hl, .simple-text-image .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .simple-text-image h2.text {
  margin-bottom: 0.5rem;
  font-size: 2.625rem;
  line-height: 4.06875rem; }

@media only screen and (min-width: 40.063em) {
  .simple-text-image .text.hl, .simple-text-image .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .simple-text-image h2.text {
    font-size: 3.81rem;
    line-height: 4.572rem;
    line-height: 3.9rem; }
    .right .simple-text-image .text.hl, .right .simple-text-image .component-footer-addendum .text-area h2.text, .component-footer-addendum .text-area .right .simple-text-image h2.text {
      padding-left: 1rem; }
  .right .simple-text-image .text p, .right .simple-text-image .text blockquote {
    padding-left: 1rem; } }

.simple-text-image .hl, .simple-text-image .component-footer-addendum .text-area h2, .component-footer-addendum .text-area .simple-text-image h2 {
  color: #a4a2a3; }

.simple-text-image .text-copy {
  color: #a4a2a3;
  margin-bottom: 0; }
  .simple-text-image .text-copy p:last-of-type ~ blockquote {
    margin-top: 1.5rem; }
  .simple-text-image .text-copy ul {
    padding-left: 20px; }
    .simple-text-image .text-copy ul li {
      list-style-type: disc; }
  .simple-text-image .text-copy ol {
    padding-left: 20px; }
    .simple-text-image .text-copy ol li {
      list-style-type: decimal; }

.simple-text-image blockquote {
  padding-top: 1.25rem;
  padding-right: 0;
  padding-bottom: 1.25rem;
  padding-left: 0;
  background-color: #2466a9;
  border: 0;
  color: white;
  margin: 0;
  position: relative; }
  @media only screen and (max-width: 40em) {
    .simple-text-image blockquote {
      padding-right: 0.9375rem;
      padding-left: 0; }
      .right .simple-text-image blockquote {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .simple-text-image blockquote:before {
    width: 200%;
    height: 100%;
    background-color: inherit;
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    left: -100%; }
    .right .simple-text-image blockquote:before {
      left: 0;
      right: -100%; }
    .left .simple-text-image blockquote:before {
      left: -100%;
      right: 0; }
    @media only screen and (max-width: 40em) {
      .simple-text-image blockquote:before {
        width: 200%; } }

.simple-text-image .text, .simple-text-image blockquote {
  font-size: 1.25rem;
  line-height: 1.625rem; }
  @media only screen and (min-width: 40.063em) {
    .simple-text-image .text, .simple-text-image blockquote {
      padding-right: 2.5rem;
      padding-left: 0; }
      .right .simple-text-image .text, .right .simple-text-image blockquote {
        padding-right: 0; }
      .left .simple-text-image .text, .left .simple-text-image blockquote {
        padding-right: 2.5rem;
        padding-left: 0; } }

@media only screen and (min-width: 40.063em) {
  .simple-text-image .image-wrapper {
    max-width: 49%; } }

.simple-text-image-background {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%; }

.component-simple-text-image .content-wrapper:before, .component-simple-text-image .content-wrapper:after {
  content: " ";
  display: table; }

.component-simple-text-image .content-wrapper:after {
  clear: both; }

.component-simple-text-image .content-wrapper .text-wrapper {
  float: left; }
  @media only screen and (max-width: 40em) {
    .component-simple-text-image .content-wrapper .text-wrapper {
      float: none; } }

.component-simple-text-image .content-wrapper.right .text-wrapper {
  float: right; }
  @media only screen and (max-width: 40em) {
    .component-simple-text-image .content-wrapper.right .text-wrapper {
      float: none; } }

.text-wrapper blockquote {
  z-index: 1;
  margin-top: 1.75rem; }

/* teaserproduct */
.teaserproduct--imageDesktop {
  display: none; }
  @media only screen and (min-width: 40.063em) {
    .teaserproduct--imageDesktop {
      display: block; } }

.teaserproduct--imageMobile {
  display: block; }
  @media only screen and (min-width: 40.063em) {
    .teaserproduct--imageMobile {
      display: none; } }

.teaserproduct__title {
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 16px;
  font-style: initial;
  color: #2183ca;
  padding-left: 2rem; }
  @media only screen and (min-width: 40.063em) {
    .teaserproduct__title {
      font-size: 24px;
      padding-left: 5rem; } }

.teaserproduct__description {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  color: #a4a2a3;
  padding-left: 2rem;
  padding-bottom: 2rem; }
  .teaserproduct__description a {
    color: #2183ca;
    text-decoration: underline; }
  @media only screen and (min-width: 40.063em) {
    .teaserproduct__description {
      font-size: 16px;
      padding-left: 5rem; } }

.teaserproduct .slick-dots button {
  background-color: #eee; }

.teaserproduct .slick-list {
  width: 90%;
  margin: 0 auto;
  background-color: white; }

.teaserproduct .slick-arrow {
  background-color: #d2141f;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem; }
  .teaserproduct .slick-arrow::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid white;
    border-left: 0;
    border-top: 0;
    pointer-events: none;
    display: block;
    top: 12px;
    right: 14px;
    position: absolute;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
    @media only screen and (min-width: 40.063em) {
      .teaserproduct .slick-arrow::after {
        top: 15px;
        right: 17px; } }

.teaserproduct .slick-slide li.cmp-list__item {
  text-align: center;
  padding: 10px 0 20px;
  color: #16448a; }

.teaserproduct .slick-prev {
  left: 1rem; }

.teaserproduct .slick-next {
  right: 1rem; }

/* product */
.component-product {
  margin-bottom: 20px;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 40.063em) {
    .component-product {
      margin-bottom: 40px; } }
  .component-product__content {
    background: white;
    padding: 70px 20px 43px; }
    .component-product__content .relatedTeasers {
      background: white; }
    @media (min-width: 1280px) {
      .component-product__content {
        padding: 70px 47px 43px 47px; } }
  .component-product .text-area {
    color: #a4a2a3; }

/**
 * @name        component-stage
 * @description styling for all stage components
 *
 * @version     @@VERSION@@
 */
.component-stage {
  color: #005da2; }

/**
 * @name        component-stage-detail
 * @description styling for stage detail components
 *
 * @version     @@VERSION@@
 */
.component-stage-detail {
  color: #005da2; }
  .component-stage-detail .button {
    color: #2183ca;
    background-color: white; }

/**
 * @name        component-split
 *
 * @version     @@VERSION@@
 */
.component-split .form-label {
  font-weight: normal; }

/**
 * @name        slide-controls
 * @description styles controls of an slide module
 *
 * @version     @@VERSION@@
 */
.slide-overflow-btn.is-disabled {
  opacity: 1; }
  .slide-overflow-btn.is-disabled .icon-path {
    fill: #2183ca; }

.slide-overflow-btn .icon-path {
  fill: white; }

.layer-commerce-connector h1, .layer-commerce-connector h2, .layer-commerce-connector h3, .layer-commerce-connector h4, .layer-commerce-connector h5, .layer-commerce-connector h6, .layer-commerce-connector p {
  color: #a4a2a3; }

.layer-commerce-connector ul.cc-product-sizes li {
  background-color: white; }

.layer-commerce-connector .layer-header .item {
  background-color: #2183ca; }
  .layer-commerce-connector .layer-header .item .icon {
    color: white; }

.layer-commerce-connector .cc-nav-shoptab-item a.active {
  color: #2466a9; }
  .layer-commerce-connector .cc-nav-shoptab-item a.active path {
    fill: #2466a9; }
/*# sourceMappingURL=maps/main.css.map */