[class^=swiper-button-] {
transition: all 0.3s ease;
}
.swiper-slide {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
width: auto;
}
#swiperFrame{
width: 100%;
height: auto;
position: relative;
border: 0;
margin:0 auto;
padding: 0;
max-width: 1300px;
}
.sliderSection{
padding: 0;
position: relative;
z-index: 0;
background: #eadbca;
border-bottom: 2px solid #cc945b;
margin-bottom: 30px;
}
.swiper-container {
width: 66%;
height: 48vh;
min-height: 580px;	
float: left;
transition: opacity 0.6s ease, transform 0.3s ease;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.swiper-container.nav-slider {
width: 34%;
padding-left: 15px;
}
.swiper-container-full {
float: none;
margin: 0 auto;
max-width: 580px;
overflow: visible;
width: auto;
height: auto;
min-height: 322px;
min-width: 580px;
background: #000000;
border-bottom: 2px solid #FFFFFF;
border-top: 2px solid #FFFFFF;
}
.swiper-container-full.nav-slider {
width: 0;
padding-left: 0;
}
.swiper-container.nav-slider .swiper-slide {
cursor: pointer;
opacity: 0.4;
transition: opacity 0.3s ease;
}
.swiper-container.nav-slider .swiper-slide.swiper-slide-active {
opacity: 1;
}
.swiper-container.nav-slider .swiper-slide .content {
width: 100%;
}
.swiper-container.nav-slider .swiper-slide .content .title {
font-size: inherit;
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.swiper-container.loading, .swiper-container-full.loading {
opacity: 0;
visibility: hidden;
}
.swiper-slide {
overflow: hidden;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.swiper-slide .slide-bgimg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.swiper-slide .entity-img {
display: none;
}
.swiper-slide .content {
position: absolute;
top: 40%;
left: 0;
width: 50%;
padding-left: 5%;
color: #fff;
}
.swiper-slide .content .title {
font-size: inherit;
font-weight: inherit;
margin-bottom: 30px;
}
.swiper-slide .content .caption {
display: block;
font-size: inherit;
line-height: inherit;
transform: translateX(50px);
opacity: 0;
transition: opacity 0.3s ease, transform 0.7s ease;
}
.swiper-slide .content .caption.show {
transform: translateX(0);
opacity: 1;
}
[class^=swiper-button-] {
width: 44px;
opacity: 0;
visibility: hidden;
}
.swiper-button-prev {
transform: translateX(50px); 
}
.swiper-button-next {
transform: translateX(-50px);
}
/*Modals*/
.columnGallery{
width: 100%;
height: auto;
overflow: hidden;
overflow-x: scroll;
}
.galleryFifth{
width: 20%;
float: left;
height: 150px;
overflow: hidden;
}
.galleryFifth img{
width: 100%;
height: auto;
-ms-transform: translateY(-25%);
transform: translateY(-25%);
}
/* The Modal (background) */
.modalGallery {
display: none;
position: fixed;
z-index: 99999;
padding-top: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(255,255,255,1);
}
/* Modal Content */
.modalContent {
position: relative;
background-color: transparent;
background-image: url("../images/bright.png");
background-repeat: repeat;
background-size: 30px;
margin: auto;
padding: 0;
width: 100%;
max-width: 100%;
height: 100vh !important;
overflow: hidden;
}
/* The Close Button */
.closeGallery {
  color: #000000;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  z-index: 999999 !important;
}
.closeGallery:hover,
.closeGallery:focus {
  color: #cc945b;
  text-decoration: none;
  cursor: pointer;
}
/* Hide the slides by default */
.mySlides {
  display: none;
  text-align: center;
}
.mySlides img {
width: auto !important;
height: 100vh;
}
/* Next & previous buttons */
.prevButton,
.nextButton {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
  background-color: rgba(0, 0, 0, 0.8);
}
/* Position the "next button" to the right */
.nextButton {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prevButton:hover,
.nextButton:hover {
  background-color: #000000;
}
/* Number text (1/3 etc) */
.numbertext {
color: #ffffff;
font-family: inherit;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
background: #cc945b;
z-index: 100;
display: none;
}
/* Caption text */
.caption-container {
text-align: center;
background-color: rgba(0,0,0,0.88);
padding: 0px 20px;
color: #ffffff;
position: absolute;
width: auto;
font-family: inherit;
font-size: 12px;
bottom: 0px;
right: 0px;
display: none;
}
img.demo {
  opacity: 0.6;
}
.active,
.demo:hover {
  opacity: 1;
}
img.hover-shadow {
  transition: 0.3s;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.vollBildGallery{
cursor: pointer;
position: absolute;
z-index: 100;
background: rgba(0,0,0,0.15);
display: block;
width: auto;
padding: 3px 10px;
text-transform: uppercase;
letter-spacing: 0.125em;
font-weight: bold;
font-size: 11px;
color: #ffffff;
border: 1px solid #ffffff;
bottom: 20px;
right: 25px;
opacity: 0.7;
}
.vollBildGallery:hover{
background: #cc945b;
color: #ffffff;
border: 1px solid #ffffff;
opacity: 1;
}
.frameImage{
width: 100%;
height: auto;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}
.frameImage::-webkit-scrollbar {
  display: none;
}

/* Responsives @ 1080px */
@media screen and (max-width: 1080px) {
  #swiperFrame {
    height: auto;
    width: 100vw;
}
.swiper-container {
width: 100%;
height: 450px;
min-height: 450px;
float: none;
transition: opacity 0.6s ease, transform 0.3s ease;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.swiper-slide .slide-bgimg {
  background-position: center;
  background-size: cover;
}
.swiper-container.nav-slider {
width: 0%;
padding-left: 0px;
height: 0;
}
.swiper-container-vertical{
display: none;
}

}

@media screen and (max-width: 600px) {
  .mySlides img {
    width: 200% !important;
    height: 100vh;
    margin-left: 0;
    animation-name: slidesSchieben;
    animation-duration: 2.5s;
    animation-iteration-count: 1;
    transform: translateX(0);
    transform-origin: left center;
    max-width: none;
  }

.swiper-container {
height: 280px;
}
.mySlides .frameImage:hover img, .mySlides .frameImage:focus img {
animation-name: slidesSchieben;
animation-duration: 0s;
animation-iteration-count: 0;
transform: translateX(0%);
}

}

@keyframes slidesSchieben {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-50%);
}
100% {
transform: translateX(0%);
}

}