/* Ausschließlich für /schueler-studenten-bu/ */
.bu-student-page .detail-section { padding-block: clamp(54px, 7vw, 88px); }
.bu-student-page .detail-section-heading { max-width: 950px; margin-bottom: clamp(26px, 4vw, 42px); }
.bu-student-page .detail-section-heading h2 { font-size: clamp(2.15rem, 6.6vw, 5rem); }

.bu-student-page .detail-hero { padding: clamp(46px, 6vw, 78px) 0 clamp(58px, 7vw, 94px); }
.bu-student-page .detail-hero-grid { gap: clamp(30px, 5vw, 64px); }
.bu-student-page .detail-hero h1 { max-width: 820px; font-size: clamp(3rem, 7vw, 6.55rem); line-height: 0.93; }
.bu-student-page .detail-hero h1 mark,
.bu-student-page .student-signature-line mark { color: var(--detail-yellow); background: transparent; }
.bu-student-page .detail-hero-copy > p { max-width: 710px; margin-bottom: 22px; color: #555b64; }
.bu-student-page .student-hero-facts { display: grid; margin: 24px 0; gap: 9px; }
.bu-student-page .student-hero-facts article { display: grid; min-width: 0; padding: 15px 16px; gap: 3px; border: 1px solid var(--detail-line); border-radius: 17px; background: rgba(255, 255, 255, 0.83); box-shadow: 0 10px 25px rgba(31, 34, 40, 0.045); }
.bu-student-page .student-hero-facts strong { font-size: 0.64rem; font-weight: 880; letter-spacing: 0.11em; }
.bu-student-page .student-hero-facts strong::before { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: var(--detail-yellow); content: ""; }
.bu-student-page .student-hero-facts span { color: var(--detail-muted); font-size: 0.7rem; font-weight: 680; }
.bu-student-page .detail-hero-visual { min-height: 0; padding: 18px; border-radius: 30px; }
.bu-student-page .student-path { gap: 9px; }
.bu-student-page .student-path article { min-height: 74px; padding: 14px 16px 14px 58px; }
.bu-student-page .student-path article:first-child { border-color: var(--detail-yellow); background: var(--detail-yellow); }
.bu-student-page .student-path article::before { left: 16px; width: 29px; height: 29px; background: var(--detail-yellow); }
.bu-student-page .student-path article:first-child::before { background: white; }
.bu-student-page .student-path strong { font-size: 0.88rem; }
.bu-student-page .student-path small { font-size: 0.68rem; }

.bu-student-page .detail-now-grid { align-items: stretch; }
.bu-student-page .detail-now-grid .student-now-card { position: relative; display: grid; min-height: 0; padding: clamp(22px, 3vw, 31px); align-content: start; gap: 12px; overflow: hidden; }
.bu-student-page .detail-now-grid .student-now-card::after { position: absolute; right: -48px; top: -48px; width: 130px; height: 130px; border: 1px solid rgba(255, 210, 0, 0.58); border-radius: 50%; box-shadow: 0 0 0 18px rgba(255, 210, 0, 0.08); content: ""; }
.bu-student-page .detail-now-grid .student-now-card > span { position: relative; z-index: 1; color: var(--detail-ink); }
.bu-student-page .detail-now-grid .student-now-card h3 { position: relative; z-index: 1; margin: 14px 0 0; font-size: clamp(1.35rem, 2.35vw, 2.05rem); line-height: 1.05; }
.bu-student-page .detail-now-grid .student-now-card p { position: relative; z-index: 1; font-size: 0.78rem; }
.bu-student-page .detail-now-grid .student-now-card > strong { position: relative; z-index: 1; display: block; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--detail-line); font-size: 0.72rem; line-height: 1.4; }
.bu-student-page .detail-now-grid .student-now-card.is-contribution { background: var(--detail-yellow); }
.bu-student-page .detail-now-grid .student-now-card.is-contribution::after { border-color: rgba(31, 34, 40, 0.18); box-shadow: 0 0 0 18px rgba(31, 34, 40, 0.04); }

