.is-vertically-aligned-stretch > .teaser,
.is-vertically-aligned-stretch > .teaser .teaser_link,
.is-vertically-aligned-stretch > .teaser .teaser_content {
    height: 100%;
}
.is-vertically-aligned-stretch > .teaser .teaser_arrow {
    margin-top: auto;
}
.teaser .teaser_link {
    display: flex;
    color: #333;
    text-decoration: none;
    color:inherit;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.teaser .teaser_link h1,
.teaser .teaser_link h2,
.teaser .teaser_link h3,
.teaser .teaser_link h4,
.teaser .teaser_link h5,
.teaser .teaser_link h6 {
    color:inherit;
}
.teaser .teaser_arrow{
    display: block;
    width: 50px;
    height: 30px;
    cursor: pointer;
    margin:0 0 0 auto;
    transform: scale(0.8);
    background-color: currentColor;
    clip-path: path('M49.8,15c0,.5-.2,1.1-.6,1.4,0,0-12.9,12.9-12.9,12.9-.4.4-.9.6-1.4.6-1.7,0-2.7-2.3-1.4-3.5,0,0,9.4-9.4,9.4-9.4H2.2c-1.1,0-2-.9-2-2s.9-2,2-2h40.7l-9.4-9.4c-.8-.8-.8-2.1,0-2.9.8-.8,2.1-.8,2.9,0l12.9,12.9c.4.4.6.9.6,1.4Z');
    order:3;
}
.teaser .teaser_content {
    width: 100%;
    padding: 2rem;
    display: flex;
    flex-direction: column;
}
.teaser_display_big .teaser_content {
    padding: 3rem 5rem 3rem 3rem;
}
.teaser .teaser_subtitle {
    font-size: 1.4rem;
    font-weight: 900;
    order:2;
}
.teaser .teaser_title {
    font-size: 1.2rem;
    font-weight: 400;
    order:1;
}
.teaser_display_big .teaser_subtitle {
    font-size: 2rem;
    font-weight: 400;
}
.teaser_display_big .teaser_title {
    font-weight: 900;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.teaser_display_big .teaser_title:has(>*[class^="hth-icon-"]){
    display: flex;
    gap:0.2rem;
    align-items: center;
}
.teaser_display_big .teaser_title [class^="hth-icon-"] {
    font-size: 1.6rem;
}
.teaser .teaser_image {
    display: block;
    align-self: stretch;
}
.teaser .teaser_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teaser_display_big .teaser_link{
    flex-wrap: wrap;
}
@media only screen and (min-width: 782px) {
    .teaser_display_big .teaser_link{
        flex-wrap: nowrap;
    }
    .teaser .teaser_image img {
        max-width: 400px;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}