body#offertemob .offertemob {display: none}
body#offertemob .button-offerte {display: none}
.offertemob {position: fixed;bottom: 50px;left: 50%;transform: translateX(-50%); z-index: 1500;}
.sitemap-list {list-style: none;margin: 0;padding: 0;}
.sitemap-list li {margin-bottom: 0.9rem; font-weight: 400;}
.sitemap-link {position: relative;display: inline-block;color: #EB970F;text-decoration: none;transition: color 0.2s ease, transform 0.2s ease;}
.sitemap-link::after {content: "";position: absolute;left: 0;bottom: -0.12em;width: 100%;height: 1px;background-color: #FFFFFF;transform: scaleX(0);transform-origin: left;transition: transform 0.2s ease;}
.sitemap-link:hover,.sitemap-link:focus-visible {color: #FFFFFF;transform: translateX(2px);}
.sitemap-link:hover::after, .sitemap-link:focus-visible::after {transform: scaleX(1);}
.sitemap-link {margin-left: 0.5rem;font-size: 0.95em;color: #FFFFFF;font-weight: 100;}
.sitemap-subitem {margin-left: 0.5rem;font-size: 0.95em;}
.sitemap-subitem .sitemap-link {margin-left: 0.5rem;font-size: 0.95em;color: #FFFFFF;font-weight: 100;}
.knopmenu {text-align: center;}
.knopmenu {text-align: center;}
.knopmenu a {width: 100%; background-color: #000000;color:#F2F1F6;border-color:#000000;padding: 10px 0px 10px 0px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; display: inline-block;}	
.knopmenu a:hover {color:#EB970F;border-color:#000000;margin:0 0 0 1px}
.knopmenuanders a {width: 100%; background-color: #000000;color:#EB970F;padding: 5px 0px 5px 0px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; display: inline-block;}	
.knopmenuanders a:hover {color:#FFFFFF;margin:0 0 0 1px}
.knopmenuoranje a {width: 80%; background-color: #EB970F;color:#F2F1F6; border-color:#000000; padding: 20px 0px 20px 0px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; border: 1px solid;border-radius: 999px;display: inline-block;}	
.knopmenuoranje a:hover {background-color: #000000;color:#F2F1F6; border-color:#000000;}
.knopoverzicht a {width: 100%; background-color: #000000;color:#EB970F;padding: 5px 0px 5px 0px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; display: inline-block;border-radius: 10px;border: 2px solid #000000;cursor: pointer;}	
.knopoverzicht a:hover {color:#FFFFFF;margin:0 0 0 1px}
.pijl {background: #000000; color: #fff;border: 2px solid #ffffff;border-radius: 50%; width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;flex-shrink: 0;transition: transform 0.2s ease, box-shadow 0.2s ease;font-size: 20px;}
.pijl:hover,.pijl:focus-visible {background-color: #000000;color: #EB970F;}		
.offerte a {color: #ffffff;text-decoration: none;display: flex;align-items: center;gap: 12px;}
.offerte-tekst {display: flex;flex-direction: column;justify-content: center;flex: 1; }
.offerte {position: fixed;bottom: 20px; right: 13%; padding: 0.8% 2% 0.8% 0.8%; background-color: #EB970F; color: #f2f1f6; border: 2px solid #f2f1f6; border-radius: 999px;z-index: 9999;}
.offerte:hover {background-color: #ffffff; border-color: #000000;}
.offerte:hover a {color: #000000;}
.offerteknop a {color: #ffffff;text-decoration: none;display: flex;align-items: center;gap: 12px;}
.offerteknop {position: relative;bottom: 20px; padding: 1.6% 2% 1.6% 1.6%; background-color: #EB970F; color: #f2f1f6; border: 2px solid #f2f1f6; border-radius: 999px;z-index: 2;}
.offerteknop:hover {background-color: #ffffff; border-color: #000000;}
.offerteknop:hover a {color: #000000;}
.navi-links{flex: 1 1 auto;display: flex;align-items: center;min-width: 0;z-index: 3000;position: relative;}
.navi-rechts{flex: 0 0 auto;display: flex;align-items: center;justify-content: flex-end;z-index: 3000;position: relative;}
.menu-label{color: #fff;font-size: 12px;font-weight: 400;text-transform: uppercase;letter-spacing: 1px;margin-left: 40px;opacity: 0.9;transition: opacity 0.25s ease;}
.buttons-wrapper {display: flex;align-items: center;gap: 5%; justify-content: flex-start;}
.button-offertexxx {height: 50px;box-sizing: border-box;border: 2px solid #fff;border-radius: 24px;background: #EB970F;color: #ffffff;text-decoration: none; padding: 6px 16px; width: auto; flex-shrink: 0; white-space: nowrap;line-height: 0.95;z-index: 1501;position: static;margin: 0;display: inline-block;}
.button-offerte {height: 50px;box-sizing: border-box;border: 2px solid #fff;border-radius: 24px;background: #EB970F;color: #ffffff;text-decoration: none;padding: 6px 16px;width: auto;flex-shrink: 0;white-space: nowrap;line-height: 1;z-index: 1501;position: static;margin: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 2px;}
.menu-tog {position: absolute;opacity: 0;width: 1px;height: 1px;pointer-events: none;}
.menu-btnx {width: auto;height: 50px;box-sizing: border-box;display: inline-flex;align-items: center;cursor: pointer;position: relative;z-index: 4000;margin-left: auto; -webkit-tap-highlight-color: transparent;border-radius: 24px;border: 2px solid #ffffff;background: #000;transition: background 0.25s ease;padding: 0 22px;}
.menu-btnx span:nth-of-type(1),
.menu-btnx span:nth-of-type(2),
.menu-btnx span:nth-of-type(3) {display: block;position: absolute;left: 16px;width: 26px;height: 2px;background: #fff;border-radius: 2px;transform-origin: center;transition: transform 0.25s ease, opacity 0.2s ease, top 0.25s ease;}
.menu-btnx span:nth-of-type(1) { top: 14px; }
.menu-btnx span:nth-of-type(2) { top: 23px; }
.menu-btnx span:nth-of-type(3) { top: 32px; }
.menu-btnx:hover .menu-label { opacity: 1; }
.menu-labelx {color: #fff;margin-left: 40px;opacity: 0.9;transition: opacity 0.25s ease;}
.menu-panel {position: fixed;inset: 0;width: 100vw;height: 100vh;background: #000000;backdrop-filter: blur(6px);opacity: 0;visibility: hidden;transform: translateY(100%) scale(0.95);transition:opacity 0.2s ease,visibility 0s linear 0.1s,transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);z-index: 1500;pointer-events: none;display: flex;align-items: center;justify-content: center;}
.menu-tog:checked ~ .menu-panel {opacity: 1;visibility: visible;transform: translateY(0) scale(1);pointer-events: auto;transition:opacity 0.1s ease,visibility 0s linear 0s,transform 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.menu-tog:checked + .menu-btnx {background: #fff;}
.menu-tog:checked + .menu-btnx span:nth-of-type(1) {top: 23px;transform: rotate(45deg);background: #000;}
.menu-tog:checked + .menu-btnx span:nth-of-type(2) {opacity: 0;}
.menu-tog:checked + .menu-btnx span:nth-of-type(3) {top: 23px;transform: rotate(-45deg);background: #000;}
.menu-tog:checked + .menu-btnx .menu-labelx {color: #000000;opacity: 1;}
.menu-navx {display: flex;flex-direction: column;gap: 1rem;text-align: center;}
.menu-navx p {opacity: 0;transform: translateY(-20px);transition: opacity 0.8s ease, transform 0.8s ease;}
.menu-navx p[data-index="1"]  { transition-delay: 0.1s; }
.menu-navx p[data-index="2"]  { transition-delay: 0.1s; }
.menu-navx p[data-index="3"]  { transition-delay: 0.1s; }
.menu-navx p[data-index="4"]  { transition-delay: 0.1s; }
.menu-navx p[data-index="5"]  { transition-delay: 0.2s; }
.menu-navx p[data-index="6"]  { transition-delay: 0.2s; }
.menu-navx p[data-index="7"]  { transition-delay: 0.2s; }
.menu-navx p[data-index="8"]  { transition-delay: 0.2s; }
.menu-navx p[data-index="9"]  { transition-delay: 0.2s; }
.menu-navx p[data-index="10"] { transition-delay: 0.2s; }
.menu-navx p[data-index="11"] { transition-delay: 0.3s; }
.menu-navx p[data-index="12"] { transition-delay: 0.3s; }
.menu-navx p[data-index="13"] { transition-delay: 0.3s; }
.menu-tog:checked ~ .menu-panel .menu-navx p {opacity: 1;transform: translateY(0);}	
.knopmenu {text-align: center;}
.knopmenu {text-align: center;}
.knopmenu a {width: 100%; background-color: #000000;color:#F2F1F6;border-color:#000000;padding: 2px 0px 2px 0px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; display: inline-block;}	
.knopmenu a:hover {color:#EB970F;border-color:#000000;margin:0 0 0 1px}
.knopmenuanders a {width: 100%; background-color: #000000;color:#EB970F;padding: 1px 0px 1px 0px;margin:0; text-align: center;text-decoration: none;box-sizing: border-box; display: inline-block;}	
.knopmenuanders a:hover {color:#FFFFFF;margin:0 0 0 1px}

@media (max-width: 800px) {
.offerte {right: auto;left: 50%;transform: translateX(-50%);bottom: 52px;max-width: 90%;padding: 1.7% 4% 1.7% 2.4%;display: flex !important;align-items: center;justify-content: center;text-align: center;}
.offerte a {display: flex !important;
 align-items: center !important;
 justify-content: center !important; 
 gap: 12px;flex-shrink: 0;}
.offerte-tekst {text-align: center;flex: 1;white-space: nowrap;flex-shrink: 0;}
.button-offerte {height: 60px; padding: 10px 20px;line-height: 0.95;z-index: 1501;}
}