html, body {
            margin: 0;
            padding: 0;
            min-height: 100%;
            background-image: url('../img/bg.png');
            background-repeat: repeat;
            background-color: #200D2F;
            color: white; /* Schriftfarbe für die ganze Seite */
            background-size: auto;
            background-position: top left;
            background-attachment: fixed;
        }
.card {
      background-color: #200D2F !important;
      color: white;
  }
        .page-heading {
            color: white;
            font-size: 2rem;
        }
        @media (max-width: 576px) {
            h1.page-heading {
                font-size: 1.75rem;
            }
        }

/* Lila Button*/
.btn-purple {
    background-color: #7D3FC2; /* schönes kräftiges Lila */
    color: white;
    border: none;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 0.375rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
}
.btn-purple:hover {
    background-color: #9C5CE0;
}