@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/static/schrift/quicksand-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:300 700;font-display:swap;src:url(/static/schrift/quicksand-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper: #f7f7f7;--card: #ffffff;--ink: #000000;--ink-soft: #767676;--line: #e9e9e9;--line-strong: #cfcfcf;--accent: #000000;--accent-soft: #ddd0c0;--radius: 4px;--pille: 999px;--shadow: none;--serif: "Quicksand", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font:16px/1.5 Quicksand,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}.app{max-width:560px;margin:0 auto;padding-bottom:3rem}.modulnav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:center;gap:1.5rem;padding:.9rem 1rem;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.modulnav a,.modulnav span{font-size:.92rem;font-weight:600;text-decoration:none;white-space:nowrap;color:var(--ink-soft)}.modulnav a:hover,.modulnav .an{color:var(--ink)}@media (max-width: 720px){.modulnav{justify-content:flex-start;gap:1.1rem;overflow-x:auto;scrollbar-width:none}.modulnav::-webkit-scrollbar{display:none}}.app.mit-nav{padding-top:3rem}.app.mit-nav .stage{top:3rem}.stage{position:sticky;top:0;z-index:20;background:linear-gradient(var(--paper) 78%,rgba(247,247,247,0));padding:0 1rem .7rem}.stage-inner{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.viewport{position:relative;display:flex;align-items:center;justify-content:center;min-height:190px;padding:.9rem;background:var(--paper)}.viewport .flat{width:100%;height:auto;display:block;border-radius:3px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.18))}.watermark{position:absolute;top:.9rem;right:.9rem;bottom:.9rem;left:.9rem;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.watermark span{font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a2c1252;white-space:nowrap;transform:rotate(-10deg);text-shadow:0 1px 0 rgba(255,255,255,.35)}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.85rem;color:var(--ink-soft);background:#fffdf9db}.viewswitch{display:flex;align-items:center;gap:.4rem;padding:.5rem .6rem 0;border-top:1px solid var(--line);background:var(--card)}.bundwahl{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem .5rem;background:var(--card)}.bundwahl-label{flex:none;font-size:.78rem;font-weight:600;color:var(--ink-soft)}.switch{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:550;color:var(--ink-soft);cursor:pointer;padding:.2rem .3rem}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;width:34px;height:20px;border-radius:999px;background:var(--line);transition:background .15s ease;flex-shrink:0}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000038;transition:transform .15s ease}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.scale-switch{margin-top:.9rem;align-items:flex-start;line-height:1.35}.scale-switch .switch-track{margin-top:.05rem}.dims{margin-left:auto;padding-right:.35rem;font-size:.74rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.view3d-switch{gap:.3rem}.view3d-switch button{flex:none;padding:.3rem .7rem;font-size:.78rem;border-radius:var(--radius)}.stage3d{width:100%;height:300px;cursor:grab}.stage3d:active{cursor:grabbing}.stage3d canvas{display:block;width:100%!important;height:100%!important}.controls{padding:.35rem 1rem 0;display:grid;gap:.85rem}.block{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:.9rem .95rem 1rem;margin:0}.block legend{font-family:var(--serif);font-size:1.05rem;font-weight:500;color:var(--ink);padding:0 .3rem;margin-left:-.15rem}.segmented{display:flex;gap:.5rem}.segmented button{flex:1;font:inherit;font-weight:550;padding:.65rem;border-radius:var(--radius);border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.segmented button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.motifs{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:.45rem}.motif{display:grid;justify-items:center;gap:.15rem;padding:.5rem .25rem .4rem;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);cursor:pointer;font:inherit}.motif svg{width:100%;max-width:52px;height:auto;aspect-ratio:1}.motif span{font-size:.7rem;color:var(--ink-soft)}.motif.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.motif.on span{color:var(--accent)}.bundliste{display:flex;flex-wrap:wrap;gap:.4rem}.bundreiter{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff}.bundreiter.on{border-color:var(--accent)}.bundreiter button{display:flex;align-items:center;gap:.4rem;font:inherit;font-size:.82rem;font-weight:550;padding:.4rem .65rem;border:none;background:transparent;color:var(--ink);cursor:pointer;max-width:160px}.bundreiter-nr{flex:none;display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--line);color:var(--ink-soft);font-size:.72rem;font-weight:700}.bundreiter.on .bundreiter-nr{background:var(--accent);color:#fff}.bundreiter-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bundreiter.on button{color:var(--accent);background:var(--accent-soft)}.bundreiter-entfernen{padding:0 .55rem!important;border-left:1px solid var(--line)!important;color:var(--ink-soft)!important;font-size:1rem!important}.bundreiter-entfernen:hover{color:#8a3222!important}.field{display:grid;gap:.28rem;margin-bottom:.75rem}.field .label{display:flex;align-items:baseline;justify-content:space-between;font-size:.82rem;font-weight:550}.field .label em{font-style:normal;font-size:.74rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.field .label em.full{color:#a8442c;font-weight:650}.field input,.field textarea{font:inherit;font-size:1rem;padding:.62rem .7rem;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);width:100%}.field textarea{resize:vertical;min-height:4.5rem;line-height:1.45}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0000001f}.field .meta{font-size:.72rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.field.slider{margin-top:.85rem;margin-bottom:.3rem}.field.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background:transparent;cursor:pointer}.field.slider input[type=range]:disabled{cursor:not-allowed;opacity:.4}.field.slider input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:var(--line)}.field.slider input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}.field.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 3px #0000004d}.field.slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 1px 3px #0000004d}.slider-enden{display:flex;justify-content:space-between;margin-top:-.2rem;font-size:.7rem;color:var(--ink-soft)}.slider-reset{font:inherit;font-size:.74rem;font-weight:500;padding:0;border:0;background:none;color:var(--ink-soft);text-decoration:underline;cursor:pointer}.slider-reset:hover{color:var(--ink)}.hint{margin:.55rem 0 0;font-size:.76rem;line-height:1.45;color:var(--ink-soft)}.ablauf{margin:.2rem 0 0;padding-left:1.15rem;font-size:.8rem;line-height:1.55;color:var(--ink)}.ablauf li+li{margin-top:.3rem}.hint.datenschutz{margin-top:1.4rem;padding-top:.9rem;border-top:1px solid var(--linie, rgba(0, 0, 0, .1))}.produktwahl{max-width:680px;margin:0 auto;padding:1.5rem 1rem 2rem}.produktwahl>.hint{margin:0 0 1.4rem;font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--ink);text-align:center}.produktkacheln{display:grid;gap:1.1rem}.produkt-kachel{display:grid;gap:.3rem;padding:0;border:none;background:none;color:var(--ink);font:inherit;text-align:center;cursor:pointer}.produkt-bild{position:relative;display:block;overflow:visible;background:none}.produkt-bild canvas{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 14px rgba(96,68,36,.2));transition:transform .18s ease}.produkt-kachel:hover .produkt-bild canvas{transform:translateY(-3px) scale(1.015)}.produkt-bild img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .15s ease}.produkt-bild img.sichtbar{opacity:1}.produkt-titel{font-family:var(--serif);font-size:1.2rem;font-weight:500;margin-top:.7rem}.produkt-text{font-size:.92rem;line-height:1.45;color:#55524d;max-width:32ch;margin:.15rem auto 0}.produkt-zurueck{justify-self:start;border:none;background:none;padding:0;font:inherit;font-size:.8rem;color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.produkt-zurueck:hover{color:var(--accent)}.result .code{margin:0 0 .7rem;padding:.6rem .7rem;background:var(--accent-soft);border:1px dashed var(--line-strong);border-radius:var(--radius);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.76rem;line-height:1.5;word-break:break-word}.actions{display:flex;flex-wrap:wrap;gap:.45rem}.actions button{font:inherit;font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;border-radius:var(--pille);border:1px solid var(--line-strong);background:var(--card);color:var(--ink);cursor:pointer}.actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}.actions .ghost{border-color:transparent;color:var(--ink-soft)}.foot{font-size:.72rem;color:var(--ink-soft);text-align:center;padding:.4rem .5rem 0}@media (min-width: 900px){.app{max-width:1080px;display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"stage controls";column-gap:1.4rem;align-items:start;padding:1.5rem 1.5rem 3rem}.app.nur-wahl{display:block;max-width:780px}.stage{grid-area:stage;position:sticky;top:1.5rem;padding:0;background:none}.controls{grid-area:controls;padding:0}.viewport{min-height:340px;padding:1.6rem}}.result .code{font-size:1.15rem;font-weight:650;letter-spacing:.12em;text-align:center;padding:.85rem .7rem}.laden{display:flex;align-items:flex-end;gap:.5rem;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--line)}.laden .field{flex:1 1 auto;margin:0}.laden input{text-transform:uppercase;letter-spacing:.06em}.laden button{font:inherit;font-size:.85rem;font-weight:550;padding:.55rem .85rem;border-radius:var(--radius);border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;white-space:nowrap}.laden button:disabled,.actions button:disabled{opacity:.5;cursor:default}.hint.fehler{color:#8a3222;background:#aa3c281a;border-radius:var(--radius);padding:.55rem .7rem}.foot a{color:inherit}.viewport.flach{min-height:0;padding:.75rem .75rem 1.5rem}.viewport.flach .watermark{top:.75rem;right:.75rem;bottom:1.5rem;left:.75rem}.viewport-mass{position:absolute;left:.75rem;bottom:.3rem;font-size:.68rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;pointer-events:none}.stage-inner .bundliste{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:.35rem}.stage-inner .bundliste::-webkit-scrollbar{display:none}.stage-inner .bundreiter{flex:none}.bund-plus{flex:none;width:2rem;font:inherit;font-size:1.1rem;line-height:1;border:1.5px dashed var(--line-strong, var(--line));border-radius:var(--radius);background:#fff;color:var(--ink-soft);cursor:pointer}.bund-plus:hover{color:var(--accent);border-color:var(--accent)}.gravurzeile{display:flex;align-items:stretch;gap:.4rem}.gz-teil{flex:1 1 0;min-width:0;font:inherit;font-size:.95rem;font-weight:550;flex-direction:column;gap:.15rem;padding:.55rem .6rem .45rem;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:3rem;user-select:none;-webkit-user-select:none}.gz-teil .gz-wert{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.25}.gz-rolle{font-size:.63rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft)}.gz-teil.on .gz-rolle{color:var(--accent)}.gz-teil.leer{border-style:dashed;font-weight:500}.gz-teil.leer .gz-wert{color:#b3a591}.gz-teil.on{border-color:var(--accent);border-style:solid;background:var(--accent-soft);color:var(--accent)}.gz-teil:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gz-motiv{flex:0 0 4.2rem;padding-left:.4rem;padding-right:.4rem}.gz-motiv .gz-wert{display:flex;align-items:center;justify-content:center;height:1.6rem;font-size:1.35rem;line-height:1}.gz-motiv svg{width:1.6rem;height:1.6rem}.gz-auszug{margin-top:.7rem;padding-top:.8rem;border-top:1px solid var(--line)}.gz-auszug .field:last-of-type{margin-bottom:0}.gz-auszug .scale-switch{margin-top:.8rem}.speicherleiste{position:sticky;bottom:0;z-index:15;display:flex;align-items:center;gap:.6rem;margin-top:.3rem;padding:.6rem .7rem;padding-bottom:max(.6rem,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--radius);background:#fffdf9f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow)}.speicherstand{flex:1 1 auto;min-width:0;font-size:.76rem;line-height:1.35;color:var(--ink-soft)}.speicherstand strong{color:var(--ink);font-weight:650;letter-spacing:.04em}.speicherleiste button{flex:none;font:inherit;font-size:.85rem;font-weight:600;padding:.6rem 1.1rem;border-radius:var(--pille);border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.speicherleiste button:disabled{opacity:.5;cursor:default}.laser{max-width:60rem;margin:0 auto;padding:1.5rem 1.25rem 4rem;background:var(--paper);min-height:100vh}.laser h1{font-size:1.5rem;margin:.25rem 0 1rem}.laser-zurueck a{color:var(--ink-soft);text-decoration:none;font-size:.9rem}.laser-zurueck a:hover{color:var(--ink)}.laser-hinweis{color:var(--ink-soft);font-size:.9rem;line-height:1.5}.laser-fehler{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--card);padding:1rem 1.15rem}.laser-knopfreihe{margin:0 0 1.5rem}.laser-knopf{font:inherit;font-weight:600;padding:.75rem 1.4rem;border-radius:var(--radius);border:none;background:var(--accent);color:#fff;cursor:pointer}.laser-daten{display:grid;grid-template-columns:7rem 1fr;gap:.5rem 1rem;margin:0 0 1.75rem;font-size:.92rem;line-height:1.5}.laser-daten dt{font-weight:600}.laser-daten dd{margin:0;color:var(--ink-soft)}.laser-farbe{display:inline-block;width:.75rem;height:.75rem;border:1px solid var(--line-strong);vertical-align:-1px;margin-right:.35rem}.laser-blatt{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);padding:1rem;overflow-x:auto}.laser-blatt svg{display:block}@media (max-width: 40rem){.laser-daten{grid-template-columns:1fr;gap:.15rem}.laser-daten dd{margin-bottom:.6rem}}.produkt-mass{font-size:.78rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}