/*
 * Reclamehuys standalone shell — v1.1.4
 * Zorgt dat de site zonder Breakdance of andere pagebuilder functioneert.
 */
html{
    margin:0!important;
    padding:0!important;
    background:#fff;
    scroll-behavior:smooth;
}
html body.rh-standalone-site{
    margin:0!important;
    padding:0!important;
    min-width:320px;
    width:100%;
    overflow-x:hidden;
    background:#fff!important;
    color:#111;
    font-family:"Inter",Arial,Helvetica,sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
body.rh-standalone-site.admin-bar{margin-top:0!important;}
body.rh-standalone-site .rh-site,
body.rh-standalone-site .rh-site__content{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

/* De oude full-bleed regels hoefden voorheen een builder-wrapper te omzeilen.
   In standalone modus staat de content al direct onder de body. */
body.rh-standalone-site #cwh26Home,
body.rh-standalone-site #cwe26Page,
body.rh-standalone-site #cwCustomMade,
body.rh-standalone-site .cw-contact-page,
body.rh-standalone-site .cwabout{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
}

body.rh-standalone-site img{max-width:100%;height:auto;}
body.rh-standalone-site a{-webkit-tap-highlight-color:transparent;}

.rh-basic-page{
    width:min(1250px,calc(100% - 40px));
    margin:0 auto 100px;
    min-height:45vh;
    padding:72px;
    background:#f4f4f2;
    box-sizing:border-box;
}
.rh-basic-page__inner{max-width:850px;}
.rh-basic-page h1{
    margin:0 0 24px;
    color:#111;
    font-size:clamp(40px,5vw,68px);
    line-height:1;
    letter-spacing:-.045em;
}
.rh-basic-page p{
    max-width:760px;
    margin:0 0 18px;
    color:#555;
    font-size:17px;
    line-height:1.65;
}

@media (max-width:699px){
    .rh-basic-page{
        width:min(100% - 30px,1250px);
        padding:42px 24px;
        margin-bottom:72px;
    }
}

/* =========================================================
   v1.1.4 — CENTRALE HEADER-/CONTENTGEOMETRIE
   Eén bron voor de vaste headerhoogte en de 20px afstand.
   Geen extra spacer-elementen en geen losse hero-marges meer.
   ========================================================= */
body.rh-standalone-site{
    --rh-header-height:78px;
    --rh-header-gap:20px;
    --rh-admin-offset:0px;
}

body.rh-standalone-site.admin-bar{
    --rh-admin-offset:32px;
}

/* De fixed header en de pagina-offset gebruiken exact dezelfde hoogtevariabele. */
body.rh-standalone-site .cwh26-header{
    top:var(--rh-admin-offset)!important;
    height:var(--rh-header-height)!important;
}

/* Dit is de enige plek waar de verticale ruimte boven pagina-inhoud wordt bepaald.
   78px header + 20px zichtbare witruimte = 98px vanaf viewport-top. */
body.rh-standalone-site .rh-site__content{
    width:100%;
    max-width:none;
    box-sizing:border-box;
    margin:0!important;
    padding:calc(var(--rh-admin-offset) + var(--rh-header-height) + var(--rh-header-gap)) 0 0!important;
    display:flow-root;
}

/* Pagina-componenten beheren niet langer zelf de globale 20px bovenruimte. */
body.rh-standalone-site #cwh26Home.cwh26-home,
body.rh-standalone-site #cwe26Page.cwh26-home{
    padding-top:0!important;
}
body.rh-standalone-site #cwCustomMade > .cw-custom-hero-photo,
body.rh-standalone-site .cw-contact-page > .cwcontact-homehero,
body.rh-standalone-site #cwAbout > .cwabout-homehero,
body.rh-standalone-site .rh-basic-page{
    margin-top:0!important;
}
body.rh-standalone-site #cwAbout > .cwabout-homehero{
    padding-top:0!important;
}

@media (max-width:782px){
    body.rh-standalone-site.admin-bar{
        --rh-admin-offset:46px;
    }
}

@media (max-width:699px){
    body.rh-standalone-site{
        --rh-header-height:70px;
    }
}