/*
=========================================================
KmN BUCHLAYOUT
Version: 1.4.1
Datum: 05.09.2026

Aktueller Arbeitsstand:
- Schrift: 12pt
- Zeilenhöhe: 1.55
- Seiten-Padding: 20mm rundherum
- automatische Seitenzahlen
=========================================================
*/


/*
=========================================================
01 – EDITOR-GRUNDBEREICH
=========================================================
*/

.kmn-editor-wrap {
    width: 100%;
    margin: 20mm auto 0 auto;
}

.kmn-editor {
    width: 100%;
    outline: none;
}


/*
=========================================================
02 – BUCHSEITE
=========================================================
*/

.kmn-page {
    box-sizing: border-box;
    position: relative;

    width: 210mm;
    height: 297mm;

    margin: 0 auto 20mm auto;

    padding: 20mm;

    overflow: hidden;

    background: #ffffff;
}


/*
=========================================================
03 – TEXT
=========================================================
*/

.kmn-page p {
    margin: 0;
    padding: 0;

    font-size: 12pt;
    line-height: 1.55;
    font-weight: 400;

    white-space: pre-wrap;
    overflow-wrap: break-word;
}


/*
=========================================================
04 – EDITOR
=========================================================
*/

.kmn-editor[contenteditable="true"] {
    cursor: text;
}

.kmn-editor[contenteditable="true"]:focus {
    outline: none;
}


/*
=========================================================
05 – SPEICHERSTATUS
=========================================================
*/

.kmn-save-status {
    position: fixed;

    right: 20px;
    bottom: 20px;

    z-index: 1000;

    padding: 6px 10px;

    font-size: 12px;
    line-height: 1;

    background: rgba(255, 255, 255, 0.90);

    border-radius: 4px;

    pointer-events: none;
}


/*
=========================================================
06 – SEITENZAHLEN
=========================================================
*/

.kmn-page-number {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 5mm;

    text-align: center;

    font-size: 9pt;
    line-height: 1;

    font-weight: 400;

    color: rgba(0, 0, 0, 0.38);

    pointer-events: none;
    user-select: none;
}


/*
=========================================================
07 – MOBILE / KLEINE BILDSCHIRME
=========================================================
*/

@media (max-width: 900px) {

    .kmn-page {
        max-width: 100%;
    }

}