.notification-box {
  position: fixed;
  top: 60%;
  right: 20px;
  transform: translateY(-50%);

  padding: 20px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.submit-address {
  width: calc(
    100% - 300px
  ); /* Adjust this value according to the width of your notification box */
}

/* Media query to adjust notification box position on smaller screens */
@media only screen and (max-width: 1024px) {
  .notification-box {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    margin: 0 auto 20px auto; /* Adjust margin to create space between notification box and form */
    width: 90%; /* Adjust width of notification box on smaller screens */
    max-width: 400px; /* Set maximum width of notification box */
  }

  #basic-profile {
    flex-direction: column; /* Stack elements vertically on smaller screens */
    margin-right: 0; /* Remove right margin */
  }

  .submit-address {
    width: 100%; /* Make form full width on smaller screens */
  }
}

/* Media query to adjust button container layout on even smaller screens */
@media only screen and (max-width: 767px) {
  .button-container {
    display: flex;
    flex-direction: column;
  }

  .btn-2 {
    margin-bottom: 10px; /* Adjust this value as needed */
  }
}

.notification {
  top: 10px;
  right: 10px;
  background-color: #4caf50;
  color: white;
  padding: 15px;
  border-radius: 5px;
  display: none;
}

.notification2 {
  top: 10px;
  right: 10px;
  background-color: #990000;
  color: white;
  padding: 15px;
  border-radius: 5px;
  display: none;
}

p img {
  max-height: 350px;
  max-width: 300px;
  /*min-height: 350px; */
}

/* Default styles for PC */
h1 {
  color: #900;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 1.5px;
  /* margin-bottom: 2rem; */
}

/* Styles for mobile devices */
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 1.5rem;
    font-weight: normal; /* removing bold since it's not in the mobile style */
  }
}

h2 {
  color: #990000;
  font-size: 1.75rem;
}

.suggestion {
  cursor: pointer;
}

.suggestion_pr {
  cursor: pointer;
}

.save-button-container {
  position: fixed;
  top: 50%;
  right: 300px; /* Adjust this value as needed */
  transform: translateY(-50%);
  z-index: 999; /* Ensure it's above other elements */
}

.save-button-container2 {
  position: fixed;
  top: 95%;
  right: 20px; /* Adjust this value as needed */
  transform: translateY(-50%);
  z-index: 999; /* Ensure it's above other elements */
}

/* CSS to style the map container */
#map-container {
  width: 100%; /* Adjust as needed */
  height: 400px; /* Adjust as needed */
}

/* Default line spacing */
.line-spacing {
  margin-bottom: 70px; /* Default spacing for PCs */
}

/* Media query for phones */
@media only screen and (min-width: 600px) {
  .line-spacing-unternehmen {
    margin-bottom: 70px; /* Adjust spacing for phones */
  }
}
@media only screen and (max-width: 600px) {
  .line-spacing-unternehmen {
    margin-bottom: 30px; /* Adjust spacing for phones */
  }
}

/* Media query for phones */
@media only screen and (max-width: 600px) {
  .line-spacing {
    margin-bottom: 80px; /* Adjust spacing for phones */
  }
}

.error-page.error-page-design {
  background-color: #fff;
}
.error404 {
  color: #990000 !important; /* Assuming the text should be visible */
  padding: 20px;
  text-align: center;
  font-size: 48px;
}
.nobottomborder h1 {
  color: #000;
  border: none;
}
.nobottomborder p {
  color: #000;
  border: none;
}

.home-shadow h1 {
  text-align: right;
  color: #990000;
  font-size: 35px;
}

.home-shadow h1 span {
  color: #990000;
  display: inline-block;
  padding: 0 5px;
}

.home-shadow h1 span:last-child {
  font-size: 85%;
}

.home-shadow h1 br:nth-of-type(1) {
  margin-right: 20px;
}

.home-shadow h1 br:nth-of-type(2) {
  margin-right: 10px;
}

.star-rating {
  display: inline-block;
}

.star-rating input[type="radio"] {
  display: none;
}

.star-rating label {
  font-size: 30px;
  color: #ccc;
  cursor: pointer;
  float: right; /* Align stars from right to left */
}

.star-rating label:before {
  content: "\2605"; /* Unicode character for star */
}

.star-rating input[type="radio"]:checked ~ label,
.star-rating input[type="radio"]:checked ~ label:before {
  color: #ffcc00; /* Color for selected stars */
}

