/* styles.css */
.btn-purple {
    background: #81ceea; /* Lila Button-Hintergrund */
    border-color: #81ceea; /* Lila Button-Rahmen */
    color: #004b76; /* Lila Button-Textfarbe */
    text-decoration: none; /* Standard-Textunterstreichung entfernen */
    position: relative; /* Position relativ für Pseudo-Element */
}

.btn-purple:hover {
   color: #004b76;
   background: #81ceea;
}
.btn-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.btn-purple::before {
    content: ''; /* Pseudo-Element-Inhalt leeren */
    position: absolute; /* Position absolut innerhalb des Buttons */
    bottom: 7px; /* Abstand zur Unterstreichung */
    left: 0; /* Startposition der Unterstreichung */
    width: 100%; /* Volle Breite des Buttons */
    height: 2px; /* Dicke der Unterstreichung */
    background-color: #004b76; /* Farbe der Unterstreichung */
    transform: scaleX(0); /* Anfangszustand der Skalierung (unsichtbar) */
    transform-origin: bottom left; /* Ursprung der Skalierung */
    transition: transform 0.3s ease-in-out; /* Animationsübergang */
}

.btn-purple:hover::before {
    transform: scaleX(1); /* Endzustand der Skalierung (sichtbar) */
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* styles.css */
body {
    font-family: "BundesSerif-Regular",sans-serif;
    background-repeat: no-repeat;
    background: #004b76;
    background-image: linear-gradient(66deg, #004b76 12%, #5f316e 91%);
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

.card {
    background-color: rgba(255, 255, 255, 0.9); /* Weiß mit leichter Transparenz für Karten */
    border-radius: 10px; /* Abgerundete Ecken */
}

.card img {
    max-width: 100%;
    border: 0px;
    height: auto;
}
.card-footer{
    background: transparent;
	border: 0px;
	text-align: right;
}