Hikari runder Stoff-Kronleuchter – japanische Designleuchte für Wohnzimmer und Schlafzimmer

#hozo-hikari-refactor-3211663, #hozo-hikari-refactor-3211663 * { Boxgröße: border-box; } #hozo-hikari-refactor-3211663 { --hh-width: 1200px; --hh-pad: 20px; --hh-text: #000; --hh-muted: #a1a1a6; --hh-panel: #f2f2f1; --hh-gap: 20px; Breite: 100 %; maximale Breite: 100 %; Rand: 0 automatisch; Farbe: var(--hh-text); Hintergrund: #fff; Schriftfamilie: erben; Zeilenhöhe: 1,55; Überlauf-x: Clip; Textausrichtung: initial; } #hozo-hikari-refactor-3211663 .hh-container { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; padding-inline: var(--hh-pad); Mindestbreite: 0; } #hozo-hikari-refactor-3211663 h2, #hozo-hikari-refactor-3211663 h3, #hozo-hikari-refactor-3211663 p { Rand: 0; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-hikari-refactor-3211663 a { Farbe: erben; Textdekoration: keine; } #hozo-hikari-refactor-3211663 Abbildung { Rand: 0; Überlauf: versteckt; Mindestbreite: 0; maximale Breite: 100 %; }#hozo-hikari-refactor-3211663 img {display: block; maximale Breite: 100 %; Breite: 100 %; Höhe: 100 %; Objektanpassung: Abdeckung; Übergang: .45s Leichtigkeit transformieren} #hozo-hikari-refactor-3211663 .hh-intro { Hintergrund: #fff; Polsterung: 20px 0 10px; Textausrichtung: Mitte; } #hozo-hikari-refactor-3211663 .hh-intro-inner { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; padding-inline: var(--hh-pad); } #hozo-hikari-refactor-3211663 .hh-product-title { Schriftgröße: 25px; Schriftstärke: 500; Zeilenhöhe: 1,3; Farbe: #000; text-align: center !important; Rand: 0 automatisch 20px !important; Buchstabenabstand: 0; } #hozo-hikari-refactor-3211663 .hh-product-subtext { Farbe: var(--hh-muted); Schriftgröße: 16px; Zeilenhöhe: 1,6; Textausrichtung: Mitte; Rand: 0 automatisch; maximale Breite: 1040px; } #hozo-hikari-refactor-3211663 .hh-title-section { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; Polsterung: 30px var(--hh-pad) 0; Hintergrund: #fff; } #hozo-hikari-refactor-3211663 .hh-title { Schriftgröße: 30px; Zeilenhöhe: 1,28; Schriftstärke: 500; Buchstabenabstand: 0; Farbe: #000; text-align: center !important; Rand: 0 automatisch 20px !important; maximale Breite: 980px; } #hozo-hikari-refactor-3211663 .hh-slider { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; Position: relativ; Überlauf: versteckt; Mindestbreite: 0; } #hozo-hikari-refactor-3211663 .hh-slider-track { Anzeige: Flex; Überlauf-x: auto; scroll-snap-type: x obligatorisch; Scrollverhalten: glatt; -webkit-overflow-scrolling: touch; scrollbar-width: keine; Mindestbreite: 0; } #hozo-hikari-refactor-3211663 .hh-slider-track::-webkit-scrollbar { Anzeige: keine; } #hozo-hikari-refactor-3211663 .hh-slide { Flex: 0 0 100 %; scroll-snap-align: start; Mindestbreite: 0; Position: relativ; } #hozo-hikari-refactor-3211663 .hh-hero { Seitenverhältnis: 16 / 9; Hintergrund: #fff; } #hozo-hikari-refactor-3211663 .hh-hero .hh-slide-media { Seitenverhältnis: 16 / 9; Breite: 100 %; } #hozo-hikari-refactor-3211663 .hh-slider-dots { Position: absolut; links: 0; rechts: 0; unten: 10px; Anzeige: Flex; rechtfertigen-Inhalt: Flex-Start; Lücke: 8px; Polsterung links: 34px; Zeigerereignisse: keine; Z-Index: 3; } #hozo-hikari-refactor-3211663 .hh-dot { Breite: 12px; Höhe: 12px; Anzeige: Inline-Block; Randradius: 50 %; Hintergrund: #000; Rand: 0; Polsterung: 0; Cursor: Zeiger; Zeigerereignisse: auto; Deckkraft: .9; } #hozo-hikari-refactor-3211663 .hh-dot:first-child { Hintergrund: #fff; } #hozo-hikari-refactor-3211663 .hh-arrow { Position: absolut; oben: 50 %; Z-Index: 4; Breite: 44px; Höhe: 44px; Randradius: 50 %; Rand: 0; Hintergrund: rgba(255,255,255,.68); Farbe: #111; Anzeige: keine; align-items: center; rechtfertigen-Inhalt: Mitte; Cursor: Zeiger; transform: TranslateY(-50%); Schriftgröße: 0; Zeilenhöhe: 1; } #hozo-hikari-refactor-3211663 .hh-arrow::before { Inhalt: „“; Breite: 12px; Höhe: 12px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; Anzeige: Block; } #hozo-hikari-refactor-3211663 .hh-arrow-prev { links: 20px; } #hozo-hikari-refactor-3211663 .hh-arrow-prev::before { transformieren: drehen (-45 Grad); Rand links: 5px; } #hozo-hikari-refactor-3211663 .hh-arrow-next { rechts: 20px; } #hozo-hikari-refactor-3211663 .hh-arrow-next::before { transformieren: drehen (135 Grad); Rand rechts: 5px; } #hozo-hikari-refactor-3211663 .hh-style-grid { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; Polsterung: 0 var(--hh-pad) 20px; Anzeige: Raster; Rastervorlagenspalten: wiederholen(4, minmax(0, 1fr)); Lücke: 6px; } #hozo-hikari-refactor-3211663 .hh-style-item, #hozo-hikari-refactor-3211663 .hh-style-item Abbildung { Seitenverhältnis: 1 / 1; Mindestbreite: 0; } #hozo-hikari-refactor-3211663 .hh-style-mobile { Anzeige: keine; } #hozo-hikari-refactor-3211663 .hh-switch { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; Überlauf: versteckt; } #hozo-hikari-refactor-3211663 .hh-switch Abbildung { Seitenverhältnis: 1200 / 600; } #hozo-hikari-refactor-3211663 .hh-scene { Breite: min(var(--hh-width), 100 %); maximale Breite: 100 %; margin-inline: auto; Polsterung: 0 var(--hh-pad) 20px; Anzeige: Raster; Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); Lücke: 20px; Mindestbreite: 0; } #hozo-hikari-refactor-3211663 .hh-scene-col { Anzeige: Raster; Rastervorlagenspalten: wiederholen(2, minmax(0, 1fr)); Lücke: 20px; Mindestbreite: 0; } #hozo-hikari-refactor-3211663 .hh-scene-col-right { Rastervorlagenzeilen: auto 1fr; } #hozo-hikari-refactor-3211663 .hh-scene-large { Gitterspalte: Spanne 2; Seitenverhältnis: 570 / 542; Randradius: 18px; } #hozo-hikari-refactor-3211663 .hh-scene-small { Seitenverhältnis: 275 / 190; Randradius: 14px; } #hozo-hikari-refactor-3211663 .hh-scene-wide { Gitterspalte: Spanne 2; Seitenverhältnis: 570 / 398; Randradius: 18px; }#hozo-hikari-refactor-3211663 .hh-hover:hover img {transform: scale(1.035)} #hozo-hikari-refactor-3211663 .hh-split { Breite: min(var(--hh-width), 100 %); max-width: calc(100% - 40px); Rand: 0 automatisch 20px; Hintergrund: var(--hh-panel); Randradius: 18px; Polsterung: 55px 70px; Anzeige: Raster; Rastervorlagenspalten: minmax(0, 1fr) minmax(0, .86fr); Lücke: 70px; align-items: center; Mindestbreite: 0; } #hozo-hikari-refactor-3211663 .hh-split-reverse { Rastervorlagenspalten: minmax(0, .86fr) minmax(0, 1fr); } #hozo-hikari-refactor-3211663 .hh-split-media { Seitenverhältnis: 1 / 1; maximale Breite: 510 Pixel; Breite: 100 %; sich selbst rechtfertigen: Mitte; } #hozo-hikari-refactor-3211663 .hh-split-copy { Farbe: #000; Schriftgröße: 16px; Zeilenhöhe: 1,8; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-hikari-refactor-3211663 .hh-split-copy ul { Listenstil: keiner; Rand: 0; Polsterung: 0; } #hozo-hikari-refactor-3211663 .hh-split-copy li { Rand: 0 0 6px; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-hikari-refactor-3211663 .hh-faq { Anzeige: keine; Breite: min(var(--hh-width), 100 %); max-width: calc(100% - 40px); Rand: 0 automatisch 20px; Polsterung: 36px 48px; Hintergrund: #fff; Farbe: #111; Schriftgröße: 15px; Zeilenhöhe: 1,65; Mindestbreite: 0; overflow-wrap: irgendwo; Wortumbruch: Wortumbruch; Bindestriche: auto; } #hozo-hikari-refactor-3211663 .hh-faq h2 { Schriftgröße: 22px; Zeilenhöhe: 1,35; Schriftstärke: 600; Rand: 18px 0 10px; Textausrichtung: links; } #hozo-hikari-refactor-3211663 .hh-faq p { Rand: 0 0 10px; } #hozo-hikari-refactor-3211663 .hh-faq a { Farbe: #111; Textdekoration: unterstreichen; Textunterstreichungsoffset: 2px; } @media (Mindestbreite: 641 Pixel) und (Maximale Breite: 1024 Pixel) { #hozo-hikari-refactor-3211663 { --hh-width: 100 %; } #hozo-hikari-refactor-3211663 .hh-hero, #hozo-hikari-refactor-3211663 .hh-hero .hh-slide-media { Seitenverhältnis: 16 / 9; } #hozo-hikari-refactor-3211663 .hh-style-grid { Rastervorlagenspalten: wiederholen(4, minmax(0, 1fr)); } #hozo-hikari-refactor-3211663 .hh-scene { Rastervorlagenspalten: minmax(0, 1fr) minmax(0, 1fr); } #hozo-hikari-refactor-3211663 .hh-split { Rastervorlagenspalten: minmax(0, 1fr) minmax(0, .9fr); Polsterung: 44px 42px; Lücke: 38px; } } @media (maximale Breite: 640 Pixel) { #hozo-hikari-refactor-3211663 { --hh-pad: 20px; } #hozo-hikari-refactor-3211663 .hh-intro { Polsterung: 20px 0 10px; } #hozo-hikari-refactor-3211663 .hh-product-title { Schriftgröße: 21px; Zeilenhöhe: 1,18; Rand unten: 24px !important; } #hozo-hikari-refactor-3211663 .hh-product-subtext { Schriftgröße: 13px; Zeilenhöhe: 1,55; maximale Breite: 310 Pixel; } #hozo-hikari-refactor-3211663 .hh-hero, #hozo-hikari-refactor-3211663 .hh-hero .hh-slide-media { Seitenverhältnis: 350 / 467; }#hozo-hikari-refactor-3211663 .hh-hero img {object-position: center center} #hozo-hikari-refactor-3211663 .hh-slider-dots { unten: 16px; Polsterung links: 34px; } #hozo-hikari-refactor-3211663 .hh-dot { Breite: 12px; Höhe: 12px; } #hozo-hikari-refactor-3211663 .hh-title-section { Polsterung oben: 20px; } #hozo-hikari-refactor-3211663 .hh-title { Schriftgröße: 24px; Zeilenhöhe: 1,18; Rand unten: 20px !important; } #hozo-hikari-refactor-3211663 .hh-style-grid { Anzeige: keine; } #hozo-hikari-refactor-3211663 .hh-style-mobile { Anzeige: Block; Breite: 100 %; maximale Breite: 100 %; Polsterung: 0 var(--hh-pad) 20px; Position: relativ; Überlauf: versteckt; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-slider { Breite: 310px; maximale Breite: 100 %; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-slider-track { Lücke: 10px; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-slide { Flexbasis: 310px; maximale Breite: 100 %; } #hozo-hikari-refactor-3211663 .hh-style-mobile Figur { Seitenverhältnis: 1 / 1; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-arrow { Anzeige: Flex; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-arrow-prev { links: 20px; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-arrow-next { rechts: 20px; } #hozo-hikari-refactor-3211663 .hh-switch Abbildung { Seitenverhältnis: 350 / 175; } #hozo-hikari-refactor-3211663 .hh-scene { Anzeige: Raster; Rastervorlagenspalten: minmax(0, 1fr); Lücke: 20px; Polsterung unten: 20px; } #hozo-hikari-refactor-3211663 .hh-scene-col { Lücke: 10px; } #hozo-hikari-refactor-3211663 .hh-scene-large { Seitenverhältnis: 310 / 296; Randradius: 14px; } #hozo-hikari-refactor-3211663 .hh-scene-small { Seitenverhältnis: 150 / 130; Randradius: 12px; } #hozo-hikari-refactor-3211663 .hh-scene-wide { Seitenverhältnis: 310 / 260; Randradius: 14px; } #hozo-hikari-refactor-3211663 .hh-split, #hozo-hikari-refactor-3211663 .hh-split-reverse { max-width: calc(100% - 40px); Rastervorlagenspalten: minmax(0, 1fr); Lücke: 34px; Polsterung: 38px 20px; Randradius: 16px; } #hozo-hikari-refactor-3211663 .hh-split-reverse .hh-split-copy { Reihenfolge: 1; } #hozo-hikari-refactor-3211663 .hh-split-reverse .hh-split-media { Reihenfolge: 2; } #hozo-hikari-refactor-3211663 .hh-split-media { maximale Breite: 270 Pixel; } #hozo-hikari-refactor-3211663 .hh-split-copy { Schriftgröße: 17px; Zeilenhöhe: 1,72; } #hozo-hikari-refactor-3211663 .hh-faq { max-width: calc(100% - 40px); Polsterung: 26px 20px; Schriftgröße: 14px; } } @media (prefers-reduced-motion: Reduce) { #hozo-hikari-refactor-3211663 .hh-slider-track { Übergang: keiner; Scrollverhalten: automatisch; } #hozo-hikari-refactor-3211663 img {transition: none; scroll-behavior: auto} }

Hikari runde Stofflampe