/* clear all browser-made settings */
* {
  margin: 0;
  padding: 0;
}

/* general page-setup */
body {
  box-sizing: border-box;
  background-color: #a7a7a7;
}

/* include webfont Montserrat locally */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* Navigation */
nav {
  background: antiquewhite;
  padding: 20px;
  position: fixed;
  left: 2%;
  top: 10%;
  font-family: 'Montserrat';
}

.navtitle {
  text-decoration: underline;
  margin-bottom: 10px;
}

nav li {
  list-style-type: none;
  margin-bottom: 15px;
}

nav li:last-of-type {
  margin: 0;
}

nav a {
  text-decoration: none;
  color: #111111;
}

nav a:hover {
  text-decoration: underline;
  color: blue;
}

/* Document */
.document {
  position: absolute;
  right: 1%;
}

/* Sheets of Paper (not ISO DIN A4) */
.paper {
  background-color: #ffffff;
  width: 21.0cm;
  height: 27.0cm;
  margin: 10px auto;
  position: relative;
}

/* Styling and Position of the Page Number */
.pagenumber {
  font-weight: bold;
  text-align: center;
  position: absolute;
  bottom: 1%;
  left: 48%
}

/* Title on the first page */
.title {
  width: 85%;
  font-size: 32px;
  text-align: right;
  margin: 20px auto 150px auto;
  padding-top: 40px;
}

/* Repetition of the title on pages 2 to 5 */
.titlerep {
  padding-top: 20px;
  margin-left: 7.5%;
  margin-bottom: 20px;
}

/* Margin Settings for the content and the headings */
article p {
  width: 85%;
  margin: 0px auto;
}

article h2 {
  width: 85%;
  margin: 20px auto;
}

/* Some style issues */
.cite {
  font-weight: bold;
}

.italic {
  font-style: italic;
}