@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";body{font-family:Arial,sans-serif;margin:0%;padding:0;color:#333}main{margin-left:5%;margin-right:5%}.hero{display:flex;align-items:center;flex-direction:column-reverse;padding:50px 20px;margin-top:3%}.broedtekst{font-size:1.2rem;padding-bottom:1%}.h2header{font-size:3rem;padding-bottom:1%;color:#2c3e16}.infobox{text-align:center;padding:40px;color:#2c3e16}.infobox h2{font-size:3rem;color:#2c3e16}.flex{display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center}.maskot{width:10%;height:auto}.popdown-item{border:1px solid #2c3e167c;border-radius:8px;margin:8px 0;overflow:hidden}.popdown-header{background-color:#2c3e167c;padding:16px;cursor:pointer;color:#000;font-size:2rem;font-weight:700}.popdown-content{padding:24px 16px 16px;background-color:#2c3e167c;color:#000}.popdown-title{font-size:1.5rem;font-weight:700;margin-bottom:16px}.popdown-price{margin-top:20px;font-size:1.2rem;font-weight:700;color:#000}ul{padding-left:20px;margin-bottom:16px}li{margin-bottom:8px}body{font-family:Arial,sans-serif}.h2header{margin-top:6%;font-size:3rem;padding-bottom:1%;color:#2c3e16}.brødtekst{font-size:1.2rem;padding-bottom:1%}.maskot{width:20%;height:auto}.pakkeloesninger{text-align:center;padding:40px;color:#2c3e16}.contact-btn{text-align:center;margin-top:3%;margin-bottom:3%}.btn-contact{padding:10px 20px;font-size:20px;background-color:#2c3e16;color:#fff;border:none;border-radius:15px;cursor:pointer;transition:background-color .3s ease;font-family:Poppins,sans-serif}.btn-contact:hover{background-color:#2c3e168a}.main{flex:1;margin-right:10%;margin-left:10%;padding:0}.h2header{font-family:Poppins,sans-serif;font-size:2rem}.broedtekst{font-size:1.2rem;line-height:1.8}.istock p{font-size:.8rem}.scroll-to-top-btn{position:fixed;bottom:25px;right:25px;background-color:#2c3e16;color:#fff;border:none;border-radius:50%;padding:15px;font-size:18px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0003;transition:opacity .3s}.scroll-to-top-btn:hover{background-color:#2c3e167c}.scroll-to-top-btn:focus{outline:none}.byggesten-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem 0}.byggesten{background-color:#abb2a2;border-radius:12px;padding:2rem;flex:1 1 250px;max-width:300px;min-width:200px;text-align:center;box-shadow:0 4px 10px #0000000d;transition:transform .2s ease}.byggesten:hover{transform:translateY(-5px)}.byggesten h3{font-size:1.2rem;color:#1e1e1e}.hero{padding:50px 20px;margin-top:3%}.hero-text{flex:1}.hero-text h1 span{color:green}.hero-image img{max-width:100%;border-radius:6%}.hero-section{margin-top:5%}.byggesten-header h2{display:flex;flex-wrap:wrap;flex-direction:column;align-content:space-around}.maskotcontainer{display:flex;justify-content:center;align-items:center}.maskotcontainer img{width:20%}.infografik-image{width:50%}@media (max-width: 1000px){.h2header{margin-top:10%}}@media (max-width: 600px){.h2header{margin-top:20%}}@media (max-width: 200px){.h2header{margin-top:10%}}*{padding:0;margin:0}.h1{display:flex;justify-content:center;padding-bottom:4%;color:#2c3e16;font-size:40px}.felter{display:flex;justify-content:center;gap:11%}.indputs{padding:10px 10% 10px 10px;border:#2c3e167c;border-style:solid;border-width:3px;border-radius:15px;font-family:Arial,Helvetica,sans-serif;font-size:15px}#bunden{margin-top:30px}.besked{margin-top:30px;display:flex;justify-content:center;font-family:Arial,Helvetica,sans-serif;font-size:12px}.ringop{display:flex;justify-content:center}.checkboxbackground{margin-top:50px;padding:1%;background-color:#2c3e168a;display:flex;border-radius:15px;cursor:pointer}.centerbtn{margin-top:150px;margin-bottom:30px;display:flex;justify-content:center}.btn{display:flex;text-align:center;padding:1%;background-color:#2c3e16}button{color:#fff;border-radius:15px;font-family:Poppins,sans-serif;font-size:20px;border:none;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#2c3e167c}.hero-image .desktop-image{display:block}.hero-image .mobile-image{display:none}@media (max-width: 1000px){.hero-image .desktop-image{display:none}.hero-image .mobile-image{display:block}}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;align-items:center;justify-items:center;height:100vh}.center{grid-column:2;grid-row:2}.gif{width:600px}.box{background-color:#2c3e167c;color:#000;padding:10px 20px;border-radius:10px}.top{grid-column:2;grid-row:1}.left-top{grid-column:1;grid-row:2}.left-bottom{grid-column:1;grid-row:3}.right-top{grid-column:3;grid-row:2}.right-bottom{grid-column:3;grid-row:3}@media (max-width: 800px){.grid-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.center{order:-1}.box{max-width:300px;width:90%}}.cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;justify-items:center}.card{width:250px;height:250px;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:5%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.cards{display:flex;gap:12%;justify-content:center;align-items:center;margin:5% 0 0;flex-wrap:wrap;flex-direction:row;max-width:1600px}.card{padding:20px;background:#8f9c81;border-radius:10px;text-align:center;justify-content:center;margin-bottom:5%}.card h3{font-size:1.5rem;margin-bottom:10px;color:#000}.card p{font-size:1rem;color:#000}.header{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;background-color:#fff}.logo{position:absolute;left:50%;transform:translate(-50%);padding-top:2%;margin-top:3%}.logo a{color:#2c3e16;text-decoration:none;font-size:3rem;font-weight:700;font-family:Poppins,sans-serif}.menu-toggle{background:none;border:none;cursor:pointer;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.menu-toggle svg{width:50px;height:50px;display:block}.nav{position:fixed;top:0;right:-100%;width:250px;height:100vh;background-color:#000000e6;display:flex;flex-direction:column;align-items:center;padding-top:100px;transition:right .3s ease-in-out;z-index:1000}.nav.open{right:0}.nav a{color:#fff;text-decoration:none;font-size:1.2rem;width:100%;text-align:center;padding-top:3%;font-family:Poppins,sans-serif}.nav a:hover{background-color:#fff3}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}.menu-toggle{position:absolute;width:55px;height:55px;margin-top:3%;background-color:#2c3e16;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:10px;margin-right:5%}.menu-toggle svg{width:30px;height:30px;fill:#fff}@media (max-width: 1500px){.menu-toggle{width:50px;height:50px;margin-top:4%}.menu-toggle svg{width:25px;height:25px}.logo{padding-top:4%}}@media (max-width: 800px){.menu-toggle{width:50px;height:50px;margin-top:5%}.menu-toggle svg{width:25px;height:25px}.logo{padding-top:8%}}@media (max-width: 600px){.menu-toggle{width:40px;height:40px;margin-top:8%}.menu-toggle svg{width:25px;height:25px}.logo{padding-top:12%}}*{margin:0;padding:0}.footer{background-color:#2c3e16;color:#fff;padding:2rem 0;margin-top:5%}.footer-container{display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;margin:auto;padding:0}.footer-column{margin-bottom:1rem;flex:1}.footer h4{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;font-family:Poppins,sans-serif}.footer-logo img{height:100px}.footer-container{flex-direction:row;text-align:left}.footer-logo{flex-grow:2;text-align:center}@media (max-width: 1000px){.footer{margin-top:18%}.footer-container{flex-direction:column;text-align:center}.footer-column{margin-bottom:1rem}.footer-logo{order:-1;margin-bottom:1rem;text-align:center}}@media (max-width: 600px){.footer{margin-top:100%}}@media (max-width: 200px){.footer{margin-top:70%}}