/* Slider */
.swiper-container-wrapper {
  position:relative;
  max-width: 1300px;
}
.swiper-container-wrapper.alignfull {
  width: 100% !important;
  padding:0;
  max-width: none;
}
.swiper-container-wrapper.alignfull .wp-block-cover.alignfull:first-child{
  margin-top:0;
}
.swiper-container-wrapper.alignfull .wp-block-cover.alignfull:last-child{
  margin-bottom:0;
}
.swiper-container-wrapper .swiper-wrapper {
  align-items: center;
}
.swiper-container-wrapper .swiper-slide *:last-child {
  margin-bottom: 0 !important;
}
.alignwide .swiper-slide .wp-block-cover {
  border-radius: 15px;
  overflow: hidden;
}
.swiper-slide .aligncenter {
  margin-left:auto;
  margin-right: auto;
}
.swiper-container-wrapper .swiper-pagination {
  width: 100%;
  z-index:1 !important;
  display: block;
  margin:0;
  position: relative;
  margin-top:3em;
}
.swiper-container-wrapper.alignfull .swiper-pagination {
  margin-top:-2em;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border:1px solid white;
  width:12px;
  height:12px;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #000;
  margin-bottom: -1px;
  width:14px;
  height:14px;
  transform: translateY(1px);
}
.swiper-container-wrapper.alignfull .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #fff;
}
.swiper-container-wrapper .swiper-buttons {
  display: flex;
  position: relative;
  gap:3rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.swiper-container-wrapper .swiper-button-next, .swiper-container-wrapper .swiper-button-prev {
  height: 25px;
  width: 25px;
  mask-size: contain;
  mask-position: center;
  display: block;
  mask-repeat: no-repeat;
  position: relative;
  background-color: black;
  transition:0.2s;
  z-index: 1;
  left:0;
  right: 0;
  top:0;
  right: 0;
  display: block;
  margin-top: 0;
}
.swiper-container-wrapper .swiper-button-next {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 44.6 16.6'%3E%3Cpolygon points='35.3 0 34.6 .8 42.3 7.7 0 7.7 0 8.9 42.3 8.9 34.6 15.8 35.3 16.6 44.6 8.3 35.3 0'/%3E%3C/svg%3E");
}
.swiper-container-wrapper .swiper-button-prev {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 44.6 16.6'%3E%3Cpolygon points='9.3 16.6 10 15.8 2.3 8.9 44.6 8.9 44.6 7.7 2.3 7.7 10 .8 9.3 0 0 8.3 9.3 16.6'/%3E%3C/svg%3E");
}
.is-style-angle-background .swiper-container-wrapper .swiper-button-next,
.is-style-angle-background .swiper-container-wrapper .swiper-button-prev {
  background-color: white;
}
.swiper-container-wrapper .swiper-button-next:hover, .swiper-container-wrapper .swiper-button-prev:hover {
 background-color: var(--wp--preset--color--secared);
}
.swiper-button-next::after, .swiper-button-prev::after {
  display: none;
}

/* gallery-preview */
.swiper-lightbox {
  position: fixed;
  top:0;
  left:0;
  width:100vw !important;
  height:100vh !important;
  display: none;
  max-width: none !important;
  z-index: 1000;
}
.swiper-lightbox .swiper-lightbox-background {
  background-color:rgba(0,0,0,0.8);
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  cursor: pointer;
}
.swiper-lightbox .swiper-container-wrapper{
  top:50%;
  left:50%;
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
}
.swiper-lightbox .swiper-container .swiper-slide img{
  height: auto !important;
}
.swiper-lightbox .swiper-container{
  max-height: 90vh;
}
.swiper-lightbox .swiper-container-wrapper .swiper-pagination {
  margin-top:1em;
}

.swiper-lightbox .swiper-container-wrapper .swiper-button-next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='43.6363636px' viewBox='0 0 24 43.6363636' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='ASK-KH-REF' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ASK_KH-RETTEN_Desktop' transform='translate(-1344, -2611.8442)' fill='%23FFFFFF'%3E%3Cg id='Stacked-Group' transform='translate(0, -14)'%3E%3Cg id='KH-Reform' transform='translate(0, 2270)'%3E%3Cg id='Arrow-next' transform='translate(1344, 355.8442)'%3E%3Cpolygon id='Icon' transform='translate(12, 21.8182) rotate(-180) translate(-12, -21.8182)' points='24 4.36363636 8.125 21.8181818 24 39.2727273 20 43.6363636 0 21.8181818 20 0'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.swiper-lightbox .swiper-container-wrapper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='43.6363636px' viewBox='0 0 24 43.6363636' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='ASK-KH-REF' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='ASK_KH-RETTEN_Desktop' transform='translate(-72, -2611.8442)' fill='%23FFFFFF'%3E%3Cg id='Stacked-Group' transform='translate(0, -14)'%3E%3Cg id='KH-Reform' transform='translate(0, 2270)'%3E%3Cg id='Arrow-previous' transform='translate(72, 355.8442)'%3E%3Cpolygon id='Icon' transform='translate(12, 21.8182) rotate(-360) translate(-12, -21.8182)' points='24 4.36363636 8.125 21.8181818 24 39.2727273 20 43.6363636 0 21.8181818 20 0'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.swiper-lightbox .swiper-pagination .swiper-pagination-bullet {
  background-color: #FFF;
}
.swiper-lightbox .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFF;
}
.swiper-gallery-preview {
  display:flex;
  flex-wrap: wrap;
  align-items: center;
  gap:1em;
}
.swiper-gallery-preview .swiper-slide{
  height: calc(45vw - 0.5rem);
  max-height: calc(500px - 0.5rem);
  overflow: hidden;
  position: relative;
  flex:0 0 calc(50% - 0.5em);
  cursor: pointer;
 }
 .swiper-gallery-preview .swiper-slide img{
   height: calc(45vw - 0.5rem);
   max-height: calc(500px - 0.5rem);
   width: auto;
   max-width: none;
   position: relative;
 }


