#myDIV {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
  }
  #myDIV div {
    text-align: left;
  }
  .item2 {
    grid-area: 1 / 2 / span 4 / span 2;
  }
  .item7 {
      grid-area: 5 / 2 / span 3 / span 2;
  }
  .item15 {
    grid-area: 9 / 2 / span 2 / span 2;
  }

  article img {
    width: 25vw;
    border-radius: 0.7em;
} 
article h1 {
  color: #667686;
}
article h2 {
  color: #D3A54F;
}
article em {
  font-size: 12px;
}
@media (min-width: 600px) { /*für tablets*/
      #myDIV div {
        text-align: center;
        grid-template-columns: auto auto auto auto auto;
      }
      .item2 {
        grid-area: 1 / 2 / span 1 / span 4;
      }
      .item7 {
          grid-area: 3 / 1 / span 1 / span 4;
      }
      .item15 {
        grid-area: 5 / 1 / span 1 / span 5;
      }
      article img {
        width: 15vw;
      } 
}
@media (min-width: 1082px) { /*für DT*/
      article img {
        width: 12vw;
      } 
}