*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --ink: #1e1c18; --ink-mid: #5a5750; --ink-light: #9a9690; --sand: #f5f0e8; --linen: #ede8dc; --border: #d8d2c6; --accent: #7a6248; --accent-lt: #e8e0d4; } html { scroll-behavior: smooth; } body { font-family: 'DM Sans', sans-serif; background: var(--sand); color: var(--ink); min-height: 100vh; padding: 0; } /* ── Header bar ── */ .site-header { border-bottom: 1px solid var(--border); padding: 1.4rem 2.5rem; display: flex; align-items: center; justify-content: space-between; background: var(--sand); } .wordmark { font-family: 'DM Sans', sans-serif; font-weight: 500; font-size: 15px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--ink); text-decoration: none; } .header-meta { font-size: 11px; letter-spacing: 0.08em; color: var(--ink-light); text-transform: uppercase; } /* ── Page layout ── */ .page { max-width: 800px; margin: 0 auto; padding: 4rem 2.5rem 6rem; } /* ── Hero title ── */ .page-eyebrow { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-light); margin-bottom: 0.8rem; } .page-title { font-family: 'Cormorant Garamond', serif; font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 500; line-height: 1.05; color: var(--ink); letter-spacing: -0.01em; margin-bottom: 0.5rem; } .page-title em { font-style: italic; color: var(--accent); } .title-rule { width: 48px; height: 1.5px; background: var(--accent); margin: 1.4rem 0 2.5rem; } /* ── Lead ── */ .lead { font-size: 15px; line-height: 1.75; color: var(--ink-mid); max-width: 600px; border-left: 2px solid var(--border); padding-left: 1.25rem; margin-bottom: 3rem; } /* ── Section ── */ section { margin-bottom: 2.75rem; } .section-label { font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-light); margin-bottom: 0.5rem; } .section-title { font-family: 'Cormorant Garamond', serif; font-size: 1.35rem; font-weight: 600; color: var(--ink); margin-bottom: 1rem; padding-bottom: 0.6rem; border-bottom: 1px solid var(--border); } .section-body { font-size: 14px; line-height: 1.85; color: var(--ink-mid); } .section-body p { margin-bottom: 0.75rem; } .section-body p:last-child { margin-bottom: 0; } .section-body a { color: var(--accent); text-underline-offset: 3px; } .section-body a:hover { color: var(--ink); } /* ── Info grid (address block) ── */ .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid var(--border); border-radius: 4px; overflow: hidden; margin-bottom: 1.5rem; } .info-cell { padding: 1rem 1.25rem; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); } .info-cell:nth-child(even) { border-right: none; } .info-cell:nth-last-child(-n+2) { border-bottom: none; } .info-cell-label { font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-light); margin-bottom: 4px; } .info-cell-value { font-size: 13.5px; color: var(--ink); line-height: 1.6; } .info-cell-value a { color: var(--accent); text-decoration: none; text-underline-offset: 3px; } .info-cell-value a:hover { text-decoration: underline; } /* ── Warning box ── */ .notice { background: var(--linen); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 0 4px 4px 0; padding: 1rem 1.25rem; font-size: 13px; color: var(--ink-mid); line-height: 1.7; margin: 1.25rem 0; } .notice strong { color: var(--ink); font-weight: 500; } /* ── Divider ── */ .divider { height: 1px; background: var(--border); margin: 3rem 0; } /* ── Footer ── */ .page-footer { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } .page-footer p { font-size: 12px; color: var(--ink-light); line-height: 1.6; } .page-footer-links { display: flex; gap: 16px; } .page-footer-links a { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-light); text-decoration: none; } .page-footer-links a:hover { color: var(--accent); } /* ── EU badge ── */ .eu-badge { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; color: var(--ink-light); letter-spacing: 0.05em; background: var(--linen); border: 1px solid var(--border); border-radius: 3px; padding: 4px 10px; margin-top: 0.5rem; } @media (max-width: 560px) { .site-header { padding: 1.2rem 1.25rem; } .page { padding: 2.5rem 1.25rem 4rem; } .info-grid { grid-template-columns: 1fr; } .info-cell { border-right: none; } .info-cell:nth-last-child(-n+2) { border-bottom: 1px solid var(--border); } .info-cell:last-child { border-bottom: none; } .page-footer { flex-direction: column; align-items: flex-start; } } TON LIVING Impressum & Rechtliches

Rechtliche Informationen

Impressum

Gemäß § 5 ECG (E-Commerce-Gesetz) und § 25 MedienG sind wir verpflichtet, folgende Informationen bereitzustellen. / De acordo com o § 5 da Lei do Comércio Eletrónico austríaca (ECG), disponibilizamos as seguintes informações obrigatórias.

01

Angaben zum Unternehmen

🇺🇸 United States · New Mexico · LLC

02

Kontakt

03

Zuständige Behörde 

04

Urheberrecht & Markenrecht 

05

Haftungsausschluss 

06

Online-Streitbeilegung 

07

Datenschutz 

08

Sonstige Hinweise

© SOOL ECOM US LLC · TON LIVING · Alle Rechte vorbehalten.

AGB Datenschutz Widerruf Versand