@charset "UTF-8";
#colorbox, #cboxWrapper {
  overflow: visible;
}
#colorbox {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
}
#colorbox #cboxWrapper {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#colorbox #cboxContent, #colorbox #cboxLoadedContent {
  background: transparent;
}
#colorbox #cboxLoadedContent {
  border-color: transparent;
}
#colorbox #cboxTitle, #colorbox #cboxCurrent {
  font-family: 'Nunito', helvetica, arial, sans-serif;
}
#colorbox #cboxCurrent {
  position: absolute;
  top: auto;
  bottom: -1.5em;
  right: 0.3em;
  color: #fff;
}
#colorbox #cboxPrevious, #colorbox #cboxNext, #colorbox #cboxClose {
  position: absolute;
  text-indent: 0;
  color: transparent;
  opacity: 0.7;
  background: none;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
#colorbox #cboxPrevious:hover, #colorbox #cboxNext:hover, #colorbox #cboxClose:hover {
  opacity: 1;
}
#colorbox #cboxPrevious:after, #colorbox #cboxNext:after, #colorbox #cboxClose:after {
  color: #fff;
  margin-left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
#colorbox #cboxPrevious:focus, #colorbox #cboxNext:focus, #colorbox #cboxClose:focus {
  outline: none;
}
#colorbox #cboxNext, #colorbox #cboxPrevious {
  top: 50%;
  margin-top: -1em;
  width: 2.5em;
  height: 2.5em;
}
#colorbox #cboxNext {
  right: -4em;
}
#colorbox #cboxPrevious {
  left: -4em;
  transform: rotate(180deg);
}
#colorbox #cboxClose {
  top: -1em;
  right: -4em;
  display: block;
  width: 2em;
  height: 2em;
}
#colorbox #cboxClose:after {
  content: "";
}
@media (max-width: 950px) {
  #colorbox button:after {
    font-size: 2em;
  }
  #colorbox #cboxPrevious, #colorbox #cboxNext, #colorbox #cboxClose {
    opacity: 1;
    overflow: visible;
  }
  #colorbox #cboxNext {
    right: 2em;
  }
  #colorbox #cboxPrevious {
    left: 2em;
  }
  #colorbox #cboxClose {
    top: -2.5em;
    right: 0.25em;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvirtual%2Fcontao-theme.abnahme-server.de%2Fhtdocs%2Fprivate-bundles%2Fmagmell-agentur%2Fcontao-theme-basic%2Fsrc%2FResources%2Fpublic%2Fcss%2Fcolorbox.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKH%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQH%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAKD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAKD%3BAACC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */