.eb_smallsearch {
  width: auto;
}
.smallsearchForm {
  width: auto;
  display: flex;
}
.eb_smallsearch select {
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  height: 30px;
  padding: 7px 6px;
  width: 60px;
  float: right;
}
.eb_smallsearch .adults .label,
.eb_smallsearch .children .label {
  color: var(--color-white);
  line-height: 30px;
  padding-right: 10px;
}
.eb_smallsearch .adults,
.eb_smallsearch .children {
  margin: 5px 20px 0 0;
}
.eb_smallsearch h3 {
  width: auto;
}
.eb_smallsearch .arrival,
.eb_smallsearch .departure {
  min-width: unset;
  float: left;
  margin-right: 50px;
  width: 300px;
}
.eb_smallsearch .arrival input,
.eb_smallsearch .departure input {
  color: var(--color-white) !important;
  font-size: 16px;
  height: 45px;
  line-height: 23px;
  padding-left: 15px;
  width: 100%;
  margin: 0px 0;
  z-index: 99;
  border: none;
}
.eb_smallsearch h3 {
  color: var(--color-white) !important;
  font-family: "Maragsa-Display" !important;
  font-size: 28px;
  font-weight: unset !important;
  margin-top: 6px;
  text-transform: unset !important;
}

.eb_smallsearch h3 {
  color: #666;
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  font-weight: bold;
  margin-top: 6px;
  text-transform: uppercase;
}
.eb_smallsearch .datepicker {
  background: unset !important;
  border: 0 none;
  background-size: 27px !important;
}
#ui-datepicker-div {
  font-size: 17px;
}

#ebbeContainer #ebbeAppWrapper #ebbeContent #ebbeStepOne .stepOneDates {
  clear: both;
  background: var(--color-green);
  color: var(--color-white) !important;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

input#ebbeArrivalDate {
  color: var(--color-black) !important;
}
#ebFrontEndFrame header {
  position: unset !important;
  top: unset !important;
  z-index: unset !important;
  background-color: unset !important;
  height: unset !important;
  transition: unset !important;
}
.stepOneDates.boxSized label {
  color: var(--color-white) !important;
}
@media screen and (max-width: 1000px) {
  .eb_smallsearch .arrival,
  .eb_smallsearch .departure {
    width: 100%;
    margin-bottom: 10px;
  }
  .eb_smallsearch form div.search .sendButton {
    width: 49.574%;
    margin-right: 0px;
  }
  .eb_smallsearch {
    margin-left: 0px;
  }
}
@media screen and (max-width: 500px) {
  .eb_smallsearch form div.search .sendButton {
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1008px) {
  .smallsearchForm {
    display: block;
  }
}

input#SearchButton {
  border: 1px solid var(--color-white);
  padding: 5px 10px;
  background: unset !important;
  color: var(--color-white) !important;
  min-width: 100px;
}

.ebContainer .error .help-inline {
  color: var(--color-white) !important;
  margin-top: 20px !important;
}

.eb_smallsearch .arrival,
.eb_smallsearch .departure {
  width: 180px;
}

.smallsearchForm {
  display: flex !important;
  align-items: center !important;
  width: 100%;
}

.search {
  margin-left: auto !important;
}

@media screen and (max-width: 768px) {
  .container.request .px-5 {
    padding-left: 1vw !important;
    padding-right: 1vw !important;
  }
  .smallsearchAnfrage {
    max-width: 80%;
    margin: 20px auto;
    text-align: center;
  }
  .eb_smallsearch h3 {
    margin-bottom: 20px;
  }
  .smallsearchForm {
    display: flex;
    flex-direction: column; /* Organisiert den Inhalt vertikal */
  }

  .smallsearchForm .arrival,
  .smallsearchForm .departure {
    flex: 1;
    width: 50%;
  }

  .smallsearchForm .search {
    text-align: center; /* Zentriert den Button */
  }
  .smallsearchForm .d-flex {
    flex-direction: row !important;
  }
  .search.ms-auto {
    width: 100%;
    margin: auto;
  }
  .smallsearchForm.d-flex.align-items-center {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
  }
  .eb_smallsearch .arrival,
  .eb_smallsearch .departure {
    width: 100%;
    margin-bottom: 30px;
  }
  .eb_smallsearch .arrival,
  .eb_smallsearch .departure {
    margin-right: 10px;
  }
  input#arrivalDate,
  input#departureDate {
    text-align: center;
  }
}