.saeule-container{width:100vw;background:var(--main-bg-color,#1e3a8a);position:relative;overflow:hidden}.saeule-container,.saeule-loading{height:100vh;display:flex;align-items:center;justify-content:center}.saeule-loading{flex-direction:column;color:white}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.inactivity-timer{position:fixed;top:60px;left:120px;background:rgba(0,0,0,.8);color:white;padding:12px 20px;border-radius:8px;font-size:1.5rem;font-weight:700;z-index:1000;display:flex;align-items:center;gap:10px;box-shadow:0 4px 12px rgba(0,0,0,.3);animation:pulseTimer 2s ease-in-out infinite}.timer-icon{font-size:1.8rem}.timer-text{font-family:Courier New,monospace;letter-spacing:1px}@keyframes pulseTimer{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(0,0,0,.3)}50%{transform:scale(1.05);box-shadow:0 6px 16px rgba(255,0,0,.5)}}.slides-wrapper,.slideshow-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.slide-item{position:absolute;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;width:100vw;height:100vh}.slide-item.center{width:100vw;height:100vh;z-index:10}.door-image-container{height:100%;background:transparent;padding:0}.door-image-container,.inside-outside-door-preview{width:100%;display:flex;align-items:center;justify-content:center}.inside-outside-door-preview{flex-shrink:0;flex-direction:row;padding:150px 90px 70px 20px;border-bottom:1px solid #e0e0e0;background:white}.menu-content{padding:10px 30px 30px;flex:1 1;overflow:visible;display:flex;flex-direction:column}.menu-content .Container{overflow:visible!important}.ColorHeaderselector{padding-top:15px}.register-menu .subSection{max-height:65vh;overflow-y:auto;overflow-x:hidden}.door-image-preview{width:auto;height:80%}.door-image{width:94%;height:100%;position:relative;left:10px}.close-button{position:fixed;right:20px;background:rgba(255,255,255,.9);width:60px;height:60px;font-size:32px;transition:all .3s ease;z-index:400;box-shadow:0 4px 15px rgba(0,0,0,.3)}.close-button:hover{background:rgba(255,255,255,1);transform:scale(1.1)}.close-button:active{background:rgba(255,255,255,.8);transform:scale(.95)}.menu-overlay-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100}.register-menu{position:fixed;top:0;right:0;height:100vh;background:white;box-shadow:-5px 0 25px rgba(0,0,0,.3);z-index:200;transition:transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.register-menu.closed{transform:translateX(100%)}.register-menu.open{transform:translateX(0)}.register-menu.width-1\/3{width:33.333vw}.register-menu.width-2\/3{width:66.666vw}.menu-close-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.1);border:none;width:50px;height:50px;border-radius:50%;font-size:28px;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.menu-close-btn:hover{background:rgba(0,0,0,.2)}.menu-close-btn:active{background:rgba(0,0,0,.3);transform:scale(.95)}.menu-content{padding:0 110px 30px 30px;height:100%}.register-tabs{position:fixed;top:0;right:74px;height:100vh;z-index:300;pointer-events:none;transition:right .4s cubic-bezier(.4,0,.2,1)}.register-tabs.menu-open.width-1\/3{right:33.333vw}.register-tabs.menu-open.width-2\/3{right:66.666vw}.register-tab{position:absolute;right:0;background:white;border:none;border-radius:10px 0 0 10px;padding:20px 55px;cursor:pointer;transition:all .3s ease;box-shadow:-3px 3px 10px rgba(0,0,0,.2);pointer-events:auto;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:70px;height:110px;writing-mode:vertical-rl;transform-origin:right center}.register-tab.expand-tab{top:10px;color:white}.register-tab.close-tab,.register-tab.expand-tab{background:var(--main-bg-color,#1e3a8a);font-size:24px;font-weight:700;height:60px;width:70px;writing-mode:horizontal-tb}.register-tab.close-tab{top:-60px}.register-tab:not(.expand-tab){background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-left:3px solid var(--main-bg-color,#1e3a8a)}.register-tab:hover{width:85px;box-shadow:-5px 5px 15px rgba(0,0,0,.3)}.register-tab.active{background:var(--main-bg-color,#1e3a8a);color:white;width:90px;box-shadow:-5px 5px 15px rgba(0,0,0,.4)}.register-tab.close-tab{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:white;border-left:3px solid #c92a2a}.register-tab.close-tab:hover{background:linear-gradient(135deg,#ff5252,#e53935)}.register-tab:active{width:75px;box-shadow:-3px 3px 10px rgba(0,0,0,.2)}.tab-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tab-icon,.tab-label{transition:all .3s ease}.tab-label{font-size:14px;font-weight:600;white-space:nowrap;text-align:center}.register-tab.history-tab{background:linear-gradient(135deg,#4a90e2,#357abd);color:white;border-left:3px solid #2c5aa0;height:70px}.register-tab.history-tab:hover{background:linear-gradient(135deg,#5ba3ff,#4a90e2)}.register-tab.history-tab.undo-tab{background:linear-gradient(135deg,#66bb6a,#43a047);border-left:3px solid #2e7d32}.register-tab.history-tab.undo-tab:hover{background:linear-gradient(135deg,#81c784,#66bb6a)}.register-tab.history-tab.redo-tab{background:linear-gradient(135deg,#ffa726,#fb8c00);border-left:3px solid #e65100}.register-tab.history-tab.redo-tab:hover{background:linear-gradient(135deg,#ffb74d,#ffa726)}.register-tab.history-tab:disabled{background:linear-gradient(135deg,#bdbdbd,#9e9e9e);border-left:3px solid #757575;cursor:not-allowed;opacity:.5}.register-tab.history-tab:disabled:hover{width:70px;box-shadow:-3px 3px 10px rgba(0,0,0,.2)}.register-tab.history-tab:active:not(:disabled){transform:scale(.95);width:75px}@media (min-height:2560px) and (orientation:portrait){.slide-item{width:100vw;height:100vh;display:none}.slide-item.center{width:100vw;height:100vh;z-index:10;display:block}.nav-button{font-size:48px;width:100px;height:100px;padding:30px}.nav-button.left{left:5vw}.nav-button.right{right:5vw}}@media (max-height:1600px) and (min-height:1200px){.slide-item{width:320px;height:520px}.slide-item.center{width:400px;height:650px}.nav-button{font-size:24px;width:50px;height:50px}}@media (max-height:1200px) and (min-height:900px){.slide-item{width:280px;height:450px}.slide-item.center{width:350px;height:560px}.nav-button{font-size:20px;width:45px;height:45px}.nav-button.left{left:30px}.nav-button.right{right:30px}}@media (max-height:900px) and (min-height:600px){.slide-item{width:240px;height:380px}.slide-item.center{width:300px;height:480px}.nav-button{font-size:18px;width:40px;height:40px}.nav-button.left{left:20px}.nav-button.right{right:20px}}@media (max-height:600px){.slide-item{width:200px;height:320px}.slide-item.center{width:250px;height:400px}.nav-button{font-size:16px;width:35px;height:35px}.nav-button.left{left:15px}.nav-button.right{right:15px}.register-tab{width:90px;padding:25px 20px}.register-tab.expand-tab{height:80px;width:90px;font-size:32px}.register-tab:hover{width:110px}.register-tab.active{width:120px}.tab-icon{font-size:32px;width:32px;height:32px}.tab-label{font-size:18px}.menu-close-btn{width:70px;height:70px;font-size:36px}.close-button{width:80px;height:80px;font-size:42px}}@media (min-height:3840px) and (orientation:portrait){.register-tabs{top:33.333vh;height:66.666vh}.register-tab.expand-tab{top:10px}}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;color:white;font-size:30px;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.3);padding:20px}.nav-button:active{background:rgba(255,255,255,.4);transform:translateY(-50%) scale(.95)}.nav-button:hover{background:rgba(255,255,255,.3);transform:translateY(-50%) scale(1.1)}@media (hover:none) and (pointer:coarse){.nav-button:hover{background:rgba(255,255,255,.2);transform:translateY(-50%)}}.nav-button.left{left:50px}.nav-button.right{right:50px}.door-details-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.door-details-modal{background:white;border-radius:20px 20px 0 0;width:100%;height:80%;padding:30px;position:relative;overflow-y:auto;box-shadow:0 -10px 50px rgba(0,0,0,.3)}.close-button{position:absolute;top:20px;right:150px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1);padding:15px}.close-button:active{background:#e0e0e0}.close-button:hover{background:#f0f0f0}.door-images{display:flex;gap:30px;margin-bottom:30px;justify-content:center}.door-image-side{text-align:center;flex:1 1;max-width:300px}.door-image-side h3{margin:0 0 15px;color:#333;font-size:18px}.door-image-side img{width:100%;max-height:500px;object-fit:contain;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}.door-specifications{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;max-width:600px;margin:0 auto}.spec-item{background:#f8f9fa;padding:20px;border-radius:10px;font-size:x-large;border-left:4px solid var(--main-bg-color,#1e3a8a)}.spec-item strong{color:var(--main-bg-color,#1e3a8a);display:block;margin-bottom:5px}.modal-actions{display:flex;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.config-button{background:var(--main-bg-color,#1e3a8a);color:white;border:none;padding:15px 40px;font-size:18px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(30,58,138,.3);touch-action:manipulation;-webkit-tap-highlight-color:rgba(30,58,138,.3);min-height:50px;min-width:150px}.config-button:active{background:#1e40af;transform:scale(.98);box-shadow:0 2px 10px rgba(30,58,138,.3)}.config-button:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 6px 20px rgba(30,58,138,.4)}@media (max-width:768px){.slide-item{width:260px;height:420px}.slide-item.center{width:320px;height:520px}.door-images{flex-direction:column;align-items:center}.door-specifications{grid-template-columns:1fr}}.requestHeader{padding:0 10px;margin-bottom:20px}.requestTitle{color:#2c5282;border-bottom:2px solid #2c5282;padding-bottom:10px;margin-bottom:20px;font-size:24px;font-weight:700}.configurationSummary{display:flex!important;flex-direction:column;gap:4px;background-color:#f8f9fa;padding:10px;border-radius:8px;border:1px solid #e2e8f0}.configRow{display:flex;width:100%;min-height:40px;align-items:center;border-bottom:1px solid #e9ecef}.configRow:last-child{border-bottom:none}.configCol{flex:1 1;padding:8px;display:flex;align-items:center}.configCol:first-child{flex:1.5 1;font-weight:700}.configCol:nth-child(2){flex:2 1}.configCol:nth-child(3){flex:1.5 1;color:#4b5563}.configCol:nth-child(4){flex:1.5 1}.configRowIndent{padding-left:20px;font-size:medium}.configRowIndent2{padding-left:40px;font-weight:unset!important;font-size:small}.configColorTitel{font-weight:700}.articleNumber{display:flex;justify-content:end}.configCodeSection{display:flex;flex-direction:column;align-items:center;margin-top:40px;padding:25px 20px;background:linear-gradient(135deg,#fff8e1,#ffe082);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:2px solid #ffd54f}.configCodeTitle{font-size:1.4rem;font-weight:600;color:#f57f17;margin-bottom:12px;text-align:center}.configCodeDescription{max-width:600px;text-align:center;color:#6d4c41;line-height:1.6;margin-bottom:20px;font-size:.95rem}.configCodeDisplay{display:flex;align-items:center;gap:15px;padding:15px 30px;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);font-family:Courier New,monospace}.configCodeLabel{font-weight:600;color:#5d4037;font-size:1rem}.configCodeValue{font-size:1.3rem;font-weight:700;color:#e65100;letter-spacing:2px}.qrCodeSection{display:flex;flex-direction:column;align-items:center;margin-top:30px;padding:30px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.qrCodeTitle{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:15px;text-align:center}.qrCodeDescription{max-width:600px;text-align:center;color:#495057;line-height:1.6;margin-bottom:20px;font-size:.95rem}.qrCodeContainer{display:flex;justify-content:center;align-items:center;padding:20px;background:white;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.configLabel{font-weight:700;color:#374151}.configValue{color:#1f2937}.configArticleNumber{color:#4b5563;font-weight:700}.configArticleNrValue{color:#1f2937}.colorItem{margin-bottom:4px;display:flex;align-items:center}.colorIndicator{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:2px;border:1px solid #d1d5db}.colorIndicatorEmpty{background-color:#f3f4f6;border:1px dashed #9ca3af}.colorLabel{font-size:13px;color:#1f2937}.colorAreaValue{display:flex;align-items:center;width:100%}.colorName{margin-left:8px;font-size:13px;color:#1f2937}.colorImage{width:16px;height:16px;object-fit:cover;border-radius:2px;border:1px solid #d1d5db}.itemRow{gap:8px}.glassItem,.itemRow{display:flex;align-items:center}.glassItem{margin-bottom:4px}.glassImage{width:20%;height:auto;margin-right:8px;border-radius:4px;border:1px solid #d1d5db}.handleItem{display:flex;align-items:center}.handleImage{width:20%;height:auto;margin-right:8px;border-radius:4px;border:1px solid #d1d5db}.handleLabel{font-size:13px;color:#1f2937}.hidden{display:none}