.template-vacancy section.textimg-1 h2 {
    font-size: clamp(1.25em, 5vw, 48px);
}

.template-vacancy .text p {
    font-size: 18px;
}

/*.template-vacancy section.textimg-1 figure{*/
/*	background-size: auto!important;*/
/*}*/


@media screen and (min-width: 1024px) {
    .template-vacancy section.textimg-1 .btn {
        font-size: 18px;
    }

    .template-vacancy section.textimg-1 .btn {
        font-size: 20px;
    }

    /*.template-vacancy section.textimg-1._textleft .textimg__figure{*/
    /*	grid-column-start: 13;*/
    /*}*/
}

@media screen and (max-width: 1023px) {
    .template-vacancy section.textimg-1 h2 {
        font-size: 48px;
    }

    .template-vacancy section.textimg-1 .btn {
        font-size: 18px;
    }

    .template-vacancy .text p {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .template-vacancy section.textimg-1 h2 {
        font-size: 40px;
    }

}

a.card-textimg {
    h2 {
        font-size: clamp(1.125em, 4vw, 1.75em);
    }

    p {
        margin-bottom: 2em;
        @media (width >= 1024px) {
            margin-bottom: 4em;
        }
    }

    .blog-item-details {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
        padding-block: 0.5rem;

        @media (width >= 1024px) {
            padding-block: 0.5rem 1.5rem;
        }


        span {
            position: relative;

            &:not(:first-child) {
                &:before {
                    content: '|';
                    position: absolute;
                    left: -10px;
                }
            }
        }
    }

    @media (width >= 1024px) {
        &._textleft {
            .textimg__text {
                grid-column-end: span 13;
            }

            .textimg__figure {
                grid-column-start: 14;
            }
        }

        &._textright {
            .textimg__text {
                grid-column-end: span 13;
            }
        }
    }
}

.template-blog-detail {
    .bodytext-1 {
        h2 {
            font-size: clamp(1.125em, 4vw, 1.75em);
        }

        h3 {
            font-size: clamp(1em, 4vw, 1.25em);
        }
    }

    .text {
        p {
            margin-bottom: 2em;
            @media (width >= 1024px) {
                margin-bottom: 3em;
            }
        }
    }
}

