/* Inline SVGs are read from the local Noun assets when building this preview. */
.np-icon{display:inline-block;width:22px;height:22px;flex:none}
.route .np-icon,.sticky .np-icon{width:18px;height:18px}
#kontakt .contact-links{gap:5px}
#kontakt .phone-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;font-size:inherit;line-height:1;text-decoration:none;border-radius:7px}
#kontakt .phone-icon .np-icon{width:34px;height:34px}
/* Equal visible size for the handset and the brand glyphs. */
#kontakt .social-icon svg{width:30px;height:30px}
#kontakt .phone-icon:hover{background:var(--background)}
#kontakt .phone-icon:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:600px){#kontakt .phone-icon{width:42px;height:42px}}