OVER ONS
<section class="dr-about">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;1,400;1,500&display=swap" rel="stylesheet">
<!-- ========== DR PAGE-TEMPLATE RESET ========== -->
<style>
body:has(.dr-about) .main-page-title, body:has(.dr-about) h1.page-title, body:has(.dr-about) .page-title,
body:has(.dr-warranty) .main-page-title, body:has(.dr-warranty) h1.page-title,
body:has(.dr-shipping) .main-page-title, body:has(.dr-shipping) h1.page-title,
body:has(.dr-return-pg) .main-page-title, body:has(.dr-return-pg) h1.page-title,
body:has(.dr-faq-pg) .main-page-title, body:has(.dr-faq-pg) h1.page-title,
body:has(.dr-contact) .main-page-title, body:has(.dr-contact) h1.page-title { display: none !important; }
body:has(.dr-about) [class*="section-template"][class*="__main-padding"],
body:has(.dr-warranty) [class*="section-template"][class*="__main-padding"],
body:has(.dr-shipping) [class*="section-template"][class*="__main-padding"],
body:has(.dr-return-pg) [class*="section-template"][class*="__main-padding"],
body:has(.dr-faq-pg) [class*="section-template"][class*="__main-padding"],
body:has(.dr-contact) [class*="section-template"][class*="__main-padding"] { padding-top: 0 !important; padding-bottom: 0 !important; }
</style>
<script>
(function(){
try {
var markers = ['.dr-about','.dr-warranty','.dr-shipping','.dr-return-pg','.dr-faq-pg','.dr-contact'];
if (!markers.some(function(s){return document.querySelector(s);})) return;
['.main-page-title','h1.page-title','.page-title'].forEach(function(sel){
document.querySelectorAll(sel).forEach(function(el){ el.style.display='none'; });
});
document.querySelectorAll('[class*="section-template"][class*="__main-padding"]').forEach(function(el){
el.style.paddingTop='0'; el.style.paddingBottom='0';
});
} catch(e){}
})();
</script>
<style>
.dr-about *, .dr-about *::before, .dr-about *::after { box-sizing: border-box; }
.dr-about {
--dr-ink:#121212; --dr-ink-soft:#3a3a3a; --dr-bg:#FFFFFF; --dr-bg-alt:#F3F3F3; --dr-line:#E6E6E6; --dr-gold:#C7BBA6; --dr-gold-dark:#927E5C; --dr-inverse:#0F0F0F;
font-family: Inter, sans-serif; color: var(--dr-ink); background: var(--dr-bg); line-height:1.55; font-weight:500;
width: 100vw !important; max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important;
position: relative; overflow-x: hidden;
}
.dr-about .dr-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.dr-about .dr-wrap-narrow { max-width: 900px; margin: 0 auto; padding: 0 24px; }
.dr-about h1, .dr-about h2, .dr-about h3 { font-family: Inter, sans-serif; font-weight: 800; letter-spacing: -0.5px; line-height: 1.1; margin:0; }
.dr-about p { margin: 0; }
.dr-about .dr-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:12px; letter-spacing:2.5px; font-weight:700; text-transform:uppercase; color:var(--dr-gold-dark); }
.dr-about .dr-eyebrow::before { content:""; width:28px; height:1px; background:var(--dr-gold-dark); display:inline-block; }
.dr-about .dr-eyebrow.on-dark { color: var(--dr-gold); }
.dr-about .dr-eyebrow.on-dark::before { background: var(--dr-gold); }
.dr-about .dr-btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding: 17px 30px; font-family: Inter, sans-serif; font-weight:700; font-size: 13px; letter-spacing:2px; text-transform:uppercase; text-decoration:none; border-radius:4px; border:1px solid transparent; transition: transform .15s ease, background .2s ease, color .2s ease; cursor:pointer; }
.dr-about .dr-btn-primary { background: #FFFFFF; color:#121212; }
.dr-about .dr-btn-primary:hover { background: var(--dr-gold); color:#121212; }
.dr-about .dr-btn-ghost { background: transparent; color:#FFFFFF; border-color: rgba(255,255,255,0.35); }
.dr-about .dr-btn-ghost:hover { background: rgba(255,255,255,0.08); border-color:#FFFFFF; }
.dr-about .dr-btn-dark { background: var(--dr-ink); color:#FFFFFF; }
.dr-about .dr-btn-dark:hover { background: var(--dr-gold-dark); }
.dr-about .dr-btn-gold { background: var(--dr-gold); color:#121212; }
.dr-about .dr-btn-gold:hover { background:#FFFFFF; color:#121212; }
.dr-about .dr-btn-outline-dark { background: transparent; color:#121212; border-color:#121212; }
.dr-about .dr-btn-outline-dark:hover { background:#121212; color: var(--dr-gold); }
.dr-about .dr-hero { position:relative; background:#0F0F0F; color:#FFFFFF; min-height: 92vh; display:flex; align-items:center; overflow:hidden; }
.dr-about .dr-hero > img.dr-hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: center 30%; filter: brightness(0.55) saturate(0.9); z-index:0; display:block; }
.dr-about .dr-hero-overlay { position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(180deg, rgba(15,15,15,0.55) 0%, rgba(15,15,15,0.3) 40%, rgba(15,15,15,0.92) 100%); }
.dr-about .dr-hero-inner { position:relative; z-index:2; width:100%; padding: 140px 24px 90px; }
.dr-about .dr-hero-inner .dr-wrap { text-align:center; }
.dr-about .dr-hero .dr-quote { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight: 400; font-size: clamp(36px, 6.5vw, 88px); line-height: 1.08; letter-spacing: -1px; max-width: 920px; margin: 26px auto 24px; color:#FFFFFF; }
.dr-about .dr-hero .dr-quote em { font-style:italic; color: var(--dr-gold); }
.dr-about .dr-hero p.lead { max-width: 640px; margin: 0 auto 42px; font-size: 18px; line-height:1.7; color:#E8E8E8; font-weight:500; }
.dr-about .dr-hero-cta { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.dr-about .dr-hero-scroll { position:absolute; bottom: 28px; left:50%; transform:translateX(-50%); z-index:2; font-size:10px; letter-spacing:3px; text-transform:uppercase; font-weight:700; color: var(--dr-gold); opacity:0.85; display:inline-flex; align-items:center; gap:10px; text-decoration:none; }
.dr-about .dr-hero-scroll:hover { opacity:1; }
.dr-about .dr-hero-scroll svg { animation: dr-bounce 2s infinite; }
@keyframes dr-bounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(6px);} }
.dr-about .dr-founder { background: var(--dr-bg); padding: 110px 24px; }
.dr-about .dr-founder .dr-wrap { display:grid; grid-template-columns: 1fr 1.1fr; gap: 72px; align-items:center; }
.dr-about .dr-founder-photo { position:relative; aspect-ratio: 4/5; border-radius: 4px; overflow:hidden; background:#F3F3F3; z-index:1; }
.dr-about .dr-founder-photo img { width:100%; height:100%; object-fit:cover; display:block; }
.dr-about .dr-founder-photo-wrap { position:relative; padding: 12px 12px 0 0; }
.dr-about .dr-founder-photo-wrap::before { content:""; position:absolute; top:0; left:-12px; bottom:12px; width:40%; background: var(--dr-gold); opacity:0.18; border-radius:4px; z-index:0; }
.dr-about .dr-founder-photo-wrap::after { content:""; position:absolute; bottom:0; right:0; width:60%; height:30%; border: 2px solid var(--dr-gold); border-radius:4px; z-index:0; }
.dr-about .dr-founder h2 { font-size: clamp(28px, 4vw, 48px); text-transform: uppercase; margin: 16px 0 22px; }
.dr-about .dr-founder h2 em { font-style:italic; color: var(--dr-gold-dark); font-weight:700; }
.dr-about .dr-founder p { font-size: 16px; line-height: 1.75; color: var(--dr-ink-soft); margin-bottom: 16px; }
.dr-about .dr-founder p strong { color: var(--dr-ink); font-weight: 700; }
.dr-about .dr-name-line { font-size: 16px; line-height:1.7; color: var(--dr-ink-soft); padding: 18px 20px; border-left: 3px solid var(--dr-gold); background: rgba(199,187,166,0.12); border-radius: 0 4px 4px 0; margin-top: 8px; }
.dr-about .dr-name-line strong { color: var(--dr-ink); font-weight:800; }
.dr-about .dr-name-line em { font-style: normal; font-weight:700; color: var(--dr-gold-dark); letter-spacing:0.3px; }
.dr-about .dr-signature { margin-top: 32px; padding-top:24px; border-top: 1px solid var(--dr-line); display:flex; align-items:center; gap: 18px; }
.dr-about .dr-signature .sig { font-family: 'Cormorant Garamond', Georgia, serif; font-style:italic; font-size:34px; font-weight:500; color: var(--dr-ink); line-height:1; letter-spacing: 0.3px; white-space:nowrap; }
.dr-about .dr-signature .who { font-size: 12px; letter-spacing: 1.8px; text-transform: uppercase; font-weight:700; color: var(--dr-ink-soft); }
.dr-about .dr-signature .who span { display:block; color: var(--dr-ink); font-weight:800; margin-bottom: 2px; font-size:14px; }
.dr-about .dr-stats { background: var(--dr-inverse); color:#FFFFFF; padding: 70px 24px; position:relative; overflow:hidden; }
.dr-about .dr-stats::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 15% 50%, rgba(199,187,166,0.12), transparent 50%), radial-gradient(circle at 85% 50%, rgba(199,187,166,0.10), transparent 50%); pointer-events:none; }
.dr-about .dr-stats .dr-wrap { position:relative; z-index:1; display:grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.dr-about .dr-stat { text-align:center; padding: 0 10px; border-left: 1px solid rgba(255,255,255,0.1); }
.dr-about .dr-stat:first-child { border-left: 0; }
.dr-about .dr-stat .num { font-size: clamp(32px, 4.2vw, 56px); font-weight:800; color: var(--dr-gold); letter-spacing:-1.5px; line-height:1; margin-bottom: 10px; }
.dr-about .dr-stat .lbl { font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 700; color:#D9D9D9; }
.dr-about .dr-pullquote { background: var(--dr-bg); padding: 120px 24px; position:relative; overflow:hidden; }
.dr-about .dr-pullquote::before { content:"\201C"; position:absolute; top: 40px; left: 50%; transform: translateX(-50%); font-family: 'Cormorant Garamond', Georgia, serif; font-size: 260px; color: var(--dr-gold); opacity:0.22; line-height: 0.8; font-style:italic; }
.dr-about .dr-pullquote .dr-wrap-narrow { position:relative; z-index:1; text-align:center; }
.dr-about .dr-pullquote blockquote { font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-weight:400; font-size: clamp(26px, 4.5vw, 56px); line-height: 1.2; color: var(--dr-ink); margin: 0 0 26px; letter-spacing: -0.5px; }
.dr-about .dr-pullquote blockquote em { color: var(--dr-gold-dark); font-style:italic; }
.dr-about .dr-pullquote .attr { font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; font-weight:800; color: var(--dr-gold-dark); }
.dr-about .dr-values { background: var(--dr-bg-alt); padding: 100px 24px; }
.dr-about .dr-values .dr-head { text-align:center; max-width: 700px; margin: 0 auto 56px; }
.dr-about .dr-values h2 { font-size: clamp(28px, 4vw, 46px); text-transform: uppercase; margin: 18px 0 16px; }
.dr-about .dr-values .dr-head p { color: var(--dr-ink-soft); font-size: 16px; line-height:1.7; }
.dr-about .dr-values-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.dr-about .dr-value-card { background:#FFFFFF; border-radius: 4px; overflow:hidden; transition: transform .25s ease, box-shadow .25s ease; }
.dr-about .dr-value-card:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(0,0,0,0.08); }
.dr-about .dr-value-img-wrap { position:relative; aspect-ratio: 4/3; overflow:hidden; }
.dr-about .dr-value-img-wrap img { width:100%; height:100%; object-fit:cover; display:block; }
.dr-about .dr-value-img-wrap::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,0.4) 100%); }
.dr-about .dr-value-num { position:absolute; top: 16px; left: 16px; z-index:1; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; font-weight:800; color: var(--dr-gold); background: rgba(0,0,0,0.65); padding: 6px 12px; border-radius: 99px; }
.dr-about .dr-value-body { padding: 26px 26px 30px; }
.dr-about .dr-value-body h3 { font-size: 20px; letter-spacing: -0.2px; text-transform:uppercase; font-weight:800; margin-bottom: 10px; }
.dr-about .dr-value-body p { font-size: 15px; line-height:1.6; color: var(--dr-ink-soft); }
.dr-about .dr-process { background: var(--dr-bg); padding: 100px 24px; }
.dr-about .dr-process .dr-wrap { display:grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items:center; }
.dr-about .dr-process-copy h2 { font-size: clamp(26px, 4vw, 44px); text-transform: uppercase; margin: 18px 0 22px; }
.dr-about .dr-process-copy h2 em { font-style:italic; color: var(--dr-gold-dark); font-weight:700; }
.dr-about .dr-process-copy p.lead { font-size: 16px; line-height:1.7; color: var(--dr-ink-soft); margin-bottom: 28px; }
.dr-about .dr-process-steps { list-style:none; padding:0; margin: 0 0 28px; display:flex; flex-direction:column; gap: 20px; }
.dr-about .dr-process-steps li { display:flex; gap:18px; align-items:flex-start; }
.dr-about .dr-process-steps .n { flex:0 0 40px; width:40px; height:40px; border-radius:50%; background: var(--dr-ink); color: var(--dr-gold); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; }
.dr-about .dr-process-steps h4 { font-size: 14px; letter-spacing:1.5px; text-transform:uppercase; font-weight:800; margin-bottom:4px; }
.dr-about .dr-process-steps p { font-size: 14px; line-height:1.6; color: var(--dr-ink-soft); }
.dr-about .dr-process-img-wrap { position:relative; padding: 0 0 14px 14px; }
.dr-about .dr-process-img-wrap::before { content:""; position:absolute; top:-14px; left:0; width:50%; height:40%; border: 2px solid var(--dr-gold); border-radius:4px; z-index:0; }
.dr-about .dr-process-img { aspect-ratio: 4/5; border-radius: 4px; overflow:hidden; position:relative; z-index:1; }
.dr-about .dr-process-img img { width:100%; height:100%; object-fit:cover; display:block; }
.dr-about .dr-atelier { background: var(--dr-inverse); color:#FFFFFF; padding: 90px 24px; position:relative; overflow:hidden; }
.dr-about .dr-atelier::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 80% 30%, rgba(199,187,166,0.15), transparent 55%); pointer-events:none; }
.dr-about .dr-atelier .dr-wrap { position:relative; z-index:1; display:grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items:center; }
.dr-about .dr-atelier h2 { font-size: clamp(26px, 4vw, 44px); text-transform: uppercase; margin: 14px 0 18px; color:#FFFFFF; line-height:1.15; }
.dr-about .dr-atelier h2 em { color: var(--dr-gold); font-style:italic; font-weight:700; }
.dr-about .dr-atelier p { color: #D9D9D9; font-size: 15px; line-height:1.75; margin-bottom: 14px; }
.dr-about .dr-flag-row { display:flex; align-items:center; gap: 18px; margin-top: 24px; }
.dr-about .dr-flag-svg { flex:0 0 54px; width: 54px; height: 36px; border-radius:4px; overflow:hidden; border:1px solid rgba(255,255,255,0.2); display:block; }
.dr-about .dr-flag-row .cap { font-size:11px; letter-spacing:2px; text-transform:uppercase; font-weight:700; color: var(--dr-gold); }
.dr-about .dr-flag-row .cap strong { color:#FFFFFF; display:block; font-size:13px; letter-spacing:1.5px; margin-bottom:2px; }
.dr-about .dr-atelier-img { aspect-ratio: 3/2; border-radius: 4px; overflow:hidden; }
.dr-about .dr-atelier-img img { width:100%; height:100%; object-fit:cover; display:block; }
.dr-about .dr-final { position:relative; background:#0F0F0F; color:#FFFFFF; padding: 130px 24px 110px; overflow:hidden; }
.dr-about .dr-final > img.dr-final-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter: brightness(0.45) saturate(0.9); z-index:0; display:block; }
.dr-about .dr-final-overlay { position:absolute; inset:0; z-index:1; pointer-events:none; background: linear-gradient(180deg, rgba(15,15,15,0.85) 0%, rgba(15,15,15,0.7) 50%, rgba(15,15,15,0.95) 100%); }
.dr-about .dr-final .dr-wrap { position:relative; z-index:2; text-align:center; }
.dr-about .dr-final h2 { font-size: clamp(30px, 5.5vw, 68px); text-transform: uppercase; letter-spacing: -1px; margin: 22px 0 18px; color:#FFFFFF; font-weight:800; line-height:1.1; }
.dr-about .dr-final h2 span { color: var(--dr-gold); font-style:italic; font-weight:700; }
.dr-about .dr-final p.lead { max-width: 560px; margin: 0 auto 38px; font-size: 16px; line-height:1.7; color:#E8E8E8; }
.dr-about .dr-final-cta { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom: 0; }
.dr-about .dr-guarantee-badge { display:inline-flex; align-items:center; gap: 10px; padding: 10px 18px; background: rgba(199,187,166,0.15); border: 1px solid rgba(199,187,166,0.4); border-radius: 99px; font-size: 11px; letter-spacing:2.5px; text-transform:uppercase; font-weight:800; color: var(--dr-gold); }
@media (max-width: 900px) {
.dr-about .dr-founder .dr-wrap,
.dr-about .dr-process .dr-wrap,
.dr-about .dr-atelier .dr-wrap { grid-template-columns: 1fr; gap: 42px; }
.dr-about .dr-values-grid { grid-template-columns: 1fr; }
.dr-about .dr-stats .dr-wrap { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }
.dr-about .dr-stat { border-left: 0; }
.dr-about .dr-stat:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.1); }
.dr-about .dr-atelier-img { aspect-ratio: 4/3; }
}
@media (max-width: 600px) {
.dr-about .dr-hero { min-height: 78vh; }
.dr-about .dr-hero-inner { padding: 90px 18px 70px; }
.dr-about .dr-hero .dr-quote { font-size: clamp(32px, 9vw, 52px); line-height: 1.08; }
.dr-about .dr-hero p.lead { font-size: 15px; margin-bottom: 32px; }
.dr-about .dr-founder, .dr-about .dr-values, .dr-about .dr-process, .dr-about .dr-final { padding-left:18px; padding-right:18px; padding-top: 72px; padding-bottom: 72px; }
.dr-about .dr-founder { padding-bottom: 64px; }
.dr-about .dr-founder p { font-size: 15px; }
.dr-about .dr-pullquote { padding: 80px 18px; }
.dr-about .dr-pullquote::before { font-size: 160px; top: 26px; }
.dr-about .dr-pullquote blockquote { font-size: clamp(24px, 7vw, 36px); line-height:1.25; }
.dr-about .dr-atelier { padding: 64px 18px; }
.dr-about .dr-stats { padding: 56px 18px; }
.dr-about .dr-stats .dr-wrap { grid-template-columns: 1fr; gap: 28px; }
.dr-about .dr-stat { border:0 !important; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.1) !important; }
.dr-about .dr-stat:last-child { border-bottom: 0 !important; padding-bottom: 0; }
.dr-about .dr-final { padding: 100px 18px 90px; }
.dr-about .dr-final h2 { font-size: clamp(28px, 9vw, 44px); }
.dr-about .dr-final p.lead { font-size: 15px; }
.dr-about .dr-btn { padding: 15px 24px; font-size: 12px; }
}
</style>
<!-- 1. HERO -->
<div class="dr-hero">
<img class="dr-hero-bg" src="https://deruiterdr.nl/cdn/shop/files/SAM_2530_1.jpg" alt="" loading="eager">
<div class="dr-hero-overlay"></div>
<div class="dr-hero-inner">
<div class="dr-wrap">
<span class="dr-eyebrow on-dark">Über DeRuiterDR</span>
<blockquote class="dr-quote">„Schmuck sagt, <em>wer du bist</em>."</blockquote>
<p class="lead">Was mit einer Vision begann, wurde zu einer Marke, die Männern hilft, ihren eigenen Stil zum Ausdruck zu bringen — mit Schmuck, der Kraft, Klasse und Charakter ausstrahlt.</p>
<div class="dr-hero-cta">
<a href="/de/collections/all" class="dr-btn dr-btn-primary">Kollektion entdecken
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
<a href="#dr-verhaal" class="dr-btn dr-btn-ghost">Die Geschichte lesen</a>
</div>
</div>
</div>
<a href="#dr-verhaal" class="dr-hero-scroll">Scroll
<svg width="12" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><polyline points="19 12 12 19 5 12"/></svg>
</a>
</div>
<!-- 2. FOUNDER -->
<div class="dr-founder" id="dr-verhaal">
<div class="dr-wrap">
<div class="dr-founder-photo-wrap">
<div class="dr-founder-photo">
<img src="https://deruiterdr.nl/cdn/shop/files/IMG_9850_8.heic" alt="Nick De Ruiter, Gründer von DeRuiterDR" loading="lazy">
</div>
</div>
<div>
<span class="dr-eyebrow">Warum ich angefangen habe</span>
<h2>Mir fehlte Schmuck, der <em>wirklich etwas sagt</em>.</h2>
<p>Luxuriös und zugänglich. Kraftvoll und fein. Ich suchte Schmuck, der zu mir passt — der nicht anläuft, nicht bricht und den ich jeden Tag tragen kann, ohne darüber nachzudenken. Ich fand ihn nirgendwo.</p>
<p>Also fing ich selbst an. Jedes Stück, das du hier findest, <strong>trage und teste ich selbst</strong>. Unter der Dusche, im Fitnessstudio, bei der Arbeit. Erst wenn es Monate später immer noch wie neu aussieht, kommt es in die Kollektion.</p>
<p>Keine Massenproduktion. Keine Kompromisse. Nur Schmuck, hinter dem ich persönlich stehe — und an dem du ein Leben lang Freude hast.</p>
<p class="dr-name-line"><strong>Ich heiße Nick De Ruiter.</strong> Der Markenname? Das ist buchstäblich mein Name — <em>De Ruiter + DR</em>. Kein Corporate Label, keine erfundene Marke. Einfach mein eigener Name, auf jedem Stück, das du hier kaufst.</p>
<div class="dr-signature">
<span class="sig">Nick De Ruiter</span>
<div class="who"><span>Nick De Ruiter</span>Gründer · DeRuiterDR</div>
</div>
</div>
</div>
</div>
<!-- 3. STATS -->
<div class="dr-stats">
<div class="dr-wrap">
<div class="dr-stat"><div class="num">1.500+</div><div class="lbl">Zufriedene Kunden</div></div>
<div class="dr-stat"><div class="num">10.000+</div><div class="lbl">Versendete Pakete</div></div>
<div class="dr-stat"><div class="num">4.9<span style="color:#C7BBA6;font-size:0.55em;">★</span></div><div class="lbl">Durchschn. Bewertung</div></div>
<div class="dr-stat"><div class="num">∞</div><div class="lbl">Lebenslange Garantie</div></div>
</div>
</div>
<!-- 4. PULL QUOTE -->
<div class="dr-pullquote">
<div class="dr-wrap-narrow">
<blockquote>Schmuck ist mehr als Dekoration.<br>Er ist ein <em>stilles Statement</em>.</blockquote>
<div class="attr">— Die DeRuiterDR Philosophie</div>
</div>
</div>
<!-- 5. VALUES -->
<div class="dr-values">
<div class="dr-wrap">
<div class="dr-head">
<span class="dr-eyebrow">Wofür wir stehen</span>
<h2>Drei Prinzipien. Ohne Kompromisse.</h2>
<p>Jedes Schmuckstück, das du bei uns kaufst, trägt diese drei Prinzipien in sich. Nicht als Marketing — sondern als die Art, wie wir jeden Tag arbeiten.</p>
</div>
<div class="dr-values-grid">
<div class="dr-value-card">
<div class="dr-value-img-wrap">
<img src="https://deruiterdr.nl/cdn/shop/files/50101136-3F3B-40D8-841E-AE79AF811436_2.webp" alt="Edelstahl Qualität" loading="lazy">
<span class="dr-value-num">01 · Qualität</span>
</div>
<div class="dr-value-body">
<h3>Edelstahl</h3>
<p>Hochwertiger Edelstahl, veredelt mit einer starken Goldbeschichtung. Wasserfest, schweißfest, hitzebeständig. Gemacht, um jeden Tag getragen zu werden.</p>
</div>
</div>
<div class="dr-value-card">
<div class="dr-value-img-wrap">
<img src="https://deruiterdr.nl/cdn/shop/files/79fed0ca-61eb-48fe-ba26-6e9612752624_2.webp" alt="Lebenslange Garantie" loading="lazy">
<span class="dr-value-num">02 · Vertrauen</span>
</div>
<div class="dr-value-body">
<h3>Lebenslange Garantie</h3>
<p>Bricht dein Schmuck? Verfärbt er sich? Wir reparieren oder ersetzen ihn — ein Leben lang. Weil wir an das glauben, was wir machen, und das darfst du von uns erwarten.</p>
</div>
</div>
<div class="dr-value-card">
<div class="dr-value-img-wrap">
<img src="https://deruiterdr.nl/cdn/shop/files/SAM_1973.webp" alt="Persönlich verpackt" loading="lazy">
<span class="dr-value-num">03 · Sorgfalt</span>
</div>
<div class="dr-value-body">
<h3>Persönlich verpackt</h3>
<p>Jedes Paket kontrollieren wir von Hand. Keine anonymen Versandzentren. Jedes Schmuckstück bekommt eine Luxusverpackung, die sich anfühlt, wie Schmuck ankommen soll.</p>
</div>
</div>
</div>
</div>
</div>
<!-- 6. PROCES -->
<div class="dr-process">
<div class="dr-wrap">
<div class="dr-process-img-wrap">
<div class="dr-process-img">
<img src="https://deruiterdr.nl/cdn/shop/files/79fed0ca-61eb-48fe-ba26-6e9612752624_2.webp" alt="Paket persönlich verpackt" loading="lazy">
</div>
</div>
<div class="dr-process-copy">
<span class="dr-eyebrow">Von der Bestellung bis zur Haustür</span>
<h2>Du bestellst bei einem Team, das <em>Service ernst nimmt</em>.</h2>
<p class="lead">Keine anonyme Kette. Keine Warteschleife. Wenn du bei DeRuiterDR bestellst, weiß ich das.</p>
<ol class="dr-process-steps">
<li><span class="n">1</span><div><h4>Handverpackt</h4><p>Jedes Paket wird von Hand kontrolliert und verpackt — bis 18:00 Uhr bestellt, noch am selben Tag auf dem Weg.</p></div></li>
<li><span class="n">2</span><div><h4>Sendungsverfolgung</h4><p>Du bekommst automatisch einen PostNL-Link, damit du genau siehst, wo dein Paket ist. Keine Überraschungen.</p></div></li>
<li><span class="n">3</span><div><h4>Immer eine Antwort</h4><p>Frage? Schreib uns — wir antworten im Durchschnitt innerhalb einer Stunde an Werktagen. Persönlich, nicht automatisiert.</p></div></li>
</ol>
<a href="/de/pages/versand" class="dr-btn dr-btn-outline-dark">Mehr zum Versand
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
</div>
</div>
</div>
<!-- 7. ATELIER -->
<div class="dr-atelier">
<div class="dr-wrap">
<div>
<span class="dr-eyebrow on-dark">Unser Atelier</span>
<h2>Stolz niederländische Marke<br>aus <em>Bussum</em></h2>
<p>Aus unserem Atelier in Bussum versenden wir täglich Schmuck nach ganz Europa. Kleines Team, kurze Wege, persönlicher Service — so bleibt DeRuiterDR, wie es gedacht ist: eine Marke von Menschen, für Menschen.</p>
<p>Alle Bestellungen werden aus den Niederlanden versendet. Mit jedem Kauf unterstützt du eine unabhängige niederländische Schmuckmarke.</p>
<div class="dr-flag-row">
<svg class="dr-flag-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 6" preserveAspectRatio="none" aria-label="Niederländische Flagge">
<rect width="9" height="2" y="0" fill="#AE1C28"/>
<rect width="9" height="2" y="2" fill="#FFFFFF"/>
<rect width="9" height="2" y="4" fill="#21468B"/>
</svg>
<div class="cap"><strong>Made in the Netherlands</strong>Bussum · Atelier & Versand</div>
</div>
</div>
<div class="dr-atelier-img">
<img src="https://deruiterdr.nl/cdn/shop/files/SAM_2530_1.jpg" alt="DeRuiterDR Atelier Bussum" loading="lazy">
</div>
</div>
</div>
<!-- 8. FINAL CTA -->
<div class="dr-final">
<img class="dr-final-bg" src="https://deruiterdr.nl/cdn/shop/files/SAM_1973.webp" alt="" loading="lazy">
<div class="dr-final-overlay"></div>
<div class="dr-wrap">
<span class="dr-guarantee-badge">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
Lebenslange Garantie auf jedes Schmuckstück
</span>
<h2>Wachse mit <span>demselben Kern</span></h2>
<p class="lead">Authentizität. Vertrauen. Zeitlose Klasse. Wähle Stücke, die zu deinem Leben passen — und lange halten.</p>
<div class="dr-final-cta">
<a href="/de/collections/all" class="dr-btn dr-btn-gold">Kollektion shoppen
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
</a>
<a href="/de/pages/lebenslange-garantie" class="dr-btn dr-btn-ghost">Garantie ansehen</a>
</div>
</div>
</div>
</section>