.elementor-8456 .elementor-element.elementor-element-dc3e458{--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:8rem 8rem;--row-gap:8rem;--column-gap:8rem;--padding-top:8rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-8456 .elementor-element.elementor-element-e2135ee{text-align:center;}.elementor-8456 .elementor-element.elementor-element-e51d49b{--grid-columns:4;--grid-row-gap:32px;--grid-column-gap:32px;}@media(max-width:1024px){.elementor-8456 .elementor-element.elementor-element-dc3e458{--gap:6rem 6rem;--row-gap:6rem;--column-gap:6rem;--padding-top:6rem;--padding-bottom:0rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-8456 .elementor-element.elementor-element-e51d49b{--grid-columns:1;--grid-column-gap:24px;}}@media(max-width:768px){.elementor-8456 .elementor-element.elementor-element-dc3e458{--gap:4rem 4rem;--row-gap:4rem;--column-gap:4rem;--padding-top:4rem;--padding-bottom:0rem;--padding-left:1rem;--padding-right:1rem;}.elementor-8456 .elementor-element.elementor-element-e51d49b{--grid-columns:1;--grid-column-gap:16px;}}/* Start custom CSS for loop-grid, class: .elementor-element-e51d49b */.elementor-8456 .elementor-element.elementor-element-e51d49b .e-loop-item {
    position: relative;
    grid-column: span 2;
    opacity: 0;
    transform: translateY(8rem);
    transition: opacity .3s ease, transform .3s ease;
}

.elementor-8456 .elementor-element.elementor-element-e51d49b .e-loop-item:first-of-type {
    grid-column: span 3;
}

.elementor-8456 .elementor-element.elementor-element-e51d49b .e-loop-item:first-of-type img {
    height: 448px;
}

.elementor-8456 .elementor-element.elementor-element-e51d49b .e-loop-item.show {
    transform: translateY(0);
    opacity: 1;
}

@media only screen and (max-width: 1024px) {
    .elementor-8456 .elementor-element.elementor-element-e51d49b .e-loop-item,
    .elementor-8456 .elementor-element.elementor-element-e51d49b .e-loop-item:first-of-type {
        grid-column: span 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69bf40d */.elementor-8456 .elementor-element.elementor-element-69bf40d {
    display: none;
}

.inverted #wera_logo path {
    fill: var(--e-global-color-secondary);
}

.inverted nav span {
    color: var(--e-global-color-secondary) !important;
}/* End custom CSS */