BODY { font-family:'ff-dax-pro', sans-serif; font-size:16px; color:#001735; background-color:#FFFFFF; } .u-font-body { font-family:'ff-dax-pro', sans-serif; font-size:16px; } a { color:#001735; } a:hover, a:active, a:focus { color:#9aa2a6; } .ai-navbutton { color:#001735; } .nav>li>a:focus, .nav>li>a:hover { color:#9aa2a6; background-color:transparent; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color:white; background-color:#001735; border-radius:20px; } .form-control { border-radius:20px; font-size:16px; } .dropdown-menu { background-color:rgba(154, 162, 166, .9); border-radius: 0px !important; box-shadow: 0px 0px 0px 0px rgba(176,176,176,1); } .dropdown-menu::before { border-color: transparent transparent rgb(154, 162, 166) transparent !important; } .btn-default { color:#001735; background-color:transparent; border: 1px solid #001735; } .btn-default:hover { color:#FFFFFF; background-color:#001735; border: 1px solid #001735; } .btn-primary { color:#FFFFFF; background-color:#001735; border: 1px solid #001735; } .btn-primary:hover { color:#001735; background-color:transparent; border: 1px solid #001735; } #spotlight .btn { color: #ffffff; background-color: transparent; display: block; float: left; border: 1px solid #ffffff; height: 42px; font-size: 16px; padding: 0px 15px; line-height: 40px; } #spotlight .btn-default { color: #9aa2a6; border: 1px solid white; background-color: white; } #spotlight .btn-default:hover { color:white; background-color:transparent; } #spotlight .btn-primary:hover { color:#9aa2a6; } #spotlight .btn-cta:hover { color: #FFFFFF; border: 1px solid #9aa2a6; background-color: #9aa2a6; } h1 { color:#001735; } h2, h3, h4, h5, h6 { color:#001735; } header { background-color:#FFFFFF; } .ai-company { color:#001735; display:none; } .ai-headerlink { color:#001735; } .ai-headerlink-social .fab { color: ; } .ai-headerlink:hover { color:#9aa2a6; } .ai-headerlink-social:hover .fab { color: ; } .navbar-default { background-color:#9aa2a6; } .navbar-default .navbar-nav>li>a, .dropdown-menu>li>a { color:#001735; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color:#001735; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color:#001735; color:#9aa2a6; } .navbar-default .navbar-nav .pull-right .ai-navbutton { background-color:#9aa2a6; color:#FFFFFF; border-radius:20px; } .navbar-default .navbar-nav .pull-right .ai-navbutton:hover { background-color:#9aa2a6; color:#FFFFFF; } .btn-highlighted { background-color:#9aa2a6; color:#FFFFFF; border-radius:20px; } .btn-highlighted:hover { background-color:#9aa2a6; color:#FFFFFF; } @media (max-width: 767px) { .navbar-default { background-color:#FFFFFF; } .nav li { background-color:#9aa2a6; } } h1, h2, h3, h4, h5, h5, .ai-company { font-family:'ff-dax-pro', sans-serif; text-transform:none; font-weight:700; } .btn { border-radius:20px; } .btn-margin { margin-right: 10px !important; } .btn-cta { background-color:#9aa2a6; color:#FFFFFF; border-radius:20px; } .btn-cta:hover { color: #FFFFFF; background-color:#9aa2a6; } .pagination>li:first-child>a, .pagination>li:first-child>span { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .pagination>li>a, .pagination>li>span { color:#001735; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color:#001735; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#001735; border-color:#001735; } .content, #breadcrumb { background-color:#FFFFFF; } .label-default { background-color:#001735; color:#FFFFFF; } .panel { background-color:#FFFFFF; } .panel_2 .label-default { background-color:#FFFFFF; color:#001735; } .panel_2 { background-color:#001735; color:#FFFFFF; } .panel_2 h1, .panel_2 h2, .panel_2 h3 { color:#FFFFFF; } .panel_2 a { color:#FFFFFF; } .panel_2 .btn-default { color:#FFFFFF; background-color:transparent; border: 1px solid #FFFFFF; } .panel_2 .btn-default:hover { color:#001735; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .panel_2 .btn-primary { color:#001735; background-color:#FFFFFF; border: 1px solid #FFFFFF; } .panel_2 .btn-primary:hover { color:#FFFFFF; background-color:transparent; border: 1px solid #FFFFFF; } .gradient_light { background-image: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,.5) ); } .gradient_dark { background-image: linear-gradient( to bottom, rgba(0,0,0,0), rgba(0,0,0,.5) ); } footer { background-color:#001735; } footer h3 { color:#FFFFFF; } footer .ai-footerlink { color:#9aa2a6; } footer .ai-footerlink:hover { color:#FFFFFF; } .solid-divider { background-color: #001735; height: 1px; opacity: 50%; } .dashed-divider { border-top: 1px dashed #001735; opacity: 50%; } .dotted-divider { border-top: 1px dotted #001735; opacity: 50%; } .carousel-indicators.ai-carousel-indicators-slider li { background-color: #001735; } .carousel-indicators.ai-carousel-indicators-slider li.active { background-color: #001735; } .navbar-modern .pull-right { border-radius:20px; } .navbar-modern .pull-right:hover { background-color: #9aa2a6; border: 1px solid #9aa2a6; border-radius:20px; color: #FFFFFF; } .header-modern.shadow { box-shadow: 0px 10px 0px -10px rgba(176,176,176,1); } .header-modern.navpanel { background-color: #FFFFFF; } .header-modern.navpanel .navbar-modern .pull-right:hover { background-color: #9aa2a6; color: #FFFFFF; } .header-modern.navpanel .ai-navbutton { color: #001735; } .header-modern.navpanel .ai-navbutton:hover { color: #001735; } .header-modern.navpanel .active .ai-navbutton { color: #9aa2a6; } .header-modern.navpanel .ai-headerlink { color: #001735; } .header-modern.navpanel .ai-headerlink:hover { color: #9aa2a6; } .header-modern.navpanel .ai-company { color: #001735; } .header-modern.scrolled { background-color: #FFFFFF !important; } .header-modern.scrolled .navbar-modern .pull-right { background-color: #9aa2a6; color: #FFFFFF; } .header-modern.scrolled .navbar-modern .pull-right:hover { background-color: #9aa2a6; color: #FFFFFF; } .header-modern.scrolled .ai-navbutton { color: #001735; } .header-modern.scrolled .ai-navbutton:hover { color: #001735; } .header-modern.scrolled .active .ai-navbutton { color: #9aa2a6; } .header-modern.scrolled .ai-headerlink { color: #001735; } .header-modern.scrolled .ai-headerlink:hover { color: #9aa2a6; } .header-modern.scrolled .ai-company { color: #001735; } .header-modern.scrolled .modern-xs .btn-highlighted { background-color: #9aa2a6; } /* GOOGLE TRANSLATE WIDGET */ .goog-te-gadget-simple span { color: #001735 !important; font-family:'ff-dax-pro', sans-serif; } .translate_classic_mobile .goog-te-gadget-simple::before { color: #001735 !important; } .header-modern.scrolled .goog-te-gadget-simple span { color: #001735 !important; } .header-modern.scrolled .visible-xs .goog-te-gadget-simple::before { color: #001735 !important; } <style> /* Achtergrond overlay */ #popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9998; } /* Popup venster */ #popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 25px; border-radius: 10px; max-width: 400px; width: 80%; box-shadow: 0 5px 20px rgba(0,0,0,0.3); z-index: 9999; text-align: center; } #popup h2 { margin-top: 0; } #popup button, #popup a { margin-top: 15px; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; } #popup a { display: inline-block; text-decoration: none; background: #0078D7; color: white; } #popup button { background: #ccc; } </style> <!-- Overlay en popup --> <div id="popup-overlay"></div> <div id="popup"> <h2>🎉 Vier het jubileum met ons!</h2> <p>We hebben iets speciaals te vieren. Klik hieronder voor meer info!</p> <a href="https://www.dwoestenberg.nl/jubileum/viering">Bekijk de jubileumpagina</a><br><br> <button onclick="closePopup()">Sluiten</button> </div> <script> function showPopup() { document.getElementById('popup-overlay').style.display = 'block'; document.getElementById('popup').style.display = 'block'; } function closePopup() { document.getElementById('popup-overlay').style.display = 'none'; document.getElementById('popup').style.display = 'none'; } // Popup na 5 seconden tonen setTimeout(showPopup, 5000); </script>