.article {
  width: 50vw;
  max-width: 2000px;
  text-align: center;
  height: auto;
  margin-left: 25vw;
  margin-right: 25vw;
  margin-top: 5rem;
  padding-top: 1vh;
  font-family: "Nunito", sans-serif;
  color: rgba(0, 0, 0, 0.8);
}

.main-message {
  padding-left: 0.6rem;
  padding-right: 0.6rem;
}

.article h1 {
  font-family: "Aldrich", sans-serif;
  font-size: 3rem;
}

.article h2 {
  font-family: "Aldrich", sans-serif;
  font-size: 2.5rem;
}

.article p {
  font-size: 1.8rem;
  text-align: justify;
}

.article ul {
  padding: 0;
}

.article li {
  font-size: 1.8rem;
  list-style: none;
}

.article a {
  text-decoration: none;
  color: grey;
}

.article img {

  width: 100%;
  height: auto;
}

.platz {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-gap: 3rem;
}

.break {
  padding: 0;
}

.break div {
  width: 90%;
}

.mitte {
  width: 80%;
  margin: auto;
  padding-top: 1.5rem;
}

.end {
  padding-top: 3rem;
  padding-bottom: 5rem;
}

.entries {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-gap: 2.5rem;
  padding-top: 2rem;
}

.entry {
  height: 35rem;
  color: black;
  cursor: pointer;
  z-index: 1;
  transition: 0.3s ease;
  border-radius: 1rem;
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 3rem;
}

.entry:hover {
  box-shadow: 0px 0px 6px 5px rgba(0, 0, 0, 0.45);
  transition: 0.3s ease;
}

.image {
  height: 85%;
  width: auto;
  background: center no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  z-index: 10;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

h5 {
  margin: 5px;
}

.i1 {
  background-image: url("../images/bezirk2022.jpg");

}

.i2 {
  background-image: url("../images/KM2022.jpg");
}

.i3 {
  background-image: url("../images/kme2023.jpg");
}

.i4 {
  background-image: url("../images/bme2023.jpg");
}

/* .entry img {
  height: 85%;
  width: auto;
  object-fit: cover;
} */

/* Pagiantion */
.pagination {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.pagination a {
  font-size: 2rem;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {
  background-color: #ddd;
}

/* Pagiantion */

@media (max-width: 1150px) {
  .article {
    width: 100%;
    margin: 0;
    margin-top: 5rem;
  }

  @media (max-width: 800px) {
    .article img {
      width: 100%;
      padding: 0;
    }
  }
}