*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box
}
html {
scroll-behavior: smooth
}
img {
display: block;
max-width: 100%;
height: auto
}
button {
cursor: pointer;
font-family: inherit;
border: none;
background: none
}
p+p {
margin-top: 15px;
} :root {
--bg: #080e1b;
--bg2: #070d1a;
--gold: #c4984a;
--gl: #d8b068;
--gd: #7a5e28;
--cr: #ddd0b4;
--mu: #8f8b85;
--ln: rgba(196, 152, 74, .12);
--ln2: rgba(196, 152, 74, .06);
} html,
body {
background: #09101f !important;
background-color: #09101f !important
}
body {
color: var(--cr);
font-family: 'Jost', sans-serif;
font-weight: 300;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} body::after {
content: '';
position: fixed;
inset: 0;
z-index: 9000;
pointer-events: none;
opacity: .018;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 180px;
} .skip-link {
position: absolute;
top: -100%;
left: 1rem;
background: var(--gold);
color: var(--bg);
font-size: .75rem;
padding: .6rem 1.4rem;
text-decoration: none;
z-index: 99999;
transition: top .2s;
display: none;
}
.skip-link:focus {
top: .6rem
} :focus-visible {
outline: 2px solid var(--gold);
outline-offset: 3px
}
:focus:not(:focus-visible) {
outline: none
} .rv {
opacity: 0;
transform: translateY(18px);
transition: opacity .9s cubic-bezier(.22, 1, .36, 1), transform .9s cubic-bezier(.22, 1, .36, 1)
}
@media(max-width:767px) {
.gallerij .rv:nth-child(3) {
grid-column: span 2;
}
}
.rv.on {
opacity: 1;
transform: none
}
.d1 {
transition-delay: .1s
}
.d2 {
transition-delay: .2s
}
.d3 {
transition-delay: .32s
} .cap {
font-size: .72rem;
font-weight: 500;
letter-spacing: .4em;
text-transform: uppercase;
color: var(--gold);
} .btn {
display: inline-block;
text-decoration: none;
font-family: 'Jost', sans-serif;
font-size: .66rem;
font-weight: 500;
letter-spacing: .28em;
text-transform: uppercase;
padding: .95rem 2.6rem;
transition: all .28s;
}
.btn-g {
color: var(--bg);
background: var(--gold);
border: 1px solid var(--gd)
}
.btn-g:hover {
background: var(--gl);
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(196, 152, 74, .22)
}
.btn-o {
color: var(--gold);
border: 1px solid rgba(196, 152, 74, .34);
background: transparent
}
.btn-o:hover {
border-color: var(--gold);
background: rgba(196, 152, 74, .07);
transform: translateY(-2px)
} .bs-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 500;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 5vw;
height: 64px;
background: transparent;
transition: background .4s, backdrop-filter .4s, height .4s;
}
.bs-nav.solid {
background: rgba(7, 13, 26, .93);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
height: 56px;
border-bottom: 1px solid var(--ln);
}
.nav-logo {
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-weight: 700;
letter-spacing: .12em;
color: var(--cr);
text-decoration: none;
opacity: 0;
max-width: 130px;
transition: opacity .3s;
}
.bs-nav.solid .nav-logo,
.menu-top-logo {
opacity: 1;
a {
max-width: 130px;
}
}
.nav-right {
display: flex;
align-items: center;
gap: 1.6rem
}
.nav-link {
font-size: .65rem;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: rgba(221, 208, 180, .45);
text-decoration: none;
transition: color .25s;
}
.nav-link:hover {
color: var(--gold)
}
.nav-menu-btn {
font-size: .65rem;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--gold);
padding: .55rem 1.4rem;
border: 1px solid rgba(196, 152, 74, .34);
background: transparent;
transition: all .25s;
}
.nav-menu-btn:hover {
border-color: var(--gold);
background: rgba(196, 152, 74, .08)
} .hero {
height: 100svh;
min-height: 640px;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
}
.hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center 50%;
background-repeat: no-repeat;
filter: brightness(.2) saturate(0.9);
animation: hzoom 32s ease-in-out infinite alternate;
}
@keyframes hzoom {
from {
transform: scale(1.07)
}
to {
transform: scale(1)
}
}
.hero-fade {
position: absolute;
inset: 0;
background: linear-gradient(to bottom,
rgba(9, 16, 31, .55) 0%, rgba(9, 16, 31, 0) 20%,
rgba(9, 16, 31, 0) 52%, rgba(9, 16, 31, .98) 100%);
}
.hero-vline {
position: absolute;
top: 0;
bottom: 0;
width: 1px;
background: linear-gradient(to bottom, transparent, rgba(196, 152, 74, .07) 30%, rgba(196, 152, 74, .06) 70%, transparent);
pointer-events: none;
}
.hero-vline:nth-child(3) {
left: 8vw
}
.hero-vline:nth-child(4) {
right: 8vw
}
.hero-body {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
text-align: center;
padding: 2rem 5vw;
animation: hfade 2s cubic-bezier(.22, 1, .36, 1) both;
}
@keyframes hfade {
from {
opacity: 0;
transform: translateY(12px)
}
to {
opacity: 1;
transform: none
}
}
.hero-extra {
text-align: center;
margin-top: 50px;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
opacity: .75;
}
.logo-card {
display: inline-flex;
position: relative;
padding: 64px 72px 60px;
background: rgba(7, 13, 26, .78);
margin-bottom: 4rem;
border: 1px solid rgba(196, 152, 74, .12);
}
.logo-card::before,
.logo-card::after,
.logo-card .tc,
.logo-card .bc {
content: '';
position: absolute;
width: 14px;
height: 14px;
border-color: rgba(196, 152, 74, .38);
border-style: solid;
}
.logo-card::before {
top: -1px;
left: -1px;
border-width: 1px 0 0 1px
}
.logo-card::after {
top: -1px;
right: -1px;
border-width: 1px 1px 0 0
}
.logo-card .tc {
bottom: -1px;
left: -1px;
border-width: 0 0 1px 1px
}
.logo-card .bc {
bottom: -1px;
right: -1px;
border-width: 0 1px 1px 0
}
.logo-img {
width: min(460px, 68vw);
height: auto
}
.hero-tag {
font-family: 'Playfair Display', serif;
font-size: clamp(2.2rem, 2.4vw, 2rem);
font-weight: 400;
font-style: italic;
color: var(--cr);
margin-bottom: .75rem;
opacity: .88;
}
.hero-tag-sub {
font-size: 15px;
font-weight: 400;
color: var(--cr);
margin-bottom: 3.5rem;
opacity: .88;
max-width: 590px;
}
.hero-ctas {
display: flex;
gap: .85rem;
flex-wrap: wrap;
justify-content: center
}
.hero-bar {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: repeat(4, 1fr);
border-top: 1px solid var(--ln);
}
.hb {
padding: 1.4rem 2vw;
border-right: 1px solid var(--ln);
display: flex;
flex-direction: column;
gap: .4rem;
}
.hb:last-child {
border-right: none
}
.hb-l {
font-size: .62rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
opacity: .55
}
.hb-v {
font-family: 'Playfair Display', serif;
font-size: 1rem;
font-style: italic;
color: var(--cr)
}
.hero-scroll {
position: absolute;
bottom: 7.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
opacity: .16;
pointer-events: none;
}
.hero-scroll span {
font-size: .62rem;
letter-spacing: .36em;
text-transform: uppercase;
color: var(--mu)
}
.scroll-bar {
width: 1px;
height: 38px;
background: linear-gradient(to bottom, var(--gold), transparent);
animation: spulse 3s ease-in-out infinite;
}
@keyframes spulse {
0% {
opacity: 0;
transform: scaleY(0);
transform-origin: top
}
40% {
opacity: 1
}
100% {
opacity: 0;
transform: scaleY(1);
transform-origin: top
}
} #concept {
background: var(--bg);
}
.concept {
max-width: 960px;
margin: 0 auto;
padding: 10rem 5vw;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8rem;
align-items: start;
}
.c-hl {
font-family: 'Playfair Display', serif;
font-size: clamp(2.4rem, 4.5vw, 3.6rem);
font-weight: 700;
line-height: 1.08;
color: var(--cr);
letter-spacing: -.01em;
margin-top: 2rem;
}
.c-hl em {
color: var(--gl);
font-style: italic;
font-weight: 400;
display: block;
font-size: .82em;
margin-top: .12em
}
.c-right {
padding-top: 2rem
}
.c-p {
font-size: 1rem;
font-weight: 300;
line-height: 2.1;
color: var(--mu);
margin-bottom: 1.4rem
}
.c-p strong {
color: var(--cr);
font-weight: 400
}
.c-quote {
font-family: 'Playfair Display', serif;
font-size: 1.1rem;
font-style: italic;
color: var(--cr);
border-left: 2px solid var(--gold);
padding: 0 0 0 1.5rem;
margin: 2.4rem 0;
line-height: 1.7;
}
.c-tags {
display: flex;
flex-wrap: wrap;
gap: .35rem;
margin-top: 2rem
}
.ctag {
font-size: .65rem;
font-weight: 400;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--mu);
border: 1px solid var(--ln);
padding: .3rem 1rem;
transition: all .3s;
cursor: default;
}
.ctag:hover {
border-color: rgba(196, 152, 74, .4);
color: var(--gold)
} .foto-breed {
width: 100%;
height: clamp(280px, 55vh, 600px);
overflow: hidden;
position: relative
}
.foto-breed img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 65%;
filter: brightness(.8) saturate(.8);
transition: transform 2.5s cubic-bezier(.22, 1, .36, 1);
}
.foto-breed:hover img {
transform: scale(1.03)
}
.foto-breed::before,
.foto-breed::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, transparent, rgba(196, 152, 74, .18), transparent);
z-index: 1;
}
.foto-breed::before {
top: 0
}
.foto-breed::after {
bottom: 0
} .smaken {
padding: 9rem 5vw;
overflow: hidden;
position: relative
}
.smaken-inner {
max-width: 1000px;
margin: 0 auto
} .smaken-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0
}
.sm-item {
display: flex;
align-items: flex-start;
gap: 2.5rem;
padding: 3.5rem 0;
border-bottom: 1px solid var(--ln);
transition: padding-left .4s cubic-bezier(.22, 1, .36, 1);
}
.sm-item:nth-child(odd) {
padding-right: 5rem;
border-right: 1px solid var(--ln)
}
.sm-item:nth-child(even) {
padding-left: 5rem
}
.sm-item:last-child {
border-bottom: none
}  .sm-num {
font-family: 'Playfair Display', serif;
font-size: 3.2rem;
font-weight: 900;
font-style: italic;
color: rgba(196, 152, 74, .12);
line-height: 1;
flex-shrink: 0;
transition: color .35s;
}
.sm-item:hover .sm-num {
color: rgba(196, 152, 74, .3)
}
.sm-nl {
font-family: 'Playfair Display', serif;
font-size: 1.6rem;
font-weight: 400;
font-style: italic;
color: var(--gl);
display: block;
margin-bottom: .3rem;
line-height: 1
}
.sm-en {
font-size: .64rem;
font-weight: 500;
letter-spacing: .26em;
text-transform: uppercase;
color: var(--mu);
opacity: .45;
display: block;
margin-bottom: 1rem
}
.sm-desc {
font-size: 1rem;
font-weight: 300;
line-height: 1.85;
color: var(--mu)
}
.sm-item.full {
grid-column: 1/-1;
border-right: none;
padding-left: 0;
padding-right: 0;
border-bottom: none;
border-top: 1px solid var(--ln);
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
gap: 1.2rem;
padding-top: 4rem;
}
.sm-item.full .sm-num {
font-size: 5.5rem
}
.sm-item.full .sm-nl {
font-size: 2.2rem
}
.sm-item.full:hover {
padding-left: 0
} .gallerij { padding-top: 2rem
}
.gal-hdr {
padding: 4rem 5vw 2.5rem;
max-width: 1100px;
margin: 0 auto
}
.gal-grid {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr;
grid-template-rows: 300px 240px;
gap: 4px;
}
.gc {
overflow: hidden;
position: relative;
cursor: pointer
}
.gc.tall {
grid-row: span 2
}
.gc.wide {
grid-column: span 2
}
.gc img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(.75) saturate(.8);
transition: transform 1.2s cubic-bezier(.22, 1, .36, 1), filter .5s;
}
.gc:hover img {
transform: scale(1.07);
filter: brightness(.85) saturate(.9)
}
.gc::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom, transparent 50%, rgba(7, 13, 26, .5));
pointer-events: none
}
.gc-lbl {
position: absolute;
bottom: 1.4rem;
left: 1.6rem;
z-index: 1;
font-size: .65rem;
font-weight: 500;
letter-spacing: .28em;
text-transform: uppercase;
color: rgba(221, 208, 180, .5);
border-bottom: 1px solid rgba(196, 152, 74, .28);
padding-bottom: .35rem;
} .dagdelen {
background: #060c17;
}
.dagdelen-balk {
display: grid;
grid-template-columns: repeat(3, 1fr);
border-top: 0.5px solid rgba(196, 152, 74, 0.3);
border-bottom: 0.5px solid rgba(196, 152, 74, 0.3);
}
.db-item {
padding: 2rem 2.5rem;
border-right: 0.5px solid rgba(196, 152, 74, 0.2);
display: flex;
flex-direction: column;
gap: 6px;
align-items: center;
text-align: center;
}
.db-item:last-child {
border-right: none;
}
.db-tijd {
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #c4984a;
}
.db-titel {
font-size: 16px;
font-weight: 500;
color: #f0ebe0;
margin-top: 2px;
}
.db-desc {
font-size: 13px;
color: #9aa5b4;
line-height: 1.6;
}
.db-prijs {
font-size: 22px;
font-weight: 500;
color: #f0ebe0;
margin-top: 6px;
}
.db-prijs span {
font-size: 13px;
font-weight: 400;
color: #9aa5b4;
}
@media (max-width: 768px) {
.dagdelen-balk {
grid-template-columns: 1fr;
}
.db-item {
border-right: none;
border-bottom: 0.5px solid rgba(196, 152, 74, 0.2);
padding: 1.5rem;
}
.db-item:last-child {
border-bottom: none;
}
} .sfeer {
padding: 11rem 5vw;
border-top: 1px solid var(--ln);
position: relative;
overflow: hidden
}
.sfeer::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 55% 60% at 100% 50%, rgba(196, 152, 74, .04) 0%, transparent 65%);
pointer-events: none
}
.sfeer-in {
max-width: 1000px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10rem;
align-items: start
}
.sw {
font-family: 'Playfair Display', serif;
display: block;
padding: .18rem 0;
border-bottom: 1px solid rgba(196, 152, 74, .09);
line-height: 1.05
}
.sw-xl {
font-size: clamp(2.8rem, 6vw, 5rem);
font-weight: 700;
color: var(--cr);
}
.sw-lg {
font-size: clamp(1.6rem, 3vw, 2.5rem);
font-weight: 400;
font-style: italic;
color: var(--cr)
}
.sw-sm {
font-size: clamp(1rem, 1.8vw, 1.45rem);
font-weight: 300;
font-style: italic;
color: var(--mu)
}
.sfeer-r {
padding-top: 4rem
}
.sep {
width: 40px;
height: 1px;
background: var(--gold);
opacity: .45;
margin-bottom: 2.4rem
}
.sfeer-p {
font-size: 1rem;
font-weight: 300;
line-height: 2.1;
color: var(--mu);
margin-bottom: 1.4rem
}
.sfeer-p strong {
color: var(--cr);
font-weight: 400
} .praktisch {
padding: 11rem 5vw 10rem;
background: var(--bg2);
position: relative;
overflow: hidden
}
.praktisch::before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
background: radial-gradient(ellipse 45% 50% at 5% 90%, rgba(196, 152, 74, .05) 0%, transparent 65%)
}
.praktisch::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(to right, transparent, rgba(196, 152, 74, .18), transparent)
}
.pr-in {
max-width: 1000px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10rem;
align-items: start;
position: relative;
z-index: 1
}
.pr-hl {
font-family: 'Playfair Display', serif;
font-size: clamp(4rem, 9vw, 8rem);
font-weight: 900;
line-height: .88;
letter-spacing: -.03em;
color: var(--cr);
margin-bottom: 5rem
}
.pr-hl em {
display: block;
font-weight: 400;
font-style: italic;
color: var(--gl);
letter-spacing: 0;
font-size: .72em
}
.ib {
margin-bottom: 3.5rem;
padding-bottom: 3.5rem;
border-bottom: 1px solid var(--ln)
}
.ib:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0
}
.ibl {
font-size: .66rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1.2rem
}
.ibl::before {
content: '';
width: 12px;
height: 1px;
background: var(--gold);
opacity: .4;
flex-shrink: 0
}
.ibv {
font-family: 'Playfair Display', serif;
font-size: 1rem;
font-weight: 400;
color: var(--cr);
line-height: 1.9
}
.ibv a {
color: var(--gl);
text-decoration: none;
border-bottom: 1px solid rgba(196, 152, 74, .18);
transition: border-color .3s
}
.ibv a:hover {
border-color: var(--gl)
}
.uren {
display: grid;
grid-template-columns: auto 1fr;
gap: .45rem 2rem;
font-family: 'Playfair Display', serif;
font-size: 1rem;
color: var(--cr);
align-items: end;
}
.dag {
color: var(--mu);
font-family: 'Jost', sans-serif;
font-weight: 300;
font-size: .88rem
}
.gsl {
opacity: .28;
font-style: italic
}
.pr-r {
padding-top: 2rem
}
.ghost {
font-family: 'Playfair Display', serif;
font-size: clamp(4.5rem, 10vw, 9rem);
font-weight: 900;
font-style: italic;
line-height: .86;
letter-spacing: -.03em;
color: rgba(196, 152, 74, .1);
user-select: none;
margin-bottom: 4rem
}
.ig-link {
display: flex;
align-items: center;
gap: 1.2rem;
text-decoration: none;
padding: 1.4rem 1.8rem;
border: 1px solid var(--ln);
transition: border-color .3s, background .3s;
margin-bottom: 2rem;
background-color: #040914;
}
.ig-link:hover {
border-color: rgba(196, 152, 74, .36);
background: rgba(196, 152, 74, .04)
}
.ig-icon {
width: 17px;
height: 17px;
opacity: .62;
flex-shrink: 0
}
.ig-handle {
font-size: .76rem;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--mu)
}
.ig-arrow {
margin-left: auto;
opacity: .2;
color: var(--gold)
}
.pr-note {
font-size: .65rem;
font-weight: 300;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--mu); line-height: 2.2
} .site-footer {
background: var(--bg2);
border-top: 1px solid var(--ln);
padding: 3.5rem 5vw;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
min-height: 110px;
}
.site-footer::before {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300' fill='none'%3E%3Cg stroke='%23c4984a' stroke-width='0.6' opacity='0.16'%3E%3Crect x='340' y='80' width='120' height='80' rx='2'/%3E%3Crect x='355' y='95' width='35' height='50' rx='1'/%3E%3Crect x='400' y='92' width='45' height='55' rx='1'/%3E%3Cpath d='M390 95L390 60L395 52L400 60L400 95'/%3E%3Cline x1='200' y1='140' x2='600' y2='140'/%3E%3Cline x1='340' y1='40' x2='340' y2='240'/%3E%3Cline x1='460' y1='40' x2='460' y2='240'/%3E%3Cline x1='150' y1='100' x2='650' y2='100'/%3E%3Cline x1='150' y1='180' x2='650' y2='180'/%3E%3Cpath d='M100 200Q200 185 300 195Q400 205 500 190Q600 175 700 185' stroke-width='2.2' opacity='0.2'/%3E%3Ccircle cx='400' cy='140' r='5' stroke='%23c4984a' stroke-width='1.4' opacity='0.55'/%3E%3Ccircle cx='400' cy='140' r='12' stroke='%23c4984a' stroke-width='0.7' opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");
background-size: cover;
background-position: center;
pointer-events: none;
}
.site-footer::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, var(--bg2) 0%, rgba(7, 13, 26, .65) 40%, rgba(7, 13, 26, .65) 60%, var(--bg2) 100%);
pointer-events: none;
}
.ft-logo {
height: 18px;
opacity: .75;
background: rgba(7, 13, 26, .8);
padding: 4px 11px;
position: relative;
z-index: 1
}
.ft-loc {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: center;
gap: .4rem
}
.ft-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--gold);
opacity: .55;
box-shadow: 0 0 0 3px rgba(196, 152, 74, .13), 0 0 0 6px rgba(196, 152, 74, .05)
}
.ft-loc-lbl {
font-size: .62rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
opacity: .5
}
.ft-copy {
font-size: .6rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--mu);
opacity: .2;
text-align: right;
position: relative;
z-index: 1
}
.ft-copy span {
display: block;
margin-bottom: .2rem
}
.site-footer__copy {
z-index: 9;
} .menu-overlay {
position: fixed;
inset: 0;
z-index: 800;
display: flex;
background: rgba(7, 13, 26, 0);
opacity: 0;
pointer-events: none;
transition: opacity .4s cubic-bezier(.22, 1, .36, 1), background .4s;
}
.menu-overlay.open {
opacity: 1;
pointer-events: all;
background: rgba(7, 13, 26, .92)
}
.menu-panel {
position: relative;
width: min(660px, 100%);
margin-left: auto;
background: var(--bg2);
border-left: 1px solid var(--ln);
display: flex;
flex-direction: column;
transform: translateX(60px);
transition: transform .5s cubic-bezier(.22, 1, .36, 1);
overflow: hidden;
}
.menu-overlay.open .menu-panel {
transform: translateX(0)
}
.menu-backdrop {
position: absolute;
inset: 0;
right: min(660px, 100%);
cursor: pointer
}
.menu-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: .5rem 1rem;
border-bottom: 1px solid var(--ln);
flex-shrink: 0;
}
.menu-top-logo {
font-family: 'Playfair Display', serif;
font-size: 1rem;
font-weight: 700;
letter-spacing: .1em;
color: var(--cr)
}
.menu-top-logo .logo-img {
max-width: 130px;
}
.menu-close {
width: 38px;
height: 38px;
border: 1px solid rgba(196, 152, 74, .28);
background: transparent;
color: var(--gold);
font-size: 20px;
font-weight: 300;
font-family: sans-serif;
display: flex;
align-items: center;
justify-content: center;
transition: all .2s;
}
.menu-close:hover {
border-color: var(--gold);
background: rgba(196, 152, 74, .1)
}
.menu-tabs {
display: flex;
border-bottom: 1px solid var(--ln);
padding: 0 1rem;
flex-shrink: 0
}
.menu-tab {
font-size: .64rem;
font-weight: 500;
letter-spacing: .24em;
text-transform: uppercase;
color: var(--mu);
padding: 1rem 1.5rem .8rem;
border-bottom: 2px solid transparent;
margin-bottom: -1px;
background: transparent;
transition: color .25s, border-color .25s;
}
.menu-tab:hover {
color: var(--cr)
}
.menu-tab.on {
color: var(--gold);
border-bottom-color: var(--gold)
}
.menu-body {
flex: 1;
overflow-y: auto;
padding: 0 1rem 2.8rem;
scrollbar-width: thin;
scrollbar-color: rgba(196, 152, 74, .18) transparent;
}
.mpanel {
display: none
}
.mpanel.on {
display: block
} .mgroup {
font-size: .64rem;
font-weight: 500;
letter-spacing: .34em;
text-transform: uppercase;
color: var(--gold);
opacity: .65;
display: flex;
align-items: center;
gap: 1rem;
margin: 2.4rem 0 1rem;
}
.mgroup::after {
content: '';
flex: 1;
height: 1px;
background: linear-gradient(to right, rgba(196, 152, 74, .22), transparent)
}
.mgroup:first-child {
margin-top: 2rem
} .mitem {
display: grid;
grid-template-columns: 1fr auto;
gap: 1.4rem;
align-items: start;
padding: 1.1rem 0;
border-bottom: 1px solid var(--ln2);
transition: border-color .25s;
}
.mitem:hover {
border-color: rgba(196, 152, 74, .2)
}
.mitem:last-child {
border-bottom: none
}
.mitem-name {
font-family: 'Playfair Display', serif;
font-size: 1.02rem;
font-weight: 400;
color: var(--cr);
display: block;
margin-bottom: .28rem;
}
.mitem-desc {
font-size: .78rem;
font-weight: 300;
line-height: 1.65;
color: var(--mu)
}
.mitem-price {
font-family: 'Playfair Display', serif;
font-size: .96rem;
color: var(--gl);
white-space: nowrap;
text-align: right;
padding-top: .1rem;
}
.mitem-price-lbl {
font-size: .56rem;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--mu);
display: block;
text-align: right;
margin-bottom: .18rem;
opacity: .55;
}
.menu-note {
font-size: .64rem;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--mu); margin-top: 2rem;
padding-top: 1.4rem;
border-top: 1px solid var(--ln2);
} .drank-item {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: .85rem 0;
border-bottom: 1px solid var(--ln2);
font-family: 'Playfair Display', serif;
}
.drank-item:last-child {
border-bottom: none
}
.drank-naam {
font-size: .95rem;
color: var(--cr)
}
.drank-prijs {
font-size: .95rem;
color: var(--gl);
padding-left: 1.4rem;
white-space: nowrap
} .wijn-hdr {
display: grid;
grid-template-columns: 1fr auto auto;
gap: 0;
padding: .4rem 0 .6rem;
border-bottom: 1px solid var(--ln);
margin-bottom: .2rem;
}
.wijn-hdr-lbl {
font-size: .56rem;
letter-spacing: .18em;
text-transform: uppercase;
color: var(--mu);
opacity: .4;
text-align: right;
padding-left: 1.6rem;
font-family: 'Jost', sans-serif;
}
.wijn-row {
display: grid;
grid-template-columns: 1fr auto auto;
gap: 0;
padding: .82rem 0;
border-bottom: 1px solid var(--ln2)
}
.wijn-row:last-child {
border-bottom: none
}
.wijn-naam {
font-family: 'Playfair Display', serif;
font-size: .94rem;
color: var(--cr)
}
.wijn-kar {
font-size: .74rem;
color: var(--mu);
font-family: 'Jost', sans-serif;
margin-top: .14rem;
font-style: italic
}
.wijn-prijs {
font-family: 'Playfair Display', serif;
font-size: .94rem;
color: var(--gl);
text-align: right;
padding-left: 1.6rem
} .comb-cols {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.4rem 2.8rem;
margin-top: .5rem
}
.comb-col-title {
font-size: .62rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
opacity: .6;
padding-bottom: .6rem;
border-bottom: 1px solid var(--ln);
margin-bottom: .2rem;
}
.comb-item {
display: flex;
justify-content: space-between;
align-items: baseline;
padding: .66rem 0;
border-bottom: 1px solid var(--ln2);
font-family: 'Playfair Display', serif;
}
.comb-item:last-child {
border-bottom: none
}
.comb-naam {
font-size: 1rem;
color: var(--cr)
}
.comb-prijs {
font-size: 1rem;
color: var(--gl);
padding-left: 1rem;
white-space: nowrap
} @media(max-width:900px) {
.logo-card {
padding: 30px 32px 32px;
margin-bottom: 1rem;
}
.hb {
padding: 1.4rem 5vw;
}
.concept,
.sfeer-in,
.pr-in {
grid-template-columns: 1fr;
gap: 4rem;
padding: 5rem 5vw;
}
.sfeer {
padding: 0 5vw;
}
.c-right {
padding-top: 0
}
.sfeer-r {
padding-top: 0
}
.smaken {
background: var(--bg);
padding: 5rem 5vw;
}
.smaken-grid {
grid-template-columns: 1fr
}
.sm-item:nth-child(odd) {
border-right: none;
padding-right: 0
}
.sm-item:nth-child(even) {
padding-left: 0
}
.sm-item.full {
grid-column: 1;
border-top: 1px solid var(--ln);
padding-top: 3rem
}
.gal-grid {
grid-template-columns: 1fr 1fr;
grid-template-rows: 220px 220px 180px
}
.gc.tall {
grid-row: span 1
}
.gc.wide {
grid-column: span 2
}
.hero-bar {
grid-template-columns: 1fr 1fr
}
.hb:nth-child(3) {
border-top: 1px solid var(--ln)
}
.ghost {
display: none
}
.foto-breed {
height: 44vw;
min-height: 260px
}
.comb-cols {
grid-template-columns: 1fr
}
.praktisch {
padding: 0 5vw;
}
}
@media(max-width:600px) {
.hb-v {
font-size: 10px;
}
.hero-bar {
grid-template-columns: 1fr 1fr
}
.nav-link {
display: none
}
.site-footer {
flex-direction: column;
gap: 1.5rem;
text-align: center
}
.ft-copy {
text-align: center
}
.menu-panel {
width: 100%;
border-left: none
}
.menu-backdrop {
display: none
}
.hero-tag {
font-size: 26px;
margin-bottom: 0px;
}
.hero-tag-sub {
margin-bottom: 2.5rem;
}
.hero-extra {
max-width: 245px;
}
}.bs-v2 { --mu: #b3ada3; }
.bs-v2 .c-p,
.bs-v2 .sfeer-p { line-height: 1.9; } .bs-v2 .bs-nav { height: 58px; }
.bs-v2 .bs-nav.solid { height: 52px; }
.bs-v2 .nav-right { gap: 1.3rem; }
.bs-v2 .nav-link { color: rgba(221, 208, 180, .7); }
@media (max-width: 1180px) {
.bs-v2 .nav-right { gap: 1rem; }
.bs-v2 .nav-link { letter-spacing: .16em; }
}
@media (max-width: 900px) {
.bs-v2 .nav-link { display: none; }
} .bs-v2 h1.hero-tag { line-height: 1.25; }
.bs-v2 .logo-card { margin-bottom: 2.6rem; }
.bs-v2 .hero-tag-sub { margin-bottom: 2.6rem; line-height: 1.8; }
.bs-v2 .hero-extra { margin-top: 2.2rem; line-height: 2; }
@media (max-width: 600px) {
.bs-v2 .hero { height: auto; min-height: 100svh; }
.bs-v2 .hero-body { padding: 5.5rem 6vw 3rem; }
.bs-v2 .logo-card { padding: 22px 26px 24px; margin-bottom: 1.6rem; }
.bs-v2 .logo-img { width: min(300px, 64vw); }
.bs-v2 .hero-tag-sub { font-size: 14px; margin-bottom: 1.8rem; }
.bs-v2 .hero-ctas { flex-direction: column; width: 100%; max-width: 320px; }
.bs-v2 .hero-ctas .btn { width: 100%; text-align: center; }
.bs-v2 .hero-extra { max-width: 280px; font-size: .66rem; letter-spacing: .2em; margin-top: 1.6rem; }
.bs-v2 .hero-scroll { display: none; }
} .bs-v2 .concept { padding: 7rem 5vw; gap: 6rem; }
.bs-v2 .praktisch { padding: 8rem 5vw 7rem; }
.bs-v2 .pr-in { gap: 7rem; }
.bs-v2 .pr-hl { margin-bottom: 3.5rem; }
.bs-v2 .ib { margin-bottom: 2.4rem; padding-bottom: 2.4rem; }
@media (max-width: 900px) {
.bs-v2 .concept,
.bs-v2 .pr-in { padding: 4rem 0; gap: 2.4rem; }
.bs-v2 .concept { padding: 4rem 5vw; }
.bs-v2 .praktisch { padding: 0 5vw 5rem; }
} .v2-duo {
background: var(--bg2);
border-top: 1px solid var(--ln);
border-bottom: 1px solid var(--ln);
padding: 6rem 5vw;
}
.v2-duo-in {
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.v2-card {
display: flex;
flex-direction: column;
background: rgba(7, 13, 26, .6);
border: 1px solid var(--ln);
}
.v2-card-img { aspect-ratio: 16 / 10; overflow: hidden; }
.v2-card-img img {
width: 100%; height: 100%; object-fit: cover; display: block;
filter: brightness(.8) saturate(.85);
transition: transform 1.2s cubic-bezier(.22, 1, .36, 1);
}
.v2-card:hover .v2-card-img img { transform: scale(1.05); }
.v2-card-body {
padding: 2.4rem 2.4rem 2.6rem;
display: flex;
flex-direction: column;
flex: 1;
}
.v2-card-body .btn { align-self: flex-start; margin-top: auto; }
.v2-card-hl {
font-family: 'Playfair Display', serif;
font-size: clamp(1.8rem, 2.6vw, 2.3rem);
font-weight: 700;
line-height: 1.1;
color: var(--cr);
margin: 1.2rem 0 1.2rem;
}
.v2-card-hl em {
display: block;
font-weight: 400;
font-style: italic;
color: var(--gl);
font-size: .7em;
margin-top: .2em;
}
.v2-deal {
border-top: 1px solid var(--ln);
border-bottom: 1px solid var(--ln);
padding: 1.2rem 0;
margin: .4rem 0 2rem;
}
.v2-deal-top {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 1rem;
}
.v2-deal-lbl {
font-size: .66rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
}
.v2-deal-prijs {
font-family: 'Playfair Display', serif;
font-size: 1.9rem;
color: var(--cr);
}
.v2-deal-desc {
font-size: .86rem;
line-height: 1.7;
color: var(--mu);
margin-top: .5rem;
}
@media (max-width: 900px) {
.v2-duo { padding: 4rem 5vw; }
.v2-duo-in { grid-template-columns: 1fr; gap: 1.4rem; }
.v2-card-body { padding: 1.8rem 1.5rem 2rem; }
} .v2-feesten { background: var(--bg); position: relative; }
.v2-feesten::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 50% 60% at 0% 40%, rgba(196, 152, 74, .05) 0%, transparent 65%);
pointer-events: none;
}
.v2-feesten .concept { position: relative; }
.v2-catering { background: var(--bg2); border-top: 1px solid var(--ln); }
.v2-opties {
list-style: none;
margin: 2.8rem 0 0;
padding: 0;
}
.v2-opties li {
font-family: 'Playfair Display', serif;
font-size: 1.05rem;
font-style: italic;
color: var(--cr);
padding: .8rem 0;
border-bottom: 1px solid var(--ln);
display: flex;
align-items: center;
gap: 1rem;
}
.v2-opties li::before {
content: '';
width: 12px;
height: 1px;
background: var(--gold);
opacity: .6;
flex-shrink: 0;
} .v2-aanvraag {
background: var(--bg);
border-top: 1px solid var(--ln);
padding: 7rem 5vw;
}
.v2-aanvraag-in { max-width: 720px; margin: 0 auto; }
.v2-aanvraag-hl {
font-family: 'Playfair Display', serif;
font-size: clamp(2rem, 3.6vw, 2.8rem);
font-weight: 700;
line-height: 1.1;
color: var(--cr);
margin: 1.4rem 0 1.2rem;
}
.v2-aanvraag-note {
font-size: .78rem;
letter-spacing: .04em;
color: var(--gl);
border-left: 2px solid var(--gold);
padding-left: 1rem;
margin: 0 0 2.6rem;
}
.v2-form .c-p a { color: var(--gl); }
@media (max-width: 900px) {
.v2-aanvraag { padding: 4.5rem 5vw; }
} .v2-form .gform_wrapper.gravity-theme .gfield_label,
.v2-form .gform_wrapper .gfield_label,
.v2-form .gform_wrapper legend {
font-family: 'Jost', sans-serif;
font-size: .66rem !important;
font-weight: 500 !important;
letter-spacing: .26em;
text-transform: uppercase;
color: var(--gold) !important;
}
.v2-form .gform_wrapper input[type=text],
.v2-form .gform_wrapper input[type=email],
.v2-form .gform_wrapper input[type=tel],
.v2-form .gform_wrapper input[type=number],
.v2-form .gform_wrapper input[type=date],
.v2-form .gform_wrapper select,
.v2-form .gform_wrapper textarea {
background: rgba(255, 255, 255, .03) !important;
border: 1px solid rgba(196, 152, 74, .22) !important;
border-radius: 0 !important;
color: var(--cr) !important;
font-family: 'Jost', sans-serif;
font-size: 1rem !important;
padding: .8rem 1rem !important;
}
.v2-form .gform_wrapper input:focus,
.v2-form .gform_wrapper select:focus,
.v2-form .gform_wrapper textarea:focus {
border-color: var(--gold) !important;
outline: 2px solid rgba(196, 152, 74, .35);
outline-offset: 1px;
}
.v2-form .gform_wrapper .gchoice label { color: var(--cr); font-size: .95rem; }
.v2-form .gform_wrapper .gform_footer input[type=submit],
.v2-form .gform_wrapper .gform_footer button {
font-family: 'Jost', sans-serif !important;
font-size: .66rem !important;
font-weight: 500 !important;
letter-spacing: .28em !important;
text-transform: uppercase !important;
color: var(--bg) !important;
background: var(--gold) !important;
border: 1px solid var(--gd) !important;
border-radius: 0 !important;
padding: .95rem 2.6rem !important;
cursor: pointer;
}
.v2-form .gform_confirmation_message {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-style: italic;
color: var(--cr);
border-left: 2px solid var(--gold);
padding-left: 1.4rem;
} .v2-reviews { background: var(--bg); padding: 7rem 5vw; }
.v2-reviews-in { max-width: 1100px; margin: 0 auto; }
.v2-reviews-hdr {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 2rem;
flex-wrap: wrap;
margin-bottom: 3rem;
}
.v2-score span:first-child {
font-family: 'Playfair Display', serif;
font-size: 2.6rem;
color: var(--cr);
}
.v2-score-sub {
font-size: .72rem;
letter-spacing: .2em;
text-transform: uppercase;
color: var(--gold);
margin-left: .6rem;
}
.v2-reviews-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.4rem;
}
.v2-review {
margin: 0;
border: 1px solid var(--ln);
padding: 2rem;
background: rgba(7, 13, 26, .6);
}
.v2-review-q {
font-family: 'Playfair Display', serif;
font-style: italic;
font-size: 1.02rem;
line-height: 1.7;
color: var(--cr);
margin: 0 0 1.4rem;
}
.v2-review-by {
font-size: .66rem;
letter-spacing: .24em;
text-transform: uppercase;
color: var(--mu);
}
@media (max-width: 900px) {
.v2-reviews { padding: 4.5rem 5vw; }
.v2-reviews-grid { grid-template-columns: 1fr; }
} .v2-uren-note {
font-family: 'Jost', sans-serif;
font-size: .86rem;
color: var(--mu);
margin-top: 1rem;
line-height: 1.7;
} .v2-mbar { display: none; }
@media (max-width: 900px) {
.v2-mbar {
display: grid;
grid-template-columns: repeat(3, 1fr);
position: fixed;
left: 0; right: 0; bottom: 0;
z-index: 400;
background: rgba(7, 13, 26, .96);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-top: 1px solid var(--ln);
padding-bottom: env(safe-area-inset-bottom);
}
.v2-mbar a,
.v2-mbar button {
font-family: 'Jost', sans-serif;
font-size: .66rem;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--gold);
background: none;
border: none;
border-right: 1px solid var(--ln);
text-decoration: none;
text-align: center;
padding: 1.05rem .5rem;
cursor: pointer;
}
.v2-mbar > :last-child { border-right: none; }
.bs-v2 { padding-bottom: 56px; }
} @media (max-width: 900px) {
body.bs-v2 #tebi_rs_01 {
bottom: 68px !important;
transform: scale(.8);
transform-origin: right bottom;
}
}  .bs-v2 .nav-link.is-active { color: var(--gold); }
.v2-sub .bs-nav {
background: rgba(7, 13, 26, .93);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border-bottom: 1px solid var(--ln);
}
.v2-sub .nav-logo { opacity: 1; } .bs-v2 #concept h2 { margin: 0; font: inherit; }
.bs-v2 #concept.sfeer { background: var(--bg); }
.bs-v2 .sfeer { padding: 8rem 5vw; }
.bs-v2 .sfeer-in { gap: 7rem; }
@media (max-width: 900px) {
.bs-v2 .sfeer { padding: 4.5rem 5vw; }
.bs-v2 .sfeer-in { gap: 2.4rem; padding: 0; }
} .v2-fc {
background: var(--bg);
padding: 8rem 5vw;
position: relative;
}
.v2-fc::before {
content: '';
position: absolute;
inset: 0;
background: radial-gradient(ellipse 50% 60% at 0% 30%, rgba(196, 152, 74, .05) 0%, transparent 65%);
pointer-events: none;
}
.v2-fc-in { max-width: 1100px; margin: 0 auto; position: relative; }
.v2-fc-hdr { margin-bottom: 3.5rem; }
.v2-fc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.v2-fc-col {
border: 1px solid var(--ln);
background: rgba(7, 13, 26, .6);
padding: 2.8rem 2.6rem;
display: flex;
flex-direction: column;
}
.v2-fc-kicker {
font-size: .66rem;
font-weight: 500;
letter-spacing: .3em;
text-transform: uppercase;
color: var(--gold);
margin-bottom: 1rem;
}
.v2-fc-title {
font-family: 'Playfair Display', serif;
font-size: clamp(1.5rem, 2.2vw, 1.9rem);
font-weight: 700;
line-height: 1.15;
color: var(--cr);
margin-bottom: 1.2rem;
}
.v2-fc-col .c-quote { margin: 1rem 0 2rem; font-size: 1rem; }
.v2-fc-btns { margin-top: auto; padding-top: 2rem; display: flex; gap: .8rem; flex-wrap: wrap; }
.v2-fc-more { margin-top: 2.6rem; text-align: center; }
.v2-fc-more a {
font-size: .7rem;
font-weight: 500;
letter-spacing: .26em;
text-transform: uppercase;
color: var(--gl);
text-decoration: none;
border-bottom: 1px solid rgba(196, 152, 74, .3);
padding-bottom: .3rem;
}
.v2-fc-more a:hover { border-color: var(--gl); }
.v2-opties--compact { margin-top: 1.4rem; }
.v2-opties--compact li { font-size: .98rem; padding: .6rem 0; }
@media (max-width: 900px) {
.v2-fc { padding: 4.5rem 5vw; }
.v2-fc-grid { grid-template-columns: 1fr; gap: 1.4rem; }
.v2-fc-col { padding: 2rem 1.5rem; }
.v2-fc-hdr { margin-bottom: 2.2rem; }
} .v2-phero {
position: relative;
min-height: 78svh;
display: flex;
align-items: flex-end;
overflow: hidden;
padding-top: 58px;
}
.v2-phero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
filter: brightness(.32) saturate(.9);
}
.v2-phero-body {
position: relative;
z-index: 2;
max-width: 1100px;
width: 100%;
margin: 0 auto;
padding: 6rem 5vw 4rem;
}
.v2-phero-hl {
font-family: 'Playfair Display', serif;
font-size: clamp(2.6rem, 6vw, 5rem);
font-weight: 700;
line-height: 1.02;
color: var(--cr);
margin: 1.4rem 0 1.4rem;
max-width: 820px;
}
.v2-phero-hl em {
display: block;
font-weight: 400;
font-style: italic;
color: var(--gl);
font-size: .72em;
margin-top: .12em;
}
.v2-phero .hero-tag-sub { margin-bottom: 2.4rem; text-align: left; }
.v2-phero .hero-ctas { justify-content: flex-start; }
.v2-jump {
display: flex;
flex-wrap: wrap;
gap: .4rem 2rem;
margin-top: 3.2rem;
padding-top: 1.6rem;
border-top: 1px solid var(--ln);
}
.v2-jump a {
font-size: .64rem;
font-weight: 500;
letter-spacing: .24em;
text-transform: uppercase;
color: rgba(221, 208, 180, .7);
text-decoration: none;
}
.v2-jump a:hover { color: var(--gold); }
@media (max-width: 600px) {
.v2-phero { min-height: auto; }
.v2-phero-body { padding: 4rem 6vw 2.6rem; }
.v2-phero .hero-ctas { flex-direction: column; }
.v2-phero .hero-ctas .btn { width: 100%; text-align: center; }
.v2-jump { gap: .8rem 1.4rem; margin-top: 2.2rem; }
} .v2-occ { background: var(--bg2); border-top: 1px solid var(--ln); padding: 7rem 5vw; }
.v2-occ-in { max-width: 1100px; margin: 0 auto; }
.v2-occ-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1px;
background: var(--ln);
border: 1px solid var(--ln);
margin-top: 2.6rem;
}
.v2-occ-item { background: var(--bg2); padding: 2.4rem 2.2rem; }
.v2-occ-num {
font-family: 'Playfair Display', serif;
font-size: 2rem;
font-style: italic;
color: rgba(196, 152, 74, .35);
display: block;
margin-bottom: 1rem;
}
.v2-occ-t {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 700;
color: var(--cr);
margin-bottom: .7rem;
line-height: 1.25;
}
.v2-occ-d { font-size: .92rem; line-height: 1.8; color: var(--mu); }
@media (max-width: 900px) {
.v2-occ { padding: 4.5rem 5vw; }
.v2-occ-grid { grid-template-columns: 1fr; }
.v2-occ-item { padding: 1.8rem 1.5rem; }
} .v2-quote-band { background: var(--bg); padding: 6rem 5vw; text-align: center; }
.v2-quote-band-q {
max-width: 820px;
margin: 0 auto;
font-family: 'Playfair Display', serif;
font-size: clamp(1.4rem, 3vw, 2.2rem);
font-style: italic;
line-height: 1.45;
color: var(--cr);
}
.v2-quote-band-q::before {
content: '';
display: block;
width: 40px;
height: 1px;
background: var(--gold);
opacity: .6;
margin: 0 auto 2rem;
}
@media (max-width: 900px) { .v2-quote-band { padding: 4rem 6vw; } } .v2-catering-img { margin-top: 2.6rem; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--ln); }
.v2-catering-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(.8) saturate(.85); } .v2-steps { background: var(--bg2); border-top: 1px solid var(--ln); padding: 7rem 5vw; }
.v2-steps-in { max-width: 1100px; margin: 0 auto; }
.v2-steps-list {
list-style: none;
padding: 0;
margin: 2.6rem 0 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem;
}
.v2-steps-list li { border-top: 1px solid var(--ln); padding-top: 1.8rem; }
.v2-steps-n {
font-family: 'Playfair Display', serif;
font-size: 2.4rem;
font-style: italic;
color: var(--gl);
display: block;
margin-bottom: 1rem;
}
.v2-steps-list h3 {
font-family: 'Playfair Display', serif;
font-size: 1.2rem;
font-weight: 700;
color: var(--cr);
margin-bottom: .6rem;
}
.v2-steps-list p { font-size: .92rem; line-height: 1.8; color: var(--mu); }
@media (max-width: 900px) {
.v2-steps { padding: 4.5rem 5vw; }
.v2-steps-list { grid-template-columns: 1fr; gap: 2rem; }
} .v2-aanvraag-alt {
margin-top: 2.4rem;
font-size: .9rem;
color: var(--mu);
}
.v2-aanvraag-alt a { color: var(--gl); text-decoration: none; border-bottom: 1px solid rgba(196, 152, 74, .25); }
.v2-form .gform_wrapper .gfield_description { color: var(--mu) !important; font-size: .82rem; }
.v2-form .gform_wrapper .gfield_required { color: var(--gl) !important; }
.v2-form .gform_wrapper .v2-gf-note { font-size: .82rem; color: var(--gl); border-left: 2px solid var(--gold); padding-left: 1rem; }
.v2-form .gform_wrapper .gfield_validation_message,
.v2-form .gform_wrapper .validation_message { background: rgba(180, 60, 60, .12) !important; border-color: rgba(220, 100, 100, .5) !important; color: #f1c8c8 !important; }
.v2-form .gform_wrapper .gform_validation_errors { background: rgba(180, 60, 60, .12) !important; border-color: rgba(220, 100, 100, .5) !important; }
.v2-form .gform_wrapper .gform_validation_errors h2 { color: #f1c8c8 !important; font-size: .95rem !important; }
.v2-form .gform_wrapper .v2-type .gfield_radio { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.v2-form .gform_wrapper .v2-type .gchoice {
border: 1px solid rgba(196, 152, 74, .25);
padding: 1rem 1.1rem;
display: flex;
align-items: center;
gap: .7rem;
}
.v2-form .gform_wrapper .v2-type .gchoice:has(input:checked) { border-color: var(--gold); background: rgba(196, 152, 74, .07); }
.v2-form .gform_wrapper select option { background: #0b1322; color: var(--cr); }
@media (max-width: 600px) {
.v2-form .gform_wrapper .v2-type .gfield_radio { grid-template-columns: 1fr; }
} .bs-v2 #concept .sw-xl { font-size: clamp(2.4rem, 4.6vw, 3.9rem); }
.bs-v2 #concept .sw-lg { font-size: clamp(1.5rem, 2.6vw, 2.2rem); }
.v2-fc-note { font-family: 'Playfair Display', serif; font-style: italic; font-size: .98rem; color: var(--gl); margin-top: 1.4rem; }
.v2-occ-cta { background: rgba(196, 152, 74, .06); display: flex; flex-direction: column; justify-content: center; }
.v2-occ-cta .btn { align-self: flex-start; margin-top: 1.4rem; } .v2-gal-sub { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.05rem; color: var(--cr); opacity: .85; margin-top: .9rem; } @media (max-width: 900px) {
body.has-giftlink #tebi_rs_01 { display: none !important; }
} .bs-v2 .site-main {
max-width: 820px;
margin: 0 auto;
padding: 9rem 5vw 7rem;
}
.bs-v2 .site-main .entry-title {
font-family: 'Playfair Display', serif;
font-size: clamp(2.2rem, 5vw, 3.6rem);
font-weight: 700;
line-height: 1.08;
color: var(--cr);
margin-bottom: 2.6rem;
}
.bs-v2 .site-main .entry-content { font-size: 1rem; line-height: 1.9; color: var(--mu); }
.bs-v2 .site-main .entry-content h2,
.bs-v2 .site-main .entry-content h3 {
font-family: 'Playfair Display', serif;
color: var(--cr);
line-height: 1.2;
margin: 2.6rem 0 1rem;
}
.bs-v2 .site-main .entry-content h2 { font-size: 1.7rem; }
.bs-v2 .site-main .entry-content h3 { font-size: 1.3rem; }
.bs-v2 .site-main .entry-content p,
.bs-v2 .site-main .entry-content ul,
.bs-v2 .site-main .entry-content ol { margin-bottom: 1.3rem; }
.bs-v2 .site-main .entry-content ul,
.bs-v2 .site-main .entry-content ol { padding-left: 1.3rem; }
.bs-v2 .site-main .entry-content a { color: var(--gl); }
.bs-v2 .site-main .entry-content strong { color: var(--cr); font-weight: 500; }
.bs-v2 .site-main .entry-footer { margin-top: 3rem; font-size: .8rem; }
@media (max-width: 900px) { .bs-v2 .site-main { padding: 6.5rem 6vw 5rem; } }  .bs-v2 .site-footer:not(.v2-footer) { display: none; }
.v2-footer { flex-wrap: wrap; row-gap: 1.4rem; }
.v2-footer .site-footer__location-label { text-decoration: none; }
.v2-footer-links { display: flex; flex-wrap: wrap; gap: .5rem 1.6rem; justify-content: center; }
.v2-footer-links a {
font-size: .64rem; font-weight: 500; letter-spacing: .2em; text-transform: uppercase;
color: rgba(221, 208, 180, .7); text-decoration: none;
}
.v2-footer-links a:hover { color: var(--gold); }
@media (max-width: 600px) {
.v2-footer .site-footer__copy span { display: block; }
} .v2-burger { display: none; }
@media (max-width: 900px) {
.bs-v2 .nav-menu-btn { display: none; }
.v2-burger {
display: inline-flex; flex-direction: column; justify-content: center; gap: 5px;
width: 44px; height: 44px; padding: 0 10px;
background: transparent; border: 1px solid rgba(196, 152, 74, .34); cursor: pointer;
}
.v2-burger span { display: block; height: 1px; background: var(--gold); transition: transform .25s, opacity .25s; }
.v2-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.v2-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.v2-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.bs-v2 .bs-nav { padding: 0 4vw; }
.v2-mnav-open .bs-nav { background: rgba(7, 13, 26, .98) !important; }
.v2-mnav-open .nav-logo { opacity: 1 !important; }
}
.v2-mnav {
position: fixed; left: 0; right: 0; top: 58px; bottom: 0; z-index: 499;
background: rgba(7, 13, 26, .98);
backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
padding: 2rem 7vw calc(5rem + env(safe-area-inset-bottom));
display: flex; flex-direction: column; justify-content: space-between;
overflow-y: auto;
}
.v2-mnav[hidden] { display: none; }
.v2-mnav nav { display: flex; flex-direction: column; }
.v2-mnav nav a {
font-family: 'Playfair Display', serif; font-size: 1.7rem; color: var(--cr);
text-decoration: none; padding: 1rem 0; border-bottom: 1px solid var(--ln);
}
.v2-mnav nav a:active, .v2-mnav nav a:hover { color: var(--gl); }
.v2-mnav-foot { display: flex; gap: 1.6rem; padding-top: 2rem; }
.v2-mnav-foot a {
font-size: .7rem; font-weight: 500; letter-spacing: .22em; text-transform: uppercase;
color: var(--gold); text-decoration: none;
}
.v2-sub .bs-v2 .v2-mnav, .v2-sub .v2-mnav { top: 52px; }
.v2-mnav-open { overflow: hidden; }
.v2-mnav-open .v2-mbar { display: none; } .v2-f { display: flex; flex-direction: column; gap: 1.6rem; }
.v2-f-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.v2-f-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.6rem 1.4rem; }
.v2-f-field { display: flex; flex-direction: column; gap: .55rem; margin: 0; padding: 0; border: 0; min-width: 0; }
.v2-f-field[hidden] { display: none; }
.v2-f label, .v2-f legend {
font-size: .66rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: var(--gold);
padding: 0;
}
.v2-f legend { margin-bottom: .8rem; }
.v2-f-req { color: var(--gl); }
.v2-f-opt { color: var(--mu); letter-spacing: .1em; text-transform: none; font-size: .78rem; font-weight: 300; }
.v2-f input[type=text], .v2-f input[type=email], .v2-f input[type=tel], .v2-f input[type=number],
.v2-f input[type=date], .v2-f select, .v2-f textarea {
width: 100%; box-sizing: border-box;
background: rgba(255, 255, 255, .035);
border: 1px solid rgba(196, 152, 74, .24);
border-radius: 0;
color: var(--cr);
font-family: 'Jost', sans-serif; font-size: 1rem; font-weight: 300;
padding: .85rem 1rem;
min-height: 50px;
-webkit-appearance: none; appearance: none;
color-scheme: dark;
}
.v2-f textarea { resize: vertical; min-height: 0; line-height: 1.6; }
.v2-f select {
background-image: linear-gradient(45deg, transparent 50%, var(--gold) 50%), linear-gradient(135deg, var(--gold) 50%, transparent 50%);
background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%;
background-size: 5px 5px; background-repeat: no-repeat; padding-right: 2.6rem;
}
.v2-f select option { background: #0b1322; color: var(--cr); }
.v2-f input::placeholder, .v2-f textarea::placeholder { color: rgba(221, 208, 180, .35); }
.v2-f input:focus, .v2-f select:focus, .v2-f textarea:focus {
outline: 2px solid rgba(196, 152, 74, .45); outline-offset: 1px; border-color: var(--gold);
}
.v2-f-choices { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.v2-f-choice {
display: flex !important; align-items: center; gap: .8rem; cursor: pointer;
border: 1px solid rgba(196, 152, 74, .24); padding: 1rem 1.1rem;
font-family: 'Playfair Display', serif !important; font-size: 1.02rem !important;
letter-spacing: 0 !important; text-transform: none !important; color: var(--cr) !important;
transition: border-color .2s, background .2s;
}
.v2-f-choice:has(input:checked) { border-color: var(--gold); background: rgba(196, 152, 74, .08); }
.v2-f-choice input { accent-color: #c4984a; width: 18px; height: 18px; flex-shrink: 0; margin: 0; }
.v2-f-hint { font-size: .82rem; color: var(--mu); margin: 0; }
.v2-f-err { font-size: .84rem; color: #f0b4b4; margin: 0; }
.v2-f-field.has-err input, .v2-f-field.has-err select, .v2-f-field.has-err textarea,
.v2-f-field.has-err .v2-f-choice { border-color: rgba(230, 120, 120, .7); }
.v2-f-msg {
margin: 0; padding: .9rem 1.1rem; font-size: .9rem; color: #f6d0d0;
background: rgba(180, 60, 60, .14); border-left: 2px solid rgba(230, 120, 120, .8);
}
.v2-f-note { font-size: .84rem; color: var(--gl); border-left: 2px solid var(--gold); padding-left: 1rem; margin: 0; line-height: 1.7; }
.v2-f-submit { align-self: flex-start; border: none; cursor: pointer; }
.v2-f-submit:disabled { opacity: .6; cursor: wait; }
.v2-f-done {
border: 1px solid rgba(196, 152, 74, .35); background: rgba(196, 152, 74, .06);
padding: 2.2rem 2.2rem; color: var(--mu); line-height: 1.8; outline: none;
}
.v2-f-done-hl { font-family: 'Playfair Display', serif; font-size: 1.5rem; color: var(--cr); margin-bottom: .8rem; }
@media (max-width: 600px) {
.v2-f-grid, .v2-f-choices { grid-template-columns: 1fr; }
.v2-f-submit { width: 100%; text-align: center; align-self: stretch; }
.v2-f-done { padding: 1.6rem 1.4rem; }
}
.v2-f .v2-f-choice { padding: 1rem 1.1rem; min-height: 54px; box-sizing: border-box; } .v2-footer .site-footer__location { display: flex; flex-direction: column; align-items: center; gap: .5rem; position: relative; z-index: 1; }
.v2-footer .site-footer__location-dot {
width: 7px; height: 7px; border-radius: 50%; background: var(--gold); opacity: .6;
box-shadow: 0 0 0 3px rgba(196, 152, 74, .13), 0 0 0 6px rgba(196, 152, 74, .05);
}
.v2-footer a.site-footer__location-label,
.v2-footer a.site-footer__location-label:visited {
font-size: .64rem; font-weight: 500; letter-spacing: .26em; text-transform: uppercase;
color: var(--gold); opacity: .85; text-decoration: none; transition: opacity .2s;
}
.v2-footer a.site-footer__location-label:hover { opacity: 1; text-decoration: underline; text-underline-offset: 4px; }
.v2-footer .site-footer__copy {
font-size: .6rem; letter-spacing: .18em; text-transform: uppercase;
color: var(--mu); opacity: .6; text-align: right; position: relative; z-index: 1;
}
.v2-footer .site-footer__copy span { display: block; margin-bottom: .2rem; }
.v2-footer .site-footer__logo { height: 18px; width: auto; opacity: .75; position: relative; z-index: 1; }
@media (max-width: 600px) { .v2-footer .site-footer__copy { text-align: center; } }
.v2-footer-links { position: relative; z-index: 1; }
.v2-footer-links a, .v2-footer-links a:visited { color: rgba(221, 208, 180, .8); }
.v2-footer-links a:hover { color: var(--gold); }  .v2-only-mob, .v2-only-mob-flex { display: none; }
@media (max-width: 600px) {
.v2-only-desk { display: none; }
.v2-only-mob { display: inline; }
.v2-only-mob-flex { display: inline-flex; }
} @media (max-width: 600px) {
.bs-v2 .hero { height: auto; min-height: 0; }
.bs-v2 .hero-body { padding: 4.6rem 6vw 2.2rem; justify-content: flex-start; }
.bs-v2 .logo-card { padding: 14px 18px 15px; margin-bottom: 1.1rem; }
.bs-v2 .logo-card .logo-img { width: min(190px, 50vw); }
.bs-v2 h1.hero-tag { font-size: 1.45rem; line-height: 1.25; margin-bottom: .5rem; }
.bs-v2 .hero-tag-sub { font-size: .9rem; line-height: 1.6; margin-bottom: 1.3rem; max-width: 320px; }
.bs-v2 .hero-ctas {
display: grid; grid-template-columns: 1fr 1fr; gap: .6rem;
width: 100%; max-width: 360px; flex-direction: initial;
}
.bs-v2 .hero-ctas .btn {
width: 100%; padding: .85rem .4rem; letter-spacing: .14em; font-size: .62rem; text-align: center;
}
.bs-v2 .hero-ctas .v2-hero-route { display: none; } .bs-v2 .hero-extra { margin-top: 1.1rem; font-size: .6rem; letter-spacing: .16em; max-width: 300px; }
.bs-v2 .hero-scroll { display: none; }
} @media (max-width: 600px) {
.v2-duo { padding: 2rem 4vw; }
.v2-duo-in { gap: 1rem; }
.v2-card-body { padding: 1.4rem 1.2rem 1.5rem; }
.v2-card-hl { margin: .7rem 0 .8rem; font-size: 1.6rem; }
.v2-deal { margin: .2rem 0 1.2rem; padding: .9rem 0; }
.v2-fc { padding: 3rem 5vw; }
.v2-fc-hdr { margin-bottom: 1.4rem; }
.v2-fc-col { padding: 1.5rem 1.2rem; }
.v2-fc-more { margin-top: 1.6rem; }
.bs-v2 .gal-hdr { padding: 2.4rem 5vw 1.2rem; }
.bs-v2 .gallerij { padding-top: 0; }
.bs-v2 .gal-grid { grid-template-rows: 170px 170px 140px; }
.bs-v2 .sfeer { padding: 3rem 5vw; }
.bs-v2 .sfeer-in { gap: 1.6rem; }
.bs-v2 .sfeer .cap { margin-bottom: 1.4rem !important; }
.bs-v2 .sw-xl { font-size: 2.3rem !important; }
.bs-v2 .foto-breed { height: 52vw; min-height: 0; }
.v2-reviews { padding: 3rem 5vw; }
.v2-reviews-hdr { margin-bottom: 1.6rem; }
.bs-v2 .praktisch { padding: 0 5vw 3.5rem; }
.bs-v2 .pr-in { padding: 3rem 0 0; gap: 2rem; }
.bs-v2 .pr-hl { margin-bottom: 2rem; font-size: 3.6rem; }
.bs-v2 .ib { margin-bottom: 1.6rem; padding-bottom: 1.6rem; }
.v2-phero-body { padding: 3rem 6vw 2rem; }
.v2-occ, .v2-steps { padding: 3rem 5vw; }
.v2-quote-band { padding: 2.6rem 6vw; }
.v2-aanvraag { padding: 3rem 5vw; }
.bs-v2 .concept { padding: 3rem 5vw; gap: 1.6rem; }
} .v2-review { display: flex; flex-direction: column; }
.v2-review-q { margin-bottom: 1rem; }
.v2-review-more {
align-self: flex-start; background: none; border: none; padding: 0; margin: 0 0 1.2rem;
font-family: 'Jost', sans-serif; font-size: .66rem; font-weight: 500; letter-spacing: .22em;
text-transform: uppercase; color: var(--gold); cursor: pointer;
border-bottom: 1px solid rgba(196, 152, 74, .35); padding-bottom: .2rem;
}
.v2-review-more:hover { border-color: var(--gold); }
.v2-review-by { margin-top: auto; }
.v2-reviews-toggle {
margin-top: 1.2rem; background: none; border: 1px solid rgba(196, 152, 74, .34); color: var(--gold);
font-family: 'Jost', sans-serif; font-size: .64rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase;
padding: .85rem 1.6rem; cursor: pointer; width: 100%; justify-content: center;
}
@media (max-width: 600px) {
.v2-review { padding: 1.4rem 1.3rem; }
.v2-review-q { font-size: .96rem; }
.v2-reviews-grid.has-more:not(.show-all) .v2-review:nth-child(n+4) { display: none; }
} .v2-tag {
display: inline-block; vertical-align: middle; margin-left: .45rem;
font-family: 'Jost', sans-serif; font-style: normal; font-size: .54rem; font-weight: 500;
letter-spacing: .16em; text-transform: uppercase; line-height: 1;
color: var(--gold); border: 1px solid rgba(196, 152, 74, .4); padding: .25rem .45rem .22rem;
white-space: nowrap;
}
.v2-menu-intro {
font-family: 'Playfair Display', serif; font-style: italic; font-size: 1rem; line-height: 1.6;
color: var(--cr); opacity: .9; margin: 0 0 1.8rem;
}
.v2-mgroup-intro { font-size: .8rem; color: var(--mu); font-style: italic; margin: -.2rem 0 .5rem; }
.v2-mbox {
border: 1px solid rgba(196, 152, 74, .35); background: rgba(196, 152, 74, .06);
padding: 1.2rem 1.3rem; margin-bottom: .6rem;
}
.v2-mbox-top { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.v2-mbox-t { font-size: .68rem; font-weight: 500; letter-spacing: .24em; text-transform: uppercase; color: var(--gold); margin: 0; }
.v2-mbox-p { font-family: 'Playfair Display', serif; font-size: 1.3rem; color: var(--cr); margin: 0; white-space: nowrap; }
.v2-mbox-p span { font-family: 'Jost', sans-serif; font-size: .75rem; color: var(--mu); }
.v2-mbox-d { font-size: .86rem; line-height: 1.65; color: var(--mu); margin: .6rem 0 0; }
.v2-mbox-opts { list-style: none; margin: .8rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; }
.v2-mbox-opts li { display: flex; flex-direction: column; gap: .2rem; border-top: 1px solid var(--ln); padding-top: .55rem; }
.v2-mbox-opts li span:first-child { font-size: .62rem; letter-spacing: .16em; text-transform: uppercase; color: var(--mu); }
.v2-mbox-opts li span:last-child { font-family: 'Playfair Display', serif; color: var(--gl); }
.bs-v2 .wijn-hdr-lbl { opacity: .7; }  html:has(> body.bs-v2) { background-color: #070d1a !important; }
@media (max-width: 900px) { .bs-v2 .bs-nav,
.bs-v2 .bs-nav.solid {
background: #070d1a !important;
backdrop-filter: none; -webkit-backdrop-filter: none;
border-bottom: 1px solid var(--ln);
}
.bs-v2 .nav-logo { opacity: 1; } .v2-mbar { background: #070d1a; backdrop-filter: none; -webkit-backdrop-filter: none; }
} @media (max-width: 900px) { .bs-v2 .bs-nav,
.bs-v2 .bs-nav.solid {
box-sizing: border-box;
height: calc(56px + env(safe-area-inset-top));
padding-top: env(safe-area-inset-top);
padding-left: max(4vw, env(safe-area-inset-left));
padding-right: max(4vw, env(safe-area-inset-right));
}
.v2-mnav,
.v2-sub .v2-mnav,
.v2-sub .bs-v2 .v2-mnav { top: calc(56px + env(safe-area-inset-top)); } .v2-mbar { padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
.bs-v2 { padding-bottom: calc(56px + env(safe-area-inset-bottom)); } .bs-v2 .menu-panel { padding-top: env(safe-area-inset-top); box-sizing: border-box; }
.bs-v2 .menu-body { padding-bottom: calc(2rem + env(safe-area-inset-bottom)); } .v2-phero { padding-top: calc(56px + env(safe-area-inset-top)); }
.bs-v2 .site-main { padding-top: calc(6.5rem + env(safe-area-inset-top)); }
}
@media (max-width: 600px) { .bs-v2 .hero { min-height: 82svh; }
.bs-v2 .hero-body {
justify-content: center;
padding: calc(5.4rem + env(safe-area-inset-top)) 6vw 3.4rem;
}
.bs-v2 .logo-card { margin-bottom: 1.6rem; }
.bs-v2 h1.hero-tag { margin-bottom: .8rem; }
.bs-v2 .hero-tag-sub { margin-bottom: 1.8rem; }
.bs-v2 .hero-extra { margin-top: 1.6rem; }
.v2-duo { padding-top: 2.8rem; }
} .v2-gf .gform_wrapper.gravity-theme { margin: 0; }
.v2-gf .gform_wrapper.gravity-theme .gform_fields { row-gap: 1.6rem; column-gap: 1.4rem; }
.v2-gf .gform_wrapper.gravity-theme .gfield_label { margin-bottom: .55rem; padding: 0; display: block; }
.v2-gf .gform_wrapper.gravity-theme .gfield_required { margin-left: .2rem; }
.v2-gf .gform_wrapper.gravity-theme .gfield_required .gfield_required_asterisk { color: var(--gl); }
.v2-gf .gform_wrapper.gravity-theme .gfield_description { padding-top: .45rem; line-height: 1.6; }
.v2-gf .gform_wrapper.gravity-theme .field_description_above .gfield_description { padding: 0 0 .45rem; }
.v2-gf .gform_wrapper.gravity-theme input[type=text],
.v2-gf .gform_wrapper.gravity-theme input[type=email],
.v2-gf .gform_wrapper.gravity-theme input[type=tel],
.v2-gf .gform_wrapper.gravity-theme input[type=number],
.v2-gf .gform_wrapper.gravity-theme select,
.v2-gf .gform_wrapper.gravity-theme textarea {
width: 100% !important; min-height: 50px; box-sizing: border-box;
font-weight: 300; line-height: 1.5; color-scheme: dark;
}
.v2-gf .gform_wrapper.gravity-theme textarea.large { height: 7.5rem; }
.v2-gf .gform_wrapper.gravity-theme .ginput_container_date { width: 100%; }
.v2-gf .gform_wrapper.gravity-theme .ginput_container_date input { width: 100% !important; }
.v2-gf .gform_wrapper.gravity-theme input::placeholder,
.v2-gf .gform_wrapper.gravity-theme textarea::placeholder { color: rgba(221, 208, 180, .35); } .v2-gf .gform_wrapper.gravity-theme .v2-type legend { margin-bottom: .8rem; }
.v2-gf .gform_wrapper.gravity-theme .v2-type .gchoice { margin: 0; cursor: pointer; }
.v2-gf .gform_wrapper.gravity-theme .v2-type .gchoice input { accent-color: #c4984a; width: 18px; height: 18px; margin: 0; flex-shrink: 0; }
.v2-gf .gform_wrapper.gravity-theme .v2-type .gchoice label {
font-family: 'Playfair Display', serif; font-size: 1.02rem; color: var(--cr);
letter-spacing: 0; text-transform: none; margin: 0; cursor: pointer; max-width: none;
} .v2-gf .gform_wrapper.gravity-theme .gfield_error input,
.v2-gf .gform_wrapper.gravity-theme .gfield_error select,
.v2-gf .gform_wrapper.gravity-theme .gfield_error textarea,
.v2-gf .gform_wrapper.gravity-theme .gfield_error .gchoice { border-color: rgba(230, 120, 120, .7) !important; }
.v2-gf .gform_wrapper.gravity-theme .gfield_validation_message {
padding: .5rem .8rem !important; margin-top: .5rem !important; font-size: .84rem;
border: none !important; border-left: 2px solid rgba(230, 120, 120, .8) !important;
}
.v2-gf .gform_wrapper.gravity-theme .gform_validation_errors {
border-radius: 0 !important; box-shadow: none !important; padding: .9rem 1.1rem !important; margin-bottom: 1.6rem !important;
}
.v2-gf .gform_wrapper.gravity-theme .gform_validation_errors .gform-icon { display: none; }
.v2-gf .gform_wrapper.gravity-theme .gform_validation_errors h2 { font-family: 'Jost', sans-serif; font-weight: 400; margin: 0; } .v2-gf .gform_wrapper.gravity-theme .gfield--type-html .v2-f-note { margin: 0; }
.v2-gf .gform_wrapper.gravity-theme .gform_footer { margin: 2rem 0 0; padding: 0; }
.v2-gf .gform_wrapper.gravity-theme .gform_footer input[type=submit]:hover { background: #d4a85a !important; }
.v2-gf .gform_ajax_spinner { margin-left: 1rem; vertical-align: middle; } .v2-gf .gform_confirmation_message {
font-family: 'Jost', sans-serif; font-style: normal; font-size: .95rem; line-height: 1.8; color: var(--mu);
border: 1px solid rgba(196, 152, 74, .35); border-left-width: 1px; background: rgba(196, 152, 74, .06);
padding: 2.2rem;
}
.v2-gf .gform_confirmation_message p:first-child strong {
display: block; font-family: 'Playfair Display', serif; font-weight: 400; font-size: 1.5rem; color: var(--cr); margin-bottom: .6rem;
} #ui-datepicker-div.gform-theme-datepicker,
.ui-datepicker { background: #0b1322 !important; border: 1px solid rgba(196, 152, 74, .35) !important; color: var(--cr, #ddd0b4) !important; }
@media (max-width: 640px) {
.v2-gf .gform_wrapper.gravity-theme .gfield--width-half { grid-column: span 12 !important; }
.v2-gf .gform_wrapper.gravity-theme .gform_footer input[type=submit] { width: 100% !important; }
.v2-gf .gform_confirmation_message { padding: 1.6rem 1.4rem; }
} .v2-gf .gform_validation_errors:focus,
.v2-gf .gform_validation_errors:focus-visible { outline: 2px solid rgba(230, 120, 120, .6) !important; outline-offset: 0 !important; }
.v2-gf .gform_wrapper.gravity-theme .gform_validation_errors li,
.v2-gf .gform_wrapper.gravity-theme .gform_validation_errors a { color: #f6d0d0 !important; font-size: .84rem; } .v2-aanvraag-note + .v2-aanvraag-note { margin-top: -1.8rem; }
.v2-aanvraag-note a { color: var(--gold); text-underline-offset: 2px; }