/*svg no scale*/
.is-svg .vce-single-image-inner {
  padding-bottom: 0 !important;
}
.is-svg .vce-single-image-inner img {
  position: unset !important;
  object-fit: contain;
}

/* map */
.mapp-iframe {
  height: 50%;
  width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

/*----------------- 404 PAGE -------------*/

#content.page-404 {
  margin: var(--header-height) 0 0 0 !important;
  /*background: var(--gradient-colorful);*/
  background: #dd2055;

  padding: calc(var(--cont-gap)) calc(var(--cont-gap)) calc(var(--cont-gap))
    calc(var(--cont-gap));
  display: flex;
  justify-content: space-between;
}

#content.page-404 h6 {
  font-size: 8.333rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  color: var(--color-weiss);
}

div#content.page-404 .col-md-6 {
  flex: 1 1 50%;
}

.error404 div#content h6 {
  font-size: 9.5rem;
  margin-bottom: var(--gap-l);
}

.error404 div#content h2 {
  margin-bottom: var(--gap-l);
}

.error404 div#content ul {
  padding: 0 0 0 1em;
}

.error404 div#content p,
.error404 div#content li,
.error404 div#content a {
  color: #fff;
  text-decoration: none;
}

/*popup*/
.vce-popup-root-container.vcv-popup-container--visible {
  z-index: 99999999 !important;
}

.vce-popup-root-wrapper {
  height: 100%;
}

.vce-popup-root-inner {
  height: 100%;
  margin: 0 !important;
}

.vce-popup-root {
  height: 100%;
}

.vce-popup-root-inner .vce-popup-root-inner {
  display: flex;
  align-items: center;
}

.vce-popup-root-inner > .vce-row-container > .vce-row {
  margin-bottom: 0;
}

.popup-kontakt h2 {
  margin-bottom: 1.5em;
}

.popup-kontakt
  .vce-popup-root-wrapper.vce-popup-close-icon-inside.vce-popup-root-close-button-small
  .vce-popup-root {
  padding-left: 0;
  padding-right: 0;
}

.popup-kontakt.vce-popup-root-container
  .vce-popup-root-wrapper
  .vce-popup-root {
  background-color: var(--color-2) !important;
}

/*popup close*/

.vce-popup-root-close-button-small .vce-icon-button-icon-wrapper {
  width: 45px !important;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 64px 64px 0 0;
  position: relative;
}

.vce-popup-root-container .vce-popup-root-close-button span:before,
.vce-popup-root-container .vce-popup-root-close-button span:after {
  content: "" !important;
  width: 100%;
  height: 3px;
  background-color: var(--color-1);
  display: block;
  position: absolute;
  transition: all 0.5s ease 0s;
  border-radius: 12em;
}

.vce-popup-root-container .vce-popup-root-close-button span:before {
  transform: rotate(45deg);
}

.vce-popup-root-container .vce-popup-root-close-button span:after {
  transform: rotate(-45deg);
}

.vce-popup-root-container .vce-popup-root-close-button span:hover:before {
  transform: rotate(-45deg);
}

.vce-popup-root-container .vce-popup-root-close-button span:hover:after {
  transform: rotate(45deg);
}

.entry-content > .vce-row-container > .vce-row.cstm-img {
  height: 0;
  width: 100%;
  max-width: unset;
}

.vce-shortcode.my-img {
  position: absolute;
  right: 0;
  max-width: 421px;
  height: auto;
  width: 22vw;
}

.vce-shortcode.my-img img {
  height: auto;
}

.vce-shortcode.my-img * {
  margin-bottom: 0;
}

.einleitung-home > .vce-row-content {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

.einleitung-home > .vce-row-content .vce-row-container {
  padding-right: 7vw;
  margin-bottom: 3.9rem;
}

.einleitung-home > .vce-row-content .vce-row-container .vce-col:last-child {
  max-width: 228px;
  align-items: center;
}

.einleitung-home h3 {
  margin-bottom: 0;
  line-height: 1;
  margin-bottom: 0.5rem;
}

.einleitung-home h3:first-child {
  margin-left: 5.8vw;
}

.einleitung-home h3:nth-child(2) {
  margin-left: 13.2vw;
}

.einleitung-home h3:nth-child(3) {
  margin-left: 16vw;
}

.einleitung-home h3:last-child {
  margin-left: 4.7vw;
}

.einleitung-home
  > .vce-row-content
  > .vce-col
  > .vce-col-inner
  > .vce-col-content
  > .vce-text-block,
.einleitung-home
  > .vce-row-content
  > .vce-col
  > .vce-col-inner
  > .vce-col-content
  > .vce-button--style-basic-icon-container {
  margin-left: 16.6vw;
}

.einleitung-home p {
  font-size: 1.41rem;
}

/*----------------- ROW-SLIDER -------------*/

/*allgemein (post)*/

.vce-post-slider-block.vce-post-slider-block--has-arrows .slick-list {
  margin-left: 0;
  margin-right: 0;
}

.container .vce-post-slider-block-item:hover,
.container .vce-post-slider-block-item {
  padding: 0 1px;
}

.vce-post-slider-block-wrapper {
  overflow: visible !important;
}

.vce-post-slider-block-dots ul.slick-dots button {
  background-color: var(--color-1) !important;
  border-radius: 50%;
  height: 12px;
  width: 12px;
  padding: 1px;
}

.vce-post-slider-block-dots ul.slick-dots .slick-active button {
  background-color: var(--color-3) !important;
}

/*end allgemein (post)*/

.row-slider
  .vce-post-slider-block.vce-post-slider-block--has-arrows
  .slick-list {
  margin-left: 0;
  margin-right: 0;
}

.row-slider
  .vce-post-slider-block-item:hover
  .vce-post-slider-block-item-content,
.row-slider .vce-post-slider-block-item .vce-post-slider-block-item-content {
  position: absolute;
  bottom: 0;
  padding: 28px;
}

.row-slider
  .vce-post-slider-block.vce-post-slider-block--image-size-medium
  .vce-post-description--background {
  padding-bottom: 81.34%;
}

.row-slider .vce-post-description--background-wrapper {
  position: relative;
}

.row-slider .vce-post-description--background-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-1);
  top: 0;
  opacity: 0.75;
}

