Furnierte Lamellen auf HDF-Platten sind eine Lösung für alle, die natürliche Materialien im Innenraum schätzen. Die Echtholzfurnierummantelung aus Eichenholz ermöglicht es uns, den Raum auf einfache Weise zu verändern. Er wird einzigartig, gemütlich und zeitlos, und aufgrund der hohen Beständigkeit werden uns die Lamellen lange Zeit dienen. Lamellen auf HDF-Platten mit Eichenfurnier passen zu jedem Stil, insbesondere zum industriellen, Loft-, rustikalen, modernen, Art-Deco-, klassischen oder skandinavischen Stil. Die HDF-Platte in Schwarz hat schalldämpfende Eigenschaften, so dass die Gesamtheit ideal zur Montage an der Wand oder Decke im Schlafzimmer, Wohnzimmer oder Büro geeignet ist, aber die Lamellen können auch in anderen Räumen verwendet werden. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Holzlatten auf HDF-Platten in Sonoma-Eiche sind eine zeitlose Lösung, die sich bei der Innenausstattung in jedem Stil bewährt. Latten auf einer Wand oder Decke auf einer dicken HDF-Platte können in jedem Raum als Hauptdekoration oder Ergänzung zu anderen Elementen angebracht werden. Die schwarze HDF-Platte harmoniert nicht nur hervorragend mit dem hellen Ton von Sonoma-Eiche, sondern verfügt auch über akustische Eigenschaften. Ein solcher Panel eignet sich daher besonders gut für das Schlafzimmer, das Wohnzimmer, das Büro oder den Flur. Sonoma-Eiche ist eine so vielseitige Farbe, dass sie sowohl mit dunklen als auch mit hellen Farben kombiniert werden kann, und die Latten erinnern aufgrund ihrer Struktur und Maserung an Massivholz. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Holzlatten auf einer HDF-Platte in natürlicher Eiche sind eine Option für jeden, der originelle und gleichzeitig moderne und äußerst vielseitige dekorative Elemente im Inneren schätzt. Latten in der Farbe natürlicher Eiche passen zu fast jeder anderen Farbe und Material und sehen wie echtes Holz aus. Daher eignen sie sich perfekt für Räume im skandinavischen, boho-, rustikalen oder loftartigen Stil, aber nicht nur. Unsere angebotenen Latten aus natürlicher Eiche sind auf einer dicken, schwarzen HDF-Platte mit hoher Dichte befestigt, die den Raum effektiv dämpft. Unentschlossene Personen können eine Probe eines bestimmten Modells oder ein Set mit Latten in verschiedenen Farben bestellen. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Lamellen in Nussbaum auf HDF-Platte sind ein elegantes und äußerst stilvolles dekoratives Element, das vor allem in modernen Innenräumen, aber nicht nur, passt. Sie eignen sich für den Loft-, Glamour-, Rustikal- und viele andere Stile. Einerseits sind diese Lamellen äußerst originell, andererseits jedoch aufgrund ihrer Universalität und Zeitlosigkeit in jeder Stilrichtung einsetzbar. Nussbaum ist definitiv die dunkelste und markanteste Farbe unter allen verfügbaren Holztönen in unserem Angebot. Unsere Lamellen auf HDF-Platte können einfach an der Wand oder an der Decke montiert werden. Die HDF-Platte in Schwarz ist dick und das Material sehr dicht, so dass der Raum effektiv schallisoliert wird. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Die Wotan-Eichen-Lamellen auf HDF-Platte zeichnen sich vor allem durch ihre hohe Beständigkeit, sorgfältige Verarbeitung und einfache Montage an Wand oder Decke aus. Lamellen in Wotan-Eichen-Farbe sind ein Synonym für guten Stil, Qualität und große Vielseitigkeit, wodurch sie in fast jedes Interieur passen. Wotan-Eichen sind durch markante, dunkle Äste und eine Struktur, die echtes Holz imitiert, gekennzeichnet. Die Lamellen können das Hauptdekorationsstück sein, passen aber auch perfekt zu hellen und dunklen Akzenten. Die schwarze HDF-Platte, auf der die Lamellen befestigt sind, besitzt schalldämpfende Eigenschaften. Daher lohnt es sich, dieses Produkt z.B. im Schlafzimmer, Flur oder Büro zu verwenden, aber nicht nur dort. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Die Eichenlamellen auf HDF-Platte im Artisan-Stil passen zu jeder Art von Einrichtung, unabhängig von dem Stil des spezifischen Interieurs. Das charakteristische Merkmal dieser Farbe ist eine auffällige, dunkle Maserung, die das Brett wie aus massivem Holz erscheinen lässt. Die Lamellen sind auf einer schwarzen HDF-Platte montiert, die aufgrund ihrer Dicke und Materialdichte schalldämpfende Eigenschaften besitzt. Die bei uns erhältlichen Lamellen vereinen modernes und interessantes Design mit hoher Funktionalität, wodurch sie sich von anderen ähnlichen Produkten abheben. Die Wand- und Deckenlamellen aus Eichenholz passen sowohl in Wohnräume als auch in Büros und sogar in Geschäfts- oder Dienstleistungsobjekte. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Akustyczne panele ?cienne to elegancki sposób na popraw? akustyki i dekoracj? wn?trza. Dzi?ki pionowym lamelom skutecznie redukuj? pog?os, a ich nowoczesny design wprowadza stylowy akcent. Wykonane z trwa?ych materia?ów, s? ?atwe w monta?u i dost?pne w ró?nych wariantach, co pozwala na dopasowanie do ka?dej aran?acji. Rozwi? opis ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Holzlatten auf HDF-Platte in Anthrazit sind ein Kompromiss zwischen klassischem Schwarz und helleren Grautönen. Anthrazit passt besonders gut zu modernen, glamourösen, Art-Deco-, Loft-Interieurs, aber auch zu kontrastierenden klassischen oder skandinavischen Arrangements. Die Anthrazit-Latten sind auf einer schwarzen HDF-Platte angebracht, die effektiv ein- und ausgehende Schallwellen dämpft. Diese Lösung eignet sich daher ideal für den Einsatz in Schlafzimmer, Wohnzimmer oder Büro und darüber hinaus. Die in unserem Angebot erhältlichen Latten zeichnen sich durch ihre Strapazierfähigkeit aus und ihre Montage an der Wand oder Decke ist äußerst einfach und schnell. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Schwarze Holzlatten auf HDF-Platten sind bereits ein Klassiker und eine Dekoration, die zu jeder Art von Wohnraum, Büro oder Geschäftsräumen passt. Unsere angebotenen matten schwarzen Latten sind dauerhaft an einer akustisch wirksamen HDF-Platte in Schwarz befestigt. Wir haben also eine sehr moderne, ästhetische und funktionale Lösung, die sich besonders in Schlafzimmern, aber auch in Wohnzimmern, Büros, Fluren und sogar in der Küche bewährt. Die bei uns erhältlichen Latten können von Ihnen selbst an Wänden und Decken montiert werden. Die Farbe Schwarz kann mit ebenso dunklen Farben, aber auch - im Kontrastprinzip - mit hellen und sogar weißen Akzenten kombiniert werden. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Goldene Holzlatten auf HDF-Platten sind zweifellos eine außergewöhnliche und auffällige Lösung in der Innenraumdekoration. Es sind vor allem Personen, die eine ungewöhnliche Gestaltung schätzen und die an ihr vorbeigehende niemanden gleichgültig lassen möchten, die sich dafür entscheiden. Die Latten in Gold passen hauptsächlich zum Glamour-, Art-Deco- und klassischen Stil, aber es gibt nichts, was dagegen spricht, sie auch in anderer Umgebung zu verwenden. Sie werden gut in Kombination mit Schwarz, Grau, Silber und sogar Weiß aussehen. Außerdem besitzt die schwarze HDF-Platte aufgrund der hohen Dichte und Dicke des Materials schalldämpfende Eigenschaften, so dass die Latten für Wände oder Decken im Schlafzimmer, Wohnzimmer oder Büro perfekt geeignet sind. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Lamellen in Flaschengrün sind einer der größten Trends in der Raumgestaltung in den letzten Jahren. Sie passen zu fast jedem Stil, insbesondere zu Räumen im modernen, minimalistischen, Loft-, Glamour- oder klassischen oder skandinavischen Stil. Flaschengrüne Farbe passt sowohl zu Schwarz und Grautönen als auch zu Weiß und natürlichen Materialien wie Holz, Stein oder Beton. Die Lamellen in unserem Angebot sind auf einer dicken, schwarzen HDF-Platte befestigt, die Schallwellen effektiv absorbiert. Dank der schalldämmenden Eigenschaften eignen sie sich für Schlafzimmer, Wohnzimmer, Flure oder Büros und nicht nur. Beschreibung erweitern ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, funcion () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Akustyczne panele ?cienne to elegancki sposób na popraw? akustyki i dekoracj? wn?trza. Dzi?ki pionowym lamelom skutecznie redukuj? pog?os, a ich nowoczesny design wprowadza stylowy akcent. Wykonane z trwa?ych materia?ów, s? ?atwe w monta?u i dost?pne w ró?nych wariantach, co pozwala na dopasowanie do ka?dej aran?acji. Rozwi? opis ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Akustyczne panele ?cienne to elegancki sposób na popraw? akustyki i dekoracj? wn?trza. Dzi?ki pionowym lamelom skutecznie redukuj? pog?os, a ich nowoczesny design wprowadza stylowy akcent. Wykonane z trwa?ych materia?ów, s? ?atwe w monta?u i dost?pne w ró?nych wariantach, co pozwala na dopasowanie do ka?dej aran?acji. Rozwi? opis ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Akustyczne panele ?cienne to elegancki sposób na popraw? akustyki i dekoracj? wn?trza. Dzi?ki pionowym lamelom skutecznie redukuj? pog?os, a ich nowoczesny design wprowadza stylowy akcent. Wykonane z trwa?ych materia?ów, s? ?atwe w monta?u i dost?pne w ró?nych wariantach, co pozwala na dopasowanie do ka?dej aran?acji. Rozwi? opis ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

