.js-seo-content {
color: #222;
line-height: 1.75;
font-size: 16px;
}
.js-seo-content p {
line-height: 1.75;
}
.js-seo-content a {
color: #c4973f;
text-decoration: none;
}
.js-seo-content a:hover {
color: #a87505;
text-decoration: none;
}
.js-seo-content strong {
font-weight: 700;
}
.js-seo-content em {
font-style: italic;
} .js-seo-content h2,
.js-seo-content h3,
.js-seo-content h4 {
font-family: 'Cormorant Garamond', serif !important;
letter-spacing: 0.5px;
line-height: 1.25;
color: #1a1a1a;
}
.js-seo-content h2 {
font-weight: 500;
font-size: 28px;
margin-top: 30px;
margin-bottom: 10px;
}
.js-seo-content h3 {
font-weight: 500;
font-size: 22px;
margin-top: 26px;
margin-bottom: 10px;
}
.js-seo-content h4 {
font-weight: 500;
font-size: 18px;
margin-top: 22px;
margin-bottom: 8px;
} .js-seo-content .js-mini-nav-top,
.js-seo-content .js-mini-nav {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 0 8px !important;
margin: 25px 0 30px 0 !important;
padding: 10px 0 !important;
border-top: 1px solid #eee !important;
border-bottom: 1px solid #eee !important;
font-size: 14px !important;
line-height: 1.8 !important;
text-align: center !important;
} .js-seo-content .js-mini-nav-top br,
.js-seo-content .js-mini-nav br {
display: none !important;
} .js-seo-content .js-mini-nav-top a,
.js-seo-content .js-mini-nav-top span,
.js-seo-content .js-mini-nav a,
.js-seo-content .js-mini-nav span {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
color: #c4973f !important;
text-decoration: none !important;
line-height: 1.8 !important;
vertical-align: middle !important;
white-space: nowrap !important;
}
.js-seo-content .js-mini-nav-top a:hover,
.js-seo-content .js-mini-nav a:hover {
color: #a87505 !important;
text-decoration: none !important;
}
.js-seo-content .js-mini-nav-top .muted,
.js-seo-content .js-mini-nav .muted {
color: #999 !important;
}
.js-seo-content .js-mini-nav-top .sep,
.js-seo-content .js-mini-nav .sep {
color: #d4af37 !important;
} .js-seo-content .js-mini-nav-top .js-nav-label {
display: inline-flex !important;
align-items: center !important;
color: #999 !important;
white-space: nowrap !important;
}
.js-seo-content .js-mini-nav-top .js-nav-paperclip {
display: inline-block !important;
font-size: 12px !important;
line-height: 1 !important;
margin-right: 5px !important;
transform: translateY(-1px) !important;
opacity: 0.85 !important;
} @media (max-width: 600px) {
.js-seo-content .js-mini-nav-top,
.js-seo-content .js-mini-nav {
font-size: 13px !important;
line-height: 1.9 !important;
gap: 0 7px !important;
}
} .js-seo-content .js-benefit-line {
margin: 5px 0 15px 0;
color: #d4af37;
font-weight: 500;
line-height: 1.7;
} .js-seo-content .js-emotion-box {
background: #f3eee7;
padding: 30px 20px;
text-align: center;
border-radius: 6px;
margin: 35px 0;
box-sizing: border-box;
}
.js-seo-content .js-emotion-box-title {
color: #d4af37;
font-size: 20px;
font-weight: 500;
margin: 0 0 8px 0;
line-height: 1.45;
text-align: center;
}
.js-seo-content .js-emotion-box-text {
color: #333;
font-size: 15px;
margin: 0;
line-height: 1.75;
text-align: center;
} .js-seo-content .js-gold-accent-line {
margin: 34px 0;
text-align: center;
border-top: 1px solid rgba(212,175,55,0.55);
border-bottom: 1px solid rgba(212,175,55,0.55);
padding: 14px 12px;
background: transparent;
box-sizing: border-box;
}
.js-seo-content .js-gold-accent-line p {
margin: 0;
color: #c9a24a;
font-size: 17px;
font-style: italic;
line-height: 1.7;
text-align: center;
} .js-seo-content .js-bible-verse-product {
background: #1f1f1f;
border-radius: 10px;
padding: 38px 24px;
text-align: center;
margin: 40px 0;
border: none;
box-shadow: none;
box-sizing: border-box;
}
.js-seo-content .js-bible-verse-product-text {
color: #e0b846;
font-size: 20px;
font-weight: 600;
line-height: 1.55;
margin: 0 0 18px 0;
text-align: center;
}
.js-seo-content .js-bible-verse-product-source {
color: #f3f3f3;
font-size: 15px;
font-weight: 600;
margin: 0;
text-align: center;
} .js-bible-verse-product.js-can-animate .js-bible-verse-product-text {
opacity: 0;
transform: translateY(20px);
}
.js-bible-verse-product.js-can-animate .js-bible-verse-product-source {
opacity: 0;
transform: translateY(12px);
}
.js-bible-verse-product.js-can-animate.is-visible .js-bible-verse-product-text {
animation: jsProductBibleVerseFadeIn 1.8s ease-in-out forwards;
}
.js-bible-verse-product.js-can-animate.is-visible .js-bible-verse-product-source {
animation: jsProductBibleVerseFadeIn 1.8s ease-in-out 0.35s forwards;
}
@keyframes jsProductBibleVerseFadeIn {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.js-bible-verse-product.js-can-animate .js-bible-verse-product-text,
.js-bible-verse-product.js-can-animate .js-bible-verse-product-source {
opacity: 1;
transform: none;
animation: none !important;
}
} .js-seo-content .js-gift-box {
background: #f8f4ef;
border-left: 4px solid #d4af37;
padding: 22px 22px;
margin: 30px 0;
border-radius: 6px;
box-sizing: border-box;
text-align: left;
}
.js-seo-content .js-gift-box-title {
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 600;
line-height: 1.45;
color: #222;
text-align: left;
}
.js-seo-content .js-gift-box-text {
margin: 0;
line-height: 1.7;
color: #222;
text-align: left;
} .js-seo-content .js-fit-box {
background: #fffdf8;
border: 1px solid rgba(212,175,55,0.35);
border-radius: 10px;
padding: 24px 22px;
margin: 32px 0;
box-sizing: border-box;
text-align: left;
}
.js-seo-content .js-fit-box h3,
.js-seo-content .js-fit-box h4 {
margin-top: 0;
margin-bottom: 12px;
font-size: 20px;
line-height: 1.35;
color: #111;
text-align: left;
}
.js-seo-content .js-fit-box ul {
margin: 0;
padding-left: 20px;
line-height: 1.75;
}
.js-seo-content .js-fit-box li {
margin-bottom: 3px;
line-height: 1.75;
} .js-seo-content .js-orientation-box {
background: #fffaf2;
border: 1px solid rgba(212,175,55,0.22);
border-radius: 10px;
padding: 24px 26px;
margin: 34px 0;
box-sizing: border-box;
line-height: 1.85;
}
.js-seo-content .js-orientation-box h3,
.js-seo-content .js-orientation-box h4 {
margin-top: 0;
margin-bottom: 12px;
color: #1a1a1a;
}
.js-seo-content .js-orientation-box ul {
margin: 0;
padding-left: 20px;
}
.js-seo-content .js-orientation-box li {
margin-bottom: 6px;
line-height: 1.85;
} .js-seo-content .js-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 20px 0;
}
.js-seo-content .js-product-table {
width: 100%;
border-collapse: collapse;
line-height: 1.65;
}
.js-seo-content .js-product-table th,
.js-seo-content .js-product-table td {
border: 1px solid #e4e0da;
padding: 12px 14px;
text-align: left;
vertical-align: top;
}
.js-seo-content .js-product-table th {
background: #f8f4ef;
color: #222;
font-weight: 600;
}
.js-seo-content .js-product-table td {
background: #fff;
color: #333;
}
.js-seo-content .js-product-table-min {
min-width: 640px;
} .js-seo-content .js-size-table {
width: 100%;
border-collapse: collapse;
line-height: 1.65;
}
.js-seo-content .js-size-table th,
.js-seo-content .js-size-table td {
border: 1px solid #e4e0da;
padding: 12px 14px;
text-align: left;
vertical-align: top;
}
.js-seo-content .js-size-table th {
background: #f8f4ef;
color: #222;
font-weight: 600;
}
.js-seo-content .js-size-table td {
background: #fff;
color: #333;
}
.js-seo-content .js-size-table-min {
min-width: 640px;
} .js-seo-content .js-moissanit-infographic {
text-align: center;
margin: 28px 0;
}
.js-seo-content .js-moissanit-infographic img {
display: inline-block;
max-width: 100%;
height: auto;
border-radius: 12px;
} .js-seo-content .js-centered-image {
text-align: center;
margin: 28px 0;
}
.js-seo-content .js-centered-image img {
display: inline-block;
max-width: 100%;
height: auto;
border-radius: 12px;
} .js-seo-content .js-note-box {
background: #fffdf8;
border: 1px solid rgba(212,175,55,0.24);
border-radius: 8px;
padding: 18px 20px;
margin: 24px 0;
line-height: 1.75;
color: #333;
}
.js-seo-content .js-note-box p {
margin: 0;
} .js-seo-content .js-care-list {
margin: 12px 0 0 0;
padding-left: 20px;
line-height: 1.75;
}
.js-seo-content .js-care-list li {
margin-bottom: 5px;
} .js-seo-content ul,
.js-seo-content ol {
line-height: 1.75;
}
.js-seo-content li {
margin-bottom: 4px;
} .js-seo-term-box {
background: #f8f5f0;
padding: 34px 38px;
border-radius: 10px;
line-height: 1.75;
font-size: 17px;
color: #2b2b2b;
max-width: 100%;
box-shadow: 0 8px 24px rgba(0,0,0,0.04);
border: 1px solid rgba(197,151,45,0.16);
box-sizing: border-box;
}
.js-seo-term-box p {
margin-bottom: 12px;
} .js-seo-term-box [data-pp-message],
.js-seo-term-box iframe {
display: none !important;
} .js-seo-content .js-faq-section {
margin: 38px 0 34px 0;
}
.js-seo-content .js-faq-section h2 {
margin-bottom: 18px;
}
.js-seo-content .js-faq-item {
margin: 0 0 22px 0;
}
.js-seo-content .js-faq-question {
font-family: 'Cormorant Garamond', serif !important;
font-size: 20px;
font-weight: 500;
line-height: 1.35;
color: #1a1a1a;
margin: 0 0 6px 0;
}
.js-seo-content .js-faq-answer {
margin: 0;
line-height: 1.75;
color: #222;
} .js-seo-content .js-faq-section {
background: #fffaf2;
border: 1px solid rgba(212,175,55,0.26);
border-radius: 14px;
padding: 34px 32px;
margin: 42px 0 38px 0;
box-sizing: border-box;
box-shadow: 0 8px 24px rgba(0,0,0,0.035);
}
.js-seo-content .js-faq-header {
text-align: center;
margin: 0 0 26px 0;
}
.js-seo-content .js-faq-kicker {
display: block;
color: #d4af37;
font-size: 13px;
font-weight: 500;
letter-spacing: 2.2px;
text-transform: uppercase;
margin-bottom: 6px;
}
.js-seo-content .js-faq-section h2 {
margin: 0;
font-size: 30px;
line-height: 1.2;
text-align: center;
}
.js-seo-content .js-faq-list {
display: grid;
gap: 12px;
}
.js-seo-content .js-faq-item {
background: #fff;
border: 1px solid rgba(212,175,55,0.18);
border-radius: 10px;
padding: 18px 20px 18px 58px;
position: relative;
box-sizing: border-box;
}
.js-seo-content .js-faq-number {
position: absolute;
left: 18px;
top: 18px;
width: 26px;
height: 26px;
border: 1px solid #d4af37;
border-radius: 50%;
color: #c4973f;
font-size: 15px;
line-height: 24px;
text-align: center;
font-family: 'Cormorant Garamond', serif;
font-weight: 600;
}
.js-seo-content .js-faq-question {
font-family: 'Cormorant Garamond', serif !important;
font-size: 21px;
font-weight: 500;
line-height: 1.35;
color: #1a1a1a;
margin: 0 0 7px 0;
}
.js-seo-content .js-faq-answer {
margin: 0;
color: #222;
line-height: 1.75;
font-size: 15px;
}
.js-seo-content .js-faq-footer {
margin: 26px 0 0 0;
text-align: center;
color: #d4af37;
font-size: 13px;
letter-spacing: 2px;
text-transform: uppercase;
} @media (max-width: 768px) {
.js-seo-content .js-faq-section {
padding: 28px 20px;
margin: 38px 0 34px 0;
border-radius: 12px;
}
.js-seo-content .js-faq-section h2 {
font-size: 26px;
}
.js-seo-content .js-faq-item {
padding: 18px 18px 18px 52px;
}
.js-seo-content .js-faq-number {
left: 16px;
top: 18px;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 22px;
}
.js-seo-content .js-faq-question {
font-size: 20px;
}
.js-seo-content .js-faq-answer {
font-size: 15px;
}
} @media (max-width: 768px) {
.js-seo-content {
font-size: 16px;
line-height: 1.75;
}
.js-seo-content h2 {
font-size: 26px;
line-height: 1.25;
}
.js-seo-content h3 {
font-size: 22px;
line-height: 1.3;
}
.js-seo-content h4 {
font-size: 18px;
line-height: 1.35;
}
.js-seo-content .js-emotion-box {
padding: 30px 20px;
border-radius: 6px;
margin: 35px 0;
}
.js-seo-content .js-emotion-box-title {
font-size: 20px;
line-height: 1.45;
}
.js-seo-content .js-emotion-box-text {
font-size: 15px;
line-height: 1.75;
}
.js-seo-content .js-gift-box {
padding: 22px 22px;
border-radius: 6px;
margin: 30px 0;
}
.js-seo-content .js-fit-box {
padding: 24px 22px;
margin: 32px 0;
}
.js-seo-content .js-orientation-box {
padding: 22px 20px;
margin: 30px 0;
}
.js-seo-content .js-bible-verse-product {
padding: 38px 24px;
margin: 40px 0;
}
.js-seo-content .js-bible-verse-product-text {
font-size: 20px;
line-height: 1.55;
}
.js-seo-content .js-bible-verse-product-source {
font-size: 15px;
}
.js-seo-term-box {
padding: 26px 22px;
font-size: 16px;
line-height: 1.7;
}
} .js-ratgeber-content {
--js-gold: #d4af37;
--js-gold-dark: #a77b12;
--js-cream: #fffaf2;
--js-cream-2: #fdf6e8;
--js-black: #181818;
--js-text: #292929;
--js-border: #ead7a3;
}
.js-ratgeber-content > p {
line-height: 1.75;
margin-bottom: 1.15em;
} .js-ratgeber-lead {
background: linear-gradient(135deg, #fffaf2 0%, #ffffff 100%);
border: 1px solid var(--js-border);
border-left: 4px solid var(--js-gold);
border-radius: 12px;
padding: 20px 24px;
margin: 24px 0 28px;
}
.js-ratgeber-lead-kicker {
display: block;
color: var(--js-gold-dark);
font-size: .78rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
margin-bottom: 8px;
}
.js-ratgeber-lead p:last-child {
margin-bottom: 0;
} .js-ratgeber-quick {
background: var(--js-cream);
border: 1px solid var(--js-border);
border-radius: 12px;
padding: 22px;
margin: 28px 0;
}
.js-ratgeber-quick h3 {
margin-top: 0;
margin-bottom: 16px;
}
.js-ratgeber-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.js-ratgeber-card {
background: #fff;
border: 1px solid #eee3c7;
border-radius: 9px;
padding: 15px 17px;
}
.js-ratgeber-card strong {
display: block;
color: var(--js-gold-dark);
margin-bottom: 4px;
}
.js-ratgeber-card p {
margin: 0;
line-height: 1.55;
} .js-ratgeber-content .js-ratgeber-card,
.js-ratgeber-content .js-faq-item {
transition: transform .2s ease, box-shadow .2s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-ratgeber-content .js-ratgeber-card:hover,
.js-ratgeber-content .js-faq-item:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(167, 123, 18, .12);
}
}
@media (prefers-reduced-motion: reduce) {
.js-ratgeber-content .js-ratgeber-card,
.js-ratgeber-content .js-faq-item {
transition: none;
transform: none;
}
} .js-ratgeber-series {
background: var(--js-black);
color: #f7f3e9;
border: 1px solid var(--js-gold);
border-radius: 12px;
padding: 23px 25px;
margin: 30px 0;
position: relative;
overflow: hidden;
}
.js-ratgeber-series::before {
content: "✦";
position: absolute;
right: 20px;
top: 14px;
color: var(--js-gold);
font-size: 22px;
}
.js-ratgeber-series-kicker {
display: block;
color: var(--js-gold);
font-size: .76rem;
font-weight: 700;
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 7px;
}
.js-ratgeber-series h3 {
color: #fff;
margin: 0 0 10px;
}
.js-ratgeber-series p {
color: #eee7d8;
margin-bottom: 0;
line-height: 1.7;
}
.js-ratgeber-series a {
color: #e8bd45;
} .js-ratgeber-verse {
background: #171717;
color: #fff;
border-left: 4px solid var(--js-gold);
border-radius: 10px;
padding: 24px 26px;
margin: 30px 0;
}
.js-ratgeber-verse-text {
font-family: Georgia, "Times New Roman", serif;
font-size: 1.22rem;
line-height: 1.55;
margin: 0 0 9px;
}
.js-ratgeber-verse-source {
color: #d9b550;
font-size: .88rem;
letter-spacing: .04em;
margin: 0;
} .js-ratgeber-reflection {
background: var(--js-cream);
border-top: 1px solid var(--js-gold);
border-bottom: 1px solid var(--js-gold);
padding: 20px 25px;
margin: 30px 0;
text-align: center;
}
.js-ratgeber-reflection strong {
display: block;
color: var(--js-gold-dark);
font-size: 1.05rem;
margin-bottom: 7px;
}
.js-ratgeber-reflection p {
margin: 0;
font-style: italic;
line-height: 1.7;
} .js-ratgeber-symbol-chain {
background: #fff;
border: 1px solid var(--js-border);
border-radius: 12px;
padding: 21px 23px;
margin: 28px 0;
}
.js-ratgeber-symbol-chain h3 {
margin-top: 0;
}
.js-ratgeber-symbol-row {
display: grid;
grid-template-columns: 110px 1fr;
gap: 14px;
padding: 11px 0;
border-bottom: 1px solid #eee6d3;
}
.js-ratgeber-symbol-row:last-child {
border-bottom: 0;
}
.js-ratgeber-symbol-label {
font-weight: 700;
color: var(--js-gold-dark);
} .js-ratgeber-cta {
background: linear-gradient(135deg, #fffaf2, #fff);
border: 1px solid var(--js-gold);
border-radius: 12px;
padding: 23px 25px;
margin: 32px 0;
}
.js-ratgeber-cta h3 {
margin: 0 0 8px;
}
.js-ratgeber-cta p:last-child {
margin-bottom: 0;
} @media (max-width: 700px) {
.js-ratgeber-grid {
grid-template-columns: 1fr;
}
.js-ratgeber-lead,
.js-ratgeber-quick,
.js-ratgeber-series,
.js-ratgeber-verse,
.js-ratgeber-cta {
padding: 18px;
}
.js-ratgeber-symbol-row {
grid-template-columns: 1fr;
gap: 3px;
}
.js-ratgeber-verse-text {
font-size: 1.1rem;
}
} @media (max-width: 767px) {
.js-ratgeber-content {
width: 100%;
max-width: 100%;
box-sizing: border-box;
} .js-ratgeber-content .js-ratgeber-lead {
display: block !important;
background: #fffaf2 !important;
border: 1px solid #ead7a3 !important;
border-left: 4px solid #d4af37 !important;
border-radius: 10px !important;
padding: 18px !important;
margin: 22px 0 !important;
box-sizing: border-box !important;
} .js-ratgeber-content .js-ratgeber-quick {
display: block !important;
background: #fffaf2 !important;
border: 1px solid #ead7a3 !important;
border-radius: 10px !important;
padding: 18px !important;
margin: 22px 0 !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
}
.js-ratgeber-content .js-ratgeber-card {
display: block !important;
background: #ffffff !important;
border: 1px solid #eee3c7 !important;
border-radius: 8px !important;
padding: 14px 15px !important;
box-sizing: border-box !important;
} .js-ratgeber-content .js-ratgeber-series {
display: block !important;
background: #181818 !important;
color: #f7f3e9 !important;
border: 1px solid #d4af37 !important;
border-radius: 10px !important;
padding: 19px !important;
margin: 24px 0 !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-series h3 {
color: #ffffff !important;
}
.js-ratgeber-content .js-ratgeber-series p {
color: #eee7d8 !important;
}
.js-ratgeber-content .js-ratgeber-series a {
color: #e8bd45 !important;
} .js-ratgeber-content .js-ratgeber-symbol-chain {
display: block !important;
background: #ffffff !important;
border: 1px solid #ead7a3 !important;
border-radius: 10px !important;
padding: 18px !important;
margin: 22px 0 !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-symbol-row {
display: block !important;
padding: 10px 0 !important;
border-bottom: 1px solid #eee6d3 !important;
}
.js-ratgeber-content .js-ratgeber-symbol-label {
display: block !important;
color: #a77b12 !important;
font-weight: 700 !important;
margin-bottom: 3px !important;
} .js-ratgeber-content .js-ratgeber-verse {
display: block !important;
background: #171717 !important;
color: #ffffff !important;
border-left: 4px solid #d4af37 !important;
border-radius: 9px !important;
padding: 20px 18px !important;
margin: 24px 0 !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-verse-text {
color: #ffffff !important;
font-size: 1.08rem !important;
line-height: 1.55 !important;
}
.js-ratgeber-content .js-ratgeber-verse-source {
color: #d9b550 !important;
} .js-ratgeber-content .js-ratgeber-reflection {
display: block !important;
background: #fffaf2 !important;
border-top: 1px solid #d4af37 !important;
border-bottom: 1px solid #d4af37 !important;
padding: 18px 14px !important;
margin: 22px 0 !important;
box-sizing: border-box !important;
} .js-ratgeber-content .js-ratgeber-cta {
display: block !important;
background: #fffaf2 !important;
border: 1px solid #d4af37 !important;
border-radius: 10px !important;
padding: 18px !important;
margin: 24px 0 !important;
box-sizing: border-box !important;
}
}  .js-ratgeber-shop-cta {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
background:
linear-gradient(135deg, #101010 0%, #1b1710 55%, #111 100%);
border: 1px solid var(--js-gold, #d4af37);
border-radius: 14px;
overflow: hidden;
margin: 38px 0;
box-shadow: 0 10px 28px rgba(0, 0, 0, .13);
}
.js-ratgeber-shop-cta-content {
padding: 34px 36px;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.js-ratgeber-shop-cta-kicker {
display: block;
color: var(--js-gold, #d4af37);
font-size: .78rem;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 11px;
}
.js-ratgeber-shop-cta h3 {
color: #fff;
font-size: clamp(1.75rem, 3vw, 2.45rem);
line-height: 1.14;
margin: 0 0 15px;
}
.js-ratgeber-shop-cta-text {
color: #eee8dc;
font-size: 1rem;
line-height: 1.72;
margin: 0 0 22px;
max-width: 650px;
} .js-ratgeber-shop-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
align-self: flex-start;
background: linear-gradient(135deg, #d4af37, #edcc68);
color: #171717 !important;
border: 1px solid #e0b947;
border-radius: 8px;
padding: 13px 21px;
font-weight: 700;
line-height: 1.3;
text-decoration: none !important;
box-shadow: 0 5px 15px rgba(212, 175, 55, .18);
transition:
background .2s ease,
transform .2s ease,
box-shadow .2s ease;
}
.js-ratgeber-shop-button:hover,
.js-ratgeber-shop-button:focus {
background: linear-gradient(135deg, #e1bb45, #f2d77e);
color: #111 !important;
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(212, 175, 55, .25);
text-decoration: none !important;
}
.js-ratgeber-shop-button:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
} .js-ratgeber-shop-benefits {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 26px;
}
.js-ratgeber-shop-benefit {
border-top: 1px solid rgba(212, 175, 55, .36);
padding-top: 11px;
}
.js-ratgeber-shop-benefit strong {
display: block;
color: var(--js-gold, #d4af37);
font-size: .9rem;
margin-bottom: 3px;
}
.js-ratgeber-shop-benefit span {
display: block;
color: #d8d2c6;
font-size: .84rem;
line-height: 1.45;
} .js-ratgeber-shop-cta-image {
position: relative;
min-height: 390px;
background: #171717;
overflow: hidden;
}
.js-ratgeber-shop-cta-image img {
display: block;
width: 100%;
height: 100%;
min-height: 390px;
object-fit: cover;
object-position: center;
}
.js-ratgeber-shop-cta-image::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(
90deg,
rgba(16, 16, 16, .42) 0%,
rgba(16, 16, 16, .05) 45%,
rgba(16, 16, 16, 0) 100%
);
} .js-ratgeber-symbol-section {
background: linear-gradient(135deg, #fffaf2 0%, #fff 100%);
border: 1px solid #eee2c7;
border-radius: 14px;
padding: 25px;
margin: 38px 0;
}
.js-ratgeber-symbol-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin-bottom: 20px;
}
.js-ratgeber-symbol-section-head h3 {
margin: 0;
font-size: 1.7rem;
line-height: 1.2;
}
.js-ratgeber-symbol-section-link {
color: #8f6710 !important;
text-decoration: none !important;
font-size: .9rem;
border-bottom: 1px solid #d4af37;
padding-bottom: 3px;
white-space: nowrap;
}
.js-ratgeber-symbol-section-link:hover {
color: #181818 !important;
} .js-ratgeber-symbol-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.js-ratgeber-symbol-card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #eadfc8;
border-radius: 10px;
overflow: hidden;
min-width: 0;
box-shadow: 0 3px 12px rgba(0, 0, 0, .035);
transition:
transform .2s ease,
box-shadow .2s ease;
}
.js-ratgeber-symbol-card:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.js-ratgeber-symbol-card-image {
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f4efe5;
}
.js-ratgeber-symbol-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform .3s ease;
}
.js-ratgeber-symbol-card:hover .js-ratgeber-symbol-card-image img {
transform: scale(1.025);
}
.js-ratgeber-symbol-card-body {
display: flex;
flex-direction: column;
flex: 1;
padding: 15px;
}
.js-ratgeber-symbol-card h4 {
margin: 0 0 7px;
font-size: 1.05rem;
line-height: 1.3;
color: #1a1a1a;
}
.js-ratgeber-symbol-card p {
margin: 0 0 14px;
color: #555;
font-size: .9rem;
line-height: 1.52;
} .js-ratgeber-symbol-card-button {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: auto;
background: #fff5da;
border: 1px solid #e5c76e;
border-radius: 7px;
padding: 9px 11px;
color: #5f4509 !important;
font-size: .86rem;
font-weight: 700;
text-decoration: none !important;
transition:
background .2s ease,
color .2s ease;
}
.js-ratgeber-symbol-card-button:hover,
.js-ratgeber-symbol-card-button:focus {
background: #d4af37;
color: #171717 !important;
text-decoration: none !important;
} .js-ratgeber-more-cta {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 22px;
background: linear-gradient(135deg, #fffaf2, #fff);
border: 1px solid #eee2c7;
border-radius: 12px;
padding: 22px 25px;
margin: 34px 0;
}
.js-ratgeber-more-cta-icon {
font-size: 2rem;
line-height: 1;
color: var(--js-gold, #d4af37);
}
.js-ratgeber-more-cta-kicker {
display: block;
color: #a77b12;
font-size: .72rem;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
margin-bottom: 4px;
}
.js-ratgeber-more-cta h3 {
margin: 0 0 4px;
font-size: 1.25rem;
}
.js-ratgeber-more-cta p {
margin: 0;
color: #666;
font-size: .9rem;
line-height: 1.5;
}
.js-ratgeber-more-cta-link {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #d4af37;
border-radius: 999px;
padding: 10px 17px;
color: #3b2b08 !important;
font-weight: 700;
text-decoration: none !important;
white-space: nowrap;
}
.js-ratgeber-more-cta-link:hover {
background: #d4af37;
color: #171717 !important;
} @media (max-width: 1024px) {
.js-ratgeber-shop-cta {
grid-template-columns: 1fr 42%;
}
.js-ratgeber-shop-cta-content {
padding: 28px;
}
.js-ratgeber-symbol-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} @media (max-width: 767px) {
.js-ratgeber-content .js-ratgeber-shop-cta {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
max-width: 100% !important;
margin: 26px 0 !important;
border-radius: 11px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.js-ratgeber-content .js-ratgeber-shop-cta-content {
display: flex !important;
padding: 21px 18px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-shop-cta h3 {
font-size: 1.55rem !important;
line-height: 1.2 !important;
}
.js-ratgeber-content .js-ratgeber-shop-cta-text {
font-size: .96rem !important;
line-height: 1.65 !important;
}
.js-ratgeber-content .js-ratgeber-shop-button {
display: flex !important;
width: 100% !important;
box-sizing: border-box !important;
justify-content: center !important;
text-align: center !important;
}
.js-ratgeber-content .js-ratgeber-shop-benefits {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 10px !important;
width: 100% !important;
}
.js-ratgeber-content .js-ratgeber-shop-cta-image {
display: block !important;
width: 100% !important;
min-height: 0 !important;
aspect-ratio: 4 / 3 !important;
}
.js-ratgeber-content .js-ratgeber-shop-cta-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
object-fit: cover !important;
}
.js-ratgeber-content .js-ratgeber-symbol-section {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 18px !important;
margin: 26px 0 !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-symbol-section-head {
display: block !important;
}
.js-ratgeber-content .js-ratgeber-symbol-section-head h3 {
font-size: 1.4rem !important;
margin-bottom: 10px !important;
}
.js-ratgeber-content .js-ratgeber-symbol-section-link {
display: inline-block !important;
white-space: normal !important;
}
.js-ratgeber-content .js-ratgeber-symbol-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
width: 100% !important;
}
.js-ratgeber-content .js-ratgeber-symbol-card {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.js-ratgeber-content .js-ratgeber-more-cta {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
width: 100% !important;
padding: 18px !important;
box-sizing: border-box !important;
text-align: left !important;
}
.js-ratgeber-content .js-ratgeber-more-cta-link {
display: flex !important;
width: 100% !important;
justify-content: center !important;
box-sizing: border-box !important;
}
} @media (prefers-reduced-motion: reduce) {
.js-ratgeber-shop-button,
.js-ratgeber-symbol-card,
.js-ratgeber-symbol-card-image img {
transition: none !important;
transform: none !important;
}
} .js-seo-content {
display: block;
width: 100% !important;
max-width: none !important;
box-sizing: border-box;
}
.js-seo-content p,
.js-seo-content section,
.js-seo-content ul,
.js-seo-content ol,
.js-seo-content h2,
.js-seo-content h3,
.js-seo-content h4,
.js-seo-content .js-benefit-line,
.js-seo-content .js-emotion-box,
.js-seo-content .js-gold-accent-line,
.js-seo-content .js-bible-verse-product,
.js-seo-content .js-gift-box,
.js-seo-content .js-fit-box,
.js-seo-content .js-orientation-box,
.js-seo-content .js-note-box,
.js-seo-content .js-faq-section,
.js-seo-content .js-table-wrap {
max-width: none !important;
box-sizing: border-box;
}
.js-seo-content .js-emotion-box,
.js-seo-content .js-gold-accent-line,
.js-seo-content .js-bible-verse-product,
.js-seo-content .js-gift-box,
.js-seo-content .js-fit-box,
.js-seo-content .js-orientation-box,
.js-seo-content .js-note-box,
.js-seo-content .js-faq-section,
.js-seo-content .js-table-wrap {
width: 100% !important;
} .js-seo-content p br {
display: none !important;
} .js-seo-content p br {
display: none !important;
}  .js-seo-content .js-faq-section {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
background: #fffaf2 !important;
border: 1px solid rgba(212, 175, 55, 0.26) !important;
border-radius: 14px !important;
padding: 34px 32px !important;
margin: 42px 0 38px !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.035) !important;
} .js-seo-content .js-faq-header {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 26px !important;
padding: 0 !important;
box-sizing: border-box !important;
text-align: center !important;
}
.js-seo-content .js-faq-kicker {
display: block !important;
width: 100% !important;
margin: 0 0 6px !important;
padding: 0 !important;
color: #d4af37 !important;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 1.4 !important;
letter-spacing: 2.2px !important;
text-transform: uppercase !important;
text-align: center !important;
}
.js-seo-content .js-faq-section .js-faq-header h2 {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
font-family: 'Cormorant Garamond', serif !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
color: #1a1a1a !important;
text-align: center !important;
} .js-seo-content .js-faq-list {
display: block !important;
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
} .js-seo-content .js-faq-item {
position: static !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 0 12px !important;
padding: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
}
.js-seo-content .js-faq-item:last-child {
margin-bottom: 0 !important;
} .js-seo-content .js-faq-item > details {
position: relative !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background: #ffffff !important;
border: 1px solid rgba(212, 175, 55, 0.22) !important;
border-radius: 10px !important;
overflow: hidden !important;
}
.js-seo-content .js-faq-item > details[open] {
background: #fffdf8 !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.035) !important;
} .js-seo-content .js-faq-item > details > summary {
list-style: none !important;
}
.js-seo-content .js-faq-item > details > summary::-webkit-details-marker {
display: none !important;
}
.js-seo-content .js-faq-item > details > summary::marker {
content: "" !important;
font-size: 0 !important;
} .js-seo-content .js-faq-item > details > summary {
position: relative !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 68px !important;
margin: 0 !important;
padding: 20px 58px 20px 70px !important;
box-sizing: border-box !important;
cursor: pointer !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
color: #222222 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
transform: none !important;
} .js-seo-content .js-faq-number {
position: absolute !important;
left: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
min-width: 38px !important;
max-width: 38px !important;
min-height: 38px !important;
max-height: 38px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background: #f1e6d4 !important;
border: 1px solid #d4af37 !important;
border-radius: 50% !important;
color: #9b7426 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
text-align: center !important;
white-space: nowrap !important;
word-break: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
} .js-seo-content .js-faq-item > details > summary > span:nth-child(2) {
position: static !important;
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
color: #222222 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
transform: none !important;
} .js-seo-content .js-faq-toggle {
position: absolute !important;
right: 16px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background: #fffaf2 !important;
border: 1px solid #d9bf87 !important;
border-radius: 50% !important;
color: #9b7426 !important;
font-size: 0 !important;
line-height: 1 !important;
white-space: nowrap !important;
writing-mode: horizontal-tb !important;
}
.js-seo-content .js-faq-toggle::before {
content: "+" !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important;
line-height: 1 !important;
color: #9b7426 !important;
}
.js-seo-content .js-faq-item > details[open] > summary .js-faq-toggle::before {
content: "−" !important;
} .js-seo-content .js-faq-answer {
position: static !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 58px 20px 70px !important;
box-sizing: border-box !important;
color: #222222 !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
transform: none !important;
}
.js-seo-content .js-faq-answer p {
position: static !important;
display: block !important;
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
margin: 0 0 10px !important;
padding: 0 !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.75 !important;
color: #222222 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
transform: none !important;
}
.js-seo-content .js-faq-answer p:last-child {
margin-bottom: 0 !important;
} .js-seo-content .js-faq-item > details > summary:focus-visible {
outline: 2px solid #c4973f !important;
outline-offset: -2px !important;
border-radius: 8px !important;
} @media only screen and (max-width: 767px) {
.js-seo-content .js-faq-section {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
padding: 24px 14px !important;
margin: 34px 0 30px !important;
box-sizing: border-box !important;
border-radius: 12px !important;
}
.js-seo-content .js-faq-header {
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 0 20px !important;
}
.js-seo-content .js-faq-kicker {
display: block !important;
width: 100% !important;
font-size: 11px !important;
line-height: 1.4 !important;
letter-spacing: 1.6px !important;
}
.js-seo-content .js-faq-section .js-faq-header h2 {
display: block !important;
width: 100% !important;
max-width: none !important;
font-size: 26px !important;
line-height: 1.2 !important;
}
.js-seo-content .js-faq-list,
.js-seo-content .js-faq-item,
.js-seo-content .js-faq-item > details {
display: block !important;
float: none !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
box-sizing: border-box !important;
} .js-seo-content .js-faq-item > details > summary {
position: relative !important;
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 62px !important;
margin: 0 !important;
padding-top: 16px !important;
padding-right: 46px !important;
padding-bottom: 16px !important;
padding-left: 54px !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
transform: none !important;
} .js-seo-content .js-faq-number {
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
float: none !important;
align-items: center !important;
justify-content: center !important;
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
min-height: 32px !important;
max-height: 32px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
font-size: 11px !important;
line-height: 1 !important;
white-space: nowrap !important;
word-break: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
} .js-seo-content .js-faq-item > details > summary > span:nth-child(2) {
position: static !important;
display: block !important;
float: none !important;
clear: none !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-align: left !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: normal !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
transform: none !important;
} .js-seo-content .js-faq-toggle {
position: absolute !important;
right: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
max-width: 28px !important;
min-height: 28px !important;
max-height: 28px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
} .js-seo-content .js-faq-answer {
display: block !important;
float: none !important;
clear: both !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 46px 17px 54px !important;
box-sizing: border-box !important;
font-size: 14px !important;
line-height: 1.7 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
writing-mode: horizontal-tb !important;
text-orientation: mixed !important;
}
.js-seo-content .js-faq-answer p {
font-size: 14px !important;
line-height: 1.7 !important;
overflow-wrap: break-word !important;
}
}  .js-seo-content.js-moissanit-page {
--jsm-gold: #c4973f;
--jsm-gold-light: #e5c66f;
--jsm-gold-dark: #8c650f;
--jsm-black: #171717;
--jsm-text: #27231f;
--jsm-muted: #675f55;
--jsm-cream: #fffaf2;
--jsm-cream-2: #f7efe3;
--jsm-line: #eadbc2;
--jsm-white: #ffffff;
position: relative !important;
display: block !important;
float: none !important;
clear: both !important;
grid-column: 1 / -1 !important;
flex: 0 0 100% !important;
width: 100% !important;
max-width: 1180px !important;
min-width: 0 !important;
margin: 0 auto !important;
padding: 0 !important;
box-sizing: border-box !important;
color: var(--jsm-text);
}
.js-seo-content.js-moissanit-page *,
.js-seo-content.js-moissanit-page *::before,
.js-seo-content.js-moissanit-page *::after {
box-sizing: border-box;
} .js-seo-content.js-moissanit-page::before,
.js-seo-content.js-moissanit-page::after {
content: "";
display: table;
clear: both;
}
.js-seo-content.js-moissanit-page > * {
min-width: 0;
}
.js-seo-content.js-moissanit-page p {
color: var(--jsm-text);
} .js-moissanit-page .js-mini-nav-top,
.js-moissanit-page .js-mini-nav-bottom {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 5px 9px !important;
width: 100% !important;
margin: 22px 0 28px !important;
padding: 11px 12px !important;
background: rgba(255, 250, 242, .58) !important;
border-top: 1px solid #eadfce !important;
border-bottom: 1px solid #eadfce !important;
font-size: 13px !important;
line-height: 1.7 !important;
}
.js-moissanit-page .js-mini-nav-top a,
.js-moissanit-page .js-mini-nav-bottom a {
color: var(--jsm-gold-dark) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
.js-moissanit-page .js-mini-nav-top a:hover,
.js-moissanit-page .js-mini-nav-bottom a:hover,
.js-moissanit-page .js-mini-nav-top a:focus,
.js-moissanit-page .js-mini-nav-bottom a:focus {
color: #5f4306 !important;
text-decoration: underline !important;
text-decoration-color: #d7b154 !important;
text-underline-offset: 4px !important;
}
.js-moissanit-page .js-mini-nav-top .js-nav-label {
color: #8a8379 !important;
}
.js-moissanit-page .js-mini-nav-top .sep,
.js-moissanit-page .js-mini-nav-bottom .sep {
color: #d7b154 !important;
} .js-moissanit-hero {
display: grid !important;
grid-template-columns: minmax(0, 1.14fr) minmax(330px, .86fr) !important;
gap: 30px !important;
align-items: stretch !important;
width: 100% !important;
margin: 0 0 34px !important;
}
.js-moissanit-hero-copy {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
padding: 22px 4px 22px 2px;
}
.js-moissanit-kicker,
.js-moissanit-section-kicker {
display: block;
margin: 0 0 8px !important;
color: var(--jsm-gold-dark) !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
letter-spacing: .15em !important;
text-transform: uppercase !important;
}
.js-moissanit-hero-copy h2 {
margin: 0 0 14px !important;
font-size: clamp(31px, 3.3vw, 44px) !important;
line-height: 1.12 !important;
}
.js-moissanit-hero-copy > p:not(.js-moissanit-kicker):not(.js-benefit-line) {
margin: 0 0 13px !important;
color: #413c36 !important;
font-size: 16px !important;
line-height: 1.72 !important;
}
.js-moissanit-page .js-benefit-line {
margin: 12px 0 0 !important;
color: var(--jsm-gold-dark) !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.7 !important;
}
.js-moissanit-hero-visual {
position: relative;
display: block;
min-width: 0;
min-height: 320px;
overflow: hidden;
border: 1px solid #e6d8c1;
border-radius: 18px;
background: linear-gradient(145deg, #fffaf2 0%, #eee3d3 100%);
box-shadow: 0 14px 34px rgba(57, 42, 18, .10);
}
.js-moissanit-hero-visual::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(90deg, rgba(255,255,255,.10), rgba(255,255,255,0) 35%),
linear-gradient(0deg, rgba(36,27,13,.06), rgba(36,27,13,0) 45%);
}
.js-moissanit-hero-visual img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 320px !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 0 !important;
transform: scale(1.001);
transition: transform .35s ease;
}
.js-moissanit-hero-visual:hover img {
transform: scale(1.025);
} .js-moissanit-intro {
margin: 0 0 24px;
}
.js-moissanit-intro h2 {
margin-bottom: 9px !important;
}
.js-moissanit-intro p:last-child {
margin-bottom: 0;
} .js-moissanit-knowledge {
width: 100%;
margin: 26px 0 32px;
padding: 27px;
background:
radial-gradient(circle at 92% 8%, rgba(212,175,55,.10), transparent 32%),
linear-gradient(135deg, #fffaf2 0%, #f8f1e7 100%);
border: 1px solid var(--jsm-line);
border-radius: 18px;
box-shadow: 0 9px 25px rgba(64, 47, 20, .05);
}
.js-moissanit-knowledge-head {
max-width: 820px;
margin-bottom: 20px;
}
.js-moissanit-knowledge-head h2,
.js-moissanit-knowledge-head h3 {
margin: 0 0 7px !important;
}
.js-moissanit-knowledge-head p {
margin: 0;
color: var(--jsm-muted) !important;
}
.js-moissanit-info-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 15px;
}
.js-moissanit-info-card {
position: relative;
min-width: 0;
padding: 22px 20px 21px;
background: rgba(255,255,255,.93);
border: 1px solid #ece0ce;
border-radius: 14px;
box-shadow: 0 5px 15px rgba(70, 52, 23, .035);
}
.js-moissanit-info-card::after {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
height: 2px;
border-radius: 2px;
background: linear-gradient(90deg, transparent, #d8af50, transparent);
opacity: .45;
}
.js-moissanit-icon {
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
margin: 0 0 13px;
border: 1px solid #e3c883;
border-radius: 50%;
background: #f7ecd9;
color: var(--jsm-gold-dark);
font-family: Georgia, "Times New Roman", serif;
font-size: 23px;
line-height: 1;
}
.js-moissanit-info-card h3 {
margin: 0 0 7px !important;
font-size: 19px !important;
}
.js-moissanit-info-card p {
margin: 0 !important;
color: var(--jsm-muted) !important;
font-size: 14px !important;
line-height: 1.65 !important;
} .js-moissanit-facts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0;
width: 100%;
margin: 18px 0 31px;
overflow: hidden;
background: #fff;
border: 1px solid #eadcc5;
border-radius: 13px;
}
.js-moissanit-fact {
padding: 16px 18px;
text-align: center;
border-right: 1px solid #eee1cf;
}
.js-moissanit-fact:last-child {
border-right: 0;
}
.js-moissanit-fact strong {
display: block;
margin-bottom: 3px;
color: var(--jsm-gold-dark);
font-size: 14px;
}
.js-moissanit-fact span {
display: block;
color: #6c655c;
font-size: 12px;
line-height: 1.5;
} .js-moissanit-page .js-bible-verse-product {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
margin: 30px 0 !important;
padding: 30px 26px !important;
background:
radial-gradient(circle at 85% 55%, rgba(196,151,63,.18), transparent 28%),
linear-gradient(112deg, #111111 0%, #232018 72%, #171717 100%) !important;
border: 1px solid rgba(212,175,55,.38) !important;
border-radius: 14px !important;
box-shadow: 0 11px 28px rgba(0,0,0,.10) !important;
}
.js-moissanit-page .js-bible-verse-product::before,
.js-moissanit-page .js-bible-verse-product::after {
content: "";
position: absolute;
top: 50%;
width: 90px;
height: 1px;
background: linear-gradient(90deg, transparent, #b98b2d);
opacity: .55;
}
.js-moissanit-page .js-bible-verse-product::before {
left: 18px;
}
.js-moissanit-page .js-bible-verse-product::after {
right: 18px;
transform: rotate(180deg);
}
.js-moissanit-page .js-bible-verse-product-text {
position: relative;
z-index: 1;
max-width: 820px !important;
margin: 0 auto 8px !important;
color: #ddb34d !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: clamp(20px, 2.2vw, 27px) !important;
font-weight: 600 !important;
line-height: 1.4 !important;
}
.js-moissanit-page .js-bible-verse-product-source {
position: relative;
z-index: 1;
margin: 0 !important;
color: #f1ece2 !important;
font-size: 12px !important;
} .js-moissanit-two-col {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
width: 100%;
margin: 27px 0 32px;
}
.js-moissanit-page .js-fit-box,
.js-moissanit-page .js-gift-box {
width: 100% !important;
height: 100%;
margin: 0 !important;
padding: 23px 23px !important;
border-radius: 14px !important;
}
.js-moissanit-page .js-fit-box {
background: #fffdf8 !important;
border: 1px solid #d8aa4f !important;
box-shadow: 0 6px 18px rgba(72, 53, 21, .035);
}
.js-moissanit-page .js-fit-box > p:first-child,
.js-moissanit-page .js-gift-box > p:first-child {
margin-top: 0 !important;
}
.js-moissanit-page .js-fit-box ul {
margin-bottom: 0 !important;
padding-left: 21px !important;
}
.js-moissanit-page .js-fit-box li {
margin: 7px 0 !important;
}
.js-moissanit-page .js-gift-box {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 102% -10%, rgba(212,175,55,.17), transparent 38%),
linear-gradient(135deg, #fffaf2 0%, #f6ecdc 100%) !important;
border: 1px solid #eadbc3 !important;
border-left: 4px solid #c4973f !important;
}
.js-moissanit-page .js-gift-box::after {
content: "✦";
position: absolute;
right: 19px;
top: 14px;
color: #c4973f;
font-size: 23px;
opacity: .62;
}
.js-moissanit-page .js-gift-box h3 {
margin: 0 0 10px !important;
padding-right: 34px;
font-size: 22px !important;
} .js-moissanit-note,
.js-moissanit-page .js-orientation-box {
width: 100% !important;
margin: 24px 0 31px !important;
padding: 20px 22px !important;
background: #fffdf8 !important;
border: 1px solid #ead8b8 !important;
border-left: 4px solid #c4973f !important;
border-radius: 11px !important;
}
.js-moissanit-note h3,
.js-moissanit-page .js-orientation-box h3 {
margin-top: 0 !important;
}
.js-moissanit-note p:last-child,
.js-moissanit-page .js-orientation-box p:last-child,
.js-moissanit-page .js-orientation-box ul:last-child {
margin-bottom: 0 !important;
} .js-moissanit-faq {
width: 100%;
margin: 36px 0 32px;
}
.js-moissanit-faq-head {
margin-bottom: 17px;
}
.js-moissanit-faq-head h2 {
margin-bottom: 5px !important;
}
.js-moissanit-faq-grid {
display: grid;
grid-template-columns: 1fr;
gap: 9px;
}
.js-moissanit-faq-card {
position: relative;
min-width: 0;
padding: 16px 20px 16px 58px;
background: #ffffff;
border: 1px solid #e8ddcd;
border-radius: 10px;
box-shadow: 0 4px 13px rgba(67, 50, 22, .03);
}
.js-moissanit-faq-card::before {
content: "+";
position: absolute;
left: 17px;
top: 17px;
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 27px;
background: #f5ead6;
border: 1px solid #e3c98d;
border-radius: 50%;
color: var(--jsm-gold-dark);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1;
}
.js-moissanit-faq-card h3 {
margin: 0 0 4px !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
.js-moissanit-faq-card p {
margin: 0 !important;
color: #625b52 !important;
font-size: 14px !important;
line-height: 1.65 !important;
} .js-moissanit-page .js-mini-nav-bottom {
margin-top: 31px !important;
margin-bottom: 6px !important;
} @media (min-width: 1025px) {
.js-seo-content.js-moissanit-page { clear: both !important;
}
.js-moissanit-page .js-moissanit-hero,
.js-moissanit-page .js-moissanit-knowledge,
.js-moissanit-page .js-moissanit-facts,
.js-moissanit-page .js-bible-verse-product,
.js-moissanit-page .js-moissanit-two-col,
.js-moissanit-page .js-moissanit-note,
.js-moissanit-page .js-moissanit-faq,
.js-moissanit-page .js-mini-nav-top,
.js-moissanit-page .js-mini-nav-bottom {
max-width: none !important;
}
} @media (max-width: 1024px) {
.js-moissanit-hero {
grid-template-columns: minmax(0, 1fr) minmax(280px, .78fr) !important;
gap: 22px !important;
}
.js-moissanit-hero-copy h2 {
font-size: 34px !important;
}
.js-moissanit-hero-visual,
.js-moissanit-hero-visual img {
min-height: 285px !important;
}
} @media (max-width: 820px) {
.js-seo-content.js-moissanit-page {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.js-moissanit-hero {
grid-template-columns: 1fr !important;
gap: 17px !important;
margin-bottom: 28px !important;
}
.js-moissanit-hero-copy {
padding: 10px 0 0 !important;
}
.js-moissanit-hero-copy h2 {
font-size: 30px !important;
}
.js-moissanit-hero-visual,
.js-moissanit-hero-visual img {
min-height: 0 !important;
height: auto !important;
aspect-ratio: 16 / 10;
}
.js-moissanit-info-grid,
.js-moissanit-two-col {
grid-template-columns: 1fr !important;
}
.js-moissanit-facts {
grid-template-columns: 1fr !important;
}
.js-moissanit-fact {
border-right: 0 !important;
border-bottom: 1px solid #eee1cf;
}
.js-moissanit-fact:last-child {
border-bottom: 0;
}
.js-moissanit-page .js-bible-verse-product::before,
.js-moissanit-page .js-bible-verse-product::after {
display: none;
}
.js-moissanit-page .js-bible-verse-product {
padding: 27px 19px !important;
}
} @media (max-width: 560px) {
.js-moissanit-page .js-mini-nav-top,
.js-moissanit-page .js-mini-nav-bottom {
gap: 4px 7px !important;
padding: 10px 6px !important;
font-size: 12px !important;
}
.js-moissanit-hero-copy h2 {
font-size: 27px !important;
}
.js-moissanit-hero-copy > p:not(.js-moissanit-kicker):not(.js-benefit-line) {
font-size: 15px !important;
}
.js-moissanit-knowledge {
padding: 20px 15px !important;
border-radius: 14px !important;
}
.js-moissanit-info-card {
padding: 19px 17px !important;
}
.js-moissanit-page .js-fit-box,
.js-moissanit-page .js-gift-box {
padding: 20px 18px !important;
}
.js-moissanit-faq-card {
padding: 15px 15px 15px 53px !important;
}
.js-moissanit-faq-card::before {
left: 14px;
top: 15px;
}
} @media (prefers-reduced-motion: reduce) {
.js-moissanit-hero-visual img {
transition: none !important;
transform: none !important;
}
} @media print {
.js-moissanit-page .js-mini-nav-top,
.js-moissanit-page .js-mini-nav-bottom {
display: none !important;
}
.js-moissanit-hero,
.js-moissanit-info-grid,
.js-moissanit-two-col,
.js-moissanit-facts {
display: block !important;
}
.js-moissanit-hero-visual {
max-width: 420px;
margin-top: 15px;
}
.js-moissanit-info-card,
.js-moissanit-fact,
.js-moissanit-page .js-fit-box,
.js-moissanit-page .js-gift-box,
.js-moissanit-faq-card {
break-inside: avoid;
}
} .js-seo-content #jesus-hoffnung .js-moissanit-hero-visual figure {
margin: 0 !important;
width: 100% !important;
}
.js-seo-content #jesus-hoffnung .js-moissanit-hero-visual figcaption {
margin: 0 !important;
padding: 12px 18px 14px !important;
color: #3f382f !important;
font-size: 14px !important;
line-height: 1.55 !important;
background: rgba(255, 250, 242, .76) !important;
} .page-id-7533 .js-seo-content.js-moissanit-page {
max-width: 1180px !important;
}
.page-id-7533 .js-table-wrap {
border-radius: 12px;
box-shadow: 0 7px 22px rgba(64, 47, 20, .055);
background: #fff;
}
.page-id-7533 .js-product-table tbody tr,
.page-id-7533 .js-moissanit-info-card,
.page-id-7533 .js-moissanit-faq-card,
.page-id-7533 .js-moissanit-note,
.page-id-7533 .js-gift-box {
transition: transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}
@media (hover: hover) and (min-width: 1025px) {
.page-id-7533 .js-moissanit-info-card:hover,
.page-id-7533 .js-moissanit-faq-card:hover {
transform: translateY(-2px);
box-shadow: 0 9px 24px rgba(64, 47, 20, .085);
}
.page-id-7533 .js-product-table tbody tr:hover td,
.page-id-7533 .js-product-table tbody tr:hover th {
background: #fffaf2;
}
}
@media (prefers-reduced-motion: reduce) {
.page-id-7533 .js-product-table tbody tr,
.page-id-7533 .js-moissanit-info-card,
.page-id-7533 .js-moissanit-faq-card,
.page-id-7533 .js-moissanit-note,
.page-id-7533 .js-gift-box {
transition: none !important;
transform: none !important;
}
} .js-ratgeber-shop-cta-image.js-hoffnung-licht-image {
position: relative;
min-height: 390px;
background-image: url(https://www.jesusschmuck.com/wp-content/uploads/2026/09/hoffnung-und-licht-kerzenlicht.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.js-ratgeber-shop-cta-image.js-hoffnung-licht-image::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(90deg, rgba(16,16,16,.18), rgba(16,16,16,0));
}
@media (max-width: 820px) {
.js-ratgeber-shop-cta-image.js-hoffnung-licht-image {
min-height: 260px;
}
} .js-brand-showcase {
--js-brand-gold: #b98518;
--js-brand-line: #ead9ba;
--js-brand-cream: #fffaf2;
--js-brand-soft: #f8f1e6;
--js-brand-text: #24211d;
--js-brand-muted: #6f675e;
}
.js-brand-showcase .js-moissanit-hero {
margin-top: 12px !important;
margin-bottom: 18px !important;
}
.js-brand-showcase .js-moissanit-hero-copy {
padding: 28px 8px 28px 2px !important;
}
.js-brand-showcase .js-moissanit-hero-visual {
min-height: 350px !important;
border-radius: 20px !important;
}
.js-brand-showcase .js-moissanit-hero-visual img {
min-height: 350px !important;
}
.js-brand-showcase .js-moissanit-facts {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
margin: 12px 0 18px !important;
box-shadow: 0 8px 24px rgba(62, 43, 12, .045);
}
.js-brand-showcase .js-brand-gallery {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin: 26px 0 34px;
}
.js-brand-showcase .js-brand-gallery figure {
position: relative;
min-width: 0;
margin: 0;
overflow: hidden;
border: 1px solid var(--js-brand-line);
border-radius: 16px;
background: #fff;
box-shadow: 0 8px 22px rgba(62, 43, 12, .055);
}
.js-brand-showcase .js-brand-gallery img {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
transition: transform .3s ease;
}
.js-brand-showcase .js-brand-gallery figure:hover img {
transform: scale(1.025);
}
.js-brand-showcase .js-brand-gallery figcaption {
position: absolute;
left: 14px;
right: 14px;
bottom: 13px;
padding: 8px 10px;
background: rgba(255, 250, 242, .92);
border: 1px solid rgba(211, 176, 102, .45);
border-radius: 9px;
color: #40382e;
font-size: 11px;
font-weight: 700;
letter-spacing: .09em;
line-height: 1.35;
text-transform: uppercase;
text-align: center;
backdrop-filter: blur(4px);
}
.js-brand-showcase .js-brand-story {
display: grid;
grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
gap: 28px;
align-items: center;
margin: 30px 0 38px;
}
.js-brand-showcase .js-brand-story-media {
overflow: hidden;
border: 1px solid var(--js-brand-line);
border-radius: 18px;
background: #fff;
box-shadow: 0 12px 28px rgba(62, 43, 12, .07);
}
.js-brand-showcase .js-brand-story-media img {
display: block;
width: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.js-brand-showcase .js-brand-story-copy {
min-width: 0;
}
.js-brand-showcase .js-brand-story-copy h2 {
margin-top: 4px !important;
font-size: clamp(28px, 3vw, 39px) !important;
}
.js-brand-showcase .js-brand-product-pair {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
margin: 26px 0 34px;
}
.js-brand-showcase .js-brand-product-card {
overflow: hidden;
background: #fff;
border: 1px solid var(--js-brand-line);
border-radius: 17px;
box-shadow: 0 8px 23px rgba(62, 43, 12, .05);
}
.js-brand-showcase .js-brand-product-card-media {
background: linear-gradient(145deg, #fff, #faf5ec);
}
.js-brand-showcase .js-brand-product-card-media img {
display: block;
width: 100%;
aspect-ratio: 16 / 11;
object-fit: cover;
}
.js-brand-showcase .js-brand-product-card-body {
padding: 21px 22px 23px;
}
.js-brand-showcase .js-brand-product-card-body h3 {
margin: 0 0 8px !important;
font-size: 23px !important;
}
.js-brand-showcase .js-brand-product-card-body p {
margin: 0 0 15px !important;
color: var(--js-brand-muted) !important;
}
.js-brand-showcase .js-brand-meta {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin: 0 0 16px;
}
.js-brand-showcase .js-brand-meta span {
display: inline-flex;
align-items: center;
padding: 6px 9px;
border: 1px solid #ead9ba;
border-radius: 999px;
background: #fffaf2;
color: #6a5835;
font-size: 12px;
line-height: 1;
}
.js-brand-showcase .js-brand-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px;
padding: 10px 17px !important;
border: 1px solid #b98518 !important;
border-radius: 8px !important;
background: #b98518 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: .06em !important;
line-height: 1.2 !important;
text-decoration: none !important;
text-transform: uppercase !important;
}
.js-brand-showcase .js-brand-btn:hover,
.js-brand-showcase .js-brand-btn:focus {
background: #8f6612 !important;
border-color: #8f6612 !important;
color: #fff !important;
text-decoration: none !important;
}
.js-brand-showcase .js-brand-section-head {
max-width: 760px;
margin: 0 auto 18px;
text-align: center;
}
.js-brand-showcase .js-brand-section-head h2 {
margin: 0 0 6px !important;
}
.js-brand-showcase .js-brand-section-head p {
margin: 0 !important;
color: var(--js-brand-muted) !important;
}
.js-brand-showcase .js-brand-compare-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.js-brand-showcase .js-brand-compare-card {
padding: 22px;
background: #fff;
border: 1px solid #eadcc5;
border-radius: 14px;
}
.js-brand-showcase .js-brand-compare-card h3 {
margin-top: 0 !important;
}
.js-brand-showcase .js-brand-gift {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(250px, .92fr);
gap: 25px;
align-items: center;
margin: 32px 0;
padding: 27px;
overflow: hidden;
background:
radial-gradient(circle at 92% 10%, rgba(212,175,55,.16), transparent 34%),
linear-gradient(135deg, #fffaf2 0%, #f7ecdc 100%);
border: 1px solid #e7d4b4;
border-radius: 18px;
}
.js-brand-showcase .js-brand-gift-art {
display: flex;
align-items: center;
justify-content: center;
min-height: 190px;
border-radius: 14px;
background:
radial-gradient(circle at center, rgba(255,255,255,.95) 0 18%, transparent 19%),
linear-gradient(135deg, #f2dfbc, #fffaf2);
color: #b98518;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: 72px;
line-height: 1;
}
.js-brand-showcase .js-brand-gift h2 {
margin-top: 0 !important;
}
@media (max-width: 820px) {
.js-brand-showcase .js-moissanit-facts,
.js-brand-showcase .js-brand-gallery,
.js-brand-showcase .js-brand-story,
.js-brand-showcase .js-brand-product-pair,
.js-brand-showcase .js-brand-compare-grid,
.js-brand-showcase .js-brand-gift {
grid-template-columns: 1fr !important;
}
.js-brand-showcase .js-brand-gallery {
gap: 14px;
}
.js-brand-showcase .js-brand-story {
gap: 18px;
}
.js-brand-showcase .js-brand-gift-art {
min-height: 150px;
}
}
@media (max-width: 560px) {
.js-brand-showcase .js-moissanit-hero-visual,
.js-brand-showcase .js-moissanit-hero-visual img {
min-height: 0 !important;
}
.js-brand-showcase .js-brand-product-card-body,
.js-brand-showcase .js-brand-compare-card,
.js-brand-showcase .js-brand-gift {
padding: 18px !important;
}
}
@media (prefers-reduced-motion: reduce) {
.js-brand-showcase .js-brand-gallery img {
transition: none !important;
transform: none !important;
}
} .js-brand-showcase.js-brand-product-heading {
clear: both;
margin: 12px 0 20px;
padding: 0 2px;
}
.js-brand-showcase.js-brand-product-heading .js-moissanit-section-kicker {
margin-bottom: 3px !important;
}
.js-brand-showcase.js-brand-product-heading h2 {
margin: 0 0 4px !important;
font-family: 'Cormorant Garamond', Georgia, serif !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
color: #1a1a1a !important;
}
.js-brand-showcase.js-brand-product-heading > p:last-child {
margin: 0 !important;
color: #6f675e !important;
font-size: 14px !important;
line-height: 1.65 !important;
} .js-brand-showcase .js-brand-gallery figure {
display: flex;
flex-direction: column;
}
.js-brand-showcase .js-brand-gallery figure img {
flex: 0 0 auto;
}
.js-brand-showcase .js-brand-gallery figcaption {
position: static !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
padding: 11px 12px 12px !important;
background: #fffaf2 !important;
border: 0 !important;
border-top: 1px solid rgba(211,176,102,.42) !important;
border-radius: 0 !important;
color: #40382e !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
line-height: 1.4 !important;
text-transform: uppercase !important;
text-align: center !important;
backdrop-filter: none !important;
}
.js-brand-showcase .js-brand-gallery img {
aspect-ratio: 1 / 1 !important;
object-fit: cover !important;
object-position: center center !important;
} @media (max-width: 767px) {
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta {
display: flex !important;
flex-direction: column !important;
grid-template-columns: 1fr !important;
width: 100% !important;
max-width: 100% !important;
margin: 26px 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta-image {
order: 0 !important;
display: block !important;
width: 100% !important;
min-height: 0 !important;
height: auto !important;
aspect-ratio: 16 / 10 !important;
overflow: hidden !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
aspect-ratio: 16 / 10 !important;
object-fit: cover !important;
object-position: center !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta-content {
order: 1 !important;
display: flex !important;
flex-direction: column !important;
width: 100% !important;
min-width: 0 !important;
padding: 22px 18px 24px !important;
box-sizing: border-box !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta-kicker {
margin-bottom: 9px !important;
font-size: .76rem !important;
line-height: 1.35 !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta h3 {
margin: 0 0 13px !important;
font-size: 1.48rem !important;
line-height: 1.18 !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: auto !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-cta-text {
margin: 0 0 18px !important;
font-size: .96rem !important;
line-height: 1.58 !important;
word-break: normal !important;
overflow-wrap: normal !important;
hyphens: auto !important;
}
:is(.js-seo-content, .js-ratgeber-content) .js-ratgeber-shop-button {
display: flex !important;
width: 100% !important;
max-width: 100% !important;
align-self: stretch !important;
justify-content: center !important;
text-align: center !important;
box-sizing: border-box !important;
padding: 13px 16px !important;
}
} .js-product-glance {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin: 20px 0 28px;
}
.js-product-glance-card {
min-width: 0;
padding: 18px 16px;
text-align: center;
background: #fffaf2;
border: 1px solid rgba(181, 138, 58, 0.32);
border-radius: 12px;
box-shadow: 0 5px 18px rgba(44, 35, 22, 0.05);
transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}
.js-product-glance-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
margin-bottom: 10px;
border-radius: 50%;
background: #f5ead5;
color: #a87928;
font-size: 15px;
font-weight: 700;
line-height: 1;
}
.js-product-glance-label {
display: block;
margin-bottom: 5px;
color: #a87928;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.09em;
line-height: 1.3;
text-transform: uppercase;
}
.js-product-glance-card strong {
display: block;
color: #24211d;
font-size: 15px;
line-height: 1.35;
}
.js-product-glance-card small {
display: block;
margin-top: 4px;
color: #70695f;
font-size: 12px;
line-height: 1.45;
}
@media (hover: hover) and (pointer: fine) {
.js-product-glance-card:hover {
transform: translateY(-2px);
background: #fffdf8;
border-color: rgba(181, 138, 58, 0.62);
box-shadow: 0 9px 24px rgba(44, 35, 22, 0.09);
}
}
@media (max-width: 767px) {
.js-product-glance {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 16px 0 24px;
}
.js-product-glance-card {
padding: 15px 12px;
}
.js-product-glance-card:last-child {
grid-column: 1 / -1;
}
}
@media (max-width: 479px) {
.js-product-glance {
grid-template-columns: 1fr;
}
.js-product-glance-card:last-child {
grid-column: auto;
}
} .js-product-glance > h3 {
grid-column: 1 / -1;
margin: 0 0 2px;
}
.js-product-glance > ul {
display: contents;
margin: 0;
padding: 0;
}
.js-product-glance > ul > li {
min-width: 0;
list-style: none;
padding: 18px 16px;
text-align: center;
background: #fffaf2;
border: 1px solid rgba(181, 138, 58, 0.32);
border-radius: 12px;
box-shadow: 0 5px 18px rgba(44, 35, 22, 0.05);
line-height: 1.5;
}
.js-product-glance > ul > li strong {
display: block;
margin-bottom: 5px;
color: #a87928;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.09em;
line-height: 1.3;
text-transform: uppercase;
}
@media (max-width: 767px) {
.js-product-glance > ul > li {
padding: 15px 12px;
}
} .js-moissanit-page .js-moissanit-fact {
position: relative;
transition:
transform .22s ease,
background-color .22s ease,
box-shadow .22s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-moissanit-page .js-moissanit-fact:hover {
z-index: 1;
transform: translateY(-1px);
background: #fffaf2;
box-shadow:
inset 0 0 0 1px rgba(181, 138, 58, .38),
inset 0 -3px 0 rgba(212, 175, 55, .18);
}
.js-moissanit-page .js-moissanit-fact:hover strong {
color: #8f6612;
}
}
@media (prefers-reduced-motion: reduce) {
.js-moissanit-page .js-moissanit-fact {
transition: none !important;
transform: none !important;
}
} .js-ratgeber-content.js-star-guide { max-width: 900px; margin-inline: auto; }
.js-star-guide .js-star-nav {display:flex;flex-wrap:wrap;gap:9px 18px;padding:12px 0;border-top:1px solid #eadfcd;border-bottom:1px solid #eadfcd;margin:22px 0 30px;font-size:.91rem}
.js-star-guide .js-star-nav a {color:#986b1c;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.js-star-guide .js-star-nav a:hover,.js-star-guide .js-star-nav a:focus-visible {border-color:currentColor}
.js-star-guide .js-star-figure {margin:28px 0 33px;}
.js-star-guide .js-star-figure img {display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 8px 28px rgba(33,27,18,.11)}
.js-star-guide .js-star-figure figcaption {margin-top:9px;color:#6f675d;font-size:.82rem;line-height:1.5;text-align:center}
.js-star-guide .js-star-benefits {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}
.js-star-guide .js-star-benefits > div {padding:19px 17px;border:1px solid #ead7a3;background:#fffaf2;border-radius:12px;box-shadow:0 3px 14px rgba(44,35,22,.04);transition:transform .2s ease,box-shadow .2s ease}
.js-star-guide .js-star-benefits strong {display:block;color:#9b7126;margin-bottom:5px}
.js-star-guide .js-star-benefits p {margin:0;font-size:.91rem;line-height:1.6}
.js-star-guide .js-star-products {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.js-star-guide .js-star-product {border:1px solid #eadfcd;border-radius:12px;padding:17px;background:#fffdf9;transition:transform .2s ease,box-shadow .2s ease}
.js-star-guide .js-star-product img {display:block;width:100%;max-height:240px;object-fit:contain;margin-bottom:12px;border-radius:8px;background:#fff}
.js-star-guide .js-star-product strong {display:block;line-height:1.4;margin:0 0 6px;color:#2c2822}
.js-star-guide .js-star-product p {margin:0 0 11px;font-size:.91rem}
.js-star-guide .js-star-link {display:inline-block;text-decoration:none;color:#8a611b;font-weight:700;border-bottom:1px solid currentColor}
.js-star-guide .js-star-faq {margin:28px 0}
.js-star-guide .js-star-faq details {border:1px solid #eadfcd;border-radius:10px;background:#fffdf9;padding:14px 18px;margin:10px 0}
.js-star-guide .js-star-faq summary {cursor:pointer;font-weight:700}
.js-star-guide .js-star-faq details p {margin:11px 0 2px}
@media(hover:hover) and (pointer:fine){.js-star-guide .js-star-benefits > div:hover,.js-star-guide .js-star-product:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(44,35,22,.09)}}
@media(max-width:700px){.js-star-guide .js-star-benefits{grid-template-columns:1fr}.js-star-guide .js-star-products{grid-template-columns:1fr}.js-star-guide .js-star-nav{gap:10px}.js-star-guide .js-star-figure{margin:22px 0}}
@media(prefers-reduced-motion:reduce){.js-star-guide *{transition:none!important;transform:none!important}} .js-star-guide .js-star-figure > .js-star-caption {margin-top:9px;color:#6f675d;font-size:.82rem;line-height:1.5;text-align:center} .js-brand-showcase .js-brand-gallery {
grid-template-columns: repeat(auto-fit, minmax(190px, 280px));
justify-content: center;
}
.js-brand-showcase .js-brand-story-stacked {
grid-template-columns: 1fr !important;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.js-brand-showcase .js-brand-story-stacked .js-brand-story-media,
.js-brand-showcase .js-brand-story-stacked .js-brand-story-copy {
width: 100%;
max-width: 760px;
margin-left: auto;
margin-right: auto;
}
.js-brand-showcase .js-brand-story-stacked .js-brand-story-media img {
aspect-ratio: 16 / 9;
object-fit: cover;
object-position: center 46%;
}
.js-brand-showcase .js-brand-story-stacked .js-brand-story-copy h2 {
font-size: clamp(28px, 3.2vw, 36px) !important;
line-height: 1.18 !important;
}
.js-brand-showcase .js-brand-gift-media {
min-height: 190px;
overflow: hidden;
border: 1px solid rgba(211, 176, 102, .35);
border-radius: 14px;
background: #fff;
box-shadow: 0 8px 22px rgba(62, 43, 12, .055);
}
.js-brand-showcase .js-brand-gift-media img {
display: block;
width: 100%;
height: 100%;
min-height: 190px;
object-fit: cover;
object-position: center;
}
@media (max-width: 820px) {
.js-brand-showcase .js-brand-gift-media,
.js-brand-showcase .js-brand-gift-media img {
min-height: 160px;
}
} .js-seo-content .js-xmas-wide-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;overflow:hidden;margin:26px 0 32px;border:1px solid #e9dfcf;border-radius:17px;background:#fffaf3;box-shadow:0 8px 28px rgba(52,37,26,.055);transition:box-shadow .3s ease,transform .3s ease}
.js-seo-content .js-xmas-wide-story-copy{padding:clamp(22px,3.5vw,42px);display:flex;flex-direction:column;justify-content:center;gap:13px}
.js-seo-content .js-xmas-wide-story-kicker{margin:0;color:#946b32;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.js-seo-content .js-xmas-wide-story-copy h2{margin:0;font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.22}
.js-seo-content .js-xmas-wide-story-copy p{margin:0}
.js-seo-content .js-xmas-wide-story-media{min-height:270px;overflow:hidden}
.js-seo-content .js-xmas-wide-story-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .55s ease}
@media(hover:hover) and (pointer:fine){.js-seo-content .js-xmas-wide-story:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(52,37,26,.12)}.js-seo-content .js-xmas-wide-story:hover img{transform:scale(1.045);filter:brightness(1.025)}}
@media(max-width:700px){.js-seo-content .js-xmas-wide-story{grid-template-columns:1fr}.js-seo-content .js-xmas-wide-story-media{min-height:210px;max-height:290px;order:-1}.js-seo-content .js-xmas-wide-story-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){.js-seo-content .js-xmas-wide-story,.js-seo-content .js-xmas-wide-story img{transition:none!important}} .js-seo-content .js-xmas-wide-banner {
display: block;
width: 100%;
max-width: 100%;
margin: 28px 0 34px;
overflow: hidden;
border-radius: 16px;
border: 1px solid rgba(180, 147, 104, .22);
box-shadow: 0 8px 26px rgba(48, 34, 23, .07);
box-sizing: border-box;
line-height: 0;
}
.js-seo-content .js-xmas-wide-banner img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 1;
object-fit: cover;
transition: transform .55s ease, filter .55s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-seo-content .js-xmas-wide-banner:hover img {
transform: scale(1.035);
filter: brightness(1.025);
}
}
@media (max-width: 700px) {
.js-seo-content .js-xmas-wide-banner {
margin: 22px 0 28px;
border-radius: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.js-seo-content .js-xmas-wide-banner img { transition: none; }
} .js-seo-content .js-seo-image-band {
display: block;
width: 100%;
max-width: 100%;
margin: 28px 0 34px;
overflow: hidden;
border: 1px solid rgba(180, 147, 104, .22);
border-radius: 16px;
box-shadow: 0 8px 26px rgba(48, 34, 23, .07);
box-sizing: border-box;
line-height: 0;
}
.js-seo-content .js-seo-image-band img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
transition: transform .55s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-seo-content .js-seo-image-band:hover img {
transform: scale(1.035);
}
}
@media (max-width: 700px) {
.js-seo-content .js-seo-image-band {
margin: 22px 0 28px;
border-radius: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.js-seo-content .js-seo-image-band img {
transition: none;
}
} .js-seo-content .js-seo-portrait-intro {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr);
align-items: start;
gap: 22px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
margin: 22px 0 25px;
}
.js-seo-content .js-seo-portrait-intro-copy {
min-width: 0;
}
.js-seo-content .js-seo-portrait-intro-copy > h2:first-child {
margin-top: 0;
}
.js-seo-content .js-seo-portrait-intro-copy > p:last-child {
margin-bottom: 0;
}
.js-seo-content .js-seo-portrait-intro-media {
width: 100%;
max-width: 100%;
overflow: hidden;
border: 1px solid rgba(180,147,104,.24);
border-radius: 14px;
box-shadow: 0 8px 24px rgba(48,34,23,.11);
box-sizing: border-box;
line-height: 0;
}
.js-seo-content .js-seo-portrait-intro-media img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
object-fit: cover;
transition: transform .55s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-seo-content .js-seo-portrait-intro-media:hover img {
transform: scale(1.045);
}
}
@media (max-width: 700px) {
.js-seo-content .js-seo-portrait-intro {
grid-template-columns: minmax(0, 1fr);
gap: 18px;
margin: 18px 0 24px;
}
.js-seo-content .js-seo-portrait-intro-media {
width: 100%;
max-width: 350px;
margin: 0 auto;
border-radius: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
.js-seo-content .js-seo-portrait-intro-media img {
transition: none;
}
}  .js-seo-content.js-editorial-blog-archive {
--js-editorial-ink: #1d2c35;
--js-editorial-gold: #946c2e;
--js-editorial-edge: #e7d9bd;
--js-editorial-cream: #fffaf2;
width: 100%;
max-width: 100%;
margin: 0 auto 36px;
color: var(--js-editorial-ink);
overflow-wrap: break-word;
font-size: 16px;
line-height: 1.76;
box-sizing: border-box;
}
.js-editorial-blog-archive *,
.js-editorial-blog-archive *::before,
.js-editorial-blog-archive *::after { box-sizing: border-box; }
.js-editorial-blog-archive .js-editorial-hero {
padding: clamp(20px, 3.5vw, 36px);
border: 1px solid var(--js-editorial-edge);
border-left: 4px solid #b68d4a;
border-radius: 12px;
background: linear-gradient(133deg, #fffaf2, #f7f1e6);
margin: 0 0 22px;
}
.js-editorial-blog-archive .js-editorial-kicker {
margin: 0 0 14px !important;
color: #845d20;
font-size: 12px;
font-weight: 700;
letter-spacing: .10em;
line-height: 1.6;
text-transform: uppercase;
}
.js-editorial-blog-archive .js-editorial-hero p:last-child {
margin-bottom: 0;
}
.js-editorial-blog-archive p {
margin-top: 0;
margin-bottom: 17px;
}
.js-seo-content.js-editorial-blog-archive .js-editorial-nav,
.js-seo-content.js-editorial-blog-archive .js-editorial-nav-bottom {
width: 100%;
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: center !important;
gap: 5px 10px !important;
padding: 12px 15px !important;
margin: 20px 0 28px !important;
border-top: 1px solid var(--js-editorial-edge) !important;
border-bottom: 1px solid var(--js-editorial-edge) !important;
background: rgba(255,250,242,.55);
border-radius: 5px;
font-size: 13px !important;
line-height: 1.8 !important;
text-align: center;
}
.js-editorial-blog-archive .js-editorial-nav a,
.js-editorial-blog-archive .js-editorial-nav-bottom a {
display: inline-flex;
color: #805b25 !important;
font-weight: 650 !important;
text-decoration: none !important;
white-space: normal;
overflow-wrap: anywhere;
}
.js-editorial-blog-archive .js-editorial-nav a:hover,
.js-editorial-blog-archive .js-editorial-nav-bottom a:hover {
color: #593a12 !important;
text-decoration: underline !important;
text-underline-offset: 3px;
}
.js-editorial-blog-archive .js-editorial-nav .sep,
.js-editorial-blog-archive .js-editorial-nav-bottom .sep {
color: #c5a261 !important;
}
.js-editorial-blog-archive a:focus-visible,
.js-editorial-blog-archive summary:focus-visible {
outline: 2px solid #a47529;
outline-offset: 3px;
border-radius: 3px;
}
.js-editorial-blog-archive > .js-benefit-line {
margin: 16px auto 24px;
text-align: center;
color: #a47b3c;
font-weight: 650;
font-size: 13px;
line-height: 1.7;
}
.js-editorial-blog-archive .js-editorial-section {
margin: 0 0 30px;
padding: 0 0 4px;
}
.js-editorial-blog-archive .js-editorial-section h2 {
margin: 30px 0 14px;
color: var(--js-editorial-ink);
font-size: clamp(26px, 3vw, 34px);
line-height: 1.18;
letter-spacing: .01em;
font-weight: 600;
}
.js-editorial-blog-archive .js-editorial-section p,
.js-editorial-blog-archive .js-faq-answer p { max-width: 76ch; }
.js-editorial-blog-archive .js-editorial-section.js-gift-box {
padding: clamp(17px, 2.5vw, 26px);
margin: 27px 0;
border-left: 4px solid #c7a25f;
background: #fffaf2;
border-radius: 8px;
}
.js-editorial-blog-archive .js-editorial-section.js-gift-box h2 {
margin-top: 0;
}
.js-editorial-blog-archive .js-editorial-imageband {
width: 100%;
margin: 26px 0 37px;
border: 1px solid rgba(148,108,46,.17);
background: #f7f2ea;
overflow: hidden;
border-radius: 13px;
box-shadow: 0 10px 26px rgba(39,36,24,.07);
}
.js-editorial-blog-archive .js-editorial-imageband img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 2.5 / 1;
object-fit: cover;
object-position: center;
transition: transform .4s ease;
}
.js-editorial-blog-archive .js-editorial-imageband:hover img {
transform: scale(1.025);
}
.js-editorial-blog-archive .js-editorial-imageband figcaption {
padding: 7px 14px 10px;
color: #6e675e;
background: #fffaf2;
font-size: 11px;
line-height: 1.45;
}
.js-seo-content.js-editorial-blog-archive .js-editorial-faq {
margin: 30px 0 26px;
padding: clamp(16px, 3vw, 30px);
background: var(--js-editorial-cream);
border: 1px solid var(--js-editorial-edge);
border-radius: 12px;
}
.js-editorial-blog-archive .js-editorial-faq h2 {
margin: 0 0 20px;
color: var(--js-editorial-ink);
font-size: clamp(26px, 3vw, 32px);
}
.js-editorial-blog-archive .js-editorial-faq-item {
margin: 0 0 10px;
border: 1px solid #e9dcc5;
border-radius: 8px;
background: #fff;
overflow: hidden;
}
.js-editorial-blog-archive .js-editorial-faq-item:last-child { margin-bottom: 0; }
.js-editorial-blog-archive .js-editorial-faq-item summary {
list-style: none;
display: flex;
gap: 11px;
align-items: baseline;
position: relative;
padding: 15px 45px 15px 15px;
margin: 0;
cursor: pointer;
color: #273846;
font-weight: 650;
line-height: 1.48;
}
.js-editorial-blog-archive .js-editorial-faq-item summary::-webkit-details-marker { display: none; }
.js-editorial-blog-archive .js-editorial-faq-item summary::after {
content: '+';
position: absolute;
right: 17px;
top: 50%;
transform: translateY(-50%);
color: #a47a37;
font-size: 21px;
line-height: 1;
font-family: system-ui,sans-serif;
font-weight: 400;
}
.js-editorial-blog-archive .js-editorial-faq-item[open] summary::after { content: '−'; }
.js-editorial-blog-archive .js-editorial-faq-item[open] summary {
border-bottom: 1px solid #eee1d0;
}
.js-editorial-blog-archive .js-editorial-faq-number {
flex: 0 0 auto;
color: #a37c3f;
font-weight: 750;
font-size: 14px;
}
.js-editorial-blog-archive .js-editorial-faq-item .js-faq-answer {
padding: 14px 17px 16px;
color: #293641;
font-size: 15px;
line-height: 1.72;
}
.js-editorial-blog-archive .js-editorial-faq-item .js-faq-answer p {
margin: 0;
}
.js-editorial-blog-archive .js-bible-verse-product {
margin: 24px auto;
}
@media (max-width: 660px) {
.js-seo-content.js-editorial-blog-archive { font-size: 15px; line-height: 1.72; }
.js-editorial-blog-archive .js-editorial-hero { padding: 20px 16px; }
.js-editorial-blog-archive .js-editorial-kicker { font-size: 11px; letter-spacing: .065em; }
.js-seo-content.js-editorial-blog-archive .js-editorial-nav,
.js-seo-content.js-editorial-blog-archive .js-editorial-nav-bottom {
padding: 11px 9px !important;
gap: 4px 8px !important;
font-size: 12px !important;
}
.js-editorial-blog-archive .js-editorial-imageband img { aspect-ratio: 4 / 3; }
.js-editorial-blog-archive .js-editorial-faq-item summary {
padding: 14px 38px 14px 12px;
gap: 8px;
}
.js-editorial-blog-archive .js-editorial-faq-item .js-faq-answer {
padding: 13px 12px 15px;
}
.js-editorial-blog-archive .js-editorial-faq-item summary::after { right: 11px; }
}
@media (prefers-reduced-motion: reduce) {
.js-editorial-blog-archive .js-editorial-imageband img { transition: none; }
.js-editorial-blog-archive .js-editorial-imageband:hover img { transform: none; }
}   .js-seo-content.js-category-bottom-seo {
display: block;
box-sizing: border-box;
position: relative;
width: 100%;
min-width: 0;
max-width: 100%;
clear: both;
grid-column: 1 / -1;
flex: 0 0 100%;
flex-basis: 100%;
margin: clamp(38px, 5vw, 64px) 0 36px;
padding: clamp(20px, 3vw, 34px) 0 0;
border-top: 1px solid #e7dbc6;
overflow-wrap: anywhere;
}
.js-category-bottom-seo .js-category-bottom-heading {
margin: 0 0 22px;
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(27px, 3.3vw, 39px);
font-weight: 600;
line-height: 1.2;
color: #182b35;
}
.js-category-bottom-seo .js-editorial-blog-archive {
max-width: 100%;
width: 100%;
padding: 0;
margin: 0 auto;
}
.js-category-bottom-seo .js-editorial-blog-archive .js-benefit-line {
margin: 10px 0 30px;
}
.js-category-bottom-seo .js-editorial-blog-archive .js-editorial-section:first-of-type h2 {
margin-top: 15px;
}
.js-category-bottom-seo .js-editorial-blog-archive .js-editorial-faq {
width: 100%;
}
@media (max-width: 700px) {
.js-seo-content.js-category-bottom-seo {
width: 100%;
max-width: 100%;
padding-top: 20px;
margin-top: 34px;
margin-bottom: 22px;
}
.js-category-bottom-seo .js-category-bottom-heading {
margin-bottom: 17px;
}
.js-category-bottom-seo .js-editorial-blog-archive .js-editorial-section {
padding: 0;
}
}   body.category nav.js-category-intro-nav {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
text-align: center;
gap: 5px 9px;
width: 100%;
max-width: 100%;
clear: both;
margin: 15px 0 23px;
padding: 10px 13px;
box-sizing: border-box;
background: #fffaf2;
border-top: 1px solid #e9dcc5;
border-bottom: 1px solid #e9dcc5;
border-radius: 5px;
color: #765827;
font-size: 12px;
line-height: 1.65;
}
body.category .js-category-intro-nav .js-category-intro-nav-label {
color: #6c6050;
font-weight: 650;
white-space: nowrap;
}
body.category .js-category-intro-nav a {
display: inline-flex;
align-items: center;
color: #805b25;
font-weight: 650;
text-decoration: none;
white-space: normal;
overflow-wrap: anywhere;
}
body.category .js-category-intro-nav a:hover {
color: #513916;
text-decoration: underline;
text-underline-offset: 3px;
}
body.category .js-category-intro-nav a:focus-visible {
outline: 2px solid #a47529;
outline-offset: 3px;
}
body.category .js-category-intro-nav .sep {
display: inline-flex;
color: #b99150;
line-height: 1.4;
}
@media (max-width: 660px) {
body.category nav.js-category-intro-nav {
gap: 4px 7px;
padding: 9px 10px;
font-size: 12px;
margin-bottom: 18px;
}
}
body.category.paged nav.js-category-intro-nav {
display: none;
}   .js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item {
display: block !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 1px solid #e5d5b8 !important;
border-radius: 10px !important;
background: #fff !important;
overflow: hidden !important;
}
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item[open] {
background: #fffdf8 !important;
}
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item > summary.js-faq-question {
position: relative !important;
display: block !important;
min-height: 68px !important;
margin: 0 !important;
padding: 20px 52px 20px 69px !important;
font: 700 16px/1.45 Arial, Helvetica, sans-serif !important;
color: #222 !important;
cursor: pointer !important;
list-style: none !important;
}
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item > summary.js-faq-question .js-editorial-faq-number {
position: absolute !important;
top: 50% !important;
left: 16px !important;
transform: translateY(-50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 38px !important;
height: 38px !important;
border: 1px solid #d4af37 !important;
border-radius: 50% !important;
background: #f1e6d4 !important;
color: #946c2e !important;
font: 700 12px/1 Arial, Helvetica, sans-serif !important;
}
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item > .js-faq-answer {
padding: 0 52px 20px 69px !important;
}
@media (max-width: 767px) {
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item > summary.js-faq-question {
padding: 16px 40px 16px 54px !important;
font-size: 15px !important;
min-height: 62px !important;
}
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item > summary.js-faq-question .js-editorial-faq-number {
left: 10px !important;
width: 32px !important;
height: 32px !important;
}
.js-category-bottom-seo .js-editorial-faq details.js-editorial-faq-item > .js-faq-answer {
padding: 0 40px 16px 54px !important;
}
}   .js-category-bottom-seo:is(.js-hl-magazine-pilot,.js-category-magazine) {
--js-hl-gold: #a47b3d;
--js-hl-deep: #182f3c;
--js-hl-border: #e9dcc6;
--js-hl-paper: #fffaf2;
border-top: 0;
padding-top: 0;
margin-top: clamp(34px, 5vw, 62px);
min-width: 0;
background: transparent;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-editorial-blog-archive {
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0 auto;
line-height: 1.75;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero {
overflow: hidden;
padding: clamp(18px, 2.8vw, 32px);
background: linear-gradient(145deg, #fffbf5 0%, #f6eee2 100%);
border: 1px solid #e8d8bd;
border-top: 3px solid #c9a368;
border-radius: 13px;
box-shadow: 0 9px 26px rgba(38, 33, 25, .055);
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero-copy {
max-width: 710px;
margin: 0 auto;
text-align: center;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-eyebrow {
margin: 0 0 9px !important;
color: #8b682c;
font: 700 11px/1.5 Arial, Helvetica, sans-serif;
letter-spacing: .14em;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-eyebrow span {
display: inline-block;
margin: 0 5px;
color: #b48a4d;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero h2 {
margin: 0 0 13px;
color: var(--js-hl-deep);
font-family: 'Cormorant Garamond', Georgia, serif;
font-size: clamp(30px, 3.8vw, 46px);
font-weight: 600;
line-height: 1.12;
letter-spacing: .005em;
text-align: center;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-subtitle {
max-width: 600px;
margin: 0 auto !important;
color: #485661;
font-size: clamp(14px, 1.25vw, 16px);
line-height: 1.65;
text-align: center;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero-media,
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero .js-editorial-imageband {
width: 100%;
max-width: 100%;
margin: 24px 0 0 !important;
padding: 0;
border: 1px solid rgba(153,112,59,.18);
border-radius: 9px;
box-shadow: 0 8px 24px rgba(28,25,22,.06);
overflow: hidden;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero-media img,
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero .js-editorial-imageband img {
display: block;
width: 100%;
height: clamp(175px, 22vw, 290px);
max-width: 100%;
aspect-ratio: auto;
object-fit: cover;
object-position: center 52%;
transform: none;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero-media figcaption {
font-size: 11px;
padding: 8px 12px;
line-height: 1.45;
text-align: center;
color: #726756;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: 14px;
margin: 17px 0 26px;
width: 100%;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) a.js-hl-magazine-topic {
display: grid;
grid-template-columns: 42px minmax(0, 1fr) 15px;
align-items: start;
gap: 12px;
min-width: 0;
padding: 19px 16px;
color: var(--js-hl-deep);
text-decoration: none;
background: #fff;
border: 1px solid var(--js-hl-border);
border-radius: 11px;
box-shadow: 0 4px 14px rgba(35,29,21,.035);
transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) a.js-hl-magazine-topic:hover {
transform: translateY(-3px);
border-color: #cbb184;
box-shadow: 0 8px 22px rgba(35,29,21,.08);
text-decoration: none;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) a.js-hl-magazine-topic:focus-visible {
outline: 2px solid #b38a45;
outline-offset: 3px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-icon {
display: grid;
place-items: center;
width: 40px;
height: 40px;
font: 22px/1 Georgia, serif;
color: #a57c3b;
background: #faf2e6;
border: 1px solid #eadbc4;
border-radius: 50%;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-copy {
display: block;
min-width: 0;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-copy strong {
display: block;
font: 600 21px/1.16 'Cormorant Garamond', Georgia, serif;
color: #1b303b;
margin: 0 0 7px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-copy > span {
display: block;
font: 400 13px/1.55 Arial, Helvetica, sans-serif;
color: #626a70;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-arrow {
display: inline-block;
align-self: center;
font-size: 17px;
color: #9a753c;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-editorial-nav {
margin-top: 20px !important;
margin-bottom: 17px !important;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-editorial-blog-archive > .js-benefit-line {
padding: 4px 10px 17px;
border-bottom: 1px solid #efdfc4;
margin-bottom: 30px;
letter-spacing: .02em;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-editorial-section {
margin: 34px 0 42px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-editorial-section h2 {
font-size: clamp(28px, 3.4vw, 37px);
line-height: 1.15;
margin-top: 0;
margin-bottom: 15px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-1 {
padding: clamp(18px, 2.4vw, 27px);
background: #fdf8f1;
border-left: 4px solid #c5a06a;
border-radius: 5px 10px 10px 5px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-1 h2 {
margin-top: 0;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-2::before,
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-3::before {
display: block;
color: #a57b3f;
font: 700 11px/1.4 Arial, Helvetica, sans-serif;
letter-spacing: .14em;
margin-bottom: 9px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-2::before { content: '01  ✦  BIBELVERSE VERSTEHEN'; }
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-3::before { content: '02  ✦  TROST UND ZUVERSICHT'; }
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-3 {
padding: clamp(18px, 2.2vw, 27px);
border: 1px solid #e8decf;
border-radius: 11px;
background: #fffdf9;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-4 .js-bible-verse-product {
margin: 22px 0;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-6.js-gift-box {
margin-top: 36px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-editorial-faq {
margin-top: 32px !important;
}
@media (max-width: 660px) {
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero {
padding: 17px 14px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero h2 {
font-size: clamp(27px, 8vw, 34px);
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-hero-media img {
height: 190px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) a.js-hl-magazine-topic {
padding: 15px 12px;
grid-template-columns: 36px minmax(0, 1fr) 12px;
gap: 10px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) .js-hl-magazine-topic-icon {
width: 34px;
height: 34px;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-1,
:is(.js-hl-magazine-pilot,.js-category-magazine) #js-abschnitt-3 {
padding: 17px 15px;
}
}
@media (prefers-reduced-motion: reduce) {
:is(.js-hl-magazine-pilot,.js-category-magazine) a.js-hl-magazine-topic {
transition: none;
}
:is(.js-hl-magazine-pilot,.js-category-magazine) a.js-hl-magazine-topic:hover {
transform: none;
}
}  .js-category-magazine #js-abschnitt-2::before { content: '01  ✦  WEITERLESEN UND VERTIEFEN'; }
.js-category-magazine #js-abschnitt-3::before { content: '02  ✦  WISSEN UND ORIENTIERUNG'; }
.js-category-magazine.js-category-magazine--1651 #js-abschnitt-2::before { content: '01  ✦  BIBELVERSE VERSTEHEN'; }
.js-category-magazine.js-category-magazine--1651 #js-abschnitt-3::before { content: '02  ✦  TROST UND ZUVERSICHT'; }
.js-category-magazine.js-category-magazine--251 #js-abschnitt-2::before { content: '01  ✦  CHRISTLICHE MOTIVE'; }
.js-category-magazine.js-category-magazine--251 #js-abschnitt-3::before { content: '02  ✦  SICHER AUSWÄHLEN'; }
.js-category-magazine.js-category-magazine--390 #js-abschnitt-2::before { content: '01  ✦  MUTTERTAG UND GLAUBE'; }
.js-category-magazine.js-category-magazine--390 #js-abschnitt-3::before { content: '02  ✦  GESCHENKE MIT BEDEUTUNG'; }
.js-category-magazine.js-category-magazine--524 #js-abschnitt-2::before { content: '01  ✦  MOISSANIT UND DIAMANT'; }
.js-category-magazine.js-category-magazine--524 #js-abschnitt-3::before { content: '02  ✦  SCHLIFF UND AUSWAHL'; }  .js-seo-content.js-edelstahl-herren .js-steel-story {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
align-items: center;
gap: clamp(18px, 3vw, 34px);
padding: clamp(12px, 2vw, 20px);
margin: 32px 0 38px;
border: 1px solid rgba(170, 139, 94, .22);
border-radius: 18px;
background: linear-gradient(135deg, #fffaf2, #fff);
box-shadow: 0 10px 30px rgba(43, 31, 20, .06);
box-sizing: border-box;
}
.js-seo-content.js-edelstahl-herren .js-steel-story-media {
margin: 0;
min-width: 0;
overflow: hidden;
border-radius: 13px;
background: #f5efe5;
line-height: 0;
}
.js-seo-content.js-edelstahl-herren .js-steel-story-media img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
transition: transform .55s ease, filter .55s ease;
}
.js-seo-content.js-edelstahl-herren .js-steel-story-copy {
min-width: 0;
padding: 4px 8px;
}
.js-seo-content.js-edelstahl-herren .js-steel-story-copy h3 {
margin: 4px 0 13px;
font-size: clamp(23px, 2.5vw, 30px);
line-height: 1.25;
}
.js-seo-content.js-edelstahl-herren .js-steel-story-copy p:last-child { margin-bottom: 0; }
.js-seo-content.js-edelstahl-herren .js-steel-story-kicker {
margin: 0 0 8px;
color: #94703c;
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.js-seo-content.js-edelstahl-herren .js-steel-story--gift .js-steel-story-media { order: 2; }
.js-seo-content.js-edelstahl-herren .js-steel-story--gift .js-steel-story-copy { order: 1; }
@media (hover: hover) and (pointer: fine) {
.js-seo-content.js-edelstahl-herren .js-steel-story:hover .js-steel-story-media img {
transform: scale(1.035);
filter: brightness(1.025);
}
}
@media (max-width: 700px) {
.js-seo-content.js-edelstahl-herren .js-steel-story {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
padding: 12px;
margin: 24px 0 30px;
border-radius: 14px;
}
.js-seo-content.js-edelstahl-herren .js-steel-story .js-steel-story-media { order: 0; }
.js-seo-content.js-edelstahl-herren .js-steel-story .js-steel-story-copy { order: 1; padding: 2px 4px 8px; }
}
@media (prefers-reduced-motion: reduce) {
.js-seo-content.js-edelstahl-herren .js-steel-story-media img { transition: none; transform: none; filter: none; }
}  .js-seo-content.js-moissanit-page .js-ratgeber-shop-cta.js-ascheschmuck-blog-cta .js-ratgeber-shop-cta-text {
color: #f4efe6 !important;
opacity: 1 !important;
} .js-seo-content#ascheschmuck-ratgeber .js-memorial-story {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
align-items: center;
gap: clamp(18px, 3vw, 34px);
padding: clamp(12px, 2vw, 20px);
margin: 30px 0 36px;
border: 1px solid rgba(170, 139, 94, .22);
border-radius: 18px;
background: linear-gradient(135deg, #fffaf2, #fff);
box-shadow: 0 10px 30px rgba(43, 31, 20, .06);
box-sizing: border-box;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-media {
margin: 0;
min-width: 0;
overflow: hidden;
border-radius: 13px;
background: #f5efe5;
line-height: 0;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-media img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
transition: transform .55s ease, filter .55s ease;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-copy {
min-width: 0;
padding: 4px 8px;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-copy h3 {
margin: 4px 0 13px;
font-size: clamp(23px, 2.5vw, 30px);
line-height: 1.25;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-copy p:last-child { margin-bottom: 0; }
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-kicker {
margin: 0 0 8px;
color: #94703c;
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-note {
margin-top: 10px;
color: #766f66;
font-size: .78rem;
line-height: 1.5;
}
@media (hover: hover) and (pointer: fine) {
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story:hover .js-memorial-story-media img {
transform: scale(1.035);
filter: brightness(1.025);
}
}
@media (max-width: 700px) {
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
padding: 12px;
margin: 24px 0 30px;
border-radius: 14px;
}
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-copy { padding: 2px 4px 8px; }
}
@media (prefers-reduced-motion: reduce) {
.js-seo-content#ascheschmuck-ratgeber .js-memorial-story-media img {
transition: none;
transform: none;
filter: none;
}
}  .js-seo-content .js-editorial-story {
display: grid;
grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
align-items: center;
gap: clamp(18px, 3vw, 34px);
padding: clamp(12px, 2vw, 20px);
margin: 30px 0 36px;
border: 1px solid rgba(170, 139, 94, .22);
border-radius: 18px;
background: linear-gradient(135deg, #fffaf2, #fff);
box-shadow: 0 10px 30px rgba(43, 31, 20, .06);
box-sizing: border-box;
}
.js-seo-content .js-editorial-story--quiet {
background: linear-gradient(135deg, #fffaf5, #fff);
box-shadow: 0 6px 24px rgba(43, 31, 20, .04);
}
.js-seo-content .js-editorial-story-media {
margin: 0;
min-width: 0;
overflow: hidden;
border-radius: 13px;
background: #f5efe5;
line-height: 0;
}
.js-seo-content .js-editorial-story-media img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: center;
transition: transform .55s ease, filter .55s ease;
}
.js-seo-content .js-editorial-story-copy {
min-width: 0;
padding: 4px 8px;
}
.js-seo-content .js-editorial-story-kicker {
margin: 0 0 8px;
color: #94703c;
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.js-seo-content .js-editorial-story-copy h3 {
margin: 4px 0 13px;
font-size: clamp(23px, 2.5vw, 30px);
line-height: 1.25;
}
.js-seo-content .js-editorial-story-copy p:last-child { margin-bottom: 0; }
.js-seo-content .js-editorial-story-note {
margin-top: 10px;
color: #766f66;
font-size: .78rem;
line-height: 1.5;
}
.js-seo-content .js-editorial-story-link {
display: inline-flex;
align-items: center;
gap: .35em;
margin-top: 9px;
color: #865f2e;
font-weight: 600;
text-underline-offset: 3px;
}
.js-seo-content .js-editorial-story--reverse > .js-editorial-story-media { order: 2; }
.js-seo-content .js-editorial-story--reverse > .js-editorial-story-copy { order: 1; }
@media (hover: hover) and (pointer: fine) {
.js-seo-content .js-editorial-story:not(.js-editorial-story--quiet):hover .js-editorial-story-media img {
transform: scale(1.035);
filter: brightness(1.025);
}
}
@media (max-width: 700px) {
.js-seo-content .js-editorial-story {
grid-template-columns: minmax(0, 1fr);
gap: 14px;
padding: 12px;
margin: 24px 0 30px;
border-radius: 14px;
}
.js-seo-content .js-editorial-story > .js-editorial-story-media { order: 0; }
.js-seo-content .js-editorial-story > .js-editorial-story-copy { order: 1; padding: 2px 4px 8px; }
}
@media (prefers-reduced-motion: reduce) {
.js-seo-content .js-editorial-story-media img {
transition: none;
transform: none;
filter: none;
}
}  body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button) {
display: block !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 16px 0 18px !important;
padding: 19px 23px !important;
border: 1px solid #cfaa58 !important;
border-radius: 12px !important;
background: linear-gradient(125deg, #111111 0%, #241a13 100%) !important;
box-shadow: 0 7px 24px rgba(0,0,0,.13);
color: #f4eee3 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.6 !important;
text-decoration: none !important;
text-transform: none !important;
transition: border-color .2s ease, box-shadow .2s ease;
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button)::before {
content: "HOFFNUNG & LICHT · BIBELVERSE";
display: block;
margin-bottom: 6px;
color: #e5bd5f;
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
line-height: 1.4;
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button) strong {
display: block !important;
margin-bottom: 3px !important;
color: #ffffff !important;
font-size: clamp(19px, 2.2vw, 24px) !important;
font-weight: 700 !important;
line-height: 1.28 !important;
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button)::after {
content: "Hoffnung entdecken ↗";
display: inline-block;
margin-top: 11px;
margin-left: 18px;
padding: 7px 13px;
border-radius: 7px;
background: #e7bd58;
color: #161411;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):is(:hover,:focus-visible) {
border-color: #f2d785 !important;
box-shadow: 0 9px 28px rgba(0,0,0,.19);
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):focus-visible {
outline: 2px solid #e7bd58 !important;
outline-offset: 3px;
}
@media (max-width: 767px) {
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button) {
padding: 16px 16px !important;
margin: 12px 0 16px !important;
}
}
@media (prefers-reduced-motion: reduce) {
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button) { transition: none !important; }
}   body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button)::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button {
background-image: linear-gradient(112deg, #d2a342 0%, #f9e5a5 27%, #dfb957 52%, #f7db8b 75%, #d1a03e 100%) !important;
background-size: 230% 100% !important;
background-position: 100% 50% !important;
box-shadow: 0 4px 13px rgba(212, 175, 55, .22) !important;
transform: translateY(0);
transition: background-position .55s ease, transform .26s cubic-bezier(.2,.75,.3,1), box-shadow .26s ease, filter .26s ease !important;
}
@media (hover: hover) and (pointer: fine) {
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):hover::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button:hover {
background-position: 0% 50% !important;
transform: translateY(-3px) scale(1.025) !important;
box-shadow: 0 9px 24px rgba(216, 165, 47, .42), 0 0 0 1px rgba(251, 224, 156, .42) !important;
filter: brightness(1.06);
}
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):focus-visible::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button:focus-visible {
background-position: 0% 50% !important;
transform: translateY(-2px) !important;
box-shadow: 0 9px 24px rgba(216, 165, 47, .37), 0 0 0 1px rgba(251, 224, 156, .42) !important;
filter: brightness(1.05);
}
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):active::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button:active {
transform: translateY(1px) scale(.99) !important;
box-shadow: 0 2px 8px rgba(212, 175, 55, .22) !important;
}
@media (prefers-reduced-motion: reduce) {
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button)::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button,
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):hover::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button:hover,
body.term-ascheschmuck a[href="https://www.jesusschmuck.com/jeremia-29-11-bedeutung-zukunft-hoffnung/"]:not(.js-ratgeber-shop-button):focus-visible::after,
.js-seo-content#ascheschmuck-ratgeber .js-ascheschmuck-blog-cta .js-ratgeber-shop-button:focus-visible {
transition: none !important;
transform: none !important;
}
}   .jsch-editorial-tag-intro { margin: 0 0 2.2rem; padding: 24px 28px; border:1px solid #ead8b4; border-left: 4px solid #bd8b37; border-radius: 14px; background:linear-gradient(115deg,#fff9ee,#fff); color:#373025; }
.jsch-editorial-tag-intro p { line-height:1.75; margin:0 0 .8rem; }
.jsch-editorial-tag-intro p:last-child {margin-bottom:0;}
.jsch-editorial-tag-intro a, .jsch-editorial-tag-footer a {color:#93631d;text-decoration:underline;text-underline-offset:2px;}
.jsch-editorial-tag-footer {display:block;clear:both;width:100%;box-sizing:border-box; margin:52px 0 46px; padding:35px 35px 40px; border-radius:20px; background:linear-gradient(140deg,#fff9ed 0%,#ffffff 65%,#faf2e1 100%); border:1px solid #e8d4ac; color:#302a24; box-shadow:0 10px 25px rgba(70,48,13,.055);}
.jsch-editorial-tag-footer .jsch-et-eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#946b24;}
.jsch-editorial-tag-footer h2 {font-size:clamp(24px,3vw,32px);line-height:1.22;margin:10px 0 18px;color:#382b17;}
.jsch-editorial-tag-footer h3 {font-size:19px;line-height:1.35;margin:0 0 10px;color:#493319;}
.jsch-editorial-tag-footer p{font-size:16px;line-height:1.75;margin:0 0 17px;}
.jsch-editorial-tag-footer .jsch-et-divider {display:block;height:3px;width:72px;margin:23px 0 27px;border-radius:4px;background:#c59546;}
.jsch-editorial-tag-footer .jsch-et-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:26px 0 31px;}
.jsch-editorial-tag-footer .jsch-et-card{min-width:0;box-sizing:border-box;background:#fff;border:1px solid #e9d9be;border-radius:13px;padding:19px 18px;box-shadow:0 4px 10px rgba(95,65,24,.045);}
.jsch-editorial-tag-footer .jsch-et-card p{font-size:15px;line-height:1.65;margin:0;}
.jsch-editorial-tag-footer .jsch-et-faq{margin:25px 0 5px;}
.jsch-editorial-tag-footer .jsch-et-faq h3{margin-bottom:16px;}
.jsch-editorial-tag-footer .jsch-et-faq details{border:1px solid #e7d9bd;background:#fff;border-radius:11px;margin:10px 0;padding:0 16px;}
.jsch-editorial-tag-footer .jsch-et-faq summary {display:list-item;cursor:pointer;padding:15px 1px;font-weight:700;color:#392b18;line-height:1.6;}
.jsch-editorial-tag-footer .jsch-et-faq details p{padding:0 4px 14px;margin:0;}
.jsch-editorial-tag-footer .jsch-et-related {padding:19px 21px;border-left:4px solid #bc8b36;border-radius:10px;background:#fff;}
.jsch-editorial-tag-footer .jsch-et-related p:last-child{margin:0;}
@media (max-width:760px){.jsch-editorial-tag-intro{padding:19px 17px;margin-bottom:1.5rem;}.jsch-editorial-tag-footer{margin:34px 0 30px;padding:24px 18px;border-radius:14px;}.jsch-editorial-tag-footer .jsch-et-grid{grid-template-columns:1fr;gap:12px;}.jsch-editorial-tag-footer .jsch-et-card{padding:16px;}.jsch-editorial-tag-footer h2{font-size:25px;}.jsch-editorial-tag-footer p{font-size:16px;}}