:root{
  --brand:#b40000;
  --bg:#f8f8f8;
  --text:#1a1a1a;
  --dark:#222;
  --card:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
img.responsive{width:100%;border-radius:10px;margin:1em 0}
header{background:var(--dark);color:#fff;padding:1rem;text-align:center}
header nav{margin-top:.25rem}
header nav a{color:#fff;text-decoration:none;margin:0 .5rem}
header nav a:hover{text-decoration:underline}
main{max-width:960px;margin:2rem auto;padding:1.25rem 1rem 2.5rem;line-height:1.75;background:var(--card);border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.08)}
footer{text-align:center;font-size:.9rem;background:var(--dark);color:#fff;padding:.8rem 0}
a.button,.cta{display:inline-block;margin-top:1rem;padding:.8rem 1.2rem;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;transition:background .25s}
a.button:hover,.cta:hover{background:#7a0000}
/* Start page */
.hero{color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;background:url('https://wolfundrabe.github.io/richtstaetten-ooe/karte.html') no-repeat center/cover fixed}
.hero .box{background:rgba(0,0,0,.55);padding:2rem 1.5rem;max-width:900px;border-radius:14px}
.hero h1{margin:.2rem 0 0;font-size:2.2rem}
.hero p{line-height:1.6;margin:1rem auto}
.hero .btns{margin-top:1rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero footer{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.45);padding:.4rem .8rem;border-radius:6px}
/* Map page */
#map{height:90vh;width:100%}
.legend{background:#fff;padding:8px 10px;border-radius:8px;line-height:1.3;box-shadow:0 0 4px rgba(0,0,0,.25)}
.legend .title{font-weight:700;margin-bottom:.25rem}
.legend .item{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}
.legend .swatch{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #444}
.swatch.red{background:#d9534f}
.swatch.gold{background:#d4b106}
.swatch.blue{background:#0275d8}
.swatch.green{background:#5cb85c}
.swatch.black{background:#111}
.hero {
  background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)),
              url('https://wolfundrabe.github.io/richtstaetten-ooe/bilder/hintergrund.jpg') no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: white;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}