.group--teaser-big {
  margin-left: -5%;
  margin-right: -5%; }
  @media (max-width: 1580px) {
    .group--teaser-big {
      margin-left: calc(-50vw + 50%);
      margin-right: calc(-50vw + 50%);
      max-width: 100vw; }
      .visible-scroll .group--teaser-big {
        margin-left: calc(-50vw + 50% + 8px);
        margin-right: calc(-50vw + 50% + 8px); } }

.group--teaser-big {
  padding-left: 5%;
  padding-right: 5%; }
  @media (max-width: 1580px) {
    .group--teaser-big {
      padding-left: calc(50vw - 50%);
      padding-right: calc(50vw - 50%); }
      .visible-scroll .group--teaser-big {
        padding-left: calc(50vw - 50% - 8px);
        padding-right: calc(50vw - 50% - 8px); } }

.group--teaser-big {
  position: relative;
  margin-bottom: calc(40px + 40 * ((100vw - 600px) / 800));
  padding-top: calc(40px + 40 * ((100vw - 600px) / 800));
  padding-bottom: calc(40px + 40 * ((100vw - 600px) / 800));
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  color: #fff; }
  @media screen and (max-width: 600px) {
    .group--teaser-big {
      margin-bottom: 40px; } }
  @media screen and (min-width: 1400px) {
    .group--teaser-big {
      margin-bottom: 80px; } }
  @media screen and (max-width: 600px) {
    .group--teaser-big {
      padding-top: 40px; } }
  @media screen and (min-width: 1400px) {
    .group--teaser-big {
      padding-top: 80px; } }
  @media screen and (max-width: 600px) {
    .group--teaser-big {
      padding-bottom: 40px; } }
  @media screen and (min-width: 1400px) {
    .group--teaser-big {
      padding-bottom: 80px; } }
  .group--teaser-big a {
    color: #fff; }
  .group--teaser-big .inner-container {
    position: relative;
    z-index: 2;
    width: 83.09456%;
    margin-left: 8.45272%; }
  .group--teaser-big .label {
    font-weight: normal;
    font-size: calc(22px + 4 * ((100vw - 600px) / 800));
    line-height: calc(26px + 4 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Regular", "sans-serif";
    margin-bottom: calc(10px + 10 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .group--teaser-big .label {
        font-size: 22px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .label {
        font-size: 26px; } }
    @media screen and (max-width: 600px) {
      .group--teaser-big .label {
        line-height: 26px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .label {
        line-height: 30px; } }
    @media screen and (max-width: 600px) {
      .group--teaser-big .label {
        margin-bottom: 10px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .label {
        margin-bottom: 20px; } }
  .group--teaser-big .field--name-label h2 {
    font-weight: normal;
    font-size: calc(40px + 20 * ((100vw - 600px) / 800));
    line-height: calc(39px + 20 * ((100vw - 600px) / 800));
    font-family: "Founders-grotesk-Medium", "sans-serif";
    margin-bottom: calc(30px + 30 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .group--teaser-big .field--name-label h2 {
        font-size: 40px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .field--name-label h2 {
        font-size: 60px; } }
    @media screen and (max-width: 600px) {
      .group--teaser-big .field--name-label h2 {
        line-height: 39px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .field--name-label h2 {
        line-height: 59px; } }
    @media (max-width: 430px) {
      .group--teaser-big .field--name-label h2 {
        font-size: 36px;
        line-height: 35px; } }
    @media screen and (max-width: 600px) {
      .group--teaser-big .field--name-label h2 {
        margin-bottom: 30px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .field--name-label h2 {
        margin-bottom: 60px; } }
  .group--teaser-big .field--name-field-link .field__item {
    display: inline-block;
    margin-right: calc(20px + 20 * ((100vw - 600px) / 800));
    margin-bottom: calc(40px + 40 * ((100vw - 600px) / 800)); }
    @media screen and (max-width: 600px) {
      .group--teaser-big .field--name-field-link .field__item {
        margin-right: 20px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .field--name-field-link .field__item {
        margin-right: 40px; } }
    @media screen and (max-width: 600px) {
      .group--teaser-big .field--name-field-link .field__item {
        margin-bottom: 40px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .field--name-field-link .field__item {
        margin-bottom: 80px; } }
  .group--teaser-big .field--name-field-group-contact {
    margin-bottom: calc(40px + 40 * ((100vw - 600px) / 800)); }
    .group--teaser-big .field--name-field-group-contact:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 600px) {
      .group--teaser-big .field--name-field-group-contact {
        margin-bottom: 40px; } }
    @media screen and (min-width: 1400px) {
      .group--teaser-big .field--name-field-group-contact {
        margin-bottom: 80px; } }
    .group--teaser-big .field--name-field-group-contact > .field__item {
      width: 49.1404%;
      margin-right: 1.7192%;
      float: left;
      box-sizing: border-box;
      margin-bottom: calc(10px + 10 * ((100vw - 600px) / 800)); }
      .group--teaser-big .field--name-field-group-contact > .field__item:nth-child(2n) {
        margin-right: 0; }
      .group--teaser-big .field--name-field-group-contact > .field__item:nth-child(2n+1) {
        clear: left; }
      @media screen and (max-width: 600px) {
        .group--teaser-big .field--name-field-group-contact > .field__item {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1400px) {
        .group--teaser-big .field--name-field-group-contact > .field__item {
          margin-bottom: 20px; } }
  .group--teaser-big .field--name-field-background-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top; }
  .group--teaser-big .field--name-field-email a {
    color: #fff; }
    .has-mouse .group--teaser-big .field--name-field-email a:hover {
      color: var(--color-primary); }
  .group--teaser-big .field--name-field-telephone a {
    color: #fff; }
    .has-mouse .group--teaser-big .field--name-field-telephone a:hover {
      color: var(--color-primary); }

/*# sourceMappingURL=../../_maps/components/group/group--teaser-big.css.map */