/* 1. Container als Flexbox */
    .qr-container {
      display: flex;
      align-items: flex-start; /* vertikale Ausrichtung am oberen Rand */
      gap: 1rem;               /* Abstand zwischen Bild und Text */
    }

    .qr-container img {
      max-width: 200px; /* oder beliebig anpassen */
      height: auto;
    }

    /* 2. Bei schmalen Bildschirmen: Spalten- statt Reihen-Layout */
    @media (max-width: 600px) {
      .qr-container {
        flex-direction: column;
        align-items: center; /* Bild und Text zentrieren */
        text-align: center;  /* Text ebenfalls zentrieren */
      }

      .qr-container img {
        margin-bottom: 0.5rem; /* Abstand unter dem Bild */
      }
    }