.advantage-card-view a:hover {
  text-decoration: none;
}
.advantage-card-view .advantage-card-header {
  color: white;
  background: #0D58a6;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
}
.advantage-card-view .advantage-card-footer {
  color: white;
  background: #0D58a6;
  padding: 5px;
  font-size: 1.2em;
  font-weight: bold;
}
.advantage-card-view .advantage-card-image {
  margin-bottom: -8px;
}
@media only screen and (max-width: 570px) {
  .advantage-card-view #advantage-card-image {
    content: url("/assets/p/cdn/quadra/wordpress/images/advantage-card/SMG_Goldene-Vorteilskarte_Banner_455x300px_150321_V1.jpg");
  }
}

.business-hour-view .business-hour-detail {
  padding: 0px;
  margin: 20px;
}
.business-hour-view .business-hour-detail svg {
  width: 1em;
}

.business-hour-box .business-hour-detail p > a {
  word-break: break-all;
}

.tooltip-inner {
  background: #0D58a6 !important;
  margin-left: 50px;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: transparent !important;
}

.dcbox h1, .dcbox h2, .dcbox h3, .dcbox h4, .dcbox h5, .dcbox h6 {
  color: #000 !important;
}
.dcbox svg {
  height: 25px;
  weight: 25px;
}
.dcbox .headline-row h5 {
  overflow: hidden;
  float: left;
  height: 3em;
  font-size: 1em;
  line-height: 1.5em;
}
.dcbox a:hover {
  text-decoration: none;
}
.dcbox .image-row {
  width: 100%;
  position: relative;
}
.dcbox .image-row img {
  height: 300px;
  width: 100% !important;
  object-fit: cover;
  object-position: center;
}
.dcbox .image-row .img-dcb {
  height: 490px !important;
}
.dcbox .image-row .teaser {
  width: 100%;
  float: left;
  position: absolute;
  left: 0;
  z-index: 1000;
  background-color: #0D58a6;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 1.3em;
}
.dcbox .image-row .teaser.bottom {
  bottom: 0;
}
.dcbox .image-row .teaser.head {
  top: 0;
}
.dcbox .image-row .banderole {
  color: #fff;
  background: #0D58a6;
  padding: 0.2em 1em 0.2em 1em;
  margin-left: -0.6em;
  margin-top: 10px;
  position: absolute;
  font-weight: 700;
}
.dcbox .image-row .banderole:before {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  width: 0;
  top: 1.3em;
  left: -0.6em;
  border-style: solid;
  border-width: 0.6em;
  border-color: transparent hsl(0, 0%, 20%) transparent transparent;
  z-index: -1;
}
.dcbox .image-row .banderole .price-row {
  position: absolute;
  left: 0;
  top: 0;
}
.dcbox .image-row .tag {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
  color: #fff;
  background: #0D58a6;
  padding: 5px;
  font-weight: bold;
}
.dcbox .image-row .contact-share {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1010;
  position: absolute;
}
.dcbox .image-row .btn-share {
  margin: 0 !important;
  padding: 0 !important;
}
.dcbox .image-row .shariff {
  size: 300px;
}
.dcbox .image-row .contact-mail {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1011;
  position: absolute;
}
.dcbox .image-row .contact-whatsapp {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1012;
  position: absolute;
}
.dcbox .image-row .contact-telephone {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1013;
  position: absolute;
}
.dcbox .row .title {
  color: black;
  font-weight: bolder;
}
.dcbox .row .subtitle {
  color: black;
}
.dcbox .row .category-icon {
  width: 25px !important;
  height: 25px !important;
  color: #0D58a6;
}
.dcbox .row .contact-icon {
  width: 40px !important;
  height: 40px !important;
  border-color: #ffffff;
  fill: #ffffff;
  border-radius: 10px;
  background-color: #0D58a6;
}
.dcbox .row .contact-icon-mail {
  width: 40px !important;
  height: 40px !important;
  border-color: #ffffff;
  fill: #0D58a6;
  border-radius: 10px;
  background-color: #ffffff;
}
@supports (-moz-appearance: none) {
  .dcbox .row .fluid-width-video-wrapper iframe, .dcbox .row .fluid-width-video-wrapper object, .dcbox .row .fluid-width-video-wrapper embed {
    width: unset;
  }
}
.dcbox .row .tags-icon {
  width: 40px;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 0px;
  filter: invert(21%) sepia(100%) saturate(1949%) hue-rotate(198deg) brightness(86%) contrast(90%);
}
.dcbox .row .icon-additional-driver-included {
  mask: url(/assets/p/cdn/pws/keywords/icon_additional-driver-included.svg);
}
.dcbox .row .icon-adults-only {
  mask: url(/assets/p/cdn/pws/keywords/icon_adults-only.svg);
}
.dcbox .row .icon-airline {
  mask: url(/assets/p/cdn/pws/keywords/icon_airline.svg);
}
.dcbox .row .icon-all-inclusive {
  mask: url(/assets/p/cdn/pws/keywords/icon_all-inclusive.svg);
}
.dcbox .row .icon-all-kilometers-free {
  mask: url(/assets/p/cdn/pws/keywords/icon_all-kilometers-free.svg);
}
.dcbox .row .icon-beach-vacation {
  mask: url(/assets/p/cdn/pws/keywords/icon_beach-vacation.svg);
}
.dcbox .row .icon-breakfast {
  mask: url(/assets/p/cdn/pws/keywords/icon_breakfast.svg);
}
.dcbox .row .icon-cabin-type {
  mask: url(/assets/p/cdn/pws/keywords/icon_cabin-type.svg);
}
.dcbox .row .icon-cancelable-free-of-charge {
  mask: url(/assets/p/cdn/pws/keywords/icon_cancelable-free-of-charge.svg);
}
.dcbox .row .icon-city-trip {
  mask: url(/assets/p/cdn/pws/keywords/icon_city-trip.svg);
}
.dcbox .row .icon-diving {
  mask: url(/assets/p/cdn/pws/keywords/icon_diving.svg);
}
.dcbox .row .icon-downtown {
  mask: url(/assets/p/cdn/pws/keywords/icon_downtown.svg);
}
.dcbox .row .icon-early-bird {
  mask: url(/assets/p/cdn/pws/keywords/icon_early-bird.svg);
}
.dcbox .row .icon-families {
  mask: url(/assets/p/cdn/pws/keywords/icon_families.svg);
}
.dcbox .row .icon-fitness {
  mask: url(/assets/p/cdn/pws/keywords/icon_fitness.svg);
}
.dcbox .row .icon-half-board {
  mask: url(/assets/p/cdn/pws/keywords/icon_half-board.svg);
}
.dcbox .row .icon-heated-pool {
  mask: url(/assets/p/cdn/pws/keywords/icon_heated-pool.svg);
}
.dcbox .row .icon-hiking {
  mask: url(/assets/p/cdn/pws/keywords/icon_hiking.svg);
}
.dcbox .row .icon-included-services {
  mask: url(/assets/p/cdn/pws/keywords/icon_included-services.svg);
}
.dcbox .row .icon-last-minute {
  mask: url(/assets/p/cdn/pws/keywords/icon_last-minute.svg);
}
.dcbox .row .icon-location-near-to-beach {
  mask: url(/assets/p/cdn/pws/keywords/icon_location-near-to-beach.svg);
}
.dcbox .row .icon-luggage-included {
  mask: url(/assets/p/cdn/pws/keywords/icon_luggage-included.svg);
}
.dcbox .row .icon-massages {
  mask: url(/assets/p/cdn/pws/keywords/icon_massages.svg);
}
.dcbox .row .icon-non-stop-flight {
  mask: url(/assets/p/cdn/pws/keywords/icon_non-stop-flight.svg);
}
.dcbox .row .icon-pool {
  mask: url(/assets/p/cdn/pws/keywords/icon_pool.svg);
}
.dcbox .row .icon-ratings {
  mask: url(/assets/p/cdn/pws/keywords/icon_ratings.svg);
}
.dcbox .row .icon-rebookability {
  mask: url(/assets/p/cdn/pws/keywords/icon_rebookability.svg);
}
.dcbox .row .icon-room-type {
  mask: url(/assets/p/cdn/pws/keywords/icon_room-type.svg);
}
.dcbox .row .icon-roundtrips {
  mask: url(/assets/p/cdn/pws/keywords/icon_roundtrips.svg);
}
.dcbox .row .icon-sauna {
  mask: url(/assets/p/cdn/pws/keywords/icon_sauna.svg);
}
.dcbox .row .icon-seat-reservation-included {
  mask: url(/assets/p/cdn/pws/keywords/icon_seat-reservation-included.svg);
}
.dcbox .row .icon-shipping-company {
  mask: url(/assets/p/cdn/pws/keywords/icon_shipping-company.svg);
}
.dcbox .row .icon-singles {
  mask: url(/assets/p/cdn/pws/keywords/icon_singles.svg);
}
.dcbox .row .icon-sports-offers {
  mask: url(/assets/p/cdn/pws/keywords/icon_sports-offers.svg);
}
.dcbox .row .icon-vacation-for-two {
  mask: url(/assets/p/cdn/pws/keywords/icon_vacation-for-two.svg);
}
.dcbox .row .icon-whirlpool {
  mask: url(/assets/p/cdn/pws/keywords/icon_whirlpool.svg);
}
.dcbox .row .icon-without-deductible {
  mask: url(/assets/p/cdn/pws/keywords/icon_without-deductible.svg);
}
.dcbox .row .rating {
  color: #000;
}
.dcbox .row .destination {
  color: #000;
}
.dcbox .row .description {
  padding-top: 10px;
}
.dcbox .category-row {
  margin-bottom: 10px;
  margin-top: 0px;
  height: 30px;
}
.dcbox .tags-row {
  margin-bottom: 10px;
  margin-top: -10px;
  height: 48px;
}
.dcbox .price-row {
  width: 100%;
  height: 48px;
  position: relative;
}
.dcbox .price-row .smg-dcb-button,
.dcbox .price-row .smg-dcb-button:hover,
.dcbox .price-row .smg-dcb-button:focus {
  position: absolute;
  left: 0;
  top: 0;
  height: 48px;
  line-height: 48px;
  padding: 0px 0px;
  cursor: pointer;
  border-radius: 0;
  color: #ffffff;
  background-color: #0D58a6;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dcbox .price-row .smg-dcb-button .prefix,
.dcbox .price-row .smg-dcb-button:hover .prefix,
.dcbox .price-row .smg-dcb-button:focus .prefix {
  font-size: 1em;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}
.dcbox .price-row .smg-dcb-button .price,
.dcbox .price-row .smg-dcb-button:hover .price,
.dcbox .price-row .smg-dcb-button:focus .price {
  font-size: 1.8em;
  font-weight: 700;
  color: #ffffff;
}
.dcbox .share-row .btn {
  letter-spacing: 2px;
  height: 40px;
}
.dcbox .share-row .whats-app {
  text-align: center;
}
@media (min-width: 768px) {
  .dcbox .share-row .whats-app {
    text-align: right;
  }
}
.dcbox .share-row .whats-app img {
  width: 150px;
}
.dcbox .dcb-share-dialog {
  text-align: center;
  height: 0;
}
.dcbox .dcb-share-dialog .share-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dcbox .dcb-share-dialog .share-dialog .dialog-title {
  font-size: 1.2em;
  font-weight: 700;
}
.dcbox .dcb-share-dialog .share-dialog {
  display: none;
  width: 95%;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  z-index: -1;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
}
.dcbox .dcb-share-dialog .share-dialog.is-open {
  display: block;
  z-index: 1020;
}
.dcbox .dcb-share-dialog .close-button {
  background-color: transparent;
  border: none;
  padding: 0;
  align-items: normal;
}
.dcbox .dcb-share-dialog .close-button svg {
  margin-right: 0;
  height: 25px;
  width: 25px;
}
.dcbox .dcb-share-dialog .link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eee;
}
.dcbox .dcb-share-dialog .pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dcbox .dcb-share-dialog .smg-dcb-copy,
.dcbox .dcb-share-dialog .smg-dcb-copy:hover,
.dcbox .dcb-share-dialog .smg-dcb-copy:focus {
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  margintop: 5px;
  cursor: pointer;
  border-radius: 0;
  color: #ffffff;
  background-color: #0D58a6;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dcbox_contact {
  padding-top: 40px;
}
.dcbox_contact svg {
  height: 25px;
  weight: 25px;
}
.dcbox_contact a:hover {
  text-decoration: none;
}
.dcbox_contact .image-row {
  width: 100%;
  position: relative;
}
.dcbox_contact .image-row .contact-share {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1010;
  position: absolute;
}
.dcbox_contact .image-row .btn-share {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent;
  border: 1px solid transparent;
}
.dcbox_contact .image-row .shariff {
  size: 300px;
}
.dcbox_contact .image-row .contact-mail {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1011;
  position: absolute;
}
.dcbox_contact .image-row .contact-whatsapp {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1012;
  position: absolute;
}
.dcbox_contact .image-row .contact-telephone {
  width: 40px;
  height: 40px;
  right: 10px;
  z-index: 1013;
  position: absolute;
}
.dcbox_contact .row .contact-icon {
  width: 40px !important;
  height: 40px !important;
  border-color: #ffffff;
  fill: #ffffff;
  border-radius: 10px;
  background-color: #0D58a6;
}
.dcbox_contact .row .contact-icon-mail {
  width: 40px !important;
  height: 40px !important;
  border-color: #ffffff;
  fill: #0D58a6;
  border-radius: 10px;
  background-color: #ffffff;
}
@supports (-moz-appearance: none) {
  .dcbox_contact .row .fluid-width-video-wrapper iframe, .dcbox_contact .row .fluid-width-video-wrapper object, .dcbox_contact .row .fluid-width-video-wrapper embed {
    width: unset;
  }
}
.dcbox_contact .row .icon-additional-driver-included {
  mask: url(/assets/p/cdn/pws/keywords/icon_additional-driver-included.svg);
}
.dcbox_contact .share-row .btn {
  letter-spacing: 2px;
  height: 40px;
}
.dcbox_contact .share-row .whats-app {
  text-align: center;
}
@media (min-width: 768px) {
  .dcbox_contact .share-row .whats-app {
    text-align: right;
  }
}
.dcbox_contact .share-row .whats-app img {
  width: 150px;
}
.dcbox_contact .dcb-share-dialog {
  text-align: center;
  height: 0;
}
.dcbox_contact .dcb-share-dialog .share-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dcbox_contact .dcb-share-dialog .share-dialog .dialog-title {
  font-size: 1.2em;
  font-weight: 700;
}
.dcbox_contact .dcb-share-dialog .share-dialog {
  display: none;
  width: 95%;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  z-index: -1;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 220px;
}
.dcbox_contact .dcb-share-dialog .share-dialog.is-open {
  display: block;
  z-index: 1020;
}
.dcbox_contact .dcb-share-dialog .close-button {
  background-color: transparent;
  border: none;
  padding: 0;
  align-items: normal;
}
.dcbox_contact .dcb-share-dialog .close-button svg {
  margin-right: 0;
  height: 25px;
  width: 25px;
}
.dcbox_contact .dcb-share-dialog .link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: #eee;
}
.dcbox_contact .dcb-share-dialog .pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dcbox_contact .dcb-share-dialog .smg-dcb-copy,
.dcbox_contact .dcb-share-dialog .smg-dcb-copy:hover,
.dcbox_contact .dcb-share-dialog .smg-dcb-copy:focus {
  height: 35px;
  line-height: 35px;
  padding: 0 20px;
  margintop: 5px;
  cursor: pointer;
  border-radius: 0;
  color: #ffffff;
  background-color: #0D58a6;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.homepage-gallery {
  width: 100%;
}
.homepage-gallery img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.homepage-link h2, .homepage-link p {
  text-align: center;
}
.homepage-link .button-container {
  margin-top: 10px !important;
}

