.card-via-id-wrapper {
    container-type: inline-size;
    width: 100%;
}

.card-via-id-wrapper:has(+ style + .card-via-id-wrapper) {
    margin-bottom: 30px;
}

.card-via-id-wrapper .hooucard-wrapper {
    justify-content: center;
    padding: 0;
}

.card-via-id-wrapper .hooucard {
    border: 1px solid #d8dfe7; /* 0.5px */
    min-width: 300px;
    max-width:300px;
    height: 546px;
}


@container (min-width: 620px) {
    .card-via-id-wrapper .hooucard-wrapper .hooucard {
        min-width:100%;
        max-width:100%;
        height:220px;
        border: 1px solid var(--hoou-grau-300); /* 0.5px */
        flex-direction: row;
    }
    .card-via-id-wrapper .hooucard-wrapper {
        max-width:1068px;
        margin: auto;
    }
    .card-via-id-wrapper .hooucard .hooucard-imagewrapper{
        min-width:300px;
        max-width:300px;
    }
    .card-via-id-wrapper .hooucard .hooucard-imagewrapper img{
        aspect-ratio: 1.36;
        object-fit: cover;
    }
    .card-via-id-wrapper .hooucard .hooucard-layout-container{
        flex-direction: row;
        width:100%;
    }
    .card-via-id-wrapper .hooucard .hooucard-content {
        border-right: 1px solid var(--hoou-hellgrau);
    }
    .card-via-id-wrapper .hooucard h3.hooucard-content-title {
        -webkit-line-clamp: 2;
    }
    .card-via-id-wrapper .hooucard .hooucard-content-summary {
        -webkit-line-clamp: 1;
    }
    .card-via-id-wrapper .hooucard .hooucard-buttonmimic {
        height:auto;
        text-align: center;
        border: none;
        padding: 0 16px;
    }
    .card-via-id-wrapper .hooucard .hooucard-buttonmimic-text {
        display: none;
    }

}

@container (min-width: 618px) {
    /*cards with nested-image-wrappers (e.g. showcards)*/
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-layout-container {
        flex-direction: row;
        width: 100%;
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-inner-imagewrapper {
        height: 100%;
        aspect-ratio: 1 / 1;
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-imagewrapper {
        min-width: 300px;
        max-width: 300px;
        padding: 2.5%;
    }
    .card-via-id-wrapper .hooucard .hooucard-imagewrapper {
        border: none;
    }
    .card-via-id-wrapper .lernangebotcard .hooucard-content,
    .card-via-id-wrapper .errorcard .hooucard-content,
    .card-via-id-wrapper .podcastcard .hooucard-content {
        padding: 16px;
        border-right: 1px solid var(--hoou-hellgrau);
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) h3.hooucard-content-title {
        -webkit-line-clamp: 2;
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-content-summary {
        -webkit-line-clamp: 2;
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-buttonmimic {
        height:auto;
        text-align: center;
        border: none;
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-buttonmimic-text {
        display: none;
    }
    .card-via-id-wrapper .hooucard:has(.hooucard-inner-imagewrapper) .hooucard-inner-imagewrapper {
        width: auto;
    }
}