.besdh2{
  font-family: "Roboto Slab", serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.2;
  text-align: left;
  margin: 0 0 4px 0;
  display: block;
  word-break: break-word;
  hyphens: auto;hyphens:none;
        word-break: keep-all;

  /* Border folgt grundsätzlich der Textfarbe (Gutenberg-Farbe → currentColor),
     kann aber via JS auf --besd-border-color gesetzt werden (Inline-Typografie). */
  border-bottom: 3px solid currentColor;
  border-bottom-color: var(--besd-border-color, currentColor);
}

/* Default-Farbe nur, wenn Gutenberg KEINE Textfarbe gesetzt hat */
.besdh2:not(.has-text-color){
  color:var(--fontr);
}

@media (max-width: 800px){
  .besdh2{
    font-family: "Roboto Slab", serif;
    font-size: calc(14px + 2.5vw);
    font-weight: 800;
    text-align: left;
    width: 100%;
    height: auto;

    border-bottom: 3px solid currentColor;
    border-bottom-color: var(--besd-border-color, currentColor);
  }
}