.kurs-liste {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.kurs-box {
   /* border: 1px solid #ddd; */
    border: 2px solid red; /* Temporär zur Überprüfung */
    padding: 15px;
    border-radius: 5px;
    max-width: 500px;
}

.kursbild {
    margin-bottom: 10px;
}

.mehr-info {
    display: none;
    margin-top: 10px;
}

button.mehr-button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    margin-right: 10px; /* Abstand zwischen "MEHR" und "ANMELDUNG" Button */
}

button.mehr-button:hover {
    background-color: #005a8c;
}
.kurs-box button, .kurs-box .anmelde-link {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    border: none;
    margin-right: 10px;
}

.kurs-box button {
    background-color: #0073aa;
    color: white;
}

.kurs-box button:hover {
    background-color: #005a8c;
}

.kurs-box .anmelde-link {
    background-color: #28a745;
    color: white;
    text-decoration: none;
}

.kurs-box .anmelde-link:hover {
    background-color: #218838;
}

ul { 
    margin-left: 40px;
}