section.smg-welcome-text-button {
  text-align: center;
}

.ibe-searchbox-wrapper {
  min-height: 200px;
}
.ibe-searchbox-wrapper .js-submit-search-form {
  background: #0D58a6 !important;
}

.flatpickr-calendar {
  margin-top: 20px;
}

.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
  display: unset !important;
}

.flatpickr-month {
  height: 40px !important;
}

.flatpickr-months {
  font-size: 11px;
  height: 50px;
}

.cur-year {
  box-shadow: none !important;
}

#quick-search-wrapper {
  font-family: Arial, sans-serif;
  background-color: transparent;
  font-size: 15px;
  padding: 10px 0;
  min-height: 234px;
}

#booking-type-outer-wrapper {
  display: flex;
  justify-content: center;
}

#booking-type-inner-wrapper {
  display: flex;
  justify-content: center;
  font-size: 0;
  margin: 0;
  height: 32px;
  border-radius: 3px;
  width: calc(100% - 20px);
  max-width: 368px;
}

.booking-type {
  overflow: hidden;
  width: 50%;
}

.booking-type-btn {
  cursor: pointer;
  border: none;
  outline: none;
  width: 100%;
  height: 32px;
  background-color: lightgray;
  font-size: 14px;
  padding: 0;
}

#package-btn {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  color: #0D58a6;
  overflow: hidden;
}

