{"id":587,"date":"2025-07-25T18:29:54","date_gmt":"2025-07-25T16:29:54","guid":{"rendered":"https:\/\/cad-kompass.de\/?page_id=587"},"modified":"2026-08-28T17:07:54","modified_gmt":"2026-08-28T15:07:54","slug":"transparenz","status":"publish","type":"page","link":"https:\/\/cad-kompass.de\/?page_id=587","title":{"rendered":"Kapit\u00e4n"},"content":{"rendered":"\n<style>\n    \/* ===== Kapit\u00e4n-Seite (CAD-Kompass), WP-Embed, cad-Prefix ===== *\/\n\n    .cad-page { max-width: 1240px; margin: 0 auto; padding: 8px 0 80px; font-family: inherit; color: #334155; line-height: 1.65; }\n    .cad-page *, .cad-page *::before, .cad-page *::after { box-sizing: border-box; }\n    .cad-page p { margin: 0 0 14px; }\n\n    \/* ===== Hero ===== *\/\n    .cad-hero {\n        --cad-grid-x: 0px;\n        --cad-grid-y: 0px;\n        position: relative;\n        background: #2f485b;\n        color: #fff;\n        border-radius: 2px;\n        padding: 17px 28px;\n        margin-bottom: 38px;\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;\n        text-transform: uppercase;\n        letter-spacing: 0.18em;\n        font-weight: 600;\n        color: rgba(255,255,255,0.72);\n        margin-bottom: 8px;\n    }\n    .cad-hero-title {\n        font-size: 1.34rem;\n        font-weight: 700;\n        line-height: 1.25;\n        margin: 0;\n        color: #fff;\n        letter-spacing: -0.005em;\n    }\n    .cad-hero-coords {\n        margin-top: 8px;\n        font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n        font-size: 0.73rem;\n        color: rgba(255,255,255,0.7);\n        letter-spacing: 0.04em;\n    }\n    .cad-compass {\n        position: absolute;\n        z-index: 1;\n        right: -76px;\n        top: 50%;\n        width: 320px; height: 320px;\n        transform: translateY(-50%);\n        display: flex; align-items: center; justify-content: center;\n        opacity: 0.44;\n        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    \/* ===== Sektions-Titel ===== *\/\n    .cad-section-label {\n        font-size: 0.78rem;\n        font-weight: 600;\n        color: #7f8c8d;\n        text-transform: uppercase;\n        letter-spacing: 0.08em;\n        margin-bottom: 16px;\n        padding-top: 20px;\n        padding-left: 2px;\n        border-top: 1px solid #e8e8e8;\n    }\n    .cad-section-title {\n        font-size: 1.45rem; font-weight: 700; color: #1e293b;\n        margin: 0 0 18px; letter-spacing: -0.005em;\n    }\n    .cad-section { margin-bottom: 56px; }\n\n    \/* ===== Mission-Block ===== *\/\n    .cad-mission { font-size: 1rem; }\n    .cad-mission p { margin-bottom: 16px; }\n    .cad-mission p:last-child { margin-bottom: 0; }\n    .cad-mission strong { color: #1e293b; }\n\n    .cad-pull {\n        border-left: 3px solid #3f5f75;\n        background: #F0F5FA;\n        padding: 16px 22px;\n        margin: 22px 0;\n        font-size: 1.02rem;\n        color: #1e293b;\n        line-height: 1.6;\n    }\n\n    \/* ===== Profilkarte ===== *\/\n    .cad-profile {\n        background: #fff;\n        border: 1px solid #d0d0d0;\n        border-radius: 2px;\n        padding: 28px 32px;\n        display: grid;\n        grid-template-columns: 240px 1fr;\n        gap: 32px;\n    }\n    .cad-profile-left { border-right: 1px solid #e2e8f0; padding-right: 32px; }\n    .cad-profile-name { font-size: 1.1rem; font-weight: 700; color: #1e293b; margin: 0 0 4px; }\n    .cad-profile-role { font-size: 0.85rem; color: #7f8c8d; margin: 0 0 16px; }\n    .cad-profile-meta { font-size: 0.82rem; color: #334155; line-height: 1.7; margin: 0; }\n    .cad-profile-meta div { display: flex; gap: 8px; padding: 5px 0; border-bottom: 1px dashed #e2e8f0; }\n    .cad-profile-meta div:last-child { border-bottom: none; }\n    .cad-profile-meta dt { font-weight: 600; color: #7f8c8d; min-width: 88px; flex-shrink: 0; }\n    .cad-profile-meta dd { margin: 0; }\n\n    .cad-timeline { list-style: none; padding: 0; margin: 0 0 18px; position: relative; }\n    .cad-timeline::before {\n        content: \"\";\n        position: absolute;\n        left: 6px; top: 6px; bottom: 6px;\n        width: 1px; background: #e2e8f0;\n    }\n    .cad-timeline li {\n        position: relative; padding-left: 26px; margin-bottom: 14px;\n        font-size: 0.92rem; color: #334155;\n    }\n    .cad-timeline li:last-child { margin-bottom: 0; }\n    .cad-timeline li::before {\n        content: \"\"; position: absolute; left: 0; top: 6px;\n        width: 13px; height: 13px; border-radius: 50%;\n        background: #fff; border: 2px solid #3f5f75;\n    }\n    .cad-timeline li strong { color: #1e293b; display: block; margin-bottom: 2px; font-size: 0.95rem; }\n    .cad-timeline li span { color: #7f8c8d; font-size: 0.82rem; }\n\n    .cad-profile-text p { font-size: 0.92rem; color: #334155; margin: 0 0 12px; }\n    .cad-profile-text p:last-child { margin-bottom: 0; }\n\n    \/* ===== Infrastruktur \/ Karte ===== *\/\n    .cad-infra-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }\n    .cad-infra-text {\n        background: #fff;\n        border: 1px solid #d0d0d0;\n        border-radius: 2px;\n        padding: 24px 26px;\n    }\n    .cad-infra-text h3 {\n        font-size: 1.05rem; font-weight: 700; color: #1e293b;\n        margin: 0 0 12px;\n    }\n    .cad-infra-text p { font-size: 0.92rem; color: #334155; margin: 0 0 12px; }\n    .cad-infra-text p:last-child { margin-bottom: 0; }\n\n    .cad-stack { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }\n    .cad-stack-badge {\n        position: relative;\n        font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n        font-size: 0.78rem;\n        background: #F0F5FA;\n        color: #3f5f75;\n        border: 1px solid #d8e2ea;\n        padding: 5px 10px;\n        border-radius: 3px;\n        letter-spacing: 0.01em;\n    }\n    .cad-stack-badge.cad-stack-strong {\n        background: #F0F5FA;\n        color: #3f5f75;\n        border-color: #d8e2ea;\n        font-weight: 600;\n    }\n\n    \/* Tooltips auf den Stack-Badges *\/\n    .cad-stack-badge[data-tip] { cursor: help; }\n    .cad-stack-badge[data-tip]::after {\n        content: attr(data-tip);\n        position: absolute;\n        bottom: calc(100% + 10px);\n        left: 50%;\n        transform: translateX(-50%) translateY(4px);\n        background: #1e293b;\n        color: #fff;\n        padding: 9px 13px;\n        border-radius: 3px;\n        font-family: inherit;\n        font-weight: 400;\n        font-size: 0.78rem;\n        line-height: 1.5;\n        width: max-content;\n        max-width: 240px;\n        text-align: left;\n        letter-spacing: 0;\n        opacity: 0;\n        pointer-events: none;\n        transition: opacity 0.2s ease, transform 0.2s ease;\n        z-index: 10;\n        box-shadow: 0 4px 14px rgba(0,0,0,0.18);\n        white-space: normal;\n    }\n    .cad-stack-badge[data-tip]::before {\n        content: \"\";\n        position: absolute;\n        bottom: calc(100% + 4px);\n        left: 50%;\n        transform: translateX(-50%);\n        border: 6px solid transparent;\n        border-top-color: #1e293b;\n        opacity: 0;\n        pointer-events: none;\n        transition: opacity 0.2s ease;\n        z-index: 10;\n    }\n    .cad-stack-badge[data-tip]:hover::after,\n    .cad-stack-badge[data-tip]:focus::after {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n    .cad-stack-badge[data-tip]:hover::before,\n    .cad-stack-badge[data-tip]:focus::before { opacity: 1; }\n\n    \/* Rechte Spalte: Karte + Caption f\u00fcllen die volle H\u00f6he des linken Textblocks *\/\n    .cad-infra-map-col {\n        display: flex;\n        flex-direction: column;\n    }\n\n    \/* Click-to-load Karte *\/\n    .cad-map {\n        position: relative;\n        background: #f8f9fa;\n        border: 1px solid #d0d0d0;\n        border-radius: 2px;\n        flex: 1 1 auto;\n        min-height: 320px;\n        display: flex; flex-direction: column; align-items: center; justify-content: center;\n        overflow: hidden;\n    }\n    .cad-map-load {\n        background: none; border: none; padding: 32px 28px 14px;\n        cursor: pointer; font-family: inherit; font-size: 0.9rem;\n        color: #1e293b; text-align: center;\n        display: flex; flex-direction: column; align-items: center; gap: 14px;\n        max-width: 320px;\n    }\n    .cad-map-load svg { width: 44px; height: 44px; color: #3f5f75; }\n    .cad-map-load strong { display: block; font-size: 1rem; color: #1e293b; margin-bottom: 4px; }\n    .cad-map-load small { font-size: 0.78rem; color: #7f8c8d; line-height: 1.5; }\n    .cad-map-privacy { margin: 0; padding: 0 24px 26px; max-width: 320px; font-size: 0.74rem; color: #94a3b8; line-height: 1.55; text-align: center; }\n    .cad-map-privacy a { color: #3f5f75; text-decoration: none; border-bottom: 1px solid rgba(63,95,117,0.4); }\n    .cad-map-privacy a:hover { color: #2a4a5c; border-color: #2a4a5c; }\n    .cad-map-load:hover { background: #F0F5FA; }\n    .cad-map iframe,\n    .cad-map #cad-leaflet-map {\n        display: block;\n        width: 100%; height: 100%;\n        min-height: 320px;\n        border: 0;\n    }\n    .cad-map #cad-leaflet-map { background: #1b2a36; }\n    \/* Popup-Stil an die Tool-Optik anpassen *\/\n    .cad-map .leaflet-popup-content-wrapper {\n        border-radius: 2px;\n        border: 1px solid #3f5f75;\n        font-family: inherit;\n    }\n    .cad-map .leaflet-popup-content {\n        font-size: 0.82rem;\n        color: #1e293b;\n        line-height: 1.5;\n        margin: 10px 14px;\n    }\n    .cad-map .leaflet-popup-content strong { color: #3f5f75; }\n    .cad-map .leaflet-container { font-family: inherit; }\n    .cad-map-caption {\n        background: #f8f9fa;\n        border-top: 1px solid #e2e8f0;\n        padding: 8px 14px;\n        font-size: 0.75rem;\n        color: #7f8c8d;\n        text-align: center;\n    }\n\n    \/* ===== Privacy-Manifest ===== *\/\n    .cad-manifest {\n        background: #fff;\n        border: 1px solid #d0d0d0;\n        border-left: 3px solid #15803d;\n        border-radius: 2px;\n        padding: 28px 32px;\n    }\n    .cad-manifest-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px 28px; }\n    .cad-manifest-list li {\n        position: relative; padding-left: 30px;\n        font-size: 0.92rem; color: #334155; line-height: 1.55;\n    }\n    .cad-manifest-list li strong { color: #1e293b; display: block; margin-bottom: 2px; font-size: 0.95rem; }\n    .cad-manifest-list li::before {\n        content: \"\";\n        position: absolute; left: 0; top: 2px;\n        width: 20px; height: 20px;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23f0fdf4' stroke='%2315803d' stroke-width='1.5'\/%3E%3Cpath d='M6 10.5l2.6 2.6 5.4-5.4' stroke='%2315803d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n    }\n\n    \/* ===== Leitplanken ===== *\/\n    .cad-boundaries {\n        background: #fff;\n        border: 1px solid #d0d0d0;\n        border-left: 3px solid #94a3b8;\n        border-radius: 2px;\n        padding: 22px 26px;\n    }\n    .cad-boundary-list {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 18px 30px;\n    }\n    .cad-boundary-list li {\n        position: relative; padding-left: 30px;\n        font-size: 0.92rem; color: #334155; line-height: 1.55;\n    }\n    .cad-boundary-list li strong { color: #1e293b; display: block; margin-bottom: 2px; font-size: 0.95rem; }\n    .cad-boundary-list li::before {\n        content: \"\";\n        position: absolute; left: 0; top: 2px;\n        width: 20px; height: 20px;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' fill='%23f1f5f9' stroke='%2394a3b8' stroke-width='1.5'\/%3E%3Cpath d='M6 10h8' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round'\/%3E%3C\/svg%3E\");\n        background-repeat: no-repeat;\n    }\n\n    \/* ===== Kontakt + Signatur ===== *\/\n    .cad-contact { font-size: 0.95rem; color: #334155; }\n    .cad-contact p { margin: 0 0 14px; }\n    .cad-contact p:last-of-type { margin-bottom: 20px; }\n    .cad-mail-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin: 0 0 24px; }\n    .cad-contact-btn {\n        display: flex; align-items: center; justify-content: center; gap: 9px;\n        width: 100%;\n        background: #3f5f75 !important; color: #fff !important;\n        border: 1px solid #3f5f75 !important; border-radius: 3px;\n        padding: 11px 22px;\n        font-size: 0.9rem; font-weight: 600;\n        font-family: inherit;\n        text-decoration: none !important;\n        transition: background 0.2s, border-color 0.2s;\n    }\n    .cad-contact-btn:hover, .cad-contact-btn:focus-visible {\n        background: #2a4a5c !important; border-color: #2a4a5c !important; color: #fff !important;\n        text-decoration: none !important; outline: none;\n    }\n    .cad-contact-btn svg { width: 16px; height: 16px; flex-shrink: 0; }\n    .cad-mail-hint { margin: 8px 2px 0; font-size: 0.81rem; color: #64748b; line-height: 1.5; }\n    .cad-legal-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 0; }\n    .cad-legal-link {\n        display: inline-flex; align-items: center; gap: 8px;\n        background: none;\n        border: 1px solid #d0d0d0; border-radius: 2px;\n        padding: 9px 18px;\n        font-size: 0.82rem; font-weight: 600;\n        color: #3f5f75 !important; font-family: inherit;\n        text-decoration: none !important;\n        transition: background 0.2s, color 0.2s, border-color 0.2s;\n    }\n    .cad-legal-link:hover, .cad-legal-link:focus-visible {\n        background: #3f5f75 !important; color: #fff !important; border-color: #3f5f75 !important;\n        text-decoration: none !important; outline: none;\n    }\n    .cad-legal-link svg { width: 14px; height: 14px; }\n    .cad-sign {\n        margin-top: 26px;\n        font-family: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n        font-size: 0.82rem;\n        color: #7f8c8d;\n        letter-spacing: 0.03em;\n    }\n\n    \/* ===== Responsive ===== *\/\n    @media (max-width: 900px) {\n        .cad-hero { padding: 17px 24px; min-height: 92px; }\n        .cad-compass { width: 270px; height: 270px; right: -82px; opacity: 0.34; }\n        .cad-hero-title { font-size: 1.26rem; }\n        .cad-profile { grid-template-columns: 1fr; gap: 24px; padding: 24px; }\n        .cad-profile-left { border-right: none; border-bottom: 1px solid #e2e8f0; padding-right: 0; padding-bottom: 24px; }\n        .cad-infra-grid { grid-template-columns: 1fr; }\n        .cad-manifest-list { grid-template-columns: 1fr; }\n        .cad-boundary-list { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 520px) {\n        .cad-hero { padding: 17px 20px; min-height: 106px; }\n        .cad-compass { width: 230px; height: 230px; right: -92px; top: 52%; opacity: 0.30; }\n        .cad-hero-title { font-size: 1.2rem; }\n        .cad-manifest, .cad-infra-text, .cad-boundaries { padding: 22px; }\n    }\n<\/style>\n\n<div class=\"cad-page\">\n\n    <!-- ===== Hero ===== -->\n    <section class=\"cad-hero\">\n        <div class=\"cad-hero-text\">\n            <div class=\"cad-hero-eyebrow\">Hinter CAD-Kompass<\/div>\n            <div class=\"cad-hero-title\">Eigene Server. Klare Regeln. Ein Mensch dahinter.<\/div>\n            <div class=\"cad-hero-coords\">49.4499&deg; N, 11.0145&deg; E &middot; gehostet in N\u00fcrnberg<\/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=\"cadKapNeedleGlow\" 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(#cadKapNeedleGlow)\">\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    <!-- ===== Mission ===== -->\n    <section class=\"cad-section\">\n        <div class=\"cad-section-label\">Der Gedanke<\/div>\n        <h2 class=\"cad-section-title\">Warum es CAD-Kompass gibt<\/h2>\n\n        <div class=\"cad-mission\">\n            <p>Wer mit AutoCAD oder Civil 3D anf\u00e4ngt, kennt das Spiel: Du suchst \u201ewie installiere ich Civil 3D&#8220; und landest zwischen einem Forenpost von 2014, einem englischsprachigen YouTube-Video mit synthetischer Stimme und einer Help-Seite, die dir das Programm erkl\u00e4rt, aber nicht den Weg dort durch. Welche Lizenz brauchst du? Welche Hardware? Wie sieht ein realistischer Workflow aus, wenn du morgens den Rechner aufklappst?<\/p>\n\n            <p>Auf den gro\u00dfen Plattformen ist die Antwort meistens dieselbe: ein paar S\u00e4tze Praxis, eingebettet in viel Werbung, dazu ein Cookie-Banner, ein Newsletter-Pop-up und ein Tracker, der mitschreibt, wie lange du verharrst. Genau das wollte ich nicht bauen.<\/p>\n\n            <div class=\"cad-pull\">\n                CAD-Kompass ist <strong>auf Deutsch<\/strong>, aus der <strong>t\u00e4glichen Tiefbau-Praxis<\/strong>, mit <strong>einem klaren roten Faden<\/strong>, ganz ohne dass jemand zwischen Erkl\u00e4rung und L\u00f6sung seine Anzeige schaltet.\n            <\/div>\n\n            <p>Jedes Tutorial ist so geschrieben, wie ich es einer Kollegin oder einem Azubi beim Kaffee erkl\u00e4ren w\u00fcrde. Jedes Tool l\u00e4uft direkt im Browser, ohne Login und ohne Umweg. Nichts versteckt sich hinter einer Anmeldung. Nichts wartet darauf, dass du eine Drittanbieter-Cookie-Wahl triffst, bevor du Inhalte siehst.<\/p>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Wer steckt dahinter ===== -->\n    <section class=\"cad-section\">\n        <div class=\"cad-section-label\">Wer steckt dahinter<\/div>\n        <h2 class=\"cad-section-title\">Ein Oberfranke mit Vorliebe f\u00fcr Tiefbau, Konstruktion und Technik<\/h2>\n\n        <div class=\"cad-profile\">\n            <div class=\"cad-profile-left\">\n                <div class=\"cad-profile-name\">Der Kapit\u00e4n<\/div>\n                <div class=\"cad-profile-role\">Bauingenieur &middot; BIM Civil Master<\/div>\n                <dl class=\"cad-profile-meta\">\n                    <div><dt>Jahrgang<\/dt><dd>1993<\/dd><\/div>\n                    <div><dt>Heimat<\/dt><dd>Oberfranken<\/dd><\/div>\n                    <div><dt>Beruf<\/dt><dd>Bauingenieur<\/dd><\/div>\n                    <div><dt>Programme<\/dt><dd>Civil 3D, AutoCAD<\/dd><\/div>\n                    <div><dt>Hobby<\/dt><dd>Sport, Programmierung, schlechter Humor, Server-Updates um 2 Uhr morgens<\/dd><\/div>\n                <\/dl>\n            <\/div>\n            <div class=\"cad-profile-text\">\n                <ul class=\"cad-timeline\">\n                    <li>\n                        <strong>Bauzeichner<\/strong>\n                        <span>Ausbildung mit Fachrichtung Tiefbau.<\/span>\n                    <\/li>\n                    <li>\n                        <strong>Bauingenieur<\/strong>\n                        <span>Studium mit Vertiefung Infrastruktur<\/span>\n                    <\/li>\n                    <li>\n                        <strong>BIM &bdquo;Civil Master&rdquo;<\/strong>\n                        <span>Zertifikat f\u00fcr BIM-Methodik in Infrastrukturprojekten.<\/span>\n                    <\/li>\n                    <li>\n                        <strong>Heute<\/strong>\n                        <span>Tiefbau-Projekte mit Civil 3D im Tagesgesch\u00e4ft, und nebenbei CAD-Kompass.<\/span>\n                    <\/li>\n                <\/ul>\n                <p>Ordentlich gebaute Modelle mag ich genauso gern wie ordentlich konfigurierte Server. Die Tutorials hier kommen nicht aus dem Schreibtisch-Vakuum, sie fallen aus echten Projekten heraus. Aus genau den Stellen, an denen ich selbst geflucht, gegoogelt und mir am Ende eine eigene L\u00f6sung gebaut habe. Die kennst du wahrscheinlich genauso gut wie ich.<\/p>\n                <p>Und weil Arbeit auch Spa\u00df machen darf, liegen auf der Seite ein paar Minispiele herum. Die haben mit CAD nichts zu tun und m\u00fcssen das auch nicht.<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Leitplanken ===== -->\n    <section class=\"cad-section\">\n        <div class=\"cad-section-label\">Leitplanken<\/div>\n        <h2 class=\"cad-section-title\">Was CAD-Kompass bewusst nicht ist<\/h2>\n\n        <div class=\"cad-boundaries\">\n            <ul class=\"cad-boundary-list\">\n                <li>\n                    <strong>Keine Schulungsfirma, kein Consulting-B\u00fcro<\/strong>\n                    CAD-Kompass entsteht neben dem Hauptjob in der Tiefbau-Planung. Eine Frage per Mail beantworte ich gern, aber die Seite ist kein Dienstleistungsmodell mit Ticketsystem und Vertrieb.\n                <\/li>\n                <li>\n                    <strong>Kein vollst\u00e4ndiges Handbuch um jeden Preis<\/strong>\n                    Ich erkl\u00e4re nicht jedes Men\u00fc und jeden Dialog. Der Fokus liegt auf den Stellen, die im echten Tiefbau-Alltag helfen, Zeit sparen oder endlich Ordnung in ein Thema bringen.\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Infrastruktur ===== -->\n    <section class=\"cad-section\">\n        <div class=\"cad-section-label\">Infrastruktur<\/div>\n        <h2 class=\"cad-section-title\">Hosted in N\u00fcrnberg: die Technik dahinter<\/h2>\n\n        <div class=\"cad-infra-grid\">\n            <div class=\"cad-infra-text\">\n                <h3>Server &amp; Speicher<\/h3>\n                <p>Die Webseite l\u00e4uft auf eigenen Servern bei <strong>Hetzner Online<\/strong> im Rechenzentrum N\u00fcrnberg. Tutorials, Shorts und Videos liegen ebenfalls bei Hetzner, auf einem <strong>S3-kompatiblen Object Storage<\/strong>, den ich selbst pflege.<\/p>\n                <p>Bewusst <strong>nicht bei YouTube<\/strong>: keine Drittanbieter-Cookies, keine Vorab-Werbung, keine algorithmischen Empfehlungen, die dich nach 30 Sekunden in irgendeinen Schwurbel-Kanal ziehen. Du klickst auf ein Video und siehst genau das Video.<\/p>\n                <p>Der kleine Haken: Ohne gro\u00dfes CDN starten Videos manchmal nicht ganz so schnell wie bei den \u00fcblichen Plattformen. Das nehme ich bewusst in Kauf, damit die Dateien nicht \u00fcber ein fremdes Werbe- und Trackingnetz laufen.<\/p>\n                <p><strong>Werkzeuge laufen bei dir, nicht bei mir.<\/strong> Ma\u00dfstabsrechner, Neigungsrechner, DWG-Detektor und Co. rechnen direkt in deinem Browser. Keine Datei wird hochgeladen, keine Berechnung wandert \u00fcber meine Leitung. Bonus f\u00fcr deine Privatsph\u00e4re und meinen Geldbeutel: deine Daten bleiben bei dir, und ich brauche keinen gr\u00f6\u00dferen Server. Ausnahme sind die Werkzeuge mit echter Landkarte, EPSG-Finder und Koordinaten-Umrechner: Die laden Kartendaten erst, wenn du dort ausdr\u00fccklich zustimmst, und geben dabei deine Anfrage an OpenStreetMap weiter.<\/p>\n                <div class=\"cad-stack\">\n                    <span class=\"cad-stack-badge cad-stack-strong\" tabindex=\"0\" data-tip=\"Deutscher Cloud-Anbieter mit Rechenzentren in N\u00fcrnberg, Falkenstein und Helsinki. Daten bleiben in der EU.\">Hetzner Cloud<\/span>\n                    <span class=\"cad-stack-badge\" tabindex=\"0\" data-tip=\"S3-kompatibler Object Storage, hier liegen alle Videos und Shorts, statt bei YouTube.\">Hetzner S3 Object Storage<\/span>\n                    <span class=\"cad-stack-badge\" tabindex=\"0\" data-tip=\"Inhalte verwalten, ohne dass eine fremde Plattform mitschreibt. Updates spiele ich selbst ein.\">WordPress (selbst gehostet)<\/span>\n                    <span class=\"cad-stack-badge\" tabindex=\"0\" data-tip=\"Keine Marketing-Cookies, WP Statistics mit anonymisierten und gehashten IPs, keine externen Analyse-Dienste.\">DSGVO-konform<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"cad-infra-map-col\">\n                <div class=\"cad-map\" id=\"cad-map\">\n                    <button class=\"cad-map-load\" type=\"button\" onclick=\"cadLoadMap()\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                            <path d=\"M12 22s7-7.5 7-13a7 7 0 1 0-14 0c0 5.5 7 13 7 13z\"\/>\n                            <circle cx=\"12\" cy=\"9\" r=\"2.5\"\/>\n                        <\/svg>\n                        <span>\n                            <strong>Satellitenkarte laden<\/strong>\n                            <small>L\u00e4dt Kartenkacheln von Esri (ArcGIS) und die Kartenbibliothek Leaflet von unpkg.com. Vorher schickt diese Seite keine Daten an Dritte.<\/small>\n                        <\/span>\n                    <\/button>\n                    <p class=\"cad-map-privacy\">Dabei gehen Kartenausschnitt und deine IP-Adresse an Esri (Sitz USA), eine Verarbeitung dort ist m\u00f6glich. Mehr dazu in der <a href=\"https:\/\/cad-kompass.de\/?page_id=2319#dse-karten\">Datenschutzerkl\u00e4rung<\/a>.<\/p>\n                <\/div>\n                <div class=\"cad-map-caption\">Hetzner Rechenzentrum &middot; Sigmundstra\u00dfe 135, 90431 N\u00fcrnberg<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Privacy-Manifest ===== -->\n    <section class=\"cad-section\">\n        <div class=\"cad-section-label\">Deine Daten<\/div>\n        <h2 class=\"cad-section-title\">Was diese Seite nicht macht<\/h2>\n\n        <div class=\"cad-manifest\">\n            <ul class=\"cad-manifest-list\">\n                <li>\n                    <strong>Keine Marketing-Cookies, kein Drittanbieter-Tracking<\/strong>\n                    Kein Google Analytics, kein Facebook Pixel, kein Hotjar. Die Reichweitenmessung l\u00e4uft \u00fcber WP Statistics ohne eigene Cookies und ohne externe Analyse-Dienste. LocalStorage nutze ich nur f\u00fcr Funktionen, die du selbst ausl\u00f6st, etwa den Lesefortschritt auf den \u00dcbersichtsseiten, nicht f\u00fcr Statistik oder Tracking. Deshalb braucht es hier keinen Cookie-Banner zum Wegklicken, solange keine zus\u00e4tzlichen einwilligungspflichtigen Dienste dazukommen.\n                <\/li>\n                <li>\n                    <strong>Server in Deutschland, IPs anonymisiert und gehasht<\/strong>\n                    Alles l\u00e4uft bei Hetzner in N\u00fcrnberg. WP Statistics k\u00fcrzt IP-Adressen vor dem Speichern und bildet daraus mit t\u00e4glichem Salt einen nicht r\u00fcckrechenbaren Tages-Hash.\n                <\/li>\n                <li>\n                    <strong>Eigene Videos, keine nachgeladenen Block-Schriften<\/strong>\n                    Videos liegen auf meinem S3-Speicher in N\u00fcrnberg, kein YouTube-Iframe, kein Tracking-Pixel. Dieser HTML-Block l\u00e4dt keine eigenen Google Fonts oder externen Webfonts nach, sondern \u00fcbernimmt die Schrift aus WordPress.\n                <\/li>\n                <li>\n                    <strong>Kein Login, kein Newsletter, alle Tools offen<\/strong>\n                    Keine Mail-Sammlung, kein \u201emelde dich an&#8220;. Jedes Tool l\u00e4uft direkt im Browser und ist ohne Konto zug\u00e4nglich.\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/section>\n\n    <!-- ===== Schreib mir ===== -->\n    <section class=\"cad-section\">\n        <div class=\"cad-section-label\">Die Crew<\/div>\n        <h2 class=\"cad-section-title\">Zusammen wird der Kompass besser<\/h2>\n\n        <div class=\"cad-infra-text\">\n            <div class=\"cad-contact\">\n                <p>Eine Lernseite von einem einzelnen Praktiker ist ganz okay. Eine, bei der die Leute mitreden, die selber jeden Tag im Civil 3D sitzen, ist deutlich besser. Du geh\u00f6rst also dazu, ob du willst oder nicht.<\/p>\n                <p>Stolperst du \u00fcber einen Fehler, ist dir eine Erkl\u00e4rung zu schwammig, oder fehlt ein ganzes Thema? Dann sag mir Bescheid. Ich lese und beantworte jede Mail selber. Kein Ticketsystem, keine Marketing-Liste, niemand sonst liest mit. Manchmal dauert die Antwort ein paar Tage, weil der Hauptjob vorgeht, aber sie kommt.<\/p>\n                <p>Wir sehen uns nie und sind trotzdem eine kleine Crew. Je mehr von uns den Kurs mitkorrigieren, desto besser wird er f\u00fcr alle, die nach uns an Bord kommen. Teil der Crew, Teil des Schiffs.<\/p>\n                <div class=\"cad-mail-grid\">\n                    <div>\n                        <a class=\"cad-contact-btn\" href=\"mailto:kontakt@cad-kompass.de\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                                <path d=\"M3.5 6.5 L12 13 L20.5 6.5\"\/>\n                            <\/svg>\n                            kontakt@cad-kompass.de\n                        <\/a>\n                        <p class=\"cad-mail-hint\">F\u00fcr alles Allgemeine: Feedback, Ideen, auch mal Lob oder Kritik.<\/p>\n                    <\/div>\n                    <div>\n                        <a class=\"cad-contact-btn\" href=\"mailto:fragen@cad-kompass.de\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\n                                <path d=\"M3.5 6.5 L12 13 L20.5 6.5\"\/>\n                            <\/svg>\n                            fragen@cad-kompass.de\n                        <\/a>\n                        <p class=\"cad-mail-hint\">F\u00fcr konkrete Fragen zu einem Tutorial oder Werkzeug: so landet deine Mail gleich beim passenden Thema.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cad-legal-links\">\n                    <a class=\"cad-legal-link\" href=\"https:\/\/cad-kompass.de\/?page_id=2317\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n                            <path d=\"M12 11v5\"\/>\n                            <path d=\"M12 8h.01\"\/>\n                        <\/svg>\n                        Impressum\n                    <\/a>\n                    <a class=\"cad-legal-link\" href=\"https:\/\/cad-kompass.de\/?page_id=2319\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n                            <path d=\"M12 3l7 3v6c0 4.4-3 7.6-7 9-4-1.4-7-4.6-7-9V6z\"\/>\n                        <\/svg>\n                        Datenschutzerkl\u00e4rung\n                    <\/a>\n                <\/div>\n                <div class=\"cad-sign\">Simon &middot; CAD-Kompass<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n(function() {\n    'use strict';\n\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    \/* ===== A \u00b7 Cursor-folgende Kompassnadel ===== *\/\n    (function compassCursor() {\n        if (prefersReducedMotion) { return; }\n        if (!hasFinePointer) { return; }\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 latestX = 0, latestY = 0, ticking = false;\n        function apply() {\n            var rect = compass.getBoundingClientRect();\n            if (rect.width === 0) { ticking = false; return; }\n            var angle = Math.atan2(latestY - (rect.top + rect.height \/ 2), latestX - (rect.left + rect.width \/ 2)) * 180 \/ Math.PI + 90;\n            rose.style.transform = 'rotate(' + angle.toFixed(2) + 'deg)';\n            ticking = false;\n        }\n        document.addEventListener('mousemove', function(e) {\n            latestX = e.clientX; latestY = e.clientY;\n            if (!ticking) { requestAnimationFrame(apply); ticking = true; }\n        }, { passive: true });\n    })();\n\n    \/* ===== H \u00b7 Hero-Gitter Parallax ===== *\/\n    (function heroParallax() {\n        if (prefersReducedMotion || !hasFinePointer) return;\n        var hero = document.querySelector('.cad-hero');\n        if (!hero) return;\n\n        var lastX = 0, lastY = 0, ticking = false;\n\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\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\n        hero.addEventListener('mouseleave', function() {\n            lastX = 0; lastY = 0;\n            if (!ticking) { requestAnimationFrame(apply); ticking = true; }\n        });\n    })();\n\n    \/* ===== D \u00b7 Console-Easteregg ===== *\/\n    (function consoleGreeting() {\n        if (!window.console || !console.log) return;\n        var ascii = [\n            '          N         ',\n            '          *         ',\n            '         \/|\\\\        ',\n            '        \/ | \\\\       ',\n            '   W <--+-+-+--> O  ',\n            '        \\\\ | \/       ',\n            '         \\\\|\/        ',\n            '          v         ',\n            '          S         '\n        ].join('\\n');\n\n        try {\n            console.log(\n                '%c\\n' + ascii + '\\n\\n%cCAD-Kompass\\n%cDie Konsole ist offen, der Quelltext auch.\\nKeine Magie, keine Tracker, keine versteckten Skripte.\\n\\n%cBugs oder Verbesserungen? Schreib mir.',\n                'color:#3f5f75;font-family:monospace;font-size:11px;line-height:1.2',\n                'color:#3f5f75;font-weight:bold;font-size:14px;font-family:sans-serif',\n                'color:#334155;font-size:12px;font-family:sans-serif;line-height:1.6',\n                'color:#7f8c8d;font-size:11px;font-style:italic;font-family:sans-serif'\n            );\n        } catch (e) {}\n    })();\n})();\n\n\/* ===== Click-to-load Satellitenkarte (Leaflet + Esri World Imagery) ===== *\/\nfunction cadLoadMap() {\n    var box = document.getElementById('cad-map');\n    if (!box || box.dataset.loaded === '1') return;\n    box.dataset.loaded = '1';\n\n    var LAT = 49.4499, LON = 11.0145; \/\/ Sigmundstra\u00dfe 135, 90431 N\u00fcrnberg\n\n    var css = document.createElement('link');\n    css.rel = 'stylesheet';\n    css.href = 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.css';\n    css.integrity = 'sha256-p4NxAoJBhIIN+hmNHrzRCf9tD\/miZyoHS5obTRR9BMY=';\n    css.crossOrigin = '';\n    document.head.appendChild(css);\n\n    var script = document.createElement('script');\n    script.src = 'https:\/\/unpkg.com\/leaflet@1.9.4\/dist\/leaflet.js';\n    script.integrity = 'sha256-20nQCchB9co0qIjJZRGuk2\/Z9VM+kNiyxNV1lvTlZBo=';\n    script.crossOrigin = '';\n    script.referrerPolicy = 'no-referrer';\n    script.onload = function() {\n        box.innerHTML = '<div id=\"cad-leaflet-map\" role=\"application\" aria-label=\"Hetzner N\u00fcrnberg auf Satellitenkarte\"><\/div>';\n        var map = L.map('cad-leaflet-map', {\n            center: [LAT, LON],\n            zoom: 17,\n            scrollWheelZoom: false\n        });\n        L.tileLayer(\n            'https:\/\/server.arcgisonline.com\/ArcGIS\/rest\/services\/World_Imagery\/MapServer\/tile\/{z}\/{y}\/{x}',\n            {\n                maxZoom: 19,\n                attribution: 'Tiles \u00a9 Esri, Quellen: Esri, Maxar, Earthstar Geographics'\n            }\n        ).addTo(map);\n\n        var dcIcon = L.divIcon({\n            className: 'cad-dc-marker',\n            html: '<svg width=\"34\" height=\"44\" viewBox=\"0 0 34 44\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">'\n                + '<path d=\"M17 2c7.7 0 14 6.3 14 14 0 10-14 26-14 26S3 26 3 16C3 8.3 9.3 2 17 2z\" fill=\"#e53935\" stroke=\"#fff\" stroke-width=\"2\"\/>'\n                + '<circle cx=\"17\" cy=\"16\" r=\"5.5\" fill=\"#fff\"\/>'\n                + '<\/svg>',\n            iconSize: [34, 44],\n            iconAnchor: [17, 42],\n            popupAnchor: [0, -38]\n        });\n        L.marker([LAT, LON], { icon: dcIcon, title: 'Hetzner Rechenzentrum N\u00fcrnberg' })\n            .addTo(map)\n            .bindPopup('<strong>Hetzner Rechenzentrum<\/strong><br>Sigmundstra\u00dfe 135<br>90431 N\u00fcrnberg')\n            .openPopup();\n    };\n    script.onerror = function() {\n        box.innerHTML = '<div style=\"padding:24px 28px; font-size:0.85rem; color:#7f8c8d; text-align:center;\">Karte konnte nicht geladen werden.<br>Adresse: Sigmundstra\u00dfe 135, 90431 N\u00fcrnberg<\/div>';\n    };\n    document.body.appendChild(script);\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Hinter CAD-Kompass Eigene Server. Klare Regeln. Ein Mensch dahinter. 49.4499&deg; N, 11.0145&deg; E &middot; gehostet in N\u00fcrnberg 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-587","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":"Hinter CAD-Kompass Eigene Server. Klare Regeln. Ein Mensch dahinter. 49.4499&deg; N, 11.0145&deg; E &middot; gehostet in N\u00fcrnberg N O S [&hellip;]","_links":{"self":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/587","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=587"}],"version-history":[{"count":17,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/587\/revisions"}],"predecessor-version":[{"id":2434,"href":"https:\/\/cad-kompass.de\/index.php?rest_route=\/wp\/v2\/pages\/587\/revisions\/2434"}],"wp:attachment":[{"href":"https:\/\/cad-kompass.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}