.contact{background:var(--bg);color:var(--text-color);padding-block:var(--padding-block);--subheadline-color:var(--secondary_color);--gap:2rem;--layout:column;--img-width:50%;--img-position:1;--content-position:2}.contact .media-right{--img-position:2;--content-position:1}@media(min-width:736px){.contact{--img-width:33%;--layout:row}}.contact.bg-white{--padding-block:0}.contact.bg-grey{--bg:var(--bg-grey);--text-color:var(--primary_color)}.contact.bg-dark-grey{--bg:var(--bg-dark-grey);--text-color:var(--bg-white);--subheadline-color:var(--bg-white)}.contact.bg-red{--bg:var(--secondary_color);--text-color:var(--bg-white);--subheadline-color:var(--bg-white)}.contact.bg-red .contact--cta.mail:before{background:var(--mailicon-white)}.contact.bg-red .contact--cta.mail.cta.btn:before{background:var(--mailicon-red)}.contact h2{--font-style-size:22;--line-height:23;--font-weight:400;color:var(--subheadline-color)}.contact--inside{align-items:center;display:flex;flex-direction:var(--layout);gap:var(--gap);justify-content:space-between}.contact--content{display:flex;justify-content:center;order:var(--content-position)}.contact--content--inside{display:flex;flex-direction:column;gap:1rem;max-width:30rem}.contact--content a,.contact--content h2,.contact--content span{margin:0}.contact--img{border-radius:50%;order:var(--img-position);width:var(--img-width)}.contact--img img{aspect-ratio:1;object-fit:cover;width:100%}