/* =============================================================================
   Bibelschule / Berufsschule Bwembe - eigenes, erwachseneres Erscheinungsbild.
   Nur auf /bibelschule/ geladen. Farben und Schriften kommen aus dem Corporate
   Design der Lecture-PDFs (Montserrat + Lora, Sonnengold / Holz / Erde / Wasser),
   damit Website und Unterrichtsmaterial wie eine Familie wirken.
   Header, Footer und Buttons der Hauptseite bleiben unangetastet - der eigene
   Look gilt nur innerhalb von <main class="bs-main">.
   ============================================================================= */

.bs-main{
  --gold:#E4A63A; --gold-lt:#F3C46B; --gold-soft:#FBF1DC; --gold-line:#EBD9AE;
  --wood:#7A4A22; --earth:#4E2E12; --deep:#2A1809;
  --teal:#3F8F8C; --teal-dk:#2E6F6D; --teal-soft:#E3F1EF;
  --olive:#7E9B5B; --cream:#FFFBF3;
  --tinte:#1E1E1E; --grau:#5B554E; --linie:#E7DFD2;
  --sans:'Montserrat','Segoe UI',system-ui,-apple-system,sans-serif;
  --serif:'Lora',Georgia,'Times New Roman',serif;
  --wrap:1180px;

  font-family:var(--serif);
  font-size:17px;
  line-height:1.75;
  color:var(--tinte);
  background:#fff;
}
.bs-main h1,.bs-main h2,.bs-main h3,.bs-main h4,.bs-main h5{
  font-family:var(--sans);font-weight:800;letter-spacing:-.018em;color:var(--earth);
  line-height:1.18;margin:0;
}
.bs-main p{margin:0 0 1.05em;}
/* Nur Fliesstext-Links einfaerben - Buttons, Kacheln und die Sprungnavigation
   bringen ihre eigene Farbe mit und sollen nicht ueberschrieben werden. */
.bs-main p a,.bs-main li a,.bs-main figcaption a{color:var(--wood);}
.bs-main strong{color:var(--earth);font-weight:700;}

.bsx-wrap{width:min(var(--wrap),92%);margin:0 auto;}
.bsx-narrow{width:min(760px,92%);margin:0 auto;}

/* ---------- wiederkehrende Bausteine ---------------------------------- */
.bsx-eyebrow{
  display:flex;align-items:center;gap:9px;margin:0 0 14px;
  font-family:var(--sans);font-weight:700;font-size:12.5px;line-height:1;
  letter-spacing:.2em;text-transform:uppercase;color:var(--wood);
}
.bsx-eyebrow::before{content:"";width:22px;height:2px;background:var(--gold);flex:none;}
.bsx-head{max-width:720px;margin:0 0 44px;}
.bsx-head h2{font-size:clamp(28px,3.9vw,44px);}
.bsx-head .bsx-lead{margin:18px 0 0;font-size:clamp(17px,1.7vw,19.5px);line-height:1.7;color:var(--grau);}
.bsx-rule{display:block;width:56px;height:3px;background:var(--gold);margin:20px 0 0;}

