/* Statischer Seitenentwurf – Menügestaltung an index.php angeglichen */
:root { color-scheme: light; --ink:#5a3b12; --muted:#80551b; --line:#d2b477; --paper:#fff5dc; --accent:#80551b; --soft:#f4e7c1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f4e7c1; color:#5a3b12; font:14px/1.6 Verdana,Arial,sans-serif; }
a { color:#80551b; }
a:hover { color:#b07826; }
.site-header { background:#f4e7c1; color:#5a3b12; padding:1rem max(1rem,calc((100% - 1167px)/2)); }
.site-brand { display:block; color:#704715; text-decoration:none; font-size:1.25rem; font-weight:700; text-align:center; margin-bottom:12px; }
.site-brand:hover { color:#b07826; }
.site-nav { display:block; width:100%; margin:0 auto 20px; padding:12px; background:#e1c58b; border-top:2px solid #c3a365; border-bottom:2px solid #c3a365; }
.site-menu-row { display:flex; justify-content:center; align-items:flex-start; gap:8px; flex-wrap:wrap; width:100%; margin:0 auto; font-family:Verdana,Arial,sans-serif; font-size:12px; text-align:center; }
.site-menu-row > a { display:block; width:125px; padding:8px 10px; font-size:12px; text-align:center; text-decoration:none; border:2px solid #8b6a2b; border-radius:10px; background:linear-gradient(#b58a3c,#7a5522); color:#fff7d6; font-weight:bold; text-shadow:1px 1px 2px #000; box-shadow:0 3px 8px rgba(0,0,0,.25); }
.site-menu-row > a:hover { color:#fff; filter:brightness(1.08); text-decoration:none; }
.site-menu-row details { width:145px; border:2px solid #8b6a2b; border-radius:10px; overflow:hidden; background:linear-gradient(#f5e7b2,#d8b36a); box-shadow:0 3px 8px rgba(0,0,0,.25); }
.site-menu-row summary { cursor:pointer; padding:8px 10px; list-style:none; text-align:center; font-size:12px; background:linear-gradient(#b58a3c,#7a5522); color:#fff7d6; font-weight:bold; text-shadow:1px 1px 2px #000; }
.site-menu-row summary::-webkit-details-marker { display:none; }
.site-menu-row ul { list-style:none; margin:0; padding:6px 0; background:#f8efd0; border-top:1px solid #8b6a2b; }
.site-menu-row li a { display:block; padding:7px 12px; font-size:12px; color:#5a3b12; text-decoration:none; border-bottom:1px solid #d2bb7a; }
.site-menu-row li:last-child a { border-bottom:0; }
.site-menu-row li a:hover { background:#f4e0b0; color:#5a3b12; text-decoration:none; }
main { max-width:1120px; margin:1.5rem auto; padding:clamp(1rem,3vw,2rem); background:var(--paper); border:1px solid var(--line); border-radius:10px; overflow-wrap:anywhere; }
h1 { line-height:1.25; margin-top:0; color:#704715; }
img { max-width:100%; height:auto; }
table { max-width:100%; }
pre,code { white-space:pre-wrap; overflow-wrap:anywhere; }
.site-footer { max-width:1120px; margin:0 auto 2rem; padding:0 1rem; color:var(--muted); font-size:.9rem; }
@media(max-width:700px) { main { margin:.75rem; padding:1rem; } table { display:block; overflow-x:auto; } .site-menu-row > a { flex:1 1 140px; } .site-menu-row details { flex:1 1 145px; } }
@media(max-width:480px) { .site-menu-row > a, .site-menu-row details { flex-basis:100%; width:100%; } }
/* Hauptmenü etwas breiter gestalten */
.site-menu-row > a {
    width: 145px;
}

.site-menu-row details {
    width: 165px;
}