.hero{margin-top:34px;position:relative}.hero .container{border-radius:15px}.hero .content{display:flex;flex-direction:column;gap:32px;position:static}.hero__item{background-image:url(https://www.phocus-direct.de/hubfs/pdc-2025/hero-blur-mobile.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:100% auto;border-radius:15px;padding-bottom:0;padding-top:64px;position:relative}.hero__content{max-width:528px}.hero__content h2{font-size:40px;font-weight:900;line-height:48px;margin-bottom:20px}.hero__content h2 span{display:block;font-size:80px;line-height:96px}.hero__content p{margin-bottom:48px}.hero .container .hero__item{display:flex;flex-direction:column}.hero .container .hero__item>.hero__img{align-self:flex-end;aspect-ratio:900/734;border-radius:0 0 15px 0;height:auto;margin-top:32px;object-fit:contain;object-position:bottom right;order:2;position:static;width:88%}.hero__txts{position:static}.hero__slogan{font-size:24px;font-weight:900;left:6%;line-height:34px;position:absolute;top:64px}.hero__person{bottom:32px;color:#fff;left:6%;position:absolute;text-shadow:0 1px 3px rgba(0,0,0,.45);width:200px}.hero__name{font-weight:700}.hero .hero__next{display:none}@media (min-width:768px){.hero .content{flex-direction:row}.hero .container .hero__item{background-image:url(https://www.phocus-direct.de/hubfs/pdc-2025/blur.png);background-size:auto 100%;border-radius:0 0 15px 15px;display:flex;flex-direction:column;justify-content:flex-end;min-height:calc(200.8px + 40vw);padding-bottom:80px;padding-top:96px}.hero__content{max-width:528px;width:42%}.hero .container .hero__item>.hero__img{aspect-ratio:900/734;bottom:0;height:auto;margin-top:0;max-height:calc(100% - 64px);max-width:900px;position:absolute;right:0;width:65%}.hero__person{bottom:80px;left:auto;right:6%;text-align:right}.hero .hero__next{animation:hero-pfeil 3s ease-in-out infinite;background:none;border:0;bottom:92px;cursor:pointer;display:block;left:50%;position:absolute;transform:translate(-50%);transition:bottom .5s;z-index:1}.hero .hero__next:hover{bottom:90px}}@media (min-width:1200px){.hero__content{width:46%}.hero__content h2{font-size:77px;line-height:92px;margin-bottom:48px}.hero__content h2 span{display:block;font-size:200px;line-height:155px}}@media (min-width:1440px){.hero .container .hero__item{min-height:777px}.hero__slogan{font-size:32px;line-height:42px;top:206px}}@keyframes hero-pfeil{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.hero .hero__next{animation:none}}