.mypad-configurator{background:#fff;padding:60px 0}.mypad-progress{margin-bottom:40px}.mypad-progress__timeline{display:flex;justify-content:center;align-items:center;max-width:1000px;margin:0 auto;position:relative}.mypad-progress__timeline:before{content:"";position:absolute;top:25px;left:8.33%;right:8.33%;height:2px;background:#e0e0e0;z-index:1}.mypad-progress__step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:2}.mypad-progress__step-indicator{width:50px;height:50px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:10px;transition:all .3s ease}.mypad-progress__step-label{font-size:14px;color:#666;text-align:center;transition:color .3s ease}.mypad-progress__step.active .mypad-progress__step-indicator{background:var(--mypad-primary-color, #3565E0);color:#fff}.mypad-progress__step.active .mypad-progress__step-label{color:var(--mypad-primary-color, #3565E0);font-weight:600}.mypad-progress__step.completed .mypad-progress__step-indicator{background:#4caf50;color:#fff;cursor:pointer;transition:all .3s ease}.mypad-progress__step.completed .mypad-progress__step-label{color:#4caf50;cursor:pointer}.mypad-progress__step.completed:hover .mypad-progress__step-indicator{background:#45a049;transform:scale(1.1)}.mypad-progress__step.completed:hover .mypad-progress__step-label{color:#45a049}.mypad-configurator__content{position:relative;transition:height .4s ease-in-out;overflow:hidden;min-height:600px}.mypad-step{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translate(100%);transition:all .4s ease-in-out;pointer-events:none}.mypad-step.active{opacity:1;transform:translate(0);pointer-events:all}.mypad-step.prev{transform:translate(-100%)}.mypad-step.next{transform:translate(100%)}.mypad-step__content{max-width:1000px;margin:0 auto;padding:40px;background:#ededed;border-radius:8px;text-align:center}.mypad-step h2{font-size:3rem;margin-top:10px;margin-bottom:10px;color:#000}.mypad-step__description{font-size:1.4rem;color:#666;margin-bottom:20px;line-height:1.6}.mypad-explanation{margin-bottom:15px;padding:0}.mypad-explanation__image{text-align:center;order:1}.mypad-explanation__image img{max-width:100%;height:auto;max-height:200px;border-radius:8px}.mypad-explanation__text{font-size:1.4rem;line-height:1.6;color:#333;order:2;text-align:left}.mypad-explanation{display:flex;flex-direction:column}.mypad-explanation__text h3{color:var(--mypad-primary-color, #3565E0);margin-bottom:15px;margin-top:25px}.mypad-explanation__text h3:first-child{margin-top:0}.mypad-explanation__text p{margin-bottom:15px}.mypad-explanation__text ul,.mypad-explanation__text ol{margin-bottom:15px;padding-left:25px}.mypad-explanation__text li{margin-bottom:8px}.mypad-explanation__text strong{color:#000;font-weight:600}.mypad-welcome{display:flex;align-items:center;gap:40px;margin-bottom:40px;text-align:left}.mypad-welcome__text{flex:1}.mypad-welcome__text h1{font-size:3.2rem;margin-bottom:20px;color:#000}.mypad-welcome__subtitle{font-size:1.5rem;font-weight:600;color:var(--mypad-primary-color, #3565E0);margin-bottom:15px}.mypad-welcome__description{font-size:1.3rem;color:#666;line-height:1.6}.mypad-welcome__media{flex:0 0 300px}.mypad-welcome__media img,.mypad-welcome__video{width:100%;border-radius:8px;object-fit:cover}.mypad-welcome__video{height:auto;max-height:300px;display:block}.mypad-welcome__video::-webkit-media-controls{display:none!important}.mypad-welcome__video::-webkit-media-controls-enclosure{display:none!important}.mypad-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;max-width:1000px;margin:0 auto}.mypad-step--display .mypad-options{grid-template-columns:repeat(3,1fr);max-width:1000px}.mypad-step--type .mypad-options,.mypad-step--feedback .mypad-options,.mypad-step--connectivity .mypad-options{grid-template-columns:repeat(2,1fr);max-width:1000px}.mypad-option{background:#fff;border-radius:10px;padding:30px 20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;border:3px solid #e0e0e0;position:relative}.mypad-option:before{content:"Klicken zum Ausw\e4hlen";position:absolute;top:10px;right:10px;font-size:.9rem;color:#999;background:#ffffffe6;padding:6px 12px;border-radius:12px;transition:opacity .3s ease;font-weight:500}.mypad-option.selected:before{content:"\2713  Ausgew\e4hlt";color:var(--mypad-primary-color, #3565E0);background:#3565e01a;font-weight:600}.mypad-option:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;border-color:var(--mypad-primary-color, #3565E0)}.mypad-option.selected{border-color:var(--mypad-primary-color, #3565E0);background:#f0f8ff}.mypad-option__image{margin-bottom:20px;height:150px;display:flex;align-items:center;justify-content:center}.mypad-option__image img{max-width:100%;max-height:100%;object-fit:contain}.mypad-option:not(:has(.mypad-option__image)) h3{margin-top:30px}.mypad-option h3{font-size:1.8rem;margin-bottom:15px;color:#000;font-weight:600}.mypad-option h3:first-child{margin-top:30px}.mypad-option__image+h3{margin-top:0}.mypad-option p{font-size:1.3rem;color:#666;line-height:1.5}.mypad-button{display:inline-flex;align-items:center;justify-content:center;padding:18px 35px;border:none;border-radius:8px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:56px}.mypad-button--primary{background:var(--mypad-primary-color, #3565E0);color:#fff}.mypad-button--primary:hover{background:#2854cc;transform:translateY(-2px)}.mypad-button--secondary{background:#f8f8f8;color:#333;border:2px solid #e0e0e0}.mypad-button--secondary:hover{background:#e8e8e8;border-color:#ccc}.mypad-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.mypad-button:disabled:hover{transform:none!important}.mypad-result{text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:30px}.mypad-result__product{padding:40px 20px;margin-bottom:30px;width:100%;max-width:800px;background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 4px 12px #0000001a}.mypad-product-display{display:flex;gap:40px;align-items:flex-start;text-align:left}.mypad-product-display__image{flex:0 0 300px}.mypad-product-display__image img{width:100%;border-radius:8px}.mypad-product-display__info{flex:1}.mypad-product-display__title{font-size:2.8rem;margin-bottom:15px;color:#000}.mypad-product-display__variant{font-size:1.5rem;color:var(--mypad-primary-color, #3565E0);font-weight:600;margin-bottom:15px}.mypad-product-display__price{font-size:2.2rem;font-weight:700;color:#000;margin-bottom:20px}.mypad-product-display__description{font-size:1.4rem;color:#666;line-height:1.6;margin-bottom:30px}.mypad-product-display__actions{display:flex;gap:15px}@media (max-width: 768px){.mypad-configurator{padding:40px 0}.mypad-configurator__content{min-height:550px}.mypad-step__content{padding:20px}.mypad-step h2{font-size:2rem}.mypad-explanation{padding:0 10px;margin-bottom:30px}.mypad-explanation__text{font-size:1.3rem}.mypad-welcome{flex-direction:column;text-align:center}.mypad-welcome__text h1{font-size:2.2rem}.mypad-welcome__media{flex:none}.mypad-options,.mypad-step--display .mypad-options,.mypad-step--type .mypad-options,.mypad-step--feedback .mypad-options,.mypad-step--connectivity .mypad-options{grid-template-columns:1fr;max-width:100%}.mypad-product-display{flex-direction:column;text-align:left}.mypad-product-display__image{flex:none}.mypad-product-display__actions{justify-content:flex-start}.mypad-progress__timeline{padding:0 20px}.mypad-progress__step-label{font-size:12px}.mypad-progress__step-indicator{width:40px;height:40px;font-size:14px}}@media (max-width: 1024px) and (min-width: 769px){.mypad-step--display .mypad-options{grid-template-columns:repeat(2,1fr);max-width:100%}}@media (max-width: 480px){.mypad-progress{overflow-x:hidden;overflow-y:hidden;padding:0;margin-bottom:30px}.mypad-progress__timeline{justify-content:flex-start;max-width:none;width:max-content;min-width:100%;margin:0;gap:30px;padding:10px 0}.mypad-progress__timeline:before{left:8.33%;right:8.33%;transform:none;width:auto;background:#e0e0e0}.mypad-progress__step{flex:0 0 auto;display:flex;min-width:80px}.mypad-progress__step-indicator{width:35px;height:35px;font-size:12px}.mypad-progress__step-label{font-size:10px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.mypad-progress::-webkit-scrollbar{height:4px}.mypad-progress::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.mypad-progress::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.mypad-progress::-webkit-scrollbar-thumb:hover{background:#999}.mypad-step h2,.mypad-welcome__text h1{font-size:1.8rem}.mypad-step__description{font-size:1rem}.mypad-explanation{padding:0 5px;margin-bottom:25px}.mypad-explanation__text{font-size:1.2rem}.mypad-product-display__actions{flex-direction:column}.mypad-button{width:100%}}.mypad-configurator.loading .mypad-step{pointer-events:none}.mypad-result__product.loading{position:relative;min-height:400px}.mypad-result__product.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--mypad-primary-color, #3565E0);border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.mypad-option.selecting{transform:scale(.95);opacity:.8}.slide-in-right{animation:slideInRight .4s ease-out}.slide-in-left{animation:slideInLeft .4s ease-out}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-mypad-configurator.css.map */