@media print {
    @page {
        size: 176mm 240mm;
        // size: 150mm 220mm;
        margin-top: 36px;
        margin-bottom: 20mm;

        bleed: 6mm;
        marks: crop;
    }
    @page:left {
        margin-left: 18mm;
        margin-right: 26mm;
        @bottom-left {
            content: counter(page);
            font-family: var(--font-title);
            font-weight: 500;
            font-size: var(--fs-num);
        }
        // @top-right {
        //     content: "Höchstpersönlichkeit";
        //     font-variant-caps: small-caps;
        //     letter-spacing: 0.01em;
        // }
    }
    @page:right {
        margin-left: 26mm;
        margin-right: 18mm;
        @bottom-right {
            content: counter(page);
            font-family: var(--font-title);
            font-weight: 500;
             font-size: var(--fs-num);
        }
        @right-top {
            content: "Höchstpersönlichkeit";
            font-family: var(--font-title);
            font-weight: normal;
            // background-color: red;
            transform-origin: top left;
            height: calc(var(--baseline)*2);
            word-spacing: nowrap;
            width: 52ch;
            transform: rotate(90deg);
            text-align: left;
            position: relative;
            left: 14mm;
            padding-left: 5px;
        }
            
    }
    @page:first {
        @top-left-corner { content: none; }
        @top-left { content: none; }
        @top-center { content: none; }
        @top-right { content: none; }
        @top-right-corner { content: none; }
        @left-top { content: none; }
        @left-middle { content: none; }
        @left-bottom { content: none; }
        @right-top { content: none; }
        @right-middle { content: none; }
        @right-bottom { content: none; }
        @bottom-left-corner { content: none; }
        @bottom-left { content: none; }
        @bottom-center { content: none; }
        @bottom-right { content: none; }
        @bottom-right-corner { content: none; }
    }
    @page:blank {
        @top-left-corner { content: none; }
        @top-left { content: none; }
        @top-center { content: none; }
        @top-right { content: none; }
        @top-right-corner { content: none; }
        @left-top { content: none; }
        @left-middle { content: none; }
        @left-bottom { content: none; }
        @right-top { content: none; }
        @right-middle { content: none; }
        @right-bottom { content: none; }
        @bottom-left-corner { content: none; }
        @bottom-left { content: none; }
        @bottom-center { content: none; }
        @bottom-right { content: none; }
        @bottom-right-corner { content: none; }
    }
}


#section__content{
    break-before: right;
    
}