/* -------------------------------------------------------
   Öffentliche ÖBK-Ausbildungswelt
   ------------------------------------------------------- */
body.oebk-training-page main{
    max-width:none!important;
}

body.oebk-training-page .wp-block-post-content{
    width:min(1800px,calc(100vw - 48px))!important;
    max-width:1800px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

body.oebk-training-page .wp-block-post-title{
    display:none!important;
}

body.oebk-training-page .wp-block-post-content > .oebk-training-public{
    width:100%!important;
    max-width:1800px!important;
}

@media(max-width:760px){
    body.oebk-training-page .wp-block-post-content{
        width:calc(100vw - 24px)!important;
    }
}

/* Die Farbvariablen liegen am eigentlichen ÖBK-Bereich.
   So können die exakten CI-Werte später zentral angepasst werden. */
.oebk-training-public a{
    text-underline-offset:2px;
}

.oebk-training-public-heading{
    position:relative;
    overflow:hidden;
    padding:34px 38px;
    border:0;
    border-radius:12px;
    background:
        linear-gradient(
            112deg,
            var(--oebk-blue-dark) 0%,
            var(--oebk-blue) 72%,
            var(--oebk-green) 140%
        );
    box-shadow:0 10px 28px rgba(16,78,99,.12);
}

.oebk-training-public-heading::before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:6px;
    background:var(--oebk-green);
}

.oebk-training-public-heading > *{
    position:relative;
    z-index:1;
}

.oebk-training-public-heading > p:not(.oebk-training-kicker){
    max-width:980px;
    color:rgba(255,255,255,.9);
    font-size:17px;
    line-height:1.55;
}

.oebk-training-public-heading h2{
    max-width:1100px;
    color:#fff;
}

.oebk-training-kicker{
    color:var(--oebk-blue)!important;
}

.oebk-training-notice{
    border-left-color:var(--oebk-blue)!important;
    background:var(--oebk-blue-soft)!important;
    color:var(--oebk-ink);
}

.oebk-training-overview-stats > div,
.oebk-training-stats > div{
    border-color:var(--oebk-line)!important;
    background:var(--oebk-blue-pale)!important;
}

.oebk-training-overview-stats > div:nth-child(3),
.oebk-training-stats > div:nth-child(4){
    background:var(--oebk-green-soft)!important;
}

.oebk-training-overview-stats strong,
.oebk-training-stats strong{
    color:var(--oebk-blue-dark);
}

.oebk-training-view-tabs{
    padding:7px;
    border:1px solid var(--oebk-line);
    border-radius:10px;
    background:var(--oebk-blue-pale);
}

.oebk-training-view-tabs button{
    border-color:transparent!important;
    background:transparent!important;
    color:var(--oebk-ink)!important;
}

.oebk-training-view-tabs button:hover{
    background:#fff!important;
}

.oebk-training-view-tabs button.is-active{
    background:var(--oebk-blue)!important;
    color:#fff!important;
    box-shadow:0 4px 12px rgba(36,107,126,.18);
}

.oebk-training-view-tabs button span{
    background:#fff!important;
    color:var(--oebk-blue-dark)!important;
}

.oebk-training-view-tabs button.is-active span{
    background:rgba(255,255,255,.2)!important;
    color:#fff!important;
}

.oebk-training-filters{
    border-color:var(--oebk-line)!important;
    background:#fff!important;
    box-shadow:0 8px 22px rgba(32,61,71,.06);
}

.oebk-training-filters label > span{
    color:var(--oebk-blue-dark)!important;
}

.oebk-training-filters select,
.oebk-training-filters input{
    border-color:#bccdd3!important;
}

.oebk-training-filters select:focus,
.oebk-training-filters input:focus{
    border-color:var(--oebk-blue)!important;
    outline:2px solid rgba(36,107,126,.12);
}

.oebk-training-reset{
    border-color:var(--oebk-blue)!important;
    color:var(--oebk-blue)!important;
}

.oebk-training-card,
.oebk-training-event-card,
.oebk-training-content-section,
.oebk-training-detail-hero{
    border-color:var(--oebk-line)!important;
    box-shadow:0 8px 24px rgba(35,61,70,.055);
}

