{"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-06-27T12:12:39","modified_gmt":"2026-06-27T10:12:39","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: grid; grid-template-columns: 1fr; gap: 20px; margin-bottom: 40px; }\n    .cad-card { position: relative; max-width: 100%; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,0.03); transition: transform 0.22s ease, box-shadow 0.22s ease; }\n    .cad-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(63,95,117,0.10), 0 2px 6px rgba(0,0,0,0.04); }\n    .cad-card-header { padding: 22px 20px 0; text-align: center; }\n    .cad-card-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:hover { background: #2a4a5c; color: #fff; text-decoration: none; }\n    .cad-card-btn:focus-visible { outline: 2px solid #3f5f75; outline-offset: 2px; }\n\n    \/* Desktop-Grid: 6 x 185px, je Karte 2 Spalten = 390px (mit gap: 20px) *\/\n    @media (min-width: 901px) {\n        .cad-cards { grid-template-columns: repeat(6, 185px); justify-content: center; }\n        .cad-card { grid-column: span 2; }\n        \/* Rechner 5 Karten: 3 + 2 zentriert *\/\n        .cad-cards--rechner .cad-card:nth-child(4) { grid-column: 2 \/ span 2; }\n        .cad-cards--rechner .cad-card:nth-child(5) { grid-column: 4 \/ span 2; }\n        \/* Geodaten 2 Karten: zentriertes Paar *\/\n        .cad-cards--geodaten .cad-card:nth-child(1) { grid-column: 2 \/ span 2; }\n        .cad-cards--geodaten .cad-card:nth-child(2) { grid-column: 4 \/ span 2; }\n        \/* AutoCAD 4 Karten: 3 + 1 zentriert *\/\n        .cad-cards--acad .cad-card:nth-child(4) { grid-column: 3 \/ span 2; }\n    }\n\n    @media (max-width: 900px) {\n        .cad-hero { padding: 16px 18px; }\n        .cad-compass { width: 220px; height: 220px; right: -64px; opacity: 0.34; }\n        .cad-cards { gap: 16px; }\n    }\n<\/style>\n\n<div class=\"cad-page\">\n\n    <section class=\"cad-hero\" aria-labelledby=\"cad-hub-title\">\n        <div class=\"cad-hero-text\">\n            <div class=\"cad-hero-eyebrow\">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\">20 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. Einzige Ausnahme ist der EPSG-Finder, der einen externen Geodienst nutzt und vorher fragt.<\/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            <!-- TODO: WP-URL eintragen -->\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            <!-- TODO: WP-URL eintragen (Tool noch nicht ver&ouml;ffentlicht) -->\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            <!-- TODO: WP-URL eintragen -->\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            <!-- TODO: WP-URL eintragen -->\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            <!-- TODO: WP-URL eintragen -->\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            <!-- TODO: WP-URL eintragen -->\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\">Hydraulische Kapazit&auml;t f&uuml;r Freispiegelabfluss nach Strickler berechnen: Flie&szlig;geschwindigkeit, Flie&szlig;tiefe und Auslastungsgrad f&uuml;r Rohre und offene Profile.<\/p><\/div>\n            <!-- TODO: WP-URL eintragen -->\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            <!-- TODO: WP-URL eintragen -->\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\">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            <!-- TODO: WP-URL eintragen (Tool noch nicht ver&ouml;ffentlicht) -->\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--offline\">Ohne Drittanbieter<\/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. Reine Mathematik, keine externen Dienste, keine Karte.<\/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    <\/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\n","protected":false},"excerpt":{"rendered":"<p>Tool-Lab &middot; Bordwerkstatt Tool-Lab: Werkzeuge f&uuml;r den CAD-Alltag 20 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":5,"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 20 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":19,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1682\/revisions"}],"predecessor-version":[{"id":2236,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/1682\/revisions\/2236"}],"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}]}}