.artcard-container{flex-direction:row}.artcard,.artcard-container{position:relative;display:flex}.artcard{margin-top:-1px;margin-left:-1px;border-color:rgba(98,34,86,.3);flex-direction:column;width:inherit;z-index:0;transition:box-shadow .3s ease,border-color .3s ease,margin .3s ease}.artcard:hover{background-color:var(--col-hekswhite);box-sizing:border-box;margin-bottom:-36px;display:flex;width:inherit;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 10px rgba(0,0,0,.08);z-index:100}.artcardmore{visibility:hidden;opacity:0;padding:8px;height:36px;margin-top:-36px;transition:margin .3s ease,opacity .3s ease,visibility .3s ease;z-index:0}.artcard:hover .artcardmore{opacity:1;visibility:visible;margin-top:0;z-index:100}.artcardbutton{background-color:var(--col-heksacc);color:var(--col-hekswhite);padding:5px 10px}.artcardbutton:hover{background-color:rgba(98,34,86,.8);box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 10px rgba(0,0,0,.08)}@media screen and (min-width:1024px){.artcard-container{flex-basis:25%;flex-grow:0}}@media screen and (max-width:1024px){.artcard-container{flex-basis:50%;flex-grow:0}}@media screen and (max-width:450px){.textcard{font-size:1.1rem!important;word-break:break-word}}@media screen and (min-width:450px) and (max-width:768px){.textcard{font-size:1.2rem!important;line-height:1.7rem}}.textcard{font-size:1.5rem;line-height:2rem}.pagination{display:flex;padding:30px;justify-content:center;height:100%}.pagination .pg{display:inline-flex;justify-content:center;align-items:center;height:2.4em;width:2.4em;border-radius:1000px;transition:opacity .3s ease,background-color .3s ease}.pagination .nav{background-color:rgba(98,34,86,.8);color:var(--col-heksgrey)}.pagination .nav:hover{background-color:rgba(98,34,86,.6)}.pagination .left{padding-right:2px;margin-right:10px}.pagination .right{padding-left:2px;margin-left:10px}.pagination .act{border-width:2px;opacity:.6;border-color:rgba(98,34,86,.6)}.pagination .nr:hover{background-color:rgba(98,34,86,.2)}