.preview-partners{padding:70px 0 55px;background:#fff;color:#222;text-align:center;overflow:hidden}.preview-partners .partner-heading{padding:0 24px;max-width:900px;margin:0 auto 38px}.preview-partners .partner-heading>p:first-child{font-size:16px;letter-spacing:.02em;margin:0 0 15px;color:#69645d}.preview-partners h2{font-size:clamp(30px,3.3vw,44px);line-height:1.15;margin:0 0 22px}.preview-partners .partner-heading>p:last-child{font-size:18px;line-height:1.6;color:#565656}.partner-window{max-width:1500px;margin:auto;overflow:hidden}.partner-track{display:flex;width:100%}.partner-set{list-style:none;padding:0 20px!important;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;flex-shrink:0}.partner-set li{width:190px;height:116px;padding:25px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ecebe8;border-radius:16px}.partner-set img{display:block;width:100%;height:100%;object-fit:contain;filter:none}.partner-copy{display:none!important}.partner-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:15px 30px;align-items:center;padding:28px 24px 0}.partner-actions a{font-size:16px;color:#45403b;text-decoration:underline;text-underline-offset:6px}.partner-pause{font:inherit;font-size:16px;min-height:44px;border:1px solid #b8b4ae;background:white;border-radius:28px;padding:10px 20px;color:#34312d;cursor:pointer}.partner-pause[hidden]{display:none}.partner-pause:hover{background:#f5f4f1}.partner-moving .partner-track{width:max-content;animation:partner-drift 42s linear infinite;animation-play-state:paused}.partner-moving.partner-visible:not(.partner-paused):not(:hover):not(:focus-within) .partner-track{animation-play-state:running}.partner-moving .partner-set{width:auto;flex-wrap:nowrap;padding:0 10px!important}.partner-moving .partner-copy{display:flex!important}@keyframes partner-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}.preview-comparison{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 28px;padding:24px 0 30px;margin:0 auto 25px;max-width:1408px;width:100%;flex-basis:100%;border-bottom:1px solid #92908a55;font-size:16px}.preview-comparison a{display:inline-block;padding:8px 0;text-decoration:underline;text-underline-offset:6px;font-size:16px}.preview-comparison span{font-size:16px;font-weight:600;padding:8px 0}.preview-partners :focus-visible{outline:2px solid #805c36;outline-offset:5px}@media(max-width:600px){.preview-partners{padding-top:48px}.partner-set{gap:12px}.partner-set li{width:calc(50% - 6px);height:95px;padding:20px}.partner-moving .partner-set li{width:170px}.partner-heading br{display:none}}@media(prefers-reduced-motion:reduce){.partner-moving .partner-track{animation:none;width:100%}.partner-moving .partner-set{width:100%;flex-wrap:wrap}.partner-moving .partner-copy{display:none!important}.partner-pause{display:none!important}}
.partner-set img[src$="logo-rueegg.png"],.partner-set img[src$="logo-brunner.png"],.partner-set img[src$="logo-schraeder.png"]{max-width:127px;max-height:51px}

/* Keep comparison navigation readable on every footer theme. */
.preview-comparison{background:#f5f4f0;color:#242424!important;border:1px solid #d8d5cf;border-radius:14px;padding:24px!important;gap:12px!important}.preview-comparison strong{width:100%;text-align:center;font-size:20px;font-weight:500;margin-bottom:9px}.preview-comparison a,.preview-comparison span{color:#242424!important;background:#fff;border:1px solid #c3bfb7;border-radius:25px;padding:10px 19px!important;text-decoration:none!important;min-height:44px}.preview-comparison span[aria-current]{color:#fff!important;background:#242424;border-color:#242424}.preview-comparison a:hover{background:#e6e2d9}.preview-comparison a:focus-visible{outline:3px solid #936a35;outline-offset:3px}

.preview-comparison .preview-index-link{flex-basis:100%;background:none;border:0;text-align:center;padding:0 0 15px!important;text-decoration:underline!important}

/* Dedicated edge navigation keeps the website header free. */
body.has-preview-rail{padding-right:60px}
.has-preview-rail>.site-header,.has-preview-rail>.masthead{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 #00000012}
html:has(.has-preview-rail){scroll-padding-top:160px}
.preview-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;gap:7px;padding:8px;isolation:isolate;font:400 16px/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif}
.preview-switch{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d6d2ca;border-radius:12px;background:#fff;color:#302d29;text-decoration:none;box-shadow:0 3px 14px #00000010}
.preview-number{font-size:16px;font-weight:600;position:relative;z-index:2}
.preview-switch[aria-current=page]{background:#302d29;color:#fff;border-color:#302d29}
.preview-label{position:absolute;right:calc(100% + 8px);white-space:nowrap;padding:13px 18px;background:#302d29;color:#fff;border-radius:12px;box-shadow:0 5px 24px #0002;font-size:16px;opacity:0;visibility:hidden;transform:translateX(12px);transition:opacity .2s,transform .25s,visibility .25s;pointer-events:none}
.preview-switch:hover .preview-label,.preview-switch:focus-visible .preview-label,.preview-switch.is-expanded .preview-label{opacity:1;visibility:visible;transform:translateX(0)}
.preview-switch:hover{border-color:#96764c}.preview-switch:focus-visible{outline:3px solid #96764c;outline-offset:2px}
@media(max-width:700px){body.has-preview-rail{padding-right:48px}.preview-rail{padding:2px;gap:4px}.preview-switch{border-radius:10px}.preview-label{padding:13px 12px;right:calc(100% + 4px)}}
@media(max-height:420px){.preview-rail{top:0;bottom:0;transform:none;justify-content:flex-start;overflow-y:auto;overflow-x:hidden}.preview-label{display:none}}
@media(prefers-reduced-motion:reduce){.preview-label{transition:none}}

/* Each navigation belongs to its design; branding scrolls out of the way. */
.has-preview-rail>.site-header,.has-preview-rail>.masthead{transition:top .28s ease,box-shadow .28s ease}
.has-preview-rail .main-nav>ul{margin-block:0}
.has-preview-rail .main-nav .nav-line>a{font-size:16px;min-height:44px;display:flex;align-items:center}
.design-1>.masthead{border-bottom:1px solid #b8bdb4;background:#fafaf7}.design-1 .navigation a{letter-spacing:.035em}.design-1 .navigation a:hover{color:#4d6559}
.design-2 .main-nav{background:#262522;color:#fff;border:0}.design-2 .main-nav .submenu{color:#262522}.design-2 .main-nav .nav-line>a:hover{color:#e7cfaa;text-decoration:none}
.design-3 .main-nav{background:#171717;color:#e9d9b9;border-block:1px solid #a88a55}.design-3 .main-nav .submenu{color:#242424}.design-3 .main-nav .nav-line>a{letter-spacing:.035em}.design-3 .main-nav .nav-line>a:hover{text-decoration-color:#b69762;text-underline-offset:8px}
.design-4 .main-nav{background:#f4f3ef;border-block:1px solid #d2cec5}.design-4 .main-nav>ul{justify-content:center}.design-4 .main-nav .nav-line>a:hover{color:#775a3c}
.design-5>.site-header{background:#fffffff2;backdrop-filter:blur(18px)}.design-5 .header-top{background:transparent}.design-5 .main-nav{background:#f6f6f8;border:0}.design-5 .main-nav .nav-line>a{border-radius:9px;padding-inline:8px}.design-5 .main-nav .nav-line>a:hover{background:#e7e7eb;text-decoration:none}
.design-6 .main-nav{background:#f0e9df;border-block:1px solid #dfd2c2}.design-6 .main-nav .nav-line>a:hover{color:#85572c;text-decoration:none}.design-6 .header-contact{background:#73543b;color:#fff;border-color:#73543b}
.design-7 .main-nav{background:#fff;border-top:1px solid #ddd;border-bottom:2px solid #b6b0a2}.design-7 .main-nav .nav-line>a{letter-spacing:.02em}.design-7 .main-nav .nav-line>a:hover{text-decoration-thickness:2px;text-underline-offset:8px}
@media(min-width:1101px){
.has-preview-rail.header-compact>.site-header{top:calc(-1 * var(--preview-brand-height,100px));box-shadow:0 4px 18px #00000012}
.has-preview-rail .main-nav .nav-line>a{padding-block:10px}
.design-4 .main-nav>ul>li+li{border-left:1px solid #d2cec5;padding-left:20px}
.design-5 .main-nav>ul{gap:12px;padding-block:4px}
.design-6 .main-nav>ul{gap:22px}
.design-6 .main-nav .nav-line>a{border-radius:24px;padding-inline:8px}
.has-preview-rail.header-compact.design-1>.masthead{padding-block:8px}
.has-preview-rail.header-compact.design-1 .logo{width:150px}
}
@media(max-width:1100px){
.has-preview-rail .header-top{display:flex;gap:16px;padding-block:14px}
.has-preview-rail .header-note{display:none}
.has-preview-rail .brand{width:170px}
.has-preview-rail.header-compact .header-top{padding-block:6px}
.has-preview-rail.header-compact .brand{width:140px}
.has-preview-rail .header-top,.has-preview-rail .brand,.design-1 .logo,.design-1>.masthead{transition:padding .25s,width .25s}
.has-preview-rail .main-nav{max-height:calc(100dvh - 64px)}
.has-preview-rail.header-compact.design-1>.masthead{padding-block:6px}
.has-preview-rail.header-compact.design-1 .logo{width:140px}
.design-4 .menu-toggle{margin-left:auto}
}
@media(max-width:700px){.has-preview-rail .header-top{padding-inline:18px}.has-preview-rail .header-contact{display:none}}
html:has(.has-preview-rail){scroll-padding-top:76px}
@media(prefers-reduced-motion:reduce){.has-preview-rail>.site-header,.has-preview-rail>.masthead,.has-preview-rail .header-top,.has-preview-rail .brand{transition:none}}