#package-btn:not(.selected):hover {
  background-color: #e0e0e0;
  color: #0D58a6;
}

#package-btn.selected {
  color: white;
  background-color: #0D58a6;
}

#hotel-only-btn {
  color: #0D58a6;
  background-color: #e0e0e0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

#hotel-only-btn:not(.selected):hover {
  background-color: #e0e0e0;
  color: #0D58a6;
}

#hotel-only-btn.selected {
  color: white;
  background-color: #0D58a6;
}

.travel-data-wrapper {
  margin-top: 20px;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  z-index: 110;
}

.input-outer-wrapper {
  cursor: pointer;
  margin-right: 10px;
  margin-top: 0;
  width: 225px;
  height: 56px;
  border-radius: 5px;
  background-color: lightgray;
  transition: 1.5s;
  display: grid;
  grid-template: "icon input";
  gap: 5px;
  grid-template-columns: 56px auto;
  margin-bottom: 10px;
}

.input-outer-wrapper:hover {
  background-color: #e0e0e0;
  transition: 300ms;
}

.icon-wrapper {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 56px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #696969;
}

.icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
}

.input-inner-wrapper {
  line-height: 1em;
}

.input-label {
  padding-top: 5px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  cursor: pointer;
  color: #0D58a6;
  font-weight: bold;
}

