/**----------------- PROJEKTE ARCHIVE -------------*/

.archive-projekte-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-xl);
}

article.projekte {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.archive-projekte-grid-tile {
  display: flex;
  flex-direction: column;
  gap: var(--gap-m);
  height: 100%;
  justify-content: center;
}

a.archive-projekte-grid-link {
  display: grid;
  gap: var(--gap-m);
}

a.archive-projekte-grid-link *,
a.archive-projekte-grid-link {
  text-decoration: unset !important;
  color: var(--ast-global-color-0);
}

.archive-projekte-grid-feature-image {
  overflow: hidden;
}

.archive-projekte-grid-feature-image img {
  transition: transform 0.5s ease-in-out;
}

.archive-projekte-grid-feature-image img:hover {
  transform: scale(1.1);
}

.archive-projekte-grid-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

h6.archive-projekte--excerpt {
  margin-bottom: 0;
}

.archive-projekte-umfang {
  display: flex;
  flex-wrap: wrap;
}

.archive-projekte-umfang p {
  font-size: var(--listing-font-size);
}

.archive-projekte-umfang > p:not(:only-of-type):not(:last-of-type):after {
  content: "+";
  font-size: 1em;
  margin: 0 0.4em;
}

.ast-article-single figure,
.ast-article-single img:not(figure img) {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

body.single-projekte ul.wp-block-list li {
  position: relative;
  padding-left: 1.1em !important;
}

/* Projektseite dunkel */
.page-id-4456,
.page-id-4456 #header,
.page-id-4456 .cont-intro {
  background-color: var(--ast-global-color-0) !important;
}

.page-id-4456 div#header-btn a#buttonerstberatung {
  color: white !important;
  border-color: white !important;
}

.page-id-4456 #nav-icon4 span {
  background-color: var(--ast-global-color-1) !important;
}
.page-id-4456 #primary .archive-projekte-grid *,
.page-id-4456 #primary .cont-intro-projekte * {
  color: var(--ast-global-color-1) !important;
}

.page-id-4456 .leistungen-projekt-uebersicht-light *,
.page-id-4456 footer #footer-links *,
.page-id-4456 footer #footer-rechts *,
.page-id-4456 footer .btn-simple {
  color: var(--ast-global-color-0) !important;
}

.page-id-4456:not(.impmenu-active) #theme-logo .theme-logo:first-child {
  filter: brightness(0) invert(1);
}

.page-id-4456 footer {
  background-color: var(--ast-global-color-1) !important;
}

.page-id-4456
  .wp-block-uagb-container.cont-intro
  .wp-block-uagb-separator__inner::before,
.page-id-4456
  .wp-block-uagb-container.cont-intro
  .wp-block-uagb-separator__inner::after {
  border-color: white;
}

.leistungen-projekt-uebersicht-light {
  background-color: var(--ast-global-color-1) !important;
  margin-bottom: 0 !important;
  padding-bottom: var(--cont-gap) !important;
  padding-top: var(--cont-gap) !important;
}

.page-id-4456 .cont-parallax {
  margin-bottom: 0 !important;
}

.page-id-4456 div#header-btn a#buttonerstberatung::after {
  background-image: url(/wp-content/themes/astra-impuls-child/img/button-arrow-white);
}

/* responsive */

@media (max-width: 1230px) {
  .archive-projekte-grid {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .archive-projekte-grid {
    flex-direction: column;
    display: flex;
    gap: calc(var(--gap-xl) + var(--gap-l));
  }

  .page-id-4456 .archive-projekte-umfang {
    display: none;
  }

  /*
  .page-id-4456 .archive-projekte--kunde {
    font-size: calc(var(--base-font-size) * 1.3);
  }
  .page-id-4456 .archive-projekte--excerpt {
    font-size: calc(var(--h6-font-size) * 1.2);
  }
    */
  .page-id-4456 .archive-projekte-grid-content {
    gap: 10px;
  }
  .page-id-4456 .cont-services .wp-block-uagb-container.cont-img-txt {
    width: 90vw !important;
  }
  .page-id-4456 .archive-projekte-grid-feature-image img {
    height: 90vw;
    object-fit: cover;
    object-position: bottom;
  }

  .page-id-4456 .cont-parallax.cont-parallax-txt-slider {
    margin-bottom: 0 !important;
  }

  .page-id-4456 .cont-services .col-txt > p {
    max-width: 90vw;
    align-self: center;
  }
  .page-id-4456 div#header-btn a {
    display: none;
  }
}

/**----------------- PROJEKTE DETAIL -------------*/

