/*
 * Competenza Academy
 * Masteriyo Single Course – Layout 1
 */

.masteriyo-single[data-layout="modern"] {
    --ca-single-gap: 42px;
    --ca-single-sidebar: 360px;

    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        var(--ca-single-sidebar);
    gap: var(--ca-single-gap);
    width: min(100% - 40px, 1280px);
    margin: 48px auto 80px;
    align-items: start;
}

/* Die von Masteriyo erzeugte Body-Hülle wird nur für das Grid geöffnet. */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body {
    display: contents !important;
}

/* Linke Kurskarte */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header {
    grid-column: 1;
    grid-row: 1;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
        "image"
        "content";
    gap: 0 !important;
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(102, 102, 102, .16);
    border-radius: 0 !important;
    box-shadow: 0 14px 38px rgba(28, 36, 44, .08);
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content {
    grid-area: content;
    padding: 30px 34px 28px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header > :last-child {
    grid-area: image;
}

/* Kursbild */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content--title {
    margin: 14px 0 18px !important;
    color: #20252a !important;
    font-size: clamp(30px, 3vw, 44px) !important;
    font-weight: 700 !important;
    line-height: 1.14 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content--author-rating {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    margin: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content--info {
    display: none !important;
}

/* Hauptinhalt direkt unter der linken Karte */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main {
    grid-column: 1;
    grid-row: 2;
    min-width: 0;
    margin: 0 !important;
    background: #ffffff;
    border: 1px solid rgba(102, 102, 102, .16);
    border-radius: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs {
    display: flex !important;
    gap: 30px;
    margin: 0 !important;
    padding: 0 34px !important;
    border-bottom: 1px solid rgba(102, 102, 102, .16);
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
.masteriyo-tab {
    position: relative;
    padding: 20px 0 17px !important;
    color: #666666 !important;
    font-weight: 500 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
.masteriyo-tab.active-tab {
    color: #ed8008 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
.masteriyo-tab.active-tab::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 3px;
    content: "";
    background: #ed8008;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--content {
    padding: 30px 34px 38px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main p,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main li {
    color: #666666 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* Curriculum */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top {
    margin-bottom: 20px;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion {
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid rgba(102, 102, 102, .16) !important;
    border-radius: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    background: #666666 !important;
    color: #ffffff !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header * {
    color: #ffffff !important;
}

/* Rechte Sidebar */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside {
    grid-column: 2;
    grid-row: 1 / span 2;

    position: sticky !important;
    top: 110px !important;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    padding: 28px !important;
    background: #ffffff;
    border: 1px solid rgba(102, 102, 102, .16);
    border-radius: 0 !important;
    box-shadow: 0 14px 38px rgba(28, 36, 44, .08);
    align-self: start;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-single-body__aside--price,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-single-course--card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(102, 102, 102, .16) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--enroll,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--enroll
.masteriyo-btn {
    width: 100% !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-btn {
    position: relative !important;
    display: flex !important;
    min-height: 50px !important;
    padding: 0 24px 0 30px !important;
    overflow: hidden;
    color: #ffffff !important;
    background: #555b61 !important;
    border: 0 !important;
    border-radius: 0 !important;
    align-items: center;
    justify-content: center;
    font-weight: 700 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-btn::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    content: "";
    background: #ed8008;
}

.ca-single-course-facts {
    margin-top: 24px;
}

.ca-single-course-facts__title {
    margin: 0 0 14px !important;
    color: #666666 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.ca-single-course-facts__list {
    margin: 0;
}

.ca-single-course-facts__list > div {
    display: flex;
    min-height: 44px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(102, 102, 102, .12);
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.ca-single-course-facts__list dt,
.ca-single-course-facts__list dd {
    margin: 0;
    color: #666666;
}

.ca-single-course-facts__list dd {
    font-weight: 700;
    text-align: right;
}

/* Tablet und Mobil */

@media (max-width: 1023px) {
    .masteriyo-single[data-layout="modern"] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-header,
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main,
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__aside {
        grid-column: 1;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-header {
        grid-row: 1;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main {
        grid-row: 2;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__aside {
        grid-row: 3;
        position: static !important;
        top: auto !important;
    }
}

@media (max-width: 575px) {
    .masteriyo-single[data-layout="modern"] {
        width: min(100% - 28px, 1280px);
        margin-top: 28px;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-header__content,
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--content {
        padding: 24px 22px !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-course-curriculum-tabs {
        gap: 22px;
        padding: 0 22px !important;
        overflow-x: auto;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__aside {
        padding: 22px !important;
    }
}

/* COMPETENZA_SINGLE_COURSE_TAB_WIDTH_START */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
    justify-self: stretch !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-course--main__content {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--content {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* COMPETENZA_SINGLE_COURSE_TAB_WIDTH_END */

/* COMPETENZA_SINGLE_TAB_ORDER_START */

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
[data-ca-course-tab="overview"] {
    order: 1;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
[data-ca-course-tab="curriculum"] {
    order: 2;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
[data-ca-course-tab="reviews"] {
    order: 3;
}

/* COMPETENZA_SINGLE_TAB_ORDER_END */

/* COMPETENZA_SINGLE_SIDEBAR_CONTENT_START */

/* Sidebar-Reihenfolge */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside {
    display: flex !important;
    flex-direction: column !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price {
    order: 1;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--price {
    order: 2;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts {
    order: 3;
}

/* Eigenen Preis anzeigen, nativen Preistext ausblenden */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--price-wrapper {
    display: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price {
    display: flex;
    min-height: 54px;
    margin: 0 0 22px;
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(102, 102, 102, .16);
    align-items: center;
    gap: 12px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price span {
    color: #20252a;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.1;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price del {
    color: #8c8f94;
    font-size: 16px;
}

/* Aktionsbereich */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--price {
    margin: 0 !important;
    padding: 0 0 24px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--enroll {
    width: 100% !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--enroll
.masteriyo-btn {
    width: 100% !important;
}

/* Fakten */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts {
    margin-top: 24px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__title {
    margin: 0 0 14px !important;
    color: #666666 !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list {
    margin: 0;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list > div {
    display: flex;
    min-height: 44px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(102, 102, 102, .12);
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list dt,
.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list dd {
    margin: 0;
    color: #666666;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list dd {
    font-weight: 500;
    text-align: right;
}

/* Kursmerkmale */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(102, 102, 102, .16);
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights ul {
    display: grid;
    gap: 11px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights li {
    position: relative;
    margin: 0 !important;
    padding: 0 0 0 28px !important;
    color: #666666 !important;
    line-height: 1.45 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights li::before {
    position: absolute;
    top: .18em;
    left: 0;
    width: 18px;
    height: 18px;
    content: "✓";
    color: #7bb41d;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
}

/* Native Highlights unterdrücken, da sie oben integriert sind */

.masteriyo-single[data-layout="modern"]
.masteriyo-course-highlights {
    display: none !important;
}

/* Kategorie-Labels im Kurskopf */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content
a[href*="course-category"],
.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content
.masteriyo-course-category,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content
.masteriyo-course-category-list a {
    display: inline-flex !important;
    min-height: 28px;
    margin: 0 7px 7px 0 !important;
    padding: 4px 10px !important;
    color: #ed8008 !important;
    background: #ffffff !important;
    border: 1px solid rgba(237, 128, 8, .45) !important;
    border-radius: 0 !important;
    align-items: center;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .035em;
    text-decoration: none !important;
    text-transform: uppercase;
}

/* COMPETENZA_SINGLE_SIDEBAR_CONTENT_END */

/* COMPETENZA_SINGLE_MODERN_CI_START */

/*
 * Competenza Academy – moderne Kursdetailseite
 * Gilt ausschließlich für Masteriyo layout1.
 */

/* Grundkarten */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside {
    background: #ffffff !important;
    border: 1px solid rgba(102, 102, 102, .16) !important;
    border-radius: 0 !important;
    box-shadow: 0 14px 38px rgba(28, 36, 44, .07) !important;
}

/* Kursbild */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header img {
    border-radius: 0 !important;
}

/* Kategorie-Labels */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content {
    padding-top: 34px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content
a[href*="course-category"],
.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content
.masteriyo-course-category,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content
.masteriyo-course-category-list a {
    display: inline-flex !important;
    min-height: 29px;
    margin: 0 8px 18px 0 !important;
    padding: 5px 11px !important;

    color: #ed8008 !important;
    background: rgba(237, 128, 8, .045) !important;

    border: 1px solid rgba(237, 128, 8, .48) !important;
    border-radius: 0 !important;

    align-items: center;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .04em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-header__content--title {
    margin-top: 0 !important;
}

/* Sidebar */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside {
    display: flex !important;
    flex-direction: column !important;

    position: sticky !important;
    top: 110px !important;

    padding: 28px !important;
}

/* Einheitliche Reihenfolge */

.masteriyo-single[data-layout="modern"]
.ca-single-course-price {
    order: 1;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--price {
    order: 2;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts {
    order: 3;
}

/* Nativen Preis ausblenden */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--price-wrapper {
    display: none !important;
}

/* Preis */

.masteriyo-single[data-layout="modern"]
.ca-single-course-price {
    display: flex;
    min-height: 52px;
    margin: 0 0 22px;
    padding: 0 0 20px;

    border-bottom: 1px solid rgba(102, 102, 102, .16);

    align-items: baseline;
    gap: 12px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price__current {
    color: #20252a;
    font-size: 29px;
    font-weight: 700;
    line-height: 1.1;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price__old {
    color: #96999d;
    font-size: 15px;
}

/* CTA */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--price,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-single-course--card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 24px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(102, 102, 102, .16) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--enroll,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside--enroll
.masteriyo-btn {
    width: 100% !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-btn {
    position: relative !important;

    display: flex !important;
    min-height: 50px !important;
    padding: 0 24px 0 30px !important;

    overflow: hidden !important;

    color: #ffffff !important;
    background: #555b61 !important;

    border: 0 !important;
    border-radius: 0 !important;

    align-items: center;
    justify-content: center;

    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-btn::before {
    position: absolute;

    top: 0;
    bottom: 0;
    left: 0;

    width: 6px;

    content: "";

    background: #ed8008;

    transition: width 180ms ease;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-btn:hover::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__aside
.masteriyo-btn:focus-visible::before {
    width: 46px;
}

/* Fakten */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts {
    margin-top: 25px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__title {
    margin: 0 0 15px !important;

    color: #555b61 !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list {
    margin: 0;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list > div {
    display: flex;
    min-height: 48px;
    padding: 12px 0;

    border-bottom: 1px solid rgba(102, 102, 102, .12);

    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list dt {
    display: inline-flex;
    margin: 0;

    color: #666666;

    align-items: center;
    gap: 10px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list dd {
    margin: 0;

    color: #555b61;

    font-weight: 700;
    text-align: right;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list svg {
    width: 18px;
    height: 18px;

    color: #ed8008;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
}

/* Kursmerkmale */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights {
    margin-top: 22px;
    padding-top: 20px;

    border-top: 1px solid rgba(102, 102, 102, .16);
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights ul {
    display: grid;

    margin: 0 !important;
    padding: 0 !important;

    gap: 12px;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights li {
    position: relative;

    margin: 0 !important;
    padding: 0 0 0 28px !important;

    color: #666666 !important;
    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    font-size: 15px !important;
    line-height: 1.45 !important;

    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights li::before {
    position: absolute;

    top: .1em;
    left: 0;

    width: 19px;
    height: 19px;

    content: "✓";

    color: #7bb41d;

    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: center;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights li *,
.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights span,
.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__highlights p {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    box-shadow: none !important;
}

/* Native Highlight-Ausgabe entfernen */

.masteriyo-single[data-layout="modern"]
.masteriyo-course-highlights {
    display: none !important;
}

/* Tabs */

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs {
    background: #ffffff !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
.masteriyo-tab {
    color: #555b61 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs
.masteriyo-tab.active-tab {
    color: #ed8008 !important;
}

/* Curriculum-Metadaten */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top {
    display: flex !important;
    flex-wrap: wrap;
    gap: 18px;

    margin-bottom: 22px !important;
    padding-bottom: 20px !important;

    border-bottom: 1px solid rgba(102, 102, 102, .14);
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo {
    display: flex !important;
    flex-wrap: wrap;

    margin: 0 !important;
    padding: 0 !important;

    gap: 10px 20px;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
    position: relative;

    margin: 0 !important;
    padding: 0 0 0 15px !important;

    color: #666666 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::before {
    position: absolute;

    top: 50%;
    left: 0;

    width: 5px;
    height: 5px;

    content: "";

    background: #ed8008;

    transform: translateY(-50%);
}

/* Accordion */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion {
    margin-bottom: 13px !important;

    overflow: hidden;

    border: 1px solid rgba(102, 102, 102, .16) !important;
    border-radius: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    min-height: 56px;

    padding: 15px 18px !important;

    color: #ffffff !important;
    background: #666666 !important;

    border-left: 5px solid #ed8008 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header *,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header svg {
    color: #ffffff !important;

    fill: none !important;
    stroke: currentColor !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion
li {
    min-height: 49px;

    padding-top: 13px !important;
    padding-bottom: 13px !important;

    color: #666666 !important;
    background: #ffffff !important;

    border-top: 1px solid rgba(102, 102, 102, .10) !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion
li:hover {
    background: rgba(189, 204, 216, .14) !important;
}

/* Reviews */

.masteriyo-single[data-layout="modern"]
.course-reviews input,
.masteriyo-single[data-layout="modern"]
.course-reviews select,
.masteriyo-single[data-layout="modern"]
.course-reviews textarea {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.course-reviews
.masteriyo-btn,
.masteriyo-single[data-layout="modern"]
.course-reviews
button {
    color: #ffffff !important;
    background: #555b61 !important;

    border: 0 !important;
    border-radius: 0 !important;
}

@media (max-width: 1023px) {
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__aside {
        position: static !important;
        top: auto !important;
    }
}

/* COMPETENZA_SINGLE_MODERN_CI_END */

/* COMPETENZA_SINGLE_INCLUDES_HEADING_START */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts {
    margin-top: 24px;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__includes {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(102, 102, 102, .16);
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__includes
.ca-single-course-facts__title {
    margin: 0 0 18px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__includes
.ca-single-course-facts__highlights {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

/* COMPETENZA_SINGLE_INCLUDES_HEADING_END */

/* COMPETENZA_SINGLE_INCLUDES_LINE_FIX_START */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__includes {
    border-top: 0 !important;
    padding-top: 0 !important;
}

/* COMPETENZA_SINGLE_INCLUDES_LINE_FIX_END */

/* COMPETENZA_CLEAN_DEMO_HEADER_START */

/*
 * Kurskopf nach Demo:
 * Bild
 * Kategorie
 * Titel
 * Autor / Bewertung
 */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid rgba(102, 102, 102, .16) !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;

    box-shadow:
        0 14px 38px
        rgba(28, 36, 44, .07) !important;
}

/* Full-Width-Bild */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media > *,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media
.masteriyo-single-header__image,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media
.masteriyo-course--img-wrap {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;

    aspect-ratio: 16 / 9;
    object-fit: cover;

    border: 0 !important;
    border-radius: 0 !important;
}

/* Inhalt unter dem Bild */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__content {
    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 30px 34px 32px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}

/* Kategorien */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__categories {
    display: flex !important;
    flex-wrap: wrap !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    gap: 8px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__category {
    display: inline-flex !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 25px !important;

    margin: 0 !important;
    padding: 5px 10px !important;

    color: #ed8008 !important;
    background: rgba(237, 128, 8, .045) !important;

    border: 1px solid rgba(237, 128, 8, .45) !important;
    border-radius: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .04em;

    text-decoration: none !important;
    text-transform: uppercase;

    box-shadow: none !important;
}

/* Titel */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__title-row {
    display: flex !important;

    width: 100% !important;

    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 24px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__title {
    flex: 1 1 auto !important;

    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    color: #20252a !important;

    font-size: clamp(30px, 3vw, 42px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em;

    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
}

/* Autor und Bewertung */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__meta {
    display: flex !important;
    flex-wrap: wrap !important;

    margin-top: 24px !important;

    align-items: center !important;

    gap: 22px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__author,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__rating {
    display: inline-flex !important;

    color: #555b61 !important;

    align-items: center !important;

    gap: 8px !important;

    font-size: 15px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__avatar {
    display: inline-flex !important;

    width: 40px !important;
    height: 40px !important;

    overflow: hidden !important;

    border-radius: 50% !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__avatar img {
    display: block !important;

    width: 40px !important;
    height: 40px !important;

    object-fit: cover !important;

    border-radius: 50% !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__rating svg {
    width: 18px !important;
    height: 18px !important;

    color: #ed8008 !important;

    fill: #ed8008 !important;
    stroke: #ed8008 !important;
}

/*
 * Nativen Hauptbereich direkt an den Kopf anschließen.
 * Keine eigenen Grid- oder Wrapper-Manipulationen.
 */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body {
    margin-top: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main {
    margin-top: 0 !important;

    border-top:
        1px solid
        rgba(102, 102, 102, .16) !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs {
    margin-top: 0 !important;
}

/* Mobile */

@media (max-width: 575px) {
    .masteriyo-single[data-layout="modern"]
    .ca-single-course-demo-header__content {
        padding: 24px 22px 28px !important;
    }

    .masteriyo-single[data-layout="modern"]
    .ca-single-course-demo-header__title {
        font-size: 29px !important;
    }
}

/* COMPETENZA_CLEAN_DEMO_HEADER_END */

/* COMPETENZA_HEADER_NORMAL_FLOW_START */

/*
 * Kurskopf ausschließlich im normalen Dokumentfluss:
 * Bild -> Kategorien -> Titel -> Autor/Bewertung
 */

.masteriyo-single[data-layout="modern"]
header.ca-single-course-demo-header {
    display: block !important;
    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    grid-template-columns: none !important;
    grid-template-rows: none !important;
}

/* Bildbereich */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media {
    display: block !important;
    position: relative !important;

    z-index: 1 !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    inset: auto !important;
    float: none !important;
    clear: both !important;

    transform: none !important;
}

/* Alle von Masteriyo erzeugten Bild-Wrapper neutralisieren */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media > *,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media
.masteriyo-single-header__image,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media
.masteriyo-course--img-wrap {
    display: block !important;
    position: static !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    inset: auto !important;
    float: none !important;

    transform: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__media img {
    display: block !important;
    position: static !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;

    inset: auto !important;
    float: none !important;

    aspect-ratio: 16 / 9;
    object-fit: cover;

    transform: none !important;
}

/* Textbereich garantiert unterhalb des Bildes */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__content {
    display: block !important;
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 30px 34px 32px !important;

    inset: auto !important;
    float: none !important;
    clear: both !important;

    background: #ffffff !important;

    transform: none !important;
    box-sizing: border-box !important;
}

/* Kategorien und Titel niemals absolut positionieren */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__categories,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__title-row,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__meta,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__title {
    position: static !important;

    inset: auto !important;
    float: none !important;

    transform: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__categories {
    display: flex !important;
    flex-wrap: wrap !important;

    margin: 0 0 18px !important;
    gap: 8px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__title-row {
    display: flex !important;
    width: 100% !important;

    align-items: flex-start !important;
    justify-content: space-between !important;

    gap: 24px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__title {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    margin: 0 !important;
}

/* COMPETENZA_HEADER_NORMAL_FLOW_END */

/* COMPETENZA_SINGLE_FACT_LINES_FINAL_START */

/*
 * Keine Trennlinien zwischen Dauer, Lektionen,
 * Wissenstests und Aktualisiert.
 */
.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list > div {
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
}

/*
 * Ausschließlich eine Trennlinie vor
 * „Diese Schulung enthält“.
 */
.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__includes {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid rgba(102, 102, 102, .16) !important;
}

/* COMPETENZA_SINGLE_FACT_LINES_FINAL_END */

/* COMPETENZA_SINGLE_HEADER_TABS_GAP_START */

/*
 * Kurskopf und Tab-Bereich bilden optisch eine zusammenhängende Karte.
 */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header {
    margin-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
    row-gap: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--content {
    margin-top: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-curriculum-tabs {
    margin-top: 0 !important;
}

/*
 * Die Rahmenkante zwischen Kurskopf und Tabs bleibt erhalten,
 * aber ohne sichtbaren Weißraum.
 */
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header {
    border-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main {
    border-top: 1px solid rgba(102, 102, 102, .16) !important;
}

/* COMPETENZA_SINGLE_HEADER_TABS_GAP_END */

/* COMPETENZA_HEADER_TABS_DIRECT_CONNECTION_START */

/*
 * Der Kurskopf und der folgende Masteriyo-Body
 * werden ohne vertikalen Abstand direkt verbunden.
 */
.masteriyo-single[data-layout="modern"] {
    row-gap: 0 !important;
}

.masteriyo-single[data-layout="modern"]
> .ca-single-course-demo-header {
    margin-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
> .ca-single-course-demo-header
+ .masteriyo-single-body {
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
}

/*
 * Falls Masteriyo den Abstand über die Hauptspalte setzt.
 */
.masteriyo-single[data-layout="modern"]
> .ca-single-course-demo-header
+ .masteriyo-single-body
> .masteriyo-single-body__main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/*
 * Optisch eine einzige linke Karte:
 * obere Karte ohne Unterkante, Tabs übernehmen die Trennlinie.
 */
.masteriyo-single[data-layout="modern"]
> .ca-single-course-demo-header {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
> .ca-single-course-demo-header
+ .masteriyo-single-body
> .masteriyo-single-body__main {
    border-top: 1px solid rgba(102, 102, 102, .16) !important;
}

/* COMPETENZA_HEADER_TABS_DIRECT_CONNECTION_END */

/* COMPETENZA_HEADER_AUTHOR_RATING_START */

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__meta {
    display: flex !important;
    flex-wrap: wrap !important;

    margin-top: 24px !important;

    align-items: center !important;
    gap: 24px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__author,
.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__rating {
    display: inline-flex !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;
    gap: 9px !important;

    font-size: 15px !important;
    line-height: 1.3 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__author-name {
    font-weight: 500 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__avatar {
    display: inline-flex !important;

    width: 40px !important;
    height: 40px !important;

    flex: 0 0 40px !important;

    overflow: hidden !important;

    background: #f3f4f5 !important;
    border-radius: 50% !important;

    align-items: center !important;
    justify-content: center !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__avatar img {
    display: block !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;

    object-fit: cover !important;

    border-radius: 50% !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__rating {
    font-weight: 600 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__rating svg {
    width: 18px !important;
    height: 18px !important;

    color: var(--ca-academy, #ed8008) !important;

    fill: var(--ca-academy, #ed8008) !important;
    stroke: var(--ca-academy, #ed8008) !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-demo-header__rating-count {
    color: var(--ca-company, #666666) !important;
    font-weight: 400 !important;
}

/* COMPETENZA_HEADER_AUTHOR_RATING_END */

/* COMPETENZA_CURRICULUM_STATE_START */

/* Gesamter Curriculum-Bereich */

.masteriyo-single[data-layout="modern"]
.course-curriculum {
    width: 100% !important;
    max-width: none !important;
}

/* Kopfzeile: Fakten links, Ausklappen rechts */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 20px 24px !important;

    background: #ffffff !important;

    border: 1px solid rgba(102, 102, 102, .16) !important;
    border-bottom: 0 !important;

    align-items: center !important;
    gap: 18px 24px !important;

    box-sizing: border-box !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo {
    display: flex !important;
    flex-wrap: wrap !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 8px 20px !important;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
    position: relative !important;

    margin: 0 !important;
    padding: 0 0 0 14px !important;

    color: var(--ca-company, #666666) !important;

    font-size: 15px !important;
    line-height: 1.4 !important;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::before {
    position: absolute !important;

    top: 50% !important;
    left: 0 !important;

    width: 5px !important;
    height: 5px !important;

    content: "" !important;

    background: var(--ca-company, #666666) !important;
    border-radius: 50% !important;

    transform: translateY(-50%) !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--expand-btn {
    display: inline-flex !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--ca-academy, #ed8008) !important;

    align-items: center !important;
    justify-content: flex-end !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    cursor: pointer !important;
}

/* Ein gemeinsamer Rahmen */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid rgba(102, 102, 102, .16) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

/* Abschnitte ohne Kartenabstand */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(102, 102, 102, .14) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion:last-child {
    border-bottom: 0 !important;
}

/* Geschlossener Abschnitt */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        22px !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 15px 20px !important;

    color: #20252a !important;
    background: #ffffff !important;

    border: 0 !important;
    border-left: 5px solid transparent !important;
    border-radius: 0 !important;

    align-items: center !important;
    gap: 14px !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* Geöffneter Abschnitt */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    color: #ffffff !important;
    background: var(--ca-company, #666666) !important;

    border-left-color: var(--ca-academy, #ed8008) !important;
}

/* Alte automatische Nummerierung entfernen */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title::before {
    display: none !important;
    content: none !important;
}

/* Abschnittstitel */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Lektionen-/Quizanzahl rechts */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc {
    display: inline-flex !important;
    flex-wrap: wrap !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 7px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info {
    position: relative !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: 14px !important;
    line-height: 1.3 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info
+ .masteriyo-single-body-accordion-info::before {
    margin-right: 7px !important;
    content: "•" !important;
}

/* Chevron */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon {
    display: inline-flex !important;

    width: 22px !important;
    height: 22px !important;

    color: inherit !important;

    align-items: center !important;
    justify-content: center !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon svg {
    display: block !important;

    width: 17px !important;
    height: 17px !important;

    fill: currentColor !important;

    transition: transform 180ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon svg {
    transform: rotate(180deg) !important;
}

/* Alle Elemente im offenen Kopf weiß */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--header
* {
    color: #ffffff !important;
}

/* Body und Inhaltszeilen */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-items {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item {
    display: block !important;

    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 0 !important;
    border-top: 1px solid rgba(102, 102, 102, .12) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item:first-child {
    border-top: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    display: grid !important;

    grid-template-columns:
        20px
        minmax(0, 1fr)
        auto !important;

    width: 100% !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 13px 20px !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;
    gap: 12px !important;

    box-sizing: border-box !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
> svg {
    width: 18px !important;
    height: 18px !important;

    color: var(--ca-company, #666666) !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
a {
    color: var(--ca-company, #666666) !important;

    font-size: 15px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item:hover {
    background: rgba(189, 204, 216, .14) !important;
}

/* Mobile */

@media (max-width: 575px) {
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-top {
        grid-template-columns: 1fr !important;
        padding: 18px !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-top--expand-btn {
        justify-content: flex-start !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
        grid-template-columns: minmax(0, 1fr) 22px !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc {
        display: none !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

/* COMPETENZA_CURRICULUM_STATE_END */

/* COMPETENZA_CURRICULUM_ICONS_START */

/*
 * Kurzinfos ohne sichtbare Listenpunkte.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo {
    display: flex !important;
    flex-wrap: wrap !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 10px 22px !important;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
    display: inline-flex !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;

    font-size: 15px !important;
    line-height: 1.4 !important;

    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::after,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::marker {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    content: none !important;

    background: transparent !important;
}

/*
 * Accordion-Chevron über Lucide.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon {
    display: inline-flex !important;

    width: 22px !important;
    height: 22px !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;
    justify-content: center !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon svg {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    color: currentColor !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;

    transform: rotate(0deg) !important;

    transition:
        transform 180ms ease,
        color 180ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon svg {
    transform: rotate(180deg) !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon {
    color: #ffffff !important;
}

/*
 * Lucide-Schloss rechts in Inhaltszeilen.
 */
.masteriyo-single[data-layout="modern"]

.masteriyo-single[data-layout="modern"]

/*
 * Zeilenaufbau: Typ-Icon, Titel, Status/Schloss.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    display: grid !important;

    grid-template-columns:
        20px
        minmax(0, 1fr)
        auto !important;

    align-items: center !important;

    gap: 12px !important;
}

/* COMPETENZA_CURRICULUM_ICONS_END */

/* COMPETENZA_CURRICULUM_HEADER_FINAL_START */

/* Abschnittskopf wie in der Referenz */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        22px !important;

    min-height: 58px !important;

    padding: 15px 24px !important;

    align-items: center !important;

    gap: 14px !important;
}

/* Abschnittstitel links */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title {
    min-width: 0 !important;

    margin: 0 !important;

    color: inherit !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

/* Anzahl rechts */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc {
    display: inline-flex !important;
    flex-wrap: nowrap !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 8px !important;

    white-space: nowrap !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info {
    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

/* Punkt nur zwischen zwei vorhandenen Angaben */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info
+ .masteriyo-single-body-accordion-info::before {
    margin-right: 8px !important;

    content: "•" !important;
}

/* Chevron rechts */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon {
    display: inline-flex !important;

    width: 22px !important;
    height: 22px !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;
    justify-content: center !important;
}

.masteriyo-single[data-layout="modern"]
.ca-curriculum-chevron {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    color: currentColor !important;

    fill: none !important;
    stroke: currentColor !important;

    transform: rotate(0deg) !important;

    transition:
        transform 180ms ease,
        color 180ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.ca-curriculum-chevron {
    transform: rotate(180deg) !important;
}

/* Geschlossen: weiß */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    color: #20252a !important;
    background: #ffffff !important;

    border-left: 0 !important;
}

/* Geöffnet: Company-Grau mit Academy-Akzent */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    color: #ffffff !important;
    background: var(--ca-company, #666666) !important;

    border-left:
        5px solid
        var(--ca-academy, #ed8008) !important;

    padding-left: 19px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon {
    color: #ffffff !important;
}

/* Mobile */

@media (max-width: 575px) {
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
        grid-template-columns:
            minmax(0, 1fr)
            22px !important;

        padding-right: 18px !important;
        padding-left: 18px !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc {
        display: none !important;
    }
}

/* COMPETENZA_CURRICULUM_HEADER_FINAL_END */

/* COMPETENZA_CURRICULUM_CHEVRON_FINAL_START */

/*
 * Alte Abschnittsnummerierungen vollständig neutralisieren.
 * Dadurch verschwindet die falsche zusätzliche „3“.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion::after,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header::after,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-title::after,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info::after {
    content: none !important;
    display: none !important;
}

/*
 * Nur zwischen zwei echten Angaben einen Punkt anzeigen.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info
+ .masteriyo-single-body-accordion-info::before {
    display: inline !important;
    margin-right: 8px !important;
    content: "•" !important;
}

/* Feste Spalten: Titel, Angaben, Chevron */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        auto
        22px !important;

    min-height: 58px !important;
    padding: 15px 24px !important;

    align-items: center !important;
    gap: 14px !important;
}

/* Chevron sichtbar und sauber ausgerichtet */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon {
    display: inline-flex !important;

    width: 22px !important;
    height: 22px !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;
    justify-content: center !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-icon svg {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    color: currentColor !important;

    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;

    transition: transform 180ms ease !important;
}

/*
 * Masteriyo dreht den nativen Zustand teilweise selbst.
 * Bei unserer is-open-Klasse zeigt der Pfeil nach oben.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon svg {
    transform: rotate(180deg) !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon {
    color: #ffffff !important;
}

/* Geschlossene Zeilen gemäß Referenz */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion:not(.is-open)
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    color: #20252a !important;
    background: #ffffff !important;

    border-left: 0 !important;
}

/* COMPETENZA_CURRICULUM_CHEVRON_FINAL_END */

/* COMPETENZA_CURRICULUM_CHEVRON_COUNTER_FIX_START */

/*
 * Alte Zähler und Nummerierungs-Pseudoelemente vollständig entfernen.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-info::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-info::after {
    display: none !important;
    content: none !important;
    counter-increment: none !important;
}

/*
 * Ausschließlich zwischen zwei vorhandenen Angaben
 * einen normalen Trennpunkt ausgeben.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-info
+ .masteriyo-single-body-accordion-info::before {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 8px 0 0 !important;

    content: "•" !important;

    color: currentColor !important;
    background: transparent !important;

    counter-increment: none !important;
    counter-reset: none !important;
}

/*
 * Rechte Headerstruktur:
 * Titel | Mengenangaben | Chevron
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        20px !important;

    align-items: center !important;
    gap: 14px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body__main--curriculum-content-bottom__accordion--header-misc {
    display: inline-flex !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: flex-end !important;

    gap: 0 !important;
    white-space: nowrap !important;
}

/*
 * Nativen Masteriyo-Pfeil ausblenden und an seiner Stelle
 * den Lucide-Chevron-Pfad verwenden.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-icon {
    position: relative !important;

    display: inline-flex !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--ca-company, #666666) !important;

    align-items: center !important;
    justify-content: center !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* Vorhandenes Masteriyo-SVG neutralisieren */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-icon > svg {
    display: none !important;
}

/* Lucide „chevron-down“ */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-icon::before {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    content: "" !important;

    background-color: currentColor !important;

    mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: 18px 18px;

    -webkit-mask-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: 18px 18px;

    transform: rotate(0deg) !important;

    transition:
        transform 180ms ease,
        background-color 180ms ease !important;
}

/*
 * Masteriyo blendet den Body bei geschlossenem Accordion aus.
 * :has() erkennt den sichtbaren Body ohne zusätzlichen Observer.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body__main--curriculum-content-bottom__accordion:
has(
    > .masteriyo-single-body__main--curriculum-content-bottom__accordion--body:not([style*="display: none"])
)
.masteriyo-single-body-accordion-icon::before {
    transform: rotate(180deg) !important;
}

/*
 * Falls die vorhandene is-open-Klasse gesetzt wird.
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon::before {
    transform: rotate(180deg) !important;
}

/* Im hervorgehobenen geöffneten Kopf weiß */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body__main--curriculum-content-bottom__accordion.is-open
.masteriyo-single-body-accordion-icon {
    color: #ffffff !important;
}

/* COMPETENZA_CURRICULUM_CHEVRON_COUNTER_FIX_END */

/* COMPETENZA_CURRICULUM_META_SEPARATORS_START */

/* Keine nativen Listenpunkte */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
    position: relative !important;
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    list-style: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::marker {
    content: "" !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item::before {
    display: none !important;
    content: none !important;
}

/* Academy-Quadrat nur zwischen den Metadaten */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item
+ .masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
    margin-left: 18px !important;
    padding-left: 18px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item
+ .masteriyo-single-body__main--curriculum-content-top--shortinfo-item::before {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    content: "" !important;
    background: var(--ca-academy, #ed8008) !important;
    transform: translateY(-50%) !important;
}

/* Abschnittsangaben ohne fehlerhafte Pseudowerte */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-info::before,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-info::after {
    display: none !important;
    content: none !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom
.masteriyo-single-body-accordion-info
+ .masteriyo-single-body-accordion-info::before {
    display: inline !important;
    margin-right: 8px !important;
    content: "•" !important;
    color: currentColor !important;
}

/* COMPETENZA_CURRICULUM_META_SEPARATORS_END */

/* COMPETENZA_CURRICULUM_POLISH_START */

/* Kleinere Metadaten */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body-accordion-info {
    font-size: 13px !important;
    line-height: 1.35 !important;
}

/* Orange Quadrate zwischen den Metadaten */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item
+ .masteriyo-single-body__main--curriculum-content-top--shortinfo-item::before {
    width: 4px !important;
    height: 4px !important;

    background: var(--ca-academy, #ed8008) !important;
    border-radius: 0 !important;
}

/* „Alle ausklappen“ als kompakter CI-Button */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--expand-btn {
    display: inline-flex !important;

    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 12px !important;

    color: var(--ca-academy, #ed8008) !important;
    background: #ffffff !important;

    border: 1px solid rgba(237, 128, 8, .55) !important;
    border-radius: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    transition:
        color 180ms ease,
        background-color 180ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--expand-btn:hover,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--expand-btn:focus-visible {
    color: #ffffff !important;
    background: var(--ca-academy, #ed8008) !important;

    outline: none !important;
}

/* Inhaltszeilen: Icon | Titel | Schloss */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    display: grid !important;

    grid-template-columns:
        20px
        minmax(0, 1fr)
        20px !important;

    align-items: center !important;
    gap: 12px !important;
}

.masteriyo-single[data-layout="modern"]

.masteriyo-single[data-layout="modern"]

/* COMPETENZA_CURRICULUM_POLISH_END */

/* COMPETENZA_CURRICULUM_ALIGNMENT_FIX_START */

/* Kopfzeile bleibt möglichst einzeilig */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo {
    display: flex !important;
    flex-wrap: nowrap !important;
    min-width: 0 !important;
    align-items: center !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--shortinfo-item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-top--expand-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

/* Lektionen wieder als eine einzige horizontale Zeile */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item {
    position: relative !important;
    min-height: 58px !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) 20px !important;

    width: 100% !important;
    min-height: 58px !important;

    padding: 14px 22px !important;

    align-items: center !important;
    gap: 12px !important;

    box-sizing: border-box !important;
}

/* Titel bleibt in der mittleren Spalte */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
a,
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
span:not(

/* Schloss rechts, nicht unterhalb */

.masteriyo-single[data-layout="modern"]

/* Eventuelle alte Layoutregeln neutralisieren */

.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon

/* Kleine Bildschirme dürfen kontrolliert umbrechen */

@media (max-width: 700px) {
    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-top {
        grid-template-columns: 1fr !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-top--shortinfo {
        flex-wrap: wrap !important;
    }

    .masteriyo-single[data-layout="modern"]
    .masteriyo-single-body__main--curriculum-content-top--expand-btn {
        justify-self: start !important;
    }
}

/* COMPETENZA_CURRICULUM_ALIGNMENT_FIX_END */

/* COMPETENZA_RELATED_POST_CONTAINER_START */

/*
 * Gleiche Containerbreite wie die Kursdetailansicht:
 * maximal 1280 px, seitlich jeweils 20 px Abstand.
 */
.masteriyo-related-post[data-layout="layout_1"] {
    width: min(100% - 40px, 1280px) !important;
    max-width: none !important;

    margin-right: auto !important;
    margin-left: auto !important;

    padding-right: 0 !important;
    padding-left: 0 !important;

    box-sizing: border-box !important;
}

.masteriyo-related-post[data-layout="layout_1"]
.masteriyo-courses-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* COMPETENZA_RELATED_POST_CONTAINER_END */

/* COMPETENZA_RELATED_POST_EXACT_INSET_START */

.masteriyo-related-post {
    width: calc(100% - 40px) !important;
    max-width: 1280px !important;

    margin-right: auto !important;
    margin-left: auto !important;

    box-sizing: border-box !important;
}

.masteriyo-related-post .masteriyo-related-post__title,
.masteriyo-related-post .masteriyo-courses-wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* COMPETENZA_RELATED_POST_EXACT_INSET_END */

/* COMPETENZA_FACTS_FONT_WEIGHT_FIX_START */

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__list dd {
    font-weight: 500 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-facts__title {
    font-weight: 500 !important;
}

/* COMPETENZA_FACTS_FONT_WEIGHT_FIX_END */

/* COMPETENZA_RELATED_CI_FINISH_START */

.masteriyo-related-post {
    margin-top: 56px !important;
}

.masteriyo-related-post
.masteriyo-related-post__title {
    position: relative;

    margin: 0 0 26px !important;
    padding-left: 18px !important;

    color: #555b61 !important;

    font-size: 24px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

.masteriyo-related-post
.masteriyo-related-post__title::before {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;

    width: 5px;

    content: "";

    background: var(--ca-academy, #ed8008);
}

.masteriyo-related-post
.ca-course-card__features {
    display: flex !important;

    margin: 24px 0 0 !important;
    padding: 0 !important;

    flex-direction: column;
    gap: 10px;

    list-style: none !important;
}

.masteriyo-related-post
.ca-course-card__features li {
    display: flex !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #555b61;

    align-items: flex-start;
    gap: 10px;

    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;

    list-style: none !important;
}

.masteriyo-related-post
.ca-course-card__features li::before,
.masteriyo-related-post
.ca-course-card__features li::after {
    display: none !important;

    content: none !important;
}

.masteriyo-related-post
.ca-course-card__feature-icon,
.masteriyo-related-post
svg.ca-course-card__feature-icon {
    display: block;

    width: 17px;
    height: 17px;
    margin-top: 2px;

    color: var(--ca-academy, #ed8008);

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;

    flex: 0 0 17px;
}

.masteriyo-related-post
.ca-course-card__feature-text {
    min-width: 0;
}

/* COMPETENZA_RELATED_CI_FINISH_END */

/* COMPETENZA_STICKY_RELATED_GRID_START */

/*
 * Hauptinhalt und Related Courses liegen in der linken Spalte.
 * Die Sidebar belegt rechts beide Grid-Zeilen und bleibt deshalb
 * bis zum Ende des Related-Courses-Bereichs sticky.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-detail-layout {
    grid-template-areas:
        "course-main course-aside"
        "course-related course-aside" !important;

    grid-template-columns:
        minmax(0, 1fr)
        360px !important;

    align-items: start !important;
}

.masteriyo-single[data-layout="modern"]
.ca-course-detail-main {
    grid-area: course-main !important;
}

.masteriyo-single[data-layout="modern"]
.ca-course-detail-layout
.masteriyo-single-body__aside {
    grid-area: course-aside !important;

    position: sticky !important;
    top: 110px !important;

    align-self: start !important;
}

.masteriyo-single[data-layout="modern"]
.ca-course-detail-layout
> .masteriyo-related-post {
    grid-area: course-related !important;

    width: 100% !important;
    max-width: none !important;

    margin:
        56px
        0
        0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
}

/*
 * Desktop: Related Cards nutzen ausschließlich die linke Hauptspalte.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-detail-layout
> .masteriyo-related-post
.masteriyo-courses-wrapper {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}

/*
 * Tablet/Mobil: normale vertikale Reihenfolge,
 * Sticky-Verhalten wird wie bisher deaktiviert.
 */
@media (max-width: 1023px) {
    .masteriyo-single[data-layout="modern"]
    .ca-course-detail-layout {
        grid-template-areas:
            "course-main"
            "course-aside"
            "course-related" !important;

        grid-template-columns: 1fr !important;
    }

    .masteriyo-single[data-layout="modern"]
    .ca-course-detail-layout
    .masteriyo-single-body__aside {
        position: static !important;
        top: auto !important;

        width: 100% !important;
    }

    .masteriyo-single[data-layout="modern"]
    .ca-course-detail-layout
    > .masteriyo-related-post {
        margin-top: 42px !important;
    }
}

/* COMPETENZA_STICKY_RELATED_GRID_END */

/* COMPETENZA_RELATED_COURSES_BORDER_FIX_START */

.masteriyo-related-post[data-layout="layout_1"]
.masteriyo-courses-wrapper {
    border-top: 0 !important;
    box-shadow: none !important;
}

/* COMPETENZA_RELATED_COURSES_BORDER_FIX_END */

/* COMPETENZA_PROGRESS_CI_START */

/*
 * Ausschließlich Farben und Schriftgrößen.
 * Keine Änderungen an Positionen, Abständen oder Abmessungen.
 */

.ca-progress-popover-ci
.ca-progress-popover-ci__type {
    font-size: 11px !important;
    font-weight: 500 !important;
}

.ca-progress-popover-ci
.ca-progress-popover-ci__status {
    font-size: 13px !important;
}

.ca-progress-popover-ci
.ca-progress-popover-ci__percent {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Helle Hintergrundspur */

.ca-progress-popover-ci
.ca-progress-popover-ci__track {
    stroke: #e5e9e2 !important;
}

/* Tatsächlicher Fortschritt */

.ca-progress-popover-ci
.ca-progress-popover-ci__value {
    stroke: #7bb41d !important;
}

/* Info-Icon im Fortschrittskopf */

.ca-progress-info-ci,
.ca-progress-info-ci svg,
svg.ca-progress-info-ci {
    color: #ed8008 !important;
    stroke: #ed8008 !important;
}

/* COMPETENZA_PROGRESS_CI_END */

/* COMPETENZA_PROGRESS_RING_FIX_START */

.ca-progress-popover-ci
.ca-progress-popover-ci__track {
    stroke: #e4e8e1 !important;
}

.ca-progress-popover-ci
.ca-progress-popover-ci__value {
    stroke: #7bb41d !important;
}

/* COMPETENZA_PROGRESS_RING_FIX_END */

/* COMPETENZA_COMPLETED_COURSE_STATE_START */

.masteriyo-single[data-layout="modern"]
.course-completed-banner {
    margin-bottom: 18px !important;
}

.masteriyo-single[data-layout="modern"]
.course-completed-banner
.completed-icon svg {
    fill: #7bb41d !important;
}

.masteriyo-single[data-layout="modern"]
.course-completed-banner
.completed-text strong {
    color: #555b61 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-completed-button {
    position: relative !important;
    isolation: isolate !important;

    display: inline-flex !important;
    width: 100% !important;
    min-height: 50px !important;
    padding: 0 22px 0 28px !important;
    overflow: hidden !important;

    color: #ffffff !important;
    background: #555b61 !important;

    border: 0 !important;
    border-radius: 0 !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-completed-button::before {
    position: absolute !important;
    z-index: -1 !important;
    inset: 0 auto 0 0 !important;

    width: 6px !important;
    content: "" !important;

    background: #7bb41d !important;

    transition: width 190ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-completed-button:hover::before,
.masteriyo-single[data-layout="modern"]
.ca-single-course-completed-button:focus-visible::before {
    width: 46px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-completed-button svg {
    width: 18px !important;
    height: 18px !important;

    stroke: currentColor !important;
}

.masteriyo-single[data-layout="modern"]
.ca-single-course-price__current--completed {
    color: #555b61 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* COMPETENZA_COMPLETED_COURSE_STATE_END */

/* COMPETENZA_CURRICULUM_CHECK_POSITION_START */

/*
 * Aufbau:
 * Inhaltstyp | Titel | Abschlussstatus | Schloss
 */
.masteriyo-single[data-layout="modern"]
.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    grid-template-columns:
        20px
        minmax(0, 1fr)
        18px
        20px !important;
}

/* Abschluss-Check direkt hinter dem Titel */

.masteriyo-single[data-layout="modern"]
.ca-curriculum-completed-icon {
    position: static !important;

    display: inline-flex !important;

    grid-column: 3 !important;
    grid-row: 1 !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--ca-analytic, #7bb41d) !important;

    align-items: center !important;
    justify-content: center !important;
    justify-self: start !important;
}

.masteriyo-single[data-layout="modern"]
.ca-curriculum-completed-icon svg,
.masteriyo-single[data-layout="modern"]
svg.ca-curriculum-completed-icon {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    color: inherit !important;
}

/* Schloss bleibt ganz rechts */

.masteriyo-single[data-layout="modern"]

/* COMPETENZA_CURRICULUM_CHECK_POSITION_END */

/* COMPETENZA_COMPLETED_ACTIONS_START */

/*
 * Abschlussbanner und beide Aktionen sauber trennen.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/*
 * Der Fortschritts-/Abschlusskopf bleibt als eigener Block.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
.course-progress-box.modern-progress {
    margin: 0 0 6px !important;
}

/*
 * Native Masteriyo-Aktion und eigener Competenza-Button
 * erhalten identische Grundabmessungen.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
button {
    box-sizing: border-box !important;

    min-height: 50px !important;
    margin: 0 !important;

    border-radius: 0 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

/*
 * Direkte Aktionsbuttons unterhalb des Abschlussbanners.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
> a,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
> button,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
> div:not(.course-progress-box)
a {
    position: relative !important;
    isolation: isolate !important;

    display: inline-flex !important;

    width: 100% !important;
    min-height: 50px !important;
    padding: 0 22px 0 28px !important;
    overflow: hidden !important;

    color: #ffffff !important;
    background: #555b61 !important;

    border: 0 !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    box-shadow: none !important;
}

/*
 * Erneut absolvieren: Academy-Akzent.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
> div:not(.course-progress-box)
a::before {
    position: absolute !important;
    z-index: -1 !important;
    inset: 0 auto 0 0 !important;

    width: 6px !important;

    content: "" !important;

    background: var(--ca-academy, #ed8008) !important;

    transition: width 190ms ease !important;
}

/*
 * Schulung ansehen: Analytic-Akzent.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
.ca-single-course-completed-button::before {
    background: var(--ca-analytic, #7bb41d) !important;
}

/*
 * Einheitlicher Hover-Effekt für beide Aktionen.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
> div:not(.course-progress-box)
a:hover::before,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
> div:not(.course-progress-box)
a:focus-visible::before,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
.ca-single-course-completed-button:hover::before,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
.ca-single-course-completed-button:focus-visible::before {
    width: 46px !important;
}

/*
 * Abstand zwischen den beiden Aktionen, unabhängig vom
 * nativen Masteriyo-Wrapper.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
.ca-single-course-completed-button {
    margin-top: 2px !important;
}

/*
 * Icons einheitlich dimensionieren.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a i {
    width: 17px !important;
    height: 17px !important;

    flex: 0 0 17px !important;
}

/* COMPETENZA_COMPLETED_ACTIONS_END */

/* COMPETENZA_COMPLETED_ACTION_ICON_HOVER_START */

/*
 * Abschlussaktionen verhalten sich wie die übrigen CI-Buttons:
 * Im Ruhezustand ist nur der schmale Farbbalken sichtbar.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a {
    position: relative !important;
    isolation: isolate !important;

    min-height: 50px !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
    overflow: hidden !important;

    justify-content: center !important;
}

/*
 * Native Pfeil-/Chevron-Dekoration deaktivieren.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a::after {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    content: none !important;
}

/*
 * Funktions-Icons liegen im später ausfahrenden Farbbereich,
 * sind im Ruhezustand aber vollständig unsichtbar.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a > svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a > i,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a .ca-single-course-completed-button__icon {
    position: absolute !important;
    z-index: 2 !important;
    top: 50% !important;
    left: 14px !important;

    display: inline-flex !important;

    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;

    color: #ffffff !important;

    opacity: 0 !important;
    visibility: hidden !important;

    align-items: center !important;
    justify-content: center !important;

    transform:
        translateY(-50%)
        scale(0.85) !important;

    transition:
        opacity 140ms ease,
        visibility 140ms ease,
        transform 180ms ease !important;
}

/*
 * SVG innerhalb eines Icon-Wrappers ebenfalls immer weiß.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a > svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a .ca-single-course-completed-button__icon svg {
    width: 18px !important;
    height: 18px !important;

    color: #ffffff !important;
}

/*
 * Der Farbbalken fährt beim Hover auf die Icon-Breite aus.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover::before,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible::before {
    width: 54px !important;
}

/*
 * Das Icon erscheint erst im ausgefahrenen Hover-Bereich.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover > svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible > svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover > i,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible > i,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover .ca-single-course-completed-button__icon,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible .ca-single-course-completed-button__icon {
    color: #ffffff !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform:
        translateY(-50%)
        scale(1) !important;
}

/*
 * Auch bei spezifischeren früheren Icon-Regeln Weiß erzwingen.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible svg,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover i,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible i {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* COMPETENZA_COMPLETED_ACTION_ICON_HOVER_END */

/* COMPETENZA_COMPLETED_ACTION_LABEL_SHIFT_START */

/*
 * Ausgangszustand: Text exakt mittig.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a {
    padding-right: 24px !important;
    padding-left: 24px !important;

    transition:
        padding-left 190ms ease,
        padding-right 190ms ease,
        background-color 190ms ease !important;
}

/*
 * Beim Ausfahren des linken Farbbereichs wird der Text
 * wie bei den übrigen CI-Buttons sichtbar nach rechts bewegt.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible {
    padding-right: 10px !important;
    padding-left: 64px !important;
}

/*
 * Falls der Buttontext in einem eigenen Element liegt,
 * dessen Transform aus älteren Regeln neutralisieren.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a > span:not(.ca-single-course-completed-button__icon),
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a .ca-course-card__button-label {
    transition: transform 190ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover > span:not(.ca-single-course-completed-button__icon),
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible > span:not(.ca-single-course-completed-button__icon),
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:hover .ca-course-card__button-label,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:focus-visible .ca-course-card__button-label {
    transform: translateX(4px) !important;
}

/* COMPETENZA_COMPLETED_ACTION_LABEL_SHIFT_END */

/* COMPETENZA_RETAKE_LABEL_SHIFT_FIX_START */

/*
 * Der native Retake-Button besitzt keinen eigenen Label-Span.
 * Daher wird sein Text direkt über text-indent verschoben.
 */
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:not(.ca-single-course-completed-button) {
    text-indent: 0 !important;

    transition:
        text-indent 190ms ease,
        padding-left 190ms ease,
        padding-right 190ms ease !important;
}

.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:not(.ca-single-course-completed-button):hover,
.masteriyo-single[data-layout="modern"]
.ca-course-progress--completed
a:not(.ca-single-course-completed-button):focus-visible {
    text-indent: 28px !important;
}

/* COMPETENZA_RETAKE_LABEL_SHIFT_FIX_END */

/* === START: Competenza Retake Modal === */

.masteriyo-overlay:has(.masteriyo-modal-confirm-retake-course) {
    padding: 24px !important;
    background: rgba(20, 25, 30, 0.62) !important;
    backdrop-filter: blur(2px);
}

.masteriyo-modal-confirm-retake-course {
    position: relative !important;
    width: min(500px, 100%) !important;
    padding: 28px 24px 24px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22) !important;
}

.masteriyo-modal-confirm-retake-course::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ed8008;
    content: "";
}

.masteriyo-modal-confirm-retake-course h1,
.masteriyo-modal-confirm-retake-course h2,
.masteriyo-modal-confirm-retake-course h3,
.masteriyo-modal-confirm-retake-course h4,
.masteriyo-modal-confirm-retake-course h5 {
    margin: 0 0 14px !important;
    color: #333333 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.masteriyo-modal-confirm-retake-course p {
    margin: 0 !important;
    color: #555555 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

.masteriyo-modal-confirm-retake-course .masteriyo-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 26px !important;
}

.masteriyo-modal-confirm-retake-course .masteriyo-btn {
    min-width: 124px !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease !important;
}

.masteriyo-modal-confirm-retake-course
.masteriyo-actions
.masteriyo-btn:not(.masteriyo-confirm) {
    border: 1px solid #d7dce1 !important;
    background: #ffffff !important;
    color: #555555 !important;
}

.masteriyo-modal-confirm-retake-course
.masteriyo-actions
.masteriyo-btn:not(.masteriyo-confirm):hover {
    border-color: #666666 !important;
    background: #f3f3f3 !important;
    color: #333333 !important;
}

.masteriyo-modal-confirm-retake-course .masteriyo-confirm {
    border: 1px solid #666666 !important;
    background: #666666 !important;
    color: #ffffff !important;
}

.masteriyo-modal-confirm-retake-course .masteriyo-confirm:hover {
    border-color: #ed8008 !important;
    background: #ed8008 !important;
    color: #ffffff !important;
}

.masteriyo-modal-confirm-retake-course .masteriyo-btn:focus-visible {
    outline: 2px solid #ed8008 !important;
    outline-offset: 3px !important;
}

@media (max-width: 540px) {
    .masteriyo-modal-confirm-retake-course {
        padding: 26px 20px 20px !important;
    }

    .masteriyo-modal-confirm-retake-course .masteriyo-actions {
        flex-direction: column-reverse !important;
    }

    .masteriyo-modal-confirm-retake-course .masteriyo-btn {
        width: 100% !important;
    }
}

/* === ENDE: Competenza Retake Modal === */

/* === START: Competenza Review Button === */

.masteriyo-single[data-layout="modern"] .ca-review-button {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 12px 22px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #666666 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: color 0.25s ease !important;
    isolation: isolate;
}

.masteriyo-single[data-layout="modern"] .ca-review-button::before {
    position: absolute;
    inset: 0 auto 0 0;
    z-index: -1;
    width: 5px;
    background: #ed8008;
    content: "";
    transition: width 0.25s ease;
}

.masteriyo-single[data-layout="modern"] .ca-review-button:hover::before,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible::before {
    width: 100%;
}

.masteriyo-single[data-layout="modern"] .ca-review-button > svg,
.masteriyo-single[data-layout="modern"] .ca-review-button > i,
.masteriyo-single[data-layout="modern"] .ca-review-button [data-lucide] {
    position: absolute !important;
    left: 14px !important;
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
    opacity: 0 !important;
    transform: translateX(-4px);
    transition:
        opacity 0.2s ease,
        transform 0.2s ease !important;
}

.masteriyo-single[data-layout="modern"] .ca-review-button:hover > svg,
.masteriyo-single[data-layout="modern"] .ca-review-button:hover > i,
.masteriyo-single[data-layout="modern"] .ca-review-button:hover [data-lucide],
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible > svg,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible > i,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible [data-lucide] {
    opacity: 1 !important;
    transform: translateX(0);
}

.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible {
    outline: 2px solid #ed8008 !important;
    outline-offset: 3px !important;
}

/* === ENDE: Competenza Review Button === */

/* === START: Competenza Review Button Hover Fix === */

.masteriyo-single[data-layout="modern"] .ca-review-button,
.masteriyo-single[data-layout="modern"] .ca-review-button:hover,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 12px 22px 12px 68px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #666666 !important;
    color: #ffffff !important;
}

.masteriyo-single[data-layout="modern"] .ca-review-button::before {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    z-index: 0 !important;
    width: 5px !important;
    background: #ed8008 !important;
    content: "" !important;
    transition: width 0.22s ease !important;
}

.masteriyo-single[data-layout="modern"] .ca-review-button:hover::before,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible::before {
    width: 46px !important;
}

.masteriyo-single[data-layout="modern"] .ca-review-button > svg,
.masteriyo-single[data-layout="modern"] .ca-review-button > i,
.masteriyo-single[data-layout="modern"] .ca-review-button > [data-lucide] {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    z-index: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    color: #ffffff !important;
    opacity: 0 !important;
    transform: translateY(-50%) translateX(-4px) !important;
    transition:
        opacity 0.18s ease,
        transform 0.22s ease !important;
}

.masteriyo-single[data-layout="modern"] .ca-review-button:hover > svg,
.masteriyo-single[data-layout="modern"] .ca-review-button:hover > i,
.masteriyo-single[data-layout="modern"] .ca-review-button:hover > [data-lucide],
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible > svg,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible > i,
.masteriyo-single[data-layout="modern"] .ca-review-button:focus-visible > [data-lucide] {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
}

/* === ENDE: Competenza Review Button Hover Fix === */

/* === START: Competenza Review Form Buttons === */

.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 136px !important;
    min-height: 46px !important;
    padding: 10px 18px 10px 64px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel:hover,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel:focus {
    background: #ed8008 !important;
    color: #ffffff !important;
}

.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit:hover,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit:focus {
    background: #7bb41d !important;
    color: #ffffff !important;
}

.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel::before,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit::before {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 5px !important;
    background: rgba(0, 0, 0, 0.18) !important;
    content: "" !important;
    transition: width 0.22s ease !important;
}

.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel:hover::before,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel:focus-visible::before,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit:hover::before,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit:focus-visible::before {
    width: 46px !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-form-button__icon {
    position: absolute !important;
    top: 50% !important;
    left: 14px !important;
    z-index: 1 !important;
    display: flex !important;
    width: 18px !important;
    height: 18px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    opacity: 0 !important;
    transform: translateY(-50%) translateX(-4px) !important;
    transition:
        opacity 0.18s ease,
        transform 0.22s ease !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-form-button__icon svg {
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
}

.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel:hover
.ca-review-form-button__icon,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-cancel:focus-visible
.ca-review-form-button__icon,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit:hover
.ca-review-form-button__icon,
.masteriyo-single[data-layout="modern"]
button.ca-review-form-submit:focus-visible
.ca-review-form-button__icon {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
}

/* === ENDE: Competenza Review Form Buttons === */

/* === START: Competenza Review Overview === */

/* Suchfeld und Bewertungsfilter auf Buttonhöhe */

.masteriyo-single[data-layout="modern"]
.ca-review-search-input,
.masteriyo-single[data-layout="modern"]
.ca-review-rating-filter {
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    border: 1px solid #d9dde1 !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 44px !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-search-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-rating-filter {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-search-input:focus,
.masteriyo-single[data-layout="modern"]
.ca-review-rating-filter:focus {
    border-color: #ed8008 !important;
    outline: none !important;
    box-shadow: 0 0 0 1px #ed8008 !important;
}

/* Antworten-Link */

.masteriyo-single[data-layout="modern"]
.ca-review-reply {
    color: #666666 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-reply:hover {
    color: #ed8008 !important;
}

/* Bearbeiten-/Löschen-Menü */

.masteriyo-single[data-layout="modern"]
.ca-review-menu-action {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 8px 12px !important;
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

.masteriyo-single[data-layout="modern"]
.ca-review-menu-action:hover {
    background: #f3f3f3 !important;
    color: #ed8008 !important;
}

/* Informationshinweis */

.masteriyo-single[data-layout="modern"]
[class*="notice"],
.masteriyo-single[data-layout="modern"]
[class*="alert"] {
    border-radius: 0 !important;
}

/* === ENDE: Competenza Review Overview === */

/* === START: Review-Suche einheitliche Höhe === */

.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
input[type="search"],
.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
input[type="text"],
.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
select,
.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
button {
    height: 46px !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
input[type="search"],
.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
input[type="text"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
select {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.masteriyo-single[data-layout="modern"]
.masteriyo-course-reviews
button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* === ENDE: Review-Suche einheitliche Höhe === */

/* === START: Review-Suchleiste exakt 46px === */

.masteriyo-single[data-layout="modern"] .masteriyo-course-reviews
:is(
    input,
    select,
    button,
    .masteriyo-input,
    .masteriyo-select,
    .masteriyo-search
) {
    min-height: 46px !important;
    height: 46px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}

.masteriyo-single[data-layout="modern"] .masteriyo-course-reviews
:is(input[type="text"], input[type="search"], select) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 14px !important;
    line-height: 44px !important;
}

.masteriyo-single[data-layout="modern"] .masteriyo-course-reviews
select {
    line-height: normal !important;
}

.masteriyo-single[data-layout="modern"] .masteriyo-course-reviews
button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* === ENDE: Review-Suchleiste exakt 46px === */

/* === START: Review-Controls direkter Höhenfix === */

.masteriyo-single[data-layout="modern"]
input[placeholder="Suchen"],
.masteriyo-single[data-layout="modern"]
input[placeholder="Search"] {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 14px 0 38px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: 46px !important;
}

.masteriyo-single[data-layout="modern"]
input[placeholder="Suchen"] ~ *,
.masteriyo-single[data-layout="modern"]
input[placeholder="Search"] ~ * {
    min-height: 46px !important;
}

.masteriyo-single[data-layout="modern"]
input[placeholder="Suchen"]
:is(:focus, :active),
.masteriyo-single[data-layout="modern"]
input[placeholder="Search"]
:is(:focus, :active) {
    border-color: #ed8008 !important;
    outline: none !important;
    box-shadow: none !important;
}

/*
 * Bewertungsfilter innerhalb derselben Steuerungszeile.
 * Der direkte Elterncontainer wird über :has() eindeutig erkannt.
 */
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]) select,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) select,
.masteriyo-single[data-layout="modern"]
*:has(input[placeholder="Suchen"]) > select,
.masteriyo-single[data-layout="modern"]
*:has(input[placeholder="Search"]) > select {
    height: 46px !important;
    min-height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    line-height: normal !important;
}

/* === ENDE: Review-Controls direkter Höhenfix === */

/* === START: Review-Suche wie Schulungsarchiv === */

.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]),
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) {
    display: flex !important;
    align-items: stretch !important;
    gap: 0 !important;
    flex: 1 1 auto !important;
}

.masteriyo-single[data-layout="modern"]
input[placeholder="Suchen"],
.masteriyo-single[data-layout="modern"]
input[placeholder="Search"] {
    flex: 1 1 auto !important;
    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 18px 0 52px !important;
    box-sizing: border-box !important;
    border: 1px solid #d7dce1 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #666666 !important;
    font-size: 15px !important;
    line-height: 58px !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]) > button,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) > button {
    position: relative !important;
    flex: 0 0 132px !important;
    width: 132px !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #666666 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 58px !important;
    box-shadow: none !important;
}

.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]) > button::before,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) > button::before {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 5px !important;
    background: #ed8008 !important;
    content: "" !important;
}

.masteriyo-single[data-layout="modern"]
select {
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    font-size: 14px !important;
}

/* === ENDE: Review-Suche wie Schulungsarchiv === */

/* === START: Review-Suchicon vertikal zentrieren === */

.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]),
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) {
    position: relative !important;
}

.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]) > svg,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]) > i,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Suchen"]) [data-lucide],
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) > svg,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) > i,
.masteriyo-single[data-layout="modern"]
*:has(> input[placeholder="Search"]) [data-lucide] {
    position: absolute !important;
    top: 50% !important;
    left: 16px !important;
    z-index: 2 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

/* === ENDE: Review-Suchicon vertikal zentrieren === */

/* === START: Competenza Abschlussmodal === */

.ca-completion-modal {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
}

.ca-completion-modal::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 3;
    height: 6px;
    background: #ed8008;
}

.ca-completion-modal,
.ca-completion-modal * {
    font-family: inherit;
}

.ca-completion-modal input,
.ca-completion-modal textarea {
    border: 1px solid #d8dde2 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.ca-completion-modal input {
    min-height: 50px !important;
}

.ca-completion-modal textarea {
    min-height: 160px !important;
}

.ca-completion-modal input:focus,
.ca-completion-modal textarea:focus {
    border-color: #ed8008 !important;
    box-shadow: 0 0 0 1px #ed8008 !important;
}

.ca-completion-modal button {
    min-height: 46px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.ca-completion-modal .ca-completion-modal__cancel {
    border: 1px solid #d4d8dc !important;
    background: #ffffff !important;
    color: #666666 !important;
}

.ca-completion-modal .ca-completion-modal__cancel:hover {
    border-color: #ed8008 !important;
    background: #fff7ef !important;
    color: #ed8008 !important;
}

.ca-completion-modal .ca-completion-modal__submit {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #7bb41d !important;
    color: #ffffff !important;
}

.ca-completion-modal .ca-completion-modal__submit::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: #ed8008;
    transition: width 180ms ease;
}

.ca-completion-modal .ca-completion-modal__submit:hover::before {
    width: 46px;
}

.ca-completion-modal button[aria-label="Close dialog"] {
    top: 14px !important;
    right: 14px !important;
    width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #666666 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.ca-completion-modal button[aria-label="Close dialog"]:hover {
    background: #ed8008 !important;
}

.ca-completion-modal-overlay {
    background: rgba(30, 35, 40, 0.72) !important;
    backdrop-filter: blur(3px);
}

/* === ENDE: Competenza Abschlussmodal === */

/* === START: Competenza Quiz-Abgabemodal === */

.ca-quiz-submit-modal {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #1b2430 !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.22) !important;
}

.ca-quiz-submit-modal::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    z-index: 3;
    height: 6px;
    background: #ed8008;
}

.ca-quiz-submit-modal-overlay {
    background: rgba(30, 35, 40, 0.72) !important;
    backdrop-filter: blur(3px);
}

.ca-quiz-submit-modal button {
    min-width: 112px !important;
    min-height: 46px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.ca-quiz-submit-modal .ca-quiz-submit-modal__cancel {
    border: 1px solid #d4d8dc !important;
    background: #ffffff !important;
    color: #666666 !important;
}

.ca-quiz-submit-modal .ca-quiz-submit-modal__cancel:hover,
.ca-quiz-submit-modal .ca-quiz-submit-modal__cancel:focus {
    border-color: #ed8008 !important;
    background: #fff7ef !important;
    color: #ed8008 !important;
}

.ca-quiz-submit-modal .ca-quiz-submit-modal__confirm {
    position: relative !important;
    overflow: hidden !important;
    border: 0 !important;
    background: #7bb41d !important;
    color: #ffffff !important;
}

.ca-quiz-submit-modal .ca-quiz-submit-modal__confirm::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: #ed8008;
    transition: width 180ms ease;
}

.ca-quiz-submit-modal .ca-quiz-submit-modal__confirm:hover::before,
.ca-quiz-submit-modal .ca-quiz-submit-modal__confirm:focus::before {
    width: 46px;
}

.ca-quiz-submit-modal .ca-quiz-submit-modal__confirm > *,
.ca-quiz-submit-modal .ca-quiz-submit-modal__confirm {
    position: relative;
    z-index: 1;
}

/* === ENDE: Competenza Quiz-Abgabemodal === */

/* COMPETENZA_CURRICULUM_NATIVE_LOCK_ONLY_START */

/*
 * Masteriyo gibt das Sperrsymbol bereits nativ aus.
 *
 * Frühere Competenza-Ergänzungen:
 * - .ca-curriculum-lock-icon
 * - .ca-curriculum-lock
 *
 * werden deshalb vollständig ausgeblendet.
 */

.ca-curriculum-lock-icon,
.ca-curriculum-lock {
    display: none !important;
}

/*
 * Das native Masteriyo-Schloss bleibt sichtbar.
 */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
.masteriyo-icon-svg {
    flex: 0 0 auto !important;
}

/*
 * Innerhalb des linken Inhaltstyp-Bereichs darf kein zweites Element
 * in eine zusätzliche Zeile umbrechen.
 */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    width: auto !important;
    min-width: 18px !important;
    height: auto !important;

    margin: 0 !important;

    flex-wrap: nowrap !important;
}

/*
 * Alle direkten Kinder des Inhaltstyp-Bereichs bleiben in einer Zeile.
 */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
> * {
    flex: 0 0 auto !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/*
 * Falls Masteriyo das native Schloss als separates letztes Element
 * der Curriculum-Zeile ausgibt, bleibt dieses rechts ausgerichtet.
 */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
> .masteriyo-icon-svg:last-child {
    margin-left: auto !important;
}

/*
 * Keine künstlichen Schlossausgaben über Pseudoelemente.
 */

.ca-curriculum-lock-icon::before,
.ca-curriculum-lock-icon::after,
.ca-curriculum-lock::before,
.ca-curriculum-lock::after {
    content: none !important;
    display: none !important;
}

/* COMPETENZA_CURRICULUM_NATIVE_LOCK_ONLY_END */

/* COMPETENZA_CURRICULUM_LOCK_ABSOLUTE_RIGHT_START */

/*
 * Tatsächliche Masteriyo-Struktur:
 *
 * li.body-item
 * └── div.body-item-icon
 *     ├── svg:first-of-type = Inhaltstyp
 *     ├── a                 = Lektionstitel
 *     ├── span              = Status
 *     └── svg:last-child    = Schloss
 */


/* Curriculum-Zeile */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-height: 106px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* Innerer Container über volle Breite */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    flex: none !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 106px !important;

    margin: 0 !important;

    padding:
        24px 58px 24px 24px !important;

    box-sizing: border-box !important;
}


/* Inhaltstyp-Icon links */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
> svg:first-of-type {
    position: static !important;

    display: block !important;

    flex:
        0 0 18px !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;

    margin:
        0 14px 0 0 !important;

    color: #8c91a3 !important;
    fill: currentColor !important;

    transform: none !important;
}


/* Lektionstitel */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
> a {
    position: static !important;

    display: block !important;

    flex:
        1 1 auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    color: #a7a7a7 !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;

    transform: none !important;
}


/* Status */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
> span {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;

    flex:
        0 0 auto !important;

    width: auto !important;
    height: auto !important;

    margin:
        0 10px !important;

    transform: none !important;
}


/* Natives Schloss rechts */

.masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
> .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
> svg:last-child:not(:first-child) {
    position: absolute !important;

    top: 50% !important;
    right: 24px !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 2 !important;

    display: block !important;

    flex: none !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #666666 !important;
    fill: currentColor !important;

    transform:
        translateY(-50%) !important;
}


/* Frühere künstliche Zusatzschlösser bleiben ausgeblendet */

.ca-curriculum-lock,
.ca-curriculum-lock-icon {
    display: none !important;
}


/* Mobile */

@media (max-width: 600px) {
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item,
    .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
    > .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
        min-height: 88px !important;
    }

    .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
    > .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon {
        padding:
            20px 50px 20px 18px !important;
    }

    .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item
    > .masteriyo-single-body__main--curriculum-content-bottom__accordion--body-item-icon
    > svg:last-child:not(:first-child) {
        right: 18px !important;
    }
}

/* COMPETENZA_CURRICULUM_LOCK_ABSOLUTE_RIGHT_END */

/* COMPETENZA_COURSE_ASIDE_SPECIFICITY_START */

/*
 * Die nicht existente ID #ca-specificity-boost wird absichtlich
 * innerhalb von :is() verwendet.
 *
 * Dadurch erhält der Selektor ID-Spezifität, ohne dass ein Element
 * mit dieser ID vorhanden sein muss.
 *
 * Der zweite :is()-Zweig [id^="course-"] matcht den echten
 * Masteriyo-Kurscontainer.
 */


/* Doppelte Theme-Preisangabe entfernen */
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
.ca-single-course-price {
    display: none !important;
}


/* Preis- und Button-Wrapper */
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
.masteriyo-course-pricing--wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
}


/* Button – Grundzustand */
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course {
    position: relative !important;
    isolation: isolate !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    overflow: hidden !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #666666 !important;
    background-color: #666666 !important;
    background-image: none !important;

    color: #ffffff !important;

    box-sizing: border-box !important;
    box-shadow: none !important;

    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    white-space: nowrap !important;

    transform: none !important;

    transition:
        padding-left 220ms ease,
        padding-right 220ms ease !important;
}


/* Academy-Balken – Grundzustand exakt 6 px */
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course::before {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    inset: 0 auto 0 0 !important;

    display: block !important;

    width: 6px !important;
    min-width: 6px !important;
    max-width: 6px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #ed8008 !important;
    background-color: #ed8008 !important;
    background-image: none !important;

    opacity: 1 !important;
    transform: none !important;

    transition:
        width 220ms ease,
        min-width 220ms ease,
        max-width 220ms ease !important;
}


/* Play-Circle – im Grundzustand unsichtbar */
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course::after {
    content: "" !important;

    position: absolute !important;
    z-index: 2 !important;

    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 14px !important;

    display: block !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;

    opacity: 0 !important;
    pointer-events: none !important;

    transform:
        translateY(-50%)
        scale(.8) !important;

    transition:
        opacity 160ms ease,
        transform 220ms ease !important;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E")
        center / contain no-repeat !important;

    mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolygon points='10 8 16 12 10 16 10 8'/%3E%3C/svg%3E")
        center / contain no-repeat !important;
}


/* Echter Maus-Hover */
@media (hover: hover) and (pointer: fine) {

    html body :is(#ca-specificity-boost, [id^="course-"])
    .masteriyo-single-body__aside
    a.masteriyo-btn-start-course:hover {
        padding-left: 42px !important;
        padding-right: 6px !important;

        background: #666666 !important;
        background-color: #666666 !important;
        background-image: none !important;

        color: #ffffff !important;

        text-indent: 0 !important;

        box-shadow: none !important;
        transform: none !important;
    }

    html body :is(#ca-specificity-boost, [id^="course-"])
    .masteriyo-single-body__aside
    a.masteriyo-btn-start-course:hover::before {
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
    }

    html body :is(#ca-specificity-boost, [id^="course-"])
    .masteriyo-single-body__aside
    a.masteriyo-btn-start-course:hover::after {
        opacity: 1 !important;

        transform:
            translateY(-50%)
            scale(1) !important;
    }
}


/* Fokus nicht dauerhaft als Hover darstellen */
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:focus,
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:active {
    padding-left: 24px !important;
    padding-right: 24px !important;

    background: #666666 !important;
    background-color: #666666 !important;
    background-image: none !important;

    color: #ffffff !important;
    text-indent: 0 !important;

    box-shadow: none !important;
    transform: none !important;
}

html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:focus::before,
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:active::before {
    width: 6px !important;
    min-width: 6px !important;
    max-width: 6px !important;
}

html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:focus::after,
html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:active::after {
    opacity: 0 !important;

    transform:
        translateY(-50%)
        scale(.8) !important;
}

html body :is(#ca-specificity-boost, [id^="course-"])
.masteriyo-single-body__aside
a.masteriyo-btn-start-course:focus-visible {
    outline: 2px solid rgba(237, 128, 8, .42) !important;
    outline-offset: 3px !important;
}


/* Bewegungsreduktion */
@media (prefers-reduced-motion: reduce) {

    html body :is(#ca-specificity-boost, [id^="course-"])
    .masteriyo-single-body__aside
    a.masteriyo-btn-start-course,

    html body :is(#ca-specificity-boost, [id^="course-"])
    .masteriyo-single-body__aside
    a.masteriyo-btn-start-course::before,

    html body :is(#ca-specificity-boost, [id^="course-"])
    .masteriyo-single-body__aside
    a.masteriyo-btn-start-course::after {
        transition: none !important;
    }
}

/* COMPETENZA_COURSE_ASIDE_SPECIFICITY_END */