.bbt-box-v1 {
  position: relative; }
  .bbt-box-v1 .content {
    position: relative; }
    @media (max-width: 767px) {
      .bbt-box-v1 .content {
        text-align: center; } }
    .bbt-box-v1 .content .image img {
      width: 100%; }
    .bbt-box-v1 .content .image .gradient {
      background: linear-gradient(to bottom, rgba(51,51,51,0) 50%, rgba(51,51,51,.75) 100%);
      position: absolute;
      bottom: 0;
      height: 100%;
      width: 100%;
      display: block; }
      @media (max-width: 767px) {
        .bbt-box-v1 .content .image .gradient {
          bottom: calc(40px + 24px); } }
    @media (max-width: 767px) {
      .bbt-box-v1 .content .image .gradient-without-button {
        bottom: 0; } }
    .bbt-box-v1 .content .headline {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 7%;
      margin-bottom: calc(32px + 40px + 32px);
      text-align: left;
      max-width: 76%; }
      @media (max-width: 767px) {
        .bbt-box-v1 .content .headline {
          margin-bottom: calc(40px + 24px + 12px); } }
    .bbt-box-v1 .content .headline-without-button {
      margin-bottom: 32px; }
    .bbt-box-v1 .content .btn {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-bottom: 32px;
      margin-left: 7%; }
      @media (max-width: 767px) {
        .bbt-box-v1 .content .btn {
          position: relative;
          margin-top: 24px;
          margin-left: 0;
          margin-bottom: 0; } }
  .bbt-box-v1 .startext {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px; }
    .bbt-box-v1 .startext span.icon-info {
      margin-left: 8px; }

.bbt-container-v1 {
  position: relative; }
  .bbt-container-v1 .image {
    position: relative;
    display: block; }
    .bbt-container-v1 .image img {
      width: 1438px;
      height: 632px; }
      @media (max-width: 1929px) {
        .bbt-container-v1 .image img {
          width: 1138px;
          height: 500px; } }
      @media (max-width: 1199px) {
        .bbt-container-v1 .image img {
          width: 962px;
          height: 423px; } }
      @media (max-width: 1023px) {
        .bbt-container-v1 .image img {
          width: 706px;
          height: 320px; } }
      @media (max-width: 767px) {
        .bbt-container-v1 .image img {
          width: 100%;
          height: auto; } }
    @media (min-width: 768px) {
      .bbt-container-v1 .image .show-image-only-mobile {
        display: none; } }
    @media (max-width: 767px) {
      .bbt-container-v1 .image .show-image-only-desktop {
        display: none; } }
  .bbt-container-v1 .gradient {
    background: linear-gradient(to bottom, rgba(51,51,51,0) 50%, rgba(51,51,51,.75) 100%);
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: block; }
  @media (min-width: 768px) {
    .bbt-container-v1 .content {
      position: absolute;
      padding: 24px;
      bottom: 0; } }
  @media (min-width: 1024px) {
    .bbt-container-v1 .content {
      padding: 32px; } }
  @media (min-width: 1200px) {
    .bbt-container-v1 .content {
      padding: 40px; } }
  @media (min-width: 1930px) {
    .bbt-container-v1 .content {
      padding: 56px; } }
  @media (max-width: 767px) {
    .bbt-container-v1 .content {
      position: relative; } }
  .bbt-container-v1 .content .headline {
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      .bbt-container-v1 .content .headline {
        position: absolute;
        bottom: 100%;
        margin: 12px; } }
  @media (max-width: 767px) {
    .bbt-container-v1 .content .button-wrapper {
      position: relative;
      padding-top: 16px;
      text-align: center; } }
  .bbt-container-v1 .content .btn {
    margin-right: 32px; }
    @media (max-width: 767px) {
      .bbt-container-v1 .content .btn {
        margin-left: 6px;
        margin-right: 6px;
        margin-top: 8px; } }
    @media (min-width: 768px) {
      .bbt-container-v1 .content .btn + .btn {
        margin-left: 0; } }
  .bbt-container-v1 .startext {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px; }
    .bbt-container-v1 .startext span.icon-info {
      margin-left: 8px; }

.media-text-hero-v1 {
  width: 100%;
  position: relative; }
  .media-text-hero-v1 .wrapper-without-button {
    padding-bottom: 32px; }
  .media-text-hero-v1 .wrapper-container {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%; }
    .media-text-hero-v1 .wrapper-container .image {
      background-color: #e5e5e5;
      position: relative; }
      .media-text-hero-v1 .wrapper-container .image img {
        width: 100%; }
        @media (min-width: 1930px) {
          .media-text-hero-v1 .wrapper-container .image img {
            width: 1195px;
            height: 672px; } }
        @media (max-width: 1929px) {
          .media-text-hero-v1 .wrapper-container .image img {
            width: 945px;
            height: 531px; } }
        @media (max-width: 1199px) {
          .media-text-hero-v1 .wrapper-container .image img {
            width: 795px;
            height: 447px; } }
        @media (max-width: 1023px) {
          .media-text-hero-v1 .wrapper-container .image img {
            width: 605px;
            height: 340px; } }
        @media (max-width: 767px) {
          .media-text-hero-v1 .wrapper-container .image img {
            width: 290px;
            height: 290px; } }
      @media (max-width: 767px) {
        .media-text-hero-v1 .wrapper-container .image picture.show-image-only-desktop {
          display: none; } }
      @media (min-width: 768px) {
        .media-text-hero-v1 .wrapper-container .image picture.show-image-only-mobile {
          display: none; } }
    .media-text-hero-v1 .wrapper-container .content {
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: center;
      -moz-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      justify-content: center;
      height: auto;
      position: relative; }
      @media (min-width: 1930px) {
        .media-text-hero-v1 .wrapper-container .content {
          width: 954px; } }
      @media (max-width: 1929px) {
        .media-text-hero-v1 .wrapper-container .content {
          width: 754px; } }
      @media (max-width: 1199px) {
        .media-text-hero-v1 .wrapper-container .content {
          width: 634px; } }
      @media (max-width: 1023px) {
        .media-text-hero-v1 .wrapper-container .content {
          width: 482px; } }
      @media (max-width: 767px) {
        .media-text-hero-v1 .wrapper-container .content {
          width: 290px; } }
      .media-text-hero-v1 .wrapper-container .content :first-child, .media-text-hero-v1 .wrapper-container .content.subline {
        margin-top: 24px; }
      .media-text-hero-v1 .wrapper-container .content .subline {
        display: block; }
      .media-text-hero-v1 .wrapper-container .content .headline {
        margin-top: 24px; }
        @media (min-width: 1200px) {
          .media-text-hero-v1 .wrapper-container .content .headline {
            font-size: 48px; } }
        @media (max-width: 1199px) {
          .media-text-hero-v1 .wrapper-container .content .headline {
            font-size: 36px; } }
        @media (max-width: 767px) {
          .media-text-hero-v1 .wrapper-container .content .headline {
            font-size: 20px; } }
      .media-text-hero-v1 .wrapper-container .content svg {
        margin-top: 24px;
        max-height: 32px; }
      .media-text-hero-v1 .wrapper-container .content .btn {
        margin-top: 24px; }
    .media-text-hero-v1 .wrapper-container .color-box {
      width: 100%;
      height: calc(100% - 84px);
      bottom: 20px;
      position: absolute; }
    .media-text-hero-v1 .wrapper-container .color-box-without-button {
      height: calc(100% - 64px);
      bottom: 0; }