/* ODER: Falls es alle Spectra-Container betrifft, die plötzlich Schatten haben */

.wp-block-uagb-container {
  box-shadow: none !important;
}

/* Container als Flexbox erzwingen und Kinder dehnen */

.cont-2-img {
  display: flex !important;
  flex-wrap: wrap;
  /* Damit es mobil umbricht */
  align-items: stretch !important;
  /* Zieht beide Spalten auf gleiche Höhe */
}

/* Die inneren Container (Spalten) */

.cont-2-img > .wp-block-uagb-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* Erzwingt gleiche Breite */
}

/* Das Bild-Element muss den ganzen Platz füllen */

.cont-2-img .wp-block-uagb-image,
.cont-2-img .wp-block-uagb-image figure {
  height: 100% !important;
  margin-bottom: 0 !important;
  /* Entfernt eventuelle Abstände unten */
  display: flex;
  width: 100% !important;
}

/* Das Bild selbst */

.cont-2-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  /* Schneidet das Bild zu, statt es zu verzerren */
}

.single-projekte .wp-block-uagb-container.cont-img-full.several-images {
  gap: var(--gap-m);
}

/* Optional: Mobil wieder normale Höhe erlauben, falls gewünscht */

@media (max-width: 767px) {
  .cont-2-img {
    display: block !important;
  }
  .cont-2-img img {
    height: auto !important;
  }

  .postid-4805 .cont-2-img > .wp-block-uagb-container:first-child {
    margin-bottom: var(--gap-xl);
  }
}

/**header*/

.projekte-header {
  background-color: var(--ast-global-color-0);
}

.projekte-header * {
  color: #fff;
  font-size: var(--listing-font-size);
}

.projekte-header-wrapper {
  display: flex;
  justify-content: space-between;
  width: 1050px;
  max-width: 90vw;
  margin: 0 auto;
  padding: var(--gap-l) 0;
}

.projekte-header-col {
  display: flex;
  flex-direction: column;
  gap: var(--gap-s);
}

.projekte-header-col > span {
  font-family: var(--mainfont) !important;
  font-size: var(--btn-font-size) !important;
  font-weight: 500 !important;
}

.projekte-header-col.col-kunde p {
  font-family: var(--headlinefont);
  font-size: var(--h6-font-size);
  font-weight: 700;
  font-style: normal;
  line-height: 1.11;
}

.col-projektumfang-line-wrapper {
  display: flex;
}

/**content*/

article.projekte {
  margin-top: var(--gap-l);
}

.single-projekte
  .entry-content
  > *:not(.background-dark):not(.cont-project-slider) {
  margin-bottom: var(--gap-xl) !important;
}

.wp-block-uagb-container.einleitung-projekte .uagb-container-inner-blocks-wrap {
  gap: var(--gap-s) !important;
}

.einleitung-projekte
  .wp-block-uagb-advanced-heading:nth-of-type(2)
  .uagb-heading-text {
  font-family: var(--headlinefont);
  font-size: var(--h4-font-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.01em;
}

/* cont-cstm-list */

div#primary main#main article .wp-block-uagb-container.cont-cstm-list {
  align-items: start;
  width: 37.49vw;
}

.wp-block-uagb-container.cont-cstm-list .uagb-heading-text {
  font-family: var(--mainfont);
  font-size: var(--h3-font-size);
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
  text-align: left;
}

.wp-block-uagb-container.cont-cstm-list .wp-block-list li {
  font-family: var(--headlinefont);
  font-size: var(--h6-font-size);
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.01em;
}

.wp-block-uagb-container.cont-cstm-list .wp-block-list li::before {
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-listing-dot);
  width: 0.5em;
  height: 0.5em;
  top: 0.32em;
}

.wp-block-uagb-container.cont-cstm-list .wp-block-list li:not(:last-of-type) {
  margin-bottom: var(--gap-m);
}

nav.navigation.post-navigation {
  display: none;
}

.cont-2-img .wp-block-uagb-image__figure img {
  object-fit: cover;
}

/*
.postid-4505
  .cont-2-img
  .wp-block-uagb-container:nth-child(2)
  .wp-block-uagb-image__figure
  img {
  object-fit: unset !important;
}
  */

.bild-schaerfer img {
  image-rendering: pixelated;
}

.single.single-projekte .wp-block-uagb-container.cont-quote {
  margin-top: var(--cont-gap) !important;
  margin-bottom: var(--cont-gap) !important;
}

/* responsive */

