/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}

/* Einheitliche Rundungen und Basislayout der Box */
#colorbox,
#cboxWrapper{
  border-radius: 20px;
}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* Inhalte im Popup folgen der Außen-Rundung und übermalen sie nicht */
#cboxLoadedContent > div{
  background: transparent !important;
}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/* Modernisiertes, reduziertes Design */
#cboxOverlay{
  background: rgba(0, 0, 0, 0.45);
}

    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxMiddleLeft,
    #cboxMiddleRight,
    #cboxTopCenter,
    #cboxBottomCenter{
      width: 0;
      height: 0;
      background: none;
    }
	#cboxContent{
      background:#fff;
      border-radius: 20px;
      box-shadow: none;
      padding: 0;
      overflow: hidden;
      max-width: 920px;
      margin: auto;
    }
		#cboxLoadedContent{
	        margin: 0;
	        max-height: calc(100vh - 48px);
	        overflow-x: hidden;
	        overflow-y: auto;
	        -webkit-overflow-scrolling: touch;
	        padding: 22px 24px 8px 22px;
	        box-sizing: border-box;
	        border-radius: 20px;
	      }
		#cboxTitle{
        display:none;
      }
		#cboxCurrent{
        display:none;
      }
		#cboxSlideshow{
        display:none;
      }
		#cboxPrevious,
      #cboxNext{
        display:none;
      }
		#cboxLoadingOverlay{
        background:none;
      }
		#cboxLoadingGraphic{
        background:none;
      }
		#cboxClose{
	        position:absolute;
	        top:10px;
	        right:12px;
	        width:28px;
	        height:28px;
	        background:none;
	        text-indent:-9999px;
	        overflow:hidden;
	      }

		#cboxClose:before,
		#cboxClose:after{
	        content:"";
	        position:absolute;
	        top:50%;
	        left:50%;
	        width:18px;
	        height:2px;
	        margin:-1px 0 0 -9px;
	        background:#666;
	        border-radius:1px;
	      }

		#cboxClose:before{
	        transform:rotate(45deg);
	      }

		#cboxClose:after{
	        transform:rotate(-45deg);
	      }

		#cboxClose:hover:before,
		#cboxClose:hover:after{
	        background:#222;
	      }

/* Text im Popup: linksbündig und gut lesbar */
#cboxLoadedContent p {
  text-align: left;
  line-height: 1.6;
  margin: 0 0 0.9rem;
}

/* Überschriften im Popup etwas dezenter darstellen */
#cboxLoadedContent h1 {
  font-size: 1.4rem;
  line-height: 1.3;
  margin: 0 0 0.9rem;
}

/* Mobile-Optimierung: Popups auf kleinen Bildschirmen etwas kleiner setzen */
@media (max-width: 767px) {
  #cboxContent {
    max-width: 92vw;
  }

  #cboxLoadedContent {
    max-height: calc(100vh - 64px);
    padding: 12px 12px 12px 12px;
    font-size: 0.9rem;
  }

  #cboxLoadedContent h1 {
    font-size: 1.15rem;
  }
}