/* veranorm.de: Ergaenzungen zum byte-gleich uebernommenen style.css von neuborgis.com.
   Eingebunden nach style.css und nav.css. Nur vorhandene Variablen, keine eigenen Werte. */

/* Wortmarke als Inline-SVG: Buchstaben in Tinte, der Punkt traegt sein Blau selbst */
.brand-wordmark { color: var(--fg); }

/* Abschnittslabel als Ueberschrift (h2.eyebrow), Aussehen wie div.eyebrow im Original */
h2.eyebrow {
  margin-top: 0;
  font-weight: var(--weight-regular);
  line-height: var(--leading-relaxed);
}

/* Verweis auf die Bausteinseite innerhalb eines pillar, nach .product .arrow-cta */
.pillar .arrow-cta {
  display: inline-flex; align-items: center; gap: var(--space-3);
  margin-top: var(--space-5);
  padding-bottom: var(--space-1);
  font-size: var(--text-sm);
  border-bottom: 1px solid var(--fg);
}
.pillar .arrow-cta .arr { transition: transform var(--dur-base); }
.pillar .arrow-cta:hover .arr { transform: translateX(var(--space-1)); color: var(--accent); }

/* Fliesstext vor und nach dem Raster im pillars-Abschnitt (Zuschnitt je Land) */
.pillars > p { margin: 0 0 var(--space-12); }
.pillars-grid + p { margin: var(--space-12) 0 0; }

/* Mehrere Absaetze im manifesto-Abschnitt: der erste schliesst an das Label an */
.manifesto .eyebrow + .manifesto-foot { margin-top: 0; }

/* Kontakt: Satz zwischen Ueberschrift und E-Mail-Pille auf dunklem Grund */
.contact p {
  color: var(--fg-on-dark);
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
  max-width: var(--max-reading);
  margin: 0 0 var(--space-12);
}

/* Rechtsseiten: Spaltenbreite und Linkfarbe, im Original als Inline-Stil des Impressums */
.legal-page p { max-width: var(--max-content); }
.legal-page a { color: var(--accent); }
/* Stand-Zeile der Datenschutzerklaerung: Sekundaertext statt Tertiaertext, Kontrast AA (im Original 3,65:1) */
.legal-page .legal-meta { color: var(--fg-secondary); }