.searchHomeContent {
  /* background-image: url('../../ulb-cardcatalogues/images/katalog1.jpg'); */
  background-image: url('../../ulb-cardcatalogues/images/zettelkatalog-buchstabe-G.jpg');
}

.searchHomeContent::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: .25rem .5rem;
  padding-left: 1rem;
  /* font-size: $font-size-min; */
  color: #ffffff; 
  background-color: rgba(0,0,0,0); /* rgba(0,0,0,.3) */
  content: ""; /* photo by thomas k. */
  media-breakpoint-up(sm) {
    left: auto;
    right: calc(50% - 50vw + .5rem);
    width: auto;
    padding-left: .5rem;
  }
}

header {
  background-color: #ffffff; /* header-bg */
  color: #ffffff; /* $white; */

  a,
  .nav a,
  .btn-link,
  .btn-link:hover,
  button.dropdown-toggle {
		/* was ffffff */
    color: #000000;
    background-color: transparent;
  }
  .navbar-toggler {
    margin: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    /* font-size: $reduced-font-size; */
  }
  .dropdown-menu a { color: #000000; /* $black; */ }
  .dropdown-menu a:not(.active):hover {
    background-color: #cfd8dc; /* header-light */
    color: #000000; /* $black; */
  }
  .dropdown-menu a.active,
  .dropdown-menu a.active:hover { background-color: #546e7a; } /* header-bg */

  .navbar-brand {
    width: 200px;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    background-image: url('../../ulb-cardcatalogues/images/library-logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
}

.banner .navbar-brand {
	/* changed to have uni logo bigger (see sandal5 scss/sandal.scss) */


  width: calc((170 / 65) * 112px);
  height: 112px;
  display: inline-block;
}


/* make cover thumbnail way bigger: start */
@media (min-width: 376px) {
    .record .media-left,
    .record .media-right {
    /* ==>> to have an even bigger cover thumbnail: manipulate this: */
        max-width: 50%;
    }

    .record .media-left img,
    .record .media-right img {
        max-width: 100%;
        height: auto;
    }
}

/* The .medium class sets a hard width: 100px which overrides everything else — setting it to auto lets the container's max-width: 50% take over. And max-height: none removes the 300px height cap.
*/
@media (min-width: 768px) {
    .record .media-left.medium,
    .record .media-right.medium {
        width: auto;
    }
}
/* make cover thumbnail way bigger: end */


.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
    opacity: 0.5;
    border: 0;
    border-radius: 0.375rem;
}

.btn-close:hover {
    opacity: 0.75;
}