@page {
    margin: 1cm
}

@media print {
    * {
        box-sizing: border-box !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        transform: none !important;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    table,
    ul,
    ol {
        margin-bottom: 1em !important;
    }

    ul,
    ol {
        padding-left: 40px !important;
    }

    .non-print,
    #maedchenname {
        display: none !important
    }

    a {
        text-decoration: none;
        font-style: italic;
        color: #666
    }

    body,
    p,
    td {
        font: 10pt Georgia, "Times New Roman", Times, serif;
        line-height: 1.3;
        color: #555;
        font-variant: normal;
        font-weight: normal;
        text-decoration: none;
        font-style: normal;
        text-align: justify
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #333;
        font-size: 15pt;
        line-height: 17pt
    }

    img,
    div,
    span {
        float: none;
        clear: both;
        text-align: left
    }

    img {
        max-width: 500px
    }

    #page {
        background: none !important;
    }

    #logo-klein img {
        max-width: 200px;
        height: auto;
        margin-bottom: 1em !important;
    }

    #logo_text p {
        font-size: 2em;
        font-weight: bold;
        margin-bottom: 1em !important;
    }

    #werbe_text p {
        font-size: 1.5em;
        font-weight: bold;
        margin-bottom: 1em !important;
    }

    #boxen {
        display: flex;
        flex-wrap: wrap;
        margin-top: -30px !important;
        margin-bottom: 1em !important;
        margin-left: -30px !important;
    }

    #boxen>* {
        flex: 0 0 33.3333333%;
        max-width: 33.3333333%;
        margin-top: 30px !important;
        padding-left: 30px !important;
    }

    #mobile_footer {
        margin-top: 1em !important;
        padding-top: 1em !important;
        border-top: 1px solid gray;
    }

    form .form-group {
        margin-bottom: 1em !important;
    }

    form label {
        display: block;
    }

    form .form-control {
        display: block;
        width: 100% !important;
        padding: .375em .75em !important;
    }

    .product-listing>.row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -30px !important;
        margin-bottom: 1em !important;
    }

    .product-entry {
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 30px !important;
        padding-left: 30px !important;
    }
}