@charset "UTF-8"; :root { --font: "Edgar", sans-serif; --font-title: "Allium Rounded", sans-serif; --font-sans: "Allium Rounded", sans-serif; --font-size: 11px; --fs-small: 9.5px; --fs-num: 14px; --baseline: 16px; --indent: 26px; } * { 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: 134mm 205mm; 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); } } @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; 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 { -moz-column-break-before: right; break-before: right; } sup { line-height: 0; } hr { border: none; height: var(--baseline); } a { color: currentColor; text-decoration: none; } p { text-align: justify; orphans: 2; widows: 2; } p, li { -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 7 3 4; hyphenate-limit-lines: 2; hyphenate-limit-zone: 8%; word-spacing: -0.004em; } p + p, ol[type="1"] + p { text-indent: calc(var(--indent) * 0.5); } blockquote { padding-left: calc(var(--indent) * 1); font-size: var(--fs-small); margin-top: calc(var(--baseline) * 0.5); margin-bottom: calc(var(--baseline) * 0.5); } .these + ol + p, blockquote + ol + p { text-indent: 0px; } .these { font-family: var(--font-title); margin-bottom: calc(var(--baseline) * 1); } ol[type="1"] { list-style-type: none; position: relative; -moz-column-break-after: avoid; break-after: avoid; position: absolute; left: calc(var(--indent) * -1.5 - 0.5ch); } ol[type="1"]::before { content: attr(start); font-size: 0.6rem; color: #999; display: block; height: var(--baseline); padding-right: 1ch; border-right: 1px solid #efefef; } /* ol[type="1"]{ list-style-type: none; position: relative; break-after: avoid; position: absolute; left: calc(var(--indent)*-1.5 - 0.5ch); &::before{ content: attr(start); font-family: var(--font-title); font-weight: 500; font-size: 0.6rem; color: #999; display: block; padding: 0px 2px; // border: 1px solid #efefef; min-width: 20px; justify-content: center; } } .pagedjs_page_content::before{ --color: #efefef; --size: 20px; content: ""; display: block; height: 100%; width: var(--size); position: absolute; left: calc(var(--indent)*-1 - var(--size)); background: linear-gradient(transparent 0%, transparent calc(var(--baseline) - 1px), var(--color) calc(var(--baseline) - 1px), var(--color) var(--baseline)), transparent; background-size: 100% var(--baseline); background-repeat: repeat-y; } */ #section__content h1::before, #section__content h2::before, #section__content h3::before { content: attr(data-counter); } #section__content h4::before, #section__content h5::before, #section__content h6::before { content: attr(data-counter) ". "; } #section__content h1, #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 h1::after, #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 h2 { font-family: var(--font-title); font-size: 1.1rem; font-weight: 500; text-transform: uppercase; line-height: calc(var(--baseline) * 1.2); position: relative; margin-top: calc(var(--baseline) * 1 + 6px); padding-bottom: calc(var(--baseline) * 1); padding-right: 2ch; } #section__content h2::before { display: block; font-size: var(--fs-num); padding-left: var(--indent); } #section__content h3 { font-family: var(--font-title); font-weight: 500; font-size: 1rem; line-height: calc(var(--baseline) * 1); padding-right: calc(var(--indent) * 2); position: relative; margin-top: calc(var(--baseline) * 1 + 4px); padding-bottom: calc(var(--baseline) * 0.75); } #section__content h3::before { display: block; font-size: var(--fs-num); padding-left: var(--indent); } #section__content h4 { font-family: var(--font-title); font-weight: 500; font-size: 0.9rem; line-height: calc(var(--baseline) * 1); padding-left: calc(var(--indent) * 1); padding-right: calc(var(--indent) * 2); position: relative; margin-top: calc(var(--baseline) * 1 + 4px); padding-bottom: calc(var(--baseline) * 0.75); -webkit-text-decoration: underline 1px #cfcfcf; text-decoration: underline 1px #cfcfcf; text-underline-offset: 3px; } #section__content h5 { font-family: var(--font-title); font-weight: 500; font-size: 0.8rem; line-height: calc(var(--baseline) * 1); padding-left: calc(var(--indent) * 1); position: relative; margin-top: calc(var(--baseline) * 1 + 4px); padding-bottom: calc(var(--baseline) * 0.25); } #section__content h6 { font-family: var(--font-title); font-weight: 500; font-size: 0.8rem; margin-top: calc(var(--baseline) * 0.5); padding-bottom: calc(var(--baseline) * 0.25); color: #666; } [data-id=section__content][data-split-from] > :first-child { margin-top: 0; } h1 { font-family: var(--font-title); font-size: 1.4rem; font-weight: 500; text-transform: uppercase; line-height: calc(var(--baseline) * 1.4); text-align: center; position: relative; margin-top: calc(var(--baseline) * 2 - 3px); padding-bottom: calc(var(--baseline) * 1); padding-left: 1ch; padding-right: 1ch; } h1::before { display: block; font-size: var(--fs-num); } section h1:first-of-type { margin-top: 3px !important; } .footnote-ref { font-family: var(--font-title); line-height: 0; font-size: var(--fs-small); font-weight: 500; } #footnotes { -moz-column-break-before: right; break-before: right; } #footnotes .title-part { font-family: var(--font-title); font-size: 1.1rem; font-weight: 500; line-height: calc(var(--baseline) * 1.2); margin-top: calc(var(--baseline) * 2); padding-bottom: calc(var(--baseline) * 1); padding-right: 2ch; padding-left: 2ch; text-align: center; text-wrap: balance; } #footnotes .title-part::before { content: attr(data-part-number) ". "; } #footnotes li { font-size: var(--fs-small); } #footnotes .footnote-back { display: none; } [data-id=footnotes][data-split-from] > :first-child { margin-top: 0; } #section__list-of-abbr { display: none; color: red; }/*# sourceMappingURL=style.css.map */