{"id":2,"date":"2025-05-03T12:07:36","date_gmt":"2025-05-03T12:07:36","guid":{"rendered":"http:\/\/cad-kompass.de\/?page_id=2"},"modified":"2026-08-31T13:44:42","modified_gmt":"2026-08-31T11:44:42","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/cad-kompass.de\/?page_id=2","title":{"rendered":"Fahrwasser"},"content":{"rendered":"\n<!--\nCAD-Kompass: Menue-Hauptseite Fahrwasser\nGebaut aus 00-Website\/Menue-Hauptseiten\/_VORLAGE-menue-hub.html, Tutorial-Menue-Typ.\nCSS, Kompass-SVG und Skript sind unveraendert aus der Vorlage.\n14 Kacheln als EINE flache Liste in Ordnerreihenfolge (01-14), keine Themensortierung\/-trenner.\nAlle 14 Kachel-Links zeigen auf die WordPress-Post-ID-URLs aus Verlinkungen.txt (https:\/\/cad-kompass.de\/?page_id=...).\nKapitel 01-10 sind gebaut, ihre Zielseiten sind live. Kapitel 11-14 sind noch nicht gebaut, ihre page_id\nexistiert zwar bereits in WordPress, zeigt aktuell aber nur die Vorschauseite (Stand siehe html\/<Kapitel>.html).\nTutorial-Zahlen fuer 11-14 aus den jeweiligen _PLAN.md (3 Haupttutorials + Fehlerbehebung je Kapitel).\nEinfuegen als EIN Block \"Individuelles HTML\".\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 (Graublau = Banner-Farbe) ===== *\/\n  .cad-hero {\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  \/* ===== \"Auf einen Blick\"-Briefing ===== *\/\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 0 16px; font-size: 1rem; color: #1e293b; line-height: 1.6; max-width: 840px; }\n  .cad-brief-facts {\n    display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;\n    margin: 0; padding-top: 16px; border-top: 1px solid #e2e8f0;\n  }\n  .cad-brief-facts > div { min-width: 0; }\n  .cad-brief-facts dt { font-size: 0.66rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.09em; color: #7f8c8d; margin-bottom: 4px; }\n  .cad-brief-facts dd { margin: 0; font-size: 0.9rem; font-weight: 600; color: #334155; line-height: 1.4; }\n  .cad-brief-facts dd a { color: #3f5f75; text-decoration: none; border-bottom: 1px solid rgba(63,95,117,0.4); }\n  .cad-brief-facts dd a:hover { color: #2a4a5c; border-color: #2a4a5c; }\n\n  \/* ===== Fortschritt (lokal im Browser) ===== *\/\n  .cad-progress { margin: 0 0 18px; }\n  .cad-progress-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }\n  .cad-progress-count { font-size: 0.8rem; font-weight: 700; color: #1e293b; }\n  .cad-progress-note { font-size: 0.74rem; color: #94a3b8; }\n  .cad-progress-bar { height: 6px; background: #e9eef2; border-radius: 999px; overflow: hidden; }\n  .cad-progress-bar span { display: block; height: 100%; width: 0; background: #059669; border-radius: 999px; transition: width 0.3s ease; }\n\n  \/* ===== Kacheln (1:1 aus der Vorlage) ===== *\/\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  \/* max-width auf .cad-cards statt auf .cad-page: Astra ueberschreibt .cad-page per .entry-content[data-ast-blocks-layout] > * auf ~1920px (Spezifitaet 0,2,0 schlaegt unsere Klasse), das betrifft aber nur den direkten Kind-Div von entry-content, nicht tiefer verschachtelte Elemente wie .cad-cards. So bleibt Hero\/Brief\/Fortschritt bei Astras Breite, waehrend die Kartenreihe fest auf 3x390+2x20 gedeckelt ist, unabhaengig von der Fensterbreite. *\/\n  .cad-cards { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 1210px; margin: 0 auto 40px; }\n  .cad-card { position: relative; width: 390px; 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--start { border-color: #3f5f75; }\n  .cad-card-badge { position: absolute; top: 12px; right: 12px; z-index: 3; background: #3f5f75; color: #fff; font-size: 0.6rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 9px; border-radius: 999px; }\n  .cad-check { position: absolute; top: 12px; left: 12px; z-index: 3; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #cbd5e1; background: #fff; color: transparent; cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease; }\n  .cad-check svg { width: 14px; height: 14px; }\n  .cad-check:hover { border-color: #059669; color: #c8e6c9; }\n  .cad-check:focus-visible { outline: 2px solid #3f5f75; outline-offset: 2px; }\n  .cad-card--done .cad-check { background: #059669; border-color: #059669; color: #fff; }\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: 44px; height: 44px; 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; min-height: 40px; font-size: 0.85rem; font-weight: 600; border-radius: 3px; transition: background 0.2s; }\n  .cad-card-btn:focus-visible { outline: 2px solid #3f5f75; outline-offset: 2px; }\n  .cad-card-btn:visited { color: #fff; }\n  .cad-card-btn:hover { background: #2a4a5c; color: #fff; text-decoration: 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-brief-facts { grid-template-columns: 1fr 1fr; }\n    .cad-cards { gap: 16px; }\n    .cad-card { width: 100%; }\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\">Fahrwasser \u00b7 Auf Kurs<\/div>\n      <h1 class=\"cad-hero-title\" id=\"cad-hub-title\">Kernfunktionen f&uuml;r Civil 3D<\/h1>\n      <div class=\"cad-hero-meta\">14 Kapitel &middot; setzt AutoCAD-Grundlagen voraus &middot; Stand 08\/2026<\/div>\n    <\/div>\n    <!-- Kompass: unver\u00e4ndert lassen -->\n    <div class=\"cad-compass\" aria-hidden=\"true\">\n      <svg viewBox=\"0 0 200 200\" fill=\"none\" stroke=\"currentColor\">\n        <defs>\n          <filter id=\"cadNeedleGlow\" 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            <!-- Norden = leuchtender Messing-Funken, Rest wei\u00df -->\n            <g filter=\"url(#cadNeedleGlow)\">\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\">Fahrwasser deckt die Civil-3D-Funktionen ab, die du in jedem Projekt brauchst: vom Gel&auml;ndemodell &uuml;ber die Trassierung bis zur fertigen Planausgabe. Die Kapitel bauen aufeinander auf, darum fehlt ohne das Gel&auml;ndemodell allen sp&auml;teren Themen die Grundlage. Zehn Kapitel stehen bereits, vier weitere sind in Arbeit.<\/p>\n    <dl class=\"cad-brief-facts\">\n      <div><dt>F&uuml;r wen<\/dt><dd>Jeder Civil-3D-Nutzer<\/dd><\/div>\n      <div><dt>Voraussetzung<\/dt><dd>AutoCAD-Grundlagen (Level 1)<\/dd><\/div>\n      <div><dt>Umfang<\/dt><dd>14 Kapitel<\/dd><\/div>\n      <div><dt>Wo anfangen<\/dt><dd><a href=\"#hub-start\">Kapitel 01: Gel&auml;ndemodellierung<\/a><\/dd><\/div>\n    <\/dl>\n  <\/section>\n\n  <div class=\"cad-cards-titel\">Die 14 Kapitel<\/div>\n\n  <!-- Fortschritt: Zaehler und Balken werden vom Skript aus den gesetzten Haken berechnet,\n       der Startwert unten ist nur die Anzeige vor dem ersten Klick. -->\n  <div class=\"cad-progress\" role=\"status\" aria-live=\"polite\">\n    <div class=\"cad-progress-head\">\n      <span class=\"cad-progress-count\" data-progress-count>0 von 14 erledigt<\/span>\n      <span class=\"cad-progress-note\">Dein Haken bleibt nur in deinem Browser, das sieht sonst niemand.<\/span>\n    <\/div>\n    <div class=\"cad-progress-bar\" aria-hidden=\"true\"><span data-progress-bar><\/span><\/div>\n  <\/div>\n\n  <div class=\"cad-cards\" data-hub=\"fahrwasser\">\n\n    <div class=\"cad-card cad-card--start\" id=\"hub-start\" data-step=\"01\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Gel\u00e4ndemodellierung als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <span class=\"cad-card-badge\">Hier starten<\/span>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 01 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Gel\u00e4ndemodellierung<\/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\"><path d=\"M4 32l10-14 8 6 10-18 12 10-6 16z\"\/><path d=\"M14 18v22M22 24v18M32 10v28M4 40h40\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Das digitale Gel\u00e4ndemodell ist das Fundament f\u00fcr fast jede Planungsaufgabe: Achsen folgen ihm, Profilk\u00f6rper verschneiden sich mit ihm, Kanalnetze beziehen ihre H\u00f6hen daraus.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=1812\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"02\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Achskonstruktion als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 02 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Achskonstruktion<\/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\"><path d=\"M6 38c10-16 26-16 36-28\"\/><circle cx=\"6\" cy=\"38\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"42\" cy=\"10\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/><path d=\"M13 30l4-3M21 24l4-3M29 17l4-3\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Die Achse ist das Bezugsobjekt f\u00fcr alles Weitere. L\u00e4ngsschnitt, Querschnitt, Profilk\u00f6rper und Kanalnetz beziehen sich alle auf ihren Verlauf und ihre Stationierung.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=1918\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"03\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"H\u00f6henplanung als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 03 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">H\u00f6henplanung<\/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\"><path d=\"M6 40h38M6 40V6\"\/><path d=\"M9 34l9-6 8 8 9-16 9 6\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Die Achse sagt, wo die Trasse verl\u00e4uft, der H\u00f6henplan, auf welcher H\u00f6he. Erst mit der Gradiente wird aus der Linie im Grundriss ein Bauwerk, das ins Gel\u00e4nde passt.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=1965\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"04\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Gebiete als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 04 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Gebiete<\/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\"><rect x=\"7\" y=\"9\" width=\"34\" height=\"30\" rx=\"2\" stroke-dasharray=\"4 3\"\/><circle cx=\"18\" cy=\"20\" r=\"4\"\/><rect x=\"27\" y=\"24\" width=\"9\" height=\"9\" rx=\"1\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Gebiete sind die Container, in denen Civil 3D Achsen, Elementkanten und Parzellen gruppiert. Sie entscheiden, ob Objekte miteinander interagieren oder sich ignorieren.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2012\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"05\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Elementkanten als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 05 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Elementkanten<\/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\"><path d=\"M5 30l9-8 8 4 9-14 9 10 8-6\"\/><circle cx=\"14\" cy=\"22\" r=\"2.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"22\" cy=\"26\" r=\"2.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"31\" cy=\"12\" r=\"2.2\" fill=\"currentColor\" stroke=\"none\"\/><circle cx=\"40\" cy=\"22\" r=\"2.2\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Eine Elementkante tr\u00e4gt an jedem Punkt eine H\u00f6he und bleibt dynamisch mit ihrer Quelle verbunden. Bordsteine und Grabenkanten entstehen \u00fcber sie, nicht \u00fcber Polylinien.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2094\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"06\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"B\u00f6schungen &amp; Verschneidungen als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 06 &middot; 4 Tutorials<\/div>\n        <div class=\"cad-card-title\">B\u00f6schungen &amp; Verschneidungen<\/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\"><line x1=\"4\" y1=\"14\" x2=\"20\" y2=\"14\"\/><line x1=\"28\" y1=\"36\" x2=\"44\" y2=\"36\"\/><path d=\"M20 14l8 22\"\/><path d=\"M22 18l4 2M24 24l4 2M26 30l4 2\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Eine B\u00f6schung verbindet ein geplantes Niveau mit dem vorhandenen Gel\u00e4nde. Die Verschneidung konstruiert sie automatisch von einer Kante aus, bis sie ihr Ziel erreicht.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2270\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"07\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Querschnitt &amp; Querschnittsbestandteile als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 07 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Querschnitt &amp; Querschnittsbestandteile<\/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\"><path d=\"M4 32h10l5-9h10l5 9h10\"\/><line x1=\"14\" y1=\"32\" x2=\"14\" y2=\"23\"\/><line x1=\"34\" y1=\"32\" x2=\"34\" y2=\"23\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Der Querschnitt ist die Vorlage, die der Profilk\u00f6rper an jeder Station wiederholt. Fahrbahn, Bordstein und B\u00f6schung stecken darin, jeweils als eigener Querschnittsbestandteil.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2301\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"08\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Profilk\u00f6rper &amp; Trassierung als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 08 &middot; 6 Tutorials<\/div>\n        <div class=\"cad-card-title\">Profilk\u00f6rper &amp; Trassierung<\/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\"><path d=\"M4 28l12-8 28 4-12 8z\"\/><path d=\"M4 28v8l12 8v-8\"\/><path d=\"M44 24v8l-12 8v-8\"\/><path d=\"M16 20v8\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Der Profilk\u00f6rper f\u00fchrt Achse, L\u00e4ngsschnitt und Querschnitt zusammen und baut daraus den durchgehenden 3D-Stra\u00dfenk\u00f6rper, aus dem sich Oberfl\u00e4chen und Massen ableiten lassen.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2345\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"09\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Kanalnetz &amp; Entw\u00e4sserung als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 09 &middot; 4 Tutorials<\/div>\n        <div class=\"cad-card-title\">Kanalnetz &amp; Entw\u00e4sserung<\/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\"><circle cx=\"8\" cy=\"14\" r=\"5\"\/><circle cx=\"24\" cy=\"24\" r=\"5\"\/><circle cx=\"40\" cy=\"36\" r=\"5\"\/><path d=\"M12 17l8 4M28 27l8 6\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Ein Kanalnetz kennt seine eigenen Verbindungen: Wer einen Schacht verschiebt, zieht die Haltungen mit. Daraus entstehen Lageplan, L\u00e4ngsschnitt und Massen aus einer Quelle.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2379\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"10\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Druckleitungsnetz &amp; Wasserversorgung als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 10 &middot; 2 Tutorials<\/div>\n        <div class=\"cad-card-title\">Druckleitungsnetz &amp; Wasserversorgung<\/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\"><path d=\"M4 24h12\"\/><circle cx=\"24\" cy=\"24\" r=\"8\"\/><path d=\"M20 24l3-4 3 8 3-4h5\"\/><path d=\"M32 24h12\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Die Druckleitung braucht kein Gef\u00e4lle: Die Pumpe liefert den Druck, das Rohr l\u00e4uft vollgef\u00fcllt und darf bergauf wie bergab. Civil 3D bildet das mit einem eigenen Objekt ab.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2401\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"11\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Punkte &amp; Punktgruppen als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 11 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Punkte &amp; Punktgruppen<\/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\"><circle cx=\"24\" cy=\"22\" r=\"7\"\/><path d=\"M24 15v14M17 22h14\"\/><path d=\"M8 10l3 3M8 13l3-3\"\/><path d=\"M10 36l3 3M10 39l3-3\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">COGO-Punkte sind mehr als ein Kreuz im Plan: Sie tragen Nummer, H\u00f6he und Beschreibung. Punktgruppen organisieren sie, und genau darauf bauen DGM und Achsen auf.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2467\" class=\"cad-card-btn\">Vorschau ansehen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"12\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Parzellen als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 12 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Parzellen<\/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\"><rect x=\"6\" y=\"6\" width=\"36\" height=\"36\" rx=\"2\"\/><line x1=\"24\" y1=\"6\" x2=\"24\" y2=\"42\"\/><line x1=\"6\" y1=\"24\" x2=\"42\" y2=\"24\"\/><line x1=\"15\" y1=\"6\" x2=\"15\" y2=\"24\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Parzellen sind geschlossene Fl\u00e4chen innerhalb eines Gebiets, automatisch aus Achsen oder Polylinien erzeugt. Praktisch f\u00fcrs Layout, aber ohne automatische ALKIS-Anbindung.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2469\" class=\"cad-card-btn\">Vorschau ansehen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"13\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Beschriftungen &amp; Tabellen als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 13 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Beschriftungen &amp; Tabellen<\/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\"><circle cx=\"12\" cy=\"30\" r=\"3\"\/><path d=\"M14 28l14-14\"\/><rect x=\"28\" y=\"8\" width=\"16\" height=\"10\" rx=\"2\"\/><line x1=\"32\" y1=\"13\" x2=\"40\" y2=\"13\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Civil-3D-Beschriftungen sind dynamisch und folgen ihrem Objekt, anders als AutoCAD-Text. Der Beschriftungsma\u00dfstab entscheidet \u00fcber die Gr\u00f6\u00dfe, nicht der Annotationsma\u00dfstab.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2471\" class=\"cad-card-btn\">Vorschau ansehen<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"cad-card\" data-step=\"14\">\n      <button type=\"button\" class=\"cad-check\" data-check aria-pressed=\"false\" aria-label=\"Planausgabe als erledigt markieren\" title=\"Als erledigt markieren\">\n        <svg viewBox=\"0 0 20 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 10l3.5 3.5L15 6\"\/><\/svg>\n      <\/button>\n      <div class=\"cad-card-header\">\n        <div class=\"cad-card-step\">Kapitel 14 &middot; 3 Tutorials<\/div>\n        <div class=\"cad-card-title\">Planausgabe<\/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\"><path d=\"M10 6h20l8 8v28a2 2 0 01-2 2H10a2 2 0 01-2-2V8a2 2 0 012-2z\"\/><path d=\"M30 6v8h8\"\/><line x1=\"12\" y1=\"30\" x2=\"36\" y2=\"30\"\/><line x1=\"12\" y1=\"34\" x2=\"26\" y2=\"34\"\/><line x1=\"12\" y1=\"38\" x2=\"30\" y2=\"38\"\/><\/svg>\n      <\/div>\n      <div class=\"cad-card-body\">\n        <p class=\"cad-card-text\">Die Plan-Erstellung erzeugt automatisch Planbl\u00e4tter entlang einer Achse, inklusive Schriftfeld und Blattnummerierung. Der Weg von der Zeichnung zum fertigen PDF.<\/p>\n      <\/div>\n      <div class=\"cad-card-footer\">\n        <div class=\"cad-card-footer-divider\"><\/div>\n        <a href=\"https:\/\/cad-kompass.de\/?page_id=2473\" class=\"cad-card-btn\">Vorschau ansehen<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\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  \/* === Fortschritt: lokal im Browser (kein Server, kein Cookie) === *\/\n  (function progress() {\n    var wrap = document.querySelector('[data-hub]');\n    if (!wrap) { return; }\n    var hub = wrap.getAttribute('data-hub') || 'hub';\n    var key = 'cadk_hub_' + hub + '_v1';\n    var cards = Array.prototype.slice.call(wrap.querySelectorAll('.cad-card[data-step]'));\n    var countEl = document.querySelector('[data-progress-count]');\n    var barEl = document.querySelector('[data-progress-bar]');\n\n    function load() {\n      try {\n        var raw = localStorage.getItem(key);\n        if (!raw) { return []; }\n        var arr = JSON.parse(raw);\n        if (Object.prototype.toString.call(arr) === '[object Array]') { return arr; }\n        return [];\n      } catch (e) { return []; }\n    }\n    function save(arr) {\n      try { localStorage.setItem(key, JSON.stringify(arr)); } catch (e) {}\n    }\n    var done = load();\n\n    function update() {\n      var total = cards.length;\n      var n = 0;\n      cards.forEach(function (card) {\n        var step = card.getAttribute('data-step');\n        var on = done.indexOf(step) !== -1;\n        if (on) { n = n + 1; }\n        card.classList.toggle('cad-card--done', on);\n        var btn = card.querySelector('[data-check]');\n        if (btn) { btn.setAttribute('aria-pressed', on ? 'true' : 'false'); }\n      });\n      if (countEl) { countEl.textContent = n + ' von ' + total + ' erledigt'; }\n      if (barEl) { barEl.style.width = total ? Math.round(n \/ total * 100) + '%' : '0%'; }\n    }\n\n    cards.forEach(function (card) {\n      var btn = card.querySelector('[data-check]');\n      if (!btn) { return; }\n      btn.addEventListener('click', function () {\n        var step = card.getAttribute('data-step');\n        if (!step) { return; }\n        var i = done.indexOf(step);\n        if (i === -1) { done.push(step); } else { done.splice(i, 1); }\n        save(done);\n        update();\n      });\n    });\n    update();\n  })();\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('hub-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);\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<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Fahrwasser \u00b7 Auf Kurs Kernfunktionen f&uuml;r Civil 3D 14 Kapitel &middot; setzt AutoCAD-Grundlagen voraus &middot; Stand 08\/2026 N O S [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"open","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-2","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":"Fahrwasser \u00b7 Auf Kurs Kernfunktionen f&uuml;r Civil 3D 14 Kapitel &middot; setzt AutoCAD-Grundlagen voraus &middot; Stand 08\/2026 N O S [&hellip;]","_links":{"self":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/2","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=2"}],"version-history":[{"count":6,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":2479,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/2479"}],"wp:attachment":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}