Legal notice
:root {
--brand: #1F3789;
--brand-2: #1EADF1;
--brand-3: #071B43;
--ink: #071B43;
--text: #263955;
--muted: #6d7f99;
--bg: #eef7ff;
--panel: #ffffff;
--panel-soft: rgba(255,255,255,.88);
--tint: #dff4ff;
--line: #d6e8f5;
--line-strong: #9fd7ef;
--accent: #68d9ff;
--accent-soft: rgba(30,173,241,.14);
--shadow: 0 20px 54px rgba(7, 27, 67, .10);
--shadow-hover: 0 30px 76px rgba(7, 27, 67, .18);
--radius: 22px;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
html,
body {
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
body > div,
main,
section {
max-width: 100%;
}
body {
margin: 0;
font-family: Inter, "Segoe UI", Arial, sans-serif;
color: var(--text);
line-height: 1.72;
font-size: 16px;
background:
radial-gradient(circle at 8% 4%, rgba(30,173,241,.20), transparent 29%),
radial-gradient(circle at 92% 0%, rgba(31,55,137,.18), transparent 32%),
linear-gradient(135deg, #f8fcff 0%, var(--bg) 48%, #e5f4ff 100%);
}
body::before {
content: "";
position: fixed;
inset: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(31,55,137,.055) 1px, transparent 1px),
linear-gradient(180deg, rgba(30,173,241,.045) 1px, transparent 1px);
background-size: 76px 76px;
mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 70%);
z-index: -1;
}
a {
color: inherit;
text-decoration: none;
}
p {
margin: 0 0 18px;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
.card,
.sidebar {
overflow-wrap: anywhere;
word-break: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
color: var(--ink);
letter-spacing: -0.035em;
line-height: 1.12;
font-weight: 640;
}
h1 {
font-size: clamp(40px, 5vw, 64px);
max-width: 1050px;
}
h2 {
font-size: 34px;
margin-bottom: 22px;
padding-bottom: 16px;
border-bottom: 1px solid var(--line);
position: relative;
}
h2::after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 96px;
height: 3px;
background: linear-gradient(90deg, var(--brand), var(--brand-2));
border-radius: 999px;
}
h3 {
font-size: 28px;
margin: 30px 0 14px;
}
h4 {
font-size: 26px;
margin: 26px 0 12px;
}
h5 {
font-size: 24px;
margin: 22px 0 10px;
}
h6 {
font-size: 22px;
margin: 20px 0 10px;
}
.hero {
min-height: 460px;
width: 100%;
position: relative;
overflow: hidden;
display: flex;
align-items: center;
padding: 84px 120px 92px;
color: #ffffff;
background:
radial-gradient(circle at 86% 22%, rgba(104,217,255,.28), transparent 30%),
linear-gradient(128deg, #071B43 0%, #1F3789 52%, #1EADF1 100%);
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(112deg, transparent 0 49%, rgba(255,255,255,.16) 49% 50%, transparent 50%),
linear-gradient(112deg, transparent 0 61%, rgba(255,255,255,.10) 61% 62%, transparent 62%),
repeating-linear-gradient(90deg, rgba(255,255,255,.06) 0 1px, transparent 1px 92px);
opacity: .88;
}
.hero::after {
content: "";
position: absolute;
right: -140px;
bottom: -230px;
width: 560px;
height: 560px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,.28);
box-shadow:
inset 0 0 0 36px rgba(255,255,255,.045),
0 0 90px rgba(30,173,241,.32);
}
.hero-inner {
position: relative;
max-width: 1080px;
z-index: 2;
}
.hero h1 {
color: #ffffff;
text-shadow: 0 12px 34px rgba(0,0,0,.22);
}
.eyebrow {
display: inline-flex;
gap: 12px;
align-items: center;
margin-bottom: 22px;
color: #aeefff;
font-size: 13px;
letter-spacing: .18em;
text-transform: uppercase;
}
.eyebrow::before {
content: "";
width: 38px;
height: 2px;
background: linear-gradient(90deg, #ffffff, var(--brand-2));
border-radius: 999px;
}
.hero p {
max-width: 820px;
margin-top: 20px;
color: rgba(255,255,255,.86);
font-size: 18px;
}
.hero-actions {
display: flex;
gap: clamp(14px, 2vw, 28px);
margin-top: 32px;
flex-wrap: wrap;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 0 26px;
border-radius: 14px;
border: 1px solid transparent;
font-size: 14px;
font-weight: 650;
letter-spacing: .01em;
transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease, border-color .22s ease;
cursor: pointer;
}
.btn-primary {
background: #ffffff;
color: var(--brand) !important;
box-shadow: 0 14px 34px rgba(0,0,0,.20);
}
.btn-primary:hover {
background: #effaff;
transform: translateY(-2px);
box-shadow: 0 18px 42px rgba(0,0,0,.25);
}
.btn-secondary {
background: rgba(255,255,255,.08);
color: #ffffff !important;
border-color: rgba(255,255,255,.52);
backdrop-filter: blur(10px);
}
.btn-secondary:hover {
background: rgba(255,255,255,.16);
border-color: rgba(255,255,255,.82);
transform: translateY(-2px);
}
.page {
max-width: 1760px;
margin: 0 auto;
padding: 74px 22px;
display: grid;
grid-template-columns: 320px minmax(0, 1fr);
gap: clamp(24px, 3vw, 58px);
align-items: start;
}
.sidebar {
position: sticky;
top: 22px;
padding: 30px;
border-radius: var(--radius);
background:
radial-gradient(circle at 90% 0%, rgba(30,173,241,.28), transparent 34%),
linear-gradient(180deg, rgba(7,27,67,.98), rgba(31,55,137,.94));
border: 1px solid rgba(126,216,255,.26);
box-shadow: var(--shadow);
color: #ffffff;
}
.sidebar::-webkit-scrollbar {
width: 4px;
}
.sidebar::-webkit-scrollbar-thumb {
background: rgba(30,173,241,.42);
border-radius: 10px;
}
.sidebar::-webkit-scrollbar-track {
background: transparent;
}
.sidebar-title {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .16em;
color: #9de8ff;
margin-bottom: 22px;
font-weight: 760;
}
.nav-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 6px;
}
.sidebar .nav-list {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.sidebar .nav-list li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.sidebar .nav-list li::marker {
content: "" !important;
}
.sidebar .nav-list a,
.sidebar .nav-list a:hover,
.sidebar .nav-list a:focus,
.sidebar .nav-list a:visited {
text-decoration: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
.sidebar .nav-list a {
display: block !important;
color: rgba(255,255,255,.82) !important;
font-size: 15px !important;
padding: 8px 13px !important;
border-radius: 12px !important;
transition: background-color .2s ease, color .2s ease, transform .2s ease !important;
}
.sidebar .nav-list a:hover,
.sidebar .nav-list a.active {
background: linear-gradient(90deg, var(--brand-2), rgba(30,173,241,.62)) !important;
color: #071B43 !important;
transform: translateX(4px);
}
.mobile-toggle {
display: none;
width: 100%;
border: 0;
background: transparent;
color: #ffffff;
font-size: 16px;
font-weight: 700;
text-align: left;
padding: 0;
}
.content {
display: grid;
gap: 26px;
}
.card {
position: relative;
overflow: hidden;
background: rgba(255,255,255,.97);
border: 1px solid rgba(214,232,245,.96);
border-radius: var(--radius);
padding: 42px;
box-shadow: var(--shadow);
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
scroll-margin-top: 34px;
font-size: 18px;
}
.card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, var(--brand), var(--brand-2));
}
.card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-hover);
border-color: var(--line-strong);
}
.card strong {
color: var(--brand);
}
ul,
ol {
margin: 14px 0 22px;
padding-left: 22px;
}
li {
margin-bottom: 10px;
}
.note,
.quote,
.faq {
background: linear-gradient(135deg, rgba(223,244,255,.88), #ffffff);
border: 1px solid var(--line);
border-left: 5px solid var(--brand-2);
border-radius: 16px;
padding: 20px;
margin: 22px 0;
color: #243855;
}
.note a,
.quote a,
.faq a,
.card a {
color: var(--brand);
font-weight: 650;
}
.card a:hover {
color: var(--brand-2);
}
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 22px;
}
.info-card {
background: linear-gradient(135deg, #f7fcff, #eef8ff);
border: 1px solid var(--line);
border-radius: 18px;
padding: 22px;
}
.info-card strong {
display: block;
color: var(--brand);
margin-bottom: 6px;
font-weight: 700;
}
.table-wrap {
overflow-x: auto;
margin: 20px 0;
border-radius: 16px;
}
table {
width: 100%;
border-collapse: collapse;
min-width: 100%;
background: #ffffff;
}
th,
td {
border: 1px solid var(--line);
padding: 14px 16px;
text-align: left;
vertical-align: top;
}
th {
background: linear-gradient(90deg, var(--brand), var(--brand-2));
color: #ffffff;
font-weight: 700;
}
td {
background: #ffffff;
}
tr:nth-child(even) td {
background: #f5fbff;
}
footer {
max-width: 1760px;
margin: 0 auto;
padding: 0 120px 72px;
color: var(--muted);
font-size: 14px;
}
@media (max-width: 1180px) {
.hero {
padding: 44px 16px 52px !important;
}
.page {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 22px 12px !important;
margin: 0 !important;
grid-template-columns: 1fr !important;
}
.sidebar,
.content,
.card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.sidebar,
.card {
padding: 20px !important;
}
.sidebar {
position: relative;
top: auto;
margin-bottom: 18px;
}
.mobile-toggle {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-list {
display: none;
margin-top: 22px;
}
.sidebar.open .nav-list {
display: grid;
}
.grid {
grid-template-columns: 1fr 1fr;
}
footer {
padding: 0 48px 56px;
}
}
@media (max-width: 720px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 24px;
}
.hero {
min-height: 390px;
padding: 40px 16px 48px;
}
.hero p {
font-size: 16px;
}
.page {
display: block;
width: 100%;
max-width: 100%;
padding: 20px 12px;
margin: 0;
}
.sidebar,
.content,
.card {
width: 100%;
max-width: 100%;
}
.sidebar,
.card {
padding: 18px !important;
}
.grid {
grid-template-columns: 1fr;
}
footer {
padding: 0 16px 32px;
}
body {
overflow-x: hidden;
}
}
1. Informationen
nestornament
3231 Indiana St #2
Racine, WI 53405
USA
Telefon: +1 (262) 254-6488
E-Mail: aide@nestornament.com
Vertreter der Website: ALEECE GILLESPIE
2. Rücksendungen und Kundenservice
Bitte senden Sie Rücksendungen nicht direkt an die oben genannte Adresse.
Um eine Rücksendung oder Rückerstattung zu beantragen oder den Kundenservice zu kontaktieren, nutzen Sie bitte das Hilfe-Center oder die Kontaktseite auf unserer Website.
3. Streitbeilegung
Wir nehmen nicht an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teil und sind dazu auch nicht verpflichtet.
4. Kontaktinformationen
Bei Fragen zu dieser Website, Ihrer Bestellung oder rechtlichen Informationen kontaktieren Sie uns bitte unter den oben angegebenen Kontaktdaten.