/**
 * @file
 * Subtheme specific CSS.
 */


 .icon--contact {
  display: inline-block;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" fill="currentColor" class="bi bi-envelope-check-fill" viewBox="0 0 16 16"><path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 4.697v4.974A4.491 4.491 0 0 0 12.5 8a4.49 4.49 0 0 0-1.965.45l-.338-.207L16 4.697Z"/><path d="M16 12.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Zm-1.993-1.679a.5.5 0 0 0-.686.172l-1.17 1.95-.547-.547a.5.5 0 0 0-.708.708l.774.773a.75.75 0 0 0 1.174-.144l1.335-2.226a.5.5 0 0 0-.172-.686Z"/></svg>');
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
          background-size: 1rem 1rem;
  background-position: 0 0.25rem;
  width: 1.5rem;
  height: 1.2rem;
}

.shariff ul.orientation-horizontal {
  flex-wrap: nowrap !important;
}

li.shariff-button {
    min-width: auto !important;
    max-width: min-content !important;
}

/*
.row.region-top-header {
    flex-wrap: nowrap;  // funktioniert nicht in Mobile Ansicht
    justify-content: space-between;
    max-width: min-content;
}
 */

.dropdown-item a {
  text-decoration: none;
}

.featured-bottom-1 {
  background-color: rgba(36, 148, 219, 0.6);
  padding: 2rem 0;
  margin: 2rem 0;
}

.featured-bottom-2 {
  margin: 2rem 0;
}

.item-list ul {
  gap: 1rem 0;
}


.card .field--type-image img, .card .field--name-field-user-picture img {
  margin: 0;
  max-height: 177px;
}

main .field--name-field-media-image img {
  height: 177px !important;
}

.card.h-100 img:hover
{
  filter: hue-rotate(60deg) saturate(0.6) brightness(0.8);
  transition: all 0.5s ease-in;
}

.card.h-100:hover {
  transition: all 0.5s ease-out;
  filter: brightness(0.9);

}

.pagination {
  justify-content: center;
}

#block-lunrsearchform {
  margin-left: auto;
}

#lunr-search-block-form {
  display: flex;
}

#lunr-search-block-form input[type=search] {
  width: 185px;
}

.lunr-search-result-row {
  display: list-item;
  list-style-type: decimal;
}

form#lunr-search-form {
  display: flex;
}

form#lunr-search-form fieldset label {
  display:none;
}

#header #navbar-top .container {
  padding: 0 1.25rem;
}

a.active.is-active {
  color: white;
}