:root{--primary-color: #f0f8ff;--primary-mobile-color: rgb(137, 92, 30);--header-background-color: #2c3e50;--header-text-color: #ffffff;--footer-background-color: #2c3e50;--footer-text-color: #ffffff;--secondary-color: #490db9;--accent-color: #060607;--main-content-background-color: #f4f4f4;--text-color: black;--main-content-background-text-color: #333333;--header-height: 65px}*{box-sizing:border-box}.banner{border:1px solid;border-radius:5px;padding:.5rem;position:relative;top:0;left:50%;transform:translate(-50%);margin-bottom:1rem;font-weight:700;font-size:1.5rem}.unsupported-message{display:none}.home-teksti{line-height:1.6;font-size:1rem}.link-button{display:inline-block;text-align:center;text-decoration:none;border:none;padding:.75rem 1.375rem;color:initial;font-weight:700;border-radius:5px;cursor:pointer;transition:transform .1s ease-in-out}.link-button:hover{transform:translate(1px,1px)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@media only screen and (max-width: 767px){html,body{max-width:100%;height:100%;margin:0;background:var(--main-content-background-color)}body{-webkit-overflow-scrolling:touch}body::-webkit-scrollbar{display:none}.app-container{border-radius:.5rem;padding:1rem;margin:0 auto;font-size:1rem;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh;background:var(--main-content-background-color)}.hamburger-icon{margin-left:50%;transform:translate(-50%)}}@media screen and (min-width: 1025px){html,body{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:3%;margin-right:3%;background-color:#f9f9f9;background-size:cover;background-position:center;border-radius:1rem}.app-container{border-radius:2rem;padding:1rem;z-index:1;background-size:cover;background-position:center;min-width:60vw;max-height:100vh;color:#000;font-weight:700;font-size:1.5rem}.huolto{height:60%;overflow-y:auto}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}#mailIcon{margin-top:120px}h3.cv-contact-title{margin-top:40px;margin-left:0}.row{display:table-row;font-size:14px;text-align:left;border-bottom:1px solid;margin-left:2%}.cell{display:table-cell;padding:2rem}.logout-text{width:50%;height:50%}tr:nth-child(2n){background-color:#add8e6}tr:nth-child(odd){background-color:#e6e6e6}.hire--whys{margin-top:10px}.places{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:.5rem;font-size:1rem;font-weight:700;background-color:#d6d6bbb8;margin:2rem;padding:1rem;border-radius:1rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){html,body{display:block;min-height:100%;margin:0}.app-container{border-radius:2rem;padding:1rem;z-index:1;background:#d3d3d3;width:95vw;max-width:95vw;margin:0 auto;min-height:100vh;box-sizing:border-box}.cleanpage{background-color:#fff}h1{margin-top:2rem}h3{margin-bottom:1.5rem;text-align:left}.accessrequest{display:flex;justify-content:flex-start;align-items:flex-start;margin-top:4rem}#shoppingCart{margin-left:auto;color:red}#kpl{margin-left:1rem}}.confirmation-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:1000}.confirmation-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:8px;gap:1rem;text-align:justify}.confirmation-content button{font-weight:700;padding:.75rem 1rem}#ok{padding:.5rem;width:100%;background-color:green;font-weight:700;color:#fff;border:none;border-radius:4px;cursor:pointer}#nok{padding:.5rem;background-color:red;font-weight:700;color:#fff;border:none;border-radius:4px;cursor:pointer}@media only screen and (max-width: 767px){.confirmation-container{margin-top:1rem}.confirmation-content{background:transparent;color:red;font-weight:700;font-size:1rem;line-height:1.4}.confirmation-content button{font-size:1.25rem;margin-top:.5rem}}@media screen and (min-width: 1025px){.confirmation-container{background:#000c;margin:0;width:100%;height:50%;margin-top:1rem}.confirmation-content{background:transparent;color:red;font-weight:700;line-height:3rem}#ok{display:flex;flex-direction:column;margin-top:1rem}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){.confirmation-container{background:#000c;height:90%}.confirmation-content{position:fixed;top:30%;left:30%;max-width:50%;max-height:60%;background:#fff;color:red;font-weight:700;line-height:30px}}.host-nav{display:flex;justify-content:center;font-weight:700;flex-wrap:wrap;gap:.5rem}.host-nav a{text-decoration:none;color:#b21313;font-size:16px;padding:8px 16px;transition:color .3s ease}.host-nav a:hover{color:#f67214}@media screen and (min-width: 1025px){.host-nav{margin-top:2rem;background-color:gray}}.showWk{display:flex;flex-direction:column;gap:1rem;max-height:50%;overflow-y:auto}@media (min-width: 768px) and (max-width: 1024px){.showWk{flex-direction:row}}@media screen and (min-width: 1025px){.showWk{flex-direction:row}}