body, h2, p, span, a, button {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
}

.banner-background {
background: linear-gradient(21.17deg, rgba(0, 51, 97) 17.11%, rgba(231, 56, 18, 0) 60.2%), url("https://ulb-exhibition.uibk.ac.at/exhibitions-2/files/asset/e3f0d7222058068a38b84baad77bf98795c21b11.jpg")  center;
background-size: cover;
}

#teaser-image button {
  background: black;
}

.custom-button::after {
  font-family: "Font Awesome 6 Free"; /* Ensure the correct Font Awesome font is used */
  font-weight: 900; /* Use the appropriate weight (900 for solid icons) */
  content: "\f35d"; /* Unicode for the 'up-right-from-square' icon */
  display: inline-block;
  margin-left: 10px; /* Space between text and icon */
  font-size: 15px; /* Adjust size to match the button text */
  vertical-align: middle; /* Align icon with text */
}

.text-container span {
  color: white;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.2;
}

.site-summary {
  margin-top: 2.2rem;
  margin-bottom: 0.2rem;
  font-size: 1rem;
  line-height: 1.4;
  color: white;
}

@media (max-width: 768px) {
  .text-container span {
    font-size: 20px;
    line-height: 25px;
  }

  .site-summary {
    font-size: 0.9rem;
    line-height: 1.3;
  }

  button {
    font-size: 1rem;
    padding: 0.4rem 0.8rem;
  }
}