BODY    {
    margin-left:5%;
    margin-right: 5%;
}
BODY, P, TD, LI   {
    font-family:  Tahoma,Arial, sans-serif;
    background-color : #190b00; /*#e4f7ec; #e4f7ec;*/
    color : Black;

}
H1, H2, H3, H4, H5, H6 {
    font-family:  Tahoma,Arial, sans-serif;
    font-weight: bold;
    background-color : #190b00; /*#e4f7ec;*/
    color : #ffffff;

}


/* picture comments */
p.sloozecomment {
    color : #666699;
}
/*Falter*/
/* admin errors: by default a yellow box */
p.sloozeerror {
    background-color : yellow;
    padding: 8px;
    border: 1px solid black;
}



td  { font-size:80%;
         line-height:110%;
        font-family:Tahoma,Arial,sans-serif;
        letter-spacing::-0.04em;
        word-spacing:0em;
	text-align:left;}
a {text-decoration: none;}
a:link  { color:#fedbc2; } /*#003830*/
a:visited { color:#fedbc2;}
a:active   {color:#fedbc2;}
a:hover  {color:#fc8936;}
.blackbox {font-size:9px; background-color:#000000; color : #FFFFFF; padding:0px; margin:0px; }
.gruen	  {font-size:9px; background-color:#e4f7ec; color : #000000; padding:0px; margin:6px; text-align:left; }

td { font-size:7px;  margin-top:0px; margin-bottom:1px;  font-weight: 10;}

.btn {
	text-decoration: none;
  box-sizing: border-box;
  appearance: none;
  background-color: transparent;
  border: 2px solid $red;
  border-radius: 0.6em;
  color: $red;
  cursor: pointer;
  display: flex;
  align-self: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2;
  /*margin: -5px;*/
  /*padding: 1.2em 2.8em;*/
  
  text-align: center;
  /*text-transform: uppercase;*/
  font-family: 'Montserrat', sans-serif;
 

  &:hover,
  &:focus {
    color: #fff;
    outline: 0;
  }
}
.sixth {
  border-radius: 4em;
  border-color: #fc7437;
  color: #000;
  /*background-image: linear-gradient(90deg, #fff, #fff 50%, #02795c 50%);*/
    background-image: linear-gradient(90deg, #6b2e00 50%, white 50%);
  /*background-position: 0% 0%;*/
  /*background-size: 210%;*/
  background-position: 100%;
  background-size: 400%;
  transition: background 300ms ease-in-out, color 300ms ease-in-out;
}
.sixth:hover {
  color: #fff;
  background-position: 0 100%;
}