.oebk-training-card{
    position:relative;
}

.oebk-training-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--oebk-blue);
}

.oebk-training-card h3,
.oebk-training-event-top h3,
.oebk-training-section-head h3{
    color:var(--oebk-ink);
}

.oebk-training-chip-row span{
    background:var(--oebk-blue-soft)!important;
    color:var(--oebk-blue-dark)!important;
}

.oebk-training-chip-row span:nth-child(even){
    background:var(--oebk-gold-soft)!important;
    color:#7b5a1d!important;
}

.oebk-training-availability{
    background:var(--oebk-green-soft)!important;
    color:#2f6c3e!important;
}

.oebk-training-button{
    background:var(--oebk-blue)!important;
    color:#fff!important;
    transition:
        background .18s ease,
        transform .18s ease;
}

.oebk-training-button:hover{
    background:var(--oebk-blue-dark)!important;
    transform:translateY(-1px);
}

.oebk-training-button.is-secondary{
    border-color:var(--oebk-blue)!important;
    background:#fff!important;
    color:var(--oebk-blue)!important;
}

.oebk-training-text-link,
.oebk-training-back{
    color:var(--oebk-blue)!important;
}

.oebk-training-date-badge{
    background:var(--oebk-blue-soft)!important;
    color:var(--oebk-blue-dark)!important;
}

.oebk-training-event-facts > div{
    background:var(--oebk-blue-pale)!important;
}

.oebk-training-event-facts dt{
    color:var(--oebk-muted)!important;
}

.oebk-training-module-number{
    background:var(--oebk-blue-soft)!important;
    color:var(--oebk-blue-dark)!important;
}

.oebk-training-module-row{
    border-color:var(--oebk-line)!important;
    background:#fff!important;
}

.oebk-training-program-links a{
    background:var(--oebk-blue-soft)!important;
    color:var(--oebk-blue)!important;
}

.oebk-training-empty,
.oebk-training-empty-filter{
    border-color:var(--oebk-line)!important;
    background:var(--oebk-blue-pale)!important;
}

.oebk-profile-course-list article{
    border-color:var(--oebk-line)!important;
    background:var(--oebk-blue-pale)!important;
}

@media(max-width:700px){
    .oebk-training-public-heading{
        padding:24px 22px;
    }
}


