/*Pufflänkar på undersidor */
.puff-rows{
margin:0 0 0 0;
   width:100%;
}

.puff-rows #Lankpuffar{
   display:none!Important;
}

.puff-rows div{
   min-height:unset!important;
}

.puff-rows .sv-editable-layout{
   min-height:20px!important;
}

.puff-rows h2{
display:none!Important;
    margin-bottom:1rem!important;
}

.puff-rows h2.show{
display:block!Important;
  
}

.puff-rows .sv-layout{
   display:flex;
   flex-wrap:wrap;
   gap:2rem;
   justify-content:center;
      width:100%;
}

.puff-rows .sv-image-portlet {
width:calc(33.33% - 1.4rem);
   margin-bottom:2rem;
}

.puff-rows .sv-image-portlet  a{
display:flex;
   width:100%;
 flex-direction:column;
}

.puff-rows .sv-image-portlet  a img{
width:100%;
   max-width:100%!important;
   max-height:unset!important;
 
}


.puff-rows .sv-image-portlet a span{
display:block;
   width:100%;
   font-weight:500;
   font-size:1rem;
 margin-top:1rem;
   font-family: poppins,sans-serif;
   position:relative;
   line-height: 120%;

}

.puff-rows .sv-image-portlet a span:after{
      display:block;
   content:"";
position:absolute;
   bottom:   -1rem;
   left:0;

      height:1px;
   background:#000;
   width:3rem;
   transition:.5s width;
}

.puff-rows .sv-image-portlet a:hover span:after{
   width:100%;
}



@media screen and (max-width: 1400px) {
   
   .puff-rows .sv-image-portlet{
      width:calc(50% - 1rem);
}
}


@media screen and (max-width: 820px) {
.puff-rows{
flex-direction:column;
      gap:0;
   
}
   
   .puff-rows .sv-image-portlet{

      width:100%;
}
}