Glasfaser Hero Header<\/title>\n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --accent-orange: #FF6B35;\n --accent-orange-hover: #E85D2C;\n --white: #ffffff;\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n }\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n color: var(--white) !important;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero .container {\n position: relative;\n z-index: 1;\n }\n .hero h1 {\n font-size: 3rem !important;\n font-weight: 700 !important;\n margin-bottom: 20px !important;\n line-height: 1.2 !important;\n color: var(--white) !important;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n .hero .subtitle {\n font-size: 1.3rem !important;\n margin-bottom: 40px !important;\n opacity: 0.95 !important;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: rgba(255, 255, 255, 0.95) !important;\n }\n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n }\n .btn-primary {\n padding: 15px 30px !important;\n border-radius: 8px !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n background: var(--accent-orange) !important;\n color: var(--white) !important;\n box-shadow: 0 4px 20px rgba(255, 107, 53, 0.3) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n }\n .btn-primary:hover {\n background: var(--accent-orange-hover) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 30px rgba(255, 107, 53, 0.4) !important;\n color: var(--white) !important;\n }\n\n \/* Zus\u00e4tzliche Schrift-Fixes f\u00fcr alle Textelemente *\/\n .hero h1,\n .hero h2,\n .hero h3,\n .hero h4,\n .hero h5,\n .hero h6,\n .hero p,\n .hero span,\n .hero div {\n color: var(--white) !important;\n }\n\n \/* Spezielle Regel f\u00fcr Subtitel *\/\n .hero p.subtitle {\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.2rem !important;\n }\n \n .hero .subtitle {\n font-size: 1.1rem !important;\n }\n \n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .btn-primary {\n width: 100% !important;\n max-width: 280px !important;\n }\n }\n\n @media (max-width: 480px) {\n .hero {\n padding: 60px 0;\n }\n\n .hero h1 {\n font-size: 1.8rem !important;\n }\n \n .hero .subtitle {\n font-size: 1rem !important;\n }\n\n .container {\n padding: 0 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero\">\n <div class=\"container\">\n <h1>Glasfaser-Komponenten f\u00fcr professionelle Anwendungen<\/h1>\n <p class=\"subtitle\">\n Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie\n <\/p>\n<div class=\"hero-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"btn-primary\">Jetzt beraten lassen<\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"about-seo-section\">\n <div class=\"about-seo-content\">\n <h3>Fiber Products \u2014 Ihr Spezialist f\u00fcr modulare Glasfaser-Komponenten<\/h3>\n <p>\n Seit \u00fcber 30 Jahren entwickelt Fiber Products innovative <strong>Glasfaser-Komponenten<\/strong> und modulare \n <strong>Glasfaser-L\u00f6sungen<\/strong> f\u00fcr professionelle Anwendungen. Als europ\u00e4ischer Hersteller \n von Splei\u00dfsystemen, Hutschienenboxen und ODF-Systemen kombinieren wir deutsche Ingenieurskunst von Produkten welche in Koorperation mit f\u00fchrenden deutschen Unternehmen entwickelt wurden und \n kosteneffizienter europ\u00e4ischer Fertigung. Unsere <strong>Glasfaser-Komponenten<\/strong> erf\u00fcllen h\u00f6chste \n Qualit\u00e4tsstandards und bieten langfristige Zuverl\u00e4ssigkeit f\u00fcr kritische Netzwerkinfrastrukturen.\n <\/p>\n <p>\n Unsere modularen <strong>Glasfaser-Komponenten<\/strong> erm\u00f6glichen es Stadtwerken, Telekommunikationsanbietern \n und Industrieunternehmen, ma\u00dfgeschneiderte Netzwerkinfrastrukturen aufzubauen. Von kompakten 1HE-Systemen \n mit bis zu 96 Fasern bis hin zu hochkapazitiven 4HE-L\u00f6sungen mit 288 Anschl\u00fcssen \u2014 jede \n <strong>Glasfaser-L\u00f6sung<\/strong> wird den spezifischen Anforderungen unserer Kunden angepasst. Die flexiblen \n <strong>Glasfaser-Komponenten<\/strong> unterst\u00fctzen verschiedene Verbindungstypen und erm\u00f6glichen skalierbare \n Netzwerkl\u00f6sungen f\u00fcr unterschiedlichste Einsatzbereiche.\n <\/p>\n <p>\n Die Qualit\u00e4t unserer <strong>Glasfaser-Komponenten<\/strong> wird durch eine 5-Jahres-Garantie unterstrichen \u2014 \n deutlich l\u00e4nger als der Branchenstandard von 2 Jahren. Mit europaweiter Fertigung und kurzen Lieferwegen \n stellen wir sicher, dass Ihre <strong>Glasfaser-L\u00f6sung<\/strong> schnell und zuverl\u00e4ssig geliefert wird. \n Vertrauen Sie auf \u00fcber drei Jahrzehnte Erfahrung in der Entwicklung zukunftssicherer Glasfasertechnologie. \n Jede <strong>Glasfaser-L\u00f6sung<\/strong> von Fiber Products ist das Ergebnis kontinuierlicher Innovation und \n umfassender Praxiserfahrung in anspruchsvollen Netzwerkprojekten.\n <\/p>\n <\/div>\n<\/div>\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}\n\n\/* About SEO Section *\/\n.about-seo-section {\n margin: 80px auto 0;\n padding: 60px 40px;\n max-width: 1200px;\n background: linear-gradient(135deg, var(--primary-light) 0%, rgba(255, 255, 255, 0.5) 100%);\n border-radius: 16px;\n border: 1px solid rgba(20, 87, 163, 0.1);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.about-seo-content h3 {\n color: var(--primary-color);\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 25px;\n text-align: center;\n line-height: 1.3;\n}\n\n.about-seo-content p {\n color: #555;\n font-size: 16px;\n line-height: 1.7;\n margin-bottom: 20px;\n text-align: justify;\n}\n\n.about-seo-content p:last-child {\n margin-bottom: 0;\n}\n\n.about-seo-content strong {\n color: var(--primary-color);\n font-weight: 600;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .about-seo-section {\n margin-top: 60px;\n padding: 40px 20px;\n }\n\n .about-seo-content h3 {\n font-size: 1.5rem;\n }\n\n .about-seo-content p {\n font-size: 15px;\n text-align: left;\n }\n}\n\n@media (max-width: 480px) {\n .about-seo-section {\n margin-top: 40px;\n padding: 30px 15px;\n }\n\n .about-seo-content h3 {\n font-size: 1.3rem;\n }\n\n .about-seo-content p {\n font-size: 14px;\n }\n}\n<\/style>\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 Glasfaser-Komponenten<\/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 kompaktesten Format. Platzsparende L\u00f6sungen f\u00fcr dichte \n Verkabelungsumgebungen mit bis zu 96 Fasern pro H\u00f6heneinheit.\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\/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\/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>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\/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>MBox<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">MieterBox<\/h3>\n <p class=\"product-subtitle\">Mieter\u00fcbergabekasten<\/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=\"#\" 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=\"#\" 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\n \n <div class=\"custom-solutions-section\">\n <div class=\"custom-solution-card\">\n <div class=\"custom-icon\">\n <span>\u2699\ufe0f<\/span>\n <\/div>\n <div class=\"custom-content\">\n <h3 class=\"custom-title\">Ma\u00dfgefertigte Glasfaserl\u00f6sungen<\/h3>\n <p class=\"custom-subtitle\">Individuelle Entwicklung f\u00fcr besondere Anforderungen<\/p>\n <p class=\"custom-description\">\n Speziell f\u00fcr Ihre Anforderungen entwickelte Glasfaserl\u00f6sungen. \n Von kundenspezifischen Geh\u00e4usen bis zu besonderen Konfigurationen \u2014 \n wir realisieren Ihre Vision mit deutscher Ingenieurskunst.\n <\/p>\n <div class=\"custom-features\">\n <span class=\"feature-tag\">Individuelle Geh\u00e4use<\/span>\n <span class=\"feature-tag\">Spezielle Steckertypen<\/span>\n <span class=\"feature-tag\">Kundenspezifische Ma\u00dfe<\/span>\n <span class=\"feature-tag\">Besondere Schutzklassen<\/span>\n <\/div>\n <div class=\"custom-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"custom-link secondary-large\">\n Beratung anfragen\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<!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>Warum Fiber Products?<\/title>\n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --accent-color: #2980b9;\n --white: #ffffff;\n --light-gray: #f8f9fa;\n --gray: #6c757d;\n --dark-gray: #333333;\n --border-color: #e9ecef;\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(--dark-gray);\n background-color: var(--light-gray);\n padding: 20px;\n }\n\n \/* Container - 1200px *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* USP Section *\/\n .usp-section {\n background: var(--white);\n padding: 80px 0;\n border-radius: 12px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\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(--dark-gray);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .usp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n text-align: center;\n }\n\n .usp-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 20px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n background: var(--white);\n }\n\n .usp-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n border-color: var(--primary-color);\n }\n\n .usp-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--white);\n font-size: 1.5rem;\n transition: all 0.3s ease;\n }\n\n .usp-item:hover .usp-icon {\n background: var(--primary-dark);\n transform: scale(1.1);\n }\n\n .usp-title {\n font-weight: 600;\n color: var(--dark-gray);\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n .usp-description {\n color: var(--gray);\n font-size: 0.95rem;\n line-height: 1.6;\n text-align: center;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .usp-section {\n padding: 40px 0;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .usp-grid {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n }\n\n .usp-item {\n padding: 25px 15px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 10px;\n }\n \n .usp-section {\n padding: 30px 0;\n }\n \n .usp-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .usp-item {\n padding: 20px 15px;\n }\n\n .usp-icon {\n width: 50px;\n height: 50px;\n font-size: 1.3rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"usp-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Warum Fiber Products?<\/h2>\n\n\n\n\n <p class=\"section-subtitle\">\n Qualit\u00e4t, Zuverl\u00e4ssigkeit und Service \u2014 darauf k\u00f6nnen Sie sich verlassen\n <\/p>\n <\/div>\n\n <div class=\"usp-grid\">\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\u2713<\/div>\n <h3 class=\"usp-title\">5 Jahre Garantie<\/h3>\n <p class=\"usp-description\">Langfristige Sicherheit f\u00fcr Ihre Investition mit umfassender Herstellergarantie auf alle Komponenten<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\uddea\ud83c\uddfa<\/div>\n <h3 class=\"usp-title\">Made in Europe<\/h3>\n <p class=\"usp-description\">Durch unsere Produktion in Rum\u00e4nien garantieren wir wettbewerbsf\u00e4hige Preise bei Premiumqualit\u00e4t<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83d\udd27<\/div>\n <h3 class=\"usp-title\">Modulare Bauweise<\/h3>\n <p class=\"usp-description\">Flexibel erweiterbar und zukunftssicher \u2014 Module k\u00f6nnen jederzeit getauscht oder erg\u00e4nzt werden<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\u26a1<\/div>\n <h3 class=\"usp-title\">Kurze Lieferzeiten<\/h3>\n <p class=\"usp-description\">Schnelle Verf\u00fcgbarkeit ab Lager mit Express-Versand f\u00fcr dringende Projekte<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\udfaf<\/div>\n <h3 class=\"usp-title\">Ma\u00dfgeschneidert<\/h3>\n <p class=\"usp-description\">Individuelle L\u00f6sungen nach Ihren Anforderungen \u2014 von Sonderfarben bis kompletten Custom-Designs<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83d\udee0\ufe0f<\/div>\n <h3 class=\"usp-title\">Technischer Support<\/h3>\n <p class=\"usp-description\">Mit unseren \u00fcber 30 Jahren Erfahrung k\u00f6nnen wir Ihnen optimalen Support und Beratung bieten<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Add scroll effect to cards\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 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 \/\/ Initialize animations\n document.addEventListener('DOMContentLoaded', function() {\n const items = document.querySelectorAll('.usp-item');\n items.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(30px)';\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\n \/\/ Enhanced hover effects\n document.querySelectorAll('.usp-item').forEach(item => {\n item.addEventListener('mouseenter', function() {\n const icon = this.querySelector('.usp-icon');\n if (icon) {\n icon.style.transform = 'scale(1.1)';\n icon.style.transition = 'all 0.3s ease';\n }\n });\n \n item.addEventListener('mouseleave', function() {\n const icon = this.querySelector('.usp-icon');\n if (icon) {\n icon.style.transform = 'scale(1)';\n }\n });\n });\n <\/script>\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>CTA Element \u2014 Produktseite<\/title>\n \n <style>\n \/* Fiber Products CTA Variables *\/\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-gradient: linear-gradient(135deg, #1457a3 0%, #0a3672 100%);\n --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f5f5f5;\n padding: 20px;\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: var(--primary-gradient);\n color: #ffffff;\n text-align: center;\n padding: 60px 40px;\n border-radius: 16px;\n margin: 60px 0;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n opacity: 0.5;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-title {\n font-size: 36px;\n margin-bottom: 20px;\n color: #ffffff !important;\n font-weight: 700;\n line-height: 1.2;\n }\n\n .cta-description {\n font-size: 20px;\n margin-bottom: 30px;\n opacity: 0.95;\n line-height: 1.6;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-button {\n display: inline-block;\n background: #ffffff;\n color: var(--primary-color);\n padding: 16px 40px;\n font-size: 18px;\n font-weight: 600;\n text-decoration: none;\n border-radius: 8px;\n transition: var(--transition-smooth);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\n color: var(--primary-color);\n background: rgba(255, 255, 255, 0.95);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .cta-section {\n padding: 40px 25px;\n }\n \n .cta-title {\n font-size: 28px;\n }\n \n .cta-description {\n font-size: 18px;\n }\n \n .cta-button {\n padding: 14px 30px;\n font-size: 16px;\n }\n }\n\n @media (max-width: 480px) {\n .cta-title {\n font-size: 24px;\n }\n \n .cta-description {\n font-size: 16px;\n }\n \n .cta-button {\n padding: 12px 25px;\n font-size: 14px;\n width: 100%;\n max-width: 300px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n \n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Individuelle Glasfaser-L\u00f6sung gesucht?<\/h2>\n<p class=\"fp-inline-links\">Passende Systembereiche: <a href=\"https:\/\/fiber-products.com\/de\/diamond-sa-partner\/\">DIAMOND \/ E2000<\/a>, <a href=\"https:\/\/fiber-products.com\/de\/3he-odf-system-varioconnect\/\">VarioConnect ODF-Systeme<\/a> und <a href=\"https:\/\/fiber-products.com\/de\/glasfaser-zubehor-erweiterungen\/\">Zubeh\u00f6r & Erweiterungen<\/a>.<\/p>\n\n <p class=\"cta-description\">\n Lassen Sie uns gemeinsam die perfekte Glasfaser-L\u00f6sung f\u00fcr Ihr Projekt entwickeln. Von der ersten Beratung bis zur Lieferung \u2013 wir begleiten Sie mit Expertise und ma\u00dfgeschneiderten Komponenten.\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"cta-button\">Kostenlose Beratung anfragen<\/a>\n <\/div>\n <\/section>\n <\/div>\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>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>Glasfaser News Blog-Sektion<\/title>\n <style>\n \/* Blog Card Styles *\/\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 object-fit: cover;\n background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n font-size: 36px;\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: 15px;\n margin-bottom: 12px;\n font-size: 12px;\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: 3px 8px;\n border-radius: 12px;\n font-size: 10px;\n font-weight: 600;\n }\n\n .blog-post-title {\n color: #1457a3;\n font-size: 18px;\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: 20px;\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: 14px;\n transition: all 0.3s ease;\n margin-top: auto;\n }\n\n .blog-post-read-more:hover {\n color: #0a3672;\n transform: translateX(5px);\n }\n\n .blog-post-read-more::after {\n content: '\u2192';\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n\n .blog-post-read-more:hover::after {\n transform: translateX(3px);\n }\n\n \/* Loading Animation *\/\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 \/* Section Styling *\/\n .glasfaser-news-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .section-title {\n color: #1457a3;\n font-size: 36px;\n margin-bottom: 20px;\n font-weight: 700;\n }\n\n .section-subtitle {\n color: #666666;\n font-size: 18px;\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1240px) {\n #glasfaser-news-posts {\n max-width: 100%;\n margin: 0;\n }\n }\n \n @media (max-width: 768px) {\n #glasfaser-news-posts {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .blog-post-card {\n margin-bottom: 15px;\n }\n\n .blog-post-content {\n padding: 15px;\n }\n\n .section-title {\n font-size: 28px;\n }\n\n .section-subtitle {\n font-size: 16px;\n }\n }\n \n @media (max-width: 1024px) {\n #glasfaser-news-posts {\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n }\n }\n\n \/* Link Styling *\/\n .all-articles-link {\n text-align: center;\n margin-top: 30px;\n padding-top: 20px;\n border-top: 2px solid rgba(20, 87, 163, 0.1);\n }\n\n .all-articles-link a {\n display: inline-block;\n background: #1457a3;\n color: #ffffff;\n padding: 12px 24px;\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .all-articles-link a:hover {\n background: #0a3672;\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(20, 87, 163, 0.3);\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"glasfaser-news-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Aktuelle News aus der Glasfaser-Branche<\/h2>\n <p class=\"section-subtitle\">\n Bleiben Sie auf dem Laufenden: Marktentwicklungen, Technologie-Trends und Branchennews f\u00fcr Glasfaser-Profis.\n <\/p>\n <\/div>\n\n \n <div id=\"glasfaser-news-posts\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px;\">\n \n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\ud83d\udcf0<\/div>\n <p>Lade aktuelle Glasfaser-News…<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"all-articles-link\">\n <a href=\"\/blog\/kategorie\/glasfaser-news\">Alle News ansehen<\/a>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Konfiguration - DIESE WERTE M\u00dcSSEN ANGEPASST WERDEN\n const GLASFASER_NEWS_CONFIG = {\n \/\/ Option 1: Kategorie-ID verwenden (empfohlen)\n categoryId: null, \/\/ Ersetzen Sie durch die tats\u00e4chliche ID\n \n \/\/ Option 2: Kategorie-Slug verwenden (falls ID nicht bekannt)\n categorySlug: 'glasfaser-news', \/\/ Ersetzen Sie durch den tats\u00e4chlichen Slug\n \n \/\/ Alternative Slugs f\u00fcr die Suche\n alternativeSlugs: ['news', 'branchennews', 'markt', 'technologie-news', 'glasfaser-markt', 'fiber-news', 'telekommunikation-news'],\n \n \/\/ WordPress-Basis-URL (normalerweise automatisch erkannt)\n baseUrl: window.location.origin\n };\n\n \/\/ WordPress Posts laden\n async function loadGlasfaserNewsBlogs(count = 3) {\n const postsContainer = document.getElementById('glasfaser-news-posts');\n \n \/\/ Loading Spinner anzeigen\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px;\">\n <div class=\"loading-spinner\"><\/div>\n <p style=\"color: #666666;\">Lade aktuelle Glasfaser-News...<\/p>\n <\/div>\n `;\n \n try {\n \/\/ Erst verf\u00fcgbare Kategorien laden, um die korrekte ID zu finden\n const categoriesResponse = await fetch(`${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/categories?search=news&per_page=20`);\n let categoryId = GLASFASER_NEWS_CONFIG.categoryId;\n \n if (!categoryId && categoriesResponse.ok) {\n const categories = await categoriesResponse.json();\n \n \/\/ Priorit\u00e4tsliste f\u00fcr Kategorie-Suche\n const searchTerms = [\n GLASFASER_NEWS_CONFIG.categorySlug,\n ...GLASFASER_NEWS_CONFIG.alternativeSlugs,\n 'news', 'branchennews', 'markt', 'technologie', 'glasfaser'\n ];\n \n let foundCategory = null;\n for (const term of searchTerms) {\n foundCategory = categories.find(cat => \n cat.slug === term || \n cat.name.toLowerCase().includes(term.toLowerCase())\n );\n if (foundCategory) break;\n }\n \n if (foundCategory) {\n categoryId = foundCategory.id;\n console.log('Glasfaser News Kategorie gefunden:', foundCategory);\n }\n }\n \n if (!categoryId) {\n \/\/ Fallback: Alle Posts laden und nach Keywords filtern\n return await loadPostsByKeywords(count);\n }\n \n \/\/ Posts mit der korrekten Kategorie-ID laden\n const postsUrl = `${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/posts?categories=${categoryId}&per_page=${count}&_embed&status=publish&orderby=date&order=desc`;\n console.log('Lade Posts von:', postsUrl);\n \n const response = await fetch(postsUrl);\n \n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: Posts konnten nicht geladen werden`);\n }\n \n const posts = await response.json();\n console.log('Geladene Posts:', posts);\n \n if (posts.length === 0) {\n \/\/ Fallback: Nach Keywords suchen\n return await loadPostsByKeywords(count);\n }\n \n \/\/ Posts nach Featured Image sortieren (mit Bild zuerst)\n const sortedPosts = posts.sort((a, b) => {\n const aHasImage = a._embedded && a._embedded['wp:featuredmedia'] && a._embedded['wp:featuredmedia'][0];\n const bHasImage = b._embedded && b._embedded['wp:featuredmedia'] && b._embedded['wp:featuredmedia'][0];\n \n if (aHasImage && !bHasImage) return -1;\n if (!aHasImage && bHasImage) return 1;\n \n return new Date(b.date) - new Date(a.date);\n });\n \n \/\/ Posts rendern\n postsContainer.innerHTML = sortedPosts.map(post => createBlogCard(post)).join('');\n \n } catch (error) {\n console.error('Fehler beim Laden der Blog-Posts:', error);\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\u26a0\ufe0f<\/div>\n <p>News k\u00f6nnen momentan nicht geladen werden.<\/p>\n <small style=\"display: block; margin: 10px 0; color: #999;\">${error.message}<\/small>\n <button onclick=\"loadGlasfaserNewsBlogs(3)\" style=\"background: #1457a3; color: white; border: none; padding: 10px 20px; border-radius: 5px; margin-top: 15px; cursor: pointer;\">\n Erneut versuchen\n <\/button>\n <br><br>\n <button onclick=\"debugWordPressAPI()\" style=\"background: #666; color: white; border: none; padding: 8px 16px; border-radius: 5px; font-size: 12px; cursor: pointer;\">\n API Debug-Info anzeigen\n <\/button>\n <\/div>\n `;\n }\n }\n\n \/\/ Fallback: Posts nach Keywords laden\n async function loadPostsByKeywords(count = 3) {\n const keywords = ['glasfaser', 'fiber', 'breitband', 'telekommunikation', 'netzausbau', 'ftth', 'glasfasermarkt', 'telco', 'backbone', 'datacenter'];\n const postsContainer = document.getElementById('glasfaser-news-posts');\n \n try {\n \/\/ Suche nach verschiedenen Keywords\n let allRelevantPosts = [];\n \n for (const keyword of keywords) {\n const searchUrl = `${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/posts?search=${keyword}&per_page=10&_embed&status=publish`;\n const response = await fetch(searchUrl);\n \n if (response.ok) {\n const posts = await response.json();\n allRelevantPosts = [...allRelevantPosts, ...posts];\n }\n }\n \n \/\/ Duplikate entfernen\n const uniquePosts = allRelevantPosts.filter((post, index, self) => \n index === self.findIndex(p => p.id === post.id)\n );\n \n \/\/ Nach Datum sortieren, Posts mit Bildern bevorzugen und begrenzen\n const sortedPosts = uniquePosts\n .sort((a, b) => {\n \/\/ Erst nach Featured Image sortieren (Posts mit Bild bevorzugen)\n const aHasImage = a._embedded && a._embedded['wp:featuredmedia'] && a._embedded['wp:featuredmedia'][0];\n const bHasImage = b._embedded && b._embedded['wp:featuredmedia'] && b._embedded['wp:featuredmedia'][0];\n \n if (aHasImage && !bHasImage) return -1;\n if (!aHasImage && bHasImage) return 1;\n \n \/\/ Dann nach Datum sortieren\n return new Date(b.date) - new Date(a.date);\n })\n .slice(0, count);\n \n if (sortedPosts.length === 0) {\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\ud83d\udd0d<\/div>\n <p>Noch keine Glasfaser-News verf\u00fcgbar.<\/p>\n <small>Suchbegriffe: ${keywords.join(', ')}<\/small>\n <\/div>\n `;\n return;\n }\n \n \/\/ Posts rendern\n postsContainer.innerHTML = sortedPosts.map(post => createBlogCard(post)).join('');\n \n } catch (error) {\n console.error('Fehler beim Suchen nach Keywords:', error);\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\u274c<\/div>\n <p>Keyword-Suche fehlgeschlagen: ${error.message}<\/p>\n <\/div>\n `;\n }\n }\n\n \/\/ Debug-Funktion f\u00fcr WordPress API\n async function debugWordPressAPI() {\n const debugContainer = document.getElementById('glasfaser-news-posts');\n \n try {\n \/\/ Alle Kategorien abrufen\n const categoriesResponse = await fetch(`${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/categories?per_page=100`);\n const categories = await categoriesResponse.json();\n \n \/\/ Aktuelle Posts abrufen (ohne Kategorie-Filter)\n const postsResponse = await fetch(`${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/posts?per_page=10&_embed`);\n const allPosts = await postsResponse.json();\n \n \/\/ Relevante Kategorien filtern\n const relevantCategories = categories.filter(cat => \n cat.name.toLowerCase().includes('news') ||\n cat.name.toLowerCase().includes('glasfaser') ||\n cat.name.toLowerCase().includes('markt') ||\n cat.name.toLowerCase().includes('branche') ||\n cat.slug.includes('news') ||\n cat.slug.includes('glasfaser')\n );\n \n debugContainer.innerHTML = `\n <div style=\"text-align: left; grid-column: 1 \/ -1; padding: 20px; background: #f8f9fa; border-radius: 8px; font-family: monospace; font-size: 12px;\">\n <h3>WordPress API Debug-Informationen f\u00fcr Glasfaser News<\/h3>\n \n <h4>Relevante Kategorien gefunden:<\/h4>\n <ul style=\"max-height: 200px; overflow-y: auto;\">\n ${relevantCategories.length > 0 \n ? relevantCategories.map(cat => `<li><strong>${cat.name}<\/strong> (ID: ${cat.id}, Slug: ${cat.slug})<\/li>`).join('')\n : '<li>Keine relevanten Kategorien gefunden<\/li>'\n }\n <\/ul>\n \n <h4>Alle verf\u00fcgbaren Kategorien:<\/h4>\n <ul style=\"max-height: 200px; overflow-y: auto;\">\n ${categories.map(cat => `<li><strong>${cat.name}<\/strong> (ID: ${cat.id}, Slug: ${cat.slug})<\/li>`).join('')}\n <\/ul>\n \n <h4>Aktuelle Posts (letzte 10):<\/h4>\n <ul style=\"max-height: 200px; overflow-y: auto;\">\n ${allPosts.map(post => {\n const postCategories = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] \n ? post._embedded['wp:term'][0].map(cat => cat.name).join(', ')\n : 'Keine Kategorien';\n return `<li><strong>${post.title.rendered}<\/strong><br>Kategorien: ${postCategories}<\/li>`;\n }).join('')}\n <\/ul>\n \n <button onclick=\"loadGlasfaserNewsBlogs(3)\" style=\"background: #1457a3; color: white; border: none; padding: 10px 20px; border-radius: 5px; margin-top: 15px; cursor: pointer;\">\n Zur\u00fcck zu normaler Ansicht\n <\/button>\n <\/div>\n `;\n \n } catch (error) {\n debugContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <p>Debug-Informationen konnten nicht geladen werden: ${error.message}<\/p>\n <\/div>\n `;\n }\n }\n\n function createBlogCard(post) {\n \/\/ Excerpt k\u00fcrzen auf max. 200 Zeichen\n const excerpt = stripHtml(post.excerpt.rendered);\n const truncatedExcerpt = excerpt.length > 200 \n ? excerpt.substring(0, 200).trim() + '...' \n : excerpt;\n \n \/\/ Featured Image oder Fallback\n const featuredImage = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]\n ? post._embedded['wp:featuredmedia'][0].source_url \n : null;\n \n \/\/ Kategorie aus _embedded extrahieren\n const category = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]\n ? post._embedded['wp:term'][0][0].name\n : 'Glasfaser News';\n \n \/\/ Datum formatieren\n const postDate = new Date(post.date).toLocaleDateString('de-DE', {\n year: 'numeric',\n month: 'long', \n day: 'numeric'\n });\n \n return `\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\" style=\"${featuredImage ? `background-image: url('${featuredImage}'); background-size: cover; background-position: center;` : 'background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 36px;'}\">\n ${!featuredImage ? '\ud83d\udcf0' : ''}\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\">News 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 \/\/ Posts beim Laden der Seite abrufen\n document.addEventListener('DOMContentLoaded', function() {\n loadGlasfaserNewsBlogs(3); \/\/ 3 Posts laden\n });\n <\/script>\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 \n\n<section style=\"padding: 60px 20px; background: #f0f4f8;\">\n <div style=\"max-width: 900px; margin: 0 auto;\">\n <div style=\"background: linear-gradient(135deg, #1a3a5c 0%, #2563eb 100%); border-radius: 12px; padding: 48px 40px; text-align: center;\">\n <h2 style=\"color: #ffffff; font-size: 1.75em; margin-bottom: 12px; margin-top: 0;\">Jetzt Beratung anfragen<\/h2>\n <p style=\"color: #e2e8f0; margin-bottom: 28px; font-size: 1.05em; max-width: 600px; margin-left: auto; margin-right: auto;\">Unsere Experten beraten Sie zu modularen Glasfaserloesungen fuer Ihren spezifischen Einsatzbereich \u2014 schnell, persoenlich und unverbindlich.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" style=\"background: #ffffff; color: #1a3a5c; padding: 14px 36px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 1.05em; display: inline-block;\">Beratung anfragen →<\/a>\n <\/div>\n <\/div>\n<\/section>\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=\"\/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\": \"Glasfaser Komponenten\", \"description\": \"Glasfaser Hero Header Glasfaser-Komponenten f\u00fcr professionelle Anwendungen Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie Jetzt beraten lassen Fiber Products \u2014 Ihr Spezialist f\u00fcr…\", \"url\": \"https:\/\/fiber-products.com\/de\/glasfaser-komponenten\/\", \"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\/glasfaser-komponenten\/\"}, \"dateModified\": \"2026-03-05T04:16:38\"}<\/script>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Warum Fiber Products?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Qualit\u00e4t, Zuverl\u00e4ssigkeit und Service \u2014 darauf k\u00f6nnen Sie sich verlassen\"}}, {\"@type\": \"Question\", \"name\": \"Individuelle Glasfaser-L\u00f6sung gesucht?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Passende Systembereiche: DIAMOND \/ E2000 , VarioConnect ODF-Systeme und Zubeh\u00f6r & Erweiterungen . Lassen Sie uns gemeinsam die perfekte Glasfaser-L\u00f6sung f\u00fcr Ihr Projekt entwickeln. Von der ersten Beratung bis zur Lieferung \u2013 wir begleiten Sie mit Expertise und ma\u00dfgeschneiderten Komponenten.\"}}]}<\/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>Glasfaser Hero Header Glasfaser-Komponenten f\u00fcr professionelle Anwendungen Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie Jetzt beraten lassen Fiber Products \u2014 Ihr Spezialist f\u00fcr…<\/p>\n","protected":false},"author":1,"featured_media":9998,"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":"Glasfaser-Komponenten (B2B): Splei\u00dfboxen & Module | DACH","rank_math_description":"Glasfaser-Komponenten f\u00fcr professionelle Netze: Splei\u00dfmodule, Splei\u00dfboxen, Frontmodule, Pigtails & Adapter. Europ\u00e4ische Fertigung, 5 Jahre Garantie.","rank_math_focus_keyword":"Glasfaser-Komponenten","rank_math_canonical_url":"","rank_math_robots":[],"_fp_is_pillar":"1","_fp_pillar_topic":"produkt-komponenten","footnotes":""},"class_list":["post-3700","page","type-page","status-publish","has-post-thumbnail","hentry"],"lang":"de","translations":{"de":3700,"en":5051},"uagb_featured_image_src":{"full":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite.webp?wsr",1600,1600,false],"thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-150x150.webp?wsr",150,150,true],"medium":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-300x300.webp?wsr",300,300,true],"medium_large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-768x768.webp?wsr",768,768,true],"large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-1024x1024.webp?wsr",1024,1024,true],"1536x1536":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-1536x1536.webp?wsr",1536,1536,true],"2048x2048":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite.webp?wsr",1600,1600,false],"woocommerce_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-300x300.webp?wsr",300,300,true],"woocommerce_single":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-600x600.webp?wsr",600,600,true],"woocommerce_gallery_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-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":"Glasfaser Hero Header Glasfaser-Komponenten f\u00fcr professionelle Anwendungen Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie Jetzt beraten lassen Fiber Products \u2014 Ihr Spezialist f\u00fcr...","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3700","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=3700"}],"version-history":[{"count":39,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3700\/revisions"}],"predecessor-version":[{"id":10325,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3700\/revisions\/10325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media\/9998"}],"wp:attachment":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media?parent=3700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3700,"date":"2025-08-02T16:39:24","date_gmt":"2025-08-02T16:39:24","guid":{"rendered":"https:\/\/fiber-products.com\/?page_id=3700"},"modified":"2026-04-30T05:58:54","modified_gmt":"2026-04-30T05:58:54","slug":"glasfaser-komponenten","status":"publish","type":"page","link":"https:\/\/fiber-products.com\/de\/glasfaser-komponenten\/","title":{"rendered":"Glasfaser Komponenten"},"content":{"rendered":"\n\n\n\n \n \n Glasfaser Hero Header<\/title>\n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --accent-orange: #FF6B35;\n --accent-orange-hover: #E85D2C;\n --white: #ffffff;\n }\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n body {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n line-height: 1.6;\n }\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n color: var(--white) !important;\n padding: 80px 0;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n }\n .hero .container {\n position: relative;\n z-index: 1;\n }\n .hero h1 {\n font-size: 3rem !important;\n font-weight: 700 !important;\n margin-bottom: 20px !important;\n line-height: 1.2 !important;\n color: var(--white) !important;\n text-shadow: 0 2px 4px rgba(0,0,0,0.3);\n }\n .hero .subtitle {\n font-size: 1.3rem !important;\n margin-bottom: 40px !important;\n opacity: 0.95 !important;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n color: rgba(255, 255, 255, 0.95) !important;\n }\n .hero-buttons {\n display: flex;\n gap: 20px;\n justify-content: center;\n flex-wrap: wrap;\n }\n .btn-primary {\n padding: 15px 30px !important;\n border-radius: 8px !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s ease !important;\n border: 2px solid transparent !important;\n background: var(--accent-orange) !important;\n color: var(--white) !important;\n box-shadow: 0 4px 20px rgba(255, 107, 53, 0.3) !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n }\n .btn-primary:hover {\n background: var(--accent-orange-hover) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 8px 30px rgba(255, 107, 53, 0.4) !important;\n color: var(--white) !important;\n }\n\n \/* Zus\u00e4tzliche Schrift-Fixes f\u00fcr alle Textelemente *\/\n .hero h1,\n .hero h2,\n .hero h3,\n .hero h4,\n .hero h5,\n .hero h6,\n .hero p,\n .hero span,\n .hero div {\n color: var(--white) !important;\n }\n\n \/* Spezielle Regel f\u00fcr Subtitel *\/\n .hero p.subtitle {\n color: rgba(255, 255, 255, 0.95) !important;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2.2rem !important;\n }\n \n .hero .subtitle {\n font-size: 1.1rem !important;\n }\n \n .hero-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .btn-primary {\n width: 100% !important;\n max-width: 280px !important;\n }\n }\n\n @media (max-width: 480px) {\n .hero {\n padding: 60px 0;\n }\n\n .hero h1 {\n font-size: 1.8rem !important;\n }\n \n .hero .subtitle {\n font-size: 1rem !important;\n }\n\n .container {\n padding: 0 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"hero\">\n <div class=\"container\">\n <h1>Glasfaser-Komponenten f\u00fcr professionelle Anwendungen<\/h1>\n <p class=\"subtitle\">\n Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie\n <\/p>\n<div class=\"hero-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"btn-primary\">Jetzt beraten lassen<\/a>\n <\/div>\n <\/div>\n <\/section>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"about-seo-section\">\n <div class=\"about-seo-content\">\n <h3>Fiber Products \u2014 Ihr Spezialist f\u00fcr modulare Glasfaser-Komponenten<\/h3>\n <p>\n Seit \u00fcber 30 Jahren entwickelt Fiber Products innovative <strong>Glasfaser-Komponenten<\/strong> und modulare \n <strong>Glasfaser-L\u00f6sungen<\/strong> f\u00fcr professionelle Anwendungen. Als europ\u00e4ischer Hersteller \n von Splei\u00dfsystemen, Hutschienenboxen und ODF-Systemen kombinieren wir deutsche Ingenieurskunst von Produkten welche in Koorperation mit f\u00fchrenden deutschen Unternehmen entwickelt wurden und \n kosteneffizienter europ\u00e4ischer Fertigung. Unsere <strong>Glasfaser-Komponenten<\/strong> erf\u00fcllen h\u00f6chste \n Qualit\u00e4tsstandards und bieten langfristige Zuverl\u00e4ssigkeit f\u00fcr kritische Netzwerkinfrastrukturen.\n <\/p>\n <p>\n Unsere modularen <strong>Glasfaser-Komponenten<\/strong> erm\u00f6glichen es Stadtwerken, Telekommunikationsanbietern \n und Industrieunternehmen, ma\u00dfgeschneiderte Netzwerkinfrastrukturen aufzubauen. Von kompakten 1HE-Systemen \n mit bis zu 96 Fasern bis hin zu hochkapazitiven 4HE-L\u00f6sungen mit 288 Anschl\u00fcssen \u2014 jede \n <strong>Glasfaser-L\u00f6sung<\/strong> wird den spezifischen Anforderungen unserer Kunden angepasst. Die flexiblen \n <strong>Glasfaser-Komponenten<\/strong> unterst\u00fctzen verschiedene Verbindungstypen und erm\u00f6glichen skalierbare \n Netzwerkl\u00f6sungen f\u00fcr unterschiedlichste Einsatzbereiche.\n <\/p>\n <p>\n Die Qualit\u00e4t unserer <strong>Glasfaser-Komponenten<\/strong> wird durch eine 5-Jahres-Garantie unterstrichen \u2014 \n deutlich l\u00e4nger als der Branchenstandard von 2 Jahren. Mit europaweiter Fertigung und kurzen Lieferwegen \n stellen wir sicher, dass Ihre <strong>Glasfaser-L\u00f6sung<\/strong> schnell und zuverl\u00e4ssig geliefert wird. \n Vertrauen Sie auf \u00fcber drei Jahrzehnte Erfahrung in der Entwicklung zukunftssicherer Glasfasertechnologie. \n Jede <strong>Glasfaser-L\u00f6sung<\/strong> von Fiber Products ist das Ergebnis kontinuierlicher Innovation und \n umfassender Praxiserfahrung in anspruchsvollen Netzwerkprojekten.\n <\/p>\n <\/div>\n<\/div>\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}\n\n\/* About SEO Section *\/\n.about-seo-section {\n margin: 80px auto 0;\n padding: 60px 40px;\n max-width: 1200px;\n background: linear-gradient(135deg, var(--primary-light) 0%, rgba(255, 255, 255, 0.5) 100%);\n border-radius: 16px;\n border: 1px solid rgba(20, 87, 163, 0.1);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.about-seo-content h3 {\n color: var(--primary-color);\n font-size: 1.8rem;\n font-weight: 700;\n margin-bottom: 25px;\n text-align: center;\n line-height: 1.3;\n}\n\n.about-seo-content p {\n color: #555;\n font-size: 16px;\n line-height: 1.7;\n margin-bottom: 20px;\n text-align: justify;\n}\n\n.about-seo-content p:last-child {\n margin-bottom: 0;\n}\n\n.about-seo-content strong {\n color: var(--primary-color);\n font-weight: 600;\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .about-seo-section {\n margin-top: 60px;\n padding: 40px 20px;\n }\n\n .about-seo-content h3 {\n font-size: 1.5rem;\n }\n\n .about-seo-content p {\n font-size: 15px;\n text-align: left;\n }\n}\n\n@media (max-width: 480px) {\n .about-seo-section {\n margin-top: 40px;\n padding: 30px 15px;\n }\n\n .about-seo-content h3 {\n font-size: 1.3rem;\n }\n\n .about-seo-content p {\n font-size: 14px;\n }\n}\n<\/style>\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 Glasfaser-Komponenten<\/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 kompaktesten Format. Platzsparende L\u00f6sungen f\u00fcr dichte \n Verkabelungsumgebungen mit bis zu 96 Fasern pro H\u00f6heneinheit.\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\/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\/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>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\/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>MBox<\/span>\n <\/div>\n <div class=\"product-content\">\n <h3 class=\"product-title\">MieterBox<\/h3>\n <p class=\"product-subtitle\">Mieter\u00fcbergabekasten<\/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=\"#\" 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=\"#\" 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\n \n <div class=\"custom-solutions-section\">\n <div class=\"custom-solution-card\">\n <div class=\"custom-icon\">\n <span>\u2699\ufe0f<\/span>\n <\/div>\n <div class=\"custom-content\">\n <h3 class=\"custom-title\">Ma\u00dfgefertigte Glasfaserl\u00f6sungen<\/h3>\n <p class=\"custom-subtitle\">Individuelle Entwicklung f\u00fcr besondere Anforderungen<\/p>\n <p class=\"custom-description\">\n Speziell f\u00fcr Ihre Anforderungen entwickelte Glasfaserl\u00f6sungen. \n Von kundenspezifischen Geh\u00e4usen bis zu besonderen Konfigurationen \u2014 \n wir realisieren Ihre Vision mit deutscher Ingenieurskunst.\n <\/p>\n <div class=\"custom-features\">\n <span class=\"feature-tag\">Individuelle Geh\u00e4use<\/span>\n <span class=\"feature-tag\">Spezielle Steckertypen<\/span>\n <span class=\"feature-tag\">Kundenspezifische Ma\u00dfe<\/span>\n <span class=\"feature-tag\">Besondere Schutzklassen<\/span>\n <\/div>\n <div class=\"custom-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"custom-link secondary-large\">\n Beratung anfragen\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<!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>Warum Fiber Products?<\/title>\n <style>\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --accent-color: #2980b9;\n --white: #ffffff;\n --light-gray: #f8f9fa;\n --gray: #6c757d;\n --dark-gray: #333333;\n --border-color: #e9ecef;\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(--dark-gray);\n background-color: var(--light-gray);\n padding: 20px;\n }\n\n \/* Container - 1200px *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* USP Section *\/\n .usp-section {\n background: var(--white);\n padding: 80px 0;\n border-radius: 12px;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\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(--dark-gray);\n margin-bottom: 20px;\n }\n\n .section-subtitle {\n font-size: 1.2rem;\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n\n .usp-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 40px;\n text-align: center;\n }\n\n .usp-item {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 30px 20px;\n border-radius: 12px;\n transition: all 0.3s ease;\n border: 1px solid var(--border-color);\n background: var(--white);\n }\n\n .usp-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n border-color: var(--primary-color);\n }\n\n .usp-icon {\n width: 60px;\n height: 60px;\n background: var(--primary-color);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n color: var(--white);\n font-size: 1.5rem;\n transition: all 0.3s ease;\n }\n\n .usp-item:hover .usp-icon {\n background: var(--primary-dark);\n transform: scale(1.1);\n }\n\n .usp-title {\n font-weight: 600;\n color: var(--dark-gray);\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n .usp-description {\n color: var(--gray);\n font-size: 0.95rem;\n line-height: 1.6;\n text-align: center;\n }\n\n \/* Responsive *\/\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .usp-section {\n padding: 40px 0;\n }\n \n .section-title {\n font-size: 2rem;\n }\n \n .usp-grid {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 25px;\n }\n\n .usp-item {\n padding: 25px 15px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 10px;\n }\n \n .usp-section {\n padding: 30px 0;\n }\n \n .usp-grid {\n grid-template-columns: 1fr;\n gap: 20px;\n }\n\n .usp-item {\n padding: 20px 15px;\n }\n\n .usp-icon {\n width: 50px;\n height: 50px;\n font-size: 1.3rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"usp-section\">\n <div class=\"container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Warum Fiber Products?<\/h2>\n\n\n\n\n <p class=\"section-subtitle\">\n Qualit\u00e4t, Zuverl\u00e4ssigkeit und Service \u2014 darauf k\u00f6nnen Sie sich verlassen\n <\/p>\n <\/div>\n\n <div class=\"usp-grid\">\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\u2713<\/div>\n <h3 class=\"usp-title\">5 Jahre Garantie<\/h3>\n <p class=\"usp-description\">Langfristige Sicherheit f\u00fcr Ihre Investition mit umfassender Herstellergarantie auf alle Komponenten<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\uddea\ud83c\uddfa<\/div>\n <h3 class=\"usp-title\">Made in Europe<\/h3>\n <p class=\"usp-description\">Durch unsere Produktion in Rum\u00e4nien garantieren wir wettbewerbsf\u00e4hige Preise bei Premiumqualit\u00e4t<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83d\udd27<\/div>\n <h3 class=\"usp-title\">Modulare Bauweise<\/h3>\n <p class=\"usp-description\">Flexibel erweiterbar und zukunftssicher \u2014 Module k\u00f6nnen jederzeit getauscht oder erg\u00e4nzt werden<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\u26a1<\/div>\n <h3 class=\"usp-title\">Kurze Lieferzeiten<\/h3>\n <p class=\"usp-description\">Schnelle Verf\u00fcgbarkeit ab Lager mit Express-Versand f\u00fcr dringende Projekte<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83c\udfaf<\/div>\n <h3 class=\"usp-title\">Ma\u00dfgeschneidert<\/h3>\n <p class=\"usp-description\">Individuelle L\u00f6sungen nach Ihren Anforderungen \u2014 von Sonderfarben bis kompletten Custom-Designs<\/p>\n <\/div>\n\n <div class=\"usp-item\">\n <div class=\"usp-icon\">\ud83d\udee0\ufe0f<\/div>\n <h3 class=\"usp-title\">Technischer Support<\/h3>\n <p class=\"usp-description\">Mit unseren \u00fcber 30 Jahren Erfahrung k\u00f6nnen wir Ihnen optimalen Support und Beratung bieten<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Add scroll effect to cards\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 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 \/\/ Initialize animations\n document.addEventListener('DOMContentLoaded', function() {\n const items = document.querySelectorAll('.usp-item');\n items.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateY(30px)';\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\n \/\/ Enhanced hover effects\n document.querySelectorAll('.usp-item').forEach(item => {\n item.addEventListener('mouseenter', function() {\n const icon = this.querySelector('.usp-icon');\n if (icon) {\n icon.style.transform = 'scale(1.1)';\n icon.style.transition = 'all 0.3s ease';\n }\n });\n \n item.addEventListener('mouseleave', function() {\n const icon = this.querySelector('.usp-icon');\n if (icon) {\n icon.style.transform = 'scale(1)';\n }\n });\n });\n <\/script>\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>CTA Element \u2014 Produktseite<\/title>\n \n <style>\n \/* Fiber Products CTA Variables *\/\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-gradient: linear-gradient(135deg, #1457a3 0%, #0a3672 100%);\n --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f5f5f5;\n padding: 20px;\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: var(--primary-gradient);\n color: #ffffff;\n text-align: center;\n padding: 60px 40px;\n border-radius: 16px;\n margin: 60px 0;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n position: relative;\n overflow: hidden;\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\n pointer-events: none;\n opacity: 0.5;\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-title {\n font-size: 36px;\n margin-bottom: 20px;\n color: #ffffff !important;\n font-weight: 700;\n line-height: 1.2;\n }\n\n .cta-description {\n font-size: 20px;\n margin-bottom: 30px;\n opacity: 0.95;\n line-height: 1.6;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-button {\n display: inline-block;\n background: #ffffff;\n color: var(--primary-color);\n padding: 16px 40px;\n font-size: 18px;\n font-weight: 600;\n text-decoration: none;\n border-radius: 8px;\n transition: var(--transition-smooth);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);\n color: var(--primary-color);\n background: rgba(255, 255, 255, 0.95);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .cta-section {\n padding: 40px 25px;\n }\n \n .cta-title {\n font-size: 28px;\n }\n \n .cta-description {\n font-size: 18px;\n }\n \n .cta-button {\n padding: 14px 30px;\n font-size: 16px;\n }\n }\n\n @media (max-width: 480px) {\n .cta-title {\n font-size: 24px;\n }\n \n .cta-description {\n font-size: 16px;\n }\n \n .cta-button {\n padding: 12px 25px;\n font-size: 14px;\n width: 100%;\n max-width: 300px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div class=\"container\">\n \n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Individuelle Glasfaser-L\u00f6sung gesucht?<\/h2>\n<p class=\"fp-inline-links\">Passende Systembereiche: <a href=\"https:\/\/fiber-products.com\/de\/diamond-sa-partner\/\">DIAMOND \/ E2000<\/a>, <a href=\"https:\/\/fiber-products.com\/de\/3he-odf-system-varioconnect\/\">VarioConnect ODF-Systeme<\/a> und <a href=\"https:\/\/fiber-products.com\/de\/glasfaser-zubehor-erweiterungen\/\">Zubeh\u00f6r & Erweiterungen<\/a>.<\/p>\n\n <p class=\"cta-description\">\n Lassen Sie uns gemeinsam die perfekte Glasfaser-L\u00f6sung f\u00fcr Ihr Projekt entwickeln. Von der ersten Beratung bis zur Lieferung \u2013 wir begleiten Sie mit Expertise und ma\u00dfgeschneiderten Komponenten.\n <\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"cta-button\">Kostenlose Beratung anfragen<\/a>\n <\/div>\n <\/section>\n <\/div>\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>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>Glasfaser News Blog-Sektion<\/title>\n <style>\n \/* Blog Card Styles *\/\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 object-fit: cover;\n background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n color: #ffffff;\n font-size: 36px;\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: 15px;\n margin-bottom: 12px;\n font-size: 12px;\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: 3px 8px;\n border-radius: 12px;\n font-size: 10px;\n font-weight: 600;\n }\n\n .blog-post-title {\n color: #1457a3;\n font-size: 18px;\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: 20px;\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: 14px;\n transition: all 0.3s ease;\n margin-top: auto;\n }\n\n .blog-post-read-more:hover {\n color: #0a3672;\n transform: translateX(5px);\n }\n\n .blog-post-read-more::after {\n content: '\u2192';\n margin-left: 8px;\n transition: transform 0.3s ease;\n }\n\n .blog-post-read-more:hover::after {\n transform: translateX(3px);\n }\n\n \/* Loading Animation *\/\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 \/* Section Styling *\/\n .glasfaser-news-section {\n max-width: 1200px;\n margin: 0 auto;\n padding: 40px 20px;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 40px;\n }\n\n .section-title {\n color: #1457a3;\n font-size: 36px;\n margin-bottom: 20px;\n font-weight: 700;\n }\n\n .section-subtitle {\n color: #666666;\n font-size: 18px;\n max-width: 600px;\n margin: 0 auto;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1240px) {\n #glasfaser-news-posts {\n max-width: 100%;\n margin: 0;\n }\n }\n \n @media (max-width: 768px) {\n #glasfaser-news-posts {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n \n .blog-post-card {\n margin-bottom: 15px;\n }\n\n .blog-post-content {\n padding: 15px;\n }\n\n .section-title {\n font-size: 28px;\n }\n\n .section-subtitle {\n font-size: 16px;\n }\n }\n \n @media (max-width: 1024px) {\n #glasfaser-news-posts {\n grid-template-columns: repeat(2, 1fr);\n gap: 18px;\n }\n }\n\n \/* Link Styling *\/\n .all-articles-link {\n text-align: center;\n margin-top: 30px;\n padding-top: 20px;\n border-top: 2px solid rgba(20, 87, 163, 0.1);\n }\n\n .all-articles-link a {\n display: inline-block;\n background: #1457a3;\n color: #ffffff;\n padding: 12px 24px;\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n transition: all 0.3s ease;\n }\n\n .all-articles-link a:hover {\n background: #0a3672;\n transform: translateY(-2px);\n box-shadow: 0 4px 15px rgba(20, 87, 163, 0.3);\n }\n <\/style>\n<\/head>\n<body>\n \n <section class=\"glasfaser-news-section\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">Aktuelle News aus der Glasfaser-Branche<\/h2>\n <p class=\"section-subtitle\">\n Bleiben Sie auf dem Laufenden: Marktentwicklungen, Technologie-Trends und Branchennews f\u00fcr Glasfaser-Profis.\n <\/p>\n <\/div>\n\n \n <div id=\"glasfaser-news-posts\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px;\">\n \n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\ud83d\udcf0<\/div>\n <p>Lade aktuelle Glasfaser-News…<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"all-articles-link\">\n <a href=\"\/blog\/kategorie\/glasfaser-news\">Alle News ansehen<\/a>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Konfiguration - DIESE WERTE M\u00dcSSEN ANGEPASST WERDEN\n const GLASFASER_NEWS_CONFIG = {\n \/\/ Option 1: Kategorie-ID verwenden (empfohlen)\n categoryId: null, \/\/ Ersetzen Sie durch die tats\u00e4chliche ID\n \n \/\/ Option 2: Kategorie-Slug verwenden (falls ID nicht bekannt)\n categorySlug: 'glasfaser-news', \/\/ Ersetzen Sie durch den tats\u00e4chlichen Slug\n \n \/\/ Alternative Slugs f\u00fcr die Suche\n alternativeSlugs: ['news', 'branchennews', 'markt', 'technologie-news', 'glasfaser-markt', 'fiber-news', 'telekommunikation-news'],\n \n \/\/ WordPress-Basis-URL (normalerweise automatisch erkannt)\n baseUrl: window.location.origin\n };\n\n \/\/ WordPress Posts laden\n async function loadGlasfaserNewsBlogs(count = 3) {\n const postsContainer = document.getElementById('glasfaser-news-posts');\n \n \/\/ Loading Spinner anzeigen\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px;\">\n <div class=\"loading-spinner\"><\/div>\n <p style=\"color: #666666;\">Lade aktuelle Glasfaser-News...<\/p>\n <\/div>\n `;\n \n try {\n \/\/ Erst verf\u00fcgbare Kategorien laden, um die korrekte ID zu finden\n const categoriesResponse = await fetch(`${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/categories?search=news&per_page=20`);\n let categoryId = GLASFASER_NEWS_CONFIG.categoryId;\n \n if (!categoryId && categoriesResponse.ok) {\n const categories = await categoriesResponse.json();\n \n \/\/ Priorit\u00e4tsliste f\u00fcr Kategorie-Suche\n const searchTerms = [\n GLASFASER_NEWS_CONFIG.categorySlug,\n ...GLASFASER_NEWS_CONFIG.alternativeSlugs,\n 'news', 'branchennews', 'markt', 'technologie', 'glasfaser'\n ];\n \n let foundCategory = null;\n for (const term of searchTerms) {\n foundCategory = categories.find(cat => \n cat.slug === term || \n cat.name.toLowerCase().includes(term.toLowerCase())\n );\n if (foundCategory) break;\n }\n \n if (foundCategory) {\n categoryId = foundCategory.id;\n console.log('Glasfaser News Kategorie gefunden:', foundCategory);\n }\n }\n \n if (!categoryId) {\n \/\/ Fallback: Alle Posts laden und nach Keywords filtern\n return await loadPostsByKeywords(count);\n }\n \n \/\/ Posts mit der korrekten Kategorie-ID laden\n const postsUrl = `${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/posts?categories=${categoryId}&per_page=${count}&_embed&status=publish&orderby=date&order=desc`;\n console.log('Lade Posts von:', postsUrl);\n \n const response = await fetch(postsUrl);\n \n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: Posts konnten nicht geladen werden`);\n }\n \n const posts = await response.json();\n console.log('Geladene Posts:', posts);\n \n if (posts.length === 0) {\n \/\/ Fallback: Nach Keywords suchen\n return await loadPostsByKeywords(count);\n }\n \n \/\/ Posts nach Featured Image sortieren (mit Bild zuerst)\n const sortedPosts = posts.sort((a, b) => {\n const aHasImage = a._embedded && a._embedded['wp:featuredmedia'] && a._embedded['wp:featuredmedia'][0];\n const bHasImage = b._embedded && b._embedded['wp:featuredmedia'] && b._embedded['wp:featuredmedia'][0];\n \n if (aHasImage && !bHasImage) return -1;\n if (!aHasImage && bHasImage) return 1;\n \n return new Date(b.date) - new Date(a.date);\n });\n \n \/\/ Posts rendern\n postsContainer.innerHTML = sortedPosts.map(post => createBlogCard(post)).join('');\n \n } catch (error) {\n console.error('Fehler beim Laden der Blog-Posts:', error);\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\u26a0\ufe0f<\/div>\n <p>News k\u00f6nnen momentan nicht geladen werden.<\/p>\n <small style=\"display: block; margin: 10px 0; color: #999;\">${error.message}<\/small>\n <button onclick=\"loadGlasfaserNewsBlogs(3)\" style=\"background: #1457a3; color: white; border: none; padding: 10px 20px; border-radius: 5px; margin-top: 15px; cursor: pointer;\">\n Erneut versuchen\n <\/button>\n <br><br>\n <button onclick=\"debugWordPressAPI()\" style=\"background: #666; color: white; border: none; padding: 8px 16px; border-radius: 5px; font-size: 12px; cursor: pointer;\">\n API Debug-Info anzeigen\n <\/button>\n <\/div>\n `;\n }\n }\n\n \/\/ Fallback: Posts nach Keywords laden\n async function loadPostsByKeywords(count = 3) {\n const keywords = ['glasfaser', 'fiber', 'breitband', 'telekommunikation', 'netzausbau', 'ftth', 'glasfasermarkt', 'telco', 'backbone', 'datacenter'];\n const postsContainer = document.getElementById('glasfaser-news-posts');\n \n try {\n \/\/ Suche nach verschiedenen Keywords\n let allRelevantPosts = [];\n \n for (const keyword of keywords) {\n const searchUrl = `${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/posts?search=${keyword}&per_page=10&_embed&status=publish`;\n const response = await fetch(searchUrl);\n \n if (response.ok) {\n const posts = await response.json();\n allRelevantPosts = [...allRelevantPosts, ...posts];\n }\n }\n \n \/\/ Duplikate entfernen\n const uniquePosts = allRelevantPosts.filter((post, index, self) => \n index === self.findIndex(p => p.id === post.id)\n );\n \n \/\/ Nach Datum sortieren, Posts mit Bildern bevorzugen und begrenzen\n const sortedPosts = uniquePosts\n .sort((a, b) => {\n \/\/ Erst nach Featured Image sortieren (Posts mit Bild bevorzugen)\n const aHasImage = a._embedded && a._embedded['wp:featuredmedia'] && a._embedded['wp:featuredmedia'][0];\n const bHasImage = b._embedded && b._embedded['wp:featuredmedia'] && b._embedded['wp:featuredmedia'][0];\n \n if (aHasImage && !bHasImage) return -1;\n if (!aHasImage && bHasImage) return 1;\n \n \/\/ Dann nach Datum sortieren\n return new Date(b.date) - new Date(a.date);\n })\n .slice(0, count);\n \n if (sortedPosts.length === 0) {\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\ud83d\udd0d<\/div>\n <p>Noch keine Glasfaser-News verf\u00fcgbar.<\/p>\n <small>Suchbegriffe: ${keywords.join(', ')}<\/small>\n <\/div>\n `;\n return;\n }\n \n \/\/ Posts rendern\n postsContainer.innerHTML = sortedPosts.map(post => createBlogCard(post)).join('');\n \n } catch (error) {\n console.error('Fehler beim Suchen nach Keywords:', error);\n postsContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <div style=\"font-size: 48px; margin-bottom: 20px;\">\u274c<\/div>\n <p>Keyword-Suche fehlgeschlagen: ${error.message}<\/p>\n <\/div>\n `;\n }\n }\n\n \/\/ Debug-Funktion f\u00fcr WordPress API\n async function debugWordPressAPI() {\n const debugContainer = document.getElementById('glasfaser-news-posts');\n \n try {\n \/\/ Alle Kategorien abrufen\n const categoriesResponse = await fetch(`${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/categories?per_page=100`);\n const categories = await categoriesResponse.json();\n \n \/\/ Aktuelle Posts abrufen (ohne Kategorie-Filter)\n const postsResponse = await fetch(`${GLASFASER_NEWS_CONFIG.baseUrl}\/wp-json\/wp\/v2\/posts?per_page=10&_embed`);\n const allPosts = await postsResponse.json();\n \n \/\/ Relevante Kategorien filtern\n const relevantCategories = categories.filter(cat => \n cat.name.toLowerCase().includes('news') ||\n cat.name.toLowerCase().includes('glasfaser') ||\n cat.name.toLowerCase().includes('markt') ||\n cat.name.toLowerCase().includes('branche') ||\n cat.slug.includes('news') ||\n cat.slug.includes('glasfaser')\n );\n \n debugContainer.innerHTML = `\n <div style=\"text-align: left; grid-column: 1 \/ -1; padding: 20px; background: #f8f9fa; border-radius: 8px; font-family: monospace; font-size: 12px;\">\n <h3>WordPress API Debug-Informationen f\u00fcr Glasfaser News<\/h3>\n \n <h4>Relevante Kategorien gefunden:<\/h4>\n <ul style=\"max-height: 200px; overflow-y: auto;\">\n ${relevantCategories.length > 0 \n ? relevantCategories.map(cat => `<li><strong>${cat.name}<\/strong> (ID: ${cat.id}, Slug: ${cat.slug})<\/li>`).join('')\n : '<li>Keine relevanten Kategorien gefunden<\/li>'\n }\n <\/ul>\n \n <h4>Alle verf\u00fcgbaren Kategorien:<\/h4>\n <ul style=\"max-height: 200px; overflow-y: auto;\">\n ${categories.map(cat => `<li><strong>${cat.name}<\/strong> (ID: ${cat.id}, Slug: ${cat.slug})<\/li>`).join('')}\n <\/ul>\n \n <h4>Aktuelle Posts (letzte 10):<\/h4>\n <ul style=\"max-height: 200px; overflow-y: auto;\">\n ${allPosts.map(post => {\n const postCategories = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] \n ? post._embedded['wp:term'][0].map(cat => cat.name).join(', ')\n : 'Keine Kategorien';\n return `<li><strong>${post.title.rendered}<\/strong><br>Kategorien: ${postCategories}<\/li>`;\n }).join('')}\n <\/ul>\n \n <button onclick=\"loadGlasfaserNewsBlogs(3)\" style=\"background: #1457a3; color: white; border: none; padding: 10px 20px; border-radius: 5px; margin-top: 15px; cursor: pointer;\">\n Zur\u00fcck zu normaler Ansicht\n <\/button>\n <\/div>\n `;\n \n } catch (error) {\n debugContainer.innerHTML = `\n <div style=\"text-align: center; grid-column: 1 \/ -1; padding: 40px; color: #666666;\">\n <p>Debug-Informationen konnten nicht geladen werden: ${error.message}<\/p>\n <\/div>\n `;\n }\n }\n\n function createBlogCard(post) {\n \/\/ Excerpt k\u00fcrzen auf max. 200 Zeichen\n const excerpt = stripHtml(post.excerpt.rendered);\n const truncatedExcerpt = excerpt.length > 200 \n ? excerpt.substring(0, 200).trim() + '...' \n : excerpt;\n \n \/\/ Featured Image oder Fallback\n const featuredImage = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]\n ? post._embedded['wp:featuredmedia'][0].source_url \n : null;\n \n \/\/ Kategorie aus _embedded extrahieren\n const category = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]\n ? post._embedded['wp:term'][0][0].name\n : 'Glasfaser News';\n \n \/\/ Datum formatieren\n const postDate = new Date(post.date).toLocaleDateString('de-DE', {\n year: 'numeric',\n month: 'long', \n day: 'numeric'\n });\n \n return `\n <article class=\"blog-post-card\">\n <div class=\"blog-post-image\" style=\"${featuredImage ? `background-image: url('${featuredImage}'); background-size: cover; background-position: center;` : 'background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%); display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 36px;'}\">\n ${!featuredImage ? '\ud83d\udcf0' : ''}\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\">News 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 \/\/ Posts beim Laden der Seite abrufen\n document.addEventListener('DOMContentLoaded', function() {\n loadGlasfaserNewsBlogs(3); \/\/ 3 Posts laden\n });\n <\/script>\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 \n\n<section style=\"padding: 60px 20px; background: #f0f4f8;\">\n <div style=\"max-width: 900px; margin: 0 auto;\">\n <div style=\"background: linear-gradient(135deg, #1a3a5c 0%, #2563eb 100%); border-radius: 12px; padding: 48px 40px; text-align: center;\">\n <h2 style=\"color: #ffffff; font-size: 1.75em; margin-bottom: 12px; margin-top: 0;\">Jetzt Beratung anfragen<\/h2>\n <p style=\"color: #e2e8f0; margin-bottom: 28px; font-size: 1.05em; max-width: 600px; margin-left: auto; margin-right: auto;\">Unsere Experten beraten Sie zu modularen Glasfaserloesungen fuer Ihren spezifischen Einsatzbereich \u2014 schnell, persoenlich und unverbindlich.<\/p>\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" style=\"background: #ffffff; color: #1a3a5c; padding: 14px 36px; border-radius: 8px; font-weight: 700; text-decoration: none; font-size: 1.05em; display: inline-block;\">Beratung anfragen →<\/a>\n <\/div>\n <\/div>\n<\/section>\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=\"\/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\": \"Glasfaser Komponenten\", \"description\": \"Glasfaser Hero Header Glasfaser-Komponenten f\u00fcr professionelle Anwendungen Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie Jetzt beraten lassen Fiber Products \u2014 Ihr Spezialist f\u00fcr…\", \"url\": \"https:\/\/fiber-products.com\/de\/glasfaser-komponenten\/\", \"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\/glasfaser-komponenten\/\"}, \"dateModified\": \"2026-03-05T04:16:38\"}<\/script>\n<script type=\"application\/ld+json\">{\"@context\": \"https:\/\/schema.org\", \"@type\": \"FAQPage\", \"mainEntity\": [{\"@type\": \"Question\", \"name\": \"Warum Fiber Products?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Qualit\u00e4t, Zuverl\u00e4ssigkeit und Service \u2014 darauf k\u00f6nnen Sie sich verlassen\"}}, {\"@type\": \"Question\", \"name\": \"Individuelle Glasfaser-L\u00f6sung gesucht?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Passende Systembereiche: DIAMOND \/ E2000 , VarioConnect ODF-Systeme und Zubeh\u00f6r & Erweiterungen . Lassen Sie uns gemeinsam die perfekte Glasfaser-L\u00f6sung f\u00fcr Ihr Projekt entwickeln. Von der ersten Beratung bis zur Lieferung \u2013 wir begleiten Sie mit Expertise und ma\u00dfgeschneiderten Komponenten.\"}}]}<\/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>Glasfaser Hero Header Glasfaser-Komponenten f\u00fcr professionelle Anwendungen Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie Jetzt beraten lassen Fiber Products \u2014 Ihr Spezialist f\u00fcr…<\/p>\n","protected":false},"author":1,"featured_media":9998,"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":"Glasfaser-Komponenten (B2B): Splei\u00dfboxen & Module | DACH","rank_math_description":"Glasfaser-Komponenten f\u00fcr professionelle Netze: Splei\u00dfmodule, Splei\u00dfboxen, Frontmodule, Pigtails & Adapter. Europ\u00e4ische Fertigung, 5 Jahre Garantie.","rank_math_focus_keyword":"Glasfaser-Komponenten","rank_math_canonical_url":"","rank_math_robots":[],"_fp_is_pillar":"1","_fp_pillar_topic":"produkt-komponenten","footnotes":""},"class_list":["post-3700","page","type-page","status-publish","has-post-thumbnail","hentry"],"lang":"de","translations":{"de":3700,"en":5051},"uagb_featured_image_src":{"full":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite.webp?wsr",1600,1600,false],"thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-150x150.webp?wsr",150,150,true],"medium":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-300x300.webp?wsr",300,300,true],"medium_large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-768x768.webp?wsr",768,768,true],"large":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-1024x1024.webp?wsr",1024,1024,true],"1536x1536":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-1536x1536.webp?wsr",1536,1536,true],"2048x2048":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite.webp?wsr",1600,1600,false],"woocommerce_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-300x300.webp?wsr",300,300,true],"woocommerce_single":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-600x600.webp?wsr",600,600,true],"woocommerce_gallery_thumbnail":["https:\/\/fiber-products.com\/wp-content\/uploads\/2026\/04\/161105-DRB-6E2000-DX-C-7HP-V-OS2-UPC-DIAMOND-Seite-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":"Glasfaser Hero Header Glasfaser-Komponenten f\u00fcr professionelle Anwendungen Modulare Splei\u00dfsysteme, Hutschienenboxen und ma\u00dfgeschneiderte L\u00f6sungen \u2013 Made in Europe mit 5 Jahren Garantie Jetzt beraten lassen Fiber Products \u2014 Ihr Spezialist f\u00fcr...","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3700","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=3700"}],"version-history":[{"count":39,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3700\/revisions"}],"predecessor-version":[{"id":10325,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3700\/revisions\/10325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media\/9998"}],"wp:attachment":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media?parent=3700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}