.artikeltable {
    width: 100%;
    border: none; /* Tar bort ramen runt hela tabellen  */
    row-gap: 20px;
}

    .artikeltable tr {
        display: block; /* Gör raderna till blockelement */
        margin-bottom: 10px; /* Lägger till mellanrum mellan raderna */
    }

    .artikeltable td {
        padding: 8px; /* SK 8px; 15px */
        text-align: left; /* SK center; */
        vertical-align: middle;
        border: none; /* Tar bort ramen runt cellerna */
        background-color: #F7F3EA; /* Bakgrundsfärg för celler */
        color: #421112; /* Textfärg för celler */
    }

    .artikeltable tr:hover {
        background-color: #E52325; /*  Bakgrundsfärg vid hover */
        color: #FFFFFF; /* Textfärg vid hover */
        transform: scale(1.13); /* Förstorar raden lite vid hover */
        box-shadow: 0 0 10px 0 rgba(229, 35, 37, 0.6); /* Skugga runt raden vid hover */
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

        .artikeltable tr:hover td {
            border-color: #E52325; /* Gränsfärg för celler vid hover */
            color: white;
            background-color: #E52325;
        }


    /* Applicera rundade hörn för första och sista td i varje rad */
    .artikeltable td:first-child {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        width: auto;
    }

    .artikeltable td:last-child {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        width: auto;
    }

    .artikeltable td:not(:last-child:first-child) {
        width: auto;
    }