.site-header {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  background: none;
}

.banner-img {
  width: 100vw;           /* passt sich exakt der Fensterbreite an */
  max-width: 1920px;      /* auf großen Monitoren nie breiter als 1920px */
  height: 200px;         /* Höhe z. B. auf 300px festsetzen */
  object-fit: cover;     /* sorgt für sauberen Ausschnitt */
  display: block;
  margin: 0 auto;
  border-bottom: 3px solid #DAA520;
}
body {
  overflow-x: hidden;
}


:root{--bg:#444444;--text:#DAA520;--muted:rgba(255,255,255,.8);--line:#DAA520;--link:#2184f9;--linkh:#63aaff}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,Arial,Helvetica,sans-serif}
.wrap{max-width:960px;margin:0 auto;padding:48px 16px}
a{color:var(--link);text-decoration:none}a:hover{color:var(--linkh);text-decoration:underline}
.site-header{border-bottom:2px solid var(--line);background:rgba(255,255,255,.02)}
.site-header .brand{margin:0}
.nav{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}
.nav a{color:var(--text);border-bottom:1px dotted transparent}
.nav a:hover,.nav a.active{border-bottom-color:var(--text)}
h1,h2,h3{color:var(--text);margin:0 0 12px 0}
.hero-line{border:0;border-top:2px solid var(--line);margin:16px 0}
.note{color:var(--muted);font-size:.9rem}
.btn{display:inline-block;padding:.5rem .75rem;border:1px solid var(--text);border-radius:4px;color:var(--text)}
.btn:hover{background:rgba(255,255,255,.06)}
.site-footer{border-top:2px solid var(--line);background:rgba(255,255,255,.02);text-align:center}
.site-footer .wrap{padding:24px 16px}

@media print {
  body {
    background: #fff;
    color: #000;
  }
  a {
    color: #000;
    text-decoration: underline;
  }
  .site-header,
  .site-footer {
    border: 0;
    background: none;
  }
}