.vce-post-slider-block-arrow.vce-post-slider-block-next-arrow {
  right: 20px;
}

.vce-post-slider-block-arrow.vce-post-slider-block-prev-arrow {
  left: 20px;
}

/*arrows*/

.row-slider .vce-post-slider-block-arrow svg {
  display: none;
}

.vce-post-slider-block-arrow.vce-post-slider-block-prev-arrow:after,
.vce-post-slider-block-arrow.vce-post-slider-block-next-arrow:after {
  content: "";
  position: absolute;
  display: block;
  height: 42px;
  width: calc(42px / 2.6631467793);
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.vce-post-slider-block-arrow.vce-post-slider-block-prev-arrow:after {
  background-image: var(--wpr-bg-b340b485-c1b0-4add-9a5d-fd5d480f1d33);
}

.vce-post-slider-block-arrow.vce-post-slider-block-next-arrow:after {
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/pfeil-slider-rechts.svg);
}

/*-----------------  ROW SLIDER BRANDS  -------------*/

.entry-content
  > .vce-row-container:first-child
  > .vce-row.row-slider-brands-img {
  padding-top: 0;
}

.row-slider-brands .vce-post-slider-block-item-inner {
  background-color: var(--color-3);
  display: flex;
  align-items: center;
}

.row-slider-brands .vce-post-slider-block-item-inner:after {
  padding-bottom: 81.16%;
  display: block;
  content: "";
}

.row-slider-brands h3.vce-post-slider-block-item-title {
  margin: 0 0 1em 0;
}

.row-slider-brands .vce-post-description--excerpt {
  color: #fff;
}

.row-slider-brands .vce-post-slider-block-wrapper:before,
.row-slider-brands .vce-post-slider-block-wrapper:after {
  height: 100%;
  width: 15.67%;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  opacity: 0.2;
  z-index: 9;
  pointer-events: none;
}

.row-slider-brands .vce-post-slider-block-wrapper:after {
  right: 0;
  background: transparent linear-gradient(270deg, #000000 0%, #0d0f1100 100%) 0%
    0% no-repeat padding-box;
}

.row-slider-brands .vce-post-slider-block-wrapper:before {
  left: 0;
  background: transparent linear-gradient(90deg, #000000 0%, #0d0f1100 100%) 0%
    0% no-repeat padding-box;
}

/*arrows,dots*/

.row-slider-brands .vce-slick-slider-custom .slick-arrow {
  z-index: 10;
}

.row-slider-brands .vce-slick-slider-custom .slick-arrow.slick-hidden {
  display: block !important;
}

.row-slider-brands .vce-slick-slider-custom .slick-arrow svg {
  display: none !important;
}

.vce-post-slider-block-dots {
  display: none;
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
}

/*-----------------  ROW SLIDER BRANDS IMG -------------*/

.row-slider-brands-img .vce-content-slide-inner {
  padding: 0;
}

.row-slider-brands-img .vce-single-image-wrapper,
.row-slider-brands-img
  .vce-single-image-wrapper
  .vce-single-image-figure-inner {
  width: 100% !important;
}

.row-slider-brands-img .vce-single-image-wrapper a {
  display: flex;
  width: 100% !important;
  height: 100% !important;
  padding-bottom: 0 !important;
}

.row-slider-brands-img
  .vce-content-slide-inner
  .vce-single-image-container:first-child
  .vce-single-image-figure-inner {
  position: relative;
}

.row-slider-brands-img
  .vce-content-slide-inner
  .vce-single-image-container:first-child
  .vce-single-image-figure-inner:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-1);
  top: 0;
  opacity: 0.4;
}

.vce-single-image-container.btn-website {
  position: absolute;
  bottom: 15vw;
  right: 23%;
  width: 14vw;
  max-width: 209px;
}

.row-slider-brands-img .vce {
  margin-bottom: 0;
}

.vce-single-image-container.btn-website a.vce-single-image-inner img {
  filter: none !important;
}

.vce-single-image-container.btn-website a.vce-single-image-inner img {
  position: unset !important;
}

.vce-single-image-container.btn-website a.vce-single-image-inner:hover {
  transform: rotate(15deg);
}

/*arrows*/

.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-next-arrow {
  right: 60px;
}

.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-prev-arrow {
  left: 60px;
}

.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-next-arrow
  span:after,
.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-prev-arrow
  span:after {
  content: "";
  position: absolute;
  display: block;
  height: 62px;
  width: calc(62px / 2.6631467793);
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  left: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-prev-arrow
  span:after {
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/pfeil-slider-links.svg);
}

.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-next-arrow
  span:after {
  background-image: var(--wpr-bg-15de2cc7-b8f3-45f7-82dd-9cdad5871a78);
}

.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-prev-arrow
  span::before,
.vce-content-slider-arrows-show
  .vce-content-slider-arrow.vce-content-slider-next-arrow
  span::before {
  display: none !important;
}

/*-----------------  ROW BRANDS GRID -------------*/

.vce-row.row-brand-grid {
  margin-bottom: calc(var(--margin-bottom-row) / 2.2);
}

.row-brand-grid .vce-row > .vce-row-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2vw 4vw;
}

.row-brand-grid .vce-row * {
  text-align: center;
}

.row-brand-grid h3 {
  margin-bottom: 2em;
}

.vce-single-image-container.icon-brand-grid .vce {
  margin-bottom: 0.8rem;
}

/*-----------------  ROW BRANDS Video -------------*/

.entry-content
  > .vce-row-container
  > .row-brands-vide.vce-row[data-vce-stretch-content="true"] {
  max-width: 1625px;
  width: 90% !important;
}

.entry-content
  > .vce-row-container
  > .row-brands-vide.vce-row[data-vce-stretch-content="true"] {
  max-width: 1625px;
  width: 90%;
}

.entry-content
  > .vce-row-container
  > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
  .vce-col:first-child {
  margin-right: 0;
  flex: 1 1 64%;
}

.entry-content
  > .vce-row-container
  > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
  .vce-col:last-child {
  flex: 1 1 36%;
}

