/* -- SCHEDULE -- */
.schedule-section{background:#2f605a;color:#fff;margin-top:80px;padding:40px 0 40px 0}
.schedule-section h2{color:#fff}
.schedule-section .row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.schedule-section .row .col-sm-3{flex:1 1 200px;padding:0px 10px}
.schedule-card{background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:20px 8px;text-align:center;transition:background 0.25s;margin-bottom:20px}
.schedule-card:hover{background:rgba(255,255,255,0.12)}
.schedule-card .day-name{font-size:13px;letter-spacing:0.15em;text-transform:uppercase;color:#83f1cd;margin-bottom:0.4rem}
.schedule-card .day-date{font-size:19px;font-weight:400;line-height:1;margin-bottom:0.5rem}
.schedule-card .day-time{font-size:13px;color:rgba(247,243,236,0.65);margin-top:10px}
.schedule-card small{font-size:14px;color:rgb(255 208 112);display:block;margin-top:8px}
.schedule-section-2 h3{font-size:22px}
.schedule-section-2 li{font-size:15.5px;font-weight:400}
.schedule-box{display:flex;overflow:hidden;border-radius:15px;margin:auto;min-height:235px;background:#66d2c5}
.schedule-box h3{margin-top:0;font-size:20px;font-weight:600}
.left-side{width:65%;background:#eee7e1;padding:30px 40px;clip-path:polygon(0 0,78% 0,100% 100%,0 100%)}
.left-side ul{margin-top:20px;padding-left:25px}
.right-side{width:35%;background:#66d2c5;padding:30px 40px;display:flex;flex-direction:column;justify-content:center}
.right-side p{font-weight:400}
.course-box{border:1px solid #d9d9d9;border-radius:15px;padding:25px;margin-bottom:30px;min-height:440px;position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.module-number{font-size:48px;color:#cfcfcf;font-weight:300;line-height:1;margin-bottom:15px}
.module-title{font-size:18px;font-weight:600;color:#111;margin-bottom:20px;padding-right:70px;line-height:1.4}
.section-title{font-size:17px;font-weight:700;color:#333;margin-bottom:10px}
.course-box ul{padding-left:22px;margin-bottom:20px}
.course-box li{margin-bottom:10px;font-size:16px;color:#4a4a4a;line-height:1.5}
.goal-text{font-size:16px;color:#444;line-height:1.7}
.yoga-icon{position:absolute;top:10px;right:15px;width:90px;opacity:0.45}
.yogarow .thumbnail{padding:0px;overflow:hidden;border:none}
.yogarow .thumbnail img{border-radius:10px}
.yogarow .thumbnail .caption{min-height:282px}
.yogarow-2 .col-sm-6{background-position:left 25px top 10px;background-repeat:no-repeat}
.yogarow-2 .col-sm-6 h3{margin-left:75px}
.yogarow-2 .col-sm-6 b{margin-left:40px;display:block}
.owl-carousel .item{padding-left:1px;padding-right:1px}
.owl-carousel .owl-controls{position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%,-50%)}
.owl-carousel .owl-controls .owl-buttons{width:100%;display:flex;justify-content:space-between}
.owl-carousel .owl-next,.owl-carousel .owl-prev{width:50px;height:50px;background-color:rgba(0,0,0,0.6);border-radius:100%;font-size:56px;color:#fff;text-align:center;line-height:0.8}
.owl-carousel .owl-next:hover,.owl-carousel .owl-prev:hover{background-color:rgba(255,0,0,0.6)}
a.mymgl::after{content:"\f00e";font:normal normal normal 18px / 1 FontAwesome;position:absolute;right:10px;bottom:10px;display:none}
a.mymgl:hover::after{display:block}
footer.main-footer{margin-top:0}
/* ========================================================== 7. FEATURE / WHY CARDS ========================================================== */
.why-card{background:var(--paper);border-radius:4px;padding:20px 18px;height:100%;box-shadow:0 2px 10px rgba(43,38,32,.06);border-top:3px solid var(--sage);transition:transform .2s ease,box-shadow .2s ease;min-height:330px}
.why-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(43,38,32,.12)}
.why-card .icon-badge{width:56px;height:56px;border-radius:50%;background:var(--sage-pale);color:var(--forest);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px}
.why-card h3{font-size:20px;margin-bottom:10px;margin-top:0px}
.why-card p{color:#5B5346;font-size:15px;margin-bottom:0}
@media (max-width:767px){.course-box{min-height:auto}
.module-number{font-size:38px}
.module-title{font-size:20px;padding-right:0}
.yoga-icon{position:relative;display:block;margin:0 auto 15px;right:auto;top:auto}
}
.reveal{opacity:1;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.lede{font-size:18px;color:#524A3F}
/* ========================================================== 8. CURRICULUM DETAIL CARDS ("Das erwartet dich") ========================================================== */
#erwartet-dich h2{margin-top:10px}
.detail-card{background:var(--paper);border-radius:4px;padding:26px 20px;height:100%;box-shadow:0 2px 10px 4px rgba(43,38,32,.09);transition:transform .2s ease,box-shadow .2s ease;min-height:430px;margin-bottom:30px}
.detail-card:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(43,38,32,.10)}
.detail-card .icon-badge-clay{width:48px;height:48px;border-radius:50%;background:rgba(182,92,56,.12);color:var(--clay);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}
.detail-card h3{font-size:20px;margin-bottom:6px;margin-top:0px}
.detail-card ul{list-style:none;padding:0;margin:14px 0 0}
.detail-card ul li{padding-left:22px;position:relative;margin-bottom:8px}
.detail-card ul li:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:var(--sage)}
.detail-card p{line-height:20px}
/* ========================================================== 9. STAT / CALLOUT BANNER ========================================================== */
.callout-banner{background:var(--sage-pale);border-left:4px solid var(--forest);border-radius:4px;padding:34px 34px}
.callout-banner h3{margin-top:0;font-size:21px}
.callout-banner p{margin-bottom:0;color:#4A4437}
/* ========================================================== 
10. HOUR-MANDALA DONUT CHARTS (signature element - the 200 hours of the training, visualised as two circles) 
========================================================== */
#ausbildungsinhalte{background:#187657}
#ausbildungsinhalte h2{color:#fff;margin-top:10px}
#ausbildungsinhalte p{color:#fff}
.mandala-wrap{text-align:center;border:1px solid #618f80;padding:30px;border-radius:10px}
.mandala-wrap svg{max-width:280px;width:100%;height:auto}
.mandala-wrap h3{margin-top:0px}
.mandala-total{font-family:var(--font-display);font-size:15px}
.mandala-total tspan.big{font-size:34px;font-weight:600}
.legend-list{list-style:none;padding:0;margin:22px 0 0}
.legend-list li{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(43,38,32,.08)}
.legend-list li:last-child{border-bottom:0}
.legend-list .swatch{width:12px;height:12px;border-radius:2px;display:inline-block;margin-right:10px}
.legend-list .legend-label{display:flex;align-items:center;color:#fff}
.legend-list .legend-value{font-weight:700;color:var(--forest-dk)}
.curriculum-note{font-size:13.5px;color:#6B6455;background:rgba(201,161,90,.14);border-left:3px solid var(--sand);padding:14px 18px;border-radius:2px;margin-top:36px}
/* ========================================================== 
11. PATHWAYS AFTER TRAINING 
========================================================== */
.pathway-list{list-style:none;padding:0;margin:0 0 28px}
.pathway-list li{padding:14px 0 14px 34px;position:relative;border-bottom:1px solid rgba(63,81,66,.12);font-size:16px}
.pathway-list li:before{content:"\e236";font-family:'Glyphicons Halflings';position:absolute;left:0;top:14px;color:var(--clay)}
.ganges-card{position:relative;border-radius:8px;overflow:hidden;min-height:300px;display:flex;align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(40,53,42,.15) 60%),url('../images/ganga-1.webp') center/cover no-repeat;box-shadow:0 20px 40px rgba(43,38,32,.18)}
/* Suggested real replacement: a photograph of a riverside yoga session on the Ganges (Rishikesh), warm early-morning light. */
.ganges-card .ganges-body{color:#fff;padding:20px 20px 20px}
.ganges-card .eyebrow{color:var(--sand)}
.ganges-card h3{color:#fff;font-size:24px;margin-bottom:10px}
.ganges-card p{color:#fff;margin-bottom:0;font-size:15px;line-height:20px}
/* ========================================================== 12. CERTIFICATION BADGES ========================================================== */
.badge-card{background:var(--paper);border-radius:4px;padding:26px 20px;text-align:center;height:100%;box-shadow:0 2px 10px rgba(43,38,32,.06)}
.badge-card .glyphicon{font-size:30px;color:var(--sand);margin-bottom:14px;display:block}
.badge-card p{color:#4A4437;margin-bottom:0;font-weight:600;line-height:22px}
/* ========================================================== 13. FINAL CTA ========================================================== */
.final-cta{background:var(--forest);color:#fff;text-align:center;padding:30px 0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.05) 0,transparent 45%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.06) 0,transparent 45%)}
.final-cta h2{color:#fff;font-size:38px}
.final-cta p.lede{color:#DCE3D9;margin:0 auto 30px}
/* -- ANIMATIONS -- */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
.fade-up{animation:fadeUp 0.8s ease both}
.delay-1{animation-delay:0.1s}
.delay-2{animation-delay:0.25s}
.delay-3{animation-delay:0.4s}
.delay-4{animation-delay:0.55s}
section{scroll-margin-top:60px}
/*----------------------------------- // DESKTOP DEVICE -------------------------------------*/
@media all and (min-width:992px) and (max-width:1600px){.hero-badge{margin-bottom:0.5rem}
.hero-cta{margin-top:0.5rem}
.banner-bg{padding-top:30px}
.hero-lower{font-size:14px;max-width:900px;margin-bottom:5px;line-height:24px}
}
/*----------------------------------- // iPad DEVICE -------------------------------------*/
@media all and (min-width:768px) and (max-width:1080px){.hero-sec{margin-top:102px}
.hero-badge{font-size:14px;margin-bottom:0px}
.banner-bg{padding-top:5px;padding-left:15px}
.hero h1{font-size:21px;margin-top:0px}
.hero-sub{font-size:13px;line-height:18px;margin-top:-0.75rem;max-width:520px}
.hero-lower{font-size:11px;margin-bottom:0px;line-height:15px;max-width:570px}
.hero-cta{max-width:500px;margin-top:0.5rem}
.btn-sage,.btn-outline-sage{padding:10px 1rem;font-size:12px}
.blog-single-page .top-article{margin-top:0px}
.team-sec .col-md-3{width:48%;float:left;padding-bottom:20px}
.thumbnail .caption{min-height:200px}
.team-sec .thumbnail img{width:100%}
}
/*----------------------------------- // MOBILE DEVICE -------------------------------------*/
@media all and (max-width:767px){.hero-sec{margin-top:80px}
/* body{overflow-x:hidden;} p.no-margin{margin:0 10px;} */
.hero-badge{font-size:14px}
.banner-bg{padding-top:25px;padding-left:15px}
.hero h1{font-size:21px;margin-top:0px}
.hero-sub{font-size:13px;line-height:18px;margin-top:-0.75rem}
.hero-lower{font-size:11px;margin-bottom:0px;line-height:18px}
.hero-cta{max-width:200px}
.btn-sage,.btn-outline-sage{padding:10px 1rem;font-size:12px}
.subnavigation{top:80px;padding:10px 0px;box-shadow:rgba(33,35,38,0.1) 0px 10px 10px -10px;width:100%}
.subnavigation ul{display:flex;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.subnavigation ul::-webkit-scrollbar{display:none}
.blog-single-page .top-article{margin-top:0px}
.team-sec .thumbnail img{width:100%}
.schedule-section{margin-top:35px}
.schedule-section{padding-bottom:10px}
.schedule-card{margin-bottom:15px}
.schedule-box{flex-wrap:wrap}
.left-side{width:100%;clip-path:none}
.right-side{width:100%}
.yogarow .thumbnail .caption{min-height:auto}
.yogarow-2 .col-sm-6{background-position:left 20px top 0px;padding-left:40px}
}