Leistungen Hochbau
{"uuid":"ef7d5e91-60db-4a67-8ec4-85e7fc1caf51","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 *,\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 *::before,\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 {\n --snippet-radius: 2px;\n --snippet-transition: 0.25s ease-out;\n --snippet-gray-light: #f7f8fa;\n --snippet-gray-mid: #e8eaed;\n --snippet-gray-text: #6b7280;\n }\n\n /* === Intro === */\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro {\n padding: 4rem 1.5rem 0;\n max-width: 1280px;\n margin: 0 auto;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-label {\n display: inline-block;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--wsw-color-accent, #6598fd);\n margin-bottom: 1.5rem;\n font-weight: 500;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2 {\n color: var(--wsw-color-black, #283d65);\n max-width: 820px;\n margin: 0 0 1.5rem 0;\n line-height: 1.1;\n font-size: clamp(2rem, 5vw, 3.2rem);\n font-weight: 500;\n letter-spacing: -0.02em;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro-sub {\n max-width: 680px;\n color: var(--snippet-gray-text);\n line-height: 1.65;\n margin: 0;\n }\n\n /* === Hero Grid === */\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-grid {\n display: flex;\n max-width: 1280px;\n margin: 3.5rem auto 0;\n padding: 0 1.5rem;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-image {\n flex: 1.15;\n position: relative;\n overflow: hidden;\n min-height: 480px;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-image img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text {\n flex: 0.85;\n background: var(--wsw-color-black, #283d65);\n color: var(--wsw-color-white, #ffffff);\n padding: 3.5rem 3rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text h3 {\n color: var(--wsw-color-white, #ffffff);\n margin: 0 0 1.25rem 0;\n font-weight: 500;\n letter-spacing: -0.01em;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text .hb-body {\n color: rgba(255, 255, 255, 0.78);\n line-height: 1.7;\n margin: 0;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text .hb-divider {\n width: 48px;\n height: 2px;\n background: var(--wsw-color-accent, #6598fd);\n margin: 1.5rem 0;\n border: none;\n }\n\n /* === Leistungskarten === */\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-services {\n max-width: 1280px;\n margin: 0 auto;\n padding: 4.5rem 1.5rem 4rem;\n display: flex;\n gap: 3rem;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card {\n flex: 1;\n background: var(--snippet-gray-light);\n padding: 2.75rem 2.5rem;\n border-left: 3px solid var(--wsw-color-accent, #6598fd);\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(40, 61, 101, 0.08);\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card:focus-within {\n outline: 2px solid var(--wsw-color-accent, #6598fd);\n outline-offset: 2px;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-icon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: var(--wsw-color-accent, #6598fd);\n color: var(--wsw-color-white, #fff);\n border-radius: var(--snippet-radius);\n margin-bottom: 1.5rem;\n font-size: 1.35rem;\n line-height: 1;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card h4 {\n color: var(--wsw-color-black, #283d65);\n margin: 0 0 1rem 0;\n font-weight: 500;\n letter-spacing: -0.01em;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card .hb-service-desc {\n color: var(--snippet-gray-text);\n line-height: 1.7;\n margin: 0 0 1.25rem 0;\n max-width: 65ch;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list {\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li {\n background: var(--wsw-color-white, #ffffff);\n color: var(--wsw-color-black, #283d65);\n padding: 0.35rem 0.85rem;\n font-size: 0.85rem;\n border: 1px solid var(--snippet-gray-mid);\n border-radius: var(--snippet-radius);\n line-height: 1.4;\n white-space: nowrap;\n }\n\n /* === Bottom Accent Line === */\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-bottom-line {\n max-width: 1280px;\n margin: 0 auto;\n padding: 0 1.5rem 4rem;\n }\n\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-bottom-line-inner {\n height: 1px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #6598fd) 0%, var(--snippet-gray-mid) 60%, transparent 100%);\n }\n\n /* === Dark/Black Theme === */\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro-sub,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro-sub,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro-sub,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro-sub {\n color: rgba(255, 255, 255, 0.7);\n }\n\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text {\n background: rgba(0, 0, 0, 0.3);\n }\n\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card {\n background: rgba(255, 255, 255, 0.06);\n }\n\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card h4,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card h4,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card h4,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card h4 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card .hb-service-desc,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card .hb-service-desc,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card .hb-service-desc,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card .hb-service-desc {\n color: rgba(255, 255, 255, 0.65);\n }\n\n section.wsw-theme-d #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li,\n section.wsw-theme-db #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li,\n section.wsw-theme-b #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li,\n section.wsw-theme-bb #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li {\n background: rgba(255, 255, 255, 0.08);\n color: rgba(255, 255, 255, 0.85);\n border-color: rgba(255, 255, 255, 0.12);\n }\n\n /* === Accent Theme === */\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro-sub {\n color: rgba(255, 255, 255, 0.78);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card {\n background: rgba(255, 255, 255, 0.12);\n border-left-color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card h4 {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card .hb-service-desc {\n color: rgba(255, 255, 255, 0.72);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-icon {\n background: var(--wsw-color-white, #fff);\n color: var(--wsw-color-accent, #6598fd);\n }\n\n section.wsw-theme-a #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li {\n background: rgba(255, 255, 255, 0.15);\n color: var(--wsw-color-white, #fff);\n border-color: rgba(255, 255, 255, 0.2);\n }\n\n /* === Tablet === */\n @media (max-width: 1024px) {\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-grid {\n flex-direction: column;\n margin-top: 2.5rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-image {\n min-height: 400px;\n flex: none;\n width: 100%;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text {\n flex: none;\n width: 100%;\n padding: 2.75rem 2.5rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-services {\n flex-direction: column;\n gap: 2rem;\n padding: 3.5rem 1.5rem 3rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card {\n flex: none;\n width: 100%;\n }\n }\n\n /* === Smartphone === */\n @media (max-width: 768px) {\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro {\n padding: 2.5rem 1.25rem 0;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2 {\n font-size: clamp(1.6rem, 6vw, 2.2rem);\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-grid {\n padding: 0 1.25rem;\n margin-top: 2rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-image {\n min-height: 300px;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-services {\n padding: 2.5rem 1.25rem;\n gap: 1.5rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card {\n padding: 2rem 1.5rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-icon {\n width: 42px;\n height: 42px;\n font-size: 1.15rem;\n margin-bottom: 1.25rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list {\n gap: 0.4rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-tag-list li {\n font-size: 0.8rem;\n padding: 0.3rem 0.7rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-bottom-line {\n padding: 0 1.25rem 2.5rem;\n }\n }\n\n /* === Kleine Smartphones === */\n @media (max-width: 480px) {\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro {\n padding: 2rem 1rem 0;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-intro h2 {\n font-size: clamp(1.35rem, 7vw, 1.7rem);\n margin-bottom: 1rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-grid {\n padding: 0 1rem;\n margin-top: 1.5rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-image {\n min-height: 240px;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-hero-text {\n padding: 1.75rem 1.25rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-services {\n padding: 2rem 1rem;\n gap: 1.25rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-service-card {\n padding: 1.5rem 1.25rem;\n }\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 .hb-bottom-line {\n padding: 0 1rem 2rem;\n }\n }\n\n /* === Reduced Motion === */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 *,\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 *::before,\n #wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-ef7d5e91-60db-4a67-8ec4-85e7fc1caf51\">\n\n <!-- Intro -->\n <div class=\"hb-intro\">\n <span class=\"hb-label p-small\">Leistungsbereich</span>\n <h2>Hochbau – Ganzheitliche Planung mit Präzision</h2>\n <span class=\"hb-intro-sub\">Von der ersten Idee bis zur Realisierung: Wir begleiten Ihr Bauvorhaben über alle Leistungsphasen hinweg – fachübergreifend, strukturiert und mit dem Anspruch höchster planerischer Qualität.</span>\n </div>\n\n <!-- Hero Grid: Bild + Text -->\n <div class=\"hb-hero-grid\">\n <div class=\"hb-hero-image\">\n <img src=\"/s3/c/wsw.website.14177/public/images/pages/folder.8/ai-snippet-69d6431150f12.jpg\" alt=\"Modernes Gebäude mit klarer architektonischer Formensprache\" loading=\"lazy\" draggable=\"false\">\n </div>\n <div class=\"hb-hero-text\">\n <h3>Planung aus einer Hand</h3>\n <div class=\"hb-divider\" role=\"presentation\"></div>\n <span class=\"hb-body\">Unsere Leistungen im Hochbau umfassen die ganzheitliche Planung eines Bauvorhabens – von der ersten Idee über den Entwurf und die Genehmigung bis zur Ausführung und Bauüberwachung. Je nach Kundenwunsch können alle Grundleistungen und besonderen Leistungen nach HOAI angeboten und mit eigenem Personal erbracht werden.</span>\n </div>\n </div>\n\n <!-- Leistungsbereiche -->\n <div class=\"hb-services\">\n\n <div class=\"hb-service-card\">\n <div class=\"hb-service-icon\" aria-hidden=\"true\">▢</div>\n <h4>Objektplanung Gebäude</h4>\n <span class=\"hb-service-desc\">Wir betreuen Bauvorhaben vom privaten Einfamilienhaus über größere Wohn- und Nutzobjekte bis hin zu öffentlichen oder gewerblichen Funktionsbauten – sowohl im Neubau als auch im Umbau. Auch beim Bauen im Bestand sind wir erfahren, unter anderem im Bereich von Kirchen und Denkmalpflege.</span>\n <ul class=\"hb-tag-list\">\n <li>Einfamilienhäuser</li>\n <li>Wohn- & Nutzobjekte</li>\n <li>Öffentliche Bauten</li>\n <li>Gewerbebauten</li>\n <li>Bauen im Bestand</li>\n <li>Denkmalpflege</li>\n </ul>\n </div>\n\n <div class=\"hb-service-card\">\n <div class=\"hb-service-icon\" aria-hidden=\"true\">△</div>\n <h4>Objektplanung Ingenieurbauwerke</h4>\n <span class=\"hb-service-desc\">Im konstruktiven Ingenieurbau betreuen wir insbesondere öffentliche Projekte. Unser Portfolio umfasst Fahrzeugbrücken in Stahlbetonbauweise, Fußgängerbrücken in Stahlbeton-, Stahl- und Holzbauweise sowie Stützbauwerke in Stahlbeton- und Mauerwerksbauweise.</span>\n <ul class=\"hb-tag-list\">\n <li>Fahrzeugbrücken</li>\n <li>Fußgängerbrücken</li>\n <li>Stützbauwerke</li>\n <li>Stahlbetonbau</li>\n <li>Stahlbau</li>\n <li>Holzbau</li>\n </ul>\n </div>\n\n </div>\n\n <!-- Bottom Accent Line -->\n <div class=\"hb-bottom-line\">\n <div class=\"hb-bottom-line-inner\"></div>\n </div>\n\n</div>","summary":null,"version":5,"inserted_version":5,"total_cost":3.1205503,"total_messages_sent":5,"summarized_at_total":0}
Leistungsbereich
Hochbau – Ganzheitliche Planung mit Präzision
Von der ersten Idee bis zur Realisierung: Wir begleiten Ihr Bauvorhaben über alle Leistungsphasen hinweg – fachübergreifend, strukturiert und mit dem Anspruch höchster planerischer Qualität.
Planung aus einer Hand
Unsere Leistungen im Hochbau umfassen die ganzheitliche Planung eines Bauvorhabens – von der ersten Idee über den Entwurf und die Genehmigung bis zur Ausführung und Bauüberwachung. Je nach Kundenwunsch können alle Grundleistungen und besonderen Leistungen nach HOAI angeboten und mit eigenem Personal erbracht werden.Objektplanung Gebäude
Wir betreuen Bauvorhaben vom privaten Einfamilienhaus über größere Wohn- und Nutzobjekte bis hin zu öffentlichen oder gewerblichen Funktionsbauten – sowohl im Neubau als auch im Umbau. Auch beim Bauen im Bestand sind wir erfahren, unter anderem im Bereich von Kirchen und Denkmalpflege.Objektplanung Ingenieurbauwerke
Im konstruktiven Ingenieurbau betreuen wir insbesondere öffentliche Projekte. Unser Portfolio umfasst Fahrzeugbrücken in Stahlbetonbauweise, Fußgängerbrücken in Stahlbeton-, Stahl- und Holzbauweise sowie Stützbauwerke in Stahlbeton- und Mauerwerksbauweise.{"uuid":"e6fffc13-4156-4607-9763-089b04dd9bd0","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n overflow-x: hidden;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 *,\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 *::before,\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 *::after {\n box-sizing: inherit;\n }\n\n /* === Variables === */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 {\n --tp-radius: 6px;\n --tp-radius-lg: 10px;\n --tp-transition: 0.25s ease-out;\n --tp-shadow-card: 0 2px 12px rgba(40, 61, 101, 0.07);\n --tp-shadow-card-hover: 0 8px 28px rgba(40, 61, 101, 0.13);\n --tp-border-subtle: 1px solid rgba(40, 61, 101, 0.08);\n }\n\n /* ======================\n MOBILE-FIRST BASE\n ====================== */\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-wrapper {\n max-width: 1200px;\n margin: 0 auto;\n padding: 1.5rem 1rem;\n width: 100%;\n }\n\n /* --- Header --- */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n margin-bottom: 1.5rem;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-text {\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n order: 1;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-label {\n display: inline-flex;\n align-items: center;\n gap: 0.35rem;\n font-size: 0.7rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--wsw-color-accent, #6598fd);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-label::before {\n content: \"\";\n display: inline-block;\n width: 20px;\n height: 2px;\n background: var(--wsw-color-accent, #6598fd);\n border-radius: 1px;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-title {\n color: var(--wsw-color-black, #283d65);\n margin: 0;\n line-height: 1.15;\n font-size: clamp(1.35rem, 5vw, 2.8rem);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro {\n color: var(--wsw-color-dark, #38548b);\n font-size: clamp(0.85rem, 2.2vw, 1.15rem);\n line-height: 1.55;\n margin: 0;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-image {\n position: relative;\n border-radius: var(--tp-radius);\n overflow: hidden;\n aspect-ratio: 16 / 9;\n order: 0;\n width: 100%;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-image::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(40, 61, 101, 0.10) 0%, transparent 60%);\n pointer-events: none;\n }\n\n /* --- Stat bar (mobile: vertikal mit inline-Paaren) --- */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar {\n display: flex;\n flex-direction: column;\n gap: 0;\n margin-bottom: 1.5rem;\n padding: 0;\n border-top: var(--tp-border-subtle);\n border-bottom: var(--tp-border-subtle);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat {\n display: flex;\n align-items: baseline;\n gap: 0.6rem;\n padding: 0.65rem 0;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat:not(:last-child) {\n border-bottom: var(--tp-border-subtle);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value {\n display: block;\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--wsw-color-black, #283d65);\n line-height: 1.2;\n flex-shrink: 0;\n white-space: nowrap;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc {\n display: block;\n font-size: 0.78rem;\n color: var(--wsw-color-dark, #38548b);\n line-height: 1.35;\n }\n\n /* --- Content cards --- */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-content-grid {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n margin-bottom: 1.5rem;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card {\n background: var(--wsw-color-light, #f5f7fa);\n border-radius: var(--tp-radius);\n padding: 1rem;\n display: flex;\n flex-direction: column;\n gap: 0.6rem;\n border: var(--tp-border-subtle);\n transition: box-shadow var(--tp-transition), transform var(--tp-transition);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon {\n width: 36px;\n height: 36px;\n border-radius: 4px;\n background: var(--wsw-color-accent, #6598fd);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--wsw-color-white, #fff);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-title {\n color: var(--wsw-color-black, #283d65);\n margin: 0;\n font-size: clamp(1.05rem, 3vw, 2.2rem);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-text {\n color: var(--wsw-color-dark, #38548b);\n font-size: clamp(0.82rem, 2vw, 1.1rem);\n line-height: 1.55;\n margin: 0;\n }\n\n /* --- Checklist --- */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist {\n list-style: none;\n padding: 0;\n margin: 0.25rem 0 0 0;\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.45rem;\n font-size: clamp(0.78rem, 1.8vw, 0.95rem);\n color: var(--wsw-color-dark, #38548b);\n line-height: 1.4;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li::before {\n content: \"✓\";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 16px;\n height: 16px;\n font-size: 0.55rem;\n font-weight: 700;\n color: var(--wsw-color-white, #fff);\n background: var(--wsw-color-accent, #6598fd);\n border-radius: 50%;\n flex-shrink: 0;\n margin-top: 0.12rem;\n }\n\n /* --- Badges --- */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-scope-row {\n display: flex;\n flex-wrap: wrap;\n gap: 0.25rem;\n margin-top: 0.25rem;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge {\n display: inline-block;\n padding: 0.18rem 0.5rem;\n font-size: 0.68rem;\n font-weight: 500;\n color: var(--wsw-color-black, #283d65);\n background: var(--wsw-color-white, #fff);\n border: 1px solid rgba(40, 61, 101, 0.12);\n border-radius: 100px;\n }\n\n /* --- Bottom bar --- */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar {\n background: var(--wsw-color-black, #283d65);\n border-radius: var(--tp-radius);\n padding: 0.75rem;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-label {\n color: var(--wsw-color-white, #fff);\n font-weight: 600;\n font-size: 0.85rem;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-items {\n display: flex;\n flex-wrap: wrap;\n gap: 0.3rem;\n align-items: center;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.2rem;\n padding: 0.25rem 0.5rem;\n font-size: 0.68rem;\n font-weight: 500;\n color: var(--wsw-color-white, #fff);\n background: rgba(255, 255, 255, 0.12);\n border: 1px solid rgba(255, 255, 255, 0.18);\n border-radius: 100px;\n backdrop-filter: blur(4px);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-tag::before {\n content: \"◆\";\n font-size: 0.3rem;\n opacity: 0.6;\n }\n\n /* Touch: kein Hover-Lift */\n @media (hover: none) {\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card:hover {\n transform: none;\n box-shadow: none;\n }\n }\n\n /* === THEME OVERRIDES === */\n\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-title,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-title,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-title,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-title,\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value,\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-title,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-title,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-title,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-title {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro,\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc,\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-text,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-text,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-text,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-text,\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li {\n color: rgba(255, 255, 255, 0.85);\n }\n\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.1);\n }\n\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge {\n background: rgba(255, 255, 255, 0.08);\n color: rgba(255, 255, 255, 0.85);\n border-color: rgba(255, 255, 255, 0.15);\n }\n\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar {\n border-color: rgba(255, 255, 255, 0.1);\n }\n\n section.wsw-theme-d #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar,\n section.wsw-theme-db #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar,\n section.wsw-theme-b #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar,\n section.wsw-theme-bb #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar {\n background: rgba(255, 255, 255, 0.08);\n border: 1px solid rgba(255, 255, 255, 0.12);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-title,\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value,\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-title {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro,\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc,\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-text,\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li {\n color: rgba(255, 255, 255, 0.88);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-label {\n color: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-label::before {\n background: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card {\n background: rgba(255, 255, 255, 0.1);\n border-color: rgba(255, 255, 255, 0.15);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge {\n background: rgba(255, 255, 255, 0.12);\n color: rgba(255, 255, 255, 0.9);\n border-color: rgba(255, 255, 255, 0.2);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar {\n border-color: rgba(255, 255, 255, 0.15);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon {\n background: var(--wsw-color-white, #fff);\n }\n\n section.wsw-theme-a #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon svg {\n stroke: var(--wsw-color-accent, #6598fd);\n }\n\n /* === Animations === */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-animate {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-animate.tp-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-animate-delay-1 { transition-delay: 0.1s; }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-animate-delay-2 { transition-delay: 0.2s; }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-animate-delay-3 { transition-delay: 0.3s; }\n\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 *,\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 *::before,\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-animate {\n opacity: 1;\n transform: none;\n }\n }\n\n /* ==============================================\n DESKTOP ENHANCEMENT: ≥ 768px\n ============================================== */\n @media (min-width: 768px) {\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-wrapper {\n padding: 2.5rem 1.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-text {\n gap: 1rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-image {\n aspect-ratio: 21 / 9;\n }\n\n /* Stat-Bar: 3 Spalten zentriert */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0;\n margin-bottom: 2.5rem;\n padding: 1rem 0;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat {\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 0.2rem;\n padding: 0.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat:not(:last-child) {\n border-bottom: none;\n border-right: var(--tp-border-subtle);\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value {\n font-size: 1.6rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-desc {\n font-size: 0.85rem;\n }\n\n /* Content Grid einspaltig */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-content-grid {\n gap: 1.25rem;\n margin-bottom: 2.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card {\n padding: 1.5rem;\n gap: 0.75rem;\n border-radius: var(--tp-radius-lg);\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card:hover {\n box-shadow: var(--tp-shadow-card-hover);\n transform: translateY(-4px);\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon {\n width: 42px;\n height: 42px;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon svg {\n width: 20px;\n height: 20px;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist {\n gap: 0.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li::before {\n min-width: 18px;\n height: 18px;\n font-size: 0.6rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge {\n padding: 0.25rem 0.65rem;\n font-size: 0.72rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-scope-row {\n gap: 0.35rem;\n }\n\n /* Bottom bar horizontal */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 1rem 1.5rem;\n border-radius: var(--tp-radius-lg);\n gap: 1rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-label {\n font-size: 0.95rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-tag {\n padding: 0.35rem 0.7rem;\n font-size: 0.75rem;\n }\n }\n\n /* ==============================================\n WIDE DESKTOP: ≥ 1024px\n ============================================== */\n @media (min-width: 1024px) {\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-wrapper {\n padding: 3rem 1.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header {\n grid-template-columns: 1fr 1fr;\n gap: 2.5rem;\n align-items: center;\n margin-bottom: 3rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-text {\n order: 0;\n gap: 1.25rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-header-image {\n order: 0;\n aspect-ratio: 4 / 3;\n border-radius: var(--tp-radius-lg);\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-intro {\n max-width: 54ch;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-label {\n font-size: 0.8rem;\n letter-spacing: 0.12em;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-label::before {\n width: 28px;\n }\n\n /* Stat Bar */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-bar {\n margin-bottom: 3rem;\n padding: 1.25rem 0;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-stat-value {\n font-size: 2rem;\n }\n\n /* Zwei Spalten für Karten */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-content-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 2rem;\n margin-bottom: 3rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-main-card {\n padding: 2rem;\n gap: 1rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon {\n width: 48px;\n height: 48px;\n border-radius: var(--tp-radius);\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-card-icon svg {\n width: 24px;\n height: 24px;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist {\n gap: 0.6rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-checklist li::before {\n min-width: 20px;\n height: 20px;\n font-size: 0.7rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-badge {\n padding: 0.3rem 0.75rem;\n font-size: 0.78rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-scope-row {\n gap: 0.5rem;\n }\n\n /* Bottom */\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-bar {\n padding: 1.25rem 2rem;\n gap: 1.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-label {\n font-size: 1.05rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-items {\n gap: 0.5rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-tag {\n padding: 0.4rem 0.9rem;\n font-size: 0.82rem;\n gap: 0.35rem;\n }\n #wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0 .tp-bottom-tag::before {\n font-size: 0.45rem;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0\">\n <div class=\"tp-wrapper\">\n\n <!-- Header: Text + Bild -->\n <div class=\"tp-header tp-animate tp-visible\">\n <div class=\"tp-header-text\">\n <span class=\"tp-label\">Technische Planung</span>\n <h2 class=\"tp-title\">Tragwerksplanung & Bauphysik</h2>\n <span class=\"tp-intro\">Sichere Konstruktionen, normgerechte Nachweise, wirtschaftliche Lösungen – von der statischen Berechnung bis zum bauphysikalischen Nachweis aus einer Hand.</span>\n </div>\n <div class=\"tp-header-image\">\n <img src=\"/s3/c/wsw.website.14177/public/images/pages/folder.8/ai-snippet-69d66288654d4.jpg\" alt=\"Technische Planungsunterlagen und Tragwerksmodell auf einem Ingenieursarbeitsplatz\" loading=\"lazy\" draggable=\"false\">\n </div>\n </div>\n\n <!-- Kennzahlenleiste -->\n <div class=\"tp-stat-bar tp-animate tp-animate-delay-1 tp-visible\">\n <div class=\"tp-stat\">\n <span class=\"tp-stat-value\">100 %</span>\n <span class=\"tp-stat-desc\">Normgerechte Nachweisführung</span>\n </div>\n <div class=\"tp-stat\">\n <span class=\"tp-stat-value\">Alle LP</span>\n <span class=\"tp-stat-desc\">Leistungsphasen nach HOAI</span>\n </div>\n <div class=\"tp-stat\">\n <span class=\"tp-stat-value\">2‑fach</span>\n <span class=\"tp-stat-desc\">Tragwerk & Bauphysik kombiniert</span>\n </div>\n </div>\n\n <!-- Zwei Leistungskarten -->\n <div class=\"tp-content-grid\">\n\n <!-- Karte 1: Tragwerksplanung -->\n <div class=\"tp-main-card tp-animate tp-animate-delay-1 tp-visible\">\n <div class=\"tp-card-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 21h18M5 21V7l7-4 7 4v14M9 21v-6h6v6\"></path></svg>\n </div>\n <h3 class=\"tp-card-title\">Tragwerksplanung</h3>\n <span class=\"tp-card-text\">Alle tragenden Bauteile – Decken, Stützen, Wände, Fundamente und Dachkonstruktionen – werden so überprüft und dimensioniert, dass sämtliche Lasten und Einwirkungen sicher abgeleitet werden.</span>\n <ul class=\"tp-checklist\">\n <li>Statische Berechnung und Bemessung</li>\n <li>Lastannahmen nach aktueller Normung</li>\n <li>Positionspläne und Bewehrungsführung</li>\n <li>Standsicherheitsnachweise für Genehmigungsverfahren</li>\n <li>Wirtschaftliche Optimierung der Tragstruktur</li>\n </ul>\n <div class=\"tp-scope-row\">\n <span class=\"tp-badge\">Eigengewicht</span>\n <span class=\"tp-badge\">Wind</span>\n <span class=\"tp-badge\">Schnee</span>\n <span class=\"tp-badge\">Verkehrslasten</span>\n <span class=\"tp-badge\">Erdbeben</span>\n </div>\n </div>\n\n <!-- Karte 2: Bauphysik -->\n <div class=\"tp-main-card tp-animate tp-animate-delay-2 tp-visible\">\n <div class=\"tp-card-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 2v10m0 0 4-4m-4 4-4-4\"></path><path d=\"M4 14a8 8 0 0 0 16 0\"></path></svg>\n </div>\n <h3 class=\"tp-card-title\">Bauphysikalische Nachweise</h3>\n <span class=\"tp-card-text\">Wir weisen nach, dass Ihr Neubau oder Umbau die normgerechten Anforderungen an Wärme-, Schall- und Feuchteschutz zuverlässig erfüllt – wirtschaftlich und prüfungssicher.</span>\n <ul class=\"tp-checklist\">\n <li>Wärmeschutznachweis nach GEG</li>\n <li>Schallschutznachweis nach DIN 4109</li>\n <li>Feuchteschutzbewertung und Taupunktanalyse</li>\n <li>Energetische Bilanzierung</li>\n <li>Nachweisdokumentation für Baugenehmigung</li>\n </ul>\n <div class=\"tp-scope-row\">\n <span class=\"tp-badge\">Wärmeschutz</span>\n <span class=\"tp-badge\">Schallschutz</span>\n <span class=\"tp-badge\">Feuchteschutz</span>\n <span class=\"tp-badge\">GEG</span>\n </div>\n </div>\n\n </div>\n\n <!-- Einsatzbereiche -->\n <div class=\"tp-bottom-bar tp-animate tp-animate-delay-3 tp-visible\">\n <span class=\"tp-bottom-label\">Einsatzbereiche</span>\n <div class=\"tp-bottom-items\">\n <span class=\"tp-bottom-tag\">Neubau</span>\n <span class=\"tp-bottom-tag\">Umbau</span>\n <span class=\"tp-bottom-tag\">Objektplanung</span>\n <span class=\"tp-bottom-tag\">Tragwerksplanung</span>\n <span class=\"tp-bottom-tag\">Bauphysik</span>\n </div>\n </div>\n\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n var el = document.getElementById('wsw-snippet-e6fffc13-4156-4607-9763-089b04dd9bd0');\n if (!el) return;\n\n var items = el.querySelectorAll('.tp-animate');\n if (!items.length) return;\n\n if (!('IntersectionObserver' in window)) {\n items.forEach(function(item) { item.classList.add('tp-visible'); });\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('tp-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n items.forEach(function(item) { observer.observe(item); });\n})();\n</script>","summary":null,"version":6,"inserted_version":6,"total_cost":5.152249899999999,"total_messages_sent":6,"summarized_at_total":0}
Technische Planung
Tragwerksplanung & Bauphysik
Sichere Konstruktionen, normgerechte Nachweise, wirtschaftliche Lösungen – von der statischen Berechnung bis zum bauphysikalischen Nachweis aus einer Hand.
Tragwerksplanung
Alle tragenden Bauteile – Decken, Stützen, Wände, Fundamente und Dachkonstruktionen – werden so überprüft und dimensioniert, dass sämtliche Lasten und Einwirkungen sicher abgeleitet werden.- Statische Berechnung und Bemessung
- Lastannahmen nach aktueller Normung
- Positionspläne und Bewehrungsführung
- Standsicherheitsnachweise für Genehmigungsverfahren
- Wirtschaftliche Optimierung der Tragstruktur
Eigengewicht
Wind
Schnee
Verkehrslasten
Erdbeben
Bauphysikalische Nachweise
Wir weisen nach, dass Ihr Neubau oder Umbau die normgerechten Anforderungen an Wärme-, Schall- und Feuchteschutz zuverlässig erfüllt – wirtschaftlich und prüfungssicher.- Wärmeschutznachweis nach GEG
- Schallschutznachweis nach DIN 4109
- Feuchteschutzbewertung und Taupunktanalyse
- Energetische Bilanzierung
- Nachweisdokumentation für Baugenehmigung
Wärmeschutz
Schallschutz
Feuchteschutz
GEG
{"uuid":"c733ae61-9d34-4472-8047-82cd70052a4b","provider":"wsw-nova","model":"sirius","image_strategy":"generate_gemini:nano_pro","image_quality":null,"image_size":null,"image_aspect_ratio":null,"use_website_data":true,"html":"<style>\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b {\n font-family: inherit;\n box-sizing: border-box;\n background: transparent;\n padding: clamp(2.5rem, 6vw, 5rem) 0;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b *,\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b *::before,\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b *::after {\n box-sizing: inherit;\n }\n\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b {\n --snippet-radius: 10px;\n --snippet-transition: 0.25s ease-out;\n --snippet-shadow: 0 2px 16px rgba(40, 61, 101, 0.07);\n --snippet-shadow-hover: 0 8px 32px rgba(40, 61, 101, 0.13);\n }\n\n /* Container */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 1.5rem;\n }\n\n /* Header */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto clamp(2rem, 4vw, 3.5rem);\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-label {\n display: inline-block;\n font-size: clamp(0.68rem, 1.8vw, 0.8rem);\n font-weight: 600;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--wsw-color-accent, #6598fd);\n margin-bottom: 0.75rem;\n padding: 0.35rem 0.85rem;\n background: rgba(101, 152, 253, 0.08);\n border-radius: 50px;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header h2 {\n color: var(--wsw-color-black, #283d65);\n margin: 0 0 1rem;\n font-size: clamp(1.35rem, 4vw, 2.8rem);\n line-height: 1.15;\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: none;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro {\n color: var(--wsw-color-dark, #38548b);\n max-width: 65ch;\n margin: 0 auto;\n line-height: 1.6;\n opacity: 0.85;\n font-size: clamp(0.875rem, 2.2vw, 1.125rem);\n hyphens: none;\n }\n\n /* Hero Image */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-hero-img {\n width: 100%;\n border-radius: var(--snippet-radius);\n overflow: hidden;\n margin-bottom: clamp(2rem, 4vw, 3.5rem);\n position: relative;\n aspect-ratio: 21 / 8;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-hero-img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-hero-img::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(40, 61, 101, 0.25) 100%);\n pointer-events: none;\n }\n\n /* Services Grid — single column by default (mobile first) */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-services-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n\n /* Service Card */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card {\n background: var(--wsw-color-white, #ffffff);\n border: 1px solid rgba(40, 61, 101, 0.08);\n border-radius: var(--snippet-radius);\n padding: 1.5rem 1.25rem 1.25rem;\n display: flex;\n flex-direction: column;\n transition: transform var(--snippet-transition), box-shadow var(--snippet-transition);\n box-shadow: var(--snippet-shadow);\n position: relative;\n overflow: visible;\n min-width: 0;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--wsw-color-accent, #6598fd), var(--wsw-color-dark, #38548b));\n border-radius: var(--snippet-radius) var(--snippet-radius) 0 0;\n opacity: 0;\n transition: opacity var(--snippet-transition);\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card:hover {\n transform: translateY(-4px);\n box-shadow: var(--snippet-shadow-hover);\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card:hover::before {\n opacity: 1;\n }\n\n /* Card Icon */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-icon {\n width: 44px;\n height: 44px;\n border-radius: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.25rem;\n margin-bottom: 1rem;\n flex-shrink: 0;\n background: rgba(101, 152, 253, 0.1);\n color: var(--wsw-color-accent, #6598fd);\n }\n\n /* Card Title */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card h3 {\n color: var(--wsw-color-black, #283d65);\n margin: 0 0 0.75rem;\n line-height: 1.25;\n font-size: clamp(1.05rem, 2.5vw, 1.375rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: none;\n }\n\n /* Card Body */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-body {\n color: var(--wsw-color-dark, #38548b);\n line-height: 1.65;\n opacity: 0.85;\n margin-bottom: 1.25rem;\n flex-grow: 1;\n font-size: clamp(0.84rem, 2vw, 1rem);\n word-wrap: break-word;\n overflow-wrap: break-word;\n hyphens: none;\n }\n\n /* Tag List */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 0.4rem;\n list-style: none;\n padding: 0;\n margin: 0;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-tags li {\n font-size: clamp(0.7rem, 1.6vw, 0.78rem);\n font-weight: 500;\n letter-spacing: 0.02em;\n padding: 0.3rem 0.7rem;\n border-radius: 50px;\n background: var(--wsw-color-light, #f5f7fa);\n color: var(--wsw-color-dark, #38548b);\n border: 1px solid rgba(40, 61, 101, 0.07);\n transition: background var(--snippet-transition), color var(--snippet-transition);\n line-height: 1.35;\n white-space: nowrap;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card:hover .eng-tags li {\n background: rgba(101, 152, 253, 0.08);\n color: var(--wsw-color-accent, #6598fd);\n }\n\n /* Certification Badge */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-cert {\n margin-top: auto;\n padding-top: 1rem;\n border-top: 1px solid rgba(40, 61, 101, 0.08);\n display: flex;\n align-items: flex-start;\n gap: 0.5rem;\n color: var(--wsw-color-dark, #38548b);\n font-size: clamp(0.75rem, 1.8vw, 0.85rem);\n font-weight: 500;\n opacity: 0.75;\n hyphens: none;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-cert-icon {\n color: var(--wsw-color-accent, #6598fd);\n font-size: 1.1rem;\n flex-shrink: 0;\n margin-top: 0.1rem;\n }\n\n /* Checklist */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist {\n list-style: none;\n padding: 0;\n margin: 0 0 1.25rem;\n display: flex;\n flex-direction: column;\n gap: 0.55rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li {\n display: flex;\n align-items: flex-start;\n gap: 0.55rem;\n color: var(--wsw-color-dark, #38548b);\n line-height: 1.5;\n font-size: clamp(0.82rem, 2vw, 0.95rem);\n hyphens: none;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li > span:last-child {\n min-width: 0;\n word-wrap: break-word;\n overflow-wrap: break-word;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-check-mark {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: rgba(101, 152, 253, 0.1);\n color: var(--wsw-color-accent, #6598fd);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 0.65rem;\n font-weight: 700;\n margin-top: 0.15rem;\n }\n\n /* ─── Dark / Black theme overrides ─── */\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header h2,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header h2,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header h2,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro {\n color: var(--wsw-color-light, #f5f7fa);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card {\n background: rgba(255, 255, 255, 0.06);\n border-color: rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card h3,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card h3,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card h3,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-body,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-body,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-body,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-body,\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li {\n color: rgba(255, 255, 255, 0.8);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-tags li,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-tags li,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-tags li,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-tags li {\n background: rgba(255, 255, 255, 0.08);\n color: rgba(255, 255, 255, 0.75);\n border-color: rgba(255, 255, 255, 0.1);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-cert,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-cert,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-cert,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-cert {\n color: rgba(255, 255, 255, 0.65);\n border-color: rgba(255, 255, 255, 0.08);\n }\n section.wsw-theme-d #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-label,\n section.wsw-theme-db #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-label,\n section.wsw-theme-b #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-label,\n section.wsw-theme-bb #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-label {\n background: rgba(101, 152, 253, 0.15);\n color: var(--wsw-color-accent, #6598fd);\n }\n\n /* ─── Accent theme ─── */\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header h2 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro {\n color: rgba(255, 255, 255, 0.88);\n }\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-label {\n background: rgba(255, 255, 255, 0.18);\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card {\n background: rgba(255, 255, 255, 0.12);\n border-color: rgba(255, 255, 255, 0.15);\n }\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card h3 {\n color: var(--wsw-color-white, #fff);\n }\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-body,\n section.wsw-theme-a #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-checklist li {\n color: rgba(255, 255, 255, 0.82);\n }\n\n /* ─── Scroll-triggered entrance animation ─── */\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-animate {\n opacity: 0;\n transform: translateY(24px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-animate.eng-visible {\n opacity: 1;\n transform: translateY(0);\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-animate-delay-1 { transition-delay: 0.1s; }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-animate-delay-2 { transition-delay: 0.25s; }\n\n /* ─── Reduced motion ─── */\n @media (prefers-reduced-motion: reduce) {\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b *,\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b *::before,\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b *::after {\n transition-duration: 0.01ms !important;\n animation-duration: 0.01ms !important;\n }\n }\n\n /* ─── Desktop: two columns from 900px up ─── */\n @media (min-width: 900px) {\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-services-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card {\n padding: 2.5rem 2rem 2rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card-icon {\n width: 56px;\n height: 56px;\n font-size: 1.6rem;\n border-radius: 12px;\n margin-bottom: 1.5rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-container {\n padding: 0 1.5rem;\n }\n }\n\n /* ─── Tablet: refine image ─── */\n @media (max-width: 899px) {\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-hero-img {\n aspect-ratio: 2 / 1;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header {\n text-align: left;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-header-intro {\n margin: 0;\n }\n }\n\n /* ─── Mobile portrait ─── */\n @media (max-width: 480px) {\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b {\n padding: 2rem 0;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-container {\n padding: 0 0.875rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card {\n padding: 1.25rem 1rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-hero-img {\n aspect-ratio: 4 / 3;\n border-radius: 6px;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-services-grid {\n gap: 1.25rem;\n }\n }\n\n /* ─── Very small screens ─── */\n @media (max-width: 360px) {\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-container {\n padding: 0 0.75rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-card {\n padding: 1.125rem 0.875rem;\n }\n #wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b .eng-hero-img {\n aspect-ratio: 3 / 2;\n }\n }\n</style>\n\n<div id=\"wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b\">\n <div class=\"eng-container\">\n\n <!-- Header -->\n <div class=\"eng-header eng-animate eng-visible\">\n <span class=\"eng-label\">Ergänzende Ingenieurleistungen</span>\n <h2>Präzision auf dem Baufeld. Sicherheit auf der Baustelle.</h2>\n <span class=\"eng-header-intro\">Wir begleiten Bauprojekte über die Planung hinaus – mit modernster Vermessungstechnik und zertifizierter Sicherheitskoordination. Für eine solide Grundlage und den Schutz aller Beteiligten.</span>\n </div>\n\n <!-- Hero Image -->\n <div class=\"eng-hero-img eng-animate eng-visible\">\n <img src=\"/s3/c/wsw.website.14177/public/images/pages/folder.8/ai-snippet-69d66448ae963.jpg\" alt=\"Ingenieur bei der Vermessungsarbeit mit moderner Messtechnik auf einer Hochbaustelle\" loading=\"lazy\" draggable=\"false\">\n </div>\n\n <!-- Service Cards -->\n <div class=\"eng-services-grid\">\n\n <!-- Card 1: Ingenieurvermessung -->\n <div class=\"eng-card eng-animate eng-animate-delay-1 eng-visible\">\n <div class=\"eng-card-icon\">\n <span>⬡</span>\n </div>\n <h3>Ingenieurvermessung</h3>\n <span class=\"eng-card-body\">Mit moderner und zeitgemäßer Messtechnik schaffen wir eine solide Grundlage für Objektplanungen im Hoch- und Tiefbau. Zum Einsatz kommen Video-Robotic-Systeme, GPS-Geräte sowie eine DJI-Messdrohne. Auf dieser Basis erzeugen wir hochauflösende Objektaufnahmen und digitale Geländemodelle für Planungen sowie für die Abrechnung von Bauprojekten.</span>\n <ul class=\"eng-tags\">\n <li>Video-Robotic-Systeme</li>\n <li>GPS-Vermessung</li>\n <li>DJI-Messdrohne</li>\n <li>Digitale Geländemodelle</li>\n <li>Objektaufnahmen</li>\n </ul>\n </div>\n\n <!-- Card 2: SiGeKo -->\n <div class=\"eng-card eng-animate eng-animate-delay-2 eng-visible\">\n <div class=\"eng-card-icon\">\n <span>⛨</span>\n </div>\n <h3>Sicherheits- und Gesundheitsschutzkoordination</h3>\n <span class=\"eng-card-body\">Der Arbeits- und Gesundheitsschutz hat bei der erfolgreichen Umsetzung von Bauprojekten einen hohen Stellenwert. Unsere zertifizierten SiGeKo-Fachkräfte begleiten Ihr Projekt von der Planungsphase bis zur Fertigstellung.</span>\n <ul class=\"eng-checklist\">\n <li>\n <span class=\"eng-check-mark\">✓</span>\n <span>Beratung des Bauherrn in allen Fragen der Baustellensicherheit</span>\n </li>\n <li>\n <span class=\"eng-check-mark\">✓</span>\n <span>Protokollierung von Begehungen und Sicherheitsprüfungen</span>\n </li>\n <li>\n <span class=\"eng-check-mark\">✓</span>\n <span>Dokumentation von Gefährdungen und Erstellung geeigneter Korrekturmaßnahmen</span>\n </li>\n </ul>\n <div class=\"eng-cert\">\n <span class=\"eng-cert-icon\">◉</span>\n <span>Zertifiziert nach Baustellenverordnung und RAB 30</span>\n </div>\n </div>\n\n </div>\n </div>\n</div>\n\n<script>\n(function() {\n 'use strict';\n\n var el = document.getElementById('wsw-snippet-c733ae61-9d34-4472-8047-82cd70052a4b');\n if (!el) return;\n\n var targets = el.querySelectorAll('.eng-animate');\n if (!targets.length) return;\n\n if (!('IntersectionObserver' in window)) {\n targets.forEach(function(t) { t.classList.add('eng-visible'); });\n return;\n }\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.classList.add('eng-visible');\n observer.unobserve(entry.target);\n }\n });\n }, { threshold: 0.15 });\n\n targets.forEach(function(t) { observer.observe(t); });\n\n})();\n</script>","summary":null,"version":4,"inserted_version":4,"total_cost":2.2505265999999997,"total_messages_sent":4,"summarized_at_total":0}
Ergänzende Ingenieurleistungen
Präzision auf dem Baufeld. Sicherheit auf der Baustelle.
Wir begleiten Bauprojekte über die Planung hinaus – mit modernster Vermessungstechnik und zertifizierter Sicherheitskoordination. Für eine solide Grundlage und den Schutz aller Beteiligten.
Ingenieurvermessung
Mit moderner und zeitgemäßer Messtechnik schaffen wir eine solide Grundlage für Objektplanungen im Hoch- und Tiefbau. Zum Einsatz kommen Video-Robotic-Systeme, GPS-Geräte sowie eine DJI-Messdrohne. Auf dieser Basis erzeugen wir hochauflösende Objektaufnahmen und digitale Geländemodelle für Planungen sowie für die Abrechnung von Bauprojekten.Sicherheits- und Gesundheitsschutzkoordination
Der Arbeits- und Gesundheitsschutz hat bei der erfolgreichen Umsetzung von Bauprojekten einen hohen Stellenwert. Unsere zertifizierten SiGeKo-Fachkräfte begleiten Ihr Projekt von der Planungsphase bis zur Fertigstellung.- ✓ Beratung des Bauherrn in allen Fragen der Baustellensicherheit
- ✓ Protokollierung von Begehungen und Sicherheitsprüfungen
- ✓ Dokumentation von Gefährdungen und Erstellung geeigneter Korrekturmaßnahmen
Zertifiziert nach Baustellenverordnung und RAB 30