<font size="+1"> <h2>Was ist das Dräger O2 Small System?</h2> <p>Das Dräger O² Small System ist ein vorkonfiguriertes Gaswarnset zur permanenten Überwachung des Sauerstoffgehalts in Innenräumen. Es besteht aus der VarioGard Zentrale und dem präzisen VarioGard 3000 EC O₂ Sensor, die gemeinsam für zuverlässige Messungen sorgen. Bei Grenzwertüberschreitungen werden optische und akustische Warnmittel automatisch ausgelöst. Für eine besonders schnelle und einfache Inbetriebnahme kann das Set bereits ab Werk vorinstalliert geliefert werden.<br><br> Die elektronische Abnahme beim Kunden umfasst eine Sichtprüfung auf Beschädigungen oder Verunreinigungen, das Beaufschlagen der Sensoren mit Null- und Prüfgas zum Abgleich der Anzeigewerte, des Messbereichs und der Alarmschwellen, eine ggf. erforderliche Justage, das Auslösen der konfigurierten Schaltfunktionen sowie die vollständige Dokumentation der Prüfergebnisse inklusive Abnahmeprotokoll.</p> <h2>Produktvorteile</h2> <div class="vorteilDiv"> <img src="https://shop.draeger.com/media/a6/49/80/1690272756/Icon_ Industrieerprobte_Verlaesslichkeit.png?ts=1747237236" class="vorteilImg"> <div class="infotext"> <p class="vorteil"><strong>Industrieerprobte Verlässlichkeit</strong></p> <p class="vorteil">DrägerSensoren sind seit Jahren in der Industrie für Zuverlässigkeit und Qualität bekannt.</p> </div> </div> <br> <div class="vorteilDiv"> <img src="https://shop.draeger.com/media/60/a3/79/1690272763/Icon_Einfache Handhabung.png?ts=1747237237" class="vorteilImg"> <div class="infotext"> <p class="vorteil"><strong>Einfache Handhabung</strong></p> <p class="vorteil">Schnelle, unkomplizierte Installation und Inbetriebnahme der Small Systems durch optionale Vorinbetriebnahme</p> </div> </div> </font> <br><br> <h2>Produktmerkmale</h2> <div class="merkmaleContainer"> <img src="https://shop.draeger.com/media/0a/95/bf/1762938867/O2-Ueberwachung.jpg?ts=1762938867" alt="Produktmerkmale Bild" class="merkmaleImg"> <div class="label desktop" style="top: 75%; left: 5%;"> Auswerteeinheit:<br><strong>VarioGard Zentrale</strong> </div> <div class="label desktop" style="top: 28%; left: 10%;">Warnhinweise</div> <div class="label desktop" style="top: 25%; left: 35%;"> Warnmittel:<br><strong>Blitzlichthupe rot</strong> </div> <div class="label desktop" style="top: 67%; left: 50%;"> Transmitter:<br><strong>VarioGard 300 EC O₂</strong> </div> <button data-info="Auswerteeinheit: VarioGard Zentrale" class="infoIcon mobile" style="top: 75%; left: 5%;" type="button"> <span>i</span> </button> <button data-info="Warnhinweise" class="infoIcon mobile" style="top: 28%; left: 10%;" type="button"> <span>i</span> </button> <button data-info="Warnmittel: Blitzlichthupe rot" class="infoIcon mobile" style="top: 25%; left: 35%;" type="button"> <span>i</span> </button> <button data-info="Transmitter: VarioGard 300 EC O₂" class="infoIcon mobile" style="top: 67%; left: 50%;" type="button"> <span>i</span> </button> </div> <div role="dialog" class="vgTooltip" id="vg-tooltip"></div> <br> <h2>Lieferumfang</h2> <font size="+1"> <ul> <li>1x VarioGard Zentrale DE 230V Wandmontage</li> <li>1x VarioGard 3000 EC O2</li> <li>2x Blitzlichhupe rot, (LED-Blitz/Einzel-Dauerton); non-Ex; 230 V AC; 110dB(A); IP66; inkl. Midi Winkel Kabelverschraubung</li> <li>2x Kunststoff-Schild 300x150x1,5 (zweizeillig)</li> </ul> <h2> Einsatzmöglichkeiten</h2> <p>Das System ist ideal geeignet zur permanenten Sauerstoffüberwachung in Laboren, Technik- und Lagerräumen mit Sauerstoffzufuhr und sorgt überall dort für Sicherheit, wo ein normgerechter Betrieb erforderlich ist.</p> <h2>Zertifikate</h2> <p><strong>VarioGard 3000 EC O2</strong></p> <table class="table-striped info-table"> <tr> <th>Gehäuseschutzklasse:</th> <td>IP65</td> </tr> <tr> <th>Elektrische Sicherheit:</th> <td>CE</td> </tr> </table> <p><strong>Normenkonformität<br></strong><br>VDI 2053<br>EN 50545-1</p> </font> <style> .merkmaleContainer { position: relative; width: 90%; max-width: 1000px; margin: 20px 0; } .merkmaleImg { display: block; width: 100%; height: auto; } /* Desktop-Labels */ .label { position: absolute; background: white; color: #000; padding: 6px 10px; border-radius: 4px; font-size: 16px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); cursor: default; transition: all 0.25s ease-in-out; z-index: 1; } .label:hover { background: #002766; color: #fff; transform: scale(1.05); } /* Runde Info-Icons für Mobile */ .infoIcon { display: none; /* per Default ausgeblendet (Desktop) */ position: absolute; width: 25px; height: 25px; border-radius: 50%; background: #002766; border: 2px solid var(--brand); color: #fff; font-size: 16px; display: none; place-items: center; /* zentriert das Symbol */ cursor: pointer; user-select: none; transform: translate(-50%, -50%); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); z-index: 10; /* über dem Bild */ appearance: none; -webkit-appearance: none; touch-action: manipulation; line-height: 1; } .infoIcon span { pointer-events: none; /* Symbol klicksicher */ } .infoIcon:active { transform: translate(-50%, -50%) scale(0.97); } /* Tooltip (umbenannt, um Konflikte mit Frameworks zu vermeiden) */ .vgTooltip { position: fixed; display: none; /* wird per JS auf block gesetzt */ background-color: white; color: black; padding: 10px 14px; border-radius: 6px; font-size: 14px; max-width: 280px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3); z-index: 9999; opacity: 1 !important; /* überschreibt evtl. globale .tooltip-Regeln */ pointer-events: auto; } /* Responsive Verhalten */ @media (max-width: 700px) { .desktop { display: none; } .mobile { display: inline-grid; } /* Icons nur mobil anzeigen */ } .vorteilImg { max-width: 50px; } .vorteilDiv { display: flex; flex-direction: row; } .infotext { margin-left: 30px; } .vorteil { margin-bottom: 0px; } .info-table { width: 100%; border-collapse: collapse; margin: 20px 0; } .info-table th, .info-table td { padding: 10px; text-align: left; width: 50%; } .info-table th { max-width: 50%; } .info-table tr:nth-child(odd) { background-color: #f8f8f8; } </style> <script> (function () { const tooltip = document.getElementById("vg-tooltip"); const icons = document.querySelectorAll(".infoIcon.mobile"); let activeIcon = null; function clamp(value, min, max) { return Math.max(min, Math.min(value, max)); } function showTooltip(icon) { const rect = icon.getBoundingClientRect(); tooltip.textContent = icon.getAttribute("data-info"); tooltip.style.display = "block"; requestAnimationFrame(() => { const margin = 12; // bevorzugt unter dem Icon, sonst darüber const desiredTopBelow = rect.bottom + 8; const desiredTopAbove = rect.top - tooltip.offsetHeight - 8; let top = desiredTopBelow; if (desiredTopBelow + tooltip.offsetHeight + margin > window.innerHeight) { top = Math.max(margin, desiredTopAbove); } let left = rect.left; // Start am linken Rand des Icons const maxLeft = window.innerWidth - tooltip.offsetWidth - margin; left = clamp(left, margin, maxLeft); tooltip.style.top = `${top}px`; tooltip.style.left = `${left}px`; }); icon.setAttribute("aria-expanded", "true"); activeIcon = icon; } function hideTooltip() { tooltip.style.display = "none"; if (activeIcon) activeIcon.setAttribute("aria-expanded", "false"); activeIcon = null; } function toggleFromIcon(e, icon) { e.preventDefault(); e.stopPropagation(); // verhindert sofortiges Schließen durch den Dokument-Handler if (activeIcon === icon && tooltip.style.display === "block") { hideTooltip(); } else { showTooltip(icon); } } icons.forEach(icon => { icon.setAttribute("role", "button"); icon.setAttribute("tabindex", "0"); icon.setAttribute("aria-expanded", "false"); const handler = (e) => toggleFromIcon(e, icon); // Klick/Tap icon.addEventListener("click", handler); // Touch-Fallback (manche Browser senden kein click nach touch) icon.addEventListener("touchend", handler, { passive: false }); // Tastaturbedienung icon.addEventListener("keydown", (e) => { if (e.key === "Enter" || e.key === " ") handler(e); }); }); // Klick/Tap außerhalb schließt Tooltip document.addEventListener("click", (e) => { if (!e.target.closest(".infoIcon")) hideTooltip(); }); document.addEventListener("touchend", (e) => { if (!e.target.closest(".infoIcon")) hideTooltip(); }, { passive: true }); // Bei Scroll/Resize Tooltip schließen window.addEventListener("scroll", hideTooltip, { passive: true }); window.addEventListener("resize", hideTooltip); window.addEventListener("orientationchange", hideTooltip); })(); </script>
Dräger Online Shop