#header > nav ul li.menu-sub {
  font-size: 0.8em;
  text-align: left;
  line-height: 0.9em;
}

li.menu-sub + li.menu-main {
  margin-top: 0.5em;
}

#header > nav ul li.menu-sub a {
  padding-left: 4em;
}

#header > header .avatar {
  margin-bottom: 0;
}

#main {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#infobox {
  min-width: 10em;
  padding-top: 1ex;
  background: #222;
  color: #fff;
}

#contentmain .container:first-of-type {
  padding-top: 0;
}

@media screen and (max-width: 736px) {
  #main > * {
    width: 100%;
  }
}

#contentright {
  /* width: 13em; */
  min-width: 10em;
  clear: both;
  margin: 2em 0 2em 2em;
  font-size: 80%;
  line-height: 140%;
  float: right;
  max-width: 40%;
}

#contentright > div {
  
}

@media screen and (max-width: 736px) {
  #contentright {
    margin: 2em 0 0 2em;  
  }
}

#contentmain {
  margin-top: 2em;
  margin-bottom: 2em;
}

#contentmain header h2 {
  color: #4acaa8;
  font-size: 2.5em;
  line-height: 1.5em;
}

#contentmain img {
  max-width: 45em;
  height: auto;
}

@media screen and (max-width: 1680px) {
  #contentmain img {
    max-width: 45em;
  }
}

@media screen and (max-width: 1280px) {
  #contentmain img {
    max-width: 42em;
    height: auto;
  }
}

@media screen and (max-width: 736px) {
  #contentmain img {
    width: 100% !important;
  }
}

.spot {
  font-weight: 700;
}


#contentright ul.ce-uploads li { 
  margin: .4em 0;
}

.slick-slider .slick-img {
  max-width: 100% !important;
  min-width: auto !important;
  width: auto !important;
  max-height: 450px !important;
  margin: auto;
}

.news .teaser-text ul {
  list-style-position: inside;
  margin-left: -2ex;
}

.ce-row {
  display: flex;
  justify-content: space-between;
}