/* Editorial footer navigation: echoes the orange rule and dark surface at the top of the site. */
.site-navigation{width:100%;margin:72px 0 0;padding:22px max(20px,calc((100vw - 1180px)/2)) 30px;background:linear-gradient(180deg,#15181d 0%,#0d0f12 100%);border-top:7px solid var(--brick,#ff785d);border-bottom:1px solid #343941}
.site-navigation h2{margin:0 0 14px;font:700 15px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--brick,#ff785d)}
.site-navigation-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.site-navigation a{align-items:center;display:flex;gap:10px;min-height:54px;padding:11px 14px;border:1px solid #454b55;border-radius:8px;color:#f3f1ec;background:#171a1f;text-decoration:none;font:700 14px/1.2 Arial,Helvetica,sans-serif;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.site-navigation a::before{align-items:center;display:flex;justify-content:center;width:22px;color:var(--brick,#ff785d);font:18px/1 Arial,Helvetica,sans-serif}
.site-navigation a:nth-child(1)::before{content:"⌂"}.site-navigation a:nth-child(2)::before{content:"⌕"}.site-navigation a:nth-child(3)::before{content:"▤"}.site-navigation a:nth-child(4)::before{content:"¶"}.site-navigation a:nth-child(5)::before{content:"◇"}.site-navigation a:nth-child(6)::before{content:"◐"}
.site-navigation a:first-child{background:var(--brick,#ff785d);border-color:var(--brick,#ff785d);color:#171717}.site-navigation a:first-child::before{color:#171717}
.site-navigation a:hover{background:#242a32;border-color:#9dc8ff;color:#fff;transform:translateY(-1px)}.site-navigation a:first-child:hover{background:#ff9a80;border-color:#ff9a80;color:#171717}.site-navigation a:focus-visible{outline:3px solid #9dc8ff;outline-offset:3px}
@media(max-width:600px){.site-navigation{margin-top:52px;padding:19px 14px 24px}.site-navigation-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.site-navigation a{min-height:50px;padding:10px}}

/* Startseite: Akzentkante oben, Social Links dazwischen, heller Trenner darunter. */
.top-links{border-top:7px solid var(--brick);border-bottom:1px solid #fff}
.masthead{border-top:0}