/* Generated by build.mjs for /de/ pages. Don't edit: change the sources named below. */
/* ===== src/i18n/de/locale.css ===== */
/* German (/de/) fixes, added to assets/i18n/de.css by the build (German pages only). */
/* German compounds ("Marketingverantwortlichen", "Bewertungsrichtlinie") can be wider than a phone column, or a card,
   at heading sizes. Let headings hyphenate (German dictionary via lang="de"), but only long words (14+ letters, 12+ on
   phones, where the eyebrows do the same), so short ones never split; a word breaks unhyphenated only as a last resort, so nothing pushes the page wider
   than the screen. */
h1,h2,h3,.statement{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:14 6 5;overflow-wrap:break-word}
@media (max-width:700px){h1,h2,h3,.statement,.eyebrow{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 4;overflow-wrap:break-word}}
/* "Reputation you can measure" on the homepage: on desktop the stat columns are narrow, and the German "1 Fingertipp"
   ("1 tap") is wider than its bar at the English size. Smaller figures in every bar, so the four stay alike. */
@media (min-width:1024px){.rc-stat b{font-size:28px}.rc-bar.is-open .rc-stat b{font-size:clamp(40px,3.4vw,48px)}}
/* Long compounds in the small stat labels ("Bewertungsportale", "standardmäßig", "Durchschnitt") hyphenate rather than
   run out of their bar or tile. */
.case-bar span,.rc-stat span,.stat-label,.rstats span{-webkit-hyphens:auto;hyphens:auto}
/* Pricing, SEO / GEO band: "Wöchentlich" ("Weekly") is wider than its tile at the English figure size. */
.split-facts b{font-size:clamp(22px,2.2vw,28px)}
/* Offer mocks: "Willkommensgeschenk" beside the "Sofort-Einlösung" pill is wider than a phone column on one line, so
   the pill may drop under the label. */
.row:has(> .phone-head){flex-wrap:wrap;row-gap:6px}
/* Pricing: "Unbegrenzt" and its "Bewertungen" label side by side are wider than the Premium Plus card's text column,
   which pushed the card's content into its right padding; the label may drop under the word instead. */
.plan-price.is-word{flex-wrap:wrap;row-gap:6px}
/* Announcement bar: the whole German message is wider than the bar just above 860px, where the long part starts to
   show, so it keeps the short one up to 900px. */
@media (max-width:900px){.announce .msg-long{display:none}}