.webstra-logosize {
  height: 75px;
}

.webstra-behandlungen-hero {
  padding-top: 180px;
}

@media (max-width: 1023px) {
  .webstra-behandlungen-hero {
    padding-top: 30px;
  }
}

.webstra-about {
  padding-top: 180px;
}

@media (max-width: 1023px) {
  .webstra-about {
    padding-top: 30px;
  }
}

.webstra-current {
  color: #666666 !important;
}

.webstra-backdrop {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 30px !important;
  backdrop-filter: blur(5px) brightness(1);
  border-radius: 20px;
}

.webstra-round {
  border-radius: 10px !important;
}

/* Style for the text overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
  opacity: 0; /* Initially hidden */
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.3s;
}

/* Style for the overlay text */
.overlay-text {
  font-size: 16px; /* Adjust the font size as needed */
  color: #000; /* Black font color */
}

/* Hover effect: Show overlay on hover */
.image-link:hover .overlay {
  opacity: 1;
}

/* Style for the text below the image */
.image-text {
  text-align: center;
  font-size: 16px; /* Adjust the font size as needed */
  color: #000; /* Black font color */
  margin-top: 10px; /* Spacing between image and text */
  display: none; /* Initially hidden for desktop */
}

/* Style for mobile devices */
@media (max-width: 767px) {
  /* Hide the overlay and show the text for mobile devices */
  .image-link .overlay {
    display: none;
  }
  .image-link .image-text {
    display: block;
  }
}

.text h4 {
  color: #777 !important;
  margin: 0px !important;
}

.header-upper {
  background-color: #fff;
}

.dropdown-btn .fa,
.dropdown-btn .fa-angle-down,
.dropdown-btn .fa::before,
.dropdown-btn .fa-angle-down::before {
  display: none !important;
}