.oebk-training-public{
    --oebk-blue:#176f8a;
    --oebk-blue-dark:#104e63;
    --oebk-blue-soft:#e7f2f6;
    --oebk-blue-pale:#f3f8fa;
    --oebk-green:#6f9c73;
    --oebk-green-soft:#eaf4eb;
    --oebk-gold:#d0a04d;
    --oebk-gold-soft:#faf1dc;
    --oebk-red:#b95656;
    --oebk-ink:#24373e;
    --oebk-muted:#61747c;
    --oebk-line:#d5e0e4;

    width:100%;
    max-width:1800px!important;
    margin:0 auto!important;
    transform:none!important;
    color:var(--oebk-ink);
}
.oebk-training-public-heading{
    margin-bottom:22px;
}
.oebk-training-public-heading h2{
    margin:4px 0 10px;
    font-size:clamp(30px,4vw,46px);
    line-height:1.08;
}
.oebk-training-kicker{
    margin:0;
    color:#416b79;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.oebk-training-notice{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:10px;
    margin-top:18px;
    padding:14px 16px;
    border-left:4px solid #246b7e;
    background:#eef5f7;
}
.oebk-training-notice.is-compact{
    margin-top:16px;
    font-size:14px;
}
.oebk-training-notice p{
    margin:0;
}
.oebk-training-overview-stats,
.oebk-training-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:20px 0;
}
.oebk-training-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.oebk-training-overview-stats>div,
.oebk-training-stats>div{
    padding:16px;
    border:1px solid #d9e2e5;
    border-radius:9px;
    background:#f8fafb;
}
.oebk-training-overview-stats strong,
.oebk-training-stats strong{
    display:block;
    font-size:24px;
}
.oebk-training-overview-stats span,
.oebk-training-stats span{
    color:#64747b;
}
.oebk-training-stats.is-small{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin:14px 0;
}
.oebk-training-stats.is-small>div{
    padding:10px 12px;
}
.oebk-training-stats.is-small strong{
    font-size:18px;
}
.oebk-training-view-tabs{
    display:flex;
    gap:7px;
    margin:24px 0 10px;
    overflow-x:auto;
    padding-bottom:2px;
}
.oebk-training-view-tabs button{
    display:inline-flex;
    gap:8px;
    align-items:center;
    flex:0 0 auto;
    padding:10px 14px;
    border:1px solid #cdd9dd;
    border-radius:7px;
    background:#fff;
    color:#24383f;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.oebk-training-view-tabs button span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 6px;
    border-radius:999px;
    background:#e8f1f3;
    font-size:12px;
}
.oebk-training-view-tabs button.is-active{
    border-color:#246b7e;
    background:#246b7e;
    color:#fff;
}
.oebk-training-view-tabs button.is-active span{
    background:rgba(255,255,255,.2);
}
.oebk-training-filters{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(240px,1.4fr) auto;
    gap:10px;
    align-items:end;
    margin-bottom:18px;
    padding:14px;
    border:1px solid #dbe4e7;
    border-radius:9px;
    background:#f6f9fa;
}
.oebk-training-filters label{
    display:grid;
    gap:5px;
}
.oebk-training-filters label>span{
    font-size:12px;
    font-weight:750;
    color:#54666e;
}
.oebk-training-filters select,
.oebk-training-filters input{
    width:100%;
    min-height:42px;
    padding:8px 10px;
    border:1px solid #cbd7db;
    border-radius:5px;
    background:#fff;
    font:inherit;
}
.oebk-training-reset{
    min-height:42px;
    padding:8px 12px;
    border:1px solid #cbd7db;
    border-radius:5px;
    background:#fff;
    color:#246b7e;
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.oebk-training-view[hidden]{
    display:none!important;
}
.oebk-training-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:18px;
}
.oebk-training-card{
    overflow:hidden;
    border:1px solid #d8e1e4;
    border-radius:10px;
    background:#fff;
}
.oebk-training-card[hidden],
.oebk-training-event-card[hidden]{
    display:none!important;
}
.oebk-training-card-image img,
.oebk-training-detail-image img,
.oebk-training-event-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.oebk-training-card-image{
    height:230px;
}
.oebk-training-card-body{
    padding:18px;
}
.oebk-training-card h3{
    margin:4px 0 10px;
    font-size:24px;
}
.oebk-training-chip-row{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:10px 0;
}
.oebk-training-chip-row span{
    display:inline-flex;
    padding:5px 9px;
    border-radius:999px;
    background:#eef3f5;
    color:#3f5964;
    font-size:13px;
}
.oebk-training-excerpt,
.oebk-training-belongs{
    color:#52656d;
}
.oebk-training-availability{
    margin:12px 0 0;
    padding:8px 10px;
    border-radius:6px;
    background:#edf7ef;
    color:#2f6c3e;
}
.oebk-training-card-actions{
    display:flex;
    gap:10px 14px;
    align-items:center;
    flex-wrap:wrap;
    margin-top:16px;
}
.oebk-training-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 13px;
    border-radius:5px;
    background:#246b7e;
    color:#fff!important;
    font-weight:750;
    text-decoration:none!important;
}
.oebk-training-button.is-secondary{
    border:1px solid #246b7e;
    background:#fff;
    color:#246b7e!important;
}
.oebk-training-text-link{
    color:#246b7e!important;
    font-weight:700;
}
.oebk-training-empty,
.oebk-training-empty-filter{
    padding:18px;
    border:1px solid #d9e2e5;
    border-radius:9px;
    background:#f8fafb;
}
.oebk-training-event-list{
    display:grid;
    gap:14px;
}
.oebk-training-event-card{
    display:grid;
    grid-template-columns:minmax(260px,360px) minmax(0,1fr);
    overflow:hidden;
    border:1px solid #d8e1e4;
    border-radius:10px;
    background:#fff;
}
.oebk-training-event-card.is-compact{
    grid-template-columns:1fr;
}
.oebk-training-event-image{
    min-height:220px;
}
.oebk-training-event-body{
    padding:18px;
}
.oebk-training-event-top{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
}
.oebk-training-event-top h3{
    margin:4px 0;
}
.oebk-training-event-top h3 a{
    color:inherit;
}
.oebk-training-date-badge{
    flex:0 0 auto;
    padding:7px 10px;
    border-radius:6px;
    background:#eef5f7;
    color:#315e6d;
    font-weight:700;
}
.oebk-training-meta-line{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin:8px 0 12px;
    color:#52656d;
}
.oebk-training-event-facts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:0;
}
.oebk-training-event-facts>div{
    padding:9px 10px;
    border-radius:6px;
    background:#f7f9fa;
}
.oebk-training-event-facts dt{
    color:#6c7b81;
    font-size:12px;
}
.oebk-training-event-facts dd{
    margin:2px 0 0;
}
.oebk-training-back{
    display:inline-flex;
    margin-bottom:16px;
    color:#246b7e!important;
    font-weight:700;
}
.oebk-training-detail-hero{
    display:grid;
    grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);
    overflow:hidden;
    border:1px solid #d8e1e4;
    border-radius:12px;
    background:#fff;
}
.oebk-training-detail-hero:not(:has(.oebk-training-detail-image)){
    grid-template-columns:1fr;
}
.oebk-training-detail-image{
    min-height:320px;
}
.oebk-training-detail-intro{
    padding:28px;
}
.oebk-training-detail-intro h2{
    margin:4px 0 12px;
    font-size:clamp(30px,4vw,48px);
}
.oebk-training-content-section{
    margin-top:22px;
    padding:20px;
    border:1px solid #d8e1e4;
    border-radius:10px;
    background:#fff;
}
.oebk-training-content-section>h3{
    margin-top:0;
}
.oebk-training-section-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-bottom:14px;
}
.oebk-training-section-head h3{
    margin:4px 0 0;
}
.oebk-training-section-head>span{
    flex:0 0 auto;
    padding:5px 9px;
    border-radius:999px;
    background:#e8f1f3;
    color:#315e6e;
    font-size:13px;
    font-weight:750;
}
.oebk-training-module-list{
    display:grid;
    gap:8px;
}
.oebk-training-module-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:13px;
    border:1px solid #e0e6e8;
    border-radius:8px;
    background:#f9fbfb;
}
.oebk-training-module-number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:999px;
    background:#e7f0f3;
    color:#315e6e;
    font-weight:800;
}
.oebk-training-module-row h4{
    margin:0 0 3px;
}
.oebk-training-module-row p{
    margin:0;
    color:#63747b;
}
.oebk-training-module-term-count{
    display:grid;
    text-align:right;
}
.oebk-training-module-term-count strong{
    font-size:18px;
}
.oebk-training-module-term-count span{
    color:#64747b;
    font-size:13px;
}
.oebk-training-program-links{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    align-items:center;
    margin-top:14px;
}
.oebk-training-program-links a{
    padding:5px 9px;
    border-radius:999px;
    background:#eef3f5;
    color:#246b7e!important;
    font-size:13px;
    font-weight:700;
}
.oebk-profile-course-list{
    display:grid;
    gap:8px;
}
.oebk-profile-course-list article{
    display:flex;
    justify-content:space-between;
    gap:18px;
    padding:12px 14px;
    border:1px solid #e0e6e8;
    border-radius:8px;
    background:#f8fafb;
}
.oebk-profile-course-list article>div{
    display:grid;
    gap:3px;
}
.oebk-profile-course-list span{
    color:#66777e;
    font-size:13px;
}
.oebk-profile-course-date{
    text-align:right;
}
@media(max-width:900px){
    .oebk-training-card-grid{
        grid-template-columns:1fr;
    }
    .oebk-training-filters{
        grid-template-columns:1fr 1fr;
    }
    .oebk-training-event-card,
    .oebk-training-detail-hero{
        grid-template-columns:1fr;
    }
    .oebk-training-event-image,
    .oebk-training-detail-image{
        max-height:360px;
    }
}
@media(max-width:700px){
    .oebk-training-overview-stats,
    .oebk-training-stats,
    .oebk-training-stats.is-small,
    .oebk-training-event-facts{
        grid-template-columns:1fr;
    }
    .oebk-training-filters{
        grid-template-columns:1fr;
    }
    .oebk-training-event-top,
    .oebk-training-section-head,
    .oebk-profile-course-list article{
        display:grid;
    }
    .oebk-training-date-badge,
    .oebk-profile-course-date{
        text-align:left;
    }
    .oebk-training-module-row{
        grid-template-columns:38px minmax(0,1fr);
    }
    .oebk-training-module-term-count{
        grid-column:2;
        text-align:left;
    }
}