.bu-student-page .student-signature { position: relative; padding-block: clamp(60px, 8vw, 104px); overflow: hidden; color: white; background: var(--detail-ink); }
.bu-student-page .student-signature::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size: 60px 60px; content: ""; mask-image: linear-gradient(to bottom, #000, transparent); }
.bu-student-page .student-signature .detail-shell { position: relative; }
.bu-student-page .student-signature header { max-width: 900px; }
.bu-student-page .student-signature h2 { margin: 14px 0 0; font-size: clamp(2.2rem, 6vw, 5.2rem); letter-spacing: -0.065em; line-height: 0.96; text-wrap: balance; }
.bu-student-page .student-advantage-flow { display: grid; margin-top: clamp(34px, 5vw, 58px); gap: 10px; }
.bu-student-page .student-advantage-flow article { display: grid; min-width: 0; padding: 23px; gap: 15px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 24px; background: rgba(255, 255, 255, 0.06); }
.bu-student-page .student-advantage-flow article.is-highlight { color: var(--detail-ink); background: var(--detail-yellow); }
.bu-student-page .student-advantage-flow span { color: var(--detail-yellow); font-size: 0.67rem; font-weight: 880; letter-spacing: 0.16em; }
.bu-student-page .student-advantage-flow .is-highlight span { color: var(--detail-ink); }
.bu-student-page .student-advantage-flow strong { font-size: clamp(1rem, 2vw, 1.35rem); line-height: 1.55; }
.bu-student-page .student-advantage-flow > i { display: grid; height: 28px; place-items: center; color: var(--detail-yellow); font-size: 1.5rem; font-style: normal; transform: rotate(90deg); }
.bu-student-page .student-signature-line { margin: clamp(38px, 6vw, 70px) 0 0; font-size: clamp(2rem, 7vw, 5.8rem); font-weight: 880; letter-spacing: -0.065em; line-height: 0.94; }

.bu-student-page #schueler .detail-card-grid { align-items: stretch; }
.bu-student-page #schueler .detail-card { display: grid; min-height: 0; padding: 20px; align-content: start; }
.bu-student-page #schueler .detail-card-index { margin-bottom: 20px; }
.bu-student-page #schueler .detail-card:nth-child(3),
.bu-student-page #schueler .detail-card:nth-child(4) { background: var(--detail-warm); }
.bu-student-page .detail-note { display: grid; padding: 20px 22px; grid-template-columns: minmax(0, 0.48fr) minmax(0, 1fr); gap: 12px 26px; align-items: center; }
.bu-student-page .detail-note strong { margin: 0; font-size: 1rem; }

.bu-student-page .detail-student-split { align-items: stretch; gap: 14px; }
.bu-student-page .detail-student-panel { display: grid; min-width: 0; min-height: 0; padding: clamp(24px, 4vw, 42px); align-content: start; border-radius: 30px; }
.bu-student-page .detail-student-panel h3 { margin: 18px 0 14px; font-size: clamp(2rem, 4vw, 3.7rem); line-height: 0.98; }
.bu-student-page .student-study-intro { color: white; background: var(--detail-ink); }
.bu-student-page .student-study-intro p { color: rgba(255, 255, 255, 0.68); }
.bu-student-page .student-study-intro > strong { align-self: end; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.14); color: var(--detail-yellow); font-size: 0.78rem; }
.bu-student-page .student-study-benefits { background: var(--detail-yellow); }
.bu-student-page .student-study-benefits .detail-list li { background: rgba(255, 255, 255, 0.72); }

.bu-student-page #lebensweg .detail-life-rail button { min-height: 94px; padding-right: 14px; }
.bu-student-page #lebensweg .detail-life-rail button small { display: block; margin-top: 4px; color: rgba(255, 255, 255, 0.55); font-size: 0.61rem; }
.bu-student-page #lebensweg .detail-life-rail button[aria-selected="true"] small { color: rgba(31, 34, 40, 0.62); }
.bu-student-page #lebensweg .detail-life-output { min-height: 300px; align-content: end; }
.bu-student-page #lebensweg .detail-life-output > strong { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.13); color: var(--detail-yellow); font-size: 0.74rem; }

.bu-student-page .detail-myth-card { min-height: 350px; }
.bu-student-page .detail-myth-answer { align-content: end; gap: 8px; }
.bu-student-page .detail-myth-answer em { display: block; margin-top: 4px; padding-top: 10px; border-top: 1px solid rgba(255, 210, 0, 0.3); color: var(--detail-yellow); font-size: 0.67rem; font-style: normal; font-weight: 820; line-height: 1.4; }
.bu-student-page .detail-myth-outro { padding: 22px; background: var(--detail-ink); }
.bu-student-page .detail-myth-outro strong { max-width: 720px; color: white; font-size: clamp(0.92rem, 1.5vw, 1.15rem); }
.bu-student-page .detail-myth-outro span { max-width: 680px; color: rgba(255, 255, 255, 0.62); }