.data-input {
  display: inline;
  font-size: 13px !important;
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  width: 160px;
  height: 39px;
  min-height: auto !important;
  line-height: unset !important;
  padding: 0 !important;
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

.input-inner-wrapper-departure .select2-selection--multiple {
  background-color: transparent !important;
  border: none !important;
  padding-top: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin: 0 !important;
  border-right: 0px solid #aaa !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-left: 0px !important;
  margin-top: 0px !important;
  border: 0px solid #aaa !important;
  background-color: transparent !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  line-height: 30px !important;
  margin-top: -2px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin: 0 !important;
}

.select2-container--default .select2-selection--multiple {
  padding: 0 !important;
}

.select2 select2-container select2-container--default select2-container--focus {
  margin-top: 12px;
}

.select2-container--default .select2-search--inline .select2-search__field {
  margin-top: 12px !important;
}

.select2-selection--multiple {
  overflow: hidden !important;
  height: auto !important;
  display: flex !important;
  flex-direction: row-reverse !important;
  box-shadow: none !important;
  font-size: 15px !important;
}

ul.select2-selection__rendered {
  width: calc(100% - 17px);
  margin: 0;
}

.select2-search--inline {
  /* width: 100%; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  max-width: 92% !important;
  width: 100% !important;
  height: 23px;
  text-align: center;
}

.select2-container--default .select2-search--inline .select2-search__field {
  height: auto !important;
  /* width: unset !important; */
}

/* Selectable items highlight */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #666 !important;
}