.voucher-banner-v1 {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center; }
  @media (max-width: 767px) {
    .voucher-banner-v1 {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .voucher-banner-v1 .flex-item {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 120px;
    position: relative; }
    @media (max-width: 767px) {
      .voucher-banner-v1 .flex-item {
        -moz-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px; } }
  .voucher-banner-v1 .image {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .voucher-banner-v1 .content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 10px;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .voucher-banner-v1 .headline,
  .voucher-banner-v1 .subline {
    display: block;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .voucher-banner-v1 .flex-container {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    width: 100%; }
    @media (max-width: 767px) {
      .voucher-banner-v1 .flex-container {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 8px 0 8px; } }
    .voucher-banner-v1 .flex-container .item {
      padding: 0 16px 0 16px; }
      @media (max-width: 767px) {
        .voucher-banner-v1 .flex-container .item p {
          display: inline-block;
          margin-bottom: 5px;
          padding: 0; } }
    .voucher-banner-v1 .flex-container .code {
      margin-top: 3px;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .voucher-banner-v1 .flex-container .code {
          margin: 0; } }
  .voucher-banner-v1 .tooltip-text {
    font-size: 12px;
    position: absolute;
    bottom: 4px;
    right: 8px;
    margin: 0; }
  .voucher-banner-v1 .icon-info {
    margin-left: 5px; }

.table-v1 {
  position: relative; }
  .table-v1 .first-sticky {
    overflow-x: auto; }
  .table-v1 .table-headline {
    background-color: #f8f8f8;
    padding: 16px; }
    .table-v1 .table-headline .first-headline {
      font-family: "Avenir-Bold", sans-serif;
      font-size: 20px;
      font-weight: normal; }
    .table-v1 .table-headline .second-headline {
      color: #565656; }
  .table-v1 .table-content {
    overflow-x: auto; }
  .table-v1 table {
    width: 100%; }
  .table-v1 tr {
    border-top: 1px solid #dcdcdc; }
  .table-v1 tr:last-child,
  .table-v1 tr:last-child .sticky-first-column {
    border-bottom: 1px solid #dcdcdc; }
  .table-v1 th {
    background-color: #f8f8f8; }
  .table-v1 td {
    color: #565656; }
  .table-v1 th,
  .table-v1 td {
    white-space: nowrap;
    padding-top: 8px;
    padding-left: 16px;
    padding-bottom: 8px;
    padding-right: 16px;
    min-width: 5em; }
  .table-v1 th.sticky-first-column {
    position: absolute;
    left: 0;
    top: auto;
    min-width: 5em;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    border-top: 0;
    box-shadow: 0 -1px 0 0 #dcdcdc; }

.text-v1 {
  width: 100%;
  text-align: left; }
  .text-v1.textalign-left {
    text-align: left; }
  .text-v1.textalign-center {
    text-align: center; }
    .text-v1.textalign-center ol {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      margin-left: auto;
      margin-right: auto; }
  .text-v1.textalign-right {
    text-align: right; }
    .text-v1.textalign-right ol {
      max-width: -webkit-max-content;
      max-width: -moz-max-content;
      max-width: max-content;
      margin-left: auto; }
  .text-v1 p {
    margin-top: 0; }
  .text-v1 h1 {
    font-family: "Avenir-Medium", sans-serif;
    font-weight: normal;
    line-height: 1.3em;
    color: #171717;
    text-transform: unset;
    margin-top: 0;
    margin-bottom: 0.5em; }
    @media (min-width: 320px) {
      .text-v1 h1 {
        font-size: 32px; } }
    @media (min-width: 768px) {
      .text-v1 h1 {
        font-size: 36px; } }
    @media (min-width: 1024px) {
      .text-v1 h1 {
        font-size: 42px; } }
    @media (min-width: 1200px) {
      .text-v1 h1 {
        font-size: 48px; } }
    @media (min-width: 1930px) {
      .text-v1 h1 {
        font-size: 54px; } }
  .text-v1 h2 {
    font-family: "Avenir-Medium", sans-serif;
    font-weight: normal;
    line-height: 1.3em;
    color: #171717;
    text-transform: unset;
    margin-top: 0;
    margin-bottom: 0.5em; }
    @media (min-width: 320px) {
      .text-v1 h2 {
        font-size: 28px; } }
    @media (min-width: 768px) {
      .text-v1 h2 {
        font-size: 32px; } }
    @media (min-width: 1024px) {
      .text-v1 h2 {
        font-size: 36px; } }
    @media (min-width: 1200px) {
      .text-v1 h2 {
        font-size: 42px; } }
    @media (min-width: 1930px) {
      .text-v1 h2 {
        font-size: 48px; } }
  .text-v1 h3 {
    font-family: "Avenir-Medium", sans-serif;
    font-weight: normal;
    line-height: 1.3em;
    color: #171717;
    text-transform: unset;
    margin-top: 0;
    margin-bottom: 0.5em; }
    @media (min-width: 320px) {
      .text-v1 h3 {
        font-size: 24px; } }
    @media (min-width: 768px) {
      .text-v1 h3 {
        font-size: 28px; } }
    @media (min-width: 1024px) {
      .text-v1 h3 {
        font-size: 32px; } }
    @media (min-width: 1200px) {
      .text-v1 h3 {
        font-size: 36px; } }
    @media (min-width: 1930px) {
      .text-v1 h3 {
        font-size: 42px; } }
  .text-v1 h4 {
    font-family: "Avenir-Medium", sans-serif;
    font-weight: normal;
    line-height: 1.3em;
    color: #171717;
    text-transform: unset;
    margin-top: 0;
    margin-bottom: 0.5em; }
    @media (min-width: 320px) {
      .text-v1 h4 {
        font-size: 20px; } }
    @media (min-width: 768px) {
      .text-v1 h4 {
        font-size: 24px; } }
    @media (min-width: 1024px) {
      .text-v1 h4 {
        font-size: 28px; } }
    @media (min-width: 1200px) {
      .text-v1 h4 {
        font-size: 32px; } }
    @media (min-width: 1930px) {
      .text-v1 h4 {
        font-size: 36px; } }
  .text-v1 h5 {
    font-family: "Avenir-Medium", sans-serif;
    font-weight: normal;
    line-height: 1.3em;
    color: #171717;
    text-transform: unset;
    margin-top: 0;
    margin-bottom: 0.5em; }
    @media (min-width: 320px) {
      .text-v1 h5 {
        font-size: 16px; } }
    @media (min-width: 768px) {
      .text-v1 h5 {
        font-size: 20px; } }
    @media (min-width: 1024px) {
      .text-v1 h5 {
        font-size: 24px; } }
    @media (min-width: 1200px) {
      .text-v1 h5 {
        font-size: 28px; } }
    @media (min-width: 1930px) {
      .text-v1 h5 {
        font-size: 32px; } }

.recommendation-hero-v1 {
  padding-top: 32px;
  padding-bottom: 32px; }
  .recommendation-hero-v1 .overline {
    margin-bottom: 8px; }
  .recommendation-hero-v1 .text-wrapper {
    margin-bottom: 16px; }
  .recommendation-hero-v1 .text-headline {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    .recommendation-hero-v1 .text-headline .headline {
      color: inherit; }
    .recommendation-hero-v1 .text-headline a {
      display: inline-block;
      position: relative;
      letter-spacing: 3.4px;
      border-bottom: 2px solid;
      border-color: inherit; }
      .recommendation-hero-v1 .text-headline a:hover {
        text-decoration: none; }
      .recommendation-hero-v1 .text-headline a .icon {
        display: inline; }
  .recommendation-hero-v1 .items {
    height: 392px; }
  .recommendation-hero-v1 .recommendation-hero-item {
    width: 264px;
    overflow: hidden; }
    .recommendation-hero-v1 .recommendation-hero-item .item-image {
      display: block;
      position: relative; }
    .recommendation-hero-v1 .recommendation-hero-item .title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .recommendation-hero-v1 .recommendation-hero-item .flag {
      position: absolute;
      bottom: 0;
      left: 0;
      margin: 0; }
  .recommendation-hero-v1 .swiper-container {
    margin: 0; }
  @media (max-width: 1023px) {
    .recommendation-hero-v1 .items {
      height: 308px; }
    .recommendation-hero-v1 .recommendation-hero-item {
      width: 201px; } }
  @media (max-width: 767px) {
    .recommendation-hero-v1 .text-headline {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      -moz-align-items: flex-start;
      align-items: flex-start; }
      .recommendation-hero-v1 .text-headline .headline {
        margin-bottom: 16px; } }

.media-text-container-single-image-v1 {
  position: relative; }
  .media-text-container-single-image-v1 .wrapper-container {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    width: 100%; }
    @media (max-width: 767px) {
      .media-text-container-single-image-v1 .wrapper-container {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        padding-bottom: 0; } }
    .media-text-container-single-image-v1 .wrapper-container .image-container {
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      overflow: hidden;
      position: relative;
      height: 100%; }
      @media (max-width: 767px) {
        .media-text-container-single-image-v1 .wrapper-container .image-container .only-desktop {
          display: none; } }
      @media (min-width: 768px) {
        .media-text-container-single-image-v1 .wrapper-container .image-container .only-mobile {
          display: none; } }
      .media-text-container-single-image-v1 .wrapper-container .image-container img {
        width: 712px;
        height: 474px; }
        @media (max-width: 1929px) {
          .media-text-container-single-image-v1 .wrapper-container .image-container img {
            width: 561px;
            height: 374px; } }
        @media (max-width: 1199px) {
          .media-text-container-single-image-v1 .wrapper-container .image-container img {
            width: 471px;
            height: 314px; } }
        @media (max-width: 1023px) {
          .media-text-container-single-image-v1 .wrapper-container .image-container img {
            width: 357px;
            height: 238px; } }
        @media (max-width: 767px) {
          .media-text-container-single-image-v1 .wrapper-container .image-container img {
            width: 290px;
            height: 217px; } }
    .media-text-container-single-image-v1 .wrapper-container .flag {
      display: block;
      font-size: 12px;
      line-height: 16px;
      padding: 2px 12px 0 12px;
      text-align: center;
      position: absolute;
      right: 0;
      left: auto;
      top: 15px; }
    .media-text-container-single-image-v1 .wrapper-container .caption-wrapper {
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      margin-top: 64px;
      min-height: 442px;
      height: 100%;
      width: 100%;
      position: relative; }
      @media (max-width: 1929px) {
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper {
          min-height: 342px; } }
      @media (max-width: 1199px) {
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper {
          min-height: 282px; } }
      @media (max-width: 1023px) {
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper {
          min-height: 216px; } }
      @media (max-width: 767px) {
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper {
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-align: center;
          -moz-align-items: center;
          align-items: center;
          -ms-flex-pack: center;
          -moz-justify-content: center;
          justify-content: center;
          margin-top: 0;
          min-height: auto; } }
      .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption {
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 56px;
        height: 100%; }
        @media (max-width: 1929px) {
          .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption {
            margin: 40px; } }
        @media (max-width: 1199px) {
          .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption {
            margin: 32px; } }
        @media (max-width: 1023px) {
          .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption {
            margin: 24px; } }
        @media (max-width: 767px) {
          .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption {
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            max-width: 290px; } }
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption .subline {
          display: block;
          font-size: 12px;
          line-height: 17px;
          margin: 0; }
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption .headline {
          display: block;
          font-size: 36px;
          margin: 0; }
          @media (max-width: 1199px) {
            .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption .headline {
              font-size: 28px; } }
          @media (max-width: 767px) {
            .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption .headline {
              font-size: 20px; } }
        .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption .text {
          display: block;
          font-size: 16px;
          line-height: 25px; }
        @media (max-width: 767px) {
          .media-text-container-single-image-v1 .wrapper-container .caption-wrapper .caption a {
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            -moz-align-items: center;
            align-items: center; } }
    .media-text-container-single-image-v1 .wrapper-container .color-box {
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0;
      top: 64px;
      position: absolute;
      height: calc(100% - 64px);
      min-height: 442px;
      width: 91%;
      margin-left: 9%; }
      @media (max-width: 1929px) {
        .media-text-container-single-image-v1 .wrapper-container .color-box {
          min-height: 342px; } }
      @media (max-width: 1199px) {
        .media-text-container-single-image-v1 .wrapper-container .color-box {
          min-height: 282px; } }
      @media (max-width: 1023px) {
        .media-text-container-single-image-v1 .wrapper-container .color-box {
          min-height: 216px; } }
      @media (max-width: 767px) {
        .media-text-container-single-image-v1 .wrapper-container .color-box {
          margin-left: 0;
          min-height: auto;
          height: calc(100% - 84px);
          width: 100%; } }
    .media-text-container-single-image-v1 .wrapper-container .color-box-without-button {
      bottom: 0; }
      @media (max-width: 767px) {
        .media-text-container-single-image-v1 .wrapper-container .color-box-without-button {
          height: calc(100% - 64px); } }
  @media (min-width: 768px) {
    .media-text-container-single-image-v1 .change-order .image-container {
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      margin-left: auto; }
      .media-text-container-single-image-v1 .change-order .image-container > .flag {
        right: 0;
        left: auto; } }
  @media (min-width: 768px) {
    .media-text-container-single-image-v1 .change-order .caption-wrapper {
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      margin-left: auto; } }
  @media (max-width: 767px) {
    .media-text-container-single-image-v1 .change-order .caption-wrapper {
      margin-left: 0; } }
  @media (min-width: 768px) {
    .media-text-container-single-image-v1 .change-order .color-box {
      margin-left: 0; } }

.media-text-container-double-image-v1 {
  position: relative; }
  .media-text-container-double-image-v1 .wrapper-container {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    width: 100%; }
    @media (max-width: 767px) {
      .media-text-container-double-image-v1 .wrapper-container {
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        -moz-align-items: center;
        align-items: center;
        padding-bottom: 0; } }
    .media-text-container-double-image-v1 .wrapper-container .two-images-container {
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      overflow: hidden;
      position: relative;
      height: 100%; }
      @media (max-width: 767px) {
        .media-text-container-double-image-v1 .wrapper-container .two-images-container .only-desktop {
          display: none; } }
      @media (min-width: 768px) {
        .media-text-container-double-image-v1 .wrapper-container .two-images-container .only-mobile {
          display: none; } }
      .media-text-container-double-image-v1 .wrapper-container .two-images-container a {
        text-decoration: none;
        display: inline-block; }
        @media (min-width: 768px) {
          .media-text-container-double-image-v1 .wrapper-container .two-images-container a:first-of-type {
            margin-right: 11px; } }
      .media-text-container-double-image-v1 .wrapper-container .two-images-container img {
        width: 348px;
        height: 523px; }
        @media (max-width: 1929px) {
          .media-text-container-double-image-v1 .wrapper-container .two-images-container img {
            width: 273px;
            height: 410px; } }
        @media (max-width: 1199px) {
          .media-text-container-double-image-v1 .wrapper-container .two-images-container img {
            width: 228px;
            height: 343px; } }
        @media (max-width: 1023px) {
          .media-text-container-double-image-v1 .wrapper-container .two-images-container img {
            width: 171px;
            height: 257px; } }
        @media (max-width: 767px) {
          .media-text-container-double-image-v1 .wrapper-container .two-images-container img {
            width: 290px;
            height: 387px; } }
    .media-text-container-double-image-v1 .wrapper-container .flag {
      display: block;
      font-size: 12px;
      line-height: 16px;
      padding: 2px 12px 0 12px;
      text-align: center;
      position: absolute;
      right: 0;
      left: auto;
      top: 15px; }
    .media-text-container-double-image-v1 .wrapper-container .caption-wrapper {
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      margin-top: 64px;
      min-height: 490px;
      height: 100%;
      width: 100%;
      position: relative; }
      @media (max-width: 1929px) {
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper {
          min-height: 378px; } }
      @media (max-width: 1199px) {
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper {
          min-height: 310px; } }
      @media (max-width: 1023px) {
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper {
          min-height: 225px; } }
      @media (max-width: 767px) {
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper {
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          -moz-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -ms-flex-align: center;
          -moz-align-items: center;
          align-items: center;
          -ms-flex-pack: center;
          -moz-justify-content: center;
          justify-content: center;
          margin-top: 0;
          min-height: auto; } }
      .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption {
        -moz-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin: 55px; }
        @media (max-width: 1929px) {
          .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption {
            margin: 40px; } }
        @media (max-width: 1199px) {
          .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption {
            margin: 32px; } }
        @media (max-width: 1023px) {
          .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption {
            margin: 24px; } }
        @media (max-width: 767px) {
          .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption {
            margin-bottom: 0;
            margin-left: 0;
            margin-right: 0;
            max-width: 290px; } }
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption .subline {
          display: block;
          font-size: 12px;
          line-height: 17px;
          margin: 0; }
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption .headline {
          display: block;
          font-size: 36px;
          margin: 0; }
          @media (max-width: 1199px) {
            .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption .headline {
              font-size: 28px; } }
          @media (max-width: 767px) {
            .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption .headline {
              font-size: 20px; } }
        .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption .text {
          display: block;
          font-size: 16px;
          line-height: 25px; }
        @media (max-width: 767px) {
          .media-text-container-double-image-v1 .wrapper-container .caption-wrapper .caption a {
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            -moz-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -ms-flex-align: center;
            -moz-align-items: center;
            align-items: center; } }
    .media-text-container-double-image-v1 .wrapper-container .color-box {
      -moz-order: 0;
      -ms-flex-order: 0;
      order: 0;
      top: 64px;
      position: absolute;
      min-height: 490px;
      height: calc(100% - 64px);
      width: 91%;
      margin-left: 9%; }
      @media (max-width: 1929px) {
        .media-text-container-double-image-v1 .wrapper-container .color-box {
          min-height: 378px; } }
      @media (max-width: 1199px) {
        .media-text-container-double-image-v1 .wrapper-container .color-box {
          min-height: 310px; } }
      @media (max-width: 1023px) {
        .media-text-container-double-image-v1 .wrapper-container .color-box {
          min-height: 225px; } }
      @media (max-width: 767px) {
        .media-text-container-double-image-v1 .wrapper-container .color-box {
          margin-left: 0;
          min-height: auto;
          height: calc(100% - 84px);
          width: 100%; } }
    .media-text-container-double-image-v1 .wrapper-container .color-box-without-button {
      bottom: 0; }
      @media (max-width: 767px) {
        .media-text-container-double-image-v1 .wrapper-container .color-box-without-button {
          height: calc(100% - 64px); } }
  @media (min-width: 768px) {
    .media-text-container-double-image-v1 .change-order .two-images-container {
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      margin-left: auto; }
      .media-text-container-double-image-v1 .change-order .two-images-container > .flag {
        right: 0;
        left: auto; } }
  .media-text-container-double-image-v1 .change-order .caption-wrapper {
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end; }
    @media (min-width: 768px) {
      .media-text-container-double-image-v1 .change-order .caption-wrapper {
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-left: auto; } }
    @media (max-width: 767px) {
      .media-text-container-double-image-v1 .change-order .caption-wrapper {
        margin-left: 0;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center; } }
  @media (min-width: 768px) {
    .media-text-container-double-image-v1 .change-order .color-box {
      margin-left: 0; } }

.info-banner-v1 {
  position: relative;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 46px;
  text-align: center;
  padding: 6px 56px 6px 56px; }
  @media (max-width: 767px) {
    .info-banner-v1 {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 24px 32px 24px 32px; } }
  .info-banner-v1 .flex-item {
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto; }
    .info-banner-v1 .flex-item:nth-child(1) {
      padding-left: 16px;
      padding-right: 16px; }
    .info-banner-v1 .flex-item:nth-child(2) {
      text-align: left;
      padding-left: 16px;
      padding-right: 32px; }
  @media (min-width: 768px) {
    .info-banner-v1 .without-button {
      padding-top: 11px;
      padding-bottom: 11px; } }
  @media (max-width: 767px) {
    .info-banner-v1 .link {
      display: inline-block;
      padding-top: 10px; } }
  @media (max-width: 767px) {
    .info-banner-v1 .btn {
      margin-top: 16px;
      padding-right: 16px; } }

.megadropdown-bbt-item-v1 img {
  width: 100%; }

.megadropdown-bbt-item-v1 .h4 {
  margin-bottom: 12px;
  display: block; }

.megadropdown-bbt-item-v1 a {
  text-decoration: none; }

.megadropdown-bbt-item-v1 .megadropdown-bbt-btn {
  display: inline-block;
  letter-spacing: 2.88px;
  box-shadow: 0 1px 0 0 #171717; }
  .megadropdown .megadropdown-bbt-item-v1 .megadropdown-bbt-btn .icon.icon-arrow-right {
    font-size: 12px;
    line-height: 24px; }

.video-hero-v1 {
  position: relative;
  overflow: hidden; }
  .video-hero-v1 .color-box {
    width: 100%;
    height: calc(100% - 64px);
    position: absolute;
    bottom: 0; }
  .video-hero-v1 .video-container {
    position: relative; }
    .video-hero-v1 .video-container .video {
      position: relative;
      margin-bottom: 32px;
      cursor: pointer;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      -moz-align-items: center;
      align-items: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      justify-content: center;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .video-hero-v1 .video-container .video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0; }
      .video-hero-v1 .video-container .video .gradient {
        background: linear-gradient(to bottom, rgba(51,51,51,0) 50%, rgba(51,51,51,.75) 100%);
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: block; }
      .video-hero-v1 .video-container .video .preview {
        width: 100%; }
        .video-hero-v1 .video-container .video .preview img {
          width: 100%; }
      .video-hero-v1 .video-container .video .video-elements {
        position: absolute;
        text-align: center;
        width: 100%;
        height: 100%;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column; }
        @media (max-width: 1199px) {
          .video-hero-v1 .video-container .video .video-elements {
            font-size: 53px;
            line-height: 53px; } }
        .video-hero-v1 .video-container .video .video-elements .icon {
          cursor: pointer;
          font-size: 78px;
          line-height: 78px;
          transition: opacity 400ms ease-out;
          opacity: 1; }
          @media (max-width: 1199px) {
            .video-hero-v1 .video-container .video .video-elements .icon {
              font-size: 53px;
              line-height: 53px; } }
          @media (max-width: 767px) {
            .video-hero-v1 .video-container .video .video-elements .icon {
              font-size: 38px;
              line-height: 38px; } }
        .video-hero-v1 .video-container .video .video-elements:hover .icon {
          opacity: 0.7; }
        .video-hero-v1 .video-container .video .video-elements .headline {
          margin-top: 28px;
          margin-bottom: 0;
          cursor: default;
          padding-left: 10px;
          padding-right: 10px; }
          @media (max-width: 1199px) {
            .video-hero-v1 .video-container .video .video-elements .headline {
              margin-top: 20px; } }
          @media (max-width: 1023px) {
            .video-hero-v1 .video-container .video .video-elements .headline {
              margin-top: 16px; } }
          @media (max-width: 767px) {
            .video-hero-v1 .video-container .video .video-elements .headline {
              margin-top: 10px; } }

.usp-banner-v1 .content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 16px;
  border-left: 1px solid; }
  .usp-banner-v1 .content a {
    text-decoration: none; }
  .usp-banner-v1 .content .headline {
    font-family: "Avenir-Bold", sans-serif; }
  .usp-banner-v1 .content .subline {
    font-size: 20px; }
  @media (max-width: 767px) {
    .usp-banner-v1 .content {
      border-left: none;
      border-top: 1px solid;
      border-bottom: 1px solid; } }

.usp-banner-v1 .content:first-child {
  border-left: none; }

.teaser-v1 {
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative; }
  .teaser-v1 .color-box {
    width: 100%;
    height: 66%;
    position: absolute;
    bottom: 0; }
    .teaser-v1 .color-box.full {
      height: 100%; }
  .teaser-v1 .container {
    position: relative; }
  .teaser-v1 .color-box-without-button {
    height: calc(100% - 64px);
    bottom: 0; }
  .teaser-v1 .text-wrapper {
    margin-bottom: 16px; }
  .teaser-v1 .text-headline {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between; }
    .teaser-v1 .text-headline .headline {
      color: inherit; }
    .teaser-v1 .text-headline a {
      display: inline-block;
      position: relative;
      letter-spacing: 3.4px;
      border-bottom: 2px solid;
      border-color: inherit; }
      @media (min-width: 768px) {
        .teaser-v1 .text-headline a {
          margin-left: 48px; } }
      .teaser-v1 .text-headline a:hover {
        text-decoration: none; }
      .teaser-v1 .text-headline a .icon {
        display: inline; }
  @media (max-width: 767px) {
    .teaser-v1 .text-headline {
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-align: start;
      -moz-align-items: flex-start;
      align-items: flex-start; }
      .teaser-v1 .text-headline .headline {
        margin-bottom: 16px; } }
  .teaser-v1 .button-prev,
  .teaser-v1 .button-next {
    top: 30%; }
    @media (max-width: 1023px) {
      .teaser-v1 .button-prev,
      .teaser-v1 .button-next {
        top: 25%; } }
  .teaser-v1 .swiper-container {
    margin: 0; }
  .teaser-v1 .swiper {
    margin-bottom: 0; }

.teaser-item-square-v1 {
  overflow: hidden;
  font-size: 20px;
  width: 264px; }
  .teaser-item-square-v1 .item-image {
    display: block;
    position: relative; }
  .teaser-item-square-v1 .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .teaser-item-square-v1 .flag {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0; }
  .teaser-item-square-v1 .small-margin-bottom {
    margin-bottom: 8px; }
  .teaser-item-square-v1 .no-margin {
    margin: 0; }
  @media (max-width: 1199px) {
    .teaser-item-square-v1 {
      font-size: 16px;
      width: 201px; } }

.teaser-item-rectangle-v1 {
  overflow: hidden;
  font-size: 20px;
  width: 352px; }
  .teaser-item-rectangle-v1 .item-image {
    display: block;
    position: relative; }
  .teaser-item-rectangle-v1 .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .teaser-item-rectangle-v1 .flag {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0; }
  .teaser-item-rectangle-v1 .small-margin-bottom {
    margin-bottom: 8px; }
  .teaser-item-rectangle-v1 .no-margin {
    margin: 0; }
  @media (max-width: 1199px) {
    .teaser-item-rectangle-v1 {
      font-size: 16px;
      width: 268px; } }

@-webkit-keyframes scrollDownIcon {
  0% {
    top: 8px; }
  10% {
    top: 0; }
  60% {
    top: 8px; }
  100% {
    top: 8px; } }

@keyframes scrollDownIcon {
  0% {
    top: 8px; }
  10% {
    top: 0; }
  60% {
    top: 8px; }
  100% {
    top: 8px; } }

.video-fullscreen-v1 {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  overflow: hidden; }
  .video-fullscreen-v1 video,
  .video-fullscreen-v1 img,
  .video-fullscreen-v1 picture {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 100%;
    min-height: 100%; }
  .video-fullscreen-v1 .gradient {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    box-shadow: 0px 120px 80px -80px #fff inset; }
  .video-fullscreen-v1 .content {
    position: absolute;
    top: 0;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center; }
    .video-fullscreen-v1 .content .headline {
      margin-bottom: 16px; }
  .video-fullscreen-v1 .scroll-down {
    cursor: pointer;
    position: absolute;
    bottom: 80px;
    font-size: 16px; }
    @media (max-width: 1023px) {
      .video-fullscreen-v1 .scroll-down {
        font-size: 14px; } }
    .video-fullscreen-v1 .scroll-down .icon {
      position: relative;
      -webkit-animation-name: scrollDownIcon;
      animation-name: scrollDownIcon;
      -webkit-animation-duration: 800ms;
      animation-duration: 800ms;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
  .js-invert .video-fullscreen-v1 video {
    background-color: #171717; }
  .js-invert .video-fullscreen-v1 .headline,
  .js-invert .video-fullscreen-v1 .scroll-down {
    color: #fff; }
  .js-invert .video-fullscreen-v1 .gradient {
    box-shadow: 0px 120px 80px -80px #171717 inset; }

.spacer-1-v1 {
  height: 72px;
  width: 100%; }
  .container .spacer-1-v1 {
    float: left; }
  @media (max-width: 1929px) {
    .spacer-1-v1 {
      height: 56px; } }
  @media (max-width: 1199px) {
    .spacer-1-v1 {
      height: 40px; } }
  @media (max-width: 1023px) {
    .spacer-1-v1 {
      height: 24px; } }
  @media (max-width: 767px) {
    .spacer-1-v1 {
      height: 8px; } }

.spacer-2-v1 {
  height: 80px;
  width: 100%; }
  .container .spacer-2-v1 {
    float: left; }
  @media (max-width: 1929px) {
    .spacer-2-v1 {
      height: 64px; } }
  @media (max-width: 1199px) {
    .spacer-2-v1 {
      height: 48px; } }
  @media (max-width: 1023px) {
    .spacer-2-v1 {
      height: 32px; } }
  @media (max-width: 767px) {
    .spacer-2-v1 {
      height: 16px; } }

.spacer-4-v1 {
  height: 88px;
  width: 100%; }
  .container .spacer-4-v1 {
    float: left; }
  @media (max-width: 1929px) {
    .spacer-4-v1 {
      height: 72px; } }
  @media (max-width: 1199px) {
    .spacer-4-v1 {
      height: 56px; } }
  @media (max-width: 1023px) {
    .spacer-4-v1 {
      height: 40px; } }
  @media (max-width: 767px) {
    .spacer-4-v1 {
      height: 24px; } }

.spacer-8-v1 {
  height: 96px;
  width: 100%; }
  .container .spacer-8-v1 {
    float: left; }
  @media (max-width: 1929px) {
    .spacer-8-v1 {
      height: 80px; } }
  @media (max-width: 1199px) {
    .spacer-8-v1 {
      height: 64px; } }
  @media (max-width: 1023px) {
    .spacer-8-v1 {
      height: 48px; } }
  @media (max-width: 767px) {
    .spacer-8-v1 {
      height: 32px; } }

.collage-container-v1 > .responsive-headline-large {
  margin-top: 0;
  margin-bottom: 16px; }
  @media (max-width: 767px) {
    .collage-container-v1 > .responsive-headline-large {
      margin-bottom: 6px; } }

.collage-container-v1 .big-image {
  position: relative;
  width: 1438px; }
  @media (max-width: 1929px) {
    .collage-container-v1 .big-image {
      width: 1136px; } }
  @media (max-width: 1199px) {
    .collage-container-v1 .big-image {
      width: 960px; } }
  @media (max-width: 1023px) {
    .collage-container-v1 .big-image {
      width: 704px; } }
  @media (max-width: 767px) {
    .collage-container-v1 .big-image {
      width: 100%; } }

.collage-container-v1 .teaser-content {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 32px;
  padding-bottom: 32px; }
  @media (max-width: 767px) {
    .collage-container-v1 .teaser-content {
      padding: 12px; }
      .collage-container-v1 .teaser-content p {
        margin: 0; } }
  .collage-container-v1 .teaser-content .btn {
    margin-left: 0; }

.collage-container-v1 .small-image-row {
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  margin-top: 16px;
  height: 347px; }
  @media (max-width: 1929px) {
    .collage-container-v1 .small-image-row {
      height: 272px; } }
  @media (max-width: 1199px) {
    .collage-container-v1 .small-image-row {
      height: 228px; } }
  @media (max-width: 1023px) {
    .collage-container-v1 .small-image-row {
      height: 164px; } }
  @media (max-width: 1023px) {
    .collage-container-v1 .small-image-row {
      height: auto; } }
  .collage-container-v1 .small-image-row > * {
    overflow: hidden; }
  .collage-container-v1 .small-image-row .wide-image,
  .collage-container-v1 .small-image-row .square-image {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center; }
  .collage-container-v1 .small-image-row .wide-image,
  .collage-container-v1 .small-image-row .square-images {
    -moz-flex: 0 0 calc(50% - 8px);
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px); }
    @media (max-width: 767px) {
      .collage-container-v1 .small-image-row .wide-image,
      .collage-container-v1 .small-image-row .square-images {
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; } }
  .collage-container-v1 .small-image-row .square-images {
    margin-right: 8px; }
    .mirror.collage-container-v1 .small-image-row .square-images {
      -moz-order: 2;
      -ms-flex-order: 2;
      order: 2;
      margin-right: 0;
      margin-left: 8px; }
      @media (max-width: 767px) {
        .mirror.collage-container-v1 .small-image-row .square-images {
          margin: 0; } }
    @media (max-width: 767px) {
      .collage-container-v1 .small-image-row .square-images {
        margin: 0; } }
  .collage-container-v1 .small-image-row .wide-image {
    margin-left: 8px;
    width: 711px; }
    .mirror.collage-container-v1 .small-image-row .wide-image {
      -moz-order: 1;
      -ms-flex-order: 1;
      order: 1;
      margin-left: 0;
      margin-right: 8px; }
      @media (max-width: 767px) {
        .mirror.collage-container-v1 .small-image-row .wide-image {
          margin-right: 0; } }
    @media (max-width: 1929px) {
      .collage-container-v1 .small-image-row .wide-image {
        width: 560px; } }
    @media (max-width: 1199px) {
      .collage-container-v1 .small-image-row .wide-image {
        width: 472px; } }
    @media (max-width: 1023px) {
      .collage-container-v1 .small-image-row .wide-image {
        width: 344px; } }
    @media (max-width: 767px) {
      .collage-container-v1 .small-image-row .wide-image {
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-left: 0; } }
  .collage-container-v1 .small-image-row .square-images {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }
  .collage-container-v1 .small-image-row .square-image {
    -moz-flex: 0 0 calc(50% - 8px);
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    height: auto;
    width: 374px; }
    @media (max-width: 767px) {
      .collage-container-v1 .small-image-row .square-image {
        -moz-flex: 0 0 calc(50% - 3px);
        -ms-flex: 0 0 calc(50% - 3px);
        flex: 0 0 calc(50% - 3px); } }
    .collage-container-v1 .small-image-row .square-image:first-child {
      margin-right: 8px; }
      @media (max-width: 767px) {
        .collage-container-v1 .small-image-row .square-image:first-child {
          margin-right: 3px; } }
    .collage-container-v1 .small-image-row .square-image:not(:first-child) {
      margin-left: 8px; }
      @media (max-width: 767px) {
        .collage-container-v1 .small-image-row .square-image:not(:first-child) {
          margin-left: 3px; } }
    @media (max-width: 1929px) {
      .collage-container-v1 .small-image-row .square-image {
        width: 272px; } }
    @media (max-width: 1199px) {
      .collage-container-v1 .small-image-row .square-image {
        width: 228px; } }
    @media (max-width: 1023px) {
      .collage-container-v1 .small-image-row .square-image {
        width: 164px; } }
    @media (max-width: 767px) {
      .collage-container-v1 .small-image-row .square-image {
        width: 100%; } }
  @media (max-width: 767px) {
    .collage-container-v1 .small-image-row {
      margin-top: 6px; } }

.collage-container-v1 .big-image,
.collage-container-v1 .wide-image,
.collage-container-v1 .square-image {
  overflow: hidden; }
  .collage-container-v1 .big-image img,
  .collage-container-v1 .wide-image img,
  .collage-container-v1 .square-image img {
    min-height: 100%;
    min-width: 100%; }

.collage-container-v1 > :last-child {
  margin-top: 24px; }

.quote-hero-v1 {
  position: relative; }
  .quote-hero-v1 .color-box {
    width: 100%;
    height: calc(100% - 64px);
    position: absolute;
    bottom: 0; }
  .quote-hero-v1 .image-container {
    position: relative; }
    @media (max-width: 767px) {
      .quote-hero-v1 .image-container {
        overflow: hidden; } }
    .quote-hero-v1 .image-container img {
      width: 948px;
      height: auto; }
      @media (max-width: 1929px) {
        .quote-hero-v1 .image-container img {
          width: 748px; } }
      @media (max-width: 1199px) {
        .quote-hero-v1 .image-container img {
          width: 631px; } }
      @media (max-width: 1023px) {
        .quote-hero-v1 .image-container img {
          width: 460px; } }
      @media (max-width: 767px) {
        .quote-hero-v1 .image-container img {
          width: calc(100% - 30px); } }
  .quote-hero-v1 .content {
    position: relative;
    padding-bottom: 32px; }
    .quote-hero-v1 .content .headline {
      font-family: "Playfair-Regular", sans-serif;
      letter-spacing: 0.2px; }

.welcome-hero-v1 {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden; }
  @media (max-width: 1199px) {
    .welcome-hero-v1 {
      height: 400px; } }
  @media (max-width: 767px) {
    .welcome-hero-v1 {
      height: auto; } }
  @media (max-width: 767px) {
    .welcome-hero-v1 .wrapper-container {
      padding-bottom: 20px; } }
  .welcome-hero-v1 .image {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center; }
    @media (min-width: 768px) {
      .welcome-hero-v1 .image {
        -ms-flex-pack: center;
        -moz-justify-content: center;
        justify-content: center; }
        .welcome-hero-v1 .image .show-image-only-mobile {
          display: none; } }
    @media (max-width: 767px) {
      .welcome-hero-v1 .image .show-image-only-desktop {
        display: none; } }
  .welcome-hero-v1 .hero-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .welcome-hero-v1 .content {
    position: relative;
    height: 500px; }
    @media (max-width: 1199px) {
      .welcome-hero-v1 .content {
        height: 400px; } }
    @media (max-width: 767px) {
      .welcome-hero-v1 .content {
        height: auto; } }
    .welcome-hero-v1 .content .startext {
      position: absolute;
      top: 0;
      right: 16px; }
      .welcome-hero-v1 .content .startext span.icon-info {
        margin-left: 8px; }
    .welcome-hero-v1 .content .svg-wrapper {
      position: absolute;
      right: 7.75%;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      width: 170px;
      height: 170px; }
      @media (min-width: 1024px) {
        .welcome-hero-v1 .content .svg-wrapper {
          width: 228px;
          height: 228px; } }
      @media (min-width: 1200px) {
        .welcome-hero-v1 .content .svg-wrapper {
          width: 273px;
          height: 273px; } }
      @media (min-width: 1930px) {
        .welcome-hero-v1 .content .svg-wrapper {
          width: 348px;
          height: 348px; } }
      @media (max-width: 767px) {
        .welcome-hero-v1 .content .svg-wrapper {
          right: auto;
          left: 50%;
          top: 160px;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
      .welcome-hero-v1 .content .svg-wrapper .svg-container {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 85px;
        height: 85px; }
        .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-large {
          width: 170px;
          height: 170px; }
          @media (min-width: 1024px) {
            .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-large {
              width: 228px;
              height: 228px; } }
          @media (min-width: 1200px) {
            .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-large {
              width: 273px;
              height: 273px; } }
          @media (min-width: 1930px) {
            .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-large {
              width: 348px;
              height: 348px; } }
        .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-small {
          width: 85px;
          height: 85px; }
          @media (min-width: 1024px) {
            .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-small {
              width: 114px;
              height: 114px; } }
          @media (min-width: 1200px) {
            .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-small {
              width: 136.5px;
              height: 136.5px; } }
          @media (min-width: 1930px) {
            .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-small {
              width: 174px;
              height: 174px; } }
        .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-top {
          top: 0; }
        .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-middle {
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        .welcome-hero-v1 .content .svg-wrapper .svg-container.svg-bottom {
          bottom: 0; }
    .welcome-hero-v1 .content .text-wrapper {
      position: relative;
      width: 100%;
      padding: 0 5% 0 5%;
      margin: 335px 0 0 0; }
      .welcome-hero-v1 .content .text-wrapper .overline {
        font-family: "Avenir-Regular", sans-serif;
        font-size: 12px;
        text-transform: uppercase; }
      .welcome-hero-v1 .content .text-wrapper .headline {
        font-family: "Avenir-Bold", sans-serif;
        margin-bottom: 24px; }
        @media (max-width: 767px) {
          .welcome-hero-v1 .content .text-wrapper .headline {
            margin-bottom: 16px; } }
        @media (max-width: 767px) {
          .welcome-hero-v1 .content .text-wrapper .headline.responsive-headline-large {
            font-size: 20px; } }
      .welcome-hero-v1 .content .text-wrapper .btn {
        margin-top: 10px;
        margin-right: 32px; }
        @media (max-width: 767px) {
          .welcome-hero-v1 .content .text-wrapper .btn {
            margin-left: 6px;
            margin-right: 6px; } }
        @media (min-width: 768px) {
          .welcome-hero-v1 .content .text-wrapper .btn + .btn {
            margin-left: 0; } }
        @media (max-width: 767px) {
          .welcome-hero-v1 .content .text-wrapper .btn {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content; } }
      @media (min-width: 768px) {
        .welcome-hero-v1 .content .text-wrapper {
          position: absolute;
          width: 50%;
          padding: 0;
          margin: 0;
          left: 7.75%;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); } }
    @media (max-width: 767px) {
      .welcome-hero-v1 .content .button-wrapper {
        display: block;
        text-align: center; } }
  @media (min-width: 768px) {
    .welcome-hero-v1.mirrored-content .content .startext {
      left: 16px;
      right: auto; } }
  @media (min-width: 768px) {
    .welcome-hero-v1.mirrored-content .content .svg-wrapper {
      left: 7.75%;
      right: auto; } }
  @media (min-width: 768px) {
    .welcome-hero-v1.mirrored-content .content .text-wrapper {
      right: 7.75%;
      left: auto; } }

.welcome-slider-hero-v1 {
  overflow: hidden;
  position: relative; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .welcome-slider-hero-v1 {
      height: 400px; } }
  .welcome-slider-hero-v1 .swiper-slide {
    overflow: hidden; }
  .welcome-slider-hero-v1 .swiper-container .pagination-container {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 20; }
    @media (min-width: 768px) {
      .welcome-slider-hero-v1 .swiper-container .pagination-container {
        bottom: 15px; } }
    @media (max-width: 767px) {
      .welcome-slider-hero-v1 .swiper-container .pagination-container {
        top: 290px; } }
  .welcome-slider-hero-v1 .swiper-pagination {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    position: relative; }
    .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide {
      width: 16.67%;
      padding: 15px;
      white-space: nowrap; }
      @media (max-width: 1023px) {
        .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide {
          width: auto;
          padding: 5px; } }
      .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide .slide-name {
        position: relative;
        padding-bottom: 3px;
        border-bottom: 2px solid transparent; }
      .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide .swiper-pagination-bullet {
        opacity: 1;
        background-color: #fff; }
      .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide.swiper-pagination-slide-active,
      .no-touch .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide:hover {
        cursor: pointer;
        font-family: "Avenir-Bold", sans-serif; }
        .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide.swiper-pagination-slide-active .slide-name,
        .no-touch .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide:hover .slide-name {
          border-color: inherit;
          font-family: "Avenir-Bold", sans-serif; }
        .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide.swiper-pagination-slide-active .swiper-pagination-bullet,
        .no-touch .welcome-slider-hero-v1 .swiper-pagination .swiper-pagination-slide:hover .swiper-pagination-bullet {
          background-color: #000; }
  .welcome-slider-hero-v1 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px; }
  .welcome-slider-hero-v1 a {
    text-decoration: none; }
  .bs-example .welcome-slider-hero-v1 {
    width: 100%;
    overflow: hidden; }

.picture-text-box-v1 {
  position: relative; }
  .picture-text-box-v1 .content {
    position: relative; }
    @media (max-width: 767px) {
      .picture-text-box-v1 .content {
        text-align: center; } }
    .picture-text-box-v1 .content .image img {
      width: 100%; }
    .picture-text-box-v1 .content .image .gradient {
      background: linear-gradient(to bottom, rgba(51,51,51,0) 50%, rgba(51,51,51,.75) 100%);
      position: absolute;
      bottom: 0;
      height: 100%;
      width: 100%;
      display: block; }
      @media (max-width: 767px) {
        .picture-text-box-v1 .content .image .gradient {
          bottom: 0; } }
    .picture-text-box-v1 .content .text-wrapper {
      position: absolute;
      bottom: 0;
      left: 0;
      margin-left: 7%; }
      .picture-text-box-v1 .content .text-wrapper .overline {
        font-family: "Avenir-Regular", sans-serif;
        font-size: 12px;
        text-transform: uppercase;
        text-align: left; }
      .picture-text-box-v1 .content .text-wrapper .headline {
        font-family: "Avenir-Bold", sans-serif;
        margin-bottom: 32px; }
/*# sourceMappingURL=aubade_widgets_collection.css.map */