.entry-content
  > .vce-row-container
  > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
  .vce-col:first-child
  .vce-col-inner:after {
  content: "";
  display: block;
  padding-bottom: 81%;
}

/*----------------- ROW CONTACT -------------*/

.row-contacs.vce-row[data-vce-full-width="true"]:not(
    [data-vce-stretch-content="true"]
  )
  > .vce-row-content
  .vce-single-image-container {
  max-width: 1400px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  transform: translateX(4.2%);
  padding-top: 2.1rem;
  padding-bottom: 3.2rem;
}

.vce-single-image-container.mobile {
  display: none;
}

.row-contacs.vce-row .standard a.vce-button--style-basic-icon,
.row-contacs.vce-row .standard button.vce-button--style-basic-icon {
  width: 100%;
  justify-content: center;
  padding: 1.6em 3em;
}

.row-contacs.vce-row
  .standard
  a.vce-button--style-basic-icon
  span.vce-button--style-basic-icon-inner,
.row-contacs.vce-row
  .standard
  button.vce-button--style-basic-icon
  span.vce-button--style-basic-icon-inner {
  justify-content: center;
}

.row-contacs.vce-row span.vce-button--style-basic-icon-inner:after {
  margin-left: 1.3em;
}

/*----------------- ROW CONTACT POPUP -------------*/

.row-contact-popup h6 {
  font-size: 3.52rem;
  color: var(--color-1);
  /* filter: drop-shadow(0px 0px 1px var(--color-4)); */
  margin-bottom: 0.9em;
}

/*----------------- ROW JOBS -------------*/

