@font-face {
  font-family: 'mark-bold';
  src: url('../css/fonts/Mark-Heavy.ttf') format('truetype');
}
@font-face {
  font-family: 'mark-medium';
  src: url('../css/fonts/Mark-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'mark-regular';
  src: url('../css/fonts/Mark-Regular.ttf') format('truetype');
}
:root {
  --default-text-color: #6f6e6e;
  --brand-orange: #f1712f;
  --brand-green: #58c98f;
  --brand-blue: #0090bd;
  --brand-grey: #474a4b;
  --brand-darkblue: #212d84;
  --h1-font-size: 22px;
  --default-font-size: 18px;
  --title-font-size: 28px;
}
.booking-popup * {
  font-family: 'mark-medium' !important;
  color: var(--brand-grey);
}
.booking-popup .logo {
  display: none;
}
.booking-popup .selected-treatment,
.booking-popup .selected-city {
  text-align: center;
  background-color: #fff;
  border-radius: 7px;
  width: 90%;
  height: 30px;
  padding: 3px;
  margin: 10px 5%;
  display: none;
}
.booking-popup .selected-city {
  margin-top: 15px;
}
.booking-popup .month-year p,
.booking-popup .day,
.booking-popup .appointment {
  color: var(--brand-darkblue);
}
.booking-popup .month-year {
  display: flex;
}
.booking-popup .month-year p {
  padding: 0 5px 0;
}
.booking-popup .day {
  width: 11%;
  margin: 0 2%;
}
.booking-popup .category .icon {
  display: none;
}
.booking-popup .category-name > p {
  padding: 5px 0 5px 25px;
}
.booking-popup .category .treatment {
  background-color: #fff;
  border-radius: 12px;
}

.booking-popup .category .treatment:hover {
  cursor: pointer;
  background-color: var(--brand-green);
}
.booking-popup .category .treatment:hover label {
  color: #fff;
  cursor: pointer;
}
.booking-popup .category .treatment:not(:last-child) {
  margin-bottom: 10px;
}
.booking-popup .category .treatments label {
  padding: 3px 10px;
}
.booking-popup .category-name span {
  width: 25px;
  height: 33px;
  margin-right: 25px;
}
.booking-popup .final p.price {
  width: 100% !important;
}
.booking-popup .final #policy_agreement span,
.booking-popup .final .price,
.booking-popup .select .price {
  color: var(--brand-darkblue);
  font-size: 14px !important;
  font-family: 'mark-regular' !important;
  line-height: 18px !important;
  position: relative;
  padding: 7px 0 20px 25px;
}
.booking-popup .select .price:before {
  content: '*';
  left: 17px;
  position: absolute;
}

.booking-popup .header {
  width: 100%;
}
.booking-popup span.arrow img:last-child {
  display: none;
}
.booking-popup .header p {
  color: white;
  line-height: 20px !important;
  font-size: 17px;
  text-align: center;
  padding: 0;
}
.booking-popup input[type='radio']:not(:checked),
.booking-popup input[type='radio'],
body[data-fancy-form-rcs='1'] .booking-popup input[type='radio']:not(:checked) {
  position: relative !important;
  left: unset !important;
  visibility: hidden;
}
.booking-popup .calendar > div {
  margin-bottom: 5px;
}
.booking-popup .calendar .nav .prev:before,
.booking-popup .calendar .nav .next:before {
  content: '';
  background-image: url('/wp-content/themes/salient/img/arrow.png');
  background-size: contain;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: 6px;
}
.booking-popup .calendar .nav > .prev {
  position: absolute;
  top: 70px;
  left: 0;
}
.booking-popup .calendar .nav > .next {
  position: absolute;
  top: 70px;
  right: 0;
}
.booking-popup .calendar .dropdown .prev:not(.disabled),
.booking-popup .calendar .dropdown .next:not(.disabled),
.booking-popup .calendar .nav > .prev:not(.disabled),
.booking-popup .calendar .nav > .next:not(.disabled) {
  cursor: pointer;
}
.booking-popup .calendar .nav .next:before {
  transform: rotate(180deg);
}
.booking-popup .calendar .nav .prev.disabled:before,
.booking-popup .calendar .nav .next.disabled:before {
  background-image: url('/wp-content/themes/salient/img/grey-arrow.png');
  pointer-events: none;
}
.booking-popup .calendar .select .prev:before,
.booking-popup .calendar .select .next:before {
  margin-top: 8px;
}
.booking-popup .year-select {
  display: none;
  position: absolute;
  top: 30px;
  z-index: 2;
  background-color: #fff;
  box-shadow: 0px 0px 15px 5px #ddd;
  border-radius: 10px;
  width: 100%;
  left: 0;
}
.page-template-template-angebot-redesign-trickster-locked-14012020
  .booking-popup
  .wrapper,
.page-template-template-weitere-behandlungen-15012020 .booking-popup .wrapper,
.page-template-template-angebot-redesign-29112019 .booking-popup .wrapper {
  padding: 0 !important;
}
.booking-popup .final,
.booking-popup .year-select .wrapper {
  display: none;
}
.booking-popup .year-select .wrapper:first-child {
  display: block;
}
.booking-popup .year-select .dropdown {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 0 10px;
}
.booking-popup .year-select .dropdown > p {
  width: 100px;
  text-align: center;
  color: var(--brand-darkblue);
  padding: 3px 0 0;
}
.booking-popup .month-select {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.booking-popup .month-select .month {
  width: 30%;
  margin: 5px 0 5px 3.33%;
  color: var(--brand-darkblue);
}
.booking-popup .appointment:not(.unavailable):hover {
  cursor: pointer;
}
.booking-popup .month-select .month:hover {
  color: var(--brand-green);
  cursor: pointer;
}
.booking-popup .month-select .month.disabled {
  color: #ddd;
  pointer-events: none;
}
.booking-popup .cities {
  display: none;
  max-height: 100%;
}
.booking-popup .cities-text {
  display: none;
  color: var(--brand-darkblue);
  font-size: 15px;
  font-family: 'mark-regular';
  line-height: 20px;
  margin-bottom: 5px;
}
.booking-popup .categories {
  height: 100%;
  overflow-y: scroll;
  position: relative;
}
.booking-popup .slots::-webkit-scrollbar,
.booking-popup .cities .wrapper::-webkit-scrollbar,
.booking-popup .categories::-webkit-scrollbar {
  display: none;
}
.booking-popup .category-name {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.booking-popup .category-name:hover {
  cursor: pointer;
}
.booking-popup .category-name > p.text {
  display: none;
  color: #bbb;
  font-family: 'mark-regular';
  padding-top: 0;
  line-height: 22px;
  font-size: 16px;
  width: 100%;
}
.booking-popup .cities {
  width: 100%;
}
.booking-popup .cities .wrapper {
  background-color: #eee;
  overflow-y: scroll;
  padding: 15px !important;
  height: 100%;
  flex-direction: column !important;
}
.booking-popup .category .treatments {
  background-color: #eee;
  display: none;
  width: 100%;
  padding: 15px;
}
.booking-popup .treatments.open {
  display: block;
}
.booking-popup {
  max-width: 535px;
  border: 1px solid black;
  border-radius: 20px;
  height: 100%;
}
.booking-popup .hero {
  flex-direction: column !important;
  padding: 20px;
  margin: 0 !important;
  min-height: unset;
  max-width: 450px;
  width: 100%;
  background-image: linear-gradient(
    135deg,
    #22b4aa 22%,
    var(--brand-darkblue) 100%
  );
}
.booking-popup > .wrapper > .wrapper,
.booking-popup > .wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  flex-wrap: wrap;
}
.booking-popup .hero .wrapper {
  margin: 0 !important;
  width: 100%;
  padding: 0 !important;
}
.booking-popup * {
  box-sizing: border-box;
  font-size: 18px;
}
.booking-popup p {
  margin: 0;
}
.booking-popup > .wrapper > .wrapper > .select {
  margin-bottom: 100px;
  overflow-y: hidden;
  max-height: calc(100% - 207px);
  height: 100%;
  margin: 6px 23px;
  position: relative;
}
.booking-popup .selection,
.booking-popup .results,
.booking-popup .results > .wrapper,
.booking-popup .calendar,
.booking-popup option,
.booking-popup .weiter {
  display: flex;
  flex-direction: column !important;
  width: 100% !important;
}
.booking-popup .selection {
  position: relative;
  height: 100%;
}
.booking-popup > .wrapper {
  max-height: 655px;
  width: 100%;
  max-width: 450px;
}
.booking-popup > .wrapper > .wrapper > .select:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to bottom,
    rgba(200, 200, 200, 0) 90%,
    rgba(200, 200, 200, 0.5) 100%
  );
  pointer-events: none;
}
.booking-popup .results .wrapper {
  display: none;
  padding: 0 !important;
}
.booking-popup .nav,
.booking-popup .labels,
.booking-popup .days {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.booking-popup .nav {
  justify-content: center;
}
.booking-popup .labels,
.booking-popup .days {
  width: 90%;
  margin: auto;
  text-align: center;
  height: 34px;
}
.booking-popup .days .day {
  border-radius: 100px;
  padding: 2px;
  background-color: none;
}
.booking-popup .days .day:not(.taken):hover {
  cursor: pointer;
}
.booking-popup .days .day.selected {
  color: #fff;
  background-color: #58c98f;
}
.booking-popup .days .day.taken {
  background-color: transparent !important;
  color: #ddd;
}
.booking-popup .calendar {
  padding: 0 10px 10px;
}
.booking-popup .calendar > p,
.booking-popup .results .slots-title {
  padding: 0 7px 9px;
  font-size: 13px;
  font-family: 'mark-regular' !important;
  text-align: center;
  line-height: 16px !important;
}

.booking-popup .slots {
  display: none;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 10px;
  background-color: #eee;
  overflow-y: scroll;
  height: 300px;
}
.booking-popup .appointment {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
  width: 26%;
  text-align: center;
  font-size: 15px;
  line-height: 25px !important;
  display: none;
}
.booking-popup .appointment.selected {
  background-color: var(--brand-green);
  color: #fff;
}
.booking-popup .appointment.unavailable {
  color: #ddd;
}
.booking-popup .weiter {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 10px 0px;
}
.booking-popup .weiter button:hover {
  cursor: pointer;
}
.booking-popup .weiter p {
  padding: 0 14px 7px;
  color: var(--brand-green);
  font-size: 14px;
}
.booking-popup .calendar span:hover,
.booking-popup .go-back:hover,
.booking-popup .weiter p:hover {
  cursor: pointer;
}
.booking-popup .cities-text > p {
  color: var(--brand-darkblue);
  font-family: 'mark-regular';
}

.booking-popup button {
  padding: 5px;
  margin: 0 !important;
}
.booking-popup button,
body[data-button-style='rounded'] .booking-popup button {
  background-color: var(--brand-green);
  width: 70%;
  border-radius: 12px !important;
  font-size: 21px;
  padding: 15px;
  border: none;
  color: #fff;
}
.booking-popup button.los:disabled,
body[data-button-style='rounded'] .booking-popup button.los:disabled {
  background-color: #c3eeda !important;
}
.booking-popup .go-back {
  color: var(--brand-green);
  font-size: 14px;
  visibility: hidden;
  width: 90px !important;
}
.booking-popup .city .image {
  display: none;
}
.booking-popup .title,
.booking-popup .city > div:first-child * {
  font-family: 'Open Sans' !important;
  letter-spacing: 0.3px;
}
.booking-popup .calendar span {
  width: 25px;
  height: 25px;
  margin-top: 0;
}
.booking-popup .danke img,
.booking-popup .calendar img,
.booking-popup .category-name img,
.booking-button.open .booking-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.booking-button.open {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px;
  padding: 7px 7px 7px 12px;
  font-family: 'mark-medium';
  height: unset;
}
.booking-button.open p {
  padding: 0 5px 0 0;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 0;
  color: #fff;
}
.booking-button.open .booking-icon {
  width: 48px;
  background-color: #fff;
  border-radius: 100px;
  padding: 5px 5px 8px 10px;
  box-sizing: border-box;
}
.phoneNumber.de .booking-button.open {
  width: 93px;
  margin-top: -9px;
  bottom: unset;
  right: unset;
  line-height: 1.2;
  padding: 5px;
  text-align: center;
  position: relative;
  display: block;
  font-size: 18px;
  width: 135px;
  font-family: 'mark-medium';
  height: unset;
}
.booking-button {
  box-sizing: border-box;
  position: fixed;
  color: #fff;
  bottom: 20px;
  right: 20px;
  z-index: 11;
  background-image: linear-gradient(
    135deg,
    #22b4aa 0%,
    var(--brand-darkblue) 100%
  );
  padding: 5px 10px;
  font-family: 'mark-regular' !important;
  font-size: 35px;
  border-radius: 100px;
  cursor: pointer;
  height: 42px;
}
.phoneNumber.de .booking-button {
  padding: 10px 15px;
}
.booking-popup form > .wpcf7-response-output {
  display: none !important;
}
.booking-popup {
  box-sizing: border-box;
  display: none;
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 9999;
  background-color: #fff;
  border: 1px solid rgb(233, 233, 233);
  overflow-y: scroll;
  max-height: calc(100vh - 90px);
  height: 655px;
  width: 100%;
  max-width: 450px;
}
.booking-popup::-webkit-scrollbar {
  display: none;
}
.page-template-template-angebot-redesign-26112018 .booking-popup,
.page-template-template-angebot-redesign-26112018-ty-page .booking-popup {
  max-height: calc(100% - 80px);
}
.booking-popup.open {
  display: block;
}
.booking-popup .title {
  font-weight: bold;
  font-size: 18px;
  color: var(--brand-green);
  padding: 20px 0 10px 25px;
}
.booking-popup .city {
  padding: 3px 10px;
  border-radius: 12px;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

.booking-popup .city:not(:last-child) {
  margin-bottom: 10px;
}
.booking-popup .city:hover {
  cursor: pointer;
  background-color: var(--brand-green);
}
.booking-popup .city:hover label {
  color: #fff;
  cursor: pointer;
}
.booking-popup .city p {
  padding: 0;
  font-size: 13px;
  color: rgb(100, 100, 100);
}
.booking-popup .city p span {
  font-weight: bolder;
}
.booking-popup .city p:first-child {
  padding: 0;
  font-size: 15px;
  color: #333333;
  font-weight: bolder;
}
.booking-popup .city .primary-button {
  font-size: 14px;
  border-radius: 4px;
  padding: 7px;
  text-transform: unset;
}
.page-template-template-angebot-redesign-26112018 .booking-button,
.page-template-template-angebot-redesign-26112018-ty-page .booking-button {
  right: 20px;
}

.booking-popup .final {
  display: none;
  flex-wrap: wrap;
  padding: 20px 30px !important;
}
.booking-popup .final p {
  padding: 5px 0;
}
.booking-popup .final p:nth-child(2) {
  display: flex;
  justify-content: space-between;
}
.booking-popup .final p:nth-child(2) span:first-child {
  width: 100px;
  color: #aaa !important;
  font-size: 15px;
}
.booking-popup .calendar > p:first-child {
  padding: 5px 0;
}
.booking-popup input[type='submit'].wpcf7-submit,
html
  body[data-child-style='true'][redesign-05042019]
  .booking-popup
  input[type='submit'].wpcf7-submit {
  border-radius: 12px !important;
  padding: 13px 40px !important;
  font-family: 'mark-medium' !important;
  background-color: var(--brand-green) !important;
  font-size: 16px !important;
  margin: 0 !important;
}
.booking-popup input[type='submit'].wpcf7-submit:hover,
html
  body[data-child-style='true'][redesign-05042019]
  .booking-popup
  input[type='submit'].wpcf7-submit:hover {
  background-color: #c3eeda !important;
  cursor: pointer;
}
.booking-popup form input[type='submit'],
form input[type='submit'],
body[data-button-style='rounded'].ascend
  .booking-popup
  form
  input[type='submit'],
form input[type='submit'] {
  float: unset !important;
}

.booking-popup .final .required {
  color: var(--brand-darkblue) !important;
  font-size: 14px;
  font-family: 'mark-medium';
}
.booking-popup .final select,
.booking-popup .final input[type='text'],
.booking-popup .final textarea,
.booking-popup .final input[type='email'],
.booking-popup .final input[type='password'],
.booking-popup .final input[type='tel'],
.booking-popup .final input[type='url'],
.booking-popup .final input[type='search'],
.booking-popup .final input[type='date'] {
  padding: 4px 7px !important;
  font-family: 'mark-medium';
  font-size: 15px !important;
  background-color: #fff;
  border: 2px solid #eee !important;
  border-radius: 8px;
  box-shadow: none !important;
  margin: 0 !important;
  height: 35px;
}
.page-template-template-fb-redesign-16102019
  .booking-popup
  .final
  #policy_agreement
  span,
.page-template-template-angebot-redesign-trickster-locked-14012020
  .booking-popup
  .final
  #policy_agreement
  span,
.page-template-template-weitere-behandlungen-15012020
  .booking-popup
  .final
  #policy_agreement
  span,
.page-template-template-angebot-redesign-29112019
  .booking-popup
  .final
  #policy_agreement
  span {
  line-height: 9px !important;
}
.booking-popup .final #policy_agreement span {
  padding-left: 7px;
}
.booking-popup .final #policy_agreement span br {
  line-height: 13px !important;
}
.booking-popup .final #policy_agreement {
  display: flex;
}
.booking-popup .final #policy_agreement a {
  color: var(--brand-darkblue);
  font-size: 14px;
}
.booking-popup .final #policy_agreement a:hover {
  color: #aaa;
  cursor: pointer;
}
.booking-popup div.wpcf7 .ajax-loader {
  position: absolute;
  right: 40px;
  bottom: 67px;
}
.booking-popup #policy_agreement .fa-check {
  display: none !important;
}
.booking-popup .wpcf7-form-control-wrap.policy_agreement {
  margin: 0 !important;
  padding: 0 !important;
  width: 19px !important;
}
.booking-popup .wpcf7-form-control-wrap.policy_agreement span[role='alert'] {
  width: 171px;
  position: absolute !important;
  top: 46px !important;
  background-color: transparent;
  font-family: 'mark-medium' !important;
  left: 1px;
}
[redesign-05042019] .booking-popup .wpcf7 .wpcf7-form span.wpcf7-not-valid-tip,
.booking-popup .wpcf7 .wpcf7-form span.wpcf7-not-valid-tip {
  padding: 3px 0 0 3px;
  position: absolute;
  font-size: 13px;
  top: 21px;
  font-family: 'mark-regular' !important;
  background-color: transparent;
}
.booking-popup .final #policy_agreement span,
.booking-popup .final .price {
  font-size: 13px !important;
  padding-bottom: 15px;
}
.booking-popup .final textarea::-webkit-input-placeholder,
.booking-popup .final input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b1abb9;
}
.booking-popup .final textarea::-moz-placeholder,
.booking-popup .final input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b1abb9;
}
.booking-popup .final textarea:-ms-input-placeholder,
.booking-popup .final input:-ms-input-placeholder {
  /* IE 10+ */
  color: #b1abb9;
}
.booking-popup .final textarea:-moz-placeholder,
.booking-popup .final input:-moz-placeholder {
  /* Firefox 18- */
  color: #b1abb9;
}
.booking-popup .loader {
  display: none;
  position: absolute;
  margin: 16% 45%;
  width: 40px;
  height: 40px;
}
.booking-popup .loader img {
  width: 100%;
  height: 100%;
}
.booking-popup #form p:nth-child(6) > span:before {
  display: none;
}
.booking-popup .checkmark {
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  margin: 8px 0;
  display: block !important;
  order: -1;
  pointer-events: none;
  background-color: var(--brand-green);
  border-radius: 3px;
}
.booking-popup .wpcf7-form-control-wrap.policy_agreement {
  width: 0 !important;
}
.booking-popup .first.last {
  padding: 0 !important;
  margin: 0;
  margin: -3px -28px;
}
.booking-popup #policy_agreement span.checkmark .check {
  width: 18px;
  height: 18px;
  margin-left: 0;
  margin-top: 0;
  background-color: #fff;
  color: #fff;
  pointer-events: none;
  border: 1px solid #ddd;
}
.select2-highlighted .select2-result-label,
.select2-result-label {
  padding: 0px !important;
  padding-left: 9px !important;
  margin: 0 !important;
  font-weight: 200 !important;
  font-size: 15px;
}
#select2-results-2 li:nth-child(2) {
  margin-left: 0 !important;
}
body[data-child-style='true'] .booking-popup .fancy-select-wrap {
  margin-top: 0px;
}
.booking-popup #policy_agreement span.checkmark .check.checked {
  margin: unset;
  margin-left: 5px;
  margin-top: 0px;
  width: 7px;
  height: 14px;
  border: solid #fff;
  background-color: unset;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(45deg);
  display: block;
}
.booking-popup input[type='checkbox'],
body[data-fancy-form-rcs='1'] .booking-popup input[type='checkbox'] {
  height: 15px;
  width: 15px;
  margin: 5px 4px;
  position: static;
  left: 0;
}
.booking-popup .danke {
  display: none;
}
.booking-popup .danke p {
  padding: 30px;
  line-height: 25px;
  text-align: center;
}
.booking-popup .danke .title {
  padding: 35px 20px;
  margin: 0 !important;
  min-height: unset;
  width: 100%;
  background-image: linear-gradient(
    135deg,
    #5bb2aa 22%,
    var(--brand-darkblue) 100%
  );
  color: #fff;
  font-family: 'mark-medium' !important;
  display: flex;
  justify-content: center;
}
.booking-popup .danke .phone {
  width: 60px;
  margin: auto;
  height: 60px;
}
.booking-popup .map {
  width: 100%;
  background-image: linear-gradient(
    135deg,
    #5bb2aa 22%,
    var(--brand-darkblue) 100%
  );
  padding: 30px 20px;
}
.booking-popup #map {
  height: 300px;
  width: 100%;
  border-radius: 12px;
  margin-top: 10px;
}
.booking-popup .map p {
  font-size: 16px;
  line-height: 20px !important;
  font-family: 'mark-regular';
  color: #fff;
  padding: 0;
}
.booking-popup .map > p {
  font-family: 'mark-medium';
  padding-bottom: 15px;
}
.booking-popup .select2-container .select2-choice {
  border: 2px solid #eee !important;
  white-space: nowrap;
  color: #acacac;
  margin-bottom: 0 !important;
  height: 34px;
  padding: 2px 7px !important;
  font-family: 'mark-medium';
  font-size: 15px;
  color: #acacac;
  border-radius: 7px;
}
.booking-popup input[type='checkbox'] + label > span,
body[data-fancy-form-rcs='1']
  .booking-popup
  input[type='checkbox']
  + label
  > span {
  display: none;
}

