:root{--contactbox-py:clamp(56px,min(8.75vw,16vh),64px);--contactbox-px:clamp(40px,min(6.25vw,11.4286vh),56px)}.contactbox{border-bottom:solid var(--link-line-c);border-bottom-width:clamp(3px,min(.46875vw,.857143vh),6px);display:flex}.contactbox__content{z-index:1;padding:var(--contactbox-py)var(--contactbox-px);position:relative}.contactbox__image{flex-shrink:0;width:100%;max-width:min(400px,100%);position:relative}.contactbox__image img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}@container (width>352px){.contactbox__image:after{content:"";z-index:1;background:linear-gradient(to left,var(--bg-color)0.5%,color(from var(--bg-color)srgb r g b/0)100%);width:33%;height:100%;position:absolute;bottom:0;right:0}}.contactbox__content{align-items:start;gap:calc(var(--contactbox-py)/2)var(--contactbox-px);flex-direction:column;width:100%;display:flex}.contactbox__content>*{max-width:100%}.contactbox__titles>*{margin:0}.contactbox__actions{flex-direction:column;align-items:start;gap:16px;display:flex}.contactbox__kicker{color:#666}@container (width<700px) and (width>=500px){.contactbox:not(.contactbox--eyecatcher) .contactbox__content:has(.contactbox__titles):has(.contactbox__actions):has(address){grid-template-columns:1fr 2fr;display:grid}.contactbox:not(.contactbox--eyecatcher) .contactbox__content:has(.contactbox__titles):has(.contactbox__actions):has(address) .contactbox__titles{grid-column:1/-1}}@container (width<700px){.contactbox{flex-direction:column}.contactbox__image:before{content:"";z-index:1;background:linear-gradient(to top,var(--bg-color)0.5%,color(from var(--bg-color)srgb r g b/0)100%);width:100%;height:59%;position:absolute;bottom:0;left:0}.contactbox__image+.contactbox__content{padding-top:0}}@container (width>=700px){.contactbox__image{flex-basis:40%;max-width:524px}.contactbox__image:before{content:"";z-index:1;background:linear-gradient(to left,var(--bg-color)0.5%,color(from var(--bg-color)srgb r g b/0)100%);width:66.54%;height:100%;position:absolute;bottom:0;right:-28px}.contactbox__image:after{width:66.54%}.contactbox__content{align-self:center;min-height:300px}.contactbox--eyecatcher .contactbox__image{flex-basis:42%}.contactbox--eyecatcher .contactbox__image+.contactbox__content{margin-left:-50px;padding-left:0}.contactbox--eyecatcher .contactbox__content{row-gap:calc(var(--contactbox-py)/2)}.contactbox--eyecatcher:not(:has(.contactbox__image)) .contactbox__content:has(.contactbox__actions){grid-template-columns:1fr 1fr;align-items:center;display:grid}.contactbox--eyecatcher:not(:has(.contactbox__image)) .contactbox__content:has(.contactbox__actions):has(address) .contactbox__actions{grid-area:1/2/span 2/span 1}}@container (width>=800px){.contactbox__image{flex-basis:36%}.contactbox--eyecatcher .contactbox__image{flex-basis:39%}}@container (width>=900px){.contactbox__content{row-gap:var(--contactbox-py)}}@container (width>=1000px){.contactbox:not(.contactbox--eyecatcher) .contactbox__content:has(.contactbox__titles):has(.contactbox__actions):has(address){grid-template-columns:1fr 2fr;display:grid}.contactbox:not(.contactbox--eyecatcher) .contactbox__content:has(.contactbox__titles):has(.contactbox__actions):has(address) .contactbox__titles{grid-column:1/-1}.contactbox--eyecatcher .contactbox__content:has(.contactbox__actions){grid-template-columns:1fr 1fr;align-items:center;display:grid}.contactbox--eyecatcher .contactbox__content:has(.contactbox__actions):has(address) .contactbox__actions{grid-area:1/2/span 2/span 1}}@media screen{.container .contactbox,.container-slim .contactbox,.container-wide .contactbox{margin-left:calc(var(--container-px)*-1 + var(--header-px));margin-right:calc(var(--container-px)*-1 + var(--header-px))}}
