div.cat_Produkt_S div.grid_8,
div.cat_Produkt_S div.grid_4,
div.cat_Produkt_S div.grid_6,
div.cat_Produkt_S div.grid_2,
div.cat_Produkt_S div.grid_10,
div.cat_Produkt_S div.grid_3,
div.cat_Produkt_S div.grid_9 {
    display: unset;
    float: unset;
}

div.cat_Produkt_S div.grid_6,
div.cat_Produkt_S div.grid_10,
div.cat_Produkt_S div.grid_9 {
    padding-top: unset;
    padding-left: unset;
}

div#AF_draft,
div#AF_GroupTable_draft,
div#lstAFdataProduct.hide,
div[id^='lstConfirmedOrders'],
div#AF_PageValues {
    display: none;
}

div#AF_PageValues img {
    height: 80px;
    width: 80px;
}

div#MainArtikelFinder {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    color: var(--BEFIX-Schwarz);
}

div.cat_Produkt_S>div.cat_Head {
    position: -webkit-sticky;
    position: sticky;
    background-color: var(--BEFIX-weiss);
    z-index: 5;
    top: 14.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

div.cat_Produkt_S>div.grid_3>a>img.AF_GroupImg {
    border-top: none;
    border-bottom: none;
    /*   border-bottom: 0.0625rem solid var(--BEFIX-Rahmen);*/
    border-left: 0.0625rem solid var(--BEFIX-Rahmen);
    border-right: 0.0625rem solid var(--BEFIX-Rahmen);
    background-color: var(--BEFIX-weiss);
}

div.cat_Produkt_S>div.grid_3 {
    padding-right: 2rem;
}

div.cat_Produkt_S {
    display: flex;
    padding-bottom: 0.25em;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
}

div#MainArtikelFinder div.cat_Produkt_S img.sparen {
    width: 5em;
    height: 5em;
    margin-bottom: 0.75em;
}

div.cat_Produkt_S>div.grid_3,
div.cat_Produkt_S>div.grid_9,
div.cat_Produkt_S>div.grid_12 {
    display: block;
    float: left;
}

div.cat_Produkt_S>div.grid_9 {
    padding-top: 0.5em;
    padding-left: 0.75em;
}

div.cat_Produkt_S>div.grid_9,
div#MainArtikelFinder p {
    font-size: 1rem;
    color: var(--BEFIX-Schwarz);
}

div#MainArtikelFinder h3,
div#MainArtikelFinder h4 {
    color: var(--BEFIX-blau);
    margin: 0;
    margin-block-end: 0;
}

div#MainArtikelFinder h3 {
    font-size: 1.875em;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#MainArtikelFinder h4 {
    font-size: 1.375em;
    font-weight: 700;
}

div#MainArtikelFinder ul,
div#MainArtikelFinder ol,
div#MainArtikelFinder p,
div#MainArtikelFinder li,
div#MainArtikelFinder {
    color: var(--BEFIX-Schwarz);
}

div#MainArtikelFinder ul,
div#MainArtikelFinder ol {
    padding-left: 1.25rem;
}

div#MainArtikelFinder img {
    border-radius: 0.25em;
    width: 100%;
    margin: 0;
}

div.AF_GroupTable {
    padding-top: 0;
    padding-bottom: 2em;
}

div.AF_GroupTable table {
    width: 100%;
    border-bottom: 0.0625rem solid var(--BEFIX-blau);
    line-height: normal;
    border-spacing: 0;
}

div.AF_GroupTable table thead th {
    position: -webkit-sticky;
    position: sticky;
    top: 20rem;
    top: 17.5rem;
    background-color: var(--BEFIX-blau);
    color: var(--BEFIX-weiss);
    padding-bottom: 0.25em;
    padding-top: 0.25em;
    border-top: none;
    border-bottom: none;
    font-size: 0.875em;
    letter-spacing: 0.025rem;
    font-weight: bold;
    z-index: +5;
}

div.AF_GroupTable table thead,
div.AF_GroupTable table thead tr {
    background-color: var(--BEFIX-blau);
}

div.AF_GroupTable table thead th .sortbutton {
    letter-spacing: 0.025rem;
    font-weight: bold;
    border: none !important;
}

