/* --- 1. Die Haupt-Kachel (Basis) --- */
.kmt-reveal-card
{
    position: relative;

    display: flex;
    overflow: hidden !important;
    flex-direction: column;
    justify-content: flex-end;

    -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    text-decoration: none !important;

    -webkit-clip-path: inset(0% 0% 0% 0% round 0px);
            clip-path: inset(0% 0% 0% 0% round 0px);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}


.kmt-reveal-card::before
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: opacity .4s ease-in-out;
            transition: opacity .4s ease-in-out;

    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,.6) 100%);
}

.kmt-reveal-card::after
{
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;

    opacity: 0;
    background: linear-gradient(135deg, rgba(0, 51, 102, .8) 0%, rgba(0, 102, 204, .8) 100%);
}

.kmt-reveal-card:hover
{
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .075);
}


.kmt-reveal-card:hover::before
{
    opacity: 0;
}

.kmt-reveal-card:hover::after
{
    opacity: 1 !important;
}

.reveal-title
{
    position: relative;
    z-index: 10 !important;

    -webkit-transform: translateZ(10px);
            transform: translateZ(10px);
}

.reveal-content-wrap
{
    position: relative;
    z-index: 10 !important;

    overflow: hidden !important;

    max-height: 0;

    -webkit-transition: max-height .5s ease-in-out, opacity .4s ease-in-out;
            transition: max-height .5s ease-in-out, opacity .4s ease-in-out;
    -webkit-transform: translateZ(10px);
            transform: translateZ(10px);

    opacity: 0;
}

.kmt-reveal-card:hover .reveal-content-wrap
{
    max-height: 350px !important;

    opacity: 1 !important;
}

.reveal-description
{
    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
            transition: opacity .4s ease, transform .4s ease;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);

    opacity: 0;
}

.kmt-reveal-card:hover .reveal-description
{
    -webkit-transition-delay: .1s;
            transition-delay: .1s;
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;

    opacity: 1 !important;
}

.reveal-button
{
    width: fit-content;

    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
            transition: opacity .4s ease, transform .4s ease;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    white-space: nowrap;

    opacity: 0;
    color: var(--e-global-color-text);
}

.kmt-reveal-card:hover .reveal-button
{
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
    -webkit-transform: translateY(0) !important;
            transform: translateY(0) !important;

    opacity: 1 !important;
}

.reveal-button .elementor-widget-text-editor
{
    width: auto !important;
    margin: 0 !important;
}