/* book1 v10 — Lesbare Root-Typografie ohne zusammenlaufende Thin-Headlines */
:root{
  --brs-readable-font:"Inter","Helvetica Neue","HelveticaNeue","Univers",Arial,Helvetica,sans-serif;
  --brs-readable-ink:#f4f7f5;
  --brs-readable-muted:rgba(232,238,235,.76);
  --brs-readable-gold:#e7b240;
  --brs-readable-violet:#632483;
}

html body,
html body *{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

html body{
  font-family:var(--brs-readable-font)!important;
  font-weight:300!important;
  letter-spacing:0!important;
}

/* Grundsatz: keine ultraleichten, eng laufenden Buch-Template-Headlines mehr */
h1,h2,h3,h4,h5,h6,
.hero-title,
.author-hero-title,
.hero-content h1,
.author-hero-copy h1,
.page-hero h1,
.legal-hero h1,
.thank-you-hero h1,
.section-heading h2,
.offer-title h2,
.book-section h2,
.author-section h2,
.press-section h2,
.info-section h2,
.legal-section h2,
.content h2,
.container h2{
  font-family:var(--brs-readable-font)!important;
  text-rendering:geometricPrecision!important;
  text-transform:none!important;
  word-spacing:.02em!important;
}

/* Hero bleibt groß, aber lesbar wie root: leicht, nicht haarfein, nicht zusammengezogen */
.hero-title,
.author-hero-title,
.hero-content h1,
.author-hero-copy h1,
.page-hero h1,
.legal-hero h1,
.thank-you-hero h1,
body > section:first-of-type h1{
  font-weight:300!important;
  letter-spacing:-.022em!important;
  line-height:1.04!important;
  color:#fff!important;
}

.author-hero-prefix{
  font-family:var(--brs-readable-font)!important;
  font-weight:300!important;
  letter-spacing:-.005em!important;
  line-height:1.12!important;
  color:rgba(255,255,255,.82)!important;
}

/* Große Abschnittsüberschriften: Root-Duktus, aber mit ausreichender Buchstabenweite */
main h2,
section h2,
.content h2,
.container h2,
.eb-section h2,
.legal-section h2,
.author-section h2,
.press-section h2,
.info-section h2,
.book-section h2,
.section-heading h2,
.offer-title h2{
  font-weight:300!important;
  letter-spacing:-.018em!important;
  line-height:1.12!important;
  font-size:clamp(2rem,3.25vw,3.15rem)!important;
  color:var(--brs-readable-ink)!important;
  margin:0 0 1.1rem!important;
  max-width:980px!important;
}

/* Sehr breite Statement-/Vision-Headlines nicht mehr überdehnen */
.vision h2,
.vision-title,
.feature-vision h2,
.book-vision h2,
.wide-title,
.statement h2,
.large-heading,
.display-heading{
  font-weight:300!important;
  letter-spacing:-.012em!important;
  line-height:1.14!important;
  font-size:clamp(2rem,3.6vw,3.55rem)!important;
  max-width:940px!important;
}

/* Rechtsseiten/Legal: klar, kleiner, angenehm lesbar */
body:not(.dark-home) main h2,
body:not(.dark-home) section h2,
.legal-content h2,
.impressum-content h2,
.datenschutz-content h2{
  font-weight:320!important;
  letter-spacing:-.012em!important;
  line-height:1.18!important;
  font-size:clamp(1.65rem,2.6vw,2.35rem)!important;
  color:rgba(25,38,48,.94)!important;
  margin:2.05rem 0 .8rem!important;
}

/* Karten- und Zwischenüberschriften: nicht monumental, keine Quetschung */
main h3,
section h3,
.content h3,
.container h3,
.card h3,
.eb-card h3,
.author-work-card h3,
.press-card h3,
.review-card h3,
.amazon-review-card h3{
  font-weight:520!important;
  letter-spacing:-.006em!important;
  line-height:1.24!important;
  font-size:clamp(1.13rem,1.55vw,1.42rem)!important;
  color:var(--brs-readable-ink)!important;
  margin:0 0 .7rem!important;
}

main h4,
section h4,
main h5,
section h5,
.content h4,
.content h5,
.container h4,
.container h5{
  font-weight:520!important;
  letter-spacing:0!important;
  line-height:1.28!important;
  font-size:clamp(1.02rem,1.28vw,1.2rem)!important;
  color:var(--brs-readable-ink)!important;
}

/* Fließtext bleibt luftig, aber nicht grau und ausgewaschen */
main p,
section p,
.content p,
.container p,
.eb-section p,
.author-section p,
.press-section p,
.legal-section p,
.card p,
.eb-card p,
.author-work-card p{
  font-family:var(--brs-readable-font)!important;
  font-weight:300!important;
  letter-spacing:0!important;
  line-height:1.68!important;
  font-size:clamp(1rem,1.08vw,1.1rem)!important;
  color:var(--brs-readable-muted)!important;
}

/* Buchseite: Rezension kompakt und ohne Überlappung */
.book1-amazon-review,
.amazon-review-card,
.review-card{
  overflow:visible!important;
  margin-bottom:clamp(1.6rem,3vw,2.6rem)!important;
}
.book1-amazon-review h3,
.amazon-review-card h3,
.review-card h3{
  font-weight:320!important;
  letter-spacing:-.012em!important;
  line-height:1.22!important;
  font-size:clamp(1.35rem,2vw,1.85rem)!important;
}
.book1-review-quote,
.amazon-review-card blockquote,
.review-card blockquote{
  font-weight:300!important;
  letter-spacing:0!important;
  line-height:1.62!important;
  max-height:none!important;
  overflow:visible!important;
  background:transparent!important;
}

/* Autor-Arbeitskarten: Überschriften bleiben innerhalb der Box */
.author-work-grid,
.author-highlight-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
}
.author-work-card h3,
.author-highlight-grid strong,
.book1-value-strip strong{
  font-size:clamp(1.02rem,1.25vw,1.18rem)!important;
  line-height:1.26!important;
  letter-spacing:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}

/* Kicker wie root: klein und klar, nicht buttonartig */
.section-kicker,
.eyebrow,
.kicker,
.overline{
  font-family:var(--brs-readable-font)!important;
  font-size:.76rem!important;
  font-weight:700!important;
  letter-spacing:.13em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

@media (max-width:900px){
  main h2,
  section h2,
  .content h2,
  .container h2,
  .vision h2,
  .vision-title,
  .large-heading,
  .display-heading{
    font-size:clamp(1.85rem,7vw,2.85rem)!important;
    letter-spacing:-.012em!important;
    line-height:1.16!important;
  }
  .hero-title,
  .author-hero-title,
  .hero-content h1,
  .author-hero-copy h1,
  .page-hero h1,
  .legal-hero h1{
    font-size:clamp(2.25rem,10vw,4rem)!important;
    letter-spacing:-.018em!important;
    line-height:1.06!important;
  }
}

@media (max-width:560px){
  main h2,
  section h2,
  .content h2,
  .container h2,
  .vision h2,
  .vision-title,
  .large-heading,
  .display-heading{
    font-size:clamp(1.68rem,8.4vw,2.25rem)!important;
    letter-spacing:-.006em!important;
    line-height:1.18!important;
  }
  main p,
  section p,
  .content p,
  .container p{
    font-size:1rem!important;
    line-height:1.62!important;
  }
}