div.AF_GroupTable table tbody td {
    /* padding: 0.16em;*/
    padding-bottom: 0.375em;
    padding-top: 0.375em;
}

div#MainArtikelFinder div.AF_GroupTable table thead th:nth-child(2),
div#MainArtikelFinder div.AF_GroupTable table tbody td:nth-child(2) {
    width: 8.75em;
    padding-left: 0.25em;
}


/* ### A ### downIcon */

div#MainArtikelFinder div.AF_GroupTable table thead th:nth-child(1),
div#MainArtikelFinder div.AF_GroupTable table tbody td:nth-child(1) {
    width: 1.25rem;
    padding-left: 0.25rem;
}

div.AF_GroupTable table>tbody>tr>td:nth-child(1)>svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

div.AF_GroupTable table>tbody>tr:hover>td:nth-child(1) * {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.AF_GroupTable table>tbody>tr:hover>td:nth-child(1)>svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
}

div.AF_GroupTable table>tbody>tr.down>td:nth-child(1)>svg {
    transform: rotate(180deg);
}

div.AF_GroupTable table>tbody>tr>td:nth-child(1)>svg path {
    fill: var(--BEFIX-blau);
}

div.AF_GroupTable table>tbody>tr>td.spacer {
    width: 3rem;
}

div.AF_GroupTable table>tbody>tr>td.toCart,
div.AF_GroupTable table>tbody>tr>td.toWatchlist {
    width: 4.25rem;
    padding-left: 0.75rem;
    cursor: pointer;
    position: relative;
}

div.AF_GroupTable table>tbody>tr>td.toCart>svg,
div.AF_GroupTable table>tbody>tr>td.toWatchlist>svg {
    border-radius: 0.25em;
    background-color: var(--BEFIX-ButtonBlau_50);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    width: 3.438em;
    height: 2.188em;
}

div.AF_GroupTable table>tbody>tr>td.toCart:hover>svg,
div.AF_GroupTable table>tbody>tr>td.toWatchlist:hover>svg {
    background-color: var(--BEFIX-ButtonBlau);
}

div.AF_GroupTable table>tbody>tr.down>td.toCart>svg {
    background-color: var(--BEFIX-ButtonBlau_25);
}

div.AF_GroupTable table>tbody>tr>td.toCart>svg path,
div.AF_GroupTable table>tbody>tr>td.toWatchlist>svg path {
    fill: var(--BEFIX-blau);
}

div.AF_GroupTable table>tbody>tr>td.Rabatt {
    position: relative;
    cursor: help;
}


/* V03.03 */

div.AF_GroupTable table>tbody>tr>td.re {
    position: relative;
}

div.AF_GroupTable table>tbody>tr>td strong.Rabatt {
    font-size: 1.2em;
}

div.AF_GroupTable table>tbody>tr>td strong.TZ {
    position: absolute;
    font-size: 0.7em;
    display: block;
    width: 100%;
    padding-right: 1.25em;
    bottom: 0.25em;
}


/* V03.03 */

div.AF_GroupTable table>tbody>tr>td.Rabatt>svg {
    width: 2rem;
    height: 2rem;
    vertical-align: baseline;
    padding: 0;
    margin-top: 0.25rem;
}

div.AF_GroupTable table>tbody>tr>td.Rabatt:hover>svg {
    width: 2.125rem !important;
    height: 2.125rem !important;
    margin-top: 0.125rem !important;
}

div.AF_GroupTable table>tbody>tr>td.Rabatt>svg path {
    fill: var(--BEFIX-blau);
}

div.toWKPanel>div.toWKbtns div:nth-child(3) div.Tip,
div.AF_GroupTable table>tbody>tr>td.Rabatt div.Tip,
div.AF_GroupTable table>tbody>tr>td.toWatchlist div.Tip {
    top: 0.25rem;
    right: 4rem;
    display: block;
    overflow: hidden;
    height: 2.725rem;
    max-height: 2.725rem;
    max-width: 0;
    padding-top: 0.65em;
    padding-bottom: 0.85em;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    z-index: +1;
    -webkit-transition: max-width 0.5s ease;
    transition: max-width 0.5s ease;
    white-space: nowrap;
    border-radius: 0.25em;
    border: none;
    color: var(--BEFIX-blau);
    background-color: var(--BEFIX-gelb);
    font-weight: bold;
}

