.paragraph--type--background-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 200px 0;
}

.paragraph--type--background-image .background-image__inner {
    background: white;
    padding: 40px;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    width: 50%;
}

/* Positioning */
.paragraph--type--background-image .background-image__inner,
.paragraph--type--background-image.paragraph--column-pos--left .background-image__inner {
    margin: 0 auto 0 0;
}

.paragraph--type--background-image.paragraph--column-pos--right .background-image__inner {
    margin: 0 0 0 auto;
}


/* Basis Theme Colors for background_image paragraph */

.paragraph--type--background-image.paragraph--theme--blue .background-image__inner {
  background: var(--color-primary);
  color:white;
}

.paragraph--type--background-image.paragraph--theme--yellow .background-image__inner {
  background: var(--color-yellow);
  color: black;
}

.paragraph--type--background-image.paragraph--theme--red .background-image__inner {
  background: var(--color-red);
  color:white;
}

.paragraph--type--background-image.paragraph--theme--bright-green .background-image__inner {
  background: var(--color-bright-green);
  color: black;
}

.paragraph--type--background-image.paragraph--theme--fruit-logistica-yellow .background-image__inner {
  background: var(--color-fruit-logistica-yellow);
  color: black;
}

.paragraph--type--background-image.paragraph--theme--fruit-logistica-green .background-image__inner {
  background: var(--color-fruit-logistica-green);
}

.paragraph--type--background-image.paragraph--theme--dogk-green .background-image__inner {
  background: var(--color-dogk-green);
}

.paragraph--type--background-image.paragraph--theme--dogk-blue .background-image__inner {
  background: var(--color-dogk-blue);
  color:white;
}

@media (max-width: 880px) { 
  .paragraph--type--background-image {
    padding: 220px 0 20px 0;
    background-size: 150% auto;
    background-position: center top;
  }

  .paragraph--type--background-image .innerwidth {
    width: 100%;
  }

  .paragraph--type--background-image .background-image__inner {
    width: 100%;
    padding: 20px;
  }
}