#bg-order-pause-modal .modal-body {
    font-size: 14px;
    line-height: 1.6;
}

#bg-order-pause-modal .modal-body p:first-child {
    font-size: 18px;
    margin-bottom: 15px;
}

#bg-order-pause-modal .modal-body p:last-child {
    margin-bottom: 0;
}

/* Kontakt-Link auf dunklem Modal gut lesbar */
#bg-order-pause-modal .modal-body a,
#bg-order-pause-modal .modal-body a:visited {
    color: #ffffff !important;
    text-decoration: underline;
    font-weight: 600;
}

#bg-order-pause-modal .modal-body a:hover,
#bg-order-pause-modal .modal-body a:focus {
    color: #e6e6e6 !important;
}

/* Bootstrap-Close-Button ist bei dunklem Hintergrund sonst kaum sichtbar */
#bg-order-pause-modal .modal-header .close {
    color: #ffffff !important;
    opacity: 0.9 !important;
    text-shadow: none !important;
    font-size: 28px;
    line-height: 1;
}

#bg-order-pause-modal .modal-header .close:hover,
#bg-order-pause-modal .modal-header .close:focus {
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Der originale OpenCart-Buttontext wird mobil häufig über hidden-xs/hidden-sm
   ausgeblendet. Der Bestellhinweis soll dagegen immer lesbar bleiben. */
.bg-order-pause-button .bg-order-pause-label {
    display: inline !important;
}

/* Verhindert unnötiges Abschneiden des Textes auf kleinen Displays. */
.bg-order-pause-button {
    white-space: normal;
}

@media (max-width: 767px) {
    .bg-order-pause-button {
        font-size: 12px;
        line-height: 1.25;
        padding-left: 8px;
        padding-right: 8px;
    }

    .bg-order-pause-button .fa,
    .bg-order-pause-button i {
        margin-right: 3px;
    }

    #bg-order-pause-modal .modal-header .close {
        font-size: 30px;
    }
}