.elementor-559 .elementor-element.elementor-element-379863a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-559 .elementor-element.elementor-element-3646b10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;text-decoration:var( --e-global-typography-secondary-text-decoration );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;text-decoration:var( --e-global-typography-secondary-text-decoration );}.elementor-559 .elementor-element.elementor-element-c22da53{--grid-columns:3;}.elementor-559 .elementor-element.elementor-element-c22da53 > .elementor-widget-container{margin:100px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-button{line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-559 .elementor-element.elementor-element-c22da53{--grid-columns:2;}}@media(max-width:767px){.elementor-559 .elementor-element.elementor-element-3646b10{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-559 .elementor-element.elementor-element-c22da53{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-c22da53 *//* .projekt-grid .elementor-loop-container {
  display: block;
  column-count: 3;
  column-gap: 50px;
}

.projekt-grid .e-loop-item {
  break-inside: avoid;
  margin-bottom: 50px;
}

.projekt-grid .e-loop-item img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
.projekt-grid .elementor-widget-theme-post-featured-image,
.projekt-grid .elementor-widget-theme-post-featured-image a,
.projekt-grid .elementor-widget-theme-post-featured-image img {
  width: 100%;
}

@media (max-width: 1024px) {
  .projekt-grid .elementor-loop-container {
    column-count: 2;
  }
}

@media (max-width: 767px) {
  .projekt-grid .elementor-loop-container {
    column-count: 1;

  }

}

*/


}

.projekt-grid .elementor-loop-container {

  display: block !important;

  position: relative;

}

.projekt-grid .e-loop-item {

  margin-bottom: 0 !important;

  break-inside: auto !important;

  transition: transform 0.2s ease;

}

.projekt-grid .e-loop-item img {

  width: 100%;

  height: auto;

  display: block;

}

/* ── Container: kein eigener Hintergrund mehr ── */
.elementor-177 .elementor-element.elementor-element-c5c5a1f {
  background-color: transparent !important;
  padding: 0 !important;
}

/* ── Heading: weißes Label mit abgeschnittener Ecke ── */
.elementor-177 .elementor-element.elementor-element-c5c5a1f .elementor-heading-title {
  background-color: #ffffff;
  padding: 15px 20px;
  display: inline-block;
  width: fit-content;
  clip-path: polygon(
    0% 0%,
    100% 0%,
    100% calc(100% - 14px),
    calc(100% - 14px) 100%,
    0% 100%
  );
  transition: background-color 0.3s ease;
}

/* ── Hover: Heading wird gelb ── */
.loop-card:hover .elementor-177 .elementor-element.elementor-element-c5c5a1f .elementor-heading-title,
.loop-card:hover .elementor-element-c5c5a1f .elementor-heading-title {
  background-color: #fbb900 !important;
}

.elementor-177 .elementor-element.elementor-element-c5c5a1f .elementor-heading-title a {
  color: #000;
  text-decoration: none;
}

/* ── Grid & Bild-Zoom ── */
.loop-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.loop-card .post-image {
  transition: transform 0.3s ease;
  transform: scale(0.99);
}

.loop-card:hover .post-image {
  transform: scale(0.98);
}

.loop-card .elementor-widget-theme-post-featured-image {
  line-height: 0;
}

.loop-card .elementor-widget-theme-post-title .elementor-heading-title {
  transition: all 0.3s ease;
  max-width: 100%;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

/* ── post-title Container selbst braucht keinen Hintergrund mehr ── */
.projekt-grid .loop-card .post-title {
  background-color: transparent !important;
  transition: background-color 0.3s ease;
}


.elementor-177 .elementor-element.elementor-element-c5c5a1f .elementor-heading-title {

  margin-left: -1px;      /* ← 1px Lücke links schließen */
    white-space: nowrap;

}

@media (max-width: 767px) {
  .elementor-177 .elementor-element.elementor-element-c5c5a1f .elementor-heading-title {
    white-space: nowrap;
  }
}/* End custom CSS */