@page {
  size: a5 portrait;
  margin: 15mm 10mm 10mm 10mm;
  padding: 10mm 0 10mm 0;
  border-top: thin solid black;
  border-bottom: thin solid black;
  font: 6pt "Arial", sans-serif !important;

  @top-left {
    content: url(images/35px-Inkscape.logo.svg.png);
    margin: 5mm 0 0 0;  
    padding: 5mm 0 0 0;
    float: left;
    background-repeat: no-repeat;
  }
  @top-right {
    content: string(chaptertitle);
    vertical-align: bottom;
    margin: 0 2px 1mm 0;
    padding: 0 0 3mm 0;
    font-weight: bold;
  }

  @bottom-left {
    vertical-align: top;
    margin: 1.3mm 0 0 0;
    font: 8pt "Arial", sans-serif;
    content: string(FooterContent);
  }

  @bottom-right {
    vertical-align: top;
    margin: 3mm 0 0 0;
    font: 10pt "Arial", sans-serif;
    font-weight: bold;
    content: counter(page);
  }
 }

@page:first {
  border-top: none;
  border-bottom: none;
  margin: 0;
  padding: 0;
    @top { content: normal }
    @bottom-right { content: normal }
}

body {
  font: 9pt "Ubuntu", "Arial", sans-serif !important;
}
h1 {
  page-break-before: always;
  string-set: chaptertitle content();
  color:  red !important;
  font: 12pt "Roboto Slab", "Arial", sans-serif !important;
}

div.toc {
    page-break-before: always;
}


div.toc a::after {
  content: leader('.') target-counter(attr(href), page);
  font-style: normal;
}