main.produkter{display:flex;flex-direction:column;align-items:center;gap:100px;margin-bottom:100px}main.produkter .hero{width:50%;display:flex;flex-direction:column;gap:15px}main .card{height:500px;width:300px;position:relative;overflow:hidden}main .card .background{transition:all .6s ease}main .card .background.hover{transform:scale(1.05)}main .card .textsection{position:absolute;bottom:0;width:100%;background-color:#1d5a9f;display:flex;align-items:center;justify-content:center;padding:25px}main .card .textsection .text-container{width:auto}main .card .textsection .text-container h2{color:#fcfcfc;font-size:30px;margin-left:-1px}main .card .textsection .text-container h3{color:#fcfcfc;font-size:18px}main .card .textsection .text-container a{width:100%;display:inline-block;margin-top:25px;padding:5px;border-radius:50px;background-color:#fcfcfc;filter:drop-shadow(0 0 5px rgba(34,33,33,.82))}main .card .textsection .text-container a p{text-align:center;color:#3c3c3c;font-weight:500;font-size:18px}main .card .textsection .text-container .link-hover p:after{width:50%;background-color:#3c3c3c!important}main .carousellContainer{position:relative}main .carousellContainer .carousell{width:900px;height:500px;position:relative;display:flex;overflow:hidden;justify-content:center;align-items:center}main .carousellContainer .carousell .card{position:absolute;top:50%;opacity:.5;height:400px;width:250px;transition:all .8s ease;pointer-events:none}main .carousellContainer .carousell .card .textsection{transition:all .6s ease;margin-bottom:-25%}main .carousellContainer .carousell .card .link-hover{transition:all .6s ease;opacity:0}main .carousellContainer .carousell .card.active{transform:translateY(-50%);opacity:1;height:500px;width:300px;pointer-events:all}main .carousellContainer .carousell .card.active .textsection{margin-bottom:0}main .carousellContainer .carousell .card.active .link-hover{opacity:1}main .carousellContainer .carousell .card.next{transform:translate(120%,-50%)}main .carousellContainer .carousell .card.secondnext{transform:translate(240%,-50%);opacity:0}main .carousellContainer .carousell .card.prev{transform:translate(-120%,-50%)}main .carousellContainer .carousell .card.secondprev{transform:translate(-240%,-50%);opacity:0}main .carousellContainer .controlsOverlay{display:flex;align-items:center;justify-content:space-between;width:1000px;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}main .carousellContainer .controlsOverlay .button{width:60px;height:60px;display:flex;align-items:center;justify-content:center;pointer-events:all;border:none;background-color:transparent}main .carousellContainer .controlsOverlay .button .icon{transition:all .3s ease;font-size:30px}main .carousellContainer .controlsOverlay .button:hover .icon{font-size:40px}main .gridContainer{width:90vw;margin:0 auto}main .gridContainer .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:50px;gap:50px;width:100%;justify-content:space-between}main .gridContainer .grid .card{width:100%;max-width:300px;height:500px;box-sizing:border-box;margin:0 auto}@media(max-width:1000px){main .card{width:220px;height:350px}main .card .textsection{padding:15px 10px}main .carousellContainer .carousell{width:650px;height:400px}main .carousellContainer .carousell .card{width:175px;height:275px}main .carousellContainer .carousell .card .textsection{margin-bottom:-35%}main .carousellContainer .carousell .card .textsection .text-container h2{font-size:23px}main .carousellContainer .carousell .card .textsection .text-container h3{font-size:15px}main .carousellContainer .carousell .card.active{width:225px;height:400px}main .carousellContainer .carousell .card.next{transform:translate(130%,-50%)}main .carousellContainer .carousell .card.secondnext{transform:translate(260%,-50%)}main .carousellContainer .carousell .card.prev{transform:translate(-130%,-50%)}main .carousellContainer .carousell .card.secondprev{transform:translate(-260%,-50%)}main .carousellContainer .controlsOverlay{width:100vw}}@media(max-width:768px){main.produkter .hero{width:70%}main .carousellContainer .carousell{width:275px;height:400px}main .carousellContainer .carousell .card{width:275px;height:400px;transition:all .8s ease}main .carousellContainer .carousell .card .textsection{margin-bottom:0}main .carousellContainer .carousell .card.active{width:275px;height:400px}main .carousellContainer .controlsOverlay{width:160%}main .carousellContainer .controlsOverlay .button:hover .icon{font-size:30px}main .gridContainer .grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr))}main .gridContainer .grid .card{max-width:225px;height:400px}}@media(max-width:500px){main .carousellContainer .carousell,main .carousellContainer .carousell .card,main .carousellContainer .carousell .card.active{width:200px;height:350px}}.link-hover p{transition:all .6s ease}.link-hover p:after{content:"";display:block;width:100%;height:2px;margin:0 auto;background-color:#fcfcfc;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;z-index:3}.link-hover p:hover:after{transform:scaleX(1)}.link-hover.kontakt p:after,.link-hover.omoss p:after,.link-hover.produkter p:after{background-color:#3c3c3c}.mobile-500,.mobile-768{display:none!important}.pc-500,.pc-768{display:block!important}.headerspacer{margin-top:140px;width:100vw}@media(max-width:1000px){.headerspacer{margin-top:95px}}@media(max-width:768px){.mobile-768{display:block!important}.pc-768{display:none!important}}@media(max-width:500px){.mobile-500{display:block!important}.pc-500{display:none!important}}main.start .hero{max-width:100%;height:700px;overflow:hidden;position:relative;pointer-events:none}main.start .hero #hero-video{position:absolute;width:100%;height:100%;object-fit:cover;top:0;right:0;z-index:-1}main.start .hero .heroBlock{position:relative;width:450px;margin-left:300px;margin-top:250px;pointer-events:all;opacity:0;transition:opacity 1.3s ease-in-out}main.start .hero .heroBlock h1{font-size:40px}main.start .hero .heroBlock h1,main.start .hero .heroBlock h2{color:#fcfcfc;filter:drop-shadow(0 0 2px rgba(34,33,33,.82));font-weight:500}main.start .hero .heroBlock h2{margin-top:10px;font-size:23px}main.start .hero .heroBlock a{width:auto;margin-top:50px;margin-left:auto;margin-right:auto;display:inline-block;padding:20px 100px;border-radius:50px;background-color:#1d5a9f;filter:drop-shadow(0 0 5px rgba(34,33,33,.82))}main.start .hero .heroBlock p{text-align:center;color:#fcfcfc;font-weight:500;font-size:23px}main.start .hero .heroBlock.active{opacity:1}main.start .introduction{width:100%;background-color:#1d5a9f;height:auto;padding-bottom:200px;position:relative;overflow:hidden}main.start .introduction .block{background-color:#fcfcfc;width:80vw;max-width:1000px;height:auto;padding:100px 0 100px 75px;position:relative;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:25px;z-index:1}main.start .introduction .block h2{max-width:90%;font-size:30px;position:relative;z-index:1}main.start .introduction .block h3{position:relative;font-size:23px;width:50%;margin-left:0;z-index:1}main.start .introduction .block a{z-index:0;width:150%;height:100%;background-color:#fcfcfc;align-items:center;justify-content:flex-end;display:flex;flex-direction:row;gap:25px;position:absolute;right:0;padding-right:25px;top:50%;transform:translateY(-50%);transition:all .45s ease;pointer-events:all}main.start .introduction .block a p{font-size:23px}main.start .introduction .block a .icon{font-size:23px;color:#3c3c3c}main.start .introduction .block a:hover{right:-150px}main.start .introduction .image{background-color:transparent;position:absolute;right:0;top:50%;transform:translate(50%,-50%);height:120%;padding:25px 0;z-index:0}main.start .productshowcase{display:flex;flex-direction:column;align-items:center;gap:40px;padding:100px 0}main.start .productshowcase h2{font-size:30px;color:#3c3c3c;width:85%;text-align:center}main.start .productshowcase .link{width:auto;display:inline-block;padding:20px 100px;border-radius:50px;background-color:#1d5a9f;filter:drop-shadow(0 0 5px rgba(34,33,33,.82))}main.start .productshowcase .link p{text-align:center;color:#fcfcfc;font-weight:500;font-size:23px}main.start .contact{display:flex;flex-direction:column;gap:0}main.start .contact .block{display:flex;flex-direction:column;gap:25px;width:40%;min-width:450px}main.start .contact .block#upper{background-color:#3c3c3c;z-index:0;padding:75px}main.start .contact .block#upper h2{color:#fcfcfc;font-size:30px}main.start .contact .block#upper p{color:#fcfcfc;font-size:23px}main.start .contact .block#lower{align-self:flex-end;margin-top:-100px;z-index:1;padding:75px;background-color:#fcfcfc;filter:drop-shadow(0 0 5px rgba(34,33,33,.82))}main.start .contact .block#lower h2{font-size:30px}main.start .contact .block#lower a{display:inline-block;padding:15px 50px;border-radius:50px;background-color:#ffea25;width:-moz-fit-content;width:fit-content;filter:drop-shadow(0 0 5px rgba(34,33,33,.82))}main.start .contact .block#lower a p{margin:0 auto;text-align:center;color:#3c3c3c;font-weight:500;font-size:23px}main.start .contact .block#lower p{font-size:23px}@media(max-width:1000px){main.start .hero .heroBlock{width:450px;margin-left:150px}main.start .hero .heroBlock h1{font-size:35px}main.start .hero .heroBlock h2{font-size:23px}main.start .introduction .block{width:600px;padding-left:50px}main.start .introduction .image{height:100%}}@media(max-width:768px){main.start .hero{height:650px}main.start .hero .heroBlock{position:relative;margin:175px auto;width:400px;max-width:80%}main.start .introduction{padding-bottom:300px}main.start .introduction .block{padding:50px 50px 0;align-items:flex-start;width:100%;height:auto}main.start .introduction .block h2,main.start .introduction .block h3{width:auto}main.start .introduction .block a{margin-top:50px;width:auto;height:50px;position:relative;justify-content:start}main.start .introduction .block a p{font-size:23px}main.start .introduction .block a:hover{right:0}main.start .introduction .image{height:55%;transform:translate(50%)}main.start .contact .block{width:100%;padding:100px;min-width:0}main.start .contact .block#upper h2{font-size:23px}main.start .contact .block#upper p{font-size:18px}main.start .contact .block#lower{margin-top:0}main.start .contact .block#lower h2{font-size:23px}main.start .contact .block#lower a{width:300px}main.start .contact .block#lower a p,main.start .contact .block#lower p{font-size:18px}}@media(max-width:500px){main.start .hero .heroBlock .linkHolder{width:100%;display:flex;align-items:center}main.start .hero .heroBlock h1{font-size:30px}main.start .hero .heroBlock h2{font-size:18px}main.start .hero .heroBlock a{padding:20px 50px}main.start .hero .heroBlock p,main.start .introduction .block a p,main.start .introduction .block h3{font-size:18px}main.start .introduction .image{top:500px}main.start .productshowcase h2{font-size:23px}main.start .productshowcase .link{padding:15px 50px}main.start .productshowcase .link p{font-size:18px}main.start .contact .block#lower,main.start .contact .block#upper{padding:50px}main.start .contact .block#lower a{padding:15px;width:auto}}