.mod_portfoliolist .item .info {
  top: 0;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.7);
}

/* --- Smartphones: 1 Spalte --- */
@media (max-width: 767px) {
  .mod_portfoliolist.portfolio-col3 {
    display: block !important;
  }

  .mod_portfoliolist.portfolio-col3 .item {
    width: 100% !important;
    left: 0 !important;
    top: auto !important;
    position: relative !important;
    display: block !important;
  }

  .mod_portfoliolist.portfolio-col3.isotope {
    height: auto !important;
  }
}

/* --- Tablets: 2 Spalten --- */
@media (min-width: 768px) and (max-width: 1199px) {
  .mod_portfoliolist.portfolio-col3 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }

  .mod_portfoliolist.portfolio-col3 .item {
    flex: 0 0 50% !important;    /* zwei Spalten nebeneinander */
    max-width: 50% !important;
    left: auto !important;
    top: auto !important;
    position: relative !important;
  }

  .mod_portfoliolist.portfolio-col3.isotope {
    position: relative !important;
    height: auto !important;
  }
}

.mod_portfoliolist.portfolio-col3 .grid-sizer {
  display: none !important;
}

/* Stellt sicher, dass .subline immer unten sitzt */
.mod_portfoliolist .item .info {
  position: relative;
  padding: 8px 10px;
}

.mod_portfoliolist .item .info .subline {
  position: absolute;
  bottom: 8px;
  left: 10px;
  right: 10px;
}

.mod_portfoliolist .item .image_container {
  position: relative;
}

.mod_portfoliolist .item .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}