h1 {
  string-set: heading content();
}

h2 {
  string-set: subheading content();
}

@page {
  size: A4;
  margin: 4em 0 3em 0;

  @top-left {
    /*background-image: url('/wp-content/themes/vernunft/assets/images/icons/logo-mrw.png');
    background-size: 2em 2em;
    background-repeat: no-repeat;
    background-position: top left;
     */
    content: "Marc Wäckerlin\AVernunft und Freiheit";
    white-space: pre;
    padding-left: var(--padding);
    color: var(--heading-fg);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h1);
    height: 2em;
  }

  @top-center {
    content: string(heading, first);
    color: var(--heading-fg);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h1);
  }

  @top-right {
    content: string(subheading, first);
    padding-right: var(--padding);
    color: var(--heading-fg);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-h1);
  }

  @bottom-left {
    content: "https://vernunft.ch";
    padding: 1em;
    padding-left: var(--padding);
  }

  @bottom-right {
    content: counter(page) " / " counter(pages);
    padding-right: var(--padding);
  }

}

@media print {

  html body footer,
  html body header,
  html body nav,
  html body aside,
  html body .comments-area,
  html body .comment-respond,
  .no-print {
    display: none;
  }

  html body {
    height: auto;
    width: 100%;
    overflow: visible;
    display: block;
  }

  html body main {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  /* Page layout */
  html body main.page,
  html body main.single {
    display: block;
  }

}