/* Selected item highlight */
.select2-container--default .select2-results__option--selected {
  background: #666 !important;
  color: #fff !important;
}

.travelers-outer-wrapper {
  /* display: inline-flex; */
  justify-content: center;
  font-family: Arial, sans-serif;
  margin-top: 0px;
  border-radius: 5px;
  background-color: lightgrey;
  position: relative;
}

.travelers-inner-wrapper {
  padding: 5px;
}

.input-travelers-wrapper {
  border: 2px solid white;
  border-radius: 2px;
  color: lightgrey;
}

.age-selector {
  display: grid;
  grid-template: "minus age plus";
  grid-template-columns: 2fr 3fr 2fr;
}

.plus {
  grid-area: plus;
  display: flex;
  justify-content: center;
  align-items: center;
}

.age {
  grid-area: age;
}

.minus {
  grid-area: minus;
  display: flex;
  justify-content: center;
  align-items: center;
}

.counter-label {
  color: #696969;
  font-weight: bold;
}

.button_adult {
  margin-bottom: 0;
  background-color: lightgrey !important;
  padding: 1px 6px;
  height: 30px;
  width: 30px;
  outline: none;
}

#adult, #children {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  line-height: unset !important;
  min-height: unset !important;
  box-shadow: none !important;
  color: #696969;
}

