/**
 * This contains the print layouts and styles
 * @author Sascha Leib <sascha@leib.be>
 */

 @page { margin: 2cm 4cm 3cm 2.5cm; }

 .noprint,
 .wrap_noprint {
	 display: none !important;
 }
 .nobreak,
 .wrap_nobreak {
	 white-space:	nowrap !important;
 }
 .printonly,
 .print-only,
 .wrap_print-only {
	 display: initial;
 }
 
 html, body, * {
	 font-family: @ini_print_default_fonts;
	 margin: 0;
	 padding: 0;
	 background-color: transparent;
 }
 
 body {
	 font-size: 12pt;
	 box-decoration-break: clone;
 }
 
 /* hide unneded page elements */
 #globalTools, #phSearch,
 #sidebar, #toc, #navYouAreHere,
 #footer-layout .ftSection {
	 display: none;
 }
 #header-layout {
	 display: table-header-group;
	 padding-bottom: .25em;
	 margin-bottom: 1em;
 }
 #header-layout > header {
	 display: block;
	 padding-bottom: .25em;
	 border-bottom: #000 solid .5pt;
	 margin-bottom: 1em;
 }
 #siteLogo {
	 display: grid;
	 grid-template-columns: min-content max-content auto;
	 align-items: center;
 }
 #siteLogo .logo {
	 grid-row: 1;
 }
 #siteLogo .logo img {
	 width: 12pt;
	 height: auto;
 }
 #siteLogo .title {
	 font-size: 10pt;
	 line-height: 1.2em;
	 font-weight: bold;
 }
 #siteLogo .title a:link,
 #siteLogo .title a:visited {
	 font-family: @ini_print_title_fonts;
	 color: @ini_print_title_color;
	 text-decoration: none;
 }
 #siteLogo .claim {
	 grid-row: 1; grid-column: 3;
	 align-self: center;
	 max-width: 100%;
	 font-size: 10pt;
	 line-height: 1.2em;
 }
 
 #header-layout #phInclude {
	 display: none;
 }
 
 #main-layout {
	 padding-top: .5em;
	 display: table-row-group;
 }
 
 #footer-layout {
	 display: block;
	 padding-top: 0;
 }
 #footer-layout footer {
	 display: block;
	 width: auto;
 }
 
 /* reset main borders and margins: */
 main {
	 display: table-row-group;
	 padding: 0;
	 border-width: 0;
	 line-height: 1.5em;
	 border: none 0;
	 word-break: break-word;
	 box-shadow: 0 0 0 0 transparent;
	 font-variant-ligatures: common-ligatures discretionary-ligatures;
 }
 
 /* headlines */
 main h1, main h2, main h3, main h4, main h5, main h6 {
	 font-family: @ini_print_title_fonts;
	 color: @ini_print_title_color;
	 line-height: 1.2em;
	 margin: 1em 0 .5em 0;
	 padding: 0 0 .25em 0;
	 page-break-inside: avoid;
	 break-inside: avoid;
	 page-break-after: avoid;
	 break-after: avoid;
	 clear: both;
	 position: relative;
 }
 main h1 { font-size: 18pt; margin-bottom: .5em; }
 main h2 { font-size: 14pt; margin-top: 2em; }
 main h3 { font-size: 12pt; }
 main h4 { font-size: 12pt; font-style: italic; }
 main h5 { font-size: 12pt; font-weight: normal; font-style: italic; }
 main h6 { font-size: 11pt; font-weight: normal; font-style: italic; }
 
 /* workaround: force headlines to keep with the next paragraph: */
 main h1::after, main h2::after, main h3::after, main h4::after, main h5::after, main h6::after,
 main dl:not(.compact) dt::after {
	 content: '';
	 display: block;
	 height: 4.5em;
	 margin-bottom: -4.5em;
	 page-break-inside: avoid;
	 break-inside: avoid;
 }
 
 main h1 + div, main h2 + div, main h3 + div, main h4 + div, main h5 + div, main h6 + div {
	 page-break-before: avoid;
	 break-before: avoid;
 }
 
 /* workaround until CSS orphans are widely supported: */
 main p::before {
	 content: '';
	 display: block;
	 height: 3.2em;
	 margin-bottom: -3.2em;
	 page-break-inside: avoid;
	 break-inside: avoid;
 }
 /* note: no workaround for missing CSS widows yet :-( */
 
 /* paragraph-level blocks */
 main p, main ul, main ol {
	 margin: .5em 0;
 }
 main p, main li {
	 widows: 2;
	 orphans: 2;
	 word-wrap: break-word;
	 overflow-wrap: break-word;
	 -ms-hyphens: auto;
	 -moz-hyphens: auto;
	 -webkit-hyphens: auto;
	 hyphens: auto;
	 hyphenate-limit-chars: 6 2 3;
 }
 main ul { list-style: square outside; }
 main ul ul { list-style-type: disc; }
 main ul ul ul { list-style-type: none; }
 main ol { list-style: decimal outside; }
 main ul ul ul li {margin-left: 1em; }
 main ul ul ul li:before { display: block; content: '\2043'; text-align:center; float: left; width: 1em; margin-left: -1em; }
 main ul ul ul ul li:before { content: '\FE63' }
 main ul ul ul ul ul li:before { content: '\00B7' }
 
 main ol ol { list-style-type: lower-alpha; }
 main ol ol ol { list-style-type: lower-roman; }
 main ol ol ol ol { list-style-type: lower-greek; }
 main ol ol ol ol ol { list-style-type: decimal-leading-zero; }
 main ul ul ul ol li { margin-left: 0; }
 main ul ul ul ol li:before { display: none; content: ''; }
 
 main li {
	 margin-left: 1.5em;
 }
 main blockquote {
	 border-left: @ini_blockquote solid 3pt;
	 padding: .25em 0 .25em .5em;
	 margin: 0 .25em 1em .25em;
	 widows: 2;
	 orphans: 2;
	 hyphens: auto;
 }
 main pre {
	 white-space: normal;
 }
 main figure {
	 break-inside: avoid;
	 page-break-inside: avoid;
	 background-color: transparent;
	 border: #666 solid .5pt;
	 margin: .5em 0;
 }
 main figure figcaption {
	 font-family: @ini_print_title_fonts;
	 margin-top: .5em;
	 font-size: small;
	 text-align: left;
 }
 main figure figcaption p,
 main figure figcaption li {
	 font-family: @ini_print_title_fonts;
 }
 body.print-compact main figure figcaption p {
	 text-indent: 0;
 }
 body.print-compact main figure table {
	 max-width: 100%;
	 border: #000 solid .5pt;
 }
 main footer {
	 margin-top: 2em;
	 border-top: #000 solid .5pt;
	 page-break-before: avoid;
	 break-before: avoid;
 }
 main footer p.docInfo,
 body.print-compact main p.docInfo {
	 display: block;
	 border: none;
	 padding: 0;
	 text-align: right;
	 color: #000;
 }
 #ftLicenseButtons p.license {
	 color: #000;
 }
 
 /* links overrides */
 main a:link,
 main a:visited {
	 text-decoration: underline;
	 text-decoration-style: dotted;
 }
 main a:link.text-link,
 main a:visited.text-link {
	 color: #000;
 }
 
 /* add URL after external links - optional!
 main a.interwiki:after,
 main a.urlextern:after {
   content: ' <' attr(href) '>';
   font-size: 90%;
   color: #333;
 } */
 
 /* fixed-width elements: */
 main tt, main code, main pre,
 main blockquote tt, main blockquote code, main blockquote pre {
	 font-family:	@ini_mono_fonts;
 }
 
 /* text attributes */
 main s {
	 text-decoration: line-through rgba(255,0,0,0.5) solid 1pt;
	 -webkit-text-decoration: line-through rgba(255,0,0,0.5) solid 1pt;
 }
 main u {
	 -webkit-text-decoration-color: @ini_missing;
	 -webkit-text-decoration-line: underline;
	 -webkit-text-decoration-style: wavy;
	 -webkit-text-decoration-thickness: .7pt;
	 text-decoration: underline @ini_missing wavy .7pt;
 }
 main u.valid {
	 -webkit-text-decoration-color: @ini_existing;
	 text-decoration-color: @ini_existing;
	 text-decoration-style: dashed;
 }
 main abbr {
	 text-decoration: none;
	 font-size: 97%;
	 letter-spacing: .05em;
 }
 
 /* horizontal rules */
 main hr {
	 border: #000 solid 0;
	 border-top-width: 1pt;
	 height: 0;
	 margin: 3pt 0;
 }
 
 /* table styles */
 main table {
	 max-width: 100%;
	 border: #000 solid .5pt;
	 border-collapse: collapse;
	 line-height: 1.25em;
	 margin: .5em 0;
	 box-decoration-break: clone;
	 page-break-inside: avoid;
	 break-inside: avoid;
	 font-size: small;
 }
 main table td,
 main table th {
	 padding: 2pt 3pt;
	 vertical-align: top;
 }
 main table th,
 main table th * {
	 font-family: @ini_print_title_fonts;
	 color: @ini_print_title_color;
 }
 main table thead {
	 break-inside: avoid;
	 break-after: avoid;
 }
 main table thead tr {
	 background-color: #EEE;
	 border-bottom: #000 solid .5pt;
	 text-align: left;
 }
 main table thead tr th,
 main table thead tr td {
	 vertical-align: bottom;
	 border-right: #000 solid .5pt;
 }
 main table thead tr th:last-child,
 main table thead tr td:last-child {
	 border-right: none 0;
 }
 main table tbody tr {
	 border-bottom: #000 dashed .5pt;
 }
 main table tbody tr:nth-child(even) {
	 background-color: #EEE;
 }
 main table tbody th {
	 vertical-align: top;
	 border-right: #000 solid .5pt;
 }
 main table tbody td {
	 border-right: #000 dashed .5pt;
 }
 main table a:link {
	 text-decoration: none;
 }
 
 main table.layout,
 main table.layout tr,
 main table.layout th,
 main table.layout td {
	 border: none !important;
	 background: transparent none !important;
 }
 
 main blockquote table {
	 margin: 0;
 }
 
 /* image-related */
 main aside {
	 float: none;
	 width: 100%;
	 margin: .5em 0;
	 page-break-inside: avoid;
	 break-inside: avoid;
 }
 main img {
	 width: auto;
	 max-width: 100%;
	 height: auto;
	 break-inside: avoid;
	 page-break-inside: avoid;
 }
 
 /* footnotes */
 .dokuwiki div.footnotes {
	 border-top: transparent 0 none;
	 font-size: smaller;
 }
 
 .dokuwiki sup a.fn_top {
	 color: #000;
 }
 .dokuwiki sup a.fn_top::after {
	 font-size: 1.0rem;
	 font-weight: normal;
 }
  #main-content h1 + div > p:first-child sup a.fn_top::after {
	  font-weight: bold;
  }
  
 .dokuwiki div.footnotes > .fn .fn_bot {
	 color: #000;
 }
 .dokuwiki div.footnotes > .fn .fn_bot::after {
	 font-size: .833rem;
 }
 
 main div.footnotes:before {
	 content: ' ';
	 display: block;
	 width: 50%;
	 min-width: 5em;
	 border-top: #000 solid .5pt;
	 height: .5em;
 }
 
 /* show language code, if configured as menu */
 #tbLanguages {
	 & {
		 display: block;
		 float:right;
		 position: relative;
		 top: -1.5rem;
	 }
	 button {
		 & {
			 border: transparent none 0;
		 }
		 svg {
			 & {
				 fill: transparent;
				 stroke: #000;
				 stroke-width: .5pt;
				 width: 1.75rem; height: 1.75rem;
			 }
			 text {
				 fill: #000;
				 text-transform: uppercase;
				 font-family: Arial, Helvetica, Verdana, sans;
				 stroke-width: 0;
			 }	
		 }
	 }
 }
 
 /* alternative compact style: */
 body.print-compact #main-content {
	 columns: 2;
	 column-gap: 1.2em;
	 column-rule: .25pt solid #666;
	 font-size: 11pt;
 }
 body.print-compact main h1,
 body.print-compact main h2,
 body.print-compact main figure {
	 column-span: all;
 }
 body.print-compact main figure.print-narrow {
	 column-span: none;
 }
 
 #main-content h1 + div > p:first-child {
	 column-span: all;
	 font-weight: 600;
	 margin-bottom: 1.5em;
	 text-indent: 0;
 }
 
 body.print-compact main p {
	 margin: 0;
	 text-align: justify;
	 text-indent: 1.5em;
 }
 body.print-compact main h1 + div > p:first-child + p,
 body.print-compact main h2 + div > p:first-child,
 body.print-compact main h3 + div > p:first-child,
 body.print-compact main h4 + div > p:first-child,
 body.print-compact main h5 + div > p:first-child,
 body.print-compact main h6 + div > p:first-child,
 body.print-compact main figure + p + p,
 body.print-compact main div.table + p,
 body.print-compact main aside + p + p,
 body.print-compact main ul + p,
 body.print-compact main ol + p,
 body.print-compact main blockquote + p,
 body.print-compact main p.info-box,
 body.print-compact main p.info-box + p + p {
	 text-indent: 0;
 }
 
 body.print-compact main table {
	 border: none;
 }
 body.print-compact main figure {
	 border: none;
	 margin: 1em 0 .5em 0;
	 padding: .5em 0;
 }
 body.print-compact main blockquote {
	 margin: .5em 0;
	 padding: 0 0 0 .5em;
 }
 body.print-compact main figure blockquote {
	 margin: 0;
 }
 body.print-compact main p.info-box {
	 margin: .5em 0;
 }
 body.print-compact main ul,
 body.print-compact main ol {
	 margin-left: .5em;
	 margin: 0;
	 padding: 0;
	 list-style-position: inside;
 }
 body.print-compact main ul > li,
 body.print-compact main ol > li {
	 margin-left: 0;
 }
 body.print-compact main ul ul,
 body.print-compact main ul ol,
 body.print-compact main ol ul,
 body.print-compact main ol ol,
 body.print-compact main ul ul li,
 body.print-compact main ul ol li,
 body.print-compact main ol ul li,
 body.print-compact main ol ol li {
	 margin-left: .5em;
 }
 body.print-compact main ul li::marker,
 body.print-compact main ol li::marker {
	 display: inline-block;
	 float: none;
 }
 body.print-compact main ul li div.li,
 body.print-compact main ol li div.li {
	 display: inline;
 }
 body.print-compact main ul div.li,
 body.print-compact main ol div.li {
	 text-align: justify;
 }
 
 /* media detail */
 body.mediadetail figure {
	 border: none;
	 background:	transparent none;
 }
 body.mediadetail figure table ul {
	 margin: 0;
 }
 
 /* allow user to force keep-together rules: */
 .keep-together,
 .wrap_keep-together {
	 page-break-inside: avoid;
	 break-inside: avoid;
 }
 .break-before,
 .wrap_break-before {
	 page-break-before: always;
	 break-before: always;
 }
 .print-wide,
 .wrap_print-wide {
	 clear: both;
	 column-span: all;
 }
 .print-outline {
	 margin-top: 1em;
	 border: #666 solid .5pt;
	 border-radius:	1em;
	 padding: 0 1em;
 }
 
 /* site-banners */
 .site-banner {
	 clear: both;
	 column-span: all;
	 margin-top: 1em;
	 border: #666 solid 1pt;
	 border-radius: 1em;
	 padding: 0 1em;
	 page-break-inside: avoid;
	 break-inside: avoid;
	 text-align: left;
 }
 .site-banner h4 {
	 margin: .75em 0 .15em 0;
	 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	 font-size: 11pt;
	 font-style: normal;
 }
 .site-banner p {
	 font-size: 9pt;
	 line-height: 13pt;
 }
 .site-banner img {
	 margin: 0 .25em .25em .5em;
 }
 
 /* boxes */
 main .box,
 main .wrap_box {
	 border: #666 solid 1px;
	 background-color: @ini_background_alt;
	 padding: .5em .25em .5em .5em;
	 font-size: small;
	 line-height: 1.5em;
 }
 