/* German / French pages: longer words and sentences. Lets one-line English labels wrap and hyphenate instead of overflowing. Loaded only on /de/ and /fr/. */
html:is([lang="de"],[lang="fr"]) body{overflow-wrap:break-word; hyphens:auto; -webkit-hyphens:auto}
html:is([lang="de"],[lang="fr"]) :is(h1,h2,h3,h4,h5,p,li,dt,dd,strong,em,b,small,label,summary,figcaption,td,th){white-space:normal!important}
html:is([lang="de"],[lang="fr"]) span:not([class*="__ico"]):not([class*="icon"]):not([class*="arrow"]){white-space:normal!important}
html:is([lang="de"],[lang="fr"]) :is(h1,h2,h3){hyphens:manual; -webkit-hyphens:manual}
/* longer languages: main heading a step smaller so it stays on 2 lines */
@media (min-width:961px){html:is([lang="de"],[lang="fr"]) :is(.bgx-sv__h1,.bgx-ab__h1,.bgx-in__h1,.bgx-pc__h1,.bgx-sp__h1,.bgx-ct__h1,.bgx-cr__h1,.bgx-ma__h){font-size:clamp(30px,3.1vw,41px)!important}}
html:is([lang="de"],[lang="fr"]) .bgx-sv__head2{grid-template-columns:minmax(0,1fr) minmax(280px,480px)!important}
@media (max-width:960px){html:is([lang="de"],[lang="fr"]) .bgx-sv__head2{grid-template-columns:1fr!important}}
/* card tables: short titles and labels reserve two lines, so 1-line and 2-line titles sit level and the texts below start on one line */
@media (min-width:1024px){html:is([lang="de"],[lang="fr"]) :is(.bgx-sv__step h3,.bgx-sol__card h3,.bgx-sv__stats li>span,.bgx-wl__stat span:not(.bgx-wl__ico):not(:has(*)),.bgx-as__tiles b,.bgx-sp__fact>span,.bgx-sv__proof span,.bgx-as__snum,.bgx-as__roles h3){min-height:2lh}}
html:is([lang="de"],[lang="fr"]) :is(.bgx-sv__btn,.bgx-cta__btn,.bgx-ex__btn,.bgx-sc__btn,.bgx-hs__btn,.bgx-wl__btn){white-space:normal; text-align:left; max-width:100%}