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

.thumb-img {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, .15) !important;
  border-color: #FF6633 !important;
  border-width: 1px !important;
}

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

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

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

body {
  background-color: #E7E7E7 !important;
  color: #FF6633 !important;
}



/* Download-Link im Loupe-Bereich klickbar machen */
#loupeContainer .download-bar {
    position: relative;
    z-index: 50;
    pointer-events: auto;
    margin-top: 10px;
    text-align: center;
}

#loupeContainer .download-bar a {
    position: relative;
    z-index: 60;
    pointer-events: auto;
}

/* Unsichtbare Overlay-Flächen der Navigation entschärfen */
#loupeContainer .side-navigation {
    pointer-events: none;
}

#loupeContainer .side-navigation .button {
    pointer-events: auto;
}

/* Falls die Bildfläche selbst noch Klicks frisst */
#loupeContainer .corners,
#loupeContainer .image-container,
#loupeContainer .image {
    position: relative;
    z-index: 10;
}