.elementor-16 .elementor-element.elementor-element-9eacb5f{--display:flex;--min-height:800px;--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;--background-transition:0.3s;}:root{--page-title-display:none;}/* Start custom CSS */.grey img {
    filter: grayscale(100%);
    transition: all 1s ease;
}
.grey img:hover {
    filter: grayscale(0%);
}

.card_webseiten_container .card_webseiten {
    position: relative;
    min-height: 350px;
    background: #2c394c;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    transition: all 0.5s ease !important;
}
.card_webseiten_container .card_webseiten .content_card_webseiten {
    padding: 10px 20px 20px;
    text-align: center;
}
.card_webseiten_container .card_webseiten:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    width: 50%;
    pointer-events: none;
}
.card_webseiten_container .card_webseiten .content_card_webseiten img {
    position: absolute;
    right: 30px;
    z-index: 1;
    opacity: 0;
    transition: 0.5s;
    width: 80%;
}
.card_webseiten_container .card_webseiten .content_card_webseiten h3 {
    color: #fff;
    z-index: 2;
    opacity: 1;
    transition: 0s;
}
.card_webseiten_container .card_webseiten .content_card_webseiten p {
    color: #fff;
    z-index: 2;
    transition: 0.5s;
    min-height: 96px;
}
.card_webseiten_container .card_webseiten .content_card_webseiten a {
    margin-top: 15px;
    display: inline-block;
    padding: 8px 15px;
    background: transparent;
    color: #fff;
    transform: scale(0.8);
    transition: all 0.5s ease !important;
}
.card_webseiten_container .card_webseiten .content_card_webseiten a {
    background: rgba(0, 0, 0, 0);
}
.card_webseiten_container .card_webseiten .content_card_webseiten a:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 20%;
    padding-top: 5px;
    border-bottom: 1px solid #fafafa;
    opacity: 1;
    transition: width 0.5s;
}
.card_webseiten_container .card_webseiten:hover .content_card_webseiten img {
    opacity: 1;
    transform: translateY(-70px);
    margin-top: 30px;
}
.card_webseiten_container .card_webseiten:hover .content_card_webseiten h3 {
    visibility: hidden;
}
.card_webseiten_container .card_webseiten:hover .content_card_webseiten h3, .card_webseiten_container .card_webseiten:hover .content_card_webseiten p {
    opacity: 1;
}
.card_webseiten_container .card_webseiten:hover .content_card_webseiten a {
    transform: scale(1);
}
.card_webseiten_container .card_webseiten:hover .content_card_webseiten a:after {
    transform: scale(1);
    width: 100%;
}/* End custom CSS */