.he-balken{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.he-balken-aktiv{z-index:30;background:var(--nf-surface);border:1px solid var(--nf-border);box-shadow:0 6px 20px rgba(var(--nf-shadow-rgb), .18);border-radius:12px;padding:10px 14px;position:sticky;top:8px}.he-balken-titel{font-size:calc(14px * var(--nf-fs-scale));color:var(--nf-text);font-weight:700}.he-balken-hinweis,.he-balken-status{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted)}.he-balken-status.he-fehler{color:#c0392b;font-weight:600}.he-balken-luecke{flex:auto}.he-balken-frage{font-size:calc(13px * var(--nf-fs-scale));color:var(--nf-text);font-weight:600}.he-balken-knopf{flex-shrink:0}.he-balken-abbruch{cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;text-decoration:underline}.he-balken-abbruch:hover{color:var(--nf-link)}.he-balken-zusatz{color:var(--nf-muted);font-weight:500}.he-sichern{align-items:center;gap:6px;display:inline-flex}.he-sichern-feld{border:1px solid var(--nf-border);background:var(--nf-bg);width:190px;color:var(--nf-text);font-family:inherit;font-size:calc(13px * var(--nf-fs-scale));border-radius:8px;padding:6px 9px}.he-sichern-feld:focus-visible{outline:2px solid var(--nf-accent);outline-offset:1px}.zone-bearbeiten{border:1px solid var(--nf-border-soft);background:color-mix(in srgb, var(--nf-surface) 35%, transparent);border-radius:14px;margin-top:18px;padding:8px 10px 12px}.he-zonenkopf{flex-wrap:wrap;align-items:center;gap:12px;padding:2px 4px 10px;display:flex}.he-zonenname{font-size:calc(11px * var(--nf-fs-scale));letter-spacing:.08em;text-transform:uppercase;color:var(--nf-muted);font-weight:700}.he-muster{gap:3px;display:inline-flex}.he-musterknopf{border:1px solid var(--nf-border);background:var(--nf-surface);min-width:34px;height:26px;color:var(--nf-text-soft);cursor:pointer;letter-spacing:1px;border-radius:7px;font-size:13px;line-height:1}.he-musterknopf:hover:not(:disabled){color:var(--nf-link);border-color:var(--nf-link)}.he-musterknopf:disabled{opacity:.3;cursor:default}.he-musterknopf.gewaehlt{background:var(--nf-accent);border-color:var(--nf-accent);color:var(--nf-on-accent)}.he-zonenkopf .he-knoepfe{margin-left:auto}.zone-spalte-leer{border:1px dashed var(--nf-border);border-radius:12px;justify-content:center;align-items:center;min-height:90px}.zone-leer-text{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted);margin:0;font-style:italic}.he-marke{background:var(--nf-accent);height:3px;box-shadow:0 0 0 3px color-mix(in srgb, var(--nf-accent) 22%, transparent);border-radius:2px;margin:-6px 0}.he-block{border:1px dashed var(--nf-border);border-radius:12px;margin-top:8px;padding:6px;position:relative}.he-heroreihe .zone-bearbeiten{background:0 0;border:0;margin:0;padding:0}.he-heroreihe .he-block{border-inline:0;border-radius:0;margin:0}.he-heroreihe .he-zonenkopf{padding-inline:16px}.he-block-aus{opacity:.75}.he-leiste{align-items:center;gap:10px;padding:2px 6px 8px;display:flex}.he-griff{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;color:var(--nf-muted);padding:4px 2px;font-size:15px;line-height:1}.he-griff:active{cursor:grabbing}.he-block-zieht{opacity:.5}.he-block-zieht .he-griff{cursor:grabbing}.he-name{font-size:calc(12px * var(--nf-fs-scale));letter-spacing:.03em;color:var(--nf-label);text-transform:uppercase;font-weight:700}.he-knoepfe{align-items:center;gap:4px;margin-left:auto;display:flex}.he-knopf{border:1px solid var(--nf-border);background:var(--nf-surface);width:30px;height:30px;color:var(--nf-text-soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.he-knopf-zahn{font-size:21px}.he-knopf:hover:not(:disabled){color:var(--nf-link);border-color:var(--nf-link)}.he-knopf:disabled{opacity:.35;cursor:default}.he-knopf-text{font-size:15px}.he-knopf-aktiv{color:var(--nf-on-accent);background:var(--nf-accent);border-color:var(--nf-accent)}.he-fest{font-size:calc(11px * var(--nf-fs-scale));color:var(--nf-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 6px}.he-feld{background:var(--nf-surface-head);border:1px solid var(--nf-border);border-radius:10px;flex-direction:column;gap:10px;margin:0 6px 10px;padding:12px 14px;display:flex}.he-feld-zeile{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.he-feld-label{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted);min-width:150px}.he-segmente{flex-wrap:wrap;gap:4px;display:inline-flex}.he-segmente button{border:1px solid var(--nf-border);background:var(--nf-surface);cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-text-soft);border-radius:7px;padding:4px 11px}.he-segmente button:hover{color:var(--nf-link)}.he-segmente button.gewaehlt{background:var(--nf-accent);border-color:var(--nf-accent);color:var(--nf-on-accent);font-weight:600}.he-versteckt{font-size:calc(13px * var(--nf-fs-scale));color:var(--nf-muted);margin:0;padding:14px 8px 10px;font-style:italic}@media (max-width:720px){.he-balken-hinweis{display:none}.he-feld-label{flex-basis:100%;min-width:0}}.he-fassung{gap:3px;display:inline-flex}.he-fassung button{border:1px solid var(--nf-border);background:var(--nf-surface);cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-text-soft);border-radius:7px;padding:4px 12px}.he-fassung button:hover{color:var(--nf-link)}.he-fassung button.gewaehlt{background:var(--nf-accent);border-color:var(--nf-accent);color:var(--nf-on-accent);font-weight:600}.he-rahmen-buehne{flex-direction:column;align-items:center;gap:14px;margin-top:26px;display:flex}.he-rahmen{border:1px solid var(--nf-border);background:var(--nf-surface-head);width:414px;height:800px;box-shadow:0 10px 40px rgba(var(--nf-shadow-rgb), .2);border-radius:28px;padding:12px}.he-rahmen iframe{background:var(--nf-bg);border:0;border-radius:18px;width:390px;height:776px;display:block}.he-rahmen-hinweis{text-align:center;max-width:60ch;font-size:calc(13px * var(--nf-fs-scale));color:var(--nf-muted);margin:0 0 40px}@media (max-width:520px){.he-rahmen{width:100%;height:70vh;padding:6px}.he-rahmen iframe{width:100%;height:100%}}.he-farben{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.he-farbpunkt{cursor:pointer;border:1px solid var(--nf-border);border-radius:999px;width:24px;height:24px}.he-farbpunkt:hover{transform:scale(1.12)}.he-farbpunkt.gewaehlt{box-shadow:0 0 0 2px var(--nf-surface), 0 0 0 4px var(--nf-accent)}.he-farbwaehler{cursor:pointer;border:1px solid var(--nf-border);background:var(--nf-surface);border-radius:7px;width:28px;height:26px;padding:0}.he-farbe-ohne{border:1px solid var(--nf-border);background:var(--nf-surface);cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-text-soft);border-radius:7px;padding:3px 10px}.he-farbe-ohne:hover:not(:disabled){color:var(--nf-link)}.he-farbe-ohne:disabled{opacity:.35;cursor:default}.he-zonen-grund{font-size:calc(11.5px * var(--nf-fs-scale));color:var(--nf-muted);font-style:italic}.he-katalog-huelle{position:relative}.he-katalog{z-index:40;background:var(--nf-surface);border:1px solid var(--nf-border);width:min(340px,80vw);max-height:320px;box-shadow:0 10px 30px rgba(var(--nf-shadow-rgb), .22);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.he-katalog-eintrag{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.he-katalog-eintrag:hover{background:var(--nf-surface-head)}.he-katalog-name{font-size:calc(13.5px * var(--nf-fs-scale));color:var(--nf-text);font-weight:600}.he-katalog-text{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted)}.he-katalog-leer{font-size:calc(12.5px * var(--nf-fs-scale));color:var(--nf-muted);margin:0;padding:10px}.zone-plus{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.zone-plus:not(.zone-plus-leer) .he-plus{opacity:.45}.zone-spalte:hover .he-plus,.zone-plus .he-plus:focus-visible{opacity:1}.he-plus{border:1px solid var(--nf-border);background:var(--nf-surface);cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-text-soft);border-radius:999px;padding:4px 12px}.he-plus:hover{color:var(--nf-link);border-color:var(--nf-link)}.he-knopf-weg:hover:not(:disabled){color:#c0392b;border-color:#c0392b}.he-ort{position:relative}.he-ort-knopf{border:1px solid var(--nf-border);background:var(--nf-surface);cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-text-soft);border-radius:7px;padding:4px 11px}.he-ort-knopf:hover{color:var(--nf-link);border-color:var(--nf-link)}.he-ort-feld{z-index:40;background:var(--nf-surface);border:1px solid var(--nf-border);width:min(300px,80vw);box-shadow:0 10px 30px rgba(var(--nf-shadow-rgb), .22);border-radius:10px;padding:8px;position:absolute;top:calc(100% + 6px);left:0}.he-ort-eingabe{border:1px solid var(--nf-border);background:var(--nf-bg);width:100%;color:var(--nf-text);font-size:calc(13px * var(--nf-fs-scale));border-radius:7px;padding:6px 9px}.he-ort-hinweis{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted);margin:8px 2px 2px}.he-ort-liste{max-height:220px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.he-ort-liste button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;gap:1px;width:100%;padding:6px 8px;display:flex}.he-ort-liste button:hover{background:var(--nf-surface-head)}.he-ort-name{font-size:calc(13px * var(--nf-fs-scale));color:var(--nf-text)}.he-ort-land{font-size:calc(11.5px * var(--nf-fs-scale));color:var(--nf-muted)}.he-neue-reihe{border:1px dashed var(--nf-border);cursor:pointer;width:100%;font-size:calc(13px * var(--nf-fs-scale));color:var(--nf-muted);background:0 0;border-radius:12px;margin-top:18px;padding:14px;display:block}.he-neue-reihe:hover{color:var(--nf-link);border-color:var(--nf-link)}.he-reihe-ja{color:#c0392b;cursor:pointer;font-size:calc(12px * var(--nf-fs-scale));white-space:nowrap;background:0 0;border:1px solid #c0392b;border-radius:7px;padding:3px 10px;font-weight:600}.he-reihe-ja:hover{color:#fff;background:#c0392b}.he-orte{flex-direction:column;gap:8px;min-width:240px;display:flex}.he-orte-liste{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.he-orte-liste li{border:1px solid var(--nf-border);background:var(--nf-surface);border-radius:8px;align-items:center;gap:6px;padding:4px 6px;display:flex}.he-orte-name{font-size:calc(13px * var(--nf-fs-scale));color:var(--nf-text)}.he-orte-zone{font-size:calc(11px * var(--nf-fs-scale));color:var(--nf-muted);margin-right:auto}.he-orte-liste li .he-knopf{width:24px;height:24px;font-size:12px}.he-orte-leer{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted);margin:0;font-style:italic}.lw{flex-direction:column;gap:8px;width:100%;display:flex}.lw-leer{font-size:calc(12px * var(--nf-fs-scale));color:var(--nf-muted);margin:0}.lw-eintrag{border:1px solid var(--nf-border-soft);background:var(--nf-surface);border-radius:8px;padding:7px 8px}.lw-zeile{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.lw-feld{font:inherit;font-size:calc(12.5px * var(--nf-fs-scale));border:1px solid var(--nf-border);background:var(--nf-bg);color:var(--nf-text);border-radius:6px;min-width:0;padding:5px 8px}.lw-titel{flex:130px}.lw-url{flex:2 200px}.lw-feld-fehler{border-color:#c0392b}.lw-gestaltung{border-top:1px dashed var(--nf-border-soft);flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.lw-label{font-size:calc(10.5px * var(--nf-fs-scale));letter-spacing:.05em;text-transform:uppercase;color:var(--nf-label);font-weight:700}.lw-farbe-keine{background:var(--nf-surface);background-image:linear-gradient(45deg, transparent 45%, var(--nf-muted) 45%, var(--nf-muted) 55%, transparent 55%);box-shadow:0 0 0 1px var(--nf-border)}.lw-gestaltung .tbw-symbole{grid-template-columns:repeat(auto-fill,38px);max-width:none}.lw-hinweis{font-size:calc(11px * var(--nf-fs-scale));color:var(--nf-muted);margin:0;line-height:1.45}.lw-hinweis-fehler{color:#c0392b}.lw-dazu{cursor:pointer;font:inherit;font-size:calc(12px * var(--nf-fs-scale));border:1px dashed var(--nf-border);color:var(--nf-link);background:0 0;border-radius:7px;align-self:flex-start;padding:5px 12px;font-weight:600}.lw-dazu:hover{border-color:var(--nf-accent)}.he-zeile-feld{font:inherit;font-size:calc(12.5px * var(--nf-fs-scale));border:1px solid var(--nf-border);background:var(--nf-bg);min-width:0;color:var(--nf-text);border-radius:6px;flex:1;padding:5px 8px}
