html .weiterbildung-offer-card {
    width: 100% !important;
    max-width: 100%;
    margin: 0 !important;
    box-sizing: border-box;
    container-type: inline-size;
    font-family: "Lexend", Arial, sans-serif !important;
    font-size: 1.75cqw !important;
    border-radius: clamp(14px, 1.6cqw, 24px);
    box-shadow: 0 16px 34px rgba(16, 47, 70, .18) !important;
}
html .wb-course-card {
    position: relative;
    min-height: 0;
    aspect-ratio: 10 / 3;
    overflow: hidden;
    background: #fff;
}
html .wb-course-card__image {
    position: absolute;
    width: 80%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
}
html .wb-course-card--left .wb-course-card__image { left: 30%; top: -7cqw; }
html .wb-course-card--right .wb-course-card__image { left: -10%; top: -10cqw; }
html .wb-course-card__shape {
    position: absolute;
    bottom: -10cqw;
    width: 50cqw;
    height: 50cqw;
    border-radius: 50%;
    background: #e5f4fc;
    box-shadow: 4px 4px 20px rgba(0,0,0,.3);
}
html .wb-course-card__shape::after {
    content: "";
    position: absolute;
    top: 5cqw;
    width: 45cqw;
    height: 45cqw;
    border-radius: 50%;
    background: #0069ad;
}
html .wb-course-card--left .wb-course-card__shape { left: -10cqw; }
html .wb-course-card--left .wb-course-card__shape::after { left: 0; }
html .wb-course-card--right .wb-course-card__shape { right: -10cqw; }
html .wb-course-card--right .wb-course-card__shape::after { right: 0; }
html .wb-course-card__copy {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #fff;
    line-height: 2em;
}
html .wb-course-card--left .wb-course-card__copy { left: 5cqw; width: 24.2cqw; text-align: left; }
html .wb-course-card--right .wb-course-card__copy { right: 3cqw; width: 32cqw; text-align: right; }
html .wb-course-card__category {
    display: block;
    width: 20cqw;
    padding-bottom: .1em;
    border-bottom: .2cqw solid #fff;
    font-size: 1em;
    letter-spacing: 0;
}
html .wb-course-card--right .wb-course-card__category { margin-left: auto; }
html .wb-course-card__title {
    margin: .9em 0 0 !important;
    color: #e5f4fc !important;
    font: 700 1.5em/1.33 "Lexend", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}
html .wb-course-card--right .wb-course-card__title { margin-top: .9em !important; }
html .wb-course-card__badge {
    position: absolute;
    top: 8%;
    z-index: 3;
    padding: .2em .5em;
    border: .5em solid #0069ad;
    border-radius: 1em;
    background: #e5f4fc;
    color: #102f46;
    font-size: .8em;
    font-weight: 700;
}
html .wb-course-card--left .wb-course-card__badge { left: 26cqw; }
html .wb-course-card--right .wb-course-card__badge { right: 26cqw; }
html .wb-course-card__people {
    position: absolute;
    bottom: 1cqw;
    z-index: 8;
    display: flex;
    gap: 0;
}
html .wb-course-card--left .wb-course-card__people { right: 3cqw; left: auto; flex-direction: row-reverse; }
html .wb-course-card--right .wb-course-card__people { left: 5cqw; right: auto; flex-direction: row; }
html .wb-course-card__teacher {
    position: relative !important;
    flex: 0 0 10cqw;
    width: 10cqw;
    height: 10cqw;
}
html .wb-course-card__avatar {
    width: 10cqw !important;
    aspect-ratio: 1;
    object-fit: cover;
    border: 1cqw solid #e5f4fc !important;
    border-radius: 50%;
    background: #fff;
    box-shadow: 4px 4px 20px rgba(0,0,0,.3);
}
html .wb-course-card__avatar + .wb-course-card__avatar { margin-left: -2cqw; }
html .wb-course-card__teacher > .teacherDescImg,
html .wb-course-card__teacher .teacherDesc > .wb-course-card__avatar {
    position: absolute !important;
    inset: 0 auto auto 0;
    margin: 0 !important;
}
html .wb-course-card__teacher .teacherDesc {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 10cqw !important;
    height: 10cqw;
    z-index: 20;
}
html .wb-course-card__teacher .teacherDescPanel {
    position: absolute !important;
    bottom: 0;
    width: 38cqw !important;
    max-width: 38cqw;
    z-index: 25;
}
html .wb-course-card--left .wb-course-card__teacher .teacherDescPanel {
    right: 10cqw;
    left: auto;
}
html .wb-course-card--right .wb-course-card__teacher .teacherDescPanel {
    left: 10cqw;
    right: auto;
}
@media (max-width: 700px) {
    html .wb-course-card { aspect-ratio: 10 / 3; }
}