Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products<\/title>\n <meta name=\"description\" content=\"Professionelle modulare Glasfaserl\u00f6sungen & ODF-Systeme. Made in Europe, designed in Germany. Splei\u00dfboxen, Hutschienenboxen f\u00fcr FTTH-Ausbau.\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <h1>\n <span class=\"hero-highlight\">Modulare Glasfaserl\u00f6sungen<\/span><br>\n f\u00fcr Profis\n <\/h1>\n <p class=\"hero-subtitle\">\n Innovative FTTH Splei\u00dfsysteme f\u00fcr <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-stadtwerke\/\" style=\"color:#fff;text-decoration:underline;\">Stadtwerke<\/a>, <a href=\"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\" style=\"color:#fff;text-decoration:underline;\">Telekommunikationsanbieter<\/a> und <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-rechenzentren\/\" style=\"color:#fff;text-decoration:underline;\">Rechenzentren<\/a>.\n Als offizieller Produktionspartner fertigt Fiber Products auch <a href=\"https:\/\/fiber-products.com\/de\/diamond-sa-partner\/\" style=\"color:#fff;text-decoration:underline;\">DIAMOND Splei\u00dfboxen & Splei\u00dfmodule<\/a> (inkl. E2000).\n <\/p>\n<div class=\"hero-features\">\n <div class=\"feature-item\">Made in Europe<\/div>\n <div class=\"feature-item\">30 Jahre Erfahrung<\/div>\n <div class=\"feature-item\">5 Jahre Garantie<\/div>\n <\/div>\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaser-komponenten\/\" class=\"btn-primary\">Produkte entdecken<\/a>\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"btn-secondary\">Beratung anfragen<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div class=\"product-showcase\">\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n \/* Prim\u00e4re Farbpalette *\/\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n \n \/* Sekund\u00e4re Farben *\/\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n \n \/* Gradients *\/\n --hero-gradient: linear-gradient(rgba(10, 54, 114, 0.8), rgba(20, 87, 163, 0.8));\n \n \/* Shadows *\/\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Hero Section mit optimiertem Hintergrundbild *\/\n.hero {\n background: \n linear-gradient(135deg, rgba(10, 54, 114, 0.75) 0%, rgba(20, 87, 163, 0.75) 100%),\n url('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_futuristic_modular_fiber_optic_infrastructure_i_b8ed4be9-819e-43ed-8c5b-10d2ec62053f_1.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: fixed;\n height: 80vh;\n min-height: 600px;\n max-height: 800px;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n}\n\n\/* Zus\u00e4tzlicher Blur-Effekt f\u00fcr den Hintergrund *\/\n.hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_futuristic_modular_fiber_optic_infrastructure_i_b8ed4be9-819e-43ed-8c5b-10d2ec62053f_1.png');\n background-size: cover;\n background-position: center;\n filter: blur(1px);\n z-index: -1;\n}\n\n.hero-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 1;\n}\n\n.hero-content h1 {\n font-size: 3.5rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 24px;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5);\n line-height: 1.2;\n}\n\n.hero-highlight {\n color: #FFD700;\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.6);\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n color: rgba(255,255,255,0.95);\n margin-bottom: 32px;\n line-height: 1.5;\n text-shadow: 0 1px 4px rgba(0,0,0,0.3);\n}\n\n.hero-features {\n display: flex;\n gap: 30px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n}\n\n.feature-item {\n display: flex;\n align-items: center;\n color: var(--white);\n font-weight: 500;\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n.feature-item::before {\n content: '\u2713';\n background: #4CAF50;\n color: white;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 14px;\n font-weight: bold;\n box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);\n}\n\n.hero-buttons {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.btn-primary {\n background: #FF6B35;\n color: var(--white);\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);\n}\n\n.btn-primary:hover {\n background: #E55A2B;\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.5);\n}\n\n.btn-secondary {\n border: 2px solid var(--white);\n color: var(--white);\n padding: 14px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(10px);\n}\n\n.btn-secondary:hover {\n background: var(--white);\n color: var(--primary-color);\n transform: translateY(-2px);\n}\n\n\/* Optimierte Hero Video Section *\/\n.hero-image {\n background: rgba(255,255,255,0.15);\n border-radius: 16px;\n padding: 30px;\n text-align: center;\n backdrop-filter: blur(15px);\n border: 1px solid rgba(255,255,255,0.3);\n box-shadow: 0 8px 32px rgba(0,0,0,0.2);\n}\n\n.product-showcase {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));\n}\n\n.video-container {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n transition: transform 0.3s ease;\n background: #000;\n}\n\n.video-container:hover {\n transform: scale(1.02);\n}\n\n.video-container iframe {\n border-radius: 12px;\n}\n\n.video-caption {\n color: var(--white);\n font-weight: 600;\n margin-top: 20px;\n text-shadow: 0 1px 4px rgba(0,0,0,0.5);\n font-size: 16px;\n line-height: 1.4;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n .hero-container {\n gap: 40px;\n }\n \n .hero-content h1 {\n font-size: 3rem;\n }\n}\n\n@media (max-width: 768px) {\n .hero {\n background-attachment: scroll;\n min-height: 500px;\n }\n \n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 40px;\n padding: 0 15px;\n }\n\n .hero-content h1 {\n font-size: 2.5rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .hero-features {\n justify-content: center;\n gap: 20px;\n }\n\n .hero-buttons {\n justify-content: center;\n }\n\n .btn-primary, .btn-secondary {\n min-width: 200px;\n text-align: center;\n }\n\n .video-container {\n max-height: 300px;\n }\n}\n\n@media (max-width: 480px) {\n .hero {\n min-height: 400px;\n padding: 20px 0;\n }\n\n .hero-content h1 {\n font-size: 2rem;\n }\n\n .hero-features {\n flex-direction: column;\n gap: 15px;\n align-items: center;\n }\n\n .hero-buttons {\n flex-direction: column;\n align-items: center;\n gap: 15px;\n }\n\n .btn-primary, .btn-secondary {\n width: 100%;\n max-width: 280px;\n }\n\n .hero-image {\n padding: 20px;\n }\n}\n\n\/* Performance-Optimierungen *\/\n@media (prefers-reduced-motion: reduce) {\n .video-container,\n .btn-primary,\n .btn-secondary {\n transition: none;\n }\n}\n\n\/* Accessibility Verbesserungen *\/\n@media (prefers-contrast: high) {\n .hero {\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 87, 163, 0.9) 100%);\n }\n \n .hero-highlight {\n color: #FFFF00;\n }\n}\n\n\/* SEO und Schema.org Integration *\/\n.hero-content {\n position: relative;\n}\n\n\/* Strukturierte Daten f\u00fcr bessere SEO *\/\n.hero-content::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n}\n<\/style>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\",\n \"description\": \"Professionelle modulare Glasfaserl\u00f6sungen & ODF-Systeme. Made in Europe, designed in Germany.\",\n \"url\": \"https:\/\/fiber-products.com\",\n \"logo\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/logo.png\",\n \"video\": {\n \"@type\": \"VideoObject\",\n \"name\": \"Fiber Products - Modulare Splei\u00dfboxen & Glasfasersysteme\",\n \"description\": \"Produktvideo: Modulare Splei\u00dfmodule, Baugruppentr\u00e4ger und Mieterboxen im Detail\",\n \"thumbnailUrl\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/video-thumbnail.jpg\",\n \"embedUrl\": \"https:\/\/player.vimeo.com\/video\/1108332505\",\n \"uploadDate\": \"2025-01-01\"\n },\n \"foundingDate\": \"1995\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressCountry\": \"DE\"\n },\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+49\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": [\"de\", \"en\"]\n },\n \"sameAs\": [\n \"https:\/\/fiber-products.com\"\n ],\n \"knowsAbout\": [\n \"Modulare Glasfaserl\u00f6sungen\",\n \"ODF-Systeme\", \n \"Splei\u00dfboxen\",\n \"Hutschienenboxen\",\n \"FTTH-Systeme\",\n \"Glasfaserinfrastruktur\"\n ],\n \"makesOffer\": {\n \"@type\": \"Offer\",\n \"itemOffered\": {\n \"@type\": \"Product\",\n \"name\": \"Modulare Glasfaserl\u00f6sungen\",\n \"description\": \"Professionelle Splei\u00dfboxen, Hutschienenboxen und ODF-Systeme f\u00fcr FTTH-Ausbau\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Fiber Products\"\n },\n \"manufacturer\": {\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\"\n }\n }\n }\n}\n<\/script>\n\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<section id=\"produkte\" class=\"products-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Unsere Glasfaserl\u00f6sungen<\/h2>\n <p class=\"section-subtitle\">\n Modulare Systeme f\u00fcr jeden Anspruch \u2014 von der platzsparenden 1HE-L\u00f6sung bis zum flexiblen 4HE-System\n <\/p>\n <\/div>\n \n <div class=\"products-grid\">\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>1HE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">1HE Modulares System<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Maximale Leistung im flexibelster Format. Platzsparende L\u00f6sungen f\u00fcr dichte \n Flexible Anpassung mit bis zu 72 Fasern pro H\u00f6heneinheit.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/1he-modulares-system\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/13-modulares-1he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>3HE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">3HE Modulares System<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Bew\u00e4hrte Konfigurationsm\u00f6glichkeiten f\u00fcr anspruchsvolle Projekte \n mit optimaler Flexibilit\u00e4t und bew\u00e4hrter Technik.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/3he-odf-system-varioconnect\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/12-modulare-3he-4he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>4HE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">4HE Modulares System<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Maximale Konfigurationsm\u00f6glichkeiten mit zus\u00e4tzlicher Schublade f\u00fcr \n \u00dcberl\u00e4ngenkabel. Ideal f\u00fcr komplexeste Installationen.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/3he-odf-system-varioconnect\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/13-modulares-1he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>7TE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">Splei\u00dfmodule<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Hochwertige Splei\u00dfmodule f\u00fcr den modularen Glasfaserausbau mit flexiblen \n Konfigurationsm\u00f6glichkeiten und einfacher Installation.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/spleissmodule\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/13-modulares-1he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>SLIM<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">1HE Splei\u00dfbox<\/h3>\n <p class=\"product-subtitle\">Feste Glasfaser-Splei\u00dfboxen<\/p>\n <p class=\"product-description\">\n Kompakte 1HE Splei\u00dfboxen mit fester Konfiguration f\u00fcr standardisierte \n Installationen. Sofort einsatzbereit und kosteneffizient.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/15-spleissboxen\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>RAIL<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">Hutschienenboxen<\/h3>\n <p class=\"product-subtitle\">RailConnect<\/p>\n <p class=\"product-description\">\n Industriestandard trifft Glasfaser-Innovation. Robuste Hutschienenl\u00f6sungen \n f\u00fcr anspruchsvolle Industrieumgebungen in drei Gr\u00f6\u00dfen erh\u00e4ltlich.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/hutschienenbox-7te\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/14-hutschienenboxen\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>MieB<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">MieterBox<\/h3>\n <p class=\"product-subtitle\">\u00dcbergabegeh\u00e4use f\u00fcr Mieteinheiten<\/p>\n <p class=\"product-description\">\n Aufputzgeh\u00e4use f\u00fcr den Abschluss der Medienanbindung in Mieteinheiten. \n Kombiniert Glasfaser-, Kupfer- und TV-Anschl\u00fcsse in einem Geh\u00e4use.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/mieterbox-mieterubergabekasten\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>RouB<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">RouterBox<\/h3>\n <p class=\"product-subtitle\">Router- und Kabelmanagement<\/p>\n <p class=\"product-description\">\n Elegante L\u00f6sung zur sauberen Unterbringung von Routern und Kabeln. \n Sch\u00fctzt die Technik und sorgt f\u00fcr eine aufger\u00e4umte Installation.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/router-box\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>ZUB<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">Zubeh\u00f6r & Erweiterungen<\/h3>\n <p class=\"product-subtitle\">Professionelles Glasfaser-Zubeh\u00f6r<\/p>\n <p class=\"product-description\">\n Komplettieren Sie Ihre Installation mit hochwertigem Zubeh\u00f6r: \n Steckverbinder, Adapter, Pigtails, Patchkabel und Montagezubeh\u00f6r.\n <\/p>\n <div class=\"product-links\">\n <a href=\"#\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --custom-color: #FF6B35;\n --custom-dark: #E55A2B;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Products Section *\/\n.products-section {\n padding: 100px 0;\n background: var(--white);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-bottom: 60px;\n width: 100%;\n}\n\n@media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .products-grid {\n grid-template-columns: 1fr;\n }\n}\n\n.product-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-gray);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n display: block;\n height: auto;\n}\n\n.product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.product-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(20, 87, 163, 0.3);\n}\n\n.product-card:hover::before {\n transform: scaleX(1);\n}\n\n.product-icon {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 30px auto 25px;\n position: relative;\n box-shadow: 0 8px 25px rgba(20, 87, 163, 0.3);\n transition: all 0.3s ease;\n}\n\n.product-card:hover .product-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 12px 35px rgba(20, 87, 163, 0.4);\n}\n\n.product-icon span {\n color: var(--white);\n font-size: 24px;\n font-weight: bold;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.product-content {\n padding: 0 30px 30px;\n text-align: center;\n height: calc(100% - 155px);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.product-title {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 10px;\n}\n\n.product-subtitle {\n font-size: 1rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 15px;\n}\n\n.product-description {\n color: #666;\n line-height: 1.6;\n margin-bottom: 25px;\n font-size: 14px;\n flex-grow: 1;\n}\n\n.product-links {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.product-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.3s ease;\n padding: 10px 20px;\n border-radius: 6px;\n text-align: center;\n}\n\n.product-link.primary {\n background: var(--primary-color);\n color: var(--white);\n box-shadow: 0 4px 15px rgba(20, 87, 163, 0.3);\n}\n\n.product-link.primary:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(20, 87, 163, 0.4);\n}\n\n.product-link.secondary {\n background: rgba(20, 87, 163, 0.05);\n color: var(--primary-color);\n border: 1px solid rgba(20, 87, 163, 0.2);\n}\n\n.product-link::after {\n content: '\u2192';\n margin-left: 8px;\n transition: transform 0.3s ease;\n}\n\n.product-link:hover::after {\n transform: translateX(3px);\n}\n\n\/* Custom Solutions Section *\/\n.custom-solutions-section {\n margin-top: 0px;\n}\n\n.custom-solution-card {\n background: linear-gradient(135deg, \n rgba(20, 87, 163, 0.03), \n rgba(255, 107, 53, 0.03), \n rgba(20, 87, 163, 0.05));\n border: 2px solid transparent;\n background-clip: padding-box;\n border-radius: 20px;\n padding: 50px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.custom-solution-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--custom-color), var(--primary-dark));\n}\n\n.custom-solution-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(45deg, var(--primary-color), var(--custom-color), var(--primary-color));\n border-radius: 22px;\n z-index: -1;\n}\n\n.custom-icon {\n width: 120px;\n height: 120px;\n background: var(--custom-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 30px;\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);\n}\n\n.custom-icon span {\n color: var(--white);\n font-size: 40px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.custom-title {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 10px;\n}\n\n.custom-subtitle {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 20px;\n}\n\n.custom-description {\n color: #666;\n line-height: 1.6;\n margin-bottom: 30px;\n font-size: 16px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.custom-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 40px;\n}\n\n.feature-tag {\n background: rgba(20, 87, 163, 0.1);\n color: var(--primary-color);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 600;\n border: 1px solid rgba(20, 87, 163, 0.2);\n}\n\n.custom-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.custom-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n transition: all 0.3s ease;\n padding: 15px 30px;\n border-radius: 8px;\n text-align: center;\n}\n\n.custom-link.secondary-large {\n background: var(--white);\n background: rgba(20, 87, 163, 0.05);\n color: var(--primary-color);\n border: 2px solid var(--primary-color);\n box-shadow: 0 4px 15px rgba(20, 87, 163, 0.1);\n}\n\n.custom-link.secondary-large:hover {\n background: var(--primary-color);\n color: var(--white);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(20, 87, 163, 0.3);\n}\n\n.custom-link::after {\n content: '\u2192';\n margin-left: 8px;\n transition: transform 0.3s ease;\n}\n\n.custom-link:hover::after {\n transform: translateX(3px);\n}\n\n\/* Special styling for accessories card *\/\n.accessories-card .product-icon.accessories-icon {\n background: linear-gradient(135deg, var(--custom-color), var(--custom-dark));\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);\n}\n\n.accessories-card:hover .product-icon.accessories-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4);\n}\n\n.accessories-card .product-link.accessories-primary {\n background: var(--custom-color);\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n}\n\n.accessories-card .product-link.accessories-primary:hover {\n background: var(--custom-dark);\n box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);\n}\n\n.custom-solution-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: var(--custom-color);\n border-radius: 22px;\n z-index: -1;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 480px) {\n .products-section {\n padding: 60px 0;\n }\n \n .section-header {\n margin-bottom: 40px;\n }\n \n .product-content {\n padding: 0 20px 20px;\n }\n \n .custom-solution-card {\n padding: 30px 20px;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .custom-features {\n gap: 8px;\n }\n \n .feature-tag {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .custom-buttons {\n flex-direction: column;\n align-items: center;\n }\n}\n<\/style>\n\n\n\n\n<section id=\"loesungen\" class=\"custom-solutions\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Ma\u00dfgeschneiderte L\u00f6sungen<\/h2>\n <p class=\"section-subtitle\">\n Individuelle Glasfasersysteme, die perfekt zu Ihren spezifischen Anforderungen passen\n <\/p>\n <\/div>\n\n <div class=\"solutions-content\">\n <div class=\"solutions-text\">\n <h3 style=\"color: var(--primary-color); font-size: 1.8rem; margin-bottom: 20px;\">\n Ihre Anforderungen, unsere L\u00f6sung\n <\/h3>\n <p style=\"color: #666; line-height: 1.8; margin-bottom: 25px;\">\n Jedes Projekt ist einzigartig. Deshalb entwickeln wir gemeinsam mit Ihnen ma\u00dfgeschneiderte \n Glasfaserl\u00f6sungen, die exakt auf Ihre technischen, r\u00e4umlichen und wirtschaftlichen \n Anforderungen zugeschnitten sind.\n <\/p>\n \n <ul class=\"solutions-features\">\n <li>Individuelle Konfiguration von Portanzahl und Fasertypen<\/li>\n <li>Anpassung an spezielle Umgebungsbedingungen<\/li>\n <li>Integration in bestehende Infrastrukturen<\/li>\n <li>Kundenspezifische Geh\u00e4useformen und -gr\u00f6\u00dfen<\/li>\n <li>Spezielle Steckverbinder und Anschl\u00fcsse<\/li>\n <li>Compliance mit branchenspezifischen Standards<\/li>\n <\/ul>\n\n <a href=\"#beratung\" class=\"btn-primary\" style=\"display: inline-block; margin-top: 20px;\">\n Individuelle Beratung\n <\/a>\n <\/div>\n \n <div class=\"solutions-image\">\n <div class=\"placeholder-image\" style=\"height: 300px;\">\u2699\ufe0f<\/div>\n <p style=\"color: var(--text-dark); font-weight: 600; margin-top: 15px;\">\n [Hier: Bild von ma\u00dfgeschneiderten Glasfaserl\u00f6sungen in verschiedenen Konfigurationen]\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Custom Solutions Section *\/\n.custom-solutions {\n padding: 100px 0;\n background: var(--light-gray);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.solutions-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-top: 60px;\n}\n\n.solutions-text {\n padding: 40px;\n}\n\n.solutions-features {\n list-style: none;\n margin: 30px 0;\n padding: 0;\n}\n\n.solutions-features li {\n padding: 10px 0;\n padding-left: 30px;\n position: relative;\n color: var(--text-dark);\n font-weight: 500;\n line-height: 1.6;\n}\n\n.solutions-features li::before {\n content: '\u2699\ufe0f';\n position: absolute;\n left: 0;\n top: 10px;\n font-size: 16px;\n}\n\n.solutions-image {\n background: var(--white);\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n}\n\n.solutions-image:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n}\n\n.placeholder-image {\n width: 100%;\n height: 300px;\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 48px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n}\n\n.solutions-image:hover .placeholder-image {\n transform: scale(1.02);\n}\n\n.btn-primary {\n background: #FF6B35;\n color: var(--white);\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n}\n\n.btn-primary:hover {\n background: #E55A2B;\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .solutions-content {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .solutions-text {\n padding: 20px;\n }\n \n .solutions-features li {\n padding-left: 25px;\n font-size: 14px;\n }\n \n .placeholder-image {\n height: 250px;\n font-size: 36px;\n }\n}\n\n@media (max-width: 480px) {\n .custom-solutions {\n padding: 60px 0;\n }\n \n .section-header {\n margin-bottom: 40px;\n }\n \n .solutions-text h3 {\n font-size: 1.5rem !important;\n }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Zielgruppen \u2014 Modulare Glasfaserl\u00f6sungen | Fiber Products<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n\n<section id=\"zielgruppen\" class=\"target-groups\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">L\u00f6sungen f\u00fcr verschiedene Branchen<\/h2>\n <p class=\"section-subtitle\">\n Ma\u00dfgeschneiderte Glasfaserl\u00f6sungen f\u00fcr verschiedene Branchen und Anwendungsbereiche\n <\/p>\n <\/div>\n\n <div class=\"groups-grid\">\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-4.-Aug.-2025-01_09_15.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Stadtwerke - Kommunale Glasfasernetze und FTTH-Ausbau f\u00fcr nachhaltige digitale Infrastruktur\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Stadtwerke<\/h3>\n <p class=\"group-description\">\n Kommunale Glasfasernetze und FTTH-Ausbau f\u00fcr nachhaltige digitale Infrastruktur\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-stadtwerke\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-4.-Aug.-2025-01_59_04.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Telekommunikationsanbieter - Hochdichte Splei\u00dfsysteme f\u00fcr effizienten FTTH-Rollout und Netzausbau\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Telekommunikationsanbieter<\/h3>\n <p class=\"group-description\">\n Hochdichte Splei\u00dfsysteme f\u00fcr effizienten FTTH-Rollout und Netzausbau\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-telekommunikationsanbieter\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_modern_headquarters_of_a_European_telecom_network_c3c6d348-6b0e-4457-9d46-60d69437ac4d_1.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Netzbetreiber - Professionelle Glasfaserl\u00f6sungen f\u00fcr stabile und skalierbare Netzwerkinfrastrukturen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Netzbetreiber<\/h3>\n <p class=\"group-description\">\n Professionelle Glasfaserl\u00f6sungen f\u00fcr stabile und skalierbare Netzwerkinfrastrukturen\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-netzbetreiber\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-3.-Aug.-2025-17_55_13.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Rechenzentren - Platzsparende Hochleistungsl\u00f6sungen f\u00fcr maximale Portdichte und Rack-Effizienz\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Rechenzentren<\/h3>\n <p class=\"group-description\">\n Platzsparende Hochleistungsl\u00f6sungen f\u00fcr maximale Portdichte und Rack-Effizienz\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-rechenzentren\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_two_male_IT_system_integrators_working_at_a_moder_361c4c4d-b030-4b1e-bcf3-2d1e1e838341_3.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Systemintegratoren - Flexible L\u00f6sungen f\u00fcr die Integration in komplexe Netzwerkarchitekturen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Systemintegratoren<\/h3>\n <p class=\"group-description\">\n Flexible L\u00f6sungen f\u00fcr die Integration in komplexe Netzwerkarchitekturen\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-systemintegratoren\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_wide-angle_shot_of_a_futuristic_smart_factory_h_8717327d-b8e0-47c7-aa16-0459724f794a_2.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Industrie - Robuste Glasfasersysteme f\u00fcr anspruchsvolle Industrieumgebungen und Industrie 4.0\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Industrie<\/h3>\n <p class=\"group-description\">\n Robuste Glasfasersysteme f\u00fcr anspruchsvolle Industrieumgebungen und Industrie 4.0\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-industrie\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_two_professional_light-skinned_fiber_optic_instal_3d7a1f61-61f8-46e7-bd6e-54170803601d_1.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Installateure - Professionelle Glasfaserkomponenten f\u00fcr effiziente Installation und Wartung\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Installateure<\/h3>\n <p class=\"group-description\">\n Professionelle Glasfaserkomponenten f\u00fcr effiziente Installation und Wartung\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-installateure\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-4.-Aug.-2025-01_21_58.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Bildungseinrichtungen & Campus-Infrastruktur - Zukunftssichere Netzwerkinfrastruktur f\u00fcr Schulen und Universit\u00e4ten\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Bildungseinrichtungen<\/h3>\n <p class=\"group-description\">\n Zukunftssichere Netzwerkinfrastruktur f\u00fcr Schulen und Universit\u00e4ten\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-bildungseinrichtungen\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_Professional_IT_system_integrator_working_on_fibe_a750eadc-608f-4127-8b3d-29f627497707_2.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Systemh\u00e4user - Professionelle IT-Systeml\u00f6sungen und Glasfaserintegration\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Systemh\u00e4user<\/h3>\n <p class=\"group-description\">\n Professionelle IT-Systeml\u00f6sungen und modulare Glasfaserintegration\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-systemhauser\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-3.-Aug.-2025-17_55_20.png\" \n alt=\"Modulare Glasfaserinfrastrukturen f\u00fcr intelligente St\u00e4dte - Smart City Glasfaser und vernetzte Stadtinfrastruktur\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Smart City<\/h3>\n <p class=\"group-description\">\n Modulare Glasfaserinfrastrukturen f\u00fcr intelligente und vernetzte St\u00e4dte\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/smart-city-glasfaser\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_wide-angle_panoramic_shot_of_a_futuristic_publi_3a6e534d-3bde-42a8-a416-d816faf0f3f9_0.png\" \n alt=\"Glasfasermodule f\u00fcr Verkehrsbetriebe - Mission-Critical Netzwerkl\u00f6sungen f\u00fcr \u00f6ffentliche Verkehrssysteme\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Verkehrsbetriebe<\/h3>\n <p class=\"group-description\">\n Mission-Critical Netzwerkl\u00f6sungen f\u00fcr \u00f6ffentliche Verkehrssysteme\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-verkehrsbetriebe\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-3.-Aug.-2025-17_55_04.png\" \n alt=\"Glasfasermodule f\u00fcr Windkraft & Offshore - Robuste Glasfaserl\u00f6sungen f\u00fcr erneuerbare Energien und Offshore-Anlagen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Windkraft & Offshore<\/h3>\n <p class=\"group-description\">\n Robuste Glasfaserl\u00f6sungen f\u00fcr erneuerbare Energien und Offshore-Anlagen\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfasermodule-fur-windkraft-offshore\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n --hover-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n}\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Target Groups Section *\/\n.target-groups {\n padding: 100px 0;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n}\n\n.section-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n position: relative;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));\n border-radius: 2px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.groups-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 60px;\n}\n\n.group-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(20, 87, 163, 0.08);\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.group-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n z-index: 2;\n}\n\n.group-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(20, 87, 163, 0.2);\n}\n\n.group-card:hover::before {\n transform: scaleX(1);\n}\n\n.group-image {\n position: relative;\n height: 200px;\n overflow: hidden;\n background: linear-gradient(135deg, var(--primary-light), rgba(20, 87, 163, 0.05));\n}\n\n.group-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n}\n\n.group-card:hover .group-image img {\n transform: scale(1.05);\n}\n\n.group-content {\n padding: 30px 25px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.group-title {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 15px;\n line-height: 1.3;\n}\n\n.group-description {\n color: #666;\n line-height: 1.6;\n font-size: 15px;\n margin-bottom: 25px;\n flex-grow: 1;\n}\n\n.group-link {\n color: var(--primary-color);\n text-decoration: none;\n font-weight: 600;\n font-size: 15px;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n padding: 12px 20px;\n border-radius: 8px;\n background: rgba(20, 87, 163, 0.06);\n border: 1px solid rgba(20, 87, 163, 0.1);\n align-self: flex-start;\n}\n\n.group-link:hover {\n background: var(--primary-color);\n color: var(--white);\n transform: translateX(3px);\n border-color: var(--primary-color);\n}\n\n\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n .groups-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n@media (max-width: 900px) {\n .groups-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .target-groups-cta h3 {\n font-size: 1.8rem;\n }\n}\n\n@media (max-width: 768px) {\n .target-groups {\n padding: 80px 0;\n }\n \n .section-container {\n padding: 0 15px;\n }\n \n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n \n .btn-primary, .btn-secondary {\n width: 100%;\n max-width: 320px;\n text-align: center;\n }\n \n .target-groups-cta {\n padding: 40px 25px;\n }\n}\n\n@media (max-width: 600px) {\n .groups-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .group-image {\n height: 180px;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n}\n\n\/* Performance Optimierungen *\/\n@media (prefers-reduced-motion: reduce) {\n .group-card,\n .group-image img,\n .group-link,\n .btn-primary,\n .btn-secondary {\n transition: none;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-contrast: high) {\n .group-card {\n border: 2px solid var(--primary-color);\n }\n \n .group-link {\n border: 2px solid var(--primary-color);\n }\n}\n\n\/* Loading States *\/\n.group-image img {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);\n background-size: 400% 100%;\n}\n\n.group-image img[loading=\"lazy\"] {\n animation: shimmer 1.5s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n}\n<\/style>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Service\",\n \"name\": \"Modulare Glasfaserl\u00f6sungen f\u00fcr verschiedene Branchen\",\n \"description\": \"Ma\u00dfgeschneiderte Glasfaserl\u00f6sungen f\u00fcr Stadtwerke, Telekommunikationsanbieter, Rechenzentren, Industrie und weitere Branchen\",\n \"provider\": {\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\"\n },\n \"serviceType\": \"Glasfaserl\u00f6sungen\",\n \"audience\": [\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Stadtwerke\",\n \"name\": \"Kommunale Glasfasernetze\"\n },\n {\n \"@type\": \"Audience\", \n \"audienceType\": \"Telekommunikationsanbieter\",\n \"name\": \"FTTH-Rollout und Netzausbau\"\n },\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Rechenzentren\", \n \"name\": \"Hochdichte Glasfasersysteme\"\n },\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Industrie\",\n \"name\": \"Industrie 4.0 Glasfaserl\u00f6sungen\"\n }\n ]\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FAQ Homepage<\/title>\n \n <style>\n :root {\n --primary-color: #1457a3;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background-color: var(--light-gray);\n padding: 20px;\n }\n\n .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n padding: 100px 0;\n background: var(--light-gray);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: var(--white);\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: var(--box-shadow);\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-question {\n padding: 25px 30px;\n background: none;\n border: none;\n width: 100%;\n text-align: left;\n font-size: 18px;\n font-weight: 600;\n color: var(--primary-color);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: var(--primary-light);\n }\n\n .faq-question::after {\n content: '+';\n font-size: 24px;\n font-weight: bold;\n transition: transform 0.3s ease;\n }\n\n .faq-question.active::after {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n padding: 0 30px;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-answer.active {\n padding: 0 30px 25px;\n max-height: 200px;\n }\n\n .faq-answer p {\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .section-title {\n font-size: 2rem;\n }\n\n .faq-section {\n padding: 60px 0;\n }\n\n .faq-question {\n padding: 20px;\n font-size: 16px;\n }\n\n .faq-answer.active {\n padding: 0 20px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"faq-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">H\u00e4ufig gestellte Fragen<\/h2>\n <p class=\"section-subtitle\">\n Antworten auf die wichtigsten Fragen rund um unsere Glasfaserl\u00f6sungen\n <\/p>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Was sind die Vorteile modularer Glasfasersysteme?\n <\/button>\n <div class=\"faq-answer\">\n <p>Modulare Glasfasersysteme bieten maximale Flexibilit\u00e4t bei der Netzwerkplanung. Sie k\u00f6nnen je nach Bedarf erweitert werden, sparen Platz im Technikraum und erm\u00f6glichen eine kosteneffiziente Skalierung Ihrer Infrastruktur.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Faseranzahl ist mit Ihren Splei\u00dfmodulen m\u00f6glich?\n <\/button>\n <div class=\"faq-answer\">\n <p>Unsere 7TE-Splei\u00dfmodule unterst\u00fctzen 6-24 Fasern pro Modul. In modularen Systemen erreichen Sie bis zu 288 Fasern. Die Bauweise erm\u00f6glicht granulare Skalierung ohne Systemwechsel \u2014 perfekt f\u00fcr wachsende Netzwerke.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Kapazit\u00e4t haben Ihre 1HE Splei\u00dfboxen?\n <\/button>\n <div class=\"faq-answer\">\n <p>Unsere SlimConnect 1HE-Splei\u00dfboxen unterst\u00fctzen bis zu 94 Fasern pro H\u00f6heneinheit bei nur 220mm Tiefe. Damit erreichen wir eine der h\u00f6chsten Portdichten am Markt und maximieren die Effizienz Ihrer Rack-Nutzung.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Was sind ODF-Systeme und wof\u00fcr werden sie verwendet?\n <\/button>\n <div class=\"faq-answer\">\n <p>ODF-Systeme (Optical Distribution Frame) sind modulare 19″-Rack-Verteiler f\u00fcr gro\u00dfe Glasfaser-Installationen mit bis zu 288 Fasern. Sie werden in Rechenzentren, bei Carriern und Campus-Netzwerken eingesetzt, wo hohe Portdichten erforderlich sind.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Sind Ihre Hutschienenboxen f\u00fcr Industrieumgebungen geeignet?\n <\/button>\n <div class=\"faq-answer\">\n <p>Ja, unsere Hutschienenboxen sind speziell f\u00fcr anspruchsvolle Industrieumgebungen entwickelt. Sie bieten DIN-Rail-Montage und sie sind in mehreren Gr\u00f6\u00dfen und Ausf\u00fchrungen erh\u00e4ltlich. Sprechen Sie uns auch gerne f\u00fcr Ihre ma\u00dfgeschneiderte Version an!<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Bieten Sie auch ma\u00dfgeschneiderte L\u00f6sungen an?\n <\/button>\n <div class=\"faq-answer\">\n <p>Absolut! Wir entwickeln kundenspezifische Glasfaserl\u00f6sungen basierend auf Ihren spezifischen Anforderungen. Von besonderen Geh\u00e4useformen \u00fcber spezielle Steckverbinder bis hin zu individuellen Kapazit\u00e4ten \u2014 wir finden die optimale L\u00f6sung f\u00fcr Ihr Projekt.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Wie lange sind die Lieferzeiten f\u00fcr Standardprodukte?\n <\/button>\n <div class=\"faq-answer\">\n <p>Unsere Standardprodukte sind in der Regel innerhalb von 2-4 Wochen lieferbar. F\u00fcr eilige Projekte bieten wir auch Express-Lieferungen an. Kundenspezifische L\u00f6sungen ben\u00f6tigen je nach Komplexit\u00e4t 6-10 Wochen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Unterst\u00fctzung bieten Sie bei der Installation?\n <\/button>\n <div class=\"faq-answer\">\n <p>Wir bieten umfassenden Support von der Planungsphase bis zur Inbetriebnahme. Dazu geh\u00f6ren technische Beratung, Installationsanleitungen, Schulungen und bei Bedarf auch Vor-Ort-Support durch unsere Experten.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ FAQ Toggle Funktionalit\u00e4t\n function initializeFAQ() {\n const faqQuestions = document.querySelectorAll('.faq-question');\n \n faqQuestions.forEach(question => {\n question.addEventListener('click', function() {\n const faqItem = this.parentElement;\n const answer = faqItem.querySelector('.faq-answer');\n \n \/\/ Toggle active classes\n this.classList.toggle('active');\n answer.classList.toggle('active');\n \n \/\/ Close other FAQ items\n faqQuestions.forEach(otherQuestion => {\n if (otherQuestion !== this) {\n const otherItem = otherQuestion.parentElement;\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherQuestion.classList.remove('active');\n otherAnswer.classList.remove('active');\n }\n });\n });\n });\n }\n\n \/\/ Animationen f\u00fcr Scroll-Effekte\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Initialization beim Laden der Seite\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ FAQ initialisieren\n initializeFAQ();\n \n \/\/ Alle FAQ-Items f\u00fcr Animation registrieren\n const faqItems = document.querySelectorAll('.faq-item');\n faqItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<section id=\"ueber-uns\" class=\"about-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u00dcber Fiber Products<\/h2>\n <p class=\"section-subtitle\">\n Ihr verl\u00e4sslicher Partner f\u00fcr innovative Glasfaserl\u00f6sungen in Europa\n <\/p>\n <\/div>\n\n <div class=\"about-content\">\n <div class=\"about-text\">\n <h3 style=\"color: var(--primary-color); font-size: 1.8rem; margin-bottom: 20px;\">\n 30 Jahre Erfahrung, Innovation und Qualit\u00e4t\n <\/h3>\n <p>\n Seit \u00fcber 30 Jahren sind wir f\u00fchrend im Bereich Glasfasertechnologie und entwickeln \n modulare Glasfaserl\u00f6sungen, die den h\u00f6chsten Qualit\u00e4tsstandards entsprechen. In dieser Zeit \n haben wir unsere Produkte stetig zusammen mit unseren Kunden entwickelt, um so die \n bestm\u00f6gliche Qualit\u00e4t zu gew\u00e4hrleisten.\n <\/p>\n <p>\n Mit unserem Standort in Deutschland und unserer Produktion in Rum\u00e4nien kombinieren wir \n deutsche Ingenieurskunst mit kosteneffizienter europ\u00e4ischer Fertigung. Dies erm\u00f6glicht \n uns, erstklassige Qualit\u00e4t „Made in Europe“ zu wettbewerbsf\u00e4higen Preisen anzubieten \n und gleichzeitig kurze Lieferwege in ganz Europa zu gew\u00e4hrleisten.\n <\/p>\n <p>\n Unser erfahrenes Entwicklungsteam arbeitet eng mit Kunden zusammen, um ma\u00dfgeschneiderte \n L\u00f6sungen zu entwickeln, die exakt auf ihre Anforderungen zugeschnitten sind. Von der ersten \n Beratung \u00fcber die Entwicklung bis hin zur Auslieferung \u2013 wir begleiten Sie auf dem gesamten \n Weg zu Ihrer optimalen Glasfaserinfrastruktur.\n <\/p>\n\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"display: inline-block; margin-top: 20px;\">\n Mehr \u00fcber uns erfahren\n <\/a>\n <\/div>\n \n <div class=\"about-image\">\n <div class=\"placeholder-image\" style=\"height: 350px;\">\ud83c\udfe2<\/div>\n <p style=\"color: var(--text-dark); font-weight: 600; margin-top: 15px;\">\n [Hier: Bild des Fiber Products Teams oder Firmengeb\u00e4ude\/Produktionsst\u00e4tte]\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen f\u00fcr die Sektion *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* About Us Section Styles *\/\n.about-section {\n padding: 100px 0;\n background: var(--light-gray);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.about-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-top: 60px;\n}\n\n.about-text {\n padding: 40px;\n}\n\n.about-text p {\n color: #666;\n line-height: 1.8;\n margin-bottom: 20px;\n font-size: 16px;\n}\n\n.about-image {\n background: var(--white);\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n box-shadow: var(--box-shadow);\n}\n\n.placeholder-image {\n width: 100%;\n height: 350px;\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 48px;\n margin-bottom: 20px;\n}\n\n.btn-primary {\n background: #FF6B35;\n color: var(--white);\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n}\n\n.btn-primary:hover {\n background: #E55A2B;\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .about-content {\n grid-template-columns: 1fr;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .about-text {\n padding: 20px;\n }\n \n .placeholder-image {\n height: 250px;\n font-size: 36px;\n }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>CTA Sektion \u2014 Fiber Products<\/title>\n \n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --accent-orange: #FF6B35;\n --white: #ffffff;\n --hero-gradient: linear-gradient(rgba(10, 54, 114, 0.8), rgba(20, 87, 163, 0.8));\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n }\n\n .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 100px 0;\n background: var(--hero-gradient), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 400\"><rect fill=\"%23f0f8ff\" width=\"1200\" height=\"400\"\/><circle fill=\"%23e6f3ff\" cx=\"300\" cy=\"100\" r=\"60\"\/><circle fill=\"%23ddeeff\" cx=\"900\" cy=\"200\" r=\"80\"\/><path stroke=\"%231457a3\" stroke-width=\"2\" fill=\"none\" d=\"M0,300 Q300,150 600,250 T1200,200\"\/><\/svg>');\n background-size: cover;\n background-position: center;\n position: relative;\n text-align: center;\n }\n\n .cta-content {\n max-width: 800px;\n margin: 0 auto;\n color: var(--white) !important;\n }\n\n .cta-title {\n font-size: 3rem !important;\n font-weight: 700 !important;\n margin-bottom: 20px !important;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;\n color: var(--white) !important;\n }\n\n .cta-subtitle {\n font-size: 1.3rem !important;\n margin-bottom: 40px !important;\n opacity: 0.95 !important;\n line-height: 1.6 !important;\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .cta-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 40px;\n }\n\n .cta-btn {\n padding: 16px 32px !important;\n border-radius: 8px !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n transition: all 0.3s ease !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n }\n\n .cta-btn-primary {\n background: var(--accent-orange) !important;\n color: var(--white) !important;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;\n }\n\n .cta-btn-primary:hover {\n background: #E55A2B !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important;\n color: var(--white) !important;\n }\n\n .cta-btn-secondary {\n background: var(--white) !important;\n color: var(--primary-color) !important;\n box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2) !important;\n }\n\n .cta-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.9) !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3) !important;\n color: var(--primary-color) !important;\n }\n\n .cta-contact-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-top: 50px;\n opacity: 0.95;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n font-weight: 500 !important;\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .contact-item span {\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .contact-item span:first-child {\n font-size: 1.2em !important;\n }\n\n \/* Zus\u00e4tzliche Schrift-Fixes f\u00fcr alle Textelemente *\/\n .cta-section h1,\n .cta-section h2,\n .cta-section h3,\n .cta-section h4,\n .cta-section h5,\n .cta-section h6,\n .cta-section p,\n .cta-section span,\n .cta-section div {\n color: var(--white) !important;\n }\n\n \/* Ausnahmen f\u00fcr Buttons - diese sollen ihre eigene Farbe behalten *\/\n .cta-btn-secondary,\n .cta-btn-secondary * {\n color: var(--primary-color) !important;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .cta-title {\n font-size: 2.2rem !important;\n }\n\n .cta-subtitle {\n font-size: 1.1rem !important;\n }\n\n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .cta-btn {\n width: 100% !important;\n max-width: 280px !important;\n justify-content: center !important;\n }\n\n .cta-contact-info {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .cta-section {\n padding: 60px 0;\n }\n\n .cta-title {\n font-size: 1.8rem !important;\n }\n\n .cta-subtitle {\n font-size: 1rem !important;\n }\n\n .section-container {\n padding: 0 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section id=\"cta\" class=\"cta-section\">\n <div class=\"section-container\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Bereit f\u00fcr Ihre Glasfaser-Zukunft?<\/h2>\n <p class=\"cta-subtitle\">\n Lassen Sie uns gemeinsam die perfekte Glasfaserl\u00f6sung f\u00fcr Ihr Projekt entwickeln. \n Unsere Experten beraten Sie gerne kostenlos und unverbindlich.\n <\/p>\n \n <div class=\"cta-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"cta-btn cta-btn-primary\">\n \ud83d\udcac Jetzt beraten lassen\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/\" class=\"cta-btn cta-btn-secondary\" target=\"_blank\" rel=\"noopener\">\n \ud83d\uded2 Zum Shop\n <\/a>\n <\/div>\n\n <div class=\"cta-contact-info\">\n <div class=\"contact-item\">\n <span>\ud83d\ude9a<\/span>\n <span>Europaweite Lieferung<\/span>\n <\/div>\n <div class=\"contact-item\">\n <span>\ud83c\udfed<\/span>\n <span>Made in Europe<\/span>\n <\/div>\n <div class=\"contact-item\">\n <span>\ud83d\udc8e<\/span>\n <span>5 Jahre Garantie<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Blog Sektion<\/title>\n \n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --white: #ffffff;\n --text-dark: #333333;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background-color: #f5f5f5;\n padding: 20px;\n }\n\n .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Blog Section *\/\n .blog-section {\n padding: 100px 0;\n background: var(--white);\n }\n\n .blog-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .blog-post-card {\n background: #ffffff;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border: 1px solid #e0e0e0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .blog-post-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #1457a3, #0a3672);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .blog-post-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n border-color: rgba(20, 87, 163, 0.3);\n }\n\n .blog-post-card:hover::before {\n transform: scaleX(1);\n }\n\n .blog-post-image {\n width: 100%;\n height: 160px;\n overflow: hidden;\n position: relative;\n }\n\n .blog-post-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n }\n\n .blog-post-card:hover .blog-post-image img {\n transform: scale(1.05);\n }\n\n .blog-post-content {\n padding: 20px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .blog-post-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 12px;\n font-size: 11px;\n color: #666666;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .blog-post-category {\n background: #FF6B35;\n color: #ffffff;\n padding: 2px 6px;\n border-radius: 8px;\n font-size: 9px;\n font-weight: 600;\n }\n\n .blog-post-title {\n color: #1457a3;\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 12px;\n line-height: 1.3;\n text-decoration: none;\n display: block;\n }\n\n .blog-post-title:hover {\n color: #0a3672;\n }\n\n .blog-post-excerpt {\n color: #666666;\n font-size: 13px;\n line-height: 1.5;\n margin-bottom: 15px;\n flex-grow: 1;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .blog-post-read-more {\n display: inline-flex;\n align-items: center;\n color: #1457a3;\n text-decoration: none;\n font-weight: 600;\n font-size: 12px;\n transition: all 0.3s ease;\n margin-top: auto;\n }\n\n .blog-post-read-more:hover {\n color: #0a3672;\n transform: translateX(3px);\n }\n\n .blog-post-read-more::after {\n content: '\u2192';\n margin-left: 6px;\n transition: transform 0.3s ease;\n }\n\n .blog-post-read-more:hover::after {\n transform: translateX(2px);\n }\n\n .loading-spinner {\n border: 3px solid #f3f3f3;\n border-top: 3px solid #1457a3;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n margin: 0 auto 20px;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n \/* Responsive Design Updates *\/\n @media (max-width: 1024px) {\n .blog-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .blog-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .blog-section {\n padding: 60px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section id=\"blog\" class=\"blog-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Aktuelles zum Glasfaserausbau<\/h2>\n <p class=\"section-subtitle\">\n Bleiben Sie informiert \u00fcber F\u00f6rderungen, Technologien und Best Practices\n <\/p>\n <\/div>\n\n \n <div id=\"blog-posts\" class=\"blog-grid\">\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-29.-Apr.-2025-10_48_36.png\" alt=\"Glasfaserl\u00f6sungen f\u00fcr Stadtwerke\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 28. Jan 2025<\/span>\n <span class=\"blog-post-category\">Stadtwerke<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserloesungen-fuer-stadtwerke\/\" class=\"blog-post-title\">Glasfaserl\u00f6sungen f\u00fcr Stadtwerke 2025<\/a>\n <p class=\"blog-post-excerpt\">Stadtwerke stehen beim Aufbau kommunaler Glasfasernetze vor besonderen Herausforderungen \u2013 von der Planung \u00fcber die Technikauswahl bis zum wirtschaftlichen Betrieb.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserloesungen-fuer-stadtwerke\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_FTTH_funding_application_process_corporate_blue_a_3dedb5a1-714e-4c40-a42e-245ea6a54ef6_0.png\" alt=\"FTTH F\u00f6rderung 2025\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 26. Jan 2025<\/span>\n <span class=\"blog-post-category\">F\u00f6rderung<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/ftth-foerderung-2025-neue-bundesrichtlinien-und-veraenderte-foerdersaetze\/\" class=\"blog-post-title\">FTTH-F\u00f6rderung 2025: Neue Bundesrichtlinien<\/a>\n <p class=\"blog-post-excerpt\">Gigabit-Rahmenregelung bis 2028 verl\u00e4ngert. Branchendialog wird Pflicht, MEV ge\u00e4ndert. Alle Neuerungen der FTTH-F\u00f6rderung 2025.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/ftth-foerderung-2025-neue-bundesrichtlinien-und-veraenderte-foerdersaetze\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Modern_telecommunications_network_infrastructure__ee1037d0-6deb-46a3-8f88-039279bb53e7_1.png\" alt=\"Hochdichte Splei\u00dfsysteme\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 24. Jan 2025<\/span>\n <span class=\"blog-post-category\">Technologie<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\" class=\"blog-post-title\">Hochdichte Splei\u00dfsysteme f\u00fcr FTTH-Ausbau<\/a>\n <p class=\"blog-post-excerpt\">Beim FTTH-Ausbau z\u00e4hlt jeder Quadratzentimeter Technikfl\u00e4che und jede Minute Installationszeit. Moderne modulare Systeme revolutionieren die Branche.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Energy_crisis_impact_on_fiber_optic_construction__79f73a4a-a722-447a-915a-b31c6e4816bd_3.png\" alt=\"Energiekrise Glasfaserausbau\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 22. Jan 2025<\/span>\n <span class=\"blog-post-category\">Wirtschaftlichkeit<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/energiekrise-trifft-glasfaserausbau\/\" class=\"blog-post-title\">Energiekrise & Glasfaserausbau: Kostenoptimierung<\/a>\n <p class=\"blog-post-excerpt\">Baupreise steigen um 5%, Diesel teurer \u2014 wie Stadtwerke trotz Energiekrise wirtschaftlich Glasfaser ausbauen.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/energiekrise-trifft-glasfaserausbau\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n <\/div>\n\n \n <div style=\"text-align: center; margin-top: 40px; padding-top: 30px; border-top: 2px solid rgba(20, 87, 163, 0.1);\">\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserwissen\/\" style=\"display: inline-block; background: #1457a3; color: #ffffff; padding: 16px 32px; text-decoration: none; border-radius: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease;\">\n Alle Artikel ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Sample Blog Posts (Live Blog Integration)\n const liveBlogPosts = [\n {\n title: { rendered: \"Glasfaserl\u00f6sungen f\u00fcr Stadtwerke 2025\" },\n excerpt: { rendered: \"Stadtwerke stehen beim Aufbau kommunaler Glasfasernetze vor besonderen Herausforderungen \u2013 von der Planung \u00fcber die Technikauswahl bis zum wirtschaftlichen Betrieb.\" },\n date: \"2025-01-28T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/glasfaserloesungen-fuer-stadtwerke\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-29.-Apr.-2025-10_48_36.png\",\n _embedded: {\n 'wp:term': [[{ name: 'Stadtwerke' }]]\n }\n },\n {\n title: { rendered: \"FTTH-F\u00f6rderung 2025: Neue Bundesrichtlinien\" },\n excerpt: { rendered: \"Gigabit-Rahmenregelung bis 2028 verl\u00e4ngert. Branchendialog wird Pflicht, MEV ge\u00e4ndert. Alle Neuerungen der FTTH-F\u00f6rderung 2025.\" },\n date: \"2025-01-26T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/ftth-foerderung-2025-neue-bundesrichtlinien-und-veraenderte-foerdersaetze\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_FTTH_funding_application_process_corporate_blue_a_3dedb5a1-714e-4c40-a42e-245ea6a54ef6_0.png\",\n _embedded: {\n 'wp:term': [[{ name: 'F\u00f6rderung' }]]\n }\n },\n {\n title: { rendered: \"Hochdichte Splei\u00dfsysteme f\u00fcr FTTH-Ausbau\" },\n excerpt: { rendered: \"Beim FTTH-Ausbau z\u00e4hlt jeder Quadratzentimeter Technikfl\u00e4che und jede Minute Installationszeit. Moderne modulare Systeme revolutionieren die Branche.\" },\n date: \"2025-01-24T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Modern_telecommunications_network_infrastructure__ee1037d0-6deb-46a3-8f88-039279bb53e7_1.png\",\n _embedded: {\n 'wp:term': [[{ name: 'Technologie' }]]\n }\n },\n {\n title: { rendered: \"Energiekrise & Glasfaserausbau: Kostenoptimierung\" },\n excerpt: { rendered: \"Baupreise steigen um 5%, Diesel teurer - wie Stadtwerke trotz Energiekrise wirtschaftlich Glasfaser ausbauen.\" },\n date: \"2025-01-22T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/energiekrise-trifft-glasfaserausbau\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Energy_crisis_impact_on_fiber_optic_construction__79f73a4a-a722-447a-915a-b31c6e4816bd_3.png\",\n _embedded: {\n 'wp:term': [[{ name: 'Wirtschaftlichkeit' }]]\n }\n }\n ];\n\n \/\/ Blog Posts laden\n function loadBlogPosts() {\n const postsContainer = document.getElementById('blog-posts');\n \n \/\/ Posts direkt rendern\n postsContainer.innerHTML = liveBlogPosts.map(post => createBlogCard(post)).join('');\n }\n\n function createBlogCard(post) {\n \/\/ Excerpt k\u00fcrzen auf max. 150 Zeichen f\u00fcr kompakte Darstellung\n const excerpt = stripHtml(post.excerpt.rendered);\n const truncatedExcerpt = excerpt.length > 150 \n ? excerpt.substring(0, 150).trim() + '...' \n : excerpt;\n \n \/\/ Kategorie aus _embedded extrahieren\n const category = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] \n ? post._embedded['wp:term'][0][0]?.name || 'Glasfaser'\n : 'Glasfaser';\n \n \/\/ Datum formatieren\n const postDate = new Date(post.date).toLocaleDateString('de-DE', {\n year: 'numeric',\n month: 'short', \n day: 'numeric'\n });\n \n return `\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title.rendered}\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 ${postDate}<\/span>\n <span class=\"blog-post-category\">${category}<\/span>\n <\/div>\n <a href=\"${post.link}\" class=\"blog-post-title\">${post.title.rendered}<\/a>\n <p class=\"blog-post-excerpt\">${truncatedExcerpt}<\/p>\n <a href=\"${post.link}\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n `;\n }\n\n function stripHtml(html) {\n const tmp = document.createElement('div');\n tmp.innerHTML = html;\n return tmp.textContent || tmp.innerText || '';\n }\n\n \/\/ Initialization beim Laden der Seite\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Nichts mehr zu laden - Artikel sind bereits im HTML\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Fiber Products Footer<\/title>\n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --white: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--primary-dark);\n color: var(--white);\n padding: 60px 0 30px;\n }\n\n .footer-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n }\n\n .footer-section h3 {\n color: var(--white);\n margin-bottom: 20px;\n font-size: 1.2rem;\n }\n\n .footer-section ul {\n list-style: none;\n }\n\n .footer-section a {\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n transition: color 0.3s ease;\n line-height: 2;\n }\n\n .footer-section a:hover {\n color: var(--white);\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.1);\n margin-top: 40px;\n padding-top: 20px;\n text-align: center;\n color: rgba(255,255,255,0.6);\n }\n <\/style>\n<\/head>\n<body>\n \n <footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-section\">\n <h3>Fiber Products<\/h3>\n <p>Innovative modulare Glasfaserl\u00f6sungen f\u00fcr den deutschen Markt. Von Stadtwerken bis zu Rechenzentren.<\/p>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Produkte<\/h3>\n <ul>\n <li><a href=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/\">1HE-System SlimConnect<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/hutschienenbox-7te\/\">7TE Hutschienenbox<\/a><\/li>\n <li><a href=\"\/modulare-glasfaserlosungen\">3U\/4U-Systeme<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/spleissmodule\/\">Splei\u00dfmodule<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Zielgruppen<\/h3>\n <ul>\n <li><a href=\"\/stadtwerke\">Stadtwerke<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/telekommunikation\/\">Telekommunikation<\/a><\/li>\n <li><a href=\"\/rechenzentren\">Rechenzentren<\/a><\/li>\n <li><a href=\"\/industrie\">Industrie<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Unternehmen<\/h3>\n <ul>\n <li><a href=\"https:\/\/www.fiber-products.de\/de\/\" target=\"_blank\" rel=\"noopener\">Shop<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\">Kontakt<\/a><\/li>\n <li><a href=\"\/karriere\">\u00dcber uns<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\">Partner werden<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\">Blog<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2025 Fiber Products. Alle Rechte vorbehalten. | \n <a href=\"\/datenschutz\" style=\"color: rgba(255,255,255,0.6);\">Datenschutz<\/a> | \n <a href=\"https:\/\/fiber-products.com\/de\/impressum\/\" style=\"color: rgba(255,255,255,0.6);\">Impressum<\/a> | \n <a href=\"\/agb\" style=\"color: rgba(255,255,255,0.6);\">AGB<\/a>\n <\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"Article\", \"headline\": \"Professionelle & Modulare Glasfaserl\u00f6sungen f\u00fcr Profis\", \"description\": \"Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products Modulare Glasfaserl\u00f6sungen f\u00fcr Profis Innovative FTTH Splei\u00dfsysteme f\u00fcr Stadtwerke, Telekommunikationsanbieter und Rechenzentren. Als offizieller Produktionspartner fertigt Fiber Products auch DIAMOND Splei\u00dfboxen & Splei\u00dfmodule…\", \"url\": \"https:\/\/fiber-products.com\/de\/\", \"inLanguage\": \"de-DE\", \"author\": {\"@type\": \"Organization\", \"name\": \"Fiber Products GmbH\", \"url\": \"https:\/\/fiber-products.com\"}, \"publisher\": {\"@context\": \"https:\/\/schema.org\", \"@type\": \"Organization\", \"name\": \"Fiber Products GmbH\", \"url\": \"https:\/\/fiber-products.com\", \"logo\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/fiber-products-logo.png\"}, \"mainEntityOfPage\": {\"@type\": \"WebPage\", \"@id\": \"https:\/\/fiber-products.com\/de\/\"}, \"dateModified\": \"2026-03-20T16:56:51\"}<\/script>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"Organization\", \"name\": \"Fiber Products GmbH\", \"url\": \"https:\/\/fiber-products.com\", \"logo\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/fiber-products-logo.png\"}<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products Modulare Glasfaserl\u00f6sungen f\u00fcr Profis Innovative FTTH Splei\u00dfsysteme f\u00fcr Stadtwerke, Telekommunikationsanbieter und Rechenzentren. Als offizieller Produktionspartner fertigt Fiber Products auch DIAMOND Splei\u00dfboxen & Splei\u00dfmodule…<\/p>\n","protected":false},"author":1,"featured_media":9589,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","rank_math_title":"Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products","rank_math_description":"Modulare Glasfaserl\u00f6sungen f\u00fcr Stadtwerke, Carrier, Rechenzentren und Industrie: Splei\u00dfmodule, Splei\u00dfboxen, Zubeh\u00f6r \u2013 Made in Europe, 5 Jahre Garantie.","rank_math_focus_keyword":"modulare Glasfaserl\u00f6sungen","rank_math_canonical_url":"","rank_math_robots":[],"_fp_is_pillar":"","_fp_pillar_topic":"","footnotes":""},"class_list":["post-3532","page","type-page","status-publish","has-post-thumbnail","hentry"],"lang":"de","translations":{"de":3532,"en":5039},"uagb_featured_image_src":{"full":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-150x150.webp?wsr",150,150,true],"medium":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-300x225.webp?wsr",300,225,true],"medium_large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-768x576.webp?wsr",768,576,true],"large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"1536x1536":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"2048x2048":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"woocommerce_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-300x300.webp?wsr",300,300,true],"woocommerce_single":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-600x450.webp?wsr",600,450,true],"woocommerce_gallery_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-100x100.webp?wsr",100,100,true]},"uagb_author_info":{"display_name":"Fiber Products GmbH","author_link":"https:\/\/fiber-products.com\/de\/author\/wpusername3873\/"},"uagb_comment_info":0,"uagb_excerpt":"Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products Modulare Glasfaserl\u00f6sungen f\u00fcr Profis Innovative FTTH Splei\u00dfsysteme f\u00fcr Stadtwerke, Telekommunikationsanbieter und Rechenzentren. Als offizieller Produktionspartner fertigt Fiber Products auch DIAMOND Splei\u00dfboxen & Splei\u00dfmodule...","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/comments?post=3532"}],"version-history":[{"count":63,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3532\/revisions"}],"predecessor-version":[{"id":10326,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3532\/revisions\/10326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media\/9589"}],"wp:attachment":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media?parent=3532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3532,"date":"2025-07-31T00:13:53","date_gmt":"2025-07-31T00:13:53","guid":{"rendered":"https:\/\/fiber-products.com\/?page_id=3532"},"modified":"2026-04-30T05:59:01","modified_gmt":"2026-04-30T05:59:01","slug":"home","status":"publish","type":"page","link":"https:\/\/fiber-products.com\/de\/","title":{"rendered":"Professionelle & Modulare Glasfaserl\u00f6sungen f\u00fcr Profis"},"content":{"rendered":"\n\n\n\n \n \n Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products<\/title>\n <meta name=\"description\" content=\"Professionelle modulare Glasfaserl\u00f6sungen & ODF-Systeme. Made in Europe, designed in Germany. Splei\u00dfboxen, Hutschienenboxen f\u00fcr FTTH-Ausbau.\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n\n<section class=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <h1>\n <span class=\"hero-highlight\">Modulare Glasfaserl\u00f6sungen<\/span><br>\n f\u00fcr Profis\n <\/h1>\n <p class=\"hero-subtitle\">\n Innovative FTTH Splei\u00dfsysteme f\u00fcr <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-stadtwerke\/\" style=\"color:#fff;text-decoration:underline;\">Stadtwerke<\/a>, <a href=\"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\" style=\"color:#fff;text-decoration:underline;\">Telekommunikationsanbieter<\/a> und <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-rechenzentren\/\" style=\"color:#fff;text-decoration:underline;\">Rechenzentren<\/a>.\n Als offizieller Produktionspartner fertigt Fiber Products auch <a href=\"https:\/\/fiber-products.com\/de\/diamond-sa-partner\/\" style=\"color:#fff;text-decoration:underline;\">DIAMOND Splei\u00dfboxen & Splei\u00dfmodule<\/a> (inkl. E2000).\n <\/p>\n<div class=\"hero-features\">\n <div class=\"feature-item\">Made in Europe<\/div>\n <div class=\"feature-item\">30 Jahre Erfahrung<\/div>\n <div class=\"feature-item\">5 Jahre Garantie<\/div>\n <\/div>\n <div class=\"hero-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaser-komponenten\/\" class=\"btn-primary\">Produkte entdecken<\/a>\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"btn-secondary\">Beratung anfragen<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-image\">\n <div class=\"product-showcase\">\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n \/* Prim\u00e4re Farbpalette *\/\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n \n \/* Sekund\u00e4re Farben *\/\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n \n \/* Gradients *\/\n --hero-gradient: linear-gradient(rgba(10, 54, 114, 0.8), rgba(20, 87, 163, 0.8));\n \n \/* Shadows *\/\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Hero Section mit optimiertem Hintergrundbild *\/\n.hero {\n background: \n linear-gradient(135deg, rgba(10, 54, 114, 0.75) 0%, rgba(20, 87, 163, 0.75) 100%),\n url('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_futuristic_modular_fiber_optic_infrastructure_i_b8ed4be9-819e-43ed-8c5b-10d2ec62053f_1.png');\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n background-attachment: fixed;\n height: 80vh;\n min-height: 600px;\n max-height: 800px;\n display: flex;\n align-items: center;\n position: relative;\n overflow: hidden;\n}\n\n\/* Zus\u00e4tzlicher Blur-Effekt f\u00fcr den Hintergrund *\/\n.hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: url('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_futuristic_modular_fiber_optic_infrastructure_i_b8ed4be9-819e-43ed-8c5b-10d2ec62053f_1.png');\n background-size: cover;\n background-position: center;\n filter: blur(1px);\n z-index: -1;\n}\n\n.hero-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n position: relative;\n z-index: 1;\n}\n\n.hero-content h1 {\n font-size: 3.5rem;\n font-weight: 700;\n color: var(--white);\n margin-bottom: 24px;\n text-shadow: 0 2px 8px rgba(0,0,0,0.5);\n line-height: 1.2;\n}\n\n.hero-highlight {\n color: #FFD700;\n text-shadow: 0 0 20px rgba(255, 215, 0, 0.6);\n}\n\n.hero-subtitle {\n font-size: 1.3rem;\n color: rgba(255,255,255,0.95);\n margin-bottom: 32px;\n line-height: 1.5;\n text-shadow: 0 1px 4px rgba(0,0,0,0.3);\n}\n\n.hero-features {\n display: flex;\n gap: 30px;\n margin-bottom: 40px;\n flex-wrap: wrap;\n}\n\n.feature-item {\n display: flex;\n align-items: center;\n color: var(--white);\n font-weight: 500;\n text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n.feature-item::before {\n content: '\u2713';\n background: #4CAF50;\n color: white;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 12px;\n font-size: 14px;\n font-weight: bold;\n box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);\n}\n\n.hero-buttons {\n display: flex;\n gap: 20px;\n flex-wrap: wrap;\n}\n\n.btn-primary {\n background: #FF6B35;\n color: var(--white);\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.4);\n}\n\n.btn-primary:hover {\n background: #E55A2B;\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.5);\n}\n\n.btn-secondary {\n border: 2px solid var(--white);\n color: var(--white);\n padding: 14px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n background: rgba(255,255,255,0.1);\n backdrop-filter: blur(10px);\n}\n\n.btn-secondary:hover {\n background: var(--white);\n color: var(--primary-color);\n transform: translateY(-2px);\n}\n\n\/* Optimierte Hero Video Section *\/\n.hero-image {\n background: rgba(255,255,255,0.15);\n border-radius: 16px;\n padding: 30px;\n text-align: center;\n backdrop-filter: blur(15px);\n border: 1px solid rgba(255,255,255,0.3);\n box-shadow: 0 8px 32px rgba(0,0,0,0.2);\n}\n\n.product-showcase {\n position: relative;\n overflow: hidden;\n border-radius: 12px;\n background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));\n}\n\n.video-container {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.3);\n transition: transform 0.3s ease;\n background: #000;\n}\n\n.video-container:hover {\n transform: scale(1.02);\n}\n\n.video-container iframe {\n border-radius: 12px;\n}\n\n.video-caption {\n color: var(--white);\n font-weight: 600;\n margin-top: 20px;\n text-shadow: 0 1px 4px rgba(0,0,0,0.5);\n font-size: 16px;\n line-height: 1.4;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 1024px) {\n .hero-container {\n gap: 40px;\n }\n \n .hero-content h1 {\n font-size: 3rem;\n }\n}\n\n@media (max-width: 768px) {\n .hero {\n background-attachment: scroll;\n min-height: 500px;\n }\n \n .hero-container {\n grid-template-columns: 1fr;\n text-align: center;\n gap: 40px;\n padding: 0 15px;\n }\n\n .hero-content h1 {\n font-size: 2.5rem;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n }\n\n .hero-features {\n justify-content: center;\n gap: 20px;\n }\n\n .hero-buttons {\n justify-content: center;\n }\n\n .btn-primary, .btn-secondary {\n min-width: 200px;\n text-align: center;\n }\n\n .video-container {\n max-height: 300px;\n }\n}\n\n@media (max-width: 480px) {\n .hero {\n min-height: 400px;\n padding: 20px 0;\n }\n\n .hero-content h1 {\n font-size: 2rem;\n }\n\n .hero-features {\n flex-direction: column;\n gap: 15px;\n align-items: center;\n }\n\n .hero-buttons {\n flex-direction: column;\n align-items: center;\n gap: 15px;\n }\n\n .btn-primary, .btn-secondary {\n width: 100%;\n max-width: 280px;\n }\n\n .hero-image {\n padding: 20px;\n }\n}\n\n\/* Performance-Optimierungen *\/\n@media (prefers-reduced-motion: reduce) {\n .video-container,\n .btn-primary,\n .btn-secondary {\n transition: none;\n }\n}\n\n\/* Accessibility Verbesserungen *\/\n@media (prefers-contrast: high) {\n .hero {\n background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(20, 87, 163, 0.9) 100%);\n }\n \n .hero-highlight {\n color: #FFFF00;\n }\n}\n\n\/* SEO und Schema.org Integration *\/\n.hero-content {\n position: relative;\n}\n\n\/* Strukturierte Daten f\u00fcr bessere SEO *\/\n.hero-content::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0;\n height: 0;\n visibility: hidden;\n}\n<\/style>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\",\n \"description\": \"Professionelle modulare Glasfaserl\u00f6sungen & ODF-Systeme. Made in Europe, designed in Germany.\",\n \"url\": \"https:\/\/fiber-products.com\",\n \"logo\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/logo.png\",\n \"video\": {\n \"@type\": \"VideoObject\",\n \"name\": \"Fiber Products - Modulare Splei\u00dfboxen & Glasfasersysteme\",\n \"description\": \"Produktvideo: Modulare Splei\u00dfmodule, Baugruppentr\u00e4ger und Mieterboxen im Detail\",\n \"thumbnailUrl\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/video-thumbnail.jpg\",\n \"embedUrl\": \"https:\/\/player.vimeo.com\/video\/1108332505\",\n \"uploadDate\": \"2025-01-01\"\n },\n \"foundingDate\": \"1995\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressCountry\": \"DE\"\n },\n \"contactPoint\": {\n \"@type\": \"ContactPoint\",\n \"telephone\": \"+49\",\n \"contactType\": \"customer service\",\n \"availableLanguage\": [\"de\", \"en\"]\n },\n \"sameAs\": [\n \"https:\/\/fiber-products.com\"\n ],\n \"knowsAbout\": [\n \"Modulare Glasfaserl\u00f6sungen\",\n \"ODF-Systeme\", \n \"Splei\u00dfboxen\",\n \"Hutschienenboxen\",\n \"FTTH-Systeme\",\n \"Glasfaserinfrastruktur\"\n ],\n \"makesOffer\": {\n \"@type\": \"Offer\",\n \"itemOffered\": {\n \"@type\": \"Product\",\n \"name\": \"Modulare Glasfaserl\u00f6sungen\",\n \"description\": \"Professionelle Splei\u00dfboxen, Hutschienenboxen und ODF-Systeme f\u00fcr FTTH-Ausbau\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Fiber Products\"\n },\n \"manufacturer\": {\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\"\n }\n }\n }\n}\n<\/script>\n\n\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\n\n<\/body>\n<\/html>\n\n\n\n\n<section id=\"produkte\" class=\"products-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Unsere Glasfaserl\u00f6sungen<\/h2>\n <p class=\"section-subtitle\">\n Modulare Systeme f\u00fcr jeden Anspruch \u2014 von der platzsparenden 1HE-L\u00f6sung bis zum flexiblen 4HE-System\n <\/p>\n <\/div>\n \n <div class=\"products-grid\">\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>1HE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">1HE Modulares System<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Maximale Leistung im flexibelster Format. Platzsparende L\u00f6sungen f\u00fcr dichte \n Flexible Anpassung mit bis zu 72 Fasern pro H\u00f6heneinheit.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/1he-modulares-system\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/13-modulares-1he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>3HE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">3HE Modulares System<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Bew\u00e4hrte Konfigurationsm\u00f6glichkeiten f\u00fcr anspruchsvolle Projekte \n mit optimaler Flexibilit\u00e4t und bew\u00e4hrter Technik.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/3he-odf-system-varioconnect\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/12-modulare-3he-4he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>4HE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">4HE Modulares System<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Maximale Konfigurationsm\u00f6glichkeiten mit zus\u00e4tzlicher Schublade f\u00fcr \n \u00dcberl\u00e4ngenkabel. Ideal f\u00fcr komplexeste Installationen.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/3he-odf-system-varioconnect\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/13-modulares-1he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>7TE<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">Splei\u00dfmodule<\/h3>\n <p class=\"product-subtitle\">VarioConnect<\/p>\n <p class=\"product-description\">\n Hochwertige Splei\u00dfmodule f\u00fcr den modularen Glasfaserausbau mit flexiblen \n Konfigurationsm\u00f6glichkeiten und einfacher Installation.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/spleissmodule\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/13-modulares-1he-system\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>SLIM<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">1HE Splei\u00dfbox<\/h3>\n <p class=\"product-subtitle\">Feste Glasfaser-Splei\u00dfboxen<\/p>\n <p class=\"product-description\">\n Kompakte 1HE Splei\u00dfboxen mit fester Konfiguration f\u00fcr standardisierte \n Installationen. Sofort einsatzbereit und kosteneffizient.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/15-spleissboxen\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>RAIL<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">Hutschienenboxen<\/h3>\n <p class=\"product-subtitle\">RailConnect<\/p>\n <p class=\"product-description\">\n Industriestandard trifft Glasfaser-Innovation. Robuste Hutschienenl\u00f6sungen \n f\u00fcr anspruchsvolle Industrieumgebungen in drei Gr\u00f6\u00dfen erh\u00e4ltlich.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/hutschienenbox-7te\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/14-hutschienenboxen\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>MieB<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">MieterBox<\/h3>\n <p class=\"product-subtitle\">\u00dcbergabegeh\u00e4use f\u00fcr Mieteinheiten<\/p>\n <p class=\"product-description\">\n Aufputzgeh\u00e4use f\u00fcr den Abschluss der Medienanbindung in Mieteinheiten. \n Kombiniert Glasfaser-, Kupfer- und TV-Anschl\u00fcsse in einem Geh\u00e4use.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/mieterbox-mieterubergabekasten\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>RouB<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">RouterBox<\/h3>\n <p class=\"product-subtitle\">Router- und Kabelmanagement<\/p>\n <p class=\"product-description\">\n Elegante L\u00f6sung zur sauberen Unterbringung von Routern und Kabeln. \n Sch\u00fctzt die Technik und sorgt f\u00fcr eine aufger\u00e4umte Installation.\n <\/p>\n <div class=\"product-links\">\n <a href=\"https:\/\/fiber-products.com\/de\/router-box\/\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"product-card\">\n <div class=\"product-icon\">\n <span>ZUB<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">Zubeh\u00f6r & Erweiterungen<\/h3>\n <p class=\"product-subtitle\">Professionelles Glasfaser-Zubeh\u00f6r<\/p>\n <p class=\"product-description\">\n Komplettieren Sie Ihre Installation mit hochwertigem Zubeh\u00f6r: \n Steckverbinder, Adapter, Pigtails, Patchkabel und Montagezubeh\u00f6r.\n <\/p>\n <div class=\"product-links\">\n <a href=\"#\" class=\"product-link primary\">\n Mehr erfahren\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/\" class=\"product-link secondary\" target=\"_blank\" rel=\"noopener\">\n Im Shop ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --custom-color: #FF6B35;\n --custom-dark: #E55A2B;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Products Section *\/\n.products-section {\n padding: 100px 0;\n background: var(--white);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.products-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-bottom: 60px;\n width: 100%;\n}\n\n@media (max-width: 1024px) {\n .products-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n@media (max-width: 768px) {\n .products-grid {\n grid-template-columns: 1fr;\n }\n}\n\n.product-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n border: 1px solid var(--border-gray);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n display: block;\n height: auto;\n}\n\n.product-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n}\n\n.product-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(20, 87, 163, 0.3);\n}\n\n.product-card:hover::before {\n transform: scaleX(1);\n}\n\n.product-icon {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 30px auto 25px;\n position: relative;\n box-shadow: 0 8px 25px rgba(20, 87, 163, 0.3);\n transition: all 0.3s ease;\n}\n\n.product-card:hover .product-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 12px 35px rgba(20, 87, 163, 0.4);\n}\n\n.product-icon span {\n color: var(--white);\n font-size: 24px;\n font-weight: bold;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.product-content {\n padding: 0 30px 30px;\n text-align: center;\n height: calc(100% - 155px);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n\n.product-title {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 10px;\n}\n\n.product-subtitle {\n font-size: 1rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 15px;\n}\n\n.product-description {\n color: #666;\n line-height: 1.6;\n margin-bottom: 25px;\n font-size: 14px;\n flex-grow: 1;\n}\n\n.product-links {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\n.product-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n transition: all 0.3s ease;\n padding: 10px 20px;\n border-radius: 6px;\n text-align: center;\n}\n\n.product-link.primary {\n background: var(--primary-color);\n color: var(--white);\n box-shadow: 0 4px 15px rgba(20, 87, 163, 0.3);\n}\n\n.product-link.primary:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(20, 87, 163, 0.4);\n}\n\n.product-link.secondary {\n background: rgba(20, 87, 163, 0.05);\n color: var(--primary-color);\n border: 1px solid rgba(20, 87, 163, 0.2);\n}\n\n.product-link::after {\n content: '\u2192';\n margin-left: 8px;\n transition: transform 0.3s ease;\n}\n\n.product-link:hover::after {\n transform: translateX(3px);\n}\n\n\/* Custom Solutions Section *\/\n.custom-solutions-section {\n margin-top: 0px;\n}\n\n.custom-solution-card {\n background: linear-gradient(135deg, \n rgba(20, 87, 163, 0.03), \n rgba(255, 107, 53, 0.03), \n rgba(20, 87, 163, 0.05));\n border: 2px solid transparent;\n background-clip: padding-box;\n border-radius: 20px;\n padding: 50px;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.custom-solution-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--custom-color), var(--primary-dark));\n}\n\n.custom-solution-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: linear-gradient(45deg, var(--primary-color), var(--custom-color), var(--primary-color));\n border-radius: 22px;\n z-index: -1;\n}\n\n.custom-icon {\n width: 120px;\n height: 120px;\n background: var(--custom-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 30px;\n box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);\n}\n\n.custom-icon span {\n color: var(--white);\n font-size: 40px;\n text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n}\n\n.custom-title {\n font-size: 2rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 10px;\n}\n\n.custom-subtitle {\n font-size: 1.2rem;\n font-weight: 600;\n color: var(--text-dark);\n margin-bottom: 20px;\n}\n\n.custom-description {\n color: #666;\n line-height: 1.6;\n margin-bottom: 30px;\n font-size: 16px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n}\n\n.custom-features {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 10px;\n margin-bottom: 40px;\n}\n\n.feature-tag {\n background: rgba(20, 87, 163, 0.1);\n color: var(--primary-color);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 600;\n border: 1px solid rgba(20, 87, 163, 0.2);\n}\n\n.custom-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.custom-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n font-weight: 700;\n font-size: 16px;\n transition: all 0.3s ease;\n padding: 15px 30px;\n border-radius: 8px;\n text-align: center;\n}\n\n.custom-link.secondary-large {\n background: var(--white);\n background: rgba(20, 87, 163, 0.05);\n color: var(--primary-color);\n border: 2px solid var(--primary-color);\n box-shadow: 0 4px 15px rgba(20, 87, 163, 0.1);\n}\n\n.custom-link.secondary-large:hover {\n background: var(--primary-color);\n color: var(--white);\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(20, 87, 163, 0.3);\n}\n\n.custom-link::after {\n content: '\u2192';\n margin-left: 8px;\n transition: transform 0.3s ease;\n}\n\n.custom-link:hover::after {\n transform: translateX(3px);\n}\n\n\/* Special styling for accessories card *\/\n.accessories-card .product-icon.accessories-icon {\n background: linear-gradient(135deg, var(--custom-color), var(--custom-dark));\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);\n}\n\n.accessories-card:hover .product-icon.accessories-icon {\n transform: scale(1.1) rotate(5deg);\n box-shadow: 0 12px 35px rgba(255, 107, 53, 0.4);\n}\n\n.accessories-card .product-link.accessories-primary {\n background: var(--custom-color);\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n}\n\n.accessories-card .product-link.accessories-primary:hover {\n background: var(--custom-dark);\n box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);\n}\n\n.custom-solution-card::after {\n content: '';\n position: absolute;\n top: -2px;\n left: -2px;\n right: -2px;\n bottom: -2px;\n background: var(--custom-color);\n border-radius: 22px;\n z-index: -1;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 480px) {\n .products-section {\n padding: 60px 0;\n }\n \n .section-header {\n margin-bottom: 40px;\n }\n \n .product-content {\n padding: 0 20px 20px;\n }\n \n .custom-solution-card {\n padding: 30px 20px;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .custom-features {\n gap: 8px;\n }\n \n .feature-tag {\n font-size: 12px;\n padding: 6px 12px;\n }\n \n .custom-buttons {\n flex-direction: column;\n align-items: center;\n }\n}\n<\/style>\n\n\n\n\n<section id=\"loesungen\" class=\"custom-solutions\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Ma\u00dfgeschneiderte L\u00f6sungen<\/h2>\n <p class=\"section-subtitle\">\n Individuelle Glasfasersysteme, die perfekt zu Ihren spezifischen Anforderungen passen\n <\/p>\n <\/div>\n\n <div class=\"solutions-content\">\n <div class=\"solutions-text\">\n <h3 style=\"color: var(--primary-color); font-size: 1.8rem; margin-bottom: 20px;\">\n Ihre Anforderungen, unsere L\u00f6sung\n <\/h3>\n <p style=\"color: #666; line-height: 1.8; margin-bottom: 25px;\">\n Jedes Projekt ist einzigartig. Deshalb entwickeln wir gemeinsam mit Ihnen ma\u00dfgeschneiderte \n Glasfaserl\u00f6sungen, die exakt auf Ihre technischen, r\u00e4umlichen und wirtschaftlichen \n Anforderungen zugeschnitten sind.\n <\/p>\n \n <ul class=\"solutions-features\">\n <li>Individuelle Konfiguration von Portanzahl und Fasertypen<\/li>\n <li>Anpassung an spezielle Umgebungsbedingungen<\/li>\n <li>Integration in bestehende Infrastrukturen<\/li>\n <li>Kundenspezifische Geh\u00e4useformen und -gr\u00f6\u00dfen<\/li>\n <li>Spezielle Steckverbinder und Anschl\u00fcsse<\/li>\n <li>Compliance mit branchenspezifischen Standards<\/li>\n <\/ul>\n\n <a href=\"#beratung\" class=\"btn-primary\" style=\"display: inline-block; margin-top: 20px;\">\n Individuelle Beratung\n <\/a>\n <\/div>\n \n <div class=\"solutions-image\">\n <div class=\"placeholder-image\" style=\"height: 300px;\">\u2699\ufe0f<\/div>\n <p style=\"color: var(--text-dark); font-weight: 600; margin-top: 15px;\">\n [Hier: Bild von ma\u00dfgeschneiderten Glasfaserl\u00f6sungen in verschiedenen Konfigurationen]\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* Custom Solutions Section *\/\n.custom-solutions {\n padding: 100px 0;\n background: var(--light-gray);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.solutions-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-top: 60px;\n}\n\n.solutions-text {\n padding: 40px;\n}\n\n.solutions-features {\n list-style: none;\n margin: 30px 0;\n padding: 0;\n}\n\n.solutions-features li {\n padding: 10px 0;\n padding-left: 30px;\n position: relative;\n color: var(--text-dark);\n font-weight: 500;\n line-height: 1.6;\n}\n\n.solutions-features li::before {\n content: '\u2699\ufe0f';\n position: absolute;\n left: 0;\n top: 10px;\n font-size: 16px;\n}\n\n.solutions-image {\n background: var(--white);\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n box-shadow: var(--box-shadow);\n transition: all 0.3s ease;\n}\n\n.solutions-image:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n}\n\n.placeholder-image {\n width: 100%;\n height: 300px;\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 48px;\n margin-bottom: 20px;\n transition: all 0.3s ease;\n}\n\n.solutions-image:hover .placeholder-image {\n transform: scale(1.02);\n}\n\n.btn-primary {\n background: #FF6B35;\n color: var(--white);\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n}\n\n.btn-primary:hover {\n background: #E55A2B;\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .solutions-content {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .solutions-text {\n padding: 20px;\n }\n \n .solutions-features li {\n padding-left: 25px;\n font-size: 14px;\n }\n \n .placeholder-image {\n height: 250px;\n font-size: 36px;\n }\n}\n\n@media (max-width: 480px) {\n .custom-solutions {\n padding: 60px 0;\n }\n \n .section-header {\n margin-bottom: 40px;\n }\n \n .solutions-text h3 {\n font-size: 1.5rem !important;\n }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Zielgruppen \u2014 Modulare Glasfaserl\u00f6sungen | Fiber Products<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n\n<section id=\"zielgruppen\" class=\"target-groups\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">L\u00f6sungen f\u00fcr verschiedene Branchen<\/h2>\n <p class=\"section-subtitle\">\n Ma\u00dfgeschneiderte Glasfaserl\u00f6sungen f\u00fcr verschiedene Branchen und Anwendungsbereiche\n <\/p>\n <\/div>\n\n <div class=\"groups-grid\">\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-4.-Aug.-2025-01_09_15.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Stadtwerke - Kommunale Glasfasernetze und FTTH-Ausbau f\u00fcr nachhaltige digitale Infrastruktur\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Stadtwerke<\/h3>\n <p class=\"group-description\">\n Kommunale Glasfasernetze und FTTH-Ausbau f\u00fcr nachhaltige digitale Infrastruktur\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-stadtwerke\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-4.-Aug.-2025-01_59_04.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Telekommunikationsanbieter - Hochdichte Splei\u00dfsysteme f\u00fcr effizienten FTTH-Rollout und Netzausbau\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Telekommunikationsanbieter<\/h3>\n <p class=\"group-description\">\n Hochdichte Splei\u00dfsysteme f\u00fcr effizienten FTTH-Rollout und Netzausbau\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-telekommunikationsanbieter\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_modern_headquarters_of_a_European_telecom_network_c3c6d348-6b0e-4457-9d46-60d69437ac4d_1.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Netzbetreiber - Professionelle Glasfaserl\u00f6sungen f\u00fcr stabile und skalierbare Netzwerkinfrastrukturen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Netzbetreiber<\/h3>\n <p class=\"group-description\">\n Professionelle Glasfaserl\u00f6sungen f\u00fcr stabile und skalierbare Netzwerkinfrastrukturen\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-netzbetreiber\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-3.-Aug.-2025-17_55_13.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Rechenzentren - Platzsparende Hochleistungsl\u00f6sungen f\u00fcr maximale Portdichte und Rack-Effizienz\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Rechenzentren<\/h3>\n <p class=\"group-description\">\n Platzsparende Hochleistungsl\u00f6sungen f\u00fcr maximale Portdichte und Rack-Effizienz\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-rechenzentren\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_two_male_IT_system_integrators_working_at_a_moder_361c4c4d-b030-4b1e-bcf3-2d1e1e838341_3.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Systemintegratoren - Flexible L\u00f6sungen f\u00fcr die Integration in komplexe Netzwerkarchitekturen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Systemintegratoren<\/h3>\n <p class=\"group-description\">\n Flexible L\u00f6sungen f\u00fcr die Integration in komplexe Netzwerkarchitekturen\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-systemintegratoren\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_wide-angle_shot_of_a_futuristic_smart_factory_h_8717327d-b8e0-47c7-aa16-0459724f794a_2.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Industrie - Robuste Glasfasersysteme f\u00fcr anspruchsvolle Industrieumgebungen und Industrie 4.0\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Industrie<\/h3>\n <p class=\"group-description\">\n Robuste Glasfasersysteme f\u00fcr anspruchsvolle Industrieumgebungen und Industrie 4.0\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-industrie\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_two_professional_light-skinned_fiber_optic_instal_3d7a1f61-61f8-46e7-bd6e-54170803601d_1.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Installateure - Professionelle Glasfaserkomponenten f\u00fcr effiziente Installation und Wartung\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Installateure<\/h3>\n <p class=\"group-description\">\n Professionelle Glasfaserkomponenten f\u00fcr effiziente Installation und Wartung\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-installateure\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-4.-Aug.-2025-01_21_58.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Bildungseinrichtungen & Campus-Infrastruktur - Zukunftssichere Netzwerkinfrastruktur f\u00fcr Schulen und Universit\u00e4ten\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Bildungseinrichtungen<\/h3>\n <p class=\"group-description\">\n Zukunftssichere Netzwerkinfrastruktur f\u00fcr Schulen und Universit\u00e4ten\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-bildungseinrichtungen\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_Professional_IT_system_integrator_working_on_fibe_a750eadc-608f-4127-8b3d-29f627497707_2.png\" \n alt=\"Glasfaserl\u00f6sungen f\u00fcr Systemh\u00e4user - Professionelle IT-Systeml\u00f6sungen und Glasfaserintegration\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Systemh\u00e4user<\/h3>\n <p class=\"group-description\">\n Professionelle IT-Systeml\u00f6sungen und modulare Glasfaserintegration\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-systemhauser\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-3.-Aug.-2025-17_55_20.png\" \n alt=\"Modulare Glasfaserinfrastrukturen f\u00fcr intelligente St\u00e4dte - Smart City Glasfaser und vernetzte Stadtinfrastruktur\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Smart City<\/h3>\n <p class=\"group-description\">\n Modulare Glasfaserinfrastrukturen f\u00fcr intelligente und vernetzte St\u00e4dte\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/smart-city-glasfaser\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/u1995323279_a_wide-angle_panoramic_shot_of_a_futuristic_publi_3a6e534d-3bde-42a8-a416-d816faf0f3f9_0.png\" \n alt=\"Glasfasermodule f\u00fcr Verkehrsbetriebe - Mission-Critical Netzwerkl\u00f6sungen f\u00fcr \u00f6ffentliche Verkehrssysteme\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Verkehrsbetriebe<\/h3>\n <p class=\"group-description\">\n Mission-Critical Netzwerkl\u00f6sungen f\u00fcr \u00f6ffentliche Verkehrssysteme\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserlosungen-fur-verkehrsbetriebe\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"group-card\">\n <div class=\"group-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-3.-Aug.-2025-17_55_04.png\" \n alt=\"Glasfasermodule f\u00fcr Windkraft & Offshore - Robuste Glasfaserl\u00f6sungen f\u00fcr erneuerbare Energien und Offshore-Anlagen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Windkraft & Offshore<\/h3>\n <p class=\"group-description\">\n Robuste Glasfaserl\u00f6sungen f\u00fcr erneuerbare Energien und Offshore-Anlagen\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfasermodule-fur-windkraft-offshore\/\" class=\"group-link\">\n Mehr erfahren \u2192\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n --hover-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n}\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n\/* Target Groups Section *\/\n.target-groups {\n padding: 100px 0;\n background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n}\n\n.section-container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.8rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n position: relative;\n}\n\n.section-title::after {\n content: '';\n position: absolute;\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));\n border-radius: 2px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 700px;\n margin: 0 auto;\n line-height: 1.6;\n}\n\n.groups-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-top: 60px;\n}\n\n.group-card {\n background: var(--white);\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--box-shadow);\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid rgba(20, 87, 163, 0.08);\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.group-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, var(--primary-color), var(--primary-dark));\n transform: scaleX(0);\n transition: transform 0.3s ease;\n z-index: 2;\n}\n\n.group-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--hover-shadow);\n border-color: rgba(20, 87, 163, 0.2);\n}\n\n.group-card:hover::before {\n transform: scaleX(1);\n}\n\n.group-image {\n position: relative;\n height: 200px;\n overflow: hidden;\n background: linear-gradient(135deg, var(--primary-light), rgba(20, 87, 163, 0.05));\n}\n\n.group-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n}\n\n.group-card:hover .group-image img {\n transform: scale(1.05);\n}\n\n.group-content {\n padding: 30px 25px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n}\n\n.group-title {\n font-size: 1.3rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 15px;\n line-height: 1.3;\n}\n\n.group-description {\n color: #666;\n line-height: 1.6;\n font-size: 15px;\n margin-bottom: 25px;\n flex-grow: 1;\n}\n\n.group-link {\n color: var(--primary-color);\n text-decoration: none;\n font-weight: 600;\n font-size: 15px;\n transition: all 0.3s ease;\n display: inline-flex;\n align-items: center;\n padding: 12px 20px;\n border-radius: 8px;\n background: rgba(20, 87, 163, 0.06);\n border: 1px solid rgba(20, 87, 163, 0.1);\n align-self: flex-start;\n}\n\n.group-link:hover {\n background: var(--primary-color);\n color: var(--white);\n transform: translateX(3px);\n border-color: var(--primary-color);\n}\n\n\n\n\/* Responsive Design *\/\n@media (max-width: 1200px) {\n .groups-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n\n@media (max-width: 900px) {\n .groups-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n \n .section-title {\n font-size: 2.2rem;\n }\n \n .target-groups-cta h3 {\n font-size: 1.8rem;\n }\n}\n\n@media (max-width: 768px) {\n .target-groups {\n padding: 80px 0;\n }\n \n .section-container {\n padding: 0 15px;\n }\n \n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n \n .btn-primary, .btn-secondary {\n width: 100%;\n max-width: 320px;\n text-align: center;\n }\n \n .target-groups-cta {\n padding: 40px 25px;\n }\n}\n\n@media (max-width: 600px) {\n .groups-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n \n .group-image {\n height: 180px;\n }\n \n .section-title {\n font-size: 1.8rem;\n }\n}\n\n\/* Performance Optimierungen *\/\n@media (prefers-reduced-motion: reduce) {\n .group-card,\n .group-image img,\n .group-link,\n .btn-primary,\n .btn-secondary {\n transition: none;\n }\n}\n\n\/* Accessibility *\/\n@media (prefers-contrast: high) {\n .group-card {\n border: 2px solid var(--primary-color);\n }\n \n .group-link {\n border: 2px solid var(--primary-color);\n }\n}\n\n\/* Loading States *\/\n.group-image img {\n background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);\n background-size: 400% 100%;\n}\n\n.group-image img[loading=\"lazy\"] {\n animation: shimmer 1.5s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n 0% {\n background-position: 100% 0;\n }\n 100% {\n background-position: -100% 0;\n }\n}\n<\/style>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Service\",\n \"name\": \"Modulare Glasfaserl\u00f6sungen f\u00fcr verschiedene Branchen\",\n \"description\": \"Ma\u00dfgeschneiderte Glasfaserl\u00f6sungen f\u00fcr Stadtwerke, Telekommunikationsanbieter, Rechenzentren, Industrie und weitere Branchen\",\n \"provider\": {\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\"\n },\n \"serviceType\": \"Glasfaserl\u00f6sungen\",\n \"audience\": [\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Stadtwerke\",\n \"name\": \"Kommunale Glasfasernetze\"\n },\n {\n \"@type\": \"Audience\", \n \"audienceType\": \"Telekommunikationsanbieter\",\n \"name\": \"FTTH-Rollout und Netzausbau\"\n },\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Rechenzentren\", \n \"name\": \"Hochdichte Glasfasersysteme\"\n },\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Industrie\",\n \"name\": \"Industrie 4.0 Glasfaserl\u00f6sungen\"\n }\n ]\n}\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>FAQ Homepage<\/title>\n \n <style>\n :root {\n --primary-color: #1457a3;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background-color: var(--light-gray);\n padding: 20px;\n }\n\n .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* FAQ Section *\/\n .faq-section {\n padding: 100px 0;\n background: var(--light-gray);\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 60px;\n }\n\n .section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .faq-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: var(--white);\n border-radius: 12px;\n margin-bottom: 20px;\n box-shadow: var(--box-shadow);\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-question {\n padding: 25px 30px;\n background: none;\n border: none;\n width: 100%;\n text-align: left;\n font-size: 18px;\n font-weight: 600;\n color: var(--primary-color);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n background: var(--primary-light);\n }\n\n .faq-question::after {\n content: '+';\n font-size: 24px;\n font-weight: bold;\n transition: transform 0.3s ease;\n }\n\n .faq-question.active::after {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n padding: 0 30px;\n max-height: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-answer.active {\n padding: 0 30px 25px;\n max-height: 200px;\n }\n\n .faq-answer p {\n color: #666;\n line-height: 1.6;\n margin: 0;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .section-title {\n font-size: 2rem;\n }\n\n .faq-section {\n padding: 60px 0;\n }\n\n .faq-question {\n padding: 20px;\n font-size: 16px;\n }\n\n .faq-answer.active {\n padding: 0 20px 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"faq-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">H\u00e4ufig gestellte Fragen<\/h2>\n <p class=\"section-subtitle\">\n Antworten auf die wichtigsten Fragen rund um unsere Glasfaserl\u00f6sungen\n <\/p>\n <\/div>\n\n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Was sind die Vorteile modularer Glasfasersysteme?\n <\/button>\n <div class=\"faq-answer\">\n <p>Modulare Glasfasersysteme bieten maximale Flexibilit\u00e4t bei der Netzwerkplanung. Sie k\u00f6nnen je nach Bedarf erweitert werden, sparen Platz im Technikraum und erm\u00f6glichen eine kosteneffiziente Skalierung Ihrer Infrastruktur.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Faseranzahl ist mit Ihren Splei\u00dfmodulen m\u00f6glich?\n <\/button>\n <div class=\"faq-answer\">\n <p>Unsere 7TE-Splei\u00dfmodule unterst\u00fctzen 6-24 Fasern pro Modul. In modularen Systemen erreichen Sie bis zu 288 Fasern. Die Bauweise erm\u00f6glicht granulare Skalierung ohne Systemwechsel \u2014 perfekt f\u00fcr wachsende Netzwerke.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Kapazit\u00e4t haben Ihre 1HE Splei\u00dfboxen?\n <\/button>\n <div class=\"faq-answer\">\n <p>Unsere SlimConnect 1HE-Splei\u00dfboxen unterst\u00fctzen bis zu 94 Fasern pro H\u00f6heneinheit bei nur 220mm Tiefe. Damit erreichen wir eine der h\u00f6chsten Portdichten am Markt und maximieren die Effizienz Ihrer Rack-Nutzung.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Was sind ODF-Systeme und wof\u00fcr werden sie verwendet?\n <\/button>\n <div class=\"faq-answer\">\n <p>ODF-Systeme (Optical Distribution Frame) sind modulare 19″-Rack-Verteiler f\u00fcr gro\u00dfe Glasfaser-Installationen mit bis zu 288 Fasern. Sie werden in Rechenzentren, bei Carriern und Campus-Netzwerken eingesetzt, wo hohe Portdichten erforderlich sind.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Sind Ihre Hutschienenboxen f\u00fcr Industrieumgebungen geeignet?\n <\/button>\n <div class=\"faq-answer\">\n <p>Ja, unsere Hutschienenboxen sind speziell f\u00fcr anspruchsvolle Industrieumgebungen entwickelt. Sie bieten DIN-Rail-Montage und sie sind in mehreren Gr\u00f6\u00dfen und Ausf\u00fchrungen erh\u00e4ltlich. Sprechen Sie uns auch gerne f\u00fcr Ihre ma\u00dfgeschneiderte Version an!<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Bieten Sie auch ma\u00dfgeschneiderte L\u00f6sungen an?\n <\/button>\n <div class=\"faq-answer\">\n <p>Absolut! Wir entwickeln kundenspezifische Glasfaserl\u00f6sungen basierend auf Ihren spezifischen Anforderungen. Von besonderen Geh\u00e4useformen \u00fcber spezielle Steckverbinder bis hin zu individuellen Kapazit\u00e4ten \u2014 wir finden die optimale L\u00f6sung f\u00fcr Ihr Projekt.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Wie lange sind die Lieferzeiten f\u00fcr Standardprodukte?\n <\/button>\n <div class=\"faq-answer\">\n <p>Unsere Standardprodukte sind in der Regel innerhalb von 2-4 Wochen lieferbar. F\u00fcr eilige Projekte bieten wir auch Express-Lieferungen an. Kundenspezifische L\u00f6sungen ben\u00f6tigen je nach Komplexit\u00e4t 6-10 Wochen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Unterst\u00fctzung bieten Sie bei der Installation?\n <\/button>\n <div class=\"faq-answer\">\n <p>Wir bieten umfassenden Support von der Planungsphase bis zur Inbetriebnahme. Dazu geh\u00f6ren technische Beratung, Installationsanleitungen, Schulungen und bei Bedarf auch Vor-Ort-Support durch unsere Experten.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ FAQ Toggle Funktionalit\u00e4t\n function initializeFAQ() {\n const faqQuestions = document.querySelectorAll('.faq-question');\n \n faqQuestions.forEach(question => {\n question.addEventListener('click', function() {\n const faqItem = this.parentElement;\n const answer = faqItem.querySelector('.faq-answer');\n \n \/\/ Toggle active classes\n this.classList.toggle('active');\n answer.classList.toggle('active');\n \n \/\/ Close other FAQ items\n faqQuestions.forEach(otherQuestion => {\n if (otherQuestion !== this) {\n const otherItem = otherQuestion.parentElement;\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherQuestion.classList.remove('active');\n otherAnswer.classList.remove('active');\n }\n });\n });\n });\n }\n\n \/\/ Animationen f\u00fcr Scroll-Effekte\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateY(0)';\n }\n });\n }, observerOptions);\n\n \/\/ Initialization beim Laden der Seite\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ FAQ initialisieren\n initializeFAQ();\n \n \/\/ Alle FAQ-Items f\u00fcr Animation registrieren\n const faqItems = document.querySelectorAll('.faq-item');\n faqItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(20px)';\n item.style.transition = `opacity 0.6s ease ${index * 0.1}s, transform 0.6s ease ${index * 0.1}s`;\n observer.observe(item);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<section id=\"ueber-uns\" class=\"about-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">\u00dcber Fiber Products<\/h2>\n <p class=\"section-subtitle\">\n Ihr verl\u00e4sslicher Partner f\u00fcr innovative Glasfaserl\u00f6sungen in Europa\n <\/p>\n <\/div>\n\n <div class=\"about-content\">\n <div class=\"about-text\">\n <h3 style=\"color: var(--primary-color); font-size: 1.8rem; margin-bottom: 20px;\">\n 30 Jahre Erfahrung, Innovation und Qualit\u00e4t\n <\/h3>\n <p>\n Seit \u00fcber 30 Jahren sind wir f\u00fchrend im Bereich Glasfasertechnologie und entwickeln \n modulare Glasfaserl\u00f6sungen, die den h\u00f6chsten Qualit\u00e4tsstandards entsprechen. In dieser Zeit \n haben wir unsere Produkte stetig zusammen mit unseren Kunden entwickelt, um so die \n bestm\u00f6gliche Qualit\u00e4t zu gew\u00e4hrleisten.\n <\/p>\n <p>\n Mit unserem Standort in Deutschland und unserer Produktion in Rum\u00e4nien kombinieren wir \n deutsche Ingenieurskunst mit kosteneffizienter europ\u00e4ischer Fertigung. Dies erm\u00f6glicht \n uns, erstklassige Qualit\u00e4t „Made in Europe“ zu wettbewerbsf\u00e4higen Preisen anzubieten \n und gleichzeitig kurze Lieferwege in ganz Europa zu gew\u00e4hrleisten.\n <\/p>\n <p>\n Unser erfahrenes Entwicklungsteam arbeitet eng mit Kunden zusammen, um ma\u00dfgeschneiderte \n L\u00f6sungen zu entwickeln, die exakt auf ihre Anforderungen zugeschnitten sind. Von der ersten \n Beratung \u00fcber die Entwicklung bis hin zur Auslieferung \u2013 wir begleiten Sie auf dem gesamten \n Weg zu Ihrer optimalen Glasfaserinfrastruktur.\n <\/p>\n\n <a href=\"#kontakt\" class=\"btn-primary\" style=\"display: inline-block; margin-top: 20px;\">\n Mehr \u00fcber uns erfahren\n <\/a>\n <\/div>\n \n <div class=\"about-image\">\n <div class=\"placeholder-image\" style=\"height: 350px;\">\ud83c\udfe2<\/div>\n <p style=\"color: var(--text-dark); font-weight: 600; margin-top: 15px;\">\n [Hier: Bild des Fiber Products Teams oder Firmengeb\u00e4ude\/Produktionsst\u00e4tte]\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<style>\n\/* CSS Variablen f\u00fcr die Sektion *\/\n:root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --border-gray: #e0e0e0;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n}\n\n\/* About Us Section Styles *\/\n.about-section {\n padding: 100px 0;\n background: var(--light-gray);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n.section-header {\n text-align: center;\n margin-bottom: 80px;\n}\n\n.section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n}\n\n.section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n}\n\n.about-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n margin-top: 60px;\n}\n\n.about-text {\n padding: 40px;\n}\n\n.about-text p {\n color: #666;\n line-height: 1.8;\n margin-bottom: 20px;\n font-size: 16px;\n}\n\n.about-image {\n background: var(--white);\n border-radius: 16px;\n padding: 40px;\n text-align: center;\n box-shadow: var(--box-shadow);\n}\n\n.placeholder-image {\n width: 100%;\n height: 350px;\n background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--white);\n font-size: 48px;\n margin-bottom: 20px;\n}\n\n.btn-primary {\n background: #FF6B35;\n color: var(--white);\n padding: 16px 32px;\n border-radius: 8px;\n text-decoration: none;\n font-weight: 600;\n font-size: 18px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);\n}\n\n.btn-primary:hover {\n background: #E55A2B;\n transform: translateY(-3px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .about-content {\n grid-template-columns: 1fr;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .about-text {\n padding: 20px;\n }\n \n .placeholder-image {\n height: 250px;\n font-size: 36px;\n }\n}\n<\/style>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>CTA Sektion \u2014 Fiber Products<\/title>\n \n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --accent-orange: #FF6B35;\n --white: #ffffff;\n --hero-gradient: linear-gradient(rgba(10, 54, 114, 0.8), rgba(20, 87, 163, 0.8));\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n }\n\n .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 100px 0;\n background: var(--hero-gradient), url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1200 400\"><rect fill=\"%23f0f8ff\" width=\"1200\" height=\"400\"\/><circle fill=\"%23e6f3ff\" cx=\"300\" cy=\"100\" r=\"60\"\/><circle fill=\"%23ddeeff\" cx=\"900\" cy=\"200\" r=\"80\"\/><path stroke=\"%231457a3\" stroke-width=\"2\" fill=\"none\" d=\"M0,300 Q300,150 600,250 T1200,200\"\/><\/svg>');\n background-size: cover;\n background-position: center;\n position: relative;\n text-align: center;\n }\n\n .cta-content {\n max-width: 800px;\n margin: 0 auto;\n color: var(--white) !important;\n }\n\n .cta-title {\n font-size: 3rem !important;\n font-weight: 700 !important;\n margin-bottom: 20px !important;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;\n color: var(--white) !important;\n }\n\n .cta-subtitle {\n font-size: 1.3rem !important;\n margin-bottom: 40px !important;\n opacity: 0.95 !important;\n line-height: 1.6 !important;\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .cta-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 40px;\n }\n\n .cta-btn {\n padding: 16px 32px !important;\n border-radius: 8px !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n font-size: 16px !important;\n transition: all 0.3s ease !important;\n display: inline-flex !important;\n align-items: center !important;\n gap: 8px !important;\n }\n\n .cta-btn-primary {\n background: var(--accent-orange) !important;\n color: var(--white) !important;\n box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3) !important;\n }\n\n .cta-btn-primary:hover {\n background: #E55A2B !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.4) !important;\n color: var(--white) !important;\n }\n\n .cta-btn-secondary {\n background: var(--white) !important;\n color: var(--primary-color) !important;\n box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2) !important;\n }\n\n .cta-btn-secondary:hover {\n background: rgba(255, 255, 255, 0.9) !important;\n transform: translateY(-3px) !important;\n box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3) !important;\n color: var(--primary-color) !important;\n }\n\n .cta-contact-info {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-top: 50px;\n opacity: 0.95;\n }\n\n .contact-item {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n font-weight: 500 !important;\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .contact-item span {\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n .contact-item span:first-child {\n font-size: 1.2em !important;\n }\n\n \/* Zus\u00e4tzliche Schrift-Fixes f\u00fcr alle Textelemente *\/\n .cta-section h1,\n .cta-section h2,\n .cta-section h3,\n .cta-section h4,\n .cta-section h5,\n .cta-section h6,\n .cta-section p,\n .cta-section span,\n .cta-section div {\n color: var(--white) !important;\n }\n\n \/* Ausnahmen f\u00fcr Buttons - diese sollen ihre eigene Farbe behalten *\/\n .cta-btn-secondary,\n .cta-btn-secondary * {\n color: var(--primary-color) !important;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .cta-title {\n font-size: 2.2rem !important;\n }\n\n .cta-subtitle {\n font-size: 1.1rem !important;\n }\n\n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .cta-btn {\n width: 100% !important;\n max-width: 280px !important;\n justify-content: center !important;\n }\n\n .cta-contact-info {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .cta-section {\n padding: 60px 0;\n }\n\n .cta-title {\n font-size: 1.8rem !important;\n }\n\n .cta-subtitle {\n font-size: 1rem !important;\n }\n\n .section-container {\n padding: 0 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section id=\"cta\" class=\"cta-section\">\n <div class=\"section-container\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Bereit f\u00fcr Ihre Glasfaser-Zukunft?<\/h2>\n <p class=\"cta-subtitle\">\n Lassen Sie uns gemeinsam die perfekte Glasfaserl\u00f6sung f\u00fcr Ihr Projekt entwickeln. \n Unsere Experten beraten Sie gerne kostenlos und unverbindlich.\n <\/p>\n \n <div class=\"cta-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"cta-btn cta-btn-primary\">\n \ud83d\udcac Jetzt beraten lassen\n <\/a>\n <a href=\"https:\/\/www.fiber-products.de\/de\/\" class=\"cta-btn cta-btn-secondary\" target=\"_blank\" rel=\"noopener\">\n \ud83d\uded2 Zum Shop\n <\/a>\n <\/div>\n\n <div class=\"cta-contact-info\">\n <div class=\"contact-item\">\n <span>\ud83d\ude9a<\/span>\n <span>Europaweite Lieferung<\/span>\n <\/div>\n <div class=\"contact-item\">\n <span>\ud83c\udfed<\/span>\n <span>Made in Europe<\/span>\n <\/div>\n <div class=\"contact-item\">\n <span>\ud83d\udc8e<\/span>\n <span>5 Jahre Garantie<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Blog Sektion<\/title>\n \n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --white: #ffffff;\n --text-dark: #333333;\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background-color: #f5f5f5;\n padding: 20px;\n }\n\n .section-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 80px;\n }\n\n .section-title {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: #666;\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Blog Section *\/\n .blog-section {\n padding: 100px 0;\n background: var(--white);\n }\n\n .blog-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n margin-top: 60px;\n }\n\n .blog-post-card {\n background: #ffffff;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n border: 1px solid #e0e0e0;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .blog-post-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #1457a3, #0a3672);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .blog-post-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n border-color: rgba(20, 87, 163, 0.3);\n }\n\n .blog-post-card:hover::before {\n transform: scaleX(1);\n }\n\n .blog-post-image {\n width: 100%;\n height: 160px;\n overflow: hidden;\n position: relative;\n }\n\n .blog-post-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.3s ease;\n }\n\n .blog-post-card:hover .blog-post-image img {\n transform: scale(1.05);\n }\n\n .blog-post-content {\n padding: 20px;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n }\n\n .blog-post-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 12px;\n font-size: 11px;\n color: #666666;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .blog-post-category {\n background: #FF6B35;\n color: #ffffff;\n padding: 2px 6px;\n border-radius: 8px;\n font-size: 9px;\n font-weight: 600;\n }\n\n .blog-post-title {\n color: #1457a3;\n font-size: 16px;\n font-weight: 700;\n margin-bottom: 12px;\n line-height: 1.3;\n text-decoration: none;\n display: block;\n }\n\n .blog-post-title:hover {\n color: #0a3672;\n }\n\n .blog-post-excerpt {\n color: #666666;\n font-size: 13px;\n line-height: 1.5;\n margin-bottom: 15px;\n flex-grow: 1;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .blog-post-read-more {\n display: inline-flex;\n align-items: center;\n color: #1457a3;\n text-decoration: none;\n font-weight: 600;\n font-size: 12px;\n transition: all 0.3s ease;\n margin-top: auto;\n }\n\n .blog-post-read-more:hover {\n color: #0a3672;\n transform: translateX(3px);\n }\n\n .blog-post-read-more::after {\n content: '\u2192';\n margin-left: 6px;\n transition: transform 0.3s ease;\n }\n\n .blog-post-read-more:hover::after {\n transform: translateX(2px);\n }\n\n .loading-spinner {\n border: 3px solid #f3f3f3;\n border-top: 3px solid #1457a3;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n margin: 0 auto 20px;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n \/* Responsive Design Updates *\/\n @media (max-width: 1024px) {\n .blog-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n .blog-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .section-title {\n font-size: 2rem;\n }\n\n .blog-section {\n padding: 60px 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n \n <section id=\"blog\" class=\"blog-section\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Aktuelles zum Glasfaserausbau<\/h2>\n <p class=\"section-subtitle\">\n Bleiben Sie informiert \u00fcber F\u00f6rderungen, Technologien und Best Practices\n <\/p>\n <\/div>\n\n \n <div id=\"blog-posts\" class=\"blog-grid\">\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-29.-Apr.-2025-10_48_36.png\" alt=\"Glasfaserl\u00f6sungen f\u00fcr Stadtwerke\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 28. Jan 2025<\/span>\n <span class=\"blog-post-category\">Stadtwerke<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserloesungen-fuer-stadtwerke\/\" class=\"blog-post-title\">Glasfaserl\u00f6sungen f\u00fcr Stadtwerke 2025<\/a>\n <p class=\"blog-post-excerpt\">Stadtwerke stehen beim Aufbau kommunaler Glasfasernetze vor besonderen Herausforderungen \u2013 von der Planung \u00fcber die Technikauswahl bis zum wirtschaftlichen Betrieb.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserloesungen-fuer-stadtwerke\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_FTTH_funding_application_process_corporate_blue_a_3dedb5a1-714e-4c40-a42e-245ea6a54ef6_0.png\" alt=\"FTTH F\u00f6rderung 2025\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 26. Jan 2025<\/span>\n <span class=\"blog-post-category\">F\u00f6rderung<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/ftth-foerderung-2025-neue-bundesrichtlinien-und-veraenderte-foerdersaetze\/\" class=\"blog-post-title\">FTTH-F\u00f6rderung 2025: Neue Bundesrichtlinien<\/a>\n <p class=\"blog-post-excerpt\">Gigabit-Rahmenregelung bis 2028 verl\u00e4ngert. Branchendialog wird Pflicht, MEV ge\u00e4ndert. Alle Neuerungen der FTTH-F\u00f6rderung 2025.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/ftth-foerderung-2025-neue-bundesrichtlinien-und-veraenderte-foerdersaetze\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Modern_telecommunications_network_infrastructure__ee1037d0-6deb-46a3-8f88-039279bb53e7_1.png\" alt=\"Hochdichte Splei\u00dfsysteme\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 24. Jan 2025<\/span>\n <span class=\"blog-post-category\">Technologie<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\" class=\"blog-post-title\">Hochdichte Splei\u00dfsysteme f\u00fcr FTTH-Ausbau<\/a>\n <p class=\"blog-post-excerpt\">Beim FTTH-Ausbau z\u00e4hlt jeder Quadratzentimeter Technikfl\u00e4che und jede Minute Installationszeit. Moderne modulare Systeme revolutionieren die Branche.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Energy_crisis_impact_on_fiber_optic_construction__79f73a4a-a722-447a-915a-b31c6e4816bd_3.png\" alt=\"Energiekrise Glasfaserausbau\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 22. Jan 2025<\/span>\n <span class=\"blog-post-category\">Wirtschaftlichkeit<\/span>\n <\/div>\n <a href=\"https:\/\/fiber-products.com\/de\/energiekrise-trifft-glasfaserausbau\/\" class=\"blog-post-title\">Energiekrise & Glasfaserausbau: Kostenoptimierung<\/a>\n <p class=\"blog-post-excerpt\">Baupreise steigen um 5%, Diesel teurer \u2014 wie Stadtwerke trotz Energiekrise wirtschaftlich Glasfaser ausbauen.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/energiekrise-trifft-glasfaserausbau\/\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n <\/div>\n\n \n <div style=\"text-align: center; margin-top: 40px; padding-top: 30px; border-top: 2px solid rgba(20, 87, 163, 0.1);\">\n <a href=\"https:\/\/fiber-products.com\/de\/glasfaserwissen\/\" style=\"display: inline-block; background: #1457a3; color: #ffffff; padding: 16px 32px; text-decoration: none; border-radius: 8px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease;\">\n Alle Artikel ansehen\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Sample Blog Posts (Live Blog Integration)\n const liveBlogPosts = [\n {\n title: { rendered: \"Glasfaserl\u00f6sungen f\u00fcr Stadtwerke 2025\" },\n excerpt: { rendered: \"Stadtwerke stehen beim Aufbau kommunaler Glasfasernetze vor besonderen Herausforderungen \u2013 von der Planung \u00fcber die Technikauswahl bis zum wirtschaftlichen Betrieb.\" },\n date: \"2025-01-28T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/glasfaserloesungen-fuer-stadtwerke\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/ChatGPT-Image-29.-Apr.-2025-10_48_36.png\",\n _embedded: {\n 'wp:term': [[{ name: 'Stadtwerke' }]]\n }\n },\n {\n title: { rendered: \"FTTH-F\u00f6rderung 2025: Neue Bundesrichtlinien\" },\n excerpt: { rendered: \"Gigabit-Rahmenregelung bis 2028 verl\u00e4ngert. Branchendialog wird Pflicht, MEV ge\u00e4ndert. Alle Neuerungen der FTTH-F\u00f6rderung 2025.\" },\n date: \"2025-01-26T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/ftth-foerderung-2025-neue-bundesrichtlinien-und-veraenderte-foerdersaetze\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_FTTH_funding_application_process_corporate_blue_a_3dedb5a1-714e-4c40-a42e-245ea6a54ef6_0.png\",\n _embedded: {\n 'wp:term': [[{ name: 'F\u00f6rderung' }]]\n }\n },\n {\n title: { rendered: \"Hochdichte Splei\u00dfsysteme f\u00fcr FTTH-Ausbau\" },\n excerpt: { rendered: \"Beim FTTH-Ausbau z\u00e4hlt jeder Quadratzentimeter Technikfl\u00e4che und jede Minute Installationszeit. Moderne modulare Systeme revolutionieren die Branche.\" },\n date: \"2025-01-24T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/hochdichte-spleisssysteme-telekommunikation\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Modern_telecommunications_network_infrastructure__ee1037d0-6deb-46a3-8f88-039279bb53e7_1.png\",\n _embedded: {\n 'wp:term': [[{ name: 'Technologie' }]]\n }\n },\n {\n title: { rendered: \"Energiekrise & Glasfaserausbau: Kostenoptimierung\" },\n excerpt: { rendered: \"Baupreise steigen um 5%, Diesel teurer - wie Stadtwerke trotz Energiekrise wirtschaftlich Glasfaser ausbauen.\" },\n date: \"2025-01-22T16:59:56.000Z\",\n link: \"https:\/\/fiber-products.com\/de\/energiekrise-trifft-glasfaserausbau\/\",\n image: \"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/07\/u1995323279_Energy_crisis_impact_on_fiber_optic_construction__79f73a4a-a722-447a-915a-b31c6e4816bd_3.png\",\n _embedded: {\n 'wp:term': [[{ name: 'Wirtschaftlichkeit' }]]\n }\n }\n ];\n\n \/\/ Blog Posts laden\n function loadBlogPosts() {\n const postsContainer = document.getElementById('blog-posts');\n \n \/\/ Posts direkt rendern\n postsContainer.innerHTML = liveBlogPosts.map(post => createBlogCard(post)).join('');\n }\n\n function createBlogCard(post) {\n \/\/ Excerpt k\u00fcrzen auf max. 150 Zeichen f\u00fcr kompakte Darstellung\n const excerpt = stripHtml(post.excerpt.rendered);\n const truncatedExcerpt = excerpt.length > 150 \n ? excerpt.substring(0, 150).trim() + '...' \n : excerpt;\n \n \/\/ Kategorie aus _embedded extrahieren\n const category = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] \n ? post._embedded['wp:term'][0][0]?.name || 'Glasfaser'\n : 'Glasfaser';\n \n \/\/ Datum formatieren\n const postDate = new Date(post.date).toLocaleDateString('de-DE', {\n year: 'numeric',\n month: 'short', \n day: 'numeric'\n });\n \n return `\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\">\n <img decoding=\"async\" src=\"${post.image}\" alt=\"${post.title.rendered}\" loading=\"lazy\">\n <\/div>\n <div class=\"blog-post-content\">\n <div class=\"blog-post-meta\">\n <span>\ud83d\udcc5 ${postDate}<\/span>\n <span class=\"blog-post-category\">${category}<\/span>\n <\/div>\n <a href=\"${post.link}\" class=\"blog-post-title\">${post.title.rendered}<\/a>\n <p class=\"blog-post-excerpt\">${truncatedExcerpt}<\/p>\n <a href=\"${post.link}\" class=\"blog-post-read-more\">Artikel lesen<\/a>\n <\/div>\n <\/article>\n `;\n }\n\n function stripHtml(html) {\n const tmp = document.createElement('div');\n tmp.innerHTML = html;\n return tmp.textContent || tmp.innerText || '';\n }\n\n \/\/ Initialization beim Laden der Seite\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Nichts mehr zu laden - Artikel sind bereits im HTML\n });\n <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"de\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Fiber Products Footer<\/title>\n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --white: #ffffff;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n }\n\n \/* Footer *\/\n .footer {\n background: var(--primary-dark);\n color: var(--white);\n padding: 60px 0 30px;\n }\n\n .footer-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 40px;\n }\n\n .footer-section h3 {\n color: var(--white);\n margin-bottom: 20px;\n font-size: 1.2rem;\n }\n\n .footer-section ul {\n list-style: none;\n }\n\n .footer-section a {\n color: rgba(255,255,255,0.8);\n text-decoration: none;\n transition: color 0.3s ease;\n line-height: 2;\n }\n\n .footer-section a:hover {\n color: var(--white);\n }\n\n .footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.1);\n margin-top: 40px;\n padding-top: 20px;\n text-align: center;\n color: rgba(255,255,255,0.6);\n }\n <\/style>\n<\/head>\n<body>\n \n <footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-section\">\n <h3>Fiber Products<\/h3>\n <p>Innovative modulare Glasfaserl\u00f6sungen f\u00fcr den deutschen Markt. Von Stadtwerken bis zu Rechenzentren.<\/p>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Produkte<\/h3>\n <ul>\n <li><a href=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/\">1HE-System SlimConnect<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/hutschienenbox-7te\/\">7TE Hutschienenbox<\/a><\/li>\n <li><a href=\"\/modulare-glasfaserlosungen\">3U\/4U-Systeme<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/spleissmodule\/\">Splei\u00dfmodule<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Zielgruppen<\/h3>\n <ul>\n <li><a href=\"\/stadtwerke\">Stadtwerke<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/telekommunikation\/\">Telekommunikation<\/a><\/li>\n <li><a href=\"\/rechenzentren\">Rechenzentren<\/a><\/li>\n <li><a href=\"\/industrie\">Industrie<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Unternehmen<\/h3>\n <ul>\n <li><a href=\"https:\/\/www.fiber-products.de\/de\/\" target=\"_blank\" rel=\"noopener\">Shop<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\">Kontakt<\/a><\/li>\n <li><a href=\"\/karriere\">\u00dcber uns<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\">Partner werden<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\">Blog<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2025 Fiber Products. Alle Rechte vorbehalten. | \n <a href=\"\/datenschutz\" style=\"color: rgba(255,255,255,0.6);\">Datenschutz<\/a> | \n <a href=\"https:\/\/fiber-products.com\/de\/impressum\/\" style=\"color: rgba(255,255,255,0.6);\">Impressum<\/a> | \n <a href=\"\/agb\" style=\"color: rgba(255,255,255,0.6);\">AGB<\/a>\n <\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"Article\", \"headline\": \"Professionelle & Modulare Glasfaserl\u00f6sungen f\u00fcr Profis\", \"description\": \"Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products Modulare Glasfaserl\u00f6sungen f\u00fcr Profis Innovative FTTH Splei\u00dfsysteme f\u00fcr Stadtwerke, Telekommunikationsanbieter und Rechenzentren. Als offizieller Produktionspartner fertigt Fiber Products auch DIAMOND Splei\u00dfboxen & Splei\u00dfmodule…\", \"url\": \"https:\/\/fiber-products.com\/de\/\", \"inLanguage\": \"de-DE\", \"author\": {\"@type\": \"Organization\", \"name\": \"Fiber Products GmbH\", \"url\": \"https:\/\/fiber-products.com\"}, \"publisher\": {\"@context\": \"https:\/\/schema.org\", \"@type\": \"Organization\", \"name\": \"Fiber Products GmbH\", \"url\": \"https:\/\/fiber-products.com\", \"logo\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/fiber-products-logo.png\"}, \"mainEntityOfPage\": {\"@type\": \"WebPage\", \"@id\": \"https:\/\/fiber-products.com\/de\/\"}, \"dateModified\": \"2026-03-20T16:56:51\"}<\/script>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"Organization\", \"name\": \"Fiber Products GmbH\", \"url\": \"https:\/\/fiber-products.com\", \"logo\": \"https:\/\/fiber-products.com\/wp-content\/uploads\/fiber-products-logo.png\"}<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products Modulare Glasfaserl\u00f6sungen f\u00fcr Profis Innovative FTTH Splei\u00dfsysteme f\u00fcr Stadtwerke, Telekommunikationsanbieter und Rechenzentren. Als offizieller Produktionspartner fertigt Fiber Products auch DIAMOND Splei\u00dfboxen & Splei\u00dfmodule…<\/p>\n","protected":false},"author":1,"featured_media":9589,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","rank_math_title":"Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products","rank_math_description":"Modulare Glasfaserl\u00f6sungen f\u00fcr Stadtwerke, Carrier, Rechenzentren und Industrie: Splei\u00dfmodule, Splei\u00dfboxen, Zubeh\u00f6r \u2013 Made in Europe, 5 Jahre Garantie.","rank_math_focus_keyword":"modulare Glasfaserl\u00f6sungen","rank_math_canonical_url":"","rank_math_robots":[],"_fp_is_pillar":"","_fp_pillar_topic":"","footnotes":""},"class_list":["post-3532","page","type-page","status-publish","has-post-thumbnail","hentry"],"lang":"de","translations":{"de":3532,"en":5039},"uagb_featured_image_src":{"full":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-150x150.webp?wsr",150,150,true],"medium":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-300x225.webp?wsr",300,225,true],"medium_large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-768x576.webp?wsr",768,576,true],"large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"1536x1536":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"2048x2048":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb.webp?wsr",840,630,false],"woocommerce_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-300x300.webp?wsr",300,300,true],"woocommerce_single":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-600x450.webp?wsr",600,450,true],"woocommerce_gallery_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/csm_Patchpanel-1HE_5ba396c2fb-100x100.webp?wsr",100,100,true]},"uagb_author_info":{"display_name":"Fiber Products GmbH","author_link":"https:\/\/fiber-products.com\/de\/author\/wpusername3873\/"},"uagb_comment_info":0,"uagb_excerpt":"Modulare Glasfaserl\u00f6sungen f\u00fcr Profis | Fiber Products Modulare Glasfaserl\u00f6sungen f\u00fcr Profis Innovative FTTH Splei\u00dfsysteme f\u00fcr Stadtwerke, Telekommunikationsanbieter und Rechenzentren. Als offizieller Produktionspartner fertigt Fiber Products auch DIAMOND Splei\u00dfboxen & Splei\u00dfmodule...","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/comments?post=3532"}],"version-history":[{"count":63,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3532\/revisions"}],"predecessor-version":[{"id":10326,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3532\/revisions\/10326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media\/9589"}],"wp:attachment":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media?parent=3532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}