html {
  background-color: #000000 !important;
  color: inherit;
}

a, a:hover {	
  text-decoration: none;	
}


.thumb-img {
  border-color: #000000 !important;
  border: 2px;

}

a, a:hover #linksoben {	
  color: #828282 !important;
  text-decoration: none;	
}

#linksoben {
			max-width: 200px;
			height: 50px;
			display: block;
			top: 10px; 
			left: 20px;
			position: fixed;
			font-size: 1.5em;
}

#rechtsoben {
			max-width: 200px;
			height: 50px;
			display: block;
			top: 10px; 
			right: 20px;
			position: fixed;
			font-size: 1.5em;
}

#untenzentrum {
			max-width: 100%;
			height: 20px;
			display: block;
			bottom: 20px;
			left: 20px;
			right: 20px;
			position: fixed;
			font-size: 1.2em;
			text-align: center;
			color: #828282;
			z-index: 999;
}

#loupeContainer div.background {
  background-color: #000000 !important;
  color: inherit;
}

#loupeCloseButton {
position: absolute;
top: 0;
right: -30px;
width: 45px;
height: 45px;
cursor: pointer;
}

header div.background {
  background-color: #000000 !important;
  color: inherit;
}

.custom-colorable {
  fill: #A0A0A0 !important;
}

body {
  background-color: #000000 !important;
  color: #828282 !important;
}

test {
width: 50%;
}

.row-spacing-md div.thumbnail {
   margin:0px 0px 0px 0px;
}

.has-header #thumbnailContainer {
   width: 50%;
}

.thumbnailContainer {
   width: 50%;
}

 @media screen and (min-width: 569px) {

/*html, body {
    margin: 0;
    padding: 0% 10% 0% 10%;
}
*/
.row-spacing-md div.thumbnail {
   margin: 2px 2px 0px 0px;
}


}