html{--dark-gray:rgb(90, 90, 90);--light-gray:rgb(148, 148, 148);--focus-blue:rgb(69, 159, 189)}.searchbox{--target-size:48px;--box-height:var(--target-size);--border-radius:calc(var(--box-height) / 2);--border-width:2px;--icon-size:calc(var(--box-height) * 3/4 );--side-margin:calc(var(--border-radius) / 2);--icon-vertical-margin:calc( ( var(--box-height) - var(--icon-size) ) / 2 );width:80%;margin:8px auto 12px;height:var(--box-height);max-width:561px;position:relative}.searchbox input[type=search]{border:var(--border-width) solid var(--dark-gray);border-radius:var(--border-radius);height:100%;width:100%}.searchbox svg{fill:var(--dark-gray);height:var(--icon-size);width:var(--icon-size);cursor:default;z-index:-1}.searchbox span.searchok{display:block;background-color:var(--focus-blue);color:#fff;position:absolute;right:0;top:0;bottom:0;height:calc(var(--box-height) - var(--border-width));width:48px;cursor:default;text-align:center;line-height:var(--box-height);border:var(--border-width) solid transparent;border-radius:var(--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.searchbox span.searchok b{padding-right:2px}.searchbox input[type=search]{-webkit-appearance:none;color:var(--light-gray);font-family:'Noto Sans',Verdana,sans-serif;font-size:1rem;padding-left:calc(var(--side-margin) + var(--icon-size) + 4px);padding-right:var(--side-margin);background:0 0}.searchbox input[type=search]::placeholder{color:var(--dark-gray);opacity:1}.searchbox svg.magnify{position:absolute;left:var(--side-margin);top:var(--icon-vertical-margin);bottom:var(--icon-vertical-margin)}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.searchbox input[type=search]:focus{border-color:var(--focus-blue);box-shadow:0 0 5px var(--focus-blue);outline:transparent solid 1px}.searchbox input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background-image:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb(148, 148, 148)' %3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' /%3E%3C/svg%3E%0A");height:calc(var(--box-height)/ 2);width:calc(var(--box-height)/ 2)}input[type=search]{-webkit-tap-highlight-color:transparent}form.searchform{display:block;margin-bottom:24px}body .searchbox{z-index:1}.zoekresultaten{margin-top:20px}.zoekresultaten .noresult{text-align:center}button.searchboxbtn{background-color:#f8f9fa;border:1px solid #f8f9fa;border-radius:4px;color:#3c4043;font-family:Arial,sans-serif;font-size:14px;margin:11px auto;padding:0 16px;line-height:27px;height:36px;min-width:54px;text-align:center;cursor:pointer;user-select:none}button.searchboxbtn:-moz-focus-inner{border:0}button.searchboxbtn:hover{box-shadow:0 1px 1px rgba(0,0,0,.1);background-color:#f8f9fa;border:1px solid #dadce0;color:#202124}button.searchboxbtn:focus{border:1px solid #4285f4;outline:0}.searchbox *{transition:.5s}.searchbox input[type=search]+span.searchok{opacity:0;pointer-events:none}.searchbox input[type=search]:valid::-webkit-search-cancel-button{margin-right:48px}.searchbox input[type=search]:valid+span.searchok{opacity:1;pointer-events:auto;cursor:pointer}.searchbox input[type=search]:valid:not(:focus)+span.searchok{background-color:#666;opacity:.5;pointer-events:auto}.searchbox input[type=search]:valid+span.searchok:hover{background-color:#666;opacity:1}@media screen and (orientation:portrait){#form.searchform{display:none}}span.onlinestatus{display:block;font-size:70%;text-decoration:none;padding:3px 0;background-color:#f0f8ff;margin-bottom:6px;color:#fff;font-weight:700}span.onlinestatus.statusONLINE{background-color:green}span.onlinestatus.statusBEZET{background-color:#00f}span.onlinestatus.statusVOYEUR{background-color:purple}span.onlinestatus.statusVIP{background-color:#000}span.onlinestatus.statusOFFLINE{background-color:red}div.onlineagents img{width:100%;height:auto;margin:0;display:block;animation:1s fadein}div.onlineagents a.shine{display:block;background-color:rgba(0,0,0,.4)}div.bottomContainer{margin-top:0}.blog-article div.zoeken-categorie{margin-top:48px;border-top:1px dotted #666;padding-top:48px}.blog-article div.zoeken-categorie a{font-weight:700;color:#00f;transition:1s}.blog-article div.zoeken-categorie a:hover{color:red}@keyframes fadein{from{opacity:0}to{opacity:1}}