.grid {
  max-width: 100%;
  margin-bottom:2em;
  margin-top:8em;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */


.grid-item img { max-width:100%;}

.grid-item {
  width: 375px;
  float: left;
  margin-bottom:4em;
  border-bottom:1px dotted;
}

.grid-item .jahr {margin-top:2em;}
.grid-item .jahr>span {font-size:1.5em;}
.grid-item .text {margin-bottom:3em;}

@media (max-width: 1025px) {


    .grid-item {
        width: 28%;
    }
}



@media (max-width: 800px) {


    .grid-item {
        width: 45%;
    }
}