@media(min-width:1200px){
    .oebk-training-public{
        padding-left:8px;
        padding-right:8px;
        box-sizing:border-box;
    }

    .oebk-training-public-heading{
        max-width:none;
    }

    .oebk-training-detail .oebk-training-content-section{
        padding:24px 28px;
    }
}



.oebk-training-public-heading .oebk-training-kicker{
    color:#dceff4!important;
}

.oebk-training-public-heading .oebk-training-notice{
    border-left-color:#fff!important;
    background:rgba(255,255,255,.92)!important;
    color:var(--oebk-ink)!important;
}

.oebk-training-public-heading .oebk-training-notice .dashicons{
    color:var(--oebk-blue-dark);
}

/* Stats become visibly branded, but remain calm. */
.oebk-training-overview-stats > div{
    position:relative;
    overflow:hidden;
    border:0!important;
    background:#fff!important;
    box-shadow:0 4px 16px rgba(31,69,81,.08);
}

.oebk-training-overview-stats > div::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:var(--oebk-blue);
}

.oebk-training-overview-stats > div:nth-child(3)::before{
    background:var(--oebk-green);
}

.oebk-training-overview-stats > div:nth-child(3){
    background:var(--oebk-green-soft)!important;
}

/* Module cards: "Teil von" is secondary information. */
.oebk-training-belongs{
    margin:10px 0 6px;
    color:var(--oebk-muted)!important;
    font-size:13px;
    line-height:1.35;
}

