{"id":1682,"date":"2026-03-02T08:15:04","date_gmt":"2026-03-02T06:15:04","guid":{"rendered":"https:\/\/cad-kompass.de\/?page_id=1682"},"modified":"2026-10-12T07:01:53","modified_gmt":"2026-10-12T05:01:53","slug":"tool-lab","status":"publish","type":"page","link":"https:\/\/cad-kompass.de\/?page_id=1682","title":{"rendered":"Tool-Lab"},"content":{"rendered":"\n<!--\nCAD-Kompass: Tool-Lab Hub \u2013 Variante 4 Hub-Seite (Tool-Men\u00fc).\nKein Fortschritt, kein cad-check (Tool-\/Nachschlage-Men\u00fc per CLAUDE.md).\nWP-sicher: kein doppeltes Und-Zeichen im Skriptblock, keine rohen Sonderzeichen.\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    \/* ===== Live-Filter (Suche + Kategorien) \u2013 Look identisch zum Befehlsfinder ===== *\/\n    .cad-filter { margin: 0 0 22px; }\n    .cad-filter-row { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }\n    .cad-filter-input {\n        flex: 1; min-width: 200px; padding: 10px 14px; font-size: 0.92rem;\n        border: 1px solid #c8d6e0; border-radius: 2px; font-family: inherit;\n        color: #1e293b; background: #fff; transition: border-color 0.15s, box-shadow 0.15s;\n        -webkit-appearance: none;\n    }\n    .cad-filter-input:focus { outline: none; border-color: #3f5f75; box-shadow: 0 0 0 2px rgba(63,95,117,0.12); }\n    .cad-filter-input::placeholder { color: #94a3b8; }\n    .cad-filter-pills { display: flex; flex-wrap: wrap; gap: 6px; }\n    .cad-filter-pill {\n        padding: 5px 12px; min-height: 34px; font-size: 0.82rem; font-family: inherit;\n        border: 1px solid #c8d6e0; border-radius: 2px; background: #fff; color: #64748b;\n        cursor: pointer; transition: background 0.15s, color 0.15s, border-color 0.15s; line-height: 1.4;\n    }\n    .cad-filter-pill:hover { background: #eef2f6; border-color: #3f5f75; color: #1e293b; }\n    .cad-filter-pill:focus-visible { outline: 2px solid #3f5f75; outline-offset: 2px; }\n    .cad-filter-pill.cad-active { background: #3f5f75; color: #fff; border-color: #3f5f75; }\n    .cad-filter-count { font-size: 0.84rem; color: #64748b; margin-top: 10px; }\n    .cad-filter-empty { display: none; padding: 18px 16px; text-align: center; color: #64748b; border: 1px solid #c8d6e0; border-radius: 2px; background: #f7f9fb; }\n    @media (max-width: 640px) {\n        .cad-filter-row { flex-direction: column; gap: 10px; }\n        .cad-filter-input { min-width: 0; }\n        .cad-filter-pills { gap: 5px; }\n        .cad-filter-pill { font-size: 0.78rem; padding: 4px 9px; }\n    }\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 ===== *\/\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: 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-header { padding: 22px 20px 0; text-align: center; }\n    .cad-card-badge { display: inline-block; font-size: 0.68rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; padding: 2px 8px; border-radius: 3px; margin-bottom: 6px; }\n    .cad-card-badge--offline { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }\n    .cad-card-badge--online { background: #fefce8; color: #a16207; border: 1px solid #fde68a; }\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:visited { color: #fff; }\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    @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        .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\">Tool-Lab &middot; Bordwerkstatt<\/div>\n            <h1 class=\"cad-hero-title\" id=\"cad-hub-title\">Tool-Lab: Werkzeuge f&uuml;r den CAD-Alltag<\/h1>\n            <div class=\"cad-hero-meta\">22 Tools &middot; offline &amp; lokal &middot; kein Konto<\/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=\"cadTlNeedleGlow\" 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(#cadTlNeedleGlow)\">\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\">Wer im CAD-Alltag schnell einen Ma&szlig;stab umrechnen oder eine Neigung bestimmen will, landet oft auf Seiten voller Werbebanner. Das geht besser. Jedes Tool hier l&ouml;st eine konkrete Aufgabe, direkt im Browser, ohne Werbung und ohne Layout-Spr&uuml;nge. Deine Eingaben bleiben auf deinem Rechner: alle Berechnungen laufen lokal. Ausnahmen sind der EPSG-Finder, die Karte im Koordinaten-Umrechner und die Karte im Punktdatei-Inspektor: Alle drei nutzen OpenStreetMap und fragen vorher.<\/p>\n    <\/section>\n\n    <div class=\"cad-filter\">\n        <div class=\"cad-filter-row\">\n            <input type=\"text\" id=\"cad-filter-input\" class=\"cad-filter-input\" placeholder=\"Tool suchen, z.B. Gef&auml;lle, Koordinaten, Beton, DWG &hellip;\" aria-label=\"Tools durchsuchen\" autocomplete=\"off\">\n        <\/div>\n        <div class=\"cad-filter-pills\" id=\"cad-filter-pills\" role=\"group\" aria-label=\"Nach Kategorie filtern\">\n            <button type=\"button\" class=\"cad-filter-pill cad-active\" data-cat=\"all\">Alle<\/button>\n            <button type=\"button\" class=\"cad-filter-pill\" data-cat=\"rechner\">Rechner<\/button>\n            <button type=\"button\" class=\"cad-filter-pill\" data-cat=\"tiefbau\">Tiefbau<\/button>\n            <button type=\"button\" class=\"cad-filter-pill\" data-cat=\"hydraulik\">Hydraulik<\/button>\n            <button type=\"button\" class=\"cad-filter-pill\" data-cat=\"geodaten\">Geodaten<\/button>\n            <button type=\"button\" class=\"cad-filter-pill\" data-cat=\"acad\">AutoCAD<\/button>\n        <\/div>\n        <div class=\"cad-filter-count\" id=\"cad-filter-count\" aria-live=\"polite\"><\/div>\n        <div class=\"cad-filter-empty\" id=\"cad-filter-empty\">Kein Tool gefunden. Suchbegriff anpassen oder eine andere Kategorie w&auml;hlen.<\/div>\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RECHNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"cad-cards-titel\">Rechner<\/div>\n    <div class=\"cad-cards cad-cards--rechner\">\n\n        <article class=\"cad-card\" id=\"tl-start\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Ma&szlig;stabsrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"8\" y=\"20\" width=\"56\" height=\"32\" rx=\"2\"\/>\n                    <line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"30\"\/>\n                    <line x1=\"28\" y1=\"20\" x2=\"28\" y2=\"36\"\/>\n                    <line x1=\"38\" y1=\"20\" x2=\"38\" y2=\"30\"\/>\n                    <line x1=\"48\" y1=\"20\" x2=\"48\" y2=\"36\"\/>\n                    <line x1=\"58\" y1=\"20\" x2=\"58\" y2=\"30\"\/>\n                    <rect x=\"24\" y=\"40\" width=\"10\" height=\"8\" rx=\"1\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.15\"\/>\n                    <rect x=\"38\" y=\"38\" width=\"14\" height=\"10\" rx=\"1\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.15\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Rechne L&auml;ngen zwischen Realit&auml;t und Papier um. Mit Papierformat-Empfehlung (A4&ndash;A0) f&uuml;r Grundst&uuml;cke und Geb&auml;ude in jedem Ma&szlig;stab.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1696\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Neigungsrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <line x1=\"10\" y1=\"56\" x2=\"62\" y2=\"56\"\/>\n                    <line x1=\"62\" y1=\"56\" x2=\"62\" y2=\"20\"\/>\n                    <line x1=\"10\" y1=\"56\" x2=\"62\" y2=\"20\" stroke-width=\"2.5\"\/>\n                    <path d=\"M 22 56 A 12 12 0 0 0 18.5 48.5\" fill=\"none\" stroke-width=\"1.5\"\/>\n                    <line x1=\"58\" y1=\"24\" x2=\"58\" y2=\"52\" stroke-dasharray=\"3 2\" stroke-width=\"1.2\"\/>\n                    <text x=\"36\" y=\"48\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">%<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Berechne Neigungen in Prozent, Grad und Verh&auml;ltnis, mit dynamischer Grafik. F&uuml;r Rampen, Stra&szlig;en, D&auml;cher und Gel&auml;ndemodelle.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1725\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Einheitenrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <text x=\"14\" y=\"30\" font-size=\"13\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">m&sup2;<\/text>\n                    <line x1=\"22\" y1=\"38\" x2=\"50\" y2=\"38\"\/>\n                    <path d=\"M50 38l-6-3v6z\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"50\" y1=\"44\" x2=\"22\" y2=\"44\"\/>\n                    <path d=\"M22 44l6 3v-6z\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <text x=\"44\" y=\"30\" font-size=\"13\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">ha<\/text>\n                    <text x=\"16\" y=\"60\" font-size=\"10\" fill=\"#94a3b8\" stroke=\"none\" font-family=\"inherit\">mm &middot; cm &middot; km<\/text>\n                    <text x=\"16\" y=\"68\" font-size=\"10\" fill=\"#94a3b8\" stroke=\"none\" font-family=\"inherit\">ft &middot; yd &middot; mi<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Fl&auml;chen und L&auml;ngen live umrechnen: m&sup2;, Hektar, Acres, Quadratfu&szlig;, Millimeter bis Meilen. Eingabe in einem Feld, alle anderen aktualisieren sofort.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1734\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Rampenrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <line x1=\"10\" y1=\"58\" x2=\"62\" y2=\"58\"\/>\n                    <line x1=\"14\" y1=\"58\" x2=\"48\" y2=\"24\"\/>\n                    <line x1=\"48\" y1=\"24\" x2=\"62\" y2=\"24\"\/>\n                    <line x1=\"48\" y1=\"20\" x2=\"48\" y2=\"58\" stroke-dasharray=\"3 2\" stroke-width=\"1.2\"\/>\n                    <path d=\"M 26 58 A 12 12 0 0 0 22.5 50\" fill=\"none\" stroke-width=\"1.5\"\/>\n                    <text x=\"33\" y=\"54\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">%<\/text>\n                    <text x=\"56\" y=\"42\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">h<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Rampengef&auml;lle, L&auml;nge und Steigh&ouml;he berechnen. Grenzwerte f&uuml;r Fahrzeugverkehr und barrierefreien Zugang nach DIN&nbsp;18040 werden direkt angezeigt.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2219\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">HOAI-Honorarrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M18 62 L18 34 L36 22 L54 34 L54 62 Z\"\/>\n                    <line x1=\"12\" y1=\"62\" x2=\"60\" y2=\"62\"\/>\n                    <rect x=\"25\" y=\"38\" width=\"8\" height=\"7\" rx=\"1\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.2\"\/>\n                    <rect x=\"39\" y=\"38\" width=\"8\" height=\"7\" rx=\"1\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.2\"\/>\n                    <rect x=\"30\" y=\"50\" width=\"12\" height=\"12\" rx=\"1\"\/>\n                    <circle cx=\"54\" cy=\"22\" r=\"10\" fill=\"#fff\"\/>\n                    <circle cx=\"54\" cy=\"22\" r=\"7\"\/>\n                    <text x=\"54\" y=\"26\" text-anchor=\"middle\" font-size=\"10\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">&#8364;<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Honorare nach HOAI 1996, 2002, 2009, 2013 und 2021 berechnen: Tafelwerte, Leistungsphasen, Zuschl&auml;ge und Nebenkosten. Alle vier Fassungen des Preisrechts.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2225\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TIEFBAU \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"cad-cards-titel\">Tiefbau<\/div>\n    <div class=\"cad-cards cad-cards--tiefbau\">\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Schachtrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"16\" y=\"8\" width=\"40\" height=\"8\" rx=\"1\"\/>\n                    <rect x=\"20\" y=\"16\" width=\"32\" height=\"48\" rx=\"1\"\/>\n                    <line x1=\"20\" y1=\"28\" x2=\"52\" y2=\"28\"\/>\n                    <line x1=\"20\" y1=\"40\" x2=\"52\" y2=\"40\"\/>\n                    <line x1=\"20\" y1=\"52\" x2=\"52\" y2=\"52\"\/>\n                    <circle cx=\"36\" cy=\"58\" r=\"3\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.2\"\/>\n                    <line x1=\"30\" y1=\"4\" x2=\"42\" y2=\"4\" stroke-width=\"2.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Bauteillisten berechnen und die bauliche Machbarkeit von Beton-Fertigteilsch&auml;chten pr&uuml;fen. Ausbautiefe, Konus und Gerinne nach DIN&nbsp;4034-1.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1755\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Haltungsrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"8\" y=\"12\" width=\"14\" height=\"44\" rx=\"1\"\/>\n                    <rect x=\"50\" y=\"20\" width=\"14\" height=\"36\" rx=\"1\"\/>\n                    <line x1=\"22\" y1=\"48\" x2=\"50\" y2=\"52\" stroke-width=\"2.5\"\/>\n                    <line x1=\"22\" y1=\"44\" x2=\"50\" y2=\"48\" stroke-dasharray=\"4 3\" stroke-width=\"1.2\"\/>\n                    <circle cx=\"34\" cy=\"49.5\" r=\"3\" fill=\"#3f5f75\" stroke=\"#fff\" stroke-width=\"1.2\"\/>\n                    <line x1=\"34\" y1=\"38\" x2=\"34\" y2=\"46.5\" stroke=\"#3f5f75\" stroke-width=\"1\" stroke-dasharray=\"3 2\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Sohlh&ouml;hen entlang einer Kanalhaltung berechnen. Zul&auml;ufe auf der Strecke platzieren und die H&ouml;hen automatisch mit Profilgrafik ausgeben lassen.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1749\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Grabenverbau-Rechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"12\" y=\"14\" width=\"10\" height=\"52\" rx=\"1\"\/>\n                    <rect x=\"50\" y=\"14\" width=\"10\" height=\"52\" rx=\"1\"\/>\n                    <line x1=\"22\" y1=\"26\" x2=\"50\" y2=\"26\" stroke-width=\"2.2\"\/>\n                    <line x1=\"22\" y1=\"40\" x2=\"50\" y2=\"40\" stroke-width=\"2.2\"\/>\n                    <line x1=\"22\" y1=\"54\" x2=\"50\" y2=\"54\" stroke-width=\"2.2\"\/>\n                    <circle cx=\"36\" cy=\"62\" r=\"5\"\/>\n                    <circle cx=\"36\" cy=\"62\" r=\"3\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.2\"\/>\n                    <line x1=\"4\" y1=\"14\" x2=\"4\" y2=\"66\" stroke-dasharray=\"3 2\" stroke-width=\"1.2\"\/>\n                    <line x1=\"2\" y1=\"14\" x2=\"6\" y2=\"14\"\/>\n                    <line x1=\"2\" y1=\"66\" x2=\"6\" y2=\"66\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Verbautiefe und Verbautyp f&uuml;r offene Gr&auml;ben ermitteln: B&ouml;schungs- oder Tr&auml;gerbohlverbau nach DGUV&nbsp;113-004 mit Abmessungen und Ausbauempfehlung.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2228\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Rohrgrabenaushub<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M10 16 L22 58 L50 58 L62 16 Z\"\/>\n                    <path d=\"M14 20 L23 55 L49 55 L58 20 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.06\"\/>\n                    <circle cx=\"36\" cy=\"47\" r=\"9\"\/>\n                    <circle cx=\"36\" cy=\"47\" r=\"6\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.12\"\/>\n                    <text x=\"36\" y=\"50\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">DN<\/text>\n                    <line x1=\"10\" y1=\"10\" x2=\"62\" y2=\"10\" stroke-dasharray=\"3 2\" stroke-width=\"1.2\"\/>\n                    <line x1=\"10\" y1=\"8\" x2=\"10\" y2=\"12\"\/>\n                    <line x1=\"62\" y1=\"8\" x2=\"62\" y2=\"12\"\/>\n                    <text x=\"36\" y=\"9\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">b<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Aushubvolumen f&uuml;r Rohrgr&auml;ben nach DIN&nbsp;4124 berechnen: B&ouml;schungswinkel, Grabenbreite und Tiefe abh&auml;ngig von Bodenklasse und Rohrauflage.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2215\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Betonrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"10\" y=\"36\" width=\"42\" height=\"24\" rx=\"1\"\/>\n                    <path d=\"M10 36 L18 26 L60 26 L52 36 Z\"\/>\n                    <path d=\"M52 36 L60 26 L60 50 L52 60 Z\"\/>\n                    <text x=\"31\" y=\"53\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">m&#179;<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Betonvolumen f&uuml;r Fundamentplatten, Streifenfundamente und freie Betonbauteile berechnen. Ausgabe in m&sup3; und Liefermenge nach Mischungsverh&auml;ltnis.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2204\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Sch&uuml;ttgutrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M10 56 Q36 14 62 56 Z\"\/>\n                    <path d=\"M18 56 Q36 30 54 56\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.08\"\/>\n                    <line x1=\"8\" y1=\"56\" x2=\"64\" y2=\"56\"\/>\n                    <text x=\"36\" y=\"48\" text-anchor=\"middle\" font-size=\"9\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">m&#179;\/t<\/text>\n                    <line x1=\"10\" y1=\"62\" x2=\"30\" y2=\"62\" stroke-width=\"1.2\" opacity=\"0.4\"\/>\n                    <line x1=\"42\" y1=\"62\" x2=\"62\" y2=\"62\" stroke-width=\"1.2\" opacity=\"0.4\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Sch&uuml;ttgutmengen umrechnen: Volumen in m&sup3;, Gewicht in Tonnen und Liefervolumen. F&uuml;r Schotter, Kies, Sand, Recyclingmaterial und Fr&auml;sgut.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2212\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HYDRAULIK \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"cad-cards-titel\">Hydraulik<\/div>\n    <div class=\"cad-cards cad-cards--hydraulik\">\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Freispiegelrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M16 16 L16 54 Q16 62 24 62 L48 62 Q56 62 56 54 L56 16\"\/>\n                    <path d=\"M18 38 Q26 34 36 38 Q46 42 56 38\" stroke-width=\"1.5\"\/>\n                    <path d=\"M16 62 L16 38 Q24 34 36 38 Q46 42 56 38 L56 62 Q56 62 48 62 L24 62 Q16 62 16 62 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.1\"\/>\n                    <line x1=\"24\" y1=\"52\" x2=\"44\" y2=\"52\"\/>\n                    <path d=\"M40 48 L48 52 L40 56\" fill=\"none\" stroke-width=\"1.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Freispiegelabfluss nach Prandtl-Colebrook (DWA-A 110) oder Manning-Strickler: Nachweis, Bemessung und Mindestgef&auml;lle f&uuml;r Kreis-, Ei- und Maulprofil, Rechteckprofil und offene Gerinne (Rechteck, Trapez, Dreieck, Parabel) mit Teilf&uuml;llung, Froude-Zahl und Freibord.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2233\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Druckrohrrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M12 28 L60 28\"\/>\n                    <path d=\"M12 44 L60 44\"\/>\n                    <path d=\"M12 28 Q6 36 12 44\"\/>\n                    <path d=\"M60 28 Q66 36 60 44\"\/>\n                    <line x1=\"20\" y1=\"36\" x2=\"30\" y2=\"36\" stroke-width=\"1.5\"\/>\n                    <path d=\"M26 32 L34 36 L26 40\" fill=\"none\" stroke-width=\"1.5\"\/>\n                    <line x1=\"40\" y1=\"36\" x2=\"50\" y2=\"36\" stroke-width=\"1.5\"\/>\n                    <path d=\"M46 32 L54 36 L46 40\" fill=\"none\" stroke-width=\"1.5\"\/>\n                    <circle cx=\"36\" cy=\"18\" r=\"8\"\/>\n                    <line x1=\"36\" y1=\"26\" x2=\"36\" y2=\"28\"\/>\n                    <text x=\"36\" y=\"22\" text-anchor=\"middle\" font-size=\"8\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">P<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Druckverlust und Flie&szlig;geschwindigkeit in Druckleitungen berechnen: Rohrdurchmesser, L&auml;nge, Rauheitsbeiwert und Volumenstrom nach Darcy-Weisbach.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2207\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">D&uuml;kerrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M8 24 L24 24 L24 38 L8 38 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.1\"\/>\n                    <path d=\"M48 30 L64 30 L64 38 L48 38 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.1\"\/>\n                    <path d=\"M10 38 L10 50 Q10 62 22 62 L50 62 Q62 62 62 50 L62 38 L50 38 L50 49 Q50 52 46 52 L26 52 Q22 52 22 49 L22 38 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.1\"\/>\n                    <rect x=\"8\" y=\"10\" width=\"16\" height=\"28\" rx=\"2\"\/>\n                    <rect x=\"48\" y=\"10\" width=\"16\" height=\"28\" rx=\"2\"\/>\n                    <path d=\"M9 24 Q12 22 16 24 Q20 26 23 24\" stroke-width=\"1.5\"\/>\n                    <path d=\"M49 30 Q52 28 56 30 Q60 32 63 30\" stroke-width=\"1.5\"\/>\n                    <path d=\"M10 38 L10 50 Q10 62 22 62 L50 62 Q62 62 62 50 L62 38\"\/>\n                    <path d=\"M22 38 L22 49 Q22 52 26 52 L46 52 Q50 52 50 49 L50 38\"\/>\n                    <line x1=\"28\" y1=\"57\" x2=\"42\" y2=\"57\" stroke-width=\"1.5\"\/>\n                    <path d=\"M38 54 L44 57 L38 60\" fill=\"none\" stroke-width=\"1.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Abwasserd&uuml;ker nach DWA-A 112 und DWA-A 110: erforderliche Sohlh&ouml;he am Ablauf, R&uuml;ckstau und Einstau im Bestand oder Nennweite aus der Rohrreihe, mit Lastf&auml;llen, bis drei Leitungen mit Schwellen, Wandschubspannung, Feststofftransport und L&auml;ngsschnitt mit Energielinie.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2762\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Regenabflussrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <line x1=\"16\" y1=\"8\" x2=\"14\" y2=\"18\"\/>\n                    <line x1=\"28\" y1=\"6\" x2=\"26\" y2=\"16\"\/>\n                    <line x1=\"40\" y1=\"8\" x2=\"38\" y2=\"18\"\/>\n                    <line x1=\"52\" y1=\"10\" x2=\"50\" y2=\"20\"\/>\n                    <path d=\"M8 24 L58 36\"\/>\n                    <path d=\"M38 30 Q50 36 58 36 L58 52\"\/>\n                    <rect x=\"52\" y=\"38\" width=\"12\" height=\"22\" rx=\"2\"\/>\n                    <circle cx=\"58\" cy=\"50\" r=\"4\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.18\"\/>\n                    <text x=\"22\" y=\"40\" font-size=\"10\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">A<\/text>\n                    <path d=\"M10 42 Q18 38 26 42 Q34 46 40 43\" stroke-width=\"1.4\" fill=\"none\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Regenwasserabfluss nach DIN&nbsp;1986-100 berechnen: Regenspende, Abflussbeiwert, Einzugsfl&auml;che und erforderliche Nennweite der Ableitung.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2217\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 GEODATEN \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"cad-cards-titel\">Geodaten<\/div>\n    <div class=\"cad-cards cad-cards--geodaten\">\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--online\">Karte optional<\/div>\n                <div class=\"cad-card-title\">Koordinaten-Umrechner<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <circle cx=\"36\" cy=\"36\" r=\"24\"\/>\n                    <ellipse cx=\"36\" cy=\"36\" rx=\"24\" ry=\"8\"\/>\n                    <ellipse cx=\"36\" cy=\"36\" rx=\"10\" ry=\"24\"\/>\n                    <circle cx=\"46\" cy=\"28\" r=\"4\" fill=\"#3f5f75\" stroke=\"#fff\" stroke-width=\"1.5\"\/>\n                    <line x1=\"46\" y1=\"20\" x2=\"46\" y2=\"25\" stroke=\"#3f5f75\" stroke-width=\"1.5\"\/>\n                    <line x1=\"46\" y1=\"31\" x2=\"46\" y2=\"36\" stroke=\"#3f5f75\" stroke-width=\"1.5\"\/>\n                    <line x1=\"50\" y1=\"28\" x2=\"55\" y2=\"28\" stroke=\"#3f5f75\" stroke-width=\"1.5\"\/>\n                    <line x1=\"38\" y1=\"28\" x2=\"42\" y2=\"28\" stroke=\"#3f5f75\" stroke-width=\"1.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Koordinaten zwischen Dezimalgrad, Grad\/Minuten\/Sekunden und UTM umrechnen. Gerechnet wird im Browser. Die Karte zum Punkt l&auml;dt nur, wenn du sie freigibst.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1751\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--online\">Externer Dienst<\/div>\n                <div class=\"cad-card-title\">EPSG-Code-Finder<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M36 62 C36 62 54 40 54 28 A18 18 0 0 0 18 28 C18 40 36 62 36 62Z\"\/>\n                    <circle cx=\"36\" cy=\"28\" r=\"7\"\/>\n                    <circle cx=\"52\" cy=\"50\" r=\"10\" fill=\"#fff\"\/>\n                    <circle cx=\"52\" cy=\"50\" r=\"7\"\/>\n                    <line x1=\"57\" y1=\"55\" x2=\"63\" y2=\"61\" stroke-width=\"2.5\"\/>\n                    <text x=\"49\" y=\"53\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">EP<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Ortsnamen oder Postleitzahl eingeben und die passenden EPSG-Codes f&uuml;r dein Projekt erhalten, weltweit, mit Kartenansicht. Nutzt einen externen Geodienst.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1743\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--online\">Karte optional<\/div>\n                <div class=\"cad-card-title\">Punktdatei-Inspektor<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M20 8h20l14 14v42a2 2 0 01-2 2H22a2 2 0 01-2-2V10a2 2 0 012-2z\"\/>\n                    <path d=\"M40 8v14h14\"\/>\n                    <circle cx=\"27\" cy=\"30\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"32\" y1=\"30\" x2=\"48\" y2=\"30\"\/>\n                    <circle cx=\"27\" cy=\"38\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"32\" y1=\"38\" x2=\"48\" y2=\"38\"\/>\n                    <circle cx=\"27\" cy=\"46\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"32\" y1=\"46\" x2=\"40\" y2=\"46\"\/>\n                    <circle cx=\"27\" cy=\"54\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"32\" y1=\"54\" x2=\"38\" y2=\"54\"\/>\n                    <circle cx=\"27\" cy=\"62\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"32\" y1=\"62\" x2=\"38\" y2=\"62\"\/>\n                    <circle cx=\"54\" cy=\"52\" r=\"10\" fill=\"#fff\"\/>\n                    <circle cx=\"54\" cy=\"52\" r=\"7\"\/>\n                    <circle cx=\"54\" cy=\"52\" r=\"2\" fill=\"currentColor\" stroke=\"none\"\/>\n                    <line x1=\"59\" y1=\"57\" x2=\"65\" y2=\"63\" stroke-width=\"2.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Punktdatei des Vermessers hineinziehen: Das Tool erkennt Trennzeichen und Spaltenfolge, meldet Dezimalkomma, doppelte Nummern und H&ouml;he 0 und schreibt die Datei in jedem Punktdateiformat der Civil-3D-Vorlage neu. Alles im Browser, die Karte zu den Punkten l&auml;dt nur nach deiner Freigabe.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=2764\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n    <\/div>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 AUTOCAD-WERKZEUGE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div class=\"cad-cards-titel\">AutoCAD-Werkzeuge<\/div>\n    <div class=\"cad-cards cad-cards--acad\">\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Befehlsfinder<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"10\" y=\"14\" width=\"44\" height=\"44\" rx=\"3\"\/>\n                    <line x1=\"10\" y1=\"26\" x2=\"54\" y2=\"26\"\/>\n                    <text x=\"32\" y=\"22\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"700\" fill=\"#fff\" stroke=\"none\" font-family=\"inherit\">BEFEHL<\/text>\n                    <text x=\"18\" y=\"37\" font-size=\"9\" font-weight=\"800\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">S<\/text>\n                    <line x1=\"28\" y1=\"33\" x2=\"48\" y2=\"33\"\/>\n                    <line x1=\"28\" y1=\"37\" x2=\"44\" y2=\"37\"\/>\n                    <text x=\"18\" y=\"49\" font-size=\"9\" font-weight=\"800\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">KO<\/text>\n                    <line x1=\"30\" y1=\"45\" x2=\"48\" y2=\"45\"\/>\n                    <line x1=\"30\" y1=\"49\" x2=\"44\" y2=\"49\"\/>\n                    <circle cx=\"54\" cy=\"52\" r=\"10\" fill=\"#fff\"\/>\n                    <circle cx=\"54\" cy=\"52\" r=\"7\"\/>\n                    <line x1=\"59\" y1=\"57\" x2=\"65\" y2=\"63\" stroke-width=\"2.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Beschreibe was du tun willst und finde den passenden AutoCAD-Befehl mit K&uuml;rzel. Durchsuchbar nach Thema, Synonym und Kategorie, rund 195 Befehle.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1737\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Systemvariablen-Finder<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"10\" y=\"10\" width=\"52\" height=\"52\" rx=\"3\"\/>\n                    <line x1=\"10\" y1=\"22\" x2=\"62\" y2=\"22\"\/>\n                    <text x=\"36\" y=\"19\" text-anchor=\"middle\" font-size=\"7\" font-weight=\"700\" fill=\"#fff\" stroke=\"none\" font-family=\"inherit\">SYSVAR<\/text>\n                    <text x=\"16\" y=\"35\" font-size=\"7\" font-weight=\"600\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">FILEDIA<\/text>\n                    <text x=\"50\" y=\"35\" text-anchor=\"middle\" font-size=\"7\" fill=\"#64748b\" stroke=\"none\" font-family=\"inherit\">= 1<\/text>\n                    <line x1=\"14\" y1=\"39\" x2=\"58\" y2=\"39\" stroke-dasharray=\"2 2\" stroke-width=\"0.8\"\/>\n                    <text x=\"16\" y=\"49\" font-size=\"7\" font-weight=\"600\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">LTSCALE<\/text>\n                    <text x=\"50\" y=\"49\" text-anchor=\"middle\" font-size=\"7\" fill=\"#64748b\" stroke=\"none\" font-family=\"inherit\">= 1.0<\/text>\n                    <circle cx=\"54\" cy=\"54\" r=\"10\" fill=\"#fff\"\/>\n                    <circle cx=\"54\" cy=\"54\" r=\"7\"\/>\n                    <line x1=\"59\" y1=\"59\" x2=\"65\" y2=\"65\" stroke-width=\"2.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Die richtige Systemvariable f&uuml;r dein Problem finden, durchsuchbar nach Thema, Stichwort und Kategorie, mit Standardwert und Erkl&auml;rung. Rund 226 Variablen.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1757\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">DWG-Inspektor<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M20 8h20l14 14v42a2 2 0 01-2 2H22a2 2 0 01-2-2V10a2 2 0 012-2z\"\/>\n                    <path d=\"M40 8v14h14\"\/>\n                    <text x=\"36\" y=\"42\" text-anchor=\"middle\" font-size=\"11\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">DWG<\/text>\n                    <circle cx=\"54\" cy=\"52\" r=\"10\" fill=\"#fff\"\/>\n                    <circle cx=\"54\" cy=\"52\" r=\"7\"\/>\n                    <line x1=\"59\" y1=\"57\" x2=\"65\" y2=\"63\" stroke-width=\"2.5\"\/>\n                    <text x=\"51.5\" y=\"55\" text-anchor=\"middle\" font-size=\"6.5\" font-weight=\"700\" fill=\"#3f5f75\" stroke=\"none\" font-family=\"inherit\">v?<\/text>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">DWG-Datei per Drag&amp;Drop analysieren und die AutoCAD-Version anhand der ersten 6 Bytes erkennen. Kein Upload, keine Netzwerkanfrage.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1739\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\n\n        <article class=\"cad-card\">\n            <div class=\"cad-card-header\">\n                <div class=\"cad-card-badge cad-card-badge--offline\">Ohne Drittanbieter<\/div>\n                <div class=\"cad-card-title\">Kurzbefehl-Trainer<\/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=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                    <rect x=\"8\" y=\"20\" width=\"56\" height=\"36\" rx=\"3\"\/>\n                    <rect x=\"14\" y=\"27\" width=\"8\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"26\" y=\"27\" width=\"8\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"38\" y=\"27\" width=\"8\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"50\" y=\"27\" width=\"8\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"14\" y=\"38\" width=\"8\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"26\" y=\"38\" width=\"20\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"50\" y=\"38\" width=\"8\" height=\"7\" rx=\"1\"\/>\n                    <rect x=\"20\" y=\"49\" width=\"32\" height=\"4\" rx=\"1\" fill=\"currentColor\" stroke=\"none\" opacity=\"0.15\"\/>\n                    <path d=\"M56 16l-4 4\" stroke-width=\"2.5\" stroke=\"#3f5f75\"\/>\n                    <path d=\"M54 12l6 0l0 6\" fill=\"none\" stroke=\"#3f5f75\" stroke-width=\"1.5\"\/>\n                <\/svg>\n            <\/div>\n            <div class=\"cad-card-body\"><p class=\"cad-card-text\">Die wichtigsten AutoCAD-Tastaturk&uuml;rzel trainieren. Ein Befehl erscheint, du w&auml;hlst das richtige K&uuml;rzel. Quiz-Modus mit Auswertung am Ende.<\/p><\/div>\n            <div class=\"cad-card-footer\"><div class=\"cad-card-footer-divider\"><\/div><a href=\"https:\/\/cad-kompass.de\/?p=1753\" class=\"cad-card-btn\">Tool &ouml;ffnen<\/a><\/div>\n        <\/article>\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        \/* === 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('tl-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        \/* === Live-Filter: Suche + Kategorie-Pills === *\/\n        (function toolFilter() {\n            var filter = document.querySelector('.cad-filter');\n            if (!filter) { return; }\n            var input = document.getElementById('cad-filter-input');\n            var pillsWrap = document.getElementById('cad-filter-pills');\n            var countEl = document.getElementById('cad-filter-count');\n            var emptyEl = document.getElementById('cad-filter-empty');\n\n            function norm(s) {\n                s = s ? s.toLowerCase() : '';\n                s = s.split('\u00e4').join('a');\n                s = s.split('\u00f6').join('o');\n                s = s.split('\u00fc').join('u');\n                s = s.split('\u00df').join('ss');\n                return s;\n            }\n\n            \/* Jede Karten-Gruppe mit ihrer vorangehenden Titelzeile koppeln *\/\n            var grids = Array.prototype.slice.call(document.querySelectorAll('.cad-cards'));\n            var sections = [];\n            var total = 0;\n            grids.forEach(function (grid) {\n                var title = grid.previousElementSibling;\n                if (title) { if (!title.classList.contains('cad-cards-titel')) { title = null; } }\n                var cat = '';\n                grid.className.split(' ').forEach(function (c) {\n                    if (c.indexOf('cad-cards--') === 0) { cat = c.replace('cad-cards--', ''); }\n                });\n                var cards = Array.prototype.slice.call(grid.querySelectorAll('.cad-card')).map(function (card) {\n                    var t = card.querySelector('.cad-card-title');\n                    var b = card.querySelector('.cad-card-text');\n                    var hay = norm((t ? t.textContent : '') + ' ' + (b ? b.textContent : ''));\n                    return { el: card, hay: hay };\n                });\n                total += cards.length;\n                sections.push({ grid: grid, title: title, cat: cat, cards: cards });\n            });\n\n            var activeCat = 'all';\n\n            function apply() {\n                var q = norm(input ? input.value.trim() : '');\n                var shown = 0;\n                sections.forEach(function (s) {\n                    var catOk = true;\n                    if (activeCat !== 'all') { if (s.cat !== activeCat) { catOk = false; } }\n                    var anyVisible = false;\n                    s.cards.forEach(function (c) {\n                        var show = catOk;\n                        if (show) { if (q) { if (c.hay.indexOf(q) === -1) { show = false; } } }\n                        c.el.style.display = show ? '' : 'none';\n                        if (show) { anyVisible = true; shown += 1; }\n                    });\n                    s.grid.style.display = anyVisible ? '' : 'none';\n                    if (s.title) { s.title.style.display = anyVisible ? '' : 'none'; }\n                });\n                if (countEl) {\n                    if (q || activeCat !== 'all') {\n                        countEl.textContent = shown === 1 ? '1 Tool' : (shown + ' Tools');\n                    } else {\n                        countEl.textContent = total + ' Tools';\n                    }\n                }\n                if (emptyEl) { emptyEl.style.display = shown === 0 ? 'block' : 'none'; }\n            }\n\n            if (input) {\n                input.addEventListener('input', apply);\n                input.addEventListener('search', apply);\n            }\n            if (pillsWrap) {\n                pillsWrap.addEventListener('click', function (e) {\n                    var btn = e.target.closest ? e.target.closest('.cad-filter-pill') : null;\n                    if (!btn) { return; }\n                    activeCat = btn.getAttribute('data-cat') || 'all';\n                    Array.prototype.slice.call(pillsWrap.querySelectorAll('.cad-filter-pill')).forEach(function (p) {\n                        if (p === btn) { p.classList.add('cad-active'); } else { p.classList.remove('cad-active'); }\n                    });\n                    apply();\n                });\n            }\n            apply();\n        })();\n\n    })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Tool-Lab &middot; Bordwerkstatt Tool-Lab: Werkzeuge f&uuml;r den CAD-Alltag 22 Tools &middot; offline &amp; lokal &middot; kein Konto N O S [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":6,"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-1682","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":"Tool-Lab &middot; Bordwerkstatt Tool-Lab: Werkzeuge f&uuml;r den CAD-Alltag 22 Tools &middot; offline &amp; lokal &middot; kein Konto N O S [&hellip;]","_links":{"self":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1682","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=1682"}],"version-history":[{"count":22,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1682\/revisions"}],"predecessor-version":[{"id":2789,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1682\/revisions\/2789"}],"wp:attachment":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}