Bosch GSR 12V-35 FC. Produktdesign: Handbohrmaschine, Spannzange Typ: Ohne Schlüssel. Spannbereich (max.): 1 cm, Leerlaufdrehzahl (max.): 1750 RPM, Bohrdurchmesser in Holz (max.): 3,2 cm. Energiequelle: Akku, Batteriespannung: 12 V. Gewicht: 590 g,...
Metro.de
<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.</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 3000 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 3000 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
Akku-Bohrschrauber GSR 12V-15 FC. Redefine your limits – Flexibilität durch fünf Lösungen in einem einzigen Kompaktwerkzeug. Vielseitig: Fünf Optionen zur Wahl – Bohrschrauber mit magnetischem Bit-Halter, arretierbarem Bit-Halter, Bohrfutter,...
Metro.de
<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
Akku-Bohrschrauber GSR 12V-15 FC. Redefine your limits – Flexibilität durch fünf Lösungen in einem einzigen Kompaktwerkzeug. Vielseitig: Fünf Optionen zur Wahl – Bohrschrauber mit magnetischem Bit-Halter, arretierbarem Bit-Halter, Bohrfutter,...
Metro.de
<font size="+1"> <h2>Was ist das Dräger CO Small System?</h2> <p>Das Dräger CO Small System bietet eine zuverlässige Lösung zur dauerhaften Überwachung von Kohlenmonoxid in Innenräumen und ist speziell auf den Einsatz in Tiefgaragen zugeschnitten. Das Set kombiniert die leistungsstarke VarioGard Zentrale mit dem VarioGard 3000 EC CO Sensor und ermöglicht damit präzise Messungen und einen sicheren Betrieb. Im Falle einer Grenzwertüberschreitung werden integrierte optische und akustische Warnmittel ausgelöst, normgerechte Warnhinweise sorgen für sofortige Erkennbarkeit potenzieller Gefahren. Für eine besonders unkomplizierte und schnelle Installation kann das System bereits vollständig 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/a4/f2/a3/1763107773/Small_System_CO.jpg?ts=1763107773" 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: 25%; left: 35%;"> Warnmittel:<br><strong>Warnmittel + Warnhinweis: Leuchttransparent Dauer- oder Blinklicht; akustischer Warntongeber</strong> </div> <div class="label desktop" style="top: 67%; left: 50%;"> Transmitter:<br><strong>VarioGard 3000 EC CO</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="Warnmittel + Warnhinweis: Leuchttransparent Dauer- oder Blinklicht; akustischer Warntongeber" class="infoIcon mobile" style="top: 25%; left: 35%;" type="button"> <span>i</span> </button> <button data-info="Transmitter: VarioGard 3000 EC CO" 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>2x VarioGard 3000 EC CO</li> <li>LT-KTG-AKKU-4C Leuchttransparent Dauer- oder Blinklicht B/H/T 605/187/22 mm, Piktogramm, mit TÜV-Zulassung, 230 VAC, mit Akku, mit Anschlussbox 3</li> <li>LT-ZS-AWST Akustischer Warntongeber, als Zusatz für Leuchttransparent 230 V</li> </ul> <h2> Einsatzmöglichkeiten</h2> <p>Ideal geeignet für die permanente CO-Überwachung in Tiefgaragen, Parkhäusern und anderen Innenbereichen mit potenzieller Kohlenmonoxidbelastung, wo ein sicherer und normgerechter Betrieb gewährleistet werden muss.</p> <h2>Zertifikate</h2> <p><strong>VarioGard 3000 EC CO</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
Akku-Bohrschrauber GSR 12V-15 FC. Redefine your limits – Flexibilität durch fünf Lösungen in einem einzigen Kompaktwerkzeug. Vielseitig: Fünf Optionen zur Wahl – Bohrschrauber mit magnetischem Bit-Halter, arretierbarem Bit-Halter, Bohrfutter,...
Metro.de
Eu stecker al1411dv ni-mh NI-CD ladegerät für bosch 7,2 v 9,6 v 12v 14,4 v batterie gsr 7,2 gsr 9,6 gsr12 gsr 14,4 schnell ladegerät
Aliexpress DE
<font size="+1"><p>Das Dräger Prüfgas Ammoniak (NH₃) mit einer Konzentration von 300 ppm in N₂ ist speziell für die Kalibrierung und Funktionsprüfung von Gasdetektoren ausgelegt. Es wird in einer 60 Liter-Flasche bei einem Druck von 35 bar geliefert. Dieses Prüfgas gewährleistet präzise und zuverlässige Ergebnisse, um die Sicherheit und Genauigkeit Ihrer Messgeräte sicherzustellen. Ideal für den Einsatz in Industrie und Laboren, bietet es eine einfache Handhabung und hohe Qualität.</p> </font>
Dräger Online Shop