@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-medium: 15px; --fs-small: 9.8px; --fs-intro: 16.5px; --baseline: 18px; --indent: 26px; --fs-num: 11px; } * { 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); } :root { --unit: calc(142mm/7); --margin-box: -13px; } @media print { @page { size: 176mm 240mm; margin-top: 10mm; margin-bottom: 19mm; } @page :left { margin-left: 14mm; margin-right: 20mm; @bottom-left { content: counter(page); font-family: var(--font-sans); font-size: var(--fs-num); font-weight: 500; text-align: left; width: 10mm; position: relative; top: var(--margin-box); } @bottom-center { content: "Höchstpersönlichkeit"; font-family: var(--font-sans); font-size: var(--fs-num); font-weight: 500; text-align: left; position: relative; top: var(--margin-box); } } @page :right { margin-left: 20mm; margin-right: 14mm; @bottom-left { content: string(chapterCount); font-family: var(--font-sans); font-size: var(--fs-num); font-weight: 500; text-align: left; width: calc(var(--unit) * 3); padding-left: calc(var(--unit) * 2); position: relative; top: var(--margin-box); } @bottom-center { content: string(chapter); font-family: var(--font-sans); font-size: var(--fs-num); font-weight: 500; text-align: left; position: relative; top: var(--margin-box); width: calc(var(--unit) * 3.5); } @bottom-right { content: counter(page); font-family: var(--font-sans); font-size: var(--fs-num); font-weight: 500; text-align: right; position: relative; top: var(--margin-box); } } @page chapter: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 h1 .h1-count { string-set: chapterCount content(text); } #section__content h1 .h1-text { string-set: chapter content(text); } .chapter { page: chapter; -moz-column-break-before: page; break-before: page; } 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; position: relative; top: -2px; padding-left: calc(var(--unit) * 2); } 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 { border-left: 0.5px solid black; margin-left: calc(var(--unit) * 1.5); } blockquote p { padding-left: 2mm; } ul { color: red; } .thesis { -moz-column-break-inside: avoid; break-inside: avoid; } .thesis-title { width: 100%; display: flex; gap: 1ch; } .thesis-line { width: 100%; height: 8px; background-color: black; position: relative; top: 3px; } .thesis-title p { flex-shrink: 0; text-transform: uppercase; font-weight: 500; font-size: 0.9em; letter-spacing: 0.01rem; } .thesis p { display: block; } .thesis + .thesis { margin-top: calc(var(--baseline) * 1); } .has-intro-1-paragraph .intro, .has-intro .intro { -moz-column-break-after: right; break-after: right; } .intro p { font-size: var(--fs-intro); padding-left: calc(var(--unit) * 1); line-height: 23px; display: block; } [data-id=section__content] { position: relative; } ol[type="1"] { list-style-type: none; -moz-column-break-after: avoid; break-after: avoid; position: absolute; left: calc(var(--unit) * 1); display: block; font-size: var(--fs-small); opacity: 0.5; } .intro ol[type="1"] { left: 0px; } #section__content h1 .h1-count::after { content: "."; } #section__content h1 .h1-count { margin-bottom: 1em; } #section__content h1 { min-height: 210mm; display: flex; flex-direction: column; justify-content: space-between; } #section__content h1[data-split-from] { color: red; position: absolute; } #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: 105px; line-height: 0.9; hyphens: auto; hyphenate-limit-chars: 12 4 3; } #section__content h1 span { display: block; } #section__content h2 { font-size: 22px; font-weight: 200; text-transform: uppercase; text-align: left; line-height: calc(var(--baseline) * 1.4); margin-top: 6mm; padding-bottom: 6mm; hyphens: auto; padding-left: calc(var(--unit) * 1); position: relative; max-width: calc(var(--unit) * 5); text-wrap: balance; } #section__content h2::before { display: block; position: absolute; left: 0; } #section__content h3 { font-weight: 500; font-size: var(--fs-medium); line-height: 1.1; padding-left: calc(var(--unit) * 1); position: relative; margin-top: 6mm; padding-bottom: 6mm; margin-right: 8mm; } #section__content h3::before { display: block; position: absolute; left: 0; } #section__content h4 { font-weight: normal; font-size: 1em; line-height: var(--baseline); position: relative; margin-top: 6mm; padding-bottom: 6mm; margin-right: 20mm; padding-left: calc(var(--unit) * 2); -webkit-text-decoration: 0.5px underline; text-decoration: 0.5px underline; text-underline-offset: 3px; } #section__content h4::before { display: block; position: absolute; left: calc(var(--unit) * 1); text-decoration: none; } #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] > .chapter h2:first-child, [data-id=section__content] > .chapter h3:first-child, [data-id=section__content] > .chapter h4:first-child { margin-top: 0; } #section__list-of-abbr { display: none; color: red; } .pagedjs_page_content { position: relative; } .container-note { padding-left: calc(var(--unit) * 2); } .page-with-h1 .before-h1, .container-note-first { position: absolute; top: 0; left: 0; } .body-note { display: block; font-family: var(--font-sans); font-size: var(--fs-small); line-height: calc(var(--baseline) * 0.75); hyphens: auto; hyphenate-limit-chars: 7 3 4; hyphenate-limit-lines: 2; hyphenate-limit-zone: 8%; word-spacing: -0.004em; text-align: justify; } .note_marker { font-weight: bold; } .note_call { font-family: var(--font-sans); font-size: var(--fs-small); font-weight: normal; 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 */