/* Stable icon geometry: no font glyph baselines or moving button bounds. */
.brand .brand-wordmark{display:grid;justify-items:start;text-align:left}
.brand .brand-wordmark>span{padding-left:0}
.brand .brand-wordmark>small{padding-left:0;text-align:left;font-size:10px;letter-spacing:.22em;margin-top:7px}
#site-header .brand .brand-wordmark>small{font-size:10px!important;letter-spacing:.18em;margin-top:7px}
#languageToggle,#languagePicker.open #languageToggle{transform:none}
#languageToggle .language-chevron{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;line-height:1;transform-origin:50% 50%;transition:transform .28s cubic-bezier(.22,.61,.36,1)}
#languageToggle .language-chevron svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#languageMenu .language-globe-icon{width:24px;height:24px;fill:currentColor;stroke:none}
#languageMenu .settings-person{width:24px;height:24px;stroke-width:1.7}
.efficiency-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.efficiency-comparison article{padding:24px;background:#f0f3ed;border-top:2px solid #1b3a2a}
main#inhalt .efficiency-comparison h3{margin:0 0 20px!important;font-size:23px}
.efficiency-comparison dl{margin:0}.efficiency-comparison dt{font-size:13px;margin:18px 0 6px;color:#53634f;overflow-wrap:anywhere}.efficiency-comparison dd{margin:0;font-size:23px;font-weight:500}
main#inhalt .article-source{font-size:13px;color:#53634f;margin-top:28px}
@media(max-width:600px){.efficiency-comparison{grid-template-columns:1fr;gap:14px}}
/* Touch screens keep the reveal, using transforms rather than resizing images. */
@media(max-width:1024px),(pointer:coarse){
 html:not(.reduce-motion) main .signature-opening{height:160svh;--journey:0}
 html:not(.reduce-motion) main .signature-stage{position:sticky;top:var(--header);height:calc(100svh - var(--header));min-height:0;padding:0;overflow:hidden}
 html:not(.reduce-motion) main .signature-title{position:absolute;top:5%;left:6%;right:6%;margin:0;transform:translate3d(0,calc(var(--journey)*-60px),0);opacity:calc(1 - var(--journey)*2)}
 html:not(.reduce-motion) main .signature-title h1{font-size:clamp(34px,8.4vw,58px);line-height:1.08;margin-top:16px}
 html:not(.reduce-motion) main .signature-window{position:absolute;inset:0;width:100%;height:100%;transform:translate3d(0,calc(36% * (1 - var(--journey))),0);will-change:transform}
 html:not(.reduce-motion) main .signature-window-copy{bottom:11%;transform:translate3d(0,calc(-20svh * (1 - var(--journey))),0)}
 html:not(.reduce-motion) main .signature-window-copy>p{opacity:clamp(0,calc(var(--journey)*2),1);font-size:clamp(25px,5vw,38px)}
 html:not(.reduce-motion) main .signature-scroll{display:none}
}
@media(prefers-reduced-motion:reduce){
 #languageToggle .language-chevron{transition:none}
 html:not(.reduce-motion) main .signature-opening{height:auto}
 html:not(.reduce-motion) main .signature-stage{position:relative;height:auto;padding-top:36px;overflow:visible}
 html:not(.reduce-motion) main .signature-title{position:relative;inset:auto;margin:0 6% 30px;opacity:1;transform:none}
 html:not(.reduce-motion) main .signature-window{position:relative;inset:auto;height:68svh;transform:none;will-change:auto}
 html:not(.reduce-motion) main .signature-window-copy{transform:none}
 html:not(.reduce-motion) main .signature-window-copy>p{opacity:1}
}

@media(max-width:1024px),(pointer:coarse){main .signature-title,main .signature-window-copy{will-change:transform,opacity}main .signature-slides{contain:paint}main .signature-slides img{transition:opacity .3s ease!important}}