/* Schriftart importieren */
    @font-face {
      font-family: 'Euclid Circular A';
      src: url('https://smg-adlersberg.de/timedex/fonts/EuclidCircularA-Regular.woff2') format('woff2'),
       url('https://smg-adlersberg.de/timedex/fonts/EuclidCircularA-Regular.woff') format('woff');

    }

    /* Grundstil für alle Elemente */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      font-family: 'Euclid Circular A', sans-serif;
    }

    /* Allgemeines Seitenlayout */
    body {
      margin: 0;
      background-color: #f5f5f5;
    }

    /* Header-Bereich */
    .header {
      background: linear-gradient(to right, #223E6D, #111F37);
      color: white;
      text-align: center;
      padding: 20px 0;
    }

    .header img {
      width: 100px;
      margin-bottom: 10px;
    }

    .header h1 {
  margin: 0 10px; /* Abstand von 10px zu den Seiten */
  font-size: 1.8rem; /* Standard-Schriftgröße */
}

    }

    .header h2 {
      margin: 0;
      font-size: 1rem;
      font-weight: 400;
    }

    /* Container */
    .container {
      text-align: center;
      padding: 40px 20px;
    }

    .container h3 {
      font-size: 1.5rem;
      margin-bottom: 20px;
      color: #223E6D;
    }

    .container p {
      font-size: 1rem;
      color: #555;
      margin-bottom: 30px;
    }

    /* Formular */
    .form-group {
      margin-bottom: 15px;
    }

    .form-group label {
      display: block;
      font-size: 1rem;
      margin-bottom: 5px;
      color: #223E6D;
    }

    .form-group input {
      width: 100%;
      max-width: 300px;
      padding: 10px;
      font-size: 1rem;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-family: 'Euclid Circular A', sans-serif;
    }

    /* Button */
    .btn {
      background-color: #223E6D;
      color: white;
      border: none;
      padding: 10px 20px;
      font-size: 1rem;
      border-radius: 5px;
      cursor: pointer;
      font-family: 'Euclid Circular A', sans-serif;
    }

    .btn:hover {
      background-color: #111F37;
    }

@media (max-width: 768px) {
  .header h1 {
    font-size: 1.5rem; /* Schriftgröße für Mobilgeräte */
  }
}