/**
 * @file
 * Visual styles for Globales Lernen flexslider.
 */

/*  */
.container-fluid .region-banner .view-content .flexslider {
  max-width: 1920px;
  margin: 0 auto;
}
/* Flexslider module */
.flexslider {
  background: #fff;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.flex-caption {
  width: 430px;
  white-space: normal!important;
  margin-left: 30px;
  position: absolute;
  bottom: 25px;
  background: rgba(0,0,0,0.77);
  color: #fff;
  padding: 20px;
  display: block;
  font-size: 30px;
  line-height: 1.15;
}
.flex-caption a {
  color: #fff;
  text-transform: none;
}
.flex-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.slider3items ul.slides li {
    width: 360px!important;
    margin-right: 40px!important;
    margin-left: 0px!important;
    padding-top: 0px;
    padding-bottom: 40px;
}
.slider3items .views-field.views-field-title {
    background: #fff;
    filter: drop-shadow(4px 4px 9px rgba(0, 0, 0, 0.15));
}
.slider3items div.optionset-items-3 {
    margin-left: 20px;
    background: transparent;
}
.slider3items .edu-box {
    margin-top: 0px;
    background: transparent;
    filter: drop-shadow(4px 4px 9px rgba(0, 0, 0, 0.15));
}
.slider3items .edu-mat {
    background: #EAEAEA!important;
}

/* Test */
.slider3items .edu-mat {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider3items .flexslider .slides img {
    width: auto;
}
/* End Test */

h3.slide3tit {
    display: inline-block;
    padding: 30px 40px 0px 40px;
}
h3.slide3tit a {
    color: #143d70;
}
.slide3bod {
    padding: 0px 40px 10px 40px;
}
.slide3lin {
    padding: 0px 40px 20px 40px;
}
.slider3items a.flex-next {
    background-image: url(../../images/flex-right.svg);
    opacity: 1!important;
    background-repeat: no-repeat;
    z-index: 3;
}

.slider3items a.flex-next:before {
    display: none;
}

.slider3items a.flex-next {
    font-size: 0px;
}

.slider3items li.flex-nav-prev a, 
.slider3items li.flex-nav-prev,
.slider3items li.flex-nav-next a, 
.slider3items li.flex-nav-next {
    opacity: 1!important;
    display: block!important;
    z-index: 3;
}

.slider3items .flex-direction-nav .flex-next {
    right: -50px!important;
}


.slider3items a.flex-prev {
    font-size: 0px;
    background-image: url(../../images/flex-right.svg);
    opacity: 1!important;
    background-repeat: no-repeat;
    left: 0px!important;
    left: -69px!important;
    -webkit-transform: rotate(
180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(
180deg);
    z-index: 3;
}

.slider3items .flex-direction-nav a:before {
    display: none;
}

.block-views-blocknews-frontpage-block-2 {
    display: none;
}

.slider3items .flexslider .slides img {
    width: unset;
    display: unset;
}

div#block-views-block-news-frontpage-block-1 .slider3items div.optionset-items-3 {
    margin-left: 0px;
}

.view-grid-3.edum.slider3items.view.view-news-frontpage.view-id-news_frontpage.view-display-id-block_1 {
    margin-left: 20px;
}

div#block-views-block-news-frontpage-block-1 ul.flex-direction-nav li.flex-nav-prev {
    display: none!important;
}

@media (max-width: 1199px) {
  .flex-caption {
    font-size: 30px;
  }
}
@media (max-width: 991px) {
  .flex-caption {
    font-size: 24px;
  }
}

.banner-area  .views-field.views-field-field-image-1 {
    display: none;
}

@media (max-width: 768px) {

.banner-area  .views-field.views-field-field-image {
    display: none!important;
}

.banner-area  .views-field.views-field-field-image-1 {
    display: inline-block!important;
}

.block-views-blocknews-frontpage-block-1 {
    display: none;
}

.block-views-blocknews-frontpage-block-2 {
    display: block;
}

  .flex-caption {
    display: none;
  }
  
  .grid-3.container.slider3items {
    max-width: 390px;
}

.slider3items div.optionset-items-3 {
    margin-left: 0px;
}

.mob360 {
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}

.mob360 .view-header {
    padding-right: 20px;
    padding-left: 20px;
}

.slider3items ul.slides li {
    width: calc(100% - 40px)!important;
    max-width: 400px!important;
    margin-right: 0px!important;    
    padding-right: 20px;
    padding-left: 20px;
}



}
.flex-direction-nav a:before {
  font-size: 34px;
}
.flex-control-nav {
  bottom: 0;
  z-index: 2;
}