{"id":5099,"date":"2025-11-27T07:02:23","date_gmt":"2025-11-27T07:02:23","guid":{"rendered":"https:\/\/hpmc.ae\/?page_id=5099"},"modified":"2025-12-10T05:44:11","modified_gmt":"2025-12-10T05:44:11","slug":"hooked-end-steel-fiber-reinforcement-for-high-strength-concrete","status":"publish","type":"page","link":"https:\/\/hpmc.ae\/de\/cellulose-ether-hpmc\/novastar-by-landu-premium-steel-fibers-for-advanced-concrete-reinforcement\/hooked-end-steel-fiber-reinforcement-for-high-strength-concrete\/","title":{"rendered":"Eingef\u00fcgte Stahlfaserbewehrung mit Hakenenden f\u00fcr Hochleistungsbeton"},"content":{"rendered":"<div class=\"hooked-banner\">\n    <!-- \u80cc\u666f\u5c42\u6b21 --><\/p>\n<div class=\"hooked-background-layers\">\n<div class=\"hooked-layer hooked-layer-1\"><\/div>\n<div class=\"hooked-layer hooked-layer-2\"><\/div>\n<div class=\"hooked-layer hooked-layer-3\"><\/div>\n<div class=\"hooked-radial-gradient\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u51e0\u4f55\u88c5\u9970\u5143\u7d20 - \u94a9\u7aef\u94a2\u7ea4\u7ef4\u4e3b\u9898 --><\/p>\n<div class=\"hooked-geometric-elements\">\n        <!-- \u94a9\u7aef\u94a2\u7ea4\u7ef4\u5f62\u72b6 --><\/p>\n<div class=\"hooked-fiber hooked-fiber-1\">\n<div class=\"hooked-fiber-body\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-left\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-right\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-fiber hooked-fiber-2\">\n<div class=\"hooked-fiber-body\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-left\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-right\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-fiber hooked-fiber-3\">\n<div class=\"hooked-fiber-body\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-left\"><\/div>\n<div class=\"hooked-fiber-hook hooked-hook-right\"><\/div>\n<\/p><\/div>\n<p>        <!-- \u6df7\u51dd\u571f\u7ed3\u6784\u7f51\u683c --><\/p>\n<div class=\"hooked-concrete-grid hooked-grid-1\"><\/div>\n<div class=\"hooked-concrete-grid hooked-grid-2\"><\/div>\n<p>        <!-- \u5f3a\u5ea6\u7b26\u53f7 --><\/p>\n<div class=\"hooked-strength-symbol hooked-symbol-1\"><\/div>\n<div class=\"hooked-strength-symbol hooked-symbol-2\"><\/div>\n<p>        <!-- \u951a\u56fa\u70b9\u88c5\u9970 --><\/p>\n<div class=\"hooked-anchor-point hooked-anchor-1\"><\/div>\n<div class=\"hooked-anchor-point hooked-anchor-2\"><\/div>\n<div class=\"hooked-anchor-point hooked-anchor-3\"><\/div>\n<p>        <!-- \u7ed3\u6784\u7ebf\u6761 --><\/p>\n<div class=\"hooked-structure-line hooked-line-1\"><\/div>\n<div class=\"hooked-structure-line hooked-line-2\"><\/div>\n<\/p><\/div>\n<p>    <!-- \u4e3b\u8981\u5185\u5bb9 --><\/p>\n<div class=\"hooked-main-content\">\n<div class=\"hooked-content-left\">\n<div class=\"hooked-title-section\">\n<div class=\"hooked-brand-line\">\n                    <span class=\"hooked-brand-name\">NOVASTAR\u2122<\/span><br \/>\n                    <span class=\"hooked-brand-by\">von LANDU<\/span>\n                <\/div>\n<h1 class=\"hooked-main-title\">\n                    Haken-End Stahlfaserverst\u00e4rkung<br \/>\n                    <span class=\"hooked-highlight\">f\u00fcr Hochleistungsbeton<\/span><br \/>\n                <\/h1>\n<div class=\"hooked-subtitle\">\n                    Erzielen Sie \u00fcberlegene Z\u00e4higkeit, Biegefestigkeit und langfristige Haltbarkeit bei jedem Guss.\n                <\/div>\n<\/p><\/div>\n<div class=\"hooked-description\">\n                Entwickelt f\u00fcr SFRC, UHPC, Industrieestriche, Tunnelbau und Schwerlaststrukturen. NOVASTAR\u2122 Haken-End Stahlfasern bieten au\u00dfergew\u00f6hnliche mechanische Verankerung und gleichm\u00e4\u00dfige Verteilung f\u00fcr kritische Betonanwendungen.\n            <\/div>\n<div class=\"hooked-features-grid\">\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Hohe Zugfestigkeit<\/div>\n<div class=\"hooked-feature-value\">\u22651100 MPa<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Optimale Verankerung<\/div>\n<div class=\"hooked-feature-value\">Haken-End Design<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Direkte Verteilung<\/div>\n<div class=\"hooked-feature-value\">Gleichm\u00e4\u00dfige Verteilung<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-feature-item\">\n<div class=\"hooked-feature-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-feature-text\">\n<div class=\"hooked-feature-title\">Globale Infrastruktur<\/div>\n<div class=\"hooked-feature-value\">Bew\u00e4hrte Leistung<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-cta-section\">\n                <button class=\"hooked-cta-button\"><br \/>\n                    <span>Technische Spezifikationen anfordern<\/span><br \/>\n                    <svg class=\"hooked-arrow-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button><\/p>\n<div class=\"hooked-quality-badges\">\n<div class=\"hooked-badge\">ISO 9001 Zertifiziert<\/div>\n<div class=\"hooked-badge\">ASTM A820 Konform<\/div>\n<div class=\"hooked-badge\">EN 14889 Standard<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-content-right\">\n<div class=\"hooked-visual-section\">\n                <!-- \u5e94\u7528\u573a\u666f\u5361\u7247 --><\/p>\n<div class=\"hooked-application-cards\">\n<div class=\"hooked-app-card hooked-card-primary\">\n<div class=\"hooked-card-icon\">\n<div class=\"hooked-card-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-card-content\">\n<div class=\"hooked-card-title\">SFRC &amp; UHPC<\/div>\n<div class=\"hooked-card-desc\">Stahlfaserverst\u00e4rkter Beton &amp; Ultra-Hochleistungsbeton<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-app-card hooked-card-secondary\">\n<div class=\"hooked-card-icon\">\n<div class=\"hooked-card-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-card-content\">\n<div class=\"hooked-card-title\">Industrieller Bodenbelag<\/div>\n<div class=\"hooked-card-desc\">Hochfrequenzlager, Fertigungsanlagen, Vertriebszentren<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"hooked-app-card hooked-card-tertiary\">\n<div class=\"hooked-card-icon\">\n<div class=\"hooked-card-icon-shape\"><\/div>\n<\/p><\/div>\n<div class=\"hooked-card-content\">\n<div class=\"hooked-card-title\">Tunnelbau &amp; Infrastruktur<\/div>\n<div class=\"hooked-card-desc\">Tunnelinnenauskleidungen, Br\u00fccken, Schwerlaststra\u00dfen, kritische Strukturen<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u6027\u80fd\u6307\u6807 --><\/p>\n<div class=\"hooked-performance-badge\">\n<div class=\"hooked-perf-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<div class=\"hooked-perf-text\">\n<div class=\"hooked-perf-label\">Biegefestigkeitserh\u00f6hung<\/div>\n<div class=\"hooked-perf-value\">Bis zu 40% Verbesserung<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .hooked-banner {\n        width: 100%;\n        min-height: 80vh;\n        background: linear-gradient(135deg, #f8faff 0%, #eff6ff 25%, #e0f2fe 50%, #dbeafe 100%);\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        padding: 80px 0;\n    }<\/p>\n<p>    \/* \u80cc\u666f\u5c42\u6b21 *\/\n    .hooked-background-layers {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 0;\n    }<\/p>\n<p>    .hooked-layer {\n        position: absolute;\n        border-radius: 50%;\n        opacity: 0.35;\n    }<\/p>\n<p>    .hooked-layer-1 {\n        width: 500px;\n        height: 500px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.18) 0%, transparent 70%);\n        top: -140px;\n        right: -140px;\n        animation: hooked-float-1 24s ease-in-out infinite alternate;\n    }<\/p>\n<p>    .hooked-layer-2 {\n        width: 420px;\n        height: 420px;\n        background: radial-gradient(circle, rgba(29, 78, 216, 0.15) 0%, transparent 70%);\n        bottom: -110px;\n        left: -110px;\n        animation: hooked-float-2 22s ease-in-out infinite alternate-reverse;\n    }<\/p>\n<p>    .hooked-layer-3 {\n        width: 340px;\n        height: 340px;\n        background: radial-gradient(circle, rgba(96, 165, 250, 0.12) 0%, transparent 70%);\n        top: 40%;\n        left: 50%;\n        animation: hooked-float-3 26s ease-in-out infinite alternate;\n    }<\/p>\n<p>    .hooked-radial-gradient {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 1000px;\n        height: 1000px;\n        background: radial-gradient(circle, rgba(219, 234, 254, 0.5) 0%, transparent 70%);\n        animation: hooked-pulse-slow 18s ease-in-out infinite;\n    }<\/p>\n<p>    \/* \u51e0\u4f55\u88c5\u9970\u5143\u7d20 - \u94a9\u7aef\u94a2\u7ea4\u7ef4\u4e3b\u9898 *\/\n    .hooked-geometric-elements {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.6;\n        z-index: 0;\n    }<\/p>\n<p>    \/* \u94a9\u7aef\u94a2\u7ea4\u7ef4\u5f62\u72b6 *\/\n    .hooked-fiber {\n        position: absolute;\n        display: flex;\n        align-items: center;\n    }<\/p>\n<p>    .hooked-fiber-body {\n        height: 4px;\n        background: linear-gradient(90deg, \n            rgba(59, 130, 246, 0) 0%,\n            rgba(59, 130, 246, 0.4) 15%,\n            rgba(29, 78, 216, 0.5) 50%,\n            rgba(59, 130, 246, 0.4) 85%,\n            rgba(59, 130, 246, 0) 100%\n        );\n        border-radius: 2px;\n        position: relative;\n    }<\/p>\n<p>    .hooked-fiber-hook {\n        position: absolute;\n        width: 12px;\n        height: 12px;\n        border: 3px solid rgba(29, 78, 216, 0.5);\n        border-radius: 50% 50% 0 50%;\n    }<\/p>\n<p>    .hooked-hook-left {\n        left: -6px;\n        transform: rotate(-45deg);\n    }<\/p>\n<p>    .hooked-hook-right {\n        right: -6px;\n        transform: rotate(135deg);\n    }<\/p>\n<p>    .hooked-fiber-1 {\n        top: 18%;\n        left: 8%;\n        transform: rotate(-20deg);\n        animation: hooked-fiber-drift-1 16s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-fiber-1 .hooked-fiber-body {\n        width: 200px;\n    }<\/p>\n<p>    .hooked-fiber-2 {\n        top: 45%;\n        left: 6%;\n        transform: rotate(25deg);\n        animation: hooked-fiber-drift-2 18s ease-in-out infinite;\n        animation-delay: -4s;\n    }<\/p>\n<p>    .hooked-fiber-2 .hooked-fiber-body {\n        width: 170px;\n    }<\/p>\n<p>    .hooked-fiber-3 {\n        bottom: 22%;\n        left: 10%;\n        transform: rotate(-15deg);\n        animation: hooked-fiber-drift-3 17s ease-in-out infinite;\n        animation-delay: -7s;\n    }<\/p>\n<p>    .hooked-fiber-3 .hooked-fiber-body {\n        width: 190px;\n    }<\/p>\n<p>    \/* \u6df7\u51dd\u571f\u7ed3\u6784\u7f51\u683c *\/\n    .hooked-concrete-grid {\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        background-image: \n            repeating-linear-gradient(0deg, rgba(59, 130, 246, 0.15) 0px, rgba(59, 130, 246, 0.15) 2px, transparent 2px, transparent 20px),\n            repeating-linear-gradient(90deg, rgba(59, 130, 246, 0.15) 0px, rgba(59, 130, 246, 0.15) 2px, transparent 2px, transparent 20px);\n        animation: hooked-grid-pulse 13s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-grid-1 {\n        top: 25%;\n        left: 15%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .hooked-grid-2 {\n        bottom: 30%;\n        left: 12%;\n        animation-delay: -5s;\n    }<\/p>\n<p>    \/* \u5f3a\u5ea6\u7b26\u53f7 *\/\n    .hooked-strength-symbol {\n        position: absolute;\n        width: 50px;\n        height: 50px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.15) 100%);\n        clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);\n        animation: hooked-symbol-rotate 30s linear infinite;\n    }<\/p>\n<p>    .hooked-symbol-1 {\n        top: 15%;\n        left: 12%;\n    }<\/p>\n<p>    .hooked-symbol-2 {\n        bottom: 20%;\n        left: 8%;\n        animation-direction: reverse;\n    }<\/p>\n<p>    \/* \u951a\u56fa\u70b9\u88c5\u9970 *\/\n    .hooked-anchor-point {\n        position: absolute;\n        width: 8px;\n        height: 8px;\n        background: rgba(59, 130, 246, 0.4);\n        border-radius: 50%;\n        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15),\n                    0 0 0 8px rgba(59, 130, 246, 0.08);\n        animation: hooked-anchor-pulse 3s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-anchor-1 {\n        top: 28%;\n        left: 14%;\n        animation-delay: 0s;\n    }<\/p>\n<p>    .hooked-anchor-2 {\n        top: 52%;\n        left: 10%;\n        animation-delay: -1s;\n    }<\/p>\n<p>    .hooked-anchor-3 {\n        bottom: 32%;\n        left: 16%;\n        animation-delay: -2s;\n    }<\/p>\n<p>    \/* \u7ed3\u6784\u7ebf\u6761 *\/\n    .hooked-structure-line {\n        position: absolute;\n        height: 2px;\n        background: linear-gradient(90deg, \n            rgba(59, 130, 246, 0.25) 0%, \n            rgba(29, 78, 216, 0.35) 50%, \n            rgba(59, 130, 246, 0.25) 100%\n        );\n        opacity: 0.7;\n    }<\/p>\n<p>    .hooked-line-1 {\n        width: 140px;\n        top: 35%;\n        left: 5%;\n        transform: rotate(22deg);\n        animation: hooked-line-glow 10s ease-in-out infinite alternate;\n    }<\/p>\n<p>    .hooked-line-2 {\n        width: 120px;\n        bottom: 28%;\n        left: 7%;\n        transform: rotate(-18deg);\n        animation: hooked-line-glow 12s ease-in-out infinite alternate;\n        animation-delay: -4s;\n    }<\/p>\n<p>    \/* \u4e3b\u8981\u5185\u5bb9 *\/\n    .hooked-main-content {\n        display: grid;\n        grid-template-columns: 1.15fr 1fr;\n        gap: 70px;\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n        position: relative;\n        z-index: 10;\n    }<\/p>\n<p>    .hooked-content-left {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }<\/p>\n<p>    .hooked-title-section {\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .hooked-brand-line {\n        display: flex;\n        align-items: baseline;\n        gap: 12px;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .hooked-brand-name {\n        font-size: 1.7rem;\n        font-weight: 900;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        letter-spacing: -0.6px;\n    }<\/p>\n<p>    .hooked-brand-by {\n        font-size: 0.95rem;\n        color: #60a5fa;\n        font-weight: 500;\n    }<\/p>\n<p>    .hooked-main-title {\n        font-size: 2.7rem;\n        font-weight: 800;\n        line-height: 1.15;\n        color: #1e293b;\n        margin-bottom: 18px;\n        letter-spacing: -0.9px;\n    }<\/p>\n<p>    .hooked-highlight {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    .hooked-subtitle {\n        font-size: 1.08rem;\n        color: #64748b;\n        line-height: 1.65;\n        font-weight: 500;\n    }<\/p>\n<p>    .hooked-description {\n        font-size: 0.96rem;\n        color: #64748b;\n        line-height: 1.75;\n        margin-bottom: 32px;\n        max-width: 680px;\n    }<\/p>\n<p>    \/* \u7279\u6027\u7f51\u683c *\/\n    .hooked-features-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 14px;\n        margin-bottom: 32px;\n    }<\/p>\n<p>    .hooked-feature-item {\n        background: rgba(255, 255, 255, 0.85);\n        backdrop-filter: blur(10px);\n        padding: 16px 18px;\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 12px rgba(59, 130, 246, 0.08);\n    }<\/p>\n<p>    .hooked-feature-item:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 6px 24px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.25);\n    }<\/p>\n<p>    .hooked-feature-icon {\n        width: 38px;\n        height: 38px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.12) 100%);\n        border-radius: 9px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .hooked-feature-icon svg {\n        width: 20px;\n        height: 20px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .hooked-feature-text {\n        flex: 1;\n    }<\/p>\n<p>    .hooked-feature-title {\n        font-size: 0.8rem;\n        color: #64748b;\n        font-weight: 500;\n        margin-bottom: 2px;\n    }<\/p>\n<p>    .hooked-feature-value {\n        font-size: 1.05rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    \/* CTA\u90e8\u5206 *\/\n    .hooked-cta-section {\n        display: flex;\n        flex-direction: column;\n        gap: 22px;\n    }<\/p>\n<p>    .hooked-cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        color: white;\n        padding: 15px 32px;\n        border-radius: 11px;\n        font-size: 0.96rem;\n        font-weight: 600;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 18px rgba(59, 130, 246, 0.35);\n        align-self: flex-start;\n    }<\/p>\n<p>    .hooked-cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 28px rgba(59, 130, 246, 0.45);\n        background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);\n    }<\/p>\n<p>    .hooked-arrow-icon {\n        width: 19px;\n        height: 19px;\n    }<\/p>\n<p>    .hooked-quality-badges {\n        display: flex;\n        gap: 12px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .hooked-badge {\n        background: rgba(255, 255, 255, 0.92);\n        backdrop-filter: blur(12px);\n        color: #64748b;\n        padding: 9px 16px;\n        border-radius: 20px;\n        font-size: 0.82rem;\n        font-weight: 500;\n        border: 1px solid rgba(59, 130, 246, 0.18);\n        box-shadow: 0 2px 10px rgba(59, 130, 246, 0.08);\n    }<\/p>\n<p>    \/* \u53f3\u4fa7\u89c6\u89c9\u90e8\u5206 *\/\n    .hooked-content-right {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }<\/p>\n<p>    .hooked-visual-section {\n        width: 100%;\n        max-width: 500px;\n        display: flex;\n        flex-direction: column;\n        gap: 18px;\n    }<\/p>\n<p>    \/* \u5e94\u7528\u573a\u666f\u5361\u7247 *\/\n    .hooked-application-cards {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .hooked-app-card {\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(20px);\n        padding: 22px 26px;\n        border-radius: 15px;\n        border: 1px solid rgba(59, 130, 246, 0.18);\n        box-shadow: 0 4px 22px rgba(59, 130, 246, 0.12);\n        display: flex;\n        align-items: flex-start;\n        gap: 18px;\n        transition: all 0.35s ease;\n    }<\/p>\n<p>    .hooked-app-card:hover {\n        transform: translateX(-6px);\n        box-shadow: 0 8px 32px rgba(59, 130, 246, 0.18);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .hooked-card-icon {\n        width: 48px;\n        height: 48px;\n        border-radius: 11px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .hooked-card-primary .hooked-card-icon {\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.18) 0%, rgba(59, 130, 246, 0.1) 100%);\n    }<\/p>\n<p>    .hooked-card-secondary .hooked-card-icon {\n        background: linear-gradient(135deg, rgba(29, 78, 216, 0.18) 0%, rgba(29, 78, 216, 0.1) 100%);\n    }<\/p>\n<p>    .hooked-card-tertiary .hooked-card-icon {\n        background: linear-gradient(135deg, rgba(96, 165, 250, 0.18) 0%, rgba(96, 165, 250, 0.1) 100%);\n    }<\/p>\n<p>    .hooked-card-icon-shape {\n        width: 22px;\n        height: 22px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 6px;\n        animation: hooked-icon-pulse 4s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-card-content {\n        flex: 1;\n    }<\/p>\n<p>    .hooked-card-title {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 6px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .hooked-card-desc {\n        font-size: 0.87rem;\n        color: #64748b;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* \u6027\u80fd\u6307\u6807\u5fbd\u7ae0 *\/\n    .hooked-performance-badge {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        padding: 20px 24px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        box-shadow: 0 6px 28px rgba(59, 130, 246, 0.35);\n        animation: hooked-badge-glow 3s ease-in-out infinite;\n    }<\/p>\n<p>    .hooked-perf-icon {\n        width: 42px;\n        height: 42px;\n        background: rgba(255, 255, 255, 0.2);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .hooked-perf-icon svg {\n        width: 24px;\n        height: 24px;\n        color: white;\n    }<\/p>\n<p>    .hooked-perf-text {\n        flex: 1;\n    }<\/p>\n<p>    .hooked-perf-label {\n        font-size: 0.85rem;\n        color: rgba(255, 255, 255, 0.85);\n        font-weight: 500;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .hooked-perf-value {\n        font-size: 1.25rem;\n        font-weight: 800;\n        color: white;\n        line-height: 1;\n    }<\/p>\n<p>    \/* \u52a8\u753b\u6548\u679c *\/\n    @keyframes hooked-float-1 {\n        0% { transform: translate(0, 0) rotate(0deg); }\n        100% { transform: translate(-20px, -25px) rotate(12deg); }\n    }<\/p>\n<p>    @keyframes hooked-float-2 {\n        0% { transform: translate(0, 0) rotate(0deg); }\n        100% { transform: translate(25px, -20px) rotate(-8deg); }\n    }<\/p>\n<p>    @keyframes hooked-float-3 {\n        0% { transform: translate(0, 0) rotate(0deg); }\n        100% { transform: translate(-18px, 22px) rotate(15deg); }\n    }<\/p>\n<p>    @keyframes hooked-pulse-slow {\n        0%, 100% { opacity: 0.5; transform: translate(-50%, -50%) scale(1); }\n        50% { opacity: 0.7; transform: translate(-50%, -50%) scale(1.1); }\n    }<\/p>\n<p>    @keyframes hooked-fiber-drift-1 {\n        0%, 100% { transform: translateY(0px) rotate(-20deg); opacity: 0.6; }\n        50% { transform: translateY(-18px) rotate(-17deg); opacity: 0.85; }\n    }<\/p>\n<p>    @keyframes hooked-fiber-drift-2 {\n        0%, 100% { transform: translateY(0px) rotate(25deg); opacity: 0.6; }\n        50% { transform: translateY(-15px) rotate(28deg); opacity: 0.85; }\n    }<\/p>\n<p>    @keyframes hooked-fiber-drift-3 {\n        0%, 100% { transform: translateY(0px) rotate(-15deg); opacity: 0.6; }\n        50% { transform: translateY(-20px) rotate(-12deg); opacity: 0.85; }\n    }<\/p>\n<p>    @keyframes hooked-grid-pulse {\n        0%, 100% { opacity: 0.5; transform: scale(1); }\n        50% { opacity: 0.75; transform: scale(1.08); }\n    }<\/p>\n<p>    @keyframes hooked-symbol-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    @keyframes hooked-anchor-pulse {\n        0%, 100% { transform: scale(1); opacity: 0.7; }\n        50% { transform: scale(1.3); opacity: 1; }\n    }<\/p>\n<p>    @keyframes hooked-line-glow {\n        0% { opacity: 0.7; }\n        100% { opacity: 1; }\n    }<\/p>\n<p>    @keyframes hooked-icon-pulse {\n        0%, 100% { transform: scale(1); }\n        50% { transform: scale(1.1); }\n    }<\/p>\n<p>    @keyframes hooked-badge-glow {\n        0%, 100% { box-shadow: 0 6px 28px rgba(59, 130, 246, 0.35); }\n        50% { box-shadow: 0 8px 36px rgba(59, 130, 246, 0.5); }\n    }<\/p>\n<p>    \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n    @media (max-width: 1024px) {\n        .hooked-main-content {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }<\/p>\n<p>        .hooked-main-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .hooked-features-grid {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .hooked-banner {\n            min-height: auto;\n            padding: 60px 0;\n        }<\/p>\n<p>        .hooked-main-content {\n            padding: 0 28px;\n            gap: 40px;\n        }<\/p>\n<p>        .hooked-brand-name {\n            font-size: 1.5rem;\n        }<\/p>\n<p>        .hooked-main-title {\n            font-size: 2.1rem;\n        }<\/p>\n<p>        .hooked-subtitle {\n            font-size: 1.02rem;\n        }<\/p>\n<p>        .hooked-description {\n            font-size: 0.92rem;\n        }<\/p>\n<p>        .hooked-features-grid {\n            gap: 12px;\n        }<\/p>\n<p>        .hooked-geometric-elements {\n            opacity: 0.4;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .hooked-main-content {\n            padding: 0 18px;\n        }<\/p>\n<p>        .hooked-brand-name {\n            font-size: 1.35rem;\n        }<\/p>\n<p>        .hooked-main-title {\n            font-size: 1.8rem;\n        }<\/p>\n<p>        .hooked-subtitle {\n            font-size: 0.98rem;\n        }<\/p>\n<p>        .hooked-cta-button {\n            width: 100%;\n            justify-content: center;\n        }<\/p>\n<p>        .hooked-quality-badges {\n            flex-direction: column;\n        }<\/p>\n<p>        .hooked-badge {\n            text-align: center;\n        }<\/p>\n<p>        .hooked-features-grid {\n            grid-template-columns: 1fr;\n        }<\/p>\n<p>        .hooked-fiber {\n            display: none;\n        }<\/p>\n<p>        .hooked-geometric-elements {\n            opacity: 0.3;\n        }\n    }\n<\/style>\n<p><!-- NOVASTAR\u2122 \u4ea7\u54c1\u8be6\u60c5\u9875\u9762 --><\/p>\n<div class=\"novastar-product-section\">\n<p>    <!-- Introduction Section --><\/p>\n<div class=\"novastar-intro-wrapper\">\n<div class=\"novastar-intro-container\">\n            <!-- \u5de6\u4fa7\u88c5\u9970\u80cc\u666f --><\/p>\n<div class=\"novastar-intro-decoration\">\n<div class=\"novastar-deco-circle novastar-deco-1\"><\/div>\n<div class=\"novastar-deco-circle novastar-deco-2\"><\/div>\n<div class=\"novastar-deco-line novastar-line-1\"><\/div>\n<div class=\"novastar-deco-line novastar-line-2\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-intro-content\">\n                <!-- \u5de6\u4fa7\u6587\u5b57\u5185\u5bb9 --><\/p>\n<div class=\"novastar-intro-text\">\n<div class=\"novastar-section-label\">\n                        <span class=\"novastar-label-icon\"><\/span><br \/>\n                        <span>Produkt\u00fcbersicht<\/span>\n                    <\/div>\n<h2 class=\"novastar-intro-title\">\n                        NOVASTAR\u2122 Haken-End Stahlfaser<br \/>\n                    <\/h2>\n<div class=\"novastar-intro-subtitle\">\n                        Hochfestige Bewehrung f\u00fcr widerstandsf\u00e4higeren, rissfesteren Beton\n                    <\/div>\n<div class=\"novastar-intro-divider\"><\/div>\n<div class=\"novastar-intro-description\">\n<p>NOVASTAR\u2122 Hooked-End Stahlfaser, hergestellt von LANDU, ist eine ingenieurtechnisch entwickelte Bewehrungsfaser, die die Z\u00e4higkeit, Biegefestigkeit und Rissbest\u00e4ndigkeit von Beton deutlich verbessert. Ihre Haken-End-Geometrie sorgt f\u00fcr eine starke mechanische Verankerung, verbessert die Haftung mit der Zementmatrix und gew\u00e4hrleistet einen effizienten Last\u00fcbertrag im gesamten Betonbauwerk.<\/p>\n<p>Im Gegensatz zu geklebten Stahlfasern verteilen sich LANDU\u2019s lose Haken-End-Stahlfasern sofort beim Mischen, was sie ideal f\u00fcr Projekte macht, die eine schnelle Chargierung, stabile Leistung und zuverl\u00e4ssige strukturelle Bewehrung erfordern. Mit einer Zugfestigkeit von \u22651100 MPa und ausgezeichneter Duktilit\u00e4t wird NOVASTAR\u2122 h\u00e4ufig in Industrie-B\u00f6den, Spritzbeton f\u00fcr Tunnel, Fertigteile und Infrastruktur mit hoher Belastung eingesetzt.<\/p>\n<\/p><\/div>\n<p>                    <!-- \u5173\u952e\u6307\u6807\u5361\u7247 --><\/p>\n<div class=\"novastar-intro-stats\">\n<div class=\"novastar-stat-item\">\n<div class=\"novastar-stat-icon-wrapper\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-stat-info\">\n<div class=\"novastar-stat-value\">\u22651100 MPa<\/div>\n<div class=\"novastar-stat-label\">Zugfestigkeit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-stat-item\">\n<div class=\"novastar-stat-icon-wrapper\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-stat-info\">\n<div class=\"novastar-stat-value\">Sofort<\/div>\n<div class=\"novastar-stat-label\">Verteilung<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-stat-item\">\n<div class=\"novastar-stat-icon-wrapper\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <path d=\"M12 6v6l4 2\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-stat-info\">\n<div class=\"novastar-stat-value\">\u00dcberlegen<\/div>\n<div class=\"novastar-stat-label\">Haltbarkeit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- \u53f3\u4fa7\u56fe\u7247\u533a\u57df --><\/p>\n<div class=\"novastar-intro-image\">\n<div class=\"novastar-image-wrapper\">\n<div class=\"novastar-image-placeholder\">\n                            <img height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/landu-novastar-hooked-end-steel-fiber.jpg\" alt=\"NOVASTAR Haken-End Stahlfaser\">\n                        <\/div>\n<div class=\"novastar-image-badge\">\n<div class=\"novastar-badge-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<div class=\"novastar-badge-text\">\n<div class=\"novastar-badge-title\">Premium-Qualit\u00e4t<\/div>\n<div class=\"novastar-badge-subtitle\">ISO 9001 Zertifiziert<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Key Features Section --><\/p>\n<div class=\"novastar-features-wrapper\">\n<div class=\"novastar-features-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-features-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Kernvorteile<\/span>\n                <\/div>\n<h2 class=\"novastar-features-title\">Wichtige Merkmale &amp; Vorteile<\/h2>\n<p class=\"novastar-features-subtitle\">\n                    Entwickelt f\u00fcr \u00fcberlegene Leistung in anspruchsvollen Betonanwendungen\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Features Grid - 3x2 Layout --><\/p>\n<div class=\"novastar-features-grid\">\n                <!-- Feature Card 1 --><\/p>\n<div class=\"novastar-feature-card novastar-card-1\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">01<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Haken-End-Geometrie f\u00fcr optimale Verankerung<\/h3>\n<p class=\"novastar-card-description\">\n                        Entwickelt f\u00fcr eine \u00fcberlegene mechanische Verzahnung und verbesserte Leistung nach Rissen.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 2 --><\/p>\n<div class=\"novastar-feature-card novastar-card-2\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">02<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Lockeres Format f\u00fcr sofortige Dispersion<\/h3>\n<p class=\"novastar-card-description\">\n                        Verhindert Klumpenbildung und sorgt f\u00fcr eine gleichm\u00e4\u00dfige Verteilung in SFRC und UHPC.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 3 --><\/p>\n<div class=\"novastar-feature-card novastar-card-3\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">03<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Hohe Zugfestigkeit \u22651100 MPa<\/h3>\n<p class=\"novastar-card-description\">\n                        Erzielt au\u00dfergew\u00f6hnliche strukturelle Verst\u00e4rkung und verbesserte Biegezugfestigkeit.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 4 --><\/p>\n<div class=\"novastar-feature-card novastar-card-4\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">04<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Verbesserter Last\u00fcbertragung &amp; Risskontrolle<\/h3>\n<p class=\"novastar-card-description\">\n                        Reduziert effektiv plastische, Trocknungs- und Mikrorisse im Beton.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 5 --><\/p>\n<div class=\"novastar-feature-card novastar-card-5\">\n<div class=\"novastar-card-decoration\">\n<div class=\"novastar-card-deco-shape\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-number\">05<\/div>\n<div class=\"novastar-card-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-card-title\">Langzeitbest\u00e4ndigkeit &amp; Korrosionsbest\u00e4ndigkeit<\/h3>\n<p class=\"novastar-card-description\">\n                        Erh\u00e4lt die Leistung in aggressiven und feuchten Umgebungen.\n                    <\/p>\n<\/p><\/div>\n<p>                <!-- Feature Card 6 - Image Card --><\/p>\n<div class=\"novastar-feature-card novastar-card-image\">\n<div class=\"novastar-card-image-wrapper\">\n                        <img loading=\"lazy\" height=\"1707\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/precast-concrete-stairs-scaled.jpg\" alt=\"NOVASTAR Stahlfasermerkmale\"><\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    .novastar-product-section {\n        width: 100%;\n        background: #ffffff;\n        position: relative;\n    }<\/p>\n<p>    \/* ==================== Introduction Section ==================== *\/\n    .novastar-intro-wrapper {\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n        padding: 80px 0;\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .novastar-intro-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n        position: relative;\n    }<\/p>\n<p>    \/* \u88c5\u9970\u5143\u7d20 *\/\n    .novastar-intro-decoration {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.4;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-deco-circle {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);\n    }<\/p>\n<p>    .novastar-deco-1 {\n        width: 400px;\n        height: 400px;\n        top: -100px;\n        left: -100px;\n        animation: novastar-deco-float-1 20s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-deco-2 {\n        width: 300px;\n        height: 300px;\n        bottom: -80px;\n        right: -80px;\n        animation: novastar-deco-float-2 22s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-deco-line {\n        position: absolute;\n        height: 2px;\n        background: linear-gradient(90deg, transparent 0%, rgba(59, 130, 246, 0.2) 50%, transparent 100%);\n    }<\/p>\n<p>    .novastar-line-1 {\n        width: 300px;\n        top: 30%;\n        left: 0;\n        transform: rotate(-15deg);\n    }<\/p>\n<p>    .novastar-line-2 {\n        width: 250px;\n        bottom: 25%;\n        right: 0;\n        transform: rotate(15deg);\n    }<\/p>\n<p>    .novastar-intro-content {\n        display: grid;\n        grid-template-columns: 1.1fr 1fr;\n        gap: 70px;\n        align-items: center;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    \/* Section Label *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    \/* Text Content *\/\n    .novastar-intro-text {\n        padding-right: 20px;\n    }<\/p>\n<p>    .novastar-intro-title {\n        font-size: 2.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        line-height: 1.2;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-intro-subtitle {\n        font-size: 1.15rem;\n        color: #3b82f6;\n        font-weight: 600;\n        margin-bottom: 24px;\n        line-height: 1.5;\n    }<\/p>\n<p>    .novastar-intro-divider {\n        width: 60px;\n        height: 4px;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 2px;\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .novastar-intro-description {\n        color: #64748b;\n        font-size: 0.98rem;\n        line-height: 1.8;\n        margin-bottom: 36px;\n    }<\/p>\n<p>    .novastar-intro-description p {\n        margin-bottom: 18px;\n    }<\/p>\n<p>    .novastar-intro-description p:last-child {\n        margin-bottom: 0;\n    }<\/p>\n<p>    \/* Stats Cards *\/\n    .novastar-intro-stats {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-stat-item {\n        background: rgba(255, 255, 255, 0.9);\n        backdrop-filter: blur(10px);\n        padding: 20px;\n        border-radius: 14px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        transition: all 0.3s ease;\n        box-shadow: 0 2px 12px rgba(59, 130, 246, 0.08);\n    }<\/p>\n<p>    .novastar-stat-item:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 6px 24px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-stat-icon-wrapper {\n        width: 44px;\n        height: 44px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-stat-icon-wrapper svg {\n        width: 22px;\n        height: 22px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-stat-info {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-stat-value {\n        font-size: 1.25rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        line-height: 1.2;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .novastar-stat-label {\n        font-size: 0.8rem;\n        color: #64748b;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Image Area *\/\n    .novastar-intro-image {\n        position: relative;\n    }<\/p>\n<p>    .novastar-image-wrapper {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n    }<\/p>\n<p>    .novastar-image-placeholder {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n        overflow: hidden;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-image-placeholder img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n    }<\/p>\n<p>    .novastar-image-badge {\n        position: absolute;\n        bottom: 24px;\n        left: 24px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(20px);\n        padding: 16px 20px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        gap: 14px;\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n        border: 1px solid rgba(255, 255, 255, 0.5);\n    }<\/p>\n<p>    .novastar-badge-icon {\n        width: 40px;\n        height: 40px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-badge-icon svg {\n        width: 20px;\n        height: 20px;\n        color: white;\n    }<\/p>\n<p>    .novastar-badge-text {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-badge-title {\n        font-size: 0.95rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 2px;\n    }<\/p>\n<p>    .novastar-badge-subtitle {\n        font-size: 0.8rem;\n        color: #64748b;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* ==================== Features Section ==================== *\/\n    .novastar-features-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-features-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    \/* Features Header *\/\n    .novastar-features-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-features-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-features-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Features Grid - 3x2 Layout *\/\n    .novastar-features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    \/* Feature Card *\/\n    .novastar-feature-card {\n        background: #ffffff;\n        border-radius: 18px;\n        padding: 36px 28px;\n        border: 1px solid #e2e8f0;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n    }<\/p>\n<p>    .novastar-feature-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .novastar-feature-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-feature-card:hover::before {\n        transform: scaleX(1);\n    }<\/p>\n<p>    \/* Card Number *\/\n    .novastar-card-number {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n        font-size: 3rem;\n        font-weight: 900;\n        color: rgba(59, 130, 246, 0.08);\n        line-height: 1;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-feature-card:hover .novastar-card-number {\n        color: rgba(59, 130, 246, 0.15);\n        transform: scale(1.1);\n    }<\/p>\n<p>    \/* Card Decoration *\/\n    .novastar-card-decoration {\n        position: absolute;\n        bottom: -25px;\n        left: -25px;\n        width: 120px;\n        height: 120px;\n        opacity: 0.05;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-card-deco-shape {\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 50%;\n        animation: novastar-card-deco-rotate 20s linear infinite;\n    }<\/p>\n<p>    .novastar-card-1 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);\n    }<\/p>\n<p>    .novastar-card-2 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);\n    }<\/p>\n<p>    .novastar-card-3 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);\n    }<\/p>\n<p>    .novastar-card-4 .novastar-card-deco-shape {\n        border-radius: 20%;\n    }<\/p>\n<p>    .novastar-card-5 .novastar-card-deco-shape {\n        clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);\n    }<\/p>\n<p>    \/* Card Icon *\/\n    .novastar-card-icon {\n        width: 68px;\n        height: 68px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(29, 78, 216, 0.08) 100%);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n        transition: all 0.3s ease;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-feature-card:hover .novastar-card-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-card-icon svg {\n        width: 34px;\n        height: 34px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-feature-card:hover .novastar-card-icon svg {\n        color: white;\n    }<\/p>\n<p>    \/* Card Content *\/\n    .novastar-card-title {\n        font-size: 1.15rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 14px;\n        line-height: 1.4;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-card-description {\n        font-size: 0.92rem;\n        color: #64748b;\n        line-height: 1.7;\n        z-index: 1;\n    }<\/p>\n<p>    \/* Image Card (6th card) *\/\n    .novastar-card-image {\n        padding: 0;\n        overflow: hidden;\n        border: none;\n    }<\/p>\n<p>    .novastar-card-image::before {\n        display: none;\n    }<\/p>\n<p>    .novastar-card-image-wrapper {\n        width: 100%;\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-card-image-wrapper img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-card-image:hover .novastar-card-image-wrapper img {\n        transform: scale(1.08);\n    }<\/p>\n<p>    .novastar-card-image-overlay {\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 32px;\n        background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.75) 100%);\n        transform: translateY(100%);\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .novastar-card-image:hover .novastar-card-image-overlay {\n        transform: translateY(0);\n    }<\/p>\n<p>    .novastar-overlay-content {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-overlay-icon {\n        width: 48px;\n        height: 48px;\n        background: rgba(255, 255, 255, 0.2);\n        backdrop-filter: blur(10px);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-overlay-icon svg {\n        width: 24px;\n        height: 24px;\n        color: white;\n    }<\/p>\n<p>    .novastar-overlay-text {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-overlay-title {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: white;\n        margin-bottom: 4px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-overlay-subtitle {\n        font-size: 0.88rem;\n        color: rgba(255, 255, 255, 0.85);\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Animations *\/\n    @keyframes novastar-deco-float-1 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(-20px, -20px); }\n    }<\/p>\n<p>    @keyframes novastar-deco-float-2 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(20px, 20px); }\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    @keyframes novastar-card-deco-rotate {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .novastar-features-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }<\/p>\n<p>        .novastar-intro-content {\n            gap: 50px;\n        }\n    }<\/p>\n<p>    @media (max-width: 1024px) {\n        .novastar-intro-content {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }<\/p>\n<p>        .novastar-intro-text {\n            padding-right: 0;\n        }<\/p>\n<p>        .novastar-intro-title {\n            font-size: 2.4rem;\n        }<\/p>\n<p>        .novastar-features-title {\n            font-size: 2.2rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-intro-wrapper,\n        .novastar-features-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-intro-container,\n        .novastar-features-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-intro-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-intro-subtitle {\n            font-size: 1.05rem;\n        }<\/p>\n<p>        .novastar-intro-stats {\n            grid-template-columns: 1fr;\n            gap: 12px;\n        }<\/p>\n<p>        .novastar-features-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-features-title {\n            font-size: 1.9rem;\n        }<\/p>\n<p>        .novastar-features-header {\n            margin-bottom: 40px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-intro-container,\n        .novastar-features-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-intro-title {\n            font-size: 1.75rem;\n        }<\/p>\n<p>        .novastar-intro-subtitle {\n            font-size: 1rem;\n        }<\/p>\n<p>        .novastar-intro-description {\n            font-size: 0.92rem;\n        }<\/p>\n<p>        .novastar-features-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-feature-card {\n            padding: 32px 24px;\n        }<\/p>\n<p>        .novastar-image-badge {\n            left: 16px;\n            bottom: 16px;\n            padding: 12px 16px;\n        }\n    }\n<\/style>\n<p><!-- Technical Data & Advantages Section --><\/p>\n<div class=\"novastar-technical-section\">\n<p>    <!-- Technical Data Section --><\/p>\n<div class=\"novastar-technical-wrapper\">\n<div class=\"novastar-technical-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-technical-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Spezifikationen<\/span>\n                <\/div>\n<h2 class=\"novastar-technical-title\">Technische Daten<\/h2>\n<p class=\"novastar-technical-subtitle\">\n                    Pr\u00e4zise gefertigte Spezifikationen f\u00fcr optimale Betonstrukturverst\u00e4rkung\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Technical Data Grid --><\/p>\n<div class=\"novastar-technical-grid\">\n                <!-- Dimensions Card --><\/p>\n<div class=\"novastar-data-card novastar-dimensions-card\">\n<div class=\"novastar-data-card-header\">\n<div class=\"novastar-data-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3 class=\"novastar-data-card-title\">Abmessungen<\/h3>\n<\/p><\/div>\n<div class=\"novastar-data-table\">\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">L\u00e4nge<\/div>\n<div class=\"novastar-data-value\">25\u201365 mm<\/div>\n<\/p><\/div>\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Durchmesser<\/div>\n<div class=\"novastar-data-value\">0,5\u20132,0 mm<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-decoration-bg\"><\/div>\n<\/p><\/div>\n<p>                <!-- Mechanical Properties Card --><\/p>\n<div class=\"novastar-data-card novastar-mechanical-card\">\n<div class=\"novastar-data-card-header\">\n<div class=\"novastar-data-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3 class=\"novastar-data-card-title\">Mechanische Eigenschaften<\/h3>\n<\/p><\/div>\n<div class=\"novastar-data-table\">\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Schmelzpunkt<\/div>\n<div class=\"novastar-data-value\">1495\u00b0C<\/div>\n<\/p><\/div>\n<div class=\"novastar-data-row\">\n<div class=\"novastar-data-label\">Zugfestigkeit<\/div>\n<div class=\"novastar-data-value\">\u22651,2 GPa<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-card-decoration-bg\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Advantages Section --><\/p>\n<div class=\"novastar-advantages-wrapper\">\n<div class=\"novastar-advantages-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-advantages-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Warum Uns W\u00e4hlen<\/span>\n                <\/div>\n<h2 class=\"novastar-advantages-title\">Vorteile des LANDU NOVASTAR\u2122 Haken-Endstahlfasers<\/h2>\n<p class=\"novastar-advantages-subtitle\">\n                    \u00dcberlegene Leistung durch innovatives Design, hochwertige Materialien und kosteneffiziente L\u00f6sungen\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Advantages Content --><\/p>\n<div class=\"novastar-advantages-content\">\n                <!-- Advantage 1 - Technological --><\/p>\n<div class=\"novastar-advantage-block novastar-advantage-tech\">\n<div class=\"novastar-advantage-inner\">\n<div class=\"novastar-advantage-left\">\n<div class=\"novastar-advantage-number\">01<\/div>\n<div class=\"novastar-advantage-icon-large\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-advantage-title\">Technologischer Vorteil<\/h3>\n<p class=\"novastar-advantage-description\">\n                                Das Doppelhaken-Verankerungsdesign bietet die effektivste mechanische Verriegelung. W\u00e4hrend der Belastung verformen sich die Hakenenden allm\u00e4hlich, erh\u00f6hen die Zugfestigkeit und st\u00e4rken die Verbindung zwischen Faser und Beton.\n                            <\/p>\n<\/p><\/div>\n<div class=\"novastar-advantage-right\">\n<div class=\"novastar-advantage-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/LANDU-product-performance-testers.jpg\" alt=\"Technologischer Vorteil\">\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 2 - Material --><\/p>\n<div class=\"novastar-advantage-block novastar-advantage-material\">\n<div class=\"novastar-advantage-inner novastar-reverse\">\n<div class=\"novastar-advantage-left\">\n<div class=\"novastar-advantage-image\">\n                                <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/landu-novastar-hooked-end-steel-fiber-product.jpg\" alt=\"Materialvorteil\">\n                            <\/div>\n<\/p><\/div>\n<div class=\"novastar-advantage-right\">\n<div class=\"novastar-advantage-number\">02<\/div>\n<div class=\"novastar-advantage-icon-large\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-advantage-title\">Materialvorteil<\/h3>\n<p class=\"novastar-advantage-description\">\n                                Hergestellt aus hochwertigem kaltgezogenem Stahl, bieten NOVASTAR\u2122 Stahlfasern:\n                            <\/p>\n<div class=\"novastar-advantage-list\">\n<div class=\"novastar-list-item\">\n<div class=\"novastar-list-icon\">\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span>Extrem enge Toleranzen<\/span>\n                                <\/div>\n<div class=\"novastar-list-item\">\n<div class=\"novastar-list-icon\">\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span>St\u00e4ndig hohe Zugfestigkeit (\u22651100 MPa)<\/span>\n                                <\/div>\n<div class=\"novastar-list-item\">\n<div class=\"novastar-list-icon\">\n                                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                            <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                        <\/svg>\n                                    <\/div>\n<p>                                    <span>Zuverl\u00e4ssige Leistung in SFRC und UHPC<\/span>\n                                <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Advantage 3 - Economic --><\/p>\n<div class=\"novastar-advantage-block novastar-advantage-economic\">\n<div class=\"novastar-advantage-inner\">\n<div class=\"novastar-advantage-left\">\n<div class=\"novastar-advantage-number\">03<\/div>\n<div class=\"novastar-advantage-icon-large\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                    <path d=\"M12 6v6l4 2\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-advantage-title\">Wirtschaftlicher Vorteil<\/h3>\n<p class=\"novastar-advantage-description\">\n                                Kosteneffiziente L\u00f6sungen, die die Projektkosten senken und gleichzeitig eine \u00fcberlegene Qualit\u00e4t gew\u00e4hrleisten:\n                            <\/p>\n<div class=\"novastar-advantage-grid\">\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">A<\/div>\n<div class=\"novastar-grid-text\">Kein zus\u00e4tzlicher Ausr\u00fcstungsbedarf\u2014kompatibel mit allen g\u00e4ngigen Betonmischsystemen<\/div>\n<\/p><\/div>\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">B<\/div>\n<div class=\"novastar-grid-text\">Geringerer Gesamtbetonverbrauch bei gleichwertigen Festigkeitsanforderungen<\/div>\n<\/p><\/div>\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">C<\/div>\n<div class=\"novastar-grid-text\">Reduziert oder ersetzt teilweise Bewehrung und Gitterverst\u00e4rkung<\/div>\n<\/p><\/div>\n<div class=\"novastar-grid-item\">\n<div class=\"novastar-grid-label\">D<\/div>\n<div class=\"novastar-grid-text\">Verk\u00fcrzt Bauzyklen\u2014ideal f\u00fcr kontinuierliche Hochvolumen-Gie\u00dfen<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-advantage-right\">\n<div class=\"novastar-advantage-image\">\n                                <img loading=\"lazy\" height=\"801\" width=\"1200\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/economic-advantages-of-digital-competitions.jpg\" alt=\"Wirtschaftlicher Vorteil\">\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Technical Data Section ==================== *\/\n    .novastar-technical-wrapper {\n        background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-technical-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-technical-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-technical-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-technical-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Section Label (\u5171\u7528\u6837\u5f0f) *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    \/* Technical Data Grid *\/\n    .novastar-technical-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 32px;\n        max-width: 1000px;\n        margin: 0 auto;\n    }<\/p>\n<p>    .novastar-data-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 40px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        position: relative;\n        overflow: hidden;\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-data-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-card-decoration-bg {\n        position: absolute;\n        bottom: -50px;\n        right: -50px;\n        width: 200px;\n        height: 200px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-data-card-header {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        margin-bottom: 32px;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-data-icon {\n        width: 56px;\n        height: 56px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-data-card:hover .novastar-data-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-data-icon svg {\n        width: 28px;\n        height: 28px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-data-card:hover .novastar-data-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-data-card-title {\n        font-size: 1.4rem;\n        font-weight: 700;\n        color: #1e293b;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-data-table {\n        display: flex;\n        flex-direction: column;\n        gap: 20px;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-data-row {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 18px 24px;\n        background: rgba(248, 250, 255, 0.8);\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-data-row:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(4px);\n    }<\/p>\n<p>    .novastar-data-label {\n        font-size: 0.95rem;\n        color: #64748b;\n        font-weight: 500;\n    }<\/p>\n<p>    .novastar-data-value {\n        font-size: 1.15rem;\n        font-weight: 700;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }<\/p>\n<p>    \/* ==================== Advantages Section ==================== *\/\n    .novastar-advantages-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-advantages-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-advantages-header {\n        text-align: center;\n        margin-bottom: 70px;\n    }<\/p>\n<p>    .novastar-advantages-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-advantages-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Advantages Content *\/\n    .novastar-advantages-content {\n        display: flex;\n        flex-direction: column;\n        gap: 50px;\n    }<\/p>\n<p>    .novastar-advantage-block {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 24px;\n        padding: 50px;\n        border: 1px solid rgba(59, 130, 246, 0.12);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-advantage-block:hover {\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.25);\n    }<\/p>\n<p>    .novastar-advantage-inner {\n        display: grid;\n        grid-template-columns: 1.2fr 1fr;\n        gap: 50px;\n        align-items: center;\n    }<\/p>\n<p>    .novastar-advantage-inner.novastar-reverse {\n        grid-template-columns: 1fr 1.2fr;\n    }<\/p>\n<p>    .novastar-advantage-number {\n        display: inline-block;\n        font-size: 1rem;\n        font-weight: 800;\n        color: #3b82f6;\n        background: rgba(59, 130, 246, 0.1);\n        padding: 8px 18px;\n        border-radius: 20px;\n        margin-bottom: 20px;\n    }<\/p>\n<p>    .novastar-advantage-icon-large {\n        width: 72px;\n        height: 72px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 18px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    .novastar-advantage-icon-large svg {\n        width: 36px;\n        height: 36px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-advantage-title {\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 18px;\n        line-height: 1.3;\n        letter-spacing: -0.5px;\n    }<\/p>\n<p>    .novastar-advantage-description {\n        font-size: 1rem;\n        color: #64748b;\n        line-height: 1.75;\n        margin-bottom: 24px;\n    }<\/p>\n<p>    \/* Advantage List *\/\n    .novastar-advantage-list {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .novastar-list-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        font-size: 0.95rem;\n        color: #1e293b;\n        font-weight: 500;\n        padding: 12px 16px;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 10px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-list-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(6px);\n    }<\/p>\n<p>    .novastar-list-icon {\n        width: 24px;\n        height: 24px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 6px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-list-icon svg {\n        width: 14px;\n        height: 14px;\n        color: #3b82f6;\n    }<\/p>\n<p>    \/* Advantage Grid *\/\n    .novastar-advantage-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-grid-item {\n        display: flex;\n        gap: 14px;\n        padding: 18px 20px;\n        background: rgba(255, 255, 255, 0.8);\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-grid-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateY(-4px);\n    }<\/p>\n<p>    .novastar-grid-label {\n        width: 32px;\n        height: 32px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        color: white;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.9rem;\n        font-weight: 700;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-grid-text {\n        font-size: 0.92rem;\n        color: #1e293b;\n        line-height: 1.6;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* Advantage Image *\/\n    .novastar-advantage-image {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        border-radius: 16px;\n        overflow: hidden;\n        box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15);\n        background: transparent;\n        position: relative;\n    }<\/p>\n<p>    .novastar-advantage-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-advantage-block:hover .novastar-advantage-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .novastar-technical-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-advantage-inner,\n        .novastar-advantage-inner.novastar-reverse {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }<\/p>\n<p>        .novastar-advantage-grid {\n            grid-template-columns: 1fr;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-technical-wrapper,\n        .novastar-advantages-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-technical-container,\n        .novastar-advantages-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-technical-title,\n        .novastar-advantages-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-data-card {\n            padding: 32px 28px;\n        }<\/p>\n<p>        .novastar-advantage-block {\n            padding: 36px 28px;\n        }<\/p>\n<p>        .novastar-advantage-title {\n            font-size: 1.5rem;\n        }<\/p>\n<p>        .novastar-advantages-header {\n            margin-bottom: 50px;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-technical-container,\n        .novastar-advantages-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-technical-title,\n        .novastar-advantages-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-data-card {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-data-row {\n            flex-direction: column;\n            align-items: flex-start;\n            gap: 8px;\n        }<\/p>\n<p>        .novastar-advantage-block {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-advantage-title {\n            font-size: 1.35rem;\n        }\n    }\n<\/style>\n<p><!-- Performance Benefits & Applications Section --><\/p>\n<div class=\"novastar-performance-applications-section\">\n<p>    <!-- Performance Benefits Section --><\/p>\n<div class=\"novastar-performance-wrapper\">\n<div class=\"novastar-performance-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-performance-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Leistungsqualit\u00e4t<\/span>\n                <\/div>\n<h2 class=\"novastar-performance-title\">Leistungsbenefits mit NOVASTAR\u2122 Stahlfaser<\/h2>\n<p class=\"novastar-performance-subtitle\">\n                    Entfesseln Sie \u00fcberlegene ingenieurtechnische Leistung und Kosteneffizienz\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Benefits Grid --><\/p>\n<div class=\"novastar-benefits-grid\">\n                <!-- Benefit 1 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Verbesserte Rissbest\u00e4ndigkeit<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Begrenzt Kunststoff, Trocknung und Nachrissausbreitung in SFRC\/UHPC.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 2 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">H\u00f6here Biegezugfestigkeit<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Verbesserter Aufprall-, Erm\u00fcdungs- und Verformungswiderstand.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 3 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                            <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Effiziente Faserausbreitung<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Lockeres Format erm\u00f6glicht sauberes, sofortiges Mischen ohne Agglomeration.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 4 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                            <path d=\"M2 17l10 5 10-5\"><\/path>\n                            <path d=\"M2 12l10 5 10-5\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Reduzierter Bewehrungsbedarf<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Verringert die Abh\u00e4ngigkeit von Bewehrungsstahl und Gittermatten, senkt die Arbeitskosten.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 5 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <path d=\"M12 6v6l4 2\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Langfristige Haltbarkeit in anspruchsvollen Umgebungen<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Ausgezeichnete Korrosionsbest\u00e4ndigkeit sorgt f\u00fcr eine Verl\u00e4ngerung der Lebensdauer.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Benefit 6 --><\/p>\n<div class=\"novastar-benefit-card\">\n<div class=\"novastar-benefit-icon\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                        <\/svg>\n                    <\/div>\n<h3 class=\"novastar-benefit-title\">Optimiert f\u00fcr Hochleistungsbeton<\/h3>\n<p class=\"novastar-benefit-description\">\n                        Perfekt f\u00fcr SFRC, UHPC, Tunnel-Spritzbeton, \u00dcberz\u00fcge und schwere B\u00f6den.\n                    <\/p>\n<div class=\"novastar-benefit-decoration\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Applications Section --><\/p>\n<div class=\"novastar-applications-wrapper\">\n<div class=\"novastar-applications-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-applications-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Branchenl\u00f6sungen<\/span>\n                <\/div>\n<h2 class=\"novastar-applications-title\">Anwendungen<\/h2>\n<p class=\"novastar-applications-subtitle\">\n                    NOVASTAR\u2122 lose Haken-End-Stahlfasern sind ideal f\u00fcr vielf\u00e4ltige Betondeckungsanforderungen\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Applications Content --><\/p>\n<div class=\"novastar-applications-content\">\n                <!-- Applications List --><\/p>\n<div class=\"novastar-applications-list\">\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n                                <path d=\"M3 9h18M9 21V9\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Industrielle B\u00f6den &amp; Lagerhallenplatten<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Schwerbelastbare Wege und Platten auf Bodenh\u00f6he<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Tunnel-Spritzbeton (NATM \/ Bergbau)<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Vorgefertigte Rohre, Platten, Paneele und Segmente<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M5 12h14\"><\/path>\n                                <path d=\"M12 5l7 7-7 7\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">Br\u00fcckendecks, \u00dcberz\u00fcge und fugenlose B\u00f6den<\/div>\n<\/p><\/div>\n<div class=\"novastar-app-item\">\n<div class=\"novastar-app-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-app-text\">UHPC mit hohem Zug- und Biegezugfestigkeit<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Applications Image --><\/p>\n<div class=\"novastar-applications-image\">\n                    <img loading=\"lazy\" height=\"1705\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/factory-or-warehouse-or-industrial-building-modern-2025-01-10-18-26-56-utc-scaled.jpg\" alt=\"NOVASTAR Anwendungen\"><\/p>\n<div class=\"novastar-app-image-badge\">\n<div class=\"novastar-app-badge-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path>\n                                <polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n<p>                        <span>Bew\u00e4hrt in globalen Projekten<\/span>\n                    <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Featured Projects --><\/p>\n<div class=\"novastar-projects-section\">\n<div class=\"novastar-projects-header\">\n<h3 class=\"novastar-projects-title\">Hervorgehobene Projekte mit LANDU Fasern<\/h3>\n<\/p><\/div>\n<div class=\"novastar-projects-grid\">\n                    <!-- Project 1 --><\/p>\n<div class=\"novastar-project-card\">\n<div class=\"novastar-project-image\">\n                            <img loading=\"lazy\" height=\"1700\" width=\"2560\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/boat-sailing-in-the-open-sea-with-a-bridge-on-the-2025-02-09-21-12-47-utc-scaled.jpg\" alt=\"Hongkong\u2013Zhuhai\u2013Macao-Br\u00fccke\"><\/p>\n<div class=\"novastar-project-overlay\">\n<div class=\"novastar-project-tag\">Infrastruktur<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-project-content\">\n<h4 class=\"novastar-project-name\">Hongkong\u2013Zhuhai\u2013Macao-Br\u00fccke<\/h4>\n<p class=\"novastar-project-description\">\n                                Makrofaser-verst\u00e4rkter Spritzbeton f\u00fcr Rissbest\u00e4ndigkeit\n                            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Project 2 --><\/p>\n<div class=\"novastar-project-card\">\n<div class=\"novastar-project-image\">\n                            <img loading=\"lazy\" height=\"514\" width=\"904\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/Overlooking_Da_Nang_Port_fixed.jpg\" alt=\"Da Nang Pier, Vietnam\"><\/p>\n<div class=\"novastar-project-overlay\">\n<div class=\"novastar-project-tag\">Marine<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-project-content\">\n<h4 class=\"novastar-project-name\">Da Nang Pier, Vietnam<\/h4>\n<p class=\"novastar-project-description\">\n                                Stahlfaser-verst\u00e4rkter Beton f\u00fcr maritime Dauerhaftigkeit\n                            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Project 3 --><\/p>\n<div class=\"novastar-project-card\">\n<div class=\"novastar-project-image\">\n                            <img loading=\"lazy\" height=\"657\" width=\"950\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/hangzhouolympicsportscenter_nbbj_002.jpg\" alt=\"Olympiastadion Hangzhou\"><\/p>\n<div class=\"novastar-project-overlay\">\n<div class=\"novastar-project-tag\">Sportanlage<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-project-content\">\n<h4 class=\"novastar-project-name\">Olympiastadion Hangzhou<\/h4>\n<p class=\"novastar-project-description\">\n                                Polypropylen-Mikrofaser zur Kontrolle von Plastikschrumpfung\n                            <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Performance Benefits Section ==================== *\/\n    .novastar-performance-wrapper {\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-performance-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-performance-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-performance-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-performance-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Section Label (\u5171\u7528\u6837\u5f0f) *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    \/* Benefits Grid *\/\n    .novastar-benefits-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    .novastar-benefit-card {\n        background: #ffffff;\n        border-radius: 18px;\n        padding: 36px 32px;\n        border: 1px solid #e2e8f0;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n        overflow: hidden;\n    }<\/p>\n<p>    .novastar-benefit-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.4s ease;\n    }<\/p>\n<p>    .novastar-benefit-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-benefit-card:hover::before {\n        transform: scaleX(1);\n    }<\/p>\n<p>    .novastar-benefit-decoration {\n        position: absolute;\n        bottom: -30px;\n        right: -30px;\n        width: 120px;\n        height: 120px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-benefit-icon {\n        width: 64px;\n        height: 64px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(29, 78, 216, 0.08) 100%);\n        border-radius: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 24px;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-benefit-card:hover .novastar-benefit-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-benefit-icon svg {\n        width: 32px;\n        height: 32px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-benefit-card:hover .novastar-benefit-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-benefit-title {\n        font-size: 1.15rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 14px;\n        line-height: 1.4;\n    }<\/p>\n<p>    .novastar-benefit-description {\n        font-size: 0.92rem;\n        color: #64748b;\n        line-height: 1.7;\n    }<\/p>\n<p>    \/* ==================== Applications Section ==================== *\/\n    .novastar-applications-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-applications-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-applications-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-applications-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-applications-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Applications Content *\/\n    .novastar-applications-content {\n        display: grid;\n        grid-template-columns: 1.1fr 1fr;\n        gap: 60px;\n        align-items: center;\n        margin-bottom: 80px;\n    }<\/p>\n<p>    .novastar-applications-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-app-item {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        padding: 20px 24px;\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 14px;\n        border: 1px solid rgba(59, 130, 246, 0.12);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-app-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.25);\n        transform: translateX(8px);\n        box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);\n    }<\/p>\n<p>    .novastar-app-icon {\n        width: 48px;\n        height: 48px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-app-item:hover .novastar-app-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: rotate(5deg);\n    }<\/p>\n<p>    .novastar-app-icon svg {\n        width: 24px;\n        height: 24px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-app-item:hover .novastar-app-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-app-text {\n        font-size: 0.98rem;\n        color: #1e293b;\n        font-weight: 600;\n        line-height: 1.5;\n    }<\/p>\n<p>    \/* Applications Image *\/\n    .novastar-applications-image {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.2);\n        aspect-ratio: 4\/3;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-applications-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-applications-image:hover img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .novastar-app-image-badge {\n        position: absolute;\n        bottom: 24px;\n        left: 24px;\n        right: 24px;\n        background: rgba(255, 255, 255, 0.95);\n        backdrop-filter: blur(20px);\n        padding: 16px 20px;\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);\n        border: 1px solid rgba(255, 255, 255, 0.5);\n    }<\/p>\n<p>    .novastar-app-badge-icon {\n        width: 36px;\n        height: 36px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-app-badge-icon svg {\n        width: 18px;\n        height: 18px;\n        color: white;\n    }<\/p>\n<p>    .novastar-app-image-badge span {\n        font-size: 0.95rem;\n        font-weight: 700;\n        color: #1e293b;\n    }<\/p>\n<p>    \/* ==================== Featured Projects Section ==================== *\/\n    .novastar-projects-section {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 24px;\n        padding: 50px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n    }<\/p>\n<p>    .novastar-projects-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }<\/p>\n<p>    .novastar-projects-title {\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        letter-spacing: -0.5px;\n    }<\/p>\n<p>    .novastar-projects-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n    }<\/p>\n<p>    .novastar-project-card {\n        background: #ffffff;\n        border-radius: 16px;\n        overflow: hidden;\n        border: 1px solid #e2e8f0;\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-project-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 60px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-project-image {\n        position: relative;\n        width: 100%;\n        aspect-ratio: 16\/10;\n        overflow: hidden;\n        background: transparent;\n    }<\/p>\n<p>    .novastar-project-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n        display: block;\n    }<\/p>\n<p>    .novastar-project-card:hover .novastar-project-image img {\n        transform: scale(1.1);\n    }<\/p>\n<p>    .novastar-project-overlay {\n        position: absolute;\n        top: 16px;\n        right: 16px;\n    }<\/p>\n<p>    .novastar-project-tag {\n        background: rgba(59, 130, 246, 0.9);\n        backdrop-filter: blur(10px);\n        color: white;\n        padding: 6px 14px;\n        border-radius: 8px;\n        font-size: 0.8rem;\n        font-weight: 600;\n    }<\/p>\n<p>    .novastar-project-content {\n        padding: 24px;\n    }<\/p>\n<p>    .novastar-project-name {\n        font-size: 1.1rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 10px;\n        line-height: 1.4;\n    }<\/p>\n<p>    .novastar-project-description {\n        font-size: 0.9rem;\n        color: #64748b;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1200px) {\n        .novastar-benefits-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }<\/p>\n<p>        .novastar-projects-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }<\/p>\n<p>    @media (max-width: 1024px) {\n        .novastar-applications-content {\n            grid-template-columns: 1fr;\n            gap: 40px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-performance-wrapper,\n        .novastar-applications-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-performance-container,\n        .novastar-applications-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-performance-title,\n        .novastar-applications-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-benefits-grid {\n            grid-template-columns: 1fr;\n            gap: 20px;\n        }<\/p>\n<p>        .novastar-projects-section {\n            padding: 36px 28px;\n        }<\/p>\n<p>        .novastar-projects-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-projects-title {\n            font-size: 1.5rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-performance-container,\n        .novastar-applications-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-performance-title,\n        .novastar-applications-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-benefit-card {\n            padding: 28px 24px;\n        }<\/p>\n<p>        .novastar-projects-section {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-app-item {\n            padding: 16px 18px;\n        }\n    }\n<\/style>\n<p><!-- Usage Guidelines & Packaging Section --><\/p>\n<div class=\"novastar-usage-packaging-section\">\n<p>    <!-- Usage Guidelines Section --><\/p>\n<div class=\"novastar-usage-wrapper\">\n<div class=\"novastar-usage-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-usage-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Implementierungsleitfaden<\/span>\n                <\/div>\n<h2 class=\"novastar-usage-title\">Gebrauchsanweisungen<\/h2>\n<p class=\"novastar-usage-subtitle\">\n                    Fachkundige Empfehlungen f\u00fcr optimale Stahlfaserbetonleistung\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Usage Content --><\/p>\n<div class=\"novastar-usage-content\">\n                <!-- Dosage Card --><\/p>\n<div class=\"novastar-guideline-card novastar-dosage-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6\"><\/path>\n                            <\/svg>\n                        <\/div>\n<h3 class=\"novastar-guideline-title\">Empfohlene Dosierung<\/h3>\n<\/p><\/div>\n<div class=\"novastar-dosage-content\">\n<div class=\"novastar-dosage-range\">\n<div class=\"novastar-dosage-value\">15\u201345 kg\/m\u00b3<\/div>\n<div class=\"novastar-dosage-bar\">\n<div class=\"novastar-dosage-fill\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"novastar-dosage-note\">\n                            Abh\u00e4ngig von den Leistungsanforderungen von SFRC\/UHPC\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Process Cards Grid --><\/p>\n<div class=\"novastar-process-grid\">\n                    <!-- Mixing Card --><\/p>\n<div class=\"novastar-guideline-card novastar-mixing-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\n                                    <path d=\"M12 1v6m0 6v6M1 12h6m6 0h6\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-guideline-title\">Mischen<\/h3>\n<\/p><\/div>\n<div class=\"novastar-steps-list\">\n<div class=\"novastar-step-item\">\n<div class=\"novastar-step-number\">1<\/div>\n<div class=\"novastar-step-text\">F\u00fcgen Sie zuerst Zuschlagstoffe hinzu<\/div>\n<\/p><\/div>\n<div class=\"novastar-step-item\">\n<div class=\"novastar-step-number\">2<\/div>\n<div class=\"novastar-step-text\">Fasern vor Wasser einf\u00fchren<\/div>\n<\/p><\/div>\n<div class=\"novastar-step-item\">\n<div class=\"novastar-step-number\">3<\/div>\n<div class=\"novastar-step-text\">Mischen Sie weitere 3\u20135 Minuten, um eine vollst\u00e4ndige Faserdurchmischung sicherzustellen<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Placement Card --><\/p>\n<div class=\"novastar-guideline-card novastar-placement-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2L2 7l10 5 10-5-10-5z\"><\/path>\n                                    <path d=\"M2 17l10 5 10-5\"><\/path>\n                                    <path d=\"M2 12l10 5 10-5\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-guideline-title\">Einbringung<\/h3>\n<\/p><\/div>\n<div class=\"novastar-info-list\">\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>Geeignet f\u00fcr Pumpen, Gie\u00dfen, Vibration und Standardbetonverlegung<\/span>\n                            <\/div>\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>Keine spezielle Maschine erforderlich<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                    <!-- Finishing Card --><\/p>\n<div class=\"novastar-guideline-card novastar-finishing-card\">\n<div class=\"novastar-guideline-header\">\n<div class=\"novastar-guideline-icon\">\n                                <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                    <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                                <\/svg>\n                            <\/div>\n<h3 class=\"novastar-guideline-title\">Oberfl\u00e4chenbearbeitung<\/h3>\n<\/p><\/div>\n<div class=\"novastar-info-list\">\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>Konventionelle Gl\u00e4tt- und Estrichmethoden<\/span>\n                            <\/div>\n<div class=\"novastar-info-item\">\n<div class=\"novastar-info-icon\">\n                                    <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                                        <polyline points=\"20 6 9 17 4 12\"><\/polyline>\n                                    <\/svg>\n                                <\/div>\n<p>                                <span>Geringe Fasernachweis beeinflusst die Leistung nicht<\/span>\n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Packaging Options Section --><\/p>\n<div class=\"novastar-packaging-wrapper\">\n<div class=\"novastar-packaging-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-packaging-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Logistikl\u00f6sungen<\/span>\n                <\/div>\n<h2 class=\"novastar-packaging-title\">Verpackungsoptionen (anpassbar)<\/h2>\n<p class=\"novastar-packaging-subtitle\">\n                    LANDU bietet flexible Logistikl\u00f6sungen zur Optimierung der Baustellenabl\u00e4ufe\n                <\/p>\n<\/p><\/div>\n<p>            <!-- Packaging Grid --><\/p>\n<div class=\"novastar-packaging-grid\">\n                <!-- Package Option 1 --><\/p>\n<div class=\"novastar-package-card\">\n<div class=\"novastar-package-icon-wrapper\">\n<div class=\"novastar-package-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                                <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                                <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-content\">\n<h3 class=\"novastar-package-title\">Wasserl\u00f6sliche Papiert\u00fcten<\/h3>\n<div class=\"novastar-package-specs\">\n<div class=\"novastar-package-spec\">5 kg \/ 10 kg<\/div>\n<\/p><\/div>\n<p class=\"novastar-package-description\">\n                            Direkt in den Mischer fallen lassen \u2013 keine Notwendigkeit, T\u00fcten zu \u00f6ffnen, was Arbeit und Kontamination reduziert\n                        <\/p>\n<div class=\"novastar-package-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Am bequemsten<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Package Option 2 --><\/p>\n<div class=\"novastar-package-card\">\n<div class=\"novastar-package-icon-wrapper\">\n<div class=\"novastar-package-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-content\">\n<h3 class=\"novastar-package-title\">Kartonverpackungen<\/h3>\n<div class=\"novastar-package-specs\">\n<div class=\"novastar-package-spec\">Standardgr\u00f6\u00dfe<\/div>\n<\/p><\/div>\n<p class=\"novastar-package-description\">\n                            Organisierte Lagerung und einfacher Transport \u2013 ideal f\u00fcr mittelgro\u00dfe Projekte\n                        <\/p>\n<div class=\"novastar-package-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Gesch\u00fctzter Lagerung<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-decoration\"><\/div>\n<\/p><\/div>\n<p>                <!-- Package Option 3 --><\/p>\n<div class=\"novastar-package-card\">\n<div class=\"novastar-package-icon-wrapper\">\n<div class=\"novastar-package-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"><\/rect>\n                                <path d=\"M3 9h18M9 21V9\"><\/path>\n                            <\/svg>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-content\">\n<h3 class=\"novastar-package-title\">Schwerpackung<\/h3>\n<div class=\"novastar-package-specs\">\n<div class=\"novastar-package-spec\">Benutzerdefiniertes Volumen<\/div>\n<\/p><\/div>\n<p class=\"novastar-package-description\">\n                            F\u00fcr gro\u00dfe Bauprojekte \u2014 kosteneffiziente und effiziente Logistik\n                        <\/p>\n<div class=\"novastar-package-badge\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M12 6v6l4 2\"><\/path>\n                            <\/svg><br \/>\n                            <span>Beste Wertigkeit<\/span>\n                        <\/div>\n<\/p><\/div>\n<div class=\"novastar-package-decoration\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- Packaging CTA --><\/p>\n<div class=\"novastar-packaging-cta\">\n<div class=\"novastar-cta-content\">\n<h3 class=\"novastar-cta-title\">Ben\u00f6tigen Sie ma\u00dfgeschneiderte Verpackungsl\u00f6sungen?<\/h3>\n<p class=\"novastar-cta-description\">\n                        Kontaktieren Sie unser Team, um auf Ihre spezifischen Projektanforderungen zugeschnittene Verpackungsoptionen zu besprechen\n                    <\/p>\n<\/p><\/div>\n<p>                <button class=\"novastar-cta-button\"><br \/>\n                    <span>Vertriebsteam kontaktieren<\/span><br \/>\n                    <svg class=\"novastar-arrow-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                        <path d=\"M5 12h14M12 5l7 7-7 7\"><\/path>\n                    <\/svg><br \/>\n                <\/button>\n            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Usage Guidelines Section ==================== *\/\n    .novastar-usage-wrapper {\n        background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-usage-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-usage-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-usage-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-usage-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 700px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Section Label *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    \/* Usage Content *\/\n    .novastar-usage-content {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n    }<\/p>\n<p>    \/* Guideline Cards *\/\n    .novastar-guideline-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 40px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n    }<\/p>\n<p>    .novastar-guideline-card:hover {\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-guideline-header {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .novastar-guideline-icon {\n        width: 56px;\n        height: 56px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-guideline-icon svg {\n        width: 28px;\n        height: 28px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-guideline-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: #1e293b;\n        line-height: 1.3;\n    }<\/p>\n<p>    \/* Dosage Card *\/\n    .novastar-dosage-content {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-dosage-range {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        padding: 28px 32px;\n        border-radius: 16px;\n        border: 1px solid rgba(59, 130, 246, 0.12);\n    }<\/p>\n<p>    .novastar-dosage-value {\n        font-size: 2.2rem;\n        font-weight: 800;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        margin-bottom: 16px;\n    }<\/p>\n<p>    .novastar-dosage-bar {\n        width: 100%;\n        height: 8px;\n        background: rgba(59, 130, 246, 0.1);\n        border-radius: 4px;\n        overflow: hidden;\n    }<\/p>\n<p>    .novastar-dosage-fill {\n        width: 75%;\n        height: 100%;\n        background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 4px;\n        animation: novastar-dosage-fill 2s ease-out;\n    }<\/p>\n<p>    @keyframes novastar-dosage-fill {\n        from { width: 0; }\n        to { width: 75%; }\n    }<\/p>\n<p>    .novastar-dosage-note {\n        font-size: 0.95rem;\n        color: #64748b;\n        font-style: italic;\n        padding-left: 8px;\n    }<\/p>\n<p>    \/* Process Grid *\/\n    .novastar-process-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 28px;\n    }<\/p>\n<p>    \/* Steps List *\/\n    .novastar-steps-list {\n        display: flex;\n        flex-direction: column;\n        gap: 16px;\n    }<\/p>\n<p>    .novastar-step-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 16px;\n        padding: 16px 20px;\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 12px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-step-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(6px);\n    }<\/p>\n<p>    .novastar-step-number {\n        width: 32px;\n        height: 32px;\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        color: white;\n        border-radius: 8px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.95rem;\n        font-weight: 700;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-step-text {\n        font-size: 0.95rem;\n        color: #1e293b;\n        line-height: 1.6;\n        font-weight: 500;\n        padding-top: 4px;\n    }<\/p>\n<p>    \/* Info List *\/\n    .novastar-info-list {\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }<\/p>\n<p>    .novastar-info-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        padding: 14px 18px;\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 10px;\n        border: 1px solid rgba(59, 130, 246, 0.1);\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-info-item:hover {\n        background: rgba(59, 130, 246, 0.05);\n        border-color: rgba(59, 130, 246, 0.2);\n        transform: translateX(6px);\n    }<\/p>\n<p>    .novastar-info-icon {\n        width: 24px;\n        height: 24px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 6px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }<\/p>\n<p>    .novastar-info-icon svg {\n        width: 14px;\n        height: 14px;\n        color: #3b82f6;\n    }<\/p>\n<p>    .novastar-info-item span {\n        font-size: 0.92rem;\n        color: #1e293b;\n        line-height: 1.6;\n        font-weight: 500;\n    }<\/p>\n<p>    \/* ==================== Packaging Section ==================== *\/\n    .novastar-packaging-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-packaging-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-packaging-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-packaging-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 16px;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-packaging-subtitle {\n        font-size: 1.05rem;\n        color: #64748b;\n        max-width: 600px;\n        margin: 0 auto;\n        line-height: 1.6;\n    }<\/p>\n<p>    \/* Packaging Grid *\/\n    .novastar-packaging-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    .novastar-package-card {\n        background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);\n        border-radius: 20px;\n        padding: 40px 36px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        overflow: hidden;\n        min-height: 320px;\n    }<\/p>\n<p>    .novastar-package-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-package-decoration {\n        position: absolute;\n        bottom: -40px;\n        right: -40px;\n        width: 160px;\n        height: 160px;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.08) 0%, transparent 70%);\n        border-radius: 50%;\n        pointer-events: none;\n    }<\/p>\n<p>    .novastar-package-icon-wrapper {\n        margin-bottom: 28px;\n    }<\/p>\n<p>    .novastar-package-icon {\n        width: 72px;\n        height: 72px;\n        background: linear-gradient(135deg, rgba(59, 130, 246, 0.15) 0%, rgba(29, 78, 216, 0.1) 100%);\n        border-radius: 18px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-package-card:hover .novastar-package-icon {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        transform: scale(1.1) rotate(5deg);\n    }<\/p>\n<p>    .novastar-package-icon svg {\n        width: 36px;\n        height: 36px;\n        color: #3b82f6;\n        transition: color 0.3s ease;\n    }<\/p>\n<p>    .novastar-package-card:hover .novastar-package-icon svg {\n        color: white;\n    }<\/p>\n<p>    .novastar-package-content {\n        flex: 1;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-package-title {\n        font-size: 1.45rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 16px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-package-specs {\n        display: flex;\n        gap: 10px;\n        margin-bottom: 18px;\n    }<\/p>\n<p>    .novastar-package-spec {\n        background: rgba(59, 130, 246, 0.1);\n        color: #3b82f6;\n        padding: 7px 16px;\n        border-radius: 8px;\n        font-size: 0.88rem;\n        font-weight: 600;\n    }<\/p>\n<p>    .novastar-package-description {\n        font-size: 0.98rem;\n        color: #64748b;\n        line-height: 1.75;\n        margin-bottom: 20px;\n    }<\/p>\n<p>    .novastar-package-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 9px 16px;\n        border-radius: 10px;\n        font-size: 0.88rem;\n        font-weight: 600;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-package-badge svg {\n        width: 16px;\n        height: 16px;\n    }<\/p>\n<p>    \/* Packaging CTA *\/\n    .novastar-packaging-cta {\n        background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);\n        border-radius: 20px;\n        padding: 48px 50px;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 40px;\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-cta-content {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-cta-title {\n        font-size: 1.8rem;\n        font-weight: 800;\n        color: white;\n        margin-bottom: 12px;\n        line-height: 1.3;\n    }<\/p>\n<p>    .novastar-cta-description {\n        font-size: 1rem;\n        color: rgba(255, 255, 255, 0.9);\n        line-height: 1.6;\n    }<\/p>\n<p>    .novastar-cta-button {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        background: white;\n        color: #3b82f6;\n        padding: 16px 32px;\n        border-radius: 12px;\n        font-size: 1rem;\n        font-weight: 700;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-cta-button:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n        background: #f8faff;\n    }<\/p>\n<p>    .novastar-arrow-icon {\n        width: 20px;\n        height: 20px;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .novastar-process-grid,\n        .novastar-packaging-grid {\n            grid-template-columns: 1fr;\n            gap: 24px;\n        }<\/p>\n<p>        .novastar-packaging-cta {\n            flex-direction: column;\n            text-align: center;\n            padding: 40px 36px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-usage-wrapper,\n        .novastar-packaging-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-usage-container,\n        .novastar-packaging-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-usage-title,\n        .novastar-packaging-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-guideline-card {\n            padding: 32px 28px;\n        }<\/p>\n<p>        .novastar-package-card {\n            padding: 36px 28px;\n            min-height: auto;\n        }<\/p>\n<p>        .novastar-cta-title {\n            font-size: 1.5rem;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-usage-container,\n        .novastar-packaging-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-usage-title,\n        .novastar-packaging-title {\n            font-size: 1.7rem;\n        }<\/p>\n<p>        .novastar-guideline-card {\n            padding: 28px 20px;\n        }<\/p>\n<p>        .novastar-package-card {\n            padding: 32px 24px;\n        }<\/p>\n<p>        .novastar-packaging-cta {\n            padding: 32px 24px;\n        }<\/p>\n<p>        .novastar-cta-button {\n            width: 100%;\n            justify-content: center;\n        }\n    }\n<\/style>\n<p><!-- Why Choose & CTA Section --><\/p>\n<div class=\"novastar-why-choose-cta-section\">\n<p>    <!-- Why Choose NOVASTAR Section --><\/p>\n<div class=\"novastar-why-choose-wrapper\">\n<div class=\"novastar-why-choose-container\">\n            <!-- Section Header --><\/p>\n<div class=\"novastar-why-choose-header\">\n<div class=\"novastar-section-label novastar-label-center\">\n                    <span class=\"novastar-label-icon\"><\/span><br \/>\n                    <span>Unser Engagement<\/span>\n                <\/div>\n<h2 class=\"novastar-why-choose-title\">Warum NOVASTAR\u2122 w\u00e4hlen?<\/h2>\n<\/p><\/div>\n<p>            <!-- Why Choose Grid --><\/p>\n<div class=\"novastar-why-choose-grid\">\n                <!-- Reason 1 --><\/p>\n<div class=\"novastar-reason-card\">\n<h3 class=\"novastar-reason-title\">\u00dcber 22 Jahre Erfahrung in der Fasermodellierung<\/h3>\n<div class=\"novastar-reason-image\">\n                        <img loading=\"lazy\" height=\"507\" width=\"760\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/09\/LANDU-technicians-data-record.jpg\" alt=\"\u00dcber 22 Jahre Erfahrung\">\n                    <\/div>\n<div class=\"novastar-reason-content\">\n<p class=\"novastar-reason-description\">\n                            LANDU bietet stabile, leistungsstarke Verst\u00e4rkungsfasern, die in Infrastruktur, Bergbau, Fertigteilproduktion und Industriebau vertraut sind.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Reason 2 --><\/p>\n<div class=\"novastar-reason-card\">\n<h3 class=\"novastar-reason-title\">Globale Projekterfahrung<\/h3>\n<div class=\"novastar-reason-image\">\n                        <img loading=\"lazy\" height=\"1167\" width=\"1750\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/11\/aerial-view-of-concrete-frame-of-tall-apartment-bu-2024-12-06-03-40-29-utc.jpg\" alt=\"Globale Projekte\">\n                    <\/div>\n<div class=\"novastar-reason-content\">\n<p class=\"novastar-reason-description\">\n                            Produkte, die in \u00fcber 1.000 Projekten in mehr als 20 L\u00e4ndern verwendet werden, einschlie\u00dflich Br\u00fccken \u00fcber Meere, U-Bahn-Systeme, H\u00e4fen &amp; maritime Strukturen und Fundamente f\u00fcr Einzelhandelsgro\u00dffl\u00e4chen.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Reason 3 --><\/p>\n<div class=\"novastar-reason-card\">\n<h3 class=\"novastar-reason-title\">Direktlieferung vom Werk<\/h3>\n<div class=\"novastar-reason-image\">\n                        <img loading=\"lazy\" height=\"533\" width=\"800\" decoding=\"async\" src=\"https:\/\/hpmc.ae\/wp-content\/uploads\/2025\/10\/construction-additive-factory-production.jpg\" alt=\"Fabriksversorgung\">\n                    <\/div>\n<div class=\"novastar-reason-content\">\n<p class=\"novastar-reason-description\">\n                            Schnelle Lieferzeiten, stabile Qualit\u00e4t und vollst\u00e4ndiger technischer Support, einschlie\u00dflich Mischungsdesign, Dosierungsempfehlungen und Vor-Ort-Anleitung.\n                        <\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>    <!-- Final CTA Section --><\/p>\n<div class=\"novastar-final-cta-wrapper\">\n<div class=\"novastar-final-cta-container\">\n<div class=\"novastar-cta-background\">\n<div class=\"novastar-cta-circle novastar-cta-circle-1\"><\/div>\n<div class=\"novastar-cta-circle novastar-cta-circle-2\"><\/div>\n<div class=\"novastar-cta-circle novastar-cta-circle-3\"><\/div>\n<\/p><\/div>\n<div class=\"novastar-cta-content-wrapper\">\n<div class=\"novastar-cta-main-content\">\n<div class=\"novastar-cta-icon-feature\">\n                        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                            <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                        <\/svg>\n                    <\/div>\n<h2 class=\"novastar-cta-main-title\">Erhalten Sie eine ma\u00dfgeschneiderte Faserl\u00f6sung<\/h2>\n<p class=\"novastar-cta-main-description\">\n                        Teilen Sie uns Ihre Projektanforderungen mit, und unser Ingenieurteam wird das optimale NOVASTAR\u2122-Stahlfasersystem empfehlen.\n                    <\/p>\n<div class=\"novastar-cta-buttons\">\n                        <button class=\"novastar-cta-btn novastar-cta-primary\"><br \/>\n                            <svg class=\"novastar-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Technische Unterst\u00fctzung anfordern<\/span><br \/>\n                        <\/button><br \/>\n                        <button class=\"novastar-cta-btn novastar-cta-secondary\"><br \/>\n                            <svg class=\"novastar-btn-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                            <\/svg><br \/>\n                            <span>Kostenloses Muster anfordern<\/span><br \/>\n                        <\/button>\n                    <\/div>\n<\/p><\/div>\n<div class=\"novastar-cta-contact-info\">\n<div class=\"novastar-contact-item\">\n<div class=\"novastar-contact-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-contact-text\">\n<div class=\"novastar-contact-label\">Telefon<\/div>\n<div class=\"novastar-contact-value\">+1 (555) 123-4567<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-contact-item\">\n<div class=\"novastar-contact-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\n                                <polyline points=\"22,6 12,13 2,6\"><\/polyline>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-contact-text\">\n<div class=\"novastar-contact-label\">E-Mail<\/div>\n<div class=\"novastar-contact-value\">sales@landu-fiber.com<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"novastar-contact-item\">\n<div class=\"novastar-contact-icon\">\n                            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n                                <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                                <path d=\"M12 6v6l4 2\"><\/path>\n                            <\/svg>\n                        <\/div>\n<div class=\"novastar-contact-text\">\n<div class=\"novastar-contact-label\">Antwortzeit<\/div>\n<div class=\"novastar-contact-value\">Innerhalb von 24 Stunden<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style>\n    \/* ==================== Why Choose Section ==================== *\/\n    .novastar-why-choose-wrapper {\n        background: linear-gradient(180deg, #f8faff 0%, #ffffff 100%);\n        padding: 100px 0;\n        position: relative;\n    }<\/p>\n<p>    .novastar-why-choose-container {\n        max-width: 1350px;\n        margin: 0 auto;\n        padding: 0 50px;\n    }<\/p>\n<p>    .novastar-why-choose-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }<\/p>\n<p>    \/* Section Label *\/\n    .novastar-section-label {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: rgba(59, 130, 246, 0.08);\n        color: #3b82f6;\n        padding: 8px 18px;\n        border-radius: 20px;\n        font-size: 0.85rem;\n        font-weight: 600;\n        margin-bottom: 20px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n    }<\/p>\n<p>    .novastar-label-center {\n        margin: 0 auto 24px;\n    }<\/p>\n<p>    .novastar-label-icon {\n        width: 6px;\n        height: 6px;\n        background: #3b82f6;\n        border-radius: 50%;\n        animation: novastar-pulse-dot 2s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-pulse-dot {\n        0%, 100% { opacity: 1; transform: scale(1); }\n        50% { opacity: 0.6; transform: scale(1.3); }\n    }<\/p>\n<p>    .novastar-why-choose-title {\n        font-size: 2.8rem;\n        font-weight: 800;\n        color: #1e293b;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    \/* Why Choose Grid *\/\n    .novastar-why-choose-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 32px;\n    }<\/p>\n<p>    .novastar-reason-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 32px;\n        border: 1px solid rgba(59, 130, 246, 0.15);\n        box-shadow: 0 4px 24px rgba(59, 130, 246, 0.08);\n        transition: all 0.4s ease;\n        display: flex;\n        flex-direction: column;\n    }<\/p>\n<p>    .novastar-reason-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 12px 48px rgba(59, 130, 246, 0.15);\n        border-color: rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-reason-title {\n        font-size: 1.3rem;\n        font-weight: 700;\n        color: #1e293b;\n        margin-bottom: 24px;\n        line-height: 1.4;\n        text-align: center;\n    }<\/p>\n<p>    .novastar-reason-image {\n        width: 100%;\n        aspect-ratio: 4\/3;\n        border-radius: 14px;\n        overflow: hidden;\n        margin-bottom: 24px;\n        position: relative;\n        background: linear-gradient(135deg, #e0f2fe 0%, #dbeafe 100%);\n    }<\/p>\n<p>    .novastar-reason-image img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: transform 0.5s ease;\n    }<\/p>\n<p>    .novastar-reason-card:hover .novastar-reason-image img {\n        transform: scale(1.05);\n    }<\/p>\n<p>    .novastar-reason-content {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-reason-description {\n        font-size: 0.95rem;\n        color: #64748b;\n        line-height: 1.75;\n        text-align: center;\n    }<\/p>\n<p>    \/* ==================== Final CTA Section ==================== *\/\n    .novastar-final-cta-wrapper {\n        background: #ffffff;\n        padding: 100px 0;\n        position: relative;\n        overflow: hidden;\n        border-top: 1px solid #e2e8f0;\n    }<\/p>\n<p>    .novastar-cta-background {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0.04;\n    }<\/p>\n<p>    .novastar-cta-circle {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.3) 0%, transparent 70%);\n    }<\/p>\n<p>    .novastar-cta-circle-1 {\n        width: 400px;\n        height: 400px;\n        top: -100px;\n        right: -100px;\n        animation: novastar-cta-float-1 20s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-cta-circle-2 {\n        width: 300px;\n        height: 300px;\n        bottom: -80px;\n        left: -80px;\n        animation: novastar-cta-float-2 22s ease-in-out infinite;\n    }<\/p>\n<p>    .novastar-cta-circle-3 {\n        width: 250px;\n        height: 250px;\n        top: 50%;\n        left: 50%;\n        animation: novastar-cta-float-3 24s ease-in-out infinite;\n    }<\/p>\n<p>    @keyframes novastar-cta-float-1 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(-30px, -30px); }\n    }<\/p>\n<p>    @keyframes novastar-cta-float-2 {\n        0%, 100% { transform: translate(0, 0); }\n        50% { transform: translate(30px, 30px); }\n    }<\/p>\n<p>    @keyframes novastar-cta-float-3 {\n        0%, 100% { transform: translate(-50%, -50%) scale(1); }\n        50% { transform: translate(-50%, -50%) scale(1.1); }\n    }<\/p>\n<p>    .novastar-final-cta-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 50px;\n        position: relative;\n        z-index: 1;\n    }<\/p>\n<p>    .novastar-cta-content-wrapper {\n        display: grid;\n        grid-template-columns: 1.3fr 1fr;\n        gap: 60px;\n        align-items: center;\n    }<\/p>\n<p>    .novastar-cta-icon-feature {\n        width: 100px;\n        height: 100px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        border-radius: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 32px;\n        box-shadow: 0 8px 32px rgba(59, 130, 246, 0.25);\n    }<\/p>\n<p>    .novastar-cta-icon-feature svg {\n        width: 50px;\n        height: 50px;\n        color: white;\n    }<\/p>\n<p>    .novastar-cta-main-title {\n        font-size: 2.6rem;\n        font-weight: 800;\n        color: #1e293b;\n        margin-bottom: 18px;\n        line-height: 1.2;\n        letter-spacing: -0.8px;\n    }<\/p>\n<p>    .novastar-cta-main-description {\n        font-size: 1.1rem;\n        color: #64748b;\n        line-height: 1.7;\n        margin-bottom: 36px;\n    }<\/p>\n<p>    .novastar-cta-buttons {\n        display: flex;\n        gap: 16px;\n        flex-wrap: wrap;\n    }<\/p>\n<p>    .novastar-cta-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 12px;\n        padding: 16px 32px;\n        border-radius: 12px;\n        font-size: 1rem;\n        font-weight: 700;\n        border: none;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-cta-primary {\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        color: white;\n        box-shadow: 0 4px 16px rgba(59, 130, 246, 0.3);\n    }<\/p>\n<p>    .novastar-cta-primary:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 8px 24px rgba(59, 130, 246, 0.4);\n    }<\/p>\n<p>    .novastar-cta-secondary {\n        background: white;\n        color: #3b82f6;\n        border: 2px solid #3b82f6;\n    }<\/p>\n<p>    .novastar-cta-secondary:hover {\n        transform: translateY(-3px);\n        background: #f8faff;\n        border-color: #2563eb;\n    }<\/p>\n<p>    .novastar-btn-icon {\n        width: 20px;\n        height: 20px;\n    }<\/p>\n<p>    \/* Contact Info *\/\n    .novastar-cta-contact-info {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }<\/p>\n<p>    .novastar-contact-item {\n        display: flex;\n        align-items: center;\n        gap: 18px;\n        padding: 24px;\n        background: #f8faff;\n        border-radius: 16px;\n        border: 1px solid #e0f2fe;\n        transition: all 0.3s ease;\n    }<\/p>\n<p>    .novastar-contact-item:hover {\n        background: #eff6ff;\n        border-color: #bfdbfe;\n        transform: translateX(-6px);\n        box-shadow: 0 4px 16px rgba(59, 130, 246, 0.1);\n    }<\/p>\n<p>    .novastar-contact-icon {\n        width: 48px;\n        height: 48px;\n        background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n    }<\/p>\n<p>    .novastar-contact-icon svg {\n        width: 24px;\n        height: 24px;\n        color: white;\n    }<\/p>\n<p>    .novastar-contact-text {\n        flex: 1;\n    }<\/p>\n<p>    .novastar-contact-label {\n        font-size: 0.85rem;\n        color: #64748b;\n        font-weight: 500;\n        margin-bottom: 4px;\n    }<\/p>\n<p>    .novastar-contact-value {\n        font-size: 1.05rem;\n        color: #1e293b;\n        font-weight: 700;\n    }<\/p>\n<p>    \/* Responsive Design *\/\n    @media (max-width: 1024px) {\n        .novastar-why-choose-grid {\n            grid-template-columns: 1fr;\n            gap: 28px;\n        }<\/p>\n<p>        .novastar-cta-content-wrapper {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }\n    }<\/p>\n<p>    @media (max-width: 768px) {\n        .novastar-why-choose-wrapper,\n        .novastar-final-cta-wrapper {\n            padding: 60px 0;\n        }<\/p>\n<p>        .novastar-why-choose-container,\n        .novastar-final-cta-container {\n            padding: 0 28px;\n        }<\/p>\n<p>        .novastar-why-choose-title {\n            font-size: 2.2rem;\n        }<\/p>\n<p>        .novastar-reason-card {\n            padding: 28px 24px;\n        }<\/p>\n<p>        .novastar-reason-title {\n            font-size: 1.2rem;\n        }<\/p>\n<p>        .novastar-cta-main-title {\n            font-size: 2rem;\n        }<\/p>\n<p>        .novastar-cta-buttons {\n            flex-direction: column;\n        }<\/p>\n<p>        .novastar-cta-btn {\n            width: 100%;\n            justify-content: center;\n        }\n    }<\/p>\n<p>    @media (max-width: 480px) {\n        .novastar-why-choose-container,\n        .novastar-final-cta-container {\n            padding: 0 18px;\n        }<\/p>\n<p>        .novastar-why-choose-title {\n            font-size: 1.9rem;\n        }<\/p>\n<p>        .novastar-reason-card {\n            padding: 24px 20px;\n        }<\/p>\n<p>        .novastar-reason-title {\n            font-size: 1.1rem;\n        }<\/p>\n<p>        .novastar-cta-main-title {\n            font-size: 1.7rem;\n        }\n    }\n<\/style>","protected":false},"excerpt":{"rendered":"<p>NOVASTAR\u2122 von LANDU Stahlfaser mit Hakenende Verst\u00e4rkung f\u00fcr Hochleistungsbeton Erreichen Sie \u00fcberlegene Z\u00e4higkeit, Biegefestigkeit und langfristige Haltbarkeit bei jedem Guss. Entwickelt f\u00fcr SFRC, UHPC, Industrieb\u00f6den, Tunnelbau und Schwerlaststrukturen. NOVASTAR\u2122 Stahlfasern mit Hakenende bieten au\u00dfergew\u00f6hnliche mechanische Verankerung und gleichm\u00e4\u00dfige Verteilung f\u00fcr kritische Betonanwendungen. Hohe Zugfestigkeit \u22651100 MPa Optimale Verankerung Hakenendes-Design [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":5078,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-5099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/pages\/5099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/comments?post=5099"}],"version-history":[{"count":1,"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/pages\/5099\/revisions"}],"predecessor-version":[{"id":5100,"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/pages\/5099\/revisions\/5100"}],"up":[{"embeddable":true,"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/pages\/5078"}],"wp:attachment":[{"href":"https:\/\/hpmc.ae\/de\/wp-json\/wp\/v2\/media?parent=5099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}