/* Contact and footer markup comes from /blog/index.html via sync-blog-layout.py. */
#kontakt{background:#0b192b;color:#edf2f5;border-top:0}
#kontakt .section-no{color:#b7c6d4}
#kontakt .contact-copy p{color:#d5dfe8}
#kontakt .textlink{border-color:#b8c7d6;gap:12px}
#kontakt a:hover{color:#bdcfa7}
#kontakt .contact-portrait{aspect-ratio:1/1;object-fit:cover;object-position:center 30%;border-radius:50%;border:2px solid #b7c6a4}
#kontakt .linkedin-icon{flex-shrink:0}
/* Keep article titles and covers inside the same gutters as the header. */
.blog-hero.wrap{padding-left:64px;padding-right:64px}
@media(max-width:900px){.blog-hero.wrap{padding-left:30px;padding-right:30px}}
@media(max-width:620px){.blog-hero.wrap{padding-left:23px;padding-right:23px}}