<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Helaas — De Wyngaard</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
width: 100%;
min-height: 100vh;
}
body {
background-color: #1A1C3C;
display: flex;
align-items: center;
justify-content: center;
font-family: Georgia, 'Times New Roman', serif;
padding: 24px;
}
.card {
background: #ffffff;
border-radius: 16px;
max-width: 560px;
width: 100%;
padding: 56px 48px;
text-align: center;
position: relative;
overflow: hidden;
}
.card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 5px;
background: #B37D2B;
}
.wine-icon {
font-size: 56px;
margin-bottom: 24px;
display: block;
}
.card h1 {
font-size: 28px;
color: #1A1C3C;
margin-bottom: 16px;
font-weight: normal;
letter-spacing: 0.02em;
}
.card h1 span {
color: #B37D2B;
}
.divider {
width: 48px;
height: 2px;
background: #B37D2B;
margin: 20px auto;
border-radius: 2px;
}
.card p {
font-size: 16px;
color: #555;
line-height: 1.75;
margin-bottom: 14px;
font-family: Arial, sans-serif;
}
.card p strong {
color: #1A1C3C;
}
.back-btn {
display: inline-block;
margin-top: 32px;
padding: 13px 36px;
background: #1A1C3C;
color: #B37D2B;
text-decoration: none;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
font-family: Arial, sans-serif;
letter-spacing: 0.04em;
transition: opacity 0.2s;
}
.back-btn:hover {
opacity: 0.85;
}
.footer-note {
margin-top: 28px;
font-size: 12px;
color: #aaa;
font-family: Arial, sans-serif;
}
</style>
</head>
<body>
<div class="card">
<span class="wine-icon">🍷</span>
<h1>Helaas, je bent nog <span>te jong</span></h1>
<div class="divider"></div>
<p>
Onze wijnen zijn uitsluitend bestemd voor personen van <strong>18 jaar en ouder</strong>.
</p>
<p>
Wijngenot heeft zijn tijd nodig — net als een goede fles. We hopen je te verwelkomen zodra je de juiste leeftijd hebt bereikt.
</p>
<a class="back-btn" href="https://www.dewyngaard.nl">← Terug naar de homepage</a>
<p class="footer-note">© De Wyngaard — Verantwoord genieten</p>
</div>
</body>
</html>