div.toWKPanel>div.toWKbtns div:nth-child(3) div.Tip {
    top: unset;
    right: unset;
    right: 0;
    bottom: 0;
    border-radius: 0.25em;
    max-width: 0;
    width: 0;
    text-align: center;
}

@media (min-width:162.5em) {
    div.toWKPanel>div.toWKbtns div:nth-child(3) div.Tip {
        font-size: 83%;
        padding-top: 0.85rem;
    }
}

div.AF_GroupTable table>tbody>tr>td.Rabatt.showTip div.Tip,
div.AF_GroupTable table>tbody>tr>td.Rabatt:hover div.Tip,
div.AF_GroupTable table>tbody>tr>td.toWatchlist:hover div.Tip {
    padding-left: 0.75em;
    padding-right: 0.75em;
    max-width: 30rem;
    -webkit-transition: max-width 1.5s ease 0.2s;
    transition: max-width 1.5s ease 0.2s;
}

div.toWKPanel>div.toWKbtns div:nth-child(3):not(.off):hover div.Tip {
    padding-left: 0.75em;
    padding-right: 0.75em;
    max-width: 100%;
    width: 100%;
    -webkit-transition: width 1.5s ease 0.2s;
    transition: width 1.5s ease 0.2s;
}

div.toWKPanel>div.toWKbtns div.Tip:hover {
    cursor: pointer;
    padding-left: 0.75em;
    padding-right: 0.75em;
    max-width: 100%;
    width: 100%;
}

div.AF_GroupTable table thead th.textR,
div.AF_GroupTable table tbody td.textR {
    text-align: right;
}

div.AF_GroupTable table thead th.textC,
div.AF_GroupTable table tbody td.textC {
    text-align: center;
}

div.AF_GroupTable table tbody tr:nth-child(even) {
    background-color: var(--BEFIX-Hellgrau);
}

div.AF_GroupTable table tbody tr:nth-child(odd) {
    background-color: var(--BEFIX-weiss);
}

div.AF_GroupTable table tbody tr.even {
    background-color: var(--BEFIX-Hellgrau) !important;
}

div.AF_GroupTable table tbody tr.odd {
    background-color: var(--BEFIX-weiss) !important;
}


div.AF_GroupTable table tbody tr:hover {
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--BEFIX-Leichtblau_50);
}

div.AF_GroupTable table tbody tr.down {
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
    background-color: var(--BEFIX-Leichtblau);
}

div.AF_GroupTable table tbody tr.down>td {
    color: var(--BEFIX-blau);
}

div#MainArtikelFinder div.AF_GroupTable table tbody tr td:not(.noDown) {
    cursor: pointer;
}


/* ## A ##  More Tab ########################################################################################## */

div.AF_GroupTable table thead th.More,
div.AF_GroupTable table tbody td.More {
    width: 0.25em;
}

div#MainArtikelFinder div.AF_GroupTable table tbody tr[data-productid] {
    border-bottom: 0 solid var(--BEFIX-Leichtblau);
    border-bottom-width: 0;
    -webkit-transition: unset !important;
    transition: unset !important;
}

div#MainArtikelFinder div.AF_GroupTable table tbody tr[data-productid].aktiv {
    -webkit-transition: unset !important;
    transition: unset !important;
}

div.AF_GroupTable table tbody td.More div[id^='More_'] {
    width: 100%;
    left: 0;
    position: absolute;
    margin-top: 1.5rem;
    overflow: hidden;
    z-index: 4;
    background-color: var(--BEFIX-Leichtblau);
    height: 0;
    display: unset !important;
    border: none !important;
    flex-flow: unset !important;
    max-height: unset !important;
    max-height: unset !important;
    -webkit-transition: unset !important;
    transition: unset !important;
}

div.AF_GroupTable table tbody td.More div[id^='More_'].aktiv {
    -webkit-transition: height 0.5s linear;
    transition: height 0.5s linear;
    display: unset !important;
    border: unset !important;
    -webkit-transition: unset !important;
    transition: unset !important;
}

