#headline, #footline {
    display: none;
}

.meterDivBar{
    background-color:#64ACD6 !important;
    display: block !important;
}

@media print {
    @page {        
        margin: 0px;
    }
    #top,
    #bottom_container,
    #footer_container,
    #footer_container + h5,
    .progressbar_header {
        display: none;
    }    
    #wrapper {
        display: block;
    }
    #portionszahlenForm,
    #essenszahlenForm,
    #posStatForm,
    .printBtn {
        display: none;
    }    
    #headline, #footline {
        display: block;
        text-align: center;
    }
    #headline {
        font-weight: bold;
        font-size: 24px;
        margin-bottom: 20px;
    }
    #footline {
        font-style: italic;
        margin-top: 20px;
    }    
    meter {
        display: none;
    }
    .meterDiv {
        display: block !important;
    }
    .meterDivBar{
        border: 1px solid #000;
        display: block !important;
    }
    .infoIcon,
    .closeIcon {
        display: none;
    }
    
    @media (orientation: portrait){
        #OUTPUT.portionszahlen,
        #OUTPUT.posStats {
            width: 100%;
            margin-top: 30px;
        }
        #OUTPUT.portionszahlen.chrome,
        #OUTPUT.posStats.chrome {
            width: 84% !important;
        }
        #OUTPUT.portionszahlen.firefox
        #OUTPUT.posStats.firefox {
            width: 100% !important;
        }        
        #OUTPUT.portionszahlen table {
            width: 70% !important;
            margin: auto;
        }
        #OUTPUT.posStats table {
            margin: auto;
        }
        #OUTPUT.posStats .meterDiv {
            width: 600px !important;
        }
        #OUTPUT.portionszahlen::before,
        #OUTPUT.posStats::before {
            content: url('../images/logo_neu.png');
            position: absolute;
            top: 40px;
            right: 50px;
        }
    }
    @media (orientation: landscape){        
        #OUTPUT.portionszahlen {
            width: 100%;
            margin-top: -100px;
        }
        #OUTPUT.portionszahlen.chrome {
            margin-top: -100px !important;
        }
        #OUTPUT.portionszahlen.firefox {
            margin-top: -100px !important;
        }
        #OUTPUT.portionszahlen table {
            width: 90% !important;
            margin: auto;
        }
        #OUTPUT.posStats table {            
            margin: auto;
        }
        #OUTPUT.portionszahlen table td {
            font-size: 11px !important;
        }
        #OUTPUT.portionszahlen.firefox #headline {
            width: 100%;
            position: absolute;
            top: 5px;
            left: 0px;
            text-align: center;
        }
        #footline {
            margin-top: 0px !important;
        }
    }
}