.bsx-section{padding:clamp(64px,8vw,104px) 0;}
.bsx-section--cream{background:var(--cream);}
.bsx-section--teal{background:var(--teal-soft);}
.bsx-section--dark{background:var(--deep);color:#F3E9DA;}
.bsx-section--dark h2,.bsx-section--dark h3{color:var(--gold-soft);}
.bsx-section--dark .bsx-eyebrow{color:var(--gold);}
.bsx-section--dark .bsx-head .bsx-lead{color:rgba(243,233,218,.78);}

.bsx-btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--sans);font-weight:700;font-size:15px;letter-spacing:.01em;
  padding:15px 30px;border-radius:8px;text-decoration:none;
  background:var(--gold);color:#3A2109;border:2px solid var(--gold);
  transition:background .22s,border-color .22s,color .22s,transform .22s;
}
.bsx-btn:hover{background:#F0B958;border-color:#F0B958;transform:translateY(-2px);}
.bsx-btn--ghost{background:rgba(255,251,243,.08);color:#FFF8EC;border-color:rgba(255,248,236,.72);}
.bsx-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:var(--gold-soft);color:#fff;}
.bsx-btn--dark{background:var(--earth);border-color:var(--earth);color:var(--gold-soft);}
.bsx-btn--dark:hover{background:var(--wood);border-color:var(--wood);color:var(--gold-soft);}
.bsx-btn:focus-visible{outline:3px solid var(--teal);outline-offset:3px;}

/* =============================================================================
   1 - HERO
   ============================================================================= */
.bsx-hero{
  position:relative;isolation:isolate;display:flex;align-items:flex-end;
  min-height:clamp(520px,80vh,760px);overflow:hidden;background:var(--deep);
}
.bsx-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 42%;z-index:-3;}
.bsx-hero::before{
  content:"";position:absolute;inset:0;z-index:-2;
  background:
    linear-gradient(101deg,rgba(30,17,7,.95) 0%,rgba(30,17,7,.86) 28%,
                    rgba(30,17,7,.42) 56%,rgba(30,17,7,.20) 74%,rgba(30,17,7,.60) 100%),
    linear-gradient(180deg,rgba(30,17,7,.55) 0%,rgba(30,17,7,0) 30%,rgba(30,17,7,.72) 100%);
}
.bsx-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;opacity:.14;pointer-events:none;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}
.bsx-hero__inner{width:min(var(--wrap),92%);margin:0 auto;padding:120px 0 clamp(64px,9vw,104px);}
.bsx-hero__eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;
  font-family:var(--sans);font-weight:700;font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-lt);
}
.bsx-hero__eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--gold);}
.bsx-hero h1{
  max-width:15ch;color:#FFFDF8;
  font-size:clamp(38px,6.2vw,74px);line-height:1.04;letter-spacing:-.03em;
  text-shadow:0 6px 34px rgba(0,0,0,.45);
}
.bsx-hero h1 em{font-style:normal;color:var(--gold-lt);}
.bsx-hero__rule{display:block;width:72px;height:3px;background:var(--gold);margin:26px 0;}
.bsx-hero__lead{
  max-width:52ch;margin:0;font-size:clamp(17px,1.75vw,20px);line-height:1.72;
  color:rgba(255,250,242,.9);text-shadow:0 2px 16px rgba(0,0,0,.4);
}
.bsx-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}

/* 2 - Fakten-Band, schiebt sich ueber die Unterkante des Heros */
.bsx-facts{position:relative;z-index:5;margin-top:-58px;}
.bsx-facts__inner{
  display:grid;grid-template-columns:repeat(5,1fr);
  background:var(--earth);border-top:3px solid var(--gold);
  box-shadow:0 30px 60px -34px rgba(42,24,9,.85);
}
.bsx-fact{padding:26px 22px;text-align:center;border-left:1px solid rgba(228,166,58,.24);}
.bsx-fact:first-child{border-left:none;}
.bsx-fact b{
  display:block;font-family:var(--sans);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(24px,2.7vw,34px);line-height:1.1;color:var(--gold-lt);
}
.bsx-fact span{
  display:block;margin-top:7px;font-family:var(--sans);font-weight:600;font-size:11.5px;
  letter-spacing:.13em;text-transform:uppercase;color:rgba(255,247,235,.74);
}

/* 3 - Sprungnavigation, klebt unter dem Seitenkopf */
.bsx-subnav{
  position:sticky;top:var(--bsx-headerh,88px);z-index:40;
  background:rgba(255,251,243,.94);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--linie);
}
.bsx-subnav ul{
  display:flex;gap:4px;margin:0 auto;padding:0;list-style:none;
  width:min(var(--wrap),92%);overflow-x:auto;scrollbar-width:none;
}
.bsx-subnav ul::-webkit-scrollbar{display:none;}
.bsx-subnav a{
  display:block;white-space:nowrap;padding:15px 16px;text-decoration:none;
  font-family:var(--sans);font-weight:600;font-size:13.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--grau);
  border-bottom:3px solid transparent;transition:color .2s,border-color .2s;
}
.bsx-subnav a:hover{color:var(--wood);}
.bsx-subnav a[aria-current="true"]{color:var(--earth);border-bottom-color:var(--gold);}

/* =============================================================================
   4 - Auftakt: Vision zweispaltig mit herausgestelltem Satz
   ============================================================================= */
