.hs_cos_wrapper:has(>.contact){display:flow-root}.contact{margin:var(--pd-space-module) 0}.contact .container{background-color:var(--pd-grey);background-image:url(https://www.phocus-direct.de/hubfs/pdc-2025/contact-grad-mobile.png);background-position:bottom;background-repeat:no-repeat;background-size:100% min(calc(62vw + 64px),404px);border-radius:var(--pd-radius-box);display:flex;flex-direction:column-reverse;position:relative}.contact .container.container--dark{background-image:var(--pd-gradient-dark-s);background-size:auto}.contact .container.container--dark h2{-webkit-text-fill-color:var(--pd-white)}.contact .container.container--dark p{color:var(--pd-white)}.contact .content{padding-bottom:32px;padding-top:32px}.contact .content .btn{text-align:center;width:100%}.contact__txt{position:relative}.contact__txt h2,.contact__txt p{margin-bottom:24px}.contact__img{align-self:flex-end;border-radius:0 0 var(--pd-radius-box) 0;height:auto;max-width:100%;width:min(62vw,340px)}.contact__person{color:var(--pd-white);font-size:16px;line-height:24px}.contact__name{font-weight:700}.contact__person--mob{bottom:48px;left:6%;position:absolute}.contact__person--desk{display:none}@media (min-width:600px){.contact__txt{max-width:442px}.contact .content .btn{width:auto}}@media (min-width:768px){.contact .container{background-image:url(https://www.phocus-direct.de/hubfs/pdc-2025/contact-blur.png);background-position:100% 100%;background-size:auto 100%;flex-direction:row}.contact .container.container--dark{background-image:var(--pd-gradient-dark)}.contact .content{align-items:flex-end;display:flex;justify-content:space-between;padding-bottom:64px;padding-top:64px}.contact__txt{max-width:48%}.contact__img{align-self:auto;bottom:0;max-height:calc(100% - 20px);max-width:52%;position:absolute;right:0;width:auto}.contact__person--mob{display:none}.contact__person--desk{display:block}}@media (min-width:1024px){.contact .content{padding-bottom:170px;padding-top:170px}.contact__txt{align-content:start;display:grid;max-width:442px}.contact__txt>.tagline,.contact__txt>h2{grid-area:1/1}.contact__txt>.tagline{align-self:start;justify-self:start;left:0;margin:0 0 calc(101px + var(--pd-space-xs));position:relative;top:10px}.contact__txt h2{align-self:start;margin-bottom:var(--pd-space-xs);padding-left:48px}.contact__txt>p{grid-row:2;margin-top:0}.contact__txt>.btn{grid-row:3;justify-self:start}.contact__img{max-width:none}}@media (min-width:1200px){.contact .content{gap:20px;justify-content:flex-start}}@media (min-width:1280px){.contact .content{gap:80px}}@media (min-width:1360px){.contact .content{gap:140px}}@media (min-width:1440px){.contact .content{gap:182px}}