.col-container-galerie {
 display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1rem;
  padding-top: 10px;
  justify-content: center; /* centers items horizontally */
  align-items: center; /* centers items vertically */
}

.colItem-galerie {  
  margin-bottom: 16px;
  width: 100%;
  display: grid;
}

.card-img-top-galerie{
max-width: 100%;
  height: auto;
  display: block;
}

@media (min-width: 768px) {
.col-container-galerie{	
  grid-template-columns: repeat(2, 1fr);
  }
  .colItem {
  
}

}

.col-container, .col-container-2-entry, .col-container-1-entry {
 display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
  
}
.abschnitt{
	margin-top:1rem !important;	
	
}

.colItem {  
  margin-bottom: 16px;
 
 
  display: grid;
   width: 100%;
}

.colitem img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* or "contain" */
}

.card-img-top{height:200px;
}
.colItem .descr{ 
 display: block;
  height: 100%;
}

.gridInfobox {
	 padding: .5rem 1rem 0.5rem;
	
}


@media (min-width: 768px) {
.col-container{	
  grid-template-columns: repeat(2, 1fr);
  }
  .colItem {
   width: 100%;
}
.card-img-top{height:280px;

}
.col-container-2-entry {
  grid-template-columns: repeat(2, 1fr);
}


}
@media (min-width: 992px) {
.col-container{	
  grid-template-columns: repeat(3, 1fr);
  }
  .colItem {
  
}
.card-img-top{height:240px;

}
}

@media (min-width: 1200px) {
.col-container{	
  grid-template-columns: repeat(3, 1fr);
  }
}
.gridTitle {
    font-size: 1.2rem;
    font-weight: 400;
	
}
.gridDatum {
    font-size: 0.8rem;
}
.gridInfobox {
	 padding: .5rem 1rem 0.5rem;
}

.divider, .underline, .border-bottom {border-bottom: 1px solid #bbb;}


.border-top {border-top: 1px solid  #bbb;}

.newest {border-bottom: 1px solid #bbb;}
#topImage {display: none;}
.border-top {
    margin-top: 1rem;
    padding: .5em;
    background-color: rgba(255,255,255,.64);
}
.space-top {
    margin-top: 1rem;
}


.newsTitle {
    font-size: 1.2rem;
    font-weight: 400;
    border-bottom: 1px solid #bbb;
}



.hide {
    display: none
}

.buttonToggle {
    font-size: 2.5rem;
    color: gray;
    cursor: pointer
}



.borderColor5,.cardColor5 {
    border-bottom: 0.3rem solid var(--martens-blue)
}