@charset "UTF-8"; :root { --font: 'Moulin', sans-serif; --font-serif: 'Moulin', sans-serif; --font-quote: 'Louize', sans-serif; --font-sans: 'Basis Grotesque Pro', sans-serif; --font-size: 12px; --fs-small: 9.8px; --baseline: 18px; --indent: 26px; --fs-num: 12px; } * { margin: 0; padding: 0; box-sizing: border-box; } a { color: currentColor; } body { -webkit-font-smoothing: antialiased; /* Chrome, Safari, iOS */ -moz-osx-font-smoothing: grayscale; /* Firefox macOS */ text-rendering: optimizeLegibility; /* meilleure lisibilité, ligatures, kerning */ font-feature-settings: "liga" 1; /* active les ligatures si la police les supporte */ font-family: var(--font); font-size: var(--font-size); line-height: var(--baseline); } @media print { @page { size: 176mm 240mm; margin-top: 6mm; margin-bottom: 20mm; } @page :left { margin-left: 6mm; margin-right: 12mm; @bottom-left { content: counter(page); font-family: var(--font-sans); font-size: var(--fs-num); text-align: left; width: 10mm; } @bottom-center { content: "Höchstpersönlichkeit"; font-family: var(--font-sans); font-size: var(--fs-num); text-align: left; } } @page :right { margin-left: 12mm; margin-right: 6mm; @bottom-left { content: string(chapterCount); font-family: var(--font-sans); font-size: var(--fs-num); text-align: left; width: 10mm; } @bottom-center { content: string(chapter); font-family: var(--font-sans); font-size: var(--fs-num); text-align: left; } @bottom-right { content: counter(page); font-family: var(--font-sans); font-size: var(--fs-num); text-align: right; } } @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; } } @page chapter { margin-left: 6mm; margin-right: 6mm; @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 { -moz-column-break-before: right; break-before: right; } .page-break { -moz-column-break-before: page; break-before: page; } #section__content { -moz-columns: 2; columns: 2; -moz-column-gap: 4mm; column-gap: 4mm; -moz-column-fill: auto; column-fill: auto; } #section__content h1 { -moz-column-break-before: left; break-before: left; -moz-column-break-after: page; break-after: page; page: chapter; } #section__content h1 .h1-count { string-set: chapterCount content(text); } #section__content h1 .h1-text { string-set: chapter content(text); } sup { line-height: 0; } .smallcaps { font-variant: small-caps; } hr { border: none; height: var(--baseline); } a { color: currentColor; text-decoration: none; } p { text-align: justify; orphans: 2; widows: 2; margin-left: 10mm; } p, li { hyphens: auto; hyphenate-limit-chars: 7 3 4; hyphenate-limit-lines: 2; hyphenate-limit-zone: 8%; word-spacing: -0.004em; widows: 2; orphans: 2; } .wrapper-indent > p:first-of-type { text-indent: 5mm; } blockquote { font-family: var(--font-quote); } ul { color: red; } .p-these { font-weight: 500; margin-bottom: calc(var(--baseline) * 0.5); } .p-these strong { text-transform: uppercase; display: inline-block; min-width: 20mm; font-weight: bold; font-size: var(--fs-small); letter-spacing: 0.05rem; } .p-these-last { margin-bottom: calc(var(--baseline) * 1); } ol[type="1"] { list-style-type: none; position: relative; -moz-column-break-after: avoid; break-after: avoid; width: 10mm; position: absolute; display: flex; align-items: center; justify-content: center; } ol[type="1"]::after { content: attr(start); display: block; position: absolute; font-size: var(--fs-small); opacity: 0.5; } ol[type="1"].ol-clone { -moz-column-break-before: column; break-before: column; -moz-column-break-after: avoid; break-after: avoid; top: 0; left: 81mm; } #section__content h1 { -moz-column-span: all; column-span: all; height: 213mm; } #section__content h2::before, #section__content h3::before, #section__content h4::before, #section__content h5::before, #section__content h6::before { content: attr(data-counter); } #section__content h2, #section__content h3, #section__content h4 { -moz-column-break-inside: avoid; break-inside: avoid; -moz-column-break-after: avoid; break-after: avoid; text-wrap: balance; /* hack for avoiding break-after */ margin-bottom: calc(var(--baseline) * -3); } #section__content h2::after, #section__content h3::after, #section__content h4::after { content: ""; display: block; height: calc(var(--baseline) * 3); } #section__content h5, #section__content h6 { -moz-column-break-inside: avoid; break-inside: avoid; -moz-column-break-after: avoid; break-after: avoid; text-wrap: balance; /* hack for avoiding break-after */ margin-bottom: calc(var(--baseline) * -2); } #section__content h5::after, #section__content h6::after { content: ""; display: block; height: calc(var(--baseline) * 2); } #section__content h1 + ol + p, #section__content h2 + ol + p, #section__content h3 + ol + p, #section__content h4 + ol + p, #section__content h5 + ol + p, #section__content h6 + ol + p { text-indent: 0; } #section__content h1 { font-weight: 200; font-size: 115px; line-height: 0.9; hyphens: auto; -moz-column-break-inside: avoid; break-inside: avoid; display: flex; flex-direction: column; justify-content: space-between; text-align: center; } #section__content h1 span { display: block; } #section__content h2 { font-size: 22px; font-weight: 200; text-transform: uppercase; text-align: center; line-height: calc(var(--baseline) * 1.4); margin-top: 4mm; padding-bottom: 4mm; hyphens: auto; } #section__content h2::before { display: block; } #section__content h3 { font-weight: 500; font-size: 1em; line-height: calc(var(--baseline) * 0.75); position: relative; margin-top: 4mm; padding-bottom: 4mm; padding-left: 10mm; text-align: center; } #section__content h3::before { display: block; } #section__content h4 { font-weight: 500; font-size: 1em; line-height: calc(var(--baseline) * 0.75); position: relative; margin-top: calc(var(--baseline) * 1); padding-bottom: calc(var(--baseline) * 0.5); padding-left: 20mm; } #section__content h4::before { display: block; position: absolute; left: 10mm; } #section__content h5 { font-weight: normal; font-size: 1em; line-height: calc(var(--baseline) * 0.75); position: relative; margin-top: calc(var(--baseline) * 1); padding-bottom: calc(var(--baseline) * 0.25); padding-left: 10mm; text-indent: 10mm; } #section__content h5::before { display: block; position: absolute; left: 0; } #section__content h6 { font-weight: normal; font-size: 1em; line-height: calc(var(--baseline) * 0.75); position: relative; margin-top: calc(var(--baseline) * 1); padding-left: 10mm; text-indent: 10mm; } #section__content h6::before { display: block; position: absolute; left: 0; } [data-id=section__content][data-split-from] > :first-child { margin-top: 0; } #section__list-of-abbr { display: none; color: red; } .container-following-note { font-family: var(--font-sans); font-size: var(--fs-small); line-height: calc(var(--baseline) * 0.75); position: relative; margin-top: 2px; hyphens: auto; hyphenate-limit-chars: 7 3 4; hyphenate-limit-lines: 2; hyphenate-limit-zone: 8%; word-spacing: -0.004em; text-align: justify; } .following-note_marker::after { content: ". "; } .following-note_call { font-family: var(--font-sans); font-size: var(--fs-small); line-height: 1; position: relative; top: -4px; } #toc_container { -moz-column-break-before: page; break-before: page; -moz-column-break-after: page; break-after: page; } #toc_container ul { list-style-type: none; color: black; } #toc_container .toc-element-level-1 { margin-top: calc(var(--baseline) * 1); margin-bottom: calc(var(--baseline) * 0.5); font-size: 1.2rem; line-height: 1.2; } #toc_container .toc-element-level-2 { font-weight: bold; margin-top: calc(var(--baseline) * 0.5); margin-bottom: calc(var(--baseline) * 0.5); } #toc_container .toc-element-level-3 { text-indent: 5mm; } #toc_container .toc-element-level-4 { text-indent: 10mm; } #toc_container .toc-element-level-5 { text-indent: 15mm; } #toc_container .toc-element-level-6 { text-indent: 20mm; }/*# sourceMappingURL=style.css.map */