.app,.app .workspace{position:relative;min-height:600px}.app .app-header{margin-bottom:18px}.app h2{font-size:24px}.app .intro{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute}.app .intro .panel{margin-top:-30%;width:50%;text-align:center}@media only screen and (max-width:1023px){.app .intro .panel{margin-top:-60%}}.app .intro .panel h2{margin-bottom:0}.app .intro .panel input[type=text]{box-sizing:border-box;border:none;background:none;padding:20px 20px 5px;border-bottom:2px solid #78838B;margin:15px 0;font-size:20px;line-height:25px;text-align:center;width:100%}.app .intro .panel input[type=text]:focus{outline:none}.app .intro .panel button{text-transform:uppercase}.app button,.app input[type=submit]{background:transparent;color:#00609e;background:#fff;border:2px solid #00609E;border-radius:0;cursor:pointer;padding:10px}.app button:focus,.app input[type=submit]:focus{outline:none}.app button.disabled,.app input[type=submit].disabled{color:#ccc;border-color:#ccc;opacity:.5;pointer-events:none}.app .configurator{width:100%;min-height:730px;padding:0;position:relative}.app .configurator:before{top:-1px;left:0;right:0;height:1px;position:absolute;content:"";display:block;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="12" height="1"><g stroke="%23979797" stroke-width="1"><path d="M0 0 L9 0" ></path></g></svg>');background-size:12px 1px;background-repeat:repeat-x}.app .configurator:after{bottom:0;left:0;right:0;height:1px;position:absolute;content:"";display:block;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="12" height="1"><g stroke="%23979797" stroke-width="1"><path d="M0 0 L9 0" ></path></g></svg>');background-size:12px 1px;background-repeat:repeat-x}@media only screen and (min-width:1024px){.app .workspace,.app .product-infos{max-height:730px}}.layout{opacity:.2;pointer-events:none;position:fixed;width:1440px;height:auto;top:0;left:0}.selection{background:#333;color:#fff;font-size:11px;position:fixed;top:0;left:0}.loader-wrap{position:absolute;top:0;left:0;right:0;min-height:600px;height:100%;z-index:9999;background:#ffffff80}.loader-wrap .loader{position:absolute;top:calc(.5*(100% - 50px));left:calc(.5*(100% - 50px));border:10px solid #f3f3f3;border-top:10px solid #00609E;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-box{padding:20px;color:#979797}.info-box strong{color:#005a9b}.service-list{color:#78838b;position:absolute;inset:0;background:#fffc;padding:30px}.service-list ul li{list-style:none;line-height:30px;margin-bottom:20px;display:block}.service-list ul li.selectable{cursor:pointer}.service-list ul li .info{cursor:pointer;margin-left:10px;background:transparent url(/assets/konfigurator/info.svg) 0 50% no-repeat;background-size:auto 75%;font-size:14px;padding:10px 10px 10px 40px}.service-list ul li .check-box{width:25px;height:25px;border-radius:5px;border:2px solid #78838B;display:inline-block;vertical-align:top;margin-right:16px;position:relative}.service-list ul li .check-box:after{display:block;top:-5px;width:25px;height:25px;content:"";position:absolute;background:url(/assets/konfigurator/checkmark.svg) no-repeat center center;background-size:contain;transition:all .5s;transform-origin:50% 50%;transform:scale(.6);opacity:0}.service-list ul li .check-box.checked:after{transform:scale(1);opacity:1}.main-nav{padding-left:35px;padding-top:30px;width:900px;display:flex}.main-nav .menu-item{float:left;box-sizing:border-box;font-size:18px;margin:10px;position:relative;color:#979797;border-color:#979797;cursor:pointer}.main-nav .menu-item .num{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;font-weight:700}.main-nav .menu-item .label{line-height:25px;font-size:14px;font-weight:400;font-family:Neutra Text Bold,sans-serif}.main-nav .menu-item.active{opacity:1;color:#005a9b;border-color:#005a9b}@media only screen and (max-width:1023px){.main-nav{padding-left:0;width:100%;justify-content:center}.main-nav .menu-item:not(.active){display:none}}.h-dashed-line{height:1px;width:100%;display:block;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="12" height="1"><g stroke="%23979797" stroke-width="1"><path d="M0 0 L9 0" ></path></g></svg>');background-size:12px 1px;background-repeat:repeat-x}.sub-nav{position:relative;width:100%;top:0;height:110px;box-sizing:border-box;overflow:hidden}.sub-nav .scroll-button{width:50px;height:110px;position:absolute;background:#fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="15" height="30"><g stroke="%2300609E" stroke-width="2" fill="none" stroke-linecap="butt"><path d="M2 2 L12 15 L2 28" ></path></g></svg>') no-repeat center center;background-size:15px 30px;cursor:pointer;transition:opacity .5s}.sub-nav .scroll-button.disabled{cursor:default;pointer-events:none;opacity:.2}.sub-nav .scroll-left{top:0;left:0;background:#fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="15" height="30"><g stroke="%2300609E" stroke-width="2" fill="none" stroke-linecap="butt"><path d="M12 2 L2 15 L12 28" ></path></g></svg>') no-repeat center center;background-size:15px 30px}.sub-nav .scroll-right{top:0;right:0}.sub-nav .scroll-content{transition:all .5s;white-space:nowrap;position:absolute;top:0;left:0;box-sizing:border-box;padding-left:35px;padding-right:35px}.sub-nav:after{display:table;content:"";clear:both}.sub-nav .sub-nav-item{cursor:pointer;display:inline-block;width:150px;height:90px;box-sizing:border-box;font-size:12px;line-height:14px;margin-right:10px;margin-top:10px;position:relative;opacity:.5;transition:opacity .8s}.sub-nav .sub-nav-item.selected{opacity:1}.sub-nav .sub-nav-item .icon{position:absolute;height:60px;width:100px;left:25px;right:25px;top:0;background-size:cover!important}.sub-nav .sub-nav-item .label{color:#78838b;position:absolute;bottom:0;left:0;right:0;height:30px;text-align:center;display:flex;align-items:center;justify-content:center}.sub-nav.form .sub-nav-item .icon,.sub-nav.druck .sub-nav-item .icon,.sub-nav.material .sub-nav-item .icon{background-size:contain!important}.product-infos{font-size:14px;position:relative;color:#979797;box-sizing:border-box;line-height:1.5}.product-infos h2{color:#005a9b;margin-bottom:5px;font-size:1.2em}.product-infos p{margin-bottom:15px}.product-infos .feature{line-height:1.5;margin-bottom:3px}.product-infos .scroll-box{padding:20px;box-sizing:border-box}.product-infos .contact-infos{box-sizing:border-box;padding:20px;text-align:left;color:#000}.product-infos .contact-infos h2{color:#000;margin-bottom:10px}.product-infos .contact-infos img{margin:10px auto;height:100%;max-width:500px}.product-infos .contact-infos .button{display:block;margin:10px auto;width:100%;font-family:Neutra Text Bold;font-size:14px;background:transparent url(/assets/konfigurator/phone.svg) 0 50% no-repeat;background-size:auto 75%;color:#00609e;border:none;cursor:pointer;padding:10px 10px 10px 40px}.product-infos .contact-infos .button:focus{outline:none}.product-infos:before{top:0;left:0;height:1px;width:100%;position:absolute;content:"";display:block;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="12" height="1"><g stroke="%23979797" stroke-width="1"><path d="M0 0 L9 0" ></path></g></svg>');background-size:12px 1px;background-repeat:repeat-x}@media only screen and (min-width:64em){.product-infos:before{top:0;left:0;height:100%;width:1px;position:absolute;content:"";display:block;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1" height="12"><g stroke="%23979797" stroke-width="1"><path d="M0 0 L 0 9" ></path></g></svg>');background-size:1px 12px;background-repeat:repeat-y}.product-infos .scroll-box{height:calc(100% - 250px);overflow-y:auto;overflow-x:hidden}.product-infos .contact-infos{position:absolute;bottom:0;left:0;right:0}}.contact-form{font-size:14px;color:#979797;padding:20px;box-sizing:border-box;background:#fff;position:relative}.contact-form:before{top:0;left:-1px;height:100%;width:1px;position:absolute;content:"";display:block;background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1" height="12"><g stroke="%23979797" stroke-width="1"><path d="M0 0 L 0 9" ></path></g></svg>');background-size:1px 12px;background-repeat:repeat-y}.contact-form form{width:100%}.contact-form form input[type=text],.contact-form form input[type=email],.contact-form form textarea{width:100%;box-sizing:border-box;padding:0 5px;border:2px solid #00609E;margin-bottom:10px;font-family:Neutra Text,sans-serif;line-height:30px;font-size:17px}.contact-form form input[type=text].error,.contact-form form input[type=email].error,.contact-form form textarea.error{border-color:red}.contact-form form #from-name{margin-top:15px}.contact-form form input[type=checkbox]+label{color:#979797;font-size:17px;margin-left:10px}.contact-form form input[type=submit]{float:right}.contact-form .info-box{padding-left:0;padding-top:0;color:#00609e}.contact-form .loader-wrap,.contact-form .thank-you,.contact-form.sending .info-box,.contact-form.sending .from-view{display:none}.contact-form.sending .loader-wrap{display:block}.contact-form.send .info-box,.contact-form.send .from-view{display:none}.contact-form.send .thank-you{display:block}body{margin:0;padding:0}