body {
        font-family: Inter;
        margin: 0;
        padding: 0;
      }
      header {
        background: #ffffff;
        padding: 20px;
        text-align: center;
      }
      nav {
        background: #ffffff;
        padding: 10px;
        text-align: right;
      }
      nav a {
        margin-right: 25px;
        text-decoration: none;
        color: #a9a9a9;
        padding: 8px 16px;
      }

      nav a:hover {
        color: #61836c;
        font-style: italic;
      }
      main {
        padding: 50px;
      }
      footer {
        background: #ffffff;
        text-align: center;
        padding: 15px;
        margin-top: 100px;
      }
#flexbox{
    display: flex;
}

#layout1{
    width: 600px;
    height: 480px;
    margin-left: 100px;
    margin-top: 290px;
    font-size: 22px;
    font-weight: 500;
    
}
#layout2{
    width: 400px;
    height: 400px;
    margin-left: 90px;
    margin-top: 70px;
    font-size: 13.5px;
    color: rgb(5, 78, 77);
}
#hintergrund1{
     background: url(medien/how_designers_could_escape_capitalism-image-8.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 50px;
        height: 760px;
        padding-bottom: 20px;
        margin-top: -50px;

}

#layout3{
    width: 1250px;
    height: 170px;
    margin-left: 150px;
    margin-top: 30px;
    font-size: 57.5px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}
#layout4{
    width: 600px;
    height: 800px;
    background-color: #a9a9a9;
    margin-left: 150px;
    margin-top: 50px;
    background: url(medien/how_designers_could_escape_capitalism-image-3.png);
    background-size: contain;
}

#layout5{
    width: 600px;
    height: 950px;
    margin-left: 90px;
    margin-top: 10px;
    font-size: 22px;
}

#layout6{
    width: 900px;
    height: 250px;
    margin-left: 150px;
    margin-top: 80px;
    font-size: 22px;
    padding-bottom: 50px;
}

#hintergrund2{
  background: url(medien/how_designers_could_escape_capitalism-image-2.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -40px;
  height: 1000px;
}

#layout7{
    width: 600px;
    height: 470px;
    margin-left: 845px;
    font-size: 22px;
    padding: 20px;
}
#layout8{
    width: 300px;
    height: 400px;
    margin-left: 230px;
    font-size: 13.5px;
    color: rgb(255, 255, 255);
    margin-top: 20px;
    font-weight: 500;
    letter-spacing: +1.5px;
    text-shadow: black 1px 1px 2px;
}

#hintergrund3{
height: 1000px;
background: url(medien/how_designers_could_escape_capitalism-image-9.png);
background-size: contain;
background-position: right;
padding-top: 30px;
background-repeat: no-repeat;
padding: 20px;
}

#layout9{
   width: 600px;
    height: 480px;
    margin-left: 100px;
    margin-top: 80px;
    font-size: 22px;
}

      .title {
        font-weight: 600;
      }
     #headline {
        font-weight: bolder;
        font-family: monospace;
        padding: 20px;
      }
#headline a {
        text-decoration: none;
        color: black;
      }
      #headline a:hover {
         color: rgb(83, 129, 138);
      }

      #active {
        font-weight: bolder;
        color: black;
      }