.article .wrapper {
    padding: 98px 24px 136px;
}

.article h1 {
  margin-bottom: 1.3em;
  padding: 1em 0 0.5em;
}

.article h1 + h2 {
  margin-top: -104px;
}

.article h1 + h3,
.article h1 + h4 {
  margin-top: -83px;
}

.article h4 + p {
  margin-top: 0.75em;
}

article a.no-underline {
  border-bottom: none;
}

article img.pic-teaser {
  margin-right: 2em;
}

article img.pic-medium {
  height: auto;
  width: 50%;
}

article img.pic-small {
  height: auto;
  width: 35%;
}

article img.pic-smaller {
  height: auto;
  width: 25%;
}

@media screen and (max-width: 768px) {
  article img.pic-medium {
    width: 100%;
  }
  article img.pic-small {
    width: 75%;
  }
  article img.pic-smaller {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  article img.pic-small {
    width: 100%;
  }
  article img.pic-smaller {
    width: 75%;
  }
}

article img.pic-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.article .admonition.note {
    /*background: #00BCD4;*/
    /*background: #64aad8;*/
}

.article .admonition.warning {
    background: #e54131;
}

.article .admonition a {
    color: #fff;
}

.article .admonition a:hover {
    color: #fff;
    border-style: solid;
}

.drawer .toc li a {
    color: #444;
    padding: 7.5px 24px;
}

.drawer .current+ul {
    margin: 10px 0;
}

.copyright {
    display: none;
}

/*@media only screen and (min-width: 960px) {
    .drawer {
        margin-bottom: 136px;
    }
}*/