/* Kopie aus der gerenderten Astro-Website (http://127.0.0.1:8099, bausteine/sektions-kopf.css, kompiliert mit Autoprefixer), Stand 07.10.2026. Nicht von Hand angleichen, sondern neu kopieren. */
/* Sektionskopf (bausteine/SektionsKopf.tsx). */
.bb-kopf { margin-bottom: var(--bb-kopf-abstand); }
.bb-kopf__titel {
  margin: 0;
  max-width: var(--bb-kopf-titel-max);
  font-family: var(--bm-font-titel);
  font-weight: var(--bm-g-titel);
  line-height: var(--bb-kopf-titel-zh);
  color: var(--bb-text);
  text-wrap: balance;
}
.bb-kopf--g1 .bb-kopf__titel { font-size: var(--bm-t-display); letter-spacing: var(--bm-sp-display); }
.bb-kopf--g2 .bb-kopf__titel { font-size: var(--bm-t-h2); letter-spacing: var(--bm-sp-eng); }
.bb-kopf__einleitung {
  max-width: var(--bm-textbreite);
  margin: var(--bb-kopf-einleitung-abstand) 0 0;
  font-size: var(--bm-t-lead);
  line-height: var(--bm-zh-lang);
  color: var(--bb-text-ruhig);
  text-wrap: pretty;
}
.bb-kopf--mitte { text-align: center; }
.bb-kopf--mitte :is(.bb-kopf__titel, .bb-kopf__einleitung) { margin-inline: auto; }
.bb-kopf--mitte .bb-kopf__links { justify-content: center; }

/* Pillen unter dem Titel */
.bb-kopf__pillen {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bb-pille-luecke);
  margin-top: var(--bb-kopf-links-abstand);
}
/* Pfeillink rechts neben dem Titel (mobil darunter) */
.bb-kopf--pfeil {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 3rem;
}
.bb-kopf--pfeil .bb-kopf__links { display: flex; flex-wrap: wrap; gap: 0.75rem 1.5rem; }