h1 { text-shadow: 2px 2px 4px #000; }
hr { border: 0; height: 1px; background: #444; margin: 30px 0; }
.mitglieder-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin: 30px 0; }
.mitglied-card { background: rgba(40,40,40,0.8); border: 1px solid #444; border-radius: 10px; padding: 20px; text-align: center; transition: transform 0.2s, box-shadow 0.2s; }
.mitglied-card:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(255,102,0,0.2); }
.mitglied-card .photo { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; margin: 0 auto 12px; border: 3px solid var(--color-primary); display: block; background: #333; }
.mitglied-card .photo-placeholder { width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 12px; background: #222; border: 3px solid #555; padding: 0; line-height: 0; }
.mitglied-card .photo-placeholder img { width: 100%; height: 100%; border-radius: 50%; display: block; }
.mitglied-card .photo-placeholder .foto-text { font-size: 0.6rem; color: #555; line-height: 1; }
.mitglied-card .name { font-family: \'New Rocker\', cursive; font-size: 1.2rem; color: #fff; margin-bottom: 5px; }
.mitglied-card .role { color: var(--color-primary); font-weight: 700; font-size: 0.95rem; }
@media (max-width: 900px) { h1 { font-size: 2rem; } }
';
require '_header.php';
?>
Unsere Mitglieder
Da san ma – unsere aktiven Mitglieder in alphabetischer Reihenfolge:
';
require '_footer.php';