{"id":1187,"date":"2025-08-31T13:02:41","date_gmt":"2025-08-31T11:02:41","guid":{"rendered":"https:\/\/cad-kompass.de\/?page_id=1187"},"modified":"2026-06-26T17:17:38","modified_gmt":"2026-06-26T15:17:38","slug":"navigator-hub","status":"publish","type":"page","link":"https:\/\/cad-kompass.de\/?page_id=1187","title":{"rendered":"Navigator"},"content":{"rendered":"\n<!--\nCAD-Kompass: Navigator-Hub \u2013 neue Hub-Optik (Variante 4, Tool-Men\u00fc).\nKein Fortschritt, kein cad-check (Tool-\/Nachschlage-Men\u00fc per CLAUDE.md).\nWP-sicher: kein Und-Operator, keine rohen Sonderzeichen im Skriptblock.\n-->\n\n<style>\n    .cad-page { max-width: 1240px; margin: 0 auto; padding: 8px 0 70px; font-family: inherit; color: #334155; line-height: 1.65; }\n    .cad-page *, .cad-page *::before, .cad-page *::after { box-sizing: border-box; }\n    .cad-page p { margin: 0 0 14px; }\n\n    \/* ===== Hero ===== *\/\n    .cad-hero {\n        --cad-grid-x: 0px;\n        --cad-grid-y: 0px;\n        position: relative;\n        background: #2f485b;\n        color: #fff;\n        border-radius: 2px;\n        padding: 17px 28px;\n        margin-bottom: 22px;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        min-height: 96px;\n        border: 1px solid rgba(255,255,255,0.16);\n        box-shadow: inset 0 -1px 0 rgba(255,255,255,0.2);\n    }\n    .cad-hero::before {\n        content: \"\";\n        position: absolute; inset: -16px;\n        background-image:\n                linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);\n        background-size: 28px 28px;\n        opacity: 0.48;\n        pointer-events: none;\n        transform: translate3d(var(--cad-grid-x, 0px), var(--cad-grid-y, 0px), 0);\n        transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.4, 1);\n    }\n    .cad-hero-text { position: relative; z-index: 2; max-width: 760px; }\n    .cad-hero-eyebrow {\n        font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.18em;\n        font-weight: 600; color: rgba(255,255,255,0.72); margin-bottom: 8px;\n    }\n    .cad-hero-title {\n        font-size: 1.34rem; font-weight: 700; line-height: 1.25;\n        margin: 0; color: #fff; letter-spacing: -0.005em;\n    }\n    .cad-hero-meta {\n        margin-top: 8px;\n        font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n        font-size: 0.73rem; color: rgba(255,255,255,0.7); letter-spacing: 0.04em;\n    }\n    .cad-compass {\n        position: absolute; z-index: 1; right: -76px; top: 50%;\n        width: 320px; height: 320px; transform: translateY(-50%);\n        display: flex; align-items: center; justify-content: center;\n        opacity: 0.44; pointer-events: none;\n    }\n    .cad-compass svg { width: 100%; height: 100%; display: block; }\n    .cad-compass-rose, .cad-compass-secondary { transform-box: fill-box; transform-origin: center; }\n    .cad-compass-rose { transition: transform 0.55s cubic-bezier(0.34, 1.2, 0.64, 1); }\n    @media (prefers-reduced-motion: reduce) { .cad-compass-rose { transition: none; } }\n    @media (prefers-reduced-motion: no-preference) {\n        .cad-compass-secondary { animation: cadCompassSpinReverse 140s linear infinite; }\n        @keyframes cadCompassSpinReverse { to { transform: rotate(-360deg); } }\n    }\n\n    \/* ===== Briefing (sichtbar, kein Aufklapper) ===== *\/\n    .cad-brief {\n        background: #f8f9fa;\n        border: 1px solid #e2e8f0;\n        border-left: 3px solid #3f5f75;\n        border-radius: 2px;\n        padding: 20px 24px;\n        margin-bottom: 30px;\n    }\n    .cad-brief-lead { margin: 0; font-size: 1rem; color: #1e293b; line-height: 1.6; }\n\n    \/* ===== Kacheln ===== *\/\n    .cad-cards-titel { font-size: 0.78rem; font-weight: 600; color: #7f8c8d; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; padding-top: 20px; padding-left: 2px; border-top: 1px solid #e8e8e8; }\n    .cad-cards { display: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px; }\n    .cad-card { position: relative; max-width: 100%; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.03); transition: transform 0.22s ease, box-shadow 0.22s ease; }\n    .cad-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(63,95,117,0.10), 0 2px 6px rgba(0,0,0,0.04); }\n    .cad-card-header { padding: 22px 20px 0; text-align: center; }\n    .cad-card-step { font-size: 0.72rem; font-weight: 600; color: #7f8c8d; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 6px; }\n    .cad-card-title { font-size: 1.05rem; font-weight: 700; color: #1e293b; margin: 0 0 14px; }\n    .cad-card-divider { height: 1px; background: #ccc; margin: 0 20px; }\n    .cad-card-icon { text-align: center; padding: 18px 20px; }\n    .cad-card-icon svg { width: 64px; height: 64px; color: #3f5f75; }\n    .cad-card-body { padding: 0 20px; flex: 1; }\n    .cad-card-text { font-size: 0.85rem; line-height: 1.65; color: #334155; margin: 0; }\n    .cad-card-footer { padding: 20px 20px 24px; text-align: center; margin-top: auto; }\n    .cad-card-footer-divider { height: 1px; background: #ccc; margin: 0 0 20px; }\n    .cad-card-btn { display: inline-block; background: #3f5f75; color: #fff; text-decoration: none; padding: 10px 28px; font-size: 0.85rem; font-weight: 600; border-radius: 3px; transition: background 0.2s; min-height: 40px; }\n    .cad-card-btn:hover { background: #2a4a5c; color: #fff; text-decoration: none; }\n    .cad-card-btn:focus-visible { outline: 2px solid #3f5f75; outline-offset: 2px; }\n\n    \/* Desktop 2x2: 6-Spalten-Raster, je Karte 2 Spalten (390px) *\/\n    @media (min-width: 901px) {\n        .cad-cards { grid-template-columns: repeat(6, 185px); justify-content: center; }\n        .cad-card { grid-column: span 2; }\n        .cad-card:nth-child(1) { grid-column: 2 \/ span 2; }\n        .cad-card:nth-child(2) { grid-column: 4 \/ span 2; }\n        .cad-card:nth-child(3) { grid-column: 2 \/ span 2; }\n        .cad-card:nth-child(4) { grid-column: 4 \/ span 2; }\n    }\n\n    \/* ===== FAQ-Akkordeon ===== *\/\n    .cad-accordion { margin-bottom: 36px; }\n    .cad-accordion-item { border-bottom: 1px solid #e8e8e8; }\n    .cad-accordion-trigger { width: 100%; background: none; border: none; padding: 14px 4px; font-size: 0.95rem; font-weight: 600; color: #1e293b; cursor: pointer; display: flex; align-items: center; gap: 10px; text-align: left; font-family: inherit; }\n    .cad-accordion-trigger:hover { background: #f5f7f8; color: #1e293b; }\n    .cad-accordion-trigger .cad-marker { font-size: 0.8rem; color: #334155; flex-shrink: 0; transition: transform 0.2s; }\n    .cad-accordion-trigger.cad-open .cad-marker { transform: rotate(90deg); }\n    .cad-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }\n    .cad-accordion-inner { padding: 4px 4px 20px 28px; font-size: 0.9rem; line-height: 1.75; color: #334155; }\n    .cad-accordion-inner p { margin: 0 0 12px; }\n    .cad-accordion-inner p:last-child { margin-bottom: 0; }\n    .cad-accordion-inner strong { color: #334155; }\n    @media (prefers-reduced-motion: reduce) { .cad-accordion-content { transition: none; } }\n\n    @media (max-width: 900px) {\n        .cad-hero { padding: 16px 18px; }\n        .cad-compass { width: 220px; height: 220px; right: -64px; opacity: 0.34; }\n        .cad-cards { gap: 16px; }\n    }\n<\/style>\n\n<div class=\"cad-page\">\n\n    <section class=\"cad-hero\" aria-labelledby=\"cad-hub-title\">\n        <div class=\"cad-hero-text\">\n            <div class=\"cad-hero-eyebrow\">Navigator &middot; Instrumente an Bord<\/div>\n            <h1 class=\"cad-hero-title\" id=\"cad-hub-title\">Navigator: externe Quellen f&uuml;r deine Civil-3D-Planung<\/h1>\n            <div class=\"cad-hero-meta\">4 interaktive Finder &middot; Geodaten &middot; Hersteller &middot; Leitungen<\/div>\n        <\/div>\n        <div class=\"cad-compass\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"currentColor\">\n                <defs>\n                    <filter id=\"cadNavNeedleGlow\" x=\"-60%\" y=\"-60%\" width=\"220%\" height=\"220%\">\n                        <feGaussianBlur stdDeviation=\"3\" result=\"cadGlow\"\/>\n                        <feMerge><feMergeNode in=\"cadGlow\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\n                    <\/filter>\n                <\/defs>\n                <circle cx=\"100\" cy=\"100\" r=\"96\" stroke=\"rgba(255,255,255,0.32)\" stroke-width=\"1.2\"\/>\n                <circle cx=\"100\" cy=\"100\" r=\"88\" stroke=\"rgba(255,255,255,0.18)\" stroke-width=\"0.8\"\/>\n                <g stroke=\"rgba(255,255,255,0.7)\" stroke-width=\"1.6\">\n                    <line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"16\"\/>\n                    <line x1=\"184\" y1=\"100\" x2=\"196\" y2=\"100\"\/>\n                    <line x1=\"100\" y1=\"184\" x2=\"100\" y2=\"196\"\/>\n                    <line x1=\"4\" y1=\"100\" x2=\"16\" y2=\"100\"\/>\n                <\/g>\n                <g stroke=\"rgba(255,255,255,0.5)\" stroke-width=\"1.2\">\n                    <g transform=\"rotate(30 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(60 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(120 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(150 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(210 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(240 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(300 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                    <g transform=\"rotate(330 100 100)\"><line x1=\"100\" y1=\"4\" x2=\"100\" y2=\"13\"\/><\/g>\n                <\/g>\n                <g fill=\"rgba(255,255,255,0.92)\" stroke=\"none\" font-family=\"ui-monospace, monospace\" font-weight=\"700\" font-size=\"11\" text-anchor=\"middle\">\n                    <text x=\"100\" y=\"29\">N<\/text>\n                    <text x=\"171\" y=\"104\">O<\/text>\n                    <text x=\"100\" y=\"178\">S<\/text>\n                    <text x=\"29\" y=\"104\">W<\/text>\n                <\/g>\n                <g class=\"cad-compass-secondary\">\n                    <circle cx=\"100\" cy=\"100\" r=\"80\" stroke=\"rgba(255,255,255,0.18)\" stroke-width=\"0.6\" stroke-dasharray=\"2 6\"\/>\n                <\/g>\n                <g class=\"cad-compass-rose\">\n                    <circle cx=\"100\" cy=\"100\" r=\"72\" stroke=\"rgba(255,255,255,0.16)\" stroke-width=\"0.6\" stroke-dasharray=\"3 5\"\/>\n                    <g stroke=\"none\">\n                        <g filter=\"url(#cadNavNeedleGlow)\">\n                            <polygon points=\"100,18 105,96 100,100\" fill=\"#ffbe3d\"\/>\n                            <polygon points=\"100,18 100,100 95,96\" fill=\"#c47a1e\"\/>\n                        <\/g>\n                        <polygon points=\"182,100 104,105 100,100\" fill=\"rgba(255,255,255,0.85)\"\/>\n                        <polygon points=\"182,100 100,100 104,95\" fill=\"rgba(255,255,255,0.5)\"\/>\n                        <polygon points=\"100,182 105,104 100,100\" fill=\"rgba(255,255,255,0.45)\"\/>\n                        <polygon points=\"100,182 100,100 95,104\" fill=\"rgba(255,255,255,0.25)\"\/>\n                        <polygon points=\"18,100 96,105 100,100\" fill=\"rgba(255,255,255,0.85)\"\/>\n                        <polygon points=\"18,100 100,100 96,95\" fill=\"rgba(255,255,255,0.5)\"\/>\n                    <\/g>\n                    <g stroke=\"none\">\n                        <g transform=\"rotate(45 100 100)\"><polygon points=\"100,42 103,98 100,100\" fill=\"rgba(255,255,255,0.7)\"\/><polygon points=\"100,42 100,100 97,98\" fill=\"rgba(255,255,255,0.4)\"\/><\/g>\n                        <g transform=\"rotate(135 100 100)\"><polygon points=\"100,42 103,98 100,100\" fill=\"rgba(255,255,255,0.6)\"\/><polygon points=\"100,42 100,100 97,98\" fill=\"rgba(255,255,255,0.35)\"\/><\/g>\n                        <g transform=\"rotate(225 100 100)\"><polygon points=\"100,42 103,98 100,100\" fill=\"rgba(255,255,255,0.6)\"\/><polygon points=\"100,42 100,100 97,98\" fill=\"rgba(255,255,255,0.35)\"\/><\/g>\n                        <g transform=\"rotate(315 100 100)\"><polygon points=\"100,42 103,98 100,100\" fill=\"rgba(255,255,255,0.6)\"\/><polygon points=\"100,42 100,100 97,98\" fill=\"rgba(255,255,255,0.35)\"\/><\/g>\n                    <\/g>\n                <\/g>\n                <circle cx=\"100\" cy=\"100\" r=\"9\" fill=\"#2a4a5c\" stroke=\"rgba(255,255,255,0.95)\" stroke-width=\"1.4\"\/>\n                <circle cx=\"100\" cy=\"100\" r=\"2.8\" fill=\"#ffbe3d\"\/>\n            <\/svg>\n        <\/div>\n    <\/section>\n\n    <section class=\"cad-brief\" aria-label=\"Auf einen Blick\">\n        <p class=\"cad-brief-lead\">Beim Planen im Tiefbau brauchst du st&auml;ndig Dinge, die nicht in Civil&nbsp;3D stecken: amtliche Gel&auml;ndedaten f&uuml;r ein Bundesland, den passenden Schacht aus einem Herstellerkatalog, eine Leitungsauskunft vor dem Erdaushub oder ein Plugin, das eine L&uuml;cke im Programm schlie&szlig;t. Der Navigator b&uuml;ndelt genau diese externen Quellen, damit du direkt an der richtigen Stelle landest. Die Finder werden laufend gepflegt, aber Portale und Sortimente &auml;ndern sich: Angaben ohne Gew&auml;hr, im Zweifel direkt beim Anbieter nachschauen.<\/p>\n    <\/section>\n\n    <div class=\"cad-accordion\">\n        <div class=\"cad-accordion-item\">\n            <button class=\"cad-accordion-trigger\" onclick=\"cadToggleAccordion(this)\" aria-expanded=\"false\">\n                <span class=\"cad-marker\">&#9658;<\/span>\n                Warum ist jedes Bundesland anders aufgestellt?\n            <\/button>\n            <div class=\"cad-accordion-content\">\n                <div class=\"cad-accordion-inner\">\n                    <p>Geodaten sind in Deutschland L&auml;ndersache. Jedes Bundesland hat seine eigene Vermessungsverwaltung mit eigenem Portal, eigenen Datenformaten und eigenen Preisen. Dasselbe Gel&auml;ndemodell bekommst du im einen Land kostenlos als fertige Datei, im anderen nur gegen Geb&uuml;hr oder &uuml;ber ein Kartenportal. Deshalb f&auml;ngst du im Geodaten-Navigator mit der Karte an und w&auml;hlst zuerst dein Bundesland, damit du gleich die Quellen siehst, die es dort tats&auml;chlich gibt.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"cad-accordion-item\">\n            <button class=\"cad-accordion-trigger\" onclick=\"cadToggleAccordion(this)\" aria-expanded=\"false\">\n                <span class=\"cad-marker\">&#9658;<\/span>\n                Sind die verlinkten Geodaten kostenlos?\n            <\/button>\n            <div class=\"cad-accordion-content\">\n                <div class=\"cad-accordion-inner\">\n                    <p>Das h&auml;ngt vom Bundesland und von der Datenart ab. Vieles ist als Open Data frei, manches kostet weiterhin Geb&uuml;hren, zum Beispiel ALKIS in Bayern. Der Geodaten-Navigator zeigt dir deshalb zu jeder Quelle, ob sie kostenlos ist und unter welcher Lizenz sie steht, bevor du auf das Portal gehst.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"cad-accordion-item\">\n            <button class=\"cad-accordion-trigger\" onclick=\"cadToggleAccordion(this)\" aria-expanded=\"false\">\n                <span class=\"cad-marker\">&#9658;<\/span>\n                Wie aktuell sind Quellen und Links?\n            <\/button>\n            <div class=\"cad-accordion-content\">\n                <div class=\"cad-accordion-inner\">\n                    <p>Die Quellen wurden gegen die Originalportale gepr&uuml;ft. Trotzdem ziehen Beh&ouml;rden ihre Seiten gern mal um oder &auml;ndern das Angebot. Deshalb steht &uuml;berall der Hinweis &bdquo;Angaben ohne Gew&auml;hr&ldquo;. Wenn ein Link ins Leere l&auml;uft, hilft meist die Startseite des jeweiligen Anbieters weiter.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"cad-accordion-item\">\n            <button class=\"cad-accordion-trigger\" onclick=\"cadToggleAccordion(this)\" aria-expanded=\"false\">\n                <span class=\"cad-marker\">&#9658;<\/span>\n                Sind die Hersteller- und Produktlisten vollst&auml;ndig?\n            <\/button>\n            <div class=\"cad-accordion-content\">\n                <div class=\"cad-accordion-inner\">\n                    <p>Nein. Eine komplette Markt&uuml;bersicht will der Tiefbau-Hersteller-Finder gar nicht sein. Er sammelt die Hersteller und Kataloge, die im Tiefbau wirklich oft gebraucht werden. Und weil sich Sortimente &auml;ndern und immer mal eine Firma dazukommt oder fusioniert, bleibt so eine Liste ohnehin nie endg&uuml;ltig. Nimm sie als Einstieg: Sie bringt dich schnell zum passenden Katalog, die aktuellen Typen und Ma&szlig;e schaust du dann direkt beim Hersteller nach.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"cad-cards-titel\">Die vier Finder<\/div>\n\n    <div class=\"cad-cards\" data-hub=\"navigator\">\n\n        <article class=\"cad-card\" id=\"nav-start\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-step\">Datenquellen &amp; Portale<\/div>\n                <div class=\"cad-card-title\">Geodaten-Navigator<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 39V13l10-4 12 4 10-4v26l-10 4-12-4-10 4Z\"\/><path d=\"M18 9v26M30 13v26\"\/><circle cx=\"24\" cy=\"24\" r=\"4\" fill=\"currentColor\" stroke=\"none\" opacity=\".35\"\/><\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">W&auml;hle ein Bundesland auf der Karte und finde dort verf&uuml;gbare Gel&auml;nde-, Kataster-, Bild-, 3D-, Punktwolken- und Solardaten. Der Finder zeigt dir gleich, ob eine Quelle kostenlos ist und unter welcher Lizenz sie steht.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2148\" class=\"cad-card-btn\">Geodaten erkunden<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-step\">Produkte &amp; Herstellerkataloge<\/div>\n                <div class=\"cad-card-title\">Tiefbau-Hersteller-Finder<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 28 Q14 20 24 24 Q34 28 42 20\"\/><path d=\"M6 34 Q14 26 24 30 Q34 34 42 26\" opacity=\".4\"\/><circle cx=\"12\" cy=\"26\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"24\" cy=\"27\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"36\" cy=\"22\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/><rect x=\"9\" y=\"32\" width=\"6\" height=\"8\" rx=\"1\" opacity=\".35\" fill=\"currentColor\" stroke=\"none\"\/><rect x=\"21\" y=\"34\" width=\"6\" height=\"6\" rx=\"1\" opacity=\".35\" fill=\"currentColor\" stroke=\"none\"\/><rect x=\"33\" y=\"29\" width=\"6\" height=\"7\" rx=\"1\" opacity=\".35\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Durchsuche Herstellerkataloge f&uuml;r Rohre, Sch&auml;chte, Rinnen, Armaturen und weitere Bauteile nach Gewerk und Material. Jeder Eintrag f&uuml;hrt direkt zum Hersteller-Portal.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2152\" class=\"cad-card-btn\">Hersteller finden<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-step\">Zusatzwerkzeuge &amp; Zusammenarbeit<\/div>\n                <div class=\"cad-card-title\">CAD-Werkzeuge &amp; Kollaboration<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 11h32v24H8z\"\/><path d=\"M16 41h16M20 35v6M28 35v6\"\/><path d=\"m17 27 7-12 7 12Z\"\/><circle cx=\"24\" cy=\"27\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\" opacity=\".35\"\/><\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Finde relevante Civil-3D- und AutoCAD-Plugins, Fachaufs&auml;tze, DACH-L&auml;nderinhalte und Cloud-L&ouml;sungen f&uuml;r Planung und Zusammenarbeit.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2154\" class=\"cad-card-btn\">Werkzeuge erkunden<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-step\">Netzbetreiber &amp; Bestandspl&auml;ne<\/div>\n                <div class=\"cad-card-title\">Leitungsauskunft<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 48 48\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 32h34M12 32v8M36 32v8\"\/><path d=\"M10 17c7-9 21-9 28 0M15 22c5-5 13-5 18 0M21 27c2-2 4-2 6 0\"\/><circle cx=\"24\" cy=\"27\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\" opacity=\".35\"\/><\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Vergleiche BIL, ALIZ, Leico und LAO und erfahre, wie du Leitungspl&auml;ne vor der Planung oder vor Erdarbeiten anfragst und pr&uuml;fst.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2150\" class=\"cad-card-btn\">Leitungsauskunft &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n    <\/div>\n\n\n<\/div>\n\n<script>\n    (function () {\n        'use strict';\n        var prefersReducedMotion = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)').matches : false;\n        var hasFinePointer = window.matchMedia ? window.matchMedia('(pointer: fine)').matches : false;\n\n        \/* === Kompassnadel als Wegweiser === *\/\n        (function compassWayfinder() {\n            var compass = document.querySelector('.cad-compass');\n            if (!compass) { return; }\n            var rose = compass.querySelector('.cad-compass-rose');\n            if (!rose) { return; }\n            var startCard = document.getElementById('nav-start');\n            var current = startCard;\n\n            function angleTo(el) {\n                if (!el) { return 0; }\n                var c = compass.getBoundingClientRect();\n                if (c.width === 0) { return 0; }\n                var t = el.getBoundingClientRect();\n                var cx = c.left + c.width \/ 2;\n                var cy = c.top + c.height \/ 2;\n                var tx = t.left + t.width \/ 2;\n                var ty = t.top + t.height \/ 2;\n                return Math.atan2(ty - cy, tx - cx) * 180 \/ Math.PI + 90;\n            }\n            function refresh() { rose.style.transform = 'rotate(' + angleTo(current).toFixed(2) + 'deg)'; }\n            refresh();\n\n            if (prefersReducedMotion) { return; }\n            if (!hasFinePointer) { return; }\n\n            var cards = Array.prototype.slice.call(document.querySelectorAll('.cad-card'));\n            cards.forEach(function (card) {\n                card.addEventListener('mouseenter', function () { current = card; refresh(); });\n                card.addEventListener('mouseleave', function () { current = startCard; refresh(); });\n            });\n            var ticking = false;\n            function onScroll() {\n                if (ticking) { return; }\n                ticking = true;\n                requestAnimationFrame(function () { ticking = false; refresh(); });\n            }\n            window.addEventListener('scroll', onScroll, { passive: true });\n            window.addEventListener('resize', onScroll, { passive: true });\n        })();\n\n        \/* === Hero-Raster leicht parallax === *\/\n        (function heroParallax() {\n            if (prefersReducedMotion) { return; }\n            if (!hasFinePointer) { return; }\n            var hero = document.querySelector('.cad-hero');\n            if (!hero) { return; }\n            var lastX = 0, lastY = 0, ticking = false;\n            function apply() {\n                hero.style.setProperty('--cad-grid-x', lastX.toFixed(1) + 'px');\n                hero.style.setProperty('--cad-grid-y', lastY.toFixed(1) + 'px');\n                ticking = false;\n            }\n            hero.addEventListener('mousemove', function (e) {\n                var rect = hero.getBoundingClientRect();\n                var nx = (e.clientX - rect.left) \/ rect.width - 0.5;\n                var ny = (e.clientY - rect.top) \/ rect.height - 0.5;\n                lastX = nx * -16;\n                lastY = ny * -16;\n                if (!ticking) { requestAnimationFrame(apply); ticking = true; }\n            }, { passive: true });\n            hero.addEventListener('mouseleave', function () {\n                lastX = 0; lastY = 0;\n                if (!ticking) { requestAnimationFrame(apply); ticking = true; }\n            });\n        })();\n\n    })();\n\n    function cadToggleAccordion(trigger) {\n        var content = trigger.nextElementSibling;\n        if (trigger.classList.contains('cad-open')) {\n            content.style.maxHeight = null;\n            trigger.classList.remove('cad-open');\n            trigger.setAttribute('aria-expanded', 'false');\n        } else {\n            content.style.maxHeight = content.scrollHeight + 'px';\n            trigger.classList.add('cad-open');\n            trigger.setAttribute('aria-expanded', 'true');\n        }\n    }\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Navigator &middot; Instrumente an Bord Navigator: externe Quellen f&uuml;r deine Civil-3D-Planung 4 interaktive Finder &middot; Geodaten &middot; Hersteller &middot; Leitungen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","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":""},"class_list":["post-1187","page","type-page","status-publish","hentry"],"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":"Navigator &middot; Instrumente an Bord Navigator: externe Quellen f&uuml;r deine Civil-3D-Planung 4 interaktive Finder &middot; Geodaten &middot; Hersteller &middot; Leitungen [&hellip;]","_links":{"self":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1187","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"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=1187"}],"version-history":[{"count":86,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1187\/revisions"}],"predecessor-version":[{"id":2190,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1187\/revisions\/2190"}],"wp:attachment":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1187"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}