@media (max-width: 890px){
#main-buttons .wrapper .bar .btn {
    left: 0!important;
}}

#main-buttons .wrapper .bar .btn {
    margin: 5px;
    min-height: 25px;
    height: 50px;
    width: 250px;
    left: 100px;
    top: 100px;
    font-size: 30px;
}
/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}



/* Hondersteboven startpagina — bestaande boekingsstijl blijft intact. */
.index__row.col_70_30 { display:block !important; }
.index__row.col_70_30 > .index__item { width:100% !important; max-width:none !important; }
#about-us { background:transparent !important; box-shadow:none !important; border:0 !important; }
#about-us .section-pd { padding:0 !important; }
#about-us > .section-pd > h3.title, #about-us h3.title { display:none !important; }
#about-us .txt { line-height:1.6; }
.hb-landing { --hb-cream:#f7f3eb; --hb-ink:#293b31; --hb-green:#314436; --hb-sage:#e8e9df; --hb-sand:#f0ece1; font-family:Arial,sans-serif; color:var(--hb-ink); background:var(--hb-cream); overflow:hidden; }
.hb-landing * { box-sizing:border-box; }
.hb-landing h1,.hb-landing h2,.hb-landing h3 { font-family:Georgia,serif; font-weight:400; line-height:1.12; color:var(--hb-ink); }
.hb-landing p { margin:0; }
.hb-landing a { text-decoration:none; }
.hb-landing .hb-overline { text-transform:uppercase; letter-spacing:.17em; color:#956c43; font-size:12px; font-weight:700; margin:0 0 18px; }
.hb-hero,.hb-section-inner { padding-left:clamp(24px,5vw,76px); padding-right:clamp(24px,5vw,76px); }
.hb-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr); gap:clamp(30px,5vw,80px); align-items:center; padding-top:72px; padding-bottom:86px; }
.hb-hero h1 { font-size:clamp(48px,5.3vw,76px); margin:0 0 25px; letter-spacing:-.04em; max-width:690px; }
.hb-hero h1 em { font-weight:400; color:#9e7247; }
.hb-hero .hb-lead { font-size:18px; line-height:1.7; max-width:590px; color:#526356; }
.hb-facts { display:flex; flex-wrap:wrap; gap:10px 18px; margin:26px 0 30px; color:#526356; font-size:15px; }
.hb-facts span+span { border-left:1px solid #bdc4b4; padding-left:18px; }
.hb-facts strong { color:var(--hb-ink); }
.hb-actions,.hb-final-actions { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; }
.hb-landing a.hb-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; min-height:52px; padding:13px 22px; background:var(--hb-green); color:#fffdf8 !important; border-radius:4px; font-weight:700; font-size:15px; transition:background .2s,transform .2s; }
.hb-landing a.hb-button:hover,.hb-landing a.hb-button:focus-visible { background:#536b52; transform:translateY(-2px); }
.hb-landing a.hb-text-link { font-weight:700; color:var(--hb-green) !important; border-bottom:1px solid #84917e; padding-bottom:4px; }
.hb-hero-note { align-self:stretch; display:flex; flex-direction:column; min-height:430px; background:#dee3d5; border-radius:180px 180px 6px 6px; padding:75px 40px 34px; position:relative; justify-content:center; }
.hb-note-icon { position:absolute; top:36px; right:48px; font-size:42px; color:#9e7247; }
.hb-hero-note .hb-note-label { font-size:11px; letter-spacing:.16em; text-transform:uppercase; font-weight:700; color:#956c43; margin:0 0 12px; }
.hb-hero-note h2 { font-size:clamp(31px,3.2vw,46px); margin:0 0 20px; }
.hb-hero-note p:not(.hb-note-label) { color:#526356; line-height:1.7; }
.hb-note-foot { display:block; margin-top:34px; padding-top:16px; border-top:1px solid #b8c4af; color:#526356; font-size:13px; }
.hb-wave { height:72px; position:relative; }
.hb-wave::before { content:""; display:block; position:absolute; inset:0; background:var(--hb-wave-from); -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'%3E%3Cpath d='M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z'/%3E%3C/svg%3E"); -webkit-mask-size:100% 100%; mask-size:100% 100%; }
.hb-wave-cream-sage { background:var(--hb-sage); --hb-wave-from:var(--hb-cream); }
.hb-wave-sage-cream { background:var(--hb-cream); --hb-wave-from:var(--hb-sage); }
.hb-wave-cream-sand { background:var(--hb-sand); --hb-wave-from:var(--hb-cream); }
.hb-wave-sand-green { background:var(--hb-green); --hb-wave-from:var(--hb-sand); }
.hb-section-inner { padding-top:40px; padding-bottom:74px; }
.hb-landing .hb-section-inner h2 { font-size:clamp(35px,4vw,54px); margin:0 0 32px; }
.hb-how { background:var(--hb-sage); }
.hb-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:34px; margin-bottom:36px; }
.hb-steps>div { border-top:1px solid #aeb9a8; padding-top:18px; }
.hb-steps span { color:#956c43; font:28px Georgia,serif; }
.hb-landing .hb-steps h3 { font-size:28px; margin:14px 0 12px; }
.hb-steps p { color:#526356; line-height:1.65; }
.hb-practical { background:var(--hb-cream); }
.hb-card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.hb-card { background:#fffdf8; padding:30px; min-height:240px; border:1px solid #e3e2d8; border-radius:4px; }
.hb-card-icon { color:#9e7247; font-size:30px; }
.hb-landing .hb-card h3 { font-size:27px; margin:22px 0 12px; }
.hb-card p { color:#526356; line-height:1.65; }
.hb-rules { background:var(--hb-sand); }
.hb-rules-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; }
.hb-rules-heading>p { max-width:270px; color:#526356; padding-bottom:33px; }
.hb-rules ul { display:grid; grid-template-columns:1fr 1fr; gap:0 36px; margin:0; padding:0; list-style:none; }
.hb-rules li { padding:20px 0 20px 28px; border-top:1px solid #d2d0c5; color:#526356; position:relative; line-height:1.6; }
.hb-rules li::before { content:'✳'; position:absolute; left:0; color:#9e7247; }
.hb-rules strong { color:var(--hb-ink); }
.hb-final { background:var(--hb-green); color:#f7f3eb; }
.hb-final .hb-section-inner { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-top:42px; padding-bottom:68px; }
.hb-final .hb-overline { color:#e8bb72; }
.hb-landing .hb-final h2 { color:#fffdf8; margin-bottom:14px; }
.hb-final p:not(.hb-overline) { color:#dfe6d9; max-width:580px; }
.hb-final-actions { flex-direction:column; align-items:stretch; min-width:220px; }
.hb-landing a.hb-button-light { background:#f7f3eb; color:var(--hb-green) !important; }
.hb-landing a.hb-button-light:hover { background:#e8bb72; }
.hb-landing a.hb-final-link { color:#f7f3eb !important; text-align:center; text-decoration:underline; text-underline-offset:5px; }
.hb-legal { font-size:12px; color:#6e786e; padding:18px clamp(24px,5vw,76px); }
#main-buttons { position:relative; }
#main-buttons::after { content:""; position:absolute; bottom:-1px; left:0; width:100%; height:40px; background:#f7f3eb; clip-path:ellipse(75% 50% at 50% 100%); pointer-events:none; }
@media(max-width:800px) { .hb-hero { grid-template-columns:1fr; padding-top:46px; padding-bottom:48px; } .hb-hero-note { min-height:280px; border-radius:140px 140px 6px 6px; padding:65px 35px 30px; } .hb-steps,.hb-card-grid { grid-template-columns:1fr; gap:18px; } .hb-card { min-height:0; } .hb-rules-heading,.hb-final .hb-section-inner { display:block; } .hb-rules-heading>p { padding:0; margin:0 0 25px; } .hb-rules ul { grid-template-columns:1fr; } .hb-final-actions { margin-top:30px; align-items:flex-start; } }
@media(max-width:520px) { .hb-hero,.hb-section-inner { padding-left:20px; padding-right:20px; } .hb-hero { padding-top:36px; gap:28px; } .hb-hero h1 { font-size:clamp(43px,11vw,57px); } .hb-hero .hb-lead { font-size:16px; } .hb-facts { font-size:13px; gap:8px 10px; } .hb-facts span+span { padding-left:10px; } .hb-actions { align-items:flex-start; flex-direction:column; } .hb-hero-note { min-height:280px; } .hb-wave { height:48px; } .hb-section-inner { padding-top:28px; padding-bottom:52px; } .hb-landing .hb-section-inner h2 { font-size:38px; } .hb-steps>div { display:grid; grid-template-columns:42px 1fr; gap:0 8px; } .hb-steps span { grid-row:span 2; } .hb-landing .hb-steps h3 { margin:0 0 8px; font-size:25px; } .hb-card { padding:24px; } #main-buttons::after { height:25px; } }
/* Make the booking page's home content one full-width landing page. */
body:has(.hb-landing) #main-buttons { display:none !important; }
body:has(.hb-landing) { overflow-x:hidden; }
.hb-landing { width:100vw; max-width:none; margin-left:calc(50% - 50vw); }
.hb-hero,.hb-section-inner { width:min(100%,1440px); margin-left:auto; margin-right:auto; }
.hb-facts span { display:inline !important; width:auto !important; }
.hb-hero-photo { min-height:570px; align-self:stretch; position:relative; overflow:hidden; border-radius:190px 190px 6px 6px; background:#bfcbb0 url("https://hondersteboven.simplybook.it/uploads/hondersteboven/image_files/background/676f6a7f9832bf72c4ed9488ce55f6ca.jpg") 29% center/cover no-repeat; }
.hb-image-label { position:absolute; bottom:22px; left:22px; right:22px; max-width:245px; padding:15px 18px; background:rgba(255,253,248,.95); box-shadow:0 8px 25px #1c271222; border-radius:3px; }
.hb-image-label span { display:block; color:#956c43; font:700 11px Arial,sans-serif; text-transform:uppercase; letter-spacing:.15em; }
.hb-image-label strong { display:block; color:#293b31; font:22px Georgia,serif; margin-top:4px; }
@media(max-width:800px) { .hb-hero-photo { min-height:420px; background-position:29% 45%; } }
@media(max-width:520px) { .hb-hero-photo { min-height:350px; border-radius:150px 150px 6px 6px; } .hb-image-label { left:15px; bottom:15px; } }
.hb-actions .hb-button { width:auto !important; max-width:100%; white-space:nowrap; }
.hb-facts span { flex:0 0 auto !important; }
@media(max-width:520px) { .hb-actions .hb-button { font-size:14px; gap:10px; padding:12px 16px; } }
/* SimplyBook forces every element in the About editor to width:100%. */
#sb_content #about-us .txt .hb-landing { width:100vw !important; margin-left:calc(50% - 50vw) !important; }
#sb_content #about-us .txt .hb-landing * { width:auto !important; }

.hb-landing button.hb-text-link { appearance:none; background:transparent; border:0; border-bottom:1px solid #84917e; border-radius:0; color:#314436; padding:0 0 4px; font:700 15px Arial,sans-serif; cursor:pointer; }
.hb-landing button.hb-text-link:hover,.hb-landing button.hb-text-link:focus-visible { color:#9e7247; border-color:#9e7247; }

/* Clean rule rows: no stray stars or browser list markers. */
#sb_content #about-us .txt .hb-landing .hb-rules ul,
#sb_content #about-us .txt .hb-landing .hb-rules li { list-style:none !important; }
#sb_content #about-us .txt .hb-landing .hb-rules li { padding-left:0 !important; }
#sb_content #about-us .txt .hb-landing .hb-rules li::before { content:none !important; }

.hb-photo-showcase { background:var(--hb-cream); }
.hb-photo-showcase .hb-section-inner { padding-top:8px; padding-bottom:90px; }
.hb-photo-showcase .hb-photos-lead { max-width:650px; margin:-12px 0 30px; color:#526356; line-height:1.65; }
.hb-photo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.hb-photo-grid a { display:block; overflow:hidden; border-radius:130px 130px 5px 5px; background:#dce2d4; }
#sb_content #about-us .txt .hb-landing .hb-photo-grid img { display:block; width:100% !important; height:auto; aspect-ratio:3/4; object-fit:cover; transition:transform .25s ease; }
.hb-photo-grid a:hover img,.hb-photo-grid a:focus-visible img { transform:scale(1.035); }
@media(max-width:700px) { .hb-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .hb-photo-grid a { border-radius:90px 90px 4px 4px; } .hb-photo-showcase .hb-section-inner { padding-bottom:60px; } }