.hero-content {
  background-color: rgba(71, 85, 107, 0.75);
}

.hero-content .content-text p {
  color: var(--white) !important;
}

.border-end {
  border-right: 4px solid var(--light-blue) !important;
}

.border-start {
  border-left: 4px solid var(--light-blue) !important;
}

.border-bottom {
  border-bottom: 8px solid var(--light-blue) !important;
}

.border-end-short {
  border-right: 8px solid var(--light-blue) !important;
}

.border-start-short {
  border-left: 8px solid var(--light-blue) !important;
}

#home-carousel .flickity-prev-next-button {
  z-index: 6;
  background: var(--light-blue);
}
#home-carousel .flickity-prev-next-button .flickity-button-icon {
  fill: white;
}
#home-carousel .carousel-cell {
  margin-inline: 1rem;
  padding-bottom: 1.5rem;
  width: 40%;
  min-width: 270px;
}
#home-carousel .carousel-cell .to-scale {
  transition: all 0.35s ease;
}
#home-carousel .carousel-cell img {
  transition: all 0.2s ease;
  filter: brightness(1) drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 2rem;
}
#home-carousel .carousel-cell:hover img {
  filter: brightness(1.05) drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
}
#home-carousel .carousel-cell.is-selected .to-scale {
  transform: scale(1);
}
#home-carousel .carousel-cell:not(.is-selected) .to-scale {
  transform: scale(0.72);
}

.overlay-bluefade {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 33%,
    rgba(255, 255, 255, 0) 66%,
    rgba(255, 255, 255, 1) 100%);
}

#single-carousel .flickity-viewport {
  transition: height 0.2s;
}

.perscontact {
  padding: 1rem 0;
  border-bottom: 1px solid var(--light-blue);
}
.perscontact .pers-img {
  width: 200px;
  height: 200px;
  border-radius: 1rem;
  overflow: hidden;
  background: #4E545D;
}
.perscontact .pers-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.searchresults a:hover {
  text-decoration: none !important;
}

.searchresult {
  padding: 1rem 0;
  border-bottom: 1px solid var(--light-blue);
}
.searchresult:hover {
  background: rgb(129 159 205 / 0.15);
}

#event-content:not(.active), #event-form:not(.active) {
  display: none;
}

.single-content h2 {
  color: var(--light-blue);
  font-size: 1.75rem;
}
.single-content h3 {
  color: var(--light-blue);
  font-size: 1.25rem;
}

.main-post-img {
  width: 100%;
  border-radius: 2rem;
}

.home-main {
  position: relative;
}
.home-main section {
  z-index: 2;
  margin-bottom: 10rem;
}

.standard-content h1, .standard-content h2, .standard-content h3, .standard-content h4, .standard-content h5 {
  color: var(--deep-blue);
}
.standard-content p, .standard-content span {
  color: var(--grey);
}

.organogram img {
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 2rem;
}

.posts-list .posts-item {
  border-bottom: 1px solid var(--light-blue);
}
.posts-list img.post-img {
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 2rem;
}
