/* German compounds need more room while the three campaign styles stay distinct. */
html[lang=de] h1,html[lang=de] h2{overflow-wrap:anywhere;hyphens:auto}
html[lang=de] .product-buy h1{font-size:clamp(34px,3.7vw,56px);line-height:1.08}
html[lang=de] .theme-boom .product-buy h1{font-size:clamp(31px,3.3vw,48px);overflow-wrap:normal;hyphens:none}
html[lang=de] .campaign-hero h1{font-size:clamp(38px,5.2vw,76px);overflow-wrap:normal;hyphens:none}
html[lang=de] .flavor span{font-size:clamp(12px,1.05vw,15px);overflow-wrap:anywhere;hyphens:auto}
html[lang=de] .restock-copy{min-width:0}
html[lang=de] .restock-copy h2{font-size:clamp(34px,4vw,54px)}
html[lang=de] .discount{flex-wrap:wrap}
html[lang=de] .discount span{min-width:120px;flex:1}
html[lang=de] .restock-art>span{font-size:clamp(20px,2.4vw,30px);overflow-wrap:anywhere;hyphens:auto}
html[lang=de] .consent-copy{overflow-wrap:anywhere}
@media(max-width:600px){html[lang=de] .campaign-hero h1{font-size:clamp(32px,8.8vw,51px)}html[lang=de] .discount{align-items:flex-start;flex-direction:column;gap:8px}html[lang=de] .discount span{min-width:0}html[lang=de] .restock-copy{padding:34px 24px 24px}}
html[lang=de] .taste-art,html[lang=de] .taste-content{min-width:0}html[lang=de] .taste-tabs>button{min-width:0}html[lang=de] .taste-tabs span{overflow-wrap:anywhere;hyphens:auto}html[lang=de] .taste-description h3{overflow-wrap:anywhere;hyphens:auto}html[lang=de] .language-control select{width:95px;max-width:95px}html[lang=de] .locale-control:not(.language-control) select{width:180px;max-width:180px}
@media(max-width:600px){html[lang=de] header:has(.language-control) .logo{width:65px}html[lang=de] .locale-control:not(.language-control) select{width:160px;max-width:160px}html[lang=de] .language-control select{width:90px;max-width:90px}}
html[lang=de] h1,html[lang=de] h2{overflow-wrap:normal;hyphens:manual}html[lang=de] .theme-psyllium .product-buy h1{font-size:clamp(34px,3.25vw,48px)}html[lang=de] .restock-art>span{font-size:22px;overflow-wrap:normal;hyphens:none}html[lang=de] .language-control select{width:105px;max-width:105px}
html[lang=de] header nav{font-size:16px;gap:18px}html[lang=de] header nav a{white-space:nowrap}html[lang=de] .campaign-hero h1{hyphens:none}
html[lang=de] header nav a{font-size:16px}
