/* Media Query
--------------------*/
@media screen {
    .mod_marktpreise_detail .price_info strong {
        white-space: nowrap;
    }

    span.mpyear{
        display: none;
    }

    .mod_marktpreise_detail .price_info span {
        display: inline-block;
        width: 100%;
        padding-bottom: 0.5rem;
    }

    table.meatPrices {
        table-layout: auto;
        width: 100%;
        border-collapse: collapse;
        border-top: solid 1px var(--mut-red);
    }


    table.meatPrices td.type {
        width: 40%;
        text-align: left;
    }

    table.meatPrices td.headnote,
    table.meatPrices td.footnote {
        width: 100%;
        text-align: left;
    }


    table.meatPrices td.footnote {
        font-size: 80%;
        font-style: italic;
        padding-top: 1rem;
    }


    div.nav {
        display: flex;
        justify-content: space-between;
    }

    table.chart tr:hover td {
        background-color: transparent 
    }

    table.chart canvas {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
}


/* Special */
@media only screen and (max-width: 480px) {

    table.meatPrices td {
        padding-top: 3px;
        line-height: 1.2;
        display: inline-block;
        margin-right: 1rem;
        width: 20%;
    }  
    table.meatPrices td:empty {
        display: none !important;
    } 
    table.meatPrices td.type {
        display: block;
        width: 100%;
        padding-top: 1rem;
    }    


    table.meatPrices td[colspan="3"] {
        width: 100%;
        text-align: left;
    }


    table.meatPrices td.headnote, 
    table.meatPrices tr:first-child td{
        padding-top: 10px;
    } 
}


/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .mod_marktpreise_detail .price_info span {
        padding-bottom: 0;
    }

    table.meatPrices tr {
    }

    .layoutfix,
    .layoutfix td {
        height: 0;
        padding: 0 !important;
        margin: 0;
    }

    table.meatPrices td {
        width: 20%;
        text-align: right;
        padding: 0;
    }

    table.meatPrices td[colspan="3"] {
        text-align: left;
    }
   
    table.meatPrices td.headnote {
        padding-bottom: 10px;
    } 

    table tr:hover td {
        background-color: var(--mut-lightgrey);
    }

    table.chart tr:hover td {
        background-color: transparent 
    }

}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Media ends
--------------------*/



/* Archive Media Query
--------------------*/
@media screen {
    .mod_marktpreise_list li {
        display: flex;
        justify-content: space-between;
        padding: 3px 0;
    }
    .mod_marktpreise_list li:nth-child(2n) {
        background-color: var(--mut-lightgrey);
    }

    .mod_marktpreise_list li:hover {
        background-color: var(--mut-grey);
    }
}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {
}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {
}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {
}
/* Archive Media ends
--------------------*/