.dots-component{justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;padding:.5rem;display:flex;overflow:visible}.dots-component svg{filter:drop-shadow(0 0 8px #ffffff14);width:100%;max-width:min(600px,45vw);height:100%;max-height:min(700px,75vh);overflow:visible}.dots-component .dots-lines{opacity:.7}.dots-component .dots-lines line{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s ease-out forwards drawLine}.dots-component .dot-group{cursor:pointer}.dots-component .dot-group .red-dot{fill:var(--color-highlight,#b21f1f);opacity:0;filter:drop-shadow(0 0 4px #b21f1f80);animation:.4s ease-out forwards fadeInDot}.dots-component .dot-group .dot-label{fill:#fff;font-family:var(--font-bebas),Arial,Helvetica,sans-serif;letter-spacing:.5px;opacity:0;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:24px;animation:.4s ease-out forwards fadeInText}.dots-component .dot-group:hover .red-dot{fill:#db3333;filter:drop-shadow(0 0 12px #b21f1fe6);transform:scale(1.3)}.dots-component .dot-group:hover .dot-label{fill:var(--color-highlight,#b21f1f)}@media only screen and (max-width:1024px){.dots-component{padding:.75rem}.dots-component svg{max-width:380px;max-height:480px}.dots-component .dot-label{font-size:20px}}@media only screen and (max-width:768px){.dots-component{padding:.5rem}.dots-component svg{max-width:300px;max-height:380px}.dots-component .dot-label{font-size:16px}}@keyframes drawLine{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes fadeInDot{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeInText{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.homePage-background{box-sizing:border-box;background-image:url(/images/startpage.png);background-position:50%;background-size:cover;grid-template-columns:1fr 1fr;width:100vw;height:100vh;padding-top:clamp(80px,6vw,100px);padding-bottom:clamp(60px,4vw,80px);display:grid;overflow:visible}@media only screen and (max-width:768px){.homePage-background{display:none!important}}.homePage-left-side{flex-direction:column;justify-content:center;align-items:center;margin-right:10%;display:flex}.homePage-right-side{box-sizing:border-box;justify-content:center;align-items:center;max-height:100%;padding:.5rem;display:flex;overflow:visible}.homePage-mobile{display:none}@media only screen and (max-width:768px){.homePage-mobile{background-image:url(/images/startpage.png);background-position:50%;background-size:cover;grid-template-rows:1fr 1.2fr;width:100vw;height:100vh;display:grid}.homePage-mobile .homePage-mobile-top-half{justify-content:flex-start;align-items:center;margin-top:5%;padding:0 1.5rem;display:flex}.homePage-mobile .homePage-mobile-top-half .homePage-title{text-align:center;font-size:clamp(2.8rem,8vw,3.8rem);line-height:1.1}.homePage-mobile .homePage-mobile-bottom-half{flex-direction:column;justify-content:flex-end;align-items:center;gap:1.5rem;margin-bottom:8%;padding:0 .5rem;display:flex}.homePage-mobile .homePage-mobile-bottom-half .homePage-title{letter-spacing:-2px;text-transform:uppercase;width:100%;font-size:clamp(6.5rem,16vw,10rem);line-height:.85}}@media only screen and (max-width:768px) and (max-width:600px){.homePage-mobile .homePage-mobile-bottom-half .homePage-title{font-size:clamp(5.5rem,14vw,8rem)}}@media only screen and (max-width:768px){.homePage-mobile .homePage-mobile-bottom-half .button{width:clamp(260px,85vw,350px);height:clamp(85px,16vw,110px);margin-top:1rem;font-size:clamp(2rem,7vw,2.5rem)}}@media only screen and (max-width:768px) and (max-width:600px){.homePage-mobile .homePage-mobile-bottom-half .button{width:clamp(220px,80vw,300px)}}.homePage-title{font-family:var(--font-bebas),Arial,Helvetica,sans-serif;color:var(--foreground);text-align:center;font-size:clamp(3.5rem,7vw,7rem);line-height:1.2}@media only screen and (max-width:1500px){.homePage-title{font-size:clamp(3rem,6vw,6rem)}}@media only screen and (max-width:1200px){.homePage-title{font-size:clamp(2.5rem,5.5vw,5rem)}}@media only screen and (max-width:1366px){.homePage-title{font-size:clamp(2.5rem,5vw,4.5rem)}}@media only screen and (max-width:1024px){.homePage-title{font-size:clamp(2rem,4.5vw,4rem)}}.homePage-title .homePage-title-highlight{color:var(--color-highlight)}