/* Kicker-Zeilen vor Abschnittsüberschriften – 2026-07-17,
   neununddreißigster Durchgang. Analog zu wibify.agency (dort: JetBrains
   Mono + nummerierte Eyebrow-Zeile vor jeder Abschnittsüberschrift),
   IBM Plex Mono statt JetBrains (bereits lokal eingebunden, siehe
   functions.php: local_ibm_plex_mono_font()).

   Inhaltliches Konzept (mit Dr. Gellner abgestimmt): Die Startseite als
   sichtbaren, nummerierten Prozess rahmen (Ausgangslage -> Vorgehen ->
   Leistungen -> Referenz -> Nächster Schritt) statt bloße Kategorie-Label.
   Zwei Gründe: 1) Wayfinding für scannende Besucher, 2) spiegelt die
   methodische Arbeitsweise, die die Seite verkauft (FMEA/TARA sind selbst
   Schritt-für-Schritt-Verfahren) - die Struktur der Seite demonstriert die
   Kompetenz, statt sie nur zu behaupten. Der letzte Kicker ("[05] -
   NÄCHSTER SCHRITT") rahmt den finalen CTA bewusst als logische Fortsetzung
   eines Prozesses statt als Verkaufsdruck, konsistent mit der bestehenden
   "niedere Schwelle"-Regel in ROLLE_Content_Autor.md.

   Farbgebung (auf Rückfrage entschieden): gemischt statt einfarbig - die
   "technischen" Bestandteile (eckige Klammern, Nummer, Gedankenstrich) in
   Ember-Orange wie die anderen Akzente, das Label selbst gedämpft (gleicher
   Ton wie die übrige Fließtext-Nebenfarbe #B8A99A) - der Kicker soll
   Struktur signalisieren, ohne mit der eigentlichen Überschrift zu
   konkurrieren. */
.drg-kicker {
	font-family: "IBM Plex Mono", monospace;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #B8A99A;
	margin: 0 0 12px 0;
	display: block;
}

.drg-kicker--center {
	text-align: center;
}

.drg-kicker__accent {
	color: #FF6D00; /* gleiches Orange wie .drg-accent-serif / .drg-underline / iconcolor */
}