/* Gemeinsames Menü und Footer für alle Seiten */
#main-header, #site-footer {
  width: min(1100px, calc(100vw - 40px));
  align-self: center;
  max-width: 1100px;
  background-color: #660000;
  border: 1px solid #800000;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.7);
  color: #fff;
  font-family: Arial, sans-serif;
  box-sizing: border-box;
  flex: 0 0 auto;
}
#main-header { display: flex; justify-content: center; padding: 15px 20px; margin: 20px auto 15px; }
#main-header .nav-list { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; gap: 8px 18px; margin: 0; padding: 0; }
#main-header .nav-list li { margin: 0; padding: 0; }
#main-header .nav-list a { color: #fff; text-decoration: none; font-size: 1.05rem; font-weight: bold; transition: color .3s; }
#main-header .nav-list a:hover, #main-header .nav-list a.active { color: #000; }

#site-footer { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; font-size: .9rem; margin: 15px auto 20px; }
#site-footer a { color: #fff; text-decoration: none; margin-left: 20px; transition: color .3s; }
#site-footer a:hover { color: #000; }

#main-header, #main-header *, #site-footer, #site-footer * { font-family: Arial, sans-serif !important; line-height: 1.2 !important; letter-spacing: normal !important; text-transform: none !important; }

/* Seiteninhalt zwischen Menü und Footer */
body.has-layout { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; padding: 0 !important; min-height: 100vh; }
#page-content { flex: 0 0 auto; width: 100%; box-sizing: border-box; }
#page-content > * { min-width: 0; }
#page-content img { max-width: 100%; height: auto; }
#page-content > :first-child { margin-top: 0 !important; }
#page-content > :last-child { margin-bottom: 0 !important; }

@media (max-width: 500px) {
  #site-footer { flex-direction: column; gap: 10px; text-align: center; }
  #site-footer a { margin: 0 10px; }
}

/* Große Bildschirme (z. B. 2560x1440, 3440x1440): ganze Seite proportional vergrößern */
@media (min-width: 2200px) { html { zoom: 1.1; } }