.bgs-course-page,
.bgs-course-modal{
 --course-ink:#24181d;
 --course-wine:#4a2634;
 --course-wine-dark:#211318;
 --course-rose:#a45f75;
 --course-blush:#f5e5e9;
 --course-blush-light:#fff7f8;
 --course-gold:#c7a365;
 --course-muted:#706268;
 --course-line:rgba(74,38,52,.14);
 --course-shadow:0 28px 80px rgba(58,31,41,.13);
 --course-soft-shadow:0 16px 45px rgba(58,31,41,.09);
 color:var(--course-ink);
 font-size:16px;
 line-height:1.65;
}
.bgs-course-page *,
.bgs-course-modal *{
 box-sizing:border-box;
}
.bgs-course-page{
 width:100%;
 overflow:hidden;
 background:#fff;
}
.bgs-course-wide{
 width:min(1380px,calc(100% - 56px));
 margin-inline:auto;
}
.bgs-course-page h1,
.bgs-course-page h2,
.bgs-course-page h3,
.bgs-course-modal h2{
 color:var(--course-ink);
 font-family:'Playfair Display',Georgia,serif;
 font-weight:700;
}
.bgs-course-page .btn,
.bgs-course-modal .btn{
 display:inline-flex;
 min-height:50px;
 align-items:center;
 justify-content:center;
 padding:13px 22px;
 border:1px solid transparent;
 border-radius:999px;
 font-size:15px;
 font-weight:800;
 line-height:1.2;
 text-align:center;
 text-decoration:none;
 cursor:pointer;
 transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.bgs-course-page .btn:hover,
.bgs-course-modal .btn:hover{
 transform:translateY(-2px);
}
.bgs-course-page .btn-dark,
.bgs-course-modal .btn-dark{
 background:linear-gradient(135deg,var(--course-wine-dark),var(--course-wine));
 color:#fff;
 box-shadow:0 12px 30px rgba(45,22,31,.2);
}
.bgs-course-page .btn-light,
.bgs-course-modal .btn-light{
 border-color:rgba(74,38,52,.18);
 background:#fff;
 color:var(--course-wine);
 box-shadow:0 10px 26px rgba(45,22,31,.08);
}
.bgs-course-page a:focus-visible,
.bgs-course-page button:focus-visible,
.bgs-course-modal button:focus-visible,
.bgs-course-modal input:focus-visible,
.bgs-course-modal select:focus-visible,
.bgs-course-modal textarea:focus-visible,
.bgs-course-modal summary:focus-visible{
 outline:3px solid rgba(164,95,117,.35);
 outline-offset:3px;
}

/* Alle inhoud blijft direct zichtbaar wanneer JavaScript niet beschikbaar is. */
.bgs-course-page .reveal{
 opacity:1;
 visibility:visible;
 transform:none;
 filter:none;
}
html.bgs-course-motion .bgs-course-page .reveal{
 opacity:0;
 transform:translate3d(0,28px,0);
 filter:blur(6px);
 transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1),filter .65s ease;
 will-change:opacity,transform,filter;
}
html.bgs-course-motion .bgs-course-page .reveal.from-left{
 transform:translate3d(-34px,0,0);
}
html.bgs-course-motion .bgs-course-page .reveal.from-right{
 transform:translate3d(34px,0,0);
}
html.bgs-course-motion .bgs-course-page .reveal.visible{
 opacity:1;
 transform:translate3d(0,0,0);
 filter:blur(0);
}

