/*####################################################
  #              css für portfolio grid 
/*#####################################################*/



.views-view-responsive-grid {
  gap: 30px;
}

.views-view-responsive-grid__item {
  display: flex;
  padding: 0;
  line-height: 24px;
  font-weight: 700;
  font-size: 18px;
  font-family: var(--haupt-schrift);
  text-transform: none;
  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.views-view-responsive-grid__item-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid #ddd;
  padding: 15px;}

.views-field-field-image img {
   width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;}

.views-field-title {
  margin-top: 15px;
  font-size: 1.1rem;
  font-weight: 600;
}

.views-field-title a {
  text-decoration: none;
}


.views-element-container {
  padding-left: 0;
  padding-right: 0;
}

.views-field-title .field-content a {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;

  line-height: 24px;
  min-height: calc(24px * 4);

  font-weight: 700;
  font-size: 18px;
  font-family: var(--haupt-schrift);
  text-transform: none;

  -moz-hyphens: auto;
  hyphens: auto;
  word-wrap: break-word;
}

.views-field-body .field-content {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


.view-other-posts {
  background-color: var(--kk-background);
  max-width: 900px;
  margin: 0 auto;
}


#block-knutkrueger-theme-zurnewsletteranmeldung {
 background-color: var(--kk-background);
  max-width: 900px;
  margin: 0 auto;
}


/*       Seitennavigation */
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  justify-content: center;

/*####################################################
  #  css für portfolio grid   teblets & Smartphones
/*#####################################################*/

/*Tablets z. B. 2 Spalten:*/
@media (max-width: 992px) {

  .views-view-responsive-grid {
    --views-responsive-grid--column-count: 2 !important;
  }

}

@media (max-width: 768px) {

  .views-view-responsive-grid {
    --views-responsive-grid--column-count: 1 !important;
  }

}

/* Smartphones */
@media (max-width: 768px) {

  .views-view-responsive-grid {
    --views-responsive-grid--column-count: 1 !important;
  }

}