body {background-color: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 10%, rgba(23, 24, 26, 1) 90%);}	
.lichter {background-color : #000000;background: linear-gradient(180deg, rgba(0, 0, 0, 1) 10%, rgba(23, 24, 26, 1) 90%);}
.lichtert {background: #000000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 5%, rgba(23, 24, 26, 1) 90%);}
.srir {font-family: "Sriracha", cursive;font-weight: 400;font-style: normal;}
.basis-minder{line-height: 0.8;}
.basis-twee{line-height: 1.2;}
.basis-vier{line-height: 1.4;}
.basis-zes{line-height: 1.6;}
.basis-acht{line-height: 1.8;}
.basis{line-height: 2;}	
html {font-size: 16px}
body {font-size: 1rem;background-color: #000000;margin: 0;padding:0}
body, h1,h2,h3, h4, p, ul, li {margin: 0;line-height: 1;font-family: 'REM', system-ui, sans-serif}
	
@font-face {font-family: "REM";
  src: url("https://koffiepunt40.nl/fonts/100.woff2") format("woff2");font-weight: 100;font-style: normal;font-display: swap}
@font-face {font-family: "REM";
  src: url("https://koffiepunt40.nl/fonts/400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}
@font-face {font-family: "REM";
  src: url("https://koffiepunt40.nl/fonts/700.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}
@font-face {font-family: "REM";
  src: url("https://koffiepunt40.nl/fonts/900.woff2") format("woff2");font-weight: 900;font-style: normal;font-display: swap}	
	
.megamxx, h1.megamxx, h2.megamxx, h3.megamxx, h4.megamxx, p.megamxx {font-size: 4rem}
h1, .megaxx, h1.megaxx, h2.megaxx, h3.megaxx, h4.megaxx, p.megaxx, p.sloganx {font-size: 2.7rem}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot, .collapsible, .collapsibler, .collapsibler:after, .activer:after {font-size: 2.2rem}
h3, .medium, h1.medium, h2.medium, h3.medium, h4.medium, p.medium {font-size: 1.5rem}
.normaal, p, h1.normaal, h2.normaal, h3.normaal, h4.normaal, p.normaal {font-size: 1.05rem}
.klein, h1.klein, h2.klein, h3.klein, h4.klein, p.klein {font-size: 0.8rem}		
.thin {font-family: 'REM', sans-serif;font-weight: 100;font-style: normal}
.regular {font-family: 'REM', sans-serif;font-weight: 400;font-style: normal}
.bold {font-family: 'REM', sans-serif;font-weight: 700;font-style: normal}
.sterk {font-family: 'REM', sans-serif; font-weight: 900;font-style: normal}
.resp-im {max-width: 100%;height: auto;display: block;}
.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}	
.main {float: left;width: 100%;}
.mainrechts{float: right;width: 50%;padding: 0 ;margin: 0;box-sizing: border-box}
.mainlinks{float: left;width: 50%;padding: 0;margin: 0;box-sizing: border-box}
.inlinks-klein{float: left;width: 30%;padding: 0;margin: 0}
.inrechts-groot{float: left;width: 70%;padding: 0;margin: 0;box-sizing: border-box}
.inlinks-groot{float: left;width: 70%;padding: 0;margin: 0;box-sizing: border-box}
.inrechts-klein{float: left;width: 30%;padding: 0;margin: 0}
.inrechts, .inlinks{float: left;width: 50%;padding: 0 ;margin: 0;box-sizing: border-box}
.inrechtst{float: left;width: 30%;padding: 5px 0 20px 0 ;margin: 0;box-sizing: border-box}
.inlinkst{float: left;width: 70%;padding: 15px 0 20px 0;margin: 0;box-sizing: border-box}
.inrechtshome{float: left;width: 50%;padding: 0 0 0 3% ;margin: 0;box-sizing: border-box}
.inlinkshome{float: left;width: 50%;padding: 0 3% 0 0;margin: 0;box-sizing: border-box}	
.padrechts {padding: 0 13% 0 0}
.padlinks {padding: 0 0 0 13%}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 13% 0 13%;}
.cols-3 {display: flex;gap: 1.5rem}
.cols-3 .col {flex: 1 1 0; background: #ffffff;border-radius: 8px;padding: 1.5rem 1.5rem 0.5rem 1.5rem;box-sizing: border-box}
.cols-3 .col {display: flex;flex-direction: column;}
.cols-3 .col > *:last-child {margin-top: auto;}
.cross-list, .checklist {list-style: none;padding-left: 0;margin: 0; line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist, .cross-list {list-style: none;margin: 0;padding: 0;line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist li, .cross-list li {position: relative;padding-left: 1.45rem;margin: 0.4rem 0;line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist li::before {content: "✓";color: #22c55e;line-height: 2;}
.cross-list li::before {  content: "✕";color: #ef4444;line-height: 2;}
.checklist li::before, .cross-list li::before  {position: absolute;left: 0;top: 0.05rem; font-family: 'REM', system-ui, sans-serif}
.checklist, .cross-list, .plus-list {list-style: none;padding-left: 0;margin: 0;line-height: 2;font-family: 'REM', system-ui, sans-serif;}
.checklist li, .cross-list li, .plus-list li {position: relative;padding-left: 1.45rem;margin: 0.4rem 0;line-height: 2;font-family: 'REM', system-ui, sans-serif}
.checklist li::before, .cross-list li::before, .plus-list li::before {position: absolute;left: 0;top: 0.05rem;font-family: 'REM', system-ui, sans-serif}
.checklist li::before {content: "✓";color: #22c55e}
.cross-list li::before {content: "✕";color: #22c55e}
.plus-list li::before {content: "+";color: #EB970F}
.cols-3-eq {display: flex;flex-wrap: wrap}
.cols-3-eq > .col {flex: 0 0 33.3333%;box-sizing: border-box;margin: 0;padding: 0}
.ruimteboven{margin-top: 15px}
.ruimteonder{margin-bottom: 15px}
.combies{box-sizing: border-box; padding: 2% 2% 2% 3%;margin: 10px 0 10px 0}
.center {align-items: center;text-align: center; }
.links {text-align: left;}
.rechts {text-align: right;}
.bruit {display: none;}  
.M-weg {display: block;}	
.upgroot {margin-top: 6.25rem}
.upklein {margin-top: 3rem}
.downgroot {margin-bottom: 6.25rem}
.downklein {margin-bottom: 3rem}
p.con {text-decoration:none;color:#f2f1f6;}
p.con a:link {text-decoration:none;color:#f2f1f6;}
p.con a:visited {text-decoration:none;color:#f2f1f6;}
p.con a:hover {text-decoration:none;color:#f2f1f6;}
p.cont {text-decoration:none;color:#000000;}
p.cont a:link {text-decoration:none;color:#000033;}
p.cont a:visited {text-decoration:none;color:#000033;}
p.cont a:hover {text-decoration:none;color:#000033;}
.wit {background-color: #F2F1F6;}
.zwart {background-color: #000000;}
.steunkleur{background-color: #EB970F}
.t-wit {color: #f2f1f6}
.t-zwart {color: #000033}
.t-steunkleur {color: #EB970F}
.t-geel {color: #facc15}
.ronder {border-radius: 50%}
.full {width: 100%;height:96vh;overflow:hidden;}
.volmidden {position: absolute;top: 55%;left: 50%;width: 90%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 0;}
.centert {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.menu-button{position:fixed;background-color: #ac274d;outline:none;border:3px solid #ac274d;border-radius:50%;padding: 0;top: 15px;right: 15px;width: 60px;height: 60px;cursor: pointer;color:white;z-index: 190;}
.navi-links {float: left;width: 15%;box-sizing: border-box;padding: 15px 0 15px 0;}
.navi-rechts {float: right;width: 75%; box-sizing: border-box;  padding:1px 0 15px 0;}
.topnav a {padding: 0;font-size: 25px;margin: 0;overflow: hidden; float: right;}	
.navbar{position: fixed;width: 100%;top:0;left: 0;transition: 0.6s; z-index: 99;box-sizing: border-box; padding: 0}
.scrolled{background-color: #000000;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition: 0.6s;}	
button {cursor: pointer;border: none;padding: 0;text-decoration: none;display: inline-block;}
video {width: 100vw;height: 100vh;object-fit: cover;overflow: hidden; float: right;margin:0; padding: 0}
.leesbaar {text-shadow: 1px 1px 3px #000000;}	
.leesbaarlogo {text-shadow: 1px 1px 3px #000000;}	
.shade {box-shadow: rgba(0, 0, 0, 0.4) 0 0.25rem 0.5rem}
.navbart{position: fixed;width: 100%;top:0;left: 0;transition: 0.6s; box-sizing: border-box; padding: 0;z-index: 99}
.skewermenu {position: fixed; width: 100%; height: 13vh; top:0;left: 0;background-color: #000000;transform: skewY(-2deg);transform-origin: top left;padding: 0;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition: 0.6s;z-index: 1}
.navbar.bruit .inn {position: relative;display: flex;align-items: center;justify-content: space-between;}
.opperbaas{z-index: 1004}
.menu-toggle {position: absolute;opacity: 0;pointer-events: none;}
.menu-btn {display: flex;align-items: center;justify-content: center;z-index: 1001;background-color: #000000;outline:none;border:1px solid #ffffff;border-radius:50%;padding: 0;width: 60px;height: 60px;cursor: pointer;color:white;}
.menu-btn span, .menu-btn span::before, .menu-btn span::after {display: block;position: relative;width: 28px;height: 2px;background: #ffffff;transition: 0.3s ease;}
.menu-btn span::before, .menu-btn span::after {content: "";position: absolute;left: 0;}
.menu-btn span::before {top: -8px;}
.menu-btn span::after {top: 8px;}
.menu-toggle:checked + .menu-btn span {background: transparent;}
.menu-toggle:checked + .menu-btn span::before {top: 0;transform: rotate(45deg);}
.menu-toggle:checked + .menu-btn span::after {top: 0;transform: rotate(-45deg);}
.nav-main {position: fixed;inset: 0;background-color: #000000;display: flex;align-items: center;justify-content: center;transform: translateY(-100%);transition: transform 0.4s ease;z-index: 1000;}
.menu-toggle:checked ~ .nav-main {transform: translateY(0);}
.knopmenu a {width: 80%; background-color: #000000;color:#F2F1F6; border-color:#F2F1F6; 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;}	
.knopmenu a:hover {background-color: #000000;color:#F2F1F6; border-color:#F2F1F6;}
.knopmenuoranje a {width: 80%; background-color: #EB970F;color:#F2F1F6; border-color:#F2F1F6; 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:#F2F1F6;}
.knopoverzicht a {width: 100%; background-color: #EB970F;color:#FFFFFF;padding: 10px 0px 10px 0px; text-align: center;text-decoration: none;box-sizing: border-box; display: inline-block;border-radius: 10px;border: 2px solid #ffffff;margin: 0 0 10px 0;cursor: pointer;}	
.knopoverzicht a:hover {color:#FFFFFF;margin: 0 0 10px 2px;}
.afgeronder {border-radius: 6px 6px 6px 6px;display: inline-block;}
.afgerondboven {border-radius: 6px 6px 0px 0px;display: inline-block;}
.afgerondonder {border-radius: 0px 0px 6px 6px;display: inline-block;}
.shade {box-shadow: rgba(0, 0, 0, 0.4) 0 0.25rem 0.5rem}	
.banner {position: fixed;left: 50%;bottom: 0px;transform: translateX(-50%); display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 10px 13% 10px 13%;z-index: 9999; width: 100%}
.infinity-bannert {position: relative;overflow: hidden;white-space: nowrap;color: #ffffff;padding: 0.4rem 0;}
.infinity-bannert__track {display: inline-flex;gap: 1rem;align-items: center;animation: banner-scroll 40s linear infinite;}
.infinity-bannert__track span {font-family: "REM", system-ui, sans-serif;font-weight: 400;letter-spacing: 0.05em;font-size: 0.8rem;}
@keyframes banner-scroll {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
@media (prefers-reduced-motion: reduce) {.infinity-bannert__track {animation: none;} }	
.menu-button{position:fixed;background-color: #000000;outline:none;border:3px solid #ffffff;border-radius:50%;padding: 0;top: 15px;right: 15px;width: 60px;height: 60px;cursor: pointer;color:white;z-index: 190;}
.menu-btn {display: flex;align-items: center;justify-content: center;z-index: 1001;background-color: #000000;outline:none;border:1px solid #ffffff;border-radius:50%;padding: 0;width: 60px;height: 60px;cursor: pointer;color:white;}
.link-card {display: inline-flex;align-items: center;gap: 0.2rem;padding: 0.75rem 1rem;border-radius: 999px;background-color: #000000;color: #e5e7eb;text-decoration: none;transition: background-color 180ms ease-out, transform 180ms ease-out}
.link-card:hover {background-color: #000000;transform: translateY(-1px)}	
.review-tekst .review-link:link, .review-paragraph .review-link:visited {text-decoration: none;color: #ffffff;}
.review-tekst .review-link:hover, .review-tekst .review-link:focus {text-decoration: none;}
.review-tekst .review-stars {color: #facc15;letter-spacing: 1px;}			
.x-rotate {display: inline-block;animation: x-rotate 3s linear infinite;}
@keyframes x-rotate {0%  { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.reviews {position: fixed;top: 22px;left: 50%;transform: translateX(-50%);z-index: 9999;}
.rotator {position: relative;display: inline-block;min-height: 1.2em;}
.rotator__item {position: absolute;left: 0;top: 0;opacity: 0;transition: opacity 400ms ease;white-space: nowrap;}
.rotator__item.is-active {opacity: 1;}		
.rotator {position: relative;display: inline-flex;min-height: 1.2em;margin-left: 0.35ch;}
.rotator__item {position: absolute;left: 0;top: 0;opacity: 0;transition: opacity 400ms ease;white-space: nowrap;}
.rotator__item.is-active {opacity: 1;}			
.type-line {font-size: 1.6rem;line-height: 4rem;}	
#typewriter {border-right: 2px solid #e5e7eb;white-space: pre-line; overflow: hidden;display: inline-block;padding-right: 2px;animation: caret-blink 0.8s step-end infinite;}
@keyframes caret-blink {
0%, 100% { border-color: transparent; }
50%      { border-color: #e5e7eb; }
}
.review-paragraph .review-link:link, .review-paragraph .review-link:visited {display: flex;flex-direction: column;align-items: center;gap: 2px;text-decoration: none;color: #ffffff;}
.review-paragraph .review-link:hover,
.review-paragraph .review-link:focus {text-decoration: none;}
.review-paragraph .review-stars {color: #facc15;letter-spacing: 1px;}
.review-tekst .review-link:link, .review-paragraph .review-link:visited {text-decoration: none;color: #ffffff;}
.review-tekst .review-link:hover, .review-tekst .review-link:focus {text-decoration: none;}
.review-tekst .review-stars {color: #facc15;letter-spacing: 1px;}
.skewer {background-color : #000000;transform: skewY(-2deg);transform-origin: top left;}	
.skewerwit {background-color : #F2F1F6;background: #F2F1F6;background: linear-gradient(90deg,rgba(242, 241, 246, 1) 10%, rgba(217, 217, 225, 1) 90%);transform: skewY(-2deg);transform-origin: top left;}	
.skewert {transform: skewY(2deg);transform-origin: top left;}
.navbart{position: fixed;width: 100%;top:0;left: 0;transition: 0.6s; box-sizing: border-box; padding: 0;z-index: 99}
.draai {transform: rotate(-2deg);transform-origin: center}
.curve-top {position: relative;left: 0;top:-1rem;width: 100%;height: 1rem;background-color: #000000;border-radius: 25px 25px 0 0}
.bovenrand {border-radius: 25px 25px 0 0}
.card-content {padding: 5%;box-sizing: border-box;display: flex;flex-direction: column;flex: 1;}
.card-content p {flex: 1;margin-bottom: 1rem;}
.card-button {display: inline-flex;align-items: center;justify-content: center;width: 100%;box-sizing: border-box;padding: 1rem 2.4rem;border-radius: 10px;border: 2px solid #ffffff;background-color: #000000;color: #ffffff;text-decoration: none;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;align-self: flex-start;}
.card-button:hover,.card-button:focus-visible {transform: scale(1.01);box-shadow: 0 6px 14px rgba(0, 0, 0, 0.03);background-color: #EB970F;}	
.cards-carousel {display: flex;flex-wrap: nowrap;gap: 30px; padding: 5px;margin: 0 auto;overflow-x: auto;scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.cards-carousel .card {flex: 0 0 calc((100% - 2 * 30px) / 3);scroll-snap-align: start;display: flex;flex-direction: column;background: #ffffff;border-radius: 10px;overflow: hidden;transform: scale(1);opacity: 1;transition: transform 0.25s ease, opacity 0.25s ease;}
.cards-carousel .card.card--active {transform: scale(1);opacity: 1;}
.cards-wrapper {position: relative;width: 100%;margin: 0 auto;overflow: visible;padding: 40px 0;}
.cards-carousel {display: flex;flex-wrap: nowrap;gap: 30px;padding: 5px;margin: 0 auto;width: 100%;overflow-x: auto;scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.carousel-arrow {position: absolute;top: 50%;transform: translateY(-50%);background: #EB970F;border: 2px solid #FFFFFF;color: #fff;border-radius: 50%;width: 60px;height: 60px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;font-size: 40px;z-index: 2;}
.carousel-arrow--prev {left: -4%;}
.carousel-arrow--next {right: -4%;}
.carousel-arrow--hidden {opacity: 0;pointer-events: none;}
.carousel-arrow:hover,v.carousel-arrow:focus-visible {transform: translateY(-50%) scale(1);background-color: #EB970F;border: 2px solid #ffffff}
.draait {transform: rotate(-2deg)}		
header .logo img {width: 100%;transition: width 2s ease-in-out 0.3s;margin: 0;box-sizing: border-box;padding: 0}
header.fixed-header .logo img {width: 70%;margin: 0;box-sizing: border-box;padding: 0}
.x-rotate {display: inline-block;animation: x-rotate 3s linear infinite;}
@keyframes x-rotate {0%  { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
.item {display: inline-block}
.item.is-links {animation: links-rotate 12s linear infinite}
@keyframes links-rotate {0%  { transform: rotate(360deg); } 100% { transform: rotate(0deg); } }				
.item.is-rechts {animation: rechts-rotate 12s linear infinite}
@keyframes rechts-rotate {0%  { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.p-row {justify-content: center;text-align: center}	
.passend{width: 100%;height: 60vh;object-fit: cover;object-position: center}
.linker70 {float: left; width: 70%; box-sizing: border-box; padding: 0 4% 0 13%}
.rechter70 {float: right; width: 70%; box-sizing: border-box; padding: 0 13% 0 4%}
.linker30 {float: left; width: 30%; box-sizing: border-box; padding: 0 0 0 13%}
.rechter30 {float: right; width: 30%; box-sizing: border-box; padding: 0 13% 0 0}
.p-link {display: inline-flex;align-items: center;justify-content: center;padding: 1rem 2.4rem;border-radius: 999px;border: 2px solid #EB970F;background-color: transparent;color: #ffffff;text-decoration: none;cursor: pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease,color 0.2s ease;}
.p-link:hover, .p-link:focus-visible {transform: scale(1.03);box-shadow: 0 6px 14px rgba(0, 0, 0, 0.25);background-color: rgba(255, 255, 255, 0.06);}
.afgerond6 {border-radius: 9px;display: block;max-width: 100%;height: auto}
.vulling {float: left; width: 100%; height: 13vh;z-index: 1}
.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-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}
.contact-list {list-style: none;margin: 0;padding: 0;}
.contact-item {display: flex;align-items: center;gap: 0.75rem;color: #ffffff;margin-bottom: 0.5rem;}
.contact-item a {color: inherit;text-decoration: none;}
.contact-item a:hover {text-decoration: underline;}
.contact-item::before {
  content: "";display: inline-block;flex: 0 0 20px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;background-size: 20px 20px;}

.contact-item--address::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10.5C21 17 12 22 12 22S3 17 3 10.5C3 6.91 5.91 4 9.5 4S16 6.91 16 10.5c0 3.59-3.5 7.5-3.5 7.5'/%3E%3Ccircle cx='12' cy='10.5' r='2.5'/%3E%3C/svg%3E");}
.contact-item--phone::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.86 19.86 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.86 19.86 0 0 1 2.11 4.1 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.72c.12.9.37 1.77.72 2.6l-1.7 1.7a1 1 0 0 0-.21 1.09 16 16 0 0 0 6 6 1 1 0 0 0 1.09-.21l1.7-1.7a11.72 11.72 0 0 1 2.6.72A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");}
.contact-item--mail::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' ry='2'/%3E%3Cpolyline points='3 7 12 13 21 7'/%3E%3C/svg%3E");}		
.contact-item--whatsapp::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 11.5c0 4.7-3.8 8.5-8.5 8.5-1.5 0-2.9-.4-4.1-1.1L3.5 20.5l1.7-4.2C4.6 15.1 4.3 13.9 4.3 12.7 4.3 8 8.1 4.2 12.8 4.2s7.7 3.8 7.7 7.3z'/%3E%3Cpath d='M9.7 9.3c-.1-.2-.3-.4-.5-.4h-.4c-.1 0-.3.1-.4.2-.4.4-1.1 1.1-1.1 2.1s.8 2.3 1 2.5c.1.2 2 3.1 4.9 4.2.7.3 1.3.5 1.8.6.8.3 1.5.2 2.1.1.6-.1 1.9-.8 2.2-1.6.3-.8.3-1.4.2-1.6-.1-.2-.2-.2-.4-.3l-1.9-.9c-.2-.1-.4-.1-.5.1l-.7.8c-.1.1-.2.2-.4.2-.1 0-.3 0-.4-.1-.2-.1-.8-.3-1.5-.9-.5-.4-.9-.9-1-1.1-.1-.2 0-.3.1-.4l.4-.5c.1-.1.1-.3.1-.4l-.8-1.9c-.1-.3-.3-.3-.5-.3-.2 0-.4 0-.6.2l-.6.4c-.2.2-.4.4-.4.6z'/%3E%3C/svg%3E");}
.contact-item--route::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 11C4.5 7.96 7 5.5 10 5.5s5.5 2.46 5.5 5.5c0 3.04-3 6.5-5.5 8.5-2.5-2-5.5-5.46-5.5-8.5z'/%3E%3Ccircle cx='10' cy='11' r='1.8'/%3E%3Cpath d='M14 4h2.5A2.5 2.5 0 0 1 19 6.5 2.5 2.5 0 0 1 16.5 9H15'/%3E%3Cpath d='M6 7H5A2 2 0 0 0 3 9v1.5'/%3E%3C/svg%3E");}
.contact-item--parking::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3' ry='3'/%3E%3Cpath d='M10 17V7h4a3 3 0 0 1 0 6h-4'/%3E%3C/svg%3E");}
.contact-item--facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 22V12H7V9h2V7.5C9 5.57 10.57 4 12.5 4H16v3h-2.5C12.67 7 12 7.67 12 8.5V9h4v3h-4v10'/%3E%3Crect x='3' y='3' width='18' height='18' rx='3' ry='3'/%3E%3C/svg%3E");}
.contact-item--instagram::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='5' ry='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17' cy='7' r='1'/%3E%3C/svg%3E");}
.contact-item--website::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3c2.5 2.7 3.8 5.9 3.8 9s-1.3 6.3-3.8 9c-2.5-2.7-3.8-5.9-3.8-9s1.3-6.3 3.8-9z'/%3E%3C/svg%3E");}

.modal {position: fixed;inset: 0;display: none;align-items: center;justify-content: center;z-index: 1000;}
.modal.is-visible {display: flex;}
.modal__backdrop {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.75);}
.modal__dialog {position: relative;z-index: 9999999;width: 74%;background: #ffffff;color: #111;border-radius: 9px;padding: 1.75rem 2rem;box-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);box-sizing: border-box;}
.modal__close {position: absolute;top: 0.6rem;right: 0.8rem;border: none;background: none;font-size: 1.8rem;line-height: 1;cursor: pointer;}
.btn-open-modal {padding: 0.6rem 1.4rem;border-radius: 999px;border: 1px solid #000;background: #000;color: #fff;cursor: pointer;}
[data-modal-open] {cursor: pointer;}	
.contact-item {display: flex;align-items: flex-start; gap: 0.75rem;font: 400 0.95rem/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color: #ffffff;margin-bottom: 0.5rem;}
.contact-item::before {content: "";display: inline-block;flex: 0 0 18px;width: 18px;height: 18px;margin-top: 0.1rem;background-repeat: no-repeat;background-position: center;background-size: 18px 18px;}
	
@media screen and (max-width: 800px) {
.M-weg {display: none}
.bruit {display: block} 
.scroll-arrow span {display: none;opacity: 0;}	
.upgroot {margin-top: 3.2rem}
.upklein {margin-top: 1.7rem}
.downgroot {margin-bottom: 3.2rem}
.downklein {margin-bottom: 1.7rem}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
.full {width: 100%;height: 60vh;overflow:hidden;}
.volmidden {position: absolute;top: 45%;left: 50%;width: 98%; transform: translate(-50%, -50%); box-sizing: border-box; padding: 0;}
video {width: 100%;height: 60vh;object-fit: cover;}
.inlinks, .inrechts, .inlinks-klein, .inrechts-groot, .inlinks-groot, .inrechts-klein {float: left;width: 100%;box-sizing: border-box;padding:0}
.conten {float: left;padding: 0 0 0 0;box-sizing: border-box}
.inrechtshome{float: left;width: 100%;padding: 0 ;margin: 0;box-sizing: border-box}
.inlinkshome{float: left;width: 100%;padding: 0;margin: 0;box-sizing: border-box}
.inlfoot{float: left;width: 70%;padding: 0 ;margin: 0;box-sizing: border-box}
.inrfoot{float: left;width: 30%;padding: 0;margin: 0;box-sizing: border-box}
.padrechts, .padlinks {padding: 0}
.kwart {float: left;width: 50%;box-sizing: border-box; padding:0; margin: 0%}
.mobright {text-align: right;} .mobcent {text-align: center;} .mobleft {text-align: left;} 
.mobpad {margin: 30px 0 0 0}
.centert{position: absolute;top:0;left: 0;right: 0;margin: auto;width: 25%}
.skewermenu {height: 11vh}
.banner {padding: 10px 2% 10px 2%;}
.main__inner {justify-content: center;}
.type-line {line-height: 2.6rem;}	
.main__inner {display: flex;align-items: top;}	
.main__inner {padding: 0; height:140px;box-sizing: border-box; }	
.infinity-bannert__track {gap: 0.5rem;animation: banner-scroll 60s linear infinite;}
.navi-links{float: left;width: 65%;box-sizing: border-box;padding: 10px 0 5px 0} 
.navi-rechts{float: right;width: 25%;box-sizing: border-box;padding: 5px}
.navbar{position: fixed; width: 100%; top:0; left: 0; transition: 0.6s; z-index: 99;box-sizing: border-box; padding: 0}
.linker70, .linker30, .rechter70, .rechter30  {float: left; width: 100%; box-sizing: border-box; padding: 0 7% 0 7%}
.cols-3 {flex-direction: column}
.cols-3 .col {flex: 1 1 100%;width: 100%}
.modal__dialog {width: 96%}
.inlinksform{float: left;width: 100%;padding: 0;margin: 0 0 15px 0;box-sizing: border-box}		
.inlinksformruimte{float: left;width: 100%;padding: 6% ;margin: 0;box-sizing: border-box;border-radius: 9px}	
.inrechtsform{float: left;width: 100%;padding: 0 ;margin: 0;box-sizing: border-box}
.inrechtsformruimte{float: left;width: 100%;padding:6% ;margin: 0;box-sizing: border-box;border-radius: 9px} }

@media screen and (min-width: 1501px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 100px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 50px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 39px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 29px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 20px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
}
@media screen and (max-width: 1500px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 95px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 49px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 38px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 28px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 19px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 10% 0 10%;}
}
@media screen and (max-width: 1400px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 93px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 48px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 38px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 27px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 19px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}	
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 9% 0 9%;}
}
@media screen and (max-width: 1300px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 92px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 48px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 37px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 29px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 18px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 8% 0 8%;}
}
@media screen and (max-width: 1200px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 90px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 47px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 37px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 26px}
ul.no-bul, p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 18px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
}
@media screen and (max-width: 1100px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 86px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 47px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 36px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 24px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 17px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
}
@media screen and (max-width: 1000px) { 
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 80px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 46px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 36px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 22px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 17px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
}
@media screen and (max-width: 900px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 70px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 44px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 33px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 21px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 17px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
.inn {float: left;width: 100%;box-sizing: border-box; padding: 0 5% 0 5%;}
}
@media screen and (max-width: 800px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 60px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 42px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 30px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 19px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 17px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 13px}
}
@media screen and (max-width: 700px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 50px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 39px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 27px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 19px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 17px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 12px}
}
@media screen and (max-width: 600px) {
.megam, h1.megam, h2.megam, h3.megam, p.megam {font-size: 45px}
h1, .mega, h1.mega, h2.mega, h3.mega, p.mega, p.slogan {font-size: 29px}
h2, .groot, h1.groot, h2.groot, h3.groot, h4.groot, p.groot {font-size: 24px}
h3, .medium, h1.medium, h2.medium, h3.medium, p.medium {font-size: 19px}
p, .normaal, h1.normaal, h2.normaal, h3.normaal, p.normaal {font-size: 17px}
.klein, h1.klein, h2.klein, h3.klein, p.klein {font-size: 12px}
}