.bgs-course-eyebrow{
 display:flex;
 align-items:center;
 gap:10px;
 color:var(--course-rose);
 font-size:13px;
 font-weight:900;
 letter-spacing:.14em;
 line-height:1.3;
 text-transform:uppercase;
}
.bgs-course-eyebrow:before{
 width:34px;
 height:1px;
 background:currentColor;
 content:"";
}
.bgs-course-hero{
 position:relative;
 isolation:isolate;
 background:
  radial-gradient(circle at 84% 15%,rgba(255,255,255,.96),transparent 24%),
  radial-gradient(circle at 8% 88%,rgba(199,163,101,.16),transparent 24%),
  linear-gradient(135deg,#fffdfa 0%,#f8eaed 53%,#ead3da 100%);
}
.bgs-course-hero:before{
 position:absolute;
 inset:0;
 z-index:-1;
 background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);
 background-size:64px 64px;
 mask-image:linear-gradient(to right,transparent,rgba(0,0,0,.45),transparent);
 content:"";
}
.bgs-course-hero-grid{
 min-height:720px;
 display:grid;
 grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
 gap:70px;
 align-items:center;
 padding-block:78px;
}
.bgs-course-hero-copy h1{
 max-width:760px;
 margin:20px 0 24px;
 font-size:clamp(56px,6.2vw,92px);
 letter-spacing:-.055em;
 line-height:.96;
}
.bgs-course-hero-copy h1 em{
 color:var(--course-rose);
 font-weight:600;
}
.bgs-course-lead{
 max-width:710px;
 margin:0;
 color:var(--course-muted);
 font-size:19px;
 line-height:1.7;
}
.bgs-course-page .hero-actions{
 display:flex;
 flex-wrap:wrap;
 gap:12px;
 margin-top:31px;
}
.bgs-course-trust{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
 max-width:760px;
 margin-top:34px;
}
.bgs-course-trust>span{
 display:grid;
 gap:1px;
 padding:14px 16px;
 border:1px solid rgba(255,255,255,.9);
 border-radius:18px;
 background:rgba(255,255,255,.52);
 box-shadow:inset 0 1px rgba(255,255,255,.8);
 color:var(--course-muted);
 font-size:13px;
 line-height:1.45;
}
.bgs-course-trust strong{
 color:var(--course-ink);
 font-size:14px;
}
.bgs-course-hero-visual{
 position:relative;
 min-height:570px;
}
.bgs-course-hero-image{
 position:absolute;
 inset:0 24px 30px 16px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.9);
 border-radius:180px 44px 130px 44px;
 background:#fff;
 box-shadow:var(--course-shadow);
}
.bgs-course-hero-image img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.bgs-course-hero-image:after{
 position:absolute;
 inset:0;
 background:linear-gradient(145deg,transparent 45%,rgba(51,24,35,.15));
 content:"";
}
.bgs-course-location-card{
 position:absolute;
 right:0;
 bottom:0;
 z-index:2;
 width:min(390px,78%);
 padding:24px 26px;
 border:1px solid rgba(255,255,255,.9);
 border-radius:28px;
 background:rgba(255,255,255,.91);
 box-shadow:var(--course-soft-shadow);
 backdrop-filter:blur(18px);
}
.bgs-course-location-card span{
 color:var(--course-rose);
 font-size:12px;
 font-weight:900;
 letter-spacing:.12em;
 text-transform:uppercase;
}
.bgs-course-location-card strong{
 display:block;
 margin:4px 0;
 font-family:'Playfair Display',Georgia,serif;
 font-size:25px;
 line-height:1.25;
}
.bgs-course-location-card p{
 margin:0;
 color:var(--course-muted);
 font-size:14px;
}
.bgs-course-hero-badge{
 position:absolute;
 top:34px;
 left:-22px;
 z-index:3;
 width:112px;
 height:112px;
 display:grid;
 place-content:center;
 border:1px solid rgba(255,255,255,.22);
 border-radius:50%;
 background:linear-gradient(135deg,var(--course-wine-dark),var(--course-wine));
 box-shadow:0 18px 40px rgba(48,23,32,.25);
 color:#fff;
 text-align:center;
}
.bgs-course-hero-badge strong{
 font-family:'Playfair Display',Georgia,serif;
 font-size:34px;
 line-height:.9;
}
.bgs-course-hero-badge span{
 margin-top:5px;
 font-size:11px;
 font-weight:800;
 letter-spacing:.08em;
 text-transform:uppercase;
}

