.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-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-silber-ohrringe .js-moissanit-fact {
position: relative;
transition:
transform .22s ease,
background-color .22s ease,
box-shadow .22s ease;
}
@media (hover: hover) and (pointer: fine) {
.js-silber-ohrringe .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-silber-ohrringe .js-moissanit-fact:hover strong {
color: #8f6612;
}
}
@media (prefers-reduced-motion: reduce) {
.js-silber-ohrringe .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;}}.site .elementor-products-grid ul.products.elementor-grid li.product {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 40px;
}
.page-template-elementor_header_footer .site-content:after { 
display: none;
}
.col-full.topbar-wrapper {
border: none;
}
@media (min-width: 992px) {
.col-full.main-header, .col-full-nav { 
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (max-width: 992px) {
.main-header, .site-branding { 
height: 0px;
}
}
@media (min-width: 993px) {
.elementor-products-grid ul.products {
width: auto;
}
.elementor-element.elementor-products-grid ul.products li.product {
width: 100%;
}
.elementor-element.elementor-products-grid ul.products li.product.ckit-hide-cta:not(.product-category) {
padding-bottom: 0;
margin-bottom: 30px;
}
}
@media (max-width: 992px) {
.elementor-element.elementor-products-grid ul.products {
width: 100%;
}
.theme-shoptimizer.m-grid-2 .elementor-products-grid .commercekit-wishlist.mini {
top: 15px;
right: 30px;
}
.m-grid-2 ul.products.elementor-grid {
padding: 0;
} body:has(div[data-elementor-type=header]) .mobile-filter,
body:has(div[data-elementor-type=header]) .commercekit-atc-sticky-tabs {
top: -1px;
}
} @media (min-width: 993px) {
.products.elementor-grid {
display: grid;
}
.products.elementor-grid.columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.products.elementor-grid.columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.products.elementor-grid.columns-2 {
grid-template-columns: repeat(2, 1fr);
}
}
.elementor-element.elementor-products-grid ul.products li.product {
width: 100%;
}
ul.products.elementor-grid {
margin-left: 0;
}
body.static-cta-buttons ul.products.elementor-grid li.product:not(.product-category) {
margin-bottom: 0px;
}
body.static-cta-buttons ul.products.elementor-grid li.product .button {
position: relative;
} .single-product .product .elementor-widget-woocommerce-product-price .price {
float: none;
}
.single-product .elementor-add-to-cart .cart .single_add_to_cart_button {
float: none;
width: inherit;
height: inherit;
line-height: inherit;
} .single-product .swiper-slide {
will-change: revert;
}
@media (max-width: 991px) {
.m-grid-1 .elementor-grid-tablet-2 .elementor-grid,
.m-grid-2 .elementor-grid-tablet-2 .elementor-grid {
grid-template-columns: repeat(2, 1fr);
}
.m-grid-1 .elementor-grid-tablet-3 .elementor-grid,
.m-grid-2 .elementor-grid-tablet-3 .elementor-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.m-grid-1 .elementor-grid-mobile-1 .elementor-grid,
.m-grid-2 .elementor-grid-mobile-1 .elementor-grid {
grid-template-columns: repeat(1, 1fr);
}
.m-grid-1 .elementor-grid-mobile-2 .elementor-grid,
.m-grid-2 .elementor-grid-mobile-2 .elementor-grid {
grid-template-columns: repeat(2, 1fr);
}
} .e-cart__container .woocommerce-cart-form,
.e-cart__container .cart-collaterals {
float: none;
width: 100%;
}
.e-cart__container .cart_totals .shop_table {
background-color: transparent;
}
.e-cart__container .cart_totals .shop_table tr.shipping td,
.e-cart__container .cart_totals .shop_table tr.shipping th {
width: 100%;
display: table-cell;
}
.e-cart__container .cart_totals .shop_table td,
.e-cart__container .cart_totals .shop_table th {
padding: 0;
}
.elementor-widget-woocommerce-cart .woocommerce .e-cart__container .input-text.qty {
border: none;
text-align: center;
}
.e-cart__container table.cart td.actions input,
.e-cart__container table.cart td.actions button {
height: inherit;
line-height: initial;
}
.elementor-widget-woocommerce-cart .woocommerce .cart_totals .form-row,
.e-cart__container .form-row label {
text-align: left;
}
.elementor-widget-woocommerce-cart .woocommerce .e-cart__container .input-text {
height: inherit;
}
.elementor-widget-woocommerce-cart .woocommerce table.shop_table .product-remove a {
text-indent: 0;
}
.e-cart__container select {
line-height: initial;
height: auto;
}
@media (min-width: 993px) {
.e-checkout__container .col2-set,
.e-checkout__container #customer_details + #wc_checkout_add_ons,
.e-checkout__container #order_review,
.e-checkout__container #order_review_heading {
float: none;
width: 100%;
margin-right: 0;
}
}
@media (max-width: 768px) {
.m-cart .e-cart__container table.cart td.product-thumbnail { 
position: relative;
min-height: auto;
margin: 0;
}
.m-cart .e-cart__container table.cart td:before {
font-size: unset;
}
.elementor-widget-woocommerce-cart .woocommerce table.cart tr {
padding: 0;
}
}
.e-checkout__container #ship-to-different-address {
padding: 0;
border: none;
}
.e-checkout__container .woocommerce-checkout-review-order-table tr.shipping td,
.e-checkout__container .woocommerce-checkout-review-order-table tr.shipping th {
width: 100%;
display: table-cell;
text-align: inherit
}
.e-checkout__container .woocommerce-checkout-review-order-table tr.shipping td {
text-align: right;
}
.elementor-widget-woocommerce-checkout-page .woocommerce .e-coupon-box .form-row .input-text {
height: inherit;
}
.woocommerce-js form .e-checkout__container .form-row {
padding: 3px;
margin: 0 0 6px;
}
.e-checkout__container ul#shipping_method li span.amount {
float: none;
}
.e-checkout__container #order_review .shop_table tr.shipping th {
border: none;
}
.e-checkout__container .woocommerce-checkout-review-order-table tfoot td,
.e-checkout__container .woocommerce-checkout-review-order-table tfoot th {
background-color: transparent;
padding: 0;
}
.e-checkout__container #payment .payment_methods {
border: none;
border-radius: 0;
}
.e-checkout__container #payment .payment_methods > .wc_payment_method > label,
.e-checkout__container #payment .payment_methods > .woocommerce-PaymentMethod > label {
padding: 0;
}
.e-checkout__container #payment .payment_methods li .payment_box {
padding: 1em;
margin: 1em 0;
}
.e-checkout__container #payment .place-order {
margin-top: 0;
}
.e-checkout__container #payment .payment_methods p {
padding: 0
}
.e-checkout__container .commercekit-order-bump-wrap {
width: 100%;
contain: inline-size;
}.site-main div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-size: 15px;
font-weight: 400;
}
dialog div.wpforms-container-full {
margin-bottom: 0;
}
.site-main div.wpforms-container-full .wpforms-form .wpforms-title {
font-weight: 600;
}
.site-content div.wpforms-container-full .wpforms-form select {
width: 100%;
max-width: 100%;
height: 40px;
margin-bottom: 5px;
padding: 0 31px 0 11px;
border: 1px solid #e2e2e2;
border-radius: 3px;
background: url("data:image/svg+xml;charset=utf8,%3Csvg width='1792' height='1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Ctitle%3Ebackground%3C/title%3E%3Crect fill='none' id='canvas_background' height='402' width='582' y='-1' x='-1'/%3E%3C/g%3E%3Cg%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath fill='%23bfbfbf' id='svg_1' d='m1408,704q0,26 -19,45l-448,448q-19,19 -45,19t-45,-19l-448,-448q-19,-19 -19,-45t19,-45t45,-19l896,0q26,0 45,19t19,45z'/%3E%3C/g%3E%3C/svg%3E") calc(100% - 12px) 12px no-repeat;
background-size: 15px 15px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
font-size: 16px;
font-weight: 400;
line-height: 40px;
text-indent: 0.01px;
text-overflow: "";
appearance: none;
-webkit-font-smoothing: inherit;
}
.site div.wpforms-container-full .wpforms-form button[type="submit"] {
padding: 12px 20px;
border-radius: 4px;
border: none;
font-weight: 600;
font-size: 15px;
transition: all 0.2s;
background-color: #323232;
color: #fff;
}
.site div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
border: none;
background-color: #111;
}
.site div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
padding-left: 10px;
}
@media only screen and (max-width: 600px) {
div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout) {
overflow-x: visible;
}
} dialog div.wpforms-container-full .wpforms-form .wpforms-title {
font-size: clamp(1.125rem, 0.8709rem + 0.813vw, 1.375rem); }
div.wpforms-container-full .wpforms-form *:focus-visible {
outline: 0.2rem solid #2491ff;
outline-offset: -1px;
}
dialog div.wpforms-container-full .wpforms-form input:focus-visible,
dialog div.wpforms-container-full .wpforms-form select:focus-visible,
dialog div.wpforms-container-full .wpforms-form textarea:focus-visible {
border-color: transparent;
}
dialog div.wpforms-container-full .wpforms-form button[type=submit]:focus {
border: none;
}
dialog div.wpforms-container-full .wpforms-error-container {
font-size: 14px;
margin-top: -0.5rem;
margin-bottom: 0.5rem;
}@media (min-width: 993px) {
.theme-shoptimizer:not(.cgkit-gallery-type-swiper) .product-details-wrapper {
overflow: visible;
display: flex;
justify-content: space-between;
} .theme-shoptimizer:not(.cgkit-gallery-type-swiper).single-product div.product .summary {
position: sticky;
top: 30px;
align-self: flex-start;
} .theme-shoptimizer:not(.cgkit-gallery-type-swiper).single-product .commercekit-sticky-add-to-cart + .summary.entry-summary {
top: 70px;
} .theme-shoptimizer:not(.cgkit-gallery-type-swiper).admin-bar.single-product .commercekit-sticky-add-to-cart + .summary.entry-summary {
top: 100px;
} .theme-shoptimizer:not(.cgkit-gallery-type-swiper).sticky-t.single-product:not(.ckit_stickyatc_active) div.product .summary {
top: 90px;
} .theme-shoptimizer:not(.cgkit-gallery-type-swiper).admin-bar.single-product #page div.product .summary {
top: 60px;
} .theme-shoptimizer:not(.cgkit-gallery-type-swiper).sticky-t.admin-bar.single-product:not(.ckit_stickyatc_active) div.product .summary {
top: 120px;
}
} @media (max-width: 770px) {
.theme-shoptimizer:not(.cgkit-gallery-type-swiper) #commercegurus-pdp-gallery-wrapper.ckit-mobile-pdp-gallery-active {
margin-left: -1em;
width: calc(100% + 2em);
margin-bottom: 10px;
}
}  .theme-shoptimizer .woocommerce-image__wrapper .product-label.type-circle {
left: 10px;
} .theme-shoptimizer .sale-item.product-label.type-circle + .ckit-badge_wrapper {
top: 50px;
}  .theme-shoptimizer .ckit-modal .ckit-modal--button_close:focus {
outline: none;
}
.theme-shoptimizer.keyboard-active .ckit-modal .ckit-modal--button_close:focus-visible {
outline: 0.2rem solid #2491ff;
outline-offset: 0;
border-color: transparent;
box-shadow: none;
} .theme-shoptimizer .commercekit-size-guide button {
font-size: 13px;
font-weight: 600;
}
.theme-shoptimizer .commercekit-size-guide button:hover span {
text-decoration: underline;
text-decoration-thickness: .5px;
text-underline-offset: .18em;
}  .theme-shoptimizer .commercekit-wishlist.full {
margin-bottom: 15px;
} .theme-shoptimizer .commercekit-wishlist a {
font-size: 13px;
font-weight: 600;
color: #111;
}
.theme-shoptimizer .commercekit-wishlist a:hover {
color: #111;
}
.theme-shoptimizer .commercekit-wishlist a:hover span {
text-decoration: underline;
text-decoration-thickness: 0.5px;
text-underline-offset: 0.18em;
} .theme-shoptimizer .commercekit-wishlist.mini {
left: auto;
right: 15px;
} @media screen and (max-width: 600px) {
.theme-shoptimizer.m-grid-2 .commercekit-wishlist.mini {
top: 10px;
right: 10px;
}
} .rtl.theme-shoptimizer .commercekit-wishlist.mini {
left: 10px;
right: auto;
} .theme-shoptimizer li.menu-item .commercekit-wishlist.mini {
left: auto;
right: 10px;
} @media screen and (min-width: 993px) {
.theme-shoptimizer .commercekit-wishlist.mini {
right: 30px;
}
.rtl.theme-shoptimizer .commercekit-wishlist.mini {
left: 30px;
right: auto;
}
} @media (min-width: 993px) { body.sticky-d.theme-shoptimizer.header-4.single-product .header-4-container {
position: relative;
} body:not(.header-4).theme-shoptimizer.sticky-d.admin-bar.single-product .col-full-nav.is_stuck {
top: inherit;
} .theme-shoptimizer.sticky-d.single-product .logo-mark {
display: none;
} .theme-shoptimizer.sticky-d.single-product .is_stuck .primary-navigation.with-logo .menu-primary-menu-container {
margin-left: 0;
} .theme-shoptimizer .summary form.cart.commercekit_sticky-atc .commercekit-pdp-variation-table select {
width: calc(100% - 10px);
}
} ul.products li.product .cgkit-as-single-atc-wrap .button {
position: relative;
width: 100%;
} .commercekit-inventory + .woocommerce-product-details__short-description {
padding-top: 1px;
}
@media (max-width: 992px) {
#cgkit-mobile-commercekit-sticky-atc button,
.commercekit-pdp-before-form_wrapper span.price {
font-weight: bold;
}
} .commercekit-order-bump .ckobp-price, .commercekit-order-bump .ckobp-price ins { 
color: #DE9915; 
} #cgkit-waitlist-trigger { 
width: 100%;
padding: 13px 0;
text-decoration: none;
cursor: pointer;
background-color: #43454b;
color: #fff;
font-weight: 600;
border-radius: 6px;
transition: 0.2s background-color;
}
#cgkit-waitlist-trigger:hover { 
background-color: #111;
}
button.cgkit-sticky-waitlist-button,
li#cgkit-mobile-commercekit-sticky-atc button {
background: #43454b;
border-color: #43454b;
color: #fff;
border-radius: 4px;
}
li#cgkit-tab-commercekit-sticky-atc-title button {
font-weight: bold;
border-radius: 4px;
}
form.variations_form #cgkit-waitlist-button,
button.cgkit-sticky-waitlist-button {
display: none;
position: relative;
background: #43454b;
border-color: #43454b;
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: 0px;
text-transform: none;
float: left; width:
calc(100% - 95px);
height: 52px;
margin-left: 40px;
padding-top: 0;
padding-bottom: 0;
border-radius: 4px;
outline: 0;
line-height: 52px;
text-align: center;
transition: all .2s;
}
form.commercekit_sticky-atc button.cgkit-sticky-waitlist-button {
width: calc(100% - 95px);
height: 52px;
padding-top: 0;
padding-bottom: 0;
line-height: 52px;
} .size-guide-modal p,
.single-ckit_size_guide .entry-content p {
font-size: 15px;
margin-block-start: 0.5rem;
}
.size-guide-modal table,
.single-ckit_size_guide .entry-content table,
.commercekit-Tabs-panel--commercekit-sg table {
font-size: 14px; margin: 2.5em 0 0 0;
}
.single-ckit_size_guide .entry-content table thead,
.commercekit-Tabs-panel--commercekit-sg table thead {
border: none;
}
.size-guide-modal table th,
.single-ckit_size_guide .entry-content table th,
.commercekit-Tabs-panel--commercekit-sg table th {
background: #111; color: #fff;
}
.size-guide-modal table th,
.size-guide-modal table td,
.single-ckit_size_guide .entry-content table th,
.single-ckit_size_guide .entry-content table td,
.commercekit-Tabs-panel--commercekit-sg table th,
.commercekit-Tabs-panel--commercekit-sg table td {
padding: 0.8em 1.41575em;
border: none;
}
.size-guide-modal table td,
.single-ckit_size_guide .entry-content table td,
.commercekit-Tabs-panel--commercekit-sg table td {
background: #f8f8f8;
}
.size-guide-modal table tbody tr:nth-child(2n) td,
.single-ckit_size_guide .entry-content table tbody tr:nth-child(2n) td,
.commercekit-Tabs-panel--commercekit-sg table tbody tr:nth-child(2n) td {
background: 0 0;
}
.commercekit-Tabs-panel--commercekit-sg .wp-block-table td, .commercekit-Tabs-panel--commercekit-sg .wp-block-table th {
border: none;
}
@media (min-width: 771px) {
.cgkit-active.single-product:has(.cg-layout-vertical-left) .product-details-wrapper .ckit-badge_wrapper {
margin-left: 100px;
}
.rtl.cgkit-active.single-product:has(.cg-layout-vertical-left) .product-details-wrapper .ckit-badge_wrapper {
margin-right: 100px;
margin-left: 0;
}
.cgkit-active.single-product:has(.cgkit-single-gallery) .product-details-wrapper .ckit-badge_wrapper {
margin-left: 0px;
}
.rtl.cgkit-active.single-product:has(.cgkit-single-gallery) .product-details-wrapper .ckit-badge_wrapper {
margin-right: 0px;
margin-left: 0;
}
}input[type="checkbox"].cmplz-category { width: initial; -webkit-appearance: checkbox;}input[type="checkbox"].cmplz-category:checked::before { content: '';}.cmplz-cookiebanner { box-sizing: border-box;}:root { --cmplz_banner_width: 526px; --cmplz_banner_background_color: #0f0f0f; --cmplz_banner_border_color: #f2f2f2; --cmplz_banner_border_width: 0px 0px 0px 0px ; --cmplz_banner_border_radius: 12px 12px 12px 12px; --cmplz_banner_margin: 10px; --cmplz_categories-height: 163px; --cmplz_title_font_size: 15px; --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5); --cmplz_text_color: #ffffff; --cmplz_hyperlink_color: #c9a24a; --cmplz_text_font_size: 14px; --cmplz_link_font_size: 14px; --cmplz_category_body_font_size: 14px; --cmplz_button_accept_background_color: #c9a24a; --cmplz_button_accept_border_color: #c9a24a; --cmplz_button_accept_text_color: #000000; --cmplz_button_deny_background_color: #f9f9f9; --cmplz_button_deny_border_color: #c9a24a; --cmplz_button_deny_text_color: #222222; --cmplz_button_settings_background_color: #f9f9f9; --cmplz_button_settings_border_color: #c9a24a; --cmplz_button_settings_text_color: #c9a24a; --cmplz_button_border_radius: 8px 8px 8px 8px; --cmplz_button_font_size: 15px; --cmplz_category_header_always_active_color: green; --cmplz_category_header_title_font_size: 14px; --cmplz_category_header_active_font_size: 12px; --cmplz-manage-consent-height: 50px; --cmplz-manage-consent-offset: -35px; --cmplz_slider_active_color: #c9a24a; --cmplz_slider_inactive_color: #666666; --cmplz_slider_bullet_color: #ffffff;}body.cmplz-banner-active *:not(.cmplz-cookiebanner):not(.cmplz-cookiebanner *) { pointer-events: none !important; user-select: none !important;}.cmplz-cookiebanner * { pointer-events: auto !important; user-select: auto !important;}#cmplz-manage-consent .cmplz-manage-consent { margin: unset; z-index: 9998; color: var(--cmplz_text_color); background-color: var(--cmplz_banner_background_color); border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; line-height: initial; position: fixed; bottom: var(--cmplz-manage-consent-offset); min-width: 100px; height: var(--cmplz-manage-consent-height); right: 40px; padding: 15px; cursor: pointer; animation: mc_slideOut 0.5s forwards;}#cmplz-manage-consent .cmplz-manage-consent:active { outline: none; border: none;}#cmplz-manage-consent .cmplz-manage-consent.cmplz-dismissed { display: none;}#cmplz-manage-consent .cmplz-manage-consent:hover,#cmplz-manage-consent .cmplz-manage-consent:focus { animation: mc_slideIn 0.5s forwards; animation-delay: 0;}@-webkit-keyframes mc_slideIn { 100% { bottom: 0; }}@keyframes mc_slideIn { 100% { bottom: 0; }}@-webkit-keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@keyframes mc_slideOut { 100% { bottom: var(--cmplz-manage-consent-offset); }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: none; }}.cmplz-cookiebanner { max-height: calc(100vh - 20px); overflow-y: auto; position: fixed; height: auto; left: 50%; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); grid-template-rows: minmax(0, 1fr); z-index: 99999; background: var(--cmplz_banner_background_color);}.cmplz-cookiebanner a { transition: initial;}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn.tcf { display: none;}.cmplz-cookiebanner.cmplz-dismissed { display: none;}.cmplz-cookiebanner .cmplz-body { width: 100%; grid-column: span 3; overflow-y: auto; overflow-x: hidden; max-height: 55vh;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-track { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar { width: 5px; background-color: transparent;}.cmplz-cookiebanner .cmplz-body::-webkit-scrollbar-thumb { background-color: var(--cmplz_button_accept_background_color); border-radius: 10px;}@media (min-width: 350px) { .cmplz-cookiebanner .cmplz-body { min-width: 300px; }}@media (max-height: 400px) { .cmplz-cookiebanner { height: calc(100vh - 20px); display: flex; flex-direction: column; overflow: hidden; gap: 1px; grid-row-gap: 1px; padding: 7px 12px !important; zoom: 0.6; } .cmplz-cookiebanner .cmplz-body { flex: 1; min-height: 0; overflow-y: auto; max-height: none; margin-top: 15px !important; } .cmplz-cookiebanner .cmplz-header, .cmplz-cookiebanner .cmplz-divider, .cmplz-cookiebanner .cmplz-links, .cmplz-cookiebanner .cmplz-buttons, .cmplz-cookiebanner .cmplz-documents { flex-shrink: 0; } .cmplz-cookiebanner .cmplz-header { margin-bottom: 15px !important; max-height: 10px; } .cmplz-close { zoom: 0.6 !important; } .cmplz-cookiebanner .cmplz-buttons { gap: 1px !important; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 15vh !important; min-height: unset !important; padding: 0 !important; white-space: nowrap !important; font-size: 1.1rem !important; line-height: 14px !important; zoom: 0.5 !important; } .cmplz-cookiebanner .cmplz-documents, .cmplz-cookiebanner .cmplz-information { zoom: 0.5 !important; }}@media (max-height: 400px) and (max-width: 768px) { .cmplz-cookiebanner { gap: 1px; }}.cmplz-cookiebanner { border-style: solid; border-color: var(--cmplz_banner_border_color); border-width: var(--cmplz_banner_border_width); border-radius: var(--cmplz_banner_border_radius); padding: 15px 20px; display: grid; grid-gap: 10px;}.cmplz-cookiebanner .cmplz-divider { margin-left: -20px; margin-right: -20px;}.cmplz-cookiebanner .cmplz-header { grid-template-columns: 100px 1fr 100px; align-items: center; display: grid; grid-column: span 3;}@media (max-width: 399px) { .cmplz-cookiebanner .cmplz-header { grid-template-columns: auto 1fr auto; }}.cmplz-cookiebanner .cmplz-logo svg { max-height: 35px; width: inherit;}.cmplz-cookiebanner .cmplz-logo img { max-height: 40px; width: inherit;}.cmplz-cookiebanner .cmplz-title { justify-self: center; grid-column-start: 2; font-size: var(--cmplz_title_font_size); color: var(--cmplz_text_color); font-weight: 500;}.cmplz-cookiebanner .cmplz-close { line-height: 20px; justify-self: end; grid-column-start: 3; font-size: 20px; cursor: pointer; width: 20px; height: 20px; color: var(--cmplz_text_color);}.cmplz-cookiebanner .cmplz-close svg { width: 20px; height: 20px;}.cmplz-cookiebanner .cmplz-close:hover { text-decoration: none; line-height: initial; font-size: 18px;}.cmplz-cookiebanner .cmplz-message { word-wrap: break-word; font-size: var(--cmplz_text_font_size); line-height: var(--cmplz_text_line_height); color: var(--cmplz_text_color); margin-bottom: 5px;}.cmplz-cookiebanner .cmplz-message a { color: var(--cmplz_hyperlink_color);}.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-links,.cmplz-cookiebanner .cmplz-buttons,.cmplz-cookiebanner .cmplz-divider { grid-column: span 3;}.cmplz-cookiebanner .cmplz-categories.cmplz-tcf .cmplz-category .cmplz-category-header { grid-template-columns: 1fr auto;}.cmplz-cookiebanner .cmplz-categories .cmplz-category { background-color: rgba(239, 239, 239, 0.5);}.cmplz-cookiebanner .cmplz-categories .cmplz-category:not(:last-child) { margin-bottom: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header { display: grid; grid-template-columns: 1fr auto 15px; grid-template-rows: minmax(0, 1fr); align-items: center; grid-gap: 10px; padding: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title { font-weight: 500; grid-column-start: 1; justify-self: start; font-size: var(--cmplz_category_header_title_font_size); color: var(--cmplz_text_color); margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active { font-size: var(--cmplz_category_header_active_font_size); font-weight: 500; color: var(--cmplz_category_header_always_active_color);}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox { display: flex; align-items: center; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox input[data-category=cmplz_functional] { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open { cursor: pointer; content: ''; transform: rotate(0deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background-size: cover; height: 18px; width: 18px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description { font-size: var(--cmplz_category_body_font_size); color: var(--cmplz_text_color); margin: 0; max-width: 100%; padding: 10px;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-category .cmplz-category-header { grid-template-columns: 1fr!important; }}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-message { margin-right: 5px; }}.cmplz-cookiebanner .cmplz-buttons { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-height: 45px; padding: 10px; margin: initial; width: 100%; white-space: nowrap; border-radius: var(--cmplz_button_border_radius); cursor: pointer; font-size: var(--cmplz_button_font_size); font-weight: 500; text-decoration: none; line-height: 20px; text-align: center; flex: initial;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn:hover { text-decoration: none;}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { background-color: var(--cmplz_button_accept_background_color); border: 1px solid var(--cmplz_button_accept_border_color); color: var(--cmplz_button_accept_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { background-color: var(--cmplz_button_deny_background_color); border: 1px solid var(--cmplz_button_deny_border_color); color: var(--cmplz_button_deny_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-manage-options { background-color: var(--cmplz_button_settings_background_color); border: 1px solid var(--cmplz_button_settings_border_color); color: var(--cmplz_button_settings_text_color);}.cmplz-cookiebanner .cmplz-buttons a.cmplz-btn { display: flex; align-items: center; justify-content: center; padding: initial;}@media (max-width: 425px) { .cmplz-cookiebanner .cmplz-links.cmplz-information { display: initial; text-align: center; }}.cmplz-cookiebanner .cmplz-links { display: flex; gap: var(--cmplz_banner_margin);}.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: space-between;}.cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-content: center;}.cmplz-cookiebanner .cmplz-links .cmplz-link { color: var(--cmplz_hyperlink_color); font-size: var(--cmplz_link_font_size); text-decoration: underline; margin: 0;}.cmplz-cookiebanner .cmplz-links .cmplz-link.cmplz-read-more-purposes { display: none;}.cmplz-cookiebanner .cmplz-links ul { margin: 0; padding: 0; list-style: none; display: flex; gap: var(--cmplz_banner_margin); justify-content: center;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: none;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: block;}.cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-toggle { background: none; border: none; padding: 0; margin: 0; cursor: pointer; grid-column-start: 3; display: flex; align-items: center; justify-content: center; color: inherit;}.cmplz-categories .cmplz-category .cmplz-category-toggle[aria-expanded="true"] .cmplz-icon.cmplz-open { transform: rotate(180deg);}@media (min-width: 768px) { .cmplz-cookiebanner { min-width: var(--cmplz_banner_width); max-width: 100%; display: grid; grid-row-gap: 10px; }}@media (max-width: 768px) { .cmplz-cookiebanner { width: 100%; gap: 1px; } .cmplz-cookiebanner .cmplz-buttons { flex-direction: column; }}@media (min-width: 769px) { .cmplz-message, .cmplz-categories { width: calc(var(--cmplz_banner_width) - 42px); }}.cmplz-cookiebanner .cmplz-categories,.cmplz-cookiebanner .cmplz-save-preferences,.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,.cmplz-cookiebanner .cmplz-manage-vendors,.cmplz-cookiebanner .cmplz-read-more,.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options { display: none;}.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in { animation: fadeIn 1s; -webkit-animation: fadeIn 1s; -moz-animation: fadeIn 1s; -o-animation: fadeIn 1s; -ms-animation: fadeIn 1s; display: block;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none;}.cmplz-cookiebanner { animation: fadeIn 2s; -webkit-animation: fadeIn 2s; -moz-animation: fadeIn 2s; -o-animation: fadeIn 2s; -ms-animation: fadeIn 2s;}@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}@-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; }}.cmplz-cookiebanner .cmplz-preferences,.cmplz-manage-consent-container .cmplz-preferences { display: none;}@media (max-width: 768px) { #cmplz-manage-consent .cmplz-manage-consent { display: none; }}.cmplz-cookiebanner .cmplz-close { display: none;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox { position: relative;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox { opacity: 0; margin: 0; margin-top: -10px; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; position: absolute; z-index: 1; top: 0px; left: 0px; width: 40px; height: 20px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label:before { box-shadow: 0 0 0 2px #245fcc;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label::before { display: block; background-color: var(--cmplz_slider_active_color); content: ""; padding-left: 6px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:checked + .cmplz-label:after { left: 14px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label { position: relative; padding-left: 30px; margin: 0;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before,.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { box-sizing: border-box; position: absolute; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transition: background-color 0.3s, left 0.3s;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:before { display: block; content: ""; color: #fff; box-sizing: border-box; font-family: 'FontAwesome', sans-serif; padding-left: 23px; font-size: 12px; line-height: 20px; background-color: var(--cmplz_slider_inactive_color); left: 0px; top: -7px; height: 15px; width: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox .cmplz-label:after { display: block; content: ""; letter-spacing: 20px; background: var(--cmplz_slider_bullet_color); left: 4px; top: -5px; height: 11px; width: 11px;}.cmplz-cookiebanner { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}#cmplz-manage-consent .cmplz-manage-consent { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show { box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;}.cmplz-cookiebanner.cmplz-show:hover { transition-duration: 1s; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}.cmplz-categories .cmplz-category .cmplz-description-statistics-anonymous { display: block;}.cmplz-categories .cmplz-category .cmplz-description-statistics { display: none;} .wpforms-recaptcha-container { position: relative !important; } div.wpforms-container-full .wpforms-form .cmplz-accept-marketing { background: grey; } .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { max-width: initial !important; height: 80px !important; margin-bottom: 20px; } @media only screen and (max-width: 400px) { .cmplz-blocked-content-container.recaptcha-invisible, .cmplz-blocked-content-container.g-recaptcha { height: 100px !important } } .cmplz-blocked-content-container.recaptcha-invisible .cmplz-blocked-content-notice, .cmplz-blocked-content-container.g-recaptcha .cmplz-blocked-content-notice { max-width: initial; padding: 7px; } .cmplz-placeholder-element > blockquote.fb-xfbml-parse-ignore { margin: 0 20px; } .instagram-media.cmplz-placeholder-element > div { max-width: 100%; }