/* Locally hosted Manrope, SIL OFL 1.1. License: assets/fonts/manrope/OFL.txt */
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/manrope/manrope-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/manrope/manrope-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/manrope/manrope-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/manrope/manrope-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/manrope/manrope-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/assets/fonts/manrope/manrope-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Only information/UI variables change. Display/script families stay untouched. */
:root,.detail-shell{
  --font-text:"Manrope","Segoe UI",Arial,sans-serif;
  --body:var(--font-text)!important;
  --tech:var(--font-text)!important;
  --msk-nav-body:var(--font-text)!important;
}
body,button,input,select,textarea{font-family:var(--font-text)}
.water-compare__divider span{font-family:var(--font-text)}
/* V10.64: contain the original logo within the compact navigation row. */
.topbar .topbar-shell,.topbar.is-journey .topbar-shell,.detail-top__shell{
 min-height:76px!important;align-content:center!important;grid-template-rows:minmax(60px,auto)!important;padding-block:7px!important;
}
.topbar .topbrand,.detail-top--site .detail-brand{
 height:60px!important;min-height:0!important;gap:12px!important;
}
.topbar .topbrand-mark,.detail-top--site .detail-brand__mark{
 position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:68px!important;height:60px!important;flex:0 0 68px!important;
 padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important;
}
.topbar .topbrand img,.detail-top--site .detail-brand__mark img{
 position:static!important;transform:none!important;
 width:auto!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;
 filter:drop-shadow(0 0 .7px #fff0d2) drop-shadow(0 0 1.1px #bda477)!important;
}
.topbar .topbrand-copy,.detail-top.detail-top--site .detail-brand__copy{display:flex!important;gap:6px!important}
.topbar .topbrand-copy strong,.detail-top--site .detail-brand__copy strong{
 font-family:var(--font-text)!important;font-weight:700!important;font-size:19px!important;line-height:1.15!important;letter-spacing:0!important;text-transform:none!important;
}
.topbar .topbrand-copy em,.detail-top--site .detail-brand__copy em{
 display:block!important;font-family:var(--font-text)!important;font-weight:500!important;font-size:10px!important;line-height:1.3!important;letter-spacing:.09em!important;
}
.topnav a,.detail-world-nav a,.topbar-cta,.detail-contact-cta{font-weight:700!important}
.detail-shell{padding-top:110px!important}
html{scroll-padding-top:110px!important}
.detail-shell :is(section,[id]){scroll-margin-top:110px!important}
.legal-header__inner{flex-wrap:wrap}
.legal-header{padding-block:9px}
.legal-brand img{width:72px;height:auto;flex:0 0 72px;object-fit:contain;filter:drop-shadow(0 0 .7px #fff0d2) drop-shadow(0 0 1.1px #bda477)}
.legal-brand span,.legal-brand strong{font-family:var(--font-text);font-weight:700}
.legal-brand small{font-family:var(--font-text);font-weight:500}
@media(min-width:768px) and (max-width:1399px){
 .topbar .topbar-shell,.topbar.is-journey .topbar-shell,.detail-top__shell{
  grid-template-columns:minmax(260px,1fr) 42px minmax(100px,200px) auto 42px!important;grid-template-rows:60px!important;gap:7px!important;padding:7px 9px!important;min-height:76px!important;
 }
 .topbar .topbrand,.detail-top--site .detail-brand{grid-column:1!important;grid-row:1!important;width:auto!important;gap:8px!important}
 .topbar .topbrand-mark,.detail-top--site .detail-brand__mark{width:68px!important;flex-basis:68px!important}
 .topbar .topbrand-copy strong,.detail-top--site .detail-brand__copy strong{font-size:17px!important}
 .topbar .topbar-shell>.msk-language-switch,.detail-top__shell>.msk-language-switch{grid-column:2!important;grid-row:1!important}
 .topbar .topbar-shell>.site-search-bar,.detail-top__shell>.site-search-bar{grid-column:3!important;grid-row:1!important}
 .topbar .topbar-cta,.detail-top--site .detail-contact-cta{grid-column:4!important;grid-row:1!important}
 .mobile-menu-toggle{grid-column:5!important;grid-row:1!important;width:42px!important;height:42px!important}
 .topbar .topnav,.detail-top--site .detail-world-nav{max-height:calc(100svh - 104px)!important}
}
@media(max-width:767px){
 .topbar .topbar-shell,.topbar.is-journey .topbar-shell,.detail-top__shell{
  grid-template-columns:36px 36px minmax(0,1fr) auto 36px!important;grid-template-rows:52px 36px!important;gap:6px!important;padding:7px 9px!important;min-height:0!important;
 }
 .topbar .topbrand,.detail-top--site .detail-brand{grid-column:1/5!important;grid-row:1!important;width:auto!important;height:52px!important;gap:8px!important}
 .topbar .topbrand-mark,.detail-top--site .detail-brand__mark{width:70px!important;height:52px!important;flex-basis:70px!important}
 .topbar .topbrand-copy strong,.detail-top--site .detail-brand__copy strong{font-size:17px!important}
 .topbar .topbar-shell>.msk-language-switch,.detail-top__shell>.msk-language-switch{grid-column:1!important;grid-row:2!important}
 .topbar .topbar-shell>.site-search-bar,.detail-top__shell>.site-search-bar{grid-column:2/4!important;grid-row:2!important;height:36px!important}
 .site-search-bar button,.msk-language-trigger{width:36px!important;height:36px!important}
 .topbar .topbar-cta,.detail-top--site .detail-contact-cta{grid-column:4/6!important;grid-row:2!important;min-height:36px!important}
 .mobile-menu-toggle{grid-column:5!important;grid-row:1!important;width:36px!important;height:36px!important}
 .topbar .topnav,.detail-top--site .detail-world-nav{max-height:calc(100svh - 140px)!important}
 .detail-shell{padding-top:128px!important}
 html{scroll-padding-top:128px!important}
 .detail-shell :is(section,[id]){scroll-margin-top:128px!important}
}
@media(max-width:420px){
 .topbar .topbar-shell,.topbar.is-journey .topbar-shell,.detail-top__shell{grid-template-rows:48px 34px!important;padding:6px 7px!important;gap:5px!important}
 .topbar .topbrand,.detail-top--site .detail-brand{height:48px!important;gap:6px!important}
 .topbar .topbrand-mark,.detail-top--site .detail-brand__mark{width:64px!important;height:48px!important;flex-basis:64px!important}
 .topbar .topbrand-copy strong,.detail-top--site .detail-brand__copy strong{font-size:14px!important}
 .topbar .topbrand-copy em,.detail-top--site .detail-brand__copy em{font-size:8px!important;letter-spacing:.04em!important}
 .topbar .topbar-shell>.site-search-bar,.detail-top__shell>.site-search-bar{height:34px!important}
 .site-search-bar button,.msk-language-trigger{height:34px!important}
 .topbar .topbar-cta,.detail-top--site .detail-contact-cta{min-height:34px!important}
 .legal-brand img{width:60px;flex-basis:60px}
}
/* Unpublished older source documents have no mobile-menu component. */
@media(max-width:1399px){
 .topbar .topbar-shell:not(:has(.mobile-menu-toggle)),.detail-top__shell:not(:has(.mobile-menu-toggle)){grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important}
 .topbar-shell:not(:has(.mobile-menu-toggle)) .topbrand,.detail-top__shell:not(:has(.mobile-menu-toggle)) .detail-brand{grid-column:1/-1!important;grid-row:1!important}
 .topbar-shell:not(:has(.mobile-menu-toggle)) .topbrand-copy em{white-space:normal!important}
 .topbar-shell:not(:has(.mobile-menu-toggle))>.site-search-bar,.detail-top__shell:not(:has(.mobile-menu-toggle))>.site-search-bar{grid-column:1!important;grid-row:2!important}
 .topbar-shell:not(:has(.mobile-menu-toggle))>.topbar-cta,.detail-top__shell:not(:has(.mobile-menu-toggle))>.detail-contact-cta{grid-column:2!important;grid-row:2!important}
 .topbar-shell:not(:has(.mobile-menu-toggle))>.topnav,.detail-top__shell:not(:has(.mobile-menu-toggle))>.detail-world-nav{grid-column:1/-1!important;grid-row:3!important;position:static!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;width:100%!important}
}

/* V10.62: factual card headings are UI, not emotional display titles.
   Hero headings, section displays, "Der Weg des Wassers" and process displays
   such as "Sichtprüfung" deliberately retain their serif selectors. */
:is(.fact,.service-compass__grid>a,.about-proof-grid article,.about-origin__principles,.certificate-card) strong,
.repair-help-grid h3,.repair-help-safe strong,.repair-rights strong,
.repair-tech-profile__list h3,.repair-descaler__steps li strong,
.repair-descaler__cards strong,.repair-descaler__preflight-grid strong,.repair-descaler__chemistry-grid strong,
.repair-descaler__guide-end strong,.repair-descaler__workshop strong,
.water-guidance__cards h4,.water-tool-grid h3,.water-cycle-result>strong,
.water-measure-counter strong,.water-measure-result strong,.water-scale-readout strong,
.vde-law-readout strong,.vde-complete-badge strong,.vde-fact-grid .fact strong,.legal-update strong,
.lean-contact-action h3,.lean-contact-methods a,.vde-stat strong{
  font-family:var(--font-text)!important;font-weight:600!important;
}
.repair-steps article>span,.repair-process b,.repair-descaler__cards span,
.repair-descaler__preflight-grid article>span,.repair-descaler__chemistry-grid article>span,
.repair-descaler__steps li b,.about-origin__principles span{
  font-family:var(--font-text)!important;font-weight:700!important;
}
/* Small factual subheads found by the rendered-page audit. */
.brand-quicklink strong,.vde-field-label strong,.msk-about__principles strong,
.world--water .world-interact__answer strong,
.repair-record-grid strong,.repair-descaler__identify-grid strong,
.repair-descaler__identify-verdict strong,.repair-descaler__acid-grid h5,
.repair-descaler__acid-materials strong,.repair-descaler__acid-verdict strong,
.legal-box>h3,#calendar.card h2,#calendar h2{
 font-family:var(--font-text)!important;font-weight:600!important;
}
.repair-record-grid article>span,.repair-descaler__identify-grid article>span{font-family:var(--font-text)!important;font-weight:700!important}

[data-tune-values]{font-family:var(--font-text)!important}