/* Site chrome only; catalog and request dialog are unchanged. */
html{scroll-padding-top:110px}
.vl-header-space{height:86px}
.site-header.vario-centered-header.vl-header-fixed{position:fixed!important;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1600px;margin:0!important;z-index:1200;background:#e8e9e6;box-sizing:border-box;border-bottom:1px solid #c9ceca;transition:min-height .22s ease,padding .22s ease,box-shadow .22s ease}
.vl-header-fixed>.brand{transition:width .22s ease,height .22s ease}
.site-header.vario-centered-header.vl-header-compact{min-height:64px;padding-top:8px;padding-bottom:8px;box-shadow:0 3px 18px #171c1a18}
.vl-header-compact>.brand{width:148px;height:32.43px}
.site-header.vl-header-fixed>.site-nav{z-index:1210;max-height:calc(100dvh - 106px)}
.site-header.vl-header-compact>.site-nav{max-height:calc(100dvh - 80px)}
.site-footer.vl-footer{display:grid!important;grid-template-columns:110px minmax(180px,1.2fr) minmax(180px,1fr) minmax(130px,.8fr) minmax(220px,1.2fr);align-items:start!important;gap:32px!important;max-width:none!important;margin:0!important;padding:52px max(32px,calc((100% - 1536px)/2)) 58px!important;border-top:0!important;background:#252c2e!important;color:#f0f1eb!important;font-size:14px;line-height:1.6;text-align:left!important}
.vl-footer .vario-footer-controls{grid-column:1;grid-row:1;margin:3px 0 0!important;justify-self:start}
.vl-footer-brand{grid-column:2}.vl-footer-nav,.vl-footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.vl-footer-brand>.brand{display:inline-block!important;margin:0 0 10px!important;color:#f0f1eb!important;font-size:28px!important;line-height:1.2!important;letter-spacing:-1px}
.vl-footer p{margin:0 0 12px!important;color:#cbd2ce!important;max-width:280px}
.vl-footer h2{font:600 15px/1.4 Arial,sans-serif!important;color:#f0f1eb!important;margin:0 0 8px!important;text-align:left!important}
.vl-footer a{color:#e7eae4!important;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.vl-footer a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff!important}
.vl-footer a:focus-visible{outline:3px solid #d8ba76;outline-offset:5px;border-radius:2px}
.vl-footer .vl-footer-cta{display:inline-flex;align-items:center;gap:20px;margin-top:8px;padding:10px 0;border-bottom:1px solid #929f99}
.vl-footer .vl-footer-note{font-size:12px;line-height:1.6;margin-top:-6px!important}
.site-footer.vl-footer #vario-currency-compact.currency-pill{border-color:#697571!important;background:#303b3b!important}
.site-footer.vl-footer #vario-currency-compact.currency-pill button{color:#d1d8d1!important;background:#303b3b!important}
.site-footer.vl-footer #vario-currency-compact.currency-pill button+button{border-color:#697571!important}
.site-footer.vl-footer #vario-currency-compact.currency-pill button[aria-pressed="true"]{background:#e8ece5!important;color:#202929!important}
.site-footer.vl-footer #vario-currency-compact.currency-pill button:hover{background:#495956!important;color:#fff!important}
.site-footer.vl-footer #vario-currency-compact.currency-pill button:focus-visible{outline-color:#d8ba76!important}
@media(max-width:1100px){.site-footer.vl-footer{grid-template-columns:100px repeat(2,minmax(0,1fr));gap:30px!important}.vl-footer-brand{grid-column:2}.vl-footer-nav{grid-column:auto}.vl-footer-contact{grid-column:3}}
@media(max-width:600px){html{scroll-padding-top:128px}.vl-header-space{height:112px}.site-header.vario-centered-header.vl-header-compact{min-height:88px;gap:4px;padding-top:6px;padding-bottom:6px}.vl-header-compact>.brand{width:112px;height:24.54px}.site-header.vl-header-fixed>.site-nav{max-height:calc(100dvh - 132px)}.site-header.vl-header-compact>.site-nav{max-height:calc(100dvh - 106px)}.site-footer.vl-footer{grid-template-columns:1fr 1fr;gap:30px 20px!important;padding:32px 22px 38px!important}.vl-footer .vario-footer-controls{grid-column:1/-1;grid-row:auto;margin:0!important}.vl-footer-brand{grid-column:1/-1}.vl-footer-contact{grid-column:1/-1}.vl-footer-brand>.brand{font-size:30px!important}.vl-footer-nav a,.vl-footer-contact>a{display:inline-flex;align-items:center;min-height:34px}.vl-footer p{max-width:none}}
@media(prefers-reduced-motion:reduce){.site-header.vl-header-fixed,.vl-header-fixed>.brand{transition:none!important}}

.home-view .vtd-back .vtd-example{height:160px;max-width:100%;padding:8px;object-fit:contain;object-position:center;background:transparent;box-sizing:border-box}
