/* uber.css  -----------------------------------------------------------------*/

/* BRP1 Smartphones  ---------------------------------------------------------*/
@media screen and (max-width: 991px ) {
  .uber-img{
    grid-column: 1 / span 7;
    width: 91.79vw;
  }

  .uber-info{
    grid-column: 1 / span 4;
    grid-row-start: 5;
  }

  .uber-title{
    grid-column: 1 / span 7;
    grid-row-start: 7;
  }

  /* macfix */
  .uber-txt-container{
    grid-column: 2 / span 5;
    grid-row-start: 8;
  }

  .uber-footer{
    grid-row-start: 13;
  }
}

/* BRP2 Tablet (Portrait)  ---------------------------------------------------*/
@media screen and (min-width: 580px) and (max-width: 991px ) {
  .uber-img{
    /* width: 43.16vw; */
    width: 54.67vw;
    grid-row-start: 1;
  }

  .uber-info{
    grid-column: 6 / span 3;
    grid-row-start: 1;
  }

  .uber-title{
    grid-column: 2 / span 5;
    grid-row-start: 6;
  }

  /* macfix */
  .uber-txt-container{
    grid-column: 2 / span 6;
    grid-row-start: 7;
  }

  .uber-text{
    columns: 2;
    column-gap: 2.88vw;
  }

  .uber-footer{
    grid-row-start: 10;
  }
}

/* BRP3 Desktop (klein)  -----------------------------------------------------*/
@media screen and (min-width: 992px) {
  .uber-img{
    grid-column: 1 / span 3;
    width: 26.16vw;
    grid-row-start: 2;
  }

  .uber-info{
    grid-column: 4 / span 2;
    grid-row-start: 2;
  }

  .uber-title{
    grid-column: 7 / span 4;
    grid-row-start: 2;
  }

  /* macfix */
  .uber-txt-container{
    grid-column: 7 / span 4;
    grid-row-start: 3;
  }

  .uber-text{
    columns: 2;
    column-gap: 1.62vw;
  }

  .uber-footer{
    grid-row-start: 6;
  }
}

/* BRP4 Desktop (groß): static------------------------------------------------*/
@media screen and (min-width: 1600px) {
  .uber-img{
    width: 452px;
  }

  .uber-text{
    column-gap: 28px;
  }
}