.elementor-35 .elementor-element.elementor-element-2135448a{--display:flex;--min-height:95vh;--justify-content:flex-end;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-608f7b24{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:10rem 10rem;--row-gap:10rem;--column-gap:10rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-4f298079{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-35 .elementor-element.elementor-element-771f4b0{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-35 .elementor-element.elementor-element-137b2c8b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-35 .elementor-element.elementor-element-2bda5ec4 img{width:100%;}.elementor-35 .elementor-element.elementor-element-6a1e5368{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-47da8319{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-1c36b25b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-24bb3b1c{--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;--gap:7.5rem 7.5rem;--row-gap:7.5rem;--column-gap:7.5rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-35 .elementor-element.elementor-element-6bcdf603{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:18rem;--padding-right:0rem;}.elementor-35 .elementor-element.elementor-element-55404326{--display:flex;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:18rem;}.elementor-35 .elementor-element.elementor-element-752a0faa img{width:100%;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-6bcdf603{--width:100%;}.elementor-35 .elementor-element.elementor-element-55404326{--width:100%;}}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-2135448a{--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-35 .elementor-element.elementor-element-608f7b24{--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;--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;}.elementor-35 .elementor-element.elementor-element-4f298079{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-35 .elementor-element.elementor-element-771f4b0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-35 .elementor-element.elementor-element-6a1e5368{--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-35 .elementor-element.elementor-element-6bcdf603{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-35 .elementor-element.elementor-element-55404326{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-608f7b24{--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;}.elementor-35 .elementor-element.elementor-element-4f298079{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-35 .elementor-element.elementor-element-771f4b0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-35 .elementor-element.elementor-element-24bb3b1c{--gap:2rem 2rem;--row-gap:2rem;--column-gap:2rem;}.elementor-35 .elementor-element.elementor-element-6bcdf603{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-35 .elementor-element.elementor-element-55404326{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}/* Start custom CSS for html, class: .elementor-element-2e85357c */.collage-arrow {
  width: 0.5em !important;   /* relativ zur Textgröße */
  height: auto; /* Proportionen beibehalten */
  display: inline-block;
}




/* --------------------------
   Grundlegendes Grid-Layout
--------------------------- */
.image-collage {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 40px;
  align-items: start;
}

/* --------------------------
   Collage Items (Startzustand)
--------------------------- */
.collage-item {
  display: block;
  text-decoration: none;
  color: inherit;
  position: relative;
  overflow: hidden;
  width: 100%;

  opacity: 0;
  transform: translateY(50px); /* Start weiter unten */
  transition: opacity 1s ease, transform 1s ease;
}

/* Aktiv: fade + slide nach oben */
.collage-item.visible {
  opacity: 1;
  transform: translateY(0);
}

/* --------------------------
   Bilder
--------------------------- */
.collage-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.collage-item:hover img {
  transform: scale(1.05);
}

/* --------------------------
   Collage Text
--------------------------- */
.collage-text {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
  font-size: var(--fs-h2);
  color: #000000;
  font-family: var(--font-heading);
  font-weight: var(--fw-h2);
  position: relative;
  z-index: 2;
  padding: 2px 6px;
  justify-content: flex-start;
}

.collage-item:hover .collage-text {
  color: #000000;
}

.collage-text img {
  width: 16px;
  height: auto;
}

/* Text rechtsbündig nur für das 1. Bild */
.image-collage a:nth-child(1) .collage-text {
  justify-content: flex-end;
}

/* --------------------------
   Layout-Versatz
--------------------------- */
.image-collage a:nth-child(1) {
  grid-column: 1 / span 5;
  grid-row: 1;
}
.image-collage a:nth-child(2) {
  grid-column: 4 / span 4;
  grid-row: 2;
}
.image-collage a:nth-child(3) {
  grid-column: 9 / span 3;
  grid-row: 1;
}

/* --------------------------
   Responsive Breakpoints
--------------------------- */
@media (max-width: 1024px) {
  .image-collage {
    grid-template-columns: repeat(6, 1fr);
  }

  .image-collage a {
    grid-column: auto / span 3 !important;
    grid-row: auto !important;
  }
}

@media (max-width: 768px) {
  .image-collage {
    grid-template-columns: 1fr;
  }

  .image-collage a {
    grid-column: auto !important;
    margin-bottom: 30px;
  }
}
/* Im Elementor-Editor: Animation deaktivieren */
.elementor-editor-active .collage-item {
  opacity: 1 !important;
  transform: none !important;
}

.collage-kunst img {
  transition: all .3s ease;
}

.collage-image {
  position: relative;
  overflow: hidden;
}

.collage-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(213, 0, 79, 0);
  transition: background .35s ease;
  pointer-events: none;
}

.collage-kunst:hover .collage-image::after {
  background: rgba(213, 0, 79, .45);
}

.collage-kunst:hover .collage-text {
  color: #d5004f;
}

.collage-kunst:hover .collage-arrow {
  transform: rotate(45deg);
}/* End custom CSS */