.oebk-training-belongs strong{
    font-size:12px;
    font-weight:750;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#6d7d84;
}

/* With UE removed the public statistic cards can breathe better. */
.oebk-training-stats.is-small{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.oebk-training-detail .oebk-training-stats{
    grid-template-columns:repeat(3,minmax(0,1fr));
}

/* Slightly stronger public card distinction. */
.oebk-training-card::before{
    height:5px!important;
}

.oebk-training-card:hover,
.oebk-training-event-card:hover{
    border-color:#b9d0d8!important;
    box-shadow:0 10px 28px rgba(23,111,138,.10);
}

@media(max-width:700px){
    .oebk-training-public-heading{
        padding:26px 22px;
    }

    .oebk-training-detail .oebk-training-stats{
        grid-template-columns:1fr;
    }
}


/* 3.0.4: öffentliche Zählkacheln entfernt. */
.oebk-training-public-heading + .oebk-training-view-tabs{
    margin-top:16px;
}


/* =======================================================
   3.1.0 – Öffentliche Detailseiten
   Ausbildung → Modul → Kurstermin
   ======================================================= */

body.oebk-course-event-page main.oebk-course-event-main{
    width:min(1800px,calc(100vw - 48px));
    max-width:1800px;
    margin:0 auto;
    padding:54px 0 72px;
}

.oebk-training-breadcrumbs{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
    margin:0 0 18px;
    color:var(--oebk-muted);
    font-size:14px;
}

.oebk-training-breadcrumbs a{
    color:var(--oebk-blue)!important;
    font-weight:700;
}

.oebk-training-detail{
    padding-top:12px;
}

.oebk-training-detail-hero{
    border:0!important;
    background:
        linear-gradient(
            118deg,
            var(--oebk-blue-pale) 0%,
            #fff 72%
        )!important;
    box-shadow:0 10px 30px rgba(25,70,84,.08)!important;
}

.oebk-training-detail-hero:not(:has(.oebk-training-detail-image)){
    position:relative;
    overflow:hidden;
}

.oebk-training-detail-hero:not(:has(.oebk-training-detail-image))::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:7px;
    background:var(--oebk-blue);
}

.oebk-training-detail-intro{
    align-self:center;
}

