@font-face { font-family: 'handbuch'; src: url('https://hartjewonenprd.blob.core.windows.net/uploads/css/skins/handbuch/fonts/handbuch.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal; } @font-face { font-family: 'handbuch-secondary'; src: url('https://hartjewonenprd.blob.core.windows.net/uploads/css/skins/handbuch/fonts/handbuch-secondary.ttf') format('truetype'); font-weight: 400; font-display: swap; font-style: normal; } body { font-family: 'handbuch'; font-size: 1em; background-color: #ffffff } .font-primary { font-family: 'handbuch'; } .font-secondary { font-family: 'handbuch-secondary'; } h1, h2, h3, h4, h5, .btn, select, input { font-family: 'handbuch-secondary'; } textarea { font-family: 'handbuch-secondary' !important; } h1 { /* 1 times 5 = 5 */ font-size: 5em; } h2 { font-size: 3.1em; } h3 { font-size: 1em; } h4 { font-size: 1.25em; } h5 { font-size: 1.5em; } h6 { font-size: 1em; } /* Button styling */ .btn { border-radius: 3px; border: solid 1px; } .btn-primary { background-color: #0f274a; color: #ffffff; border-color: #0f274a; } .btn-primary:hover { color: #0f274a; background-color: transparent; } .btn-primary-border { background-color: transparent; border-color: #0f274a; color: #0f274a; } .btn-primary-border:hover { color: #ffffff; background-color: #0f274a; } .btn-primary-border.active { background-color: #0f274a; color: #ffffff; } .btn-secondary { background-color: #e56da7; border-color: #e56da7; color: #ffffff; } .btn-secondary:hover { background-color: transparent; color: #e56da7; } .btn-secondary-border { background-color: transparent; border-color: #e56da7; color: #e56da7; } .btn-secondary-border:hover { background-color: #e56da7; color: #ffffff; } .btn-tertiaire { background-color: #0f274a; border-color: #0f274a; color: #ffffff; } .btn-tertiaire:hover { background-color: transparent; color: #0f274a; } .btn-tertiaire-border { background-color: transparent; border-color: #0f274a; color: #0f274a; } .btn-tertiaire-border:hover { background-color: #0f274a; color: #ffffff; } .btn-white { background-color: #ffffff; border-color: #ffffff; color: #e56da7; } .btn-white:hover { background-color: transparent; color: #ffffff; } .btn-white-border { background-color:transparent: color: #ffffff; border-color: #ffffff; } .btn-white-border:hover { background-color: #ffffff; color: #e56da7; } .btn-select { border-color: #0f274a; color: #0f274a; background-color: transparent; } .btn-select.btn-select-selected { background-color:#0f274a; color: #ffffff; } .btn-select.btn-select-white { border-color:#ffffff; color: #ffffff; } .btn-select.btn-select-white.btn-select-selected { border-color: #0f274a; } .btn-reset { color: #0f274a; border-color:transparent; } .btn-progress { color: #e56da7; border-color:transparent; } .btn-progress.active { color: #0f274a; border-color: #0f274a; } .btn-progress.current-step { color:#0f274a; } .arrow_radius, .owl-next, .owl-prev, .carousel-arrow { border-radius: 3px !important; } /* Text Colors */ .white-text { color: #ffffff !important; } .primary-color-text { color: #0f274a !important; } .secondary-color-text { color: #e56da7 !important; } .tertiaire-color-text { color: #0f274a !important; } .grey-color-text { color: #0f274a !important; } /* Border Color */ .white-border { border-color:#ffffff !important; } .primary-color-border { border-color:#0f274a !important; } .secondary-color-border { border-color:#e56da7 !important; } .tertiaire-color-border { border-color:#0f274a !important; } .grey-color-border { border-color: #0f274a !important; } /* Background Color */ .white-background { background-color:#ffffff !important; } .primary-color-background { background-color: #0f274a !important; } .secondary-color-background { background-color: #e56da7 !important; } .tertiaire-color-background { background-color: #0f274a !important; } .grey-color-background { background-color: #0f274a !important; } /* SVG Styling */ .white-fill { fill:#ffffff !important; } .primary-color-fill { fill: #0f274a !important; } .secondary-color-fill { fill: #e56da7 !important; } .tertiaire-color-fill { fill: #0f274a !important; } .grey-color-fill { fill: #0f274a !important; } .white-stroke { stroke: #ffffff !important; } .primary-color-stroke { stroke: #0f274a !important; } .secondary-color-stroke { stroke: #e56da7 !important; } .tertiaire-color-stroke { stroke: #0f274a !important; } .grey-color-stroke { stroke: !important; } /* Form Elementen */ .basic-label, .second-label { color: #0f274a !important; } .radio-label { color: #e56da7 !important; } .radio-label:after { background-color: #0f274a !important; } input[type=radio]:checked + label:before { border-color: #0f274a !important; } .checkbox-label { color: #e56da7 !important; } .checkbox-label:after { background-color: #0f274a !important; } input[type=checkbox]:checked + label:before { border-color: #0f274a !important; } input { color: #e56da7 !important; } select { color: #e56da7 !important; } .upload-field label span { color: #e56da7 !important; } .rangeSlider .ui-slider-handle { background: #0f274a !important; } .rangeSlider .ui-slider-range { background: #f2f2f2 !important; } /* Overige Styling */ .house-more-info-nav li span { color: #e56da7 !important; } .house-more-info-nav li:hover span, .house-more-info-nav li.active span { color: #0f274a !important; border-color: #0f274a !important; } .close-more-info span { background-color: #0f274a !important; } .close-more-info:hover span { background-color: #0f274a !important; } .owl-dots .owl-dot { background-color: #0f274a !important; } .owl-dots .owl-dot.active { background-color: #0f274a !important; } .irs-from, .irs-to { color:#e56da7 !important; } .irs-bar { background-color: #0f274a !important; } .irs-slider:before { background-color: #e56da7 !important; } .house-point:hover svg.pointer-icon path, .house-point.visible svg.pointer-icon path { fill: #0f274a !important; } .cb-propertyslider-nav ul li a:hover { color:#0f274a !important; } .cb-propertyslider-nav ul li.active a { color:#0f274a !important; } /* Newsticker */ .news-item a { color: #0f274a !important; } /* Error */ .error { color: #0f274a !important; } /* Pagination */ .pagination-btn:hover, .pagination-btn.active { border-color: #0f274a !important; color: #0f274a !important; } /* Header / navigation */ .menu-background { background-color: #ffffff !important; }