@font-face {
  font-family: monocraft;
  src: url(fonts/Monocraft.ttf);
}
@font-face {
  font-family: Lucida;
  src: url(fonts/lucida/l.ttf);
}
main{
  clear: both;
  padding-top: 0.5em;
  background-color: #f6dfad;
}

body {
        font: 14px Lucida Sans Unicode;
    color: #297f00;
    margin: 15px;
  }

  p{
    margin: 2px;
  }
  
  h1 {
    color: #297f00;
    text-align: center;
    font: 8vw monocraft;
  }

  h2 {
    color: #297f00;
    font: 5vw monocraft;
  }

  h3 {
    color: #297f00;
    font: 15px monocraft;
  }

  hr {
    border-style: none;
    color: #eb9321;
    height: 0.5vw;
    background-color: #eb9321;
    width: 100%;
  }

  .boxed{
    border: 2px solid #eb9321;
  }
  #box-1{
    position: sticky;
    width: 20vw;
    height: 30vh; 
    background-color: #faeed4;
    top: 5%;
    left: 90%;
  }

  nav ul{
    padding: 0px;
  }
  nav li{
    list-style-type: none;
  }
  nav li a{
    float: left;
    background-color: #297f00;
    color: #faeed4;
    text-decoration: none;
    padding: 0.375rem 1rem;
  }
  nav li a:visited{
    color: #faeed4;
  }
  nav li a:hover{
    text-decoration: none;
    background-color: #faeed4;
    color: #297f00;
  }

  /* float 2 spalten */
  #left-column {
    float: left;
    width: 35%;
  }
  #right-column {
    float: right;
    width: 65%;
  }

  .border-solid-left {
    float: inherit;
    text-indent: 2px;
    border-left-style: solid;
    color: #297f00;
    background-color: #eb9321;
  }

  .button {
    background-color: #eb9321;
    border-style: none ;
    color: #faeed4;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font: 12px monocraft;
    display: inline; 
    outline: 2px;
    transition: 0.3s;
    cursor: pointer;
  }
  .button:hover {
    background-color: #faeed4;
    color: #eb9321;
    border-style: none;
  }

  
  .btn-group button{
    width: 30%;    
    float: left;
    margin: 1px;
  }
  .btn-group:after {
    content: "";
    clear: both;
    display: table;
  }
  .btn-group:hover {
    outline-color: #c77305;
  }