.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{display:inline-block;vertical-align:middle}.elementor-ribbon{height:150px;inset-block-start:0;inset-inline:auto 0;overflow:hidden;position:absolute;transform:rotate(90deg);width:150px;z-index:1}[dir=rtl] .elementor-ribbon{transform:rotate(0)}.elementor-ribbon-inner{background:#000;font-size:13px;font-weight:800;left:0;line-height:2;margin-block-start:35px;text-align:center;text-transform:uppercase;transform:translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg);width:200%}[dir=rtl] .elementor-ribbon-inner{transform:translateY(-50%) translateX(0) translateX(35px) rotate(-45deg)}.elementor-ribbon.elementor-ribbon-left{left:0;right:auto;transform:rotate(0)}.elementor-ribbon.elementor-ribbon-right{left:auto;right:0;transform:rotate(90deg)}.elementor-widget-call-to-action .elementor-widget-container,.elementor-widget-call-to-action:not(:has(.elementor-widget-container)){overflow:hidden}.elementor-cta{display:flex;overflow:hidden;position:relative;transition:.5s}.elementor-cta--skin-classic .elementor-cta{flex-wrap:wrap}.elementor-cta--skin-classic .elementor-cta__bg-wrapper{min-height:200px;position:relative;width:100%}.elementor-cta--skin-classic .elementor-cta__content{background-color:#f9fafa;transition:all .4s;width:100%}.elementor-cta--skin-classic .elementor-cta__content-item,.elementor-cta--skin-classic .elementor-cta__content-item .elementor-icon{border-color:#3f444b;color:#3f444b;fill:#3f444b}.elementor-cta--skin-classic .elementor-cta__button.elementor-button{border-color:#3f444b;color:#3f444b}.elementor-cta--skin-cover .elementor-cta{display:block}.elementor-cta--skin-cover .elementor-cta__bg-wrapper{inset:0;position:absolute;transition:all .4s;width:100%}.elementor-cta--skin-cover .elementor-cta__content{min-height:280px}.elementor-cta--skin-cover .elementor-cta__button.elementor-button,.elementor-cta--skin-cover .elementor-cta__content-item,.elementor-cta--skin-cover .elementor-cta__content-item .elementor-icon{border-color:#fff;color:#fff}.elementor-cta--layout-image-above .elementor-cta,.elementor-cta--layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--layout-image-left .elementor-cta,.elementor-cta--layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--layout-image-left .elementor-cta__content,.elementor-cta--layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--layout-image-right .elementor-cta{flex-direction:row-reverse}.elementor-cta__bg,.elementor-cta__bg-overlay{inset:0;position:absolute;transition:all .4s}.elementor-cta__bg-wrapper{overflow:hidden;z-index:1}.elementor-cta__bg{background-position:50%;background-size:cover;z-index:1}.elementor-cta__bg-overlay{z-index:2}.elementor-cta__button.elementor-button{align-self:center;background:transparent;border:2px solid #fff;cursor:pointer;margin-inline:auto}.elementor-cta__button.elementor-button:hover{background:transparent;text-decoration:none}.elementor-cta__title{font-size:23px}.elementor-cta__content{align-content:center;align-items:center;display:flex;flex-wrap:wrap;overflow:hidden;padding:35px;width:100%;z-index:1}.elementor-cta__content,.elementor-cta__content-item{color:#fff;position:relative;transition:.5s}.elementor-cta__content-item{margin:0;width:100%}.elementor-cta__content-item:not(:last-child){margin-bottom:15px}.elementor-cta__content-item .elementor-icon{color:#fff}.elementor-cta--valign-top .elementor-cta__content{align-content:flex-start;align-items:flex-start}.elementor-cta--valign-middle .elementor-cta__content{align-content:center;align-items:center}.elementor-cta--valign-bottom .elementor-cta__content{align-content:flex-end;align-items:flex-end}.elementor-cta:hover .elementor-cta__bg-overlay{background-color:rgba(0,0,0,.3)}@media (max-width:1024px){.elementor-cta{cursor:pointer}}@media (min-width:-1){.elementor-cta--widescreen-layout-image-above .elementor-cta,.elementor-cta--widescreen-layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--widescreen-layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--widescreen-layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--widescreen-layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--widescreen-layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--widescreen-layout-image-left .elementor-cta,.elementor-cta--widescreen-layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--widescreen-layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--widescreen-layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--widescreen-layout-image-left .elementor-cta__content,.elementor-cta--widescreen-layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--widescreen-layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--widescreen-layout-image-right .elementor-cta{flex-direction:row-reverse}}@media (max-width:1440px){.elementor-cta--laptop-layout-image-above .elementor-cta,.elementor-cta--laptop-layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--laptop-layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--laptop-layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--laptop-layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--laptop-layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--laptop-layout-image-left .elementor-cta,.elementor-cta--laptop-layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--laptop-layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--laptop-layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--laptop-layout-image-left .elementor-cta__content,.elementor-cta--laptop-layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--laptop-layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--laptop-layout-image-right .elementor-cta{flex-direction:row-reverse}}@media (max-width:-1){.elementor-cta--tablet_extra-layout-image-above .elementor-cta,.elementor-cta--tablet_extra-layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--tablet_extra-layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--tablet_extra-layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--tablet_extra-layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--tablet_extra-layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--tablet_extra-layout-image-left .elementor-cta,.elementor-cta--tablet_extra-layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--tablet_extra-layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--tablet_extra-layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--tablet_extra-layout-image-left .elementor-cta__content,.elementor-cta--tablet_extra-layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--tablet_extra-layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--tablet_extra-layout-image-right .elementor-cta{flex-direction:row-reverse}}@media (max-width:1024px){.elementor-cta--tablet-layout-image-above .elementor-cta,.elementor-cta--tablet-layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--tablet-layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--tablet-layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--tablet-layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--tablet-layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--tablet-layout-image-left .elementor-cta,.elementor-cta--tablet-layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--tablet-layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--tablet-layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--tablet-layout-image-left .elementor-cta__content,.elementor-cta--tablet-layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--tablet-layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--tablet-layout-image-right .elementor-cta{flex-direction:row-reverse}}@media (max-width:-1){.elementor-cta--mobile_extra-layout-image-above .elementor-cta,.elementor-cta--mobile_extra-layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--mobile_extra-layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--mobile_extra-layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--mobile_extra-layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--mobile_extra-layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--mobile_extra-layout-image-left .elementor-cta,.elementor-cta--mobile_extra-layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--mobile_extra-layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--mobile_extra-layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--mobile_extra-layout-image-left .elementor-cta__content,.elementor-cta--mobile_extra-layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--mobile_extra-layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--mobile_extra-layout-image-right .elementor-cta{flex-direction:row-reverse}}@media (max-width:768px){.elementor-cta--mobile-layout-image-above .elementor-cta,.elementor-cta--mobile-layout-image-below .elementor-cta{flex-wrap:wrap}.elementor-cta--mobile-layout-image-above .elementor-cta__bg-wrapper,.elementor-cta--mobile-layout-image-below .elementor-cta__bg-wrapper{width:100%}.elementor-cta--mobile-layout-image-above .elementor-cta{flex-direction:column}.elementor-cta--mobile-layout-image-below .elementor-cta{flex-direction:column-reverse}.elementor-cta--mobile-layout-image-left .elementor-cta,.elementor-cta--mobile-layout-image-right .elementor-cta{flex-wrap:nowrap}.elementor-cta--mobile-layout-image-left .elementor-cta__bg-wrapper,.elementor-cta--mobile-layout-image-right .elementor-cta__bg-wrapper{min-width:50%;width:auto}.elementor-cta--mobile-layout-image-left .elementor-cta__content,.elementor-cta--mobile-layout-image-right .elementor-cta__content{flex-grow:1}.elementor-cta--mobile-layout-image-left .elementor-cta{flex-direction:row}.elementor-cta--mobile-layout-image-right .elementor-cta{flex-direction:row-reverse}}.elementor-bg-transform .elementor-bg{will-change:transform}.elementor-bg-transform-zoom-in:hover .elementor-bg,.elementor-bg-transform-zoom-out .elementor-bg{transform:scale(1.2)}.elementor-bg-transform-zoom-out:hover .elementor-bg{transform:scale(1)}.elementor-bg-transform-move-left .elementor-bg{transform:scale(1.2) translateX(8%)}.elementor-bg-transform-move-left:hover .elementor-bg,.elementor-bg-transform-move-right .elementor-bg{transform:scale(1.2) translateX(-8%)}.elementor-bg-transform-move-right:hover .elementor-bg{transform:scale(1.2) translateX(8%)}.elementor-bg-transform-move-up .elementor-bg{transform:scale(1.2) translateY(8%)}.elementor-bg-transform-move-down .elementor-bg,.elementor-bg-transform-move-up:hover .elementor-bg{transform:scale(1.2) translateY(-8%)}.elementor-bg-transform-move-down:hover .elementor-bg{transform:scale(1.2) translateY(8%)}.elementor-animated-content{--translate:0,0}.elementor-animated-content:focus .elementor-animated-item--grow,.elementor-animated-content:hover .elementor-animated-item--grow{transform:scale(1.1)}.elementor-animated-content:focus .elementor-animated-item--shrink,.elementor-animated-content:hover .elementor-animated-item--shrink{transform:scale(.85)}.elementor-animated-content:focus .elementor-animated-item--shrink-contained,.elementor-animated-content:hover .elementor-animated-item--shrink-contained{transform:scale(1)}.elementor-animated-content:focus .elementor-animated-item--enter-zoom-in,.elementor-animated-content:focus .elementor-animated-item--enter-zoom-out,.elementor-animated-content:focus .elementor-animated-item--fade-in,.elementor-animated-content:hover .elementor-animated-item--enter-zoom-in,.elementor-animated-content:hover .elementor-animated-item--enter-zoom-out,.elementor-animated-content:hover .elementor-animated-item--fade-in{opacity:1;transform:scale(1)}.elementor-animated-content:focus .elementor-animated-item--exit-zoom-in,.elementor-animated-content:focus .elementor-animated-item--exit-zoom-out,.elementor-animated-content:focus .elementor-animated-item--fade-out,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-in,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-out,.elementor-animated-content:hover .elementor-animated-item--fade-out{opacity:0}.elementor-animated-content:focus .elementor-animated-item--exit-zoom-out,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-out{transform:scale(.2)}.elementor-animated-content:focus .elementor-animated-item--exit-zoom-in,.elementor-animated-content:hover .elementor-animated-item--exit-zoom-in{transform:scale(2)}.elementor-animated-content:focus .elementor-animated-item--enter-from-bottom,.elementor-animated-content:focus .elementor-animated-item--enter-from-left,.elementor-animated-content:focus .elementor-animated-item--enter-from-right,.elementor-animated-content:focus .elementor-animated-item--enter-from-top,.elementor-animated-content:hover .elementor-animated-item--enter-from-bottom,.elementor-animated-content:hover .elementor-animated-item--enter-from-left,.elementor-animated-content:hover .elementor-animated-item--enter-from-right,.elementor-animated-content:hover .elementor-animated-item--enter-from-top{opacity:1;transform:translateY(0) translateX(0)}.elementor-animated-content:focus .elementor-animated-item--exit-to-right,.elementor-animated-content:hover .elementor-animated-item--exit-to-right{transform:translateX(1000px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-left,.elementor-animated-content:hover .elementor-animated-item--exit-to-left{transform:translateX(-1000px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-top,.elementor-animated-content:hover .elementor-animated-item--exit-to-top{transform:translateY(-600px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-bottom,.elementor-animated-content:hover .elementor-animated-item--exit-to-bottom{transform:translateY(600px)}.elementor-animated-content:focus .elementor-animated-item--exit-to-bottom,.elementor-animated-content:focus .elementor-animated-item--exit-to-left,.elementor-animated-content:focus .elementor-animated-item--exit-to-right,.elementor-animated-content:focus .elementor-animated-item--exit-to-top,.elementor-animated-content:hover .elementor-animated-item--exit-to-bottom,.elementor-animated-content:hover .elementor-animated-item--exit-to-left,.elementor-animated-content:hover .elementor-animated-item--exit-to-right,.elementor-animated-content:hover .elementor-animated-item--exit-to-top{opacity:0}.elementor-animated-content:focus .elementor-animated-item--move-right,.elementor-animated-content:hover .elementor-animated-item--move-right{transform:translateX(30px)}.elementor-animated-content:focus .elementor-animated-item--move-left,.elementor-animated-content:hover .elementor-animated-item--move-left{transform:translateX(-30px)}.elementor-animated-content:focus .elementor-animated-item--move-up,.elementor-animated-content:hover .elementor-animated-item--move-up{transform:translateY(-30px)}.elementor-animated-content:focus .elementor-animated-item--move-down,.elementor-animated-content:hover .elementor-animated-item--move-down{transform:translateY(30px)}.elementor-animated-content:focus .elementor-animated-item--move-contained-right,.elementor-animated-content:hover .elementor-animated-item--move-contained-right{--translate:8%,0}.elementor-animated-content:focus .elementor-animated-item--move-contained-left,.elementor-animated-content:hover .elementor-animated-item--move-contained-left{--translate:-8%,0}.elementor-animated-content:focus .elementor-animated-item--move-contained-top,.elementor-animated-content:hover .elementor-animated-item--move-contained-top{--translate:0,-8%}.elementor-animated-content:focus .elementor-animated-item--move-contained-bottom,.elementor-animated-content:hover .elementor-animated-item--move-contained-bottom{--translate:0,8%}.elementor-animated-content [class^=elementor-animated-item]{will-change:transform,opacity}.elementor-animated-content .elementor-animated-item--shrink-contained{transform:scale(1.17)}.elementor-animated-content .elementor-animated-item--enter-zoom-in{transform:scale(.2)}.elementor-animated-content .elementor-animated-item--enter-zoom-out{transform:scale(2)}.elementor-animated-content .elementor-animated-item--enter-zoom-in,.elementor-animated-content .elementor-animated-item--enter-zoom-out,.elementor-animated-content .elementor-animated-item--fade-in{opacity:0}.elementor-animated-content .elementor-animated-item--exit-zoom-in,.elementor-animated-content .elementor-animated-item--exit-zoom-out,.elementor-animated-content .elementor-animated-item--fade-out{opacity:1;transform:scale(1)}.elementor-animated-content .elementor-animated-item--enter-from-right{transform:translateX(1000px)}.elementor-animated-content .elementor-animated-item--enter-from-left{transform:translateX(-1000px)}.elementor-animated-content .elementor-animated-item--enter-from-top{transform:translateY(-600px)}.elementor-animated-content .elementor-animated-item--enter-from-bottom{transform:translateY(500px)}.elementor-animated-content .elementor-animated-item--enter-from-bottom,.elementor-animated-content .elementor-animated-item--enter-from-left,.elementor-animated-content .elementor-animated-item--enter-from-right,.elementor-animated-content .elementor-animated-item--enter-from-top{opacity:0}.elementor-animated-content .elementor-animated-item--exit-to-bottom,.elementor-animated-content .elementor-animated-item--exit-to-left,.elementor-animated-content .elementor-animated-item--exit-to-right,.elementor-animated-content .elementor-animated-item--exit-to-top{opacity:1;transform:translateY(0) translateX(0)}.elementor-animated-content .elementor-animated-item--move-contained-bottom,.elementor-animated-content .elementor-animated-item--move-contained-left,.elementor-animated-content .elementor-animated-item--move-contained-right,.elementor-animated-content .elementor-animated-item--move-contained-top{transform:scale(1.2) translate(var(--translate))}#product-configurator {
position: relative;
max-height: 5000px;
overflow: hidden;
padding-bottom: 60px;
}
#product-configurator:not(.loading):after {
content: '\e810';
font-family: 'ROBUR Iconfont';
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 50px;
text-align: center;
font-size: 48px;
color: #2F377F;
}
#product-configurator.loading {
max-height: 250px;
}
#product-configurator.loading:before {
content: '';
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F2F2F2;
}
#product-configurator.loading::after {
content: '\e804';
font-family: 'ROBUR Iconfont';
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
font-size: 30px;
animation: rotateIcon 3000ms infinite linear;
}
#product-configurator .inactive {
opacity: 0.5;
pointer-events: none;
} #product-configurator .filter {
align-items: flex-end;
margin-bottom: 30px;
padding: 20px 0 10px;
}
#product-configurator .filter h3 {
margin-bottom: 10px !important;
width: 100%;
text-align: center;
}
#product-configurator .filter h3 span {
display: block;
margin-top: 4px;
font-size: 14px;
}
#product-configurator .filter.row {
margin-left: -10px;
margin-right: -10px;
}
#product-configurator .filter [class*='col-sm'],
#product-configurator .filter [class*='col-md'] {
padding-left: 10px;
padding-right: 10px;
}
#product-configurator .filter .reset {
flex-grow: 1;
line-height: 1;
text-align: right;
}
#product-configurator .filter .reset button {
margin-top: 15px;
margin-right: 10px;
border: none;
background: none;
padding: 0;
text-decoration: underline;
font-size: 12px;
}
#product-configurator .inactive .filter {
background: #D4D4D4;
}
#product-configurator .inactive .select {
height: 40px;
border: 1px solid #D4D4D4;
background: #FFF;
}
#product-configurator .inactive .filter > div,
#product-configurator .inactive #bases,
#product-configurator .inactive #zubehoer {
display: none;
} #product-configurator .products {
display: flex;
flex-wrap: wrap;
gap: 20px;
height: auto !important;
margin-bottom: 40px;
}
#product-configurator .product {
position: relative !important;
top: 0 !important;
left: 0 !important;
width: calc(50% - 10px);
border: 1px solid #D4D4D4;
}
@media (min-width: 769px) {
#product-configurator .product {
width: calc(33.33% - 13.34px);
}
}
@media (min-width: 1025px) {
#product-configurator .product {
width: calc(25% - 15px);
}
}
#product-configurator .product img {
display: block;
width: 100%;
height: 180px;
object-fit: cover;
object-position: center;
cursor: pointer;
}
#product-configurator .product .manufacturer {
position: absolute;
top: -1px;
right: -1px;
border: 1px solid #D4D4D4;
border-bottom-left-radius: 5px;
background: #FFF;
padding: 2px 6px;
font-size: 12px;
}
#product-configurator .product .meta {
background: #FFF;
padding: 15px 10px 8px;
}
#product-configurator .product .controls {
display: flex;
margin-left: -5px;
margin-right: -5px;
justify-content: space-between;
font-size: 12px;
}
#product-configurator .product .controls button {
border: 1px solid transparent;
background: none;
padding: 2px 5px;
appearance: none;
color: #545453;
}
#product-configurator .product .product-details i {
font-size: 10px;
}
#product-configurator .product .product-select .pick {
display: inline;
}
#product-configurator .product .product-select .unpick {
display: none;
}
#product-configurator .product .details {
display: none;
} #product-configurator .product:hover {
border-color: #2F377F;
}
#product-configurator .product:hover {
border-color: #2F377F;
}
#product-configurator .product:hover .product-select {
border-color: #FFF;
background: #0078BB;
color: #FFF;
} @media (min-width: 1025px) {
#product-configurator .products:not(#zubehoer).selected .product:not(.selected):not(.active) img {
opacity: 0.3;
}
#product-configurator .products.selected .product:not(.selected):hover img {
opacity: 1;
}
} #product-configurator .product.active {
border-color: #2F377F;
}
#product-configurator .product.active:before {
content: '';
position: absolute;
top: 100%;
left: calc(50% - 3px);
width: 6px;
height: 30px;
background: #2F377F;
}
#product-configurator .product.active {
border-color: #2F377F;
}
#product-configurator .product.active .meta {
background: #2F377F;
}
#product-configurator .product.active .meta h4,
#product-configurator .product.active .meta button {
color: #FFF;
} #product-configurator .product.selected {
border-color: #0078BB;
}
#product-configurator .product.selected .meta {
background: #0078BB;
}
#product-configurator .product.selected .meta h4,
#product-configurator .product.selected .meta button {
color: #FFF;
}
#product-configurator .product.selected .product-select .pick {
display: none;
}
#product-configurator .product.selected .product-select .unpick {
display: inline;
} #product-configurator .info {
width: 100%;
max-height: 0px;
overflow-y: hidden;
transition: all 0.5s ease-in-out;
}
#product-configurator .info.active {
max-height: 2000px;
}
#product-configurator .info .details {
position: relative;
border: 1px solid #D4D4D4;
border-top: 8px solid #2F377F;
padding: 20px 10px 40px;
background: #FFF;
}
#product-configurator .info .details .close {
position: absolute;
z-index: 1;
top: 8px;
right: 10px;
cursor: pointer;
}
#product-configurator .info .details {
font-size: 14px;
}
#product-configurator .info .details p,
#product-configurator .info .details ul,
#product-configurator .info .details ol {
margin-bottom: 10px;
}
#product-configurator .info .details ul {
padding: 0;
list-style: none;
}
#product-configurator .info .details li {
position: relative;
padding-left: 20px;
}
#product-configurator .info .details li:before {
content: '\e803';
position: absolute;
top: 1px;
left: 0;
font-family: 'ROBUR Iconfont';
color: #009FDF;
}
#product-configurator .info .details table {
margin-top: 30px;
width: 100%;
border-collapse: collapse;
}
#product-configurator .info .details table thead {
display: none;
}
#product-configurator .info .details table tr:nth-child(odd) {
background: #F2F2F2;
}
#product-configurator .info .details table td {
padding: 4px 8px;
vertical-align: top;
} #product-overview {
font-size: 16px;
color: #FFF;
}
#product-overview table tr {
background: rgba(255, 255, 255, 0.2);
}
#product-overview a {
text-decoration: underline;
color: #FFF;
} #product-form {
font-size: 16px;
color: #FFF;
}
#product-form .row {
margin-left: -10px;
margin-right: -10px;
}
#product-form [class*='col-sm'],
#product-form [class*='col-md'] {
padding-left: 10px;
padding-right: 10px;
}
#product-form .form p {
line-height: 1.1;
}
#product-form a {
text-decoration: underline;
color: #FFF;
}
#product-form .right {
text-align: right;
}
#product-form .right .success {
margin-right: 10px;
color: #0C0;
}
#product-form .right .error {
margin-right: 10px;
color: #C00;
}
#product-form button {
border-color: #97BD3B;
background: #97BD3B;
}
#product-form button:hover,
#product-form button:focus {
border-color: #FFF;
}
#product-form button i:before {
animation: rotateIcon 3000ms infinite linear;
}
@keyframes rotateIcon { 
from	{ transform: rotate(0deg); }
to		{ transform: rotate(360deg); }
}@font-face {
font-family: 'robur';
src: url(//www.spie-automation.com/wp-content/uploads/elementor/custom-icons/robur/font/robur.eot?10239353);
src: url(//www.spie-automation.com/wp-content/uploads/elementor/custom-icons/robur/font/robur.eot?10239353#iefix) format('embedded-opentype'),
url(//www.spie-automation.com/wp-content/uploads/elementor/custom-icons/robur/font/robur.woff2?10239353) format('woff2'),
url(//www.spie-automation.com/wp-content/uploads/elementor/custom-icons/robur/font/robur.woff?10239353) format('woff'),
url(//www.spie-automation.com/wp-content/uploads/elementor/custom-icons/robur/font/robur.ttf?10239353) format('truetype'),
url(//www.spie-automation.com/wp-content/uploads/elementor/custom-icons/robur/font/robur.svg?10239353#robur) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="robur-"]:before, [class*=" robur-"]:before {
font-family: "robur";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;     -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.robur-xing:before { content: '\e800'; } .robur-linkedin:before { content: '\e801'; } .robur-facebook:before { content: '\e802'; } .robur-check:before { content: '\e803'; } .robur-loading:before { content: '\e804'; } .robur-external:before { content: '\e805'; } .robur-close:before { content: '\e806'; } .robur-plus:before { content: '\e807'; } .robur-minus:before { content: '\e808'; } .robur-filter:before { content: '\e809'; } .robur-location:before { content: '\e80a'; } .robur-left:before { content: '\e80b'; } .robur-left-thin:before { content: '\e80c'; } .robur-right:before { content: '\e80d'; } .robur-right-thin:before { content: '\e80e'; } .robur-down:before { content: '\e80f'; } .robur-down-thin:before { content: '\e810'; } .robur-up:before { content: '\e811'; } .robur-up-thin:before { content: '\e812'; } .robur-email:before { content: '\e813'; } .robur-email-send:before { content: '\e814'; } .robur-phone:before { content: '\e815'; } .robur-fax:before { content: '\e816'; } .robur-search:before { content: '\e817'; } .robur-globe:before { content: '\e818'; } .robur-person:before { content: '\e819'; } .robur-youtube:before { content: '\e81a'; } .robur-instagram:before { content: '\e81b'; } .robur-quote-start:before { content: '\e81c'; } .robur-quote-end:before { content: '\e81d'; } .robur-upload:before { content: '\e81e'; } .robur-file:before { content: '\e81f'; } .robur-sent:before { content: '\e820'; } .robur-whatsapp:before { content: '\e826'; } .robur-info:before { content: '\e827'; } .robur-question:before { content: '\e828'; } .robur-alert-circle:before { content: '\e829'; } .robur-kununu:before { content: '\e82a'; } .robur-newsletter:before { content: '\e82b'; } .robur-chat:before { content: '\e82c'; } .robur-bu-industrial-trans:before { content: '\e82d'; } .robur-tiktok:before { content: '\e82e'; } .robur-ai:before { content: '\e82f'; } .robur-ai-filled:before { content: '\e830'; } .robur-close-thicker:before { content: '\e831'; } .robur-right-arrow:before { content: '\e832'; } .robur-bu-digital:before { content: '\e847'; } .robur-bu-energy:before { content: '\e848'; } .robur-bu-industrials:before { content: '\e849'; } .robur-bu-process:before { content: '\e84a'; } .robur-bu-wind:before { content: '\e84b'; }