.bsx-intro__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:start;}
.bsx-intro__grid > div > *:first-child{margin-top:0;}
.bsx-intro__lead{font-size:19.5px;line-height:1.72;}
.bsx-intro__lead::first-letter{
  float:left;font-family:var(--sans);font-weight:800;font-size:64px;line-height:.86;
  padding:6px 12px 0 0;color:var(--gold);
}
.bsx-pull{
  margin:0;padding:26px 0 26px 28px;border-left:3px solid var(--gold);
  font-size:21px;line-height:1.55;font-style:italic;color:var(--earth);
}

/* =============================================================================
   5 - Zwei Saeulen: geistlich und handwerklich
   ============================================================================= */
.bsx-pillars{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px;}
.bsx-pillar{
  position:relative;overflow:hidden;padding:clamp(30px,3.4vw,46px);border-radius:12px;
  color:#F6EEE1;isolation:isolate;
}
.bsx-pillar--geist{background:linear-gradient(160deg,#3F8F8C 0%,#2E6F6D 58%,#255C5A 100%);}
.bsx-pillar--hand{background:linear-gradient(160deg,#9A6330 0%,#7A4A22 58%,#5E3716 100%);}
.bsx-pillar__no{
  position:absolute;right:-8px;top:-30px;z-index:-1;pointer-events:none;
  font-family:var(--sans);font-weight:800;font-size:170px;line-height:1;
  color:rgba(255,255,255,.09);letter-spacing:-.05em;
}
.bsx-pillar__icon{display:block;width:46px;height:46px;margin-bottom:20px;color:var(--gold-lt);}
.bsx-pillar h3{color:#FFFDF8;font-size:clamp(21px,2.3vw,27px);}
.bsx-pillar__kicker{
  margin:0 0 10px;font-family:var(--sans);font-weight:700;font-size:11.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold-lt);
}
.bsx-pillar p{color:rgba(246,238,225,.9);}
.bsx-pillar ul{list-style:none;margin:22px 0 0;padding:0;}
.bsx-pillar li{position:relative;padding:9px 0 9px 26px;border-top:1px solid rgba(255,255,255,.16);
  font-size:16px;line-height:1.5;color:rgba(246,238,225,.94);}
.bsx-pillar li::before{
  content:"";position:absolute;left:0;top:18px;width:11px;height:2px;background:var(--gold-lt);
}
.bsx-pillars__plus{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:var(--cream);border:3px solid var(--gold);
  font-family:var(--sans);font-weight:800;font-size:24px;color:var(--wood);
  box-shadow:0 10px 26px -12px rgba(42,24,9,.7);
}

/* =============================================================================
   6 - Wochenrhythmus: Tagesschiene plus Original-Stundenplan
   ============================================================================= */
.bsx-rhythm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(30px,4.5vw,64px);align-items:start;}
.bsx-rail{list-style:none;margin:0;padding:0;position:relative;}
.bsx-rail::before{content:"";position:absolute;left:8px;top:14px;bottom:14px;width:2px;background:var(--gold-line);}
.bsx-rail li{position:relative;display:grid;grid-template-columns:104px 1fr;gap:16px;
  padding:11px 0 11px 30px;align-items:baseline;}
.bsx-rail li::before{
  content:"";position:absolute;left:1px;top:19px;width:16px;height:16px;border-radius:50%;
  background:#fff;border:3px solid var(--gold);
}
.bsx-rail li.is-pause::before{border-color:var(--linie);}
.bsx-rail time{font-family:var(--sans);font-weight:700;font-size:13.5px;white-space:nowrap;letter-spacing:.02em;color:var(--wood);}
.bsx-rail b{font-family:var(--sans);font-weight:700;font-size:16.5px;color:var(--earth);}
.bsx-rail li.is-pause b{font-weight:600;color:var(--grau);}
.bsx-rail small{display:block;font-family:var(--serif);font-size:15px;color:var(--grau);line-height:1.5;}

.bsx-board{margin:0;}
.bsx-board__frame{
  position:relative;padding:14px;background:#fff;border:1px solid var(--linie);
  border-radius:4px;box-shadow:0 26px 50px -30px rgba(42,24,9,.6);
  transform:rotate(-1.1deg);transition:transform .35s;
}
.bsx-board__frame:hover{transform:rotate(0deg) scale(1.012);}
.bsx-board__frame img{display:block;width:100%;height:auto;border-radius:2px;cursor:zoom-in;}
.bsx-board figcaption{margin:26px 4px 0;font-size:15.5px;line-height:1.6;color:var(--grau);}
.bsx-board figcaption b{font-family:var(--sans);font-weight:700;color:var(--earth);}

.bsx-subjects{display:flex;flex-wrap:wrap;gap:10px;margin:38px 0 0;padding:0;list-style:none;}
.bsx-subject{
  display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 12px;
  background:#fff;border:1px solid var(--linie);border-radius:99px;
  font-family:var(--sans);font-weight:600;font-size:14px;color:var(--earth);
}
.bsx-subject i{width:10px;height:10px;border-radius:50%;background:var(--gold);flex:none;}
.bsx-subject--bibel i{background:var(--teal);}
.bsx-subject--bau i{background:var(--gold);}
.bsx-subject--holz i{background:var(--wood);}
.bsx-subject--naeh i{background:var(--olive);}
.bsx-subject--haar i{background:#B4713A;}
.bsx-subject--lesen i{background:#8C8577;}

/* =============================================================================
   7 - Studienweg: die Wochen als typografisches Register
   ============================================================================= */
.bsx-term{margin-top:52px;}
.bsx-term:first-of-type{margin-top:0;}
.bsx-term__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;
  padding-bottom:16px;border-bottom:2px solid var(--gold);margin-bottom:8px;}
.bsx-term__head h3{font-size:clamp(20px,2.2vw,26px);}
.bsx-term__head span{font-family:var(--sans);font-weight:600;font-size:12.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--wood);}
.bsx-weeks{columns:2;column-gap:clamp(26px,4vw,56px);margin:0;padding:0;list-style:none;}
.bsx-weeks li{break-inside:avoid;display:grid;grid-template-columns:66px 1fr;gap:14px;
  padding:14px 0;border-bottom:1px solid var(--linie);}
.bsx-weeks u{
  font-family:var(--sans);font-weight:800;font-size:13px;letter-spacing:.04em;
  text-decoration:none;color:var(--gold);padding-top:3px;white-space:nowrap;
}
.bsx-weeks b{display:block;font-family:var(--sans);font-weight:700;font-size:16px;
  line-height:1.35;color:var(--earth);}
.bsx-weeks small{display:block;margin-top:3px;font-size:15px;line-height:1.5;color:var(--grau);font-style:italic;}
.bsx-gapnote{
  margin:30px 0 0;padding:16px 20px;background:var(--gold-soft);border-left:3px solid var(--gold);
  font-size:15.5px;line-height:1.6;color:var(--wood);
}

/* =============================================================================
   9 - Leitvers
   ============================================================================= */
.bsx-verse{text-align:center;position:relative;}
.bsx-verse__mark{
  display:block;font-family:var(--sans);font-weight:800;font-size:120px;line-height:.6;
  color:rgba(228,166,58,.32);margin-bottom:6px;
}
.bsx-verse blockquote{margin:0;}
.bsx-verse blockquote p{
  font-size:clamp(21px,3vw,33px);line-height:1.5;font-style:italic;
  color:#FBF3E4;max-width:24ch;margin:0 auto 26px;
}
.bsx-verse cite{
  font-family:var(--sans);font-style:normal;font-weight:700;font-size:12.5px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold);
}

/* =============================================================================
   10 - Team
   ============================================================================= */
.bsx-lead-card{
  display:grid;grid-template-columns:220px 1fr;gap:clamp(24px,3vw,44px);align-items:center;
  padding:clamp(24px,3vw,40px);background:#fff;border:1px solid var(--linie);
  border-left:4px solid var(--gold);border-radius:10px;
  box-shadow:0 26px 50px -38px rgba(42,24,9,.55);
}
.bsx-lead-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:8px;}
.bsx-lead-card h3{font-size:clamp(21px,2.2vw,27px);}
.bsx-role{margin:6px 0 14px;font-family:var(--sans);font-weight:700;font-size:12.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--teal-dk);}
.bsx-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:26px;}
.bsx-person{padding:26px 24px;background:#fff;border:1px solid var(--linie);border-radius:10px;}
.bsx-person h4{font-size:18.5px;}
.bsx-person p{margin:12px 0 0;font-size:16px;line-height:1.6;color:var(--grau);}

/* =============================================================================
   11 - Ort: Mosaik-Galerie, Land-Fakten, Karte
   ============================================================================= */
.bsx-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px;}
.bsx-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:8px;cursor:zoom-in;
  transition:transform .35s,filter .35s;}
