многоразовый разборной угольный фильтр для гроубокса у производителя

<style> * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } /*==============================================OBERER BLOCK - HELD================================================*/ .filtro-upper-hero { background: linear-gradient(135deg, #047857 0%, #10b981 50%, #059669 100%); color: #ffffff; padding: 4rem 1.5rem 3rem; text-align: center; position: relative; overflow: hidden; } .filtro-upper-hero::before { content: ''; position: absolute; top: -50%; right: -10%; width: 500px; height: 500px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; animation: filtro-sphere-float 6s ease-in-out infinite; } .filtro-upper-hero::after { content: ''; position: absolute; bottom: -30%; left: -5%; width: 400px; height: 400px; background: rgba(255, 255, 255, 0.08); border-radius: 50%; animation: filtro-sphere-float 8s ease-in-out infinite reverse; } @keyframes filtro-sphere-float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(30px); } } .filtro-hero-inner { max-width: 1200px; margin: 0 auto; position: relative; z-index: 1; } .filtro-hero-inner h1 { font-size: clamp(2rem, 6vw, 3.5rem); font-weight: 800; line-height: 1.1; margin-bottom: 0.5rem; letter-spacing: -0.02em; } .filtro-hero-subtitle { font-size: clamp(1rem, 3vw, 1.375rem); font-weight: 400; opacity: 0.95; margin-bottom: 1.5rem; letter-spacing: 0.05em; text-transform: uppercase; } .filtro-hero-badges { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-top: 1.5rem; } .filtro-badge-item { display: inline-block; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.3); color: #ffffff; padding: 0.5rem 1.25rem; border-radius: 50px; font-size: 0.875rem; font-weight: 600; backdrop-filter: blur(10px); animation: filtro-badge-rise 0.6s ease-out both; } .filtro-badge-item:nth-child(2) { animation-delay: 0.1s; } .filtro-badge-item:nth-child(3) { animation-delay: 0.2s; } @keyframes filtro-badge-rise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /*=================================================CONTAINER================================================*/ .filtro-wrapper { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; } /*==================================================ABSCHNITTE================================================*/ .filtro-section { margin: 4rem 0; animation: filtro-section-appear 0.8s ease-out; } @keyframes filtro-section-appear { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .filtro-section.filtro-animate-on-scroll { opacity: 0; animation: filtro-section-appear 0.8s ease-out forwards; } /*================================================ABSCHNITTSÜBERSCHRIFTEN==================================================*/ .filtro-section-title { display: flex; align-items: center; gap: 1rem; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 3px solid #d1fae5; } .filtro-section-emoji { font-size: 2.5rem; display: inline-block; } .filtro-section-title h2 { font-size: clamp(1.75rem, 4vw, 2.25rem); font-weight: 700; color: #047857; letter-spacing: -0.01em; } /*==============================================EINFÜHRENDE KARTE=================================================*/ .filtro-intro-wrapper { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-left: 6px solid #047857; border-radius: 16px; padding: 2.5rem; margin-bottom: 3rem; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .filtro-quality-label { display: inline-flex; align-items: center; gap: 0.5rem; background: linear-gradient(135deg, #047857 0%, #10b981 100%); color: #ffffff; padding: 0.75rem 1.5rem; border-radius: 50px; font-weight: 700; font-size: 0.9rem; margin-bottom: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); text-transform: uppercase; letter-spacing: 0.05em; } .filtro-intro-wrapper p { font-size: clamp(0.95rem, 2vw, 1.05rem); line-height: 1.8; color: #374151; margin-bottom: 1rem; } .filtro-intro-wrapper strong { color: #047857; font-weight: 700; } /*================================================BILDERGALERIE===================================================*/ .filtro-gallery-section { margin-bottom: 3rem; } .filtro-images-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .filtro-image-frame { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; } .filtro-image-frame:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); transform: translateY(-8px); } .filtro-image-frame img { width: 100%; height: 300px; object-fit: cover; background: linear-gradient(135deg, #ecfdf5, #d1fae5); } .filtro-image-label { padding: 1.5rem; background: linear-gradient(to bottom, #ffffff, #f3f4f6); text-align: center; } .filtro-image-label p { font-size: 0.9rem; color: #374151; font-weight: 500; } /*==================================================VERGLEICH DER OPTIONEN===================================================*/ .filtro-compare-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .filtro-compare-item { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; } .filtro-compare-item:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); transform: translateY(-6px); } .filtro-compare-item--basic { border-top: 5px solid #f59e0b; } .filtro-compare-item--premium { border-top: 5px solid #10b981; } .filtro-compare-title { padding: 1.5rem; text-align: center; font-weight: 700; font-size: 1.125rem; } .filtro-compare-item--basic .filtro-compare-title { background: linear-gradient(135deg, #fef3c7, #fcd34d); color: #f59e0b; } .filtro-compare-item--premium .filtro-compare-title { background: linear-gradient(135deg, #ecfdf5, #d1fae5); color: #047857; } .filtro-compare-visual { flex: 1; padding: 1.5rem; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(16, 185, 129, 0.02)); min-height: 200px; } .filtro-compare-visual img { max-width: 90%; height: auto; } .filtro-compare-text { padding: 1.5rem; background: #f3f4f6; font-size: 0.9rem; line-height: 1.6; color: #374151; } /*============================================VORTEILE - NETTO================================================*/ .filtro-benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; } .filtro-benefit-tile { background: #ffffff; border-radius: 16px; padding: 2rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-left: 5px solid #047857; position: relative; overflow: hidden; } .filtro-benefit-tile::before { content: ''; position: absolute; top: 0; right: 0; width: 100px; height: 100px; background: linear-gradient(135deg, #ecfdf5, transparent); border-radius: 0 0 0 100%; opacity: 0.3; } .filtro-benefit-tile:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); transform: translateY(-4px); } .filtro-benefit-tile.filtro-warning-style { border-left-color: #f59e0b; background: linear-gradient(to bottom, #fef3c7, #ffffff); } .filtro-benefit-emoji { font-size: 2.5rem; margin-bottom: 0.75rem; display: inline-block; } .filtro-benefit-tile h4 { font-size: 1.125rem; color: #374151; margin-bottom: 0.75rem; font-weight: 700; } .filtro-benefit-tile p { font-size: 0.9rem; line-height: 1.6; color: #374151; } /*==... .filtro-highlight-panel { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border-left: 6px solid #047857; border-radius: 16px; padding: 2rem; margin-bottom: 2rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .filtro-highlight-panel h3 { color: #047857; font-size: 1.25rem; margin-bottom: 1rem; font-weight: 700; } .filtro-highlight-panel p { font-size: 0.95rem; line-height: 1.7; color: #374151; } .filtro-highlight-panel ul { list-style: none; margin: 1rem 0; } .filtro-highlight-panel li { padding: 0.75rem 0 0.75rem 2rem; position: relative; font-size: 0.9rem; line-height: 1.6; } .filtro-highlight-panel li::before { content: '✓'; position: absolute; left: 0; color: #10b981; font-weight: 700; font-size: 1.25rem; } /*=============================================PROZESS - SCHRITTE=================================================*/ .filtro-steps-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; margin-bottom: 2rem; } .filtro-step-box { background: #ffffff; border-radius: 16px; padding: 1.75rem; text-align: center; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); position: relative; } .filtro-step-box:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transform: translateY(-4px); } .filtro-step-number { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: linear-gradient(135deg, #047857 0%, #10b981 100%); color: #ffffff; border-radius: 50%; font-weight: 800; font-size: 1.75rem; margin-bottom: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); } .filtro-step-box h4 { color: #374151; font-size: 1rem; margin-bottom: 0.75rem; font-weight: 700; } .filtro-step-box p { font-size: 0.85rem; line-height: 1.6; color: #6b7280; } /*==... .filtro-guarantee-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .filtro-guarantee-box { background: #ffffff; border-radius: 16px; padding: 2rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border-top: 5px solid #10b981; } .filtro-guarantee-box:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); transform: translateY(-4px); } .filtro-guarantee-box.filtro-secondary-style { border-top-color: #f59e0b; background: linear-gradient(to bottom, #fef3c7, #ffffff); } .filtro-guarantee-box h3 { font-size: 1.125rem; color: #374151; margin-bottom: 1rem; font-weight: 700; } .filtro-guarantee-box p { font-size: 0.9rem; line-height: 1.7; color: #374151; } /*================================================VIDEO-ABSCHNITT=================================================*/ .filtro-videos-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .filtro-video-box { background: #ffffff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .filtro-video-box:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); transform: translateY(-4px); } .filtro-video-wrapper { position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden; background: linear-gradient(135deg, #ecfdf5, #d1fae5); } .filtro-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .filtro-video-desc { padding: 1.25rem; background: linear-gradient(to bottom, #ffffff, #f3f4f6); text-align: center; font-size: 0.9rem; color: #374151; font-weight: 500; } /*============================================================TABELLE=============================================================*/ .filtro-table-area { overflow-x: auto; border-radius: 16px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); margin-bottom: 2rem; } .filtro-table-area table { width: 100%; border-collapse: collapse; background: #ffffff; } .filtro-table-area thead { background: linear-gradient(135deg, #047857 0%, #10b981 100%); color: #ffffff; } .filtro-table-area thead th { padding: 1.25rem 1rem; text-align: center; font-weight: 700; font-size: 0.875rem; letter-spacing: 0.05em; text-transform: uppercase; border-bottom: 3px solid #047857; line-height: 1.4; } .filtro-table-area tbody tr { border-bottom: 1px solid #f3f4f6; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .filtro-table-area tbody tr:hover { background: #ecfdf5; } .filtro-table-area tbody tr:nth-child(even) { background: linear-gradient(90deg, rgba(16, 185, 129, 0.02), transparent); } .filtro-table-area tbody tr:nth-child(even):hover { background: #ecfdf5; } .filtro-table-area tbody td { padding: 1rem; text-align: center; font-size: 0.85rem; color: #374151; font-weight: 500; } /*==================================================TASTEN=================================================*/ .filtro-button-primary { display: inline-block; background: linear-gradient(135deg, #047857 0%, #10b981 100%); color: #ffffff; padding: 1rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 0.95rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); border: none; cursor: pointer; letter-spacing: 0.05em; text-transform: uppercase; display: inline-flex; align-items: center; gap: 0.5rem; } .filtro-button-primary:hover { transform: translateY(-2px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); text-decoration: none; color: #ffffff; } /*===============================================IHRE BESTELLUNGEN================================================*/ .filtro-custom-orders { background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); border: 2px solid #047857; border-radius: 16px; padding: 2.5rem; margin-bottom: 2rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); } .filtro-custom-orders h3 { color: #047857; font-size: 1.375rem; margin-bottom: 1rem; font-weight: 700; } .filtro-custom-orders p { font-size: 0.95rem; line-height: 1.8; color: #374151; margin-bottom: 1rem; } .filtro-custom-list { list-style: none; margin: 1.5rem 0; } .filtro-custom-list li { padding: 0.75rem 0 0.75rem 2rem; position: relative; font-size: 0.9rem; line-height: 1.6; color: #374151; } .filtro-custom-list li::before { content: '→'; position: absolute; left: 0; color: #10b981; font-weight: 800; font-size: 1.125rem; } /*==================================================EMPFEHLUNGEN====================================================*/ .filtro-recommendation { background: #ffffff; border-radius: 16px; border-left: 6px solid #f59e0b; padding: 2rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); margin-bottom: 2rem; } .filtro-recommendation h3 { color: #f59e0b; font-size: 1.25rem; margin-bottom: 1rem; font-weight: 700; } .filtro-recommendation p { font-size: 0.95rem; line-height: 1.7; color: #374151; margin-bottom: 0.75rem; } .filtro-recommendation .filtro-accent { color: #047857; font-weight: 700; } /*======================================================KELLER=================================================*/ .filtro-footer { background: #1f2937; color: #ffffff; padding: 3rem 1.5rem; text-align: center; margin-top: 4rem; border-top: 5px solid #047857; } .filtro-footer p { color: rgba(255, 255, 255, 0.8); font-size: 0.9rem; } /*=============================================ANPASSUNGSFÄHIGKEIT=================================================*/ @media (max-width: 768px) { .filtro-upper-hero { padding: 3rem 1.5rem 2rem; } .filtro-section-title { flex-direction: column; align-items: flex-start; border-bottom: 2px solid #d1fae5; } .filtro-section-emoji { font-size: 2rem; } .filtro-section-title h2 { font-size: 1.5rem; } .filtro-compare-container, .filtro-benefits-grid, .filtro-guarantee-grid, .filtro-images-container { grid-template-columns: 1fr; } .filtro-steps-grid { grid-template-columns: repeat(2, 1fr); } .filtro-table-area thead th { font-size: 0.75rem; padding: 0.75rem 0.5rem; } .filtro-table-area tbody td { font-size: 0.8rem; padding: 0.75rem 0.5rem; } } @media (max-width: 480px) { .filtro-upper-hero h1 { font-size: 1.75rem; } .filtro-hero-subtitle { font-size: 0.9rem; } .filtro-hero-badges { flex-direction: column; gap: 0.5rem; } .filtro-badge-item { width: 100%; text-align: center; } .filtro-section-title h2 { font-size: 1.25rem; } .filtro-benefit-tile, .filtro-step-box, .filtro-guarantee-box { padding: 1.25rem; } .filtro-steps-grid { grid-template-columns: 1fr; } .filtro-intro-wrapper { padding: 1.5rem; } } /*==... .filtro-text-center { text-align: center; } .filtro-text-bold { font-weight: 700; color: #047857; } .filtro-margin-top { margin-top: 2rem; } .filtro-margin-bottom { margin-bottom: 2rem; } </style> <p><!-- ВЕРХНИЙ ГЕРОЙ --></p> <div class="filtro-upper-hero"> <div class="filtro-hero-inner"> <h1>Kohlefilter Ø100 mm</h1> <p class="filtro-hero-subtitle">Zusammenklappbar • Militärkohle • Premiumqualität</p> <div class="filtro-hero-badges"> <span class="filtro-badge-item">🏆 Premiumqualität</span> <span class="filtro-badge-item">♻️ Wiederverwendbar</span> <span class="filtro-badge-item">⚙️ Zerlegbar</span> </div> </div> </div> <p><!-- ОСНОВНОЙ КОНТЕНТ --></p> <div class="filtro-wrapper"> <!-- ВВОДНАЯ СЕКЦИЯ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-intro-wrapper"> <div class="filtro-quality-label">Premiumqualität</div> <p><strong>Wir produzieren wiederverwendbare, hochwertige Kohlefilter.</strong> Für die professionelle Luftreinigung. Der abnehmbare Kohlefilter zählt zu den hochwertigsten Lösungen auf dem Markt und zeichnet sich durch eine robuste Konstruktion und ein ästhetisches Design aus.</p> <p>Hergestellt aus <strong>polierter Edelstahl</strong> oder verzinktes Metall mit schönen Befestigungselementen. Der entscheidende Vorteil ist <strong>vollständig zerlegbar</strong> für einfachen Kohleaustausch. Dank des maximal dicken Metalls höchster Reinheit ist der Filter <strong>langlebig und praktisch ewig</strong>Korrosion wird vollständig beseitigt.</p> </div> </section> <!-- ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Filtervisualisierung</h2> </div> <div class="filtro-gallery-section"> <div class="filtro-images-container"> <div class="filtro-image-frame"> <img src="/wa-data/public/shop/img/filtr-sloy-uglya.jpg" alt="Слой угля в фильтре" style="max-height:500px!important"> <div class="filtro-image-label"> <p>Querschnitt mit Verteilung der Kohleschicht</p> </div> </div> </div> </div> </section> <!-- СРАВНЕНИЕ ВАРИАНТОВ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Zwei Designoptionen</h2> </div> <p style="margin-bottom: 2rem; font-size: 0.95rem; line-height: 1.8;">Wir produzieren zwei Filtertypen für unterschiedliche Anwendungsbereiche:</p> <div class="filtro-compare-container"> <div class="filtro-compare-item filtro-compare-item--basic"> <div class="filtro-compare-title">Ohne Cover</div> <div class="filtro-compare-visual"> <img src="/wa-data/public/shop/img/ugolnyy-filtr.png" alt="Фильтр без чехла"> </div> <div class="filtro-compare-text"> Eine kompakte Option zum direkten Anschluss an einen Ventilator. Ideal für eingebaute Lüftungssysteme. </div> </div> <div class="filtro-compare-item filtro-compare-item--premium"> <div class="filtro-compare-title">Filter + Gehäuse</div> <div class="filtro-compare-visual"> <img src="/wa-data/public/shop/img/produvnoy.png" alt="Фильтр с чехлом"> </div> <div class="filtro-compare-text"> Eine Universalversion mit Gehäuse ermöglicht den Einbau des Filters in einen Luftkanal mit beliebigem Durchmesser. </div> </div> </div> </section> <!-- ВОЕННЫЙ УГОЛЬ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Kohle in Militärqualität</h2> </div> <div class="filtro-highlight-panel"> <h3>🏅 Militärqualität</h3> <p><strong>Frische Aktivkohle von höchster Qualität</strong> Dies ist die Grundlage für die Wirksamkeit unserer Filter. Wir verwenden Aktivkohle, die in Militärsäcken an das Verteidigungsministerium geliefert wird und deutlich bessere technische Eigenschaften als Standard-AR-B-Aktivkohle aufweist.</p> </div> <div class="filtro-benefits-grid"> <div class="filtro-benefit-tile"> <div class="filtro-benefit-emoji">🚀</div> <h4>3-mal wirksamer</h4> <p>Reinigt die Luft 3-mal effektiver als AR-B und ist dabei sicher für die Anwendung in Innenräumen.</p> </div> <div class="filtro-benefit-tile"> <div class="filtro-benefit-emoji">🛸</div> <h4>Kosmische Qualität</h4> <p>Es wird auf Raumschiffen, U-Booten und in der Medizin zur Behandlung von Erkrankungen der Atemwege eingesetzt.</p> </div> <div class="filtro-benefit-tile"> <div class="filtro-benefit-emoji">🛡️</div> <h4>Vollständiger Schutz</h4> <p>Ausgestattet mit Gasmasken und der gesamten vom Verteidigungsministerium ausgegebenen Atemschutzausrüstung. Bewährt und kampferprobt.</p> </div> <div class="filtro-benefit-tile filtro-warning-style"> <div class="filtro-benefit-emoji">⚠️</div> <h4>Veraltetes AR-V</h4> <p>AR-V-Kohlenstoff hat sich zwar jahrzehntelang bewährt, ist aber deutlich veraltet. Er wird nur noch für Außenlüftungssysteme verwendet.</p> </div> </div> </section> <!-- УСЛУГИ И ГАРАНТИИ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Leistungen und Garantien</h2> </div> <div class="filtro-guarantee-grid"> <div class="filtro-guarantee-box"> <h3>🎁 Kostenloser Kohleersatz</h3> <p>Wenn Sie bei uns einen Kohlefilter kaufen, erhalten Sie <strong>Der Kohleersatzservice ist völlig kostenlos</strong>Dies umfasst die fachgerechte Demontage, Reinigung und Befüllung mit frischer Aktivkohle.</p> </div> <div class="filtro-guarantee-box filtro-secondary-style"> <h3>⚖️ Gewicht ist ein Indikator für Qualität</h3> <p>Das wichtigste Qualitätskriterium beim Kauf ist <strong>Filtergewicht</strong>Es gibt direkten Aufschluss über die Qualität und Dichte der Aktivkohlepackung.</p> </div> </div> </section> <!-- ТЕХНОЛОГИЯ УПАКОВКИ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Einzigartige Dichtungstechnologie</h2> </div> <p style="margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.8;"><strong>Wir gingen den Füllprozess mit größter Ernsthaftigkeit an.</strong> Unsere Spezialisten nutzen innovative Methoden, um maximale Dichte und Effizienz zu erreichen.</p> <div class="filtro-steps-grid"> <div class="filtro-step-box"> <div class="filtro-step-number">1</div> <h4>Sieben und Reinigen</h4> <p>Neue Aktivkohle wird sorgfältig gesiebt, um Staub und kleine Partikel zu entfernen.</p> </div> <div class="filtro-step-box"> <div class="filtro-step-number">2</div> <h4>Einzigartiger Vibrationsschüttler</h4> <p>Es wird ein spezieller europäischer Rütteltisch mit polyzyklischer Vibration verwendet – konstruiert nach den neuesten technischen Standards.</p> </div> <div class="filtro-step-box"> <div class="filtro-step-number">3</div> <h4>Radialer Schüttel</h4> <p>Radiale horizontale Bewegungen gewährleisten eine gleichmäßige Verteilung der Kohle und maximale Verdichtung.</p> </div> <div class="filtro-step-box"> <div class="filtro-step-number">4</div> <h4>Bewiesenes Ergebnis</h4> <p>Eine verbesserte, ultrahochwertige Verpackung gewährleistet eine bessere Filterleistung über einen langen Zeitraum.</p> </div> </div> </section> <!-- НАЗНАЧЕНИЕ ФИЛЬТРОВ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Hauptzweck</h2> </div> <div class="filtro-highlight-panel"> <h3>💨 Vollständige Luftreinigung</h3> <p><strong>Der Hauptzweck von Kohlefiltern</strong> - Das <strong>vollständige Entfernung</strong> aus der gereinigten Luft:</p> <ul> <li>Schwebstoffe (Dämpfe, Aerosole, Staub)</li> <li>Chemische Dämpfe</li> <li>Gerüche jeglicher Herkunft (wie z. B. bei professionellen Gasmasken)</li> <li>Organische Verunreinigungen und Mikropartikel</li> </ul> <p style="margin-top: 1.5rem;">Wir verwenden <strong>hochmoderne, frisch aktivierte Kohle</strong> mit deutlich besseren Eigenschaften als AP-B.</p> </div> </section> <!-- РЕКОМЕНДАЦИИ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Empfehlungen zur Verwendung</h2> </div> <div class="filtro-recommendation"> <h3>⚡ Korrekter Lüfteranschluss</h3> <p>Für einen optimalen Betrieb des Filters ist es notwendig, ihn anzuschließen. <span class="filtro-accent">in Kombination mit einem Kanalventilator</span>, das hat <span class="filtro-accent">niedrigerer Wert in m³/Stunde</span> im Hinblick auf die Blasleistung im Vergleich zum Filter selbst.</p> <p style="margin-top: 1rem; font-weight: 600; color: #047857;">✓ Idealerweise sollten die Durchmesser von Lüfter und Filter übereinstimmen.</p> </div> </section> <!-- ИНДИВИДУАЛЬНЫЕ ЗАКАЗЫ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Sonderanfertigungen</h2> </div> <div class="filtro-custom-orders"> <h3> Wir haben alles auf Lager, aber falls Sie etwas Spezielles benötigen...</h3> <p>Wir werden einen Filter herstellen. <strong>BESTELLUNG</strong></p> <p>Die Dienstleistung umfasst die Herstellung von Filtern:</p> <ul class="filtro-custom-list"> <li>Jede Form und Größe</li> <li>Bei unterschiedlicher Bandbreite</li> <li>Die Berechnung basiert auf der Leistung und der Performance des Lüfters.</li> <li>Individuelle Auswahl von Merkmalen</li> </ul> </div> </section> <!-- ВИДЕО МАТЕРИАЛЫ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Videomaterialien</h2> </div> <div class="filtro-videos-grid"> <div class="filtro-video-box"> <div class="filtro-video-wrapper"> <iframe src="https://www.youtube.com/embed/y9tctV6kaFc" title="Угольные фильтры для гроубоксов" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe> </div> <div class="filtro-video-desc">Überprüfung und Nachweis der Wirksamkeit</div> </div> <div class="filtro-video-box"> <div class="filtro-video-wrapper"> <iframe src="https://www.youtube.com/embed/Olh8cy72u0w" title="Угольные фильтры для гроубоксов" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe> </div> <div class="filtro-video-desc">Fertigungs- und Drucktechnologie</div> </div> </div> </section> <!-- ТАБЛИЦА ПАРАМЕТРОВ --> <section class="filtro-section filtro-animate-on-scroll"> <div class="filtro-section-title"> <h2>Standardparameter</h2> </div> <p style="margin-bottom: 1.5rem; font-size: 0.95rem; line-height: 1.8;">Tabelle der technischen Merkmale hochwertiger Kohlefilter:</p> <div class="filtro-table-area"> <table> <thead> <tr> <th>Filtertyp<br>(m³)</th> <th>Kanaldurchmesser<br>(mm)</th> <th>Filtergewicht<br>(kg)</th> <th>Filterdurchmesser<br>(cm)</th> <th>Filterhöhe<br>(cm)</th> <th>Schicht Kohle<br>(cm)</th> <th>Kohlemenge<br>(l)</th> <th>Gewicht der Kohle<br>(kg)</th> <th>Leistung<br>Ventilator (m³/Stunde)</th> </tr> </thead> <tbody> <tr> <td>Ø100 150-206</td> <td>100</td> <td>2,84</td> <td>16</td> <td>25</td> <td>3</td> <td>3</td> <td>1,53</td> <td>150-206</td> </tr> <tr> <td>Ø100 200-266</td> <td>100</td> <td>3.1</td> <td>16</td> <td>33</td> <td>3</td> <td>4</td> <td>2</td> <td>200-266</td> </tr> <tr> <td>Ø100 300-390</td> <td>100</td> <td>4.8</td> <td>16</td> <td>40</td> <td>3</td> <td>6.2</td> <td>3</td> <td>300-390</td> </tr> <tr> <td>Ø100 200-220</td> <td>100</td> <td>3.7</td> <td>18</td> <td>25</td> <td>4</td> <td>4.4</td> <td>2.2</td> <td>200-220</td> </tr> <tr> <td>Ø100 290-380</td> <td>100</td> <td>4.4</td> <td>18</td> <td>33</td> <td>4</td> <td>5.3</td> <td>2.7</td> <td>260-330</td> </tr> <tr> <td>Ø125 330-400</td> <td>125</td> <td>5</td> <td>22</td> <td>25</td> <td>5</td> <td>6.7</td> <td>3.3</td> <td>330-400</td> </tr> <tr> <td>Ø125 440-590</td> <td>125</td> <td>6.16</td> <td>22</td> <td>33</td> <td>5</td> <td>8,80</td> <td>4.4</td> <td>440-500</td> </tr> <tr> <td>Ø150 400-560</td> <td>150</td> <td>5,5</td> <td>25</td> <td>25</td> <td>5</td> <td>7.9</td> <td>3.9</td> <td>390-490</td> </tr> <tr> <td>Ø200 850-1124</td> <td>200</td> <td>12</td> <td>32</td> <td>33</td> <td>6</td> <td>16.16</td> <td>8</td> <td>800-1200</td> </tr> </tbody> </table> </div> </section> </div> <script> //Schnittpunktbeobachter für Animationen const filtroObserverOptions={ threshold: 0.1, rootMargin: '0px 0px -100px 0px' }; const filtroObserver=new IntersectionObserver((entries)=> { entries.forEach(entry=> { if (entry.isIntersecting) { entry.target.style.animationPlayState='running'; filtroObserver.unobserve(entry.target); } }); }, filtroObserverOptions); document.querySelectorAll('section.filtro-animate-on-scroll').forEach(el=> { el.style.animationPlayState='paused'; filtroObserver.observe(el); }); //Sanftes Scrollen für Links document.querySelectorAll('a[href^="#"]').forEach(anchor=> { anchor.addEventListener('click', function (e) { e.preventDefault(); const target=document.querySelector(this.getAttribute('href')); if (target) { target.scrollIntoView({ behavior: 'smooth' }); } }); </script>