/* ------------------------------------------------------------- 03/07/2024 - *
   .swiper
    Folgende Styles sind eine optionale Adaption und überschreiben/ergänzen 
    swiper-bundle.min.css (-incl-cdn-swiper)    
 * -------------------------------------------------------------------------- */
.swiper-container {
//border: 2px solid DeepPink;

  /* ---------------------------------- *
   * bug in Swiper @8 (fehlt scheinbar)
   * ---------------------------------- */
  position: relative;
  overflow: hidden;

  /* ---------------------------------- *
   * swiper-dbug
   * ---------------------------------- */
  &.swiper-dbug {
    .swiper-pagination,
    .swiper-button-prev,
    .swiper-button-next,
    .swiper-button-prev:after,
    .swiper-button-next:after {
      border: 1px dashed DeepPink; 
    //background-color: rgba(pink,.1);
    }
  } /* .swiper-dbug */


  /* ---------------------------------- *
   * swiper-slide
   * ---------------------------------- */
  .swiper-slide {
    box-sizing: border-box;
    /* wenn als background-image */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

    /* wenn als <img> / <video> */
    img,
    video { width: 100%; }

    /* wenn mit Fancybox kombiniert */
    a[data-fancybox="gallery"] { cursor: nesw-resize; }
  } /* .swiper-slide */


  /* ---------------------------------- *
   * swiper navigation (arrows)
   * ---------------------------------- */
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top:    15%; /* Platz für evtl. Videobuttons */
    bottom: 15%; /* Platz für evtl. Videobuttons */
    height: 70%; /* Platz für evtl. Videobuttons */
    margin: 0;
    padding: 0 3em; /* vergrößert die Schaltfläche */
    transition: .5s;
  //background-color: rgba(pink,.3); /* Schaltfläche zeigen */

    &:focus { outline: none; }
  
    /* arrows size */
    &:after {
      position: absolute;
      font-size: calc(1em + .5vw);
      padding: .5em;
      color: White;
      opacity: .5;
      transition: .3s;
    //background-color: rgba(pink,.6);
    } /* :after */

    &:hover:after {      
      background-color: rgba(Black,.6); 
      opacity: 1;
    } /* hover */
  } /* .swiper-button */

  .swiper-button-prev { left: 0;  &:after { left: 0; border-radius: 0 3px 3px 0; } }
  .swiper-button-next { right: 0; &:after { right: 0; border-radius: 3px 0 0 3px; } }


  .swiper-pagination {  
  /* ---------------------------------- *
   * swiper pagination - bullets
   * ---------------------------------- */
    .swiper-pagination-bullet {} /* .swiper-pagination-bullet */


  /* ---------------------------------- *
   * swiper pagination - progressbar
   * ---------------------------------- */
    &.swiper-pagination-progressbar {
      height: 8px;
      top: auto;
      bottom: 0;

      .swiper-pagination-progressbar-fill { background: var(--warn-hex, 255,0,0); }
    } /* swiper-pagination-progressbar */


  /* ---------------------------------- *
   * swiper pagination - fraction
   * ---------------------------------- */
    &.swiper-pagination-fraction {} /* swiper-pagination-fraction */
  } /* .swiper-pagination */
} /* .swiper-container */


/* ---------------------------------- *
   .secPanoImage figcaption
 * ---------------------------------- */
.swiper-caption {
//border: 2px solid red;
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
      width:  100%;
  max-width:  800px;
  max-height: 100%;
  text-align: right;
  background: linear-gradient(to left, rgba(Black,.3) 0%, transparent 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
  
  > * {
  //border: 1px dashed DeepPink;
    position: absolute;
    right: .5em;  
    bottom: 10%;
    max-width: 80%;
    margin: calc(.5em + .5vw) 1em;
    color: White;
    text-shadow: 1px -1px 1px rgba(Black,.5);
    max-height: 90%;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar; /* (Win OS) filamentgroup.com/lab/scrollbars/ */

    a { 
      color: inherit;
      text-decoration: underline;      
    } /* a */

    p:last-child { margin-bottom: 0; }                  
  } /* Text */
} /* figcaption */