.bsx-mosaic img:hover{transform:scale(1.015);filter:brightness(1.05);}
.bsx-mosaic img:nth-child(1){grid-column:span 2;grid-row:span 2;}
.bsx-mosaic img:nth-child(4){grid-column:span 2;}

.bsx-landgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,60px);
  align-items:start;margin-top:clamp(40px,5vw,64px);}
.bsx-checks{list-style:none;margin:0;padding:0;}
.bsx-checks li{position:relative;padding:12px 0 12px 34px;border-bottom:1px solid var(--linie);
  font-size:16.5px;line-height:1.6;}
.bsx-checks li::before{
  content:"";position:absolute;left:2px;top:19px;width:14px;height:8px;
  border-left:2.5px solid var(--gold);border-bottom:2.5px solid var(--gold);
  transform:rotate(-45deg);
}
.bsx-map{width:100%;aspect-ratio:16/9;border:0;border-radius:10px;
  box-shadow:0 24px 46px -34px rgba(42,24,9,.6);}

/* =============================================================================
   12 - Glaube: Bekenntnis als nummerierte Reihe
   ============================================================================= */
.bsx-creed{counter-reset:creed;list-style:none;margin:34px 0 0;padding:0;
  columns:2;column-gap:clamp(26px,4vw,56px);}