div.cat_Produkt_S div[id^='More_'] div.grid_9 {
    padding-top: unset;
    padding-left: unset;
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner img.AF_ProductImg {
    background-color: var(--BEFIX-weiss);
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_12 {
    padding-top: 0.5rem;
    padding-bottom: 0.75rem;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_12 h3 {
    font-size: 1.5rem;
    font-weight: 300;
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_12 h4 {
    font-size: 1rem;
    font-weight: 700;
    padding: 0;
    padding-top: 0.125em;
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_2 {
    padding-left: 0.25rem;
    padding-right: 0.5rem;
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_2 img {
    margin-bottom: 0.75rem;
}

div[id^='More_'] span.Dokument {
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 0.75rem;
    min-height: 2rem;
}

div[id^='More_'] span.Dokument:last-child {
    padding-bottom: 1.25rem;
}

div[id^='More_'] span.Dokument svg {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div[id^='More_'] span.Dokument:hover svg {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.25rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div[id^='More_'] span.Dokument svg {
    fill: var(--BEFIX-blau);
}

div[id^='More_'] span.Dokument a {
    font-size: 95%;
    color: var(--BEFIX-blau);
}


/* ## A ## More in den Gebinde_WK ############### */

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_9 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
}

div[id^='More_']>div.MoreInner>div.grid_9>div.toWKPanel {
    background-color: var(--BEFIX-weiss);
    padding: 1rem;
    padding-top: 0.75rem;
    margin-left: 0.75rem;
    margin-right: 0.5rem;
    margin-bottom: 0.75rem;
    border-radius: 0.25em;
    width: calc(calc(100% / 12 * 4) - 1.25rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

div.toWKPanel>div.grid_2 {
    padding-top: 0.25rem;
}

div.toWKPanel>div.grid_2 svg {
    width: 3.625rem;
    height: 3.625rem;
}

div.toWKPanel>div.grid_2 svg path {
    fill: var(--BEFIX-blau);
}

div.toWKPanel>div.grid_10 {
    padding: 0;
    padding-left: 1rem;
    /*margin-top: -0.25rem;*/
}

div.toWKPanel>div.grid_10 span {
    width: 100%;
    display: block;
}

div.toWKPanel>div.grid_10 span:nth-child(1) {
    font-size: 1.5rem;
    font-weight: 300;
    color: var(--BEFIX-blau);
}

div.toWKPanel>div.grid_10 span:nth-child(2) {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    color: var(--BEFIX-blau);
}

div.toWKPanel>div.Bemassung {
    width: 100%;
    font-size: 1rem;
    color: var(--BEFIX-Schwarz);
    padding-top: 1rem;
    padding-bottom: 0.75rem;
}

div.toWKPanel>div.Verfuegbarkeit {
    width: 100%;
    display: flex;
    font-size: 80%;
    font-weight: 400;
    color: var(--BEFIX-Dunkelgrau);
    align-items: center;
    padding-bottom: 0.125rem;
}

div.toWKPanel>div.Verfuegbarkeit.geliefert {
    font-weight: 700;
    padding-bottom: 0;
}

div#MainArtikelFinder div.toWKPanel>div.Verfuegbarkeit img.pic_Verfuegbarkeit {
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
    margin-right: 0.25rem;
}

div#MainArtikelFinder div.toWKPanel>div.Verfuegbarkeit[data-deliverytyp='abConfirmedOrders'] {
    align-items: flex-start;
    margin-top: 0.1rem;
}

div#MainArtikelFinder div.toWKPanel>div.Verfuegbarkeit[data-deliverytyp='abConfirmedOrders'] span[data-amount] {
    display: none;
}

div.toWKPanel>div.toWKbtns {
    width: 100%;
    display: flex;
    margin-top: 0.75rem;
    flex-wrap: wrap;
}

div.toWKPanel>div.toWKbtns>div:nth-child(1) {
    width: 67%;
    display: block;
    white-space: nowrap;
}

div.toWKPanel>div.toWKbtns div:nth-child(1) button {
    width: 3.5rem;
    height: 2.75rem;
    background-color: var(--BEFIX-ButtonBlau_50);
    border-radius: 0.25em;
    border: none;
    color: var(--BEFIX-blau);
}

div.toWKPanel>div.toWKbtns div:nth-child(1) button:hover {
    background-color: var(--BEFIX-ButtonBlau);
    border: none;
}

div.toWKPanel>div.toWKbtns div:nth-child(1) button.off,
div.toWKPanel>div.toWKbtns div:nth-child(1) button.off:hover {
    background-color: var(--BEFIX-ButtonBlau_25);
    border: none;
    cursor: not-allowed;
}

div.toWKPanel a.btn {
    display: inline-block;
    width: 49%;
    text-align: center;
    color: var(--BEFIX-blau);
    background-color: var(--BEFIX-weiss);
    border-color: var(--BEFIX-blau);
}

div.toWKPanel a.btn:hover {
    color: var(--BEFIX-weiss);
    background-color: var(--BEFIX-blau);
    border-color: var(--BEFIX-blau);
}

div.toWKPanel a.btn-gelb {
    color: var(--BEFIX-weiss);
    background-color: var(--BEFIX-blau);
    border-color: var(--BEFIX-blau);
}

div.toWKPanel a.btn-gelb:hover {
    color: var(--BEFIX-blau);
    background-color: var(--BEFIX-gelb);
    border-color: var(--BEFIX-gelb);
}

div.toWKPanel>div.toWKbtns div:nth-child(2) {
    width: 30%;
    display: block;
    height: 2.75rem;
    text-align: right;
    padding-top: 0.75rem;
    font-weight: 700;
}

div.toWKPanel {
    position: relative;
}

div.toWKPanel>div.toWKbtns div:nth-child(3) {
    margin-top: 0.75rem;
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 0.75rem;
}

div.toWKPanel>div.toWKbtns div:nth-child(3) button.off:hover,
div.toWKPanel>div.toWKbtns div:nth-child(3) button.offTime:hover {
    cursor: not-allowed;
    color: var(--BEFIX-weiss);
    background-color: var(--BEFIX-blau);
    border: 0.0625rem solid var(--BEFIX-blau);
}

div.toWKPanel>div.toWKbtns div:nth-child(3) button {
    width: 100%;
}

div.toWKPanel>div.toWKbtns div input {
    margin: 0;
    padding: 0;
    padding-top: 0.8rem;
    padding-bottom: 0.65rem;
    width: 5rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    height: 2.75rem;
    border-radius: 0.25em;
    border: 0.0625rem solid var(--BEFIX-Rahmen);
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    color: var(--BEFIX-Schwarz);
}

div.toWKPanel>div.toWKbtns div input::placeholder {
    font-size: 0.875rem;
    color: inherit;
    font-style: italic;
    font-weight: 300;
}

div[id^='More_']>div.MoreInner>div.grid_9>div.InfoTZ {
    width: 100%;
    padding-left: 1rem;
    font-size: 80%;
    height: 2rem;
    padding-top: 0.15rem;
    font-style: italic;
    font-weight: 300;
    color: var(--BEFIX-Schwarz);
}

@media only screen and (max-width:111em) {
    div.toWKPanel>div.toWKbtns div:nth-child(2) {
        display: none;
    }

    div.toWKPanel>div.Bemassung {
        font-size: 80%;
    }
}

@media only screen and (min-width:162.5em) {
    div.toWKPanel>div.toWKbtns div:nth-child(2) {
        width: 100%;
        text-align: center;
        height: 2.2rem;
    }

    div.toWKPanel>div.toWKbtns div:nth-child(1) {
        width: 100%;
        text-align: center;
    }

    div.toWKPanel>div.Bemassung {
        font-size: 80%;
    }

    div.toWKPanel>div.toWKbtns div input {
        width: 50%;
    }
}

@media (max-width:80em) {
    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_9 {
        width: calc(100% / 12 * 10);
    }

    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_1 {
        display: none;
    }

    div.toWKPanel>div.grid_2 svg {
        width: 2.525rem;
        height: 2.525rem;
    }

    div.toWKPanel>div.grid_10 span:nth-child(1),
    div.toWKPanel>div.grid_10 span:nth-child(2) {
        font-size: 1.25rem;
    }
}

@media (max-width:48.999em) {

    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_2,
    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_9 {
        width: 100%;
    }

    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_9 {
        order: 1;
    }

    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_2 {
        order: 2;
    }

    div[id^='More_'] span.Dokument {
        min-height: 2.5rem;
    }


    div#MainArtikelFinder div.AF_GroupTable table thead th.spacer,
    div#MainArtikelFinder div.AF_GroupTable table tbody td.spacer,
    div.AF_GroupTable table thead th.PInfo,
    div.AF_GroupTable table tbody td.PInfo {
        display: none;
    }

    div.AF_GroupTable table thead th.DInfo,
    div.AF_GroupTable table tbody td.DInfo {
        display: table-cell;
    }

    div.toWKPanel>div.grid_10 span:nth-child(1),
    div.toWKPanel>div.grid_10 span:nth-child(2) {
        font-size: 1rem;
    }

    div.toWKPanel>div.toWKbtns div input {
        max-width: 50%;
    }

    .btnloadFunc {
        z-index: 1000;
        top: 9rem;
    }

    .HeadLieneBig {
        font-size: 1.875rem;
        font-weight: 500;
    }

    div#MainArtikelFinder h3,
    .HeadLieneMiddel {
        font-size: 1.5rem;
        font-weight: 300;
    }

    div.container.kO div#kO_form_Titel {
        padding-bottom: 0.5rem !important;
    }


    div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_2>a {
        display: none;

    }

}

@media (max-width:61.999em) {

    div.AF_GroupTable table thead th,
    div.cat_Produkt_S>div.cat_Head {
        position: unset;
        position: unset;
        top: unset;
    }

    div.cat_Produkt_S>div.grid_3>a>img.AF_GroupImg {
        border: 0.0625rem solid var(--BEFIX-Rahmen);
    }
}

div#MainArtikelFinder td.More div[id^='More_']>div.MoreInner>div.grid_1>div#AF_ajax_WK {
    display: none;
}


/* ## E ## More in den Gebinde_WK ############### */


/* ## E ##  More Tab ########################################################################################## */



div.AF_GroupTable table tbody tr {
    -webkit-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}


/* ## A ##  More Tab ########################################################################################## */

div[id^='More_'] h5 {
    padding-bottom: 0.25em;
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

div[id^='More_'] div.grid_3:hover h5 {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

div[id^='More_'] div.grid_6 {
    padding-left: 0.125em;
}

div[id^='More_'] div.Gebinde_WK h5 {
    text-align: center;
    padding-top: 0.25em;
}

div[id^='More_'] div.Gebinde_WK h6 {
    font-weight: bold;
    color: var(--BEFIX-Schwarz);
    font-size: 1.2em;
    text-align: center;
    padding-top: 0.75em;
}

div[id^='More_'] div.Gebinde_WK p {
    text-align: center;
    margin-bottom: 0px;
}

div[id^='More_'] div.Gebinde_WK {
    flex-grow: 1;
    padding-bottom: 0.5em;
}

div[id^='More_'] div.Gebinde_WK div.grid_3 {
    border-radius: 0.25em;
    border: 0.0625rem solid var(--BEFIX-weiss);
    margin-right: 0.75em;
    background-color: var(--BEFIX-weiss);
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.empty {
    border: 0.0625rem solid transparent;
    background-color: transparent;
    cursor: auto;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK {
    cursor: auto;
}

div[id^='More_'] div.Gebinde_WK div.grid_3:last-child {
    margin-right: 0.5em;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.Unitselect {
    border: 0.0625rem solid rgba(27, 54, 93, 0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.UnitNotselect:hover {
    border: 0.0625rem solid rgba(5, 5, 5, 0.5);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div[id^='More_'] div.Gebinde_WK div.grid_3 div.grid_8 {
    padding-left: 0.5em;
    padding-bottom: 0.5em;
}


/*### A ################ VerfuegbarkeitUnit ###################################*/

div[id^='More_'] div.VerfuegbarkeitUnit {
    /*background-color: antiquewhite;*/
    display: block;
    clear: both;
}

div#MainArtikelFinder div[id^='More_'] div.VerfuegbarkeitUnit p {
    text-align: left;
    padding-bottom: 0.5em;
    padding-top: 0.25em;
}

div#MainArtikelFinder div[id^='More_'] div.VerfuegbarkeitUnit img.pic_Verfuegbarkeit {
    margin-left: 0.5em;
    margin-bottom: -0.5em;
    margin-right: 0.25em;
}


/*### E ################ VerfuegbarkeitUnit ###################################*/

div[id^='More_'] div.Gebinde_WK div.UnitCheck {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-right: -0.0625rem;
    margin-bottom: -0.0625rem;
}

div[id^='More_'] div.Gebinde_WK div.UnitCheck i.notaktiv {
    border: 0.0625rem solid rgba(5, 5, 5, 0.2);
    opacity: 0.5;
}

div[id^='More_'] div.Gebinde_WK div.grid_3:hover div.UnitCheck i.notaktiv {
    opacity: 1;
    border: 0.0625rem solid rgba(5, 5, 5, 0.5);
}

div[id^='More_'] div.Gebinde_WK div.UnitCheck i.aktiv {
    border: 0.0625rem solid var(--BEFIX-blau);
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK {
    position: relative;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0.5em;
    color: var(--BEFIX-Schwarz);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    padding: 0.125em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    background-color: var(--BEFIX-Hellgrau);
    border: 0.0625rem solid rgba(244, 243, 245, 0);
    border-radius: 0.25em;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK button:hover {
    border: 0.0625rem solid rgba(244, 243, 245, 0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: var(--BEFIX-blau);
    color: var(--BEFIX-Hellgrau)
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK div#AF_ajax_WK {
    text-align: center;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK input[type=number] {
    font-size: 1.2em;
    width: 50%;
    text-align: center;
}

td.More div[id^='More_'] div.MZ {
    display: unset;
}


/* ## E ##  More Tab ########################################################################################## */

div.AF_GroupTable table tbody i {
    font-size: 2em;
    margin-left: 0.5em;
    color: var(--BEFIX-Schwarz);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
    padding: 0.125em;
    background-color: transparent;
    border: 0.0625rem solid rgba(244, 243, 245, 0);
    border-radius: 0.25em;
    max-width: 2.625rem;
    max-height: 2.625rem;
}

div.AF_GroupTable table tbody i.pe-7s-note2 {
    padding-left: 0.25em;
    padding-right: 0.25em;
}

div#pos_projMainList_choose.AF_GroupTable table tbody tr:hover i,
div.AF_GroupTable a:hover i,
div.AF_GroupTable table tbody i.aktiv,
div.AF_GroupTable table tbody i:hover {
    border: 0.0625rem solid rgba(244, 243, 245, 0.8);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-color: var(--BEFIX-blau);
}

div.AF_GroupTable table tbody i::before {
    color: var(--BEFIX-Schwarz);
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK input[type=number] {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: var(--BEFIX-Schwarz);
    border: 0.0625rem solid rgba(5, 5, 5, 0.3);
    border-radius: 0.25em;
    padding: 0.25em;
    padding-left: 0.5em;
    background-color: var(--BEFIX-weiss);
    margin: 0;
}

div[id^='More_'] div.Gebinde_WK div.grid_3.toWK input[type=number]:hover,
div[id^='More_'] div.Gebinde_WK div.grid_3.toWK input[type=number]:focus {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border: 0.0625rem solid var(--BEFIX-Schwarz);
    background-color: var(--BEFIX-Hellgrau_30);
}

div#MainArtikelFinder img.pic_Verfuegbarkeit {
    width: 2rem;
    height: 2rem;
    vertical-align: baseline;
    padding: 0;
    margin-top: 0.25rem;
}

div#MainArtikelFinder img.pic_Verfuegbarkeit.ConfirmedOrders {
    margin-right: 0.75rem;
    margin-left: 0;
}

div.AF_GroupTable table tbody tr:hover td.IconLiefer img.pic_Verfuegbarkeit {
    width: 2.125rem !important;
    height: 2.125rem !important;
    margin-top: 0.125rem !important;
}

div.AF_GroupTable table tbody tr:hover td.IconLiefer img.pic_Verfuegbarkeit.ConfirmedOrders {
    margin-right: 0.5rem !important;
    margin-left: -0.5rem !important;
}

div.AF_GroupTable table td.IconLiefer span {
    display: none;
}

div.AF_GroupTable table td.IconLiefer {
    width: 5rem;
    white-space: nowrap;
}

div#pos_projMainList_choose.AF_GroupTable table tbody tr:hover i::before,
div.AF_GroupTable a:hover i::before,
div.AF_GroupTable table tbody td i.aktiv::before,
div.AF_GroupTable table tbody td i:hover::before {
    -webkit-transition: color 0.5s ease;
    transition: color 0.5s ease;
    color: var(--BEFIX-Hellgrau);
}

@media (max-width: 95.999em) {
    div.cat_Produkt_S>div.cat_Head {
        top: 8rem;
    }

    div.AF_GroupTable table thead th {
        top: 13.25rem;
    }

    div#MainArtikelFinder div.AF_GroupTable table thead th.spacer,
    div#MainArtikelFinder div.AF_GroupTable table tbody td.spacer {
        display: none;
    }
}



@media (max-width:79.999em) {
    div.cat_Produkt_S>div.cat_Head {
        top: 8rem;
    }

    div#MainArtikelFinder div.AF_GroupTable table thead th {
        top: 11.25rem;
        white-space: nowrap;
        padding-top: 0.75em;
        vertical-align: top;
        padding-bottom: 0.75em;
    }

    div#MainArtikelFinder div.AF_GroupTable table thead th.spacer,
    div#MainArtikelFinder div.AF_GroupTable table tbody td.spacer,
    div#MainArtikelFinder div.AF_GroupTable table thead th:nth-child(1),
    div#MainArtikelFinder div.AF_GroupTable table tbody td:nth-child(1),
    div#MainArtikelFinder div.AF_GroupTable table thead th:nth-child(2),
    div#MainArtikelFinder div.AF_GroupTable table tbody td:nth-child(2) {
        display: none;
    }

    div#MainArtikelFinder div.AF_GroupTable table thead th button span.sortsymbol {
        display: block;
    }

    div[id^='More_']>div.MoreInner>div.grid_9>div.toWKPanel {
        width: calc(calc(100% / 12* 6) - 1.25rem);
    }

    div#MainArtikelFinder h4 {
        font-size: 1.125em;
    }

    div[id^='More_'] span.Dokument a {
        font-size: 80%;
    }

    div.cat_Produkt_S>div.grid_3>a>img.AF_GroupImg {
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
}

@media (max-width:35.999em) {


    div[id^='More_']>div.MoreInner>div.grid_9>div.toWKPanel {
        width: calc(100% - 1.25rem);
    }



    div.cat_Prodgr div.cat_Produgr div.cat_Produkt_S>div.grid_3 {
        display: none;
    }

    div.cat_Prodgr div.cat_Produgr div.cat_Produkt_S>div.grid_9 {
        width: calc(100% / 12* 12);
        padding-left: 0;
    }


}

span[onclick^='copyText'] {
    position: relative;
    cursor: pointer;
    display: inline-block;
    /*  width: 100%;*/
}

span[onclick^='copyText']>div {
    position: absolute;
    z-index: 9999;
    opacity: 1;
    left: -0.125em;
    top: -0.125em;
    background-color: var(--BEFIX-gelb);
    text-decoration: none;
    border-radius: .25rem;
    white-space: nowrap;
    padding-right: 0.125em;
    padding-left: 0.125em;
    transition: opacity 0.6s ease;
    height: 1.3125em;
}


/*### A ################ TableSort ###################################*/

.sortbutton,
.sortbutton:hover {
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    font: inherit;
    color: inherit;
    text-align: inherit;
    padding: 0;
    cursor: pointer;
}

table.sortierbar thead th span.visually-hidden,
table[sortable] thead th span.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.sortsymbol svg {
    margin-left: .2em;
    height: .7em;
    overflow: visible;
}

.sortbutton.sortedasc .sortsymbol svg path:last-of-type {
    fill: currentColor !important;
}

.sortbutton.sorteddesc .sortsymbol svg path:first-of-type {
    fill: currentColor !important;
}

.sortbutton.sortedasc>span.visually-hidden:nth-of-type(1) {
    display: none
}

.sortbutton.sorteddesc>span.visually-hidden:nth-of-type(2) {
    display: none
}

.sortbutton.unsorted>span.visually-hidden:nth-of-type(2) {
    display: none
}

table.sortierbar caption span {
    font-weight: normal;
    font-size: .8em;
}

/*### E ################ TableSort ###################################*/