.miya-kurs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 24px;
margin: 2rem 0;
} .miya-kurs-card {
background: #ffffff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
justify-content: space-between;
} .miya-kurs-header {
margin-bottom: 16px;
}
.miya-kurs-datum {
font-size: 1.2rem;
font-weight: 700;
color: #003d2f;
margin-bottom: 8px;
}
.miya-kurs-tag {
display: inline-block;
background: #b7e1d0;
color: #003d2f;
padding: 6px 14px;
border-radius: 999px;
font-size: 0.9rem;
font-weight: 600;
} .miya-kurs-body div {
margin-bottom: 8px;
font-size: 1rem;
color: #003d2f;
} .miya-kurs-actions {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.miya-anmeldung {
background: #004f3a;
color: #ffffff;
padding: 12px 24px;
border-radius: 999px;
text-decoration: none;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.miya-anmeldung:hover {
background: #003d2f;
}
.miya-toggle-button {
background: transparent;
border: 2px solid #004f3a;
color: #004f3a;
padding: 10px 20px;
border-radius: 999px;
cursor: pointer;
font-weight: 600;
}
.miya-toggle-button:hover {
background: #004f3a;
color: #ffffff;
} .miya-sessions {
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #ddd;
}
.miya-session-row {
display: flex;
justify-content: space-between;
padding: 6px 0;
font-size: 0.95rem;
color: #333;
} @media (max-width: 600px) {
.miya-kurs-card {
padding: 20px;
}
.miya-kurs-actions {
flex-direction: column;
align-items: stretch;
}
.miya-anmeldung,
.miya-toggle-button {
width: 100%;
text-align: center;
}
}