.ribbon-headline{--font-size:calc(18/var(--base)*1rem);--padding-start:0px;--padding-end:20px;color:rgb(var(--color-white));display:-ms-flexbox;display:flex}.ribbon-headline h2{color:currentColor;font-family:var(--secondary-font-family);font-size:var(--font-size);margin-bottom:0;max-width:85%;position:relative}.ribbon-headline h2:after,.ribbon-headline h2:before{content:"";height:100%;position:absolute;top:0}.ribbon-headline h2:before{width:50vw}.ribbon-headline h2,.ribbon-headline h2:after,.ribbon-headline h2:before{background:rgba(var(--color-primary))}.ribbon-headline--position-left h2{border-radius:0 8px 8px 0;padding:12px var(--padding-end) 12px var(--padding-start)}.ribbon-headline--position-left h2:before{right:100%}.ribbon-headline--position-right{-ms-flex-pack:end;justify-content:flex-end}.ribbon-headline--position-right h2{border-radius:8px 0 0 8px;padding:12px var(--padding-start) 12px var(--padding-end)}.ribbon-headline--position-right h2:before{left:100%}.ribbon-headline--position-center{-ms-flex-pack:center;justify-content:center}.ribbon-headline--position-center h2{border-radius:8px;padding:12px var(--padding-end) 12px var(--padding-end)}.ribbon-headline--position-center h2:before{display:none}.ribbon-headline--full-width h2{border-radius:0}.ribbon-headline--full-width h2:before{display:block;right:100%}.ribbon-headline--full-width h2:after{left:100%;width:100%}.ribbon-headline--text-dark{color:rgb(var(--color-text))}@media(min-width:992px){.ribbon-headline{--font-size:calc(32/var(--base)*1rem);--padding-end:35px;--padding-start:0}}