{"id":3018,"date":"2025-03-05T11:33:24","date_gmt":"2025-03-05T11:33:24","guid":{"rendered":"https:\/\/fiber-products.com\/?page_id=3018"},"modified":"2026-03-05T04:16:33","modified_gmt":"2026-03-05T04:16:33","slug":"hutschienenbox-7te","status":"publish","type":"page","link":"https:\/\/fiber-products.com\/de\/hutschienenbox-7te\/","title":{"rendered":"Hutschienenbox 7TE"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n Hutschienenbox f\u00fcr Glasfaser | Splei\u00dfmodule 7TE | TH35-Montage | Fiber Products<\/title>\n <meta name=\"description\" content=\"Hutschienenbox f\u00fcr Glasfaser mit integrierten Splei\u00dfmodulen: 7TE-System, TH35-Montage f\u00fcr Industrie und Telekommunikation. Deutsche Qualit\u00e4t f\u00fcr modulare Glasfaserverteilung.\">\n <meta name=\"keywords\" content=\"Hutschienenbox Glasfaser, Hutschienenbox Splei\u00dfmodule, TH35-Montage, Glasfaser Hutschienenbox, industrielle Glasfasertechnik, 7TE Hutschienenbox\">\n \n <!-- Open Graph Meta Tags -->\n <meta property=\"og:title\" content=\"Hutschienenbox f\u00fcr Glasfaser | Splei\u00dfmodule 7TE | Fiber Products\">\n <meta property=\"og:description\" content=\"Professionelle Hutschienenbox f\u00fcr Glasfaser mit integrierten Splei\u00dfmodulen. TH35-Montage f\u00fcr Industrie und Telekommunikation.\">\n <meta property=\"og:type\" content=\"product\">\n <meta property=\"og:url\" content=\"https:\/\/fiber-products.com\/hutschienenbox-7te\/\">\n \n <!-- Schema.org Structured Data -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Product\",\n \"name\": \"Hutschienenbox f\u00fcr Glasfaser 7TE\",\n \"description\": \"Professionelle Hutschienenbox f\u00fcr Glasfaser mit integrierten Splei\u00dfmodulen und TH35-Hutschienenmontage f\u00fcr modulare 7TE-Architektur\",\n \"brand\": {\n \"@type\": \"Brand\",\n \"name\": \"Fiber Products\"\n },\n \"manufacturer\": {\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\",\n \"url\": \"https:\/\/fiber-products.com\"\n },\n \"category\": \"Hutschienenbox Glasfaser-Infrastruktur\",\n \"offers\": {\n \"@type\": \"Offer\",\n \"availability\": \"https:\/\/schema.org\/InStock\",\n \"priceValidUntil\": \"2026-12-31\"\n },\n \"additionalProperty\": [\n {\n \"@type\": \"PropertyValue\",\n \"name\": \"Montage\",\n \"value\": \"TH35-Tragschiene\"\n },\n {\n \"@type\": \"PropertyValue\", \n \"name\": \"Breite\",\n \"value\": \"7TE (122,5mm)\"\n },\n {\n \"@type\": \"PropertyValue\",\n \"name\": \"Splei\u00dfkapazit\u00e4t\", \n \"value\": \"12-24 Splei\u00dfe\"\n }\n ]\n }\n <\/script>\n \n <style>\n \/* Fiber Products Corporate Design System *\/\n :root {\n \/* Prim\u00e4re Farbpalette *\/\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n \n \/* Sekund\u00e4re Farben *\/\n --accent-orange: #FF6B35;\n --accent-orange-hover: #E85D2C;\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --text-muted: #666666;\n --border-gray: #e0e0e0;\n \n \/* Gradients *\/\n --hero-gradient: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n \n \/* Shadows *\/\n --card-shadow: 0 2px 10px rgba(0,0,0,0.1);\n \n \/* Transitions *\/\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 line-height: 1.6;\n color: var(--text-dark);\n background-color: var(--light-gray);\n overflow-x: hidden; \/* Verhindert horizontales Scrollen *\/\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Hero Header - FIXED: Sicher Fullwidth ohne Overflow *\/\n .hutschienen-header {\n background: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n padding: 80px 20px;\n text-align: center;\n position: relative;\n overflow: hidden;\n width: 100%;\n \/* REMOVED: Problematic margin calculations *\/\n }\n\n .hutschienen-header::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\n .hero-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .hero-subtitle {\n color: rgba(255, 255, 255, 0.9);\n font-size: 18px;\n font-weight: 500;\n margin-bottom: 15px;\n text-transform: none;\n letter-spacing: 2px;\n }\n\n .hero-title {\n color: #ffffff;\n font-size: clamp(2.5rem, 5vw, 3.5rem);\n font-weight: 700;\n margin-bottom: 25px;\n line-height: 1.2;\n }\n\n .hero-description {\n color: rgba(255, 255, 255, 0.95);\n font-size: clamp(1rem, 2vw, 1.1rem);\n line-height: 1.8;\n margin-bottom: 60px !important;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .hero-cta {\n display: inline-block;\n background: #FF6B35;\n color: #ffffff;\n padding: 16px 40px;\n font-size: 18px;\n font-weight: 600;\n text-decoration: none;\n border-radius: 8px;\n transition: all 0.3s ease;\n box-shadow: 0 4px 20px rgba(255, 107, 53, 0.3);\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .hero-cta:hover {\n background: #E85D2C;\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(255, 107, 53, 0.4);\n color: #ffffff;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .hutschienen-header {\n padding: 60px 15px;\n }\n \n .hero-title {\n font-size: clamp(1.8rem, 6vw, 2.5rem);\n }\n \n .hero-description {\n font-size: clamp(0.9rem, 2vw, 1rem);\n }\n }\n\n @media (max-width: 480px) {\n .hutschienen-header {\n padding: 50px 10px;\n }\n \n .hero-title {\n font-size: clamp(1.5rem, 7vw, 2rem);\n }\n \n .hero-description {\n font-size: clamp(0.85rem, 3vw, 0.95rem);\n }\n \n .hero-cta {\n padding: 14px 30px;\n font-size: 16px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header class=\"hutschienen-header\">\n <div class=\"hero-container\">\n <div class=\"hero-subtitle\">GLASFASER HUTSCHIENENBOX<\/div>\n <h1 class=\"hero-title\">Hutschienenbox 7TE<br>f\u00fcr Glasfaser<\/h1>\n <p class=\"hero-description\">\n Professionelle Hutschienenbox f\u00fcr Glasfaser mit integrierten Splei\u00dfmodulen. Modulare 7TE-Architektur mit TH35-Hutschienenmontage f\u00fcr Industrie, Stadtwerke und Telekommunikation. Deutsche Qualit\u00e4t trifft innovative Glasfasertechnik.\n <\/p>\n <a href=\"\/de\/anfrage\/\" class=\"hero-cta\">Jetzt beraten lassen<\/a>\n <\/div>\n <\/header>\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>RailConnect 7TE Hutschienenbox Sortiment<\/title>\n <meta name=\"description\" content=\"RailConnect 7TE Hutschienenboxen f\u00fcr DIN-Rail-Montage. Europ\u00e4ische Fertigung \u2713 5 Jahre Garantie \u2713 Wettbewerbsf\u00e4hige Preise \u2713\">\n \n <style> \n \/* Fiber Products Global Design System *\/\n :root {\n \/* Prim\u00e4re Farbpalette *\/\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n \n \/* Sekund\u00e4re Farben *\/\n --accent-orange: #FF6B35;\n --accent-orange-hover: #E85D2C;\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --text-muted: #666666;\n --border-gray: #e0e0e0;\n \n \/* Gradients *\/\n --hero-gradient: linear-gradient(135deg, #0a3672 0%, #1457a3 100%);\n --primary-gradient: linear-gradient(135deg, #1457a3 0%, #0a3672 100%);\n \n \/* Shadows *\/\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n --card-shadow: 0 2px 10px rgba(0,0,0,0.1);\n \n \/* Transitions *\/\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: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background-color: var(--light-gray);\n padding: 20px;\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Section Styles *\/\n .section {\n background: #ffffff;\n border-radius: 12px;\n padding: 60px 40px;\n margin-bottom: 30px;\n box-shadow: var(--box-shadow);\n }\n\n .section h2 {\n color: var(--primary-color);\n font-size: 36px;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 18px;\n margin-bottom: 40px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Product Showcase Section - FIXED: Container-aware *\/\n .product-showcase {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n align-items: flex-start;\n margin: 40px 0;\n max-width: 100%;\n overflow: hidden;\n }\n\n .product-gallery {\n margin-bottom: 30px;\n min-width: 0; \/* Prevents grid overflow *\/\n }\n\n .gallery-main {\n width: 100%;\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--card-shadow);\n transition: var(--transition-smooth);\n margin-bottom: 20px;\n max-width: 100%;\n }\n\n .gallery-main:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n }\n\n .gallery-main img {\n width: 100%;\n max-width: 100%;\n height: 400px;\n object-fit: cover;\n border-radius: 16px;\n cursor: pointer;\n }\n\n .thumbnail-row {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n max-width: 100%;\n }\n\n .gallery-thumbnail {\n position: relative;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: var(--card-shadow);\n transition: var(--transition-smooth);\n cursor: pointer;\n min-width: 0;\n }\n\n .gallery-thumbnail:hover {\n transform: translateY(-3px);\n box-shadow: var(--hover-shadow);\n }\n\n .gallery-thumbnail img {\n width: 100%;\n max-width: 100%;\n height: 100px;\n object-fit: contain;\n border-radius: 12px;\n background: #f8f9fa;\n }\n\n .gallery-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: linear-gradient(45deg, rgba(20, 87, 163, 0.8), rgba(10, 54, 114, 0.9));\n opacity: 0;\n transition: opacity 0.3s ease;\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-weight: 600;\n }\n\n .gallery-thumbnail:hover .gallery-overlay {\n opacity: 1;\n }\n\n .product-info {\n padding: 20px 0;\n min-width: 0;\n word-wrap: break-word;\n }\n\n .product-info h3 {\n color: var(--primary-color);\n font-size: 24px;\n margin-bottom: 20px;\n font-weight: 700;\n }\n\n .product-info p {\n color: var(--text-dark);\n line-height: 1.7;\n margin-bottom: 20px;\n font-size: 16px;\n }\n\n .product-highlights {\n list-style: none;\n padding: 0;\n margin: 20px 0;\n }\n\n .product-highlights li {\n padding: 8px 0;\n padding-left: 25px;\n position: relative;\n color: var(--text-dark);\n font-weight: 500;\n }\n\n .product-highlights li::before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: var(--primary-color);\n font-weight: bold;\n font-size: 16px;\n }\n\n \/* Modal f\u00fcr vergr\u00f6\u00dferte Ansicht *\/\n .image-modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.9);\n z-index: 1000;\n padding: 20px;\n }\n\n .modal-content {\n position: relative;\n max-width: 90%;\n max-height: 90%;\n margin: 5% auto;\n background: white;\n border-radius: 12px;\n overflow: hidden;\n }\n\n .modal-image {\n width: 100%;\n height: auto;\n display: block;\n }\n\n .modal-close {\n position: absolute;\n top: 20px;\n right: 20px;\n background: var(--primary-color);\n color: white;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 24px;\n font-weight: 600;\n transition: var(--transition-smooth);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .modal-close:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: var(--hover-shadow);\n }\n\n \/* Modal Navigation *\/\n .modal-nav {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: var(--primary-color);\n color: white;\n border: none;\n width: 50px;\n height: 50px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 20px;\n font-weight: 600;\n transition: var(--transition-smooth);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .modal-nav:hover {\n background: var(--primary-dark);\n transform: translateY(-50%) translateY(-2px);\n box-shadow: var(--hover-shadow);\n }\n\n .modal-prev {\n left: 20px;\n }\n\n .modal-next {\n right: 20px;\n }\n\n .modal-counter {\n position: absolute;\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n background: rgba(20, 87, 163, 0.9);\n color: white;\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 14px;\n font-weight: 500;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: rgba(20, 87, 163, 0.1);\n padding: 25px;\n border-radius: 12px;\n margin-top: 30px;\n text-align: center;\n }\n\n .cta-section h4 {\n color: var(--primary-color);\n margin-bottom: 15px;\n font-size: 20px;\n }\n\n .cta-section p {\n color: var(--text-muted);\n margin-bottom: 20px;\n }\n\n .cta-button {\n display: inline-block;\n background: var(--primary-color);\n color: white;\n padding: 12px 24px;\n text-decoration: none;\n border-radius: 8px;\n font-weight: 600;\n transition: var(--transition-smooth);\n }\n\n .cta-button:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n box-shadow: var(--hover-shadow);\n }\n\n \/* Responsive Design *\/\n @media (max-width: 968px) {\n .product-showcase {\n gap: 30px;\n }\n \n .gallery-main img {\n height: 350px;\n }\n }\n\n @media (max-width: 768px) {\n .product-showcase {\n grid-template-columns: 1fr;\n gap: 30px;\n }\n\n .thumbnail-row {\n grid-template-columns: repeat(2, 1fr);\n gap: 12px;\n }\n\n .gallery-main img {\n height: 300px;\n }\n\n .gallery-thumbnail img {\n height: 80px;\n }\n\n .section {\n padding: 40px 20px;\n }\n\n .section h2 {\n font-size: clamp(1.5rem, 5vw, 2rem);\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 15px;\n }\n\n .thumbnail-row {\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n }\n\n .gallery-main img {\n height: 280px;\n }\n\n .gallery-thumbnail img {\n height: 80px;\n }\n\n .modal-nav {\n width: 40px;\n height: 40px;\n font-size: 18px;\n }\n\n .modal-close {\n width: 40px;\n height: 40px;\n font-size: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <!-- RailConnect 7TE Sortiment Sektion -->\n <section class=\"section\" id=\"produktsortiment\">\n <h2>RailConnect 7TE Hutschienenbox Sortiment<\/h2>\n <p class=\"section-subtitle\">\n Industrietaugliche RailConnect-Hutschienenboxen mit standardisierter 7TE-Breite f\u00fcr TH35-DIN-Rail-Montage \u2013 robuste Glasfaserl\u00f6sungen f\u00fcr Schaltschr\u00e4nke, Industrieanlagen und Automatisierungstechnik\n <\/p>\n\n <div class=\"product-showcase\">\n <!-- Produktgalerie mit echten Bildern -->\n <div class=\"product-gallery\">\n <!-- Gro\u00dfes Hauptbild -->\n <div class=\"gallery-main\">\n <img decoding=\"async\" id=\"mainImage\" \n src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-09-40-scaled.jpeg\" \n alt=\"RailConnect 7TE Hutschienenbox f\u00fcr professionelle DIN-Rail-Montage in Schaltschr\u00e4nken und Industrieanlagen\" \n onclick=\"openModal(this.src, this.alt)\">\n <\/div>\n\n <!-- Thumbnail Row darunter -->\n <div class=\"thumbnail-row\">\n <div class=\"gallery-thumbnail\" onclick=\"changeMainImage('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-09-40-scaled.jpeg', 'RailConnect 7TE Hutschienenbox f\u00fcr professionelle DIN-Rail-Montage in Schaltschr\u00e4nken und Industrieanlagen')\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-09-40-scaled.jpeg\" \n alt=\"RailConnect 7TE Hutschienenbox f\u00fcr professionelle DIN-Rail-Montage in Schaltschr\u00e4nken und Industrieanlagen\">\n <\/div>\n\n <div class=\"gallery-thumbnail\" onclick=\"changeMainImage('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-10-02-scaled.jpeg', 'RailConnect 7TE Hutschienenbox mit ge\u00f6ffnetem Deckel f\u00fcr einfache Glasfaser-Installation')\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-10-02-scaled.jpeg\" \n alt=\"RailConnect 7TE Hutschienenbox mit ge\u00f6ffnetem Deckel f\u00fcr einfache Glasfaser-Installation\">\n <\/div>\n\n <div class=\"gallery-thumbnail\" onclick=\"changeMainImage('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-16-17-scaled.jpeg', 'RailConnect 7TE Hutschienenbox kompakt installiert auf TH35-DIN-Rail f\u00fcr Industrieumgebungen')\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-16-17-scaled.jpeg\" \n alt=\"RailConnect 7TE Hutschienenbox kompakt installiert auf TH35-DIN-Rail f\u00fcr Industrieumgebungen\">\n <\/div>\n\n <div class=\"gallery-thumbnail\" onclick=\"changeMainImage('https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-16-32-scaled-e1755712978617.jpeg', 'RailConnect 7TE Hutschienenbox Detailansicht der robusten Konstruktion f\u00fcr Schaltschrank-Integration')\">\n <img decoding=\"async\" src=\"https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-16-32-scaled-e1755712978617.jpeg\" \n alt=\"RailConnect 7TE Hutschienenbox Detailansicht der robusten Konstruktion f\u00fcr Schaltschrank-Integration\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"product-info\">\n <h3>RailConnect 7TE: Industrietaugliche DIN-Rail-Glasfaserl\u00f6sungen<\/h3>\n <p>\n Die RailConnect 7TE Hutschienenbox setzt neue Standards f\u00fcr industrielle Glasfaserverteilung in Schaltschr\u00e4nken. Mit standardisierter 7TE-Breite (35mm) und TH35-DIN-Rail-Kompatibilit\u00e4t integriert sie sich nahtlos in bestehende Automatisierungsinfrastrukturen und bietet robuste Glasfaseranbindung f\u00fcr Industrie 4.0-Anwendungen.\n <\/p>\n \n <ul class=\"product-highlights\">\n <li>7TE-Breite (35mm) f\u00fcr standardisierte DIN-Rail-Montage<\/li>\n <li>TH35-Hutschienen-kompatibel f\u00fcr universelle Schaltschrank-Integration<\/li>\n <li>Begrenzt staub- und feuchtigkeitsresistent f\u00fcr Industrieumgebungen<\/li>\n <li>Kompakte Bauform f\u00fcr platzkritische Schaltschrankanwendungen<\/li>\n <li>LC, SC und E2000-Steckervarianten verf\u00fcgbar<\/li>\n <li>Werkzeugfreie Installation auf Standard-Hutschienen<\/li>\n <li>Robuste Konstruktion f\u00fcr 25+ Jahre Betriebsdauer<\/li>\n <li>Europ\u00e4ische Fertigung mit 5-Jahres-Garantie<\/li>\n <\/ul>\n\n <p>\n <strong>Industrielle Flexibilit\u00e4t:<\/strong> Die RailConnect 7TE passt perfekt in jeden Standard-Schaltschrank und erm\u00f6glicht saubere Glasfaserverteilung ohne zus\u00e4tzlichen Platzbedarf. Ideal f\u00fcr Maschinenvernetzung, Produktionssteuerung und dezentrale Automatisierungssysteme.\n <\/p>\n\n <p>\n <strong>Vielseitige Einsatzgebiete:<\/strong> Perfekt f\u00fcr Industrieanlagen, Automatisierungstechnik, Maschinenbau, Geb\u00e4udetechnik, Verkehrssysteme und alle Anwendungen, die robuste Glasfaseranbindung in Schaltschrank-Umgebungen erfordern.\n <\/p>\n <\/div>\n <\/div>\n\n <!-- CTA Section -->\n <div class=\"cta-section\">\n <h4>\ud83d\uded2 RailConnect 7TE jetzt bestellen<\/h4>\n <p>\n Entdecken Sie die RailConnect 7TE Hutschienenboxen f\u00fcr Ihre Schaltschrank-Anwendungen. \n Verschiedene Faserkapazit\u00e4ten und Steckertypen verf\u00fcgbar f\u00fcr jeden Industrieeinsatz.\n <\/p>\n <a href=\"https:\/\/www.fiber-products.de\/de\/14-hutschienenboxen\" class=\"cta-button\" target=\"_blank\" rel=\"noopener\">\n \u2192 Zu den RailConnect Hutschienenboxen\n <\/a>\n <\/div>\n <\/section>\n <\/div>\n\n <!-- Image Modal -->\n <div class=\"image-modal\" id=\"imageModal\" onclick=\"closeModal()\">\n <div class=\"modal-content\" onclick=\"event.stopPropagation()\">\n <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\n <button class=\"modal-nav modal-prev\" onclick=\"previousImage()\">\u2039<\/button>\n <button class=\"modal-nav modal-next\" onclick=\"nextImage()\">\u203a<\/button>\n <img decoding=\"async\" class=\"modal-image\" id=\"modalImage\" src=\"\" alt=\"\">\n <div class=\"modal-counter\" id=\"modalCounter\">1 \/ 4<\/div>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Bildergalerie Daten\n const galleryImages = [\n {\n src: 'https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-09-40-scaled.jpeg',\n alt: 'RailConnect 7TE Hutschienenbox f\u00fcr professionelle DIN-Rail-Montage in Schaltschr\u00e4nken und Industrieanlagen'\n },\n {\n src: 'https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-10-02-scaled.jpeg',\n alt: 'RailConnect 7TE Hutschienenbox mit ge\u00f6ffnetem Deckel f\u00fcr einfache Glasfaser-Installation'\n },\n {\n src: 'https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-16-17-scaled.jpeg',\n alt: 'RailConnect 7TE Hutschienenbox kompakt installiert auf TH35-DIN-Rail f\u00fcr Industrieumgebungen'\n },\n {\n src: 'https:\/\/fiber-products.com\/wp-content\/uploads\/2025\/08\/2024-09-01-10-16-32-scaled-e1755712978617.jpeg',\n alt: 'RailConnect 7TE Hutschienenbox Detailansicht der robusten Konstruktion f\u00fcr Schaltschrank-Integration'\n }\n ];\n\n let currentImageIndex = 0;\n\n \/\/ Bildergalerie Funktionen\n function changeMainImage(src, alt) {\n const mainImage = document.getElementById('mainImage');\n \n \/\/ Find current image index\n currentImageIndex = galleryImages.findIndex(img => img.src === src);\n \n mainImage.style.opacity = '0';\n setTimeout(() => {\n mainImage.src = src;\n mainImage.alt = alt;\n mainImage.style.opacity = '1';\n }, 150);\n }\n\n function openModal(src, alt) {\n const modal = document.getElementById('imageModal');\n const modalImage = document.getElementById('modalImage');\n \n \/\/ Find current image index\n currentImageIndex = galleryImages.findIndex(img => img.src === src);\n \n modalImage.src = src;\n modalImage.alt = alt;\n modal.style.display = 'block';\n updateModalCounter();\n \n \/\/ Disable scroll\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n const modal = document.getElementById('imageModal');\n modal.style.display = 'none';\n \n \/\/ Enable scroll\n document.body.style.overflow = 'auto';\n }\n\n function nextImage() {\n currentImageIndex = (currentImageIndex + 1) % galleryImages.length;\n showModalImage();\n }\n\n function previousImage() {\n currentImageIndex = (currentImageIndex - 1 + galleryImages.length) % galleryImages.length;\n showModalImage();\n }\n\n function showModalImage() {\n const modalImage = document.getElementById('modalImage');\n const currentImage = galleryImages[currentImageIndex];\n \n modalImage.style.opacity = '0';\n setTimeout(() => {\n modalImage.src = currentImage.src;\n modalImage.alt = currentImage.alt;\n modalImage.style.opacity = '1';\n updateModalCounter();\n }, 150);\n }\n\n function updateModalCounter() {\n const counter = document.getElementById('modalCounter');\n counter.textContent = `${currentImageIndex + 1} \/ ${galleryImages.length}`;\n }\n\n \/\/ ESC Key und Pfeiltasten f\u00fcr Navigation\n document.addEventListener('keydown', function(event) {\n if (document.getElementById('imageModal').style.display === 'block') {\n switch(event.key) {\n case 'Escape':\n closeModal();\n break;\n case 'ArrowLeft':\n previousImage();\n break;\n case 'ArrowRight':\n nextImage();\n break;\n }\n }\n });\n\n \/\/ Animation on scroll\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 section = document.querySelector('.section');\n if (section) {\n section.style.opacity = '0';\n section.style.transform = 'translateY(20px)';\n section.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(section);\n }\n\n \/\/ Preload images for better UX\n galleryImages.forEach(image => {\n const img = new Image();\n img.src = image.src;\n });\n\n \/\/ Initialize modal image transition\n const modalImage = document.getElementById('modalImage');\n modalImage.style.transition = 'opacity 0.3s ease';\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>Technische Spezifikationen RailConnect Hutschienenboxen<\/title>\n <meta name=\"description\" content=\"RailConnect Hutschienenboxen 7TE, 8TE und Pro - Technische Daten f\u00fcr DIN-Rail-Montage. Europ\u00e4ische Fertigung mit 5-Jahres-Garantie.\">\n \n <style>\n \/* Fiber Products Global Design System *\/\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --text-muted: #666666;\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 --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 line-height: 1.6;\n color: var(--text-dark);\n background-color: var(--light-gray);\n padding: 20px;\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Section Styles *\/\n .section {\n background: var(--white);\n border-radius: 12px;\n padding: 60px 40px;\n margin-bottom: 30px;\n box-shadow: var(--box-shadow);\n }\n\n .section h2 {\n color: var(--primary-color);\n font-size: 36px;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 18px;\n margin-bottom: 40px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Stats Grid *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 30px;\n margin: 40px 0;\n }\n\n .stat-card {\n text-align: center;\n padding: 30px;\n background: var(--light-gray);\n border-radius: 12px;\n transition: var(--transition-smooth);\n }\n\n .stat-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--hover-shadow);\n }\n\n .stat-number {\n font-size: 48px;\n font-weight: 700;\n color: var(--primary-color);\n margin-bottom: 10px;\n }\n\n .stat-label {\n color: var(--text-muted);\n font-size: 16px;\n }\n\n \/* Specifications Table *\/\n .specs-table {\n width: 100%;\n border-collapse: collapse;\n margin: 30px 0;\n }\n\n .specs-table tr {\n border-bottom: 1px solid var(--border-gray);\n }\n\n .specs-table td {\n padding: 20px;\n font-size: 16px;\n }\n\n .specs-table td:first-child {\n font-weight: 600;\n color: var(--primary-color);\n width: 40%;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .section {\n padding: 40px 20px;\n }\n \n .section h2 {\n font-size: clamp(1.5rem, 5vw, 2rem);\n }\n \n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 10px;\n }\n\n .section {\n padding: 30px 15px;\n }\n\n .stats-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- Technische Spezifikationen Sektion -->\n <div class=\"container\">\n <section class=\"section\">\n <h2>Technische Spezifikationen<\/h2>\n <p class=\"section-subtitle\">\n RailConnect Hutschienenboxen f\u00fcr TH35-DIN-Rail-Montage mit europ\u00e4ischer Fertigungsqualit\u00e4t f\u00fcr Industrieanwendungen.\n <\/p>\n\n <div class=\"stats-grid\">\n <div class=\"stat-card\">\n <div class=\"stat-number\">12<\/div>\n <div class=\"stat-label\">Fasern maximal<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">7TE<\/div>\n <div class=\"stat-label\">Standard-Breite<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">TH35<\/div>\n <div class=\"stat-label\">DIN-Rail<\/div>\n <\/div>\n <div class=\"stat-card\">\n <div class=\"stat-number\">5<\/div>\n <div class=\"stat-label\">Jahre Garantie<\/div>\n <\/div>\n <\/div>\n\n <table class=\"specs-table\">\n <tr>\n <td>Modulbreiten<\/td>\n <td>7TE (35mm), 8TE (40mm) und Pro-Version \u2014 TH35-DIN-Rail-kompatibel<\/td>\n <\/tr>\n <tr>\n <td>Faserkapazit\u00e4ten<\/td>\n <td>2-12 Fasern je nach Modell \u2014 Kompakte Schaltschrank-Integration<\/td>\n <\/tr>\n <tr>\n <td>Hutschienen-Montage<\/td>\n <td>TH35-Standard f\u00fcr universelle Schaltschrank-Kompatibilit\u00e4t<\/td>\n <\/tr>\n <tr>\n <td>Steckertypen<\/td>\n <td>LC, SC, E2000 \u2014 Pro Geh\u00e4use einheitlicher Steckertyp<\/td>\n <\/tr>\n <tr>\n <td>Geh\u00e4useschutz<\/td>\n <td>Begrenzt staub- und feuchtigkeitsresistent f\u00fcr Industrieumgebungen<\/td>\n <\/tr>\n <tr>\n <td>Betriebstemperatur<\/td>\n <td>0\u00b0C bis +60\u00b0C \u2014 F\u00fcr Schaltschrank-Umgebungen optimiert<\/td>\n <\/tr>\n <tr>\n <td>Einsatzgebiete<\/td>\n <td>Industrieanlagen, Automatisierung, Schaltschr\u00e4nke, Maschinenbau<\/td>\n <\/tr>\n <tr>\n <td>Fertigung<\/td>\n <td>Europ\u00e4ische Produktion (Rum\u00e4nien) \u2014 Deutsche Ingenieursqualit\u00e4t<\/td>\n <\/tr>\n <tr>\n <td>Garantie<\/td>\n <td>5 Jahre Herstellergarantie \u2014 Wettbewerbsf\u00e4hige Preise auf Anfrage<\/td>\n <\/tr>\n <\/table>\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>RailConnect Hutschienenbox: Industrielle Glasfaser-Vernetzung<\/title>\n <style>\n \/* Fiber Products Corporate Design System *\/\n :root {\n \/* Prim\u00e4re Farbpalette *\/\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --primary-gradient: linear-gradient(135deg, #1457a3 0%, #0a3672 100%);\n \n \/* Sekund\u00e4re Farben *\/\n --accent-orange: #FF6B35;\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --text-muted: #666666;\n --border-gray: #e0e0e0;\n \n \/* Shadows *\/\n --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n --card-shadow: 0 2px 10px rgba(0,0,0,0.1);\n \n \/* Transitions *\/\n --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n line-height: 1.6;\n color: var(--text-dark);\n background-color: var(--light-gray);\n margin: 0;\n padding: 20px;\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Section *\/\n .section {\n background: var(--white);\n border-radius: 12px;\n padding: 60px 40px;\n margin-bottom: 30px;\n box-shadow: var(--box-shadow);\n }\n\n .section h2 {\n color: var(--primary-color);\n font-size: 36px;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 18px;\n margin-bottom: 40px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* Feature Icons Grid - EXAKT WIE SLIMCONNECT (3x2 Layout) *\/\n .feature-icons {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 25px;\n padding: 40px 0;\n max-width: 100%;\n }\n\n .feature-card {\n background: var(--white);\n border-radius: 16px;\n padding: 35px 25px;\n text-align: center;\n transition: var(--transition-smooth);\n border: 1px solid var(--border-gray);\n position: relative;\n overflow: hidden;\n box-shadow: var(--card-shadow);\n min-width: 0; \/* Wichtig f\u00fcr Grid-Overflow-Schutz *\/\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: var(--primary-gradient);\n transform: scaleX(0);\n transition: transform 0.3s ease;\n }\n\n .feature-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--hover-shadow);\n border-color: var(--primary-light);\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-icon {\n width: 80px;\n height: 80px;\n background: var(--light-gray);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 25px;\n font-size: 28px;\n color: var(--text-dark);\n transition: var(--transition-smooth);\n }\n\n .feature-card:hover .feature-icon {\n background: var(--primary-color);\n color: var(--white);\n transform: scale(1.1);\n }\n\n .feature-title {\n color: var(--text-dark);\n font-size: 18px;\n font-weight: 700;\n margin-bottom: 15px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .feature-description {\n color: var(--text-muted);\n font-size: 14px;\n line-height: 1.6;\n margin: 0;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 968px) {\n .feature-icons {\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .section {\n padding: 40px 20px;\n }\n \n .section h2 {\n font-size: 28px;\n }\n \n .feature-icons {\n grid-template-columns: 1fr;\n gap: 20px;\n padding: 20px 0;\n }\n \n .feature-card {\n padding: 25px 20px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 10px;\n }\n\n .section {\n padding: 30px 15px;\n }\n\n .section h2 {\n font-size: 24px;\n }\n\n .feature-title {\n font-size: 16px;\n }\n\n .feature-description {\n font-size: 13px;\n }\n }\n\n \/* Animation *\/\n .feature-card {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n .feature-card:nth-child(6) { animation-delay: 0.6s; }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <section class=\"section\">\n <h2>RailConnect Hutschienenbox: Industrielle Glasfaser-Vernetzung<\/h2>\n <p class=\"section-subtitle\">\n Kompakte DIN-Rail-Module f\u00fcr professionelle Glasfaser-Installation in industriellen Schaltschr\u00e4nken. Europ\u00e4ische Fertigungsqualit\u00e4t mit deutscher Ingenieurskunst f\u00fcr kontrollierte Innenr\u00e4ume und gesch\u00fctzte Umgebungen.\n <\/p>\n\n <div class=\"feature-icons\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udc8e<\/div>\n <h3 class=\"feature-title\">Diamond E2000 Technologie<\/h3>\n <p class=\"feature-description\">\n Schweizer Pr\u00e4zision mit vibrationsfesten Kontakten und integriertem Laserschutz. Pull-Proof Design verhindert versehentliches Trennen und Staubschutzkappen am Pigtail sorgen f\u00fcr langfristige Zuverl\u00e4ssigkeit.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udd27<\/div>\n <h3 class=\"feature-title\">DIN-Rail Montage<\/h3>\n <p class=\"feature-description\">\n Standard-Hutschienenmontage nach DIN EN 60715 f\u00fcr universelle Kompatibilit\u00e4t. Robuste Federstahlb\u00fcgel mit Anti-Vibrations-Rastung f\u00fcr dauerhaften Halt in industriellen Schaltschr\u00e4nken.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfed<\/div>\n <h3 class=\"feature-title\">Industrielle Anwendungen<\/h3>\n <p class=\"feature-description\">\n Entwickelt f\u00fcr Produktionsautomatisierung, Energieverteilung und Prozessindustrie. Begrenzt staub- und feuchtigkeitsresistent f\u00fcr gesch\u00fctzte Umgebungen und kontrollierte Innenr\u00e4ume.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udd00<\/div>\n <h3 class=\"feature-title\">Integrierte Splei\u00dfkassetten<\/h3>\n <p class=\"feature-description\">\n Gesch\u00fctzte Aufbewahrung von Fusionsplei\u00dfen mit optimierter Faserf\u00fchrung. Wartungsfreier Betrieb und professionelle Kabelreserven f\u00fcr verschiedene Anschlusszahlen von 2-24 Fasern.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udf10<\/div>\n <h3 class=\"feature-title\">Flexible Steckverbinder<\/h3>\n <p class=\"feature-description\">\n LC, SC und E2000 Steckverbinder verf\u00fcgbar. Sowohl APC als auch PC Varianten f\u00fcr Singlemode und Multimode Fasern \u2014 kompatibel mit verschiedenen Industriestandards und Protokollen.\n <\/p>\n <\/div>\n\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u2699\ufe0f<\/div>\n <h3 class=\"feature-title\">Europ\u00e4ische Qualit\u00e4t<\/h3>\n <p class=\"feature-description\">\n Europ\u00e4ische Fertigung mit deutscher Ingenieurskunst und 5-Jahres-Garantie. Wettbewerbsf\u00e4hige Preise bei Premium-Qualit\u00e4t f\u00fcr anspruchsvolle professionelle Glasfasernetze.\n <\/p>\n <\/div>\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>FAQ RailConnect Hutschienenbox<\/title>\n <style>\n \/* Corporate Design System *\/\n :root {\n --primary-color: #1457a3;\n --primary-dark: #0a3672;\n --primary-light: rgba(20, 87, 163, 0.1);\n --light-gray: #f5f5f5;\n --white: #ffffff;\n --text-dark: #333333;\n --text-muted: #666666;\n --border-gray: #e0e0e0;\n --card-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n --hover-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);\n --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: var(--light-gray);\n color: var(--text-dark);\n line-height: 1.6;\n }\n\n \/* Container *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Section *\/\n .section {\n background: var(--white);\n border-radius: 12px;\n padding: 60px 40px;\n margin-bottom: 30px;\n box-shadow: var(--card-shadow);\n }\n\n .section h2 {\n color: var(--primary-color);\n font-size: 36px;\n margin-bottom: 20px;\n text-align: center;\n }\n\n .section-subtitle {\n text-align: center;\n color: var(--text-muted);\n font-size: 18px;\n margin-bottom: 40px;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n }\n\n \/* FAQ Styles mit Dropdown *\/\n .faq-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .faq-item {\n margin-bottom: 20px;\n background: var(--light-gray);\n border-radius: 12px;\n overflow: hidden;\n border: 2px solid transparent;\n transition: var(--transition-smooth);\n }\n\n .faq-item:hover {\n border-color: var(--primary-light);\n }\n\n .faq-question {\n width: 100%;\n background: none;\n border: none;\n padding: 25px 30px;\n text-align: left;\n cursor: pointer;\n font-size: 18px;\n font-weight: 600;\n color: var(--primary-color);\n display: flex;\n justify-content: space-between;\n align-items: center;\n transition: var(--transition-smooth);\n position: relative;\n }\n\n .faq-question:hover {\n background: rgba(20, 87, 163, 0.05);\n }\n\n .faq-question::after {\n content: '+';\n font-size: 24px;\n font-weight: bold;\n color: var(--primary-color);\n transition: transform 0.3s ease;\n min-width: 24px;\n text-align: center;\n }\n\n .faq-question.active::after {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out, padding 0.3s ease-out;\n background: var(--white);\n }\n\n .faq-answer.active {\n max-height: 600px;\n padding: 25px 30px;\n }\n\n .faq-answer p {\n color: var(--text-dark);\n line-height: 1.7;\n margin: 0 0 15px 0;\n }\n\n .faq-answer p:last-child {\n margin-bottom: 0;\n }\n\n .faq-answer strong {\n color: var(--primary-color);\n font-weight: 600;\n }\n\n .faq-answer ul {\n margin: 15px 0;\n padding-left: 20px;\n }\n\n .faq-answer li {\n margin-bottom: 8px;\n color: var(--text-dark);\n }\n\n .product-highlight {\n color: var(--primary-color);\n font-weight: 600;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .section {\n padding: 40px 20px;\n }\n\n .section h2 {\n font-size: clamp(1.5rem, 5vw, 2rem);\n }\n\n .faq-question {\n padding: 20px;\n font-size: 16px;\n }\n\n .faq-answer.active {\n padding: 20px;\n }\n }\n\n @media (max-width: 480px) {\n .container {\n padding: 0 10px;\n }\n\n .section {\n padding: 30px 15px;\n }\n\n .faq-question {\n padding: 18px 15px;\n }\n\n .faq-answer.active {\n padding: 18px 15px;\n }\n }\n\n \/* Animation f\u00fcr neue FAQs *\/\n .faq-item {\n opacity: 0;\n transform: translateY(20px);\n animation: fadeInUp 0.6s ease forwards;\n }\n\n .faq-item:nth-child(1) { animation-delay: 0.1s; }\n .faq-item:nth-child(2) { animation-delay: 0.2s; }\n .faq-item:nth-child(3) { animation-delay: 0.3s; }\n .faq-item:nth-child(4) { animation-delay: 0.4s; }\n .faq-item:nth-child(5) { animation-delay: 0.5s; }\n .faq-item:nth-child(6) { animation-delay: 0.6s; }\n .faq-item:nth-child(7) { animation-delay: 0.7s; }\n .faq-item:nth-child(8) { animation-delay: 0.8s; }\n\n @keyframes fadeInUp {\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <section class=\"section\">\n <h2>H\u00e4ufige Fragen zur RailConnect Hutschienenbox<\/h2>\n <p class=\"section-subtitle\">\n Wichtige Antworten zur RailConnect 7TE Hutschienenbox mit TH35-DIN-Rail-Montage f\u00fcr industrielle Schaltschrank-Integration\n <\/p>\n\n <div class=\"faq-container\">\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Was macht die RailConnect 7TE f\u00fcr Industrieanwendungen besonders?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>7TE-Standard-Breite:<\/strong> <span class=\"product-highlight\">35mm Breite f\u00fcr TH35-DIN-Rail-Montage<\/span> \u2014 universelle Schaltschrank-Kompatibilit\u00e4t.<\/p>\n <p><strong>Robuste Konstruktion:<\/strong> Entwickelt f\u00fcr raue Industrieumgebungen mit Anti-Vibrations-Rastung und dauerhaftem Halt.<\/p>\n <p><strong>Kompakte Integration:<\/strong> Bis zu 12 Fasern pro Modul ohne zus\u00e4tzlichen Platzbedarf in bestehenden Schaltschr\u00e4nken.<\/p>\n <p><strong>Werkzeugfreie Installation:<\/strong> Einfaches Aufsetzen auf Standard-Hutschienen spart Zeit und Installationskosten.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Diamond E2000 Vorteile bietet RailConnect?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Schweizer Pr\u00e4zision:<\/strong> <span class=\"product-highlight\">DIAMOND E2000-Stecker<\/span> mit vibrationsfesten Kontakten f\u00fcr industrielle Zuverl\u00e4ssigkeit.<\/p>\n <p><strong>Pull-Proof Design:<\/strong> Verhindert versehentliches Trennen durch mechanische Sicherung und robuste Verriegelung.<\/p>\n <p><strong>Integrierter Laserschutz:<\/strong> Automatische Shutterkappe sch\u00fctzt vor Laser-Exposition bei getrennten Verbindungen.<\/p>\n <p><strong>Staubschutz:<\/strong> Schutzkappe am Pigtail verhindert Kontamination in staubigen Industrieumgebungen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n F\u00fcr welche industriellen Anwendungen ist RailConnect geeignet?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Produktionsautomatisierung:<\/strong> Vernetzung von SPS-Systemen, Industrie-Switches und Vision-Systemen in Maschinenschaltschr\u00e4nken.<\/p>\n <p><strong>Energieverteilung:<\/strong> <span class=\"product-highlight\">Kraftwerke und Umspannwerke<\/span> f\u00fcr Mess-, Steuer- und Regeltechnik mit galvanischer Trennung.<\/p>\n <p><strong>Prozessindustrie:<\/strong> Chemische Anlagen und Raffinerien f\u00fcr Vernetzung von Mess- und Leitsystemen.<\/p>\n <p><strong>Automatisierungstechnik:<\/strong> Safety-Bus-Systeme und Hochgeschwindigkeits-Encoder-Signale in EMV-kritischen Umgebungen.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Wie erfolgt die DIN-Rail-Montage bei RailConnect?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Standard-Hutschienenmontage:<\/strong> Nach DIN EN 60715 f\u00fcr universelle Kompatibilit\u00e4t mit allen TH35-Hutschienen.<\/p>\n <p><strong>Einfache Installation:<\/strong> <span class=\"product-highlight\">Aufsetzen auf DIN-Rail<\/span> bis Rastung einschnappt \u2014 seitliche Fixierung bei Bedarf nachziehen.<\/p>\n <p><strong>Anti-Vibrations-Mechanismus:<\/strong> Spezielle Rastungen verhindern selbstt\u00e4tiges L\u00f6sen bei starken Vibrationen.<\/p>\n <p><strong>Modulare Erweiterung:<\/strong> Mehrere RailConnect-Module nebeneinander f\u00fcr gr\u00f6\u00dfere Anschlusszahlen installierbar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Faserkapazit\u00e4ten und Steckertypen sind verf\u00fcgbar?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Faserkapazit\u00e4ten:<\/strong> 2-12 Fasern je nach Modell f\u00fcr verschiedene Schaltschrank-Anwendungen.<\/p>\n <p><strong>LC-Stecker:<\/strong> <span class=\"product-highlight\">Kompakte LC-Duplex-Verbindungen<\/span> f\u00fcr moderne Industrienetzwerke.<\/p>\n <p><strong>SC-Stecker:<\/strong> Bew\u00e4hrt f\u00fcr robuste Backbone-Verbindungen in rauen Industrieumgebungen.<\/p>\n <p><strong>E2000-Stecker:<\/strong> Premium DIAMOND E2000 f\u00fcr h\u00f6chste Qualit\u00e4tsanspr\u00fcche mit Schweizer Pr\u00e4zision.<\/p>\n <p><strong>APC\/PC Varianten:<\/strong> Singlemode und Multimode f\u00fcr verschiedene Industrieprotokolle verf\u00fcgbar.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Welche Betriebsbedingungen unterst\u00fctzt RailConnect?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Betriebstemperatur:<\/strong> 0\u00b0C bis +60\u00b0C f\u00fcr Standard-Schaltschrank-Umgebungen und kontrollierte Innenr\u00e4ume.<\/p>\n <p><strong>Umgebungsschutz:<\/strong> <span class=\"product-highlight\">Begrenzt staub- und feuchtigkeitsresistent<\/span> f\u00fcr gesch\u00fctzte Industrieumgebungen.<\/p>\n <p><strong>Robuste Konstruktion:<\/strong> Vibrations- und schockresistente Bauweise f\u00fcr 25+ Jahre Betriebsdauer.<\/p>\n <p><strong>Normkonformit\u00e4t:<\/strong> CE-Kennzeichnung und Einhaltung industrieller Standards f\u00fcr professionelle Installation.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Was unterscheidet RailConnect von anderen Hutschienenboxen?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Europ\u00e4ische Qualit\u00e4t:<\/strong> Europ\u00e4ische Fertigung mit deutscher Ingenieurskunst und 5-Jahres-Garantie.<\/p>\n <p><strong>DIAMOND E2000 Option:<\/strong> <span class=\"product-highlight\">Schweizer Pr\u00e4zision<\/span> mit vibrationsfesten Kontakten und Pull-Proof Design.<\/p>\n <p><strong>Standardisierte Bauweise:<\/strong> 7TE-Breite f\u00fcr optimale Schaltschrank-Integration ohne Anpassungen.<\/p>\n <p><strong>Integrierte Splei\u00dfkassetten:<\/strong> Gesch\u00fctzte Fusionsplei\u00dfaufnahme mit optimierter Faserf\u00fchrung und Kabelreserven.<\/p>\n <p><strong>Wettbewerbsf\u00e4hige Preise:<\/strong> Premium-Qualit\u00e4t zu europ\u00e4ischen Produktionskosten \u2014 Preise auf Anfrage.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"faq-item\">\n <button class=\"faq-question\">\n Wie erfolgt Bestellung und technischer Support?\n <\/button>\n <div class=\"faq-answer\">\n <p><strong>Online-Shop:<\/strong> Direkter Zugang zu allen RailConnect-Modellen \u00fcber den Fiber Products Online-Shop.<\/p>\n <p><strong>Standard-Lieferzeiten:<\/strong> <span class=\"product-highlight\">2-4 Wochen<\/span> f\u00fcr Standard-Konfigurationen, Express-Lieferung nach Absprache.<\/p>\n <p><strong>Projektberatung:<\/strong> Individuelle Beratung f\u00fcr spezifische Industrieanforderungen und Gro\u00dfprojekte.<\/p>\n <p><strong>Technischer Support:<\/strong> Umfassende Unterst\u00fctzung bei Planung, Installation und Integration in Automatisierungskonzepte.<\/p>\n <p><strong>Konstruktionszeichnungen:<\/strong> Detaillierte technische Dokumentation vor Fertigung f\u00fcr pr\u00e4zise Projektplanung.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n <script>\n \/\/ FAQ Dropdown Funktionalit\u00e4t\n document.addEventListener('DOMContentLoaded', function() {\n const faqQuestions = document.querySelectorAll('.faq-question');\n\n faqQuestions.forEach(question => {\n question.addEventListener('click', function() {\n const faqItem = this.parentElement;\n const answer = faqItem.querySelector('.faq-answer');\n const isActive = this.classList.contains('active');\n\n \/\/ Alle anderen FAQs schlie\u00dfen\n faqQuestions.forEach(otherQuestion => {\n if (otherQuestion !== this) {\n const otherItem = otherQuestion.parentElement;\n const otherAnswer = otherItem.querySelector('.faq-answer');\n otherQuestion.classList.remove('active');\n otherAnswer.classList.remove('active');\n }\n });\n\n \/\/ Aktuellen FAQ-Eintrag togglen\n if (!isActive) {\n this.classList.add('active');\n answer.classList.add('active');\n } else {\n this.classList.remove('active');\n answer.classList.remove('active');\n }\n });\n });\n });\n\n \/\/ Smooth scroll f\u00fcr bessere UX\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\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>RailConnect Hutschienenboxen \u2014 Glasfaserl\u00f6sungen f\u00fcr verschiedene Branchen<\/title>\n <meta name=\"description\" content=\"RailConnect Hutschienenboxen 7TE f\u00fcr TH35-DIN-Rail-Montage. Europ\u00e4ische Fertigung mit 5-Jahres-Garantie f\u00fcr Industrie, Automatisierung und Schaltschrank-Integration.\">\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<!-- Target Groups Section -->\n<section id=\"zielgruppen\" class=\"target-groups\">\n <div class=\"section-container\">\n <div class=\"section-header\">\n <h2 class=\"section-title\">RailConnect Hutschienenboxen f\u00fcr verschiedene Branchen<\/h2>\n <p class=\"section-subtitle\">\n 7TE-Hutschienenboxen f\u00fcr TH35-DIN-Rail-Montage \u2014 robuste Glasfaserl\u00f6sungen f\u00fcr Schaltschr\u00e4nke und Industrieumgebungen\n <\/p>\n <\/div>\n\n <div class=\"groups-grid\">\n <!-- Industrie -->\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=\"RailConnect Hutschienenboxen f\u00fcr Industrie - Robuste 7TE-Glasfaserl\u00f6sungen f\u00fcr Industrie 4.0 und Produktionsumgebungen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Industrie 4.0<\/h3>\n <p class=\"group-description\">\n Robuste 7TE-Hutschienenboxen f\u00fcr Industrie 4.0 und Produktionsumgebungen \u2014 perfekt f\u00fcr Schaltschrank-Integration und Maschinenvernetzung\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 <!-- Systemintegratoren -->\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=\"RailConnect Hutschienenboxen f\u00fcr Systemintegratoren - Flexible 7TE-Module f\u00fcr kundenspezifische Schaltschrank-Projektl\u00f6sungen\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Systemintegratoren<\/h3>\n <p class=\"group-description\">\n Flexible 7TE-Hutschienenboxen f\u00fcr kundenspezifische Schaltschrank-Projektl\u00f6sungen \u2014 DIN-Rail-kompatibel f\u00fcr universelle Integration\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 <!-- Stadtwerke -->\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=\"RailConnect Hutschienenboxen f\u00fcr Stadtwerke - Kompakte Glasfaserl\u00f6sungen f\u00fcr kommunale Verteilerstationen und Technikr\u00e4ume\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Stadtwerke<\/h3>\n <p class=\"group-description\">\n Kompakte Hutschienenboxen f\u00fcr kommunale Verteilerstationen und Technikr\u00e4ume \u2014 platzsparende DIN-Rail-Montage in bestehenden Schaltschr\u00e4nken\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 <!-- Systemh\u00e4user -->\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=\"RailConnect Hutschienenboxen f\u00fcr Systemh\u00e4user - Professionelle IT-Glasfaserl\u00f6sungen f\u00fcr Schaltschrank-Integration\"\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-Glasfaserl\u00f6sungen f\u00fcr Schaltschrank-Integration \u2014 7TE-Hutschienenboxen f\u00fcr verschiedene Kundenprojekte und Anwendungen\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 <!-- Verkehrsbetriebe -->\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=\"RailConnect Hutschienenboxen f\u00fcr Verkehrsbetriebe - Robuste Glasfaserverteilung f\u00fcr \u00f6ffentliche Verkehrssysteme und Stellwerke\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Verkehrsbetriebe<\/h3>\n <p class=\"group-description\">\n Robuste Hutschienenboxen f\u00fcr \u00f6ffentliche Verkehrssysteme und Stellwerke \u2014 zuverl\u00e4ssige DIN-Rail-Glasfaserverteilung f\u00fcr kritische Infrastrukturen\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 <!-- Installateure -->\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=\"RailConnect Hutschienenboxen f\u00fcr Installateure - Professionelle 7TE-Glasfaserkomponenten f\u00fcr effiziente Schaltschrank-Installation\"\n loading=\"lazy\">\n <\/div>\n <div class=\"group-content\">\n <h3 class=\"group-title\">Installateure<\/h3>\n <p class=\"group-description\">\n Professionelle 7TE-Glasfaserkomponenten f\u00fcr effiziente Schaltschrank-Installation \u2014 werkzeugfreie DIN-Rail-Montage spart Zeit und Kosten\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 <\/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 --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\/* 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\n@media (max-width: 768px) {\n .target-groups {\n padding: 80px 0;\n }\n \n .section-container {\n padding: 0 15px;\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 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<!-- Schema.org Strukturierte Daten f\u00fcr Zielgruppen -->\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Service\",\n \"name\": \"RailConnect Hutschienenboxen 7TE f\u00fcr verschiedene Branchen\",\n \"description\": \"7TE-Hutschienenboxen f\u00fcr TH35-DIN-Rail-Montage in Schaltschr\u00e4nken - robuste Glasfaserl\u00f6sungen f\u00fcr Industrie, Systemintegration und Automatisierung\",\n \"provider\": {\n \"@type\": \"Organization\",\n \"name\": \"Fiber Products\"\n },\n \"serviceType\": \"Hutschienenboxen 7TE\",\n \"audience\": [\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Industrie\",\n \"name\": \"Industrie 4.0 Hutschienenboxen\"\n },\n {\n \"@type\": \"Audience\", \n \"audienceType\": \"Systemintegratoren\",\n \"name\": \"Flexible Schaltschrank-Projektl\u00f6sungen\"\n },\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Stadtwerke\", \n \"name\": \"Kommunale Verteilerstationen\"\n },\n {\n \"@type\": \"Audience\",\n \"audienceType\": \"Verkehrsbetriebe\",\n \"name\": \"\u00d6ffentliche Verkehrssysteme\"\n }\n ]\n}\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n<\/div><\/div>\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>Hutschienenbox CTA<\/title>\n<\/head>\n<body>\n\n<!-- CTA Sektion f\u00fcr Hutschienenboxen -->\n<div class=\"container\">\n <div class=\"cta-section\" id=\"beratung\">\n <h2 class=\"cta-title\">Bereit f\u00fcr industrielle Glasfaser-Hutschienenboxen?<\/h2>\n <p class=\"cta-description\">\n Sprechen Sie mit unseren Industrie-Experten \u00fcber Ihr DIN-Rail Glasfaser-Projekt. \n Kostenlose Beratung, robuste Hutschienenboxen und ma\u00dfgeschneiderte Schaltschrank-L\u00f6sungen f\u00fcr anspruchsvolle Industrieumgebungen.\n <\/p>\n \n <div class=\"cta-buttons\">\n <a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\" class=\"cta-button primary\">\ud83d\udcac Jetzt anfragen<\/a>\n <a href=\"https:\/\/fiber-products.de\" class=\"cta-button secondary\" target=\"_blank\" rel=\"noopener\">\ud83d\uded2 Shop besuchen<\/a>\n <\/div>\n \n <div style=\"margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(20, 87, 163, 0.2);\">\n <p style=\"font-size: 14px; color: #666666; margin-bottom: 10px;\">\n \u2713 Kostenlose Erstberatung \u2713 DIN-Rail kompatibel \u2713 IP65-Schutz \u2713 5 Jahre Garantie\n <\/p>\n <p style=\"font-size: 12px; color: #999999;\">\n Robuste Hutschienenboxen f\u00fcr Industrie, Automatisierung und anspruchsvolle Schaltschrank-Anwendungen\n <\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<style>\n\/* Container *\/\n.container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n}\n\n\/* Call-to-Action *\/\n.cta-section {\n background: #ffffff;\n padding: 60px 40px;\n border-radius: 16px;\n text-align: center;\n border: 2px solid #1457a3;\n margin: 40px 0;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n}\n\n.cta-title {\n color: #1457a3;\n font-size: 32px;\n margin-bottom: 20px;\n font-weight: 700;\n}\n\n.cta-description {\n color: #666666;\n font-size: 18px;\n margin-bottom: 30px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.6;\n}\n\n.cta-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.cta-button {\n display: inline-block;\n padding: 16px 32px;\n font-size: 16px;\n font-weight: 600;\n text-decoration: none;\n border-radius: 8px;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n}\n\n.cta-button.primary {\n background: #1457a3;\n color: #ffffff;\n}\n\n.cta-button.primary:hover {\n background: #0a3672;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(20, 87, 163, 0.3);\n}\n\n.cta-button.secondary {\n background: #FF6B35;\n color: #ffffff;\n}\n\n.cta-button.secondary:hover {\n background: #E85D2C;\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(255, 107, 53, 0.3);\n}\n\n\/* Responsive Design *\/\n@media (max-width: 768px) {\n .container {\n padding: 0 15px;\n }\n \n .cta-section {\n padding: 40px 20px;\n }\n \n .cta-title {\n font-size: 28px;\n }\n \n .cta-description {\n font-size: 16px;\n }\n \n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n \n .cta-button {\n width: 250px;\n }\n}\n\n@media (max-width: 480px) {\n .cta-title {\n font-size: 24px;\n }\n \n .cta-description {\n font-size: 14px;\n }\n \n .cta-button {\n width: 100%;\n max-width: 280px;\n }\n}\n<\/style>\n\n<script>\n\/\/ Animation on scroll\nconst observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n};\n\nconst 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\ndocument.addEventListener('DOMContentLoaded', function() {\n const ctaSection = document.querySelector('.cta-section');\n if (ctaSection) {\n ctaSection.style.opacity = '0';\n ctaSection.style.transform = 'translateY(20px)';\n ctaSection.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n observer.observe(ctaSection);\n }\n});\n\n\/\/ Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\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>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 <!-- Footer -->\n \n<!-- Anfrage CTA Block -->\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=\"https:\/\/fiber-products.com\/de\/spleissbox-1he\/telekommunikation\/\">Telekommunikation<\/a><\/li>\n <li><a href=\"\/rechenzentren\">Rechenzentren<\/a><\/li>\n <li><a href=\"\/industrie\">Industrie<\/a><\/li>\n <\/ul>\n <\/div>\n \n <div class=\"footer-section\">\n <h3>Unternehmen<\/h3>\n <ul>\n <li><a href=\"https:\/\/www.fiber-products.de\/de\/\" target=\"_blank\" rel=\"noopener\">Shop<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\">Kontakt<\/a><\/li>\n <li><a href=\"\/karriere\">\u00dcber uns<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\/de\/anfrage\/\">Partner werden<\/a><\/li>\n <li><a href=\"https:\/\/fiber-products.com\">Blog<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <div class=\"footer-bottom\">\n <p>© 2025 Fiber Products. Alle Rechte vorbehalten. | \n <a href=\"\/datenschutz\" style=\"color: rgba(255,255,255,0.6);\">Datenschutz<\/a> | \n <a href=\"https:\/\/fiber-products.com\/de\/impressum\/\" style=\"color: rgba(255,255,255,0.6);\">Impressum<\/a> | \n <a href=\"\/agb\" style=\"color: rgba(255,255,255,0.6);\">AGB<\/a>\n <\/p>\n <\/div>\n <\/footer>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hutschienenbox CTA Bereit f\u00fcr industrielle Glasfaser-Hutschienenboxen? Sprechen Sie mit unseren Industrie-Experten \u00fcber Ihr DIN-Rail Glasfaser-Projekt. Kostenlose Beratung, robuste Hutschienenboxen und ma\u00dfgeschneiderte Schaltschrank-L\u00f6sungen f\u00fcr anspruchsvolle Industrieumgebungen. \ud83d\udcac Jetzt anfragen \ud83d\uded2 Shop…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"{\"coblocks-column-630144632101\":{\"padding\":{}}}","_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":"","footnotes":""},"class_list":["post-3018","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Fiber Products GmbH","author_link":"https:\/\/fiber-products.com\/de\/author\/wpusername3873\/"},"uagb_comment_info":0,"uagb_excerpt":"Hutschienenbox CTA Bereit f\u00fcr industrielle Glasfaser-Hutschienenboxen? Sprechen Sie mit unseren Industrie-Experten \u00fcber Ihr DIN-Rail Glasfaser-Projekt. Kostenlose Beratung, robuste Hutschienenboxen und ma\u00dfgeschneiderte Schaltschrank-L\u00f6sungen f\u00fcr anspruchsvolle Industrieumgebungen. \ud83d\udcac Jetzt anfragen \ud83d\uded2 Shop...","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3018","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=3018"}],"version-history":[{"count":57,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3018\/revisions"}],"predecessor-version":[{"id":6333,"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/pages\/3018\/revisions\/6333"}],"wp:attachment":[{"href":"https:\/\/fiber-products.com\/de\/wp-json\/wp\/v2\/media?parent=3018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}