.bu-student-page #eltern .detail-parent-grid article { min-height: 0; padding: 21px; }
.bu-student-page #eltern .detail-parent-grid article:nth-child(2) { background: var(--detail-yellow); }
.bu-student-page #eltern .detail-parent-grid article:nth-child(2) > span { color: var(--detail-ink); }
.bu-student-page .detail-contact-heading h2 { font-size: clamp(2.4rem, 7vw, 5rem); }

@media (max-width: 767px) {
  .bu-student-page .detail-shell { width: min(100% - 28px, 1240px); }
  .bu-student-page .detail-hero h1 { font-size: clamp(2.75rem, 13.5vw, 4.4rem); }
  .bu-student-page .detail-actions { gap: 8px; }
  .bu-student-page .detail-actions .detail-button-secondary { min-height: 50px; font-size: 0.72rem; }
  .bu-student-page .detail-hero-visual { padding: 12px; border-radius: 24px; }
  .bu-student-page .student-path article { min-height: 66px; }
  .bu-student-page .detail-now-grid .student-now-card { min-height: 0; }
  .bu-student-page .detail-note { grid-template-columns: 1fr; }
  .bu-student-page #lebensweg .detail-life-explorer { gap: 16px; }
  .bu-student-page #lebensweg .detail-life-rail { display: grid; width: 100%; margin-inline: 0; padding: 0 0 10px; grid-auto-flow: column; grid-auto-columns: minmax(238px, 82vw); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .bu-student-page #lebensweg .detail-life-rail::-webkit-scrollbar { display: none; }
  .bu-student-page #lebensweg .detail-life-rail button { min-height: 102px; scroll-snap-align: start; }
  .bu-student-page #lebensweg .detail-life-output { min-height: 250px; padding: 24px; }
  .bu-student-page .detail-myth-grid { align-items: start; }
  .bu-student-page .detail-myth-card { min-height: 292px; }
  .bu-student-page .detail-myth-card[aria-expanded="true"] { min-height: 0; padding: 0; align-content: start; }
  .bu-student-page .detail-myth-card[aria-expanded="true"] > span:first-child,
  .bu-student-page .detail-myth-card[aria-expanded="true"] > strong,
  .bu-student-page .detail-myth-card[aria-expanded="true"] > .detail-myth-prompt { display: none; }
  .bu-student-page .detail-myth-answer { position: relative; inset: auto; min-height: 0; padding: 26px 23px; align-content: start; }
  .bu-student-page .detail-myth-answer b { font-size: 0.8rem; }
  .bu-student-page .detail-myth-answer > strong { font-size: 1.08rem; line-height: 1.25; }
  .bu-student-page .detail-myth-answer small { color: rgba(255, 253, 243, 0.84); font-size: 0.82rem; line-height: 1.5; }
  .bu-student-page .detail-myth-answer em { font-size: 0.76rem; line-height: 1.45; }
  .bu-student-page .detail-myth-outro { align-items: stretch; }
  .bu-student-page .detail-myth-outro a { width: 100%; justify-content: space-between; }
}

@media (min-width: 768px) {
  .bu-student-page .student-hero-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bu-student-page .student-advantage-flow { grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr) 34px minmax(0, 1fr); align-items: stretch; }
  .bu-student-page .student-advantage-flow > i { height: auto; transform: none; }
  .bu-student-page .detail-now-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bu-student-page .detail-now-grid .student-now-card.is-career { grid-column: 1 / -1; }
}

@media (min-width: 1024px) {
  .bu-student-page .detail-now-grid { grid-template-columns: 1.05fr 0.95fr 1.05fr; }
  .bu-student-page .detail-now-grid .student-now-card.is-career { grid-column: auto; }
  .bu-student-page .student-hero-facts { max-width: 780px; }
  .bu-student-page .detail-student-split { grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr); }
}

@media (max-width: 359px) {
  .bu-student-page .detail-shell { width: min(100% - 22px, 1240px); }
  .bu-student-page .detail-hero h1 { font-size: 2.65rem; }
  .bu-student-page .student-hero-facts article { padding: 13px; }
  .bu-student-page .detail-now-grid .student-now-card { padding: 20px; }
  .bu-student-page .detail-myth-card { min-height: 284px; }
}

