.plant-configurator{display:flex;flex-direction:row;width:100%;gap:0 3%}.plant-visual-wrapper{display:flex;background-color:#efefef;border-radius:10px;flex:0 0 63%;position:relative;padding-top:50%;overflow:hidden}.plant-visual-wrapper_image-wrapper{width:600px;max-width:80%;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.plant-visual-wrapper__box-back,.plant-visual-wrapper__pot-back,.plant-visual-wrapper__box-front,.plant-visual-wrapper__pot-front{width:100%;position:absolute;pointer-events:none}.supersize-me{width:150%;max-width:150%;position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.plant-visual-wrapper_image-wrapper:has(.supersize-me){height:250px}.plant-visual-wrapper_box-wrapper{list-style:none;width:100%;position:relative;margin:0;padding:0 5%;bottom:50%;left:0}.plant-visual-wrapper__box-drop{position:relative;float:left;height:100%;width:25%}.plant-visual-wrapper__box-drop img[src*="//"]{width:100%;height:auto;animation:grow .5s ease-in-out}@keyframes grow{0%{transform:scale(.5)}to{transform:scale(1)}}.plant-visual-wrapper__box-drop--plant_1{top:0%}.plant-visual-wrapper__box-drop--plant_2{top:10%}.plant-visual-wrapper__box-drop--plant_3{top:20%}.plant-visual-wrapper__box-drop--plant_4{top:30%}.plant-visual-wrapper__box-drop.offset_position:first-child{margin-left:25%}.plant-visual-wrapper__box-drop--plant_1.offset_position{top:10%}.plant-visual-wrapper__box-drop--plant_2.offset_position{top:20%}.plant-visual-wrapper__box-drop--plant_3.offset_position{top:30%}.plant-position-overview{position:absolute;top:20px;left:20px;background-color:#333;border-radius:50%;width:100px;height:100px}.plant-position-overview p{color:#fff;display:inline-block;position:absolute;margin-bottom:0}.plant-position-overview p:first-child{bottom:20px;left:20px}.plant-position-overview p:nth-child(2){top:10px;left:50%;transform:translate(-50%)}.plant-position-overview p:last-child{bottom:20px;right:20px}.plant-visual-wrapper_box-wrapper:has(.plant-pot){z-index:0}.plant-visual-wrapper__box-drop.offset_position.plant-pot:first-child{margin-left:25%}.plant-visual-wrapper__box-drop--plant_1.offset_position.plant-pot{top:10%;z-index:2}.plant-visual-wrapper__box-drop--plant_2.offset_position.plant-pot{position:absolute;left:50%;transform:translate(-50%);top:-5%;z-index:1}.plant-visual-wrapper__box-drop--plant_3.offset_position.plant-pot{top:10%;z-index:3}.plant-visual-wrapper__box-drop.single_plant:first-child{margin-left:0;left:50%;transform:translate(-50%);top:10%}.plant-data-wrapper{flex:0 0 34%;width:0}.plant-data-wrapper .SectionHeader__Heading{font-size:30px;margin-bottom:10px;margin-top:10px;line-height:31px}.plant-data-wrapper .breadcrumbs{margin-bottom:15px}.plant-data-wrapper__price{font-size:18px}.plant-position-wrapper{display:flex;width:100%;flex-direction:row;gap:8px}.plant-position-wrapper__title,.plant-color-wrapper__title,.plant-size-wrapper__title,.plant-extra-wrapper__title{display:flex;flex-direction:row;justify-content:space-between;color:#3c3c3c;font-size:14px;text-transform:uppercase}.plant-color-wrapper,.plant-size-wrapper,.plant-extra-wrapper{display:flex;gap:0 5px}.plant-color-wrapper .plant-color-wrapper__button{opacity:1;pointer-events:all;position:relative;cursor:pointer;height:36px;background-color:#333;color:#fff;border-radius:10px;padding:0 20px;display:flex;font-size:13px;flex:auto;justify-content:center;align-items:center;border:1px solid #6a6a6a;box-shadow:inset 0 0 0 1px #fff}.plant-color-wrapper .plant-color-wrapper__button.active,.plant-extra-wrapper .plant-extra-wrapper__button.active{border:2px solid #3E3F3E}.plant-color-wrapper .plant-color-wrapper__button--sort{background-color:#000}.plant-color-wrapper .plant-color-wrapper__button--graa{background-color:#cecece}.plant-color-wrapper .plant-color-wrapper__button--genfyld{background-color:transparent;color:#6a6a6a;border:1px solid #6a6a6a}.plant-size-wrapper a.plant-size-wrapper__button,.plant-extra-wrapper .plant-extra-wrapper__button{opacity:1;pointer-events:all;position:relative;cursor:pointer;height:55px;background-color:transparent;border:1px solid #B3AFA9;color:#030303a3;border-radius:10px;padding:0;display:flex;font-size:13px;margin-bottom:4px;text-align:center;align-items:center;justify-content:center;flex:auto}.plant-size-wrapper .plant-size-wrapper__button.active,.plant-extra-wrapper .plant-extra-wrapper__button.active{border:2px solid #3E3F3E}.plant-size-wrapper a.plant-size-wrapper__button span{position:absolute;top:0;right:5px}.divider-line{border:1px solid #000;opacity:.1;margin:18px 0}.plant-position-wrapper_selector{flex:1 1 25%}.plant-position-picker{flex:1 1 25%;border:2px dashed #B3AFA9;padding:10px;border-radius:10px;height:140px;text-align:center;cursor:pointer;position:relative;overflow:hidden}.plant-position-picker:has(img[src*="//"]){border:1px solid #B3AFA9}.plant-position-picker_add{top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;position:absolute}.plant-position-picker_add svg{width:100%;height:100%;color:#cfcfcf}.plant-position-picker img{position:absolute;left:50%;background-color:#f6f6f6;transform:translate(-50%);top:5px;object-fit:contain;height:calc(100% - 50px);width:80%}.plant-position-picker img[src=""]{opacity:0}.plant-position-picker span{position:absolute;color:#6a6a6a;bottom:10px;z-index:1;left:0;right:0;font-size:11px;line-height:13px;margin-bottom:0}.plant-position-modals_selector{display:inline-flex;width:100%;flex-direction:column;opacity:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;height:600px;width:1000px;max-width:90vw;max-height:90vw;transition:opacity .2s ease-in-out;background-color:#f6f6f6;z-index:10;overflow-y:scroll;border-radius:10px}.plant-position-modals__header{position:relative;background-color:#f6f6f6;height:auto;padding-bottom:12px}.plant-position-modals__header--title{padding:12px;height:48px;display:flex;justify-content:space-between;flex-direction:row;color:#000}.plant-position-modals__header--title h2{font-size:16px}.plant-position-modals__header--search{padding:0 12px;width:100%}.plant-position-modals__header--search input{border:none;border-radius:10px;width:100%;height:48px;padding:12px 17px}.plant-position-modals__header--tags{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:flex-start;column-gap:.5%;row-gap:5px;padding:12px 12px 0;cursor:pointer}.plant-position-modals__header--tags p{border:1px solid var(--text-color);border-radius:10px;padding:10px 18px;font-size:14px;line-height:14px;margin:7px 3px;transition:background-color .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out}@media screen and (max-width:640px){.plant-position-modals__header--tags p{padding:5px;font-size:12px;margin:2px 3px}}.plant-position-modals__header--tags p:hover{background-color:#97ab9d;border:1px solid #97AB9D}.plant-position-modals__header--tags p.active{background-color:#587862;color:#fff;border:1px solid #587862}.plant-position-modals__body{height:auto;width:100%;overflow-y:scroll;padding:12px 12px 100px}.plant-position-modals__footer{position:absolute;bottom:0;left:0;width:100%;background-color:#f6f6f6;padding:12px;height:60px;display:flex;flex-direction:row;justify-content:end;gap:0 10px}.plant-position-modals__plantlist{display:inline-flex;width:100%;flex-direction:row;column-gap:1%;row-gap:10px;flex-wrap:wrap}.plant-position-modals{background-color:#0000;opacity:0;pointer-events:none;transition:background-color .2s ease-in-out;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;visibility:hidden}.plant-position-modals:has(.plant-position-modals_selector.active){background-color:#000c;visibility:visible;opacity:1;pointer-events:all}.plant-position-modals_selector.active:after{opacity:1}.plant-position-modals_selector.active{opacity:1;pointer-events:all}.plant-position-modals_selector label{flex:0 0 15.8%;text-align:center;background-color:#fff;overflow:hidden;border-radius:10px;border:1px solid #B3AFA9;height:190px;position:relative}.plant-position-picker_close{color:#222;cursor:pointer;font-size:13px}.plant-position-picker_close svg{stroke-width:1px;height:9px;width:9px;margin-left:10px}.plant-position-picker_choose,.plant-position-picker_cancel{opacity:1;pointer-events:all;position:relative;cursor:pointer;height:36px;background-color:#333;color:#fff;border-radius:10px;padding:8px 20px;display:inline-block;font-size:13px}.plant-position-picker_cancel{border:1px solid #B3AFA9;color:#6a6a6a;background-color:transparent}.plant-position-picker_remove{position:absolute;top:0;right:0;width:25px;height:25px;justify-content:center;align-items:center;display:none}.plant-position-picker:has(img[src*="//"]) .plant-position-picker_remove{display:flex}.image-hack[type=radio]{position:absolute;opacity:0;width:0;height:0}.image-hack[type=radio]+img{cursor:pointer;position:absolute;left:50%;transform:translate(-50%);top:5px;object-fit:contain;height:calc(100% - 50px);width:80%}label:has(.image-hack[type=radio]:checked){border:1px solid #000}.plant-position-modals__plantlist label span{position:absolute;bottom:0;left:0;width:100%;font-size:11px;padding:10px;line-height:13px}.ProductForm__AddToCart.altankasse-submit{width:100%}.breadcrumbs.breadcrumbs--page{display:none}.plant-data-wrapper .breadcrumbs.breadcrumbs--page{display:block}.mobile-progress-bar{display:none}@media screen and (max-width:1000px){.plant-position-modals_selector label{flex:0 0 48%}.plant-configurator{display:flex;flex-direction:column;width:100%;gap:0}.breadcrumbs.breadcrumbs--page{display:block;margin:0 0 10px}.plant-data-wrapper .breadcrumbs.breadcrumbs--page{display:none}.plant-visual-wrapper{padding-top:70%}.plant-visual-wrapper_image-wrapper,.plant-visual-wrapper_image-wrapper:has(.supersize-me){height:85px}.plant-data-wrapper{flex:0 0 100%;width:100%}.plant-data-wrapper .SectionHeader__Heading{font-size:18px}.mobile-progress-bar{display:block}.divider-line{display:none}.mobile-progress-bar__bar{width:100%;display:block;padding:0 15px;height:46px;background-color:#efefef;border-radius:50px;margin-bottom:13px;position:relative}.mobile-progress-bar__bar:after{content:"";height:1px;width:calc(100% - 46px);position:absolute;background-color:#6a6a6a;left:23px;top:50%;opacity:.3}.mobile-progress-bar__bar-step{height:16px;width:16px;display:block;position:absolute;background-color:#fff;border-radius:50%;border:1px solid #6A6A6A;top:50%;margin-top:-8px;z-index:1}.mobile-progress-bar__bar-step:after{display:none;content:"";position:absolute;top:50%;left:50%;margin-left:-3px;margin-top:-3px;width:6px;height:6px;background-color:#6a6a6a;border-radius:50%}.mobile-progress-bar__bar-step.active:after{display:block}.step-1{left:15px}.step-2{left:25%}.step-2.only-4-steps{left:33.33%}.step-3{left:calc(50% - 8px)}.step-3.only-4-steps{left:calc(66.66% - 8px)}.step-4{left:calc(75% - 16px)}.step-4.only-4-steps{left:auto;right:15px}.step-5{right:15px}.slide-wrapper h3{text-transform:uppercase}.altankasse-submit{display:none;height:60px;font-size:16px}.step-button-wrapper{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.step-button#next{height:60px;background-color:#181714;border-radius:50px;padding:0 50px;width:100%;display:flex;justify-content:center;align-items:center;font-size:16px}.step-button#next svg{margin-left:20px;color:#fff;height:15px;width:15px}.step-button#prev{height:48px;width:48px;display:none;border:1px solid #B3AFA9;border-radius:50%;margin-bottom:0;justify-content:center;align-items:center;font-size:16px;flex:0 0 48px;color:#6a6a6a}.step-button#prev svg{margin-left:-4px}.mobile-progress-bar__bar-step.done{background-color:#6a6a6a;content:url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20001 4.39998L3.10589 6.39998L6.40001 1.59998' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");color:#fff;padding:2px}.mobile-admit-button{width:calc(100% - 60px);float:right;margin-top:-55px;font-size:16px}.slide-wrapper .summary-table p{width:100%;display:flex;font-size:12px;font-weight:500;padding:7px 0;margin-bottom:0;justify-content:space-between}.slide-wrapper .summary-table p span{font-weight:400;margin-left:auto;text-align:right;max-width:60%}.small-divider-line{width:100%;height:1px;background-color:#000;opacity:.1}.plant-position-overview{width:80px;height:80px;z-index:1}.plant-position-modals_selector{height:80vh;max-height:80vh}.plant-size-wrapper a.plant-size-wrapper__button span{position:absolute;top:-2px;right:2px}.plant-visual-wrapper__box-drop--plant_2.offset_position.plant-pot{top:-3%}.plant-visual-wrapper_box-wrapper.supersize-me-pos{bottom:100%}}.plant-position-modals__header--tags p.show-all{display:none;background-color:transparent;text-decoration:underline;border:none;padding:10px 0}.plant-position-modals__header--tags p.show-all.show{display:block}
/*# sourceMappingURL=/cdn/shop/t/56/assets/altankasse-configurator.css.map */