.banner-background {
background: linear-gradient(58.17deg, rgba(139,105,20, 0.57) 27.11%, rgba(225, 183, 76, 0) 70.2%), url("https://ulb-exhibition.uibk.ac.at/files/asset/d5d9d344c0b5206d867d5a8fe333ac7785265ab8.jpg")  center;
background-size: cover;
}

.info-box-background {
background: linear-gradient(54.29deg, rgba(139,105,20, 0.85) 27.21%, rgba(237, 194, 113, 0) 74.69%), url("https://ulb-exhibition.uibk.ac.at/files/asset/f6c41d2a44eb05283188745369e476f79d9ead37.jpg") no-repeat;
background-size: cover;
}


.margin-top-bottom {
  margin: 100px 0px;
}


@media screen and (min-width: 800px) {
  #mobile-banner-text-container {
    display: none;
  }
}

@media screen and (max-width: 800px) {
  #mobile-banner-text-container {
    display: box;
    text-align: center;
    padding: 5vh 0;
  }
}

@media screen {
 .item-showcase .resource.item {
  vertical-align:top;
  margin-bottom:-1px;
  width:100%;
  clear:none;
  padding:35px .5rem !important;
  border-bottom:.5px solid #ababab
 }
 .item-showcase .resource.item img {
  margin-right:.5rem;
  max-width:100%
 }
 .item-showcase .resource.item h3 {
  clear:left;
  font-size:1rem;
  line-height:1.5rem;
  margin:.5rem 0 0
 }
 .item-showcase .resource.item img {
  max-height:7rem;
  width:auto;
  float:none;
  margin-right:0;
  vertical-align:top;
  background:rgba(60,60,59,.6)
 }
}

#mirador-wrapper {
  background-color: rgba(139,105,20,0.5);
}

#carousel-block-bg {
background: linear-gradient(to bottom, white 0%, white 15%, rgba(139,105,20, 0.57)  15%,  rgba(139,105,20, 0.57)  100%);
}

#section-sidebar {
background: rgba(139,105,20, 0.7);
}

.image-container {
        position: relative;
        display: inline;
    }

    .image-container img {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
    }

    .image-container:hover img {
        display: block;
  }


@media screen {
 .showcase-details > button :: after {
        content: Universität
    }