{"id":2024,"date":"2026-05-11T06:52:19","date_gmt":"2026-05-11T04:52:19","guid":{"rendered":"https:\/\/cad-kompass.de\/?p=2024"},"modified":"2026-06-26T17:54:29","modified_gmt":"2026-06-26T15:54:29","slug":"gebiete-explainer","status":"publish","type":"post","link":"https:\/\/cad-kompass.de\/?p=2024","title":{"rendered":"Gebiete-Explainer"},"content":{"rendered":"\n<style>\n.ge-box {\n    --ge-primary: #3f5f75;\n    --ge-primary-dark: #2c4a5e;\n    --ge-primary-deep: #1e3548;\n    --ge-ink: #1e293b;\n    --ge-text: #334155;\n    --ge-muted: #64748b;\n    --ge-faint: #94a3b8;\n    --ge-border: #c8d6e0;\n    --ge-surface: #f7f9fb;\n    --ge-good: #059669;\n    --ge-good-deep: #15803d;\n    --ge-parcel: #43a047;\n    --ge-amber: #d97706;\n    --ge-amber-deep: #92700c;\n    --ge-error: #dc2626;\n    --ge-g-baugebiet: #0891b2;\n    --ge-g-rrb: #7c3aed;\n    --ge-g-g1: #e8913a;\n    --ge-g-none: #8a94a3;\n    border: 3px solid var(--ge-primary);\n    border-radius: 8px;\n    margin: 28px 0;\n    overflow: hidden;\n    font-family: inherit;\n    color: var(--ge-text);\n    line-height: 1.55;\n}\n.ge-box, .ge-box *, .ge-box *::before, .ge-box *::after { box-sizing: border-box; }\n\n.ge-header {\n    background: linear-gradient(135deg, var(--ge-primary-deep) 0%, var(--ge-primary-dark) 100%);\n    padding: 20px 28px 18px;\n    position: relative;\n}\n.ge-header::after {\n    content: '';\n    position: absolute;\n    left: 0; right: 0; bottom: 0;\n    height: 3px;\n    background: repeating-linear-gradient(90deg, var(--ge-primary) 0px, var(--ge-primary) 8px, transparent 8px, transparent 12px);\n}\n.ge-header-top { display: flex; align-items: center; gap: 14px; }\n.ge-header-icon { width: 36px; height: 36px; flex-shrink: 0; }\n.ge-box-title { font-size: 1.15rem; color: #fff; font-weight: 700; margin: 0; letter-spacing: -0.01em; }\n.ge-box-desc { font-size: 0.85rem; color: rgba(255,255,255,0.65); margin: 6px 0 0; line-height: 1.55; }\n\n.ge-body { padding: 22px 28px 24px; }\n\n.ge-privacy {\n    background: #f0fdf4;\n    border: 1px solid #bbf7d0;\n    border-radius: 3px;\n    padding: 9px 14px;\n    margin-bottom: 16px;\n    font-size: 0.8rem;\n    color: var(--ge-good-deep);\n    line-height: 1.5;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n.ge-privacy::before { content: '\\1F512'; flex-shrink: 0; font-size: 0.9rem; }\n\n.ge-intro {\n    background: #f0f5fa;\n    border-left: 3px solid var(--ge-primary);\n    border-radius: 0 4px 4px 0;\n    padding: 11px 15px;\n    margin-bottom: 18px;\n    font-size: 0.86rem;\n    color: var(--ge-text);\n}\n.ge-intro strong { color: var(--ge-ink); }\n\n.ge-focus-label, .ge-section-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--ge-muted);\n    margin: 0 0 8px;\n}\n.ge-focus {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin-bottom: 18px;\n}\n.ge-focus-btn {\n    border: 1px solid var(--ge-border);\n    background: #fff;\n    border-radius: 3px;\n    padding: 7px 13px;\n    font-family: inherit;\n    font-size: 0.8rem;\n    font-weight: 600;\n    color: var(--ge-text);\n    cursor: pointer;\n    transition: background-color 0.15s, border-color 0.15s, color 0.15s, transform 0.1s;\n}\n.ge-focus-btn:hover { border-color: var(--ge-primary); color: var(--ge-primary); transform: translateY(-1px); }\n.ge-focus-btn:active { transform: translateY(1px); }\n.ge-focus-btn.is-active { background: var(--ge-primary); border-color: var(--ge-primary); color: #fff; }\n.ge-focus-btn:focus-visible { outline: 2px solid var(--ge-primary); outline-offset: 2px; }\n.ge-focus-btn[data-focus=\"frei\"] { margin-left: auto; }\n\n.ge-topic { margin-bottom: 18px; }\n.ge-topic.is-hidden { display: none; }\n.ge-topic-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: var(--ge-ink);\n    margin: 0 0 10px;\n    padding-bottom: 7px;\n    border-bottom: 1px solid var(--ge-border);\n    display: none;\n}\n.ge-box.is-frei .ge-topic-title { display: block; }\n.ge-box.is-frei .ge-topic { margin-bottom: 26px; }\n\n.ge-stage-panel {\n    display: grid;\n    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);\n    gap: 16px;\n    align-items: start;\n    margin-bottom: 12px;\n}\n.ge-svg-wrap {\n    border: 1px solid var(--ge-border);\n    border-radius: 4px;\n    background: #fff;\n    padding: 10px;\n    overflow: hidden;\n}\n.ge-svg-wrap svg { width: 100%; height: auto; display: block; }\n\n.ge-controls {\n    border: 1px solid var(--ge-border);\n    border-radius: 4px;\n    background: var(--ge-surface);\n    padding: 14px 16px 16px;\n}\n.ge-control {\n    margin-bottom: 11px;\n    padding-left: 9px;\n    border-left: 3px solid var(--ge-border);\n}\n.ge-control:last-child { margin-bottom: 0; }\n.ge-control-label {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 0.78rem;\n    font-weight: 700;\n    color: var(--ge-ink);\n    margin-bottom: 5px;\n}\n.ge-swatch-dot {\n    width: 11px; height: 11px;\n    border-radius: 50%;\n    flex-shrink: 0;\n    border: 1.5px solid rgba(255,255,255,0.85);\n    box-shadow: 0 0 0 1px var(--ge-border);\n}\n.ge-select {\n    width: 100%;\n    font-family: inherit;\n    font-size: 0.84rem;\n    color: var(--ge-text);\n    background: #fff;\n    border: 1px solid var(--ge-border);\n    border-radius: 3px;\n    padding: 7px 9px;\n    cursor: pointer;\n}\n.ge-select:focus-visible { outline: 2px solid var(--ge-primary); outline-offset: 1px; }\n.ge-seg-wrap { margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--ge-border); }\n.ge-seg-text { font-size: 0.76rem; font-weight: 700; color: var(--ge-ink); display: block; margin-bottom: 6px; }\n.ge-seg { display: inline-flex; border: 1px solid var(--ge-border); border-radius: 3px; overflow: hidden; }\n.ge-seg button {\n    font-family: inherit;\n    font-size: 0.74rem;\n    font-weight: 600;\n    color: var(--ge-text);\n    background: #fff;\n    border: none;\n    padding: 6px 10px;\n    cursor: pointer;\n    transition: background-color 0.15s, color 0.15s;\n}\n.ge-seg button + button { border-left: 1px solid var(--ge-border); }\n.ge-seg button.is-active { background: var(--ge-primary); color: #fff; }\n.ge-seg button:focus-visible { outline: 2px solid var(--ge-primary); outline-offset: -2px; }\n\n.ge-verdict {\n    border: 1px solid var(--ge-border);\n    border-radius: 4px;\n    background: #fff;\n    padding: 12px 16px;\n}\n.ge-verdict-head {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 8px;\n}\n.ge-verdict-title {\n    font-size: 0.68rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.1em;\n    color: var(--ge-muted);\n}\n.ge-chip {\n    display: inline-flex;\n    align-items: center;\n    min-height: 22px;\n    padding: 2px 10px;\n    border-radius: 999px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    background: #edf4f8;\n    border: 1px solid #cfe0ea;\n    color: var(--ge-primary-deep);\n}\n.ge-chip.is-good { background: #f0fdf4; border-color: #bbf7d0; color: var(--ge-good-deep); }\n.ge-chip.is-warn { background: #fffbeb; border-color: #f4cf81; color: var(--ge-amber-deep); }\n.ge-chip.is-error { background: #fef2f2; border-color: #fac5c5; color: var(--ge-error); }\n.ge-verdict-text {\n    font-size: 0.85rem;\n    line-height: 1.6;\n    color: var(--ge-text);\n    margin: 0;\n}\n.ge-verdict-text strong { color: var(--ge-ink); }\n\n.ge-merksatz {\n    background: #f0fdf4;\n    border: 1px solid #bbf7d0;\n    border-left: 3px solid var(--ge-good);\n    border-radius: 0 4px 4px 0;\n    padding: 12px 16px;\n    margin-bottom: 0;\n    font-size: 0.9rem;\n    color: var(--ge-text);\n}\n.ge-merksatz strong { color: var(--ge-good-deep); }\n\n#geSvgP text, #geSvgH text, #geSvgV text { font-family: inherit; }\n.ge-line { transition: stroke 0.2s ease, stroke-width 0.12s ease; }\n.ge-fade { transition: opacity 0.25s ease; }\n.ge-poly { transition: opacity 0.25s ease; }\n\n@media (max-width: 920px) {\n    .ge-stage-panel { grid-template-columns: 1fr; }\n    .ge-focus-btn[data-focus=\"frei\"] { margin-left: 0; }\n}\n@media (max-width: 700px) {\n    .ge-header { padding: 16px 20px 14px; }\n    .ge-body { padding: 18px 18px 20px; }\n}\n@media (max-width: 480px) {\n    .ge-focus { flex-direction: column; align-items: stretch; }\n    .ge-focus-btn { text-align: left; }\n}\n@media (prefers-reduced-motion: reduce) {\n    .ge-box *, #geSvgP *, #geSvgH *, #geSvgV * { transition: none !important; animation: none !important; }\n}\n<\/style>\n\n<div class=\"ge-box\">\n\n    <div class=\"ge-header\">\n        <div class=\"ge-header-top\">\n            <svg class=\"ge-header-icon\" viewBox=\"0 0 36 36\" fill=\"none\" aria-hidden=\"true\">\n                <rect x=\"4.5\" y=\"8.5\" width=\"20\" height=\"19\" rx=\"4\" stroke=\"rgba(255,255,255,0.85)\" stroke-width=\"1.6\" stroke-dasharray=\"3 2.4\"\/>\n                <circle cx=\"11.5\" cy=\"17\" r=\"2.3\" fill=\"rgba(255,255,255,0.9)\"\/>\n                <circle cx=\"18.5\" cy=\"20\" r=\"2.3\" fill=\"rgba(255,255,255,0.9)\"\/>\n                <path d=\"M11.5 17 L18.5 20\" stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"1.4\"\/>\n                <circle cx=\"30\" cy=\"12.5\" r=\"2.3\" fill=\"none\" stroke=\"rgba(255,255,255,0.6)\" stroke-width=\"1.5\"\/>\n            <\/svg>\n            <div>\n                <h2 class=\"ge-box-title\">Gebiete: der unsichtbare Wirkungsraum<\/h2>\n                <div class=\"ge-box-desc\">Drei Themen zum Selbstausprobieren, ganz ohne Civil 3D. W\u00e4hl eins und ordne die Objekte einem Gebiet zu.<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"ge-body\">\n\n        <div class=\"ge-privacy\">L\u00e4uft komplett im Browser. Keine Daten verlassen deinen Rechner.<\/div>\n\n        <div class=\"ge-intro\">Ein <strong>Gebiet<\/strong> ist kein Layer und keine Ablage, sondern der Raum, in dem Civil-3D-Objekte aufeinander wirken. Layer steuern Sichtbarkeit, Gebiete steuern Wechselwirkung. Gleiche Farbe hei\u00dft gleiches Gebiet. W\u00e4hl unten ein Thema und probier es aus.<\/div>\n\n        <div class=\"ge-focus-label\">Thema<\/div>\n        <div class=\"ge-focus\" id=\"geFocus\" role=\"group\" aria-label=\"Thema w\u00e4hlen\">\n            <button type=\"button\" class=\"ge-focus-btn\" data-focus=\"parzelle\">Parzelle<\/button>\n            <button type=\"button\" class=\"ge-focus-btn\" data-focus=\"hoehen\">H\u00f6hen<\/button>\n            <button type=\"button\" class=\"ge-focus-btn\" data-focus=\"verschn\">Verschneidung<\/button>\n            <button type=\"button\" class=\"ge-focus-btn\" data-focus=\"frei\">Frei ausprobieren<\/button>\n        <\/div>\n\n        <div class=\"ge-topic\" id=\"topicParzelle\" data-topic=\"parzelle\">\n            <div class=\"ge-topic-title\">Parzelle<\/div>\n            <div class=\"ge-stage-panel\">\n                <div class=\"ge-svg-wrap\">\n                    <svg id=\"geSvgP\" viewBox=\"0 0 520 340\" preserveAspectRatio=\"xMidYMid meet\" role=\"img\" aria-labelledby=\"geSvgPTitle\">\n                        <title id=\"geSvgPTitle\">Vier einzelne Achsen, eine Parzelle entsteht nur bei gleichem Gebiet<\/title>\n                        <polygon id=\"gePPar\" class=\"ge-poly\" points=\"110,70 410,60 430,280 95,290\" fill=\"#0891b2\" fill-opacity=\"0\" stroke=\"none\"\/>\n                        <line id=\"gePA1\" class=\"ge-line\" x1=\"94\" y1=\"70.5\" x2=\"426\" y2=\"59.5\" stroke=\"#0891b2\" stroke-width=\"2.4\" stroke-dasharray=\"6 3\" stroke-linecap=\"round\"\/>\n                        <line id=\"gePA2\" class=\"ge-line\" x1=\"408.5\" y1=\"44.1\" x2=\"431.5\" y2=\"295.9\" stroke=\"#0891b2\" stroke-width=\"2.4\" stroke-dasharray=\"6 3\" stroke-linecap=\"round\"\/>\n                        <line id=\"gePA3\" class=\"ge-line\" x1=\"446\" y1=\"279.5\" x2=\"79\" y2=\"290.5\" stroke=\"#0891b2\" stroke-width=\"2.4\" stroke-dasharray=\"6 3\" stroke-linecap=\"round\"\/>\n                        <line id=\"gePA4\" class=\"ge-line\" x1=\"93.9\" y1=\"305.9\" x2=\"111.1\" y2=\"54\" stroke=\"#0891b2\" stroke-width=\"2.4\" stroke-dasharray=\"6 3\" stroke-linecap=\"round\"\/>\n                        <text id=\"gePL1\" x=\"260\" y=\"40\" font-size=\"11\" fill=\"#0891b2\" text-anchor=\"middle\" font-weight=\"700\">Achse-1<\/text>\n                        <text id=\"gePL2\" x=\"452\" y=\"174\" font-size=\"11\" fill=\"#0891b2\" text-anchor=\"start\" font-weight=\"700\">Achse-2<\/text>\n                        <text id=\"gePL3\" x=\"262\" y=\"315\" font-size=\"11\" fill=\"#0891b2\" text-anchor=\"middle\" font-weight=\"700\">Achse-3<\/text>\n                        <text id=\"gePL4\" x=\"60\" y=\"178\" font-size=\"11\" fill=\"#0891b2\" text-anchor=\"end\" font-weight=\"700\">Achse-4<\/text>\n                        <g id=\"gePLbl\" class=\"ge-fade\" style=\"opacity:0\">\n                            <text x=\"262\" y=\"172\" font-size=\"12\" fill=\"#2f7d33\" text-anchor=\"middle\" font-weight=\"700\">abgeleitete Parzelle<\/text>\n                            <text x=\"262\" y=\"189\" font-size=\"9.5\" fill=\"#5b7766\" text-anchor=\"middle\">Nr. 12 \u00b7 0,42 ha<\/text>\n                        <\/g>\n                    <\/svg>\n                <\/div>\n                <div class=\"ge-controls\">\n                    <div class=\"ge-section-label\">Gebietszuordnung<\/div>\n                    <div class=\"ge-control\" data-topic=\"parzelle\" data-obj=\"a1\" data-line=\"gePA1\">\n                        <label class=\"ge-control-label\" for=\"selPA1\"><span class=\"ge-swatch-dot\" id=\"dotPA1\"><\/span>Achse-1<\/label>\n                        <select class=\"ge-select\" id=\"selPA1\" data-topic=\"parzelle\" data-obj=\"a1\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ge-control\" data-topic=\"parzelle\" data-obj=\"a2\" data-line=\"gePA2\">\n                        <label class=\"ge-control-label\" for=\"selPA2\"><span class=\"ge-swatch-dot\" id=\"dotPA2\"><\/span>Achse-2<\/label>\n                        <select class=\"ge-select\" id=\"selPA2\" data-topic=\"parzelle\" data-obj=\"a2\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ge-control\" data-topic=\"parzelle\" data-obj=\"a3\" data-line=\"gePA3\">\n                        <label class=\"ge-control-label\" for=\"selPA3\"><span class=\"ge-swatch-dot\" id=\"dotPA3\"><\/span>Achse-3<\/label>\n                        <select class=\"ge-select\" id=\"selPA3\" data-topic=\"parzelle\" data-obj=\"a3\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ge-control\" data-topic=\"parzelle\" data-obj=\"a4\" data-line=\"gePA4\">\n                        <label class=\"ge-control-label\" for=\"selPA4\"><span class=\"ge-swatch-dot\" id=\"dotPA4\"><\/span>Achse-4<\/label>\n                        <select class=\"ge-select\" id=\"selPA4\" data-topic=\"parzelle\" data-obj=\"a4\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ge-verdict\">\n                <div class=\"ge-verdict-head\">\n                    <span class=\"ge-verdict-title\">Befund<\/span>\n                    <span class=\"ge-chip\" id=\"geChipP\" aria-hidden=\"true\">l\u00e4dt<\/span>\n                <\/div>\n                <p class=\"ge-verdict-text\" id=\"geTextP\" aria-live=\"polite\"><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"ge-topic\" id=\"topicHoehen\" data-topic=\"hoehen\">\n            <div class=\"ge-topic-title\">H\u00f6hen<\/div>\n            <div class=\"ge-stage-panel\">\n                <div class=\"ge-svg-wrap\">\n                    <svg id=\"geSvgH\" viewBox=\"0 0 520 320\" preserveAspectRatio=\"xMidYMid meet\" role=\"img\" aria-labelledby=\"geSvgHTitle\">\n                        <title id=\"geSvgHTitle\">Zwei Elementkanten kreuzen, im selben Gebiet knickt eine auf die gemeinsame H\u00f6he<\/title>\n                        <line x1=\"60\" y1=\"285\" x2=\"470\" y2=\"285\" stroke=\"#e2e8f0\" stroke-width=\"1.4\"\/>\n                        <line x1=\"60\" y1=\"285\" x2=\"120\" y2=\"231\" stroke=\"#e2e8f0\" stroke-width=\"1.4\"\/>\n                        <text x=\"64\" y=\"299\" font-size=\"8.5\" fill=\"#94a3b8\">Bezug 0,00 m<\/text>\n                        <line id=\"geHJump\" x1=\"240\" y1=\"221\" x2=\"240\" y2=\"171\" stroke=\"#43a047\" stroke-width=\"1.6\" style=\"opacity:0\"\/>\n                        <polyline id=\"geHK2\" class=\"ge-line\" points=\"210,248 275,189.5\" fill=\"none\" stroke=\"#0891b2\" stroke-width=\"2.6\" stroke-linejoin=\"round\"\/>\n                        <polyline id=\"geHK1\" class=\"ge-line\" points=\"100,171 380,171\" fill=\"none\" stroke=\"#0891b2\" stroke-width=\"2.6\" stroke-linejoin=\"round\"\/>\n                        <circle id=\"geHNode\" cx=\"240\" cy=\"171\" r=\"5.5\" fill=\"#43a047\" stroke=\"#fff\" stroke-width=\"2\" style=\"opacity:0\"\/>\n                        <text id=\"geHNodeLbl\" x=\"240\" y=\"156\" font-size=\"9.5\" fill=\"#2f7d33\" text-anchor=\"middle\" font-weight=\"700\" style=\"opacity:0\">Teilungspunkt<\/text>\n                        <text id=\"geHLbl\" x=\"248\" y=\"166\" font-size=\"10.5\" fill=\"#1e293b\" text-anchor=\"start\" font-weight=\"700\" style=\"opacity:0\">72,40 m<\/text>\n                        <text id=\"geHK1Lbl\" x=\"386\" y=\"168\" font-size=\"10.5\" fill=\"#0891b2\" text-anchor=\"start\" font-weight=\"700\">Elementkante 1<\/text>\n                        <text id=\"geHK2Lbl\" x=\"279\" y=\"186\" font-size=\"10.5\" fill=\"#0891b2\" text-anchor=\"start\" font-weight=\"700\">Elementkante 2<\/text>\n                        <text id=\"geHNote\" x=\"250\" y=\"120\" font-size=\"10\" fill=\"#64748b\" text-anchor=\"middle\" style=\"opacity:0\">kreuzen, keine H\u00f6henkopplung<\/text>\n                    <\/svg>\n                <\/div>\n                <div class=\"ge-controls\">\n                    <div class=\"ge-section-label\">Gebietszuordnung<\/div>\n                    <div class=\"ge-control\" data-topic=\"hoehen\" data-obj=\"k1\" data-line=\"geHK1\">\n                        <label class=\"ge-control-label\" for=\"selHK1\"><span class=\"ge-swatch-dot\" id=\"dotHK1\"><\/span>Elementkante 1<\/label>\n                        <select class=\"ge-select\" id=\"selHK1\" data-topic=\"hoehen\" data-obj=\"k1\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ge-control\" data-topic=\"hoehen\" data-obj=\"k2\" data-line=\"geHK2\">\n                        <label class=\"ge-control-label\" for=\"selHK2\"><span class=\"ge-swatch-dot\" id=\"dotHK2\"><\/span>Elementkante 2<\/label>\n                        <select class=\"ge-select\" id=\"selHK2\" data-topic=\"hoehen\" data-obj=\"k2\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ge-seg-wrap\">\n                        <span class=\"ge-seg-text\">H\u00f6he am Teilungspunkt entscheidet<\/span>\n                        <span class=\"ge-seg\" id=\"geSeg\" role=\"group\" aria-label=\"Regel f\u00fcr die H\u00f6he am Teilungspunkt\">\n                            <button type=\"button\" data-tb=\"stilprio\" class=\"is-active\">Elementkanten-Stilpriorit\u00e4t<\/button>\n                            <button type=\"button\" data-tb=\"zuletzt\">Zuletzt bearbeitet<\/button>\n                        <\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ge-verdict\">\n                <div class=\"ge-verdict-head\">\n                    <span class=\"ge-verdict-title\">Befund<\/span>\n                    <span class=\"ge-chip\" id=\"geChipH\" aria-hidden=\"true\">l\u00e4dt<\/span>\n                <\/div>\n                <p class=\"ge-verdict-text\" id=\"geTextH\" aria-live=\"polite\"><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"ge-topic\" id=\"topicVerschn\" data-topic=\"verschn\">\n            <div class=\"ge-topic-title\">Verschneidung<\/div>\n            <div class=\"ge-stage-panel\">\n                <div class=\"ge-svg-wrap\">\n                    <svg id=\"geSvgV\" viewBox=\"0 0 520 320\" preserveAspectRatio=\"xMidYMid meet\" role=\"img\" aria-labelledby=\"geSvgVTitle\">\n                        <title id=\"geSvgVTitle\">Verschneidungsgruppe rechnet die B\u00f6schung nur, wenn die Ausgangslinie im selben Gebiet liegt<\/title>\n                        <g id=\"geVSchraffur\"><\/g>\n                        <line id=\"geVKante\" class=\"ge-line\" x1=\"70\" y1=\"92\" x2=\"450\" y2=\"80\" stroke=\"#7c3aed\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\n                        <line id=\"geVGelaende\" x1=\"70\" y1=\"250\" x2=\"450\" y2=\"238\" stroke=\"#94a3b8\" stroke-width=\"1.8\"\/>\n                        <text id=\"geVKanteLbl\" x=\"70\" y=\"76\" font-size=\"10.5\" fill=\"#7c3aed\" text-anchor=\"start\" font-weight=\"700\">Elementkante (Ausgangslinie)<\/text>\n                        <text x=\"450\" y=\"232\" font-size=\"9.5\" fill=\"#94a3b8\" text-anchor=\"end\">Gel\u00e4ndekante<\/text>\n                        <circle id=\"geVStatusDot\" cx=\"80\" cy=\"280\" r=\"5\" fill=\"#43a047\"\/>\n                        <text id=\"geVStatus\" x=\"92\" y=\"284\" font-size=\"10.5\" fill=\"#334155\" text-anchor=\"start\" font-weight=\"600\">Verschneidungsgruppe<\/text>\n                    <\/svg>\n                <\/div>\n                <div class=\"ge-controls\">\n                    <div class=\"ge-section-label\">Gebietszuordnung<\/div>\n                    <div class=\"ge-control\" data-topic=\"verschn\" data-obj=\"kante\" data-line=\"geVKante\">\n                        <label class=\"ge-control-label\" for=\"selVKante\"><span class=\"ge-swatch-dot\" id=\"dotVKante\"><\/span>Elementkante (Ausgangslinie)<\/label>\n                        <select class=\"ge-select\" id=\"selVKante\" data-topic=\"verschn\" data-obj=\"kante\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                    <div class=\"ge-control\" data-topic=\"verschn\" data-obj=\"gruppe\" data-line=\"geVSchraffur\">\n                        <label class=\"ge-control-label\" for=\"selVGruppe\"><span class=\"ge-swatch-dot\" id=\"dotVGruppe\"><\/span>Verschneidungsgruppe<\/label>\n                        <select class=\"ge-select\" id=\"selVGruppe\" data-topic=\"verschn\" data-obj=\"gruppe\">\n                            <option value=\"baugebiet\">Baugebiet Nord<\/option>\n                            <option value=\"rrb\">RRB Ost<\/option>\n                            <option value=\"g1\">Gebiet 1<\/option>\n                            <option value=\"none\">&lt;Keine&gt;<\/option>\n                        <\/select>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"ge-verdict\">\n                <div class=\"ge-verdict-head\">\n                    <span class=\"ge-verdict-title\">Befund<\/span>\n                    <span class=\"ge-chip\" id=\"geChipV\" aria-hidden=\"true\">l\u00e4dt<\/span>\n                <\/div>\n                <p class=\"ge-verdict-text\" id=\"geTextV\" aria-live=\"polite\"><\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"ge-merksatz\">\n            <strong>Grundregel:<\/strong> Was zusammen reagieren soll, geh\u00f6rt ins gleiche Gebiet. Was unabh\u00e4ngig bleiben soll, kommt in getrennte Gebiete oder bewusst auf &lt;Keine&gt;.\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<script>\n(function () {\n    \"use strict\";\n    var ROOT = document.querySelector(\".ge-box\");\n    if (!ROOT) { return; }\n\n    var LT = String.fromCharCode(60), GT = String.fromCharCode(62), AMP = String.fromCharCode(38);\n    var KEINE = LT + \"Keine\" + GT;\n\n    var ESC = {};\n    ESC[AMP] = AMP + \"amp;\"; ESC['\"'] = AMP + \"quot;\"; ESC[\"'\"] = AMP + \"#39;\";\n    ESC[LT] = AMP + \"lt;\";\n    ESC[GT] = AMP + \"gt;\";\n    function esc(v) {\n        return String(v).replace(new RegExp(\"[\" + AMP + \"\\\"'\" + LT + GT + \"]\", \"g\"), function (c) { return ESC[c]; });\n    }\n\n    var SITE = {\n        baugebiet: { label: \"Baugebiet Nord\", color: \"#0891b2\" },\n        rrb:       { label: \"RRB Ost\",        color: \"#7c3aed\" },\n        g1:        { label: \"Gebiet 1\",       color: \"#e8913a\" },\n        none:      { label: KEINE,            color: \"#8a94a3\" }\n    };\n    function siteLabel(k) { return SITE[k] ? SITE[k].label : KEINE; }\n    function siteColor(k) { return SITE[k] ? SITE[k].color : \"#8a94a3\"; }\n    function named(k) { return k ? k !== \"none\" : false; }\n\n    var SVGNS = \"http:\/\/www.w3.org\/2000\/svg\";\n    function $(id) { return document.getElementById(id); }\n    function setOpacity(el, v) { if (el) { el.style.opacity = v; } }\n\n    var state = {\n        focus: \"parzelle\",\n        parzelle: { a1: \"baugebiet\", a2: \"baugebiet\", a3: \"baugebiet\", a4: \"baugebiet\" },\n        hoehen:   { k1: \"baugebiet\", k2: \"baugebiet\", tiebreak: \"stilprio\" },\n        verschn:  { kante: \"rrb\", gruppe: \"rrb\" }\n    };\n\n    \/\/ Boeschungsschraffur einmalig aufbauen (lange und kurze Striche abwechselnd)\n    (function buildSchraffur() {\n        var g = $(\"geVSchraffur\");\n        if (!g) { return; }\n        var o1x = 70, o1y = 92, o2x = 450, o2y = 80;\n        var g1x = 70, g1y = 250, g2x = 450, g2y = 238;\n        var n = 22;\n        for (var i = 0; i < n; i += 1) {\n            var t = i \/ (n - 1);\n            var tx = o1x + t * (o2x - o1x);\n            var ty = o1y + t * (o2y - o1y);\n            var bx = g1x + t * (g2x - g1x);\n            var by = g1y + t * (g2y - g1y);\n            var lang = (i % 2 === 0);\n            var ex = tx;\n            var ey = lang ? by : ty + 0.42 * (by - ty);\n            var ln = document.createElementNS(SVGNS, \"line\");\n            ln.setAttribute(\"x1\", tx.toFixed(1));\n            ln.setAttribute(\"y1\", ty.toFixed(1));\n            ln.setAttribute(\"x2\", ex.toFixed(1));\n            ln.setAttribute(\"y2\", ey.toFixed(1));\n            ln.setAttribute(\"stroke\", \"#43a047\");\n            ln.setAttribute(\"stroke-width\", lang ? \"1.6\" : \"1.3\");\n            ln.setAttribute(\"stroke-linecap\", \"round\");\n            g.appendChild(ln);\n        }\n    })();\n\n    function parcelResult() {\n        var p = state.parzelle;\n        var s = p.a1;\n        if (!named(s)) { return { ok: false, site: null }; }\n        if ([p.a2, p.a3, p.a4].every(function(v) { return v === s; })) { return { ok: true, site: s }; }\n        return { ok: false, site: null };\n    }\n    function heightResult() {\n        var h = state.hoehen;\n        if (!named(h.k1) || !named(h.k2)) { return { state: \"none\" }; }\n        if (h.k1 !== h.k2) { return { state: \"split\" }; }\n        var winner = h.tiebreak === \"stilprio\" ? \"k1\" : \"k2\";\n        return {\n            state: \"coupled\",\n            site: h.k1,\n            winner: winner,\n            height: winner === \"k1\" ? \"72,40\" : \"71,10\"\n        };\n    }\n    function gradingResult() {\n        var v = state.verschn;\n        if (!named(v.gruppe)) { return { state: \"warn\" }; }\n        if (!named(v.kante) || v.kante !== v.gruppe) { return { state: \"error\", site: v.gruppe }; }\n        return { state: \"good\", site: v.gruppe };\n    }\n\n    function applyObjColor(topic, obj, color) {\n        var ctrl = ROOT.querySelector('.ge-control[data-topic=\"' + topic + '\"][data-obj=\"' + obj + '\"]');\n        if (!ctrl) { return; }\n        ctrl.style.borderLeftColor = color;\n        var dot = ctrl.querySelector(\".ge-swatch-dot\");\n        if (dot) { dot.style.background = color; }\n        var sel = ctrl.querySelector(\"select\");\n        var key = state[topic][obj];\n        if (sel) { if (sel.value !== key) { sel.value = key; } }\n    }\n\n    function renderParzelle() {\n        var p = state.parzelle;\n        [[\"a1\", \"gePA1\", \"gePL1\"], [\"a2\", \"gePA2\", \"gePL2\"], [\"a3\", \"gePA3\", \"gePL3\"], [\"a4\", \"gePA4\", \"gePL4\"]]\n        .forEach(function (row) {\n            var c = siteColor(p[row[0]]);\n            var ln = $(row[1]);\n            if (ln) { ln.setAttribute(\"stroke\", c); }\n            var lbl = $(row[2]);\n            if (lbl) { lbl.setAttribute(\"fill\", c); }\n            applyObjColor(\"parzelle\", row[0], c);\n        });\n        var r = parcelResult();\n        var poly = $(\"gePPar\");\n        if (r.ok) {\n            var col = siteColor(r.site);\n            poly.setAttribute(\"fill\", col);\n            poly.setAttribute(\"fill-opacity\", \"0.16\");\n            poly.setAttribute(\"stroke\", col);\n            poly.setAttribute(\"stroke-width\", \"1.5\");\n            poly.setAttribute(\"stroke-opacity\", \"0.9\");\n            setOpacity($(\"gePLbl\"), 1);\n        } else {\n            poly.setAttribute(\"fill-opacity\", \"0\");\n            poly.setAttribute(\"stroke\", \"none\");\n            setOpacity($(\"gePLbl\"), 0);\n        }\n        var chip = $(\"geChipP\"), txt = $(\"geTextP\");\n        chip.classList.remove(\"is-good\", \"is-warn\", \"is-error\");\n        if (r.ok) {\n            chip.classList.add(\"is-good\");\n            chip.textContent = \"Parzelle entsteht\";\n            txt.innerHTML = \"<strong>Eine Parzelle entsteht.<\/strong> Alle vier Achsen liegen in \" + esc(siteLabel(r.site)) + \". Civil 3D schlie\u00dft die Topologie und leitet daraus eine Parzelle ab, mit Fl\u00e4che, Umfang und Nummer.\";\n        } else {\n            chip.textContent = \"Noch keine Parzelle\";\n            txt.innerHTML = \"<strong>Noch keine Parzelle.<\/strong> Erst wenn alle vier Achsen dasselbe Gebiet haben, schlie\u00dft sich die Topologie zu einer abgeleiteten Parzelle. Achsen auf \" + esc(KEINE) + \" nehmen daran nie teil.\";\n        }\n        var tt = $(\"geSvgPTitle\");\n        if (tt) { tt.textContent = r.ok ? \"Alle vier Achsen im selben Gebiet, eine Parzelle entsteht\" : \"Die vier Achsen liegen nicht alle im selben Gebiet, keine Parzelle\"; }\n    }\n\n    function renderHoehen() {\n        var h = state.hoehen;\n        var c1 = siteColor(h.k1), c2 = siteColor(h.k2);\n        applyObjColor(\"hoehen\", \"k1\", c1);\n        applyObjColor(\"hoehen\", \"k2\", c2);\n        var k1 = $(\"geHK1\"), k2 = $(\"geHK2\"), node = $(\"geHNode\"), jump = $(\"geHJump\");\n        var nodeLbl = $(\"geHNodeLbl\"), hLbl = $(\"geHLbl\"), note = $(\"geHNote\");\n        var k1lbl = $(\"geHK1Lbl\"), k2lbl = $(\"geHK2Lbl\");\n        k1.setAttribute(\"stroke\", c1);\n        k2.setAttribute(\"stroke\", c2);\n        k1lbl.setAttribute(\"fill\", c1);\n        k2lbl.setAttribute(\"fill\", c2);\n        var r = heightResult();\n        var sb = ROOT.querySelectorAll(\"#geSeg button\");\n        for (var i = 0; i < sb.length; i += 1) {\n            sb[i].classList.toggle(\"is-active\", sb[i].getAttribute(\"data-tb\") === h.tiebreak);\n        }\n        if (r.state === \"coupled\") {\n            if (r.winner === \"k1\") {\n                k1.setAttribute(\"points\", \"100,171 380,171\");\n                k2.setAttribute(\"points\", \"210,248 240,171 275,189.5\");\n                node.setAttribute(\"cy\", \"171\");\n                jump.setAttribute(\"y1\", \"221\");\n                jump.setAttribute(\"y2\", \"171\");\n                hLbl.setAttribute(\"y\", \"166\");\n            } else {\n                k1.setAttribute(\"points\", \"100,171 240,221 380,171\");\n                k2.setAttribute(\"points\", \"210,248 275,189.5\");\n                node.setAttribute(\"cy\", \"221\");\n                jump.setAttribute(\"y1\", \"171\");\n                jump.setAttribute(\"y2\", \"221\");\n                hLbl.setAttribute(\"y\", \"236\");\n            }\n            jump.setAttribute(\"stroke\", \"#43a047\");\n            setOpacity(jump, 1);\n            setOpacity(node, 1);\n            setOpacity(nodeLbl, 1);\n            hLbl.textContent = r.height + \" m\";\n            setOpacity(hLbl, 1);\n            setOpacity(note, 0);\n        } else {\n            k1.setAttribute(\"points\", \"100,171 380,171\");\n            k2.setAttribute(\"points\", \"210,248 275,189.5\");\n            setOpacity(jump, 0);\n            setOpacity(node, 0);\n            setOpacity(nodeLbl, 0);\n            setOpacity(hLbl, 0);\n            if (r.state === \"split\") {\n                note.textContent = \"kreuzen, keine H\u00f6henkopplung\";\n            } else {\n                note.textContent = \"auf \" + KEINE + \", keine gemeinsame Topologie\";\n            }\n            setOpacity(note, 1);\n        }\n        var chip = $(\"geChipH\"), txt = $(\"geTextH\");\n        chip.classList.remove(\"is-good\", \"is-warn\", \"is-error\");\n        if (r.state === \"coupled\") {\n            var wn = r.winner === \"k1\" ? \"Elementkante 1\" : \"Elementkante 2\";\n            var ln = r.winner === \"k1\" ? \"Elementkante 2\" : \"Elementkante 1\";\n            var why = h.tiebreak === \"stilprio\"\n                ? \"Elementkante 1 die h\u00f6here Elementkanten-Stilpriorit\u00e4t hat\"\n                : \"Elementkante 2 zuletzt bearbeitet wurde\";\n            chip.classList.add(\"is-good\");\n            chip.textContent = \"H\u00f6hen gekoppelt\";\n            txt.innerHTML = \"<strong>Die H\u00f6hen fallen zusammen.<\/strong> Beide Elementkanten liegen in \" + esc(siteLabel(r.site)) + \". Am Schnittpunkt entsteht ein Teilungspunkt. \" + wn + \" beh\u00e4lt die H\u00f6he (\" + r.height + \" m), \" + ln + \" knickt darauf, weil \" + why + \".\";\n        } else if (r.state === \"split\") {\n            chip.classList.add(\"is-warn\");\n            chip.textContent = \"Bewusst getrennt\";\n            txt.innerHTML = \"<strong>Sie kreuzen ohne Wirkung.<\/strong> Die Elementkanten liegen in verschiedenen Gebieten. Sie schneiden sich nur im Plan, jede beh\u00e4lt ihre H\u00f6he. Bei unabh\u00e4ngigen Bauwerken ist das gewollt.\";\n        } else {\n            chip.textContent = \"Bewusst isoliert\";\n            txt.innerHTML = \"<strong>Kein Teilungspunkt.<\/strong> Mindestens eine Elementkante steht auf \" + esc(KEINE) + \". Ohne gemeinsames Gebiet koppeln die H\u00f6hen nicht.\";\n        }\n        var tt = $(\"geSvgHTitle\");\n        if (tt) {\n            tt.textContent = r.state === \"coupled\"\n                ? \"Beide Elementkanten im selben Gebiet, eine knickt auf die gemeinsame H\u00f6he\"\n                : \"Die Elementkanten koppeln keine H\u00f6he\";\n        }\n    }\n\n    function renderVerschn() {\n        var v = state.verschn;\n        var ck = siteColor(v.kante), cg = siteColor(v.gruppe);\n        applyObjColor(\"verschn\", \"kante\", ck);\n        applyObjColor(\"verschn\", \"gruppe\", cg);\n        var r = gradingResult();\n        var schraf = $(\"geVSchraffur\").childNodes;\n        var kante = $(\"geVKante\"), dot = $(\"geVStatusDot\"), stat = $(\"geVStatus\");\n        var kanteLbl = $(\"geVKanteLbl\");\n        var scol, sopac, full;\n        if (r.state === \"good\") { scol = \"#43a047\"; sopac = \"1\"; full = true; }\n        else if (r.state === \"warn\") { scol = \"#cbd5e1\"; sopac = \"0.5\"; full = false; }\n        else { scol = \"#dc2626\"; sopac = \"0.5\"; full = false; }\n        for (var i = 0; i < schraf.length; i += 1) {\n            var el = schraf[i];\n            if (!el.setAttribute) { continue; }\n            el.setAttribute(\"stroke\", scol);\n            el.style.opacity = full ? \"1\" : sopac;\n        }\n        kante.setAttribute(\"stroke\", r.state === \"error\" ? \"#dc2626\" : ck);\n        kanteLbl.setAttribute(\"fill\", r.state === \"error\" ? \"#dc2626\" : ck);\n        var statCol = r.state === \"good\" ? \"#43a047\" : (r.state === \"warn\" ? \"#d97706\" : \"#dc2626\");\n        dot.setAttribute(\"fill\", statCol);\n        var chip = $(\"geChipV\"), txt = $(\"geTextV\");\n        chip.classList.remove(\"is-good\", \"is-warn\", \"is-error\");\n        if (r.state === \"good\") {\n            chip.classList.add(\"is-good\");\n            chip.textContent = \"Findet Begrenzung\";\n            stat.textContent = \"Verschneidungsgruppe rechnet\";\n            txt.innerHTML = \"<strong>Die Verschneidung findet ihre Begrenzung.<\/strong> Gruppe und Ausgangslinie liegen in \" + esc(siteLabel(r.site)) + \". Die B\u00f6schung rechnet bis zur Gel\u00e4ndekante.\";\n        } else if (r.state === \"warn\") {\n            chip.classList.add(\"is-warn\");\n            chip.textContent = \"Wartet auf Gebiet\";\n            stat.textContent = \"Verschneidungsgruppe ohne Gebiet\";\n            txt.innerHTML = \"<strong>Die Gruppe braucht ein Gebiet.<\/strong> Die Verschneidungsgruppe steht auf \" + esc(KEINE) + \". Ohne Gebiet wertet sie keine Topologie aus.\";\n        } else {\n            chip.classList.add(\"is-error\");\n            chip.textContent = \"Findet keine Begrenzung\";\n            stat.textContent = \"Ausgangslinie im falschen Gebiet\";\n            txt.innerHTML = \"<strong>Die Begrenzung fehlt.<\/strong> Die Ausgangslinie liegt nicht im Gebiet der Gruppe (\" + esc(siteLabel(r.site)) + \"). Die Verschneidung findet ihre Begrenzung nicht.\";\n        }\n        var tt = $(\"geSvgVTitle\");\n        if (tt) {\n            tt.textContent = r.state === \"good\"\n                ? \"Ausgangslinie im Gebiet der Gruppe, die B\u00f6schung wird gerechnet\"\n                : \"Die Verschneidung findet ihre Begrenzung nicht\";\n        }\n    }\n\n    function renderFocus() {\n        var f = state.focus;\n        ROOT.classList.toggle(\"is-frei\", f === \"frei\");\n        [[\"parzelle\", \"topicParzelle\"], [\"hoehen\", \"topicHoehen\"], [\"verschn\", \"topicVerschn\"]]\n        .forEach(function (row) {\n            var show = (f === \"frei\" || f === row[0]);\n            var t = $(row[1]);\n            if (t) { t.classList.toggle(\"is-hidden\", !show); }\n        });\n        var btns = ROOT.querySelectorAll(\".ge-focus-btn\");\n        for (var i = 0; i < btns.length; i += 1) {\n            btns[i].classList.toggle(\"is-active\", btns[i].getAttribute(\"data-focus\") === f);\n        }\n    }\n\n    function render() {\n        renderFocus();\n        renderParzelle();\n        renderHoehen();\n        renderVerschn();\n    }\n\n    ROOT.addEventListener(\"click\", function (e) {\n        var fb = e.target.closest ? e.target.closest(\".ge-focus-btn\") : null;\n        if (fb) { state.focus = fb.getAttribute(\"data-focus\"); render(); return; }\n        var seg = e.target.closest ? e.target.closest(\"#geSeg button\") : null;\n        if (seg) { state.hoehen.tiebreak = seg.getAttribute(\"data-tb\"); renderHoehen(); return; }\n    });\n\n    ROOT.addEventListener(\"change\", function (e) {\n        var sel = e.target.closest ? e.target.closest(\"select[data-topic]\") : null;\n        if (!sel) { return; }\n        var topic = sel.getAttribute(\"data-topic\"), obj = sel.getAttribute(\"data-obj\");\n        state[topic][obj] = sel.value;\n        if (topic === \"parzelle\") { renderParzelle(); }\n        else if (topic === \"hoehen\") { renderHoehen(); }\n        else { renderVerschn(); }\n    });\n\n    function highlightFor(ctrl, on) {\n        if (!ctrl) { return; }\n        var id = ctrl.getAttribute(\"data-line\");\n        if (!id) { return; }\n        if (id === \"geVSchraffur\") { return; }\n        var ln = $(id);\n        if (!ln) { return; }\n        var base = ln.getAttribute(\"data-bw\");\n        if (!base) { base = ln.getAttribute(\"stroke-width\"); ln.setAttribute(\"data-bw\", base); }\n        ln.setAttribute(\"stroke-width\", on ? (parseFloat(base) + 1.6).toFixed(1) : base);\n    }\n    ROOT.addEventListener(\"pointerover\", function (e) {\n        var c = e.target.closest ? e.target.closest(\".ge-control\") : null;\n        if (c) { highlightFor(c, true); }\n    });\n    ROOT.addEventListener(\"pointerout\", function (e) {\n        var c = e.target.closest ? e.target.closest(\".ge-control\") : null;\n        if (c) { highlightFor(c, false); }\n    });\n    ROOT.addEventListener(\"focusin\", function (e) {\n        var c = e.target.closest ? e.target.closest(\".ge-control\") : null;\n        if (c) { highlightFor(c, true); }\n    });\n    ROOT.addEventListener(\"focusout\", function (e) {\n        var c = e.target.closest ? e.target.closest(\".ge-control\") : null;\n        if (c) { highlightFor(c, false); }\n    });\n\n    render();\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Gebiete: der unsichtbare Wirkungsraum Drei Themen zum Selbstausprobieren, ganz ohne Civil 3D. W\u00e4hl eins und ordne die Objekte einem Gebiet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[26],"tags":[],"class_list":["post-2024","post","type-post","status-publish","format-standard","hentry","category-gebiete"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":false,"author_link":"https:\/\/cad-kompass.de\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Gebiete: der unsichtbare Wirkungsraum Drei Themen zum Selbstausprobieren, ganz ohne Civil 3D. W\u00e4hl eins und ordne die Objekte einem Gebiet [&hellip;]","_links":{"self":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/posts\/2024","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2024"}],"version-history":[{"count":6,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/posts\/2024\/revisions"}],"predecessor-version":[{"id":2065,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/posts\/2024\/revisions\/2065"}],"wp:attachment":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2024"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2024"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2024"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}