.bsx-creed li{break-inside:avoid;position:relative;padding:14px 0 14px 52px;
  border-bottom:1px solid rgba(46,111,109,.22);font-size:16.5px;line-height:1.6;}
.bsx-creed li::before{
  counter-increment:creed;content:counter(creed,decimal-leading-zero);
  position:absolute;left:0;top:16px;font-family:var(--sans);font-weight:800;font-size:13px;
  letter-spacing:.04em;color:var(--teal-dk);
}

/* =============================================================================
   13 - Traegerschaft: was die Schule kostet
   ============================================================================= */
.bsx-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;}
.bsx-cost{padding:30px 26px;background:#fff;border:1px solid var(--linie);border-radius:10px;
  border-top:4px solid var(--gold);}
.bsx-cost b{display:block;font-family:var(--sans);font-weight:800;letter-spacing:-.02em;
  font-size:clamp(28px,3.2vw,38px);color:var(--earth);line-height:1.1;}
.bsx-cost span{display:block;margin-top:4px;font-family:var(--sans);font-weight:600;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--wood);}
.bsx-cost p{margin:16px 0 0;font-size:16px;line-height:1.6;color:var(--grau);}

/* =============================================================================
   14 - Bewerbung
   ============================================================================= */
.bsx-apply{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(30px,4.5vw,64px);align-items:center;}
.bsx-apply ul{list-style:none;margin:26px 0 0;padding:0;}
.bsx-apply li{position:relative;padding:11px 0 11px 26px;border-top:1px solid rgba(228,166,58,.22);
  font-size:16.5px;line-height:1.55;color:rgba(243,233,218,.92);}
.bsx-apply li::before{content:"";position:absolute;left:0;top:21px;width:12px;height:2px;background:var(--gold);}
.bsx-apply__box{padding:clamp(28px,3.4vw,42px);background:rgba(255,251,243,.06);
  border:1px solid rgba(228,166,58,.32);border-radius:12px;text-align:center;}
.bsx-apply__box h3{font-size:clamp(20px,2.2vw,26px);}
.bsx-apply__box p{margin:14px 0 24px;font-size:16px;line-height:1.6;color:rgba(243,233,218,.8);}
.bsx-apply__box small{display:block;margin-top:16px;font-size:13.5px;line-height:1.5;color:rgba(243,233,218,.55);}

/* =============================================================================
   Anpassungen an bestehende Bausteine (Lecture-Kacheln, Meilenstein-Karten)
   ============================================================================= */
