:root {
    --is-mobile: true;
    --banner-font-size: 24px;
    --iconrow-small-font-size: 10px;
    --column-width: 95%;
    --backlink-font-size: 16px;

    --background-color-filter: rgb(89, 94, 99);
}

body {
    margin-top: 48px;
}

.bannerclass {
    width: 100vw;
    height: 200px;
    overflow: hidden;
}

.bannerclass span {
    position: absolute;
    font-size: var(--iconrow-small-font-size);
    color: var(--light-text-color);
    bottom: 8px;
    right: 8px;
}


.bannerclass img {
    width: 1000px;
    margin-left: -50px;
    margin-top: -200px;
}

/* filter table */

.tableclass{
    background-color: var(--background-color-filter);
    width:100%;
    border-collapse: collapse;
}


.tableclass tr td {
    padding-right: 4px;
}

.tableclass tr td:first-child {
    width: 15%;
    padding-right: 0px;
}

.tableclass tr:first-child td {
    background-color: var(--title-background);
}

.tablecontainerclass>tbody>tr:nth-child(even) {
    background-color: inherit;
}

.tablecontainerclass .inAddition {
    text-align: left;
    padding-left: 5%;
}

.tableclass tr:not(:first-child) td span {
    font-size:smaller;
}

.tableclass tr:nth-child(2) td {
    padding-top: 8px;
}

.tableclass tr:last-child td {
    padding-bottom: 8px;
}


/* footer */

.footerclass {
    display: none;
}

.footerclassmobile
{
    visibility: visible;

    margin: 0px;
    display: flex;
    flex-direction: column;

    text-align: center;
    font-size: var(--footer-font-size);
    line-height: 2px;
    color: var(--light-text-color);
}

.footerclassmobile td {
    text-align: center;
    height: 32px;
    color: var(--light-text-color);
}


/* pack list */

.backclass {
    padding: 4px;
    border: var(--light-text-color);
    border-style: solid;
    border-width: 2px;
}

.packlistclass {
    margin-left: 0px;
}

.packlistclass img {
    border-radius: 32px;
    width: 90vw;
    margin-bottom: 16px;
}

.packlistclass td {
    height: 48px;
}