@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

@page {
  size: A5;
  margin: 10mm 13mm 15mm 13mm;

  counter-increment: page;

  @bottom-center {
    content: "Severin Schols. 2026. MakerVan Labs. makervan.de";
    font-size: 6pt;
  }
}

@page :left {
  /*margin: 10mm 10mm 12mm 15mm;*/
  @bottom-left { content: counter(page); }
  /*  #@top-right { content: string(heading); font-variant: small-caps }*/
}

@page :right {
  /*margin: 10mm 15mm 12mm 10mm;*/
  /*@top-left { content: string(heading); font-variant: small-caps }
    @top-right { content: counter(page) }*/
    @bottom-right { content: counter(page); }
}

@page :first {
  counter-reset: page -2;
  @bottom-center { content: none }
  @bottom-right { content: none }
}

@page clean {
  @bottom-center { content: none }
  @bottom-right { content: none }
    @bottom-left { content: none }
}

@page :blank {
  @top-right {
    content: none
  }

  @top-left {
    content: none
  }
}

html {
  font-family: "Special Elite", "Sora", sans-serif;
  font-size: 11pt;
}

body {
  margin: 0;
}

h1 {
  /* break-after: page; */
  font-size: 2.6em;
  font-weight: normal;
  padding: 80mm 0 0 0;
  page: clean;
}

h2 {
  padding-top: 40mm;
}

section {
  break-after: page;
  /*padding-top: 25mm;*/
}

p {
  hyphens: none;
  margin-bottom: 6mm;
  line-height: 1.4;
  /*text-align: justify;*/
}

a {
  hyphens: none;
  white-space:nowrap;
}

p.center {
  text-align: center;
}

ul {
  margin: -1.4em 0;
  padding: 0 5mm;
}

#qrcodes {
  width: 100%;
  margin-top: 20mm;
}

#qrcodes td {
  width: 33%;
  vertical-align: top;
  text-align: center;
}

#qrcodes img {
  width: 16mm;
}

.oshw-logo {
  width: 40mm;
  padding-top: 25mm;
  float: right;
  margin-left: 4mm;
  filter: saturate(0%) brightness(60%);
}

#makervan {
  width: 40mm;
  float: right;
  display: block;
}

img.drawing {
  width: 100%;
}

tr {
  height: 1.5em;
}
th {
  font-weight: bold;
  min-width: 60pt;
  text-align: left;
  text-decoration: underline;
}

.cover-inside {
  page: clean;
}

#backside {
  page: clean;
  padding-top: 120mm;
  font-size: 8pt;
  text-align: right;
  vertical-align: text-bottom;
  height: 100%;
}

#backside .cc-icon {
  max-width:  1.5em;
  max-height: 1.5em;
  margin-left: .2em;
}