{"id":1483,"date":"2026-02-20T08:02:38","date_gmt":"2026-02-20T06:02:38","guid":{"rendered":"https:\/\/cad-kompass.de\/?page_id=1483"},"modified":"2026-08-31T14:58:57","modified_gmt":"2026-08-31T12:58:57","slug":"autocad-basics","status":"publish","type":"page","link":"https:\/\/cad-kompass.de\/?page_id=1483","title":{"rendered":"Steuerrad"},"content":{"rendered":"\n<!--\nCAD-Kompass: Steuerrad \u00b7 AutoCAD Basics Hub\nMen\u00fc-Hauptseite nach 00-Website\/Menue-Hauptseiten\/_VORLAGE-menue-hub.html (Kapit\u00e4n-Stil), 1:1 aus der\nVorlage gebaut: Flex-Kacheln, 44px-Icons, ES5-Skript, id=\"hub-start\". Bestehende Kapitel-Links (echte Seiten,\nkein Platzhalter) unver\u00e4ndert \u00fcbernommen.\nWordPress-tauglich: font-family: inherit, keine externen Dienste, kein Und-Operator, keine rohen Sonderzeichen im Script.\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\">Steuerrad &middot; Am Ruder<\/div>\n            <h1 class=\"cad-hero-title\" id=\"cad-hub-title\">AutoCAD Basics: in 18 Tutorials von Null auf Plan<\/h1>\n            <div class=\"cad-hero-meta\">5 Kapitel &middot; 18 Tutorials &middot; AutoCAD<\/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                        <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\">Du startest bei null und arbeitest dich in 18 Tutorials durch alles, was du f\u00fcr professionelles Zeichnen in AutoCAD brauchst. Die Kapitel bauen aufeinander auf, deshalb f\u00e4ngst du am besten mit Kapitel&nbsp;1 an, ab Kapitel&nbsp;3 kannst du dann selbst entscheiden, in welcher Reihenfolge du weitermachst.<\/p>\n        <dl class=\"cad-brief-facts\">\n            <div><dt>F\u00fcr wen<\/dt><dd>Einsteiger ohne Vorkenntnisse, Umsteiger aus anderen CAD-Programmen<\/dd><\/div>\n            <div><dt>Voraussetzung<\/dt><dd>AutoCAD, jede aktuelle Version<\/dd><\/div>\n            <div><dt>Umfang<\/dt><dd>18 Tutorials in 5&nbsp;Kapiteln<\/dd><\/div>\n            <div><dt>Wo anfangen<\/dt><dd><a href=\"#hub-start\">Kapitel&nbsp;1: 2D Grundlagen<\/a><\/dd><\/div>\n        <\/dl>\n    <\/section>\n\n    <div class=\"cad-cards-titel\">Kapitel<\/div>\n\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 5 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=\"steuerrad\">\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=\"2D Grundlagen 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 1 &middot; 3 Tutorials<\/div>\n                <div class=\"cad-card-title\">2D Grundlagen<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"54\"\/>\n                    <line x1=\"10\" y1=\"52\" x2=\"64\" y2=\"52\"\/>\n                    <path d=\"M14 10l-3.5 7h7z\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <path d=\"M64 52l-7-3.5v7z\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <rect x=\"24\" y=\"22\" width=\"34\" height=\"22\" rx=\"1\"\/>\n                    <circle cx=\"24\" cy=\"22\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"58\" cy=\"22\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"58\" cy=\"44\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"24\" cy=\"44\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Koordinateneingabe, Navigation und die ersten Geometrien. Das ist das Fundament: absolut, relativ, polar. Hier f\u00e4ngt jede AutoCAD-Zeichnung an.<\/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=1486\" 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=\"Pr\u00e4zision und Gestaltung 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 2 &middot; 3 Tutorials<\/div>\n                <div class=\"cad-card-title\">Pr\u00e4zision und Gestaltung<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <circle cx=\"36\" cy=\"34\" r=\"22\"\/>\n                    <circle cx=\"36\" cy=\"34\" r=\"11\"\/>\n                    <circle cx=\"36\" cy=\"34\" r=\"3\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"36\" y1=\"6\" x2=\"36\" y2=\"16\"\/>\n                    <line x1=\"36\" y1=\"52\" x2=\"36\" y2=\"62\"\/>\n                    <line x1=\"8\" y1=\"34\" x2=\"18\" y2=\"34\"\/>\n                    <line x1=\"54\" y1=\"34\" x2=\"64\" y2=\"34\"\/>\n                    <line x1=\"18\" y1=\"64\" x2=\"54\" y2=\"64\"\/>\n                    <line x1=\"18\" y1=\"68\" x2=\"46\" y2=\"68\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Hier kommt Pr\u00e4zision rein: Objektfang, Layer, Linientypen und ein Dutzend Bearbeitungswerkzeuge. Das macht aus der Skizze einen ma\u00dfhaltigen Plan.<\/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=1547\" 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=\"Konstruieren in 3D 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 3 &middot; 5 Tutorials<\/div>\n                <div class=\"cad-card-title\">Konstruieren in 3D<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <polygon points=\"36,10 58,23 36,36 14,23\"\/>\n                    <polygon points=\"14,23 36,36 36,60 14,47\"\/>\n                    <polygon points=\"36,36 58,23 58,47 36,60\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Z-Koordinate, 3D-Navigation, Volumenk\u00f6rper und r\u00e4umliche Werkzeuge. Hier erschlie\u00dft du die dritte Dimension, von der Z-Achse bis zum Gizmo.<\/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=1581\" 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=\"Plandokumentation 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 4 &middot; 3 Tutorials<\/div>\n                <div class=\"cad-card-title\">Plandokumentation<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <path d=\"M16 8h28l12 12v46a2 2 0 01-2 2H18a2 2 0 01-2-2V10a2 2 0 012-2z\"\/>\n                    <path d=\"M44 8v12h12\"\/>\n                    <line x1=\"24\" y1=\"32\" x2=\"48\" y2=\"32\"\/>\n                    <line x1=\"24\" y1=\"40\" x2=\"48\" y2=\"40\"\/>\n                    <line x1=\"24\" y1=\"48\" x2=\"38\" y2=\"48\"\/>\n                    <line x1=\"22\" y1=\"60\" x2=\"50\" y2=\"60\"\/>\n                    <line x1=\"22\" y1=\"56\" x2=\"22\" y2=\"64\"\/>\n                    <line x1=\"50\" y1=\"56\" x2=\"50\" y2=\"64\"\/>\n                    <path d=\"M22 60l7-3.5v7z\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <path d=\"M50 60l-7-3.5v7z\" fill=\"currentColor\" stroke=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Texte, Bema\u00dfungen und Tabellen machen aus Geometrie normgerechte Pl\u00e4ne. Tabellen kannst du dabei automatisch aus den Zeichnungsdaten bef\u00fcllen.<\/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=1614\" 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=\"Datenorganisation 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 5 &middot; 4 Tutorials<\/div>\n                <div class=\"cad-card-title\">Datenorganisation<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"26\" y=\"8\" width=\"20\" height=\"26\" rx=\"2\"\/>\n                    <line x1=\"32\" y1=\"8\" x2=\"32\" y2=\"12\"\/>\n                    <line x1=\"36\" y1=\"34\" x2=\"36\" y2=\"42\"\/>\n                    <line x1=\"14\" y1=\"42\" x2=\"58\" y2=\"42\"\/>\n                    <rect x=\"6\" y=\"42\" width=\"16\" height=\"22\" rx=\"2\"\/>\n                    <rect x=\"26\" y=\"42\" width=\"16\" height=\"22\" rx=\"2\"\/>\n                    <rect x=\"50\" y=\"42\" width=\"16\" height=\"22\" rx=\"2\"\/>\n                    <circle cx=\"14\" cy=\"42\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"34\" cy=\"42\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"58\" cy=\"42\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Wer Bl\u00f6cke, externe Referenzen und eigene Vorlagen konsequent einsetzt, spart sich auf jedem Projekt jede Menge Doppelarbeit.<\/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=1618\" class=\"cad-card-btn\">Kapitel \u00f6ffnen<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"cad-cards-titel\">Kurzreferenz<\/div>\n\n    <div class=\"cad-cards\">\n\n        <div class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-step\">Kurzreferenz<\/div>\n                <div class=\"cad-card-title\">Systemvariablen<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"10\" y=\"14\" width=\"52\" height=\"44\" rx=\"3\"\/>\n                    <line x1=\"10\" y1=\"24\" x2=\"62\" y2=\"24\"\/>\n                    <circle cx=\"19\" cy=\"19\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"27\" cy=\"19\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <circle cx=\"35\" cy=\"19\" r=\"2.5\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"18\" y1=\"34\" x2=\"23\" y2=\"34\"\/>\n                    <line x1=\"25\" y1=\"34\" x2=\"44\" y2=\"34\"\/>\n                    <line x1=\"18\" y1=\"42\" x2=\"23\" y2=\"42\"\/>\n                    <line x1=\"25\" y1=\"42\" x2=\"38\" y2=\"42\"\/>\n                    <rect x=\"18\" y=\"50\" width=\"8\" height=\"2\" rx=\"1\" fill=\"currentColor\" stroke=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Hier findest du alle Systemvariablen der 18 Tutorials mit Standardwert und Beschreibung. Jede l\u00e4sst sich direkt in der Befehlszeile abfragen. Die Referenz ist auf DIN A4 optimiert und l\u00e4sst sich direkt ausdrucken.<\/p>\n            <\/div>\n            <div class=\"cad-card-footer\">\n                <div class=\"cad-card-footer-divider\"><\/div>\n                <a href=\"https:\/\/cad-kompass.de\/?p=2495\" class=\"cad-card-btn\">Referenz \u00f6ffnen<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-step\">Kurzreferenz<\/div>\n                <div class=\"cad-card-title\">Kurzbefehle<\/div>\n            <\/div>\n            <div class=\"cad-card-divider\"><\/div>\n            <div class=\"cad-card-icon\">\n                <svg viewBox=\"0 0 72 72\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                    <rect x=\"8\" y=\"22\" width=\"56\" height=\"36\" rx=\"4\"\/>\n                    <rect x=\"15\" y=\"29\" width=\"9\" height=\"7\" rx=\"1.5\"\/>\n                    <rect x=\"27\" y=\"29\" width=\"9\" height=\"7\" rx=\"1.5\"\/>\n                    <rect x=\"39\" y=\"29\" width=\"9\" height=\"7\" rx=\"1.5\"\/>\n                    <rect x=\"51\" y=\"29\" width=\"6\" height=\"7\" rx=\"1.5\"\/>\n                    <rect x=\"15\" y=\"40\" width=\"6\" height=\"7\" rx=\"1.5\"\/>\n                    <rect x=\"24\" y=\"40\" width=\"24\" height=\"7\" rx=\"1.5\"\/>\n                    <rect x=\"51\" y=\"40\" width=\"6\" height=\"7\" rx=\"1.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\">\n                <p class=\"cad-card-text\">Du findest hier alle Kurzbefehle der 18 Tutorials, nach Tutorial geordnet: K\u00fcrzel, Vollbefehl und Beschreibung kompakt in einer Tabelle. Auch diese Referenz ist auf DIN A4 optimiert und druckbar.<\/p>\n            <\/div>\n            <div class=\"cad-card-footer\">\n                <div class=\"cad-card-footer-divider\"><\/div>\n                <a href=\"https:\/\/cad-kompass.de\/?p=2492\" class=\"cad-card-btn\">Referenz \u00f6ffnen<\/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>Steuerrad &middot; Am Ruder AutoCAD Basics: in 18 Tutorials von Null auf Plan 5 Kapitel &middot; 18 Tutorials &middot; AutoCAD [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"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-1483","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":"Steuerrad &middot; Am Ruder AutoCAD Basics: in 18 Tutorials von Null auf Plan 5 Kapitel &middot; 18 Tutorials &middot; AutoCAD [&hellip;]","_links":{"self":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1483","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=1483"}],"version-history":[{"count":19,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1483\/revisions"}],"predecessor-version":[{"id":2499,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1483\/revisions\/2499"}],"wp:attachment":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}