/* ATC -- rote Akzente und Trennzeichen (18.09.2026)
   ------------------------------------------------------------------
   Aus der Rueckmeldung vom 18.09.2026:

   1) "Die Punkte zwischen den 3 Standorten wuerde ich eher mittig setzen
       wie bei Stichpunkten und nicht wie bei einem Satzende."
      Im Markup steht bereits der richtige Mittelpunkt U+00B7. Nachgemessen
      in Inter Tight: das Zeichen sitzt 4,5 px ueber der Grundlinie --
      exakt so tief wie ein Satzpunkt (Grossbuchstaben-Mitte liegt bei 23 px).
      Die Schrift hat also kein eigenes Glyph dafuer und faellt auf den
      Punkt zurueck. Ein anderes Zeichen zu nehmen (• oder ∙) waere geraten:
      welcher Font am Ende einspringt, ist je nach Geraet verschieden.
      Darum bleibt das Zeichen wie es ist und wird hier angehoben --
      das wirkt unabhaengig von der Schrift.

   2) "Die 3 Kaesten sehen etwas leblos aus (ohne so rote Details wie sonst
       auf der Website)" -- fuer "Einfach erklaert", "Filialenuebersicht"
      und "Philosophie".
      Rot ist rgb(255, 48, 26), abgelesen an den Kennzahlen der Startseite
      (3 Standorte / 60K+ / 20+ / 100%) -- nicht selbst gewaehlt.

   Die Klassen setzt atc-akzente-1809.js nach der Hydration. Bleibt das
   Skript aus (?atcoff=1), greift hier nichts und die Seite sieht aus
   wie zuvor.
*/

/* --- 1) Trennzeichen auf die optische Mitte heben --------------------- */
/* Bewusst NUR ein Versatz: kein display, kein line-height. Ein
   inline-block mit line-height:0 macht die Box 0 px hoch -- das Zeichen wird
   zwar noch gezeichnet, haengt aber ausserhalb seiner eigenen Flaeche
   (gemessen: 4,2 x 0 px). Ein relativ verschobenes Inline-Element behaelt
   seine Zeile und verschiebt nur die Darstellung. */
.atc-trenner {
  position: relative;
  top: -0.32em;          /* nachgemessen: bringt U+00B7 auf Versalhoehen-Mitte */
}

/* --- 2) Zaehlnummern der Karten in der Markenfarbe -------------------- */
/* Die Kennzahlen weiter oben auf derselben Seite sind rot; die 01/02/03
   der Karten waren als einzige grau (rgb(182,182,183)). */
.atc-kartennummer,
.atc-kartennummer * {
  color: rgb(255, 48, 26) !important;
  -webkit-text-fill-color: rgb(255, 48, 26) !important;  /* Framer setzt text-fill */
  background-image: none !important;                      /* ... teils als Verlauf */
}

/* --- 3) Feiner roter Akzent an der Kartenoberkante -------------------- */
/* Bewusst zurueckhaltend: eine 2 px hohe Linie, die zur Mitte hin ausblendet.
   Die Karten der Philosophie-Sektion tragen keine Nummer -- fuer sie ist das
   das einzige farbige Detail. */
.atc-karte-akzent { position: relative; }
.atc-karte-akzent::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  background: linear-gradient(90deg,
              rgba(255, 48, 26, 0) 0%,
              rgba(255, 48, 26, 0.85) 50%,
              rgba(255, 48, 26, 0) 100%);
  pointer-events: none;   /* darf keinen Klick auf die Karte abfangen */
  z-index: 2;
}