.link-hover p{transition:all .6s}.link-hover p:after{content:"";transform-origin:50%;z-index:3;background-color:#fcfcfc;width:100%;height:2px;margin:0 auto;transition:transform .3s;display:block;transform:scaleX(0)}.link-hover p:hover:after{transform:scaleX(1)}.link-hover.produkter p:after,.link-hover.omoss p:after,.link-hover.kontakt p:after{background-color:#3c3c3c}.mobile-768,.mobile-500{display:none!important}.pc-768,.pc-500{display:block!important}.headerspacer{width:100vw;margin-top:140px}@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.produkter{flex-direction:column;align-items:center;gap:100px;margin-bottom:100px;display:flex}main.produkter .hero{flex-direction:column;gap:15px;width:50%;display:flex}main .card{width:300px;height:500px;position:relative;overflow:hidden}main .card .background{transition:all .6s}main .card .background.hover{transform:scale(1.05)}main .card .textsection{background-color:#1d5a9f;justify-content:center;align-items:center;width:100%;padding:25px;display:flex;position:absolute;bottom:0}main .card .textsection .text-container{width:auto}main .card .textsection .text-container h2{color:#fcfcfc;margin-left:-1px;font-size:30px}main .card .textsection .text-container h3{color:#fcfcfc;font-size:18px}main .card .textsection .text-container a{filter:drop-shadow(0 0 5px #222121d1);background-color:#fcfcfc;border-radius:50px;width:100%;margin-top:25px;padding:5px;display:inline-block}main .card .textsection .text-container a p{text-align:center;color:#3c3c3c;font-size:18px;font-weight:500}main .card .textsection .text-container .link-hover p:after{width:50%;background-color:#3c3c3c!important}main .carousellContainer{position:relative}main .carousellContainer .carousell{justify-content:center;align-items:center;width:900px;height:500px;display:flex;position:relative;overflow:hidden}main .carousellContainer .carousell .card{opacity:.5;pointer-events:none;width:250px;height:400px;transition:all .8s;position:absolute;top:50%}main .carousellContainer .carousell .card .textsection{margin-bottom:-25%;transition:all .6s}main .carousellContainer .carousell .card .link-hover{opacity:0;transition:all .6s}main .carousellContainer .carousell .card.active{opacity:1;pointer-events:all;width:300px;height:500px;transform:translateY(-50%)}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{opacity:0;transform:translate(240%,-50%)}main .carousellContainer .carousell .card.prev{transform:translate(-120%,-50%)}main .carousellContainer .carousell .card.secondprev{opacity:0;transform:translate(-240%,-50%)}main .carousellContainer .controlsOverlay{justify-content:space-between;align-items:center;width:1000px;display:flex;position:absolute;top:50%;right:50%;transform:translate(50%,-50%)}main .carousellContainer .controlsOverlay .button{pointer-events:all;background-color:#0000;border:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}main .carousellContainer .controlsOverlay .button .icon{font-size:30px;transition:all .3s}main .carousellContainer .controlsOverlay .button:hover .icon{font-size:40px}main .gridContainer{width:90vw;margin:0 auto}main .gridContainer .grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:space-between;gap:50px;width:100%;display:grid}main .gridContainer .grid .card{box-sizing:border-box;width:100%;max-width:300px;height:500px;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}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}}