.branche-hero{display:flex;margin:var(--so-margin) 0}.branche-hero .branche-hero-content{background-color:var(--so-color-peach);border-radius:24px;flex:1;max-width:764px;padding:80px 96px;z-index:0}.branche-hero .overline{background-color:var(--so-color-sand);border-radius:8px;color:var(--so-color-marine);display:inline-block;font-size:16px;font-weight:500;letter-spacing:-2%;line-height:1.3;margin-bottom:16px;padding:4px 6px}.branche-hero figure{flex:1;margin-right:-80px;max-width:calc(50% + 80px);transform:rotate(-1deg)}.branche-hero figure img{border-radius:20px;height:100%;object-fit:cover;object-position:center;width:100%}.branche-hero .button-wrapper{margin-bottom:0}.branche-hero.image-right{flex-direction:row-reverse}.branche-hero.image-right .branche-hero-content{margin:24px 0}.branche-hero.image-right figure{margin-left:-80px;margin-right:0;transform:rotate(1deg)}.branche-hero.dark .branche-hero-content{background-color:var(--so-color-marine);color:var(--so-color-white)}.branche-hero.dark .branche-hero-content h1,.branche-hero.dark .branche-hero-content h2,.branche-hero.dark .branche-hero-content h3,.branche-hero.dark .branche-hero-content h4,.branche-hero.dark .branche-hero-content h5,.branche-hero.dark .branche-hero-content h6{color:var(--so-color-white)}.branche-hero.dark .overline{background-color:var(--so-color-mauve)}@media screen and (max-width:1024px){.branche-hero .branche-hero-content{padding:40px 48px}}@media screen and (max-width:868px){.branche-hero{margin-top:0}}@media screen and (max-width:768px){.branche-hero{flex-direction:column-reverse!important}.branche-hero .branche-hero-content{margin:0 0 -40px!important;padding:16px}.branche-hero figure{aspect-ratio:1/1;margin-left:unset!important;max-width:100%;transform:rotate(0deg)!important}}