.smallbutton,
.smallbutton:hover {
  font-size: 40px;
  height: 60px;
  width: 95%;
  padding-top: 15px;
}

@media screen and (max-width: 1400px) {
  .smallbutton,
  .smallbutton:hover {
    font-size: 28px;
  }
}


@media screen and (max-width: 500px) {
  .smallbutton,
  .smallbutton:hover {
    font-size: 18px;
  }
}

/*

.inhalt ol {
  list-style: none;
  counter-reset: inhalt;
}

.inhalt ol li {
  counter-increment: inhalt;
}

.inhalt ol li::before {
  content: counter(inhalt) ". ";
  font-weight: bold;
}

.inhalt ol li {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px;
}
*/


.inhalt ol {
    counter-reset: item;
}

.inhalt ol > li {
    counter-increment: item;
}

.inhalt ol ol > li {
    display: block;
}

.inhalt ol ol > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}


/*.csc-header-numbered {
    counter-increment: header;
    color: #fff !important;
    background: #666 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.4em !important;
    padding: 10px 20px;
}

.csc-header-numbered:before {

    content: counter(header);
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 0px;
  font-size: 18px;
}*/