.bs-main .lec-group__title,.bs-main .lec-title,.bs-main .lec-group__span,
.bs-main .lec-chip,.bs-main .lec-meta,.bs-main .lec-dl,.bs-main .lec-ghost{font-family:var(--sans);}
.bs-main .lec-sub{font-family:var(--serif);}
.bs-main .lec-group__title{color:var(--earth);}
.bs-main .lec-group__title span{color:var(--wood);}
.bs-main .lec-card{border-radius:12px;}
.bs-main .lec-title a::after{border-radius:12px;}
.bs-main .gid-card h3{font-family:var(--sans);font-weight:700;font-size:18px;letter-spacing:-.01em;}
.bs-main .gid-card .card-date{font-family:var(--sans);font-size:13px;}

/* =============================================================================
   Schmalere Viewports
   ============================================================================= */
@media(max-width:980px){
  .bsx-intro__grid,.bsx-rhythm,.bsx-landgrid,.bsx-apply{grid-template-columns:1fr;}
  .bsx-pillars{grid-template-columns:1fr;}
  .bsx-pillars__plus{display:none;}
  .bsx-weeks,.bsx-creed{columns:1;}
  .bsx-lead-card{grid-template-columns:1fr;}
  .bsx-lead-card img{max-width:200px;}
  .bsx-facts__inner{grid-template-columns:repeat(3,1fr);}
  .bsx-fact:nth-child(4){border-left:none;}
  .bsx-fact:nth-child(n+4){border-top:1px solid rgba(228,166,58,.24);}
  .bsx-fact:nth-child(5){grid-column:span 2;}
}
@media(max-width:680px){
  .bs-main{font-size:16.5px;}
  .bsx-hero{min-height:clamp(460px,72vh,600px);}
  .bsx-hero__inner{padding:100px 0 56px;}
  .bsx-facts{margin-top:-30px;}
  .bsx-facts__inner{grid-template-columns:repeat(2,1fr);}
  .bsx-fact{padding:20px 14px;}
  .bsx-fact:nth-child(odd){border-left:none;}
  .bsx-fact:nth-child(n+3){border-top:1px solid rgba(228,166,58,.24);}
  .bsx-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px;}
  .bsx-mosaic img:nth-child(4){grid-column:span 1;}
  .bsx-rail li{grid-template-columns:92px 1fr;gap:10px;padding-left:28px;}
  .bsx-board__frame{transform:none;}
  .bsx-intro__lead::first-letter{font-size:52px;}
}
@media(prefers-reduced-motion:reduce){
  .bsx-btn,.bsx-board__frame,.bsx-mosaic img{transition:none;}
  .bsx-btn:hover,.bsx-mosaic img:hover{transform:none;}
  .bsx-board__frame:hover{transform:rotate(-1.1deg);}
}

/* =============================================================================
   Lecture-Kacheln (aus der fruehreren Tab-Fassung uebernommen)
   ============================================================================= */
.lec-note{background:var(--green-soft,#e6f3ec);border-radius:12px;padding:14px 18px;
  font-size:15px;line-height:1.5;}
.lec-group{margin:38px 0 18px;}
.lec-group:first-of-type{margin-top:28px;}
.lec-group__title{font-family:'Baloo 2',sans-serif;font-weight:800;
  font-size:clamp(21px,2.4vw,26px);line-height:1.2;color:var(--ink);margin:0;}
.lec-group__title span{color:var(--green);}
.lec-group__span{margin:5px 0 0;font-weight:600;font-size:14.5px;letter-spacing:.02em;color:#6b7570;}
.lec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px;}

.lec-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;
  min-height:214px;padding:20px 20px 16px;border-radius:20px;color:#3d2109;
  --g1:#FBBF45;--g2:#F5A623;--g3:#DE8412;
  background:linear-gradient(145deg,var(--g1) 0%,var(--g2) 46%,var(--g3) 100%);
  box-shadow:0 14px 30px -18px rgba(178,105,10,.85);
  transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s;}
