/* Afdrukstijl */
@media print {

    @page {
        /* size: 80mm 297mm;  */
        margin: 0 auto !important;
    }

    body, html {
        margin: 0;
        padding: 0 !important;
        width: 100% !important;
        overflow: hidden;
        text-align: center; /* Ensure text alignment is to the center */
    }

    .preview-wrapper {
        width: 410px !important;
        display: flex;
        justify-content: flex-start; /* Align content to the center */
    }

    #qrcode img {
        margin: 0;
        text-align: center; /* Ensure the QR code aligns to the center */
    }

    .print-section {
        width: 100%;
        padding: 0;
        text-align: center; /* Align text to the center */
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .row, .col-md-12 {
        width: 100% !important;
        padding: 0 !important;
    }

    .qrcode {
        display: flex;
        justify-content: center; /* Align QR code to the center */
    }

    .qrcode img {
        margin: 0;
        display: block;
    }

    .printbtn, .backbtn {
        display: none !important;
    }

    .preview-container {
        display: block !important;
        justify-content: flex-start !important;
    }
}



/* Stijlen voor schermweergave */
.preview-wrapper {
    background-color: white;
    padding: 20px;
    text-align: center;
    display: none;
    width: 400px;
}

.dropzone {
    background-color: white;
}

/* Verberg de print-sectie op het scherm */
.print-section {
    display: none;
    margin-top: 40px;
}

.logo-print {
    width: 100%;
}

h3 {
    font-size: 1.1rem;.bg-minigolf {
        background-color: #016a0e;
    }
    body {
        overflow-x: hidden;
    }
    
    body {
        background-color: #016a0e;
    }
    
}

.buttons {
    padding: 1rem;
    text-align: center;
    display: none;
}

.bg-minigolf {
    background-color: #016a0e;
}
body {
    overflow-x: hidden;
}

body {
    background-color: #016a0e;
}

.preview-container {
    display: flex;
    justify-content: center;
}