.line-spacing-company {
  margin: 9px;
}

@media (max-width: 600px) {
  .search-fields {
    max-width: 250px;
  }
}

/* Hide the Google Translate banner frame */
/** 
# Why Hide ? Isn't the purpose of having the translation menu so people can translate the page?
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
*/

.translated-ltr {
  margin-top: -40px;
}

.goog-te-banner-frame {
  display: none;
  margin-top: -20px;
}

.goog-logo-link {
  display: none !important;
}

/* Hide the Google Translate element logo */
.goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span:first-child {
  display: none !important;
}

/* Hide Google Translate text */
.goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span:nth-child(2) {
  display: none !important;
}

/* Hide the Google Translate Powered by text */
.goog-te-gadget .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3) {
  display: none !important;
}

/* Hide the additional branding and elements */
.goog-te-gadget .goog-te-gadget-simple {
  padding: 0 !important;
  border: none !important;
  background-color: transparent !important;
}

/* Additional rule to hide Google Translate's iframe */
iframe[id^=":"] {
  /** display: none !important; */
  visibility: hidden;
}

/* Hide the original text tooltip */
.goog-te-balloon-frame {
  display: none !important;
}

/* Ensure the translation gadget's text color is transparent */
.goog-te-gadget {
  color: transparent !important;
}

/* Display the language selection dropdown */
.goog-te-combo {
  color: black !important;
  font-size: 16px;
}

/* Hide the tooltip box on hover */
.goog-tooltip {
  display: none !important;
}

/* Hide the bubble with original text and "Rate this translation" */
.goog-te-balloon-frame {
  display: none !important;
}

/* Additional rules to hide tooltips */
.goog-text-highlight,
.goog-te-tooltip,
.goog-te-balloon,
.goog-te-balloon-translate {
  display: none !important;
}

/* Hide the Google Translate branding */
.goog-te-gadget-icon,
.goog-te-logo {
  display: none !important;
}

/* Hide the "Powered by Google" text */
.goog-te-banner-frame .goog-te-menu2 {
  display: none !important;
}

/* Hide specific Google Translate branding span */
.VIpgJd-ZVi9od-l4eHX-hSRGPd {
  display: none !important;
}

/* Additional rules to ensure branding text is hidden */
span[style*="white-space:nowrap"] {
  display: none !important;
}

@media (max-width: 768px) {
  #searchForm {
    display: none;
  }
}

.social-icons {
  display: none;
  text-align: right;
  margin-top: 10px;
}

.social-icons a {
  margin: 0 5px;
  text-decoration: none;
  color: inherit;
}

.share-button {
  cursor: pointer;
  text-align: right;
  margin-top: 10px;
}

/* Default styles for PC */
.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130px; /* Height for PC */
  background-color: #990000;
  text-align: left;
  padding: 10px;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  color: #fff;
  display: none;
}

/* Media query for smaller devices (handy/mobile) */
@media (max-width: 768px) {
  .cookie-consent {
    height: 400px; /* Height for handy/mobile */
  }
}

.cookie-consent div {
  width: 80%; /* Adjust width as needed */
  margin: 0 auto; /* Center align content */
}

.cookie-consent button {
  margin-left: 10px;
  padding: 5px 10px;
  background-color: #ddd;
  color: #000;
  border: none;
  cursor: pointer;
}

.cookie-consent button:hover {
  background-color: #ddd;
}

.star-rating {
  direction: rtl; /* RTL to make it easier to target stars in reverse order */
  display: inline-block;
  font-size: 2rem; /* Adjust size as needed */
}

.star-rating input[type="radio"] {
  display: none; /* Hide radio inputs */
}

.star-rating label {
  color: #ccc; /* Default color for stars */
  cursor: pointer;
  font-size: 2rem;
}

.star-rating label:before {
  content: "\2605"; /* Unicode star character */
}

.star-rating input[type="radio"]:checked ~ label {
  color: gold; /* Color for selected stars */
}

.star-rating label:hover,
.star-rating label:hover ~ label {
  color: gold; /* Color for hovered stars */
}

.portfolio-item {
  text-align: left; /* Center-aligns the image and caption */
}

.caption-text {
  margin-top: 10px; /* Adds space between image and caption */
  font-size: 14px; /* Adjust font size as needed */
  color: #333; /* Caption text color */
}

#banner .search-area-inner {
  border: none;
}