.booking-popup #policy_agreement .text {
  display: none;
}
.booking-popup .map .icon {
  display: none;
}
.booking-popup .select2-container .select2-choice:hover {
  background-color: #fff !important;
  cursor: pointer;
}
body[data-fancy-form-rcs='1']
  .booking-popup
  .select2-container
  .select2-choice:hover
  > .select2-chosen {
  color: var(--default-text-color) !important;
  cursor: pointer;
}
body[data-fancy-form-rcs='1']
  .booking-popup
  .select2-container:not(.select2-dropdown-open)
  .select2-choice
  .select2-arrow
  b:after,
body[data-fancy-form-rcs='1']
  .booking-popup
  .select2-container:not(.select2-dropdown-open)
  .select2-choice:hover
  .select2-arrow
  b:after {
  border-top-color: var(--brand-darkgreen);
  cursor: pointer;
}
.booking-popup .select2-container .select2-choice:hover {
  border-color: #eee !important;
  cursor: pointer;
}
.booking-popup .select2-dropdown-open .select2-choice {
  background-color: #fff !important;
}
.booking-popup #select2-results-2 li:nth-child(2) {
  margin-left: 0;
  font-weight: normal;
}

.booking-popup .hero .progress {
  display: none;
}
.booking-popup .header p.end-text {
  display: none;
}
.booking-popup .selected-treatment,
.booking-popup .selected-city {
  padding: 0px;
  font-size: 15px;
}
.booking-popup .behandlung,
.booking-popup .address,
.booking-popup .datetime {
  padding: 15px 0;
}
.booking-popup .page-text {
  display: none !important;
}
@media only screen and (max-width: 1000px) {
  .booking-button.open .booking-icon {
    width: 55px;
    height: 40px;
  }
  .phoneNumber.de .booking-button.open {
    width: 178px;
    height: 51px;
    display: flex !important;
  }
  .booking-button.open p {
    font-size: 16px;
  }
  .phoneNumber.de .booking-button {
    height: 48px;
    bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  body[data-child-style='true'] .phoneNumberFooter {
    display: flex !important;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-template-online-booking .booking-button.open,
  .page-template-template-online-booking .booking-button {
    display: none;
  }
  .page-template-template-online-booking .booking-popup {
    display: block;
    max-height: 100vh;
    top: 0;
  }
  .booking-popup .slots {
    height: 270px;
  }
  .booking-popup {
    flex-direction: column;
    border-radius: 0;
    height: 100%;
    right: 0;
    top: 0;
    bottom: 39px;
    max-height: calc(100% - 38px);
    z-index: 99999;
  }
  .booking-popup .weiter p.go-back {
    padding-top: 7px;
  }
  .phoneNumber.de .booking-button {
    width: 100%;
    height: 39px;
    bottom: 0;
  }
  .phoneNumber.de .booking-button.open {
    width: 135px;
  }
  .booking-popup button,
  body[data-button-style='rounded'] .booking-popup button {
    padding: 10px;
  }
  .booking-popup .calendar .nav .prev:before,
  .booking-popup .calendar .nav .next:before {
    width: 16px;
    height: 16px;
  }
  .booking-popup .day {
    width: 30px;
    margin: 0;
    font-size: 15px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .booking-popup .month-select .month {
    width: 28%;
    margin: 1px 7px;
    font-size: 14px;
  }
  .booking-popup .month-year p {
    padding: 5px;
  }
  .booking-popup .calendar > div {
    margin-bottom: 0;
  }
  .booking-button:not(.open) {
    bottom: 65px;
    right: 0px;
    left: 0px;
    text-align: center;
  }
  .booking-popup .hero {
    padding: 7px !important;
  }
  .booking-popup .select .price {
    font-size: 13px;
    padding-bottom: 0;
  }
  .booking-popup .final p.price {
    padding-left: 0;
  }

  .booking-popup .header p {
    font-size: 14px;
  }
  .booking-popup > .wrapper > .wrapper > .select {
    padding: 6px 0;
    margin: 6px 15px;
    max-height: calc(100% - 175px);
  }
  .booking-popup .title {
    font-size: 19px;
  }
  .booking-popup .cities-text > p {
    font-size: 12px;
  }
  .booking-popup .category .treatments label,
  .booking-popup .cities label {
    font-size: 16px;
  }
  .booking-button {
    display: block;
    border-radius: 0;
  }
  .booking-button .booking-icon {
    display: none !important;
  }
  .booking-button.open p {
    font-size: 14px;
    text-align: center;
  }
  .booking-button:not(.open) {
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 999999;
  }
  .page-template-template-angebot-redesign-trickster-locked-14012020
    .booking-popup
    .final
    p,
  .page-template-template-weitere-behandlungen-15012020 .booking-popup .final p,
  .page-template-template-angebot-redesign-29112019 .booking-popup .final p {
    padding: 4px 0;
  }
  .booking-popup .final #policy_agreement span,
  .booking-popup .final .price {
    padding-bottom: 6px;
  }
  .booking-popup .map {
    padding: 30px 20px 50px;
  }
}