@media only screen and (min-width: 768px){
  .swiper-autoheight .swiper-slide,
  .swiper-autoheight .swiper-slide .wp-block-group {
    height: auto;
  }
  /* editor styles */
  .wp-block .swiper-container-wrapper {
    border:1px solid #888;
    padding:20px 10px;
    width: 100% !important;
    box-sizing: border-box;
  }
  .wp-block .swiper-container-wrapper::before{
    content:'Slider';
    display:block;
    font-size: 12px;
    color:#888;
    line-height: 1;
    text-transform: uppercase;
    position: absolute;
    top:5px;
    left:5px;
  }
  .wp-block .swiper-container:not([data-spalten="1"]) div[data-type="acf/slide"],
  .wp-block .swiper-container:not([data-spalten="1"]) .swiper-slide {
    margin-left:10px;
    margin-right:10px;
    display: inline-block;
  }
  .wp-block .swiper-container[data-spalten="2"] div[data-type="acf/slide"] {
    width:calc(50% - 20px);
  }
  .wp-block .swiper-container[data-spalten="3"] div[data-type="acf/slide"] {
    width:calc(33.33% - 20px);
  }
  .wp-block .swiper-container[data-spalten="4"] div[data-type="acf/slide"] {
    width:calc(25% - 20px);
  }
  .wp-block .swiper-container[data-spalten="5"] div[data-type="acf/slide"] {
    width:calc(20% - 20px);
  }
  .wp-block .swiper-container[data-spalten="6"] div[data-type="acf/slide"] {
    width:calc(16.66% - 20px);
  }
  .wp-block .swiper-container[data-spalten="7"] div[data-type="acf/slide"] {
    width:calc(14.28% - 20px);
  }
  .wp-block .swiper-container[data-spalten="8"] div[data-type="acf/slide"] {
    width:calc(12.5% - 20px);
  }
  .wp-block .swiper-wrapper .block-editor-inner-blocks {
    width:100%;
  }
  .wp-block .swiper-slide {
    border:1px solid #888;
    padding:20px;
    width: auto;
    margin-bottom:20px;
  }
  .wp-block .swiper-container-wrapper .swiper-slide::before{
    content:'Slider-Slide';
    display:block;
    font-size: 12px;
    color:#888;
    line-height: 1;
    text-transform: uppercase;
    position: absolute;
    top:5px;
    left:5px;
  }
  .wp-block .swiper-container-wrapper .swiper-button-next {
    right:-50px;
  }
  .wp-block .swiper-container-wrapper .swiper-button-prev {
    left:-50px;
  }
  .wp-block .swiper-container-wrapper .swiper-pagination {
    height:12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 80 18' style='enable-background:new 0 0 80 18;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M9,1c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S4.6,1,9,1 M9,0C4,0,0,4,0,9s4,9,9,9s9-4,9-9S14,0,9,0L9,0z'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M40,1c4.4,0,8,3.6,8,8s-3.6,8-8,8s-8-3.6-8-8S35.6,1,40,1 M40,0c-5,0-9,4-9,9s4,9,9,9s9-4,9-9S45,0,40,0L40,0z'/%3E%3C/g%3E%3Ccircle cx='71' cy='9' r='9'/%3E%3C/svg%3E%0A");
  }
}


@media only screen and (min-width: 990px){
  .swiper-container-wrapper .swiper-button-next, .swiper-container-wrapper .swiper-button-prev {
    height: 40px;
    width: 40px;
  }
  .swiper-container[data-spalten="0"] .swiper-slide {
    width: auto;
  }
  .swiper-container[data-spalten="0"] .highlight.swiper-slide .wp-block-image img{
    width: auto;
    height: 600px !important;
  }
}