.catalog-system-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--column-gap-small)}@media (max-width: 1260px){.catalog-system-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.catalog-system-list{grid-template-columns:1fr}}.catalog-system-list a{display:block}.catalog-system-list .product-system{display:flex;flex-direction:column;height:100%;background:var(--color-gray-50);border:1px solid var(--color-gray-200);transition:box-shadow ease-out .3s}.catalog-system-list .product-system:hover{box-shadow:0 0 10px #00000029}.catalog-system-list .product-system .header{position:relative}.catalog-system-list .product-system .header .media-item{padding:16px;text-align:center;aspect-ratio:1}.catalog-system-list .product-system .header .media-item img{height:100%;aspect-ratio:1;width:auto;object-fit:contain}.catalog-system-list .product-system .header .system-tags{position:absolute;right:16px;bottom:-12px;left:16px}.catalog-system-list .product-system .system-info{flex-grow:1;padding:24px 16px 20px;background:var(--color-gray-100);border-top:2px solid var(--color-gray-300)}.catalog-system-list .product-system .system-info .text-item{margin-top:4px;font-size:var(--font-l-size);line-height:var(--font-l-line-height)}.bauder-system-navigator__list{display:flex;flex-direction:column;gap:24px;counter-reset:step-counter}.bauder-system-navigator__loadbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-gray-50);padding:20px 0;margin-bottom:24px;box-shadow:0 2px 14px 2px #2f2f2f0a,0 4px 8px 2px #2f2f2f14,0 6px 8px -4px #2f2f2f1f;position:sticky;top:var(--main-header--dynamic-height);z-index:10;transition:top .3s ease-out}.bauder-system-navigator__loadbar-content{display:flex;flex-direction:column;flex:1;gap:16px}.bauder-system-navigator__loadbar-title{color:var(--color-text-default);font-size:var(--font-2xl-size);font-weight:600;line-height:var(--font-m-line-height);letter-spacing:.4px;text-transform:uppercase}.bauder-system-navigator__loadbar-title .bauder-system-navigator__loadbar-counter{margin-left:12px;color:var(--color-gray-500)}.bauder-system-navigator__loadbar-progress{width:100%;height:92px;display:flex;align-items:center}.bauder-system-navigator__loadbar-progress-track{width:100%;height:20px;background-color:#f7d7bb}.bauder-system-navigator__loadbar-progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.bauder-system-navigator__loadbar-action{display:flex;align-items:center}.bauder-system-navigator__loadbar-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);cursor:pointer;transition:background-color .3s,ease-in-out,color .3s,ease-in-out}.bauder-system-navigator__loadbar-button:hover{background-color:var(--color-primary);color:#fff}.bauder-system-navigator__loadbar-button i{font-size:20px}.bauder-system-navigator__step{display:flex;flex-direction:column;gap:24px;padding:40px;background-color:var(--color-gray-50);counter-increment:step-counter;scroll-margin-top:calc(var(--main-header--dynamic-height, 0px) + 200px);animation:fadeInStep .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeInStep{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.bauder-system-navigator__step:last-child .icon{background-color:var(--color-primary)}.bauder-system-navigator__step-headline{display:flex;align-items:center;gap:16px}.bauder-system-navigator__step-headline .icon{color:#fff;font-size:var(--font-3xl-size);font-weight:700;line-height:var(--font-m-line-height);letter-spacing:.48px;position:relative}.bauder-system-navigator__step-headline .icon:before{content:counter(step-counter);display:flex;align-items:center;justify-content:center}.bauder-system-navigator__step-headline .title{color:var(--color-text-headline);font-size:var(--font-5xl-size);font-weight:600;line-height:var(--font-5xl-line-height);letter-spacing:.64px}.bauder-system-navigator__step-description p{color:var(--color-text-default);font-size:var(--font-2xl-size);font-weight:400;line-height:var(--font-2xl-line-height);letter-spacing:.4px}.bauder-system-navigator__step-attributes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:10px}@media (max-width: 1260px){.bauder-system-navigator__step-attributes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.bauder-system-navigator__step-attributes{grid-template-columns:1fr}}.bauder-system-navigator__step-attributes-item{display:flex;flex-direction:column;border-bottom:1px solid var(--color-gray-200);background:#fff;box-shadow:0 0 16px 2px #1c1c1c1f;cursor:pointer}.bauder-system-navigator__step-attributes-item:hover .bauder-system-navigator__step-attributes-item-content-control i,.bauder-system-navigator__step-attributes-item.selected i{background-color:var(--color-primary);color:#fff;border:none}.bauder-system-navigator__step-attributes-item.selected i:before{content:""}.bauder-system-navigator__step-attributes-item-checkbox{display:none}.bauder-system-navigator__step-attributes-item-image{width:100%;height:auto;padding-block:16px;margin-top:24px}.bauder-system-navigator__step-attributes-item-image img{aspect-ratio:16/9;object-fit:contain}.bauder-system-navigator__step-attributes-item-content{display:flex;flex-direction:column;flex:1;padding:10px 16px 20px;border-top:2px solid var(--color-gray-200)}.bauder-system-navigator__step-attributes-item-content-title{color:var(--color-text-headline);font-size:var(--font-2xl-size);font-weight:600;line-height:var(--font-2xl-line-height);letter-spacing:.4px}.bauder-system-navigator__step-attributes-item-content-description{color:var(--color-text-default);font-size:var(--font-l-size);font-weight:400;line-height:var(--font-l-line-height)}.bauder-system-navigator__step-attributes-item-content-control{display:flex;justify-content:flex-end;margin-top:auto;padding-top:20px}.bauder-system-navigator__step-attributes-item-content-control i{font-size:var(--font-3xl-size);transition:background-color .3s ease-in-out,color .3s ease-in-out}.bauder-system-navigator__load-circle{display:none;align-items:center;justify-content:center;padding:40px 0;color:var(--color-primary);font-size:48px}.bauder-system-navigator__load-circle.is-active{display:flex;animation:fadeInStep .3s ease-in forwards}.bauder-system-navigator__load-circle.is-active i{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bauder-system-navigator__result{padding-top:80px;scroll-margin-top:calc(var(--main-header--dynamic-height) + 100px)}.bauder-system-navigator__result-headline{display:flex;align-items:center;gap:8px;margin-bottom:48px}@media (max-width: 576px){.bauder-system-navigator__result-headline{flex-direction:column}}.bauder-system-navigator__result-headline-title{color:var(--color-text-headline);font-size:var(--font-5xl-size);font-weight:600;line-height:var(--font-5xl-line-height);letter-spacing:.64px}.bauder-system-navigator__result-headline-count{padding:4px 6px;background-color:var(--color-gray-100);color:var(--color-text-default);font-size:var(--font-m-size);line-height:var(--font-m-line-height)}