/* Gemeinsames responsives Layout für erhaltene Familienseiten. */
:root { --legacy-ink:#29402b; --legacy-leaf:#547444; --legacy-paper:#fffdf6; --legacy-soft:#edf3e9; --legacy-sun:#f6c842; }
html { -webkit-text-size-adjust:100%; } body { margin:0; color:var(--legacy-ink)!important; background:#f5f7f1!important; font:16px/1.6 "Segoe UI",Arial,sans-serif!important; text-align:left!important; } body * { text-align:inherit; box-sizing:border-box; } img { max-width:100%; height:auto!important; } a:link,a:visited { color:#365f3a!important; } a:hover,a:focus { color:#223d26!important; background:#f9e6a5!important; }
#top { max-width:1180px; margin:0 auto; padding:1.25rem 1.5rem 0; } #sidebar,#sidebar_local { position:relative; float:none!important; width:auto!important; margin:0!important; padding:.7rem 4.8rem .7rem 1rem!important; border-radius:14px; background:var(--legacy-leaf); } #sidebar::after,#sidebar_local::after { content:""; position:absolute; right:1rem; top:50%; width:42px; height:42px; transform:translateY(-50%); border-radius:50%; background:url("grafik/sonnenblume3.JPG") 15% center/cover no-repeat; box-shadow:0 2px 6px #1d301c66; } #navi { display:flex; flex-wrap:wrap; gap:.35rem; margin:0!important; padding:0!important; list-style:none; } #navi a,#navi strong { display:block; padding:.45rem .75rem; border-radius:999px; color:white!important; background:transparent!important; font-weight:600; text-align:center!important; } #navi a:hover,#navi a:focus { color:var(--legacy-ink)!important; background:#f9e6a5!important; text-decoration:none; }
#main { width:auto!important; max-width:1000px; min-width:0!important; margin:1.5rem auto 3rem!important; padding:clamp(1.25rem,3vw,2.5rem)!important; border:0!important; border-radius:20px; background:var(--legacy-paper)!important; box-shadow:0 8px 28px #25301d1c; } #main h1,#main h2,#main h3,#main h4 { color:var(--legacy-ink)!important; line-height:1.2; } #main h1 { margin:.2rem 0 1.2rem!important; font-size:clamp(1.8rem,4vw,2.7rem); } #intro { margin:0 0 1.5rem!important; padding:1rem 1.2rem!important; border-left:4px solid var(--legacy-sun); border-radius:0 12px 12px 0; background:var(--legacy-soft); }
#links,#steckbrief,#portrait,#personendaten { position:static!important; float:none!important; width:auto!important; max-width:100%!important; margin:1rem 0!important; padding:0!important; } #main table { width:100%!important; max-width:100%!important; height:auto!important; border-collapse:separate; border-spacing:0; overflow:hidden; border:1px solid #dbe3d5; border-radius:14px; background:white; } #main td,#main th { padding:1rem; vertical-align:top; } #main img { border-radius:10px; box-shadow:0 3px 12px #25301d20; } #footer { max-width:1000px; margin:0 auto; padding:1.25rem 1.5rem 2rem; color:#5e6b5d; font-size:.9rem; }
@media (max-width:760px) { #top { padding:.75rem .75rem 0; } #sidebar,#sidebar_local { padding-right:4.25rem!important; border-radius:0; margin:0 -.75rem!important; } #sidebar::after,#sidebar_local::after { right:.75rem; width:38px; height:38px; } #navi { justify-content:center; } #main { margin:0!important; border-radius:0; box-shadow:none; } #main table { display:block; overflow-x:auto; } #main td,#main th { padding:.7rem; } }