:root {
  --blue1: #c1c9e7;
  --blue2: #9ca5d3;
  --blue3: #6b72b4;
  --blue4: #27348b;
  --blue5: #1e2140;
  --brown: #d8c8bd;
  --body-font: "Avenir LT Std Light", Arial, sans-serif;
  --header-font: "Avenir LT Std Light", Arial, sans-serif;
}

.dokumenter-wrapper {
  position: relative;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}

.dokumenter-wrapper a,
.dokumenter-wrapper a:hover,
.dokumenter-wrapper a:focus,
.dokumenter-wrapper a:active {
  color: var(--blue1);
  text-decoration: none;
}

.dokumenter-wrapper h2,
.dokumenter-wrapper h4 {
  margin: 0;
}

.dokument-leaf {
  position: absolute;
  width: 100%;
  width: 419px;
  height: auto;
  right: 0;
  bottom: 0;
}

.salgs-dokumenter-wrapper {
  margin: 4em 0 0;
}

.salgs-dokumenter-wrapper h1 {
  font-size: 4em;
  text-transform: uppercase;
}
.single-dokumenter {
  display: flex;
  align-items: center;
}
.single-dokument-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 0;
  border-top: 1px solid rgba(39, 52, 139, 0.4);
}

.single-dokument-header {
  display: flex;
  justify-content: space-between;
  padding: 2em 0;
}

.dokumenter-wrapper a:hover {
  background-color: rgba(39, 52, 139, 0.4);
  transition: 0.3s;
}

.table-title h4 {
  font-size: 16px;
  text-transform: uppercase;
}

.icon-wrapper {
  padding: 2em 2em 2em 0;
}

.icon-wrapper svg {
  width: 20px;
  height: auto;
}

.dokument-name {
  display: block;
}

.dokument-details,
.single-dokumenter-publiserings {
  font-size: 13px;
  text-transform: uppercase;
  opacity: 0.6;
}