BODY    {
    margin-left:5%;
    margin-right: 5%;
}
BODY, P, TD, LI   {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    background-color :  #190b00; /*#0A151D; /*Fläche */
    color : #ffffff;
    font-weight: 100;
}
H1, H2, H3, H4, H5, H6 {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-weight: 800;
    /*background-color : #000000; #3A5563; Querbalken */
    color : #ffffff;

}

hr {
 background: #3A5563;
 border: none;
 color: #3A5563;
 height: 1px;
 width: 100%;
}

/* picture comments */
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:110%;

        letter-spacing:-0.04em;
        word-spacing:0em;
	text-align:left;}
	
a: {text-decoration: none;}
a:link   { color:#fedbc2; }
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; }

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


.btn {
	
text-align: center;
	width: 180px;
	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: 2px;
  

  /*text-transform: uppercase;*/
  font-family: 'Montserrat', sans-serif;
 

  &:hover,
  &:focus {
    color: #fff;
    outline: 0;
  }
}
.sixth {


  border-radius: 4em;
  border-color: #91D6FC;
  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 400ms ease-in-out, color 300ms ease-in-out;
}
.sixth:hover {
  color: #fff;
  
  background-position: 0 100%;
}