:root {
  --asideWidth: 270px;
}

main {
  margin-right: calc(var(--asideWidth) + 140px);
  margin-left: 4vw;
  border-top: solid 3.5px rgba(22, 96, 127, 0.5);
}

h3 {
  padding-top: 0;
}

.highlight {
 margin: 24px 0;
 padding-bottom: 2px;
}

.block-image {
  padding: 20px 0;
}

aside {
  width: var(--asideWidth);
  position: fixed;
  right: 0;
  top: var(--headerHeight);
  padding-right: 10px;
  box-sizing: border-box;
}

aside h1 {
  padding-top: 0;
  padding-bottom: 10px;
  color: var(--blau);
  font-size: var(--normal);
  font-weight: bold;
  hyphens: auto;
}

aside ul {
  padding-left: 0;
  list-style: none;
}

aside li {
  margin: 0;
  text-indent: 0; 
}

aside a {
  color: var(--blau);
}


.grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(200px, 1fr));
	gap: 0 2vw;
	padding: 2vw 0 0 0;
}

.grid .column {
	max-width: 100%;
}

figure[data-ratio="16/9"] img {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  object-fit: cover;
}

figure[data-ratio="5/3"] img {
  aspect-ratio: 5 / 3;
  width: 100%;
  height: auto;
  object-fit: cover;
}

figure[data-ratio="4/3"] img {
  aspect-ratio: 4 / 3;
  width: 100%;
  height: auto;
  object-fit: cover;
}

figure[data-ratio="1/1"] img {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
}

figcaption {
	max-width: 484px;
	font-size: var(--small);
}

.span-4 {
	grid-column: span 1;
}

.span-8 {
	grid-column: span 2;
}

.span-12 {
	grid-column: span 3;
}

@media only screen and (max-width: 1096px) {
  .grid {
    display: block;
  }

  figure img {
    max-width: 484px;
    max-height: 484px;
    width: auto;
    object-fit: contain;
  }

}

.pdf-download {
  display: flex;
  width: 100%;
  gap: 20px;
  padding: 20px 0;
}

.pdf-download-text {
  border-top: 3px solid var(--blau-transparent);
  border-bottom: 3px solid var(--blau-transparent);
  padding: 20px 0;
  flex: 1;

}

.pdf-download svg {
  margin-top: 20px;
}

.pdf-download a {
  text-decoration: none;
  color: var(--black);
}

.preview-pdf {
  max-width: 150px;
  border: 1px solid rgb(156, 156, 156);
}

.blocks > h2:first-child {
  padding-top: 14px;
}