AstraLux Crystal LED-Wandleuchte mit klaren Glasschirmen
Nachfolgend finden Sie eine strukturierte Übersicht, die aus den bereitgestellten Styling-Details für die Produktseite abgeleitet wurde. Sie beschreibt das Styling im geöffneten Zustand, das Layout-Verhalten und die Typografie-Regeln, die die Darstellung dieser Produktbeschreibung steuern.
Styling im geöffneten Zustand
- .is-open { Hintergrund: #f7f7f7; Innenabstand: 0px 30px; }
Styling des Fußzeilentitels
- .section-footer__title { Buchstabenabstand: 2px!important; Schriftstärke: 500!important; Schriftgröße: 1rem!important; }
Verhalten des Akkordeon-Panels
- .styles-module--accordionPanel--r0+I+ { Hintergrundfarbe: #f7f7f7; max-Höhe: 2200px; Überlauf: versteckt; }
- Medienabfragen: Ab einer Mindestbreite von 768px wechselt das Akkordeon-Panel die max-Höhe über 1s mit denselben Hintergrund- und Höhenbeschränkungen.
Verhalten der Akkordeon-Hülle
- .styles-module--accordionWrapper--3e-Eu { Innenabstand: 0rem 0rem; Übergang: Deckkraft 0.5s ease 0.2s; Deckkraft: 1; will-change: Deckkraft; }
Spaltenlayout
- Auf größeren Bildschirmen (min-Breite: 768px) verwendet .styles-module--columns--sZFL5 ein zweispaltiges Layout.
Globale Rücksetzungen und Typografie
- Zurücksetzregeln für Listen und Formularelemente umfassen: menu, ol, ul haben keine Standardlistenformatierung und keinen Rand/Innenabstand, wo anwendbar.
- .mb-8 setzt den unteren Rand auf 2rem.
- .type-upper-070 setzt die Schriftstärke auf 700 und den Buchstabenabstand auf 0.0875rem.
- .type-upper-040 und .type-upper-070 teilen sich die Schriftfamilie Replica Std, Helvetica Neue, sans-serif, Schriftgröße 0.625rem, Zeilenhöhe 1.6 und sind in Großbuchstaben umgewandelt.
- .max-w-sm setzt die maximale Breite auf 24rem; .mb-6 setzt den unteren Rand auf 1.5rem.
- .gatsby-image-wrapper-Inhalt mit [data-main-image] ist initial für die Leistung ausgeblendet, mit Deckkraft 0 und einer translateZ(0)-Transformation.
Hinweis: Der Inhalt spiegelt das Styling-System wider, das zur Darstellung der Produktseite verwendet wird, und führt keine zusätzlichen Produkteigenschaften ein.