:root {
  box-sizing: border-box;

  /*variables*/
  --very-light-green: #edf3e9;
  --light-green: #c0d9c2;
  --yellow: #faeaa1;
  --light-yellow: #f8edd2;
  --cox: #3a3b3b;
  --green: #88b2aa;
  --carousel-height: calc(100vh - 20vh - 7rem);
}

.carousel-item-frontpage {
  height: var(--carousel-height);
}

.carousel-frontpage {
  height: var(--carousel-height);
}

.carousel-item {
  height: var(--carousel-height);
  background: #000;
  color: #fff;
}

.image-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  top: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  opacity: 0.8;
}

.frontpage-title {
  color: var(--very-light-green);
}

#image-1 {
  background-image: url("../img/folde/image00004.jpeg");
}

#image-2 {
  background-image: url("../img/folde/image00006.jpeg");
}

#image-3 {
  background-image: url("../img/folde/image00010.jpeg");
}

.curved-element svg {
  display: block;
  height: auto;
}

.curved-element {
  border-bottom-left-radius: 30%;
  border-bottom-right-radius: 30%;

  background: var(--very-light-green);
  height: 20vh;
  width: 100%;
  display: grid;
  place-items: center;
}

.container.wrap {
  margin-bottom: 5rem;
}

.img-text {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  background: #fff;
}

.bg-red {
  background: red;
}