/* body { */
/*     margin-top: 0px; */
/*     margin-bottom: 0px; */
/*     font-family: Verdana, Geneva, sans-serif; */
/*     color: #333333; */
/*     max-width: 800px; */
/*     margin-right: auto; */
/*     margin-left: auto; */
/* } */


/** load more **/
.upf-load-more-results-spinner {
	border: 8px solid #f3f3f3; /* Light grey */
	border-top: 8px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
	margin: auto;
/* 	display: none; */
}
/*
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
*/
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#searchform {
    line-height: 1;
    /*background: #eee;*/


    /* neu */
    /*background: #fff;
    background: linear-gradient(45deg,#A9F5BC,#E0F8E6);
    background: linear-gradient(45deg,#3A7D2B,#C2CD23); 
    background: linear-gradient(45deg,#08298A 40%,#A9D0F5 100%);
    background: linear-gradient(45deg,#FE9A2E 50%,#FACC2E 100%);
    background: linear-gradient(45deg,#eee 50%,#fff 100%);*/
}


#searchcontainer {
    margin: 0px auto;

}

#upf-search-show-travellers {
    cursor: pointer;
    color:black;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
}

.upf-easy-autocomplete {
    position: relative;
}

.upf-easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    /*z-index: 2;*/
}

.button, #search-form-submit-btn{

  /*background: #c43302;*/
  color: #FFFFFF;
  border: 0px;
  border-radius: 0px;
  margin: 0px;

}
#search-form-submit-btn:hover {
  /*background: #187d0c;*/
  color: #FFFFFF;
}



/* neu */


#searchcontainer .upf-input-field-container {
  border: 1px solid #ccc;
  color: #000;
    background: #fff;
    float: none;
    display: inline-block;
    /*font-size: 0.7em;*/
    padding: 3px 12px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    line-height: 1.3em;
    transition: border-color 0.3s ease;
}
#searchcontainer .upf-input-field-container:hover {
  border: 1px solid #999;
}

#searchcontainer .upf-input-field-container-error {
	border: 2px solid red;
}
#upf-offers-error-message {
  border: 1px solid red;
  margin-top: 5px;
  display: none;
}

#searchcontainer input,#searchcontainer select{
    margin: 3px 0px 0px 0px;
    font-size: 1rem;
    font-weight: normal;
    width: 100%;
    outline: none;
    color: #000;
    border:none;
    font-family: inherit;
    padding: 0px;
    background: #FFFFFF;
    box-shadow: none;
}

#searchcontainer .upf-input-field-container-within{
    box-shadow: 0px 0px 5px #187d0c;
    border-color: #187d0c;
}

#upf-search-rd, #upf-search-dd{
    max-width: 100%;
}

.easy-autocomplete{
  width:100% !important
}

.easy-autocomplete input{
  width: 100%;
}

#searchform label {
  margin-bottom: 0rem;
  font-size: 0.8rem;
}

/* typeahead.js */
.tt-menu {
  background-color: white;
  border: 1px solid #ccc;
  z-index: 1000;
  width: 100%; /* Optional: passt das Dropdown an die Breite des Inputs an */
}

.tt-suggestion {
  padding: 10px;
  cursor: pointer;
}

.tt-suggestion:hover {
  background-color: #f0f0f0; /* Hover-Effekt */
}