#schriftzug-mehrzeilig [data-ml-color][aria-pressed="true"] {
    outline: 3px solid #ffc107;
    outline-offset: -3px;
    box-shadow: inset 0 0 0 5px #333;
}
#schriftzug-mehrzeilig .preview-container {
    background: repeating-conic-gradient(#ececec 0% 25%, #fff 0% 50%) 50% / 20px 20px;
}
#schriftzug-mehrzeilig .preview-container.ml-preview-dark {
    background: repeating-conic-gradient(#333 0% 25%, #555 0% 50%) 50% / 20px 20px;
}
#schriftzug-mehrzeilig .ml-preview-sticky {
    position: fixed;
    margin: 0 !important;
    z-index: 1020;
    background: #fff;
}
@media (max-width: 767.98px) {
    #schriftzug-mehrzeilig #tempPreview.ml-preview-sticky {
        z-index: 1031;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .12);
    }
}

#schriftzug-mehrzeilig .ml-options-column { min-width: 0; }
#schriftzug-mehrzeilig #ml-text {
    border: 2px solid #ffc107;
}
#schriftzug-mehrzeilig #ml-text:focus {
    border-color: #ffc107;
    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .25);
}
#schriftzug-mehrzeilig .ml-option-tabs {
    border-bottom: 4px solid #ffc107;
    flex-wrap: nowrap;
    gap: 3px;
    margin-inline: 3px;
    padding: 0;
}
#schriftzug-mehrzeilig .ml-option-tabs .nav-link {
    flex: 1 1 auto;
    border: 0;
    border-bottom: 3px solid #fff;
    border-radius: .5rem .5rem 0 0;
    margin-bottom: 0;
    background: #e5e5e5;
    color: #212529;
    padding: .65rem .5rem;
    white-space: nowrap;
    transition: none;
}
#schriftzug-mehrzeilig .ml-option-tabs .nav-link.active,
#schriftzug-mehrzeilig .ml-line-button[aria-pressed="true"] { background: #ffc107; }
#schriftzug-mehrzeilig .ml-option-tabs .nav-link.active,
#schriftzug-mehrzeilig .ml-line-button[aria-pressed="true"] { border-bottom-color: #ffc107; }
#schriftzug-mehrzeilig .ml-line-controls {
    display: flex;
    border-bottom: 4px solid #ffc107;
    gap: 3px;
    margin-inline: 3px;
    padding: 0;
    min-width: 0;
}
#schriftzug-mehrzeilig .ml-line-tabs {
    display: flex;
    gap: 3px;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    position: relative;
}
#schriftzug-mehrzeilig .ml-line-tabs::-webkit-scrollbar { display: none; }
#schriftzug-mehrzeilig .ml-line-button {
    flex: 0 0 auto;
    border: 0;
    border-bottom: 3px solid #fff;
    border-radius: .5rem .5rem 0 0;
    min-width: 2.25rem;
    min-height: 44px;
    padding: .5rem .65rem;
    background: #e5e5e5;
    color: #212529;
    white-space: nowrap;
}
#schriftzug-mehrzeilig .ml-line-action { width: 2.5rem; padding: .5rem; }
#schriftzug-mehrzeilig #ml-entfernen:enabled { background: #ffc107; border-bottom-color: #ffc107; }
#schriftzug-mehrzeilig .ml-line-button:disabled { opacity: .4; }
#schriftzug-mehrzeilig .ml-line-button:focus-visible,
#schriftzug-mehrzeilig .ml-option-tabs .nav-link:focus-visible {
    outline: 2px solid #212529;
    outline-offset: -3px;
}
#schriftzug-mehrzeilig .ml-massfeld { flex-wrap: nowrap; }
#schriftzug-mehrzeilig .ml-massfeld .btn { border: 1px solid #dee2e6; min-width: 2.5rem; }
#schriftzug-mehrzeilig .ml-massfeld .form-control { min-width: 0; }
#schriftzug-mehrzeilig .ml-massfeld input { appearance: textfield; -moz-appearance: textfield; }
#schriftzug-mehrzeilig .ml-massfeld input::-webkit-inner-spin-button,
#schriftzug-mehrzeilig .ml-massfeld input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

@media (max-width: 359.98px) {
    #schriftzug-mehrzeilig #ml-schriftgroesse .ml-massfeld .btn { min-width: 2rem; padding-left: .25rem; padding-right: .25rem; }
    #schriftzug-mehrzeilig #ml-schriftgroesse .ml-massfeld .form-control { padding-left: .25rem; padding-right: .25rem; }
}

/* Auswahlkarten entsprechend dem Artikel-Formular, mit den Shopfarben. */
#schriftzug-mehrzeilig .ml-size-card { display: block; position: relative; cursor: pointer; }
#schriftzug-mehrzeilig .ml-size-card input { position: absolute; opacity: 0; }
#schriftzug-mehrzeilig .ml-size-card-box { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem; border: 2px solid #dee2e6; border-radius: 12px; background: #fff; color: #212529; }
#schriftzug-mehrzeilig .ml-size-card-box > i { font-size: 1.4rem; flex-shrink: 0; }
#schriftzug-mehrzeilig .ml-size-card-box > span { min-width: 0; line-height: 1.4; }
#schriftzug-mehrzeilig .ml-size-card-box .small { line-height: 1.4; }
#schriftzug-mehrzeilig .ml-size-card-check { visibility: hidden; margin-left: auto; }
#schriftzug-mehrzeilig .ml-size-card input:checked + .ml-size-card-box { border-color: #ffc107; background: #fff8df; }
#schriftzug-mehrzeilig .ml-size-card input:checked + .ml-size-card-box .ml-size-card-check { visibility: visible; color: #856404; }
#schriftzug-mehrzeilig .ml-size-card:hover .ml-size-card-box { border-color: #ffc107; }
#schriftzug-mehrzeilig .ml-size-card input:focus-visible + .ml-size-card-box { outline: 3px solid #ffc107; outline-offset: 3px; }

#schriftzug-mehrzeilig .ml-option-tabs .nav-link:disabled { opacity: .5; cursor: default; }

#schriftzug-mehrzeilig .ml-preview-loading {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    background: rgba(255, 255, 255, .85);
    color: #212529;
}
@media (prefers-reduced-motion: reduce) {
    #schriftzug-mehrzeilig .ml-preview-loading .spinner-border { animation: none; }
}

#schriftzug-mehrzeilig .ml-feedback-replaced { display: none !important; }

#schriftzug-mehrzeilig .ml-preview-column { min-width: 0; }
#schriftzug-mehrzeilig .ml-gestaltung { width: 100px; height: 100px; padding: 5px; display: flex; align-items: center; justify-content: center; }
#schriftzug-mehrzeilig .ml-gestaltung img { width: 100%; height: 100%; object-fit: contain; }
#schriftzug-mehrzeilig .ml-gestaltung[aria-pressed="true"] { border-color: #ffc107 !important; background: #fff8df; }

#schriftzug-mehrzeilig .ml-vorlage-aktion { flex: 1 1 0; width: 0; height: 30px; padding: 0; line-height: 26px; font-size: 20px; }

#ml-rueckgaengig:disabled {
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    color: #6c757d;
    opacity: 1;
}