Hilfezentrum
<p bis_size="{"x":12,"y":16,"w":561,"h":0,"abs_x":300,"abs_y":276}"><meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"></p>
<style>
* {
Rand: 0;
Padding: 0;
box-sizing: border-box;
}
Körper {
Hintergrund: #f5f5f5;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
Mindesthöhe: 100vh;
}
.help-container {
max-width: 1400px;
Rand: 0 automatisch;
Innenabstand: 60px 20px;
}
.help-title {
text-align: center;
Schriftgröße: 56px;
Schriftstärke: 300;
Farbe: #1a1a1a;
margin-bottom: 80px;
Buchstabenabstand: -0,5px;
}
/* Servicekarten-Bereich */
.services-section {
margin-bottom: 80px;
}
.services-grid {
Anzeige: Raster;
grid-template-columns: repeat(3, 1fr);
Abstand: 40px;
max-width: 1200px;
Rand: 0 automatisch;
}
.service-card {
Hintergrund: #d6dff0;
border-radius: 20px;
Innenabstand: 60px 40px;
text-align: center;
Textdekoration: keine;
Farbe: erben;
Anzeige: Flex;
Flex-Richtung: Spalte;
align-items: zentriert;
justify-content: zentriert;
Mindesthöhe: 320px;
Übergang: alle 0,3 Sekunden Leichtigkeit;
Cursor: Zeiger;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}
.service-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
Hintergrund: #c8d5ec;
}
.service-card h3 {
Schriftgröße: 36px;
Schriftstärke: 400;
margin-bottom: 40px;
Farbe: #1a1a1a;
Buchstabenabstand: -0,5px;
Zeilenhöhe: 1,2;
}
.service-icon {
Breite: 100px;
Höhe: 100px;
Anzeige: Flex;
align-items: zentriert;
justify-content: zentriert;
}
.service-icon svg {
Breite: 100%;
Höhe: 100%;
}
/* FAQ-Bereich */
.faq-section {
margin-bottom: 80px;
}
.faq-title {
Schriftgröße: 42px;
Schriftstärke: 400;
margin-bottom: 60px;
Farbe: #1a1a1a;
text-align: center;
Buchstabenabstand: -0,5px;
}
.faq-container {
max-width: 1000px;
Rand: 0 automatisch;
Hintergrund: weiß;
border-radius: 20px;
Innenabstand: 40px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.faq-item {
border-bottom: 1px solid #e5e5e5;
unterer Rand: 0;
}
.faq-item:last-child {
border-bottom: none;
}
.faq-question {
Breite: 100%;
Hintergrund: keiner;
Rahmen: keiner;
Textausrichtung: links;
padding: 30px 0;
Cursor: Zeiger;
Anzeige: Flex;
justify-content: space-between;
align-items: zentriert;
Schriftgröße: 18px;
Schriftstärke: 500;
Farbe: #333;
Übergang: Farbe 0,3s Leichtigkeit;
}
.faq-question:hover {
Farbe: #000;
}
.faq-arrow {
Übergang: Transformation 0,3s ease;
Schriftgröße: 16px;
Farbe: #999;
}
.faq-item.active .faq-arrow {
transform: rotate(180deg);
}
.faq-answer {
Anzeige: keine;
padding: 0 0 30px 0;
Schriftgröße: 16px;
Farbe: #666;
Zeilenhöhe: 1,6;
}
.faq-item.active .faq-answer {
Anzeige: Block;
}
/* Kontaktbereich */
.contact-section {
text-align: center;
Hintergrund: weiß;
border-radius: 20px;
Innenabstand: 60px 40px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.contact-title {
Schriftgröße: 42px;
Schriftstärke: 400;
margin-bottom: 20px;
Farbe: #1a1a1a;
Buchstabenabstand: -0,5px;
}
.contact-subtitle {
Schriftgröße: 18px;
Farbe: #666;
margin-bottom: 50px;
}
.contact-info {
Anzeige: Flex;
justify-content: zentriert;
align-items: zentriert;
Abstand: 60px;
flex-wrap: umwickeln;
}
.contact-method {
Schriftgröße: 18px;
Farbe: #333;
Anzeige: Flex;
align-items: zentriert;
Abstand: 12px;
}
.chat-trigger {
Farbe: #0066cc;
Cursor: Zeiger;
Textdekoration: keine;
Übergang: Farbe 0,3s Leichtigkeit;
Schriftstärke: 500;
}
.chat-trigger:hover {
Farbe: #0052a3;
text-decoration: underline;
}
/* Chat-Popup-Stile */
.chat-popup {
Anzeige: keine;
Position: fest;
unten: 20px;
rechts: 20px;
Breite: 380px;
Höhe: 500px;
Hintergrund: #fff;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0,0,0,0.15);
z-Index: 1000;
Überlauf: versteckt;
Animation: slideUp 0.3s ease;
}
.chat-popup.active {
Anzeige: Flex;
Flex-Richtung: Spalte;
}
@keyframes slideUp {
aus {
transform: translateY(100%);
Deckkraft: 0;
}
Zu {
transform: translateY(0);
Deckkraft: 1;
}
}
.chat-header {
Hintergrund: #1a1a1a;
Farbe: #ffd700;
Innenabstand: 20px;
Anzeige: Flex;
justify-content: space-between;
align-items: zentriert;
}
.chat-header-title {
Schriftgröße: 18px;
Schriftstärke: 500;
Anzeige: Flex;
align-items: zentriert;
Abstand: 10px;
}
.chat-close {
Hintergrund: keiner;
Rahmen: keiner;
Farbe: #ffd700;
Schriftgröße: 24px;
Cursor: Zeiger;
Padding: 0;
Breite: 30px;
Höhe: 30px;
Anzeige: Flex;
align-items: zentriert;
justify-content: zentriert;
border-radius: 50%;
Übergang: Hintergrund 0,3s sanft;
}
.chat-close:hover {
Hintergrund: rgba(255, 215, 0, 0.1);
}
.chat-body {
flex: 1;
Innenabstand: 20px;
overflow-y: auto;
Hintergrund: #f9f9f9;
}
.chat-messages {
Anzeige: Flex;
Flex-Richtung: Spalte;
Abstand: 15px;
}
.Nachricht {
max-width: 70%;
Innenabstand: 10px 15px;
border-radius: 18px;
Schriftgröße: 14px;
Zeilenhöhe: 1,4;
}
.message.support {
Hintergrund: #e9e9e9;
Farbe: #333;
align-self: flex-start;
}
.message.user {
Hintergrund: #1a1a1a;
Farbe: #ffd700;
align-self: flex-end;
}
.message-time {
Schriftgröße: 11px;
Farbe: #999;
margin-top: 5px;
}
.chat-input-container {
Innenabstand: 15px;
Hintergrund: #fff;
border-top: 1px solid #e5e5e5;
Anzeige: Flex;
Abstand: 10px;
}
.chat-input {
flex: 1;
Innenabstand: 10px 15px;
Rahmen: 1px durchgezogen #e5e5e5;
border-radius: 20px;
Schriftgröße: 14px;
Umriss: keiner;
Schriftart: erben;
}
.chat-input:focus {
Rahmenfarbe: #1a1a1a;
}
.chat-send {
Hintergrund: #1a1a1a;
Farbe: #ffd700;
Rahmen: keiner;
border-radius: 50%;
Breite: 40px;
Höhe: 40px;
Anzeige: Flex;
align-items: zentriert;
justify-content: zentriert;
Cursor: Zeiger;
Übergang: alle 0,3 Sekunden Leichtigkeit;
}
.chat-send:hover {
Hintergrund: #333;
transform: scale(1.1);
}
@media (max-width: 992px) {
.services-grid {
grid-template-columns: 1fr;
Abstand: 30px;
}
.service-card {
Mindesthöhe: 250px;
}
.help-title {
Schriftgröße: 42px;
}
.faq-title,
.contact-title {
Schriftgröße: 32px;
}
}
@media (max-width: 768px) {
.help-title {
Schriftgröße: 36px;
margin-bottom: 50px;
}
.help-container {
Innenabstand: 40px 15px;
}
.faq-container,
.contact-section {
Innenabstand: 30px 20px;
}
.service-card {
Innenabstand: 40px 30px;
}
.service-card h3 {
Schriftgröße: 28px;
}
.contact-info {
Flex-Richtung: Spalte;
Abstand: 30px;
}
.chat-popup {
Breite: calc(100% - 20px);
rechts: 10px;
links: 10px;
unten: 10px;
}
.faq-title,
.contact-title {
Schriftgröße: 28px;
}
}
</style>
<div class="help-container" bis_size="{"x":12,"y":16,"w":561,"h":1935,"abs_x":300,"abs_y":276}"><!-- Service Cards Section -->
<div class="services-section" bis_size="{"x":27,"y":56,"w":531,"h":854,"abs_x":315,"abs_y":316}">
<div class="services-grid" bis_size="{"x":27,"y":56,"w":531,"h":854,"abs_x":315,"abs_y":316}"><a class="service-card" href="https://myrlune.com/apps/track-your-order" bis_size="{"x":27,"y":56,"w":531,"h":253,"abs_x":315,"abs_y":316}">
<h3 bis_size="{"x":224,"y":96,"w":136,"h":33,"abs_x":512,"abs_y":356}">Bestellung verfolgen</h3>
<div class="service-icon" bis_size="{"x":242,"y":169,"w":100,"h":100,"abs_x":530,"abs_y":429}"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100" bis_size="{"x":242,"y":169,"w":100,"h":100,"abs_x":530,"abs_y":429}">
<rect fill="#F5E6D3" stroke-width="2" stroke="#8B6635" rx="4" height="35" width="50" y="35" x="20"></rect>
<path stroke-width="2" stroke="#8B6635" d="M70 52.5H80L85 45V62.5H70"></path>
<circle fill="#8B6635" stroke-width="2" stroke="#8B6635" r="4" cy="75" cx="32"></circle>
<circle fill="#8B6635" stroke-width="2" stroke="#8B6635" r="4" cy="75" cx="73"></circle>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="#8B6635" d="M25 45L30 50L40 40"></path>
<circle fill="#D4A574" r="3" cy="25" cx="30"></circle>
<path stroke-linecap="round" stroke-width="2" stroke="#D4A574" d="M33 25L45 25"></path>
<circle stroke-dasharray="2 2" fill="none" stroke-width="1.5" stroke="#D4A574" r="8" cy="25" cx="30"></circle>
</svg></div>
</a><a class="service-card" href="https://myrlune.com/apps/return_prime" bis_size="{"x":27,"y":339,"w":531,"h":253,"abs_x":315,"abs_y":599}">
<h3 bis_size="{"x":215,"y":379,"w":154,"h":33,"abs_x":503,"abs_y":639}">Rückgabe</h3>
<div class="service-icon" bis_size="{"x":242,"y":453,"w":100,"h":100,"abs_x":530,"abs_y":713}"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100" bis_size="{"x":242,"y":453,"w":100,"h":100,"abs_x":530,"abs_y":713}">
<circle fill="none" stroke-width="2" stroke="#8B6635" r="25" cy="50" cx="50"></circle>
<path stroke-linecap="round" stroke-width="2" stroke="#8B6635" d="M35 50C35 50 35 35 50 35C65 35 65 50 65 50"></path>
<path stroke-linejoin="round" stroke-linecap="round" stroke-width="2" stroke="#8B6635" d="M40 45L35 50L30 45"></path>
<circle stroke-dasharray="4 3" fill="none" stroke-width="1.5" stroke="#D4A574" r="20" cy="50" cx="50"></circle>
</svg></div>
</a><a class="service-card" href="/de/pages/contact" bis_size="{"x":27,"y":615,"w":531,"h":287,"abs_x":315,"abs_y":875}">
<h3 bis_size="{"x":225,"y":655,"w":135,"h":67,"abs_x":513,"abs_y":915}">Bericht<br bis_size="{"x":332,"y":653,"w":0,"h":37,"abs_x":620,"abs_y":913}">Auftragsproblem</h3>
<div class="service-icon" bis_size="{"x":242,"y":762,"w":100,"h":100,"abs_x":530,"abs_y":1022}"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100" bis_size="{"x":242,"y":762,"w":100,"h":100,"abs_x":530,"abs_y":1022}">
<rect fill="#F5E6D3" stroke-width="2" stroke="#8B6635" rx="3" height="50" width="40" y="25" x="30"></rect>
<line stroke-linecap="round" stroke-width="2" stroke="#8B6635" y2="35" x2="62" y1="35" x1="38"></line>
<line stroke-linecap="round" stroke-width="2" stroke="#8B6635" y2="45" x2="62" y1="45" x1="38"></line>
<line stroke-linecap="round" stroke-width="2" stroke="#8B6635" y2="55" x2="52" y1="55" x1="38"></line>
<rect stroke-dasharray="3 2" fill="none" stroke-width="1.5" stroke="#D4A574" rx="2" height="40" width="30" y="30" x="35"></rect>
</svg></div>
</a></div>
</div>
<!-- FAQ-Bereich -->
<div class="faq-section" bis_size="{"x":27,"y":990,"w":531,"h":566,"abs_x":315,"abs_y":1250}">
<h2 class="faq-title" bis_size="{"x":27,"y":990,"w":531,"h":39,"abs_x":315,"abs_y":1250}">Häufig gestellte Fragen</h2>
<div class="faq-container" bis_size="{"x":27,"y":1089,"w":531,"h":467,"abs_x":315,"abs_y":1349}">
<div class="faq-item" bis_size="{"x":47,"y":1119,"w":491,"h":81,"abs_x":335,"abs_y":1379}"><button class="faq-question" bis_size="{"x":47,"y":1119,"w":491,"h":80,"abs_x":335,"abs_y":1379}"> <span bis_size="{"x":47,"y":1149,"w":240,"h":20,"abs_x":335,"abs_y":1409}">Wie lange dauert der Versand?</span> <span class="faq-arrow" bis_size="{"x":522,"y":1150,"w":15,"h":18,"abs_x":810,"abs_y":1410}">▼</span> </button>
<div class="faq-answer" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">Der Standardversand innerhalb der USA dauert in der Regel 5–7 Werktage. Expressversand ist für 2–3 Werktage verfügbar. Internationale Bestellungen können je nach Standort 10–15 Werktage dauern. Alle Bestellungen werden innerhalb von 1–2 Werktagen vor dem Versand bearbeitet.</div>
</div>
<div class="faq-item" bis_size="{"x":47,"y":1201,"w":491,"h":81,"abs_x":335,"abs_y":1461}"><button class="faq-question" bis_size="{"x":47,"y":1201,"w":491,"h":80,"abs_x":335,"abs_y":1461}"> <span bis_size="{"x":47,"y":1231,"w":213,"h":20,"abs_x":335,"abs_y":1491}">Wie lauten Ihre Rückgabebedingungen?</span> <span class="faq-arrow" bis_size="{"x":522,"y":1232,"w":15,"h":18,"abs_x":810,"abs_y":1492}">▼</span> </button>
Wir bieten ein 30-tägiges Rückgaberecht für alle ungetragenen Artikel im Originalzustand mit Etiketten und Verpackung. Starten Sie einfach eine Rücksendung über unser Retourenportal. Wir stellen Ihnen dann ein vorfrankiertes Versandetikett zur Verfügung. Die Rückerstattung erfolgt innerhalb von 5–7 Werktagen nach Eingang Ihrer Rücksendung.
</div>
<div class="faq-item" bis_size="{"x":47,"y":1282,"w":491,"h":81,"abs_x":335,"abs_y":1542}"><button class="faq-question" bis_size="{"x":47,"y":1282,"w":491,"h":80,"abs_x":335,"abs_y":1542}"> <span bis_size="{"x":47,"y":1312,"w":237,"h":20,"abs_x":335,"abs_y":1572}">Wie pflege ich meinen Schmuck?</span> <span class="faq-arrow" bis_size="{"x":522,"y":1314,"w":15,"h":18,"abs_x":810,"abs_y":1574}">▼</span> </button>
Bewahren Sie Ihren Schmuck in einzelnen weichen Beuteln oder gefütterten Schmuckkästchen auf, um Kratzer zu vermeiden. Reinigen Sie ihn vorsichtig mit einem weichen, fusselfreien Tuch. Für eine gründlichere Reinigung verwenden Sie milde Seife und warmes Wasser und trocknen Sie ihn anschließend vollständig ab. Vermeiden Sie Parfüm, Lotionen, Chlor und aggressive Chemikalien. Legen Sie Ihren Schmuck vor dem Schwimmen, Sport oder Schlafen ab.
</div>
<div class="faq-item" bis_size="{"x":47,"y":1364,"w":491,"h":81,"abs_x":335,"abs_y":1624}"><button class="faq-question" bis_size="{"x":47,"y":1364,"w":491,"h":80,"abs_x":335,"abs_y":1624}"> <span Bieten Sie internationalen Versand an?
<div class="faq-answer" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">Ja, wir versenden weltweit in über 50 Länder! Die internationalen Versandkosten und Lieferzeiten werden an der Kasse anhand Ihres Standorts berechnet. Internationale Kunden sind für eventuell anfallende Zollgebühren, Steuern oder sonstige Gebühren verantwortlich. Bestellungen über 150 $ qualifizieren sich für kostenlosen internationalen Versand in ausgewählte Länder.</div>
</div>
<div class="faq-item" bis_size="{"x":47,"y":1446,"w":491,"h":80,"abs_x":335,"abs_y":1706}"><button class="faq-question" bis_size="{"x":47,"y":1446,"w":491,"h":80,"abs_x":335,"abs_y":1706}"> <span bis_size="{"x":47,"y":1476,"w":273,"h":20,"abs_x":335,"abs_y":1736}">Was ist, wenn mein Artikel beschädigt ankommt?</span> <span class="faq-arrow" bis_size="{"x":522,"y":1477,"w":15,"h":18,"abs_x":810,"abs_y":1737}">▼</span> </button>
<div class="faq-answer" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">Sollte Ihr Artikel beschädigt oder defekt ankommen, kontaktieren Sie uns bitte umgehend innerhalb von 48 Stunden und senden Sie uns Fotos des Problems. Wir veranlassen dann kostenlos einen Ersatz oder eine vollständige Rückerstattung. Sie erhalten von uns ein vorfrankiertes Rücksendeetikett und wir senden Ihnen umgehend einen Ersatz.</div>
</div>
</div>
</div>
<!-- Kontaktbereich -->
<div class="contact-section" bis_size="{"x":27,"y":1636,"w":531,"h":274,"abs_x":315,"abs_y":1896}">
<h2 class="contact-title" bis_size="{"x":47,"y":1666,"w":491,"h":39,"abs_x":335,"abs_y":1926}">Benötigen Sie noch Hilfe?</h2>
<p class="contact-subtitle" bis_size="{"x":47,"y":1726,"w":491,"h":25,"abs_x":335,"abs_y":1986}">Unser Kundenservice-Team hilft Ihnen gerne weiter.</p>
<div class="contact-info" bis_size="{"x":47,"y":1801,"w":491,"h":80,"abs_x":335,"abs_y":2061}">
<div class="contact-method" bis_size="{"x":184,"y":1801,"w":216,"h":25,"abs_x":472,"abs_y":2061}">📧 myrlune.co@gmail.com</div>
<div class="contact-method" bis_size="{"x":101,"y":1856,"w":382,"h":25,"abs_x":389,"abs_y":2116}"><strong bis_size="{"x":101,"y":1856,"w":115,"h":25,"abs_x":389,"abs_y":2116}">Chatten Sie mit uns:</strong> <span bis_size="{"x":229,"y":1856,"w":254,"h":25,"abs_x":517,"abs_y":2116}">Klicken Sie auf die Sprechblase, um zu starten</span></div>
</div>
</div>
</div>
<!-- Chat-Popup -->
<div id="chatPopup" class="chat-popup" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">
<div class="chat-header" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">
<div class="chat-header-title" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}"><span bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">← </span> <span bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">MYRLUNE JEWELRY</span></div>
<button class="chat-close" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">×</button></div>
<div class="chat-body" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">
<div id="chatMessages" class="chat-messages" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">
<div class="message support" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">
<div bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">Hallo! Willkommen beim Kundenservice von Myrlune Jewelry. Wie kann ich Ihnen heute helfen?</div>
<div class="message-time" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">20:39 Uhr</div>
</div>
</div>
</div>
<div class="chat-input-container" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}"><input type="text" class="chat-input" id="chatInput" placeholder="Nachricht schreiben" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}"> <button class="chat-send" bis_size="{"x":0,"y":1100,"w":0,"h":0,"abs_x":288,"abs_y":1360}">➤</button></div>
</div>
<p bis_size="{"x":12,"y":1951,"w":561,"h":0,"abs_x":300,"abs_y":2211}"> </p>