.btn {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    cursor: pointer;
    display: inline-block;
  }


  /* Purple */
  .horizontaladaptions {
  color: rgb(12, 12, 12);
  }

  .horizontaladaptions:hover {
  background-color: rgb(185, 54, 179);
  color: white;
  }


  /* Blue */
  .sectoraladaptions {
  color: rgb(12, 12, 12);
  }

  .sectoraladaptions:hover {
  background: #2196F3;
  color: white;
  }

  /* Orange */
  .specificadaptions {
  color: rgb(12, 12, 12);
  }

  .specificadaptions:hover {
  background: #ff9800;
  color: white;
  }



  .center{
    display: flex;
    justify-content: center;
  }

  .btn.adaption-one-button.checked {
    background-color: rgb(185, 54, 179);
    color: white;
  }
  .adaption-one.checked {
    background-color: rgb(185, 54, 179);
    color: white;
  }

  .btn.adaption-two-button.checked,
  .additional_text {
    background: #2196F3;
    color: white;
  }

  .additional_text_wrapper {
    text-align: justify;
  }
  .adaption-two.checked {
    background: #2196F3;
    color: white;
  }

  .btn.adaption-three-button.checked {
    background: #ff9800;
    color: white;
  }
  .adaption-three.checked {
    background: #ff9800;
    color: white;
  }

  .content{
    text-align: center;
  }

  p {
    text-align: justify;
  }
  main{
    margin-top: 430px;
  }

  @media (max-width: 1800px) {
    main {
      margin-top: 275px;
    }

  }

  @media (max-width: 768px) {
    .center {
      flex-direction: column;
    }
    main {
      margin-top: 370px;
    }
  }

  .tip{
    pointer-events: none;
    border-bottom: none;
  }

  .tip.checked{
    pointer-events: all;
    border-bottom: 1px dotted #db4745;
  }

  footer {
    display: flex;
  }

  ol {
    counter-reset: list;
    margin: 0;
  }

  ol > li {
    list-style: none;
    position: relative;
  }

  ol > li:before {
    counter-increment: list;
    content: " (" counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
  }

  .header-description {
    white-space: break-spaces;
    font-size: 15px;
  }

  .info-box {
    border: 1px black solid;
    padding: 15px;
    font-style: italic;
    font-size: medium;
  }

  .site-information {
    background-color: #5082BC;
    color: white;
  }

  .site-information a{
    color: white;
  }

  .site-footer-logo {
    text-align: center;
  }

  .navbar-options {
    font-size: medium;
  }

  /* button border */
  .center .btn {
    border: 1px solid black;
    border-top: none;
    margin-right: 5px;
  }

  .checked.show {
    background: none;
    color: black;
  }
  .container.adaption-one,
  .container.adaption-two,
  .container.adaption-three {
    display: none;
  }

  .adaption-one.show,
  .adaption-two.show,
  .adaption-three.show {
    display: block;
  }