.circle-container {
      width: 100vw;
      height: 50vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .circle {
      width: 80vw;
      height: 80vw;
      aspect-ratio: 1/1;
      background: #d1001f;
      color: #fff;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 4vw;
      box-shadow: 0 2px 8px rgba(0,0,0,0.10);
      overflow: hidden;
    }

    .section {
      margin-bottom: 3vw;
      font-size: 4vw; /* Basisgröße für kleine Screens */
      font-weight: normal;
    }
    .section:last-child {
      margin-bottom: 0;
    }
    .section b {
      font-weight: bold;
    }

    /* Tablet */
    @media (min-width: 600px) {
  .circle-container {
      width: 100vw;
      height: 100vh;
  }

      .circle {
        width: 60vw;
        height: 60vw;
        padding: 3vw;
      }
      .section {
        font-size: calc(16px + 0.3900625vw);
      }
    }
    /* Desktop */
    @media (min-width: 1000px) {
      .circle {
        width: 50vw;
        height: 50vw;
        padding: 2vw;
      }
      .section {
        font-size: calc(16px + 0.3900625vw);
      }
    }