h2,h3{font-family:Bebas Neue,serif}body{font-family:Source Sans Pro,serif}.configurador-container{width:100%}.steps-container{justify-content:space-between;align-items:center;border-radius:5px;padding:10px;display:flex}.step{flex:1;text-align:center;padding:10px;cursor:default;background-color:#d3d3d3;color:#000;border-right:1px solid white;transition:background-color .3s,color .3s;position:relative}.step:last-child{border-right:none}.step.active{background-color:#000;color:#fff}.step.active:after{content:"";position:absolute;left:0%;right:0%;bottom:0;height:8px;background:#e30618}.step h3{margin:0;font-size:1rem}.step p{margin:5px 0 0;font-size:.9rem}.step:hover{background-color:#bbb}@media (max-width: 768px){.steps-container{flex-direction:column;padding:0}.step{flex:none;width:100%;padding:8px 10px;border-right:none;border-bottom:1px solid white}.step h2{font-size:1.3rem}.step:last-child{border-bottom:none}}.substep-container{margin-bottom:1rem}.main-content{display:flex;flex-direction:row;gap:1rem;padding:1rem}.left-panel,.right-panel{flex:1}@media (max-width: 768px){.main-content{flex-direction:column;padding:.5rem;gap:1rem}.left-panel{order:1;width:100%}.navigation-buttons{order:2}app-image-gallery{order:3;width:100%;max-width:300px;margin:0 auto}.right-panel{order:4;width:100%}}button:disabled{background-color:#ccc;cursor:not-allowed}.options{display:flex;flex-direction:column;margin-top:15px}.options label,.options .group-label{font-size:1rem;margin-bottom:5px}.styled-select{appearance:none;width:100%;padding:8px 40px 8px 12px;font-size:1rem;border:1px solid;border-radius:0;background-color:#fff;color:#000;cursor:pointer;position:relative;background-image:url(/assets/arrow-contact.png);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.styled-select.ng-invalid.ng-touched,.textBoxLuedecke.ng-invalid.ng-touched,.select-anzahl.ng-invalid.ng-touched{border-color:#d32f2f}.navigation-buttons{display:flex;gap:10px;justify-content:space-around;margin-top:auto}.lBtn{margin-top:20px;padding:8px 40px;font-size:.9rem;border:1px solid;border-radius:0;background:none;cursor:pointer}.lBtn-dialog{margin-top:20px;padding:8px 40px;font-size:.9rem;border:1px solid;border-radius:0;cursor:pointer}.lBtn-reset:hover:not(:disabled){border-color:#ff1a1a;color:#ff1a1a}.lBtn:disabled{border:0px}table{width:100%;border-collapse:collapse}.right-panel table{table-layout:fixed}td{border:1px solid #ccc;padding:.5rem}.chkboxLuedecke{width:15px;height:15px;padding:3px;cursor:pointer;appearance:none;border-radius:0;background:#fff;box-sizing:content-box;border:1px solid black;transition:all .3s linear;box-shadow:none;margin-right:10px;position:relative;flex-shrink:0}.chkboxLuedecke:checked:before{content:"\e800";font-family:Fontello;position:absolute;right:3px;font-size:15px;color:#e30618}.chkboxOptions{display:flex;align-items:center;flex-direction:row;margin-top:15px}.chkboxLuedecke:disabled{background:#f0f0f0;border-color:#ccc;cursor:not-allowed}.chkboxLuedecke:disabled:checked:before{color:#aaa}.sub-option{padding-left:30px}.einzelkonfiguration-select{margin-top:15px}.select-anzahl{appearance:none;width:100%;max-width:60px;padding:8px 12px;margin-left:5px;font-size:1rem;border:1px solid;border-radius:0;background-color:#fff;color:#000;cursor:pointer;position:relative;background-image:url(/assets/arrow-contact.png);background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.quantity-block{margin-bottom:5px}.summary-table td{white-space:pre-line}.textBoxLuedecke{border:1px solid black;padding:8px;border-radius:0;font-family:Source Sans Pro,serif}.textAreaLuedecke{border:1px solid black;padding:8px;border-radius:0;resize:none;height:150px;font-family:Source Sans Pro,serif}.einwilligung{text-align:justify}.feedback-link{display:block;margin-top:10px}.buttonSenden{padding:8px 40px;font-size:.9rem;border:1px solid;border-radius:0;background:none;cursor:pointer;margin-top:15px;transition:all .2s ease-in,all .2s ease-out}.buttonSenden:hover{color:#e30618;border:1px solid #e30618}.error-message{color:#e30618;font-size:.85rem;margin-top:5px;font-style:italic}.buttonSenden:disabled,.buttonSenden:disabled:hover{border:1px solid #ccc;background-color:#ccc;cursor:not-allowed;transition:none;color:gray}a{color:#e30618;text-decoration:none;transition:opacity .3s ease,text-decoration .3s ease,color .3s ease}a:hover{color:#000}.cdk-global-overlay-wrapper{background:#0009}.cdk-global-scrollblock{overflow:hidden}.cdk-overlay-container .cdk-overlay-backdrop.custom-backdrop+.cdk-global-overlay-wrapper{position:fixed!important;inset:0!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:1000!important}.cdk-overlay-container .cdk-overlay-backdrop.custom-backdrop+.cdk-global-overlay-wrapper .cdk-overlay-pane.custom-dialog-container{margin:auto!important;max-width:none!important;width:auto!important;height:auto!important;position:static!important;z-index:inherit!important}.custom-dialog-container .mat-mdc-dialog-container,.custom-dialog-container .mat-mdc-dialog-container .mdc-dialog__container,.custom-dialog-container .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important}.email-dialog-panel{background-color:#000;padding:24px 32px;text-align:center;color:#fff;max-width:90%;box-shadow:0 4px 12px #0000004d}.summary-dialog-panel{background-color:#fff;padding:24px 32px;color:#000;max-width:90vw;max-height:90vh;overflow:auto}@font-face{font-family:Fontello;src:url(/assets/fontello/font/fontello.eot);src:url(/assets/fontello/font/fontello.eot?#iefix) format("embedded-opentype"),url(/assets/fontello/font/fontello.woff2) format("woff2"),url(/assets/fontello/font/fontello.woff) format("woff"),url(/assets/fontello/font/fontello.ttf) format("truetype"),url(/assets/fontello/font/fontello.svg#Fontello) format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:fontello;font-style:normal;font-weight:400;speak:never;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ok:before{content:"\e800"}
