body { font-family: sans-serif; line-height: 1.6; color: #333; margin: 0; }
header, footer { background: #f4f4f4; padding: 20px; text-align: center; }
main { padding: 40px 20px; max-width: 600px; margin: 0 auto; }
.form-group { margin-bottom: 15px; }
label { display: block; margin-bottom: 5px; }
input { width: 100%; padding: 8px; box-sizing: border-box; }
button { padding: 10px 20px; background: #007BFF; color: white; border: none; cursor: pointer; }
button:hover { background: #0056b3; }
.alert { padding: 15px; margin-bottom: 20px; border-radius: 4px; }
.success { background: #d4edda; color: #155724; }
.error { background: #f8d7da; color: #721c24; }
.button {
    display: inline-block;
    padding: 10px 15px;
    background: #28a745; /* Grün für Verbindlich */
    color: white;
    text-decoration: none;
    border-radius: 4px;
}
.button:hover { background: #218838; }
.event-card { background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }