/* ================================
   Admin-Editor-Leiste (oben)
   ================================ */

.cms-editor-toolbar {
    position: sticky;
    top: 0;
    z-index: 1000;          /* bewusst niedriger als Tiny */
    background: #ffffff;
    border-bottom: 1px solid #ddd;
    padding: 8px;
    display: flex;
    gap: 8px;
    align-items: center;
}

/* Buttons etwas größer für Touch */
.cms-editor-toolbar .btn {
    padding: 6px 12px;
    font-size: 0.95rem;
}

/* ================================
   TinyMCE Z-Index Fix
   ================================ */

/* Editor-Grundcontainer */
.tox {
    z-index: 2000 !important;
}

/* Toolbar & Header */
.tox-editor-header,
.tox-toolbar,
.tox-toolbar__primary {
    z-index: 2000 !important;
}

/* Dropdown-Menüs (z. B. Schriftart, Farbe) */
.tox-menu,
.tox-collection,
.tox-dialog,
.tox-dialog-wrap {
    z-index: 3000 !important;
}

/* Mobile Kontextmenüs */
.tox-pop,
.tox-tinymce-aux {
    z-index: 3000 !important;
}

/* ================================
   Content-Bereich
   ================================ */

.cms-content {
    position: relative;
    z-index: 1;
}

/* Bilder mobil sauber */
.cms-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* ================================
   Mobile Feinschliff
   ================================ */

@media (max-width: 768px) {
    .cms-editor-toolbar {
        flex-wrap: wrap;
        gap: 6px;
    }

    .cms-editor-toolbar .btn {
        flex: 1 1 auto;
        font-size: 0.9rem;
    }
}
