.row:has(div>.shape-behind){background-color:rgba(0,0,0,0)}.shape-behind{--shape-left: 0;position:absolute;width:var(--shape-width, 14.5rem);inset:0;height:100%;background-color:var(--shape-behind, var(--blue-800));z-index:-1;left:var(--shape-left, 0px);clip-path:url(#volkelShape);translate:1px 0}@media(max-width: 767px){.shape-behind{--shape-left: -10rem}}.shape-behind.right{transform:scale(-1, 1);translate:-1px 0;left:unset;right:var(--shape-left, 0px)}div:has(>.shape-behind.right){padding-left:0;padding-right:var(--shape-padding-side, 8rem)}div:has(>.shape-behind.right):before{left:unset;right:calc(var(--shape-width, 14.5rem) + var(--shape-left, 0px))}div:has(>.shape-behind){--shape-padding-side: 8rem;padding-left:var(--shape-padding-side, 8rem);position:relative}@media(max-width: 767px){div:has(>.shape-behind){--shape-left: -10rem;--shape-padding-left: 0}}div:has(>.shape-behind):before{content:"";position:absolute;width:calc(100% - var(--shape-width, 14.5rem) + var(--space-to-screen) - var(--shape-left, 0px));height:100%;background-color:var(--shape-behind, var(--blue-800));z-index:-1;inset:0;left:calc(var(--shape-width, 14.5rem) + var(--shape-left, 0px))}
