@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#225e80;box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);transition:width .6s ease}.progress-bar-striped,.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress-bar.active,.progress.active .progress-bar{animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.qtip-dortex-tooltip.qtip-custom-close .ui-icon-close{background:url(/img/konfigurator_ng/controls/spritesheet-v202307271607.png) no-repeat -45px -26px;width:18px;height:18px}.configurator-ng .selectbox-items .item .tick,.pricelist .price .tick{background:url(/img/konfigurator_ng/controls/spritesheet-v202307271607.png) no-repeat 0 -45px;width:20px;height:19px}.reset-box-sizing,.reset-box-sizing *,.reset-box-sizing :after,.reset-box-sizing :before{box-sizing:content-box}.configurator-ng-wrapper{position:relative}@media (max-width:1199px){.configurator-ng-wrapper{padding-left:0;padding-right:0}}.configurator-ng{--header-height:49px;--flyouts-height:200px;--flyout-headline-height:26px;--flyout-content-margin-top:15px;--mainmenu-height:65px;--submenu-height:60px;--context-color:#4584a8;--flickity-buttons-offset:0px;--toparea-background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, transparent 60%),url('/img/konfigurator_ng/holz_767.jpg');--slider-height:5px;--slider-thumb:14px;--slider-thumb-color:#4484a7;--toparea-height:calc(100% - var(--submenu-height) - var(--mainmenu-height));--flyouts-price-wrapper-bottom:calc(var(--flyouts-height) + 10px)}@media (min-width:768px){.configurator-ng{--flyouts-height:250px;--mainmenu-height:120px;--submenu-height:75px;--toparea-background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, transparent 60%),url('/img/konfigurator_ng/holz_991.jpg')}}@media (min-width:992px){.configurator-ng{--toparea-background-image:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0, transparent 60%),url('/img/konfigurator_ng/holz_1200.jpg')}}.configurator-ng{position:relative;transition:opacity 1s}.configurator-ng-launching{pointer-events:none;opacity:.7}.configurator-ng .editor{position:relative;width:100%;height:calc(100vh - var(--header-height))}@media (min-width:768px){.configurator-ng .editor{height:800px}}@media (hover:none) and (min-width:992px) and (max-width:1199px) and (orientation:landscape) and (min-height:700px){.configurator-ng .editor{height:calc(100vh - var(--header-height))}}.configurator-ng .uicontainer{position:relative;margin:0 auto;height:100%;width:100%}@media (min-width:430px){.configurator-ng .uicontainer{width:430px}}@media (min-width:700px){.configurator-ng .uicontainer-enlarge-700{width:700px}}.configurator-ng .toparea{height:var(--toparea-height);overflow:hidden;position:relative;background:var(--toparea-background-image) no-repeat top center;background-size:cover}.configurator-ng .toparea.faded .toparea-icon-wrapper{display:none}.configurator-ng .submenu{height:var(--submenu-height);width:100%;background-color:var(--context-color)}.configurator-ng .submenu .group{height:100%;width:100%;display:flex}.configurator-ng .submenu .group.flickity-enabled{display:block;text-align:center;vertical-align:center}.configurator-ng .submenu .group.flickity-enabled .item{display:inline-block;width:calc(100% / 6);padding-left:0;padding-right:0}.configurator-ng .submenu .group.flickity-enabled .flickity-prev-next-button{width:15px}.configurator-ng .submenu .group.flickity-enabled .flickity-prev-next-button.previous{left:3px}.configurator-ng .submenu .group.flickity-enabled .flickity-prev-next-button.next{right:3px}.configurator-ng .submenu .group.expand-item .item{padding-left:5%;padding-right:5%}.configurator-ng .submenu .group .item{padding:0 3%;cursor:pointer;color:#fff;opacity:.5;height:var(--submenu-height);display:flex;justify-content:center;align-items:center}.configurator-ng .submenu .group .item.disabled{display:none!important}@media (min-width:768px){.configurator-ng .submenu .group .item{padding-bottom:20px;position:relative}.configurator-ng .submenu .group .item:after{content:attr(title);position:absolute;top:52px;width:100%;font-size:1rem;text-align:center;-webkit-hyphens:auto;hyphens:auto;line-height:.95;height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@supports (-webkit-line-clamp:2){.configurator-ng .submenu .group .item:after{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}}@media (hover:hover){.configurator-ng .submenu .group .item{transition:opacity .4s ease}.configurator-ng .submenu .group .item:hover{opacity:1!important}}.configurator-ng .submenu .group .item.active{color:#fff;opacity:1!important;position:relative}.configurator-ng .submenu .group .item svg{max-width:50px;max-height:100%;width:12vw;height:auto;fill:currentColor}.configurator-ng .submenu .group .item svg.caresymbol,.configurator-ng .submenu .group .item svg.cutout,.configurator-ng .submenu .group .item svg.cutout-with-text,.configurator-ng .submenu .group .item svg.foldtype,.configurator-ng .submenu .group .item svg.hole,.configurator-ng .submenu .group .item svg.material-lanyard,.configurator-ng .submenu .group .item svg.qr-gtin-barcode{max-width:45px;width:10vw}.configurator-ng .submenu .group .item svg.basket,.configurator-ng .submenu .group .item svg.closure-reusable,.configurator-ng .submenu .group .item svg.color-palette,.configurator-ng .submenu .group .item svg.colorprofile-uv,.configurator-ng .submenu .group .item svg.cords_ribbons,.configurator-ng .submenu .group .item svg.dimension,.configurator-ng .submenu .group .item svg.rings,.configurator-ng .submenu .group .item svg.upload{max-width:40px;width:9vw}.configurator-ng .submenu .group .item svg.closure-singleuse,.configurator-ng .submenu .group .item svg.nails,.configurator-ng .submenu .group .item svg.text{max-width:35px;width:8vw}.configurator-ng .submenu .group .item svg.screw-rivets{max-width:30px;width:7vw}.configurator-ng .submenu .group .item svg.variant-lanyard{max-width:55px;width:13vw}.configurator-ng .submenu .group .item img{max-width:45px;max-height:100%}@media (min-width:768px){.configurator-ng .submenu .group .item img{max-width:55px}}.configurator-ng .submenu .group.flashing{--opacity-max:1}.configurator-ng .submenu .group.flashing .item:not(.active){animation:flashing-animation var(--flashing-duration) linear infinite}.configurator-ng .submenu .group.flashing .item:not(.active)[data-flyout="property/coating"]{--opacity-max:0.8}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(2){animation-delay:.3s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(3){animation-delay:.6s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(4){animation-delay:.9s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(5){animation-delay:1.2s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(6){animation-delay:1.5s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(7){animation-delay:1.8s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(8){animation-delay:2.1s}.configurator-ng .submenu .group.flashing .item:not(.active):nth-child(9){animation-delay:2.4s}@keyframes flashing-animation{0%,70.0%{transform:scale(1);opacity:.5}85%{transform:scale(.9);opacity:var(--opacity-max)}100.0%{transform:scale(1);scale:1;opacity:.5}}.configurator-ng .mainmenu{height:var(--mainmenu-height);width:100%;background-color:#225e80;overflow:hidden}.configurator-ng .mainmenu .uicontainer{height:100%;display:flex;justify-content:space-between}.configurator-ng .mainmenu .uicontainer:before{content:'';position:absolute;top:0;left:var(--active-item-left,0);width:var(--active-item-width,0);height:100%;background-image:linear-gradient(var(--context-color),transparent);transition:left .2s ease,width .2s ease;will-change:left,width}.configurator-ng .mainmenu .uicontainer .item{flex-grow:1;flex-shrink:1;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#fff;opacity:.5;transition:.3s ease;z-index:1}.configurator-ng .mainmenu .uicontainer .item.summary,.configurator-ng .mainmenu .uicontainer .item:hover{opacity:1}.configurator-ng .mainmenu .uicontainer .item.active{color:#fff;opacity:1}@media (min-width:768px){.configurator-ng .mainmenu .uicontainer .item{padding-bottom:20px;position:relative}.configurator-ng .mainmenu .uicontainer .item:after{content:attr(title);position:absolute;top:82px;width:100%;font-size:1rem;text-align:center;-webkit-hyphens:auto;hyphens:auto;line-height:.95;height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@supports (-webkit-line-clamp:2){.configurator-ng .mainmenu .uicontainer .item:after{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}}.configurator-ng .mainmenu .uicontainer .item svg{max-width:55px;max-height:100%;width:10vw;height:auto;fill:currentColor}.configurator-ng .mainmenu .uicontainer .item svg.accessory-satinera-eventband,.configurator-ng .mainmenu .uicontainer .item svg.property-satinera,.configurator-ng .mainmenu .uicontainer .item svg.property-satinera-einzeletikett,.configurator-ng .mainmenu .uicontainer .item svg.property-satinera-endlosband,.configurator-ng .mainmenu .uicontainer .item svg.property-satinera-eventband,.configurator-ng .mainmenu .uicontainer .item svg.settings,.configurator-ng .mainmenu .uicontainer .item svg.summary{max-width:65px;width:12vw}.configurator-ng .mainmenu .uicontainer .item svg.accessory{max-width:40px;width:8vw}.configurator-ng .mainmenu .uicontainer .item svg.property-lanyard{max-width:30px;width:6vw}.configurator-ng .mainmenu .uicontainer .item img{max-width:50px;max-height:100%;width:14vw;height:auto}@media (min-width:768px){.configurator-ng .mainmenu .uicontainer .item img{max-width:70px;width:9vw}}.configurator-ng .flyouts{position:absolute;height:var(--flyouts-height);bottom:calc(var(--flyouts-height) * -1);width:100%;left:0;right:0;transition:all .5s cubic-bezier(.02, .01, .47, 1)}.configurator-ng .flyouts.show{bottom:0;display:block}.configurator-ng .flyouts:before{content:'';position:absolute;top:25px;left:0;right:0;border-top:1px solid #fff;margin:0 15px}.configurator-ng .flyouts .price_wrapper{position:absolute;bottom:var(--flyouts-price-wrapper-bottom);left:50%;transform:translate(-50%,0)}.configurator-ng .flyouts .price_wrapper .summaryPrice{border:none!important}.configurator-ng .flyout{color:#fff}@media (max-width:430px){.configurator-ng .flyout{padding:0 15px}}.configurator-ng .flyout .headline{font-size:1.5rem;font-weight:700;text-transform:uppercase;height:var(--flyout-headline-height);-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width:768px){.configurator-ng .flyout .headline{font-size:1.6rem}}.configurator-ng .flyout .carousel-cell{display:block;height:var(--flyouts-height)}.configurator-ng .flyout .content{overflow-x:hidden;overflow-y:auto;margin-top:var(--flyout-content-margin-top);height:calc(var(--flyouts-height) - var(--flyout-content-margin-top) - 26px);scrollbar-color:#d2d2d2 #fff;scrollbar-width:thin}.configurator-ng .flyout .content.lazy .item{transition:opacity .2s;opacity:0}.configurator-ng .flyout .content.lazy .item.loaded{opacity:1}.configurator-ng .flyout .content::-webkit-scrollbar{width:8px}.configurator-ng .flyout .content::-webkit-scrollbar-track{background:#fff}.configurator-ng .flyout .content::-webkit-scrollbar-thumb{background-color:#d2d2d2;border:none}.configurator-ng .flyout .push-state{font-weight:400;cursor:pointer;text-decoration:underline}.configurator-ng .flyout select.form-control{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23fff%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat left 0 center;color:#fff;font-size:1.6rem;height:26px;padding:0 20px 0 20px;border:1px solid #fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;transition:none;width:100%}.configurator-ng .flyout select.form-control[disabled]{opacity:.3;cursor:not-allowed}.configurator-ng .flyout select.form-control:focus{border-color:#fff;box-shadow:none}.configurator-ng .flyout select.form-control.filter-circle{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8%2016A8%208%200%201%200%208%200a8%208%200%200%200%200%2016zM3.5%205h9a.5.5%200%200%201%200%201h-9a.5.5%200%200%201%200-1zM5%208.5a.5.5%200%200%201%20.5-.5h5a.5.5%200%200%201%200%201h-5a.5.5%200%200%201-.5-.5zm2%203a.5.5%200%200%201%20.5-.5h1a.5.5%200%200%201%200%201h-1a.5.5%200%200%201-.5-.5z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat left 5px center;padding:0 20px 0 25px}.configurator-ng .flyout select.form-control option{background:#868589;text-transform:none}.configurator-ng .flyout select.form-control.font-selector{padding:0 14px 0 4px;font-size:13px;color:#000;font-weight:400;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23225e80%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat right 0 center}.configurator-ng .flyout select.form-control.font-selector::-ms-expand{display:none}.configurator-ng .flyout select.form-control.font-selector::-ms-value{padding:0 4px}.configurator-ng .flyout select.form-control.font-selector:focus::-ms-value{background:0 0;color:#225e80}.configurator-ng .flyout select.form-control.font-selector option{padding:0 4px;background:0 0}.configurator-ng .flyout textarea{width:100%;resize:none;border:none;color:#000;border-radius:5px;padding:5px;height:8rem}@media (min-width:768px){.configurator-ng .flyout textarea{height:11rem}}.configurator-ng .flyout textarea:focus-visible{outline:0}.configurator-ng .flyout input[type=text]{width:100%;border-radius:5px;padding:1px 8px;resize:none;border:none;color:#000}.configurator-ng .flyout input[type=text]:focus-visible{outline:0}.configurator-ng .flyout .textprops{background-color:#fff;border-radius:5px;height:auto;padding:1px 3px;font-size:0}.configurator-ng .flyout .textprops.disabled{opacity:.5;cursor:not-allowed}.configurator-ng .flyout .textprops.disabled input,.configurator-ng .flyout .textprops.disabled label{pointer-events:none}.configurator-ng .flyout .textprops.disabled .icon{cursor:not-allowed}.configurator-ng .flyout .textprops label{margin:0}.configurator-ng .flyout .textprops input{display:none}.configurator-ng .flyout .textprops input[type=checkbox]+.icon,.configurator-ng .flyout .textprops input[type=radio]+.icon{opacity:.4}.configurator-ng .flyout .textprops input[type=checkbox]:checked+.icon,.configurator-ng .flyout .textprops input[type=radio]:checked+.icon{opacity:1}.configurator-ng .flyout .textprops .icon{cursor:pointer;background-color:transparent;color:#000}.configurator-ng .flyout .textprops .icon img{width:22px;height:22px}.configurator-ng .flyout .textprops .emoji{font-size:18px;margin:-1px -2px;height:unset;width:unset}.configurator-ng .flyout button.btn-blue{height:35px;padding:3px}.configurator-ng .flyout button.btn-blue svg{width:2.2em;height:2.2em;fill:currentColor}.configurator-ng .flyout .icon{border-radius:5px;display:inline-block;padding:0}.configurator-ng .flyout .icon svg{width:1.5em;height:1.5em;fill:currentColor;display:inline-block;top:2px;position:relative}.configurator-ng .flyout .icon svg.type-glow{fill:#f00}.configurator-ng .flyout .icon-bending{background-color:#4484a7;color:#fff;padding:0 5px}.configurator-ng .flyout .flickity-page-dots{bottom:15px}.configurator-ng .flyout .flickity-page-dots .dot{margin:0 5px;width:12px;height:12px;border:1px solid #fff;background-color:transparent;opacity:1}.configurator-ng .flyout .flickity-page-dots .dot.is-selected{background-color:#fff}@media (max-width:767px){.configurator-ng .flyout .flickity-page-dots{display:none}}.configurator-ng .flickity-prev-next-button{width:30px;height:30px;color:#fff;border-radius:unset;top:calc(50% + var(--flickity-buttons-offset))}@media (min-width:768px){.configurator-ng .flickity-prev-next-button{scale:1.3}}.configurator-ng .flickity-prev-next-button:focus{box-shadow:none}.configurator-ng .flickity-prev-next-button.previous{left:-12px;background:0 0}@media (min-width:430px){.configurator-ng .flickity-prev-next-button.previous{left:-20px}}.configurator-ng .flickity-prev-next-button.previous.move svg{animation:flickity-button-move-left 1.5s ease-in-out infinite}.configurator-ng .flickity-prev-next-button.previous svg{right:unset;left:0}.configurator-ng .flickity-prev-next-button.next{right:-12px;background:0 0}@media (min-width:430px){.configurator-ng .flickity-prev-next-button.next{right:-20px}}.configurator-ng .flickity-prev-next-button.next.move svg{animation:flickity-button-move-right 1.5s ease-in-out infinite}.configurator-ng .flickity-prev-next-button.next svg{left:unset;right:0}.configurator-ng .flickity-prev-next-button:disabled{visibility:hidden}.configurator-ng .flickity-prev-next-button svg{width:20px}@media (max-width:429px){.configurator-ng .flickity-prev-next-button svg{width:15px}}@keyframes flickity-button-move-right{0%{right:15px;opacity:0}80%{right:0;opacity:1}100%{opacity:0}}@keyframes flickity-button-move-left{0%{left:15px;opacity:0}80%{left:0;opacity:1}100%{opacity:0}}.configurator-ng .flickity-top-right-buttons .flickity-prev-next-button{top:-4px;transform:none;width:20px;right:0}.configurator-ng .flickity-top-right-buttons .flickity-prev-next-button.previous{left:auto;right:10px}@media (min-width:430px){.configurator-ng .flickity-top-right-buttons .flickity-prev-next-button.previous{right:20px}}.configurator-ng .flickity-top-right-buttons .flickity-prev-next-button:disabled{display:inline}.configurator-ng .price_wrapper .summaryPrice{display:inline-block;text-align:right;white-space:nowrap;color:#fff;background-color:#225e80;font-style:normal;font-weight:700;line-height:.7em;padding:5px;margin:0 2px;border:1px solid #fff}@media (min-width:768px){.configurator-ng .price_wrapper .summaryPrice{line-height:1em}}.configurator-ng .price_wrapper .summaryPrice:not(.hidden)+.summaryPrice .info{display:none}.configurator-ng .price_wrapper .summaryPrice.bg-red-sale{border:1px solid #d72f24}.configurator-ng .price_wrapper .summaryPrice .info{font-size:.9rem}.configurator-ng .price_wrapper .summaryPrice .price{color:#fff;font-size:2.3em}@media (max-width:500px) and (orientation:portrait){.configurator-ng .price_wrapper .summaryPrice .price{font-size:2.2rem}}.configurator-ng .price_wrapper .summaryPrice .price .sup{vertical-align:super;font-size:.7em;line-height:1}.configurator-ng .price_wrapper .summaryPrice .price.skewed:before{transform:skewY(-14deg);left:2px;width:96%;height:6px;background:#d72f24;bottom:19px}@media (max-width:500px) and (orientation:portrait){.configurator-ng .price_wrapper .summaryPrice .price.skewed:before{height:4px;bottom:13px}}.configurator-ng .price_wrapper .summaryPrice .price.with-star-after:after{top:-20px;z-index:1;vertical-align:unset}@media (max-width:500px) and (orientation:portrait){.configurator-ng .price_wrapper .summaryPrice .price.with-star-after:after{font-size:.6rem;top:-10px}}.configurator-ng .price_wrapper .summaryPrice .info+.price{margin-left:10px}.configurator-ng .price_wrapper br{display:block}.configurator-ng .fade-left .flickity-viewport{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%);mask-image:linear-gradient(to right,transparent 0%,black 5%)}.configurator-ng .fade-right .flickity-viewport{-webkit-mask-image:linear-gradient(to left,transparent 0%,black 5%);mask-image:linear-gradient(to left,transparent 0%,black 5%)}.configurator-ng .fade-left.fade-right .flickity-viewport{-webkit-mask-image:linear-gradient(to left,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to left,transparent 0%,black 5%,black 95%,transparent 100%)}.configurator-ng .upload-icon{display:inline-block;border:2px solid #fff;border-radius:5px;color:#fff;width:75px;height:auto;padding:5px 10px;cursor:pointer;text-align:center}.configurator-ng .upload-icon svg{fill:currentColor;max-width:35px;max-height:70px}.configurator-ng .upload-icon label{cursor:pointer;font-size:1.3rem;text-transform:uppercase}@media (min-width:768px){.configurator-ng .upload-icon{width:80px}.configurator-ng .upload-icon svg{max-width:40px;max-height:75px}}.configurator-ng button.btn:focus{outline:0}.configurator-ng .topmenu{position:absolute;top:0;right:0;left:0;width:100%;height:0;z-index:99}.configurator-ng .topmenu .control{cursor:pointer;position:absolute;padding:5px 10px 7px 10px;top:-30px;height:30px;color:#fff;font-size:1.3rem;display:flex;gap:5px}.configurator-ng .topmenu .control:before{content:"\e259";display:inline-block;font-family:'Glyphicons Halflings',sans-serif}.configurator-ng .topmenu .control:after{content:attr(data-i18n);display:inline-block}.configurator-ng .topmenu .content{position:relative;background-color:#e4eff5;box-shadow:0 55px 40px -30px rgba(0,0,0,.45);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;will-change:opacity;height:calc(70vh)}@media (min-width:768px){.configurator-ng .topmenu .content{height:580px}}@media (min-width:1200px){.configurator-ng .topmenu .content{height:550px}}.configurator-ng .topmenu .content.fade-bottom:after,.configurator-ng .topmenu .content.fade-bottom:before{content:'';position:absolute;z-index:1;width:100%;height:3vw}@media (min-width:768px){.configurator-ng .topmenu .content.fade-bottom:after,.configurator-ng .topmenu .content.fade-bottom:before{height:2vw}}.configurator-ng .topmenu .content.fade-bottom:before{top:0;background:linear-gradient(to top,rgba(0,0,0,0),#e4eff5)}.configurator-ng .topmenu .content.fade-bottom:after{bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0),#e4eff5)}.configurator-ng .topmenu .overflow{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:3vw 3vw}@media (min-width:768px){.configurator-ng .topmenu .overflow{padding:2vw 3vw}}.configurator-ng .topmenu .backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:none}.configurator-ng .topmenu.active{bottom:0;height:100%}.configurator-ng .topmenu.active .control:before{content:"\e014"!important;margin-top:1px}.configurator-ng .topmenu.active .content{opacity:1;visibility:visible}.configurator-ng .topmenu.active .content .panel-body{border-color:#6cbd06}.configurator-ng .topmenu.active .backdrop{display:block}.configurator-ng .topmenu.productchange .control{right:0;background-color:#4484a7}.configurator-ng .topmenu.productchange .control:before{content:"\e178";font-size:1.4rem;margin-top:1px}.configurator-ng .topmenu.productchange .content{border-top:5px solid #4484a7}.configurator-ng .topmenu.productchange .content .panel{position:relative;background-color:#e4eff5}.configurator-ng .topmenu.productchange .content .panel:hover .panel-body{border-color:#225e80}.configurator-ng .topmenu.productchange .content .panel.selected .panel-body{border-color:#6cbd06}.configurator-ng .topmenu.productchange .content .panel-body{text-align:center;padding:0 5px!important;border:1px dashed transparent;border-top:none}.configurator-ng .topmenu.productchange .content h3{text-transform:uppercase;margin:10px 0;font-size:1.7rem}.configurator-ng .topmenu.productchange .content h3>p{display:block;font-size:1.3rem;margin:3px 0 10px 0}.configurator-ng .topmenu.templates .control{left:0;background-color:#6ea1be}.configurator-ng .topmenu.templates .content{border-top:5px solid #6ea1be}.unified-radio-checkbox{position:relative;margin:5px 0}@media (min-width:768px){.unified-radio-checkbox{margin:10px 0}}.unified-radio-checkbox input[type=checkbox],.unified-radio-checkbox input[type=radio]{display:none}.unified-radio-checkbox input[type=checkbox]+label,.unified-radio-checkbox input[type=radio]+label{display:inline-block;cursor:pointer;color:#fff;vertical-align:middle;padding-left:20px;position:relative;margin-bottom:0;font-size:13px}@media (min-width:768px){.unified-radio-checkbox input[type=checkbox]+label,.unified-radio-checkbox input[type=radio]+label{font-size:14px}}.unified-radio-checkbox input[type=checkbox]:disabled+label,.unified-radio-checkbox input[type=radio]:disabled+label{opacity:.3;cursor:not-allowed}.unified-radio-checkbox input[type=checkbox]+label::before,.unified-radio-checkbox input[type=radio]+label::before{content:'';display:inline-block;width:16px;height:16px;position:absolute;left:0;border:1px solid #fff;top:2px}.unified-radio-checkbox input[type=radio]+label::before{border-radius:50%}.unified-radio-checkbox input[type=checkbox]:checked+label::before,.unified-radio-checkbox input[type=radio]:checked+label::before{background:#fff;box-shadow:inset 0 0 0 3px #686868}.unified-radio-checkbox.disabled{opacity:.3;cursor:not-allowed}.unified-radio-checkbox.disabled label{pointer-events:none}.modal .modal-content.bg-blue-dark{background-color:#225e80}.modal .modal-content.bg-blue-dark .modal-header h3{color:#fff}.modal .modal-content.bg-blue-dark .modal-body{color:#fff}.modal .modal-header h3{margin:0}.modal .modal-body .fontselector-modal{color:#fff;margin:0 -15px;padding:15px 3vw}@media (min-width:768px){.modal .modal-body .fontselector-modal{padding:15px 30px}}.modal .modal-body .fontselector-modal h3{text-transform:uppercase;margin:15px 15px 10px 15px;border-top:1px solid rgba(255,255,255,.2);padding-top:15px;font-size:24px}.modal .modal-body .fontselector-modal h3:first-child{margin-top:0;padding:0;border-top:0}.modal .modal-body .fontselector-modal label{display:block;margin:0;font-size:12px;font-weight:300}.modal .modal-body .fontselector-modal .font{border:1px solid #225e80;cursor:pointer;width:100%;padding:0 15px;margin:5px 0}@media (min-width:768px){.modal .modal-body .fontselector-modal .font{width:50%;display:inline-block}}.modal .modal-body .fontselector-modal .font:first-child{margin-top:0}.modal .modal-body .fontselector-modal .font:last-child{margin-bottom:0}.modal .modal-body .fontselector-modal .font:hover{border:1px dashed #fff}.modal .modal-body .fontselector-modal .font.selected{background-color:#6cbd06}.modal .modal-body .fontselector-modal .font img{max-width:100%;height:auto}.modal .modal-content.info-icon-content h4{margin-top:15px}.modal .modal-content.info-icon-content h4:first-child{margin-top:0}.modal .modal-content.info-icon-content li,.modal .modal-content.info-icon-content p{font-size:1.3rem;color:#fff}.qtip-dortex-tooltip{box-shadow:3px 3px 15px -1px rgba(0,0,0,.5);background-color:#f39f01}.qtip-dortex-tooltip.warning{background-color:#a94442}.qtip-dortex-tooltip .qtip-titlebar{color:#fff;font-size:16px;font-weight:400;padding:10px 10px 10px 10px;text-transform:uppercase;line-height:1.2em}.qtip-dortex-tooltip .qtip-content{color:#fff}.qtip-dortex-tooltip .qtip-content p{line-height:1.3em}.qtip-dortex-tooltip .qtip-content a,.qtip-dortex-tooltip .qtip-content a:hover,.qtip-dortex-tooltip .qtip-content a:link,.qtip-dortex-tooltip .qtip-content a:visited{color:#fff}.qtip-dortex-tooltip .qtip-content b{font-weight:700}.qtip-dortex-tooltip.qtip-custom-close .qtip-icon{border:none;background:0 0}.qtip-dortex-tooltip.qtip-custom-close .qtip-close{right:9px;top:20px}.qtip-dortex-tooltip.qtip-custom-close .ui-icon-close{height:18px;width:18px;font-size:0}.qtip-dortex-orange-tip{box-shadow:3px 3px 15px -1px rgba(0,0,0,.5);border-color:#f39f01;background-color:#f39f01;color:#fff}.qtip-dortex-orange-tip .qtip-content{color:#fff}.item.highlighted{color:#fff!important;background-image:linear-gradient(#f39f01,transparent);opacity:1!important}.rotate-device{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;display:flex;background-color:rgba(255,255,255,.92);z-index:9999}@media (min-width:768px){.rotate-device{display:block;text-align:center}}.rotate-device svg{width:30vw;max-width:110px;height:auto;margin:0 auto;fill:#225e80}.lds-wrapper{visibility:visible;position:absolute;left:50%;z-index:99999999;transform:translateX(-50%)}.pcr-app .pcr-swatches button{padding:0}.pcr-app .pcr-interaction{justify-content:space-between}.pcr-app .pcr-interaction .pcr-save,.pcr-app .pcr-interaction .pcr-type.active{background-color:#4484a7}.pcr-app .pcr-interaction .pcr-cancel{background-color:#a94442}.slider-wrapper{width:100%;position:relative}.slider-wrapper:after{display:none}.slider-wrapper.disabled input{opacity:.2;pointer-events:none!important}.slider-wrapper.disabled .output-wrapper{pointer-events:none!important}.slider-wrapper.disabled:after{display:block;content:attr(data-disabled-text);font-style:italic;font-size:1.3rem;text-align:center;position:absolute;left:0;right:0;top:0;bottom:0}.slider-wrapper .output-wrapper{position:absolute;top:0;right:0}.slider-wrapper .output-wrapper.has-step-btn .slider-value{display:inline-block;border-radius:0}.slider-wrapper .output-wrapper .btn.slider-step{height:unset;padding:0;font-size:1.3rem;border:transparent;vertical-align:baseline;font-weight:500;width:1.7rem}.slider-wrapper .output-wrapper .btn.slider-step:first-child{border-top-left-radius:3px;border-bottom-left-radius:3px}.slider-wrapper .output-wrapper .btn.slider-step:last-child{border-top-right-radius:3px;border-bottom-right-radius:3px}.slider{-webkit-appearance:none;width:100%;height:var(--slider-height);border-radius:5px;background:#fff;outline:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:var(--slider-thumb-color);cursor:pointer}.slider::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:var(--slider-thumb-color);cursor:pointer}.slider-value{display:inline-block;font-size:1.3rem;padding:0 5px;background-color:#4484a7;border-radius:3px;color:#fff;text-align:center;min-width:50px}.slider-value:after{content:' ' attr(data-unit)}.headline-info-icon{position:relative;cursor:pointer}.headline-info-icon img{width:22px;height:22px;margin-top:-2px}@media (min-width:768px){.headline-info-icon img{margin-top:-4px}}label{font-size:1.4rem}.btn svg{width:16px;height:16px}.view-3d-dialog{width:90vw;height:40vw;background:url("/img/konfigurator_ng/previewbg.jpg") #e8e8e8 no-repeat center center/cover}@media (min-width:950px){.view-3d-dialog{width:850px;height:450px}}.view-3d-dialog.uv{background-color:#121d53;background-image:url("/img/konfigurator_ng/previewbgUV.jpg")}.view-3d-dialog-message{overflow:hidden;position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:100%}.view-3d-dialog-message canvas{position:absolute;z-index:1102}.colorcounts .item{cursor:pointer;display:inline-block;width:50%}.uploadlayouts{text-align:center}.uploadlayouts .item{cursor:pointer;display:inline-block}.uploadlayouts.landscape .item{width:100%}@media (min-width:768px){.uploadlayouts.landscape .item{width:50%}}.uploadlayouts.landscape .item img{width:100%;height:auto}.modal-dialog .modal-content .modal-header{position:relative;padding-right:58px}@media (max-width:767px){.modal-dialog .modal-content .modal-header{padding-right:15px;padding-left:58px}}.modal-dialog .modal-content .modal-header h3{margin:0;font-size:24px!important}.modal-dialog .modal-content .modal-header .close-x{left:unset}.modal-dialog .modal-content .modal-header .close-x:hover{background-color:#4484a7}@media (max-width:767px){.modal-dialog .modal-content .modal-header .close-x{right:unset;left:15px;background-color:#4484a7}}.modal-dialog .modal-content .modal-body .fancybox_colorset img{margin-right:10px;margin-bottom:10px}@media (max-width:767px){.modal-dialog .modal-content .modal-body .fancybox_colorset img{margin-bottom:5px}}.modal-dialog .modal-content .modal-body .spinner-wrapper{display:block;height:150px}.modal-dialog .modal-content .modal-body .crop_wrapper{padding:0 3px}.modal-dialog .modal-content .modal-body .crop_wrapper .jcrop-handle{height:20px;width:20px}.modal-dialog .modal-content .modal-body .crop_wrapper .jcrop-keymgr{left:-10000px!important}.modal-dialog .modal-content .modal-body .crop_wrapper .jcrop-holder>img{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="lightgray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:2em}.modal-dialog .modal-content .modal-body .thresholdcontent{overflow:hidden}.modal-dialog .modal-content .modal-body .thresholdcontent .item{float:left;cursor:pointer;padding-right:10px;opacity:0}.modal-dialog .modal-content .modal-body .thresholds .threshold-item{float:left;padding-right:10px;cursor:pointer}.modal-dialog .modal-content .modal-body .outlinecontent .items{display:flex;align-items:center;justify-content:space-evenly;gap:10px}.modal-dialog .modal-content .modal-body .outlinecontent .item{cursor:pointer}.modal-dialog .modal-content .modal-footer .flex{gap:5px}@media (min-width:768px){.modal-dialog .modal-content .modal-footer .flex{gap:10px}}@media (max-width:767px){.modal-dialog .modal-content .modal-footer .btn+.btn.btn-block-xs-only{margin-left:0}}.canvas-wrapper{height:100%;width:100%;overflow:hidden;position:relative;opacity:0}.canvas-wrapper .static-preview-wrapper{display:none}.canvas-wrapper.show-static-preview>:not(.static-preview-wrapper){visibility:hidden;pointer-events:none}.canvas-wrapper.show-static-preview .static-preview-wrapper{display:flex;align-items:center;justify-content:center;height:100%}.canvas-wrapper.show-static-preview .static-preview-wrapper.loader{background:url("/img/loader.gif") no-repeat scroll 50% 50% transparent}.canvas-container{display:inline-block;position:absolute!important}#canvas-shadow{position:absolute;left:1px;top:1px}#canvas-content,#canvas-statics,#canvas-tape{position:absolute;left:0;top:0}.toparea-icon-wrapper{position:absolute;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.toparea-icon-wrapper.top{top:10px}@media (min-width:768px){.toparea-icon-wrapper.top{top:1vw}}.toparea-icon-wrapper.left{left:10px}@media (min-width:768px){.toparea-icon-wrapper.left{left:1vw}}.toparea-icon-wrapper.right{right:10px}@media (min-width:768px){.toparea-icon-wrapper.right{right:1vw}}.toparea-icon-wrapper.bottom{bottom:var(--flyouts-price-wrapper-bottom)}.toparea-icon-wrapper.center{left:50%;transform:translateX(-50%)}.show-static-preview .toparea-icon-wrapper{transition:unset}.toparea-icon-wrapper.visible{opacity:1;visibility:visible;cursor:pointer}#designer.invisible .toparea-icon-wrapper{visibility:hidden}.toparea-icon{gap:0;background-color:rgba(255,255,255,.4);transition:gap .3s .1s,background-color .3s .1s;border-radius:28px;display:flex;align-items:center;overflow:hidden}@media (max-width:767px){.toparea-icon{width:40px;height:40px;padding:8px}}@media (min-width:768px){.toparea-icon{padding:15px}}@media (hover:hover){.toparea-icon:not(.icon-only):hover{gap:8px;background-color:rgba(255,255,255,.8);transition:background-color .3s}.toparea-icon:not(.icon-only):hover.expand-left:before,.toparea-icon:not(.icon-only):hover:not(.expand-left):after{max-width:300px;opacity:1;transition:max-width .4s ease-out,opacity .3s}}.toparea-icon:after,.toparea-icon:before{color:#225e80;margin:0;white-space:nowrap;font-weight:500;cursor:pointer;opacity:0;max-width:0;transition:all .3s .1s}.toparea-icon.expand-left:before{content:attr(aria-label)}.toparea-icon:not(.expand-left):after{content:attr(aria-label)}.toparea-icon svg{background-color:#225e80;border-radius:5px;fill:white;padding:2px 5px;width:24px;height:24px;flex-shrink:0}@media (min-width:768px){.toparea-icon svg{width:26px;height:26px}}.icon-bookmark svg{background-color:#4484a7}.icon-3d{padding:5px}@media (min-width:768px){.icon-3d{padding:12px}}.icon-3d svg{padding:1px 3px;width:30px;height:30px}.icon-pulsing.enabled svg{animation:icon-pulse .7s infinite ease-in-out .3s alternate}@keyframes icon-pulse{0%{opacity:1}100%{opacity:.5}}.icon-drag{padding:13px}.icon-drag:before{transition:max-width .3s .1s,opacity .3s}.icon-drag svg{width:30px;height:30px}.icon-drag i{display:none}.icon-drag.enabled:after,.icon-drag.enabled:before{color:#6cbd06}.icon-drag.enabled svg{background-color:#6cbd06}@media (hover:hover){.icon-drag:hover.expand-left:before{transition:max-width .4s ease-out,opacity 1s}}.flyout.material{--flyout-content-margin-top:5px;--carousel-cell-margin-right:30px;--item-width:45px;--item-margin-horizontal:15px;--item-margin-bottom:35px;--item-img-border-width:4px;--flickity-buttons-offset:10px;--item-width-full:calc(var(--item-width) + var(--item-margin-horizontal));--item-img-width:calc(var(--item-width) - calc(var(--item-img-border-width) * 2))}@media (min-width:768px){.flyout.material{--flyout-content-margin-top:10px;--carousel-cell-margin-right:30px;--item-width:58px;--item-margin-horizontal:20px;--item-margin-bottom:45px;--item-img-border-width:6px;--flickity-buttons-offset:16px}}.flyout.material .carousel-cell{display:inline-block;margin-right:var(--carousel-cell-margin-right)}.flyout.material .carousel-cell:last-child{margin-right:0}.flyout.material .content{overflow:hidden!important;display:inline-block;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full));margin-top:var(--flyout-content-margin-top)}.flyout.material .item{color:#fff;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;height:var(--item-width);width:var(--item-width);margin:0 calc(var(--item-margin-horizontal)/ 2) var(--item-margin-bottom) calc(var(--item-margin-horizontal)/ 2)}.flyout.material .item.disabled{opacity:.5!important;cursor:not-allowed}.flyout.material .item.selected{border:none;background-color:transparent}.flyout.material .item.selected .figure img{outline:var(--item-img-border-width) solid #6cbd06}.flyout.material .item .figure{width:var(--item-width);position:relative}.flyout.material .item .figure.sale:after{content:'%';position:absolute;top:0;right:0;background-color:#d72f24;color:#fff;width:17px;height:17px;font-size:11px;border-radius:50%;display:flex!important;align-items:center;justify-content:center}@media (min-width:768px){.flyout.material .item .figure.sale:after{width:20px;height:20px;font-size:12px}}.flyout.material .item .figure img{width:var(--item-img-width);height:var(--item-img-width);margin:var(--item-img-border-width);border-radius:calc(var(--item-width)/ 2)}.flyout.material .item .info{margin:0 calc(var(--item-margin-horizontal)/ -2)}.flyout.material .item .label{display:block;text-align:center;min-width:inherit;font-size:1rem;line-height:1.2em}@media (min-width:700px){.flyout.material.material-corinera-bedruckt .flickity-prev-next-button,.flyout.material.material-sticker .flickity-prev-next-button{display:none}}.modal-body .material-comparison h4{margin-top:0}.modal-body .material-comparison .item.flex{gap:4vw}@media (min-width:768px){.modal-body .material-comparison .item.flex{gap:30px}}.modal-body .material-comparison li,.modal-body .material-comparison p{font-size:1.3rem;color:#fff}.flyout.shape{--flyout-content-margin-top:10px;--carousel-height:169px;--carousel-cell-margin-right:30px;--item-width:65px;--item-height:39px;--item-margin-right:5px;--item-margin-bottom:10px;--flickity-buttons-offset:-5px;--item-width-full:calc(var(--item-width) + var(--item-margin-right))}@media (min-width:768px){.flyout.shape{--carousel-height:219px;--item-width:80px;--item-height:48px;--item-margin-right:10px;--item-margin-bottom:20px;--flickity-buttons-offset:0px}}.flyout.shape .carousel{margin-top:5px;height:var(--carousel-height)}.flyout.shape .carousel-cell{display:inline-block;height:var(--carousel-height)}.flyout.shape .carousel-cell:last-child{margin-right:0}.flyout.shape .content{display:inline-block;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full))}.flyout.shape .item{float:left;width:var(--item-width);height:var(--item-height);cursor:pointer;margin:0 var(--item-margin-right) var(--item-margin-bottom) 0;display:flex;justify-content:center;align-items:center}.flyout.shape .item img{max-width:100%;max-height:100%}.flyout.shape .upload-icon{display:inline-block;background-color:#4484a7;color:#fff;width:70px;height:50px;padding:5px 10px;cursor:pointer}.flyout.shape .upload-icon svg{fill:currentColor;max-width:100%;max-height:100%}#modal_freeform_uploader .uploadbutton{background-color:#4484a7;border-color:#4484a7;color:#fff;text-transform:uppercase}.flyout.dimension{--flyouts-height:200px;--flyout-content-margin-top:5px;--slider-height:10px;--slider-thumb:26px;--slider-thumb-color:#225e80;--slider-thumb-border:0px;--shortcutsHeight:55px}@media (min-width:768px){.flyout.dimension{--flyouts-height:250px;--flyout-content-margin-top:10px;--slider-height:8px;--slider-thumb:20px;--slider-thumb-border:1px;--shortcutsHeight:80px}}.flyout.dimension .content{overflow-y:hidden}.flyout.dimension label{margin-bottom:8px}.flyout.dimension p{font-size:1.3rem}.flyout.dimension .sizeChooserFreeInput{display:none}.flyout.dimension .sizeChooserFreeInput .label{line-height:30px;height:30px}.flyout.dimension .sizeChooserFreeInput .disabled:not(.free_refresh){display:none}.flyout.dimension .sizeChooserFreeInput .btn{padding:2px 14px}.flyout.dimension .sizeChooserFreeInput .invalid{border:1px solid #a94442;background-color:#ce8483}.flyout.dimension .btn.freeinput_trigger{background-color:#225e80;padding:0;border:1px solid #225e80;border-radius:5px;position:relative;width:60px;height:20px;display:flex;align-self:end}.flyout.dimension .btn.freeinput_trigger svg{border-radius:5px;fill:white;position:absolute;width:30px;height:30px;left:0;right:0;top:0;bottom:0;margin:auto}.flyout.dimension input[type=text]{height:25px;color:#225e80;width:50px;text-align:center}@media (min-width:768px){.flyout.dimension input[type=text]{width:70px}}.flyout.dimension input:focus{outline:0}.flyout.dimension .slider-value{min-width:60px}.flyout.dimension .free_refresh.disabled{opacity:.5;cursor:not-allowed;pointer-events:unset}.flyout.dimension .ticks{display:block;height:20px;position:relative;margin:8px calc(var(--slider-thumb) + var(--slider-thumb-border) * 2) 0 0}.flyout.dimension .ticks span{position:absolute;left:calc((var(--val) - var(--min))/ (var(--max) - var(--min)) * 100%);top:0;height:5px;width:calc(var(--slider-thumb) + var(--slider-thumb-border) * 2);color:#fff;text-align:center;font-size:1.1rem;line-height:1.2;white-space:nowrap}@media (min-width:1200px){.flyout.dimension .ticks span{line-height:1.1}}.flyout.dimension .ticks span:before{content:'|';display:block;font-size:.7rem;font-weight:700}@media (min-width:1200px){.flyout.dimension .ticks span:before{font-size:.5rem}}.flyout.dimension .shortcuts{display:flex;justify-content:space-between;height:var(--shortcutsHeight)}.flyout.dimension .set-size{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.flyout.dimension .set-size .size{border:1px solid #fff;border-radius:2px;font-weight:400;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--height);width:calc(var(--height) * .7)}.flyout.dimension .set-size .size.a7{--height:calc(var(--shortcutsHeight) * 0.6)}.flyout.dimension .set-size .size.a6{--height:calc(var(--shortcutsHeight) * 0.7)}.flyout.dimension .set-size .size.a5{--height:calc(var(--shortcutsHeight) * 0.8)}.flyout.dimension .set-size .size.a4{--height:calc(var(--shortcutsHeight) * 0.9)}.flyout.dimension .set-size .size.a3{--height:var(--shortcutsHeight)}.flyout.dimension .separator{width:1px;height:100%;border-left:1px solid #fff}.flyout.dimension .change-orientation{height:100%;width:50px;cursor:pointer}.flyout.dimension .change-orientation svg{fill:currentColor;height:100%;width:100%}.flyout.hole{--flyout-content-margin-top:10px;--carousel-height:169px;--carousel-cell-margin-right:10px;--item-width:40px;--item-margin-right:10px;--item-margin-bottom:10px;--flickity-buttons-offset:-5px;--item-width-full:calc(var(--item-width) + var(--item-margin-right))}@media (min-width:768px){.flyout.hole{--carousel-height:219px;--carousel-cell-margin-right:30px;--item-width:55px;--item-margin-right:20px;--item-margin-bottom:10px;--flickity-buttons-offset:0px}}.flyout.hole .freeformhint,.flyout.hole .outlinehint{display:none}.flyout.hole.freeformmode .carousel,.flyout.hole.outlinemode .carousel{display:none}.flyout.hole.freeformmode .freeformhint{display:block}.flyout.hole.outlinemode .outlinehint{display:block}.flyout.hole .carousel{margin-top:5px;height:var(--carousel-height)}.flyout.hole .carousel-cell{display:inline-block;margin-right:var(--carousel-cell-margin-right);height:var(--carousel-height)}.flyout.hole .carousel-cell .content{overflow:hidden!important;display:inline-block;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full))}.flyout.hole .carousel-cell .content.holesize{width:120px;display:block}.flyout.hole .carousel-cell .content.holelayout{opacity:.3}.flyout.hole .carousel-cell .content.holelayout.active{opacity:1}.flyout.hole .carousel-cell .content.holelayout.active .item{cursor:pointer}.flyout.hole .carousel-cell .content.holelayout.active .item.selected{opacity:1}.flyout.hole .carousel-cell .content.holelayout.active .item.selected img{background-color:#6cbd06}.flyout.hole .carousel-cell .content.holelayout.active .item.selected svg{fill:#6cbd06}.flyout.hole .content p{font-size:1.4rem}.flyout.hole .item{float:left;width:var(--item-width);height:var(--item-width);margin:0 var(--item-margin-right) var(--item-margin-bottom) 0}.flyout.hole .item img{max-width:100%;max-height:100%}.flyout.hole .item svg{max-width:100%;max-height:100%;fill:currentColor}.flyout.hole select{width:100%}.flyout.hole .radioset .unified-radio-checkbox:first-child{margin-top:0}.flyout.textinput{--slider-height:5px;--slider-thumb:20px}@media (max-width:767px){.flyout.textinput{--flyout-content-margin-top:10px}}@media (min-width:768px){.flyout.textinput{--slider-height:6px;--slider-thumb:20px}}.flyout.textinput .content{gap:10px;padding-bottom:15px}@media (min-width:768px){.flyout.textinput .content{gap:20px;padding-bottom:20px}}.flyout.textinput .leftside .bottom{gap:5px}@media (min-width:768px){.flyout.textinput .leftside .bottom{gap:10px}}.flyout.textinput .rightside{position:relative}.flyout.textinput .rightside .top{gap:5px}.flyout.textinput .slider-wrapper{position:relative}.flyout.textinput .slider{z-index:1;margin-top:8px;-webkit-appearance:none;height:var(--slider-height);border-radius:5px;background:#fff;outline:0}.flyout.textinput .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:#225e80;cursor:pointer}.flyout.textinput .slider::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:#225e80;cursor:pointer}.flyout.textinput .slider-center{height:20px;width:5px;left:50%;transform:translate(-50%,2px);position:absolute;z-index:0;background-color:#fff;border-radius:2px}.flyout.symbol{--item-height:40px;--item-margin-right:15px;--item-margin-bottom:10px;--carousel-height:175px;--flickity-buttons-offset:-3px}@media (min-width:768px){.flyout.symbol{--item-height:55px;--item-margin-right:15px;--item-margin-bottom:15px;--carousel-height:225px;--flickity-buttons-offset:2px}}.flyout.symbol select.form-control{background:#225e80 url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2C5.51v88.99c0%2C3.04%2C2.47%2C5.51%2C5.51%2C5.51h88.99c3.04%2C0%2C5.51-2.47%2C5.51-5.51V5.51c0-3.04-2.47-5.51-5.51-5.51H5.51C2.47%2C0%2C0%2C2.47%2C0%2C5.51ZM45.23%2C79.04L14.01%2C24.96c-2.12-3.67.53-8.26%2C4.77-8.26h62.44c4.24%2C0%2C6.89%2C4.59%2C4.77%2C8.26l-31.22%2C54.08c-2.12%2C3.67-7.42%2C3.67-9.54%2C0Z%22%2F%3E%0A%3C%2Fsvg%3E") no-repeat left 0 center;padding:0 20px 0 50px;border:1px solid #225e80;height:25px}.flyout.symbol select.form-control:focus{border-color:#225e80}.flyout.symbol select.form-control option{background:#225e80}.flyout.symbol .carousel-cell{display:inline-block;height:var(--carousel-height)}.flyout.symbol .content{height:calc(var(--carousel-height) - var(--flyout-content-margin-top));overflow:hidden}.flyout.symbol .symbol-grid{overflow:hidden;height:var(--carousel-height)!important;width:auto}.flyout.symbol .symbol-grid.fit-rows{width:calc(100vw - 30px)!important}@media (min-width:430px){.flyout.symbol .symbol-grid.fit-rows{width:430px!important}}.flyout.symbol .symbol-grid:after{content:'';display:block;clear:both}.flyout.symbol .item{cursor:pointer;float:left;height:calc(var(--item-height));width:calc(var(--item-height));margin:0 var(--item-margin-right) var(--item-margin-bottom) 0;padding:0;position:relative}.flyout.symbol .item img{max-height:100%}.flyout.colorbox{--carousel-height:115px;--carousel-cell-margin-right:30px;--item-width:65px;--item-height:39px;--item-margin-right:5px;--item-margin-bottom:10px;--flickity-buttons-offset:-5px;--slider-height:5px;--slider-thumb:20px;--slider-thumb-color:#4484a7;--item-width-full:calc(var(--item-width) + var(--item-margin-right))}@media (min-width:768px){.flyout.colorbox{--carousel-height:150px;--item-width:80px;--item-height:48px;--item-margin-right:10px;--item-margin-bottom:20px;--flickity-buttons-offset:0px;--slider-height:6px;--slider-thumb:20px}}@media (min-width:1200px){.flyout.colorbox{--slider-height:6px;--slider-thumb:20px}}.flyout.colorbox .carousel{height:var(--carousel-height)}@media (min-width:768px){.flyout.colorbox .carousel{margin-top:5px}}.flyout.colorbox .carousel-cell{display:inline-block;height:var(--carousel-height)}.flyout.colorbox .carousel-cell:last-child{margin-right:0}.flyout.colorbox .content{display:inline-block;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full));height:auto!important}.flyout.colorbox .item{float:left;width:var(--item-width);height:var(--item-height);cursor:pointer;margin:0 var(--item-margin-right) var(--item-margin-bottom) 0;display:flex;justify-content:center;align-items:center}.flyout.colorbox .item img{max-width:100%;max-height:100%}.flyout.colorbox .controls{height:55px;gap:10px}.flyout.colorbox .slider-wrapper{margin-top:-1px}.flyout.colorbox .slider-wrapper .output-wrapper{top:-4px}.flyout.colorbox #colorbox-color-preview{border-radius:5px;padding:1px 3px;font-size:0;background-color:#fff;height:34px}.flyout.colorbox #colorbox-color-btn{cursor:pointer;display:inline-block;color:#000}.flyout.colorbox #colorbox-color-btn img{width:28px;height:28px}.flyout.cutout{--item-height:35px;--item-margin-right:16px;--item-margin-bottom:10px;--carousel-height:175px;--flickity-buttons-offset:-3px;--slider-height:5px;--slider-thumb:20px;--item-width-full:calc(var(--item-height) + var(--item-margin-right))}@media (min-width:768px){.flyout.cutout{--item-height:55px;--item-margin-right:15px;--item-margin-bottom:15px;--carousel-height:225px;--flickity-buttons-offset:2px;--slider-height:6px;--slider-thumb:20px}}.flyout.cutout .content-wrapper{display:flex;justify-content:space-between;gap:10px;margin-top:0;height:var(--carousel-height)}.flyout.cutout .carousel-cell{display:inline-block;height:var(--carousel-height)}.flyout.cutout .content{height:calc(var(--carousel-height) - var(--flyout-content-margin-top));overflow:hidden;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full))}.flyout.cutout .symbol-cutout-grid{overflow:hidden;height:var(--carousel-height)!important;width:auto}.flyout.cutout .symbol-cutout-grid:after{content:'';display:block;clear:both}.flyout.cutout .item{cursor:pointer;float:left;height:calc(var(--item-height));width:calc(var(--item-height));margin:0 var(--item-margin-right) var(--item-margin-bottom) 0;padding:0;position:relative;display:flex;justify-content:center;align-items:center}.flyout.cutout .item img{max-height:100%;max-width:100%}.flyout.cutout .radioset{width:32%}@media (min-width:768px){.flyout.cutout .radioset{width:110px}}@media (min-width:768px){.flyout.cutout .radioset .unified-radio-checkbox{margin:15px 0}}.flyout.cutout .panels{flex:1}.flyout.cutout .panels h3{font-size:1.6rem;margin-bottom:5px;-webkit-hyphens:auto;hyphens:auto}.flyout.cutout .panels p{font-size:1.4rem}.flyout.cutout textarea{height:6rem}@media (min-width:768px){.flyout.cutout textarea{height:7rem}}.flyout.cutout #textcutout-panel{gap:5px;height:var(--carousel-height);padding:10px 0}.flyout.cutout .slider-wrapper{position:relative}.flyout.cutout .slider{z-index:1;margin-top:8px;-webkit-appearance:none;height:var(--slider-height);border-radius:5px;background:#fff;outline:0}.flyout.cutout .slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:#225e80;cursor:pointer}.flyout.cutout .slider::-moz-range-thumb{width:var(--slider-thumb);height:var(--slider-thumb);border-radius:50%;background:#225e80;cursor:pointer}.flyout.cutout .slider-center{height:20px;width:5px;left:50%;transform:translate(-50%,2px);position:absolute;z-index:0;background-color:#fff;border-radius:2px}.flyout.caresymbol{--flyout-headline-margin-bottom:10px;--flyout-margin-top:68px;--carousel-height:143px;--carousel-cell-margin-right:20px;--item-width:29px;--item-height:32px;--item-margin-right:2px;--item-margin-bottom:0;--flickity-buttons-offset:-41px;--item-width-full:calc(var(--item-width) + var(--item-margin-right))}@media (min-width:768px){.flyout.caresymbol{--flyout-headline-margin-bottom:15px;--carousel-height:182px;--item-width:35px;--item-height:38px;--item-margin-bottom:2px;--flickity-buttons-offset:-20px}}.flyout.caresymbol.masked .flickity-viewport{-webkit-mask-image:linear-gradient(to left,transparent 0%,black 3%);mask-image:linear-gradient(to left,transparent 0%,black 3%)}.flyout.caresymbol .copyright{position:absolute;top:7px;right:15px;font-size:1rem}@media (min-width:430px){.flyout.caresymbol .copyright{right:0;font-size:1.3rem}}.flyout.caresymbol .selection-wrapper .selection{display:inline-block;width:auto;height:24px;vertical-align:middle}.flyout.caresymbol .selection-wrapper .selection img{display:inline-block;vertical-align:top;height:28px}.flyout.caresymbol .selection-wrapper button{background-color:#4484a7;color:#fff;font-size:.9rem;padding:4px 5px;border:1px solid #4484a7;font-weight:400}.flyout.caresymbol .selection-wrapper #care-color-preview{background-color:#fff;border-radius:5px;padding:1px 3px;font-size:0}.flyout.caresymbol .selection-wrapper #care-color-preview .icon{cursor:pointer;display:inline-block}.flyout.caresymbol .selection-wrapper #care-color-preview .icon img{width:18px;height:18px}.flyout.caresymbol .carousel{margin-top:5px;height:var(--carousel-height)}.flyout.caresymbol .carousel-cell{display:inline-block;margin-right:var(--carousel-cell-margin-right);text-align:center;height:var(--carousel-height)}.flyout.caresymbol .carousel-cell .headline{font-size:.9rem;display:block;padding:2px 10px;margin:0;text-transform:none;height:auto;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@supports (-webkit-line-clamp:1){.flyout.caresymbol .carousel-cell .headline{overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}.flyout.caresymbol .content{margin-top:0;height:auto!important;-webkit-mask-image:unset;mask-image:unset;display:inline-block;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full))}.flyout.caresymbol .items-wrapper{clear:both}.flyout.caresymbol .items-wrapper.separator{position:relative}.flyout.caresymbol .items-wrapper.separator:before{content:'';background-color:rgba(255,255,255,.8);position:absolute;display:block;top:calc(-1px - var(--item-margin-bottom));height:1px;width:calc(100% - calc(var(--item-margin-right) * 2) - 8px);left:0;right:1px;margin:0 auto}.flyout.caresymbol .item{cursor:pointer;float:left;border:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--item-width);height:var(--item-height);padding:2px;vertical-align:top;margin:0 var(--item-margin-right) var(--item-margin-bottom) 0}.flyout.caresymbol .item.selected img{opacity:1!important}.flyout.caresymbol .item .description{display:none}.flyout.caresymbol .item img{max-width:100%;max-height:100%;opacity:.5}.flyout.caresymbol .item img:hover{opacity:.8}.flyout.caresymbol .care-singleline-wrapper{padding-top:1px}.flyout.caresymbol .care-singleline-wrapper .input{display:inline-block}.flyout.caresymbol .care-singleline-wrapper .input input:checked+label::before{box-shadow:inset 0 0 0 3px #424243}.flyout.caresymbol .care-singleline-wrapper .input label{font-size:.8em}.flyout.caresymbol .care-singleline-wrapper .input label:before{top:0;right:5px}.flyout.logo{--descr-fontsize:1rem;--content-gap:3vw;--flyouts-height:170px}@media (min-width:768px){.flyout.logo{--descr-fontsize:1.3rem;--content-gap:2vw;--flyouts-height:220px}}.flyout.logo .content{display:flex;justify-content:space-between;gap:var(--content-gap);height:calc(var(--flyouts-height));margin-top:0}.flyout.logo .content .description{flex:1;align-self:center}.flyout.logo .content .description p{font-size:var(--descr-fontsize);margin-bottom:0}.flyout.logo .upload-icon-wrapper{position:relative;align-self:center}.flyout.logo .upload-icon{position:relative}.flyout.logo .upload-icon form.upload_form input[type=file]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;font-size:0;margin:0;opacity:0}.flyout.logo .upload-icon.disabled .logoChooserButton,.flyout.logo .upload-icon.disabled .uploadbutton{cursor:default}.dortex-uploader .button_wrapper{margin-top:25px}.dortex-uploader .button_wrapper .uploadbutton{cursor:pointer;float:none;height:40px;margin:10px auto;overflow:hidden;width:150px;position:relative;border-radius:5px;border:1px solid #fff;background-color:transparent}.dortex-uploader .button_wrapper .uploadbutton:hover{background-color:#6dbf01}.dortex-uploader .button_wrapper .uploadbutton .label{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent!important;color:#fff;font-size:15px;font-weight:500;font-family:"Open Sans",Helvetica,Arial,sans-serif;left:0;line-height:37px;padding:0;margin:0;position:absolute;text-align:center!important;top:0;white-space:normal;width:150px}.dortex-uploader .button_wrapper .uploadbutton .logoChooser_aktiv,.dortex-uploader .button_wrapper .uploadbutton .upload_aktiv{margin:0}.dortex-uploader .button_wrapper form.upload_form input[type=file]{height:40px;width:150px;cursor:pointer;float:none;font-size:0;margin:0;opacity:0;padding:2px 4px}.dortex-uploader .button_wrapper.disabled .uploadbutton{cursor:default}.modal-body .uploadSpinner{height:120px;position:relative}[data-group=completedesign] p{font-size:1.1rem;text-align:center;color:#fff}@media (min-width:768px){[data-group=completedesign] p{font-size:1.3rem}}.flyout.upload_chooser .uploads{display:flex;justify-content:space-between;gap:10px}.flyout.upload_chooser .uploads .item{width:50%;text-align:center;position:relative}.flyout.upload_chooser .uploads .heading{margin-bottom:5px;text-wrap:nowrap;text-transform:uppercase;font-weight:400;font-size:1.4rem}@media (min-width:480px){.flyout.upload_chooser .uploads .heading{font-size:1.6rem}}.flyout.upload_chooser .uploads .image .intrinsic{padding-bottom:51.93%}.flyout.upload_chooser .uploads .button{display:inline-block;border:2px solid #fff;border-radius:5px;color:#fff;padding:5px 10px}.flyout.upload_chooser .uploads .button svg{max-width:20px;max-height:20px;fill:currentColor;vertical-align:bottom}.flyout.upload_chooser .uploads .button label{margin:0 0 0 8px;text-transform:uppercase}.flyout.upload_chooser .uploads form.upload_form input[type=file]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;font-size:0;margin:0;opacity:0}.flyout.accessory{--carousel-cell-margin-right:15px;--carousel-height:169px;--item-width:130px;--item-img-height:60px;--item-padding-right:5px;--item-txt-font-size:1rem;--flickity-buttons-offset:-10px;--item-width-full:calc(var(--item-width) + var(--item-padding-right))}@media (min-width:768px){.flyout.accessory{--carousel-height:219px;--item-width:130px;--item-img-height:90px;--item-txt-font-size:1.2rem;--flickity-buttons-offset:-10px}}.flyout.accessory .carousel-cell{display:inline-block;height:var(--carousel-height);width:var(--item-width-full)}.flyout.accessory .content{overflow:hidden!important;display:inline-block;font-size:0;width:auto;white-space:nowrap;width:100%;overflow-x:visible!important;overflow-y:unset!important}@media (max-width:767px){.flyout.accessory .content{margin-top:10px}}.flyout.accessory .item{display:inline-block;width:var(--item-width);text-align:center;padding-left:5px;padding-right:var(--item-padding-right);vertical-align:top}.flyout.accessory .item>label{clear:both;float:none;display:inline-block;margin-top:0;margin-bottom:0;cursor:pointer}.flyout.accessory .item .img{height:var(--item-img-height);display:flex;justify-content:center;align-items:center}.flyout.accessory .item .img img{height:auto!important;max-height:100%}.flyout.accessory .item .input{margin:4px 0 2px 0}.flyout.accessory .item .input input{margin:0 auto;float:none;display:none}.flyout.accessory .item .input input+label::before{position:unset}.flyout.accessory .item .input input:checked+label::before{box-shadow:inset 0 0 0 3px #686868}.flyout.accessory .item .input label{padding:0;margin:0}.flyout.accessory .item .input label:before{margin:5px 0 0 0}.flyout.accessory .item .txt{font-size:var(--item-txt-font-size);line-height:calc(var(--item-txt-font-size) * 1.2);float:none;display:block;-webkit-hyphens:auto;hyphens:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flyout.accessory .item .txt .price{margin-top:5px}.flyout.accessory .item .txt br{display:inherit}.configurator-ng .selectbox-items{border:1px solid transparent}.configurator-ng .selectbox-items .item{border:1px solid #fff;color:#fff;float:left;margin-bottom:10px;margin-right:5%;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:300}.configurator-ng .selectbox-items .item:last-child{margin-right:0}@media (max-width:991px){.configurator-ng .selectbox-items .item{font-size:1.2rem}}.configurator-ng .selectbox-items .item.selected{font-weight:400;border:1px solid #6dbf01;background-color:#6dbf01}.configurator-ng .selectbox-items .item.selected .tick{visibility:visible}.configurator-ng .selectbox-items .item.disabled{opacity:.5;cursor:not-allowed;border:1px solid #ccc;color:#ccc}.configurator-ng .selectbox-items .item .label{min-width:72px;padding:1px 5px;text-align:center}.configurator-ng .selectbox-items .item .label.disabled{opacity:.5}.configurator-ng .selectbox-items .item .tick{position:absolute;right:-10px;bottom:-3px;visibility:hidden}.configurator-ng .selectbox-items .item .disabled-hint{text-align:center;color:#ebd801;font-size:12px;line-height:1.2}.configurator-ng .selectbox-items .item.has-sublabel{float:none;margin-right:5%}@media (max-width:991px){.configurator-ng .selectbox-items .item.has-sublabel{margin-right:0}}.configurator-ng .selectbox-items .item.has-sublabel.selected .label{font-weight:600}.configurator-ng .selectbox-items .item.has-sublabel[data-value="2"]{margin-bottom:5px}.configurator-ng .selectbox-items .item.has-sublabel .label{padding:0 15px!important}.configurator-ng .selectbox-items .item.has-sublabel .sublabel{font-size:.9em;text-align:center}@media (max-width:767px){.configurator-ng .selectbox-items.selectbox-items-flex-xs{display:flex;justify-content:space-between;gap:5%}.configurator-ng .selectbox-items.selectbox-items-flex-xs .item{float:none;margin:0;width:100%}.configurator-ng .selectbox-items.selectbox-items-flex-xs .label{min-width:unset;padding:1px 0}}@media (max-width:991px){.configurator-ng .selectbox-items.selectbox-items-shrink-label-xs .label{min-width:unset;padding:1px 15px}}.configurator-ng .selectbox-items-singleline{display:flex;justify-content:space-between}.configurator-ng .selectbox-items-singleline .item{margin-right:0}.configurator-ng .selectbox-items-singleline .item:last-child{margin-right:5px}.productiontime{--hint-font-size:1.1rem;--item-line-height:1.7rem;--item-font-size:1.4rem}@media (min-width:768px){.productiontime{--hint-font-size:1.2rem;--item-line-height:2.4rem;--item-font-size:1.4rem}}.productiontime .item{line-height:var(--item-line-height)}.productiontime .item .label{font-size:var(--item-font-size)}.productiontime .item.has-sublabel{line-height:normal}.productiontime .productiontime_hint{font-size:var(--hint-font-size);text-align:unset!important}.productiontime .productiontime_hint b:first-child{display:none}.pricelist{--content-margin-top:5px;--price-height:25px;--price-font-size:1.4rem;--price-label-padding:3px;--price-wrapper-top:-35px}@media (min-width:768px){.pricelist{--content-margin-top:0px;--price-height:30px;--price-font-size:1.4rem;--price-label-padding:5px 15px;--price-wrapper-top:-60px}}.pricelist .with-sublabel{--price-height:40px}.pricelist .content{margin-top:var(--content-margin-top);overflow:visible;display:flex;flex-direction:column;justify-content:center}.pricelist h3{margin:20px -15px 5px!important}@media (max-width:767px),(min-width:768px) and (max-width:991px) and (orientation:portrait){.pricelist h3{margin-left:0!important}}.pricelist .price-vat-note{text-transform:none;font-weight:400}.pricelist .with-sublabel .price{margin-bottom:4px}.pricelist .with-sublabel select.custom-length-select,.pricelist .with-sublabel select.custom-quantity-select{height:var(--price-height)}.pricelist .price{height:var(--price-height);margin-bottom:3px}.pricelist .price input[type=radio]{display:none}.pricelist .price .tick{position:absolute;right:-10px;bottom:-3px;visibility:hidden}.pricelist .price label{position:relative;display:inline-block;border:1px solid #fff;padding:var(--price-label-padding);text-align:center;width:95%;color:#fff;font-size:var(--price-font-size);line-height:calc(var(--price-font-size) * 1.2);white-space:nowrap;cursor:pointer;margin-bottom:0}@media (max-width:991px){.pricelist .price label{width:100%}}.pricelist .price .sublabel{font-size:calc(var(--price-font-size) * .8)}@media (min-width:768px){.pricelist .price .sublabel{line-height:1}}.pricelist .price input[type=radio]:checked+label{border:1px solid transparent;background-color:#6dbf01;opacity:1;font-weight:600;font-size:calc(var(--price-font-size) * 1.1);line-height:calc(var(--price-font-size) * 1.2)}.pricelist .price input[type=radio]:checked+label.price-reduced{background-color:#d72f24}.pricelist .price input[type=radio]:checked+label .tick{visibility:visible}.pricelist .custom-length-wrapper,.pricelist .custom-quantity-wrapper{position:relative;color:#fff;width:95%;height:var(--price-height);border:none;margin-bottom:3px}@media (max-width:991px){.pricelist .custom-length-wrapper,.pricelist .custom-quantity-wrapper{width:100%}}.pricelist select.custom-length-select,.pricelist select.custom-quantity-select{background-color:#264e65;height:calc(var(--price-height) - 2px);width:100%;padding:0 25px 0 12px;font-size:var(--price-font-size);line-height:calc(var(--price-font-size) * 1.2);border-radius:0;border:1px solid #fff;color:#fff;font-weight:400;text-align:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2714px%27%20height%3D%2714px%27%20viewBox%3D%270%200%201200%201000%27%20fill%3D%27%23fff2f2%27%3E%3Cpath%20d%3D%27M1100%20411l-198%20-199l-353%20353l-353%20-353l-197%20199l551%20551z%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;transition:none}.pricelist select.custom-length-select option,.pricelist select.custom-quantity-select option{padding:0 15px;background:#264e65}.pricelist select.custom-length-select::-ms-expand,.pricelist select.custom-quantity-select::-ms-expand{display:none}.pricelist select.custom-quantity-select:focus::-ms-value,.pricelist select:focus::-ms-value{background:0 0;color:#fff}.pricelist .automatic-upload .price input[type=radio]:not(:checked)+label{pointer-events:none;opacity:.4}.pricelist .automatic-upload select{pointer-events:none;opacity:.4}.pricelist .pdflink{margin-left:-15px;margin-right:-15px}@media (max-width:767px),(min-width:768px) and (max-width:991px) and (orientation:portrait){.pricelist .pdflink{margin-left:0}}@media (max-width:767px){.pricelist .pdflink{margin-bottom:20px}}.pricelist .custom-quantity-wrapper+.pdflink{margin:0}.pricelist .getmore p{width:95%;font-size:13px}@media (max-width:991px){.pricelist .getmore p{width:100%}}@media (max-width:767px){.pricelist .getmore{margin-bottom:20px}}.pricelist .saving{background-color:#fff;padding:5px 0;margin-left:-15px;width:97.5%;margin-bottom:5px}@media (max-width:1199px){.pricelist .saving{width:103%}}@media (max-width:991px){.pricelist .saving{width:100%;margin-left:0}}@media (max-width:767px){.pricelist .saving{width:270px}}.pricelist .saving>div{padding:0 5px}.pricelist .saving p{font-size:calc(var(--price-font-size) * 1.1);line-height:calc(var(--price-font-size) * 1.5);text-align:center;color:#225e80;width:100%;margin:0}.pricelist .input.singlecut{margin:0 0 10px 0}@media (min-width:992px){.pricelist .input.singlecut{margin-left:-15px}}.pricelist .input.singlecut input:checked+label::before{box-shadow:inset 0 0 0 3px #264e65}@media (max-width:767px){.pricelist .group{float:none;width:300px}}@media (min-width:992px){.pricelist .getmore,.pricelist .group{padding-left:0;padding-right:0}.pricelist h3{margin-left:-15px;margin-right:-15px}}@media (min-width:1200px){.pricelist .group{padding-right:15px}.pricelist .group-right{margin-left:-15px}}.overview{position:relative;padding:15px;background-color:#264e65;color:#fff}@media (min-width:1200px){.overview{padding-left:40px;padding-right:40px}}.overview>*{color:#fff}.overview .summary-product,.overview h3{font-size:15px;line-height:17px;margin:20px 0 5px 0;text-transform:uppercase}.overview h3{font-weight:500}.overview p{font-size:14px;margin-bottom:0}.overview .summary-product{font-weight:600}.overview .summary-product p{margin-bottom:15px;font-size:16px}.overview .summary-accessory p{margin-bottom:5px}.overview .summary-accessory:not(.headline){margin-left:24px}.overview .accessory-delete{position:relative;margin:0 2px;pointer-events:none}.overview .accessory-delete:before{pointer-events:auto;content:'×';cursor:pointer;display:inline-block;color:#225e80;background-color:#fff;opacity:1;font-size:24px;font-weight:400;border-radius:50%;border:0;position:absolute;left:-24px;top:0;line-height:18px;text-align:center;width:20px;height:20px}.overview .surcharge{white-space:nowrap}.overview .productiontime .item{width:unset!important}.overview .productiontime .label{padding:1px 15px!important}.overview .buttons{display:flex;flex-direction:column;gap:10px}@media (min-width:1200px),(min-width:768px) and (max-width:991px){.overview .buttons{margin-top:42px}}@media (max-width:767px){.overview .buttons button{height:60px!important}}@media (min-width:768px){.overview .buttons{float:right}}@media (min-width:992px) and (max-width:1199px){.overview .buttons{flex-direction:row-reverse}.overview .buttons button{white-space:normal}}.overview .buttons button{height:70px;white-space:normal;display:flex!important;align-items:center;justify-content:center}.overview .buttons button span{flex:1;white-space:normal!important}.overview .buttons div{display:flex;align-self:center;font-size:small}.overview .buttons .action--saveconfig svg{width:22px;height:30px}.overview .buttons #addToBasketButton svg{width:40px;height:30px}.flyout.colorpicker{--flyout-headline-margin-bottom:10px;--flyout-margin-top:68px;--flyout-content-margin-top:5px;--swatch-size:1.75em}@media (min-width:768px){.flyout.colorpicker{--flyout-headline-margin-bottom:15px;--swatch-size:1.95em}}.flyout.colorpicker .content{margin-left:-10px;margin-top:var(--flyout-content-margin-top);width:calc(100% + 10px);height:calc(var(--flyouts-height) - var(--flyout-content-margin-top) - 40px);gap:10px}@media (min-width:768px){.flyout.colorpicker .content{gap:20px}}.flyout.colorpicker .close{position:absolute;top:-1px;right:15px;height:24px;width:24px;background-color:#6dbf01;border-radius:50%;border:none;line-height:1em;font-size:1.5rem;font-weight:400;padding:0}@media (min-width:480px){.flyout.colorpicker .close{top:unset;right:3px;bottom:5px;width:auto;padding:0 10px;border-radius:12px}.flyout.colorpicker .close:after{content:' ' attr(title);text-transform:uppercase;line-height:2rem}}.flyout.colorpicker .pickr-wrapper{padding-top:10px;width:30vw}@media (min-width:768px){.flyout.colorpicker .pickr-wrapper{width:160px}}.flyout.colorpicker .dortex-pickr{z-index:1;height:100%!important;width:100%;background-color:transparent;padding:0 0 0 10px}.flyout.colorpicker .dortex-pickr .pcr-color-preview{display:none}.flyout.colorpicker .dortex-pickr .pcr-color-palette{height:85%}.flyout.colorpicker .dortex-pickr .pcr-picker{height:20px;width:20px}.flyout.colorpicker .dortex-pickr .pcr-palette{border-radius:5px!important}.flyout.colorpicker .dortex-pickr .pcr-palette:before{background:0 0!important}.flyout.colorpicker .dortex-pickr .pcr-color-chooser{height:.7em}.flyout.colorpicker .rightside{margin-top:8px;flex:1}.flyout.colorpicker .rgb-wrapper{gap:2px}.flyout.colorpicker .color_rgb{background-color:#fff;border-radius:5px;position:relative;padding:0;white-space:nowrap;font-size:1.1rem}@media (min-width:768px){.flyout.colorpicker .color_rgb{font-size:12px}}.flyout.colorpicker .color_rgb label{color:#868589;font-size:.9em;margin:0 0 0 4px}.flyout.colorpicker .color_rgb p{font-size:12px;line-height:25px;margin-left:0;margin-top:0}.flyout.colorpicker .color_rgb input{border:1px solid #7b9eba;margin:2px 0;padding:2px 0 2px 2px;width:45px;color:#000}.flyout.colorpicker .color_rgb select{background-color:#fff;height:26px;width:auto;padding:0 14px 0 4px;font-size:inherit;border-radius:0;color:#225e80;font-weight:400;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2710px%27%20height%3D%2710px%27%20viewBox%3D%270%200%201200%201000%27%20fill%3D%27%23225e80%27%3E%3Cpath%20d%3D%27M1100%20411l-198%20-199l-353%20353l-353%20-353l-197%20199l551%20551z%27%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 0 center;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;transition:none;display:inline-block;margin:0 2px 0 0;text-align:right;border-top-right-radius:5px;border-bottom-right-radius:5px}.flyout.colorpicker .color_rgb select option{padding:0 4px;background:#fff}.flyout.colorpicker .color_rgb select::-ms-expand{display:none}.flyout.colorpicker .color_rgb select::-ms-value{padding:0 4px}.flyout.colorpicker .color_rgb select:focus::-ms-value{background:0 0;color:#225e80}.flyout.colorpicker .eyedropper{position:relative;background-color:#fff;border:none;cursor:pointer;margin-right:3px;width:45px;height:26px;border-radius:5px;color:#225e80;justify-content:center}@media (min-width:768px){.flyout.colorpicker .eyedropper{margin-right:10px}}@media (min-width:768px){.flyout.colorpicker .eyedropper{width:56px}}.flyout.colorpicker .eyedropper.active{opacity:1;color:#868589}.flyout.colorpicker .eyedropper.active .eyedropper-preview{width:25px}@media (min-width:768px){.flyout.colorpicker .eyedropper.active .eyedropper-preview{width:30px}}.flyout.colorpicker .eyedropper.active .eyedropper-icon{margin-left:0;animation:eyedropper-pulse 1s infinite ease-in-out alternate}@keyframes eyedropper-pulse{0%{opacity:1}100%{opacity:.3}}.flyout.colorpicker .eyedropper-icon{width:1em;height:1em;display:inline-block;fill:currentColor}@media (min-width:768px){.flyout.colorpicker .eyedropper-icon{margin:0 4px}}.flyout.colorpicker .eyedropper-preview{position:relative;border-radius:5px;height:20px;width:0;transition:width ease-in-out .2s;--color:rgba(0, 0, 0, 0)}.flyout.colorpicker .eyedropper-preview:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="gray" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-size:.5em;opacity:.5;border-radius:5px}.flyout.colorpicker .eyedropper-preview:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color);border-radius:5px}.flyout.colorpicker .swatches-wrapper p{font-size:14px;line-height:1em}.flyout.colorpicker .swatches-wrapper .swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,var(--swatch-size))}.flyout.colorpicker .swatches-wrapper .swatches button{outline:0;border:none;-webkit-appearance:none;padding:0;font-size:1em;position:relative;width:calc(var(--swatch-size) - 5px);height:calc(var(--swatch-size) - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:0 0;z-index:1}.flyout.colorpicker .swatches-wrapper .swatches button:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color);border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.canvas-container.colorpicking .upper-canvas{pointer-events:none}.canvas-container.eyedropping{cursor:url(/img/icons-svg/eyedropper.svg) 0 16,crosshair}.flyout.background{--flyout-content-margin-top:10px;--carousel-height:175px;--carousel-cell-margin-right:30px;--item-width:45px;--item-margin-horizontal:10px;--item-margin-bottom:5px;--item-border-width:2px;--flickity-buttons-offset:-8px;--item-width-full:calc(var(--item-width) + var(--item-margin-horizontal))}@media (min-width:768px){.flyout.background{--flyout-content-margin-top:10px;--carousel-height:210px;--carousel-cell-margin-right:30px;--item-width:58px;--item-margin-horizontal:15px;--item-margin-bottom:10px;--item-border-width:6px;--flickity-buttons-offset:4px}}.flyout.background .content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:0;height:var(--carousel-height)}.flyout.background .carousel{margin-top:var(--flyout-content-margin-top);height:calc(var(--carousel-height) - var(--flyout-content-margin-top))}.flyout.background .carousel-cell{display:inline-block;margin-right:0;height:var(--carousel-height)}.flyout.background .carousel-cell .content{margin-top:0;overflow:hidden!important;display:inline-block;font-size:0;width:calc(var(--items-per-row) * var(--item-width-full))}.flyout.background .item{color:#fff;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;height:var(--item-width);width:var(--item-width);margin:0 calc(var(--item-margin-horizontal)/ 2) var(--item-margin-bottom) calc(var(--item-margin-horizontal)/ 2)}.flyout.background .item.disabled{opacity:.5!important;cursor:not-allowed}.flyout.background .item.selected{border:none;background-color:transparent}.flyout.background .item.selected img{border:var(--item-border-width) solid #6cbd06}.flyout.background .item img{width:var(--item-width);height:var(--item-width);border:var(--item-border-width) solid transparent;border-radius:calc(var(--item-width)/ 2)}.flyout.background .radioset{width:32%}@media (min-width:768px){.flyout.background .radioset{width:130px}}@media (min-width:768px){.flyout.background .radioset .unified-radio-checkbox{margin:15px 0}}.flyout.background .panels{flex:1}.flyout.background .panels h3{font-size:1.6rem;margin-bottom:5px;-webkit-hyphens:auto;hyphens:auto}.flyout.background .panels p{font-size:1.4rem}.flyout.background #background-color-preview{border-radius:5px;padding:1px 3px;font-size:0;background-color:#fff;height:34px;width:34px;margin:0 auto}.flyout.background #background-color-btn{cursor:pointer;display:inline-block;color:#000;text-align:center}.flyout.background #background-color-btn img{width:28px;height:28px}.flyout.background .upload-icon-wrapper{position:relative;text-align:center}.flyout.background .upload-icon{position:relative}.flyout.background .upload-icon form.upload_form input[type=file]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;font-size:0;margin:0;opacity:0}.flyout.coating{--flyout-content-margin-top:5px;--content-height:169px}@media (min-width:768px){.flyout.coating{--flyout-content-margin-top:10px;--content-height:214px}}.flyout.coating .content-wrapper{display:flex;justify-content:space-between;gap:10px;margin-top:var(--flyout-content-margin-top);height:var(--content-height)}.flyout.coating .radioset{width:40%}@media (min-width:768px){.flyout.coating .radioset{width:150px}}.flyout.coating .radioset .unified-radio-checkbox:first-child{margin-top:0}.flyout.coating .infos{flex:1}.flyout.coating .infos p.h3{font-size:1.6rem;margin-top:0;margin-bottom:5px;-webkit-hyphens:auto;hyphens:auto;font-weight:400}.flyout.coating .infos p{font-size:1.3rem;-webkit-hyphens:auto;hyphens:auto;margin-bottom:5px}@media (min-width:768px){.flyout.coating .infos p{font-size:1.4rem}}.flyout.variant{--flyout-content-margin-top:5px;--item-width:185px;--item-border-width:1px;--image-border-width:5px}.flyout.variant .lanyard{--item-width:100px}@media (min-width:768px){.flyout.variant .lanyard{--item-width:120px}}.flyout.variant .content{margin-top:var(--flyout-content-margin-top)}.flyout.variant .variants{padding:0;margin:0;display:flex;justify-content:space-around}.flyout.variant .variants.lanyard,.flyout.variant .variants.satinera{justify-content:space-around}.flyout.variant .variants.lanyard .label,.flyout.variant .variants.satinera .label{margin:5px}.flyout.variant .variants.satinera-eventband{gap:5px;flex-direction:row}.flyout.variant .variants.satinera-eventband.is-design-centered{flex-direction:column}.flyout.variant .variants.satinera-eventband .item{width:100%}.flyout.variant .variants.satinera-eventband .intrinsic{padding-bottom:10.81%}.flyout.variant .variants.foldtype .item{width:20%;-webkit-hyphens:auto;hyphens:auto}.flyout.variant .variants.foldtype .item .label{font-size:12px;text-transform:none;margin:0 4px}.flyout.variant .variants.colorprofile .label{margin:5px}.flyout.variant .variants .item{border:var(--item-border-width) solid transparent;cursor:pointer;display:inline-block;width:calc(var(--item-width) + calc(2 * var(--item-border-width)) + calc(2 * var(--image-border-width) + 2px))}.flyout.variant .variants .item:hover{border:var(--item-border-width) dashed #fff!important}.flyout.variant .variants .item.selected .image{border:var(--image-border-width) solid #6dbf01;border-radius:5px}.flyout.variant .variants .item.selected .image .intrinsic{border:1px solid #6dbf01}.flyout.variant .variants .item.selected .box{border:var(--image-border-width) solid #6dbf01;background-color:#6dbf01}.flyout.variant .variants .item .image{border:var(--image-border-width) solid transparent}.flyout.variant .variants .item .image .intrinsic{border:1px solid #fff}.flyout.variant .variants .item .box{background-color:#fff}.flyout.variant .variants .item .label{text-align:center;text-transform:uppercase;font-size:1.4rem}.flyout.codes{--flyout-content-margin-top:5px;--content-height:169px}@media (min-width:768px){.flyout.codes{--flyout-content-margin-top:10px;--content-height:214px}}.flyout.codes .content{gap:10px;padding-bottom:0}@media (min-width:768px){.flyout.codes .content{gap:20px}}.flyout.codes .leftside{width:30%}@media (min-width:768px){.flyout.codes .leftside{width:125px}}.flyout.codes .rightside{flex:1;gap:5px}.flyout.codes .radioset .unified-radio-checkbox:first-child{margin-top:0}.flyout.codes textarea{width:100%;resize:none;border:1px solid #fff;color:#000;border-radius:5px;padding:5px;height:5rem;margin-bottom:0}@media (min-width:768px){.flyout.codes textarea{height:8rem}}.flyout.codes textarea:focus-visible{outline:0}.flyout.codes p{font-size:1.2rem;-webkit-hyphens:auto;hyphens:auto;margin:0}@media (min-width:768px){.flyout.codes p{font-size:1.3rem}}.flyout.codes .error{display:none;height:22px;background-color:#a94442;border-radius:5px}.flyout.codes .tools{display:flex;gap:5px}.flyout.codes .descr p:not(.selected){display:none}.flyout.codes .codeprops{background-color:#fff;border-radius:5px;height:auto;padding:1px 3px;font-size:0}.flyout.codes .codeprops.disabled{opacity:.5;cursor:not-allowed}.flyout.codes .codeprops.disabled input,.flyout.codes .codeprops.disabled label{pointer-events:none}.flyout.codes .codeprops.disabled .icon{cursor:not-allowed}.flyout.codes .codeprops label{margin:0}.flyout.codes .codeprops input{display:none}.flyout.codes .codeprops input[type=checkbox]+.text,.flyout.codes .codeprops input[type=radio]+.text{opacity:1}.flyout.codes .codeprops input[type=checkbox]+.icon,.flyout.codes .codeprops input[type=radio]+.icon{opacity:.3}.flyout.codes .codeprops input[type=checkbox]:checked+.icon,.flyout.codes .codeprops input[type=radio]:checked+.icon{opacity:1}.flyout.codes .codeprops input[type=checkbox]:checked+.text.with-checked-tick:after,.flyout.codes .codeprops input[type=radio]:checked+.text.with-checked-tick:after{content:"\e013";font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;font-size:1rem;margin-left:3px}.flyout.codes .codeprops .icon,.flyout.codes .codeprops .text{cursor:pointer;color:#000}.flyout.codes .codeprops .text{font-size:small}.flyout.codes .codeprops .icon{display:inline-block}.flyout.codes .codeprops .icon svg{width:1.5em;height:1.5em;fill:currentColor;display:inline-block;top:2px;position:relative}.flyout.codes .codeprops .icon img{width:22px;height:22px}.flyout.codes.invalid textarea{color:#a94442;background-color:ivory;border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.flyout.codes.invalid .tools{display:none}.flyout.codes.invalid .error{display:flex;align-items:center;justify-content:center}.flyout.automatic{--panel-height:175px}@media (min-width:768px){.flyout.automatic{--panel-height:225px}}.flyout.automatic .content-wrapper{margin-top:0;height:var(--panel-height)}.flyout.automatic #automatictext{max-width:120px;font-size:13px}.flyout.automatic #automaticupload{min-width:120px;padding:0 15px;color:#000;font-size:13px;cursor:pointer}.flyout.automatic #automaticupload form{display:none}.flyout.automatic #automaticupload form input{display:block}.flyout.automatic button{font-size:1.2rem;padding:5px;font-weight:400;height:auto!important}.flyout.automatic p{font-size:1.3rem}.modal-body .automatic-data-view{white-space:pre;text-align:center;overflow-x:auto}.flyout.palette{--yarns-padding-top:15px;--yarn-height:25px;--yarn-controls-width:100px;--yarn-margin-bottom:0;--elements-padding-top:35px;--figure-padding:2px}@media (min-width:768px){.flyout.palette{--yarns-padding-top:25px;--yarn-height:30px;--yarn-controls-width:100px;--figure-padding:5px}}.flyout.palette .content{padding-bottom:15px}@media (min-width:768px){.flyout.palette .content{padding-bottom:20px}}.flyout.palette .yarns{padding-top:var(--yarns-padding-top);-webkit-mask-image:linear-gradient(to left,transparent 0%,white 35%);mask-image:linear-gradient(to left,transparent 0%,white 35%)}.flyout.palette .yarn{height:var(--yarn-height);border-radius:8px;margin-bottom:var(--yarn-margin-bottom);background:var(--hex-opacity)}.flyout.palette .controls{width:var(--yarn-controls-width);height:inherit;border-radius:inherit;background:var(--hex);display:flex;align-items:center;padding:0 .6em}.flyout.palette .controls span{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.5rem;transition:transform .15s ease-in-out;filter:drop-shadow(0px 0px .2rem rgba(0, 0, 0, .7))}.flyout.palette .controls span:hover{transform:scale(1.3)}.flyout.palette .btn-add-yarn{width:100px;height:calc(var(--yarn-height) - 2px);border-radius:8px;background-color:transparent;border:1px solid #fff;cursor:pointer;font-weight:400;font-size:2.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease-in-out}.flyout.palette .btn-add-yarn:hover{background-color:#fff;color:#225e80}.flyout.palette .btn-add-yarn:hover span{filter:unset}.flyout.palette .btn-add-yarn span{filter:drop-shadow(0px 0px .2rem rgba(0, 0, 0, .7))}.flyout.palette .elements-wrapper{position:absolute;top:var(--elements-padding-top);left:calc(var(--yarn-controls-width) + 25px);right:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(127,127,127,0.5) rgba(255,255,255,0.5);-webkit-mask-image:linear-gradient(to left,transparent 0%,white 5%);mask-image:linear-gradient(to left,transparent 0%,white 5%)}.flyout.palette .elements{width:-moz-max-content;width:max-content}.flyout.palette .element{width:var(--yarn-height);border:1px solid #000;display:inline-block;background-color:#fff;border-radius:5px;margin-right:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flyout.palette .element.monochrome{background-color:#000}.flyout.palette .element.monochrome .figure img{filter:brightness(0) invert(1)}.flyout.palette .element:last-child{margin:0}.flyout.palette .element>div{display:flex;align-items:center;justify-content:center;height:var(--yarn-height);width:100%;margin:0;padding:0}.flyout.palette .element .figure{height:calc(var(--yarns-padding-top) + 5px);padding:var(--figure-padding)}.flyout.palette .element .figure img{max-width:100%;max-height:100%}.flyout.palette .element .figure span{font-family:serif;font-size:2.2rem}.flyout.palette .element .radio label:before{border-radius:50%;border-color:#fff;background-color:#fff;box-shadow:inset 0 0 0 9px #000}.flyout.palette .element .radio label .mark{width:8px;height:8px;background-color:#fff;border-radius:50%;border:none}.flyout.palette .element .checkbox label .mark{width:6px;height:10px;border-width:0 2px 2px 0;transform:rotate(45deg);top:-2px}.flyout.palette .element label{width:100%;height:inherit;padding:0;transition:transform .15s ease-in-out}.flyout.palette .element label:hover{transform:scale(1.2)}.flyout.palette .element label .mark,.flyout.palette .element label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;height:18px;width:18px;border:1px solid #000;margin:auto}.flyout.palette .element label input{display:none}.flyout.palette .element label input:checked+.mark{display:block}.flyout.palette .element label .mark{display:none;padding:0;background-color:unset}.flyout.palette .info ul{padding-left:15px}.palette-flyout-preview{max-width:100%;max-height:100%}.palette-yarn-colorlist{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;width:100%}.palette-yarn-colorlist .clear{clear:both}.palette-yarn-colorlist .farbwahl_title{border:1px solid transparent;padding:0 5px 5px 5px}.palette-yarn-colorlist .farbwahl_list{font-weight:700;height:auto;margin:0;margin-bottom:2px;cursor:pointer;padding:0}.palette-yarn-colorlist .farbwahl_list .farbbeschreibung{float:left;font-size:14px}@media (max-width:767px){.palette-yarn-colorlist .farbwahl_list .farbbeschreibung{font-size:13px}}.palette-yarn-colorlist .farbwahl_list .farbbeschreibung-col1{width:20%;height:25px;margin:1px 1px 1px 2%}.palette-yarn-colorlist .farbwahl_list .farbbeschreibung-col2{width:50%;margin:1px 1px 1px 2%}.palette-yarn-colorlist .farbwahl_list .farbbeschreibung-col3{width:20%;margin:1px 1px 1px 2%}.palette-yarn-colorlist .farbwahl_list.current{background-color:#e4eff5}.palette-yarn-colorlist .farbwahl_list.separator{border-top:1px solid #999;margin-top:5px;padding-top:5px}.palette-yarn-colorlist .scrollview{border:1px solid #999;max-height:calc(80vh - 150px);overflow:auto;padding:5px;height:505px}@media (max-width:767px){.palette-yarn-colorlist .scrollview{max-height:calc(80vh - 160px)}}.palette-yarn-colorlist .scrollview .farbflaeche{border:1px solid #666;float:left;padding:0;background-color:var(--hex)}.palette-yarn-colorlist .scrollview .farbflaeche img{height:100%;width:100%}.palette-yarn-colorlist .scrollview .farbbeschreibung img{height:22px;margin-top:0;width:22px}.palette-yarn-colorlist .scrollview .farbbeschreibung-col2{line-height:1.7}@media (max-width:767px){.palette-yarn-colorlist .scrollview .farbbeschreibung-col3 img{max-width:22px;width:4vw;height:auto}}@media (max-width:991px){.btn.action-show-special-types+.btn.abort{display:none}}