:root{
  --arge-green:#37B54A;
  --arge-orange:#EF7D00;
  --arge-grey:#C4C4C4;
  --content-max:1240px; /* falls unterschiedlich, hier anpassen */
}

nav.breadcrumb{padding-bottom:10px;}

/* H2/H3 kleiner als H1 */
main h2{ font-size: clamp(1.6rem,2.2vw,2rem); line-height:1.2; margin:0 0 1.6em; }
main h3,main h4{ font-size: clamp(1.0rem,1.8vw,1.4rem); line-height:1.2; margin:0 0 1.4em; }

/* ======================
   H2 – ruhige Unterstreichung
   ====================== */
main h2{
  position: relative;
  display: inline-block; /* WICHTIG: Linie = Textbreite */
  font-size: 19px;
  color: var(--arge-green);
  margin: 0 0;
  padding:16px 0px 4px;
  padding-bottom: 0.4rem; /* Abstand zum Strich */
  line-height: 1.2;
  text-decoration: none;
}

/* Gerade Linie in ARGE-Grün */
main h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;      /* exakt Textbreite */
  height: 3px;      /* etwas kräftig, aber nicht zu dick */
  background-color: var(--arge-green);
  border-radius: 2px; /* leicht weich */
}

main h3,main h4{font-size:16px;padding:16px 0px 4px;margin:0px;}
main h2 + h3, main h2 + h4{padding-top:24px;}
/* Ziel für Sprungmarken */
.arge-anker{
  display:block;
  height:0;
  line-height:0;
  scroll-margin-top: 96px; /* Default-Offset, bei Bedarf anpassen */
}

@media (max-width: 768px) {
  html,body,main h3,main h4,main button { font-size: 17px; }
}