.oebk-training-detail-intro h1,
.oebk-training-detail-intro h2{
    color:var(--oebk-ink);
    line-height:1.08;
}

.oebk-training-content-section{
    padding:26px 28px!important;
}

.oebk-training-content-section h2,
.oebk-training-content-section h3{
    color:var(--oebk-ink);
}

.oebk-course-event-date{
    margin:14px 0;
    color:var(--oebk-blue-dark);
    font-size:clamp(21px,2.2vw,31px);
    font-weight:760;
    line-height:1.25;
}

.oebk-course-event-cancelled{
    display:inline-flex;
    margin:16px 0 0;
    padding:9px 12px;
    border-radius:7px;
    background:#faecec;
    color:#9b3434;
    font-weight:750;
}

.oebk-course-event-primary{
    min-height:46px;
    padding-inline:18px;
}

.oebk-course-event-fact-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:0;
}

.oebk-course-event-fact-grid>div{
    min-height:94px;
    padding:15px 16px;
    border:1px solid var(--oebk-line);
    border-radius:9px;
    background:var(--oebk-blue-pale);
}

.oebk-course-event-fact-grid dt{
    color:var(--oebk-muted);
    font-size:13px;
    font-weight:700;
}

.oebk-course-event-fact-grid dd{
    margin:6px 0 0;
    color:var(--oebk-ink);
    font-size:17px;
    line-height:1.4;
}

.oebk-course-provider{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center;
    margin-top:18px;
    padding:18px 20px;
    border-left:5px solid var(--oebk-green);
    border-radius:8px;
    background:var(--oebk-green-soft);
}

.oebk-course-provider h3{
    margin:2px 0 5px;
}

.oebk-course-provider p{
    margin:0;
}

.oebk-course-event-description{
    max-width:1100px;
    font-size:17px;
    line-height:1.65;
}

.oebk-course-context-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:14px;
}

.oebk-course-context-grid article{
    padding:20px;
    border:1px solid var(--oebk-line);
    border-radius:9px;
    background:var(--oebk-blue-pale);
}

.oebk-course-context-grid h3{
    margin:4px 0 9px;
}

.oebk-course-context-grid h3 a{
    color:inherit;
}

.oebk-course-context-grid article>p:not(.oebk-training-kicker){
    color:var(--oebk-muted);
}

.oebk-course-event-final-cta{
    display:flex;
    justify-content:space-between;
    gap:28px;
    align-items:center;
    margin-top:22px;
    padding:24px 28px;
    border-radius:11px;
    background:
        linear-gradient(
            110deg,
            var(--oebk-blue-dark),
            var(--oebk-blue)
        );
    color:#fff;
}

.oebk-course-event-final-cta .oebk-training-kicker,
.oebk-course-event-final-cta h2{
    color:#fff!important;
}

.oebk-course-event-final-cta h2{
    margin:4px 0 0;
}

.oebk-course-event-final-cta .oebk-training-button{
    flex:0 0 auto;
    background:#fff!important;
    color:var(--oebk-blue-dark)!important;
}

.oebk-course-event-bottom-nav{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid var(--oebk-line);
}

.oebk-course-event-bottom-nav .oebk-training-back{
    margin:0;
}

/* Programme und Module bekommen dieselbe visuelle Logik. */
.oebk-training-detail > .oebk-training-stats{
    margin-top:16px;
}

.oebk-training-detail .oebk-training-section-head>span{
    background:var(--oebk-blue-soft)!important;
    color:var(--oebk-blue-dark)!important;
}

.oebk-training-detail .oebk-training-module-row{
    background:var(--oebk-blue-pale)!important;
}

@media(max-width:1000px){
    .oebk-course-event-fact-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:700px){
    body.oebk-course-event-page main.oebk-course-event-main{
        width:calc(100vw - 24px);
        padding:28px 0 48px;
    }

    .oebk-course-event-fact-grid{
        grid-template-columns:1fr;
    }

    .oebk-course-provider,
    .oebk-course-event-final-cta,
    .oebk-course-event-bottom-nav{
        display:grid;
    }

    .oebk-course-event-final-cta .oebk-training-button{
        justify-self:start;
    }
}