var body = document.body; body.className += " u-body"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Verbouw Woning, Willibrordussstraat OssMeer Foto's Woning, Eikenboomgaard OssMeer Foto's Woning, Lithoijen Meer Foto's -Terug naar referentie overzicht- .u-body { font-family: Roboto,sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans',sans-serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: Roboto,sans-serif !important; } .u-custom-font.u-heading-font { font-family: 'Open Sans',sans-serif !important; }/*begin-color color-1*/ .u-color-1, .u-body.u-color-1, .u-container-style.u-color-1:before { color: #ffffff; background-color: #f3215c; } .u-button-style.u-color-1, .u-button-style.u-color-1[class*="u-border-"] { color: #ffffff !important; background-color: #f3215c !important; } .u-button-style.u-color-1:hover, .u-button-style.u-color-1[class*="u-border-"]:hover { color: white !important; background-color: #ec0d4b !important; } a.u-button-style.u-hover-color-1:hover, a.u-button-style.u-hover-color-1[class*="u-border-"]:hover, a.u-btn.u-active-color-1[href]:active, a.u-btn.u-active-color-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-color-1[href].active, a.u-nav-link.u-active-color-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #f3215c !important; } a.u-link.u-hover-color-1:hover { color: #f3215c !important; } /*end-color color-1*//*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #f3215c; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #f3215c !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover { color: white !important; background-color: #ec0d4b !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-1[href]:active, a.u-btn.u-active-palette-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1[href].active, a.u-nav-link.u-active-palette-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #f3215c !important; } a.u-link.u-hover-palette-1:hover { color: #f3215c !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base:before { color: #ffffff; background-color: #b20838; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #b20838 !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover { color: white !important; background-color: #a00732 !important; } a.u-button-style.u-hover-palette-1-base:hover, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-1-base[href]:active, a.u-btn.u-active-palette-1-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1-base[href].active, a.u-nav-link.u-active-palette-1-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b20838 !important; } a.u-link.u-hover-palette-1-base:hover { color: #b20838 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-grey, .u-body.u-grey, .u-container-style.u-grey:before { color: #ffffff; background-color: #b3b3b3; } .u-button-style.u-grey, .u-button-style.u-grey[class*="u-border-"] { color: #ffffff !important; background-color: #b3b3b3 !important; } .u-button-style.u-grey:hover, .u-button-style.u-grey[class*="u-border-"]:hover { color: white !important; background-color: #a1a1a1 !important; } a.u-button-style.u-hover-grey:hover, a.u-button-style.u-hover-grey[class*="u-border-"]:hover, a.u-btn.u-active-grey[href]:active, a.u-btn.u-active-grey[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey[href].active, a.u-nav-link.u-active-grey[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-link.u-hover-grey:hover { color: #b3b3b3 !important; } /*end-color grey*//*begin-color grey-10*/ .u-grey-10, .u-body.u-grey-10, .u-container-style.u-grey-10:before { color: #111111; background-color: #e5e5e5; } .u-button-style.u-grey-10, .u-button-style.u-grey-10[class*="u-border-"] { color: #111111 !important; background-color: #e5e5e5 !important; } .u-button-style.u-grey-10:hover, .u-button-style.u-grey-10[class*="u-border-"]:hover { color: black !important; background-color: #cecece !important; } a.u-button-style.u-hover-grey-10:hover, a.u-button-style.u-hover-grey-10[class*="u-border-"]:hover, a.u-btn.u-active-grey-10[href]:active, a.u-btn.u-active-grey-10[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-10[href].active, a.u-nav-link.u-active-grey-10[class*="u-border-"][href].active { color: #111111 !important; background-color: #e5e5e5 !important; } a.u-link.u-hover-grey-10:hover { color: #e5e5e5 !important; } /*end-color grey-10*//*begin-color grey-40*/ .u-grey-40, .u-body.u-grey-40, .u-container-style.u-grey-40:before { color: #ffffff; background-color: #999999; } .u-button-style.u-grey-40, .u-button-style.u-grey-40[class*="u-border-"] { color: #ffffff !important; background-color: #999999 !important; } .u-button-style.u-grey-40:hover, .u-button-style.u-grey-40[class*="u-border-"]:hover { color: white !important; background-color: #8a8a8a !important; } a.u-button-style.u-hover-grey-40:hover, a.u-button-style.u-hover-grey-40[class*="u-border-"]:hover, a.u-btn.u-active-grey-40[href]:active, a.u-btn.u-active-grey-40[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-40[href].active, a.u-nav-link.u-active-grey-40[class*="u-border-"][href].active { color: #ffffff !important; background-color: #999999 !important; } a.u-link.u-hover-grey-40:hover { color: #999999 !important; } /*end-color grey-40*//*begin-color grey-80*/ .u-grey-80, .u-body.u-grey-80, .u-container-style.u-grey-80:before { color: #ffffff; background-color: #333333; } .u-button-style.u-grey-80, .u-button-style.u-grey-80[class*="u-border-"] { color: #ffffff !important; background-color: #333333 !important; } .u-button-style.u-grey-80:hover, .u-button-style.u-grey-80[class*="u-border-"]:hover { color: white !important; background-color: #2e2e2e !important; } a.u-button-style.u-hover-grey-80:hover, a.u-button-style.u-hover-grey-80[class*="u-border-"]:hover, a.u-btn.u-active-grey-80[href]:active, a.u-btn.u-active-grey-80[class*="u-border-"][href]:active, a.u-nav-link.u-active-grey-80[href].active, a.u-nav-link.u-active-grey-80[class*="u-border-"][href].active { color: #ffffff !important; background-color: #333333 !important; } a.u-link.u-hover-grey-80:hover { color: #333333 !important; } /*end-color grey-80*//*begin-color color-1*/ .u-border-color-1, .u-separator-color-1:after { border-color: #f3215c; } .u-link.u-border-color-1[class*="u-border-"] { border-color: #f3215c; } .u-link.u-border-color-1[class*="u-border-"]:hover { border-color: #ec0d4b; } .u-btn.u-border-color-1 { color: #f3215c !important; } .u-button-style.u-border-color-1 { border-color: #f3215c !important; background-color: transparent !important; } .u-btn.u-border-color-1:hover { color: #ffffff !important; background-color: #f3215c !important; } a.u-btn.u-border-hover-color-1:hover, a.u-btn.u-border-active-color-1[href]:active { color: #f3215c !important; background-color: transparent !important; } a.u-button-style.u-border-hover-color-1:hover, a.u-button-style.u-border-active-color-1[href]:active, a.u-nav-link.u-border-active-color-1[href].active { border-color: #f3215c !important; } /*end-color color-1*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #f3215c; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #f3215c; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #ec0d4b; } .u-btn.u-border-palette-1 { color: #f3215c !important; } .u-button-style.u-border-palette-1 { border-color: #f3215c !important; background-color: transparent !important; } .u-btn.u-border-palette-1:hover { color: #ffffff !important; background-color: #f3215c !important; } a.u-btn.u-border-hover-palette-1:hover, a.u-btn.u-border-active-palette-1[href]:active { color: #f3215c !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-active-palette-1[href]:active, a.u-nav-link.u-border-active-palette-1[href].active { border-color: #f3215c !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #b20838; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #b20838; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #a00732; } .u-btn.u-border-palette-1-base { color: #b20838 !important; } .u-button-style.u-border-palette-1-base { border-color: #b20838 !important; background-color: transparent !important; } .u-btn.u-border-palette-1-base:hover { color: #ffffff !important; background-color: #b20838 !important; } a.u-btn.u-border-hover-palette-1-base:hover, a.u-btn.u-border-active-palette-1-base[href]:active { color: #b20838 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-border-active-palette-1-base[href]:active, a.u-nav-link.u-border-active-palette-1-base[href].active { border-color: #b20838 !important; } /*end-color palette-1-base*//*begin-color grey*/ .u-border-grey, .u-separator-grey:after { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"] { border-color: #b3b3b3; } .u-link.u-border-grey[class*="u-border-"]:hover { border-color: #a1a1a1; } .u-btn.u-border-grey { color: #b3b3b3 !important; } .u-button-style.u-border-grey { border-color: #b3b3b3 !important; background-color: transparent !important; } .u-btn.u-border-grey:hover { color: #ffffff !important; background-color: #b3b3b3 !important; } a.u-btn.u-border-hover-grey:hover, a.u-btn.u-border-active-grey[href]:active { color: #b3b3b3 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey:hover, a.u-button-style.u-border-active-grey[href]:active, a.u-nav-link.u-border-active-grey[href].active { border-color: #b3b3b3 !important; } /*end-color grey*//*begin-color grey-10*/ .u-border-grey-10, .u-separator-grey-10:after { border-color: #e5e5e5; } .u-link.u-border-grey-10[class*="u-border-"] { border-color: #e5e5e5; } .u-link.u-border-grey-10[class*="u-border-"]:hover { border-color: #cecece; } .u-btn.u-border-grey-10 { color: #e5e5e5 !important; } .u-button-style.u-border-grey-10 { border-color: #e5e5e5 !important; background-color: transparent !important; } .u-btn.u-border-grey-10:hover { color: #111111 !important; background-color: #e5e5e5 !important; } a.u-btn.u-border-hover-grey-10:hover, a.u-btn.u-border-active-grey-10[href]:active { color: #e5e5e5 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-10:hover, a.u-button-style.u-border-active-grey-10[href]:active, a.u-nav-link.u-border-active-grey-10[href].active { border-color: #e5e5e5 !important; } /*end-color grey-10*//*begin-color grey-40*/ .u-border-grey-40, .u-separator-grey-40:after { border-color: #999999; } .u-link.u-border-grey-40[class*="u-border-"] { border-color: #999999; } .u-link.u-border-grey-40[class*="u-border-"]:hover { border-color: #8a8a8a; } .u-btn.u-border-grey-40 { color: #999999 !important; } .u-button-style.u-border-grey-40 { border-color: #999999 !important; background-color: transparent !important; } .u-btn.u-border-grey-40:hover { color: #ffffff !important; background-color: #999999 !important; } a.u-btn.u-border-hover-grey-40:hover, a.u-btn.u-border-active-grey-40[href]:active { color: #999999 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-40:hover, a.u-button-style.u-border-active-grey-40[href]:active, a.u-nav-link.u-border-active-grey-40[href].active { border-color: #999999 !important; } /*end-color grey-40*//*begin-color grey-80*/ .u-border-grey-80, .u-separator-grey-80:after { border-color: #333333; } .u-link.u-border-grey-80[class*="u-border-"] { border-color: #333333; } .u-link.u-border-grey-80[class*="u-border-"]:hover { border-color: #2e2e2e; } .u-btn.u-border-grey-80 { color: #333333 !important; } .u-button-style.u-border-grey-80 { border-color: #333333 !important; background-color: transparent !important; } .u-btn.u-border-grey-80:hover { color: #ffffff !important; background-color: #333333 !important; } a.u-btn.u-border-hover-grey-80:hover, a.u-btn.u-border-active-grey-80[href]:active { color: #333333 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-grey-80:hover, a.u-button-style.u-border-active-grey-80[href]:active, a.u-nav-link.u-border-active-grey-80[href].active { border-color: #333333 !important; } /*end-color grey-80*//*begin-color color-1*/ .u-text-color-1, .u-text-color-1 a, a.u-button-style.u-text-color-1, a.u-button-style.u-text-color-1[class*="u-border-"] { color: #f3215c !important; } .u-link.u-text-color-1:hover, a.u-nav-link.u-text-color-1:hover { color: #ec0d4b !important; } a.u-link.u-text-hover-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-color-1.active, .u-popupmenu-items.u-text-hover-color-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-color-1.active .u-nav-link { color: #f3215c !important; } .u-text-color-1 svg { fill: #f3215c; } /*end-color color-1*//*begin-color palette-1*/ .u-text-palette-1, .u-text-palette-1 a, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #f3215c !important; } .u-link.u-text-palette-1:hover, a.u-nav-link.u-text-palette-1:hover { color: #ec0d4b !important; } a.u-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1.active .u-nav-link { color: #f3215c !important; } .u-text-palette-1 svg { fill: #f3215c; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-text-palette-1-base, .u-text-palette-1-base a, a.u-button-style.u-text-palette-1-base, a.u-button-style.u-text-palette-1-base[class*="u-border-"] { color: #b20838 !important; } .u-link.u-text-palette-1-base:hover, a.u-nav-link.u-text-palette-1-base:hover { color: #a00732 !important; } a.u-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1-base.active .u-nav-link { color: #b20838 !important; } .u-text-palette-1-base svg { fill: #b20838; } /*end-color palette-1-base*//*begin-color grey*/ .u-text-grey, .u-text-grey a, a.u-button-style.u-text-grey, a.u-button-style.u-text-grey[class*="u-border-"] { color: #b3b3b3 !important; } .u-link.u-text-grey:hover, a.u-nav-link.u-text-grey:hover { color: #a1a1a1 !important; } a.u-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey.active, .u-popupmenu-items.u-text-hover-grey:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey.active .u-nav-link { color: #b3b3b3 !important; } .u-text-grey svg { fill: #b3b3b3; } /*end-color grey*//*begin-color grey-10*/ .u-text-grey-10, .u-text-grey-10 a, a.u-button-style.u-text-grey-10, a.u-button-style.u-text-grey-10[class*="u-border-"] { color: #e5e5e5 !important; } .u-link.u-text-grey-10:hover, a.u-nav-link.u-text-grey-10:hover { color: #cecece !important; } a.u-link.u-text-hover-grey-10:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-10:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-10.active, .u-popupmenu-items.u-text-hover-grey-10:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-10.active .u-nav-link { color: #e5e5e5 !important; } .u-text-grey-10 svg { fill: #e5e5e5; } /*end-color grey-10*//*begin-color grey-40*/ .u-text-grey-40, .u-text-grey-40 a, a.u-button-style.u-text-grey-40, a.u-button-style.u-text-grey-40[class*="u-border-"] { color: #999999 !important; } .u-link.u-text-grey-40:hover, a.u-nav-link.u-text-grey-40:hover { color: #8a8a8a !important; } a.u-link.u-text-hover-grey-40:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-40:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-40.active, .u-popupmenu-items.u-text-hover-grey-40:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-40.active .u-nav-link { color: #999999 !important; } .u-text-grey-40 svg { fill: #999999; } /*end-color grey-40*//*begin-color grey-80*/ .u-text-grey-80, .u-text-grey-80 a, a.u-button-style.u-text-grey-80, a.u-button-style.u-text-grey-80[class*="u-border-"] { color: #333333 !important; } .u-link.u-text-grey-80:hover, a.u-nav-link.u-text-grey-80:hover { color: #2e2e2e !important; } a.u-link.u-text-hover-grey-80:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-grey-80:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-grey-80.active, .u-popupmenu-items.u-text-hover-grey-80:hover .u-nav-link, .u-popupmenu-items.u-text-hover-grey-80.active .u-nav-link { color: #333333 !important; } .u-text-grey-80 svg { fill: #333333; } /*end-color grey-80*//*begin-variables sitestylecss*//*begin-color custom-color-1*/ .u-custom-color-1, .u-body.u-custom-color-1, .u-container-style.u-custom-color-1:before { color: #ffffff; background-color: #b20838; } .u-button-style.u-custom-color-1, .u-button-style.u-custom-color-1[class*="u-border-"] { color: #ffffff !important; background-color: #b20838 !important; } .u-button-style.u-custom-color-1:hover, .u-button-style.u-custom-color-1[class*="u-border-"]:hover { color: white !important; background-color: #a00732 !important; } a.u-button-style.u-hover-custom-color-1:hover, a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:hover, a.u-btn.u-active-custom-color-1[href]:active, a.u-btn.u-active-custom-color-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-custom-color-1[href].active, a.u-nav-link.u-active-custom-color-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #b20838 !important; } a.u-link.u-hover-custom-color-1:hover { color: #b20838 !important; } /*end-color custom-color-1*//*begin-color custom-color-1*/ .u-border-custom-color-1, .u-separator-custom-color-1:after { border-color: #b20838; } .u-link.u-border-custom-color-1[class*="u-border-"] { border-color: #b20838; } .u-link.u-border-custom-color-1[class*="u-border-"]:hover { border-color: #a00732; } .u-btn.u-border-custom-color-1 { color: #b20838 !important; } .u-button-style.u-border-custom-color-1 { border-color: #b20838 !important; background-color: transparent !important; } .u-btn.u-border-custom-color-1:hover { color: #ffffff !important; background-color: #b20838 !important; } a.u-btn.u-border-hover-custom-color-1:hover, a.u-btn.u-border-active-custom-color-1[href]:active { color: #b20838 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-custom-color-1:hover, a.u-button-style.u-border-active-custom-color-1[href]:active, a.u-nav-link.u-border-active-custom-color-1[href].active { border-color: #b20838 !important; } /*end-color custom-color-1*//*begin-color custom-color-1*/ .u-text-custom-color-1, .u-text-custom-color-1 a, a.u-button-style.u-text-custom-color-1, a.u-button-style.u-text-custom-color-1[class*="u-border-"] { color: #b20838 !important; } .u-link.u-text-custom-color-1:hover, a.u-nav-link.u-text-custom-color-1:hover { color: #a00732 !important; } a.u-link.u-text-hover-custom-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-custom-color-1.active, .u-popupmenu-items.u-text-hover-custom-color-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-custom-color-1.active .u-nav-link { color: #b20838 !important; } .u-text-custom-color-1 svg { fill: #b20838; } /*end-color custom-color-1*/h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; font-size: 1.25rem; line-height: 1.6; } .u-link, a { margin-top: 20px; margin-bottom: 20px; } .u-btn { margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #b20838; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #a00732; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #b20838; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #a00732; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #b20838; } .u-custom-color-1 .u-link, .u-custom-color-1 a,.u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-1-light-1 .u-link, .u-palette-1-light-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-3 .u-link, .u-palette-3 a,.u-palette-3-light-1 .u-link, .u-palette-3-light-1 a,.u-palette-4-base .u-link, .u-palette-4-base a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-4 .u-link, .u-palette-4 a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #faa4bc; } .u-custom-color-1 .u-link:hover, .u-custom-color-1 a:hover,.u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-1-light-1 .u-link:hover, .u-palette-1-light-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-3 .u-link:hover, .u-palette-3 a:hover,.u-palette-3-light-1 .u-link:hover, .u-palette-3-light-1 a:hover,.u-palette-4-base .u-link:hover, .u-palette-4-base a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-4 .u-link:hover, .u-palette-4 a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .u-custom-color-1 .u-btn,.u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-1-light-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-3 .u-btn,.u-palette-3-light-1 .u-btn,.u-palette-4-base .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-4 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #faa4bc; color: #000000; } .u-custom-color-1 .u-btn:hover,.u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-1-light-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-3 .u-btn:hover,.u-palette-3-light-1 .u-btn:hover,.u-palette-4-base .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-4 .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #f87d9f; color: #000000; } /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-section-1 .u-sheet-1 {min-height: 1503px} .u-section-1 .u-text-1 {font-size: 1.875rem; margin: 25px 20px 0} .u-section-1 .u-layout-wrap-1 {width: 430px; margin: 20px auto 0 350px} .u-section-1 .u-image-1 {background-image: url("https://www.bouwbedrijfvondervoort.nl/images/Verbouwingen/WoningOssWillibrordusweg/DSC_0355.jpg"); min-height: 300px; background-position: 50% 50%} .u-section-1 .u-layout-cell-2 {min-height: 100px} .u-section-1 .u-text-2 {font-size: 1.125rem; width: 288px; margin: 5px auto 0} .u-section-1 .u-btn-1 {padding: 9px 27px 10px 26px; background-image: none; font-weight: 700; margin: 5px auto 10px} .u-section-1 .u-layout-wrap-2 {width: 430px; margin: 15px auto 0 350px} .u-section-1 .u-image-2 {background-image: url("https://www.bouwbedrijfvondervoort.nl/images/Verbouwingen/WoningOssEikenboomgaard/18.jpg"); min-height: 313px; background-position: 50% 50%} .u-section-1 .u-layout-cell-4 {min-height: 104px} .u-section-1 .u-text-3 {font-size: 1.125rem; width: 263px; margin: 5px auto 0} .u-section-1 .u-btn-2 {padding: 9px 27px 10px 26px; background-image: none; font-weight: 700; margin: 5px auto 10px} .u-section-1 .u-layout-wrap-3 {width: 430px; margin: 15px auto 132px 350px} .u-section-1 .u-image-3 {background-image: url("https://www.bouwbedrijfvondervoort.nl/images/Verbouwingen/WoningLithoijen/2012-10-17_153730.jpg"); min-height: 300px; background-position: 50% 50%} .u-section-1 .u-layout-cell-6 {min-height: 100px} .u-section-1 .u-text-4 {font-size: 1.125rem; width: 158px; margin: 5px auto 0} .u-section-1 .u-btn-3 {padding: 9px 27px 10px 26px; background-image: none; font-weight: 700; margin: 5px auto 10px} .u-section-1 .u-link-1 {margin-left: 20px; margin-right: 20px; position: relative; font-weight: 700; font-style: italic} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 1491px} .u-section-1 .u-text-1 {margin-left: 16px; margin-right: 16px} .u-section-1 .u-layout-wrap-1 {width: 355px; margin-top: 15px; margin-left: 289px} .u-section-1 .u-image-1 {min-height: 312px} .u-section-1 .u-container-layout-2 {padding-left: 0} .u-section-1 .u-text-2 {width: 282px} .u-section-1 .u-btn-1 {padding: 9px 26px 10px} .u-section-1 .u-layout-wrap-2 {width: 355px; height: 417px; margin-left: 289px} .u-section-1 .u-text-3 {width: 260px} .u-section-1 .u-btn-2 {padding: 9px 26px 10px} .u-section-1 .u-layout-wrap-3 {width: 355px; height: 417px; margin-bottom: 0; margin-left: 289px} .u-section-1 .u-text-4 {width: 181px} .u-section-1 .u-btn-3 {padding: 9px 26px 10px} .u-section-1 .u-link-1 {margin: 80px auto 37px 5px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 1444px} .u-section-1 .u-text-1 {margin-left: 10px; margin-right: 10px} .u-section-1 .u-layout-wrap-1 {width: 275px; margin-top: 20px; margin-right: 221px; margin-left: auto} .u-section-1 .u-image-1 {min-height: 300px} .u-section-1 .u-container-layout-2 {padding-left: 23px} .u-section-1 .u-text-2 {width: 216px} .u-section-1 .u-btn-1 {position: relative} .u-section-1 .u-layout-wrap-2 {width: 275px; margin-top: 24px; margin-right: 221px; margin-left: auto; height: 422px} .u-section-1 .u-image-2 {min-height: 300px} .u-section-1 .u-text-3 {width: 199px} .u-section-1 .u-btn-2 {padding: 9px 27px 10px 26px} .u-section-1 .u-layout-wrap-3 {width: 275px; margin-top: 25px; margin-right: 221px; margin-left: auto; height: 400px} .u-section-1 .u-text-4 {width: 159px} .u-section-1 .u-link-1 {margin-top: 39px; margin-bottom: 11px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 1513px} .u-section-1 .u-text-1 {margin-left: 9px; margin-right: 9px} .u-section-1 .u-layout-wrap-1 {width: 255px; margin-top: 24px; margin-right: 138px; position: relative} .u-section-1 .u-layout-cell-2 {min-height: 122px} .u-section-1 .u-container-layout-2 {padding-left: 17px} .u-section-1 .u-text-2 {margin-left: 9px; margin-right: 9px; width: 236px} .u-section-1 .u-layout-wrap-2 {width: 255px; height: 417px; margin-top: 10px; margin-right: 138px} .u-section-1 .u-image-2 {min-height: 306px} .u-section-1 .u-layout-cell-4 {min-height: 111px} .u-section-1 .u-text-3 {margin-left: 18px; margin-right: 18px; width: 218px} .u-section-1 .u-btn-2 {padding: 9px 26px 10px; margin-bottom: 0} .u-section-1 .u-layout-wrap-3 {width: 255px; height: 417px; margin-top: 18px; margin-right: 138px} .u-section-1 .u-text-4 {width: 148px} .u-section-1 .u-link-1 {margin-top: 97px; margin-bottom: 25px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 1509px} .u-section-1 .u-text-1 {margin-left: 3px; margin-right: 3px} .u-section-1 .u-layout-wrap-1 {margin-right: 41px} .u-section-1 .u-container-layout-2 {padding-left: 0} .u-section-1 .u-text-2 {margin-left: 20px} .u-section-1 .u-btn-1 {padding: 9px 27px 10px 26px; margin-right: 54px} .u-section-1 .u-layout-wrap-2 {margin-right: 41px} .u-section-1 .u-btn-2 {padding: 9px 27px 10px 26px} .u-section-1 .u-layout-wrap-3 {margin-right: 41px} .u-section-1 .u-link-1 {margin-bottom: 20px; margin-left: 3px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer