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

}
H1, H2, H3, H4, H5, H6 {
    font-family:  Tahoma,Arial, sans-serif;
    font-weight: bold;
    background-color : #f4c875;
    color : #302003;
}
H7 { font-size:9px;  margin-top:0px; margin-bottom:1px;  font-weight: 10;}

/* Insekten */
p.sloozecomment {
    color : #666699;
}

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



td  { font-size:80%;
        line-height:90%;
        font-family:Tahoma,Arial,sans-serif;
        letter-spacing:0em;
        word-spacing:0em;
	text-align:left;}
a {text-decoration: none;}	
a:link   { color:#302003; }
a:visited { color:#302003;}
a:active   {color:#000000;}
a:hover  {color:#583c05;}
.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; }


figure.bilder {

    float: none;
    border: none;
    #display: table-cell;
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 20px 0px 0px 0px;
}


 /* private: show thumbnail for a single picture */

figcaption {
  margin: 0px 0px -20px 0px;
  #background-color: #434343;
  background: rgba(0, 0, 0, 1);
  color: #cccccc;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 25px;
}

.btn {
	text-align: center;
	width: 190px;
	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: 0.7rem;
  font-weight: 600;
  line-height: 2;
  /*margin: 0px 10px 10px 10px;*/
  /*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: #6fadc4;
  color: #000;
  /*background-image: linear-gradient(90deg, #fff, #fff 50%, #02795c 50%);*/
    background-image: linear-gradient(90deg, #6fadc4 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%;
}