.dt {display: flex;grid-template-columns: 80px 1fr;gap: 1rem;align-items: center;margin: 3px 0;padding: 0px 40px 0px 20px;width: fit-content;width: auto;border-radius: 3rem;transition: all 0.4s ease;cursor: pointer;display: none;width: 100%;}.dt p, .dt h3 {color: var(--color2);margin: 0;font-weight: 500;text-align: center;font-size: 18px;}.dt p:last-child {display: none;font-weight: 400;font-size: 16px;}.dt .icon {padding: 10px;display: none;}.dt.active, .dt.active:hover {background: none;border-radius: 0;display: block;padding: 0;}.iconbar {display: flex;gap: 16px;background: var(--color5);border-radius: 1rem;padding: 12px 1rem;border-radius: 5rem;width: 100%;margin: 1rem auto;justify-content: center;max-width: 430px;}.layoutdef .fncts {min-height: 110px;max-width: 300px;margin: auto;}.txx {position: absolute;top: 0;opacity: 0;transition: all 0.3s ease;}.withiconbar .content {height: auto;display: flex;flex-direction: column;position: relative;padding-left: 0;order: 2;text-align: center;}.withiconbar .hlder {transform: rotate(-3deg);margin: auto;display: flex;justify-content: center;margin-bottom: 2rem;}.withiconbar .content p {color: var(--color2);font-size: 16px;}.withiconbar .content p:first-child , .withiconbar .content h3:first-child {font-weight: 600;font-size: 18px;margin-bottom: 12px;margin-top: 0;line-height: 1;}.withiconbar .iconbar {order: -1;}.txx.active {position: relative;opacity: 1;}.withiconbar .iconbar svg, .layoutdef .iconbar svg {width: 26px;height: 26px;fill: var(--color1);}.withiconbar .iconbar svg.active {fill: var(--color2);}.module.functiesmod .illslines {position: absolute;top: -10rem;left: 55%;rotate: 2deg;height: auto;width: 110%;z-index: -1;}.gpshorlogekindoverzicht .module.functiesmod .illslines {display: none;}.gpshorlogekindoverzicht .module.functiesmod.withiconbar .illslines {display: block;top: 30px;left: 80%;z-index: 0;display: none;}.gpshorlogekindoverzicht .module.functiesmod.withiconbar .illslines>img {position: absolute;left: -60px;width: 300px;top: -50px;z-index: 99999;display: none;}.module.functiesmod .illslines svg.line {width: 100%;height: auto;z-index: -1;}.module.functiesmod.withiconbar .illslines svg.line {width: 460px;transform: scaleX(-1);position: relative;left: 0;}.module.functiesmod .illslines svg.illustration {position: absolute;top: 10px;left: -160px;width: 100px;}.module.functiesmod.withiconbar .illslines {display: none;}.dt:hover {background: var(--color5);}.module.functiesmod {margin: 8rem 0 1rem;position: relative;z-index: 2;padding-bottom: 3rem;}.front .module.functiesmod {margin-bottom: -6rem;margin-top: 0;}.module.assortimentmod + .module.functiesmod {margin-top: 2rem;margin-bottom: 0;}.module.functiesmod.wthbg>p {text-align: center;}.module.functiesmod.layoutdef.cntnttop.wthbg {padding-top: 0;margin-bottom: -2rem;margin-top: 0;padding-bottom: 0;}.module.functiesmod.layoutdef.cntnttop.wthbg > .contenttop {grid-template-columns: 100%;text-align: center;max-width: 420px;margin: 0 auto 2rem;width: 90%;}.module.functiesmod.layoutdef.cntnttop.wthbg > .contenttop h2 {font-size: 28px;}.gpshorlogekindoverzicht .module.functiesmod {margin-bottom: 2rem;margin-top: 2rem;padding-bottom: 0;padding-top: 0;}.gpshorlogekindoverzicht .module.functiesmod h2 {margin-top: 0;}.module.functiesmod.withiconbar>div {flex-direction: column;}.module.functiesmod.withiconbar {margin: 5rem 0 0rem;}.front .module.functiesmod.withiconbar {margin: 3rem 0 2rem;padding-bottom: 0;}.module.functiesmod.withiconbar .topcontent {text-align: center;display: block;}.module.functiesmod.withiconbar .topcontent h2 {font-size: 28px;'' }.gpshorlogekindoverzicht .module.functiesmod.withiconbar {position: relative;z-index: 99;margin-bottom: 3rem;margin-top: 0;}.module.functiesmod.withiconbar .footsteps .footstep {opacity: 0;}.module.functiesmod.withiconbar .footsteps .footstep.visible {opacity: 1;}.module.functiesmod.withiconbar .voetstap-links {right: 220px;transform: rotate(141deg);}.module.functiesmod.withiconbar .voetstap-rechts {right: 250px;transform: rotate(144deg);top: 150px;}.module.functiesmod.withiconbar .footsteps .footstep:nth-child(3) {right: 85px;transform: rotate(165deg);}.module.functiesmod.withiconbar .footstep:nth-child(4) {top: 310px;right: 210px;transform: rotate(175deg);}.module.functiesmod.withiconbar .footstep:nth-child(5) {right: 120px;top: 390px;transform: rotate(-181deg);}.module.functiesmod.withiconbar .footstep:nth-child(6) {right: 233px;top: 480px;transform: rotate(-181deg);}.module.functiesmod.withiconbar .footstep:nth-child(7) {right: 130px;top: 590px;transform: rotate(170deg);}.module.functiesmod.withiconbar .footstep:nth-child(8) {right: 250px;top: 660px;transform: rotate(160deg);}.module.functiesmod.withiconbar .footstep:nth-child(9) {right: 93px;top: 770px;transform: rotate(149deg);}.module.functiesmod.withiconbar .footstep:nth-child(10) {right: 203px;top: 860px;transform: rotate(135deg);}.module.functiesmod.withiconbar .footstep:nth-child(11) {right: -17px;top: 920px;transform: rotate(129deg);}.module.functiesmod.layoutdef>div {grid-template-columns: 42% 1fr;gap: 0rem;flex-direction: column;align-items: center;justify-content: center;}.module.functiesmod.layoutdef>div.d-flex {position: relative;}.withiconbar .iconbar .icon.active svg, .layoutdef .iconbar .icon.active svg, .withiconbar .iconbar .icon:hover svg {fill: var(--color2);cursor: pointer;}.withiconbar h3 {text-align: center;}.withiconbar .fncts {height: 260px;position: relative;margin: auto;max-width: 300px;}.withiconbar.wthbg .fncts {height: 170px;}.module.functiesmod.layoutdef .hlder {width: 220px;height: auto;border: 8px solid var(--color2);border-radius: 2rem;overflow: hidden;margin: auto;}.module.functiesmod.layoutdef .content {width: 100%;z-index: 9999999;height: 250px;}.module.functiesmod.withiconbar .telslide>img {position: absolute;left: 0;opacity: 0;width: 100%;transition: all 0.3s ease;}.module.functiesmod.withiconbar .telslide {position: relative;WIDTH: 100%;max-width: 350px;margin-left: -25%;margin: auto;}.module.functiesmod.withiconbar .telslide>img.active {position: relative;opacity: 1;}.module.functiesmod .hlder .screenshots {height: 100%;}.module.functiesmod .content h2 {margin-bottom: 2rem;margin-top: 0;padding-left: 2rem;}.module.functiesmod.layoutdef h2 {margin: 1rem 0 8px;}.module.functiesmod .content>p {padding-left: 2rem;font-size: 20px;}.module.functiesmod .hlder .screenshots img {}.dt svg {height: 50px;width: 50px;}.dt.active p {}.dt.active svg {fill: #fff;;}.dt.active p:last-child {display: block;}.module.functiesmod.withiconbar>div.topcontent > p strong {font-weight: 600;font-size: 20px;}.module.functiesmod.layoutdef>div.contenttop > div > p strong {font-weight: 600;font-size: 20px;margin-top: -8px;}.module.functiesmod.wthbg:after {background: var(--color4);position: absolute;top: 0;width: 100vw;left: 50%;right: 50%;margin-left: -500px;margin-right: -50vw;position: absolute;top: -10%;width: 1000px;z-index: -1;content: "";height: 110%;pointer-events: none;clip-path: url(#arcClipBJ);}.module.functiesmod.wthbg.withiconbar:after {height: 120%;}.front .module.functiesmod.wthbg.layoutdef:after {display: none;}.module.functiesmod.layoutdef.wthbg .illslines {display: none;}@media(min-width: 576px) {.module.functiesmod.withiconbar .telslide {width: 100%;max-width: 410px;}.layoutdef .fncts {min-height: 100px;}}@media(min-width: 768px) {.module.functiesmod.layoutdef>div {grid-template-columns: 42% 1fr;gap: 1rem;align-items: start;}.module.functiesmod.layoutdef.cntnttop.wthbg > .contenttop {text-align: left;max-width: 80%;width: 100%;margin: 0rem 0 2rem;}.module.assortimentmod + .module.functiesmod {margin-top: 3rem;margin-bottom: 4rem;}.module.functiesmod.layoutdef.wthbg {padding: 4rem 0 8rem;}.front .module.functiesmod {margin-bottom: 0;}.module.functiesmod.layoutdef.cntnttop.wthbg {margin-bottom: 6rem;padding-bottom: 4rem;}.withiconbar .content p {font-size: 18px;}.withiconbar .content p:first-child , .withiconbar .content h3:first-child {text-align: left;}.withiconbar .fncts {height: 200px;margin-left: 0;}.withiconbar.wthbg .fncts {height: 200px;}.module.functiesmod.wthbg:after {top: -10%;height: 120%;width: 2000px;margin-left: -1000px;}.gpshorlogekindoverzicht .module.functiesmod.layoutdef {padding: 3rem 0 3rem;margin-bottom: 4rem;margin-top: 4rem;}.module.functiesmod .content h2 {margin-bottom: 8px;}.gpshorlogekindoverzicht .module.functiesmod.withiconbar {margin-top: -3rem;margin-bottom: 1rem;}.gpshorlogekindoverzicht .withiconbar .hlder {margin-bottom: 0;}.front .module.functiesmod.withiconbar {padding-bottom: 3rem;margin-top: 0;max-width: 992px;margin: 3rem auto 0;padding-top: 3rem;}.gpshorlogekindoverzicht .module.functiesmod.withiconbar .illslines {display: block;}.layoutdef .fncts {min-height: 520px;}.module.functiesmod .illslines {position: absolute;top: -130px;left: 55%;rotate: 2deg;height: auto;width: 1000px;z-index: -1;}.module.functiesmod.layoutdef>h2, .module.functiesmod.withiconbar>h2 {font-size: 32px;}.module.functiesmod.layoutdef .hlder {width: 280px;height: 600px;border: 8px solid var(--color2);border-radius: 2rem;overflow: hidden;margin-left: 0;}.module.functiesmod .illslines svg.line {width: 1000px;height: auto;z-index: -1;}.module.functiesmod .illslines {position: absolute;top: -200px;left: 65%;rotate: 2deg;height: auto;width: 440px;z-index: -1;}.withiconbar .iconbar {order: 2;margin: 0;}.module.functiesmod.withiconbar .content h2 {padding-left: 0;}.module.functiesmod.withiconbar .content .d-md-block {margin-bottom: 2rem;}.module.functiesmod.withiconbar>div {grid-template-columns: 55% 1fr;display: grid;grid-template-columns: 50% 1fr;align-items: center;gap: 0rem;}.module.functiesmod.withiconbar .topcontent {text-align: left;padding-left: 2rem;}.withiconbar .content {height: 400px;height: auto;display: flex;flex-direction: column;position: relative;padding-left: 2rem;order: 0;text-align: left;z-index: 999999;}.module.functiesmod.layoutdef .hlder {width: 300px;height: 650px;border: 8px solid var(--color2);border-radius: 2rem;overflow: hidden;margin-left: auto;}.module.functiesmod.layoutdef .dt, .dt.active {display: grid;grid-template-columns: 80px 1fr;gap: 1rem;align-items: center;margin: 3px 0;padding: 0px 40px 0px 20px;width: fit-content;width: 420px;border-radius: 3rem;transition: all 0.4s ease;cursor: pointer;}.dt .icon {padding: 10px;display: block;text-align: center;}.module.functiesmod.layoutdef .dt.active, .module.functiesmod.layoutdef .dt.active:hover {background: var(--color1);border-radius: 200px;padding: 10px 40px 10px 20px;}.dt p, .dt h3 {text-align: left;}.dt.active p, .dt.active h3 {color: #fff;}.module.functiesmod.withiconbar .telslide {width: 100%;min-width: 460px;max-width: none;flex-shrink: 0;}}@media(min-width: 992px) {.module.functiesmod.layoutdef>div {grid-template-columns: 40% 1fr;align-items: start;}.module.functiesmod.withiconbar.wthbg {padding: 8rem 0 }.module.functiesmod.withiconbar .topcontent {padding-left: 0;max-width: 50%;margin-bottom: -3rem;}.module.functiesmod.wthbg:after, .module.functiesmod.wthbg.withiconbar:after {height: 115%;}.module.assortimentmod + .front .module.functiesmod.withiconbar {margin-top: -10rem;}.module.assortimentmod + .module.functiesmod {margin-bottom: 8rem;padding-bottom: 0;margin-bottom: 4rem;}.module.assortimentmod + .module.functiesmod.withiconbar {margin-bottom: 0;}.gpshorlogekindoverzicht .module.functiesmod {margin-bottom: 1rem;margin-top: 0rem;padding-bottom: 0;padding-top: 0;}.layoutdef .fncts {min-height: 530px;margin-left: 0;margin-right: 0;}.module.functiesmod.layoutdef {margin: 8rem 0 0;padding-top: 3rem;min-height: 950px;}.front .module.functiesmod.layoutdef {margin-top: 0;}.gpshorlogekindoverzicht .module.functiesmod.layoutdef {margin-bottom: 0rem;margin-top: 0;min-height: 6;}.module.functiesmod.withiconbar .telslide {max-width: 650px;}.module.functiesmod.layoutdef .hlder {width: 300px;height: 600px;border: 8px solid var(--color2);border-radius: 2rem;overflow: hidden;margin-left: auto;}.withiconbar .fncts {height: auto;min-height: 180px;max-width: none;margin: 0;}.withiconbar.wthbg .fncts {height: auto;}.gpshorlogekindoverzicht .module.functiesmod.withiconbar .illslines>img {display: block;left: -100px;z-index: 9999999;}.withiconbar .iconbar {margin-top: auto;z-index: 999999;}.withiconbar.wthbg .iconbar {margin-bottom: 1rem;}.module.functiesmod.withiconbar>div {grid-template-columns: 50% 40%;gap: 0rem;}.withiconbar .content {padding-left: 0;height: auto;}.module.functiesmod.withiconbar .telslide {max-width: 520px;}.module.functiesmod.layoutdef .hlder {width: 320px;height: 680px;}.module.functiesmod.layoutdef.cntnttop .hlder {margin-left: 0;}.front .module.functiesmod.withiconbar {padding-bottom: 1rem;}.front .module.functiesmod.withiconbar.wthbg {padding-bottom: 2rem;padding-top: 2rem;}}@media(min-width: 1200px) {.module.functiesmod.withiconbar {margin-top: 3rem;max-width: 1100px;margin: 3rem auto 4rem;}.gpshorlogekindoverzicht .module.functiesmod.withiconbar .illslines {left: 90%;}.withiconbar.wthbg .fncts {min-height: 150px;}.module.functiesmod.layoutdef.cntnttop.wthbg > .contenttop {grid-template-columns: 60% 1fr;}.module.functiesmod.withiconbar>div {gap: 2rem;grid-template-columns: 50% 1FR;}.module.functiesmod.wthbg:after {width: 2000px;margin-left: -1000px;height: 110%;}.module.functiesmod.withiconbar.wthbg:after {height: calc(100% + 2rem);top: -2rem;}.module.functiesmod.layoutdef.cntnttop {max-width: 992px;margin: 8rem auto;}.module.functiesmod.withiconbar>div.topcontent {display: block;margin-bottom: -6rem;}.module.functiesmod.withiconbar .illslines svg.line {width: 450px;transform: scaleX(-1);position: relative;left: 0;}.module.functiesmod.withiconbar .footsteps .footstep {opacity: 0;}.module.functiesmod.withiconbar .footsteps .footstep.visible {opacity: 1;}.module.functiesmod.withiconbar .voetstap-links {right: 170px;transform: rotate(141deg);}.module.functiesmod.withiconbar .voetstap-rechts {right: 250px;transform: rotate(144deg);top: 150px;}.module.functiesmod.withiconbar .footsteps .footstep:nth-child(3) {right: 115px;transform: rotate(165deg);}.module.functiesmod.withiconbar .footstep:nth-child(4) {top: 310px;right: 230px;transform: rotate(175deg);}.module.functiesmod.withiconbar .footstep:nth-child(5) {right: 120px;top: 390px;transform: rotate(-181deg);}.module.functiesmod.withiconbar .footstep:nth-child(6) {right: 250px;top: 480px;transform: rotate(-181deg);}.module.functiesmod.withiconbar .footstep:nth-child(7) {right: 130px;top: 590px;transform: rotate(170deg);}.module.functiesmod.withiconbar .footstep:nth-child(8) {right: 260px;top: 710px;transform: rotate(160deg);}.module.functiesmod.withiconbar .footstep:nth-child(9) {right: 93px;top: 770px;transform: rotate(149deg);}.module.functiesmod.withiconbar .footstep:nth-child(10) {right: 183px;top: 900px;transform: rotate(135deg);}.module.functiesmod.withiconbar .footstep:nth-child(11) {right: -17px;top: 920px;transform: rotate(129deg);}.module.functiesmod.layoutdef>div {gap: 4rem;z-index: 2;}.module.functiesmod.layoutdef>div.contenttop.d-grid {gap: 0;grid-template-columns: 50% 1fr;margin-bottom: 2rem;}.module.functiesmod.withiconbar .content h2 {margin-top: 4rem;margin-bottom: 2rem;}.module.functiesmod.withiconbar .content .d-md-block h2 {margin-bottom: 8px;margin-top: 0;}.module.functiesmod.withiconbar .content .d-md-block p:nth-child(2) {font-size: 20px;}.module.functiesmod .illslines svg.illustration {width: 150px;left: -100px;}.module.functiesmod.wthbg .illslines svg.illustration {left: -50px;width: 130px;}.module.functiesmod.layoutdef .illslines {left: 70%;top: -11rem;}.module.functiesmod.layoutdef.wthbg .illslines {z-index: 0;right: 90%;width: 450px;height: auto;left: unset;top: -60px;display: block;}.module.functiesmod.layoutdef.wthbg .illslines .line {width: 100%;}}@media(min-width: 1600px) {.gpshorlogekindoverzicht .module.functiesmod.layoutdef:after, .module.functiesmod.wthbg:after {width:100vw;margin-left: -50vw;}}