.foto-decke-collage-customizer .canvas__wrapper{background:transparent!important;min-height:420px!important}.foto-decke-collage-customizer .main__wrapper .outer__main .canvas__wrapper{flex:1 1 auto;min-width:320px}.foto-decke-collage-customizer .main__wrapper .outer__main .canvas__wrapper .inn{background:transparent!important;box-shadow:none!important;padding:0!important;border:none!important;position:relative;display:block!important;width:100%!important;height:auto!important;min-height:0!important}.foto-decke-collage-customizer .collage-stage{position:relative;aspect-ratio:var(--collage-aspect, 100 / 70);container-type:inline-size;display:flex;margin:0 auto}.foto-decke-collage-customizer .collage-stage.is-landscape{width:100%;max-width:560px;height:auto}.foto-decke-collage-customizer .collage-stage.is-portrait{height:min(560px,64vh);width:auto;max-width:100%}.foto-decke-collage-customizer .collage-grid{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:5cqw;overflow:hidden;background-color:var(--blanket-color, #CBCBCB)}.foto-decke-collage-customizer .collage-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--fleece-tex);background-size:cover;background-position:center;mix-blend-mode:multiply;opacity:.38;pointer-events:none;border-radius:inherit}.foto-decke-collage-customizer .collage-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 4cqw #0000001a}.foto-decke-collage-customizer .collage-grid.no-panel{display:grid}.foto-decke-collage-customizer .collage-grid.has-panel{display:flex}.foto-decke-collage-customizer .panel{position:relative;z-index:1;flex:1;background:var(--panel-color, #EAE3D5);border-radius:0;display:grid}.foto-decke-collage-customizer .photo-slot{position:relative;z-index:1;overflow:hidden;border-radius:0;background:#d9d4ca}.foto-decke-collage-customizer .photo-slot.mat{box-shadow:0 0 0 .5cqw #fff,0 1.2cqw 2.6cqw #00000038}.foto-decke-collage-customizer .photo-slot .photo{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.foto-decke-collage-customizer .photo-slot:not(.has-photo){cursor:pointer}.foto-decke-collage-customizer .photo-slot:not(.has-photo):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3}.foto-decke-collage-customizer .photo-slot .cta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3em;color:#fff;font-size:clamp(8px,2cqw,12px);font-weight:500;letter-spacing:.06em;pointer-events:none;z-index:4;text-align:center;opacity:0;transition:opacity .2s ease}.foto-decke-collage-customizer .photo-slot:not(.has-photo):hover:after,.foto-decke-collage-customizer .photo-slot:not(.has-photo):hover .cta{opacity:1}.foto-decke-collage-customizer .photo-slot.has-photo .cta{display:none}.foto-decke-collage-customizer .photo-slot .cta svg{width:clamp(15px,5cqw,26px);height:clamp(15px,5cqw,26px)}@media(hover:none){.foto-decke-collage-customizer .photo-slot:not(.has-photo):after{opacity:1}.foto-decke-collage-customizer .photo-slot:not(.has-photo) .cta{opacity:1}}.foto-decke-collage-customizer .photo-bar{position:absolute;display:flex;gap:.55cqw;background:#fff;padding:.55cqw 0;border-radius:.4cqw;overflow:hidden}.foto-decke-collage-customizer .photo-bar .bar-cell{flex:1;position:relative;overflow:hidden;background:#d9d4ca}.foto-decke-collage-customizer .photo-bar .bar-cell .photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2}.foto-decke-collage-customizer .text-slot{position:relative;z-index:1;display:flex;align-items:center;line-height:1}.foto-decke-collage-customizer .collage-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.foto-decke-collage-customizer .collage-overlay svg{display:block;width:100%;height:100%}.foto-decke-collage-customizer .collage-underlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.foto-decke-collage-customizer .collage-underlay svg{display:block;width:100%;height:100%}.foto-decke-collage-customizer .layout__wrapper,.foto-decke-collage-customizer .text__wrapper,.foto-decke-collage-customizer .produkt__wrapper{padding:15px;width:100%;box-sizing:border-box;background-color:#fff}.foto-decke-collage-customizer .collage-tab-hint{font-size:.8125rem;color:#8a8580;margin:12px 0 0;line-height:1.45;font-family:Outfit,system-ui,sans-serif}.foto-decke-collage-customizer .collage-template-picker{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px 4px 14px;margin:8px 0 0;list-style:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.foto-decke-collage-customizer .collage-template-picker::-webkit-scrollbar{height:5px}.foto-decke-collage-customizer .collage-template-picker::-webkit-scrollbar-track{background:transparent}.foto-decke-collage-customizer .collage-template-picker::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.foto-decke-collage-customizer .collage-template-picker>li{flex:0 0 auto;scroll-snap-align:start}.foto-decke-collage-customizer .collage-template-picker>li>a{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:#28292d;font-family:Outfit,system-ui,sans-serif;font-size:12px;font-weight:500}.foto-decke-collage-customizer .collage-template-thumb{display:flex;align-items:center;justify-content:center;width:96px;aspect-ratio:100 / 128;border-radius:6px;overflow:hidden;border:2px solid transparent;background:#f0eee8;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;box-shadow:0 2px 6px #0000000d}.foto-decke-collage-customizer .collage-template-picker>li>a.current .collage-template-thumb{border-color:#28292d;box-shadow:0 4px 14px #0000001f}.foto-decke-collage-customizer .collage-template-picker>li>a:hover .collage-template-thumb{transform:translateY(-2px)}.foto-decke-collage-customizer .collage-template-name{text-align:center;font-size:11px;font-weight:500;color:#4a4540;max-width:96px;line-height:1.2}.foto-decke-collage-customizer .collage-template-thumb .collage-stage.is-thumb{max-width:100%;max-height:100%;margin:0;container-type:inline-size;display:flex;aspect-ratio:var(--collage-aspect, 70 / 100)}.foto-decke-collage-customizer .is-thumb .collage-grid{border-radius:0!important;box-shadow:none!important}.foto-decke-collage-customizer .is-thumb .collage-grid:before,.foto-decke-collage-customizer .is-thumb .collage-grid:after{display:none!important}.foto-decke-collage-customizer .is-thumb .photo-slot:not(.has-photo):after{display:none!important}.foto-decke-collage-customizer .is-thumb .photo-slot.mat{box-shadow:0 0 0 .5cqw #fff!important}.foto-decke-collage-customizer .collage-photo-slot-list{list-style:none;padding:0;margin:8px 0 0;display:block}.foto-decke-collage-customizer .collage-photo-slot-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.foto-decke-collage-customizer .collage-photo-slot-item:last-child{border-bottom:none}.foto-decke-collage-customizer .collage-photo-slot-thumb{display:block;width:52px;height:52px;border-radius:5px;overflow:hidden;background:#f0eee8;cursor:pointer}.foto-decke-collage-customizer .collage-photo-slot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.foto-decke-collage-customizer .collage-photo-slot-label{font-family:Outfit,system-ui,sans-serif;font-size:.875rem;font-weight:500;color:#4a4540;line-height:1.3}.foto-decke-collage-customizer .collage-photo-slot-upload{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;text-align:center}.foto-decke-collage-customizer .collage-photo-slot-upload>span{display:inline;background:none;border:none;padding:0;color:inherit}.foto-decke-collage-customizer .collage-photo-slot-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.foto-decke-collage-customizer .collage-text-field{margin-bottom:12px}.foto-decke-collage-customizer .collage-text-row{display:flex;gap:8px;align-items:center}.foto-decke-collage-customizer .collage-text-row input[type=text]{flex:1;min-width:0;box-sizing:border-box;padding:10px 12px;border:1px solid #d8d2c7;border-radius:7px;font-family:Outfit,system-ui,sans-serif;font-size:14px;color:#28292d}.foto-decke-collage-customizer .collage-text-row input[type=text]:focus{outline:none;border-color:#28292d}.foto-decke-collage-customizer .collage-text-row input[type=color]{width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #d8d2c7;border-radius:6px;background:none;cursor:pointer}.foto-decke-collage-customizer .color-options-grid{display:flex;flex-wrap:wrap;gap:8px}.foto-decke-collage-customizer .color-options-grid .wrap{width:40px}.foto-decke-collage-customizer .color-options-grid .wrap a{display:block;text-decoration:none}.foto-decke-collage-customizer .color-options-grid .wrap a span.color{display:block;width:40px;height:40px;border-radius:6px;border:2px solid #f0ede7;box-shadow:0 1px 3px #0000001a;position:relative}.foto-decke-collage-customizer .color-options-grid .wrap a.current span.color{border:2px solid #000}.foto-decke-collage-customizer .blanket-color-picker .wrap.custom-color-wrap a.custom span.color{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;background-color:transparent!important;overflow:visible}.foto-decke-collage-customizer .blanket-color-picker .wrap.custom-color-wrap a span.color label{display:block;width:100%;height:100%;cursor:pointer}.foto-decke-collage-customizer .blanket-color-picker .wrap.custom-color-wrap .color input[type=color].custom-color-picker{-webkit-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;background:transparent;cursor:pointer;opacity:0;display:block}.foto-decke-collage-customizer .blanket-color-picker .wrap.custom-color-wrap a.custom.current span.color{border:2px solid #000!important}.foto-decke-collage-customizer .pattern-color-tabs{display:flex;gap:4px;padding:4px;margin:10px 0 14px;background:#f7f7f8;border-radius:12px}.foto-decke-collage-customizer .pattern-color-tabs a{flex:1;text-align:center;text-decoration:none;padding:9px 6px;border-radius:9px;font:600 13px/1 Outfit,system-ui,sans-serif;color:#6b6663}.foto-decke-collage-customizer .pattern-color-tabs a.current{background:#fff;color:#1a1a1a;box-shadow:0 1px 2px #0000000f,0 2px 4px #0000000a}.foto-decke-collage-customizer .pattern-contrast-hint{color:#9a6a2c;margin-top:10px}.collage-cropper-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:none;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.collage-cropper-modal-backdrop.visible{display:flex}.collage-cropper-modal{background:#fff;border-radius:10px;max-width:90vw;max-height:92vh;width:600px;display:flex;flex-direction:column}.collage-cropper-modal-header{padding:14px 18px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between}.collage-cropper-modal-header h3{margin:0;font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:600;color:#28292d}.collage-cropper-modal-close{background:none;border:none;cursor:pointer;padding:4px 8px;color:#8a8580;font-size:22px;line-height:1}.collage-cropper-wrapper{flex:1 1 auto;padding:16px;display:flex;align-items:center;justify-content:center;background:#f4f1ea;min-height:200px;max-height:48vh;overflow:hidden;min-width:0}.collage-cropper-wrapper img{max-width:100%;display:block}.collage-cropper-modal-footer{padding:14px 18px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:space-between;align-items:center}.collage-cropper-modal-footer button,.collage-cropper-modal-footer .collage-crop-reupload{padding:10px 18px;border-radius:6px;font-family:Outfit,system-ui,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid #d8d4cd;background:#fff;color:#28292d;transition:background .15s ease}.collage-cropper-modal-footer .collage-crop-reupload{display:inline-flex;align-items:center}.collage-cropper-modal-footer button.primary{background:#28292d;color:#fff;border-color:#28292d}.collage-cropper-modal-footer button.primary:hover{background:#1f2023}.collage-cropper-modal-footer .collage-crop-reupload:hover{background:#f4f1ea}.collage-cropper-modal-footer{justify-content:flex-end}.collage-cropper-modal-footer .collage-crop-cancel{background:#fff;color:#16212c;border:1px solid #16212C}.collage-cropper-help{margin:0;padding:12px 18px 0;font-family:Outfit,system-ui,sans-serif;font-size:13px;color:#6b6b6b;text-align:center;line-height:1.4}.collage-cropper-zoom-bar{display:flex;align-items:center;gap:12px;padding:10px 18px 0}.collage-zoom-btn{width:30px;height:30px;border:1px solid #d6d2cc;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-size:18px;line-height:1;color:#28292d}.collage-zoom-btn:hover{background:#f5f1e8}.collage-zoom-slider{flex:1 1 auto;height:3px;-webkit-appearance:none;appearance:none;background:#e8e5dc;border-radius:2px;outline:none;cursor:pointer}.collage-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#16212c;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #0003}.collage-zoom-slider::-moz-range-thumb{width:16px;height:16px;background:#16212c;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #0003}.collage-cropper-modal-backdrop .cropper-view-box,.collage-cropper-modal-backdrop .cropper-face,.collage-cropper-modal-backdrop .cropper-crop-box,.collage-cropper-modal-backdrop .cropper-point{border-radius:0!important}.collage-cropper-modal-backdrop .cropper-view-box{outline:1px solid #28292d!important}.collage-cropper-modal-backdrop .cropper-face{background-color:transparent!important;opacity:1!important}.collage-cropper-modal-backdrop .cropper-modal{background-color:#000!important;opacity:.5!important}.collage-cropper-modal-backdrop .cropper-container{margin:0 auto!important;max-width:100%!important}@media(min-width:1100px){.foto-decke-collage-customizer .collage-stage.is-landscape{max-width:600px}.foto-decke-collage-customizer .collage-stage.is-portrait{height:min(580px,66vh)}}@media(max-width:991px){.foto-decke-collage-customizer .main__wrapper .outer__main .canvas__wrapper{min-width:0;margin-top:12px}.foto-decke-collage-customizer .collage-stage.is-portrait{height:min(500px,60vh)}.foto-decke-collage-customizer .collage-stage.is-landscape{max-width:92vw}}.foto-decke-collage-customizer .availability-status{display:flex;align-items:center;gap:8px;color:#4caf50!important;font-weight:500;font-size:14px;margin-bottom:12px;font-family:Outfit,system-ui,sans-serif}.foto-decke-collage-customizer .availability-status svg{flex-shrink:0}.foto-decke-collage-customizer .availability-status span{color:#4caf50!important}.foto-decke-collage-customizer .benefits-box{background:var(--benefits-bg-color, #f8f5f0);border-radius:8px;padding:16px}.foto-decke-collage-customizer .benefits-list{list-style:none;margin:0;padding:0}.foto-decke-collage-customizer .benefits-list li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:#333;font-family:Outfit,system-ui,sans-serif}.foto-decke-collage-customizer .benefits-list li svg{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/71/assets/foto-decke-collage.css.map */