main {
  margin: 0;
}

main h1, main h2, main h3 {
  font-family: mufi;
  line-height: normal;
}

main img {
 /* height: 50vh;*/
/*  float: left;*/
  padding-right: 25px;
  padding-bottom: 9px;
}

main p {
  padding-right: 25px;
  text-align: justify;
  hyphens: auto;
}

aside {
  background-color: var(--back-color);
}

nav ul {
  display: block !important;
}

.center{
   text-align:center;
}

@media screen and (max-width: 1366px){
  main {
    padding-right: 3%;
  }
  main p {
    padding-right: 0%;
  }
  main img {
    padding-right: 2%;
  }
}

@media screen and (max-width: 400px){
  body {
    grid-template-columns: 1fr 3fr;
  }
  aside nav {
    max-width: 25vw; /* ergibt sich aus grid-template-columns */
  }
  main img {
    padding-right: 0%;
    height: auto;
    width: 100%;
  }
}