/* SV Botanica — German locale overrides (/de/, DACH). Load LAST in <head>:
   <link rel="stylesheet" href="/css/german.css">
   German is Latin script: Jost (latin + latin-ext) and Playfair Display cover
   ä ö ü ß fully, so no font swap is needed. What differs is width: German UI
   labels run long ("Angebot anfordern", "Zertifizierungen") and compound nouns
   ("Mariendistelfrüchte-Trockenextrakt") do not break, so nav items must not
   wrap and headings need hyphenation. Cloned from spanish.css 2026-10-25. */
.nav-links>a,.nav-cta,.mob-cta{white-space:nowrap}
.nav-links{gap:1.1rem}
@media (min-width:1024px) and (max-width:1180px){.nav-links>a{font-size:.86rem}}
/* German compounds: let long words hyphenate instead of overflowing */
.hero h1,.sh,h3,.fv,td{hyphens:auto;-webkit-hyphens:auto}
/* German headlines are longer; keep hero h1 from overflowing its column */
.hero h1{overflow-wrap:anywhere}

/* skip-to-content link (2026-09-05) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:5000;background:#3D4A1E;color:#F0EDD5;padding:.6rem 1rem;font-size:14px;border-radius:0 0 6px 0;text-decoration:none}.skip-link:focus{left:0;outline:2px solid #CFB055}

/* consent bar (2026-09-05) */
#svb-cc{position:fixed;left:0;right:0;bottom:0;z-index:4000;background:#3D4A1E;color:#F0EDD5;font-family:'Jost','Be Vietnam Pro','Noto Sans Thai',sans-serif;font-size:13.5px;line-height:1.5;padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;box-shadow:0 -6px 24px rgba(0,0,0,.25)}#svb-cc p{margin:0;max-width:640px}#svb-cc a{color:#CFB055;text-decoration:underline}#svb-cc div{display:flex;gap:8px}#svb-cc button{font:inherit;font-size:12.5px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:8px 14px}#svb-cc-no{background:transparent;color:#F0EDD5;border:1px solid rgba(240,237,213,.6)}#svb-cc-yes{background:#CFB055;color:#3D4A1E;border:1px solid #CFB055;font-weight:600}@media(max-width:600px){#svb-cc{font-size:12.5px;padding:10px 14px}}

/* Impressum (/de/impressum) */
.intro.legal .intro-inner { text-align: left; }
.intro.legal h2 { font-size: 1.15rem; margin: 1.8rem 0 .5rem; }
.intro.legal h2:first-child { margin-top: 0; }
.intro.legal p { margin: 0 0 .6rem; }

/* Datenschutz: consent reset button (2026-10-26) */
.intro.legal #svb-cc-reset{font:inherit;font-size:13px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:10px 18px;background:#3D4A1E;color:#F0EDD5;border:1px solid #3D4A1E}.intro.legal #svb-cc-reset:hover{background:#2c3615}.intro.legal #svb-cc-reset-msg{margin-left:10px;font-size:.92em}

/* German nav is wider than the English one (2026-10-26): drop the inline search below 1200px so the bar never overflows; the catalogue page keeps its own search */
@media (max-width:1200px){.nav-links .nav-search{display:none}}
@media (max-width:960px){.nav-links{display:none!important}.nav-hamburger{display:flex!important}}

/* 2026-10-26 pre-deploy audit: long German compounds ("Pflanzenschutzmittelrückständen") floored the
   two-column .three-col grid product.css keeps on phones, pushing product pages 56px past 375px. */
.three-col>*{min-width:0;overflow-wrap:break-word}
@media(max-width:600px){.three-col{grid-template-columns:minmax(0,1fr)}}
/* same audit: a single long compound in a heading ("Bockshornkleesamen-Extrakt") must wrap, not overflow */
h1,h2,h3,h4,p,li,td,th,dd,dt,a{overflow-wrap:break-word}