body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  background: #f4f4f4;
  color: #333;
}
header {
  background: #d52b1e;
  color: white;
  text-align: center;
  padding: 1rem;
}
h1 { margin: 0; }
.screen { padding: 1rem; max-width: 800px; margin: 0 auto; }
.hidden { display: none; }
button {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  padding: 1rem;
  background: #d52b1e;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  cursor: pointer;
}
button:hover { background: #b82418; }
#options button { background: #fff; color: #333; border: 2px solid #d52b1e; }
#options button.correct { background: #4caf50; color: white; }
#options button.wrong { background: #f44336; color: white; }
#question img, .wappen-img { max-width: 200px; height: auto; display: block; margin: 1rem auto; }
#map-container { 
  margin: 1rem auto; 
  text-align: center;
  min-height: 300px;
}
#swiss-map path {
  transition: fill 0.2s ease;
}
#swiss-map path:hover {
  fill: #ffcccc !important;
}
#swiss-map path.highlighted {
  fill: #d52b1e !important;
}
#feedback { margin: 1rem 0; font-weight: bold; text-align: center; }