#topnavi, #logo, #navigation {
  justify-content: center;
}
#ganzebildschirmbreite {
  padding-right: 0;
}
#ganzebildschirmbreite .PageTeaserSammlung, #ganzebreite{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#ganzebildschirmbreite header {
  text-align: center;
}

#ganzebreiteoben .frame {
  margin-bottom: 0;
}
#ganzebreiteoben {
  margin-bottom: 40px;
  margin-top: 30px;
}
#ganzebreiteoben figure.image {
  margin:0;
  padding:0;
}
#ganzebreiteoben .ce-above .ce-gallery {
  margin-bottom:0;
}
/*######################  MITTE  ##*/
#mitte {
  padding-bottom: 80px;
}

/*######################  FUSS ####*/
#fuss {
  display: none;
  position: fixed;
  left:0;
  bottom:0;
  height: 30px;
  background: #ddd;
}

.PageTeaserSammlung {

}
#c24 {
  clear: both;
  margin-top: 80px;
  background: #f6f6f6;
  padding: 8px;
}
.PageTeaser {
  width: 300px;
  height:300px;
  overflow: hidden;
  display: block;
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #11282b;
}
.PageTeaser.leer {
  background: #f7f7f7;
}
.PageTeaser:last-child {
  /*margin-right:0;*/
}
.pageImage {
  position: relative;
  top:0;
  left:0;
  width: 100%;
  height:auto;
}
.PageTeaserText {
  font-family: skolar-sans-latin, sans-serif;
  position: relative;
  top: -130px;
  left:8px;
  width: 300px;
  color:#fff;
}
.PageTeaserText a:link, .PageTeaserText a:visited {
  text-decoration: none;
  color: #fff;
}
.PageTeaserText a:hover div{
  text-decoration: underline;
  font-weight: 200;
  color: #fff;
}
.PageTeaserTitle {
  font-weight: 200;
  font-size: 1.4em;
  margin-bottom: 44px;
}
.PageTeaserSubtitle {
  width: 95%;
}

.PageCatTitle {
  text-transform: uppercase;
  font-size:0.8em;
}

.PageTeaser.mehr {
  background: #eee;
}
.PageTeaser.mehr a {
  padding: 175px 100px 100px 30px;
  display: block;
  text-decoration: none;
  color: #aaa;
}
.PageTeaser.mehr a:hover {
  color: #000;
}
.PageTeaser:hover img {
  opacity: 0.6;
}