/* Beschriftete OPC-Trenner und NOVA-Abschnittsüberschriften. */
.hr-sect:is(.opc-Divider:not(.opc-Divider-empty), .h2, .h3) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.2rem, 0.9vw, 0.9rem);
    border-block: 0;
    padding-block: 0;
    text-align: center;
    overflow-wrap: anywhere;
}

.hr-sect:is(.opc-Divider:not(.opc-Divider-empty), .h2, .h3)::before,
.hr-sect:is(.opc-Divider:not(.opc-Divider-empty), .h2, .h3)::after {
    content: "";
    flex: 0 0 clamp(2rem, 12vw, 9rem);
    height: auto;
    aspect-ratio: 470 / 150;
    margin: 0;
    background: url("../../assets/gartensaaten-trennlinie-links.svg") center / contain no-repeat;
}

.hr-sect:is(.opc-Divider:not(.opc-Divider-empty), .h2, .h3)::after {
    transform: scaleX(-1);
}

.hr-sect:is(.opc-Divider:not(.opc-Divider-empty), .h2, .h3) > a {
    min-width: 0;
    margin: 0;
    border-block-end: 0;
}

/* Hover ohne Unterstreichung, Tastaturfokus weiterhin sichtbar. */
body #content .opc-Divider.hr-sect > a[href]:hover:not(:focus-visible) {
    text-decoration: none;
}