.button_children {
  margin-bottom: 0;
  background-color: lightgrey !important;
  padding: 1px 6px;
  height: 30px;
  width: 30px;
  outline: none;
}

.travelers-input {
  text-align: center;
  border: 0;
  font-size: 18px;
  line-height: 5px;
  outline: none;
  background-color: lightgrey;
  border-radius: 0 !important;
}

.counter-btn {
  font-family: Arial, sans-serif;
  font-size: 25px;
  font-weight: bold;
  color: #0D58a6;
}

#submit-outer-wrapper {
  display: flex;
  justify-content: center;
}

#submit-inner-wrapper {
  height: 64px;
  width: 200px;
  border-radius: 5px;
  cursor: pointer;
  display: grid;
  grid-template: "search caption";
  grid-template-columns: 64px 136px;
  gap: 0;
  background-color: #0D58a6;
}

#submit-inner-wrapper:hover {
  background-color: #0D58a6;
}

#submit-icon-wrapper {
  grid-area: search;
  background-image: url("/wp-content/plugins/smg-theme-extension/public/images/Icon_Search.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
}

#submit-btn-wrapper {
  grid-area: caption;
  height: 64px;
  display: flex;
  justify-content: flex-start;
}

#submit-icon {
  background-color: #0D58a6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
}

#submit-btn {
  background-color: #0D58a6;
  color: white !important;
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  padding: 0;
  text-transform: unset;
  box-shadow: unset;
  position: unset;
}

#duration-select {
  margin-top: 10px;
  width: 225px;
  height: 250px;
  outline: none;
  border: none;
  background-color: lightgrey;
  overflow: scroll;
  overflow-x: hidden;
}

#duration-select::-webkit-scrollbar {
  width: 0.2em;
}

#duration-select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#duration-select::-webkit-scrollbar-thumb {
  outline: 1px solid lightgrey;
}

#duration-select div {
  padding: 0.6rem 0.8rem;
  text-align: left;
  /*       color: #212121; */
  background-color: lightgrey;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
  cursor: pointer;
  color: #696969;
}

#duration-list {
  z-index: 2;
}

.duration-select-seperator {
  border-top: 1px solid white;
}

.autoComplete_wrapper {
  display: inline-block;
  position: relative;
}

.autoComplete_wrapper > ul {
  position: absolute;
  margin-left: -56px;
  max-height: 300px;
  overflow-y: scroll;
  box-sizing: border-box;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 1;
  list-style: none;
  border-radius: 5px;
  background-color: lightgrey;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  outline: 0;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
}

.autoComplete_wrapper > ul:empty,
.autoComplete_wrapper > ul[hidden] {
  display: block;
  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  color: #212121;
  background-color: lightgrey;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: #0D58a6;
  font-weight: 700;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: #ffcfa2;
}

.autoComplete_wrapper > ul > li[aria-selected=true] {
  background-color: #0D58a6;
}

ul::-webkit-scrollbar {
  width: 0.2em;
}

ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px lightgrey;
}

ul::-webkit-scrollbar-thumb {
  outline: 1px solid #3c3f40;
  background-color: #3c3f40;
}

#input-destination_listbox,
.select2-results__options {
  background-color: lightgrey;
  margin-top: 5px;
  width: 225px;
  margin-left: -56px;
  border-radius: 5px;
  overflow-y: auto;
  max-height: 150px;
  font-size: 15px;
}

.select2-results__option {
  background-color: lightgrey !important;
}

.select2-results__options li,
#input-destination_listbox .tt-suggestion {
  padding: 5px 10px;
}

.tt-suggestion:hover {
  border-radius: 2px;
  background-color: #666 !important;
}

.tt-highlight {
  color: #0D58a6;
}

#input-destination_listbox::-webkit-scrollbar {
  width: 0.2em;
}

#input-destination_listbox::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px lightgrey;
}

#input-destination_listbox::-webkit-scrollbar-thumb {
  outline: 1px solid #3c3f40;
  background-color: #3c3f40;
}

#input-period {
  border: none;
}

.social-media-view {
  margin-top: 25px !important;
}
.social-media-view .social-media-icon {
  width: 24px;
  height: 24px;
}

