@charset "UTF-8";
/**
 * SiteKit-Styles
 */
/* das ist der höchstmögliche Wert */
@keyframes pulse-shadow-disconnected {
  0%, 100% {
    box-shadow: 1px 1px 5px 1px gray;
  }
  50% {
    box-shadow: 1px 2px 7px 2px #333;
    background-color: #f20000;
  }
}
@keyframes pulse-shadow-notyetconnected {
  0%, 100% {
    box-shadow: 1px 1px 5px 1px #555;
  }
  50% {
    box-shadow: 1px 2px 7px 2px #333;
    background-color: #6f6f6f;
  }
}
#SP-Ilink {
  background: #ffffff;
  color: #000000;
  border-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px 10px 0 0;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  box-shadow: 0 0 5px 1px #bfbfbf;
  box-sizing: border-box;
  font: 16px/1.25 "Segoe UI", Tahoma, "Lucida Grande", Helvetica, sans-serif !important;
  padding: 0.5em;
  position: fixed;
  bottom: 0;
  left: 5px;
  transition: width 0.5s ease-out;
  transition-delay: 2s;
  width: 45px;
  height: 40px;
  overflow: hidden;
  z-index: 2147483647;
}
@media print {
  #SP-Ilink {
    display: none;
  }
}
#SP-Ilink:hover {
  transition-delay: 0s;
  width: 80%;
}
#SP-Ilink .SP-Ilink__button {
  animation: pulse-shadow-notyetconnected 1s infinite;
  background-color: #555555;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADHRSTlMAgHBAIO+/r58wYBAM3NlIAAAASUlEQVQI12PAApiOOjCopQAZbGcMGGQOQ0RADAiQOQIkzpwBMg4AGTFAxhoQgxHIsMFgOCpAGEAAZcwQgDJqDiEzuC0ZGDwUGADwhBcFOf7A1AAAAABJRU5ErkJggg==");
  background-position: 4px center;
  background-repeat: no-repeat;
  border-radius: 3px;
  border-style: none;
  border-width: 0;
  box-shadow: 0 0 5px 1px #bfbfbf;
  cursor: pointer;
  height: 25px;
  margin-right: 0.5em;
  transition: box-shadow 0.5s ease-out, background-color 0.5s ease-out;
  vertical-align: bottom;
  width: 25px;
}
#SP-Ilink .SP-Ilink__button:active, #SP-Ilink .SP-Ilink__button:hover, #SP-Ilink .SP-Ilink__button:focus {
  background-color: #eaeaea;
}
#SP-Ilink.SP-Ilink-connected .SP-Ilink__button {
  background-color: #008000;
  box-shadow: 1px 1px 5px 1px #808080;
  animation: none;
}
#SP-Ilink.SP-Ilink-disconnected .SP-Ilink__button {
  background-color: #bf0000;
  box-shadow: 1px 1px 5px 1px #808080;
  animation: pulse-shadow-disconnected 1s infinite;
}
#SP-Ilink .SP-Ilink__text {
  display: block;
  position: absolute;
  left: 50px;
  top: 10px;
  white-space: nowrap;
}

.SP-Ilink__notice {
  background-color: #fff7c8;
  border-color: #aeaeae;
  border-radius: 5px 5px 0 0;
  font: 16px/1.25 "Segoe UI", Tahoma, "Lucida Grande", Helvetica, sans-serif !important;
  border-style: solid;
  border-width: 1px 1px 0 1px;
  box-shadow: 3px 5px 12px 1px rgba(0, 0, 0, 0.3);
  bottom: -50px;
  color: #000000;
  font-size: 12px;
  height: 50px;
  left: 48px;
  line-height: 1.5;
  overflow: hidden;
  padding: 8px;
  position: fixed;
  text-align: left;
  transition: bottom 1s ease;
  width: 180px;
  z-index: 2147483646;
}
.SP-Ilink__notice.SP-open {
  bottom: 40px;
}