Akustyczne panele ?cienne to elegancki sposób na popraw? akustyki i dekoracj? wn?trza. Dzi?ki pionowym lamelom skutecznie redukuj? pog?os, a ich nowoczesny design wprowadza stylowy akcent. Wykonane z trwa?ych materia?ów, s? ?atwe w monta?u i dost?pne w ró?nych wariantach, co pozwala na dopasowanie do ka?dej aran?acji. Rozwi? opis ? .expand-button { position: relative; width: 100%; justify-content: end; left: 0; background: none; border: none; color: #e63b20; font-size: 1rem; cursor: pointer; display: inline-flex; align-items: center; transition: color 0.3s ease; } .arrow { display: inline-block; transition: transform 0.3s ease; margin-left: 5px; transform: rotate(180deg); } .description { overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 1.5em; /* Pocz?tkowo zwini?te */ } .collapsed { max-height: 1.5em; } .expanded { max-height: none; /* Ustawiane dynamicznie w JS */ } document.getElementById(toggleDescription).addEventListener(click, function () { const description = document.getElementById(description); const arrow = document.getElementById(toggleButtonArrow); const buttonText = this.querySelector('.button-text'); if (description.classList.contains('collapsed')) { description.style.maxHeight = description.scrollHeight + px; description.classList.remove('collapsed'); description.classList.add('expanded'); arrow.style.transform = rotate(0deg); buttonText.textContent = Zwi? opis; } else { description.style.maxHeight = 1.5em; description.classList.remove('expanded'); description.classList.add('collapsed'); arrow.style.transform = rotate(180deg); buttonText.textContent = Rozwi? opis; } });

.descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://dev.tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descriptionSection .descriptionSection__stepIcons img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 24px; } .descriptionSection

.descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://dev.tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descriptionSection .descriptionSection__stepIcons img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 24px; } .descriptionSection

.descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://dev.tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descriptionSection .descriptionSection__stepIcons img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 24px; } .descriptionSection

.descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://dev.tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descriptionSection .descriptionSection__stepIcons img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 24px; } .descriptionSection

.descriptionSections { max-width: 1381px; margin: 0 auto; } .descriptionSections * { box-sizing: border-box; font-family: Open Sans, sans-serif; } .descriptionSection { margin-bottom: 32px; } .descriptionSection--withBg { background-repeat: no-repeat; background-size: cover; background-position: center; padding: 25px; min-height: 550px; align-items: flex-start !important; } .descriptionSection .Tooltip--first { bottom: 50% !important; left: 56px !important; transform: translateY(50%); display: flex; flex-direction: column; align-items: center; gap: 16px; } .descriptionSection--withBg * { color: black !important; } .descriptionSection--withBg .descriptionSection__column--text { margin-right: 0; margin-left: 0; } .descriptionSection--withBg .Tooltip--second { bottom: 50% !important; left: 5%; transform: translateY(50%); display: flex; flex-direction: row-reverse; align-items: center; gap: 16px; } .descriptionSection--withBg .Tooltip--second .Tooltip__text { position: unset !important; } @media(min-width: 500px) {} @media(min-width: 700px) { .descriptionSection--withBg .Tooltip--second { left: 30% !important; } } @media(min-width: 1000px) {} @media(min-width: 1260px) {} .descriptionSection .Tooltip--third { display: flex; align-items: center; flex-direction: column; gap: 16px; bottom: 30% !important; left: 50% !important; transform: translate(-50%, 50%); } @media(min-width: 500px) {} @media(min-width: 700px) {} @media(min-width: 1260px) {} .descriptionSection--withBg .Tooltip .Tooltip__text { position: absolute; top: 40px !important; } .descriptionSection--withBg .Tooltip .Tooltip__text * { color: white !important; } .descriptionSection__column--image { position: relative; } @media(max-width: 767px) { .descriptionSection__column--mobileMarginTop { margin-top: 40px; } } .descriptionSection__column--text .wrapper { max-width: 480px; margin: 0 auto; } .descriptionSection figure { margin: 0; width: 100%; aspect-ratio: 1 / 1; } .descriptionSection img { width: 100%; height: 100%; object-fit: cover; } .descriptionSection h2 { font-size: 24px; line-height: 36px; margin-top: 0; margin-bottom: 16px; font-weight: 600; } .descriptionSection h3 { font-size: 18px; line-height: 28px; margin-bottom: 8px; margin-top: 0; font-weight: 600; } .descriptionSection p, .descriptionSection ul { font-size: 14px; line-height: 25px; color: #777777; } .descriptionSection ul { padding-left: 0; list-style: none; } .descriptionSection ul li { padding-left: 35px; position: relative; margin-bottom: 12px; } .descriptionSection ul li::before { content: ; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(https://dev.tubefittings.eu/img/descriptionSections/bullet.svg); background-position: center; background-size: contain; background-repeat: no-repeat; } .descriptionSection ul span { color: #777777; } .descriptionSection .bigger-text { font-size: 18px; line-height: 28px; margin-bottom: 32px; } .descriptionSection .Tooltip { position: absolute; bottom: 0; left: 0; width: 100%; max-width: 272px; z-index: 3; } .descriptionSection .Tooltip .Tooltip__circle { cursor: pointer; min-width: 32px; min-height: 32px; max-width: 32px; max-height: 32px; background-color: rgba(0, 0, 0, 0.48); border-radius: 50%; position: relative; } .descriptionSection .Tooltip .Tooltip__circle::before { content: ; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background-color: black; border: 1px solid white; } .descriptionSection .Tooltip .Tooltip__text { background-color: black; width: 100%; border-radius: 16px; padding: 24px; color: white !important; opacity: 0; pointer-events: none; transition: opacity 0.3s; } .descriptionSection .Tooltip .Tooltip__text ul { list-style: circle; padding-left: 20px; margin: 5px 0; font-size: 14px; color: red; } .descriptionSection .Tooltip .Tooltip__text ul span { color: white; } .descriptionSection .Tooltip .Tooltip__text--active { opacity: 1; } .descriptionSection .Tooltip .Tooltip__text h3 { margin-bottom: 0; } .descriptionSection .Tooltip .Tooltip__text p { margin-top: 0; color: white; } .descriptionSection .descriptionSection__steps { display: flex; margin-top: 32px; } .descriptionSection .descriptionSection__stepIcons { flex-basis: 64px; display: flex; flex-direction: column; position: relative; margin-right: 32px; } .descriptionSection .descriptionSection__stepIcons::before { content: ; pointer-events: none; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background-color: #e0e0e0; } .descriptionSection .descriptionSection__stepIcons img { width: 64px; height: 64px; object-fit: contain; margin-bottom: 24px; } .descriptionSection