/* =============================================
   Jazzkeller History – Buchseiten-Layout
   ============================================= */

/* -----------------------------------------------
   Weiße Buchbox
----------------------------------------------- */
.buch-seite {
    background: #ffffff;
    border: 1px solid #888;
    overflow: hidden;
}

/* -----------------------------------------------
   Zeile 1: oberer Pager + Englisch-Link
   (colspan=2, Englisch rechts oben)
----------------------------------------------- */
.buch-pager-top-inner {
    text-align: center;
    padding-top: 4pt;
    padding-left: 94px;
}
.buch-englisch {
    float: right;
    padding: 5px 10px 0 0;
}

.buch-footer {
    text-align: center;
    padding: 4pt 5pt;
}

/* pages_box padding-left raus */
.buch-pager-top-inner .pages_box,
.buch-footer .pages_box {
    padding-left: 0;
}

.buch-englisch {
    padding: 5px 10px 0 0;
    flex-shrink: 0;
}

.buch-englisch img {
    border-radius: 0;
    display: block;
}

/* -----------------------------------------------
   Zeile 2: Buchtitel (colspan=2)
----------------------------------------------- */
.buch-header {
    width: 100%;
    padding-left: 22.56pt;
}

.buch-autor {
    margin: 0;
    padding: 0;
}

.buch-ueberschrift {
    margin: 4.08pt 0 0 0;
    padding: 0;
    letter-spacing: -0.45pt;
}

/* -----------------------------------------------
   Zeile 3: zwei Textspalten
----------------------------------------------- */
.buch-spalten {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.buch-spalte {
    flex: 1;
    overflow: hidden;
}

/* Linke Spalte */
.buch-spalte:first-child .paragraph {
    padding-right:  12.48pt;
    padding-left:   21.6pt;
    padding-bottom: 0;
    padding-top:    0;
    text-align:     justify;
}

/* Rechte Spalte */
.buch-spalte:last-child .paragraph {
    padding-right:  20.88pt;
    padding-left:   0.48pt;
    padding-bottom: 0;
    padding-top:    0;
    text-align:     justify;
}

/* Absatz-Einzug */
.buch-einzug {
    text-indent: 13.44pt;
}

/* -----------------------------------------------
   Zeile 4: unterer Pager (colspan=2)
----------------------------------------------- */
.buch-footer {
    width: 100%;
    padding: 4pt 5pt 4pt 5pt;
}

.buch-footer .pages_box {
    padding-left: 5pt;
}

/* -----------------------------------------------
   Fallback ohne flex
----------------------------------------------- */
@supports not (display: flex) {
    .buch-pager-top,
    .buch-spalten {
        overflow: hidden;
    }
    .buch-pager-top::after,
    .buch-spalten::after {
        content: '';
        display: table;
        clear: both;
    }
    .buch-englisch {
        float: right;
    }
    .buch-spalte {
        float: left;
        width: 50%;
    }
}