@media (max-width: 1500px) {
  div#primary main#main article .wp-block-uagb-container.cont-cstm-list {
    align-items: start;
    width: 80vw;
  }
}

@media (max-width: 1200px) {
  .single-projekte.postid-4673 .bild-groesser-mobile img {
    scale: 1.3;
    margin: var(--gap-s) 0;
  }
  .wp-block-uagb-container.einleitung-projekte {
    padding-left: 5vw;
  }
}

@media (max-width: 768px) {
  .single.single-projekte .projekte-header-col.col-projektumfang {
    display: none;
  }
  .single.single-projekte .wp-block-uagb-container.einleitung-projekte {
    background-color: var(--ast-global-color-0);
    padding-bottom: var(--gap-l);
    padding-top: var(--gap-l);
  }
  .ast-single-post.ast-page-builder-template .site-main > article {
    padding-top: 0 !important;
  }
  .single.single-projekte .wp-block-uagb-container.einleitung-projekte * {
    color: var(--ast-global-color-1);
  }
  .single.single-projekte
    .wp-block-uagb-container.einleitung-projekte
    .uagb-container-inner-blocks-wrap
    .wp-block-uagb-advanced-heading:first-of-type
    .uagb-heading-text {
    font-size: calc(var(--h4-font-size) * 0.6);
  }
  .single.single-projekte
    .wp-block-uagb-container.einleitung-projekte
    .uagb-container-inner-blocks-wrap
    .wp-block-uagb-advanced-heading:nth-child(2)
    .uagb-heading-text {
    font-size: calc(var(--h4-font-size) * 0.7) !important;
  }
  .single.single-projekte
    .wp-block-uagb-container.einleitung-projekte
    .uagb-container-inner-blocks-wrap {
    gap: 10px !important;
  }
  .single.single-projekte .cont-2-img .wp-block-uagb-container img {
    height: 253px !important;
  }
  .single.single-projekte #slideshow img {
    padding: 0 5vw;
  }
  .single.single-projekte #slideshow::after {
    display: none;
  }
  .single.single-projekte .cont-img-txt.cont-img-txt-projekte .col-img figure {
    height: 90vw;
  }
}

@media (max-width: 550px) {
  .projekte-header-wrapper {
    flex-direction: column;
    gap: var(--gap-l);
  }
  .single-projekte.postid-4673 .bild-groesser-mobile img {
    scale: 1.5;
  }
  .single-projekte.postid-4673
    .wp-block-uagb-container.cont-img-full:has(.bild-groesser-mobile) {
    margin-bottom: var(--gap-s) !important;
  }

  .projekte-header-wrapper .col-projektumfang-line-wrapper:has(.long-text) {
    flex-direction: column;
  }
  .single-projekte.postid-4795
    .cont-img-txt-projekte
    .wp-block-uagb-image__figure
    img {
    height: 90vw !important;
  }
  .single.single-projekte .cont-img-txt-projekte .col-img img {
    height: 90vw !important;
  }
  /* aquarylic */
  .postid-4610 .project-image-mobile.pure-color img {
    height: 90vw !important;
  }
  /* smatax */
  .postid-4673 .project-image-mobile.project img {
    height: 90vw !important;
  }
}

@media (max-width: 390px) {
  .projekte-header-wrapper .col-projektumfang-line-wrapper p {
    font-size: var(--btn-font-size);
  }
}

/* das Gxund */

.postid-4795.single-projekte
  .entry-content
  .wp-block-uagb-container.cont-sol-serv {
  margin-bottom: 0 !important;
}

.postid-4795
  #primary
  #main
  .wp-block-uagb-container.uagb-block-e4fb5178.kein-abstand-unten {
  margin-bottom: 0 !important;
}

.postid-4795 .project-image-mobile.angel {
  height: 90vw;
}

.postid-4795 .project-image-mobile.angel figure {
  width: 100%;
}

.postid-4795 .project-image-mobile img {
  width: 100% !important;
  height: 100% !important;
}

.postid-4795 .project-image-mobile.folder img {
  object-fit: cover;
  width: 100vw !important;
  scale: 1.2;
}

.postid-4795 .project-image-mobile.folder {
  height: 50vw;
}

.postid-4610 .project-image-mobile.dots img {
  height: 100vw;
}

/* kth */

.postid-4572 .project-image-mobile.kaesten img {
  object-fit: cover;
}

/* zweisinn */

.postid-4505 .project-image-mobile.visitenkarten img {
  height: 100vw;
}

/* riederhof */

.postid-4805 .project-image-mobile.slogan img {
  height: 70vw;
  object-fit: contain;
}