body { margin:0; font-family:Arial; background:#f3f3f3; }
.nav { background:white; padding:10px 20px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.logo { height:60px; }
.hero {
  height:60vh;
  background:url('images/flyer.jpeg') center/cover no-repeat;
  display:flex; justify-content:center; align-items:center;
  text-align:center; color:white;
}
.hero-content { backdrop-filter: blur(3px); padding:20px; }
.fade { animation: fadein 2s ease; }
@keyframes fadein { from {opacity:0;} to {opacity:1;} }

.leistungen { padding:40px 20px; text-align:center; }
.cards { display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.card { background:white; padding:20px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); animation: slide 1s ease; }
@keyframes slide { from {transform:translateY(20px); opacity:0;} to {transform:translateY(0); opacity:1;} }

footer { background:#222; color:white; padding:20px; text-align:center; margin-top:40px; }