/* ===== Grundlayout ===== */
body{
  background:#0a0a0a;
  color:#fff;
  font-family:system-ui, -apple-system, Arial, sans-serif;
  line-height:1.7;
  margin:0;
  padding:0;
}

main{
  max-width:720px;
  margin:auto;
  padding:40px 20px;
}

h1{
  font-size:2.4rem;
  color:#ff3b3b;
  margin-bottom:10px;
}

h2{
  font-size:1.4rem;
  color:#ff3b3b;
  margin-top:40px;
}

p{
  margin:12px 0;
}

section{
  margin-top:30px;
}

.reset{
  background:#151515;
  padding:20px;
  border-left:5px solid #ff3b3b;
  margin-top:20px;
}

/* ===== Footer Style & Animation ===== */
footer{
  margin-top:80px;
  font-size:1rem;
  color:#bbbbbb;
  text-align:center;
}

.footer-message{
  opacity:0;
  transition:opacity 1s;
  margin-top:10px;
}

/* Erste Nachricht immer sichtbar */
.footer-message.show{
  opacity:1;
}

/* Tanzanimation nur für die Aufforderung */
.dance{
  animation:footerDance 0.8s infinite alternate ease-in-out;
}

@keyframes footerDance{
  0% { transform:rotate(-2deg) translateY(0); }
  100% { transform:rotate(2deg) translateY(-5px); }
}

#dance-invite{
  font-weight:600;
  color:#ff3b3b;
}

#experience{
  margin-top:5px;
  font-style:italic;
  color:#fff;
}

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce){
  .dance{
    animation:none;
  }
}