@charset "UTF-8";:root{--primary:#00aff0;--primary-dark:#0096d7;--green:#86bc25;--green-dark:#6ea720;--blue-dark:#00a6e4;--font-family-primary:arial,sans-serif;--toolbar-tabs-bar:#f2f2f2;--toolbar-tabs-content:#fff;--toolbar-tabs-item-active:#fff;--select-bg:#e6e6e6;--header-border:5px solid var(--primary);--header-border-tablet:5px solid var(--primary);--header-border-mobile:3px solid var(--primary);--header-box-shadow:none}@keyframes refinementGradient{0%{background-position:35% 0}50%{background-position:66% 100%}100%{background-position:35% 0}}.configurator-summary__content-box{display:flex;flex-direction:column;box-sizing:border-box;width:100%;padding:1rem 1.5rem;border:1px solid #cdcdcd}.configurator-summary__price-content{margin:0;padding:0;list-style:none}.configurator-summary .unsuitable{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;margin:1rem 0 0}@media only screen and (min-width:0) and (max-width:520px){.configurator-summary .unsuitable{font-size:1.1rem;line-height:1.5rem}}.summary-main__headline{font-weight:bold;font-family:arial,sans-serif;color:#666;font-size:1.8rem;line-height:2.4rem;margin:0}@media only screen and (min-width:0) and (max-width:520px){.summary-main__headline{font-size:1.5rem;line-height:2.2rem}}.summary-main__empty{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;margin:1rem 0 0}@media only screen and (min-width:0) and (max-width:520px){.summary-main__empty{font-size:1.1rem;line-height:1.5rem}}.price-content__item{display:flex;align-items:flex-end;justify-content:space-between;padding:1rem 0}.price-content__item:not(:last-of-type){border-bottom:1px solid #cdcdcd}.price-item.material{padding-bottom:0;border-bottom:0}.price-item.format{padding-top:0}.price-item.total .price{font-weight:bold}.price-item__text,.price-item__price{margin:0}.price-item__text{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem}@media only screen and (min-width:0) and (max-width:520px){.price-item__text{font-size:1.2rem;line-height:1.7rem}}.price-item__price{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem}@media only screen and (min-width:0) and (max-width:520px){.price-item__price{font-size:1.2rem;line-height:1.7rem}}.configurator-buttons{width:100%}.configurator-buttons__add-to-cart{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%}.configurator-buttons__add-to-cart.inactive{border-color:#cdcdcd;color:#666;background-color:#e6e6e6;cursor:default}.configurator-buttons__add-to-cart.inactive:hover{border-color:#cdcdcd;color:#666;background-color:#e6e6e6}@media only screen and (min-width:720px) and (max-width:1000px){.configurator-summary__content-box{width:400px;margin:0 auto}}@media(max-width:720px){.configurator-buttons__add-to-cart.button-article-add{display:none}.configurator-buttons-sticky{position:fixed;bottom:0;left:0;z-index:10;width:100%;border-top:1px solid #cdcdcd;background:#fff;box-shadow:0 -2px 4px rgba(0,0,0,0.5)}.configurator-buttons-sticky__wrapper{display:flex}.configurator-buttons-sticky__price-item,.configurator-buttons-sticky__add-to-cart{flex-grow:1;padding:5px 1rem}.configurator-buttons-sticky__add-to-cart{width:auto;border-radius:0}.configurator-buttons-sticky__price-item{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem}}@media only screen and (max-width:720px) and (min-width:0) and (max-width:375px){.configurator-buttons-sticky__price-item{font-size:1.3rem;line-height:1.9rem}}@media(min-width:720px){.configurator-buttons-sticky{display:none}}.button-article-add__text{display:inline-block;margin-left:1rem}@media only screen and (max-width:720px){.configurator-summary__content-box{box-sizing:border-box;width:100%;padding:0;border:0}.configurator-summary__main{padding:1rem 1.5rem;border:1px solid #cdcdcd}.configurator-summary__cta{order:-1;margin-bottom:1rem}}@media only screen and (min-width:1000px){#configurator::after{display:none;content:"bp-configurator-desktop-photobox"}}.configurator{margin-top:4rem}.configurator__types{width:100%;margin-bottom:2rem}.configurator__navigation{width:100%;margin-bottom:1rem}.configurator__shipping-info{margin-top:0}.configurator__hint{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem}@media only screen and (min-width:0) and (max-width:520px){.configurator__hint{font-size:1.1rem;line-height:1.5rem}}.configurator__summary{width:260px}.configurator__collage-designer .collage-designer-wrapper{padding:0}@media only screen and (min-width:721px){.configurator::after{display:none;content:"bp-configurator-desktop"}}@media only screen and (max-width:720px){.configurator::after{display:none;content:"bp-configurator-tablet"}}@media only screen and (max-width:520px){.configurator::after{display:none;content:"bp-configurator-mobile-l"}}@media only screen and (max-width:420px){.configurator::after{display:none;content:"bp-configurator-mobile-m"}}@media only screen and (max-width:360px){.configurator::after{display:none;content:"bp-configurator-mobile-s"}}.selection-output{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:2rem}@media only screen and (max-width:1000px){.configurator__summary{margin-top:4rem}}@media only screen and (min-width:720px) and (max-width:1000px){.configurator__summary{width:100%;margin-left:240px}}@media only screen and (max-width:720px){.configurator-steps .available-payment-methods,.configurator-steps .footer-link-box{display:none}.configurator-frame .footer-information,.configurator-photo .footer-information{padding-bottom:50px}.configurator{margin-top:0}.configurator__types{display:none}.configurator__navigation{order:2}.configurator__selection{order:3}.configurator__output{order:1}.configurator__summary{order:4;width:100%}.selection-output{flex-direction:column;align-items:center;margin-top:0}}@media only screen and (max-width:520px){.configurator__summary{margin-top:2rem}}.configurator-type-list{display:flex;margin:0;padding:0;border-bottom:1px solid var(--primary);list-style:none}.configurator-type{border-top:1px solid currentColor;border-right:1px solid currentColor;border-left:1px solid currentColor;color:#9a9a9a}.configurator-type:nth-of-type(n+2){margin-left:-1px}.configurator-type__link{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:block;padding:.75rem 2rem;text-decoration:none}@media only screen and (min-width:0) and (max-width:375px){.configurator-type__link{font-size:1.3rem;line-height:1.9rem}}.configurator-type__link:hover{color:var(--primary)}.configurator-type--active{z-index:2;color:var(--primary)}.configurator-type--active .configurator-type__link{color:var(--primary)}@media only screen and (max-width:720px){.configurator-type__link{padding:.75rem 1rem}}@media only screen and (max-width:420px){#configurator{margin-top:2rem}.configurator-type-list{border-bottom:0}.configurator-type{width:50%;border-bottom:1px solid currentColor;text-align:center}}@media only screen and (max-width:360px){.configurator-type__link{padding:1rem .5rem}}div.imgareaselect-selection div{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;position:absolute;width:44px;height:16px;line-height:1.6rem;text-align:center;background:#fff}@media only screen and (min-width:0) and (max-width:520px){div.imgareaselect-selection div{font-size:1.1rem;line-height:1.5rem}}div.imgareaselect-selection div.width{top:0;left:50%;margin:.6rem 0 0 -2.2rem}div.imgareaselect-selection div.height{top:50%;left:100%;margin:-0.8rem 0 0 -5rem}div.imgareaselect-selection table{width:100%;height:100%}div.imgareaselect-selection table td{border:1px solid #fff}#dialog div.main.image div.tab.effect div.output div.imgareaselect-selection{position:absolute;top:0;left:0;width:100%;height:100%}.imgareaselect-border1{background:url("/web/img/border-anim-v.gif") repeat-y left top}.imgareaselect-border2{background:url("/web/img/border-anim-h.gif") repeat-x left top}.imgareaselect-border3{background:url("/web/img/border-anim-v.gif") repeat-y right top}.imgareaselect-border4{background:url("/web/img/border-anim-h.gif") repeat-x left bottom}.imgareaselect-border1,.imgareaselect-border2,.imgareaselect-border3,.imgareaselect-border4{opacity:.65}.imgareaselect-handle{width:7px !important;height:7px !important;border:solid 1px #666;background-color:#fff;opacity:.65}.imgareaselect-outer{background-color:#000;opacity:.65}.selection-image div.content p a{text-decoration:underline}body.configurator-photo .selection-image div.buttons div.frame-only,body.configurator-photo .selection-material div.buttons div.frame-only,body.configurator-photo #preview-normal div.buttons div.frame-only{display:none}body.configurator-photo .selection-material div.buttons div.type-photo{display:none}#selection div.type-photo{margin:2rem 0 0;padding:2.1rem 0 0}#output{position:relative}#preview div.hidden{width:0;height:0;visibility:hidden}@media only screen and (max-width:720px){#output{position:static}div.imgareaselect-selection div.width{margin-top:1.3rem}div.imgareaselect-selection div.height{margin-left:-5.7rem}.imgareaselect-handle{width:14px !important;height:14px !important}}.dialog-wrapper--configurator-image{max-width:960px}.upload-button__icon{width:25px;height:25px;margin-right:.5rem}.upload-button__link{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;text-decoration:none}@media only screen and (min-width:0) and (max-width:375px){.upload-button__link{font-size:1.3rem;line-height:1.9rem}}.icon svg{width:100%;height:100%}.dialog-configurator-image{padding:4rem 1.5rem 2rem}.dialog-configurator-image__wrapper{display:flex;justify-content:space-between}.dialog-configurator-image__selection{flex:0 0 260px;margin:0 4rem 0 0}.dialog-configurator-image__selection ul{margin:0;padding:0;list-style:none}.dialog-configurator-image__selection-headline{font-weight:bold;font-family:arial,sans-serif;color:#666;font-size:1.8rem;line-height:2.4rem;margin:0 0 1rem}@media only screen and (min-width:0) and (max-width:520px){.dialog-configurator-image__selection-headline{font-size:1.5rem;line-height:2.2rem}}.dialog-configurator-image__output{position:relative;flex-basis:600px;overflow:hidden}.dialog-configurator-image__blank{position:relative;width:600px;max-width:100%;padding-top:75%;background-color:#e6e6e6}.dialog-configurator-image__image{position:relative;margin:0 auto}.dialog-configurator-image__image>img{display:block;max-width:100%;margin:0 auto}.dialog-configurator-image__image canvas{display:block;max-width:100%;max-height:450px;margin:0 auto}.dialog-configurator-image__buttons{clear:both;box-sizing:border-box;margin-left:300px;padding-top:2rem;text-align:center}.dialog-configurator-image__buttons .button-cta--green{width:180px;padding:.6rem 1rem}.dialog-configurator-image__button-container{box-sizing:border-box;max-width:575px;height:250px;margin-right:2.5rem;border:3px dashed var(--primary);border-radius:5px}.dialog-configurator-image__button-upload-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.dialog-configurator-image-blank{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;padding:0 2rem}@media only screen and (min-width:0) and (max-width:375px){.dialog-configurator-image-blank{font-size:1.3rem;line-height:1.9rem}}.dialog-configurator-image-blank__icon{margin:.6rem 1rem 0 0}.dialog-configurator-image-blank__icon svg{color:#f30000}.dialog-configurator-image-tabs{box-sizing:border-box;margin:0 auto 2rem;border:1px solid #cdcdcd}.dialog-configurator-image-tabs .swiper-button{top:0;width:38px;height:38px;border:0}.dialog-configurator-image-tabs .swiper-button-prev{left:-19px;background-position:17px}.dialog-configurator-image-tabs .swiper-button-next{right:-19px}.dialog-configurator-image-tabs__list{display:flex;box-sizing:border-box;width:100%;margin:0;padding:0;list-style:none}.dialog-configurator-image-tabs__item{flex:0 0 auto;box-sizing:border-box;width:20%;text-align:center}.dialog-configurator-image-tabs__item.set{border-right:1px solid #cdcdcd}.dialog-configurator-image-tabs__item.edit{border-right:1px solid #cdcdcd}.dialog-configurator-image-tabs__item.effect{border-right:1px solid #cdcdcd}.dialog-configurator-image-tabs__item.optimize{border-right:1px solid #cdcdcd}.dialog-configurator-image-tabs__item a{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:block;padding:.8rem 0;text-decoration:none}@media only screen and (min-width:0) and (max-width:375px){.dialog-configurator-image-tabs__item a{font-size:1.3rem;line-height:1.9rem}}@media(hover:hover){.dialog-configurator-image-tabs__item a:hover{color:var(--green)}}.dialog-configurator-image-tabs__item.active{background-color:var(--green)}.dialog-configurator-image-tabs__item.active a{color:#fff;cursor:pointer}@media(hover:hover){.dialog-configurator-image-tabs__item.active a:hover{color:#fff}}.dialog-configurator-image-tabs__item.inactive{background-color:#fff}.dialog-configurator-image-tabs__item.inactive a{color:#cdcdcd;cursor:default}@media(hover:hover){.dialog-configurator-image-tabs__item.inactive a:hover{color:#cdcdcd}}.dialog-configurator-image-edit__selection li{margin:0 0 .5rem}.dialog-configurator-image-edit__selection li.reset{margin:2rem 0 0}.dialog-configurator-image-edit__selection li a{display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box;width:220px}.dialog-configurator-image-edit__selection li a span.icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0 .5rem 0 0}.dialog-configurator-image-edit__selection li a span.text{display:inline-block;vertical-align:middle}.dialog-configurator-image-set__table{margin:-0.2rem}.dialog-configurator-image-set__table td{padding:.2rem}.dialog-configurator-image-set__table td a{display:block;width:60px;height:45px;border:1px solid #cdcdcd;background:#e6e6e6}.dialog-configurator-image-set__table td.over a{background:#f1ffe5}.dialog-configurator-image-set__table td.inactive a{background:#f2f2f2;cursor:default}.dialog-configurator-image-set__table td.active a{background:var(--primary)}.dialog-configurator-image-set__table td.active.over a{background:var(--green)}.dialog-configurator-image-set__product{margin:1.5rem 0 0}.dialog-configurator-image-set__size{margin:0 0 .3rem;overflow:hidden}.dialog-configurator-image-set__size .text{font-weight:bold;font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:block;float:left}.dialog-configurator-image-set__size .info{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:block;float:right}@media only screen and (min-width:0) and (max-width:375px){.dialog-configurator-image-set__size .info{font-size:1.3rem;line-height:1.9rem}}.dialog-configurator-image-set__price{margin:0;overflow:hidden}.dialog-configurator-image-set__price .text{font-weight:bold;font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:block;float:left}.dialog-configurator-image-set__price .info{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;align-items:center;float:right}@media only screen and (min-width:0) and (max-width:375px){.dialog-configurator-image-set__price .info{font-size:1.3rem;line-height:1.9rem}}.dialog-configurator-image-set__price .info .price--original{margin:0 1rem 0 0}.dialog-configurator-image-selection__title{display:block;text-align:center;background-color:#e6e6e6}.dialog-configurator-image-selection__item{float:left;width:82px;margin:0 1.5rem 1.5rem 0}.dialog-configurator-image-selection__item--blank{height:calc(82px + 15px);background-color:#e6e6e6}.dialog-configurator-image-selection__item.active{border-color:var(--green)}.dialog-configurator-image-selection__item.active .dialog-configurator-image-selection__title{color:#fff;background-color:var(--green)}.dialog-configurator-image-selection__link{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;position:relative;display:block;width:100%;text-decoration:none}@media only screen and (min-width:0) and (max-width:520px){.dialog-configurator-image-selection__link{font-size:1.1rem;line-height:1.5rem}}.dialog-configurator-image-selection__image{display:block;margin:0 auto}.dialog-configurator-image-selection__shape-overlay{position:absolute;top:1px;left:1px}.dialog-configurator-image-shape .dialog-configurator-image__image img{width:100%;height:auto}@media only screen and (max-width:800px){.dialog-wrapper--configurator-image{max-width:660px}.dialog-configurator-image__tab{display:flex;flex-direction:column;justify-content:center}.dialog-configurator-image__wrapper{flex-direction:column;align-items:center}.dialog-configurator-image__selection{flex:0 0 auto;width:100%;margin:0}.dialog-configurator-image__output{flex:0 0 auto;width:100%}.dialog-configurator-image__buttons{margin-left:0;padding:2rem 0 0}.dialog-configurator-image__button-container{max-width:100%;margin-right:0}.dialog-configurator-image-set__selection{margin:0 0 2rem}.dialog-configurator-image-set__content{display:flex}.dialog-configurator-image-set__table{flex:0 0 260px}.dialog-configurator-image-set__product{flex:1 1 auto;margin:0 0 0 4rem}.dialog-configurator-image-edit__selection{margin:0 0 2rem}.dialog-configurator-image-edit__selection li{float:left;margin:0 2rem 1rem 0}.dialog-configurator-image-edit__selection li.reset{margin:0 2rem .75rem 0}.dialog-configurator-image-tabs__item{flex:0 0 auto;width:140px}}@media only screen and (max-width:540px){.dialog-configurator-image__selection-headline{text-align:center}.dialog-configurator-image__buttons .button-cta--green{display:block;width:auto}.dialog-configurator-image-set__content{flex-direction:column;align-items:center}.dialog-configurator-image-set__table{flex:0 0 260px;margin:0 0 1rem}.dialog-configurator-image-set__product{flex:0 0 auto;width:260px;margin:0}.dialog-configurator-image-edit__selection li{float:none;margin:0 0 1.2rem;text-align:center}.dialog-configurator-image-edit__selection li.reset{margin:0 0 .75rem}.dialog-configurator-image-edit__selection li a{width:auto}}.configurator-navigation{display:flex;width:1000px;margin:0;padding:0;list-style:none}.configurator-navigation__link{display:block;overflow:hidden;text-decoration:none;cursor:default}.configurator-navigation__link .nav-item-position{display:none}.configurator-navigation__link .name{font-weight:bold;font-family:arial,sans-serif;color:#666;font-size:1.8rem;line-height:2.4rem;position:absolute;top:6px;display:block}@media only screen and (min-width:0) and (max-width:520px){.configurator-navigation__link .name{font-size:1.5rem;line-height:2.2rem}}.configurator-navigation__link .info{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem;position:absolute;top:33px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media only screen and (min-width:0) and (max-width:520px){.configurator-navigation__link .info{font-size:1.2rem;line-height:1.7rem}}.configurator-navigation__item{height:60px}.configurator-navigation__item.available .configurator-navigation__link{cursor:pointer}.configurator-navigation__item.available .name{color:var(--primary)}.configurator-navigation__item.available:hover .name{color:var(--green)}.configurator-navigation__item.active .configurator-navigation__link{cursor:default}.configurator-navigation__item.active .name{color:var(--green)}.configurator-navigation--photo .configurator-navigation__item{width:250px}.configurator-navigation--photo .configurator-nav-link{background-image:url("/web/img/configurator/navigation_photo_bg.png")}.configurator-navigation--frame .configurator-navigation__item{width:167px}.configurator-navigation--frame .configurator-navigation__item:last-of-type{width:165px}.configurator-navigation--frame .configurator-nav-link{background-image:url("/web/img/configurator/navigation_frame_bg.png")}.configurator-navigation .configurator-nav-link{position:relative;display:block;height:60px}.configurator-navigation #navigation-image-photo a{background-position:0 -140px}.configurator-navigation #navigation-image-photo.available a{background-position:0 0}.configurator-navigation #navigation-image-photo.available a:hover,.configurator-navigation #navigation-image-photo.available.active a{background-position:0 -70px}.configurator-navigation #navigation-image-photo a span.name,.configurator-navigation #navigation-image-photo a span.info{left:51px;width:193px}.configurator-navigation #navigation-material-photo a{background-position:-250px -140px}.configurator-navigation #navigation-material-photo.available a{background-position:-250px 0}.configurator-navigation #navigation-material-photo.available a:hover,.configurator-navigation #navigation-material-photo.available.active a{background-position:-250px -70px}.configurator-navigation #navigation-material-photo a span.name,.configurator-navigation #navigation-material-photo a span.info{left:56px;width:190px}.configurator-navigation #navigation-format-photo a{background-position:-500px -140px}.configurator-navigation #navigation-format-photo.available a{background-position:-500px 0}.configurator-navigation #navigation-format-photo.available a:hover,.configurator-navigation #navigation-format-photo.available.active a{background-position:-500px -70px}.configurator-navigation #navigation-format-photo a span.name,.configurator-navigation #navigation-format-photo a span.info{left:58px;width:190px}.configurator-navigation #navigation-option-photo a{background-position:-750px -140px}.configurator-navigation #navigation-option-photo.available a{background-position:-750px 0}.configurator-navigation #navigation-option-photo.available a:hover,.configurator-navigation #navigation-option-photo.available.active a{background-position:-750px -70px}.configurator-navigation #navigation-option-photo a span.name,.configurator-navigation #navigation-option-photo a span.info{left:60px;width:179px}.configurator-navigation #navigation-image-frame a{background-position:0 -140px}.configurator-navigation #navigation-image-frame.available a{background-position:0 0}.configurator-navigation #navigation-image-frame.available a:hover,.configurator-navigation #navigation-image-frame.available.active a{background-position:0 -70px}.configurator-navigation #navigation-image-frame a span.name,.configurator-navigation #navigation-image-frame a span.info{left:46px;width:109px}.configurator-navigation #navigation-material-frame a{background-position:-167px -140px}.configurator-navigation #navigation-material-frame.available a{background-position:-167px 0}.configurator-navigation #navigation-material-frame.available a:hover,.configurator-navigation #navigation-material-frame.available.active a{background-position:-167px -70px}.configurator-navigation #navigation-material-frame a span.name,.configurator-navigation #navigation-material-frame a span.info{left:50px;width:106px}.configurator-navigation #navigation-frame-frame a{background-position:-334px -140px}.configurator-navigation #navigation-frame-frame.available a{background-position:-334px 0}.configurator-navigation #navigation-frame-frame.available a:hover,.configurator-navigation #navigation-frame-frame.available.active a{background-position:-334px -70px}.configurator-navigation #navigation-frame-frame a span.name,.configurator-navigation #navigation-frame-frame a span.info{left:51px;width:106px}.configurator-navigation #navigation-format-frame a{background-position:-501px -140px}.configurator-navigation #navigation-format-frame.available a{background-position:-501px 0}.configurator-navigation #navigation-format-frame.available a:hover,.configurator-navigation #navigation-format-frame.available.active a{background-position:-501px -70px}.configurator-navigation #navigation-format-frame a span.name,.configurator-navigation #navigation-format-frame a span.info{left:52px;width:106px}.configurator-navigation #navigation-mat-frame a{background-position:-668px -140px}.configurator-navigation #navigation-mat-frame.available a{background-position:-668px 0}.configurator-navigation #navigation-mat-frame.available a:hover,.configurator-navigation #navigation-mat-frame.available.active a{background-position:-668px -70px}.configurator-navigation #navigation-mat-frame a span.name,.configurator-navigation #navigation-mat-frame a span.info{left:53px;width:106px}.configurator-navigation #navigation-glass-frame a{background-position:-835px -140px}.configurator-navigation #navigation-glass-frame.available a{background-position:-835px 0}.configurator-navigation #navigation-glass-frame.available a:hover,.configurator-navigation #navigation-glass-frame.available.active a{background-position:-835px -70px}.configurator-navigation #navigation-glass-frame a span.name,.configurator-navigation #navigation-glass-frame a span.info{left:54px;width:106px}@media only screen and (max-width:1080px){.configurator-navigation{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.configurator-navigation__link{overflow:visible;text-align:center;background-color:#fff}.configurator-navigation__link .nav-item-position{font-weight:bold;font-family:arial,sans-serif;color:#fff;font-size:1.8rem;line-height:2.4rem;display:block;width:40px;height:40px;margin:0 auto 1rem auto;border-radius:50%;background-color:#cdcdcd}}@media only screen and (max-width:1080px) and (min-width:0) and (max-width:520px){.configurator-navigation__link .nav-item-position{font-size:1.5rem;line-height:2.2rem}}@media only screen and (max-width:1080px){.configurator-navigation__link .nav-item-position span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}}@media only screen and (max-width:1080px){.configurator-navigation__link .name{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;position:static;width:100% !important;color:#666 !important}}@media only screen and (max-width:1080px) and (min-width:0) and (max-width:375px){.configurator-navigation__link .name{font-size:1.3rem;line-height:1.9rem}}@media only screen and (max-width:1080px){.configurator-navigation__link .info{position:static;display:none;width:100% !important}}@media only screen and (max-width:1080px){.configurator-navigation__number-wrapper{position:relative;z-index:1;display:block;width:60px;height:40px;margin:0 auto 1rem auto;background-color:#fff}}@media only screen and (max-width:1080px){.configurator-navigation__item{position:relative;height:auto;background-color:transparent !important}.configurator-navigation__item:not(:last-of-type) .configurator-navigation__number-wrapper{position:relative}.configurator-navigation__item:not(:last-of-type) .configurator-navigation__number-wrapper::after{position:absolute;top:50%;left:100%;z-index:0;width:240px;margin:0;border-bottom:1px solid #e6e6e6;content:" "}.configurator-navigation__item:last-of-type .configurator-navigation__number-wrapper{margin-right:0;padding-right:calc((100% - 6rem) / 2)}.configurator-navigation__item.available .nav-item-position{background-color:var(--primary)}.configurator-navigation__item.available:hover .nav-item-position{background-color:var(--green)}.configurator-navigation__item.active .nav-item-position{background-color:var(--green)}}@media only screen and (max-width:1080px){.configurator-navigation--photo .configurator-navigation__item,.configurator-navigation--frame .configurator-navigation__item{flex:0 1 100px;width:100px;min-width:80px}.configurator-navigation--photo .configurator-navigation__item:last-of-type,.configurator-navigation--frame .configurator-navigation__item:last-of-type{width:100px;min-width:80px}}@media only screen and (max-width:1080px){.configurator-navigation .configurator-nav-link{height:auto;background:0}}@media only screen and (max-width:720px){.configurator__navigation{background-color:#f2f2f2}.configurator-navigation{display:block;justify-content:center;overflow-x:scroll;text-align:center}.configurator-navigation__item{display:inline-block;padding:1rem .5rem}.configurator-navigation__item .name{color:#666 !important;opacity:.3}.configurator-navigation__item.available .name{opacity:1}.configurator-navigation__item.active{border-top:3px solid transparent;border-bottom:3px solid var(--primary)}.configurator-navigation__item.active .name{color:var(--primary) !important;font-weight:bold}.configurator-navigation__number-wrapper{display:none}.configurator-navigation--photo .configurator-navigation__item,.configurator-navigation--frame .configurator-navigation__item{flex-basis:initial !important;width:initial !important;min-width:initial !important;margin:0 .5rem}}.configurator__output{display:flex;flex-direction:column;align-items:center;width:400px;margin:0 auto}.preview-options{width:100%;margin-bottom:1.5rem}.preview-options--active{display:block}.preview-options__items{display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:0;list-style:none}.preview-options a{display:flex;align-items:center;text-decoration:none}.preview-options span{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem}@media only screen and (min-width:0) and (max-width:520px){.preview-options span{font-size:1.2rem;line-height:1.7rem}}.preview-options__icon{width:21px;height:22px;color:#a7a7a7}.preview-options__icon--preview{margin-right:.5rem}.preview-options__icon--save{margin-left:.5rem}.preview-options-items__item{padding:0 1rem}.preview-options-item{display:none}.preview-options-item--active{display:block}.preview-options-item--saved a{cursor:default}.preview-options-item:not(.preview-options-item--saved) a:hover span,.preview-options-item:not(.preview-options-item--saved) a:hover svg{color:var(--primary)}.configurator-preview{width:100%}.preview-normal-output{display:flex;flex-direction:column;align-items:center}.preview-normal-output__canvas{position:relative;display:none}.preview-normal-output__canvas canvas{max-width:100%;max-height:350px}.preview-normal-output__image{position:relative}.preview-normal-output__image img{width:100%}.preview-normal-output__buttons{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-top:1.5rem}#preview-normal-loading{position:relative;background:url("/web/img/loader_blue.gif") center center no-repeat}#preview-normal-loading::before{display:block;width:100%;padding-top:75%;content:""}#preview-normal-loading>.ignore{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.preview-buttons__wrapper{display:flex;flex-basis:40%}.preview-buttons__icon{height:25px;color:#a7a7a7}.preview-buttons__text{text-align:center}.preview-buttons__icon,.preview-buttons__text{box-sizing:border-box;width:100%;border-right:1px solid #cdcdcd}.preview-buttons__button{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;display:flex;flex:1 1 20%;flex-direction:column;align-items:center;padding:0 0 .5rem 0;border-bottom:1px solid #cdcdcd;text-decoration:none;cursor:pointer}@media only screen and (min-width:0) and (max-width:520px){.preview-buttons__button{font-size:1.1rem;line-height:1.5rem}}.preview-buttons__button.inactive{color:#cdcdcd;cursor:default}.preview-buttons__button.inactive .preview-buttons__icon{color:#cdcdcd}.preview-buttons__button.shape .preview-buttons__icon,.preview-buttons__button.shape .preview-buttons__text{border:0}.preview-buttons .optimize-icon{height:25px;background:url("/web/img/configurator/bild-optimieren.svg") 0 0 no-repeat;background-position:center 0;background-size:contain}.image-suitability{width:100%;margin-top:2.8rem}.image-suitability__headline{font-weight:bold;font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;width:100%;margin:0 0 2.1rem 0;text-align:center}.image-suitability__progress-bar{width:100%}.image-suitability-headline{overflow:hidden}.image-suitability-headline__text{position:relative;display:inline-block}.image-suitability-headline__text::before,.image-suitability-headline__text::after{position:absolute;top:50%;width:500px;margin:0 2rem;border-bottom:1px solid #e6e6e6;content:" "}.image-suitability-headline__text::before{right:100%}.image-suitability-headline__text::after{left:100%}.progress-bar{display:flex;flex:1 1 100%}.progress-bar__background{position:relative;box-sizing:border-box;width:100%;height:19px;margin-right:1rem;padding:0 1rem;overflow:hidden;background:#f2f2f2}.progress-bar__progress-background{position:relative;top:8px;width:100%;height:3px;background:#666}.progress-bar__progress{position:absolute;left:0;width:0;height:100%}.progress-bar__icon-container{box-sizing:border-box;width:18px;height:18px;padding:.1rem;text-align:center;vertical-align:middle;background:#f2f2f2}.progress-bar__icon{width:15px;height:16px}.progress-bar__label{position:relative;display:inline-block;box-sizing:border-box;width:100%;padding-right:1rem;line-height:1.4rem;text-align:right}.exclamation-icon{font-weight:700;font-size:1.4rem}.image-suitability-text{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;margin-top:.8rem;font-style:italic}@media only screen and (min-width:0) and (max-width:520px){.image-suitability-text{font-size:1.1rem;line-height:1.5rem}}#preview-normal-upload-button-wrapper{position:relative;box-sizing:border-box;width:400px;border:3px dashed var(--primary);border-radius:5px}#preview-normal-upload-button-wrapper::before{display:block;width:100%;padding-top:75%;content:""}#preview-normal-upload-button-wrapper>.preview-normal__upload-button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#preview-normal-upload-button-wrapper .preview-normal-upload__link{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;text-decoration:none}@media only screen and (min-width:0) and (max-width:375px){#preview-normal-upload-button-wrapper .preview-normal-upload__link{font-size:1.3rem;line-height:1.9rem}}#preview-normal-upload-button-wrapper .preview-normal-upload__icon{width:25px;height:25px;margin-right:.5rem;color:#666}#preview-normal-upload-button-wrapper:hover .preview-normal-upload__link,#preview-normal-upload-button-wrapper:hover .preview-normal-upload__icon{color:var(--primary)}.preview-normal__upload-button{display:flex;align-items:center;justify-content:center;cursor:pointer}@media only screen and (min-device-width:920px){.preview-buttons__button:hover:not(.inactive){color:var(--primary)}.preview-buttons__button:hover:not(.inactive) .preview-buttons__icon{color:var(--primary)}}@media only screen and (max-width:720px){.configurator__output{margin:0 0 1rem 0}.configurator__preview{max-width:400px;margin:0 auto}.preview-normal-output__image-suitability{order:-1;max-width:80%;margin-top:0}.preview-normal-output__image-suitability .image-suitability__headline{display:none}.preview-normal-output__image-suitability .image-suitability__text{text-align:center}.preview-normal-output__image-suitability .progress-bar__background{margin-right:0}.preview-normal-output__image-suitability .progress-bar__icon-container{display:none}.preview-options{position:absolute;top:0;right:0;width:auto}.preview-options__text{display:none}.preview-options-items__item{padding:0}.preview-buttons{justify-content:center}.preview-buttons__button{flex:0 0 auto;flex-direction:row;margin:0 1.5rem;border-bottom:0}.preview-buttons__icon{width:25px;margin-right:1rem}.preview-buttons__text{width:initial}.preview-buttons__icon,.preview-buttons__text{border-right:0}.preview-buttons__button.set,.preview-buttons__wrapper{display:none}}@media only screen and (max-width:520px){.preview-normal-output__image-suitability{max-width:75%;margin-right:auto}}@media only screen and (max-width:430px){.configurator__output{box-sizing:border-box;width:100%}#preview-normal-upload-button-wrapper{width:100%}}.selection-framed-products,.selection-photos-products{width:100%;margin-bottom:2rem}.image-list__item{position:relative;width:60px;height:60px;margin-bottom:.9rem}.image-list__item a{display:block}.image-list__item .image{position:relative}.image-list__item .image.active a::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:3px solid var(--green);content:" "}.image-list__item img{display:block;box-sizing:border-box;width:60px;height:60px;border:1px solid #cdcdcd}.frame-only-button{width:100%;height:100%}.frame-only-button a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;padding:1rem;text-decoration:none;background-color:#f7f7f7}.frame-only-button a:hover{background-color:#e6e6e6}.frame-only-button__icon{width:24px;height:24px;margin-right:1rem;color:#666}.frame-only-button__text{font-family:arial,sans-serif;color:var(--primary);font-size:1.2rem;line-height:1.7rem}@media only screen and (min-width:0) and (max-width:520px){.frame-only-button__text{font-size:1.1rem;line-height:1.5rem}}.frame-only-button--active a{cursor:default}.frame-only-button--active a:hover{background-color:#e6e6e6}.selection-image{box-sizing:border-box;width:240px;padding:1rem 2rem;border:1px solid #cdcdcd}.selection-image__image-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0;padding:0;list-style:none}.selection-image .empty a{cursor:default}.selection-image a.image-delete{position:absolute;top:1px;right:1px;display:block;width:15px;height:15px;background:url("/web/img/icons/delete-icon.svg") 2px 0 no-repeat;background-color:#fff}.image-upload-button__button{box-sizing:border-box;width:100%;text-align:center}.frame-only{box-sizing:border-box;width:100%;margin-top:1rem;border:1px solid #cdcdcd}.frame-only--active{border:3px solid var(--green)}.frame-only--active .frame-only-button__text{color:var(--green)}.selection-format{width:240px}.selection-format .content{margin-bottom:2rem}.selection-format__list{margin:0;padding:0;list-style:none}.format-list{border:1px solid #cdcdcd}.format-list__headline{display:none}.format-list__format{position:relative}.format-list__format:not(:last-of-type){border-bottom:1px solid #cdcdcd}.format-list__format.active{background-color:#fff}.format-list__format.active::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:3px solid var(--green);content:" "}.format__link{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:.5rem 1rem;text-decoration:none}.format__link .text{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem;margin-right:auto}@media only screen and (min-width:0) and (max-width:520px){.format__link .text{font-size:1.2rem;line-height:1.7rem}}.format__link .price{font-size:1.3rem}.button--format{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem;display:block;padding:.5rem;border:1px solid #cdcdcd;text-decoration:none;background-image:url("/web/img/icons/arrow-filled-right-666.svg"),linear-gradient(to right,#e6e6e6,#e6e6e6);background-repeat:no-repeat;background-position:right 1rem top 10px,100% 0;background-size:10px 10px,3.1rem 3.1rem}@media only screen and (min-width:0) and (max-width:520px){.button--format{font-size:1.2rem;line-height:1.7rem}}.button--format:first-of-type{margin-bottom:1rem}.button--format.active{border:1px solid var(--primary)}.material-list__option-list{height:auto;border:none !important}.material-list__option-list li{border:0;background-color:#fff}.material-list__option-list li .text{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem;color:#666 !important}@media only screen and (min-width:0) and (max-width:520px){.material-list__option-list li .text{font-size:1.2rem;line-height:1.7rem}}.material-list__option-list li .price{color:#666 !important}.material-list__option-list li.material-list__option-list--inactive a{cursor:default}.material-list__option-list li.material-list__option-list--inactive .text,.material-list__option-list li.material-list__option-list--inactive .price{color:#cdcdcd !important}.material.active .material-list__option-list{display:block}.selection-material{width:240px}.selection-material__headline{display:none}.selection-material__list{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;margin:0;padding:0;border:1px solid #cdcdcd;list-style:none}.selection-material__list .text{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem}@media only screen and (min-width:0) and (max-width:520px){.selection-material__list .text{font-size:1.2rem;line-height:1.7rem}}.selection-material__list .price{color:#666}.selection-material__list a{text-decoration:none}.selection-material__list .material{height:auto;background-color:#f7f7f7}.selection-material__list .material:not(:last-of-type){border-bottom:1px solid #cdcdcd}.selection-material__list .material .text{margin-right:auto}.selection-material__list .material .price{font-family:arial,sans-serif;color:#666;font-size:1.3rem;line-height:1.9rem;line-height:1.8rem}@media only screen and (min-width:0) and (max-width:520px){.selection-material__list .material .price{font-size:1.2rem;line-height:1.7rem}}.selection-material__list .material.active,.selection-material__list .material:hover{background-color:var(--green)}.selection-material__list .material.active .text,.selection-material__list .material.active .price,.selection-material__list .material:hover .text,.selection-material__list .material:hover .price{color:#fff}.selection-material__list .material>a{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.material-type__image-wrapper{display:none}.material-option-swiper-container{display:none}.selection-frame__type .kunststoffrahmen .price{font-weight:bold}.selection-frame__content{width:100%}@media only screen and (max-width:720px){#selection{display:flex;align-items:center;justify-content:center;width:100%}.selection-image{width:445px;border:0}.selection-format{width:100%}.selection-framed-products,.selection-photos-products{margin-bottom:0;padding:0;border:0;color:#666;text-decoration:underline;cursor:pointer}.selection-framed-products:hover,.selection-photos-products:hover{color:#666;background:0}.selection-framed-products::before{content:"+ "}.format-list{border-color:#9a9a9a}.format-list__headline{font-family:arial,sans-serif;color:#fff;font-size:1.5rem;line-height:2.2rem;display:flex;align-items:center;justify-content:space-between;margin:0;padding:1rem;background-color:#9a9a9a}}@media only screen and (max-width:720px) and (min-width:0) and (max-width:375px){.format-list__headline{font-size:1.3rem;line-height:1.9rem}}@media only screen and (max-width:720px){.format-list__format{border-bottom:none !important;background-color:#fff}.format-list__format:nth-of-type(2n-1){background-color:#f2f2f2}}@media only screen and (max-width:720px){.material-type__image-wrapper{position:relative;display:block}.material-type__image-wrapper .image{display:block;width:90px;height:67px;background-image:url("/web/img/sprites/configurator.png")}.material-type .material{width:92px;border-bottom:none !important}.material-type .material .price{display:none}}@media only screen and (max-width:720px){.material.active .material-list__option-list{display:none}}@media only screen and (max-width:720px){.selection-material{width:100%}.selection-material .content{display:flex;flex-direction:column;align-items:center;overflow:hidden}.selection-material__headline{position:relative;display:inline-block;font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;margin:2rem 0;text-align:center}.selection-material__headline::before,.selection-material__headline::after{position:absolute;top:50%;width:500px;margin:0 2rem;border-bottom:1px solid #e6e6e6;content:" "}.selection-material__headline::before{right:100%}.selection-material__headline::after{left:100%}}@media only screen and (max-width:720px) and (min-width:0) and (max-width:375px){.selection-material__headline{font-size:1.3rem;line-height:1.9rem}}@media only screen and (max-width:720px){.selection-material__list{flex-direction:row;margin:0;border:none !important}.selection-material__list .selection-material__headline{display:none}.selection-material__list .material{background-color:transparent}.selection-material__list .material:not(:last-of-type){margin-right:2rem}.selection-material__list .material .text{margin:1rem 0 0 0;text-align:center}.selection-material__list .material.active,.selection-material__list .material:hover{background-color:transparent}.selection-material__list .material.active .text,.selection-material__list .material.active .price,.selection-material__list .material:hover .text,.selection-material__list .material:hover .price{color:#666}.selection-material__list .material.active .material-type__image-wrapper{position:relative;display:block}.selection-material__list .material.active .material-type__image-wrapper .image::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:3px solid var(--green);content:" "}.selection-material__list .material>a{position:relative;flex-direction:column;align-items:center;padding:0}}@media only screen and (max-width:720px){.material-option-swiper-container{display:block}}@media only screen and (max-width:520px){.selection-image{width:307px}.selection-image--less-than-4 .selection-image__image-list li:nth-of-type(n+5){display:none}}@media only screen and (max-width:420px){.selection-framed-products,.selection-photos-products{font-size:1.5rem !important;line-height:2.2rem !important}}@media only screen and (min-width:0) and (max-width:360px){.selection-image{width:238px}.selection-image--less-than-3 .selection-image__image-list li:nth-of-type(n+4){display:none}}@media only screen and (max-width:472px){.selection::after{display:none;content:"bp-configurator-mat"}}.selection-frame,.selection-mat,.selection-glass,.selection-option{width:240px}.selection-frame__headline,.selection-option__headline,.selection-glass__headline{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:none;margin:0 0 1rem 0}@media only screen and (min-width:0) and (max-width:375px){.selection-frame__headline,.selection-option__headline,.selection-glass__headline{font-size:1.3rem;line-height:1.9rem}}.selection-frame__group,.selection-option__group,.selection-glass__group{display:flex;flex-wrap:wrap;box-sizing:border-box;width:100%;margin:0 0 0 2rem;padding:0;list-style:none}.selection-frame__type,.selection-option__type,.selection-glass__type{display:flex;flex-direction:column;box-sizing:border-box;width:100%;margin:0;padding:0;border:1px solid #cdcdcd;list-style:none}.selection-frame__type--scrollable,.selection-option__type--scrollable,.selection-glass__type--scrollable{-webkit-overflow-scrolling:touch;max-height:450px;overflow-y:scroll}.selection-frame__type--scrollable::-webkit-scrollbar,.selection-option__type--scrollable::-webkit-scrollbar,.selection-glass__type--scrollable::-webkit-scrollbar{-webkit-appearance:none}.selection-frame__type--scrollable::-webkit-scrollbar-track,.selection-option__type--scrollable::-webkit-scrollbar-track,.selection-glass__type--scrollable::-webkit-scrollbar-track{border-radius:.8rem;background-color:#fff;-webkit-box-shadow:inset 0 0 .6rem rgba(0,0,0,0.3)}.selection-frame__type--scrollable::-webkit-scrollbar-thumb,.selection-option__type--scrollable::-webkit-scrollbar-thumb,.selection-glass__type--scrollable::-webkit-scrollbar-thumb{border:.1rem solid #fff;border-radius:.8rem;background-color:rgba(0,0,0,0.5)}.selection-frame__type--scrollable::-webkit-scrollbar:vertical,.selection-option__type--scrollable::-webkit-scrollbar:vertical,.selection-glass__type--scrollable::-webkit-scrollbar:vertical{width:1.2rem}.selection-option__headline{display:block;margin:0;padding:1rem;color:#fff;background-color:var(--green)}.frame-group{margin:0 0 1rem 0}.frame-group__item{box-sizing:border-box;width:50%;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;text-align:center}.frame-group__item:nth-of-type(even){border-right:1px solid #cdcdcd}.frame-group__item:nth-of-type(1),.frame-group__item:nth-of-type(2){border-top:1px solid #cdcdcd}.frame-group__item:only-child{border-top:1px solid #cdcdcd;border-right:1px solid #cdcdcd}.frame-group__item a{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;display:block;padding:1rem 0;text-decoration:none}@media only screen and (min-width:0) and (max-width:375px){.frame-group__item a{font-size:1.3rem;line-height:1.9rem}}.frame-group__item a:hover{color:var(--green)}.frame-group__item.active{background-color:var(--green)}.frame-group__item.active a{color:#fff}.frame-group__item.active a:hover{color:#fff}.frame-type__item .image{background-image:url("/web/img/sprites/frame-types.png")}.option-type__item{height:auto}.option-type__item .image{background-image:url("/web/img/sprites/configurator.png")}.option-type__item .image.leinwand-rand-farbig{background-position:-360px -603px}.option-type__text{margin-left:.5rem}.mat__item .image{background-image:url("/web/img/sprites/frame-mats.png")}.mat__item .image.mat-none{font-family:arial,sans-serif;color:#666;font-size:1.2rem;line-height:1.7rem;display:flex;align-items:center;justify-content:center;text-decoration:none}@media only screen and (min-width:0) and (max-width:520px){.mat__item .image.mat-none{font-size:1.1rem;line-height:1.5rem}}.mat__item .image.mat-none .mat-image__text{display:block;box-sizing:border-box;width:100%;padding:0 1rem;text-align:center}.glass-type__item .image{background-image:url("/web/img/sprites/configurator.png");background-position:0 -1876px}.glass-type__text{margin-left:.5rem}.frame-type__item,.mat__item,.glass-type__item,.option-type__item{position:relative;width:100%;height:auto}.frame-type__item:not(:last-of-type),.mat__item:not(:last-of-type),.glass-type__item:not(:last-of-type),.option-type__item:not(:last-of-type){border-bottom:1px solid #cdcdcd}.frame-type__item .image,.mat__item .image,.glass-type__item .image,.option-type__item .image{display:block;width:90px;height:67px}.frame-type__item .text,.frame-type__item .price,.mat__item .text,.mat__item .price,.glass-type__item .text,.glass-type__item .price,.option-type__item .text,.option-type__item .price{display:block}.frame-type__item .text,.mat__item .text,.glass-type__item .text,.option-type__item .text{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem}@media only screen and (min-width:0) and (max-width:375px){.frame-type__item .text,.mat__item .text,.glass-type__item .text,.option-type__item .text{font-size:1.3rem;line-height:1.9rem}}.frame-type__item .price,.mat__item .price,.glass-type__item .price,.option-type__item .price{font-size:1.3rem;line-height:1.8rem}.frame-type__link,.mat__link,.glass-type__link,.option-type__link{display:flex;width:100%;text-decoration:none}.frame-type__text,.mat__text,.glass-type__text,.option-type__text{display:inline-block;box-sizing:border-box;width:calc(100% - 90px);padding:.5rem 0}.frame-type__preview-link,.mat__preview-link,.glass-type__preview-link,.option-type__preview-link{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer}.frame-type__icon,.mat__icon,.glass-type__icon,.option-type__icon{width:20px;height:20px;color:var(--primary)}.fotorahmen .frame-type__item .image{background-image:url("/web/img/sprites/frame-types-foto.png")}.hr-line{position:absolute;top:13px;left:0;z-index:1;width:100%;height:1px;background-color:#e6e6e6}.selection-mat__headline{font-family:arial,sans-serif;color:#666;font-size:1.5rem;line-height:2.2rem;margin:0 0 1.5rem 0}@media only screen and (min-width:0) and (max-width:375px){.selection-mat__headline{font-size:1.3rem;line-height:1.9rem}}.selection-mat__headline--mat-type{display:none}.selection-mat__mat-size,.selection-mat__mat{width:100%;margin:0;padding:0;list-style:none}.selection-mat__mat-size{position:relative;display:flex;justify-content:space-between;margin-bottom:2rem}.selection-mat__mat{display:flex;flex-direction:column;box-sizing:border-box;border:1px solid #cdcdcd}.selection-mat .mat-size__item{z-index:2;background-color:#fff}.selection-mat .mat-size__item:not(:first-of-type){padding-left:.2rem}.selection-mat .mat-size__item:not(:last-of-type){padding-right:.2rem}.selection-mat .mat-size__link{font-family:arial,sans-serif;color:#fff;font-size:1.5rem;line-height:2.2rem;text-decoration:none}@media only screen and (min-width:0) and (max-width:375px){.selection-mat .mat-size__link{font-size:1.3rem;line-height:1.9rem}}.selection-mat .mat-size__text{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#cdcdcd}.selection-mat .mat-size__text:hover{background-color:var(--green)}.selection-mat .mat-size.active .mat-size__link{cursor:default}.selection-mat .mat-size.active .mat-size__text{background-color:var(--green)}.selection-mat .mat-size.inactive .mat-size__link{font-family:arial,sans-serif;color:#cdcdcd;font-size:1.5rem;line-height:2.2rem;cursor:default}@media only screen and (min-width:0) and (max-width:375px){.selection-mat .mat-size.inactive .mat-size__link{font-size:1.3rem;line-height:1.9rem}}.selection-mat .mat-size.inactive .mat-size__text{border:1px solid #cdcdcd;background-color:#fff}@media only screen and (min-width:721px){.frame-type__item.active .frame-type__link::before,.frame-type__item.active .mat__link::before,.frame-type__item.active .glass-type__link::before,.frame-type__item.active .option-type__link::before,.mat__item.active .frame-type__link::before,.mat__item.active .mat__link::before,.mat__item.active .glass-type__link::before,.mat__item.active .option-type__link::before,.glass-type__item.active .frame-type__link::before,.glass-type__item.active .mat__link::before,.glass-type__item.active .glass-type__link::before,.glass-type__item.active .option-type__link::before,.option-type__item.active .frame-type__link::before,.option-type__item.active .mat__link::before,.option-type__item.active .glass-type__link::before,.option-type__item.active .option-type__link::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:3px solid var(--green);content:" "}}@media only screen and (max-width:720px){.frame-group{margin-top:1rem}.frame-group__item:only-child{display:none}.selection-frame,.selection-glass,.selection-option{width:100%}.selection-frame__type,.selection-glass__type,.selection-option__type{flex-direction:row;justify-content:center;border:0}.selection-frame__type--scrollable,.selection-glass__type--scrollable,.selection-option__type--scrollable{overflow-y:visible}.selection-frame__type.swiper-wrapper,.selection-glass__type.swiper-wrapper,.selection-option__type.swiper-wrapper{align-items:flex-start}.selection-mat .content,.selection-glass .content,.selection-option .content{display:flex;flex-direction:column;align-items:center;overflow:hidden}.selection-mat .content .mat-type-swiper-container,.selection-glass .content .mat-type-swiper-container,.selection-option .content .mat-type-swiper-container{order:-1}.selection-mat__headline,.selection-glass__headline,.selection-option__headline{position:relative;display:inline-block;margin:0 0 2rem 0;text-align:center}.selection-mat__headline::before,.selection-mat__headline::after,.selection-glass__headline::before,.selection-glass__headline::after,.selection-option__headline::before,.selection-option__headline::after{position:absolute;top:50%;width:500px;margin:0 2rem;border-bottom:1px solid #e6e6e6;content:" "}.selection-mat__headline::before,.selection-glass__headline::before,.selection-option__headline::before{right:100%}.selection-mat__headline::after,.selection-glass__headline::after,.selection-option__headline::after{left:100%}.selection-mat__headline--mat-type,.selection-glass__headline--mat-type,.selection-option__headline--mat-type{order:-1;margin-bottom:2rem}.selection-mat{width:100%}.selection-mat__mat{flex-direction:row;justify-content:center;border:0}.selection-mat__headline:first-of-type{margin-top:1.5rem}.mat__text .text{display:none}.frame-type__link,.mat__link,.glass-type__link,.option-type__link{position:relative;flex-direction:column;align-items:center}.frame-type__link .image,.mat__link .image,.glass-type__link .image,.option-type__link .image{border:1px solid #cdcdcd}.frame-type__link .text,.mat__link .text,.glass-type__link .text,.option-type__link .text{margin-top:1rem}.frame-type__link .price,.mat__link .price,.glass-type__link .price,.option-type__link .price{display:none}.frame-type__preview-link,.mat__preview-link,.glass-type__preview-link,.option-type__preview-link{top:40px;right:-2px}.frame-type__item,.mat__item,.glass-type__item,.option-type__item{width:92px;border:none !important}.frame-type__item.kunststoffrahmen,.mat__item.kunststoffrahmen,.glass-type__item.kunststoffrahmen,.option-type__item.kunststoffrahmen{width:125px}.frame-type__item.kunststoffrahmen .frame-type__preview-link,.mat__item.kunststoffrahmen .frame-type__preview-link,.glass-type__item.kunststoffrahmen .frame-type__preview-link,.option-type__item.kunststoffrahmen .frame-type__preview-link{right:15px}.frame-type__item:not(:last-of-type),.mat__item:not(:last-of-type),.glass-type__item:not(:last-of-type),.option-type__item:not(:last-of-type){margin-right:2rem}.frame-type__item.active .frame-type__image-wrapper,.frame-type__item.active .mat__image-wrapper,.frame-type__item.active .glass-type__image-wrapper,.frame-type__item.active .option-type__image-wrapper,.mat__item.active .frame-type__image-wrapper,.mat__item.active .mat__image-wrapper,.mat__item.active .glass-type__image-wrapper,.mat__item.active .option-type__image-wrapper,.glass-type__item.active .frame-type__image-wrapper,.glass-type__item.active .mat__image-wrapper,.glass-type__item.active .glass-type__image-wrapper,.glass-type__item.active .option-type__image-wrapper,.option-type__item.active .frame-type__image-wrapper,.option-type__item.active .mat__image-wrapper,.option-type__item.active .glass-type__image-wrapper,.option-type__item.active .option-type__image-wrapper{position:relative;display:block}.frame-type__item.active .frame-type__image-wrapper .image::before,.frame-type__item.active .mat__image-wrapper .image::before,.frame-type__item.active .glass-type__image-wrapper .image::before,.frame-type__item.active .option-type__image-wrapper .image::before,.mat__item.active .frame-type__image-wrapper .image::before,.mat__item.active .mat__image-wrapper .image::before,.mat__item.active .glass-type__image-wrapper .image::before,.mat__item.active .option-type__image-wrapper .image::before,.glass-type__item.active .frame-type__image-wrapper .image::before,.glass-type__item.active .mat__image-wrapper .image::before,.glass-type__item.active .glass-type__image-wrapper .image::before,.glass-type__item.active .option-type__image-wrapper .image::before,.option-type__item.active .frame-type__image-wrapper .image::before,.option-type__item.active .mat__image-wrapper .image::before,.option-type__item.active .glass-type__image-wrapper .image::before,.option-type__item.active .option-type__image-wrapper .image::before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:3px solid var(--green);content:" "}.frame-type__text,.mat__text,.glass-type__text,.option-type__text{box-sizing:border-box;width:100%;margin:0;padding:0;text-align:center}.mat-size__item:not(:first-of-type){padding-left:1rem !important}.mat-size__item:not(:last-of-type){padding-right:1rem !important}.selection-option__headline{padding:0;color:#666;background-color:#fff}}@media only screen and (min-width:521px) and (max-width:720px){.frame-group{margin-bottom:2rem}.frame-group__item{flex:1 1 auto;width:25%}.frame-group__item:nth-of-type(3),.frame-group__item:nth-of-type(4){border-top:1px solid #cdcdcd}.frame-group__item:nth-of-type(3){border-left:0}}@media only screen and (max-width:520px){.frame-group{margin-bottom:2rem}.frame-group__item{flex:1 0 auto;width:50%}}