.vce-row.row-jobs[data-vce-full-width="true"]:not(
    [data-vce-stretch-content="true"]
  )
  > .vce-row-content {
  padding: 0 !important;
  max-width: 1300px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.row-jobs
  .vce-classic-accordion-panel
  a.vce-classic-accordion-panel-title:before {
  margin-right: var(--pad-xtra);
}

.row-jobs .vce-classic-accordion-panel .vce-classic-accordion-panel-body {
  padding-left: calc(var(--acc-icon-size) + var(--pad-xtra));
}

.row-jobs .vce-classic-accordion-panel:first-child {
  --pad-xtra: 20px;
}

/*----------------- ROW CREW -------------*/

.vce-row-container:has(.row-crew) {
  margin-top: calc(var(--cont-gap) * -1);
}

.vce-row.row-crew .vce-row-content > .vce-col {
  border-radius: var(--border-radius);
  overflow: hidden;
}

.vce-row.row-crew[data-vce-stretch-content="true"] > .vce-row-content {
  width: 90%;
  max-width: 1570px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.row-crew .vce,
.row-crew .vce-col {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.row-crew .vce-col {
  border: 4px solid var(--color-2);
}

@media (min-width: 768px) {
  .vce-row.row-crew[data-vce-stretch-content="true"] > .vce-row-content {
    padding-bottom: 86.87%;
  }

  .row-crew .vce-col {
    position: absolute;
    flex: unset !important;
    transition:
      transform 0.5s cubic-bezier(0.88, -0.07, 0.61, 0.91) 0s,
      z-index 0.2s ease-in-out 0s,
      filter 0.4s ease 0s;
    transition-property: transform, z-index, filter;
    transition-delay: 0s, 0.3s, 0s;
  }

  .row-crew .vce-col:hover {
    z-index: 9;
    transform: rotate(0) scale(1.1);
    filter: drop-shadow(0px 0px 2px rgba(0 0 0 / 0.2)) brightness(1.1);
  }
}

@media (max-width: 768px) {
  .vce-row.row-crew[data-vce-stretch-content="true"] > .vce-row-content {
    width: 86.67%;
    gap: var(--gap-m);
  }
  .row-crew .vce-text-block {
    padding: 7px 7px 7px 15px;
  }
  .row-crew .vce-text-block p {
    font-size: var(--btn-font-size) !important;
  }

  .row-crew .vce-text-block p:after {
    height: 22px !important;
    width: 22px !important;
    background-size: 11px !important;
  }
  .row-crew .vce-text-block {
    right: var(--gap-s) !important;
  }
}

.row-crew .vce-text-block {
  position: absolute;
  bottom: 0;
  right: var(--gap-m);
  bottom: var(--gap-s);
  background: var(--gradient-colorful);
  border-radius: 172.414px;
  transition: all 0.5s ease-in-out;
  padding: 5px 5px 5px 20px;
  pointer-events: none;
}

.row-crew .vce-text-block p {
  font-size: 1.389rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-weiss);
  align-items: center;
  text-transform: none;
  display: flex;
  gap: var(--gap-s);
}

.row-crew .vce-text-block p:after {
  content: "";
  display: inline-block;
  height: 35px;
  width: 35px;
  background-size: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/arrow-up-right-pink.svg);
  background-color: var(--color-weiss);
  border-radius: 100%;
}

.row-crew .vce-single-image-container {
  position: relative;
}

.row-crew .vce-single-image-container:after {
  content: "";
  display: block;
  height: 58%;
  width: 100%;
  background: transparent linear-gradient(0deg, #000000 0%, #54545400 100%) 0%
    0% no-repeat padding-box;
  opacity: 0.35;
  position: absolute;
  bottom: 0;
  pointer-events: none;
}

.row-crew .col-bali .vce-single-image-container:after {
  height: 25.7%;
}

.row-crew .col-timmy .vce-single-image-container:after {
  height: 24.1%;
}

.row-crew .col-teresa .vce-single-image-container:after {
  height: 22.96%;
}

@media (min-width: 768px) {
  /*ausrichtung / size*/
  .col-andi {
    width: 30% !important;
    /*left: 14.7%;*/
    left: 9%;
    transform: matrix(1, -0.09, 0.09, 1, 0, 0);
    z-index: 6;
  }

  .col-bali {
    width: 37.13% !important;
    /*right: 18.28%;*/
    right: 28%;
    transform: matrix(0.99, 0.12, -0.12, 0.99, 0, 0);
    top: 1.31%;
    z-index: 5;
  }

  .col-kathi {
    width: 26.43% !important;
    transform: matrix(1, 0.05, -0.05, 1, 0, 0);
    bottom: 26.81%;
    z-index: 7;
  }

  .col-timmy {
    width: 30.95% !important;
    right: 26.49%;
    transform: matrix(0.99, 0.16, -0.16, 0.99, 0, 0);
    top: 32.12%;
    z-index: 2;
  }

  .col-moritz {
    width: 26.43% !important;
    right: 0;
    transform: matrix(1, -0.03, 0.03, 1, 0, 0);
    top: 24.59%;
    z-index: 3;
  }

  .col-tudor {
    width: 30.75% !important;
    left: 3.8%;
    bottom: 2.7%;
    transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    z-index: 2;
  }

  .col-mario {
    width: 33.8% !important;
    left: 26.3%;
    bottom: 8.2%;
    transform: matrix(1, -0.09, 0.09, 1, 0, 0);
    z-index: 1;
  }

  .col-teresa {
    width: 31.33% !important;
    right: 9.03%;
    transform: matrix(1, 0.09, -0.09, 1, 0, 0);
    top: 64.39%;
    z-index: 3;
  }

  .col-simone {
    width: 24% !important;
    transform: matrix(1, -0.09, 0.09, 1, 0, 0);
    top: -6%;
    right: 3%;
    z-index: 2;
  }

  .vce-row-content {
    display: flex;
    flex-wrap: wrap;
  }
}

.col-simone figcaption {
  display: none;
}

@media (max-width: 768px) {
  .col-andi {
    order: 1;
  }

  .col-bali {
    order: 2;
  }

  .col-kathi {
    order: 4;
  }

  .col-timmy {
    order: 5;
  }

  .col-moritz {
    order: 6;
  }

  .col-tudor {
    order: 7;
  }

  .col-mario {
    order: 8;
  }

  .col-teresa {
    order: 9;
  }

  .col-simone {
    order: 3;
  }
}

/*slick*/

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-initialized
  .slick-slide {
  opacity: 1 !important;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-initialized
  .slick-slide:first-child
  div.image {
  transform: rotate(-7deg);
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-initialized
  .slick-slide:nth-child(2)
  div.image {
  rotate: -2deg;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-initialized
  .slick-slide:nth-child(3)
  div.image {
  rotate: 8deg;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-slide.slick-active {
  animation: Slide-mobile;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  transition-property: transform, z-index, filter;
  transition-delay: 0s, 0.4s, 0s;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-slide {
  opacity: 1 !important;
  animation: Slide-mobile-2;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  transition-property: transform, z-index, filter;
  transition-delay: 0s, 0.3s, 0s;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-slide {
  opacity: 1 !important;
}

.row-crew .slick-track {
  display: flex;
  align-items: center;
}

.slick-slide .col-mario {
  max-width: 78% !important;
  transform: matrix(1, -0.09, 0.09, 1, 0, 0);
}

.slick-slide .col-tudor {
  max-width: 78% !important;
  transform: matrix(1, 0.09, -0.09, 1, 0, 0);
}

.slick-slide .col-moritz {
  max-width: 55%;
  transform: matrix(1, -0.03, 0.03, 1, 0, 0);
}

.slick-slide .col-andi {
  max-width: 60%;
  transform: matrix(1, -0.09, 0.09, 1, 0, 0);
}

.slick-slide .col-kathi {
  max-width: 56%;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
}

.slick-slide .col-teresa {
  max-width: 76%;
  transform: matrix(1, 0.09, -0.09, 1, 0, 0);
}

.slick-slide .col-bali {
  max-width: 81%;
  transform: matrix(0.99, 0.12, -0.12, 0.99, 0, 0);
}

.slick-slide .col-simone {
  max-width: 54%;
  transform: matrix(1, 0.05, -0.05, 1, 0, 0);
}

.slick-slide .col-timmy {
  max-width: 54%;
  transform: matrix(0.99, 0.16, -0.16, 0.99, 0, 0);
}

.row-crew .slick-track {
  display: flex;
  align-items: center;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-slide
  > div {
  display: flex;
  justify-content: center;
}

.vce-row.row-crew[data-vce-stretch-content="true"]
  > .vce-row-content
  .slick-track {
  padding: 2em 0;
}

.row-crew button.slick-next.slick-arrow,
.row-crew button.slick-prev.slick-arrow {
  display: none;
}

/*dots*/

.vce-row.row-crew ul.slick-dots {
  bottom: -5vw;
}

.vce-row.row-crew .slick-dots li button:before {
  display: none;
}

.vce-row.row-crew .slick-dots li button {
  height: 100% !important;
  width: 100% !important;
}

.vce-row.row-crew .slick-dots li {
  background-color: var(--color-1);
  border-radius: 50%;
  height: 12px;
  width: 12px;
  padding: 1px;
}

.vce-row.row-crew .slick-dots li.slick-active {
  background-color: var(--color-3);
}

/*----------------- AGBS -------------*/

.vce-row.row-agb {
  margin-bottom: 0;
}

.vce-classic-tabs-panels * {
  border: none !important;
}

.vce-button--style-basic-icon-container.btn-agb
  .vce-button.vce-button--style-basic-icon
  span.vce-button--style-basic-icon-inner:after,
.vce-button--style-basic-icon-container.btn-agb
  .vce-button.vce-button--style-basic-icon:hover
  span.vce-button--style-basic-icon-inner:after {
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  background-image: var(--wpr-bg-67b9842a-4078-4db0-9c90-7bbaf4d9a308);
  background-size: contain;
  filter: brightness(10.5);
  rotate: 180deg;
  margin-left: 7.2em !important;
}

@media (min-width: 990px) {
  .row-agb .vce-classic-tabs-inner {
    display: flex;
    gap: var(--gap);
    --gap: 5.5vw;
    --width-tab-list: 407px;
  }

  .row-agb .vce-classic-tabs-container {
    width: var(--width-tab-list) !important;
    min-width: var(--width-tab-list) !important;
  }

  .vce-classic-tabs-panels-container {
    width: calc(100% - var(--width-tab-list) - var(--gap));
  }

  .row-agb .vce-classic-tabs-list {
    display: flex !important;
    flex-direction: column !important;
  }

  .vce-classic-tabs > .vce-classic-tabs-inner > .vce-classic-tabs-container {
    height: auto;
    opacity: 1;
    pointer-events: all;
    position: relative;
    visibility: visible;
  }

  .vce-classic-tabs-panel-heading {
    display: none !important;
  }
}

/*----------------- AUFZÄHLUNGEN MEHRSPALTIG -------------*/

.mehrspaltig .vce-text-block-wrapper ul {
  -moz-column-count: 2;
  -moz-column-gap: 3vw;
  -webkit-column-count: 2;
  -webkit-column-gap: 3vw;
  column-count: 2;
  column-gap: 3vw;
  margin: 0;
}

/*----------------- BILDER IN TEXTBOX KOMPLETT CLICKBAR -------------*/

.content-wrapper .vce-text-block a {
  transition: all 0.5s ease 0s;
  display: inline-block;
}

/*----------------- OBJEKTE VERSTECKEN -------------*/

.verstecken {
  opacity: 0;
}

body.rml-webkit .verstecken {
  display: unset;
  opacity: 0.4 !important;
}

/*----------------- BILDER AUF 100% STRECKEN -------------

.vce-single-image-inner {
    width: 100%;
}

.vce-single-image-wrapper {
    width: 100%;
}

.vce-single-image-wrapper img {
    width: 100%;
}

*/

/*----------------- VC-TABS -------------*/

.vce-classic-tabs-panel-body {
  padding: 0;
  background: transparent;
}

.vce-classic-tabs-panel-body .vce-row-container {
  margin-bottom: 0vw;
}

.vce-classic-tabs-panels-container {
  border-top: none;
}

.vce-classic-tabs-panels-container {
  border: none !important;
  border-top: none;
}

.vce-classic-tabs-container:after,
.vce-classic-tabs-container:before {
  display: none;
}

.vce-classic-tabs
  .vce-classic-tabs-container
  .vce-classic-tabs-list
  .vce-classic-tabs-tab
  > .vce-classic-tabs-tab-title,
.vce-classic-tabs
  .vce-classic-tabs-container
  .vce-classic-tabs-list
  .vce-classic-tabs-tab[data-vcv-active="true"]
  > .vce-classic-tabs-tab-title {
  padding: 0 0 1.2em 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.56;
}

.vce-classic-tabs
  .vce-classic-tabs-container
  .vce-classic-tabs-list
  .vce-classic-tabs-tab[data-vcv-active="true"]
  > .vce-classic-tabs-tab-title {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.vce-classic-tabs
  .vce-classic-tabs-container
  .vce-classic-tabs-list
  .vce-classic-tabs-tab {
  margin: 0;
  border: none !important;
}

/*als acc*/

.vce-classic-tabs .vce-classic-tabs-panel-title {
  padding: 1.2em 5vw;
  padding: 1.2em 5dvw;
  font-family: var(--headlinefont);
  font-size: 1.294rem;
  font-weight: 700;
  border-bottom: 1px solid var(--color-5) !important;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .vce-classic-tabs .vce-classic-tabs-panel-title {
    font-size: 1rem;
  }
}

.vce-classic-tabs .vce-classic-tabs-panel-title span:first-child {
  margin-right: 0.3em;
}

.vce-classic-tabs .vce-classic-tabs-panel-title:after {
  content: "";
  display: block;
  height: 1em;
  width: calc(1em / 2.6631467793);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: var(--wpr-bg-622fd0c7-c446-4c7e-acd1-958d1cf9458a);
  transition: rotate 0.5s ease 0s;
  margin-left: auto;
  rotate: 90deg;
}

.vce-classic-tabs .vce-classic-tabs-panel-title[aria-selected="true"] {
  border-width: 0 !important;
}

/*----------------- TABS WITH SLIDE -------------*/

.vce-tabs-with-slide-tab {
  border-bottom: 0 !important;
}

.vce-tabs-with-slide-container {
  border-bottom: 3px solid #fff;
}

.vce-tabs-with-slide-list {
  overflow: visible !important;
}

span.vce-tabs-with-slide-slider {
  background-color: var(--red) !important;
  height: 6px !important;
  border-radius: 3em;
  bottom: -4px !important;
}

a.vce-tabs-with-slide-tab-title {
  color: var(--light-green) !important;
  font-family: "";
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-right: 2.1em !important;
}

.vce-tabs-with-slide-panel-body {
  padding-top: 2vw;
}

/*----------------- BUTTONS WITH ICONS -------------*/

.vce-button--style-basic-icon-container.vce-button--style-basic-icon-container--align-center
  .vce-button.vce-button--style-basic-icon {
  margin-left: auto;
  margin-right: auto;
}

.alternativ .vce-button--style-basic-icon:not(:hover),
.alternativ button.vce-button--style-basic-icon:not(:hover) {
  background-color: #fff;
  border: none;
  color: var(--light-brown);
}

.stretch a.vce-button--style-basic-icon,
.stretch button.vce-button--style-basic-icon {
  width: 100% !important;
}

a.vce-button--style-basic-icon:hover,
button.vce-button--style-basic-icon:hover,
.alternativ .vce-button--style-basic-icon:hover,
.alternativ button.vce-button--style-basic-icon:hover,
.signal .vce-button--style-basic-icon:hover,
.signal button.vce-button--style-basic-icon:hover {
  color: #fff;
  background-color: #b49e93;
  border-color: #b49e93;
}

span.vce-button--style-basic-icon-text {
  left: 0 !important;
}

span.vce-button--style-basic-icon-icon {
  right: 0 !important;
  position: unset;
}

span.vce-button--style-basic-icon-icon {
  display: none !important;
}

span.vce-button--style-basic-icon-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  width: 100%;
}

span.vce-button--style-basic-icon-inner:after {
  content: "";
  display: block;
  height: 1em;
  width: calc(1em / 2.6631467793);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/wp-content/themes/visual-composer-starter-theme-child/img/pfeil-button-weiss.svg);
  transition: all 0.5s ease 0s;
}

.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon:hover
  span.vce-button--style-basic-icon-inner:after {
  background-image: var(--wpr-bg-69cd8166-a6c8-470e-84f8-9ffa5e987b7b);
}

.alternativ span.vce-button--style-basic-icon-inner:after {
  background-image: var(--wpr-bg-8897504c-6a85-4654-901b-c43b6569afa9);
}

/*----------------- BUTTONS -------------*/

.vce-button--style-basic-icon-container {
  margin-top: 4em;
}

.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon {
  font-family: var(--headlinefont);
  font-size: 1.059rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 1.2em 2em;
  min-width: 288px;
  display: flex;
  position: relative;
}

.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon
  span.vce-button--style-basic-icon-inner {
  z-index: 9;
}

.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--color-1);
  left: 0;
  bottom: 0;
  /* z-index: -1; */
  transition: all 0.5s ease 0s;
  transform: translateY(100%);
}

.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon:hover:before {
  transform: translateY(0);
}

.alternativ.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon {
  background-color: #fff !important;
}

.alternativ.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon:not(:hover) {
  color: var(--color-3) !important;
}

.alternativ.vce-button--style-basic-icon-container
  .vce-button.vce-button--style-basic-icon:hover {
  color: #fff !important;
}

/*----------------- END BUTTONS -------------*/

/*----------------- FAQ -------------*/

.vce-faq-toggle {
  border: 1px solid #e5decc;
  padding: 20px;
  margin-top: -1px;
  margin-left: -1px;
}

.vce-faq-toggle h5 {
  line-height: 1em;
  margin-bottom: 0;
}

.vce-faq-toggle-text-block {
  margin-top: 20px;
}

/*----------------- PAGEABLE CONTAINER -------------*/

.vce-pageable-container-dots .slick-dots button {
  background: #fff !important;
  opacity: 0.7 !important;
  width: 15px !important;
  height: 15px !important;
}

.vce-pageable-container
  .vce-pageable-container-dots
  .slick-dots
  .slick-active
  button {
  background: #fff !important;
  opacity: 1 !important;
}

.vce-pageable-container-dots {
  bottom: 10px;
}

@media (min-width: 1920px) {
  .vce-row.row-crew[data-vce-stretch-content="true"] > .vce-row-content {
    padding-bottom: 1645px;
  }

  /*----------------- EINLEITUNG HOME -------------*/
  .einleitung-home h3:first-child {
    margin-left: 113px;
  }

  .einleitung-home h3:nth-child(2) {
    margin-left: 253px;
  }

  .einleitung-home h3:nth-child(3) {
    margin-left: 307px;
  }

  .einleitung-home h3:last-child {
    margin-left: 90px;
  }

  .einleitung-home
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content
    > .vce-text-block,
  .einleitung-home
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content
    > .vce-button--style-basic-icon-container {
    margin-left: 318px;
  }

  .einleitung-home > .vce-row-content .vce-row-container {
    padding-right: 135px;
  }
}

@media screen and (max-width: 1500px), screen and (max-height: 900px) {
  /*-----------------  ROW TESTIMONIALS  -------------*/
  .row-slider-testimonials h3 {
    margin-bottom: 1.1em;
  }
}

@media screen and (max-width: 1400px), screen and (max-height: 800px) {
  /*----------------- EINLEITUNG HOME -------------*/
  .einleitung-home > .vce-row-content .vce-row-container .vce-col:last-child {
    max-width: 208px;
  }

  .einleitung-home h3 {
    font-size: 2.44rem;
  }

  .einleitung-home h3 strong {
    font-size: 5.28rem;
  }

  .einleitung-home p {
    font-size: 1.31rem;
  }

  .einleitung-home > .vce-row-content .vce-row-container {
    margin-bottom: 2.4rem;
  }

  /*----------------- ROW-SLIDER -------------*/
  /*allgemein (post)*/
  .row-slider
    .vce-post-slider-block-item:hover
    .vce-post-slider-block-item-content,
  .row-slider .vce-post-slider-block-item .vce-post-slider-block-item-content {
    padding: 10px 25px;
  }

  .vce-post-slider-block .vce-post-slider-block-item-title {
    margin: 0 0 6px;
    font-size: 1.253rem;
  }

  /*-----------------  ROW SLIDER BRANDS  -------------*/
  .row-slider-brands
    .vce-post-slider-block-item:hover
    .vce-post-slider-block-item-content,
  .row-slider-brands
    .vce-post-slider-block-item
    .vce-post-slider-block-item-content {
    padding: 15px 3.3vw;
  }

  .row-slider-brands
    .vce-post-slider-block-arrow.vce-post-slider-block-prev-arrow,
  .row-slider-brands
    .vce-post-slider-block-arrow.vce-post-slider-block-next-arrow {
    display: none !important;
  }

  .row-slider-brands .vce-post-slider-block-dots {
    display: block;
  }

  /*-----------------  ROW BRANDS Video -------------*/
  .entry-content
    > .vce-row-container
    > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
    .vce-col:first-child {
    flex: 1 1 54%;
  }

  .entry-content
    > .vce-row-container
    > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
    .vce-col:last-child {
    flex: 1 1 46%;
  }

  /*----------------- CREW POPUP-------------*/
  .popup-crew-inner-row > .vce-row-content {
    gap: calc(8.4vw + 30px);
  }

  .popup-crew-inner-row .vce-single-image-container.btn-crew {
    transform: translateX(45%) translateY(19%);
    max-width: 200px;
    min-width: 150px;
  }
}

@media (max-width: 1200px), screen and (max-height: 600px) {
  .popup-kontakt .vce-popup-root-inner > .vce-row-container > .vce-row {
    padding: 5vw 5vw !important;
    background-color: var(--color-2);
    height: auto !important;
    min-height: 100% !important;
  }

  .mehrspaltig .vce-text-block-wrapper ul {
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
  }

  .vce-popup-root-close-button-small .vce-icon-button-icon-wrapper {
    margin: 20px 25px 0 0;
  }

  .vce-classic-accordion-panels {
    --acc-icon-size: 2.4em;
  }

  /*----------------- CREW POPUP-------------*/
  .popup-crew .vce-popup-root-inner > .vce-row-container > .vce-row {
    padding: 60px 0 0 0;
    background-color: var(--color-1) !important;
    height: fit-content !important;
    min-height: 100% !important;
  }

  .popup-crew
    .vce-popup-root-inner
    > .vce-row-container
    > .vce-row
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content {
    gap: 40px;
  }

  .vce-text-block.marquee-block ul li {
    font-size: 1.759rem;
  }

  .vce-text-block.marquee-block ul {
    gap: 3em;
    padding-right: 3em;
  }

  .popup-crew-inner-row .vce-single-image-container.btn-crew {
    width: 15vw;
  }

  .popup-crew-inner-row > .vce-row-content > .vce-col:first-child {
    flex: 0 0 30% !important;
  }
}

@media (max-width: 1024px) {
  /*-----------------  VC-AKKORDEONS -------------*/
  .vce-classic-accordion-panels {
    grid-template-columns: 1fr;
  }

  /*----------------- ROW CONTACT -------------*/
  .row-contacs.vce-row[data-vce-full-width="true"]:not(
      [data-vce-stretch-content="true"]
    )
    > .vce-row-content
    .vce-single-image-container {
    transform: unset;
  }
}

@media (max-width: 1024px) and (orientation: portrait) {
  /*-----------------  ROW BRANDS Video -------------*/
  .entry-content
    > .vce-row-container
    > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
    .vce-col:first-child {
    flex: 1 1 100%;
  }

  .entry-content
    > .vce-row-container
    > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
    .vce-col:last-child {
    flex: 0 0 auto;
  }

  .entry-content
    > .vce-row-container
    > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
    .vce-row-content {
    justify-content: center;
  }

  /*-----------------  ROW BRANDS GRID -------------*/
  .vce-row.row-brand-grid {
    margin-bottom: 0;
  }

  .popup-crew-inner-row .vce-single-image-container.btn-crew {
    width: 26vw;
    max-width: 249px;
  }
}

@media (max-width: 990px) {
  .vce-shortcode.my-img {
    display: none;
  }

  /*----------------- EINLEITUNG HOME -------------*/
  .einleitung-home {
    padding-top: calc(var(--margin-bottom-row) / 1.1) !important;
    padding-bottom: calc(var(--margin-bottom-row) / 1.35);
  }

  .einleitung-home h3:nth-child(3) {
    margin-left: 18vw;
  }

  .einleitung-home > .vce-row-content .vce-row-container {
    padding-right: 0;
    margin-bottom: 2.7rem;
  }

  .einleitung-home h3 strong {
    font-size: 4.08rem;
  }

  .einleitung-home > .vce-row-content .vce-row-container .vce-col:last-child {
    max-width: 158px;
    margin-right: 2vw;
  }

  .einleitung-home
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content
    > .vce-text-block,
  .einleitung-home
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content
    > .vce-button--style-basic-icon-container {
    margin-left: 0;
  }

  /*----------------- ROW JOBS LEHRLINGE -------------*/
  .row-jobs-lehrling h6 {
    font-size: 2.82rem;
  }

  .row-jobs-lehrling h4 {
    margin-bottom: 0;
    font-size: 0.976rem;
  }

  /*----------------- AGBS -------------*/
  .entry-content > .vce-row-container:first-child > .vce-row.row-agb {
    width: 100%;
  }

  .vce-classic-tabs-panel-body {
    padding: 1.8em 5vw 1.2em 5vw;
    padding: 1.8em 5dvw 1.2em 5dvw;
  }
}

@media (max-width: 820px) {
  /*-----------------  ROW BRANDS GRID -------------*/
  .row-brand-grid .vce-row > .vce-row-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 2vw 4vw;
  }
}

@media (max-width: 767px) {
  .row-crew {
    z-index: -1;
  }

  .vce-button--style-outline-wrapper {
    max-width: 100%;
    width: 100%;
  }

  .vce-button--style-outline-animated-slidein.vce-button--style-outline--size-medium,
  .vce-button--style-outline-animated.vce-button--style-outline--size-medium {
    width: 100%;
  }

  .aufzaehlung .vce {
    margin-bottom: 0;
  }

  .mehrspaltig .vce-text-block-wrapper ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }

  .vce-button--style-basic-icon-container
    .vce-button.vce-button--style-basic-icon:before {
    display: none;
  }

  /*----------------- EINLEITUNG HOME -------------*/
  .einleitung-home > .vce-row-content .vce-row-container .vce-col:last-child {
    order: -1;
    margin-left: auto;
    margin-right: 5vw;
    width: auto;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
  }

  .einleitung-home
    > .vce-row-content
    .vce-row-container
    .vce-col:last-child
    .vce-single-image-container {
    width: 22vw;
    max-width: 158px;
  }

  .einleitung-home h3 {
    margin-bottom: 0.1rem;
  }

  .einleitung-home h3 strong {
    margin-top: 0.7rem !important;
    font-size: 3.68rem;
  }

  .einleitung-home h3:nth-child(2) {
    margin-left: 34.2vw;
  }

  .einleitung-home h3:nth-child(3) {
    margin-left: 28vw;
  }

  .einleitung-home
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content
    > .vce-text-block
    br {
    display: none;
  }

  .einleitung-home
    > .vce-row-content
    > .vce-col
    > .vce-col-inner
    > .vce-col-content
    > .vce-button--style-basic-icon-container {
    justify-content: center;
    display: flex;
  }

  /*-----------------  ROW CREW -------------*/

  .row-crew {
    z-index: 99;
    position: relative !important;
  }

  /*-----------------  ROW SLIDER BRANDS IMG -------------*/
  .row-slider-brands-img .vce-single-image-inner {
    padding-bottom: 73.25% !important;
  }

  .vce-single-image-container.btn-website {
    position: absolute;
    bottom: 5vw;
    right: 15%;
    width: 25vw;
  }

  .vce-single-image-container.btn-website a.vce-single-image-inner {
    padding-bottom: 0 !important;
  }

  /*arrows*/
  .vce-content-slider-arrows-show
    .vce-content-slider-arrow.vce-content-slider-next-arrow {
    right: 30px;
  }

  .vce-content-slider-arrows-show
    .vce-content-slider-arrow.vce-content-slider-prev-arrow {
    left: 30px;
  }

  .vce-content-slider-arrows-show
    .vce-content-slider-arrow.vce-content-slider-next-arrow
    span:after,
  .vce-content-slider-arrows-show
    .vce-content-slider-arrow.vce-content-slider-prev-arrow
    span:after {
    height: 50px;
    width: calc(50px / 2.6631467793);
  }

  /*-----------------  ROW BRANDS Video -------------*/
  .row-brands-vide video.vce-asset-video-embed-player {
    height: 120% !important;
  }

  .entry-content
    > .vce-row-container
    > .row-brands-vide.vce-row[data-vce-stretch-content="true"]
    .vce-row-content {
    gap: 8vw;
    padding-top: 8vw;
  }

  /*----------------- ROW PORTFOLIO -------------*/
  .vce-row.row-portfolio[data-vce-full-width="true"]:not(
      [data-vce-stretch-content="true"]
    )
    > .vce-row-content {
    width: 100%;
  }

  /*----------------- ACCORDION -------------*/
  .vce-classic-accordion-panels {
    --acc-font-size: 1.66rem;
  }

  .vce-classic-accordion .vce-classic-accordion-panel-title,
  .vce-classic-accordion .vce-classic-accordion-panel-title:hover {
    border-bottom: 1px solid var(--color-5) !important;
    padding: 0.6em 5vw;
    padding: 0.6em 5dvw;
  }

  .vce-classic-accordion-panel-body {
    padding: 1.6em 5vw 1em 5vw;
    padding: 1.6em 5dvw 1em 5dvw;
  }

  /*----------------- ROW CONTACT -------------*/
  .row-contacs.vce-row[data-vce-full-width="true"]:not(
      [data-vce-stretch-content="true"]
    )
    > .vce-row-content
    .vce-single-image-container {
    width: 100%;
  }

  .vce-single-image-container.mobile {
    display: flex;
    max-width: 90% !important;
  }

  .vce-single-image-container.desktop {
    display: none;
  }

  .vce-single-image-container.mobile * {
    width: 100% !important;
  }
}

@media (max-width: 576px) {
  .popup-kontakt .vce-popup-root-wrapper,
  .popup-kontakt .vce-popup-root-inner,
  .popup-kontakt .vce-popup-root {
    height: auto;
  }

  .popup-kontakt .vce-popup-root-inner > .vce-row-container > .vce-row {
    padding: 17vw 5vw !important;
  }

  /*-----------------  ROW BRANDS GRID -------------*/
  .row-brand-grid .vce-row > .vce-row-content {
    grid-template-columns: repeat(1, 1fr);
    gap: 4vw 4vw;
  }
}

@media (max-width: 430px) {
  .vce-simple-image-slider-dots .slick-dots li {
    padding: 4px;
    margin-bottom: 0;
  }

  .vce-classic-accordion-panels {
    --acc-font-size: 19px;
    --acc-icon-size: 2.7em;
  }

  .vce-classic-accordion .vce-classic-accordion-panel-title,
  .vce-classic-accordion .vce-classic-accordion-panel-title:hover {
    padding: 0.6em 6dvw 5dvw 0.6em;
  }

  .vce-classic-accordion .vce-classic-accordion-panel-title:after,
  .vce-classic-accordion .vce-classic-accordion-panel-title:hover:after {
    height: 1em;
    width: calc(1em / 2.6631467793);
  }

  /*----------------- ROW-SLIDER -------------*/
  /*end allgemein (post)*/
  .row-slider
    .vce-post-slider-block.vce-post-slider-block--image-size-medium
    .vce-post-description--background {
    padding-bottom: 67.34%;
  }

  .row-slider-brands
    .vce-post-slider-block-arrow.vce-post-slider-block-prev-arrow,
  .row-slider-brands
    .vce-post-slider-block-arrow.vce-post-slider-block-next-arrow {
    display: block !important;
  }

  .vce-post-slider-block-arrow.vce-post-slider-block-prev-arrow {
    left: 3px;
  }

  .vce-post-slider-block-arrow.vce-post-slider-block-next-arrow {
    right: 3px;
  }

  .row-slider-brands .vce-post-slider-block-wrapper:before,
  .row-slider-brands .vce-post-slider-block-wrapper:after {
    opacity: 0.3;
  }

  .row-slider-brands .vce-post-slider-block-dots {
    display: none;
  }

  /*-----------------  ROW TESTIMONIALS  -------------*/
  .row-slider-testimonials h3 {
    margin-bottom: 2.1em;
  }

  .row-slider-brands
    .vce-post-slider-block-item:hover
    .vce-post-slider-block-item-content,
  .row-slider-brands
    .vce-post-slider-block-item
    .vce-post-slider-block-item-content {
    padding: 20px calc(31px + 7vw);
  }

  /*----------------- ROW CONTACT POPUP -------------*/
  .row-contact-popup h6 {
    font-size: 2.72rem;
  }

  /*----------------- CREW POPUP-------------*/
  .vce-text-block.marquee-block ul li {
    font-size: 1.459rem;
  }

  .popup-crew .vce-text-block.marquee-block {
    padding: 1.1em 0;
  }

  .popup-crew h6 {
    margin-bottom: 0.6em;
    font-size: 2.32rem;
  }

  .popup-crew-inner-row .vce-single-image-container.btn-crew {
    width: 45vw;
    max-width: 132px;
    right: 5%;
  }

  /*-----------------  ROW BRANDS GRID -------------*/
  .row-brand-grid h3 {
    max-width: 309px;
    margin-left: auto;
    margin-right: auto;
  }

  .row-brand-grid .vce-row > .vce-row-content .vce-col {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 375px) {
  .vce-content-slider-arrows-show
    .vce-content-slider-arrow.vce-content-slider-next-arrow {
    right: 20px;
  }

  .vce-content-slider-arrows-show
    .vce-content-slider-arrow.vce-content-slider-prev-arrow {
    left: 20px;
  }

  .vce-single-image-container.btn-website {
    width: 31vw;
  }
}