/* Branchentrainer 2.9.30 — Scale & Rhythm + isolated About principles repair.
 * Scope: desktop proportions on managed pages and the single broken About block.
 * Existing working dark sections stay untouched. */

/* The broken "Erst verstehen. Dann verändern." block is isolated deliberately.
 * Section headline stays mint; card title/body is white; number/icon stays mint. */
.bt-v299-key-ueber-tommy .bt-v291-decision-stage.bt-about-principles-stage .bt-v291-decision-head h2{
  color:#64eacd!important;
}
.bt-v299-key-ueber-tommy .bt-v291-decision-stage.bt-about-principles-stage .bt-v291-decision-grid h3,
.bt-v299-key-ueber-tommy .bt-v291-decision-stage.bt-about-principles-stage .bt-v291-decision-grid p{
  color:#f4f8f8!important;
  opacity:1!important;
}
.bt-v299-key-ueber-tommy .bt-v291-decision-stage.bt-about-principles-stage .bt-v291-decision-grid span,
.bt-v299-key-ueber-tommy .bt-v291-decision-stage.bt-about-principles-stage .bt2923-decision-icon{
  color:#64eacd!important;
}
.bt-v299-key-ueber-tommy .bt-v291-decision-stage.bt-about-principles-stage .bt2923-decision-icon svg{
  stroke:#64eacd!important;
}

/* Desktop scale & rhythm: modestly return the site to the calmer earlier proportions.
 * Mobile/tablet are intentionally untouched. */
@media(min-width:1200px){
  .topbar{height:32px}
  .navin{height:102px;grid-template-columns:176px 1fr auto;gap:24px}
  .logo{width:152px;height:70px;border-radius:14px}
  .navlinks{gap:24px;font-size:.82rem}
  .navactions{gap:9px}
  .nav .btn{padding:13px 18px;font-size:.9rem}

  .bt-v299-page{
    --v297-shell:1280px;
    --v297-h1-max:4.75rem;
    --v297-section-space:clamp(76px,5.7vw,98px);
  }
  .bt-v299-page .bt-v28-hero{padding-top:64px;padding-bottom:72px}
  .bt-v299-page .bt-v28-hero-copy h1{
    font-size:clamp(2.95rem,4.25vw,var(--v297-h1-max));
    max-width:770px;
    margin-bottom:24px;
  }
  .bt-v299-page .bt-v28-lead{font-size:clamp(1.02rem,1.2vw,1.22rem)}
  .bt-v299-page .bt-v292-hero-visual .bt-v28-hero-image,
  .bt-v299-page .bt-v292-hero-visual .bt-v28-hero-image img{min-height:480px}
  .bt-v299-page .bt-v28-nav{padding:30px}
  .bt-v299-page .bt-v28-nav h2{font-size:clamp(1.65rem,1.9vw,2.4rem)}
  .bt-v299-page .bt-v28-nav>a{min-height:58px;padding:11px 13px}
  .bt-v299-page .bt-v28-nav>a strong{font-size:.94rem}
  .bt-v299-page .bt-v28-btn{min-height:44px;padding-inline:18px}
}