
.banner_content
{
  position: absolute;
  width:100%;
  height:50%;
  bottom:20px;
  left:0;
}
.banner_titel
{
  font-size:54px;
  line-height:62px;
  color:white;
  font-weight:700;
  display:block;
  max-width:70%;
  margin-bottom:40px;
}
.bannerslider
{
  padding-left:0;
}
.pseudo-container-left
{
  position: relative;
}
.absolute_right
{
  position: absolute;
  right:0;
  top:0;
  width:100%;
  height:100%;
}
.banneritem
{
}
.banner-image
{
  background-repeat: no-repeat !important;
  background-size:cover !important;
  height:600px;
}
.banner-image::after{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  content:"";
  background:rgba(0, 0, 0, 0.4);
  border-bottom-right-radius: 30px;
  overflow: hidden;
}
.banner_height .lSAction
{
  position: absolute;
  bottom:50px;
  width:100px;
  z-index: 5;
}
.banner_height .lSAction *
{
  color:white !important;
  font-size:32px;
  opacity: 1 !important;
}

.lSSlideOuter .lSPager.lSpg {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
 /* 720px */
 .pseudo-container-left
 {
   margin-right:calc((100vw - 720px) / 2 + 15px);
 }
 .banner_content
 {
    padding-left:calc((100vw - 720px) / 2);
 }
 .banner_height .lSAction
 {
   left:calc((100vw - 720px) / 2);
 }
 .banner_titel
 {
   font-size: 40px;
   line-height: 46px;
   max-width: 55%;
 }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
 /* 960px */
 .pseudo-container-left
 {
   margin-right:calc((100vw - 960px) / 2 + 15px);
 }
 .banner_content
 {
    padding-left:calc((100vw - 960px) / 2);
 }
 .banner_height .lSAction
 {
   left:calc((100vw - 960px) / 2);
 }
 .banner_titel
 {
   font-size: 52px;
   line-height: 62px;
   max-width: 80%;
 }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .pseudo-container-left
  {
    margin-right:calc((100vw - 1140px) / 2);
  }
  .banner_content
  {
     padding-left:calc((100vw - 1140px) / 2);
  }
  .banner_height .lSAction
  {
    left:calc((100vw - 1140px) / 2);
  }
 /* 1140px */
}
@media (max-width: 767px) {
 /* 540px */
 .pseudo-container-left
 {
   margin-right:calc((100vw - 540px) / 2);
 }
 .banner_content
 {
    padding-left:calc((100vw - 540px) / 2);
 }
 .banner-image
 {
   min-height:600px;
   max-height:800px;
 }
 .banner_height .lSAction
 {
   /*left:calc((100vw - 540px) / 2);*/
   margin-left:20px;
 }
 .banner_titel
 {
   font-size: 30px;
   line-height: 35px;
   max-width: 95vw;
   padding-left:20px;
 }
}
