.lb-brands { --lb-petrol: #123f42; --lb-petrol-dark: #0b3032; --lb-mint: #e8f4f1; --lb-mint-strong: #d6ebe6; --lb-yellow: #f4d64e; --lb-white: #ffffff; --lb-text: #29494b; --lb-border: #cfe2de; --lb-shadow: 0 10px 28px rgba(18, 63, 66, 0.09); width: 100%; margin: 0; color: var(--lb-petrol); background: var(--lb-white); font-family: "Open Sans", Arial, sans-serif; line-height: 1.6; } .lb-brands *, .lb-brands *::before, .lb-brands *::after { box-sizing: border-box; } .lb-brands a { color: inherit; } .lb-brands__container { width: calc(100% - 28px); max-width: 1180px; margin-inline: auto; } .lb-brands__hero { padding: 30px 0 42px; } .lb-brands__hero-card { position: relative; padding: 42px 22px 26px; border: 1px solid var(--lb-border); border-radius: 20px; background: radial-gradient(circle at 100% 0, rgba(244, 214, 78, 0.22), transparent 38%), linear-gradient(145deg, #f2f9f7 0%, #e4f2ef 100%); box-shadow: var(--lb-shadow); } .lb-brands__badge { position: absolute; top: 0; left: 20px; transform: translateY(-50%); display: inline-flex; align-items: center; min-height: 34px; padding: 7px 15px; border-radius: 999px; background: var(--lb-yellow); color: var(--lb-petrol-dark); font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: 0.02em; } .lb-brands h1, .lb-brands h2, .lb-brands h3, .lb-brands p { margin-top: 0; } .lb-brands h1 { max-width: 780px; margin-bottom: 14px; color: var(--lb-petrol); font-size: 32px; font-weight: 700; line-height: 1.18; letter-spacing: -0.02em; } .lb-brands h2 { margin-bottom: 10px; color: var(--lb-petrol); font-size: 28px; font-weight: 500; line-height: 1.25; } .lb-brands h3 { margin-bottom: 7px; color: var(--lb-petrol); font-size: 20px; font-weight: 700; line-height: 1.3; } .lb-brands__intro { max-width: 760px; margin-bottom: 22px; color: var(--lb-text); font-size: 16px; } .lb-brands__actions { display: grid; gap: 10px; } .lb-brands__button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 18px; border: 2px solid var(--lb-petrol); border-radius: 10px; background: var(--lb-petrol); color: var(--lb-white) !important; font-size: 15px; font-weight: 700; line-height: 1.25; text-align: center; text-decoration: none !important; transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease; } .lb-brands__button--secondary { background: transparent; color: var(--lb-petrol) !important; } .lb-brands__section { padding: 38px 0; } .lb-brands__section--tint { background: #f5faf9; } .lb-brands__section-head { max-width: 720px; margin-bottom: 22px; } .lb-brands__section-head p { margin-bottom: 0; color: var(--lb-text); } .lb-brands__top-grid, .lb-brands__more-grid { display: grid; gap: 16px; } .lb-brands__more-grid { margin-top: 16px; } .lb-brand-card { display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden; border: 1px solid var(--lb-border); border-radius: 16px; background: var(--lb-white); box-shadow: 0 6px 20px rgba(18, 63, 66, 0.07); text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease; } .lb-brand-card__logo { display: flex; min-height: 120px; align-items: center; justify-content: center; padding: 24px 22px; border-bottom: 1px solid #edf4f2; background: var(--lb-white); } .lb-brand-card__logo img { display: block; width: auto; max-width: 100%; height: auto; max-height: 62px; object-fit: contain; } .lb-brand-card__body { display: flex; flex: 1; flex-direction: column; padding: 20px; } .lb-brand-card__eyebrow { display: block; margin-bottom: 7px; color: #477173; font-size: 13px; font-weight: 700; line-height: 1.35; letter-spacing: 0.02em; text-transform: uppercase; } .lb-brand-card__body p { margin-bottom: 18px; color: var(--lb-text); font-size: 15px; } .lb-brand-card__link { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--lb-petrol); font-size: 15px; font-weight: 700; } .lb-brand-card__link::after { content: "→"; font-size: 18px; line-height: 1; } .lb-brands__all-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .lb-brands__all-link { display: flex; min-height: 50px; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 13px; border: 1px solid var(--lb-border); border-radius: 10px; background: var(--lb-white); color: var(--lb-petrol); font-size: 14px; font-weight: 700; line-height: 1.3; text-decoration: none !important; } .lb-brands__all-link::after { content: "›"; flex: 0 0 auto; font-size: 21px; font-weight: 400; line-height: 1; } .lb-brands__accessories { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--lb-border); } .lb-brands__accessories h3 { font-size: 18px; } .lb-brands__cta { padding: 38px 0 50px; } .lb-brands__cta-card { padding: 26px 20px; border-radius: 18px; background: var(--lb-petrol); color: var(--lb-white); text-align: center; } .lb-brands__cta-card h2, .lb-brands__cta-card p { color: var(--lb-white); } .lb-brands__cta-card p { max-width: 680px; margin: 0 auto 20px; } .lb-brands__cta-card .lb-brands__actions { max-width: 580px; margin-inline: auto; } .lb-brands__cta-card .lb-brands__button { border-color: var(--lb-yellow); background: var(--lb-yellow); color: var(--lb-petrol-dark) !important; } .lb-brands__cta-card .lb-brands__button--secondary { border-color: rgba(255, 255, 255, 0.75); background: transparent; color: var(--lb-white) !important; } @media (hover: hover) { .lb-brands__button:hover, .lb-brand-card:hover { transform: translateY(-2px); } .lb-brand-card:hover { box-shadow: 0 12px 28px rgba(18, 63, 66, 0.13); } .lb-brands__all-link:hover { border-color: #8fb9b2; background: var(--lb-mint); } .lb-brands__button--secondary:hover { background: var(--lb-petrol); color: var(--lb-white) !important; } } .lb-brands a:focus-visible { outline: 3px solid var(--lb-yellow); outline-offset: 3px; } @media (min-width: 600px) { .lb-brands__container { width: calc(100% - 48px); } .lb-brands__hero-card { padding: 48px 34px 34px; } .lb-brands__actions { display: flex; flex-wrap: wrap; } .lb-brands__button { min-width: 210px; } .lb-brands__all-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 768px) { .lb-brands__hero { padding: 46px 0 34px; } .lb-brands__hero-card { padding: 56px 48px 42px; } .lb-brands__badge { left: 46px; } .lb-brands__section { padding: 54px 0; } #beliebte-marken { padding-top: 36px; } .lb-brands__top-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lb-brands__top-grid .lb-brand-card:first-child { grid-column: 1 / -1; } .lb-brands__more-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lb-brand-card__logo { min-height: 145px; padding: 30px 26px; } .lb-brand-card__logo img { max-height: 72px; } .lb-brand-card__body { padding: 24px; } } @media (min-width: 1024px) { .lb-brands__hero-card { padding-right: 17%; } .lb-brands__top-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lb-brands__top-grid .lb-brand-card:first-child { grid-column: auto; } .lb-brands__all-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
Vielfältig ausgewählt

Unsere Lesebrillen-Marken im Überblick

Günstig und unkompliziert, ausdrucksstark im Design oder besonders praktisch für unterwegs: Jede Marke in unserem Sortiment hat ihren eigenen Schwerpunkt. Entdecken Sie Lesebrillen, die zu Ihrem Alltag, Ihrem Stil und Ihrem Budget passen.

Noch unsicher, welche Lesebrille passt?

Starten Sie mit unseren beliebtesten Modellen oder ermitteln Sie zuerst eine passende Lesebrillen-Stärke.