@charset "UTF-8";

section#gallerie {
    margin: 0 15%;
    width: 70%;
    /* height:vh; */
    background-color: #aaa;
}
.slideshow {
  background: #262626;
  border-radius: 4px;
  /* margin-bottom: 20px; */
  margin-bottom: 45px;
  position: relative;
}
.slideshow-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* opacity: 1; */
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.slideshow-item img {
   max-width: 100%;
    max-height: 100%;
/*  height: 420px;*/
/*    height: 30vh;*/
/*    height: 100%;*/
  display: block;
  margin: auto;
}
.arrow {
  position: absolute;
  top: 0;
  display: block;
  width: 50px;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%206%2016%22%20width%3D%226%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m5%201-4%207%204%207%22%20fill%3D%22none%22%20stroke-width%3D%22.8%22%20opacity%3D%22.3%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22square%22%2F%3E%3Cpath%20d%3D%22m5%201-4%207%204%207%22%20fill%3D%22none%22%20stroke-width%3D%22.5%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22square%22%2F%3E%3C%2Fsvg%3E%0A") no-repeat center/30px;
}
.arrow-next {
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.progress {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #ccc;
  font-family: sans-serif;
}

.caption {
    position: absolute;
    bottom: -20;
    width: 100%;
    text-align: center;
    display: block;
    /* background: #262626; */
    color: #666;
}