.lec-grid .lec-card:nth-child(3n+2){--g1:#FFCA5E;--g2:#F8AF2C;--g3:#E28A14;}
.lec-grid .lec-card:nth-child(3n+3){--g1:#F8B23C;--g2:#EE9A1A;--g3:#D4790A;}
.lec-card::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(120% 90% at 88% 2%,rgba(255,255,255,.45),rgba(255,255,255,0) 58%);}
.lec-card:hover{transform:translateY(-6px);box-shadow:0 26px 44px -20px rgba(178,105,10,.95);}
.lec-card:focus-within{outline:3px solid var(--green);outline-offset:3px;}

.lec-ghost{position:absolute;right:-24px;bottom:-54px;z-index:-1;pointer-events:none;
  font-family:'Baloo 2',sans-serif;font-weight:800;font-size:152px;line-height:1;
  letter-spacing:-.05em;color:rgba(255,255,255,.24);transition:transform .35s;}
.lec-card:hover .lec-ghost{transform:translate(6px,-6px) scale(1.04);}

.lec-head{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.lec-chip{background:rgba(255,255,255,.74);border-radius:99px;padding:4px 11px;
  font-weight:700;font-size:12.5px;letter-spacing:.03em;color:#7a4a22;white-space:nowrap;}
.lec-chip--alt{background:#4E2E12;color:#FFE3B4;}

.lec-title{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:19.5px;line-height:1.24;
  margin:0;color:#3d2109;}
.lec-title a{color:inherit;text-decoration:none;}
.lec-title a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:20px;}
.lec-card:hover .lec-title{text-decoration:underline;text-decoration-thickness:2px;
  text-underline-offset:3px;}
.lec-sub{margin:8px 0 0;font-size:14.5px;line-height:1.45;color:#5b360f;}

.lec-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:16px;}
.lec-meta{font-weight:600;font-size:13px;color:#5e3a10;}
.lec-dl{position:relative;z-index:2;background:#fff;color:#b3690a;font-weight:800;font-size:13px;
  padding:7px 14px;border-radius:99px;white-space:nowrap;text-decoration:none;
  box-shadow:0 4px 12px -6px rgba(90,50,0,.6);transition:background .2s,color .2s,transform .2s;}
.lec-dl:hover{background:#4E2E12;color:#fff;transform:translateY(-1px);}
.lec-dl:focus-visible{outline:3px solid var(--green);outline-offset:2px;}

@media(prefers-reduced-motion:reduce){
  .lec-card,.lec-ghost,.lec-dl{transition:none;}
  .lec-card:hover,.lec-card:hover .lec-ghost,.lec-dl:hover{transform:none;}
}
@media(max-width:560px){.lec-grid{grid-template-columns:1fr;}}


/* Zwei Landschaftsfotos nebeneinander (Land-Abschnitt) */
.bsx-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:start;}
.bsx-duo img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;cursor:zoom-in;
  transition:transform .35s,filter .35s;}
.bsx-duo img:hover{transform:scale(1.015);filter:brightness(1.05);}

/* Ankersprunge landen nicht unter Kopf + Sprungnavigation */
.bs-main [id]{scroll-margin-top:var(--bsx-anchor,150px);}

/* Hinweiskasten der Lecture-Liste in der Farbwelt der Bibelschule */
.bs-main .lec-note{background:var(--gold-soft);border-left:3px solid var(--gold);color:var(--wood);
  border-radius:0 12px 12px 0;}

/* =============================================================================
   Bildstreifen ueber die volle Breite - Taktwechsel zwischen zwei Abschnitten
   ============================================================================= */
.bsx-strip{position:relative;isolation:isolate;display:flex;align-items:flex-end;
  min-height:clamp(240px,32vw,420px);overflow:hidden;background:var(--deep);}
.bsx-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 34%;z-index:-2;}
.bsx-strip::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(30,17,7,.18) 0%,rgba(30,17,7,0) 34%,rgba(30,17,7,.82) 100%);}
.bsx-strip p{width:min(var(--wrap),92%);margin:0 auto;padding:0 0 clamp(24px,3vw,38px);
  font-size:clamp(16px,1.6vw,18.5px);line-height:1.6;color:rgba(255,250,242,.92);
  max-width:none;text-shadow:0 2px 14px rgba(0,0,0,.5);}
.bsx-strip p b{display:block;font-family:var(--sans);font-weight:800;
  font-size:clamp(19px,2.2vw,26px);letter-spacing:-.02em;color:#FFFDF8;margin-bottom:6px;}