:root { --page-bg: #f4f6fb; --surface: #ffffff; --text: #182033; --muted: #626d82; --border: #dfe5f0; --accent: #1e306e; --accent-dark: #13214f; --accent-soft: #edf1ff; --success-soft: #eef8f3; --success-border: #cbe7d7; --success-text: #22533a; --shadow: 0 18px 48px rgba(22, 35, 74, 0.10); --radius-lg: 24px; --radius-md: 14px; --content-width: 1040px; } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--page-bg); color: var(--text); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a { color: var(--accent); text-decoration-thickness: 1px; text-underline-offset: 3px; } a:hover { color: var(--accent-dark); } .site-header { background: radial-gradient(circle at top right, rgba(255,255,255,0.18), transparent 34%), linear-gradient(135deg, var(--accent-dark), var(--accent)); color: #fff; padding: 76px 24px 68px; } .header-inner { width: min(100%, var(--content-width)); margin: 0 auto; } .eyebrow { display: inline-flex; align-items: center; min-height: 34px; margin: 0 0 20px; padding: 7px 13px; border: 1px solid rgba(255,255,255,0.26); border-radius: 999px; background: rgba(255,255,255,0.09); color: rgba(255,255,255,0.92); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; } h1 { max-width: 780px; margin: 0; color: #fff; font-size: clamp(2.6rem, 7vw, 5.2rem); line-height: 1.02; letter-spacing: -0.055em; } .header-summary { max-width: 720px; margin: 24px 0 0; color: rgba(255,255,255,0.78); font-size: clamp(1rem, 2vw, 1.17rem); } .page-shell { width: min(calc(100% - 32px), var(--content-width)); margin: -28px auto 64px; position: relative; z-index: 2; } .contact-panel { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow); } .intro { padding: clamp(28px, 5vw, 52px); border-bottom: 1px solid var(--border); background: linear-gradient(180deg, #fff 0%, #fafbff 100%); } .intro p { max-width: 760px; margin: 0; color: var(--muted); font-size: 1.04rem; } .contact-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: clamp(28px, 5vw, 52px); border-bottom: 1px solid var(--border); } .contact-card { min-height: 180px; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; } .card-label { display: block; margin-bottom: 10px; color: var(--muted); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.10em; text-transform: uppercase; } .card-value { display: block; color: var(--accent-dark); font-size: 1.18rem; font-weight: 800; line-height: 1.35; } .card-detail { display: block; margin-top: 10px; color: var(--muted); font-size: 0.93rem; line-height: 1.55; } .support-section { padding: clamp(28px, 5vw, 52px); border-bottom: 1px solid var(--border); } h2 { margin: 0 0 18px; font-size: clamp(1.5rem, 3vw, 2.1rem); line-height: 1.18; letter-spacing: -0.03em; } .hours { display: grid; gap: 12px; margin-top: 22px; } .hours-row { display: grid; grid-template-columns: 190px 1fr; gap: 18px; padding: 15px 0; border-bottom: 1px solid var(--border); } .hours-row:last-child { border-bottom: 0; } .hours-day { font-weight: 800; color: var(--accent-dark); } .hours-time { color: var(--muted); } .response-box { margin-top: 24px; padding: 18px 20px; border: 1px solid var(--success-border); border-radius: var(--radius-md); background: var(--success-soft); color: var(--success-text); } .help-section { padding: clamp(28px, 5vw, 52px); } .help-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; margin: 18px 0 0; padding: 0; list-style: none; } .help-list li { position: relative; padding-left: 20px; color: var(--muted); } .help-list li::before { content: ""; position: absolute; left: 0; top: 0.75em; width: 7px; height: 7px; border-radius: 50%; background: var(--accent); } .page-footer { width: min(calc(100% - 32px), var(--content-width)); margin: 0 auto; padding: 0 0 56px; text-align: center; color: var(--muted); font-size: 0.87rem; } @media (max-width: 760px) { .site-header { padding: 56px 20px 52px; } .page-shell { width: min(calc(100% - 24px), var(--content-width)); margin-top: -20px; } .contact-grid, .help-list { grid-template-columns: 1fr; } .hours-row { grid-template-columns: 1fr; gap: 4px; } } @media print { body { background: #fff; font-size: 11pt; } .site-header { padding: 28px 0; background: #fff !important; } .header-inner, .page-shell, .page-footer { width: 100%; } h1, .header-summary { color: #000; } .eyebrow, .page-footer { display: none; } .page-shell { margin: 0; } .contact-panel { border: 0; box-shadow: none; } }

Kontaktieren Sie uns über die unten angegebenen Kanäle. Geben Sie bei Fragen zu einer Bestellung nach Möglichkeit Ihre Bestellnummer an, damit wir Ihre Anfrage schneller bearbeiten können.

Kundenservicezeiten

Damit wir Ihnen schneller helfen können

• Geben Sie Ihre Bestellnummer an.
• Verwenden Sie die E-Mail-Adresse Ihrer Bestellung.
• Beschreiben Sie das Anliegen möglichst genau.
• Fügen Sie bei Schäden oder Falschlieferungen Fotos bei.
• Nennen Sie bei Lieferproblemen die Sendungsnummer.
• Senden Sie niemals vollständige Kartendaten per E-Mail.

© 2026 Veloriakids.me. Alle Rechte vorbehalten.