body
{
}
.titles{
  display: block;
  margin-bottom: 50px;
}
.titles a{
  font-size: 1rem;
}

.imgContent{
  display:flex;
  flex-wrap: wrap;
  width: 90%;
  #float:left;
  margin-right: 30px;
  justify-content:flex-start;
  align-content: stretch;
}

.imgContent img {
    #margin: 5px;
    #height: 250px;
    border-width: 10px;
    border-style: solid;
    border-color: white;
  }
#kachel img {
  height: 250px;

}

#gross {
  width: 80vw;
  display: block;
}

#gross img {
    max-height: 85vh;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-width: 10px;
    border-style: solid;
    border-color: white;
  }

  #gross p {
    margin-top: 50px;

  }

.imgContent img:hover {
      border-color: black;
      transition: border-color 0.7s;
  }

.txt{
  margin-top:50px;
  margin-left: 10px;
}
.mySlides {
  display: none;
}
  .content p {
  margin-right: 30px;
  margin-top: 10px;
  }
.txtContent{
 display: inline-block;
  width: 30vw;
}
.txtContent p{

}

.tags{
  display: inline-flex;
  margin-top: 100px;
  align-items: flex-end;
}
.tags a{
  margin-right: 10px;
}

@media (orientation: portrait) {

  .titles a{
    color: white;
    background-color: black;
  }

  .txt{
    padding: 5px;
  }
  .thickLink{
    display: inline;
  }
  .imgContent {
    width: 100%;
    display: block;
  }
  #gross, #kachel{
    width: 100%;

  }
  #gross img, #kachel img {
    width: 100%;
    max-width: 100%;
    border-style: none;
  }
  .tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }


}