.accom {
  box-sizing: border-box;
  /* display: grid; */
  background-color: rgb(255, 255, 255);
  /* box-shadow: 5px 5px rgba(255, 255, 255, 0.3); */
}

.slider-out {
  /* max-width: 100%; */
  position: relative; 
  border:grey .2em solid;
}

.titles {
  margin:0;
  color: white;
  padding: 10px 0 10px 0;
  font-size:23px
}


.slider-inner img {
  display: none;
}

.slider-inner img.activ {
  display: block;
  max-width: 100%;
  height: auto;
}

.prev,
.next {
  cursor: pointer;
}

.prev {
  position: absolute;
  left: 0%;
  bottom: 50%;
  z-index: 100;
  width: 28px;
  height: auto;
}

.next {
  /* display:none; */
  position: absolute;
  left: 92%;
  bottom: 50%;
  z-index: 100;
  width: 28px;
  height: auto;
}
.icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-top: 2em;
}

figure img {
  padding: 0.6em;
  width: 4em;
  height: auto;
}
figcaption {
  margin: 0.7em;
  color: blue;
  font-size: small;
}

.speil {
  padding:1.5em;
  text-align: center;
}
button{
  display:inline-block;
  background: #333;
  color: #fff;
  text-decoration: none;
  padding: 0 2em;
  border: 1px solid #666;
 

 }

 @media(min-width: 800px){
  .accom-container {
    /* outline: dashed rgb(124, 11, 11); */
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
   
    
    /* grid-template-areas: "slider-out icons speil"; */
  } 
  .titles{
   font-size:40px;
  } 
  .next {
    /* display:none; */
    position: absolute;
    left: 95%;
  
  }
  figure img {
    /* padding-left: 1em;  */
    margin:0;

    width: 4.7em;
    height: auto;
  }
figcaption{
  margin:0; 
  padding-left: .8em;
}

.speil {
  padding:.5em;
  text-align: center;
}

 }