/* ATC -- Lesbarkeit und Bedienbarkeit (28.09.2026)
   ===========================================================================
   Aus der Gesamtpruefung der Seite. Alle Werte sind gemessen, nicht geschaetzt.

   1) FLIESSTEXT UND FUSSZEILE LAGEN KNAPP UNTER DEM LESBARKEITSWERT
      Gemessen: #757575 auf #050505 ergibt 4,42:1. Die Richtlinie fuer
      normalen Text verlangt 4,5:1. Betroffen war der gedaempfte Fliesstext
      auf allen Seiten und die komplette Fusszeile (13 px).
      #7c7c7c auf demselben Grund ergibt 4,89:1 -- der Unterschied ist mit
      blossem Auge nicht zu sehen, der Text erfuellt die Vorgabe aber.
      Rechenweg: fuer 4,5:1 auf #050505 ist der Grenzwert 118; darunter
      faellt man durch, #7c7c7c liegt mit 124 sicher darueber.

   2) DER DATENSCHUTZ-LINK IM KONTAKTFORMULAR WAR KAUM ZU LESEN
      Gemessen: rgb(177,37,32) auf rgb(18,19,21) = 2,79:1. Ausgerechnet der
      Link, ueber den die Einwilligung erklaert wird. Die Hausfarbe
      rgb(255,48,26) ergibt an derselben Stelle 5,04:1.

   3) DER ABSENDEKNOPF LAG BEI 3,69:1
      Weiss auf der Hausfarbe. Die Hausfarbe zu verdunkeln waere ein Eingriff
      ins Erscheinungsbild -- stattdessen wird die Beschriftung auf 19 px und
      fett gesetzt. Ab 18,66 px fett gilt der Text als gross, dort liegt die
      Vorgabe bei 3:1. 3,69:1 erfuellt sie, und groessere Schrift auf dem
      wichtigsten Knopf der Seite ist ohnehin kein Nachteil.

   4) TELEFON- UND E-MAIL-LINKS WAREN 21 PX HOCH
      Auf dem Handy sind das die wichtigsten Ziele der Seite. 21 px sind
      knapp unter den 24 px, die als Mindestgroesse gelten. Ein Innenabstand
      vergroessert die Trefferflaeche, ohne das Layout zu verschieben:
      bei einem Inline-Element waechst die Zeilenhoehe dadurch nicht.
*/

/* --- 1) Gedaempfter Grauton ---------------------------------------------- */
/* Die beiden Variablen werden NICHT an :root gesetzt, sondern genau dort, wo
   die Seite sie selbst setzt. Eine eigene Variable wird vom naechstgelegenen
   Vorfahren geholt, der sie definiert -- ein :root-Wert kaeme also gar nicht
   an, auch mit !important nicht. Gemessen am 28.09.: die Fusszeile definiert
   --f-text-3 auf .atc-fuss, Framer sein Token auf body. */
body {
  --token-9bd1e44e-0aed-47a1-accc-20d1acc50cb6: #7c7c7c !important; /* Framer-Fliesstext */
}
.atc-fuss {
  --f-text-3: #7c7c7c !important;                                   /* eigene Fusszeile */
}

/* --- 2) Datenschutz-Link in der Einwilligung ----------------------------- */
/* Die Farbe steckt in einer von Framer erzeugten Variablen am Elternknoten.
   Sie dort zu ueberschreiben trifft genau diesen Link und sonst nichts. */
form label [style*="--extracted-1w3ko1f"],
form [style*="--extracted-1w3ko1f"] {
  --extracted-1w3ko1f: rgb(255, 48, 26) !important;
}

/* --- 3) Absendeknopf ----------------------------------------------------- */
form button p.framer-text {
  font-size: 19px !important;
  font-weight: 700 !important;
}

/* --- 4) Trefferflaeche von Telefon und E-Mail ---------------------------- */
@media (max-width: 899.98px) {
  a[href^="tel:"], a[href^="mailto:"] {
    padding-block: 5px;      /* 21 px + 10 px = 31 px Trefferflaeche */
  }
}