<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DALI-2 Dimm-Systeme</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%); color: #1a202c; line-height: 1.7; } .container { max-width: 1000px; margin: 0 auto; padding: 60px 20px; } .hero { text-align: center; margin-bottom: 80px; } .hero h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); font-weight: 300; color: #2d3748; margin-bottom: 20px; letter-spacing: -0.02em; } .hero .subtitle { font-size: 1.2rem; color: #718096; font-weight: 300; margin-bottom: 40px; } .hero .description { font-size: 1rem; color: #4a5568; max-width: 700px; margin: 0 auto; } .section { margin-bottom: 60px; } .section h2 { font-size: 1.8rem; font-weight: 400; color: #2d3748; margin-bottom: 20px; border-left: 4px solid #3182ce; padding-left: 20px; } .section p { color: #4a5568; margin-bottom: 16px; } .benefits { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin: 40px 0; } .benefit-card { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border-radius: 12px; padding: 30px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); transition: transform 0.2s ease; } .benefit-card:hover { transform: translateY(-5px); } .benefit-card h3 { color: #3182ce; font-size: 1.1rem; font-weight: 600; margin-bottom: 10px; } .benefit-card p { font-size: 0.95rem; color: #4a5568; } .comparison-section { margin: 80px 0; } .comparison-title { text-align: center; font-size: 1.5rem; font-weight: 400; color: #2d3748; margin-bottom: 40px; font-style: italic; } .table-container { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(10px); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.3); } table { width: 100%; border-collapse: collapse; } th { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; text-align: left; font-weight: 500; font-size: 0.95rem; letter-spacing: 0.5px; } th:first-child { width: 20%; } td { padding: 20px; border-bottom: 1px solid #e2e8f0; vertical-align: top; font-size: 0.9rem; } td:first-child { background: #f7fafc; font-weight: 500; color: #4a5568; } tr:last-child td { border-bottom: none; } .highlight { background: linear-gradient(135deg, #48bb78 0%, #38a169 100%); color: white; padding: 2px 6px; border-radius: 4px; font-size: 0.85em; font-weight: 500; } .conclusion { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border-radius: 16px; padding: 40px; text-align: center; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.3); margin: 60px 0; } .conclusion h3 { font-size: 1.3rem; color: #2d3748; margin-bottom: 15px; font-weight: 500; } .conclusion p { font-size: 1rem; color: #4a5568; } .products-section { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px); border-radius: 16px; padding: 40px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); border: 1px solid rgba(255, 255, 255, 0.3); } .products-section h3 { color: #3182ce; font-size: 1.4rem; margin-bottom: 20px; font-weight: 500; } .products-list { list-style: none; margin: 20px 0; } .products-list li { padding: 8px 0; color: #4a5568; position: relative; padding-left: 20px; } .products-list li::before { content: '•'; color: #3182ce; position: absolute; left: 0; font-weight: bold; } @media (max-width: 768px) { .container { padding: 40px 15px; } .benefits { grid-template-columns: 1fr; gap: 20px; } .benefit-card { padding: 20px; } th, td { padding: 15px 12px; font-size: 0.85rem; } th:first-child { width: 25%; } } </style> </head> <body> <div class="container"> <!-- Hero Section --> <div class="hero"> <h1>DALI-2 Dimm-Systeme</h1> <p class="subtitle">Intelligente Lichtsteuerung für maximale Effizienz</p> <p class="description"> DALI-2 ist der international anerkannte Standard für digitale Lichtsteuerung und stellt die Weiterentwicklung des ursprünglichen DALI-Standards dar. Mit DALI-2 profitieren Anwender von noch mehr <strong>Kompatibilität, Flexibilität und Effizienz</strong> in der Beleuchtungssteuerung. </p> </div> <!-- Was ist DALI-2 Section --> <div class="section"> <h2>Was ist DALI-2?</h2> <p> DALI-2 (Digital Addressable Lighting Interface) ist ein herstellerübergreifendes Protokoll, das die Kommunikation zwischen Leuchten, Sensoren und Steuergeräten ermöglicht. Im Gegensatz zu herkömmlichen Dimmsystemen bietet DALI-2 eine <strong>präzise, stufenlose Steuerung</strong> von Helligkeit und Lichtfarbe. </p> </div> <!-- Benefits Section --> <div class="section"> <h2>Vorteile von DALI-2 Dimmsystemen</h2> <div class="benefits"> <div class="benefit-card"> <h3>Energieeffizienz</h3> <p>Optimierte Lichtnutzung reduziert den Stromverbrauch nachhaltig.</p> </div> <div class="benefit-card"> <h3>Flexibilität</h3> <p>Einzelne Leuchten oder Gruppen lassen sich individuell steuern.</p> </div> <div class="benefit-card"> <h3>Kompatibilität</h3> <p>Durch den einheitlichen Standard sind Geräte verschiedener Hersteller kombinierbar.</p> </div> <div class="benefit-card"> <h3>Komfort</h3> <p>Automatische Szenensteuerung und Integration von Sensoren sorgen für ein intelligentes Lichtmanagement.</p> </div> </div> </div> <!-- Comparison Section --> <div class="comparison-section"> <div class="comparison-title">Gegenüberstellung zentraler Merkmale</div> <div class="table-container"> <table> <thead> <tr> <th>Bereich</th> <th>DALI (Version 1)</th> <th>DALI-2</th> </tr> </thead> <tbody> <tr> <td>Kompatibilität</td> <td>Hersteller hatten Spielraum → oft Probleme bei Mischsystemen</td> <td><span class="highlight">Offizielle Zertifizierung</span> sorgt für echte Interoperabilität</td> </tr> <tr> <td>Geräteklassen</td> <td>Fokus auf Leuchten (Dimmen, EVG)</td> <td><span class="highlight">Erweiterung</span> um Schalter, Regler und Sensoren</td> </tr> <tr> <td>Kommunikation</td> <td>Bis zu 64 Geräte, kaum Rückmeldungen</td> <td>64 Leuchten + zusätzliche Geräte, <span class="highlight">Status-Feedback & Fehlerdiagnose</span></td> </tr> <tr> <td>Funktionen</td> <td>Grundfunktionen: Ein/Aus, Dimmen
