:root{--font-family: "Roboto", "PT Sans Narrow", sans-serif;--color-background: #ededed;--color-main: #111111;--color-background-0: hsl(0, 0%, 80%);--color-background-1: hsl(0, 0%, 90%);--color-background-2: hsl(0, 0%, 95%);--color-background-3: hsl(0, 0%, 100%);--color-dark-0: hsl(0, 0%, 5%);--color-dark-1: hsl(0, 0%, 15%);--color-dark-2: hsla(0, 0%, 25%);--color-dark-3: hsla(0, 0%, 50%);--color-warning: lightcoral;--color-focus: hsl(155, 14%, 39%);--border-default: 1px solid hsl(0, 0%, 80%);--border-radius-default: 6px;--box-shadow-default: 1px 1px 2px #666;--box-shadow-pressed: 0px 0px 1px #555;--button-background: #ddd;--button-background-hover: #eee;--button-background-hover-primary: linear-gradient( 90deg, var(--color-primary-2) 0%, var(--color-primary-1) 100% );--button-border: 1px solid #888;--outline-default: 2px solid transparent;--outline-offset: 2px}@font-face{font-family:"Roboto";src:url(3a845e2312092fcddf4c.woff2) format("woff2");font-weight:100}@font-face{font-family:"Roboto";src:url(227e7be6f094357ec1e2.woff2) format("woff2");font-weight:300}@font-face{font-family:"Roboto";src:url(2f9dbc9ff52bf7de811e.woff2) format("woff2");font-weight:400}@font-face{font-family:"Roboto";src:url(4953c07a5bf1e5bb7e4c.woff2) format("woff2");font-weight:500}@font-face{font-family:"Roboto";src:url(9f72cb076e3b2369fc92.woff2) format("woff2");font-weight:700}@font-face{font-family:"Roboto";src:url(c4a2c683342f443ba6d2.woff2) format("woff2");font-weight:900}@font-face{font-family:"Roboto Condensed";src:url(5d2da57e78ccb220d139.woff2) format("woff2");font-weight:300}@font-face{font-family:"Roboto Condensed";src:url(fd55075af28b340bce1b.woff2) format("woff2");font-weight:400}@font-face{font-family:"Roboto Condensed";src:url(114cd18b478088cff3e4.woff2) format("woff2");font-weight:700}html,body{background-color:var(--color-background);font-family:var(--font-family);box-sizing:border-box;width:100%;height:100%;margin:0;padding:0}button,input{font-family:var(--font-family)}.fullsize{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.centerContent{display:flex;justify-content:center;align-items:center}.click3d{border:none;border-bottom:3px solid #444;border-radius:var(--border-radius-default)}.click3d.small{border-bottom:2px solid #444}.click3d.selected{border-bottom:1px solid #444;margin-top:2px;transform:scale(0.98)}.click3d:active{transition:transform .2s,border-bottom .2s;border-bottom:1px solid #444;transform:scale(0.98)}a.buttonStyle{text-decoration:none}.buttonStyle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1em;padding:.5em;transition:background-color .6s;background:var(--button-background)}.buttonStyle:hover{background:var(--button-background-hover)}.buttonStyle.primary:hover{background:var(--color-primary-1);background:var(--button-background-hover-primary)}.linkStyle{cursor:pointer;text-decoration:underline}.linkStyle:hover{font-weight:bold}.inputStyle{font-size:1em;padding:.5em 1em;border-radius:var(--border-radius-default);border:var(--border-default)}.switch{width:-moz-fit-content;width:fit-content}button{font-size:1em}#Canvas-Container{width:800px;height:500px}@keyframes blink-in{0%{opacity:0}20%{opacity:.8}40%{opacity:.5}60%{opacity:.9}80%{opacity:.6}100%{opacity:1}}.MButton{display:inline-flex;justify-content:center;align-content:center;font-size:1em;width:-moz-fit-content;width:fit-content;padding:.5em .8em;cursor:pointer}.MButton svg{font-size:1.25em;margin-left:.5em}.input-label-group .input-group{--select-color: rgb(38, 132, 255);background-color:var(--color-background-3);width:-moz-fit-content;width:fit-content;min-width:7em;padding:.25em;color:var(--color-dark-1);font-weight:500}.input-label-group .input-group.disabled.keepStyle,.input-label-group .input-group:not(.disabled){align-items:center;border-radius:var(--border-radius-default);border:var(--border-default);display:flex;justify-content:space-between;transition:.1s;box-sizing:border-box;padding-right:5px}.input-label-group .input-group.disabled.keepStyle .unit,.input-label-group .input-group:not(.disabled) .unit{width:.8em;margin-right:5px;padding-right:8px}.input-label-group .input-group.disabled.keepStyle:focus-within,.input-label-group .input-group:not(.disabled):focus-within{border:1px solid rgba(0,0,0,0);box-shadow:0 0 0 2px var(--select-color)}.input-label-group .input-group>input{color:var(--color-dark-1);width:2.5em;font-size:1em;font-weight:500;border:none;text-align:right}.input-label-group .input-group>input:focus{outline:none}.input-label-group .input-group .input-group-addon{font-size:1.25em;margin:0 .05em;cursor:pointer;display:flex;align-items:center;color:#888}.input-label-group .input-group .input-group-addon:hover{color:#000}.input-label-group .validationMessage{position:absolute;background:var(--color-warning);transition:.5s;animation-name:blink-in;animation-duration:3s;animation-fill-mode:forwards;margin-top:-0.2em;padding:.25em;box-shadow:2px 2px 2px gray;border-radius:var(--border-radius-default)}.MNumberInput{--select-color: rgb(38, 132, 255);width:7em;display:flex;justify-content:flex-end;align-items:center;color:var(--color-dark-1);border:var(--border-default);border-radius:var(--border-radius-default);background-color:var(--color-background-3)}.MNumberInput input{width:3em;font-size:1em;text-align:end;border:none;background:rgba(0,0,0,0)}.MNumberInput input:focus{outline:none}.MNumberInput .unit{margin-right:.2em}.MNumberInput .MButton{padding:0;margin:0;width:1em;height:1.2em;font-size:1.3em;border:none;background:none}
.dialogBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:.5s}.dialogBackdrop.open{opacity:1;pointer-events:auto}.dialog{border-color:var(--color-primary-0);box-shadow:2px 2px 4px #888;background:#fff;border-radius:0;padding:1.5em;min-width:400px;width:-moz-fit-content;width:fit-content;max-width:90%;transition:transform .3s ease,opacity .3s ease;transform:scale(0.3);opacity:0;pointer-events:none;text-align:center}.dialog.open{transform:scale(1);opacity:1;pointer-events:auto}.dialog .title{margin:0;margin-bottom:10px;font-size:1.5em}.dialog .content{margin-bottom:20px;max-height:75vh;overflow:auto}.dialog .buttonRow{display:flex;justify-content:flex-end;gap:8px}.dialog .buttonRow button{background:#ddd;border:none;border-bottom:3px solid #444;border-radius:.5em;position:sticky;align-self:flex-end;font-size:1em;min-width:4em;width:-moz-fit-content;width:fit-content;margin-top:1em;padding:.3em .6em;bottom:0;transition:background-color .6s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dialog .buttonRow button:hover{background:var(--color-primary-1);background:linear-gradient(90deg, var(--color-primary-2) 0%, var(--color-primary-1) 100%)}.dialog .buttonRow button:active{transition:.2s;border-bottom:1px solid #444;font-size:.98em}.dialog .cancel{background:#ccc;color:#000}.dialog .oldDialogText{font-size:1.25em}
#messageContainer{--color-info: #111111;--color-info-back: var(--color-primary-4);--color-info-border: var(--color-primary-2);--color-warning: #111111;--color-warning-back: #f9f2c0;--color-warning-border: #e0d37c;--color-error: #eeeeee;--color-error-back: #ff6052;--color-error-border: #ff0000;--color-cross: #111111;position:fixed;right:0px;bottom:300px;width:420px;max-width:80%;z-index:100000}@keyframes attention{0%{opacity:1}100%{opacity:.75}}#messageContainer .message{position:relative;margin:10px;margin-top:1.5em;padding:12px 20px 12px 1.6em;border-radius:4px;transition:.8s;animation-name:attention;animation-delay:.8s;animation-duration:.6s;animation-iteration-count:4;animation-fill-mode:forwards;animation-direction:alternate;animation-timing-function:ease-in-out}#messageContainer .message.coming,#messageContainer .message.going{transform:translateX(120%);animation:initial}#messageContainer .message.info{color:var(--color-info);background:var(--color-info-back);border:2px solid var(--color-info-border)}#messageContainer .message.warning{color:var(--color-warning);background:var(--color-warning-back);border:2px solid var(--color-warning-border)}#messageContainer .message.error{color:var(--color-error);background:var(--color-error-back);border:2px solid var(--color-error-border)}#messageContainer .message .right{width:100%;text-align:right}#messageContainer .message .underline{text-decoration:underline;cursor:pointer}#messageContainer .message .messageButton{padding:.5em;color:var(--color-info);background:#e8e6e7;border:1px solid #d0cbce;font-weight:bold;cursor:pointer;transition:.3s}#messageContainer .closeButton{position:absolute;top:0;right:0;font-size:1.3em;width:1em;height:1em;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.5s;color:var(--color-cross)}#messageContainer .icon{background-size:cover;border-radius:100%;width:3.5em;height:3.5em;position:absolute;left:-2em;top:-1.5em;box-shadow:0px 0px 6px rgba(0,0,0,.1)}#messageContainer .count{position:absolute;opacity:.5;bottom:0;right:.1em;font-size:.8em}
.TestRunner{overflow:hidden;display:grid;grid:". .    ." 5em ". main ." 1fr ". .    ." 5em/5em 1fr 5em;z-index:111;background-color:rgba(0,0,0,.4)}.TestRunner *{box-sizing:border-box}.TestRunner .bordered{background-color:#fefefe;padding:2em;padding-top:0;outline:1px solid #888;align-self:stretch;position:relative;grid-area:main;display:grid;grid:"header" auto "main" 1fr/1fr;overflow:hidden}.TestRunner .bordered .testrunner-header{grid-area:header;display:flex;flex-direction:column;width:100%}.TestRunner .bordered .testrunner-header .row{width:100%;display:flex;flex-direction:row;align-items:baseline;padding-right:2em}.TestRunner .bordered .testrunner-header .justify-right{flex-grow:1;display:flex;justify-content:flex-end;gap:1em}.TestRunner .bordered .testrunner-header p{flex-basis:100%}.TestRunner .bordered .testrunner-header select{display:block;padding:.5rem .75rem;font-weight:400;font-size:.9rem;line-height:1.5rem;color:#333;background-color:#f8f8f8;background-clip:padding-box;border:1px solid #c1c1c1;border-radius:.4rem}.TestRunner .bordered .testrunner-header select:focus{border-color:#6c757d;outline:none}.TestRunner .bordered .testrunner-header option{padding:1em 1em;font-size:1rem;line-height:1.5rem}.TestRunner .bordered .testrunner-header option:hover,.TestRunner .bordered .testrunner-header option:focus,.TestRunner .bordered .testrunner-header option:active{background-color:#e2e2e2}.TestRunner .bordered .testrunner-header option:checked,.TestRunner .bordered .testrunner-header option[selected]{background-color:#ddd;font-weight:bold}.TestRunner .bordered .test-button{padding:.5rem 1rem;font-size:1rem;line-height:1.5;font-weight:400;color:#333;background-color:rgba(0,0,0,0);border:1px solid #d3d3d3;border-radius:.25rem;cursor:pointer;transition:background-color .3s,color .3s}.TestRunner .bordered .test-button.run-selected-tests{margin-top:1rem;background-color:#007bff;color:#fff;border-color:#007bff}.TestRunner .bordered .test-button:hover{background-color:#f2f2f2;color:#555}.TestRunner .bordered .test-button:focus{outline:none;box-shadow:0 0 0 2px rgba(51,51,51,.3)}.TestRunner .bordered .test-button:active{background-color:#e5e5e5;color:#444}.TestRunner .bordered .test-button:disabled{opacity:.5;cursor:not-allowed}.TestRunner .bordered .viewport{grid-area:main;overflow:auto;align-self:stretch;border:1px solid #d3d3d3}.TestRunner .bordered .viewport .test-checkboxes{display:inline-block;padding:1em;background-color:#fefefe}.TestRunner .bordered .viewport .test-checkboxes .checkbox-label{font-weight:bold}.TestRunner .bordered .viewport .test-checkboxes .test-selection{padding:.4em 0}.TestRunner .bordered .viewport .test-checkboxes .test-selection .checkbox-container{padding:.1em 0}.TestRunner .bordered .viewport .test-checkboxes .test-selection .checkbox-container .test-count-info{color:#777;font-size-adjust:.5;padding-left:.3em}.TestRunner .bordered .no-tests-failed{padding:1em 1em;color:#d3d3d3}.TestRunner .bordered .test-result-table{display:grid;grid-template-columns:1fr auto auto;max-width:100%;width:100%;border-collapse:collapse}.TestRunner .bordered .test-result-table>.table-row{display:contents}.TestRunner .bordered .test-result-table>.table-row>.table-cell{padding:.5em 2em;border-top:1px solid #d3d3d3}.TestRunner .bordered .test-result-table>.table-row>.table-cell.time{text-align:right}.TestRunner .bordered .test-result-table>.table-row>.table-cell.error{border-top:none;grid-column:1/4}.TestRunner .bordered .test-result-table>.table-row>.table-cell.error .diff{font-size:smaller;max-height:30em;overflow:auto;display:block;padding:10px;margin:1em 0;font-family:monospace;white-space:pre;background-color:#fafafa;color:#a9a9a9}.TestRunner .bordered .test-result-table>.table-row>.table-cell.error .diff .red{color:red;text-decoration:line-through}.TestRunner .bordered .test-result-table>.table-row>.table-cell.error .diff .green{color:green}.TestRunner .bordered .test-passed{color:green}.TestRunner .bordered .test-failed{color:red}.TestRunner .bordered .test-ignored{color:#a9a9a9}.TestRunner .bordered .error{color:red}.TestRunner .bordered .info{color:#0b0b0b;font-size:smaller}.TestRunner .window-buttons{margin-right:-3em}.TestRunner .window-button{border:none;background-color:rgba(0,0,0,0);color:#aaa;font-size:28px;font-weight:bold}.TestRunner .window-button:hover{color:#000;text-decoration:none;cursor:pointer}.TestRunner.minimized{box-shadow:0px 0px 20px 1px rgba(0,0,0,.2);border-radius:8px;display:block;background-color:rgba(0,0,0,0);top:unset;right:unset}.TestRunner.minimized *{font-size:small}.TestRunner.minimized .header .row{padding-right:.5em}.TestRunner.minimized .viewport,.TestRunner.minimized .navigate-buttons-row,.TestRunner.minimized .show-which-tests{display:none !important}.TestRunner.minimized .bordered{border-radius:8px;padding:.2em 1em;padding-right:0em}.TestRunner.minimized .bordered .testrunner-header .row{padding-right:.5em}.TestRunner.minimized .test-button{padding:.5em !important;line-height:1 !important;margin-left:1em}.TestRunner.minimized .window-buttons{margin-right:0em}.TestRunner.minimized .window-button{font-size:1rem !important;line-height:2rem}
.loading-indicator{display:inline-grid;justify-items:center;align-items:center}.loading-indicator.dark-background{background-color:var(--color-gray-dark)}.loading-indicator>*{grid-column:1;grid-row:1}
.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 1em}.header #logo img{height:64px}.header .title{font-weight:bold;font-size:1.5em;flex:1;margin:0 1em;text-align:center}@media only screen and (max-width: 800px){.header .changelog{display:none}}@media only screen and (max-height: 900px){.header #logo img{height:48px}.header .title{font-size:1.15em}}@media only screen and (max-height: 700px){.header #logo img{height:32px}.header .title{font-size:1em}}.header .header-right-menue{display:grid;gap:.5em;grid-template-areas:"links links" "code user";grid-template-columns:1fr auto;justify-items:end}@media(max-width: 600px){.header .header-right-menue{display:flex;justify-content:center;align-items:center}.header .header-right-menue .configurationCodeInput{display:none}}#cfg{display:grid;grid-template-areas:"header header" "menu stage";grid-template-columns:min(500px,33%) 1fr;grid-template-rows:auto 1fr;width:100%;height:100%}@media only screen and (max-width: 701px){#cfg{grid-template-columns:0 1fr}}#window-cell-header{grid-area:header;z-index:20}#window-cell-menu{grid-area:menu;z-index:10;min-height:0;min-width:0}#window-cell-stage{grid-area:stage;z-index:1;min-height:0;min-width:0;position:relative;padding:4px;box-shadow:inset 0 0 5px 5px #eee}#window-cell-stage .vignette{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;box-shadow:0 0 240px rgba(0,0,85,.2666666667) inset;pointer-events:none}@media only screen and (max-width: 601px){#window-cell-stage .vignette{box-shadow:0 0 120px rgba(0,0,85,.2666666667) inset}}
.optionSelect{width:100%;padding-bottom:2em}.optionSelect .options{display:grid;grid-template-columns:repeat(auto-fill, minmax(120px, auto));gap:1em}.optionSelect .options .option{display:block;position:relative;cursor:pointer;min-height:3em;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;overflow:hidden;padding:0}.optionSelect .options .option:hover .bgImage{filter:brightness(1.2) contrast(1)}.optionSelect .options .option:hover .description{background:#ececec}.optionSelect .options .option.selected{box-shadow:0 0 2px 1px var(--color-primary-0)}.optionSelect .options .option.selected .description{font-weight:bold;background:var(--color-primary-4) no-repeat scroll 0 0}.optionSelect .options .option.selected .description.bgGrey{background:var(--color-primary-4) no-repeat scroll 0 0}.optionSelect .options .option.selected .description:hover{background:var(--color-primary-4) no-repeat scroll 0 0}.optionSelect .options .option.selected .shiny{position:absolute;top:0;left:0;background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.03) 1%, rgba(255, 255, 255, 0.6) 30%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0.85) 71%, rgba(255, 255, 255, 0) 100%);width:40%;height:100%;transform:skew(-45deg, 0deg);animation:move .75s;animation-iteration-count:1;animation-fill-mode:both}@keyframes move{0%{left:-50%;opacity:0}5%{opacity:.2}48%{opacity:.5}80%{opacity:.5}100%{left:105%;opacity:.5}}.optionSelect .options .option .bgImage{width:100%}.optionSelect .options .option .description{position:relative;display:flex;justify-content:left;align-items:center;width:100%;min-height:3em;padding:0;text-align:left;overflow:hidden;box-sizing:border-box;background:var(--color-background-0)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.optionSelect .options .option .description{line-height:3em}}.optionSelect .options .option .description.smallFont{font-size:.9em;min-height:3.3em}.optionSelect .options .option .description .icon{border-radius:1em;margin-left:.5em;margin-right:.25em;color:#0b0b0b}.optionSelect .options .option .description .prefix{position:absolute;top:5px;right:5px;font-size:.8em;color:#555}.optionSelect .options .option .recommendation{position:absolute;top:-0.75em;right:0px;border:1px solid gray;border-radius:1em;padding:2px 5px;font-size:.7em;background:rgba(255,217,78,.75)}.optionSelect .options .option .recommendation .icon{margin-right:2px;color:#fff}.optionSelect .options.categorized .description{padding-left:8px}.optionSelect .options p{margin:.5em .2em}.optionSelect .options input{transition:background-color 500ms}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.optionSelect .options{display:inline-block}.optionSelect .options .option{display:inline-block}}
.infoBox{--shadow: 2px 2px 4px #888;overflow:visible;height:1em;display:inline-block}.infoBox>button{border:0;background-color:rgba(0,0,0,0);font-size:1.2em;border-radius:1em;height:1em;width:1em;padding:0;margin:0}.infoBox svg{display:inline-block;transition:.4s;color:var(--color-dark-3);cursor:pointer;font-size:1em}.infoBox svg:hover{color:var(--color-dark-1)}.infoContent{display:flex;align-items:center;margin-left:5px;margin-right:5px;padding:0;padding-right:1em;width:-moz-fit-content;width:fit-content;max-width:min(90%,420px);max-height:0px;border-style:solid;border-width:0px;border-color:rgba(0,0,0,0);position:absolute;overflow:hidden;background:#fafafa;z-index:100;transition:1s max-height,.5s opacity,0s transform;right:0em;font-size:1rem;font-weight:normal;opacity:0}.infoContent.smallTitle{max-width:min(90%,360px)}.infoContent.open{max-height:640px;border-width:1px;opacity:1;border-color:var(--color-primary-0);box-shadow:var(--shadow)}@media only screen and (max-width: 640px){.infoContent{flex-wrap:wrap}}.infoContent>div{flex-grow:0;padding:.1em;margin:.5em}@media only screen and (max-width: 640px){.infoContent>div{width:100%;text-align:center}}.infoContent img{max-width:100%;max-height:30vh}.infoContent .text{flex-grow:1;max-width:400px;padding-right:.5em;white-space:break-spaces}.infoContent .closeX{display:flex;justify-content:center;align-items:center;font-size:1.75rem;position:absolute;right:-0.7em;top:-0.7em;width:1.2em;height:1.2em;font-weight:bold;color:#333;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}
.titleBlock{position:relative;margin:1em 0 .5em}.titleBlock .title{display:flex;justify-content:space-between;align-items:flex-end;max-width:640px;margin-top:.25em;padding:0 .25em 5px;font-size:1.25em;font-weight:bold;border-bottom:2px solid var(--color-primary-0);box-sizing:border-box}.titleBlock .title>span{font-weight:bold}.titleBlock .title.smallTitle{font-size:1em;padding:0 0 2px 0;margin-bottom:1px}
.inputWrapper{display:grid;align-items:center;grid-template-columns:auto 1fr;gap:.75em;font-size:1.25em}#content_Wand .WandSelektor,#content_Flächen .WandSelektor{display:flex;flex-wrap:wrap}#content_Wand .WandSelektor .WandSelektorOption,#content_Flächen .WandSelektor .WandSelektorOption{margin:.5em}#content_Wand .WandSelektor .WandSelektorOption.selected,#content_Flächen .WandSelektor .WandSelektorOption.selected{background:var(--color-primary-2);cursor:default}#content_Wand .WandSelektor .WandSelektorOption.selected:hover,#content_Flächen .WandSelektor .WandSelektorOption.selected:hover{background:var(--color-primary-2)}#content_Wand .WandEintrag,#content_Flächen .WandEintrag{display:flex;flex-direction:column;margin:.5em;padding:.5em;background:var(--color-primary-4);transition:.2s;border-radius:var(--border-radius-default);box-shadow:var(--box-shadow-default)}#content_Wand .WandEintrag .WandEintragTitelZeile,#content_Flächen .WandEintrag .WandEintragTitelZeile{display:flex;justify-content:space-between;align-items:center;padding:0 .5em}#content_Wand .WandEintrag .WandEintragTitelZeile h3,#content_Flächen .WandEintrag .WandEintragTitelZeile h3{font-size:1.4em;margin-top:.5em}#content_Wand .WandEintrag .WandEintragTitelZeile .WandEintragButtons,#content_Flächen .WandEintrag .WandEintragTitelZeile .WandEintragButtons{display:flex}#content_Wand .WandEintrag .WandEintragTitelZeile .WandEintragButtons .WandEintragButton,#content_Flächen .WandEintrag .WandEintragTitelZeile .WandEintragButtons .WandEintragButton{display:flex;justify-content:center;align-items:center;margin:0 .25em;width:2em;height:2em;background:var(--color-primary-3)}#content_Wand .WandEintrag .WandEintragTitelZeile .WandEintragButtons .WandEintragButton:active,#content_Flächen .WandEintrag .WandEintragTitelZeile .WandEintragButtons .WandEintragButton:active{box-shadow:var(--box-shadow-pressed)}#content_Wand .WandEintrag .WandEintragTitelZeile .WandEintragButtons .WandEintragButton:hover,#content_Flächen .WandEintrag .WandEintragTitelZeile .WandEintragButtons .WandEintragButton:hover{background:var(--color-primary-2)}#content_Wand .WandEintrag .WandEintragContent,#content_Flächen .WandEintrag .WandEintragContent{display:flex;flex-direction:column}#content_Wand .WandEintrag .flächenKategorie,#content_Flächen .WandEintrag .flächenKategorie{display:flex;flex-direction:column;flex-wrap:wrap;margin-bottom:1em;background:rgba(200,200,200,.2);border-radius:var(--border-radius-default);padding:.15em}#content_Wand .WandEintrag .flächenKategorie .flächenKategorieTitel,#content_Flächen .WandEintrag .flächenKategorie .flächenKategorieTitel{display:flex;align-items:center;width:100%;border-bottom:1px solid #888;font-size:1.2em}#content_Wand .WandEintrag .flächenKategorie .flächenKategorieTitel h3,#content_Flächen .WandEintrag .flächenKategorie .flächenKategorieTitel h3{margin:0 .5em}#content_Wand .WandEintrag .flächenKategorie .flächenKategorieTitel .neueFlächeEntry,#content_Flächen .WandEintrag .flächenKategorie .flächenKategorieTitel .neueFlächeEntry{display:flex;align-items:center;margin:0;padding:.2em;cursor:pointer;border:0;background:none}#content_Wand .WandEintrag .flächenKategorie .flächenKategorieTitel .neueFlächeEntry:hover,#content_Flächen .WandEintrag .flächenKategorie .flächenKategorieTitel .neueFlächeEntry:hover{font-weight:bold;text-decoration:underline}#content_Wand .WandEintrag .flächenKategorie .flächenKategorieTitel .neueFlächeEntry .icon,#content_Flächen .WandEintrag .flächenKategorie .flächenKategorieTitel .neueFlächeEntry .icon{padding-right:.2em;display:inline-block;height:1em}#content_Wand .WandEintrag .flächenKategorie .flächeEntry,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.25em;margin:.2em;padding:.25em .5em;border-radius:var(--border-radius-default);background-color:var(--color-background-1);overflow:hidden;cursor:default}#content_Wand .WandEintrag .flächenKategorie .flächeEntry .flächeEntryTitle,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry .flächeEntryTitle{display:flex;align-items:center}#content_Wand .WandEintrag .flächenKategorie .flächeEntry button,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry button{font-size:1em}#content_Wand .WandEintrag .flächenKategorie .flächeEntry button.icon,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry button.icon{font-size:1.5em;border:0}#content_Wand .WandEintrag .flächenKategorie .flächeEntry .icon,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry .icon{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin-left:.3em}#content_Wand .WandEintrag .flächenKategorie .flächeEntry .icon.type,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry .icon.type{margin-right:.2em}#content_Wand .WandEintrag .flächenKategorie .flächeEntry .icon.edit,#content_Wand .WandEintrag .flächenKategorie .flächeEntry .icon.delete,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry .icon.edit,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry .icon.delete{cursor:pointer}#content_Wand .WandEintrag .flächenKategorie .flächeEntry.selected,#content_Flächen .WandEintrag .flächenKategorie .flächeEntry.selected{background:var(--color-primary-2)}#content_Abschluss .zuschnittTitel{font-size:1.25em;font-weight:bold}#content_Abschluss table{width:100%}#content_Abschluss table td{vertical-align:top}#content_Abschluss table .left{text-align:left}#content_Abschluss table .right{text-align:right}
.assistantMessage{--iconSize: 64px;position:relative;margin-bottom:.5em;background:var(--color-primary-4);margin-left:var(--iconSize);border-radius:var(--border-radius-default);box-shadow:var(--box-shadow-default)}.assistantMessage .icon{position:absolute;top:-0.5em;left:calc(var(--iconSize)*-1.1);width:var(--iconSize);height:var(--iconSize);background-size:cover;background-repeat:no-repeat;border-radius:50%;box-shadow:var(--shadow)}.assistantMessage p{margin:.75em;padding:0;line-height:1.5em}
.FlächenTransformLinealLabel{font-size:1.5rem;padding:.2em;white-space:nowrap}.Freeze{background:red}.FlächenTransformMoveButton{font-size:2rem;pointer-events:none}.FlächenTransformButtonsWrapper>div{margin-top:.5em}.FlächenTransformButtons{display:flex;font-size:2rem}.FlächenTransformButtons .FlächenTransformButton{padding:.2rem;cursor:pointer}.FlächenTransformDialogWrapper{box-shadow:2px 2px 6px rgba(0,0,0,.15)}.FlächenTransformDialogWrapper.freezeToBottom{position:fixed;bottom:0;left:20px}.FlächenTransformDialogWrapper.freezeToRight{position:fixed;right:0;left:auto}.FlächenTransformDialog{display:flex;flex-direction:column;white-space:nowrap;padding:.5em;background:#eee;border:1px solid #333;border-radius:5px}.FlächenTransformDialog .inputWrapper{gap:.25em;font-size:1em}.FlächenTransformDialog .FlächenTransformDialogOptions{display:flex;flex-direction:column;justify-content:space-around}.FlächenTransformDialog.LöschenDialog{font-size:1.25em}.FlächenTransformDialog.LöschenDialog span{cursor:pointer;padding:.2em;text-decoration:underline}.FlächenTransformDialog .FlächenTransformDialogExtras{display:flex;flex-direction:column;gap:.5em;margin-top:.5em;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height .5s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s,visibility .5s}.FlächenTransformDialog .FlächenTransformDialogExtras.open{max-height:500px;opacity:1;visibility:visible;transition:max-height .5s cubic-bezier(0.4, 0, 0.2, 1),opacity .5s,visibility .5s}.FlächenTransformDialog .FlächenTransformDialogExtras button{margin-top:.25em;bottom:0}.flächeEntry .FlächenTransformDialogWrapper{box-shadow:none}.flächeEntry .FlächenTransformDialog{background:none;border:none}.flächeEntry .FlächenTransformDialog.LöschenDialog{font-size:1em}
.BestellListe{background:#ddd;border-radius:var(--border-radius-default);box-shadow:var(--box-shadow-default);margin-top:1em;font-size:1em;overflow-x:auto}@media only screen and (max-width: 1500px){.BestellListe{font-size:.9em}}@media only screen and (max-width: 1350px){.BestellListe{font-size:.8em}}.BestellListe h3{padding:0 .5em}.BestellListe a.dezent:link,.BestellListe a.dezent:active,.BestellListe a.dezent:visited{font-weight:normal;color:inherit;text-decoration:none}.BestellListe a.dezent:hover{color:#ee7f00}.BestellListe table{width:100%;max-width:640px}.BestellListe table thead{border-bottom:1px solid #000}.BestellListe table tfoot{border-top:1px solid #000}.BestellListe table tfoot td,.BestellListe table th{font-weight:700}.BestellListe table td,.BestellListe table th{padding:3px 6px;vertical-align:top}.BestellListe table .separator{height:20px}.BestellListe table .subtext{font-size:.9em}.BestellListe table .left{text-align:left}.BestellListe table .right{text-align:right}.BestellListe table .editableSelect{background:#fff;border:none;-webkit-appearance:auto;width:auto;padding:0px}.BestellListe table .nowrap{white-space:nowrap}.BestellListe table .wide{width:64%}.BestellListe .verlegeplanButtons{display:flex;margin-top:1em}@media only screen and (max-width: 500px){.BestellListe .verlegeplanButtons .button{height:3em;text-align:center}}.BestellListe .verlegeplanButtons .button:hover{background:#f6f4f5}
#optionMenuWrapper{position:relative;height:100%;width:100%;transition:.5s}@media only screen and (max-width: 701px){#optionMenuWrapper{width:calc(100vw - 42px);max-width:320px;transform:translateX(-100%);box-shadow:3px 3px 2px rgba(85,85,85,.6666666667)}}#optionMenuWrapper.open{transform:translateX(0)}#optionMenuWrapper.open #optionMenuOpener::after{content:"<"}#optionMenuWrapper #optionMenuOpener{display:none;position:absolute;top:40px;right:0;transform:translateX(100%);background:#fff;box-shadow:3px 3px 2px rgba(85,85,85,.6666666667);font-size:2em;width:32px;height:32px;justify-content:center;align-items:center;cursor:pointer}#optionMenuWrapper #optionMenuOpener::after{content:">"}@media only screen and (max-width: 701px){#optionMenuWrapper #optionMenuOpener{display:flex}}#optionMenu{height:100%;position:relative;display:flex;flex-direction:column;pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;background:#fff}#optionMenu::-webkit-scrollbar{display:none}#optionMenu #optionMenuHeader.fullView .mainMenu{overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}#optionMenu #optionMenuHeader.fullView .mainMenu::-webkit-scrollbar{display:none}#optionMenu #optionMenuHeader.fullView .allMenuItems{flex-direction:row;margin-top:0}#optionMenu #optionMenuHeader.fullView .allMenuItems .selected{border-top:3px solid var(--color-primary-0)}#optionMenu #optionMenuHeader.fullView .allMenuItems .selected:first-child{border-top:3px solid var(--color-primary-0)}#optionMenu #optionMenuHeader.fullView .allMenuItems>div{height:initial;margin:0;padding-right:1em;border-top:3px solid rgba(0,0,0,0)}#optionMenu #optionMenuHeader.fullView .allMenuItems>div:first-child{border-top:0}#optionMenu #optionMenuHeader.fullView .button.backButton,#optionMenu #optionMenuHeader.fullView .button.nextButton{flex-basis:3em;flex-grow:0}#optionMenu .fading{transition:background-color .3s}#optionMenu.minimized #optionMenuContent{max-height:0}#optionMenu.minimized #optionMenuFooter .button.minimizeButton span{transform:rotateZ(90deg)}#optionMenu.minimized #optionMenuInvisibleExtraSpace{height:15em;pointer-events:none}#optionMenu #optionMenuHeader{display:flex;justify-content:space-around;font-weight:bold;pointer-events:all}#optionMenu #optionMenuHeader .button{flex-basis:50%;background:#ddd}#optionMenu #optionMenuHeader .button.clickable:hover{background:#ececec}#optionMenu #optionMenuHeader .mainMenu{display:flex;flex-direction:column;justify-content:flex-start;flex-basis:60%;line-height:2.5em}#optionMenu #optionMenuHeader .mainMenu .mainButton{display:flex;width:100%;background:#ddd}#optionMenu #optionMenuHeader .mainMenu .mainButton.hidden{display:none}#optionMenu #optionMenuHeader .mainMenu .mainButton:hover{background:#ececec}#optionMenu #optionMenuHeader .mainMenu .mainButton .label{flex-grow:1;text-align:center}#optionMenu #optionMenuHeader .mainMenu .mainButton .burgerButton{padding-right:10px}#optionMenu #optionMenuHeader .allMenuItems>div,#optionMenu #optionMenuHeader>div{display:flex;flex-grow:1;height:2.5em;align-items:center;justify-content:center}#optionMenu #optionMenuHeader .allMenuItems{display:flex;flex-direction:column;width:100%;margin-top:5px;background:#ddd;z-index:1000;transform-origin:top;transition:transform .4s,opacity .2s}#optionMenu #optionMenuHeader .allMenuItems .selected{background:#fff}#optionMenu #optionMenuHeader .allMenuItems .menuItem{position:relative;height:3em;margin:1px 0px;box-shadow:0px 1px 2px #666;background:#ddd;font-size:1em;font-weight:bold;border:0}#optionMenu #optionMenuHeader .allMenuItems .menuItem span{z-index:1}#optionMenu #optionMenuHeader .allMenuItems .menuItem svg{position:absolute;right:10px;color:#006400;width:1em}#optionMenu #optionMenuHeader .allMenuItems .menuItem:first-child{border-top:1px solid #aaa}#optionMenu #optionMenuHeader .allMenuItems .menuItem:hover{background:#ececec}#optionMenu #optionMenuHeader .allMenuItems.hidden{transform:scaleY(0);opacity:0;transition:transform 400ms,opacity 400ms}#optionMenu #optionMenuHeader .clickable{cursor:pointer}#optionMenu #optionMenuHeader .clickable>span{transition:.1s;white-space:nowrap;padding-left:1em;padding-right:1em}#optionMenu #optionMenuHeader .clickable:active>span{font-size:.9em}#optionMenu #optionMenuHeader .clickable:hover>span{color:rgb(42.5,42.5,42.5)}#optionMenu #optionMenuHeader{margin-bottom:5px}#optionMenu #optionMenuHeader .button{margin-left:2.5px;margin-right:2.5px}#optionMenu #optionMenuHeader .button:first-child{margin-left:0}#optionMenu #optionMenuHeader .button:last-child{margin-right:0}#optionMenu #optionMenuHeader .button.backButton,#optionMenu #optionMenuHeader .button.nextButton{font-size:1.25em;flex-basis:20%;border:0}#optionMenu #optionMenuHeader .button.backButton:hover>span,#optionMenu #optionMenuHeader .button.nextButton:hover>span{font-weight:bold;color:#111}#optionMenu #optionMenuHeader .button.backButton .icon,#optionMenu #optionMenuHeader .button.nextButton .icon{color:#111}#optionMenu #optionMenuContent{display:flex;flex-direction:row;flex-grow:1;transition:.4s ease-in-out;background:#fff;overflow:hidden;pointer-events:all}#optionMenu #optionMenuContent>*{width:100%;overflow:auto}#optionMenu #optionMenuContent .optionContent{height:100%}#optionMenu #optionMenuContent .optionContentScroll{width:100%;height:100%;padding:1em;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column}#optionMenu .optionPage{position:relative;overflow:auto;background:#f3efe4;background:linear-gradient(135deg, rgb(249, 249, 249) 10%, rgb(243, 239, 228) 90%)}#optionMenu .optionPage .nextButton,#optionMenu .optionPage .abschlussButton{position:sticky;align-self:flex-end;font-size:1.25em;width:-moz-fit-content;width:fit-content;margin-top:1em;padding:.5em;bottom:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}select,option{color:#4b4b4a;padding:5px 8px;padding-right:30px;width:100%;border:1px solid #dedede;background:rgba(0,0,0,0);background-image:none;-webkit-appearance:none;-moz-appearance:none;text-indent:.01px;text-overflow:""}.anzahlSelect{margin:0px 1px 0px 5px}.anzahlSelect select{margin:0px;padding:5px 8px;width:2.5em;height:2em;padding:.2em .5em;border:1px solid #d0cbce;overflow:hidden;background:#fff url(data:image/gif;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat right 3px top 50%}#optionMenuFooter{display:flex;pointer-events:all;justify-content:flex-end;margin-top:.5em}#optionMenuFooter>div{margin-left:5px;margin-right:5px}#optionMenuFooter:first-child{margin-left:0}#optionMenuFooter:last-child{margin-right:0}#optionMenuFooter .button{font-weight:bold;display:flex;padding:.1em 1em;border:1px solid #aaa;text-align:center;background:#ddd;height:2.5em;align-items:center;justify-content:center;box-sizing:border-box}#optionMenuFooter .button .font-size-large{font-size:1em}#optionMenuFooter .button.clickable:hover{background:#ececec}#optionMenuFooter .button .clickable>span{transition:.1s;white-space:nowrap;padding-left:1em;padding-right:1em}#optionMenuFooter .button .clickable:active>span{font-size:.9em}#optionMenuFooter .button .clickable:hover>span{color:rgb(42.5,42.5,42.5)}#optionMenuFooter .button.clickable:hover{background:#ececec}#optionMenuFooter .button.clickable.nextStepButton{min-width:100px;background-color:var(--color-primary-2)}#optionMenuFooter .button.clickable.nextStepButton:hover{filter:brightness(0.9)}#optionMenuFooter .button.minimizeButton{flex-basis:2.5em;flex-grow:0;flex-shrink:0}#optionMenuFooter .button.minimizeButton span{transition:.7s ease-in-out}#optionMenuFooter .price-button .container{display:inline-flex;flex-direction:row;align-items:center}#optionMenuFooter .price-button .container .icon{margin-right:.5em}
.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 1em}.header #logo img{height:64px}.header .title{font-weight:bold;font-size:1.5em;flex:1;margin:0 1em;text-align:center}@media only screen and (max-width: 800px){.header .changelog{display:none}}@media only screen and (max-height: 900px){.header #logo img{height:48px}.header .title{font-size:1.15em}}@media only screen and (max-height: 700px){.header #logo img{height:32px}.header .title{font-size:1em}}.header .header-right-menue{display:grid;gap:.5em;grid-template-areas:"links links" "code user";grid-template-columns:1fr auto;justify-items:end}@media(max-width: 600px){.header .header-right-menue{display:flex;justify-content:center;align-items:center}.header .header-right-menue .configurationCodeInput{display:none}}
.userMenu{grid-area:user;display:flex;align-items:center;position:relative}.userMenu,.userMenu input,.userMenu button{font-size:initial}.userMenu button{cursor:pointer}.userMenu .username{font-weight:bold;text-align:center;padding:.5em .5em}.userMenu .login-popup-trigger{background:var(--color-background-2-trans);display:flex;justify-content:center;align-items:center;border:none;border-radius:2em;height:2em;width:2em;padding:0}.userMenu .form{display:flex;flex-direction:column;gap:.5rem}.userMenu svg{font-size:2em;cursor:pointer;color:var(--color-dark-2);background-color:var(--breadcrumbs-background-color);border-radius:100%;padding:2px}.userMenu svg:hover{color:var(--color-dark-0)}.userMenu .left{transform:translateX(0)}.userMenu .right{transform:translateX(calc(2em - 100%))}.userMenu .loginPopup{position:absolute;display:flex;flex-direction:column;width:15rem;padding:.6em;top:2em;z-index:210;background:#fff;box-shadow:0 0 4px 0 #333}.userMenu .loginPopup .info{padding:.25rem}.userMenu .loginPopup a{display:inline-block;color:var(--color-dark-2)}.userMenu .loginPopup .center{text-align:center}.userMenu .backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.2666666667)}.userMenu .titleBarText{width:100%;height:100%}.userMenu .titleBarText:hover{text-decoration:underline}
.configurationCodeInput{grid-area:code;display:flex;align-items:center;min-width:11em;border:var(--button-border);border-radius:2em;overflow:hidden;background:linear-gradient(45deg, #ececec, #eee)}.configurationCodeInput[data-invalid=true]{border-color:red;background:#fbb}.configurationCodeInput input{flex-grow:1;height:1.5em;border:none;outline:none;width:8em;padding:.2em;padding-left:.5rem;padding-right:1.75rem;text-transform:uppercase;cursor:pointer;background:rgba(0,0,0,0)}@media only screen and (max-width: 800px){.configurationCodeInput input .configurationCodeInput{margin-right:.5em}}.configurationCodeInput input::-moz-placeholder{text-transform:none}.configurationCodeInput input::placeholder{text-transform:none}.configurationCodeInput button{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border-radius:4rem;border:0;padding:0;margin:0 .2em 0;width:1.5rem;height:1.5rem;cursor:pointer}.configurationCodeInput button:hover svg{color:var(--color-dark-2)}.configurationCodeInput button svg{background:rgba(0,0,0,0);color:var(--color-dark-3);border-radius:4rem;border:none}
#legallinks{display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;grid-area:links}#legallinks a{border:none;border-radius:1em;color:var(--color-dark-1);-webkit-text-decoration:underline rgba(0,0,0,0);text-decoration:underline rgba(0,0,0,0);transition:var(--transition-all);cursor:pointer}#legallinks a:hover{color:var(--color-dark-0);text-decoration:underline}
.changelog .changelogEntry{position:relative;background-color:#fff;margin-bottom:1em;padding:1em;padding-left:3em;text-align:left}.changelog .changelogEntry .category-label{color:#a9a9a9;font-weight:bold;margin-bottom:1em}.changelog .changelogEntry .category-color{position:absolute;top:0;bottom:0;left:0;width:5px}.changelog .changelogEntry .titel{font-size:1.5em;font-weight:bold;margin-bottom:1em}.changelog .changelogEntry .autor{font-size:1em;margin-top:1em}.changelog .changelogEntry .date{font-size:.8em}
.SeitenMenu{display:grid;position:absolute;top:.5em;right:.5em}.SeitenMenu .seitenMenuButton{display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;margin:.5em;padding:.5em;font-size:.75em;background:#aaa;background:linear-gradient(90deg, rgba(240, 240, 240, 0.6) 0%, rgba(210, 210, 210, 0.8) 100%)}.SeitenMenu .seitenMenuButton:hover{cursor:pointer;background:#888;background:linear-gradient(90deg, rgba(220, 220, 220, 0.7) 0%, rgba(160, 160, 160, 0.9) 100%)}.SeitenMenu .seitenMenuButton:active{background:#bbb;background:linear-gradient(90deg, rgba(220, 220, 220, 0.3) 0%, rgba(160, 160, 160, 0.5) 100%)}.SeitenMenu .seitenMenuButton svg{font-size:3em}
.SavedDialog{text-align:center}.SavedDialog a{color:#111;text-decoration:none}.SavedDialog a:hover{text-decoration:underline}.SavedDialog .ConfigurationCode{margin-top:.25em;margin-bottom:.25em;padding:.5em;font-size:2em;font-weight:bold;background-color:#ddd;display:inline-block;font-family:monospace}.SavedDialog .url{display:inline-flex;flex-direction:row}.SavedDialog .url a{padding-right:.5em}.SavedDialog .url .copy-button{background-position:50%;background-repeat:no-repeat;height:1em;padding:0;width:1em;cursor:pointer;border:0;font-size:1.2em;background:none}.SavedDialog .bordered{background-color:#ddd;border:1px solid #888;padding:1em;border-radius:.3em}.SavedDialog .pdfButtons a svg{height:1em;margin-right:.5em;display:inline-block;fill:#888}.SavedDialog .mainPdf{margin-top:1em;display:flex;justify-content:space-around}.SavedDialog .mainPdf a{display:flex;padding:.5em;margin:0 .5em;justify-content:center;align-items:center;flex-basis:40%;flex-grow:1;background:var(--color-primary-0);color:#fff}.SavedDialog .mainPdf a svg{fill:#fff}.SavedDialog .morePdf{display:flex;flex-direction:column;align-items:center;margin-bottom:.5em}.SavedDialog .morePdf a{display:block;margin-top:.6em;text-align:left}

/*# sourceMappingURL=app.e233cb4a8a7f4091fdcff7c77ed03366.bundle.css.map*/