BODY    {
    margin-left:5%;
    margin-right: 5%;
}
BODY, P, TD, LI   {
    font-family: Verdana,  Tahoma,Arial, sans-serif;
    background-color : #b6bff1;/*#FBE4C6;*/
    color : #283ecc

}
H1, H2, H3, H6 {
    font-family:  Verdana, Tahoma,Arial, sans-serif;
    font-weight: bold;
    background-color : #b6bff1;
    color : #2B0E00
    line-height: 110%; margin-top: 2; 
}

H4 {
    font-family:  Verdana, Tahoma,Arial, sans-serif;
    font-weight: normal;
	text-decoration: underline;
    background-color : #b6bff1;
    color : #2034a7
    line-height: 100%; margin-top: 2; 
}
 H5 {
    font-family:  Verdana, Tahoma,Arial, sans-serif;
    font-weight: normal;
	
    background-color : #b6bff1;
    color : #2034a7
    line-height: 100%; margin-top: 2; 
}
/* picture comments */
p.sloozecomment {
    color : #666699;
}
/*Pflanzen*/
/* 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%;
     
        letter-spacing:-0.04em;
        word-spacing:0em;
	text-align:left;}
a {text-decoration: none;}
a:link   { color:#121b59; }
a:visited { color:#121b59;}
a:active   {color:#121b59;}
a:hover  {color:#586cdf;}*/
.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; }

H7 { font-size:9px;  margin-top:0px; margin-bottom:1px;  font-weight: 10;}


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;
}

/*style="text-decoration:none;"*/

.btn {
  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-decoration: none;
  text-align: center;
  /*text-transform: uppercase;*/
  font-family: 'Montserrat', sans-serif;
 

  &:hover,
  &:focus {
    color: #fff;
    outline: 0;
  }
}
.sixth {
  border-radius: 4em;
  border-color: #273cc4;
  color: #000;
  /*background-image: linear-gradient(90deg, #fff, #fff 50%, #02795c 50%);*/
    background-image: linear-gradient(90deg, #192780 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%;
}