.img-template-sx{
    float: left;
    margin: 0 2rem 1rem 0;
    max-height: 38vh;
    max-width: 40%;
    object-fit: contain !important;
    border-radius: 0.7rem;
    z-index: 100;
    position: relative;

    &:hover{
        cursor: pointer;
    }
}

.img-template-dx{
    float: right;
    margin: 0 0 1rem 2rem;
    max-height: 38vh;
    max-width: 40%;
    object-fit: contain !important;
    border-radius: 0.7rem;
    z-index: 100;
    position: relative;
    
    &:hover{
        cursor: pointer;
    }
}

.template-data{
    font-family: var(--holzhof-font-family-roboto);
    font-style: var(--holzhof-font-style-normal);
    letter-spacing: var(--holzhof-character-spacing-0);
    font-weight: var(--holzhof-font-weight-normal);
    font-size: var(--holzhof-font-size-18);
    line-height: var(--holzhof-line-spacing-28);
    color: var(--holzhof-color-grey);
    text-transform: none;
    text-decoration: none;
    float: right;
    height: 2rem;
    width: fit-content;
}


/*----------------------------------------------------------
                        VISTA MOBILE
----------------------------------------------------------*/
@media (max-width: 999px){
    .img-template-sx{
        min-width: 100%;
        max-height: none;
        height: auto;
        object-fit: cover !important;
    }

    .img-template-dx{
        min-width: 100%;
        max-height: none;
        height: auto;
        object-fit: cover !important;
    }
}