.elementor-8610 .elementor-element.elementor-element-905302c{--display:flex;}.elementor-8610 .elementor-element.elementor-element-e75b24d > .elementor-widget-container{background-color:#DFDFDF;padding:10px 10px 4px 10px;}.elementor-8610 .elementor-element.elementor-element-e75b24d{text-align:center;}.elementor-8610 .elementor-element.elementor-element-5df6ded{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-8610 .elementor-element.elementor-element-5df6ded .elementor-divider-separator{width:0%;}.elementor-8610 .elementor-element.elementor-element-5df6ded .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-8610 .elementor-element.elementor-element-e2e153f{--display:flex;}.elementor-8610 .elementor-element.elementor-element-737b776{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-8610 .elementor-element.elementor-element-737b776{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-8610 .elementor-element.elementor-element-737b776{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-737b776 *//* =========================================
   PROJEKTGALERIE
   quadratisch + Hover-Titel + Lightbox
========================================= */


/* Jedes Bild-Widget = eine Kachel */
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image {
    position: relative !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    margin: 0 !important;
}


/* Elementor-Inhalt ebenfalls auf volle Größe */
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
}


/* Falls Elementor figure verwendet */
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image figure {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}


/* Der Link füllt die ganze Kachel */
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    cursor: zoom-in;
}


/* Bild quadratisch füllen */
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center !important;

    transition:
        transform 0.3s ease,
        filter 0.3s ease;
}


/* =========================================
   HOVER
========================================= */

.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image:hover img {
    transform: scale(1.03);
    filter: brightness(0.40);
}


/* =========================================
   BILDUNTERSCHRIFT AUF DAS FOTO
========================================= */

.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-image-caption,
.elementor-8610 .elementor-element.elementor-element-737b776 figcaption {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;

    transform: translate(-50%, -50%) !important;

    width: 90% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;

    text-align: center !important;

    opacity: 0 !important;
    visibility: hidden !important;

    z-index: 10 !important;

    pointer-events: none !important;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}


/* Caption beim Hover einblenden */
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image:hover .elementor-image-caption,
.elementor-8610 .elementor-element.elementor-element-737b776 .elementor-widget-image:hover figcaption {
    opacity: 1 !important;
    visibility: visible !important;
}/* End custom CSS */