/** Box grid */
.vce-section.cont-box-grid {
  width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.vce-section.cont-box-grid .col-txt {
  border-radius: var(--border-radius);
  background-color: var(--color-weiss);
  padding: var(--gap-l);
  margin-bottom: var(--gap-m) !important;
}

.vce-section.cont-box-grid .col-txt .vce-col-content {
  gap: var(--gap-m);
  display: flex;
  flex-direction: column;
}

/* col nav */
.vce-section.cont-box-grid
  .cont-nav-img
  .col-nav
  .vce-col-inner
  > .vce-col-content {
  padding: var(--gap-l);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.vce-section.cont-box-grid .cont-nav-img .col-nav {
  border-radius: var(--border-radius);
  background: var(--gradient-colorful);
  width: 45%;
  /*height: 31vw;*/
}

.vce-section.cont-box-grid .cont-nav-img .col-nav h3 {
  color: var(--color-weiss);
}

.vce-section.cont-box-grid .cont-nav-img .col-img {
  border-radius: var(--border-radius);
  overflow: hidden;
  width: 55.68%;
}

.vce-section.cont-box-grid .cont-nav-img .col-img * {
  height: 100%;
}

/* mini menü */
.vce-section.cont-box-grid nav.menu-mini-menue-container .menu {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-s);
}

/* simple  on jobs */

.vce-section.cont-box-grid.cont-box-grid-simple {
  margin-top: calc(var(--gap-xl) * -1.15);
}

.vce-section.cont-box-grid.cont-box-grid-simple
  > .vce-section-inner
  .vce-row-container
  .vce-row
  > .vce-row-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  row-gap: var(--gap-m);
  column-gap: var(--gap-m);
}

.vce-section.cont-box-grid.cont-box-grid-simple .col-box {
  background-color: var(--color-weiss);
  border-radius: var(--border-radius);
  padding: calc(var(--gap-m) + 5px);
  margin-right: 0;
}

.cont-box-grid.cont-box-grid-simple .col-box h4 {
  display: flex;
  align-items: center;
  gap: var(--gap-s);
}
.vce-section.cont-box-grid.cont-box-grid-simple .col-box ul {
  margin: 0 !important;
}

.cont-box-grid.cont-box-grid-simple .col-box h4::before {
  content: "";
  display: inline-block;
  height: 3.056em;
  width: 3.056em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-vorteile.svg);
}

.cont-box-grid.cont-box-grid-simple .col-box:nth-child(2) h4::before {
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-potenzial.svg);
}

.cont-box-grid.cont-box-grid-simple .col-box:nth-child(3) h4::before {
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-aufgaben.svg);
}

.cont-box-grid.cont-box-grid-simple .col-box:nth-child(4) h4::before {
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/icon-entlohnung.svg);
}
@media (max-width: 1800px) {
  .forminator-ui #upload-1 span {
    transform: translateY(120%);
    left: 0;
  }
}

@media (max-width: 1400px) and (min-width: 1200px) {
  .vce-section.cont-box-grid
    .cont-nav-img
    .col-nav
    .vce-col-inner
    > .vce-col-content {
    padding: calc(var(--gap-m) * 1.7);
  }
}

@media (max-width: 1024px) {
  .vce-section.cont-box-grid .cont-nav-img .col-nav {
    height: unset;
  }

  .vce-section.cont-box-grid {
    max-width: 92% !important;
  }
  .vce-section.cont-box-grid
    .cont-nav-img
    .col-nav
    .vce-col-inner
    > .vce-col-content {
    gap: 40px;
  }
  .vce-section.cont-box-grid .cont-nav-img > .vce-row-content {
    row-gap: var(--gap-m);
    flex-direction: column;
  }

  .vce-section.cont-box-grid .cont-nav-img .col-nav,
  .vce-section.cont-box-grid .cont-nav-img .col-img {
    width: 100%;
    max-width: unset;
  }

  .vce-section.cont-box-grid .cont-nav-img .col-nav h3 br {
    display: none;
  }
}

@media (max-width: 768px) {
  .vce-section.cont-box-grid.cont-box-grid-simple
    > .vce-section-inner
    .vce-row-container
    .vce-row
    > .vce-row-content {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }

  .vce-section.cont-box-grid .cont-nav-img .col-img {
    height: 250px;
  }
}