/* Ändert die Text-Markierungsfarbe auf der ganzen Website */
::selection {
  background: #1E73BE;   /* Hintergrundfarbe beim Markieren */
  color: #fff;           /* Schriftfarbe beim Markieren */
}

/* Für Firefox extra */
::-moz-selection {
  background: #1E73BE;
  color: #fff;
}





/* Lade die Schrift (Montserat Bold als sehr ähnliche, klare Headline-Schrift) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

:root{
  --brand-blue: #1E90FF; /* ersetze bei Bedarf mit exaktem Hex aus deinem Bild */
  --headline-font: "Montserrat", "Inter", "Helvetica Neue", Arial, sans-serif;
  --headline-weight: 700;
  --headline-line-height: 1.06;
  --headline-letter-spacing: 0.02em; /* feine Weitung wie im Bild */
}

/* globale Anwendung für alle H1 / H2 */
h1, h2 {
  color: var(--brand-blue);
  font-family: var(--headline-font);
  font-weight: var(--headline-weight);
  line-height: var(--headline-line-height);
  letter-spacing: var(--headline-letter-spacing);
  text-transform: uppercase;
  margin: 0 0 0.5rem 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* spezifische Größen — passt zu typischen Headline-Hierarchien */
h1 {
  font-size: 48px; /* ersetze durch exakten Wert falls nötig */
}

h2 {
  font-size: 28px; /* ersetze durch exakten Wert falls nötig */
}



/* Responsive Skalierung (optional, glattere Größe auf Mobilgeräten) */
@media (max-width: 768px) {
  h1 { font-size: 36px; }
  h2 { font-size: 22px; }
}


  /* Dein Ziel-Style */
  #testimonial-section h2{
    font-size: 2.5rem !important;   /* überschreibt md:text-4xl */
    font-weight: 800;
    color: #1E73BE !important;      /* überschreibt text-black */
    margin-bottom: 24px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }