@charset "UTF-8";
/***************************************************************
 * Copyright notice
 *
 * (c) 2021 Janina Giesen giesen@schaffrath-digital.de
 * L.N. Schaffrath DigitalMedien GmbH
 *
 * All rights reserved
 * This copyright notice MUST APPEAR in all copies of the script!
 ***************************************************************/
/* ----------------------------------------------------------
	container-width from bootstrap
-------------------------------------------------------------*/
/* ab 575px */
/* ab 576px */
/* ab 768px */
/* ab 992px */
/* ab 1200px */
/* ab 1500px */
/* ----------------------------------------------------------
	defaults
-------------------------------------------------------------*/
/* ----------------------------------------------------------
	colors
-------------------------------------------------------------*/
/* 5% schwarz #f2f2f2*/
/* 10% schwarz #e6e6e6*/
/* 15% schwarz #d9d9d9*/
/* 20% schwarz #cccccc*/
/* 25% schwarz #bfbfbf*/
/* 30% schwarz #b3b3b3*/
/* 35% schwarz #a6a6a6*/
/* 40% schwarz #999999*/
/* 45% schwarz #8c8c8c*/
/* 50% schwarz #7f7f7f*/
/* 55% schwarz #737373*/
/* 60% schwarz #666666*/
/* 65% schwarz #595959*/
/* 70% schwarz #4d4d4d*/
/* 75% schwarz #404040*/
/* 80% schwarz #333333*/
/* 85% schwarz #262626*/
/* 90% schwarz #1a1a1a*/
/* 95% schwarz #0d0d0d*/
/* schwarz #000 */
/* dunkelblau #001789 */
/* grün #28b400 */
/* hellblau #3EB9FF */
/* xxx #000 */
/* xxx #000 */
/* xxx #000 */
/* xxx #000 */
/* ----------------------------------------------------------
    main-typography
-------------------------------------------------------------*/
/* 1rem */
/* 1rem */
/* 1rem */
/* 1rem */
/* 1rem */
/* 1rem */
/* 16px - bei 16px default */
/* ca. 13px - bei 16px default */
/* ca. 13px - bei 16px default */
/* ca. 13px - bei 16px default */
/* ca. 11px - bei 16px default */
/* ----------------------------------------------------------
	navigation
-------------------------------------------------------------*/
/* dark blue grey */
/* use "megamenu" or "default" */
/* use "from-top", "from-left", "from-right" */
/* use "darkmode" or "lightmode" */
/* ----------------------------------------------------------
	form
-------------------------------------------------------------*/
/* ----------------------------------------------------------
	fe-login
-------------------------------------------------------------*/
/* ----------------------------------------------------------
	gadgets
-------------------------------------------------------------*/
/* simple lightbox
------------------------------------*/
#overlay {
  z-index: 116;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85); }
  #overlay .prev,
  #overlay .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); }
    #overlay .prev.hidden,
    #overlay .next.hidden {
      display: none; }
    #overlay .prev::after,
    #overlay .next::after {
      display: inline-block;
      font-size: 2em; }
  #overlay .prev {
    left: 15px; }
    #overlay .prev::after {
      content: '\140a'; }
  #overlay .next {
    right: 15px; }
    #overlay .next::after {
      content: '\1405'; }

#popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 45px 20px 20px; }
  #popup-content figure {
    width: 100%;
    overflow: hidden; }
    #popup-content figure .image-height {
      flex: 1 1 auto;
      display: block;
      justify-content: center;
      text-align: center;
      position: relative;
      padding: 0;
      overflow: hidden; }
      #popup-content figure .image-height img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        max-height: 620px; }
  #popup-content figcaption {
    padding-right: 60px;
    width: 100% !important;
    min-height: 20px; }
  #popup-content .itemof {
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 0.8rem;
    color: #666666;
    font-style: italic; }
  #popup-content .popup-close {
    position: absolute;
    right: 20px;
    top: 5px;
    cursor: pointer; }
    #popup-content .popup-close::before {
      font-size: 1.5rem;
      display: inline-block;
      content: "\00d7";
      color: rgba(0, 0, 0, 0.8);
      font-weight: bold;
      cursor: pointer;
      text-shadow: none; }

/*# sourceMappingURL=lightbox.css.map */