.bgs-course-quick,
.bgs-course-details,
.bgs-course-process,
.bgs-course-faq{
 padding:100px 0;
}
.bgs-course-quick{
 background:linear-gradient(180deg,#fff,#fff9f7);
}
.bgs-course-section-head{
 display:grid;
 grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);
 gap:50px;
 align-items:end;
 margin-bottom:42px;
}
.bgs-course-section-head h2{
 max-width:820px;
 margin:14px 0 0;
 font-size:clamp(40px,5vw,66px);
 letter-spacing:-.035em;
 line-height:1.03;
}
.bgs-course-section-head>p{
 margin:0;
 color:var(--course-muted);
 font-size:17px;
}
.bgs-course-card-grid{
 display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 gap:20px;
}
.bgs-course-card{
 grid-column:span 4;
 overflow:hidden;
 min-width:0;
 border:1px solid var(--course-line);
 border-radius:30px;
 background:#fff;
 box-shadow:var(--course-soft-shadow);
 color:inherit;
 text-decoration:none;
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.bgs-course-card:nth-child(4),
.bgs-course-card:nth-child(5){
 grid-column:span 6;
}
.bgs-course-card:hover{
 transform:translateY(-7px);
 border-color:rgba(164,95,117,.34);
 box-shadow:var(--course-shadow);
}
.bgs-course-card-image{
 position:relative;
 height:260px;
 overflow:hidden;
 background:radial-gradient(circle at 50% 38%,#fff,#f3e4e8);
}
.bgs-course-card:nth-child(4) .bgs-course-card-image,
.bgs-course-card:nth-child(5) .bgs-course-card-image{
 height:310px;
}
.bgs-course-card-image img{
 width:100%;
 height:100%;
 object-fit:cover;
 transition:transform .5s ease;
}
.bgs-course-card:hover img{
 transform:scale(1.035);
}
.bgs-course-card-image>span{
 position:absolute;
 top:18px;
 left:18px;
 padding:8px 12px;
 border-radius:999px;
 background:rgba(35,20,26,.9);
 color:#fff;
 font-size:12px;
 font-weight:900;
 letter-spacing:.08em;
 text-transform:uppercase;
 backdrop-filter:blur(9px);
}
.bgs-course-card-featured .bgs-course-card-image>span{
 background:linear-gradient(135deg,var(--course-rose),var(--course-wine));
}
.bgs-course-card-body{
 padding:24px 25px 26px;
}
.bgs-course-card-body p{
 margin:0;
 color:var(--course-rose);
 font-size:14px;
 font-weight:800;
}
.bgs-course-card-body h3{
 min-height:65px;
 margin:8px 0 20px;
 font-size:28px;
 line-height:1.15;
}
.bgs-course-card-body strong{
 display:flex;
 align-items:center;
 justify-content:space-between;
 color:var(--course-wine);
 font-size:14px;
}
.bgs-course-card-body strong span{
 font-size:20px;
}

.bgs-course-experience{
 padding:96px 0;
 background:
  radial-gradient(circle at 82% 10%,rgba(199,163,101,.16),transparent 25%),
  radial-gradient(circle at 12% 84%,rgba(164,95,117,.18),transparent 28%),
  linear-gradient(135deg,#1f1318,#4a2634);
 color:#fff;
}
.bgs-course-experience-grid{
 display:grid;
 grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);
 gap:70px;
 align-items:center;
}
.bgs-course-experience .bgs-course-eyebrow,
.bgs-course-checklist .bgs-course-eyebrow,
.bgs-course-final-card .bgs-course-eyebrow{
 color:#e7c989;
}
.bgs-course-experience h2{
 margin:15px 0 22px;
 color:#fff;
 font-size:clamp(42px,5vw,68px);
 letter-spacing:-.035em;
 line-height:1.03;
}
.bgs-course-experience-copy>p{
 max-width:720px;
 margin:0;
 color:#eadfe3;
 font-size:18px;
}
.bgs-course-benefits{
 display:grid;
 gap:14px;
}
.bgs-course-benefits article{
 display:grid;
 grid-template-columns:58px 1fr;
 gap:18px;
 align-items:start;
 padding:22px;
 border:1px solid rgba(255,255,255,.14);
 border-radius:24px;
 background:rgba(255,255,255,.08);
 backdrop-filter:blur(14px);
}
.bgs-course-benefits article>span{
 width:52px;
 height:52px;
 display:grid;
 place-items:center;
 border:1px solid rgba(231,201,137,.4);
 border-radius:50%;
 color:#e7c989;
 font-family:'Playfair Display',Georgia,serif;
 font-size:18px;
}
.bgs-course-benefits h3{
 margin:0 0 4px;
 color:#fff;
 font-size:23px;
}
.bgs-course-benefits p{
 margin:0;
 color:#dfd1d6;
 font-size:15px;
}

.bgs-course-details{
 background:
  radial-gradient(circle at 10% 10%,rgba(245,229,233,.72),transparent 24%),
  #fff;
}
.bgs-course-detail-list{
 display:grid;
 gap:38px;
}
.bgs-course-detail{
 display:grid;
 grid-template-columns:minmax(360px,.84fr) minmax(0,1.16fr);
 overflow:hidden;
 border:1px solid var(--course-line);
 border-radius:38px;
 background:#fff;
 box-shadow:var(--course-shadow);
 scroll-margin-top:140px;
}
.bgs-course-detail.image-right{
 grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);
}
.bgs-course-detail.image-right .bgs-course-detail-media{
 order:2;
}
.bgs-course-detail-media{
 position:relative;
 min-height:610px;
 overflow:hidden;
 background:radial-gradient(circle at 48% 37%,#fff,#f0dfe4);
}
.bgs-course-detail-media:after{
 position:absolute;
 inset:0;
 background:linear-gradient(160deg,transparent 58%,rgba(36,24,29,.13));
 content:"";
 pointer-events:none;
}
.bgs-course-detail-media img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.bgs-course-detail-media>span{
 position:absolute;
 top:24px;
 left:24px;
 z-index:2;
 padding:8px 13px;
 border-radius:999px;
 background:linear-gradient(135deg,var(--course-rose),var(--course-wine));
 color:#fff;
 font-size:12px;
 font-weight:900;
 letter-spacing:.09em;
 text-transform:uppercase;
}
.bgs-course-detail-content{
 display:flex;
 flex-direction:column;
 justify-content:center;
 padding:46px;
}
.bgs-course-meta{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:11px;
 color:var(--course-rose);
 font-size:14px;
 font-weight:900;
 letter-spacing:.05em;
 text-transform:uppercase;
}
.bgs-course-meta i{
 width:4px;
 height:4px;
 border-radius:50%;
 background:var(--course-gold);
}
.bgs-course-detail h3{
 margin:10px 0 18px;
 font-size:clamp(36px,4.2vw,56px);
 letter-spacing:-.035em;
 line-height:1.03;
}
.bgs-course-intro{
 margin:0 0 25px;
 color:var(--course-muted);
 font-size:17px;
}
.bgs-course-info-columns{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:14px;
}
.bgs-course-info-columns>div{
 padding:21px;
 border:1px solid rgba(164,95,117,.13);
 border-radius:22px;
 background:var(--course-blush-light);
}
.bgs-course-info-columns h4{
 margin:0 0 10px;
 color:var(--course-wine);
 font-family:'Playfair Display',Georgia,serif;
 font-size:21px;
 line-height:1.3;
}
.bgs-course-info-columns ul{
 margin:0;
 padding:0;
 list-style:none;
}
.bgs-course-info-columns li{
 position:relative;
 padding:6px 0 6px 23px;
 color:var(--course-muted);
 font-size:14px;
 line-height:1.5;
}
.bgs-course-info-columns li:before{
 position:absolute;
 left:0;
 color:var(--course-gold);
 content:"✦";
}
.bgs-course-detail-action{
 display:flex;
 justify-content:space-between;
 align-items:center;
 gap:22px;
 margin-top:25px;
 padding-top:24px;
 border-top:1px solid var(--course-line);
}
.bgs-course-detail-action p{
 margin:0;
 color:var(--course-muted);
 font-size:14px;
 line-height:1.5;
}
.bgs-course-detail-action strong{
 color:var(--course-ink);
 font-size:15px;
}

.bgs-course-process{
 background:linear-gradient(180deg,#fff8f7,#f7e8ec);
}
.bgs-course-process-grid{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:18px;
}
.bgs-course-process-grid article{
 padding:30px;
 border:1px solid rgba(255,255,255,.9);
 border-radius:28px;
 background:rgba(255,255,255,.72);
 box-shadow:var(--course-soft-shadow);
}
.bgs-course-process-grid article>span{
 color:var(--course-rose);
 font-family:'Playfair Display',Georgia,serif;
 font-size:30px;
}
.bgs-course-process-grid h3{
 margin:18px 0 8px;
 font-size:27px;
}
.bgs-course-process-grid p{
 margin:0;
 color:var(--course-muted);
 font-size:15px;
}

.bgs-course-checklist{
 padding:96px 0;
 background:
  radial-gradient(circle at 78% 12%,rgba(199,163,101,.17),transparent 27%),
  linear-gradient(135deg,#211318,#4a2634);
 color:#fff;
}
.bgs-course-checklist-grid{
 display:grid;
 grid-template-columns:minmax(0,.78fr) minmax(480px,1.22fr);
 gap:64px;
 align-items:start;
}
.bgs-course-checklist h2{
 margin:14px 0 20px;
 color:#fff;
 font-size:clamp(41px,5vw,65px);
 letter-spacing:-.035em;
 line-height:1.03;
}
.bgs-course-checklist-intro p{
 margin:0 0 28px;
 color:#eadfe3;
 font-size:17px;
}
.bgs-course-checklist-lists{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:16px;
}
.bgs-course-checklist-lists>div{
 padding:27px;
 border:1px solid rgba(255,255,255,.14);
 border-radius:26px;
 background:rgba(255,255,255,.08);
 backdrop-filter:blur(14px);
}
.bgs-course-checklist-lists h3{
 margin:0 0 13px;
 color:#fff;
 font-size:25px;
}
.bgs-course-checklist-lists ul{
 margin:0;
 padding:0;
 list-style:none;
}
.bgs-course-checklist-lists li{
 position:relative;
 padding:7px 0 7px 23px;
 color:#eadfe3;
 font-size:14px;
}
.bgs-course-checklist-lists li:before{
 position:absolute;
 left:0;
 color:#e7c989;
 font-weight:900;
 content:"✓";
}

.bgs-course-faq{
 background:#fff;
}
.bgs-course-faq-grid{
 display:grid;
 grid-template-columns:minmax(320px,.76fr) minmax(0,1.24fr);
 gap:70px;
 align-items:start;
}
.bgs-course-faq-intro{
 position:sticky;
 top:130px;
}
.bgs-course-faq h2{
 margin:14px 0 18px;
 font-size:clamp(42px,5vw,65px);
 letter-spacing:-.035em;
 line-height:1.03;
}
.bgs-course-faq-intro p{
 max-width:520px;
 margin:0 0 26px;
 color:var(--course-muted);
}
.bgs-course-faq-list{
 border-top:1px solid var(--course-line);
}
.bgs-course-faq-list details{
 border-bottom:1px solid var(--course-line);
}
.bgs-course-faq-list summary{
 position:relative;
 padding:24px 50px 24px 0;
 color:var(--course-ink);
 font-family:'Playfair Display',Georgia,serif;
 font-size:22px;
 font-weight:700;
 line-height:1.3;
 cursor:pointer;
 list-style:none;
}
.bgs-course-faq-list summary::-webkit-details-marker{
 display:none;
}
.bgs-course-faq-list summary:after{
 position:absolute;
 top:50%;
 right:6px;
 width:34px;
 height:34px;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:var(--course-blush);
 color:var(--course-wine);
 font-family:'DM Sans',Arial,sans-serif;
 font-size:20px;
 content:"+";
 transform:translateY(-50%);
}
.bgs-course-faq-list details[open] summary:after{
 content:"−";
}
.bgs-course-faq-list details p{
 max-width:760px;
 margin:-5px 0 24px;
 color:var(--course-muted);
 font-size:15px;
}

.bgs-course-final-cta{
 padding:0 0 90px;
 background:#fff;
}
.bgs-course-final-card{
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:40px;
 align-items:center;
 padding:50px;
 border-radius:36px;
 background:
  radial-gradient(circle at 85% 15%,rgba(199,163,101,.18),transparent 27%),
  linear-gradient(135deg,#211318,#4a2634);
 box-shadow:var(--course-shadow);
 color:#fff;
}
.bgs-course-final-card h2{
 max-width:860px;
 margin:12px 0 10px;
 color:#fff;
 font-size:clamp(39px,4.5vw,60px);
 letter-spacing:-.035em;
 line-height:1.03;
}
.bgs-course-final-card p{
 max-width:770px;
 margin:0;
 color:#eadfe3;
 font-size:16px;
}

.bgs-course-modal[hidden]{
 display:none!important;
}
.bgs-course-modal{
 position:fixed;
 inset:0;
 z-index:999999;
 display:grid;
 place-items:center;
 padding:20px;
}
.bgs-course-modal-backdrop{
 position:absolute;
 inset:0;
 background:rgba(20,12,15,.76);
 backdrop-filter:blur(12px);
}
.bgs-course-modal-dialog{
 position:relative;
 z-index:2;
 width:min(920px,100%);
 max-height:92vh;
 overflow:auto;
 padding:38px;
 border:1px solid #fff;
 border-radius:34px;
 background:linear-gradient(145deg,#fff,#fff7f8);
 box-shadow:0 34px 110px rgba(20,10,14,.4);
}
.bgs-course-modal-close{
 position:sticky;
 top:0;
 z-index:4;
 float:right;
 width:44px;
 height:44px;
 display:grid;
 place-items:center;
 border:0;
 border-radius:50%;
 background:var(--course-wine-dark);
 color:#fff;
 font-size:28px;
 line-height:1;
 cursor:pointer;
}
.bgs-course-modal-heading{
 max-width:730px;
 margin-bottom:25px;
 padding-right:54px;
}
.bgs-course-modal-heading h2{
 margin:11px 0 10px;
 font-size:clamp(34px,4.5vw,52px);
 letter-spacing:-.035em;
 line-height:1.04;
}
.bgs-course-modal-heading p{
 margin:0;
 color:var(--course-muted);
 font-size:15px;
}
.bgs-course-form{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:16px;
}
.bgs-course-field{
 display:grid;
 min-width:0;
 gap:7px;
 margin:0;
 padding:0;
 border:0;
}
.bgs-course-field>span,
.bgs-course-field legend{
 color:var(--course-ink);
 font-size:14px;
 font-weight:800;
}
.bgs-course-field input[type="text"],
.bgs-course-field input[type="email"],
.bgs-course-field input[type="tel"],
.bgs-course-field select,
.bgs-course-field textarea{
 width:100%;
 min-height:50px;
 padding:12px 14px;
 border:1px solid rgba(74,38,52,.19);
 border-radius:14px;
 background:#fff;
 color:var(--course-ink);
 font:inherit;
 font-size:16px;
 box-shadow:none;
}
.bgs-course-field textarea{
 min-height:110px;
 resize:vertical;
}
.bgs-course-field input:focus,
.bgs-course-field select:focus,
.bgs-course-field textarea:focus{
 border-color:var(--course-rose);
 outline:0;
 box-shadow:0 0 0 4px rgba(164,95,117,.1);
}
.bgs-course-field small{
 color:var(--course-muted);
 font-size:13px;
}
.bgs-course-options{
 display:flex;
 flex-wrap:wrap;
 gap:10px;
}
.bgs-course-options label{
 display:flex;
 align-items:center;
 gap:8px;
 padding:10px 13px;
 border:1px solid var(--course-line);
 border-radius:14px;
 background:#fff;
 color:var(--course-muted);
 font-size:14px;
 cursor:pointer;
}
.bgs-course-options input,
.bgs-course-consent input{
 width:18px;
 height:18px;
 accent-color:var(--course-wine);
}
.bgs-course-consent{
 display:flex;
 align-items:flex-start;
 gap:10px;
 color:var(--course-muted);
 font-size:14px;
 line-height:1.5;
}
.bgs-course-consent input{
 flex:0 0 auto;
 margin-top:2px;
}
.bgs-course-form .full{
 grid-column:1/-1;
}
.bgs-course-form-actions{
 display:flex;
 justify-content:flex-end;
 gap:10px;
 margin-top:4px;
}
.bgs-course-form-actions button[disabled]{
 cursor:wait;
 opacity:.66;
 transform:none;
}
.bgs-course-form-status{
 min-height:26px;
 padding:0;
 border-radius:13px;
 color:var(--course-muted);
 font-size:14px;
 font-weight:700;
}
.bgs-course-form-status.is-success,
.bgs-course-form-status.is-error{
 padding:12px 14px;
}
.bgs-course-form-status.is-success{
 background:#e8f6ed;
 color:#1f6a3c;
}
.bgs-course-form-status.is-error{
 background:#fbeaec;
 color:#9a273b;
}
.bgs-course-hp{
 position:absolute!important;
 left:-10000px!important;
 width:1px!important;
 height:1px!important;
 overflow:hidden!important;
}
body.bgs-course-modal-open{
 overflow:hidden;
}

@media(max-width:1100px){
 .bgs-course-hero-grid{
  grid-template-columns:1fr 440px;
  gap:42px;
 }
 .bgs-course-card{
  grid-column:span 6;
 }
 .bgs-course-card:nth-child(5){
  grid-column:span 12;
 }
 .bgs-course-detail,
 .bgs-course-detail.image-right{
  grid-template-columns:340px 1fr;
 }
 .bgs-course-detail.image-right .bgs-course-detail-media{
  order:0;
 }
 .bgs-course-detail-media{
  min-height:620px;
 }
 .bgs-course-detail-content{
  padding:35px;
 }
 .bgs-course-info-columns{
  grid-template-columns:1fr;
 }
}
@media(max-width:900px){
 .bgs-course-wide{
  width:min(760px,calc(100% - 36px));
 }
 .bgs-course-hero-grid,
 .bgs-course-experience-grid,
 .bgs-course-checklist-grid,
 .bgs-course-faq-grid{
  grid-template-columns:1fr;
 }
 .bgs-course-hero-grid{
  gap:42px;
  padding-block:64px;
 }
 .bgs-course-hero-visual{
  min-height:560px;
 }
 .bgs-course-section-head{
  grid-template-columns:1fr;
  gap:15px;
 }
 .bgs-course-experience-grid,
 .bgs-course-checklist-grid,
 .bgs-course-faq-grid{
  gap:42px;
 }
 .bgs-course-faq-intro{
  position:static;
 }
 .bgs-course-detail,
 .bgs-course-detail.image-right{
  grid-template-columns:1fr;
 }
 .bgs-course-detail.image-right .bgs-course-detail-media{
  order:0;
 }
 .bgs-course-detail-media{
  min-height:480px;
 }
 .bgs-course-process-grid{
  grid-template-columns:1fr;
 }
 .bgs-course-final-card{
  grid-template-columns:1fr;
 }
}
@media(max-width:640px){
 .bgs-course-wide{
  width:calc(100% - 28px);
 }
 .bgs-course-page,
 .bgs-course-modal{
  font-size:16px;
 }
 .bgs-course-hero-grid{
  min-height:0;
  padding-block:52px;
 }
 .bgs-course-hero-copy h1{
  font-size:clamp(45px,13vw,62px);
 }
 .bgs-course-lead{
  font-size:17px;
 }
 .bgs-course-page .hero-actions,
 .bgs-course-page .hero-actions .btn{
  width:100%;
 }
 .bgs-course-trust{
  grid-template-columns:1fr;
 }
 .bgs-course-hero-visual{
  min-height:460px;
 }
 .bgs-course-hero-image{
  inset:0 0 42px;
  border-radius:92px 28px 72px 28px;
 }
 .bgs-course-location-card{
  right:10px;
  width:88%;
  padding:19px;
 }
 .bgs-course-location-card strong{
  font-size:21px;
 }
 .bgs-course-hero-badge{
  top:18px;
  left:-3px;
  width:90px;
  height:90px;
 }
 .bgs-course-quick,
 .bgs-course-details,
 .bgs-course-process,
 .bgs-course-faq{
  padding:72px 0;
 }
 .bgs-course-section-head h2,
 .bgs-course-experience h2,
 .bgs-course-checklist h2,
 .bgs-course-faq h2{
  font-size:clamp(38px,11vw,51px);
 }
 .bgs-course-card,
 .bgs-course-card:nth-child(4),
 .bgs-course-card:nth-child(5){
  grid-column:span 12;
 }
 .bgs-course-card-image,
 .bgs-course-card:nth-child(4) .bgs-course-card-image,
 .bgs-course-card:nth-child(5) .bgs-course-card-image{
  height:250px;
 }
 .bgs-course-card-body h3{
  min-height:0;
 }
 .bgs-course-experience,
 .bgs-course-checklist{
  padding:72px 0;
 }
 .bgs-course-benefits article{
  grid-template-columns:46px 1fr;
  gap:13px;
  padding:18px;
 }
 .bgs-course-benefits article>span{
  width:44px;
  height:44px;
 }
 .bgs-course-detail{
  border-radius:28px;
 }
 .bgs-course-detail-media{
  min-height:330px;
 }
 .bgs-course-detail-content{
  padding:25px 20px 28px;
 }
 .bgs-course-detail h3{
  font-size:38px;
 }
 .bgs-course-info-columns{
  grid-template-columns:1fr;
 }
 .bgs-course-detail-action{
  align-items:stretch;
  flex-direction:column;
 }
 .bgs-course-detail-action .btn{
  width:100%;
 }
 .bgs-course-checklist-lists{
  grid-template-columns:1fr;
 }
 .bgs-course-final-cta{
  padding-bottom:60px;
 }
 .bgs-course-final-card{
  padding:30px 23px;
  border-radius:28px;
 }
 .bgs-course-final-card .btn{
  width:100%;
 }
 .bgs-course-modal{
  padding:10px;
 }
 .bgs-course-modal-dialog{
  max-height:96vh;
  padding:24px 17px;
  border-radius:25px;
 }
 .bgs-course-modal-heading{
  padding-right:42px;
 }
 .bgs-course-form{
  grid-template-columns:1fr;
 }
 .bgs-course-form .full{
  grid-column:auto;
 }
 .bgs-course-options{
  display:grid;
 }
 .bgs-course-form-actions{
  display:grid;
 }
 .bgs-course-modal-close{
  width:40px;
  height:40px;
 }
}

/*
 * Responsieve typografie en overloopbeveiliging.
 * Nederlandse samenstellingen mogen alleen afbreken wanneer de beschikbare
 * breedte anders wordt overschreden. Dit voorkomt horizontaal scrollen zonder
 * normale woorden op grotere schermen onnodig op te knippen.
 */
.bgs-course-page,
.bgs-course-modal,
.bgs-course-page section,
.bgs-course-page article,
.bgs-course-page div,
.bgs-course-page a,
.bgs-course-page button,
.bgs-course-modal div,
.bgs-course-modal form,
.bgs-course-modal fieldset,
.bgs-course-modal label{
 min-width:0;
 max-width:100%;
}
.bgs-course-page h1,
.bgs-course-page h2,
.bgs-course-page h3,
.bgs-course-page h4,
.bgs-course-page p,
.bgs-course-page li,
.bgs-course-page a,
.bgs-course-page button,
.bgs-course-page strong,
.bgs-course-page span,
.bgs-course-modal h2,
.bgs-course-modal p,
.bgs-course-modal label,
.bgs-course-modal legend,
.bgs-course-modal small,
.bgs-course-modal button{
 max-width:100%;
 white-space:normal!important;
 overflow-wrap:anywhere;
 word-break:normal;
 hyphens:auto;
}
.bgs-course-page h1,
.bgs-course-page h2,
.bgs-course-page h3,
.bgs-course-page h4,
.bgs-course-modal h2{
 text-wrap:balance;
}
.bgs-course-page p,
.bgs-course-page li,
.bgs-course-modal p,
.bgs-course-modal label,
.bgs-course-modal small{
 text-wrap:pretty;
}

@media(max-width:1100px){
 .bgs-course-detail h3{
  font-size:clamp(34px,4.8vw,48px);
 }
 .bgs-course-detail-content{
  padding-inline:clamp(25px,3.2vw,35px);
 }
}

@media(max-width:900px){
 .bgs-course-hero-copy h1{
  font-size:clamp(48px,8.4vw,68px);
 }
 .bgs-course-detail h3{
  font-size:clamp(34px,6.3vw,50px);
 }
 .bgs-course-section-head h2,
 .bgs-course-experience h2,
 .bgs-course-checklist h2,
 .bgs-course-faq h2{
  font-size:clamp(37px,7.2vw,54px);
 }
}

@media(max-width:640px){
 .bgs-course-page,
 .bgs-course-modal{
  font-size:clamp(15px,4vw,16px);
 }
 .bgs-course-wide{
  width:calc(100% - 24px);
 }
 .bgs-course-eyebrow{
  gap:8px;
  font-size:clamp(10.5px,3vw,12px);
  letter-spacing:.1em;
 }
 .bgs-course-eyebrow:before{
  width:24px;
  flex:0 0 24px;
 }
 .bgs-course-hero-copy h1{
  margin-block:16px 20px;
  font-size:clamp(38px,11.5vw,52px);
  letter-spacing:-.045em;
  line-height:1;
 }
 .bgs-course-lead,
 .bgs-course-experience-copy>p,
 .bgs-course-checklist-intro p,
 .bgs-course-section-head>p,
 .bgs-course-intro{
  font-size:clamp(15px,4.2vw,17px);
  line-height:1.65;
 }
 .bgs-course-section-head h2,
 .bgs-course-experience h2,
 .bgs-course-checklist h2,
 .bgs-course-faq h2,
 .bgs-course-final-card h2{
  font-size:clamp(31px,9.5vw,43px);
  letter-spacing:-.03em;
  line-height:1.07;
 }
 .bgs-course-card-body{
  padding:21px 19px 23px;
 }
 .bgs-course-card-body h3{
  font-size:clamp(25px,7.5vw,30px);
  line-height:1.16;
 }
 .bgs-course-detail-content{
  padding:25px clamp(16px,5.2vw,22px) 28px;
 }
 .bgs-course-detail h3{
  font-size:clamp(29px,8.8vw,38px);
  letter-spacing:-.025em;
  line-height:1.08;
 }
 .bgs-course-meta{
  gap:7px;
  font-size:clamp(11px,3.25vw,13px);
  letter-spacing:.035em;
  line-height:1.45;
 }
 .bgs-course-meta i{
  flex:0 0 4px;
 }
 .bgs-course-info-columns>div{
  padding:clamp(16px,5vw,20px);
 }
 .bgs-course-info-columns h4{
  font-size:clamp(20px,6vw,23px);
 }
 .bgs-course-info-columns li,
 .bgs-course-checklist-lists li{
  padding-left:21px;
  font-size:clamp(13.5px,3.8vw,15px);
 }
 .bgs-course-detail-action p,
 .bgs-course-benefits p,
 .bgs-course-process-grid p,
 .bgs-course-final-card p{
  font-size:clamp(13.5px,3.8vw,15px);
 }
 .bgs-course-benefits h3,
 .bgs-course-process-grid h3,
 .bgs-course-checklist-lists h3{
  font-size:clamp(21px,6vw,25px);
 }
 .bgs-course-faq-list summary{
  padding:21px 44px 21px 0;
  font-size:clamp(18px,5.3vw,21px);
 }
 .bgs-course-modal-heading h2{
  font-size:clamp(29px,8.8vw,38px);
  line-height:1.08;
 }
 .bgs-course-field>span,
 .bgs-course-field legend,
 .bgs-course-options label,
 .bgs-course-consent,
 .bgs-course-field small{
  font-size:clamp(13px,3.7vw,14px);
 }
 .bgs-course-form-actions .btn{
  width:100%;
 }
}

@media(max-width:420px){
 .bgs-course-wide{
  width:calc(100% - 20px);
 }
 .bgs-course-hero-grid{
  padding-block:42px;
 }
 .bgs-course-hero-copy h1{
  font-size:clamp(36px,11vw,44px);
 }
 .bgs-course-section-head h2,
 .bgs-course-experience h2,
 .bgs-course-checklist h2,
 .bgs-course-faq h2,
 .bgs-course-final-card h2{
  font-size:clamp(29px,9vw,36px);
 }
 .bgs-course-detail h3{
  font-size:clamp(27px,8.5vw,34px);
 }
 .bgs-course-card-body h3{
  font-size:clamp(24px,7.4vw,28px);
 }
 .bgs-course-detail-content,
 .bgs-course-final-card,
 .bgs-course-process-grid article,
 .bgs-course-checklist-lists>div{
  padding-inline:16px;
 }
 .bgs-course-benefits article{
  grid-template-columns:40px minmax(0,1fr);
  gap:11px;
  padding:16px 13px;
 }
 .bgs-course-benefits article>span{
  width:40px;
  height:40px;
 }
 .bgs-course-location-card{
  width:92%;
 }
 .bgs-course-modal-dialog{
  padding-inline:14px;
 }
 .bgs-course-page .btn,
 .bgs-course-modal .btn{
  padding-inline:16px;
  font-size:14px;
 }
}
@media(prefers-reduced-motion:reduce){
 html.bgs-course-motion .bgs-course-page .reveal{
  opacity:1;
  transform:none;
  filter:none;
  transition:none;
 }
 .bgs-course-page *,
 .bgs-course-modal *{
  scroll-behavior:auto!important;
 }
}