.paxconnect {
  background-color: #F2F2F2;
}
.paxconnect input {
  width: 50%;
  padding: 15px !important;
  margin: 15px !important;
  border: 1px solid #ddd !important;
  border-radius: 5px;
}
.paxconnect input:focus {
  border: 0.1rem solid #969696;
}
.paxconnect input::placeholder {
  text-align: center;
}

.smg_subpage_content {
  width: 99%;
  margin: 0 0;
  padding: 0 0;
}
.smg_subpage_content .smg_subpage_title {
  font-size: 6vw;
  font-weight: 600;
  color: #0D58a6;
  padding: 20px 0 30px 12px;
}
@media only screen and (min-width: 500px) {
  .smg_subpage_content .smg_subpage_title {
    font-size: 4vw;
  }
}
@media only screen and (min-width: 700px) {
  .smg_subpage_content .smg_subpage_title {
    font-size: 2.8vw;
  }
}
@media only screen and (min-width: 800px) {
  .smg_subpage_content .smg_subpage_title {
    font-size: 2.5vw;
  }
}
@media only screen and (min-width: 1200px) {
  .smg_subpage_content .smg_subpage_title {
    font-size: 1.5vw;
  }
}
.smg_subpage_content .smg_subpage_container {
  margin: 0 0;
  padding: 0 0;
  width: 100%;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row {
  margin: 0 0;
  padding: 0 0;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row .smg_subpage_col {
  margin-bottom: 30px;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row .smg_subpage_col .smg_subpage_link .smg_subpage_card:hover {
  opacity: 0.5;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row .smg_subpage_col .smg_subpage_link .smg_subpage_card:hover {
  width: 100%;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row .smg_subpage_col .smg_subpage_link .smg_subpage_card {
  -webkit-box-shadow: 5px 5px 13px -3px rgba(0, 0, 0, 0.75) !important;
  box-shadow: 5px 5px 13px -3px rgba(0, 0, 0, 0.75) !important;
  background-color: #fff !important;
  border-radius: 3px;
  width: 99%;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row .smg_subpage_col .smg_subpage_link .smg_subpage_card .smg_subpage_card-img-top {
  border-radius: 3px 3px 0 0;
  width: 100%;
  background-size: cover;
  background-position: center;
  aspect-ratio: 5/3;
}
.smg_subpage_content .smg_subpage_container .smg_subpage_row .smg_subpage_col .smg_subpage_link .smg_subpage_card .smg_subpage_card-title {
  display: block;
  text-overflow: ellipsis;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  color: #0D58a6;
  font-weight: 600;
  padding: 20px 10px;
  margin: 0px;
  overflow: hidden;
  font-size: 1em;
  line-height: 1.3em;
}

.smg-individual-button-one-wrapper .individual-button,
.smg-individual-button-one-wrapper .individual-button:hover,
.smg-individual-button-one-wrapper .individual-button:focus {
  white-space: normal;
  height: unset;
  min-height: 48px;
  line-height: 48px;
}

.smg-individual-button-two-wrapper {
  margin: 10px;
  padding: 10px;
}
.smg-individual-button-two-wrapper .smg-individual-button-two-text {
  font-size: 20px;
  font-weight: bolder;
  color: #4a4a4a;
  font-family: Arial;
}
.smg-individual-button-two-wrapper .individual-button,
.smg-individual-button-two-wrapper .individual-button:hover,
.smg-individual-button-two-wrapper .individual-button:focus {
  white-space: normal;
  height: unset;
  min-height: 48px;
  line-height: 48px;
}

.smg-individual-area {
  margin: 5px;
  padding: 5px;
  text-align: center;
}
.smg-individual-area .smg-individual-area-text {
  margin: 5px;
  font-size: 30px;
  font-weight: bolder;
  color: #4a4a4a;
  font-family: Arial;
}
.smg-individual-area .smg-individual-area-outer-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.smg-individual-area .smg-individual-area-outer-wrapper .smg-individual-area-description {
  margin: 5px;
  color: #1f1f1f;
  text-align: left;
  font-family: Arial;
  font-size: 16px;
}
.smg-individual-area .smg-individual-area-outer-wrapper .smg-individual-area-image {
  margin: 5px;
  max-height: 165px;
  max-width: 500px;
}

@media (max-width: 479px) {
  .smg-individual-area .smg-individual-area-text {
    font-size: 20px !important;
  }
  .smg-individual-area .smg-individual-area-outer-wrapper .smg-individual-area-description {
    font-size: 14px !important;
  }
}
@media (max-width: 1000px) {
  .smg-individual-area-outer-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .smg-individual-area-outer-wrapper .smg-individual-area-description {
    text-align: center;
  }
}
h1, h2, h3, h4, h5, h6 {
  color: #0D58a6 !important;
}

.et-pb-icon {
  color: #0D58a6 !important;
}

.mobile-contact-icon .et-pb-icon {
  color: #fff !important;
}

.floating-contact-icon .et-pb-icon {
  background-color: #0D58a6 !important;
  border: 2px solid #fff !important;
  cursor: pointer;
  color: #fff !important;
}

.box-height-mobile > .et_pb_column {
  margin-bottom: 30px !important;
}
.box-height-mobile > .et_pb_column > .et_pb_with_border {
  height: 100%;
}

#dtb-m-menu {
  background-color: #0D58a6 !important;
}
#dtb-m-menu .dtb-mobile-menu > li > a {
  color: #0D58a6 !important;
  border-color: #0D58a6 !important;
}

.smg-individual-button,
.smg-individual-button:hover,
.smg-individual-button:focus {
  height: 48px;
  display: inline-block;
  line-height: 48px;
  padding: 0 20px;
  cursor: pointer;
  color: #ffffff;
  background-color: #0D58a6;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.et_pb_contact_submit.et_pb_button {
  background: #0D58a6 !important;
  height: 56px !important;
  font-size: 18px !important;
  border-color: #0D58a6 !important;
}

.smg-tile-new {
  border-color: #0D58a6 !important;
}
.smg-tile-new p > svg,
.smg-tile-new p > strong {
  color: #0D58a6;
}

.smg-tile {
  border-color: #0D58a6 !important;
}
.smg-tile p > svg,
.smg-tile p > strong {
  color: #0D58a6;
  width: 100%;
  height: 100%;
}

body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_contact_form_container.et_pb_module .et_contact_bottom_container button.et_pb_contact_submit.et_pb_button {
  background: #0D58a6 !important;
  border: none !important;
  box-shadow: none !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.smg-text-shadow {
  text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

.cc_dialog.simple {
  max-width: 100% !important;
}

.social-media-view a img {
  margin: 0 5px;
}

a.et_pb_button {
  text-decoration: none;
}

.et_post_meta_wrapper {
  display: none !important;
}

.plugin-box {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.headline-wrapper {
  display: flex;
  flex-flow: row nowrap;
}
.headline-wrapper .icon {
  flex: 0 0 auto;
  background-color: #0D58a6;
  padding: 10px;
  font-size: 50px;
  max-width: 80px;
  float: left;
}
.headline-wrapper .description {
  color: #0D58a6;
  float: right;
  padding: 20px 0 20px 15px;
  font-size: 20px;
}
@media (min-width: 768px) {
  .headline-wrapper .description {
    font-size: 25px;
  }
}

.btn-smg {
  color: #fff;
  background-color: #0D58a6;
  border-color: #0D58a6;
}

.btn-smg:hover {
  color: #fff;
  background-color: #0D58a6;
  border-color: #0D58a6;
}

.btn-smg:focus, .btn-smg.focus {
  color: #fff;
  background-color: #0D58a6;
  border-color: #0D58a6;
  box-shadow: 0 0 0 0.2rem rgba(145, 82, 3, 0.5);
}

.btn-smg.disabled, .btn-smg:disabled {
  color: #fff;
  background-color: #707070;
  border-color: #000;
}

.btn-smg-outline {
  background-color: #fff !important;
  border: 2px solid #0D58a6 !important;
  color: #0D58a6;
  font-weight: bold;
}

.btn-smg-outline:hover {
  background-color: #0D58a6 !important;
  color: #fff;
}

.primary-color {
  background-color: #0D58a6 !important;
}

#primary-color-menu {
  background-color: #0D58a6 !important;
}

.mwa-highlight {
  color: #0D58a6 !important;
}

.contact-widget {
  width: 50px;
  height: 50px;
  background: #0D58a6;
  position: fixed;
  z-index: 99;
  right: 20px;
  bottom: 50px;
  border-radius: 50%;
  color: #fff;
  box-shadow: 0 0 10px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-widget svg {
  width: 24px;
}

.contact-widget img {
  width: 34px;
  display: block;
}

.contact-widget:hover {
  color: #fff;
}