/* Gemeinsame Navigation für alle drei Solar4all-Rechner. */
.site-header,#top.site-header{position:relative;inset:auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);font-family:var(--ss);box-sizing:border-box;backdrop-filter:none}
.site-header .site-logo{display:block;flex:0 0 auto}
.site-header .site-logo img,#top.site-header .site-logo img{display:block;width:210px;max-width:100%;height:auto}
.site-header .site-nav{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:15px;line-height:1.3}
.site-header .site-nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 14px;border:0;border-radius:9px;text-decoration:none;color:var(--muted);font-weight:600;text-align:center}
.site-header .site-nav a:hover{background:var(--green-bg);color:var(--ink)}
.site-header .site-nav a[aria-current=page]{background:var(--green);color:var(--ink);font-weight:700}
.site-header a:focus-visible{outline:3px solid var(--green-d);outline-offset:3px}
#top.site-header+main{padding-top:32px}
@media(max-width:800px){.site-header,#top.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 20px}.site-header .site-logo img,#top.site-header .site-logo img{width:175px}.site-header .site-nav{width:100%;gap:5px}.site-header .site-nav a{flex:1;padding:9px 10px;font-size:14px}}
@media(max-width:430px){.site-header,#top.site-header{padding:12px 16px}.site-header .site-nav{display:grid;grid-template-columns:1fr 1fr}.site-header .site-nav a{padding:8px 7px;min-width:0}.site-header .site-nav a:first-child{grid-column:1/-1}}
@media print{.site-header,#top.site-header{display:none!important}}
