Orra Opalglas-Tischlampe – Skulpturale, vom Bauhaus inspirierte Beleuchtung

#hozo-orra-opal-refactor, #hozo-orra-opal-refactor * { Boxgröße: border-box; } #hozo-orra-opal-refactor { Breite: 100 %; maximale Breite: 1200px; Rand: 0 automatisch; Farbe: #0b0b0b; Hintergrund: #fff; Schriftfamilie: Poppins, Arial, Helvetica, serifenlos; Zeilenhöhe: 1,35; Überlauf: versteckt; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-orra-opal-refactor h2, #hozo-orra-opal-refactor h3, #hozo-orra-opal-refactor p { Rand: 0; Polsterung: 0; text-align: erben; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-orra-opal-refactor a { Farbe: erben; Textdekoration: keine; maximale Breite: 100 %; Mindestbreite: 0; } #hozo-orra-opal-refactor-Figur { Rand: 0; Überlauf: versteckt; Mindestbreite: 0; maximale Breite: 100 %; }#hozo-orra-opal-refactor img {display: block; maximale Breite: 100 %; Breite: 100 %; Höhe: automatisch; Objektanpassung: Abdeckung; Übergang: .35s Leichtigkeit transformieren} #hozo-orra-opal-refactor-Schaltfläche { Schriftart: erben; maximale Breite: 100 %; Mindestbreite: 0; Leerraum: normal; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-orra-opal-refactor ul, #hozo-orra-opal-refactor ol { Rand: 0; Polsterung: 0; Listenstil: keiner; Listenstilposition: außerhalb; } #hozo-orra-opal-refactor li { Rand: 0; Polsterung: 0; Listenstil: keiner; Listenstilposition: außerhalb; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-orra-opal-refactor li::before, #hozo-orra-opal-refactor li::marker { Inhalt: keiner; Schriftgröße: 0; } #hozo-orra-opal-refactor-Tabelle, #hozo-orra-opal-refactor thead, #hozo-orra-opal-refactor tbody, #hozo-orra-opal-refactor tr, #hozo-orra-opal-refactor th, #hozo-orra-opal-refactor td { Grenze: 0 !important; Gliederung: 0 !important; box-shadow: keine !important; border-collapse: Zusammenbruch; Tabellenlayout: fest; } #hozo-orra-opal-refactor .hozo-intro { Polsterung: 20px 20px 22px; Textausrichtung: Mitte; Hintergrund: #fff; } #hozo-orra-opal-refactor .hozo-intro-title { Schriftgröße: 28px; Schriftstärke: 600; Zeilenhöhe: 1,25; margin-inline: auto; text-align: center !important; } #hozo-orra-opal-refactor .hozo-intro-copy { Rand: 14px auto 0; Schriftgröße: 21px; Zeilenhöhe: 1,35; Schriftstärke: 400; maximale Breite: 1160px; Textausrichtung: Mitte; } #hozo-orra-opal-refactor .hozo-section-title { Breite: 100 %; Polsterung: 20px 20px 18px; text-align: center !important; Schriftgröße: 28px; Zeilenhöhe: 1,25; Schriftstärke: 600; Rand: 0 automatisch; } #hozo-orra-opal-refactor .hozo-banner { Breite: 100 %; Rand: 0; Überlauf: versteckt; Hintergrund: #fff; } #hozo-orra-opal-refactor .hozo-banner-frame { Breite: 100 %; Seitenverhältnis: 1200 / 686; Überlauf: versteckt; Rand: 0; }#hozo-orra-opal-refactor .hozo-banner-frame img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung; Objektposition: Mitte} #hozo-orra-opal-refactor .hozo-video-story { Polsterung: 30px 0 20px; Hintergrund: #fff; } #hozo-orra-opal-refactor .hozo-video-inner { Breite: calc(100% - 40px); Rand: 0 automatisch; Anzeige: Raster; Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); Hintergrund: #fff; Mindesthöhe: 426px; align-items: stretch; } #hozo-orra-opal-refactor .hozo-video-copy { Mindestbreite: 0; Anzeige: Flex; Flexrichtung: Spalte; rechtfertigen-Inhalt: Mitte; Polsterung: 42px 45px; Textausrichtung: links; } #hozo-orra-opal-refactor .hozo-video-copy h2 { Schriftgröße: 28px; Zeilenhöhe: 1,25; Schriftstärke: 600; Farbe: #333; Rand: 0 0 16px; } #hozo-orra-opal-refactor .hozo-video-copy p { maximale Breite: 445px; Schriftgröße: 21px; Zeilenhöhe: 1,42; Farbe: #333; Schriftstärke: 400; } #hozo-orra-opal-refactor .hozo-video-poster { Position: relativ; Mindestbreite: 0; Überlauf: versteckt; Rand: 0; Seitenverhältnis: 580 / 426; Hintergrund: #fff; }#hozo-orra-opal-refactor .hozo-video-poster img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-play-button { Position: absolut; Einschub: 0; Breite: 100 %; Höhe: 100 %; Rand: 0; Hintergrund: rgba(0, 0, 0, 0); Cursor: Zeiger; Anzeige: Flex; align-items: center; rechtfertigen-Inhalt: Mitte; Polsterung: 0; Farbe: #111; } #hozo-orra-opal-refactor .hozo-play-icon { Breite: 78px; Höhe: 78px; Randradius: 50 %; Anzeige: Raster; Ortselemente: Mitte; Hintergrund: rgba(255, 255, 255, .62); Farbe: #0d0d0d; Schriftgröße: 48px; Zeilenhöhe: 1; Polsterung links: 6px; } #hozo-orra-opal-refactor .hozo-modal { Position: fest; Einschub: 0; Z-Index: 9999; Anzeige: keine; align-items: center; rechtfertigen-Inhalt: Mitte; Polsterung: 24px; Hintergrund: rgba(0, 0, 0, .72); } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { Anzeige: Flex; } #hozo-orra-opal-refactor .hozo-modal-card { Breite: min(920px, 100%); Position: relativ; Hintergrund: #000; Randradius: 8px; Überlauf: versteckt; Seitenverhältnis: 16 / 9; } #hozo-orra-opal-refactor .hozo-modal-card Video { Anzeige: Block; Breite: 100 %; Höhe: 100 %; Objektanpassung: enthalten; Hintergrund: #000; } #hozo-orra-opal-refactor .hozo-modal-close { Position: absolut; oben: 10px; rechts: 10px; Z-Index: 3; Breite: 34px; Höhe: 34px; Randradius: 999px; Rand: 0; Hintergrund: rgba(255, 255, 255, .92); Farbe: #111; Cursor: Zeiger; Schriftgröße: 24px; Zeilenhöhe: 1; Anzeige: Raster; Ortselemente: Mitte; Polsterung: 0; } #hozo-orra-opal-refactor .hozo-slider { Breite: 100 %; Position: relativ; Überlauf: versteckt; Polsterung: 0 0 10px; } #hozo-orra-opal-refactor .hozo-slider-track { Anzeige: Flex; Lücke: 40px; Überlauf-x: auto; overflow-y: versteckt; scroll-snap-type: x obligatorisch; Scrollverhalten: glatt; -webkit-overflow-scrolling: touch; Polsterung: 0; scrollbar-width: keine; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { Anzeige: keine; } #hozo-orra-opal-refactor .hozo-product-showcase { Polsterung: 0 0 10px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { padding-inline: 0; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { Flex: 0 0 450px; scroll-snap-align: start; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-product-showcase Abbildung { Breite: 100 %; Seitenverhältnis: 1 / 1; Randradius: 8px; Hintergrund: #f6f6f6; }#hozo-orra-opal-refactor .hozo-product-showcase img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-slider-arrow { Position: absolut; oben: 44 %; Z-Index: 3; Breite: 44px; Höhe: 44px; Randradius: 50 %; Rand: 0; Hintergrund: rgba(0, 0, 0, .48); Farbe: #fff; Schriftgröße: 34px; Zeilenhöhe: 1; Cursor: Zeiger; Anzeige: Raster; Ortselemente: Mitte; Polsterung: 0 0 4px; } #hozo-orra-opal-refactor .hozo-slider-prev { links: 20px; } #hozo-orra-opal-refactor .hozo-slider-next { rechts: 20px; } #hozo-orra-opal-refactor .hozo-styles-grid { Breite: calc(100% - 40px); Rand: 0 automatisch 20px; Anzeige: Raster; Rastervorlagenspalten: wiederholen(4, minmax(0, 1fr)); Lücke: 6px; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-styles-grid Abbildung { Seitenverhältnis: 1 / .92; Hintergrund: #fff; }#hozo-orra-opal-refactor .hozo-styles-grid img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-switch-banner { Breite: 100 %; Rand: 0; Überlauf: versteckt; Hintergrund: #fff; } #hozo-orra-opal-refactor .hozo-switch-frame { Breite: 100 %; Seitenverhältnis: 1200 / 686; Überlauf: versteckt; Rand: 0; }#hozo-orra-opal-refactor .hozo-switch-frame img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-scene-grid { Breite: calc(100% - 40px); Rand: 0 automatisch 20px; Anzeige: Raster; Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); Lücke: 20px; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-scene-col { Anzeige: Raster; Lücke: 20px; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-scene-pair { Anzeige: Raster; Rastervorlagenspalten: wiederholen(2, minmax(0, 1fr)); Lücke: 20px; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-scene-large { Seitenverhältnis: 570 / 430; Randradius: 8px; } #hozo-orra-opal-refactor .hozo-scene-small { Seitenverhältnis: 275 / 200; Randradius: 8px; }#hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-detail-grid { Breite: calc(100% - 40px); Rand: 0 automatisch 20px; Anzeige: Raster; Rastervorlagenspalten: wiederholen(3, minmax(0, 1fr)); Lücke: 6px; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-detail-grid Abbildung { Seitenverhältnis: 1 / .92; Hintergrund: #fff; }#hozo-orra-opal-refactor .hozo-detail-grid img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-info-card { Breite: calc(100% - 40px); Rand: 0 automatisch 20px; Polsterung: 50px 70px; Randradius: 18px; Hintergrund: #f2f2f1; Anzeige: Raster; Rastervorlagenspalten: minmax(0, 1.12fr) minmax(0, .88fr); Lücke: 70px; align-items: center; Mindestbreite: 0; } #hozo-orra-opal-refactor .hozo-info-card.reverse { Rastervorlagenspalten: minmax(0, .88fr) minmax(0, 1.12fr); Polsterung oben: 40px; Polsterung unten: 40px; } #hozo-orra-opal-refactor .hozo-info-card Abbildung { Breite: 100 %; maximale Breite: 510 Pixel; margin-inline: auto; Seitenverhältnis: 1 / 1; Hintergrund: #fff; } #hozo-orra-opal-refactor .hozo-info-card.reverse Abbildung { maximale Breite: 510 Pixel; Seitenverhältnis: 510 / 365; }#hozo-orra-opal-refactor .hozo-info-card img {width: 100%; Höhe: 100 %; Objektanpassung: Abdeckung} #hozo-orra-opal-refactor .hozo-info-copy { Mindestbreite: 0; Farbe: #0a0400; } #hozo-orra-opal-refactor .hozo-info-copy h2 { Schriftgröße: 28px; Zeilenhöhe: 1,25; Rand: 0 0 20px; Schriftstärke: 600; } #hozo-orra-opal-refactor .hozo-info-copy p { Schriftgröße: 21px; Zeilenhöhe: 1,2; Schriftstärke: 400; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { Leerraum: normal; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; } #hozo-orra-opal-refactor .hozo-policy-links { Rand oben: 16px; Anzeige: Raster; Lücke: 8px; Schriftgröße: 15px; Zeilenhöhe: 1,35; } #hozo-orra-opal-refactor .hozo-policy-links a { Textdekoration: unterstrichen; Textunterstreichungsoffset: 3px; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transform: scale(1.025)} @media (Mindestbreite: 641 Pixel) und (Maximale Breite: 1024 Pixel) { #hozo-orra-opal-refactor { maximale Breite: 100 %; } #hozo-orra-opal-refactor .hozo-intro-title, #hozo-orra-opal-refactor .hozo-section-title, #hozo-orra-opal-refactor .hozo-video-copy h2, #hozo-orra-opal-refactor .hozo-info-copy h2 { Schriftgröße: 26px; } #hozo-orra-opal-refactor .hozo-intro-copy, #hozo-orra-opal-refactor .hozo-video-copy p, #hozo-orra-opal-refactor .hozo-info-copy p { Schriftgröße: 19px; } #hozo-orra-opal-refactor .hozo-video-inner { Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { Flexbasis: 38vw; maximale Breite: 450 Pixel; } #hozo-orra-opal-refactor .hozo-styles-grid { Rastervorlagenspalten: wiederholen(4, minmax(0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); Lücke: 36px; Polsterung: 36px; } } @media (maximale Breite: 640 Pixel) { #hozo-orra-opal-refactor { maximale Breite: 100 %; } #hozo-orra-opal-refactor .hozo-intro { Polsterung: 24px 20px 20px; } #hozo-orra-opal-refactor .hozo-intro-title { Schriftgröße: 28px; Zeilenhöhe: 1,55; maximale Breite: 310 Pixel; } #hozo-orra-opal-refactor .hozo-intro-copy { Rand oben: 10px; Schriftgröße: 21px; Zeilenhöhe: 1,45; maximale Breite: 350 Pixel; } #hozo-orra-opal-refactor .hozo-banner-frame { Seitenverhältnis: 350 / 200; } #hozo-orra-opal-refactor .hozo-video-story { Polsterung: 0 0 20px; } #hozo-orra-opal-refactor .hozo-video-inner { Breite: calc(100% - 40px); Anzeige: Flex; Flexrichtung: Spaltenumkehr; Mindesthöhe: 0; } #hozo-orra-opal-refactor .hozo-video-poster { Breite: 100 %; Seitenverhältnis: 310 / 136; } #hozo-orra-opal-refactor .hozo-video-copy { Polsterung: 34px 20px 0; Anzeige: Block; } #hozo-orra-opal-refactor .hozo-video-copy h2 { Schriftgröße: 28px; Zeilenhöhe: 1,25; Rand unten: 20px; } #hozo-orra-opal-refactor .hozo-video-copy p { Schriftgröße: 21px; Zeilenhöhe: 1,7; maximale Breite: 270 Pixel; } #hozo-orra-opal-refactor .hozo-play-icon { Breite: 72px; Höhe: 72px; Schriftgröße: 42px; } #hozo-orra-opal-refactor .hozo-section-title { Schriftgröße: 27px; Zeilenhöhe: 1,45; Polsterung: 24px 16px 20px; } #hozo-orra-opal-refactor .hozo-product-showcase { Polsterung: 20px 0 18px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { Breite: calc(100% - 40px); margin-inline: auto; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { Lücke: 40px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { Flex: 0 0 100 %; } #hozo-orra-opal-refactor .hozo-product-showcase Abbildung { Seitenverhältnis: 310 / 325; } #hozo-orra-opal-refactor .hozo-slider-arrow { Breite: 40px; Höhe: 40px; Schriftgröße: 30px; oben: 48 %; Hintergrund: rgba(0, 0, 0, .28); } #hozo-orra-opal-refactor .hozo-slider-prev { links: 18px; } #hozo-orra-opal-refactor .hozo-slider-next { rechts: 18px; } #hozo-orra-opal-refactor .hozo-styles-grid { Anzeige: Block; Breite: calc(100% - 40px); Rand unten: 20px; Position: relativ; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { Anzeige: Flex; Lücke: 16px; Überlauf-x: auto; scroll-snap-type: x obligatorisch; Scrollverhalten: glatt; scrollbar-width: keine; -webkit-overflow-scrolling: touch; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { Anzeige: keine; } #hozo-orra-opal-refactor .hozo-styles-grid Abbildung { Flex: 0 0 100 %; Seitenverhältnis: 310 / 310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-switch-frame { Seitenverhältnis: 350 / 200; } #hozo-orra-opal-refactor .hozo-scene-grid { Breite: calc(100% - 40px); Anzeige: Block; Rand unten: 20px; } #hozo-orra-opal-refactor .hozo-scene-col { Anzeige: Block; } #hozo-orra-opal-refactor .hozo-scene-pair { Anzeige: Raster; Rastervorlagenspalten: wiederholen(2, minmax(0, 1fr)); Lücke: 10px; Rand oben: 10px; } #hozo-orra-opal-refactor .hozo-scene-large { Seitenverhältnis: 310 / 325; Rand oben: 10px; Randradius: 12px; } #hozo-orra-opal-refactor .hozo-scene-small { Seitenverhältnis: 145 / 145; Randradius: 10px; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { Rand oben: 10px; } #hozo-orra-opal-refactor .hozo-detail-grid { Anzeige: Block; Breite: calc(100% - 40px); Position: relativ; } #hozo-orra-opal-refactor .hozo-detail-scroll { Anzeige: Flex; Lücke: 16px; Überlauf-x: auto; scroll-snap-type: x obligatorisch; Scrollverhalten: glatt; scrollbar-width: keine; -webkit-overflow-scrolling: touch; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { Anzeige: keine; } #hozo-orra-opal-refactor .hozo-detail-grid Abbildung { Flex: 0 0 100 %; Seitenverhältnis: 310 / 310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { Breite: calc(100% - 40px); Anzeige: Flex; Flexrichtung: Spalte; Lücke: 28px; Polsterung: 40px 20px; Randradius: 18px; Rand unten: 20px; } #hozo-orra-opal-refactor .hozo-info-card.reverse { Flexrichtung: Spaltenumkehr; } #hozo-orra-opal-refactor .hozo-info-card Abbildung { Breite: 100 %; maximale Breite: 270 Pixel; Seitenverhältnis: 1 / 1; } #hozo-orra-opal-refactor .hozo-info-card.reverse Abbildung { maximale Breite: 270 Pixel; Seitenverhältnis: 270 / 193; } #hozo-orra-opal-refactor .hozo-info-copy { Breite: 100 %; } #hozo-orra-opal-refactor .hozo-info-copy h2 { Schriftgröße: 28px; Zeilenhöhe: 1,25; Rand unten: 14px; } #hozo-orra-opal-refactor .hozo-info-copy p { Schriftgröße: 21px; Zeilenhöhe: 1,18; } #hozo-orra-opal-refactor .hozo-modal { Polsterung: 16px; } #hozo-orra-opal-refactor .hozo-modal-close { oben: 8px; rechts: 8px; } } @media (prefers-reduced-motion: Reduce) { #hozo-orra-opal-refactor * { Übergang: keine !important; Scrollverhalten: auto !important; } #hozo-orra-opal-refactor img {transition: none !important; scroll-behavior: auto !important} }

Bauhaus Opal Tischlampe