/**
** Theme Container Image and Text
 * This file contains the styles for the container image and text element in the theme.
*/

/** Services & Detail**/

.cont-services
  > .wp-block-uagb-advanced-heading:first-child
  h2.uagb-heading-text {
  margin-bottom: var(--gap-xl);
}

.cont-services .wp-block-uagb-container.cont-img-txt,
.cont-services-detail .uagb-container-inner-blocks-wrap {
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.cont-services .wp-block-uagb-container.cont-img-txt {
  display: flex;
  gap: calc(var(--gap-l) * 1.2) !important;
  padding: var(--gap-l) 0 var(--gap-l) 0;
  border-bottom: 1px solid var(--ast-global-color-3);
}

.wp-block-uagb-container.cont-services > .cont-img-txt:nth-child(2) {
  padding-top: 0 !important;
}

.wp-block-uagb-container .cont-img-txt:is(:last-child) {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.cont-services .wp-block-uagb-container.cont-img-txt div.col-img,
.cont-services-detail .wp-block-uagb-container.cont-img-txt div.col-img {
  --my-size: calc(var(--gap-xl) * 2);
  flex: 1 1 25%;
  /* 1 von 4 */
  max-width: 25%;
  height: var(--my-size);
  /*box-sizing: border-box;*/
}

.cont-services .wp-block-uagb-container.cont-img-txt div.col-img figure,
.cont-services-detail .wp-block-uagb-container.cont-img-txt div.col-img figure {
  height: var(--my-size);
  object-fit: cover;
}

.cont-services-detail
  .wp-block-uagb-container.cont-img-txt
  div.col-img
  figure
  img {
  height: 100%;
  width: 100%;
}

.wp-block-uagb-container.col-img img {
  height: auto !important;
}

.wp-block-uagb-container.col-img img[src*=".svg"] {
  width: 100%;
  min-width: 153px;
}

/*
@media (max-width: 767px) {
  .cont-services .wp-block-uagb-container.cont-img-txt div.col-img figure {
    height: 100%;
  }
}
*/

@media (max-width: 576px) {
  .wp-block-uagb-container.col-img img[src*=".svg"] {
    min-width: unset;
  }

  .wp-block-uagb-container.cont-services .wp-block-uagb-container.col-img img {
    min-width: 153px;
  }
}

.cont-services .wp-block-uagb-container.cont-img-txt div.col-txt,
.cont-services-detail .wp-block-uagb-container.cont-img-txt div.col-txt {
  flex: 3 1 75%;
  /* 3 von 4 */
  max-width: 75%;
  box-sizing: border-box;
  gap: var(--gap-s);
}

.cont-services-detail .cont-img-txt {
  padding-top: var(--gap-xl);
  padding-bottom: var(--gap-xl);
  border-bottom: 1px solid var(--ast-global-color-3);
}

.cont-services,
.cont-services-detail {
  gap: 0 !important;
}

.cont-services-detail .cont-img-txt .uagb-container-inner-blocks-wrap {
  gap: var(--gap-l) !important;
}

/* icons */
.gesamtkonzept-icon-target img {
  scale: 1.2;
}

.gesamtkonzept-icon-kommunikation img {
  scale: 1.3;
  margin-left: 30px;
  margin-top: 10%;
}

.gesamtkonzept-icon-diamant img {
  scale: 0.95;
}

.gesamtkonzept-icon-hand img {
  scale: 1.1;
}

/* responsive */

@media (max-width: 1100px) {
  .cont-services
    .wp-block-uagb-container.cont-img-txt
    div.col-txt
    .uagb-buttons__wrap {
    flex-wrap: wrap;
    width: unset !important;
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .cont-services .wp-block-uagb-container.cont-img-txt,
  .cont-services-detail .wp-block-uagb-container.cont-img-txt {
    align-items: center;
    text-align: center;
    justify-content: center;
  }

  .cont-services-detail .cont-img-txt .col-img {
    max-width: unset !important;
    width: 33.87vw !important;
    height: 120px !important;
  }

  .wp-block-uagb-container.cont-services-detail .cont-img-txt .col-txt {
    max-width: unset !important;
  }

  .cont-services .wp-block-uagb-container.cont-img-txt div.col-img {
    max-width: unset !important;
    --my-size: 150px;
  }
  .cont-services .wp-block-uagb-container.cont-img-txt div.col-txt {
    max-width: unset !important;
  }

  .cont-services
    .wp-block-uagb-container.cont-img-txt
    div.col-txt
    .uagb-buttons__wrap {
    justify-content: center;
  }

  .wp-block-uagb-container.cont-services-detail
    .cont-img-txt
    .uagb-container-inner-blocks-wrap {
    width: unset !important;
  }

  .gesamtkonzept-icon-target img {
    scale: 1;
  }

  .wp-block-uagb-container.cont-services-detail
    .cont-img-txt.reverse
    .uagb-container-inner-blocks-wrap {
    flex-direction: column-reverse;
  }

  .gesamtkonzept-icon-kommunikation img {
    scale: 1.1;
    margin: 0 !important;
  }

  .gesamtkonzept-icon-diamant img {
    scale: 1.1;
  }
}

/** ----------------- **/
/** About us **/

.cont-about-us .cont-headline-content {
  gap: var(--gap-xl);
  margin: 0 !important;
}

.cont-about-us .cont-headline-content:not(:last-of-type) {
  margin-bottom: calc(var(--gap-xl) + var(--gap-l)) !important;
}

.cont-about-us .uagb-container-inner-blocks-wrap {
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.cont-about-us .cont-headline-content .cont-img-txt {
  padding: 0 calc(var(--gap-m) + var(--gap-l) - 5px) 0
    calc(var(--gap-m) + var(--gap-l) - 5px);
  /*align-items: stretch;*/
}

.cont-about-us
  .cont-headline-content
  .cont-img-txt
  .uagb-container-inner-blocks-wrap {
  gap: calc(var(--gap-l) * 1.2) !important;
  height: auto;
  align-items: flex-start !important;
}

/*
.cont-about-us .cont-headline-content .cont-img-txt .col-img {
  height: 100%;
}
*/
/** 
.cont-about-us .cont-headline-content .cont-img-txt .col-txt {
  width: calc(43% - 10px);
}

.cont-about-us .cont-headline-content .cont-img-txt .col-img {
  width: calc(54% - 10px); 
}
**/
/*
.cont-about-us .cont-headline-content .cont-img-txt .col-img img {
  height: auto;
  object-fit: contain;
}
*/

.cont-services-detail .cont-img-txt .uagb-container-inner-blocks-wrap {
  width: 85.71% !important;
}

/* edits for safari */
.cont-services-detail .cont-img-txt div.col-img figure img,
.cont-services-detail .cont-img-txt div.col-img figure,
.cont-services-detail .cont-img-txt .wp-block-uagb-image {
  height: 100% !important;
  width: 100%;
}

.cont-about-us .cont-img-txt div.col-img .wp-block-uagb-image,
.cont-about-us .cont-img-txt div.col-img figure,
.cont-about-us .cont-img-txt div.col-img figure img {
  height: 100%;
  width: 100%;
}

.positionierung-icon-target img {
  scale: 0.8;
  margin-left: var(--gap-s);
  margin-top: -8%;
}

.positionierung-icon-dna img {
  scale: 0.8;
  margin-top: -8%;
}

.branding-icon-brand {
  scale: 0.8;
  margin-top: -8%;
  margin-left: var(--gap-m);
}

.kommunikation-icon-content-strategie img {
  scale: 0.8;
  margin-top: -8%;
}

.kommunikation-icon-storytelling img {
  scale: 0.8;
  margin-top: -8%;
}

.kommunikation-icon-kommunikation img {
  scale: 0.9;
  margin-top: -8%;
}

.kommunikation-icon-pyramide img {
  scale: 1.2;
  margin-left: -10%;
}

/* content strategie */
.page-id-3508
  .wp-block-uagb-container.cont-img-txt
  .uagb-container-inner-blocks-wrap:has(.kommunikation-icon-content-strategie),
.page-id-3508
  .wp-block-uagb-container.cont-img-txt
  .uagb-container-inner-blocks-wrap:has(.kommunikation-icon-storytelling) {
  gap: 0 !important;
}

.page-id-3508
  .wp-block-uagb-container.cont-img-txt
  .uagb-container-inner-blocks-wrap:has(.kommunikation-icon-kommunikation) {
  gap: var(--gap-m) !important;
}
/*
.unternehmen-icon-grafik img {
  scale: 1.2;
  margin-top: -10%;
}
  */

/* responsive */

@media (max-width: 990px) {
  .cont-about-us .cont-img-txt .uagb-container-inner-blocks-wrap {
    flex-direction: column !important;
  }

  .wp-block-uagb-container.cont-img-txt
    .uagb-container-inner-blocks-wrap
    .wp-block-uagb-container {
    max-width: unset !important;
  }

  .cont-about-us .cont-img-txt * {
    text-align: center;
  }

  .cont-about-us .cont-headline-content .cont-img-txt {
    padding: 0;
  }

  .cont-about-us .cont-headline-content .cont-img-txt .col-img img {
    max-height: 30vh;
  }

  .cont-about-us
    .cont-headline-content
    .uagb-block-2e4f60ed.cont-img-txt
    .col-img
    img {
    object-fit: cover;
  }

  .cont-about-us .cont-img-txt.reverse .uagb-container-inner-blocks-wrap {
    flex-direction: column-reverse !important;
  }

  .positionierung-icon-target img {
    margin-left: 0 !important;
  }

  .kommunikation-icon-kommunikation img {
    margin-top: 0;
    scale: 0.8;
  }

  .kommunikation-icon-pyramide img {
    scale: 1;
    margin-left: 0;
  }

  .unternehmen-icon-grafik img {
    margin-top: 0;
  }

  .unternehmen-icon-grafik img {
    scale: 1;
  }
}

@media (max-width: 900px) {
  .wp-block-uagb-container.cont-img-txt .col-img.portrait img {
    object-fit: contain;
  }

  .page-id-3508
    .wp-block-uagb-container.col-img:has(.kommunikation-icon-kommunikation) {
    margin: -40px 0;
  }
  .wp-block-uagb-container.cont-services-detail img {
    max-height: 120px;
  }
}

.uagb-block-26cc2c5d .wp-block-uagb-advanced-heading h4 {
  max-width: unset !important;
}

@media (max-width: 678px) {
  .employer-anziehung-strahlkraft img {
    scale: 1.3;
  }
}

@media (max-width: 576px) {
  .wp-block-uagb-container.col-img:has(.positionierung-icon-target) {
    scale: 0.7;
  }
  .wp-block-uagb-container.col-img:has(.positionierung-icon-dna) {
    scale: 0.7;
  }

  .wp-block-uagb-container.col-img:has(.positionierung-icon-pyramide) {
    scale: 0.7;
  }

  .positionierung-icon-dna img {
    scale: 1;
  }

  .page-id-3492
    .cont-about-us
    .cont-headline-content
    .cont-img-txt
    .uagb-container-inner-blocks-wrap {
    gap: 0 !important;
  }

  .kommunikation-icon-pyramide img {
    scale: 1.2;
  }
}

@media (max-width: 420px) {
  .unternehmen-icon-grafik img {
    scale: 1;
  }
  .wp-block-uagb-container.cont-img-txt .col-img.portrait img {
    max-height: unset;
  }

  .cont-img-txt.cont-img-txt-simple figure {
    width: 100%;
  }
}