#startseite {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  font-size: 0.8rem;
}

#startseite .links { 
  display: grid; 
  grid-template-columns: max-content 1fr; 
  grid-column-gap: 15px;
  grid-row-gap: 0.3em;
}

#startseite .bild1 {
  grid-column: 1;
  grid-row: 1;
}

#startseite .blogtext1 {
  grid-column: 2;
  grid-row: 1;
}

#startseite .bild2 {
  grid-column: 1;
  grid-row: 2;
}

#startseite .blogtext2 {
  grid-column: 2;
  grid-row: 2;
}

#startseite .rechts {
    padding-left: 0;
    grid-column: 1;
    grid-row: 3;
}

#startseite .datum {
  color: #ff0;
}

#startseite img {
  border: 2px solid White;
}

@media (min-width: 45em) {
#startseite {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  align-items: start;
}

#startseite .links {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 30px;
  row-gap: 0.3em;
  align-content: start;
}

#startseite .rechts {
  grid-column: 2;
  grid-row: 1;
  padding-left: 2em;
}
}