{"id":559,"date":"2020-10-05T21:25:19","date_gmt":"2020-10-05T19:25:19","guid":{"rendered":"https:\/\/hicad-help.com\/?page_id=559"},"modified":"2025-10-19T12:58:54","modified_gmt":"2025-10-19T10:58:54","slug":"startseite","status":"publish","type":"page","link":"https:\/\/hicad-help.com\/en\/","title":{"rendered":"Homepage"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            What is HiCAD?\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Constructing without limits\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><p><a href=\"https:\/\/www.isdgroup.com\/en\/products\/cad-software-for-2d-3d-design\/\">HiCAD<\/a>&nbsp;- the only CAD system with a&nbsp;<a href=\"https:\/\/www.isdgroup.com\/en\/products\/cad-software-for-2d-3d-design\/\">2D\/3D-Core<\/a>&nbsp;and therefore genuine consistency - has been setting new standards in design and development for years.<\/p><p>Thanks to its modular structure, it is suitable for both entry-level and highly automated construction processes.<\/p><p>HiCAD combines a wide range of industries in one CAD system.<\/p><p>Whether 2D or 3D construction or complex&nbsp;<a href=\"https:\/\/www.isdgroup.com\/en\/industries\/all-industries-at-a-glance\/\">Industry solution<\/a>&nbsp;, all options are available - depending on the expansion stage: in a system, in a file, integrated into a uniform user interface and with&nbsp;<a href=\"https:\/\/www.isdgroup.com\/en\/products\/pdm-product-data-management\/\">PDM functionality<\/a>.<\/p><p>This consistency and the versatility of HiCAD ensure that you reach your goal faster, better and more productively, even with demanding designs.<\/p><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD folded sheet\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Precision in perfection\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"72\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5-1024x102.png?resize=720%2C72&#038;ssl=1\" alt=\"Ribbon f\u00fcr die Kantblech Befehle\" class=\"wp-image-3913\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?resize=1024%2C102&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?resize=300%2C30&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?resize=768%2C76&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?resize=200%2C20&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?resize=400%2C40&amp;ssl=1 400w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5.png?w=1138&amp;ssl=1 1138w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"has-text-align-left\">The module enables you to model quickly and easily&nbsp;<a href=\"https:\/\/www.isdgroup.com\/de\/branchen\/blechfertigung\/\">Edge plates<\/a>.<\/p><p class=\"has-text-align-left\">Dies geht vom erzeugen bis hin zur Ausgabe der Automatischen Zeichnung, sowie weiter zur Automatischen Ausgabe der DXF.<\/p><p class=\"has-text-align-left\">This enables you to achieve a very fast and consistent workflow.<\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD Panel Slider<\/title>\n    <!-- Hinweis: Dieser Code ist 100% autark, verwendet System Fonts und ben\u00f6tigt keine externen CSS- oder JS-Dateien (datenschutzkonform) -->\n    <style>\n        \/* BASE STYLES *\/\n        body {\n            \/* Nutzung des System Font Stacks f\u00fcr beste Performance und Datenschutz *\/\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f8f8f8;\n        }\n\n        \/* FLEX CONTAINER (Panel-Gruppe) *\/\n        .flex-container {\n            display: flex;\n            flex-direction: row;\n            width: 100%;\n            height: 400px; \n            gap: 10px; \n        }\n\n        \/* FLEX ITEM (Einzelne Box\/Panel) *\/\n        .flex-item {\n            flex: 1; \n            overflow: hidden;\n            \/* Rahmen und abgerundete Ecken *\/\n            border: 2px solid #003f7a; \/* HiCAD-Farbe *\/\n            border-radius: 12px;\n            background-color: #ffffff; \n            \/* Moderner, weicher Schatten *\/\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); \n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            transition: \n                flex 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), \n                box-shadow 0.3s ease-in-out;\n        }\n\n        \/* Hover-Effekt (Maus dar\u00fcber) - Box hebt sich leicht ab *\/\n        .flex-item:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); \/* Tieferer Schatten *\/\n            transform: translateY(-2px); \/* Leichter Lift-Effekt *\/\n        }\n        \n        \/* Zustand: GESCHLOSSENE BOX *\/\n        .flex-item.closed {\n            flex: 0 0 55px; \/* Feste, schmale Gr\u00f6\u00dfe *\/\n        }\n\n        \/* GESCHLOSSENE BOX - Bild ausblenden *\/\n        .flex-item.closed img {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s;\n        }\n\n        \/* BILD-STYLING *\/\n        .flex-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \n            transition: opacity 0.6s;\n        }\n\n        \/* LABEL-STYLING (Text in der geschlossenen Box) *\/\n        .label {\n            position: absolute;\n            color: #003f7a;\n            font-size: 16px;\n            font-weight: 600;\n            text-align: center;\n            \n            \/* Vertikales Schreiben f\u00fcr geschlossenen Zustand *\/\n            writing-mode: vertical-rl; \n            white-space: nowrap;\n            opacity: 0;\n            transition: opacity 0.3s, transform 0.6s;\n            pointer-events: none;\n        }\n\n        \/* LABEL-Zustand: GESCHLOSSEN *\/\n        .flex-item.closed .label {\n            opacity: 1;\n            display: block; \n            transform: rotate(180deg) translateX(0); \/* Dreht Text im geschlossenen Zustand *\/\n            pointer-events: auto;\n        }\n        \n        \/* RESPONSIVIT\u00c4T: Mobile Ansicht (unter 600px) *\/\n        @media (max-width: 600px) {\n            .flex-container {\n                flex-direction: column; \n                height: auto; \n                gap: 5px;\n            }\n            .flex-item {\n                height: 150px; \n                flex: 0 0 auto !important; \n                width: 100%;\n            }\n            .flex-item.closed {\n                flex: 0 0 50px !important; \/* Kleine H\u00f6he, wenn geschlossen *\/\n            }\n\n            \/* Labels sollen auf Mobilger\u00e4ten horizontal bleiben *\/\n            .label {\n                writing-mode: horizontal-tb;\n                transform: none;\n                font-size: 14px;\n                padding: 10px;\n            }\n            .flex-item.closed .label {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                width: 100%;\n                background-color: #f0f0f0;\n                color: #003f7a;\n            }\n            .flex-item.closed img {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"flex-container\">\n    <!-- HINWEIS: Bei der ersten Box die Klasse 'closed' entfernen, damit sie standardm\u00e4\u00dfig offen ist -->\n    <div class=\"flex-item\" onclick=\"toggleActive(this)\"> \n        <div class=\"label\">KH St. Veit\/Glan<\/div>\n        <!-- Fallback-Placeholder f\u00fcr Bilder hinzugef\u00fcgt -->\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_220925-edited-1.png?w=720\" alt=\"Blechfassade des Krankenhauses Sankt Veit an der Glan, erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Krankenhaus';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Brandcontainer<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-23_155117252.png?w=720\" alt=\"Brandcontainer der Firma Asen mit Echtbefeuerung, erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Brandcontainer';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Pool<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-23_155159831.png?w=720\" alt=\"Pool von der Firma M\u00fchlfeldner, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Pool';\">\n    <\/div>\n<\/div>\n\n<script>\n    \/**\n     * Schlie\u00dft alle Panels im Container und \u00f6ffnet das angeklickte Panel.\n     * @param {HTMLElement} element - Das angeklickte Flex-Item.\n     *\/\n    function toggleActive(element) {\n        \/\/ Finde den \u00fcbergeordneten flex-container des angeklickten Elements\n        const container = element.closest('.flex-container');\n\n        \/\/ Schlie\u00dfe alle Panels im selben Container\n        container.querySelectorAll('.flex-item').forEach(function(item) {\n            if (item !== element) {\n                item.classList.add('closed');\n            }\n        });\n\n        \/\/ Toggle den Zustand des angeklickten Panels\n        element.classList.toggle('closed');\n    }\n\n    \/**\n     * Stellt sicher, dass beim Laden der Seite das erste Panel standardm\u00e4\u00dfig offen ist.\n     *\/\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.flex-container').forEach(function(container) {\n            const firstElement = container.querySelector('.flex-item');\n            if (firstElement) {\n                \/\/ Stellt sicher, dass das erste Element die Klasse 'closed' entfernt hat\n                firstElement.classList.remove('closed');\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD steel construction\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Steel construction precision\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"82\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?resize=720%2C82&#038;ssl=1\" alt=\"Ribbon mit den Stahlbau Befehlen\" class=\"wp-image-3912\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?w=1009&amp;ssl=1 1009w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?resize=300%2C34&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?resize=768%2C88&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?resize=200%2C23&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-4.png?resize=400%2C46&amp;ssl=1 400w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p>The module helps them from the simple installation of a profile, to the highly complex\u00a0<a href=\"https:\/\/hicad-help.com\/de_de\/basics-stahlbau\/\">Steel construction<\/a><\/p><p>Dies geht vom erzeugen bis hin zur Ausgabe der Automatischen Zeichnung, sowie weiter zur Automatischen Ausgabe der DXF.<\/p><p>You receive automated parts lists and drawings at the touch of a button. There are also many ways to automate your working methods.<\/p><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD Panel Slider<\/title>\n    <!-- Hinweis: Dieser Code ist 100% autark und ben\u00f6tigt keine externen CSS- oder JS-Dateien (datenschutzkonform) -->\n    <style>\n        \/* BASE STYLES *\/\n        body {\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f8f8f8;\n        }\n\n        \/* FLEX CONTAINER (Panel-Gruppe) *\/\n        .flex-container {\n            display: flex;\n            flex-direction: row;\n            width: 100%;\n            height: 400px; \/* Feste H\u00f6he f\u00fcr den visuellen Effekt *\/\n            gap: 10px; \/* Moderner Abstand zwischen den Boxen *\/\n        }\n\n        \/* FLEX ITEM (Einzelne Box\/Panel) *\/\n        .flex-item {\n            flex: 1; \/* Erlaubt den Boxen, den verf\u00fcgbaren Raum gleichm\u00e4\u00dfig zu nutzen *\/\n            overflow: hidden;\n            border: 2px solid #003f7a; \/* Rahmen in HiCAD-Farbe *\/\n            border-radius: 12px;\n            background-color: #ffffff; \/* Wei\u00dfer Hintergrund *\/\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); \/* Moderner, weicher Schatten *\/\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            transition: \n                flex 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), \/* Geschmeidiger Flex-\u00dcbergang *\/\n                box-shadow 0.3s ease-in-out;\n        }\n\n        \/* Hover-Effekt (Maus dar\u00fcber) *\/\n        .flex-item:hover {\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); \/* Schatten vertieft sich *\/\n        }\n\n        \/* Zustand: GESCHLOSSENE BOX *\/\n        .flex-item.closed {\n            flex: 0 0 55px; \/* Feste, schmale Gr\u00f6\u00dfe f\u00fcr geschlossene Boxen *\/\n        }\n\n        \/* GESCHLOSSENE BOX - Bild und Inhalte ausblenden *\/\n        .flex-item.closed img,\n        .flex-item.closed .image-overlay {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s;\n        }\n\n        \/* BILD-STYLING *\/\n        .flex-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \/* Stellt sicher, dass das Bild den Container ausf\u00fcllt *\/\n            transition: opacity 0.6s;\n        }\n\n        \/* LABEL-STYLING (Text in der geschlossenen Box) *\/\n        .label {\n            position: absolute;\n            color: #003f7a;\n            font-size: 16px;\n            font-weight: 600;\n            text-align: center;\n            \n            \/* Vertikales Schreiben f\u00fcr geschlossenen Zustand *\/\n            writing-mode: vertical-rl; \n            white-space: nowrap;\n            opacity: 0;\n            transition: opacity 0.3s, transform 0.6s;\n            pointer-events: none; \/* Verhindert, dass das Label Klicks abf\u00e4ngt *\/\n        }\n\n        \/* LABEL-Zustand: GESCHLOSSEN *\/\n        .flex-item.closed .label {\n            opacity: 1;\n            display: block; \/* Zeigt das Label nur, wenn geschlossen *\/\n            transform: rotate(180deg) translateX(0); \/* Dreht Text im geschlossenen Zustand *\/\n            pointer-events: auto;\n        }\n        \n        \/* RESPONSIVIT\u00c4T: Mobile Ansicht (unter 600px) *\/\n        @media (max-width: 600px) {\n            .flex-container {\n                flex-direction: column; \/* Boxen untereinander anordnen *\/\n                height: auto; \/* H\u00f6he wird flexibel *\/\n                gap: 5px;\n            }\n            .flex-item {\n                height: 150px; \/* Feste H\u00f6he f\u00fcr mobile Boxen *\/\n                flex: 0 0 auto !important; \/* Wichtig: \u00dcberschreibt Flex-Werte *\/\n                width: 100%;\n            }\n            .flex-item.closed {\n                flex: 0 0 50px !important; \/* Kleine H\u00f6he, wenn geschlossen *\/\n            }\n\n            \/* Labels sollen auf Mobilger\u00e4ten horizontal bleiben, um Platz zu sparen *\/\n            .label {\n                writing-mode: horizontal-tb;\n                transform: none;\n                font-size: 14px;\n                padding: 10px;\n            }\n            .flex-item.closed .label {\n                 \/* Im geschlossenen Zustand zentrieren *\/\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                width: 100%;\n                background-color: #f0f0f0;\n                color: #003f7a;\n            }\n            .flex-item.closed img {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"flex-container\">\n    <!-- HINWEIS: Bei der ersten Box die Klasse 'closed' entfernen, damit sie standardm\u00e4\u00dfig offen ist -->\n    <div class=\"flex-item\" onclick=\"toggleActive(this)\"> \n        <div class=\"label\">Eisplatz\u00fcberdachung<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_221404.png?w=720\" alt=\"Eisplatz\u00fcberdachung von Koller Manuel, gezeichnet mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Eisplatz';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Aussichtsplattform<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-23_154658727.png?w=720\" alt=\"Aussichtsplattform PIZ BUIN, gebaut von Stahlbau Geiger\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Aussicht';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Eingangstreppe<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085053569.png?w=720\" alt=\"Eingangstreppe wie in einem M\u00e4rchenschloss, Geplant von Asen Stahlbau\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Treppe';\">\n    <\/div>\n\t<div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Spindeltreppe<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085132562.png?w=720\" alt=\"Spindeltreppe aus Holland, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Spindel';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">B\u00fchne<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_082026998.png?w=720\" alt=\"B\u00fchne mit sch\u00f6nen 3D Darstellungen, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=B\u00fchne';\">\n    <\/div>\n<\/div>\n\n<script>\n    \/**\n     * Schlie\u00dft alle Panels im Container und \u00f6ffnet das angeklickte Panel.\n     * @param {HTMLElement} element - Das angeklickte Flex-Item.\n     *\/\n    function toggleActive(element) {\n        \/\/ Finde den \u00fcbergeordneten flex-container des angeklickten Elements\n        const container = element.closest('.flex-container');\n\n        \/\/ Schlie\u00dfe alle Panels im selben Container\n        container.querySelectorAll('.flex-item').forEach(function(item) {\n            if (item !== element) {\n                item.classList.add('closed');\n            }\n        });\n\n        \/\/ Toggle den Zustand des angeklickten Panels\n        element.classList.toggle('closed');\n    }\n\n    \/**\n     * Stellt sicher, dass beim Laden der Seite das erste Panel standardm\u00e4\u00dfig offen ist.\n     *\/\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.flex-container').forEach(function(container) {\n            const firstElement = container.querySelector('.flex-item');\n            if (firstElement) {\n                \/\/ Stellt sicher, dass das erste Element die Klasse 'closed' entfernt hat\n                firstElement.classList.remove('closed');\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD Facade Construction\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            The architectural shell: Efficiently planned\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"68\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6-1024x96.png?resize=720%2C68&#038;ssl=1\" alt=\"Befehls\u00fcbersicht f\u00fcr den Fassadenbau\" class=\"wp-image-3914\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?resize=1024%2C96&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?resize=300%2C28&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?resize=768%2C72&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?resize=200%2C19&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?resize=400%2C38&amp;ssl=1 400w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-6.png?w=1200&amp;ssl=1 1200w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p>HiCAD Facade helps you to model simple as well as complex facades. <a href=\"https:\/\/www.isdgroup.com\/de\/branchen\/glasfassade\/\">Facades<\/a>. This is done by defining own profiles or also by a bi-directional coupling to Logikal. <\/p><p>This allows you to quickly create everything from simple windows with connections to complex facades, including brackets\/connection plates, etc., manually\/automatically and transfer them to production by means of drawings or direct machine connection.<\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD Panel Slider<\/title>\n    <!-- Hinweis: Dieser Code ist 100% autark, verwendet System Fonts und ben\u00f6tigt keine externen CSS- oder JS-Dateien (datenschutzkonform) -->\n    <style>\n        \/* BASE STYLES *\/\n        body {\n            \/* Nutzung des System Font Stacks f\u00fcr beste Performance und Datenschutz *\/\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f8f8f8;\n        }\n\n        \/* FLEX CONTAINER (Panel-Gruppe) *\/\n        .flex-container {\n            display: flex;\n            flex-direction: row;\n            width: 100%;\n            height: 400px; \n            gap: 10px; \n        }\n\n        \/* FLEX ITEM (Einzelne Box\/Panel) *\/\n        .flex-item {\n            flex: 1; \n            overflow: hidden;\n            \/* Rahmen und abgerundete Ecken *\/\n            border: 2px solid #003f7a; \/* HiCAD-Farbe *\/\n            border-radius: 12px;\n            background-color: #ffffff; \n            \/* Moderner, weicher Schatten *\/\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); \n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            transition: \n                flex 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), \n                box-shadow 0.3s ease-in-out,\n                transform 0.3s ease-in-out;\n        }\n\n        \/* Hover-Effekt (Maus dar\u00fcber) - Box hebt sich leicht ab *\/\n        .flex-item:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); \/* Tieferer Schatten *\/\n            transform: translateY(-2px); \/* Leichter Lift-Effekt *\/\n        }\n        \n        \/* Zustand: GESCHLOSSENE BOX *\/\n        .flex-item.closed {\n            flex: 0 0 55px; \/* Feste, schmale Gr\u00f6\u00dfe *\/\n        }\n\n        \/* GESCHLOSSENE BOX - Bild ausblenden *\/\n        .flex-item.closed img {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s;\n        }\n\n        \/* BILD-STYLING *\/\n        .flex-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \n            transition: opacity 0.6s;\n        }\n\n        \/* LABEL-STYLING (Text in der geschlossenen Box) *\/\n        .label {\n            position: absolute;\n            color: #003f7a;\n            font-size: 16px;\n            font-weight: 600;\n            text-align: center;\n            \n            \/* Vertikales Schreiben f\u00fcr geschlossenen Zustand *\/\n            writing-mode: vertical-rl; \n            white-space: nowrap;\n            opacity: 0;\n            transition: opacity 0.3s, transform 0.6s;\n            pointer-events: none;\n        }\n\n        \/* LABEL-Zustand: GESCHLOSSEN *\/\n        .flex-item.closed .label {\n            opacity: 1;\n            display: block; \n            transform: rotate(180deg) translateX(0); \/* Dreht Text im geschlossenen Zustand *\/\n            pointer-events: auto;\n        }\n        \n        \/* RESPONSIVIT\u00c4T: Mobile Ansicht (unter 600px) *\/\n        @media (max-width: 600px) {\n            .flex-container {\n                flex-direction: column; \n                height: auto; \n                gap: 5px;\n            }\n            .flex-item {\n                height: 150px; \n                flex: 0 0 auto !important; \n                width: 100%;\n            }\n            .flex-item.closed {\n                flex: 0 0 50px !important; \/* Kleine H\u00f6he, wenn geschlossen *\/\n            }\n\n            \/* Labels sollen auf Mobilger\u00e4ten horizontal bleiben *\/\n            .label {\n                writing-mode: horizontal-tb;\n                transform: none;\n                font-size: 14px;\n                padding: 10px;\n            }\n            .flex-item.closed .label {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                width: 100%;\n                background-color: #f0f0f0;\n                color: #003f7a;\n            }\n            .flex-item.closed img {\n                display: none;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"flex-container\">\n    <!-- HINWEIS: Bei der ersten Box die Klasse 'closed' entfernen, damit sie standardm\u00e4\u00dfig offen ist -->\n    <div class=\"flex-item\" onclick=\"toggleActive(this)\"> \n        <div class=\"label\">Fassade Atrio<\/div>\n        <!-- Fallback-Placeholder f\u00fcr Bilder hinzugef\u00fcgt -->\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_221213.png?w=720\" alt=\"Alucobondfassade beim Atrio in Villach, gezeichnet mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Atrio+Fassade';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Raiffeisen Fassade<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-23_155532358.png?w=720\" alt=\"Fassade des Innovationszentrum Raiffeissen, geplant mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Raiffeisen+Fassade';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Interspar Lienz<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-23_155710138.png?w=720\" alt=\"Fassde komplett vom Interspar in Lienz, Geplant von Idl in Lienz\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Interspar+Lienz';\">\n    <\/div>\n\t<div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Fassadendetail<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_082721554.png?w=720\" alt=\"Fassadendetails, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Fassadendetail';\">\n    <\/div>\n\t<div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Fassadendetails 3D<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_082911788.png?w=720\" alt=\"3d Fassadendetails vom Postwirt in Schladming, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=3D+Details';\">\n    <\/div>\n<\/div>\n\n<script>\n    \/**\n     * Schlie\u00dft alle Panels im Container und \u00f6ffnet das angeklickte Panel.\n     * @param {HTMLElement} element - Das angeklickte Flex-Item.\n     *\/\n    function toggleActive(element) {\n        \/\/ Finde den \u00fcbergeordneten flex-container des angeklickten Elements\n        const container = element.closest('.flex-container');\n\n        \/\/ Schlie\u00dfe alle Panels im selben Container\n        container.querySelectorAll('.flex-item').forEach(function(item) {\n            if (item !== element) {\n                item.classList.add('closed');\n            }\n        });\n\n        \/\/ Toggle den Zustand des angeklickten Panels\n        element.classList.toggle('closed');\n    }\n\n    \/**\n     * Stellt sicher, dass beim Laden der Seite das erste Panel standardm\u00e4\u00dfig offen ist.\n     *\/\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.flex-container').forEach(function(container) {\n            const firstElement = container.querySelector('.flex-item');\n            if (firstElement) {\n                \/\/ Stellt sicher, dass das erste Element die Klasse 'closed' entfernt hat\n                firstElement.classList.remove('closed');\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html><p><\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD mechanical engineering\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            From the idea to the assembly\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"68\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3-1024x96.png?resize=720%2C68&#038;ssl=1\" alt=\"Allgemeine Befehls\u00fcbersicht\" class=\"wp-image-3911\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?resize=1024%2C96&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?resize=300%2C28&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?resize=768%2C72&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?resize=200%2C19&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?resize=400%2C38&amp;ssl=1 400w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-3.png?w=1225&amp;ssl=1 1225w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p>Erreichen Sie Ihr Ziel schnell mit unserer 3D-L\u00f6sung f\u00fcr den Sondermaschinenbau. <\/p><p>Unsere leistungsstarken Funktionen gew\u00e4hrleisten volle Kontrolle \u00fcber Ihr Produkt w\u00e4hrend des gesamten Konstruktionsprozesses.<\/p><p>Nach Abschluss der Konstruktion? Erstellen Sie mit nur wenigen Klicks Ihre Fertigungsdaten!<\/p><p><\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD Panel Slider<\/title>\n    <!-- Hinweis: Dieser Code ist 100% autark, verwendet System Fonts und ben\u00f6tigt keine externen CSS- oder JS-Dateien (datenschutzkonform) -->\n    <style>\n        \/* BASE STYLES *\/\n        body {\n            \/* Nutzung des System Font Stacks f\u00fcr beste Performance und Datenschutz *\/\n            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;\n            margin: 0;\n            padding: 20px;\n            background-color: #f8f8f8;\n        }\n\n        \/* FLEX CONTAINER (Panel-Gruppe) *\/\n        .flex-container {\n            display: flex;\n            flex-direction: row;\n            width: 100%;\n            height: 400px; \n            gap: 10px; \n        }\n\n        \/* FLEX ITEM (Einzelne Box\/Panel) *\/\n        .flex-item {\n            flex: 1; \n            overflow: hidden;\n            \/* Rahmen und abgerundete Ecken *\/\n            border: 2px solid #003f7a; \/* HiCAD-Farbe *\/\n            border-radius: 12px;\n            background-color: #ffffff; \n            \/* Moderner, weicher Schatten *\/\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); \n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            cursor: pointer;\n            transition: \n                flex 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), \n                box-shadow 0.3s ease-in-out,\n                transform 0.3s ease-in-out;\n        }\n\n        \/* Hover-Effekt (Maus dar\u00fcber) - Box hebt sich leicht ab *\/\n        .flex-item:hover {\n            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25); \/* Tieferer Schatten *\/\n            transform: translateY(-2px); \/* Leichter Lift-Effekt *\/\n        }\n        \n        \/* Zustand: GESCHLOSSENE BOX *\/\n        .flex-item.closed {\n            flex: 0 0 55px; \/* Feste, schmale Gr\u00f6\u00dfe *\/\n        }\n\n        \/* GESCHLOSSENE BOX - Bild ausblenden *\/\n        .flex-item.closed img {\n            opacity: 0;\n            visibility: hidden;\n            transition: opacity 0.3s;\n        }\n\n        \/* BILD-STYLING *\/\n        .flex-item img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover; \n            transition: opacity 0.6s;\n        }\n\n        \/* LABEL-STYLING (Text in der geschlossenen Box) *\/\n        .label {\n            position: absolute;\n            color: #003f7a;\n            font-size: 16px;\n            font-weight: 600;\n            text-align: center;\n            \n            \/* Vertikales Schreiben f\u00fcr geschlossenen Zustand *\/\n            writing-mode: vertical-rl; \n            white-space: nowrap;\n            opacity: 0;\n            transition: opacity 0.3s, transform 0.6s;\n            pointer-events: none;\n        }\n\n        \/* LABEL-Zustand: GESCHLOSSEN *\/\n        .flex-item.closed .label {\n            opacity: 1;\n            display: block; \n            transform: rotate(180deg) translateX(0); \/* Dreht Text im geschlossenen Zustand *\/\n            pointer-events: auto;\n        }\n        \n        \/* RESPONSIVIT\u00c4T: Mobile Ansicht (unter 600px) *\/\n        @media (max-width: 600px) {\n            .flex-container {\n                flex-direction: column; \n                height: auto; \n                gap: 5px;\n            }\n            .flex-item {\n                height: 150px; \n                flex: 0 0 auto !important; \n                width: 100%;\n            }\n            .flex-item.closed {\n                flex: 0 0 50px !important; \/* Kleine H\u00f6he, wenn geschlossen *\/\n            }\n\n            \/* Labels sollen auf Mobilger\u00e4ten horizontal bleiben *\/\n            .label {\n                writing-mode: horizontal-tb;\n                transform: none;\n                font-size: 14px;\n                padding: 10px;\n            }\n            .flex-item.closed .label {\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                height: 100%;\n                width: 100%;\n                background-color: #f0f0f0;\n                color: #003f7a;\n            }\n            .flex-item.closed img {\n                display: none;\n            }\n            \/* Korrektur f\u00fcr margin: im Original-Code waren hier unn\u00f6tige margins *\/\n            .flex-item {\n                margin-left: 0; \/* Stellt sicher, dass die Boxen volle Breite haben *\/\n                margin-bottom: 10px;\n            }\n            .flex-item:last-child {\n                margin-bottom: 0;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"flex-container\">\n    <!-- HINWEIS: Bei der ersten Box die Klasse 'closed' entfernen, damit sie standardm\u00e4\u00dfig offen ist -->\n    <div class=\"flex-item\" onclick=\"toggleActive(this)\"> \n        <div class=\"label\">Anh\u00e4nger Feuerwehr<\/div>\n        <!-- Fallback-Placeholder f\u00fcr Bilder hinzugef\u00fcgt -->\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_083922279.png?w=720\" alt=\"Feuerwehr Anh\u00e4nger f\u00fcr Tragkraftspritze, gezeichnet mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Feuerwehr+Anh\u00e4nger';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Setzmaschine<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_083824950.png?w=720\" alt=\"S\u00fcsskartoffel Setzmaschine, geplant mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Setzmaschine';\">\n    <\/div>\n    <div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Umbau Schiff<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_083701025.png?w=720\" alt=\"Schiffsumbau, geplant mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Schiffsumbau';\">\n    <\/div>\n\t<div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">LKW Aufbau<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_084031839.png?w=720\" alt=\"LKW Anh\u00e4nger Umbau, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=LKW+Aufbau';\">\n    <\/div>\n\t<div class=\"flex-item closed\" onclick=\"toggleActive(this)\">\n        <div class=\"label\">Hebeb\u00fchne<\/div>\n        <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_083731097.png?w=720\" alt=\"Hebeb\u00fchne f\u00fcr einen Unimog samt Aufbau, Erstellt mit HiCAD\" onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/400x400\/003f7a\/ffffff?text=Hebeb\u00fchne';\">\n    <\/div>\n<\/div>\n\n<script>\n    \/**\n     * Schlie\u00dft alle Panels im Container und \u00f6ffnet das angeklickte Panel.\n     * @param {HTMLElement} element - Das angeklickte Flex-Item.\n     *\/\n    function toggleActive(element) {\n        \/\/ Finde den \u00fcbergeordneten flex-container des angeklickten Elements\n        const container = element.closest('.flex-container');\n\n        \/\/ Schlie\u00dfe alle Panels im selben Container\n        container.querySelectorAll('.flex-item').forEach(function(item) {\n            if (item !== element) {\n                item.classList.add('closed');\n            }\n        });\n\n        \/\/ Toggle den Zustand des angeklickten Panels\n        element.classList.toggle('closed');\n    }\n\n    \/**\n     * Stellt sicher, dass beim Laden der Seite das erste Panel standardm\u00e4\u00dfig offen ist.\n     *\/\n    document.addEventListener('DOMContentLoaded', function() {\n        document.querySelectorAll('.flex-container').forEach(function(container) {\n            const firstElement = container.querySelector('.flex-item');\n            if (firstElement) {\n                \/\/ Stellt sicher, dass das erste Element die Klasse 'closed' entfernt hat\n                firstElement.classList.remove('closed');\n            }\n        });\n    });\n<\/script>\n\n<\/body>\n<\/html><p><\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD sketches\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            The idea on paper. The start of the 3D model\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"70\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2-1024x100.png?resize=720%2C70&#038;ssl=1\" alt=\"Befehle f\u00fcr die Skizzentechnik\" class=\"wp-image-3910\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?resize=1024%2C100&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?resize=300%2C29&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?resize=768%2C75&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?resize=200%2C20&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?resize=400%2C39&amp;ssl=1 400w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-2.png?w=1135&amp;ssl=1 1135w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD explosion\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Components disassembled. Assembly understood.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"100\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?resize=720%2C100&#038;ssl=1\" alt=\"Befehle f\u00fcr eine Explosionszeichnung\" class=\"wp-image-3915\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?w=839&amp;ssl=1 839w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?resize=300%2C41&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?resize=768%2C106&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?resize=200%2C28&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-7.png?resize=400%2C55&amp;ssl=1 400w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html>\n<head>\n    <style>\n        #zentriertes-bild-container {\n            display: flex;\n            justify-content: center;\n        }\n\n        #zentriertes-bild-container img {\n            max-width: 100%;\n            transition: transform 0.5s ease;\n        }\n\n        \/* CSS Keyframe-Animationen *\/\n        @keyframes bounceInLeft {\n            from {\n                transform: translateX(-100%);\n                opacity: 0;\n            }\n            to {\n                transform: translateX(0);\n                opacity: 1;\n            }\n        }\n\n        @keyframes bounceOutUp {\n            from {\n                transform: translateY(0);\n                opacity: 1;\n            }\n            to {\n                transform: translateY(-100%);\n                opacity: 0;\n            }\n        }\n\n        @keyframes bounceOutDown {\n            from {\n                transform: translateY(0);\n                opacity: 1;\n            }\n            to {\n                transform: translateY(100%);\n                opacity: 0;\n            }\n        }\n\n        .bounceInLeft {\n            animation: bounceInLeft 1s forwards;\n        }\n\n        .bounceOutUp {\n            animation: bounceOutUp 1s forwards;\n        }\n\n        .bounceOutDown {\n            animation: bounceOutDown 1s forwards;\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div id=\"zentriertes-bild-container\">\n    <img data-recalc-dims=\"1\" height=\"510\" width=\"720\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_083032679-1024x726.png?resize=720%2C510&#038;ssl=1\" alt=\"Explosionszeichnung einer Fassade, mit Hicad gemacht\">\n<\/div>\n\n<script>\n    let lastScrollTop = 0;\nwindow.addEventListener('scroll', function() {\n    var img = document.querySelector('#zentriertes-bild-container img');\n    var rect = img.getBoundingClientRect();\n    var imgTop = rect.top;\n    var imgHeight = rect.height;\n    var windowHeight = window.innerHeight;\n\n    var isImgEntering = (imgTop <= windowHeight) &#038;&#038; (imgTop > windowHeight - imgHeight);\n    var isImgLeaving = (imgTop < -imgHeight * 0.75) || (imgTop > windowHeight);\n\n    var st = window.pageYOffset || document.documentElement.scrollTop;\n    if (st > lastScrollTop) {\n        \/\/ Scroll nach unten\n        if (isImgEntering) {\n            img.classList.remove('bounceOutRight');\n            img.classList.add('bounceInLeft');\n        } else if (isImgLeaving) {\n            img.classList.remove('bounceInLeft');\n            img.classList.add('bounceOutRight');\n        }\n    }\n    lastScrollTop = st <= 0 ? 0 : st; \/\/ Negative Werte vermeiden\n}, false);\n<\/script>\n\n<\/body>\n<\/html><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            Introduction\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            \n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"has-text-align-left\">Here is my private help page for the CAD program <a rel=\"noreferrer noopener\" href=\"https:\/\/www.isdgroup.com\/en\/products\/cad-software-for-2d-3d-design\/\" target=\"_blank\">HiCAD<\/a> as well as that <a rel=\"noreferrer noopener\" href=\"https:\/\/de.wikipedia.org\/wiki\/Dokumentenmanagement\" target=\"_blank\">PDM <\/a>program <a rel=\"noreferrer noopener\" href=\"https:\/\/www.isdgroup.com\/en\/products\/pdm-product-data-management\/\" target=\"_blank\">HELiOS<\/a>. <\/p><p class=\"has-text-align-left\">This site has nothing to do with that <a href=\"https:\/\/www.isdgroup.com\/de\/produkte\/wartungsvertrag\/\" target=\"_blank\" rel=\"noreferrer noopener\">Care and maintenance contract<\/a> of the company <a rel=\"noreferrer noopener\" href=\"https:\/\/www.isdgroup.com\/en\/\" target=\"_blank\">ISD Software und Systeme GmbH<\/a> to do and is not part of the care and maintenance contract but should give you further assistance. <\/p><p>The main components are other videos (which are not on YouTube), instructions are in an internal area for which you can find yourself <strong><a href=\"https:\/\/hicad-help.com\/de_de\/register\/\"><span class=\"has-inline-color has-vivid-red-color\">to register<\/span><\/a> <\/strong>must. The registration is completely <strong>free<\/strong>.<\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            News\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            What's new? The future of construction.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\"  style=\"display: block; margin: 0px auto;\"  id=\"_ytid_96965\"  width=\"720\" height=\"405\"  data-origwidth=\"720\" data-origheight=\"405\" src=\"https:\/\/www.youtube.com\/embed\/WGlGOCoHf1o?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;hl=en_US&#038;theme=dark&#038;color=red&#038;controls=1&#038;disablekb=0&#038;\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe>\n<\/div><\/figure><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            General\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            \n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p class=\"has-text-align-left\">The main part of this page so more videos, tutorials, for various HiCAD elements, where a <a href=\"https:\/\/hicad-help.com\/de_de\/register\/\"><strong><span class=\"has-inline-color has-vivid-red-color\">Registration<\/span><\/strong><\/a> is needed.<\/p><p class=\"has-text-align-left\">If you are already registered, please log in<\/p><p class=\"has-text-align-left\">If they <a href=\"https:\/\/hicad-help.com\/de_de\/register\/\">to register<\/a>, then further areas will be activated for you on the homepage. <\/p><p class=\"has-text-align-left\">For further questions \/ suggestions \/ tips just send me an email at <a href=\"mailto:admin@hicad-help.com\">admin@hicad-help.com<\/a>. I will collect your feedback and expand the homepage accordingly.<\/p><p class=\"has-text-align-left\"><strong>Since I carry this page financially privately, I am happy about any donations. Only with your support I can build this site and keep it running.<\/strong><\/p><div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            Login area\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            \n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><h3 class=\"wp-block-heading has-text-align-center\"><a href=\"https:\/\/hicad-help.com\/de_de\/register\/\">Without login<\/a><\/h3><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"332\" height=\"46\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-12_155540.png?resize=332%2C46&#038;ssl=1\" alt=\"Men\u00fcs \u00dcbersicht \" class=\"wp-image-2059\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-12_155540.png?w=332&amp;ssl=1 332w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-12_155540.png?resize=300%2C42&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-12_155540.png?resize=16%2C2&amp;ssl=1 16w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-12_155540.png?resize=200%2C28&amp;ssl=1 200w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/figure><\/div><h3 class=\"wp-block-heading has-text-align-center\"><a href=\"https:\/\/hicad-help.com\/de_de\/register\/\">Login area<\/a><\/h3><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"180\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE-1024x256.png?resize=720%2C180&#038;ssl=1\" alt=\"Men\u00fc\u00fcbersicht von Hicad-help.com nach  dem Login\" class=\"wp-image-3813\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?resize=1024%2C256&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?resize=300%2C75&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?resize=768%2C192&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?resize=18%2C4&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?resize=200%2C50&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?resize=400%2C100&amp;ssl=1 400w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/51DC3AC0-B442-4565-A68F-9E14308F38DE.png?w=1081&amp;ssl=1 1081w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/><p>Since this site is currently under construction and probably will be for some time, I would appreciate any suggestions for the site or tips and tricks on how I can improve it.<\/p><p>I would ask you for respective questions or suggestions to use the contact form and I will try to expand the points after the series.<\/p><p>I will start with the basics and expand the site little by little. Otherwise you can always contact me at <a href=\"mailto:admin@hicad-help.com\">admin@hicad-help.com<\/a> to contact.<\/p><p>However, special topics or instructions will unfortunately only be possible by a donation, because I invest my private time for this project and certain topics are very time-consuming in the preparation.<\/p><hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/><div class=\"n2-section-smartslider fitvidsignore  n2_clear\" data-ssid=\"4\" tabindex=\"0\" role=\"region\" aria-label=\"Slider\"><div id=\"n2-ss-4-align\" class=\"n2-ss-align\"><div class=\"n2-padding\"><div id=\"n2-ss-4\" data-creator=\"Smart Slider 3\" data-responsive=\"auto\" class=\"n2-ss-slider n2-ow n2-has-hover n2notransition\">\n\n\n\n\n\n\n\n<div class=\"n2-ss-slider-wrapper-inside\">\n        <div class=\"n2-ss-slider-1 n2_ss__touch_element n2-ow\">\n            <div class=\"n2-ss-slider-2 n2-ow\">\n                                                    <div class=\"n2-ss-background-animation n2-ow\"><\/div>\n                                <div class=\"n2-ss-slider-3 n2-ow\">\n\n                    <div class=\"n2-ss-slide-backgrounds n2-ow-all\"><div class=\"n2-ss-slide-background\" data-public-id=\"1\" data-mode=\"fill\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"44\" data-y=\"59\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:44%;--ss-o-pos-y:59%\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2025\/09\/SplashHiCAD_2.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"2\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"44\" data-y=\"59\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:44%;--ss-o-pos-y:59%\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2025\/09\/SplashHiCAD_4-1.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"3\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"44\" data-y=\"59\" data-alt=\"\" data-title=\"\" style=\"--ss-o-pos-x:44%;--ss-o-pos-y:59%\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2023\/09\/SplashHiCAD_3.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"4\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"50\" data-alt=\"\" data-title=\"\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2023\/01\/SplashHiCAD_4.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"5\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"50\" data-alt=\"\" data-title=\"\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2021\/09\/SplashHiCAD_2.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"6\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"50\" data-alt=\"\" data-title=\"\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2020\/10\/SplashHiCAD_1.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"7\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"50\" data-alt=\"\" data-title=\"\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2020\/09\/SplashHiCAD_0.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"8\" data-mode=\"fill\" aria-hidden=\"true\"><div class=\"n2-ss-slide-background-image\" data-blur=\"0\" data-opacity=\"100\" data-x=\"50\" data-y=\"50\" data-alt=\"\" data-title=\"\"><picture class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><img decoding=\"async\" src=\"\/\/hicad-help.com\/wp-content\/uploads\/2020\/09\/SplashHiCAD_0-1.png\" alt=\"\" title=\"\" loading=\"lazy\" class=\"skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\"><\/picture><\/div><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><\/div>                    <div class=\"n2-ss-slider-4 n2-ow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 600\" data-related-device=\"desktopPortrait\" class=\"n2-ow n2-ss-preserve-size n2-ss-preserve-size--slider n2-ss-slide-limiter\"><\/svg><div data-first=\"1\" data-slide-duration=\"0\" data-id=\"16\" data-slide-public-id=\"1\" data-title=\"SplashHiCAD_1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-16\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-mevsmGI0qyUp\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"65\" data-slide-public-id=\"2\" aria-hidden=\"true\" data-title=\"SplashHiCAD_1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-65\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-02k8midjyexw\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"64\" data-slide-public-id=\"3\" aria-hidden=\"true\" data-title=\"SplashHiCAD_1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-64\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-gWUVgcA0Y9fM\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"63\" data-slide-public-id=\"4\" aria-hidden=\"true\" data-title=\"SplashHiCAD_1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-63\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-SxnzXYHgc79S\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"62\" data-slide-public-id=\"5\" aria-hidden=\"true\" data-title=\"SplashHiCAD_1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-62\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-2atLn6Iw1PMS\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"49\" data-slide-public-id=\"6\" aria-hidden=\"true\" data-title=\"SplashHiCAD_1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-49\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-I2D0jU2v2LZk\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"18\" data-slide-public-id=\"7\" aria-hidden=\"true\" data-title=\"SplashHiCAD_0\" class=\"n2-ss-slide n2-ow  n2-ss-slide-18\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_0<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-4zhiJj76MI0D\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"19\" data-slide-public-id=\"8\" aria-hidden=\"true\" data-title=\"SplashHiCAD_0-1\" class=\"n2-ss-slide n2-ow  n2-ss-slide-19\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">SplashHiCAD_0-1<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-tBL04DwtYWHI\" data-sstype=\"slide\" data-pm=\"default\"><\/div><\/div><\/div>                    <\/div>\n\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-left-center\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-ss-widget-display-hover n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading nextend-arrow n2-ow-all nextend-arrow-previous  nextend-arrow-animated-fade\" id=\"n2-ss-4-arrow-previous\" role=\"button\" aria-label=\"previous arrow\" tabindex=\"0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-normal-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+Cjwvc3ZnPg==\" alt=\"previous arrow\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-hover-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+Cjwvc3ZnPg==\" alt=\"previous arrow\"><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-right-center\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-ss-widget-display-hover n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading nextend-arrow n2-ow-all nextend-arrow-next  nextend-arrow-animated-fade\" id=\"n2-ss-4-arrow-next\" role=\"button\" aria-label=\"next arrow\" tabindex=\"0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-normal-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4Ljk5YzAtLjQyMy4yMDQtLjcyMi42MS0uODk3LjQwOC0uMTczLjc3Mi0uMTA0IDEuMDkyLjIxbDcuMDA2IDYuOTc0Yy4yMDIuMi4yOTguNDM3LjI4Ny43MTYgMCAuMjY3LS4wOTYuNDk4LS4yODcuNjlsLTcuMDA2IDdjLS4zMi4zMi0uNjg0LjM5LTEuMDkyLjIxLS40MDYtLjE3NS0uNjEtLjQ4My0uNjEtLjkyM1Y4Ljk5eiIKICAgICAgICAgIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==\" alt=\"next arrow\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-hover-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4Ljk5YzAtLjQyMy4yMDQtLjcyMi42MS0uODk3LjQwOC0uMTczLjc3Mi0uMTA0IDEuMDkyLjIxbDcuMDA2IDYuOTc0Yy4yMDIuMi4yOTguNDM3LjI4Ny43MTYgMCAuMjY3LS4wOTYuNDk4LS4yODcuNjlsLTcuMDA2IDdjLS4zMi4zMi0uNjg0LjM5LTEuMDkyLjIxLS40MDYtLjE3NS0uNjEtLjQ4My0uNjEtLjkyM1Y4Ljk5eiIKICAgICAgICAgIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==\" alt=\"next arrow\"><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-center-bottom\"><div style=\"--widget-offset:10px;\" class=\"n2-ss-widget n2-ss-widget-display-hover n2-ss-control-bullet n2-ow-all n2-ss-control-bullet-horizontal\"><div class=\"nextend-bullet-bar n2-bar-justify-content-center\" role=\"group\" aria-label=\"Choose slide to display.\"><div class=\"n2-bullet n2-style-785355f374be86c332d4665aae819858-dot\" style=\"visibility:hidden;\"><\/div><\/div><\/div><\/div><\/div><\/div><ss3-loader><\/ss3-loader><\/div><\/div><div class=\"n2_clear\"><\/div><\/div><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD extensions\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Grow with HiCAD. Modular for specialization.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><p>A number of extension modules are also available in HiCAD, which are seamlessly integrated into the existing operating concept. This facilitates the introduction of different sub-areas within a company with only one CAD system and thus prevents unnecessary interfaces.<\/p><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD profile installation\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Cut, place, done. Save time for you.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"603\" height=\"93\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-1.png?resize=603%2C93&#038;ssl=1\" alt=\"Befehls\u00fcbersicht f\u00fcr die Befehle f\u00fcr Profilverlegung welche man braucht um eine Industriefassade in HiCAD zu planen\" class=\"wp-image-3909\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-1.png?w=603&amp;ssl=1 603w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-1.png?resize=300%2C46&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-1.png?resize=18%2C3&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-1.png?resize=200%2C31&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-1.png?resize=400%2C62&amp;ssl=1 400w\" sizes=\"auto, (max-width: 603px) 100vw, 603px\" \/><\/figure><\/div><div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p>Thanks to the HiCAD module for profile laying, you can effortlessly and efficiently lay roof and wall profiles for halls. This not only allows you to optimize your orders, but also to create drawings automatically - all in a single system.<\/p><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD point cloud\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Reality meets CAD. Precise inventory.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"683\" height=\"89\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image.png?resize=683%2C89&#038;ssl=1\" alt=\"Befehle f\u00fcr die Bearbeitung von Punktewolken\" class=\"wp-image-3906\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image.png?w=683&amp;ssl=1 683w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image.png?resize=300%2C39&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image.png?resize=18%2C2&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image.png?resize=200%2C26&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image.png?resize=400%2C52&amp;ssl=1 400w\" sizes=\"auto, (max-width: 683px) 100vw, 683px\" \/><\/figure><\/div><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p>In HiCAD, you can easily import point clouds in E57 format and create your designs based on these data. This not only allows you to save a considerable amount of time when determining your natural dimensions, but also ensures a significant reduction in errors when recording these dimensions<\/p><div class=\"wp-block-jetpack-slideshow aligncenter\" data-effect=\"slide\" style=\"--aspect-ratio:calc(1385 \/ 806)\"><div class=\"wp-block-jetpack-slideshow_container swiper\"><ul class=\"wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper\"><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"419\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-3908\" data-id=\"3908\" data-aspect-ratio=\"1385 \/ 806\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=720%2C419\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?w=1385&amp;ssl=1 1385w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=300%2C175&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=1024%2C596&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=768%2C447&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=200%2C116&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/10\/WAT_Klang.png?resize=400%2C233&amp;ssl=1 400w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Tempelanlage<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"440\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-2093\" data-id=\"2093\" data-aspect-ratio=\"950 \/ 581\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?resize=720%2C440\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?w=950&amp;ssl=1 950w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?resize=300%2C183&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?resize=768%2C470&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?resize=16%2C10&amp;ssl=1 16w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?resize=200%2C122&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224945.png?resize=400%2C245&amp;ssl=1 400w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Einfamilienhaus<\/figcaption><\/figure><\/li><li class=\"wp-block-jetpack-slideshow_slide swiper-slide\"><figure><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"391\" alt=\"\" class=\"wp-block-jetpack-slideshow_image wp-image-3266\" data-id=\"3266\" data-aspect-ratio=\"1054 \/ 572\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=720%2C391\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?w=1054&amp;ssl=1 1054w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=300%2C163&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=1024%2C556&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=768%2C417&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=18%2C10&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=200%2C109&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2023\/11\/Bild_2023-11-24_085538818.png?resize=400%2C217&amp;ssl=1 400w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-block-jetpack-slideshow_caption gallery-caption\">Feuerwehr<\/figcaption><\/figure><\/li><\/ul><a class=\"wp-block-jetpack-slideshow_button-prev swiper-button-prev swiper-button-white\" role=\"button\"><\/a><a class=\"wp-block-jetpack-slideshow_button-next swiper-button-next swiper-button-white\" role=\"button\"><\/a><a aria-label=\"Pause Slideshow\" class=\"wp-block-jetpack-slideshow_button-pause\" role=\"button\"><\/a><div class=\"wp-block-jetpack-slideshow_pagination swiper-pagination swiper-pagination-white\"><\/div><\/div><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD parts list\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            The model counts. The parts list organizes.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><p>A decisive aspect when working in HiCAD is the parts and material relatedness. This brings a considerable advantage: HiCAD always has all the data. For example, when you design a beam, HiCAD automatically knows its exact length, weight and all other relevant properties. <\/p><p>The same applies to the design of bent plates with many folds - HiCAD effortlessly records the dimensions and weight. This seamless integration is particularly evident in our automatic parts list, which can be easily transferred directly to Microsoft Excel.<\/p><figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"138\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-24_114639.png?resize=720%2C138\" alt=\"Kantblechst\u00fcckliste\" class=\"wp-image-2231\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-24_114639.png?resize=1024%2C196&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-24_114639.png?resize=300%2C57&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-24_114639.png?resize=768%2C147&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-24_114639.png?resize=18%2C3&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-24_114639.png?w=1321&amp;ssl=1 1321w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><p>Even if you have certain industry modules and profile laying, there are specially pre-defined and industry-specific parts lists. This reduces the post-processing or the creation of the parts list to a maximum minimum. <\/p><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"477\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-28_090037.png?resize=720%2C477\" alt=\"Paketierungs St\u00fcckliste mit Sandwich Paneelen\" class=\"wp-image-2277\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-28_090037.png?resize=1024%2C679&amp;ssl=1 1024w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-28_090037.png?resize=300%2C199&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-28_090037.png?resize=768%2C509&amp;ssl=1 768w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-28_090037.png?resize=18%2C12&amp;ssl=1 18w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/09\/Bild_2021-09-28_090037.png?w=1221&amp;ssl=1 1221w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure><\/div><div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD element installation\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Designed once. Used thousands of times.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"327\" height=\"625\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/5B8B2ADB-840A-42F0-BF37-7CD395B71D93.png?resize=327%2C625&#038;ssl=1\" alt=\"Befehls\u00fcbersicht f\u00fcr Alucobond Fassaden Befehlen\" class=\"wp-image-3815\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/5B8B2ADB-840A-42F0-BF37-7CD395B71D93.png?w=327&amp;ssl=1 327w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/5B8B2ADB-840A-42F0-BF37-7CD395B71D93.png?resize=157%2C300&amp;ssl=1 157w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/5B8B2ADB-840A-42F0-BF37-7CD395B71D93.png?resize=6%2C12&amp;ssl=1 6w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2025\/04\/5B8B2ADB-840A-42F0-BF37-7CD395B71D93.png?resize=200%2C382&amp;ssl=1 200w\" sizes=\"auto, (max-width: 327px) 100vw, 327px\" \/><\/figure><\/div><div style=\"height:21px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><!DOCTYPE html>\n<html lang=\"de\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>HiCAD \u00dcberschrift<\/title>\n    <!-- Die Styles sind in sich abgeschlossen und ben\u00f6tigen keine externen Ressourcen -->\n    <style>\n        \/* 1. SCHRIFTART (VERDANA F\u00dcR KONSISTENZ MIT WORDPRESS) *\/\n        .heading-wrapper, .heading-container {\n            font-family: Verdana, Geneva, Tahoma, sans-serif;\n        }\n\n        \/* 2. STIL-WRAPPER F\u00dcR DEN KLICK-TRIGGER *\/\n        .heading-wrapper {\n            display: block; \n            text-decoration: none; \n            max-width: 600px; \/* Begrenzung f\u00fcr bessere Desktop-Ansicht *\/\n            \/* WICHTIG: Die Zentrierung durch margin: auto; ist sofort aktiv *\/\n            margin: 40px auto; \n            cursor: default; \/* Cursor ist jetzt der Standardpfeil (kein Klick-Signal mehr) *\/\n            position: relative; \n            \/* Muss sichtbar sein, da kein JS mehr f\u00fcr die Opazit\u00e4t zust\u00e4ndig ist *\/\n            opacity: 1; \n        }\n\n        \/* Hover-Effekt funktioniert weiterhin, aber der Cursor \u00e4ndert sich nicht *\/\n        .heading-wrapper:hover {\n             cursor: pointer; \/* Cursor \u00e4ndert sich nur beim Hovern, um den Effekt zu betonen *\/\n        }\n        \n        \/* 3. INNERE BOX (DAS K\u00c4RTCHEN) *\/\n        .heading-container {\n            \/* Hintergrundfarbe ist STANDARDM\u00c4SSIG WEISS *\/\n            background-color: white; \n            border-radius: 1rem;\n            border: 2px solid #000;\n            \n            \/* Initialer Schatten *\/\n            box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);\n            padding: 1.5rem 2.5rem;\n            width: 100%; \n            \n            position: relative; \n            \n            \/* Sanfter \u00dcbergang f\u00fcr Hover-Effekt und Hintergrundfarbe *\/\n            transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, background-color 0.3s ease-out;\n        }\n        \n        \/* HOVER-Zustand f\u00fcr das K\u00e4rtchen *\/\n        .heading-wrapper:hover .heading-container {\n            \/* HINTERGRUNDFARBE WIRD HIER AUF BLAU GESETZT *\/\n            background-color: #E6F0FF; \n            transform: translateY(-5px); \/* Hebt die Box leicht an *\/\n            \/* St\u00e4rkerer Schatten beim Hovern *\/\n            box-shadow: 0 15px 20px -3px rgba(0, 0, 0, 0.2), 0 6px 10px -2px rgba(0, 0, 0, 0.1); \n        }\n        \n        \/* TEXT STYLING WIRD F\u00dcR HAUPT\u00dcBERSCHRIFT UND POP-UP VERWENDET *\/\n        .modern-heading { \n            text-align: center; \n            \/* ANGEPASST, um auf 600px in einer Zeile zu bleiben *\/\n            font-size: clamp(2.0rem, 5vw, 3.5rem); \n            font-weight: 900; \n            line-height: 1.2; \n            padding: 10px 0 0; \n            margin: 0 auto; \n            white-space: nowrap; \n            overflow: hidden; \n            text-overflow: ellipsis; \n        }\n        .sub-headline { \n            text-align: center; \n            font-size: clamp(1.2rem, 3vw, 2.0rem); \n            font-weight: 700; \n            color: #333; \n            line-height: 1.2; \n            padding: 0 0 10px; \n            margin: 0 auto; \n        }\n        .gradient-word {\n            background-image: linear-gradient(45deg, #003f7a, #003366);\n            -webkit-background-clip: text;\n            background-clip: text;\n            color: transparent;\n            font-weight: 900;\n            \/* Leichter Schatten, damit es zum Bild passt *\/\n            text-shadow: 0 2px 3px rgba(0, 0, 0, 0.05); \n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- WICHTIGER HINWEIS: Dies ist der einzige ben\u00f6tigte Block. F\u00fcr jede weitere \u00dcberschrift in WordPress muss dieser Block kopiert und der Text angepasst werden. -->\n<div class=\"heading-wrapper\">\n    <div class=\"heading-container\">\n        \n        <!-- TEXTZEILE 1: MARKANTESTE BOTSCHAFT (MIT BLAUEM GRADIENT) -->\n        <h2 class=\"modern-heading gradient-word\">\n            HiCAD Alucobond\u00ae\n        <\/h2>\n        \n        <!-- TEXTZEILE 2: DETAILLIERTE BESCHREIBUNG (SCHWARZ) -->\n        <h3 class=\"sub-headline\">\n            Sheet metal meets aesthetics. Innovative shells, perfectly planned.\n        <\/h3>\n        \n    <\/div>\n<\/div>\n\n\n<!-- Das JavaScript zur Scroll-Animation wurde entfernt, um Konflikte in der WordPress-Vorschau zu vermeiden. -->\n\n<\/body>\n<\/html><div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><p><\/p><\/div><\/div><p>In cooperation with the Dortmund company ISD Software und Systeme GmbH as well as 3A Composites GmbH from Singen, we offer a solution that enables the user to carry out the complete planning of the building envelope from the design to the output of the corresponding production documents. <\/p><p>Dies geschieht in nahtloser Integration und gew\u00e4hrleistet eine durchg\u00e4ngige Weitergabe an die CNC-Fertigungsanlage.\"<\/p><p><\/p><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"708\" height=\"409\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224640.png?resize=708%2C409&#038;ssl=1\" alt=\"Baustelle mit Verbundplatten\" class=\"wp-image-2091\" srcset=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224640.png?w=708&amp;ssl=1 708w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224640.png?resize=300%2C173&amp;ssl=1 300w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224640.png?resize=16%2C9&amp;ssl=1 16w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224640.png?resize=200%2C116&amp;ssl=1 200w, https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/uploads\/2021\/04\/Bild_2021-04-13_224640.png?resize=400%2C231&amp;ssl=1 400w\" sizes=\"auto, (max-width: 708px) 100vw, 708px\" \/><\/figure><\/div><div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div><p>Thanks to HiCAD, ALUCOBOND\u00ae panels can be precisely cut to size. In the planning phase, it enables the user to create three-dimensional variants for ALUCOBOND\u00ae-specific cassettes. <\/p><p>Automated laying of these cassettes in a 3D grid is also easily possible. HiCAD also offers individual design functions for ALUCOBOND\u00ae, including the detailing of corner joints, agraffes and fasteners. <\/p><p>A wide selection of ALUCOBOND\u00ae coatings facilitates the seamless integration of desired surfaces and color variants.<\/p><hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/><div class=\"n2-section-smartslider fitvidsignore  n2_clear\" data-ssid=\"5\" tabindex=\"0\" role=\"region\" aria-label=\"Slider\"><div id=\"n2-ss-5-align\" class=\"n2-ss-align\"><div class=\"n2-padding\"><div id=\"n2-ss-5\" data-creator=\"Smart Slider 3\" data-responsive=\"auto\" class=\"n2-ss-slider n2-ow n2-has-hover n2notransition\">\n\n\n\n\n\n\n\n<div class=\"n2-ss-slider-wrapper-outside\" style=\"grid-template-rows:1fr auto\"><div class=\"n2-ss-slider-wrapper-inside\">\n        <div class=\"n2-ss-slider-1 n2_ss__touch_element n2-ow\">\n            <div class=\"n2-ss-slider-2 n2-ow\">\n                                                    <div class=\"n2-ss-background-animation n2-ow\"><\/div>\n                                <div class=\"n2-ss-slider-3 n2-ow\">\n\n                    <div class=\"n2-ss-slide-backgrounds n2-ow-all\"><div class=\"n2-ss-slide-background\" data-public-id=\"1\" data-mode=\"fill\"><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"2\" data-mode=\"fill\" aria-hidden=\"true\"><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><div class=\"n2-ss-slide-background\" data-public-id=\"3\" data-mode=\"fill\" aria-hidden=\"true\"><div data-color=\"RGBA(255,255,255,0)\" style=\"background-color: RGBA(255,255,255,0);\" class=\"n2-ss-slide-background-color\"><\/div><\/div><\/div>                    <div class=\"n2-ss-slider-4 n2-ow\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1200 600\" data-related-device=\"desktopPortrait\" class=\"n2-ow n2-ss-preserve-size n2-ss-preserve-size--slider n2-ss-slide-limiter\"><\/svg><div data-first=\"1\" data-slide-duration=\"0\" data-id=\"20\" data-slide-public-id=\"1\" data-title=\"Static overlay\" class=\"n2-ss-slide n2-ow  n2-ss-slide-20\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Static overlay<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-WtgNYfvOXOzS\" data-sstype=\"slide\" data-pm=\"default\"><div class=\"n2-ss-layer n2-ow n-uc-hoz5IkGlzKbW\" data-pm=\"default\" data-sstype=\"content\" data-hasbackground=\"0\"><div class=\"n2-ss-section-main-content n2-ss-layer-with-background n2-ss-layer-content n2-ow n-uc-hoz5IkGlzKbW-inner\"><div class=\"n2-ss-layer n2-ow n-uc-zcMJXXD1Y904\" data-pm=\"normal\" data-sstype=\"layer\"><div id=\"n2-ss-5item1\" class=\"n2_ss_video_player n2-ss-item-content n2-ow-all\" data-aspect-ratio=\"16:9\"><div class=\"n2_ss_video_player__placeholder\" ><\/div><div id=\"n2-ss-5item1-frame\"><\/div><div class=\"n2_ss_video_player__cover\" data-force-pointer=\"\"><img loading=\"lazy\" decoding=\"async\" class=\"n2_ss_video_cover skip-lazy jetpack-lazy-image\" alt=\"Play\" width=\"480\" height=\"360\" data-skip-lazy=\"1\" src=\"https:\/\/i.ytimg.com\/vi\/mbZMf0W-71A\/hqdefault.jpg\" \/><img loading=\"lazy\" decoding=\"async\" class=\"n2_ss_video_play_btn skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" width=\"48\" height=\"48\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyNCIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjYiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiCiAgICAgICAgICBkPSJNMTkuOCAzMmMtLjEyNCAwLS4yNDctLjAyOC0uMzYtLjA4LS4yNjQtLjExNi0uNDM2LS4zNzUtLjQ0LS42NjRWMTYuNzQ0Yy4wMDUtLjI5LjE3Ni0uNTUuNDQtLjY2Ni4yNzMtLjEyNi41OTItLjEuODQuMDdsMTAuNCA3LjI1N2MuMi4xMzIuMzIuMzU1LjMyLjU5NXMtLjEyLjQ2My0uMzIuNTk1bC0xMC40IDcuMjU2Yy0uMTQuMS0uMzEuMTUtLjQ4LjE1eiIvPgo8L3N2Zz4=\" alt=\"Play\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"21\" data-slide-public-id=\"2\" aria-hidden=\"true\" data-title=\"Static overlay\" class=\"n2-ss-slide n2-ow  n2-ss-slide-21\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Static overlay<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-6mEPakALhkwu\" data-sstype=\"slide\" data-pm=\"default\"><div class=\"n2-ss-layer n2-ow n-uc-mmEFGmN0WTaK\" data-pm=\"default\" data-sstype=\"content\" data-hasbackground=\"0\"><div class=\"n2-ss-section-main-content n2-ss-layer-with-background n2-ss-layer-content n2-ow n-uc-mmEFGmN0WTaK-inner\"><div class=\"n2-ss-layer n2-ow n-uc-iuq6SdR821Nj\" data-pm=\"normal\" data-sstype=\"layer\"><div id=\"n2-ss-5item2\" class=\"n2_ss_video_player n2-ss-item-content n2-ow-all\" data-aspect-ratio=\"16:9\"><div class=\"n2_ss_video_player__placeholder\" ><\/div><div id=\"n2-ss-5item2-frame\"><\/div><div class=\"n2_ss_video_player__cover\" data-force-pointer=\"\"><img decoding=\"async\" class=\"n2_ss_video_cover skip-lazy jetpack-lazy-image\" alt=\"Play\" loading=\"lazy\" width=\"480\" height=\"360\" data-skip-lazy=\"1\" src=\"https:\/\/i.ytimg.com\/vi\/9ODWjIHrwQw\/hqdefault.jpg\" \/><img loading=\"lazy\" decoding=\"async\" class=\"n2_ss_video_play_btn skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" width=\"48\" height=\"48\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyNCIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjYiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiCiAgICAgICAgICBkPSJNMTkuOCAzMmMtLjEyNCAwLS4yNDctLjAyOC0uMzYtLjA4LS4yNjQtLjExNi0uNDM2LS4zNzUtLjQ0LS42NjRWMTYuNzQ0Yy4wMDUtLjI5LjE3Ni0uNTUuNDQtLjY2Ni4yNzMtLjEyNi41OTItLjEuODQuMDdsMTAuNCA3LjI1N2MuMi4xMzIuMzIuMzU1LjMyLjU5NXMtLjEyLjQ2My0uMzIuNTk1bC0xMC40IDcuMjU2Yy0uMTQuMS0uMzEuMTUtLjQ4LjE1eiIvPgo8L3N2Zz4=\" alt=\"Play\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><div data-slide-duration=\"0\" data-id=\"22\" data-slide-public-id=\"3\" aria-hidden=\"true\" data-title=\"Static overlay\" class=\"n2-ss-slide n2-ow  n2-ss-slide-22\"><div role=\"note\" class=\"n2-ss-slide--focus\" tabindex=\"-1\">Static overlay<\/div><div class=\"n2-ss-layers-container n2-ss-slide-limiter n2-ow\"><div class=\"n2-ss-layer n2-ow n-uc-B8z1ObLXTge8\" data-sstype=\"slide\" data-pm=\"default\"><div class=\"n2-ss-layer n2-ow n-uc-QLqM4RqL0GUw\" data-pm=\"default\" data-sstype=\"content\" data-hasbackground=\"0\"><div class=\"n2-ss-section-main-content n2-ss-layer-with-background n2-ss-layer-content n2-ow n-uc-QLqM4RqL0GUw-inner\"><div class=\"n2-ss-layer n2-ow n-uc-B5wkedM1Zp8g\" data-pm=\"normal\" data-sstype=\"layer\"><div id=\"n2-ss-5item3\" class=\"n2_ss_video_player n2-ss-item-content n2-ow-all\" data-aspect-ratio=\"16:9\"><div class=\"n2_ss_video_player__placeholder\" ><\/div><div id=\"n2-ss-5item3-frame\"><\/div><div class=\"n2_ss_video_player__cover\" data-force-pointer=\"\"><img decoding=\"async\" class=\"n2_ss_video_cover skip-lazy jetpack-lazy-image\" alt=\"Play\" loading=\"lazy\" width=\"480\" height=\"360\" data-skip-lazy=\"1\" src=\"https:\/\/i.ytimg.com\/vi\/P2vFFgJ9IZw\/hqdefault.jpg\" \/><img loading=\"lazy\" decoding=\"async\" class=\"n2_ss_video_play_btn skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" width=\"48\" height=\"48\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+CiAgICA8Y2lyY2xlIGN4PSIyNCIgY3k9IjI0IiByPSIyNCIgZmlsbD0iIzAwMCIgb3BhY2l0eT0iLjYiLz4KICAgIDxwYXRoIGZpbGw9IiNGRkYiCiAgICAgICAgICBkPSJNMTkuOCAzMmMtLjEyNCAwLS4yNDctLjAyOC0uMzYtLjA4LS4yNjQtLjExNi0uNDM2LS4zNzUtLjQ0LS42NjRWMTYuNzQ0Yy4wMDUtLjI5LjE3Ni0uNTUuNDQtLjY2Ni4yNzMtLjEyNi41OTItLjEuODQuMDdsMTAuNCA3LjI1N2MuMi4xMzIuMzIuMzU1LjMyLjU5NXMtLjEyLjQ2My0uMzIuNTk1bC0xMC40IDcuMjU2Yy0uMTQuMS0uMzEuMTUtLjQ4LjE1eiIvPgo8L3N2Zz4=\" alt=\"Play\"><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>                    <\/div>\n\n                                    <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-left-center\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-ss-widget-display-hover n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading nextend-arrow n2-ow-all nextend-arrow-previous  nextend-arrow-animated-fade\" id=\"n2-ss-5-arrow-previous\" role=\"button\" aria-label=\"previous arrow\" tabindex=\"0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-normal-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+Cjwvc3ZnPg==\" alt=\"previous arrow\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-hover-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIgogICAgICAgICAgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+Cjwvc3ZnPg==\" alt=\"previous arrow\"><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-right-center\"><div style=\"--widget-offset:15px;\" class=\"n2-ss-widget n2-ss-widget-display-hover n2-style-107cb0e4b96e295f0c4852cfc0854d07-heading nextend-arrow n2-ow-all nextend-arrow-next  nextend-arrow-animated-fade\" id=\"n2-ss-5-arrow-next\" role=\"button\" aria-label=\"next arrow\" tabindex=\"0\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-normal-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4Ljk5YzAtLjQyMy4yMDQtLjcyMi42MS0uODk3LjQwOC0uMTczLjc3Mi0uMTA0IDEuMDkyLjIxbDcuMDA2IDYuOTc0Yy4yMDIuMi4yOTguNDM3LjI4Ny43MTYgMCAuMjY3LS4wOTYuNDk4LS4yODcuNjlsLTcuMDA2IDdjLS4zMi4zMi0uNjg0LjM5LTEuMDkyLjIxLS40MDYtLjE3NS0uNjEtLjQ4My0uNjEtLjkyM1Y4Ljk5eiIKICAgICAgICAgIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==\" alt=\"next arrow\"><img loading=\"lazy\" decoding=\"async\" width=\"32\" height=\"32\" class=\"n2-arrow-hover-img skip-lazy jetpack-lazy-image\" data-skip-lazy=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGQ9Ik0xMiA4Ljk5YzAtLjQyMy4yMDQtLjcyMi42MS0uODk3LjQwOC0uMTczLjc3Mi0uMTA0IDEuMDkyLjIxbDcuMDA2IDYuOTc0Yy4yMDIuMi4yOTguNDM3LjI4Ny43MTYgMCAuMjY3LS4wOTYuNDk4LS4yODcuNjlsLTcuMDA2IDdjLS4zMi4zMi0uNjg0LjM5LTEuMDkyLjIxLS40MDYtLjE3NS0uNjEtLjQ4My0uNjEtLjkyM1Y4Ljk5eiIKICAgICAgICAgIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+Cjwvc3ZnPg==\" alt=\"next arrow\"><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-absolute-center-bottom\"><div style=\"--widget-offset:10px;\" class=\"n2-ss-widget n2-ss-widget-display-hover n2-ss-control-bullet n2-ow-all n2-ss-control-bullet-horizontal\"><div class=\"nextend-bullet-bar n2-bar-justify-content-center\" role=\"group\" aria-label=\"Choose slide to display.\"><div class=\"n2-bullet n2-style-785355f374be86c332d4665aae819858-dot\" style=\"visibility:hidden;\"><\/div><\/div><\/div><\/div><\/div><div class=\"n2-ss-slider-controls n2-ss-slider-controls-below\"><div class=\"n2-ss-widget nextend-shadow n2-ow-all\"><img data-recalc-dims=\"1\" decoding=\"async\" width=\"720\" height=\"32\" style=\"display: block; width:100%;max-width:none;\" class=\"nextend-shadow-image skip-lazy jetpack-lazy-image\" loading=\"lazy\" data-skip-lazy=\"1\" src=\"https:\/\/i0.wp.com\/hicad-help.com\/wp-content\/plugins\/smart-slider-3\/Public\/SmartSlider3\/Widget\/Shadow\/ShadowImage\/Assets\/shadow\/dark.png?resize=720%2C32&#038;ssl=1\" alt=\"Shadow\"><\/div><\/div><\/div><\/div><ss3-loader><\/ss3-loader><\/div><\/div><div class=\"n2_clear\"><\/div><\/div><hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/><p>A high-quality, ventilated one should be made from 2D data <a href=\"https:\/\/alucobond.com\/news\/hicad-alucobond-the-new-product-solution-for-facade-engineering?locale=de\" target=\"_blank\" rel=\"noreferrer noopener\">ALUCOBOND\u00ae<\/a> <a href=\"https:\/\/www.isdgroup.com\/de\/branchen\/hinterlueftete-fassade\/\" target=\"_blank\" rel=\"noreferrer noopener\">facade <\/a>arise. All work phases should be implemented with little effort, high quality, BIM compliant and without errors. What seems impossible can be very simple.<\/p><hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>","protected":false},"excerpt":{"rendered":"<p>HiCAD \u00dcberschrift Was ist HiCAD ? Konstruieren ohne Grenzen HiCAD&nbsp;&#8211; das einzige CAD-System mit einem&nbsp;2D\/3D-Kern&nbsp;und somit echter Durchg\u00e4ngigkeit &#8211; setzt seit Jahren immer neue Ma\u00dfst\u00e4be in der Konstruktion und Entwicklung. Durch seinen modularen Aufbau ist es sowohl f\u00fcr den Einstieg als auch f\u00fcr hochautomatisierte Konstruktionsabl\u00e4ufe geeignet. HiCAD vereint die unterschiedlichsten Branchen in einem CAD &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"pmpro_default_level":"","footnotes":""},"class_list":["post-559","page","type-page","status-publish","hentry","pmpro-has-access","post"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Startseite - hicad-help.com - Die Hilfeseite f\u00fcr HiCAD<\/title>\n<meta name=\"description\" content=\"Dies ist eine unabh\u00e4ngige Hilfeseite f\u00fcr das CAD Programm HiCAD. Hier werden Videos \/ Tipps und Tricks sowie Anleitungen bereitgestellt.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hicad-help.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Startseite - hicad-help.com - Die Hilfeseite f\u00fcr HiCAD\" \/>\n<meta property=\"og:description\" content=\"Dies ist eine unabh\u00e4ngige Hilfeseite f\u00fcr das CAD Programm HiCAD. Hier werden Videos \/ Tipps und Tricks sowie Anleitungen bereitgestellt.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hicad-help.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"hicad-help.com\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-19T10:58:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5-1024x102.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"324 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hicad-help.com\\\/\",\"url\":\"https:\\\/\\\/hicad-help.com\\\/\",\"name\":\"Startseite - hicad-help.com - Die Hilfeseite f\u00fcr HiCAD\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hicad-help.com\\\/de_de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hicad-help.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hicad-help.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hicad-help.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/image-5-1024x102.png\",\"datePublished\":\"2020-10-05T19:25:19+00:00\",\"dateModified\":\"2025-10-19T10:58:54+00:00\",\"description\":\"Dies ist eine unabh\u00e4ngige Hilfeseite f\u00fcr das CAD Programm HiCAD. Hier werden Videos \\\/ Tipps und Tricks sowie Anleitungen bereitgestellt.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hicad-help.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hicad-help.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/hicad-help.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hicad-help.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/image-5-1024x102.png\",\"contentUrl\":\"https:\\\/\\\/hicad-help.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/image-5-1024x102.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hicad-help.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/hicad-help.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Startseite\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hicad-help.com\\\/de_de\\\/#website\",\"url\":\"https:\\\/\\\/hicad-help.com\\\/de_de\\\/\",\"name\":\"hicad-help.com\",\"description\":\"Hilfeseite f\u00fcr HiCAD\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hicad-help.com\\\/de_de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Startseite - hicad-help.com - Die Hilfeseite f\u00fcr HiCAD","description":"Dies ist eine unabh\u00e4ngige Hilfeseite f\u00fcr das CAD Programm HiCAD. Hier werden Videos \/ Tipps und Tricks sowie Anleitungen bereitgestellt.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hicad-help.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Startseite - hicad-help.com - Die Hilfeseite f\u00fcr HiCAD","og_description":"Dies ist eine unabh\u00e4ngige Hilfeseite f\u00fcr das CAD Programm HiCAD. Hier werden Videos \/ Tipps und Tricks sowie Anleitungen bereitgestellt.","og_url":"https:\/\/hicad-help.com\/en\/","og_site_name":"hicad-help.com","article_modified_time":"2025-10-19T10:58:54+00:00","og_image":[{"url":"https:\/\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5-1024x102.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"324 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hicad-help.com\/","url":"https:\/\/hicad-help.com\/","name":"Startseite - hicad-help.com - Die Hilfeseite f\u00fcr HiCAD","isPartOf":{"@id":"https:\/\/hicad-help.com\/de_de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hicad-help.com\/#primaryimage"},"image":{"@id":"https:\/\/hicad-help.com\/#primaryimage"},"thumbnailUrl":"https:\/\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5-1024x102.png","datePublished":"2020-10-05T19:25:19+00:00","dateModified":"2025-10-19T10:58:54+00:00","description":"Dies ist eine unabh\u00e4ngige Hilfeseite f\u00fcr das CAD Programm HiCAD. Hier werden Videos \/ Tipps und Tricks sowie Anleitungen bereitgestellt.","breadcrumb":{"@id":"https:\/\/hicad-help.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hicad-help.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hicad-help.com\/#primaryimage","url":"https:\/\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5-1024x102.png","contentUrl":"https:\/\/hicad-help.com\/wp-content\/uploads\/2025\/10\/image-5-1024x102.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hicad-help.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/hicad-help.com\/"},{"@type":"ListItem","position":2,"name":"Startseite"}]},{"@type":"WebSite","@id":"https:\/\/hicad-help.com\/de_de\/#website","url":"https:\/\/hicad-help.com\/de_de\/","name":"hicad-help.com","description":"Help page for HiCAD","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hicad-help.com\/de_de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/pages\/559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/comments?post=559"}],"version-history":[{"count":9,"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/pages\/559\/revisions"}],"predecessor-version":[{"id":4058,"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/pages\/559\/revisions\/4058"}],"wp:attachment":[{"href":"https:\/\/hicad-help.com\/en\/wp-json\/wp\/v2\/media?parent=559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}