@media (prefers-reduced-motion: no-preference) {
  .bu-student-page .student-path article { transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), border-color 420ms ease; }
  .bu-student-page .student-path article:hover { transform: translateX(5px); }
  .bu-student-page .student-now-card::after { animation: student-pulse-line 5s ease-in-out infinite; }
  @keyframes student-pulse-line { 50% { transform: scale(1.08); opacity: 0.55; } }
}

/* 1. Signature-Infografik „Der frühe Vorteil“ */
.bu-student-page .student-early-journey {
  position: relative;
  display: grid;
  min-height: 450px;
  padding: 26px 26px 112px;
  grid-template-columns: 0.9fr 1.35fr 1.05fr;
  gap: 10px;
  overflow: hidden;
  border-radius: 38px;
  color: white;
  background: #f4f3ef;
}

.bu-student-page .student-editorial-line {
  position: absolute;
  z-index: 2;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 2px;
  background: #FFD200;
  transform: scaleX(0);
  transform-origin: left;
}
.bu-student-page .student-editorial-phase { position: relative; z-index: 3; display: grid; min-width: 0; padding: clamp(26px, 3vw, 42px); align-content: center; border-radius: 26px; }
.bu-student-page .student-editorial-phase > span { font-size: 0.65rem; font-weight: 880; letter-spacing: 0.16em; }
.bu-student-page .student-editorial-phase h3 { margin: 12px 0 18px; font-size: clamp(1.55rem, 2.8vw, 2.7rem); letter-spacing: -0.055em; line-height: 0.98; }
.bu-student-page .student-editorial-phase p { margin: 0; font-size: clamp(0.76rem, 1.1vw, 0.92rem); line-height: 1.5; }
.bu-student-page .student-editorial-phase.phase-today { color: var(--detail-ink); background: #FFD200; }
.bu-student-page .phase-today > strong { margin-top: 22px; font-size: clamp(4.6rem, 8.5vw, 8rem); letter-spacing: -0.1em; line-height: 0.72; }
.bu-student-page .phase-today > small { margin-top: 14px; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.13em; }
.bu-student-page .phase-today > p { margin-top: 32px; font-weight: 780; }
.bu-student-page .student-editorial-phase.phase-later { color: var(--detail-ink); background: white; }
.bu-student-page .phase-later > span,
.bu-student-page .phase-later > p { color: rgba(31, 34, 40, 0.6); }
.bu-student-page .student-editorial-paths { display: grid; margin-bottom: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.bu-student-page .student-editorial-paths small { display: grid; min-height: 44px; padding: 8px; align-items: center; border: 1px solid rgba(31, 34, 40, 0.15); border-radius: 10px; font-size: 0.58rem; font-weight: 850; letter-spacing: 0.06em; }
.bu-student-page .student-editorial-phase.phase-remains { color: white; background: var(--detail-ink); }
.bu-student-page .phase-remains > span { color: #FFD200; }
.bu-student-page .phase-remains > p { color: rgba(255, 255, 255, 0.72); }
.bu-student-page .phase-remains > strong { margin-top: 28px; padding: 13px 14px; border-left: 4px solid #FFD200; color: var(--detail-ink); background: #FFD200; font-size: 0.7rem; line-height: 1.35; }
.bu-student-page .student-journey-signature { position: absolute; z-index: 2; left: 30px; right: 30px; bottom: 26px; margin: 0; text-align: center; font-size: clamp(1.55rem, 4vw, 3.6rem); font-weight: 880; letter-spacing: -0.055em; line-height: 1; }
.bu-student-page .student-journey-signature mark { color: #FFD200; background: transparent; }

/* 2. Interaktive Lebensphasen als Visual Story */
.bu-student-page #lebensweg .detail-life-explorer { grid-template-columns: minmax(260px, 0.58fr) minmax(0, 1.42fr); gap: 18px; }
.bu-student-page #lebensweg .detail-life-rail { align-content: start; }
.bu-student-page #lebensweg .detail-life-rail button { min-height: 82px; padding-block: 12px; transition: border-color 480ms ease, background-color 480ms ease, color 480ms ease, transform 480ms cubic-bezier(0.22, 1, 0.36, 1); }
.bu-student-page #lebensweg .detail-life-rail button[aria-selected="true"] { transform: translateX(8px); }
.bu-student-page #lebensweg .detail-life-output.student-life-stage { position: relative; display: grid; min-height: 510px; padding: 0; grid-template-rows: minmax(300px, 1.25fr) auto; align-content: stretch; overflow: hidden; border-color: rgba(255, 255, 255, 0.17); background: rgba(255, 255, 255, 0.055); }
.bu-student-page .student-life-scenes { position: relative; min-height: 300px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.12); background: radial-gradient(circle at 72% 34%, rgba(255, 210, 0, 0.15), transparent 34%); }
.bu-student-page .student-life-scenes::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size: 42px 42px; content: ""; }
.bu-student-page .student-life-scene { position: absolute; inset: 0; display: grid; padding: 28px; align-content: center; opacity: 0; transform: translateY(14px); transition: opacity 520ms ease, transform 520ms cubic-bezier(0.22, 1, 0.36, 1); }
.bu-student-page .student-life-scene.is-active { z-index: 1; opacity: 1; transform: none; }
.bu-student-page .student-life-scene > span { color: #FFD200; font-size: 0.63rem; font-weight: 880; letter-spacing: 0.14em; }
.bu-student-page .scene-school { grid-template-columns: 0.72fr 1fr; grid-template-rows: auto 1fr; gap: 0 30px; }
.bu-student-page .scene-school > b { align-self: end; font-size: clamp(4.8rem, 12vw, 8.5rem); letter-spacing: -0.1em; line-height: 0.78; }
.bu-student-page .scene-school > span { align-self: start; margin-top: 18px; }
.bu-student-page .student-scene-shield { display: grid; width: clamp(145px, 18vw, 210px); aspect-ratio: 1; padding: 22px; grid-row: 1 / span 2; grid-column: 2; align-self: center; justify-self: center; align-content: center; justify-items: center; border: 3px solid #FFD200; border-radius: 50% 50% 44% 44%; box-shadow: 0 0 0 16px rgba(255, 210, 0, 0.08); text-align: center; }
.bu-student-page .student-scene-shield i { color: #FFD200; font-size: 0.6rem; font-style: normal; font-weight: 850; letter-spacing: 0.12em; }
.bu-student-page .student-scene-shield strong { margin-top: 5px; font-size: clamp(1.25rem, 3vw, 2rem); letter-spacing: -0.05em; line-height: 1; }
.bu-student-page .student-scene-open-path { position: absolute; right: 26px; bottom: 18px; display: flex; gap: 8px; }
.bu-student-page .student-scene-open-path small { padding: 6px 9px; border-bottom: 1px solid #FFD200; font-size: 0.52rem; font-weight: 800; }
.bu-student-page .scene-choice { justify-items: center; text-align: center; }
.bu-student-page .student-scene-choice-path { position: relative; display: grid; width: min(100%, 560px); margin: 26px auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.bu-student-page .student-scene-choice-path::before { position: absolute; left: 12%; right: 12%; top: 50%; height: 3px; background: #FFD200; content: ""; }
.bu-student-page .student-scene-choice-path small { position: relative; z-index: 1; display: grid; min-height: 78px; padding: 10px; align-items: center; border: 2px solid #FFD200; border-radius: 50%; background: var(--detail-ink); font-size: 0.55rem; font-weight: 830; }
.bu-student-page .scene-choice > strong { font-size: clamp(2rem, 5vw, 3.5rem); letter-spacing: -0.06em; }
.bu-student-page .scene-career { grid-template-columns: minmax(130px, 0.72fr) 44px minmax(0, 1.28fr); grid-template-rows: 1fr auto; align-items: center; gap: 18px; }
.bu-student-page .student-career-origin { display: grid; min-height: 112px; padding: 18px; align-items: center; border: 1px solid rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.76); text-align: center; }
.bu-student-page .student-career-origin span { font-size: 0.64rem; font-weight: 850; letter-spacing: 0.1em; }
.bu-student-page .student-career-arrow { color: #FFD200; font-size: 2rem; font-style: normal; text-align: center; }
.bu-student-page .student-career-destination { display: grid; min-height: 172px; padding: 24px; align-content: center; border: 2px solid #FFD200; background: rgba(255, 210, 0, 0.06); }
.bu-student-page .student-career-destination > span { color: #FFD200; font-size: clamp(1.8rem, 4.5vw, 3.4rem); font-weight: 880; letter-spacing: -0.055em; line-height: 1; }
.bu-student-page .student-career-destination > div { display: grid; margin-top: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 14px; }
.bu-student-page .student-career-destination small { padding-bottom: 5px; border-bottom: 1px solid rgba(255, 210, 0, 0.7); font-size: 0.52rem; font-weight: 820; letter-spacing: 0.06em; }
.bu-student-page .student-career-protection { position: relative; grid-column: 1 / -1; padding: 14px 18px 10px; border-top: 5px solid #FFD200; font-size: clamp(0.82rem, 1.8vw, 1.18rem); letter-spacing: 0.05em; text-align: center; }
.bu-student-page .scene-working { gap: 24px; }
.bu-student-page .student-job-change { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); align-items: center; gap: 10px; }
.bu-student-page .student-job-change small { display: grid; min-height: 80px; padding: 12px; align-items: center; border: 2px solid #FFD200; border-radius: 50%; text-align: center; font-size: 0.62rem; font-weight: 850; }
.bu-student-page .student-job-change i { color: #FFD200; text-align: center; font-size: 1.5rem; font-style: normal; }
.bu-student-page .student-risk-shift { display: flex; align-items: end; justify-content: center; gap: 8px; }
.bu-student-page .student-risk-shift span { margin-right: 8px; color: rgba(255, 255, 255, 0.58); font-size: 0.55rem; font-weight: 850; }
.bu-student-page .student-risk-shift i { width: 18px; height: 20px; background: rgba(255, 255, 255, 0.25); }
.bu-student-page .student-risk-shift i:nth-of-type(2) { height: 35px; background: rgba(255, 210, 0, 0.65); }
.bu-student-page .student-risk-shift i:nth-of-type(3) { height: 52px; background: #FFD200; }
.bu-student-page .scene-working > strong { padding: 14px 4px 7px; border-bottom: 5px solid #FFD200; font-size: clamp(1.5rem, 4vw, 2.8rem); letter-spacing: -0.05em; text-align: center; }
.bu-student-page .student-life-copy { display: grid; padding: 26px 28px 28px; align-content: end; }
.bu-student-page .student-life-copy > span { color: #FFD200; font-size: 0.62rem; font-weight: 850; letter-spacing: 0.14em; }
.bu-student-page .student-life-copy h3 { margin: 10px 0 6px; font-size: clamp(1.75rem, 4.6vw, 3.2rem); letter-spacing: -0.055em; line-height: 0.98; }
.bu-student-page .student-life-copy p { margin: 0; color: rgba(255, 255, 255, 0.68); font-size: 0.78rem; }
.bu-student-page .student-life-copy > strong { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.13); color: #FFD200; font-size: 0.74rem; }

/* 3. Eltern-Story „Heute für morgen“ */
.bu-student-page #eltern { overflow: hidden; }
.bu-student-page .student-parent-story .detail-section-heading { margin-bottom: clamp(28px, 4vw, 46px); }
.bu-student-page .student-parent-story .detail-section-heading > p { max-width: 900px; color: var(--detail-ink); font-size: clamp(1.05rem, 2.3vw, 1.7rem); line-height: 1.4; }
.bu-student-page .student-parent-story .detail-section-heading > p strong { box-shadow: inset 0 -0.34em #FFD200; }
.bu-student-page .student-parent-journey { position: relative; padding: 38px 38px 30px; overflow: hidden; border-radius: 36px; color: white; background: var(--detail-ink); }
.bu-student-page .student-parent-journey::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px); background-size: 48px 48px; content: ""; }
.bu-student-page .student-parent-core { position: relative; z-index: 2; display: grid; width: 150px; aspect-ratio: 1; margin-inline: auto; align-content: center; justify-items: center; border: 3px solid #FFD200; border-radius: 50%; box-shadow: 0 0 0 18px rgba(255, 210, 0, 0.09); }
.bu-student-page .student-parent-core span { color: #FFD200; font-size: 0.62rem; font-weight: 850; letter-spacing: 0.14em; }
.bu-student-page .student-parent-core strong { font-size: 3.7rem; letter-spacing: -0.09em; line-height: 0.9; }
.bu-student-page .student-parent-core small { font-size: 0.6rem; font-weight: 760; }
.bu-student-page .student-parent-track { position: relative; z-index: 2; display: grid; margin: 48px 0 36px; grid-template-columns: repeat(4, minmax(0, 1fr)) 1.2fr; align-items: center; gap: 8px; }
.bu-student-page .student-parent-track > i { position: absolute; z-index: -1; left: 2%; right: 2%; top: 50%; height: 5px; border-radius: 999px; background: #FFD200; transform: scaleX(0); transform-origin: left; }
.bu-student-page .student-parent-track > span { position: relative; padding-top: 28px; text-align: center; font-size: 0.58rem; font-weight: 850; letter-spacing: 0.08em; }
.bu-student-page .student-parent-track > span::before { position: absolute; left: 50%; top: 4px; width: 15px; height: 15px; border: 4px solid var(--detail-ink); border-radius: 50%; background: #FFD200; box-shadow: 0 0 0 2px #FFD200; content: ""; transform: translateX(-50%); }
.bu-student-page .student-parent-track > b { display: grid; width: 94px; aspect-ratio: 1; justify-self: end; align-items: center; border-radius: 50%; color: var(--detail-ink); background: #FFD200; font-size: 0.7rem; letter-spacing: 0.1em; text-align: center; }
.bu-student-page .student-parent-markers { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 24px; }
.bu-student-page .student-parent-markers button { display: grid; min-width: 0; padding: 12px 3px 14px; gap: 6px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: white; background: transparent; text-align: left; cursor: pointer; }
.bu-student-page .student-parent-markers button[aria-expanded="true"] { border-bottom: 4px solid #FFD200; }
.bu-student-page .student-parent-markers span { color: #FFD200; font-size: 0.58rem; font-weight: 850; letter-spacing: 0.1em; }
.bu-student-page .student-parent-markers strong { overflow-wrap: anywhere; font-size: clamp(0.75rem, 1.3vw, 0.92rem); }
.bu-student-page .student-parent-explanation { position: relative; z-index: 2; min-height: 24px; margin: 20px 0 0; color: rgba(255, 255, 255, 0.7); font-size: 0.75rem; text-align: center; }
.bu-student-page .student-parent-aha { display: grid; margin-top: 14px; padding: clamp(26px, 4vw, 46px); grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 10px 34px; border: 2px solid #FFD200; border-radius: 30px; background: white; }
.bu-student-page .student-parent-aha p { grid-column: 1 / -1; margin: 0; font-size: clamp(2rem, 5.8vw, 4.9rem); font-weight: 880; letter-spacing: -0.065em; line-height: 0.96; }
.bu-student-page .student-parent-aha mark { color: var(--detail-ink); background: #FFD200; }
.bu-student-page .student-parent-aha > span { font-size: 0.78rem; font-weight: 800; }
.bu-student-page .student-parent-aha .detail-button { min-width: 230px; }

@media (max-width: 767px) {
  .bu-student-page .student-early-journey { min-height: 0; padding: 14px 14px 108px; grid-template-columns: 1fr; gap: 9px; }
  .bu-student-page .student-editorial-line { left: 50%; right: auto; top: 10%; bottom: 20%; width: 2px; height: auto; transform: scaleY(0); transform-origin: top; }
  .bu-student-page .student-editorial-phase { min-height: 230px; padding: 28px; }
  .bu-student-page .student-editorial-phase.phase-today { min-height: 250px; }
  .bu-student-page .phase-today > strong { font-size: clamp(5rem, 26vw, 7.4rem); }
  .bu-student-page .student-editorial-paths { margin-block: 2px 20px; }
  .bu-student-page .student-journey-signature { left: 15px; right: 15px; bottom: 24px; color: #1f2228; font-size: clamp(1.45rem, 7vw, 2.2rem); }

  .bu-student-page #lebensweg .detail-life-explorer { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .bu-student-page #lebensweg .detail-life-rail { display: grid; width: 100%; padding: 0 0 8px; grid-auto-flow: column; grid-auto-columns: minmax(82px, 24vw); gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .bu-student-page #lebensweg .detail-life-rail button { min-height: 76px; padding: 8px 5px; grid-template-columns: 1fr; justify-items: center; gap: 3px; scroll-snap-align: start; text-align: center; }
  .bu-student-page #lebensweg .detail-life-rail button > span { position: static; width: 29px; height: 29px; transform: none; }
  .bu-student-page #lebensweg .detail-life-rail button strong { font-size: 0.56rem; line-height: 1.1; }
  .bu-student-page #lebensweg .detail-life-rail button small { display: none; }
  .bu-student-page #lebensweg .detail-life-rail button[aria-selected="true"] { transform: none; }
  .bu-student-page #lebensweg .detail-life-output.student-life-stage { min-height: 500px; grid-template-rows: minmax(280px, 1.1fr) auto; }
  .bu-student-page .student-life-scene { padding: 22px; }
  .bu-student-page .scene-school { grid-template-columns: 0.7fr 1fr; gap: 10px; }
  .bu-student-page .student-scene-shield { width: 132px; padding: 15px; }
  .bu-student-page .student-scene-open-path { right: 14px; bottom: 12px; }
  .bu-student-page .student-scene-open-path small { padding: 5px 4px; font-size: 0.43rem; }
  .bu-student-page .student-scene-choice-path { gap: 6px; }
  .bu-student-page .student-scene-choice-path small { min-height: 62px; padding: 5px; font-size: 0.44rem; }
  .bu-student-page .scene-career { grid-template-columns: minmax(90px, 0.7fr) 24px minmax(0, 1.3fr); gap: 8px; }
  .bu-student-page .student-career-origin { min-height: 92px; padding: 10px; }
  .bu-student-page .student-career-origin span { font-size: 0.49rem; }
  .bu-student-page .student-career-arrow { font-size: 1.2rem; }
  .bu-student-page .student-career-destination { min-height: 146px; padding: 14px; }
  .bu-student-page .student-career-destination > span { font-size: clamp(1.45rem, 7vw, 2rem); }
  .bu-student-page .student-career-destination > div { margin-top: 14px; gap: 6px; }
  .bu-student-page .student-career-destination small { font-size: 0.4rem; }
  .bu-student-page .student-career-protection { padding-inline: 4px; font-size: 0.62rem; }
  .bu-student-page .student-life-copy { padding: 22px; }

  .bu-student-page .student-parent-journey { padding: 30px 20px 24px; }
  .bu-student-page .student-parent-core { width: 132px; }
  .bu-student-page .student-parent-track { margin: 38px 0 30px; padding-left: 22px; grid-template-columns: 1fr; gap: 0; }
  .bu-student-page .student-parent-track > i { left: 30px; right: auto; top: 6%; bottom: 8%; width: 5px; height: auto; transform: scaleY(0); transform-origin: top; }
  .bu-student-page .student-parent-track > span { min-height: 62px; padding: 20px 0 0 40px; text-align: left; }
  .bu-student-page .student-parent-track > span::before { left: 8px; top: 22px; transform: none; }
  .bu-student-page .student-parent-track > b { width: 82px; justify-self: start; margin: 10px 0 0 2px; }
  .bu-student-page .student-parent-markers { grid-template-columns: 1fr; }
  .bu-student-page .student-parent-markers button { padding-block: 11px; }
  .bu-student-page .student-parent-explanation { min-height: 52px; text-align: left; }
  .bu-student-page .student-parent-aha { grid-template-columns: 1fr; align-items: stretch; }
  .bu-student-page .student-parent-aha p { grid-column: auto; }
  .bu-student-page .student-parent-aha .detail-button { width: 100%; min-width: 0; margin-top: 14px; }
}

@media (max-width: 359px) {
  .bu-student-page .student-parent-story .detail-section-heading > p { font-size: 0.98rem; }
  .bu-student-page .student-parent-journey { padding-inline: 16px; }
  .bu-student-page .student-life-copy h3 { font-size: 1.65rem; }
}

@media (prefers-reduced-motion: no-preference) {
  .bu-student-page .student-early-journey.is-active .student-editorial-line { transform: scaleX(1); transition: transform 1.1s cubic-bezier(0.22, 1, 0.36, 1); }
  .bu-student-page .student-early-journey .student-editorial-phase,
  .bu-student-page .student-early-journey .student-journey-signature { opacity: 0; transform: translateY(12px); }
  .bu-student-page .student-early-journey.is-active .student-editorial-phase,
  .bu-student-page .student-early-journey.is-active .student-journey-signature { opacity: 1; transform: none; transition: opacity 430ms ease, transform 430ms ease; }
  .bu-student-page .student-early-journey.is-active .phase-later { transition-delay: 160ms; }
  .bu-student-page .student-early-journey.is-active .phase-remains { transition-delay: 320ms; }
  .bu-student-page .student-early-journey.is-active .student-journey-signature { transition-delay: 500ms; }
  .bu-student-page .student-parent-story.is-active .student-parent-track > i { transform: scaleX(1); transition: transform 1.45s cubic-bezier(0.22, 1, 0.36, 1); }
}

@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
  .bu-student-page .student-early-journey.is-active .student-editorial-line { transform: scaleY(1); }
  .bu-student-page .student-parent-story.is-active .student-parent-track > i { transform: scaleY(1); }
}

@media (prefers-reduced-motion: reduce) {
  .bu-student-page .student-editorial-line { transform: none; }
  .bu-student-page .student-parent-track > i { transform: none; }
  .bu-student-page .student-life-scene { transition: none; }
}