@charset "UTF-8";
body {
  --csob-template-main-color: var(--primary-color-rgb);
  --csob-border-radius-small: 5px;
  --csob-border-radius-medium: 10px;
  --csob-border-radius-large: 15px;
  --gray-color: #e0e0e0;
  --dark-gray-color: #f5f5f5;
}

#booking .csob-standard-template #csob-main-content #csob-secondary-calendar-wrapper {
  display: none !important;
}
#booking .csob-standard-template #csob-main-content #csob-error-panel-wrapper,
#booking .csob-standard-template #csob-main-content #csob-initial-calendar-wrapper,
#booking .csob-standard-template #csob-main-content #csob-profile-filter-wrapper,
#booking .csob-standard-template #csob-main-content #csob-deals-carousel-wrapper,
#booking .csob-standard-template #csob-main-content #csob-secondary-calendar-wrapper,
#booking .csob-standard-template #csob-main-content #csob-profile-result-list-wrapper,
#booking .csob-standard-template #csob-main-content #csob-lastminute-wrapper,
#booking .csob-standard-template #csob-main-content #csob-login-wrapper,
#booking .csob-standard-template #csob-main-content #csob-loyalty-card-wrapper,
#booking .csob-standard-template #csob-main-content #csob-unit-calendar-wrapper {
  margin-bottom: 0;
}

/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
body main #shop:not(.giftcard) div[name=ShopProfileList] {
  display: grid;
  gap: 30px;
}
@media (min-width: 750px) {
  body main #shop:not(.giftcard) div[name=ShopProfileList] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  body main #shop:not(.giftcard) div[name=ShopProfileList] {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 750px) {
  body main #shop:not(.giftcard) div[name=ShopProfileList] > div[name=AlternativeProfilesHeaderContainer] {
    grid-column-end: span 2;
  }
}
@media (min-width: 1200px) {
  body main #shop:not(.giftcard) div[name=ShopProfileList] > div[name=AlternativeProfilesHeaderContainer] {
    grid-column-end: span 3;
  }
}
body main #shop.giftcard div[name=ShopProfileListControlContainer] div[name=ShopProfileList] {
  display: flex;
  justify-content: center;
  max-width: 500px;
}
body main div[name=ShopProfileListControlContainer] div[name=ShopProfileContainer] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 10px;
}
#shop:not(.giftcard) body main div[name=ShopProfileListControlContainer] div[name=ShopProfileContainer] {
  max-width: 450px;
}
@media (min-width: 750px) {
  #shop:not(.giftcard) body main div[name=ShopProfileListControlContainer] div[name=ShopProfileContainer] {
    max-width: 100%;
  }
}
body main .shop-profile-container {
  padding: 20px !important;
}
@media (min-width: 940px) {
  body main .shop-profile-container {
    padding: 30px !important;
  }
}
body main #shop div[name=ShopProfileImageSection] {
  padding-bottom: 65%;
  height: inherit;
  display: block;
}
body main #csob-shop-profile-list-wrapper > .csob-content {
  background-color: transparent !important;
}
body main .csob-shop-profilelist-profile-splitter {
  display: none;
}

body main div[name=ProfileList],
body main div[name=AlternativeProfileList] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}
body main #booking .csob-profile-area-image-content-wrapper {
  height: 100%;
}
body main .csob-profile-container {
  padding: 20px !important;
}

body main .csob-content:has(div[name=ProfileListControlContainer]) div[name=HeaderContainer],
body main .csob-content:has(div[name=ProfileListControlContainer]) div[name=ProfileListControlContainer].profilelist-deals-container {
  display: none;
}
body main .csob-profile-container,
body main .shop-profile-container {
  background-color: #fff;
  border-radius: 20px;
}
body main #csob-profile-result-list-wrapper div[name=HeaderContainer] {
  display: none;
}
body main .csob-profile-container.grouped {
  container: profileContainer/inline-size;
}
body main .csob-profile-container.grouped .csob-profile-area-image {
  grid-area: profile-area-image;
}
body main .csob-profile-container.grouped .csob-profile-area-info {
  grid-area: profile-area-info;
}
body main .csob-profile-container.grouped .csob-profile-area-button {
  grid-area: profile-area-button;
}
@container profileContainer (min-width: 1000px) {
  body main div[name=AlternativeProfileList] .csob-profile-container.grouped[name=AlternativeProfileContainer] .csob-profile-main-area .csob-profile-area-button {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto auto;
    grid-template-areas: "button-dates" "button-price" "button-buttons";
  }
  body main div[name=AlternativeProfileList] .csob-profile-container.grouped[name=AlternativeProfileContainer] .csob-profile-main-area .csob-profile-area-button .buttons {
    margin: 0;
    justify-content: left;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area {
  display: grid;
  gap: 30px;
  grid-template-rows: 1fr 1fr min-content;
  grid-template-columns: 1fr;
  grid-template-areas: "profile-area-image" "profile-area-info" "profile-area-button";
}
@container profileContainer (min-width: 450px) and (max-width: 650px) {
  body main .csob-profile-container.grouped .csob-profile-main-area {
    grid-template-areas: "profile-area-image profile-area-info" "profile-area-button profile-area-button";
    grid-template-columns: 200px 1fr;
    grid-template-rows: 1fr min-content;
  }
}
@container profileContainer (min-width: 650px) and (max-width: 1000px) {
  body main .csob-profile-container.grouped .csob-profile-main-area {
    grid-template-areas: "profile-area-image profile-area-info" "profile-area-image profile-area-button";
    grid-template-columns: minmax(250px, 300px) 1fr;
    grid-template-rows: 1fr min-content;
  }
}
@container profileContainer (min-width: 1000px) {
  body main .csob-profile-container.grouped .csob-profile-main-area {
    grid-template-areas: "profile-area-image profile-area-info profile-area-button";
    grid-template-columns: minmax(250px, 300px) minmax(auto, 1fr) minmax(auto, 350px);
    grid-template-rows: 1fr;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button {
  container: profileAreaButton/inline-size;
  background-color: var(--body-color);
  border-radius: 10px;
  padding: 13px 15px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto auto;
  grid-template-areas: "button-dates" "button-price" "button-buttons";
  row-gap: 15px;
  align-items: end;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates {
  grid-area: button-dates;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .price {
  grid-area: button-price;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .buttons {
  grid-area: button-buttons;
}
@container (min-width: 450px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas: "button-dates button-dates" "button-price button-buttons";
  }
}
@container (min-width: 1000px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button {
    margin: 0;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .price .csob-profilelist-booking-price {
  font-size: 1.5rem;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .buttons {
  justify-content: flex-end;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .buttons button {
  margin: 0;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  white-space: nowrap;
}
@container (max-width: 300px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div {
    align-items: baseline;
  }
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div:nth-child(even) {
    width: 90%;
  }
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div:nth-child(odd) {
    width: 10%;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div {
  font-size: 0.8333333333rem;
  display: flex;
  margin: 0 0 5px !important;
}
@media (min-width: 750px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div {
    margin: 0 !important;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div > span {
  margin: 0 0 0 5px !important;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div:nth-child(2n+2) {
  margin: 0 auto 0 0 !important;
}
@media (min-width: 600px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .dates > div:nth-child(2n+2) {
    margin: 0 20px 0 0 !important;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .price {
  align-items: baseline;
  clear: both;
  display: flex;
  float: left;
  justify-content: flex-start;
  margin: 10px 0 !important;
  padding: 0;
  white-space: nowrap;
  width: auto;
}
@media (min-width: 750px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .price {
    margin: 0 !important;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .csob-profilelist-booking-from-txt {
  text-transform: capitalize;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .buttons {
  clear: both;
  display: flex;
  flex: none;
  flex-direction: column;
  min-width: 0;
  width: 100%;
}
@media (min-width: 750px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .buttons {
    margin: 0 0 0 auto;
    width: auto;
  }
}
@media (min-width: 960px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-button .buttons {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
body main #booking .csob-profile-area-image-content-wrapper,
body main #shop div[name=ShopProfileImageSection] {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
body main #booking .csob-profile-area-image-content-wrapper img,
body main #shop div[name=ShopProfileImageSection] img {
  border-radius: 15px;
  height: 100% !important;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100% !important;
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-profiles-area .csob-bookable-profile .csob-bookable-profile-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "csob-profile-date-area" "csob-conditions-area" "csob-booking-button-area";
}
@media (min-width: 475px) {
  body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-profiles-area .csob-bookable-profile .csob-bookable-profile-container {
    grid-template-columns: 1fr minmax(auto, 250px);
    grid-template-rows: auto auto;
    grid-template-areas: "csob-profile-date-area csob-booking-button-area" "csob-conditions-area csob-booking-button-area";
  }
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-profiles-area .csob-bookable-profile .csob-bookable-profile-container .csob-booking-button-area {
  grid-area: csob-booking-button-area;
  align-self: center;
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-profiles-area .csob-bookable-profile .csob-bookable-profile-container .csob-conditions-area {
  grid-area: csob-conditions-area;
  text-align: left;
  padding-top: 0;
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-profiles-area .csob-bookable-profile .csob-bookable-profile-container .csob-conditions-area .condition {
  font-size: 0.7222222222rem;
}

/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
/* HIDE PROFILE FILTER */
#csob-profile-filter-center-content,
#csob-profile-filter-wrapper {
  display: none !important;
  width: 0;
}

#filter-wrapper {
  padding: 20px;
}

#csob-filter, .cart-active #csob-filter {
  display: none !important;
}
@media (min-width: 1200px) {
  #csob-filter {
    display: block !important;
  }
}
.filter-active #csob-filter {
  display: block !important;
}

@media (min-width: 1200px) {
  #filter-wrapper .filter-wrapper-heading {
    display: none;
  }
}
#csob-filter #csob-profile-filter-wrapper {
  background: #fff;
  padding: 10px !important;
  border-radius: 20px;
}

#csob-filter .profile-filter-groups {
  padding: 10px;
}
#csob-filter .profile-filters-horizontal-container *,
#csob-filter .profile-filters-vertical-container * {
  font-family: halyard-display, Helvetica, sans-serif;
}
#csob-filter .profile-filters-horizontal-container .profile-filter-groups .profile-filter-group .profile-filter-group-selector,
#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group .profile-filter-group-selector {
  font-size: 0.8888888889rem;
}
#csob-filter .profile-filters-horizontal-container .profile-filter-groups .profile-filter-group .profile-filter-group-popup .profile-filter.hover-on-checked, #csob-filter .profile-filters-horizontal-container .profile-filter-groups .profile-filter-group .profile-filter-group-popup .profile-filter.hover-on-unchecked,
#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group .profile-filter-group-popup .profile-filter.hover-on-checked,
#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group .profile-filter-group-popup .profile-filter.hover-on-unchecked {
  background-color: transparent;
  color: rgb(var(--csob-template-main-color));
}
#csob-filter .profile-filters-horizontal-container .profile-filter-groups .profile-filter-group .profile-filter-group-popup .profile-filter .profile-filter-counter,
#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group .profile-filter-group-popup .profile-filter .profile-filter-counter {
  color: #fff;
}

#csob-filter .profile-filters-horizontal-container .profile-filter-group-popup {
  padding: 10px;
  border-radius: 10px;
  border: 2px solid var(--dark-gray-color);
  margin-top: 5px;
  font-size: 1rem;
}

#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group {
  color: var(--primary-color);
  font-size: 1rem;
}
#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group:not(:last-child) {
  margin-bottom: 10px;
}
#csob-filter .profile-filters-vertical-container .profile-filter-groups .profile-filter-group .profile-filter-group-selector {
  border-bottom: 2px solid var(--dark-gray-color);
}

/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
body {
  --buttons-font-size: 0.8888888889rem;
}
body .csob-btn,
body .csob-button {
  display: inline-block;
  min-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--buttons-font-size);
  line-height: 1.5;
  text-align: center;
}
body .csob-btn:active,
body .csob-button:active {
  outline: none;
}
body .csob-btn.csob-btn-theme,
body .csob-button.csob-btn-theme {
  min-width: 250px;
  padding: 5px 30px;
  background-color: var(--green-color);
  border: 2px solid var(--green-color);
  border-radius: 50px;
  color: #fff;
  font-weight: 600;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}
body .csob-btn.csob-btn-theme:hover,
body .csob-button.csob-btn-theme:hover {
  background-color: #1DA841;
  border: 2px solid #14762e;
  opacity: 1;
}
body .csob-btn.csob-btn-default,
body .csob-button.csob-btn-default {
  border-radius: 50px;
  box-shadow: none;
}
body .csob-btn:focus, body .csob-btn:active:focus, body .csob-btn.csob-active:focus, body .csob-btn.csob-focus, body .csob-btn:active.csob-focus, body .csob-btn.csob-active.csob-focus,
body .csob-button:focus,
body .csob-button:active:focus,
body .csob-button.csob-active:focus,
body .csob-button.csob-focus,
body .csob-button:active.csob-focus,
body .csob-button.csob-active.csob-focus {
  outline: solid 1px var(--gray-color);
  outline-offset: 0;
}
body .csob-btn.csob-btn-theme:active, body .csob-btn.csob-btn-theme.csob-active, body .csob-btn.csob-button:active, body .csob-btn.csob-button.csob-active,
body .csob-button.csob-btn-theme:active,
body .csob-button.csob-btn-theme.csob-active,
body .csob-button.csob-button:active,
body .csob-button.csob-button.csob-active {
  border-color: #14762e;
  background-color: #1DA841;
}
body .csob-btn.csob-btn-theme:active:hover, body .csob-btn.csob-btn-theme:active:focus, body .csob-btn.csob-btn-theme:active.csob-focus, body .csob-btn.csob-btn-theme.csob-active:hover, body .csob-btn.csob-btn-theme.csob-active:focus, body .csob-btn.csob-btn-theme.csob-active.csob-focus, body .csob-btn.csob-button:active:hover, body .csob-btn.csob-button:active:focus, body .csob-btn.csob-button:active.csob-focus, body .csob-btn.csob-button.csob-active:hover, body .csob-btn.csob-button.csob-active:focus, body .csob-btn.csob-button.csob-active.csob-focus,
body .csob-button.csob-btn-theme:active:hover,
body .csob-button.csob-btn-theme:active:focus,
body .csob-button.csob-btn-theme:active.csob-focus,
body .csob-button.csob-btn-theme.csob-active:hover,
body .csob-button.csob-btn-theme.csob-active:focus,
body .csob-button.csob-btn-theme.csob-active.csob-focus,
body .csob-button.csob-button:active:hover,
body .csob-button.csob-button:active:focus,
body .csob-button.csob-button:active.csob-focus,
body .csob-button.csob-button.csob-active:hover,
body .csob-button.csob-button.csob-active:focus,
body .csob-button.csob-button.csob-active.csob-focus {
  border-color: #14762e;
  background-color: #1DA841;
}
body .csob-btn.csob-btn-theme:hover, body .csob-btn.csob-btn-theme:focus, body .csob-btn.csob-btn-theme.csob-focus, body .csob-btn.csob-button:hover, body .csob-btn.csob-button:focus, body .csob-btn.csob-button.csob-focus,
body .csob-button.csob-btn-theme:hover,
body .csob-button.csob-btn-theme:focus,
body .csob-button.csob-btn-theme.csob-focus,
body .csob-button.csob-button:hover,
body .csob-button.csob-button:focus,
body .csob-button.csob-button.csob-focus {
  border-color: #14762e;
  background-color: #1DA841;
}
body .csob-btn.csob-btn-theme.active, body .csob-btn.csob-button.active,
body .csob-button.csob-btn-theme.active,
body .csob-button.csob-button.active {
  border-color: #14762e;
  background-color: #14762e;
}
body .button__previous {
  background-color: var(--secondary-color);
  border: 2px solid var(--secondary-color);
}
body .button__previous:hover {
  background-color: transparent;
  color: var(--secondary-color);
}
body .csob-message-box.bookActionPopUp .buttons .button_devider {
  font-size: 0.8rem;
  text-transform: lowercase;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__wrapper button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: none;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__closeCart,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__previous,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button_copy_from_step_500,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .paymentSelectionButton {
  border-radius: 50px;
  box-shadow: none;
  font-size: var(--buttons-font-size);
  font-weight: 600;
  padding: 10px 20px;
  min-width: 150px;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__closeCart.disabled,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__previous.disabled,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.disabled,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.disabled,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button_copy_from_step_500.disabled,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .paymentSelectionButton.disabled {
  background-color: var(--green-color);
  cursor: default;
  opacity: 0.5;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment {
  background-color: var(--green-color);
  border: 2px solid var(--green-color);
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:active, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.csob-active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment:active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment.csob-active {
  border-color: #14762e;
  background-color: #1DA841;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:active:hover, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:active:focus, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:active.csob-focus, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.csob-active:hover, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.csob-active:focus, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.csob-active.csob-focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment:active:hover,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment:active:focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment:active.csob-focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment.csob-active:hover,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment.csob-active:focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment.csob-active.csob-focus {
  border-color: #14762e;
  background-color: #1DA841;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:hover, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:focus, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.csob-focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment:hover,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment:focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment.csob-focus {
  border-color: #14762e;
  background-color: #1DA841;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.gotoPayment.active {
  border-color: #14762e;
  background-color: #14762e;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__previous,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.less-focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.skip-step,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.skip-step-small {
  padding: 10px 20px;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__closeCart {
  padding-top: 0;
  min-width: 150px;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__previous,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.less-focus,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.skip-step,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.skip-step-small {
  border: solid 1px var(--gray-color);
  background-color: #fff;
  box-shadow: none;
  color: #333;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue:active, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__continue.selected,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__previous:active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__previous.selected,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__closeCart:active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__closeCart.selected,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main:active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button__main.selected,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .paymentSelectionButton:active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .paymentSelectionButton.selected,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button_copy_from_step_500:active,
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .button_copy_from_step_500.selected {
  background-color: var(--dar-gray-color);
  box-shadow: none;
}
body .csob-field .csob-field-contentWrapper .csob-field__input-wrapper + button {
  background-color: var(--green-color);
  border: 2px solid var(--green-color);
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  flex: none;
  font-size: 16px;
  width: auto;
  cursor: pointer;
}
body .csob-field .csob-field-contentWrapper .csob-field__input-wrapper + button:hover {
  border-color: #14762e;
  background-color: #1DA841;
}

/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
body div[name=CartControlContainer] * {
  font-family: halyard-display, Helvetica, sans-serif;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item {
  border: none;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .item__header {
  border: 1px solid #e0e0e0;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields {
  padding: 0;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__check, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__number, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__radio, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__profile, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__check, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__number, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__radio, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__profile, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__check, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__number, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__radio, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__profile, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__check, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__number, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__radio, body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__profile {
  border-radius: 0;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .cartLineItem .csob-field__row .csob-field {
  display: flex;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__number .label label {
  font-size: 0.8888888889rem;
}
body .csob-field__select_wrapper.csob-with__info .csob-field__input-wrapper.bs, body .csob-field__select_wrapper.csob-with__delete-button .csob-field__input-wrapper.bs,
body .csob-field__date_wrapper.csob-with__info .csob-field__input-wrapper.bs,
body .csob-field__date_wrapper.csob-with__delete-button .csob-field__input-wrapper.bs,
body .csob-field__text_wrapper.csob-with__info .csob-field__input-wrapper.bs,
body .csob-field__text_wrapper.csob-with__delete-button .csob-field__input-wrapper.bs {
  flex: 1;
}
body div[name=CartControlContainer] .field_wrapper:not(.csob-groupe) > div {
  border-radius: var(--csob-border-radius-medium) !important;
}
body div[name=CartControlContainer] .csob-groupe-header .field__check, body div[name=CartControlContainer] .csob-groupe-header .field__number, body div[name=CartControlContainer] .csob-groupe-header .field__radio, body div[name=CartControlContainer] .csob-groupe-header .field__profile,
body div[name=CartControlContainer] .csob-groupe-header .csob-field__row .csob-field__input {
  border-radius: 0px !important;
}
body .csob-field .csob-info {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  display: inline-flex;
  width: 50px;
  padding: 0;
  justify-content: center;
  align-items: center;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary-toggle .total-section {
  padding: 20px 0;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary-toggle .total-section .payment-total {
  font-size: 0.8888888889rem;
}
body div[name=CartControlContainer] .payment__wrapper .booking__wrapper {
  margin-bottom: 1.6666666667rem;
}
body div[name=CartControlContainer] .payment__wrapper .totalPrice table tr:last-child td,
body div[name=CartControlContainer] .payment__wrapper .totalPrice table tr.point__info td {
  font-size: 1.2222222222rem;
}

div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .field__check, div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .field__number, div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .field__radio, div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .field__profile {
  border-color: var(--csob-template-container-background-color);
}

#csob-cart-wrapper > .csob-content {
  background-color: transparent !important;
}

/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
#csob-lang-changer-container {
  margin-block-start: 1.6666666667rem;
}
@media (min-width: 500px) {
  #csob-lang-changer-container {
    margin-block-start: 2.5rem;
  }
}
#csob-lang-changer-container .csob-language-button-container .csob-language-button {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
#csob-lang-changer-container .csob-language-button-container .csob-language-button img {
  display: none;
}
#csob-lang-changer-container .csob-language-button-container .csob-language-button[data-cs-language=SE], #csob-lang-changer-container .csob-language-button-container .csob-language-button[data-cs-language=NO] {
  display: none;
}
.search-active #csob-lang-changer-container, .cart-active #csob-lang-changer-container {
  display: none;
}
.search-active #csob-lang-changer-container + #shop, .cart-active #csob-lang-changer-container + #shop {
  margin-top: 1.6666666667rem;
}
@media (min-width: 500px) {
  .search-active #csob-lang-changer-container + #shop, .cart-active #csob-lang-changer-container + #shop {
    margin-top: 1.6666666667rem;
  }
}

/* General Compusoft styling */
/** 
* Strip units from a string
*
* @param - With or without unit
* @return - The value without unit
*/
/**
 * Calculate rem value based on base html font size
 *
 * @param {String} $pxValue - The value in pixels (with or without 'px' suffix)
 * @return {String} The calculated rem value
 */
/**
* Convert px to vw : https://vw.joealden.com/
*
* @param {Number} $target 
* @param {Number} $screenwidth 
* @return {Number} - The calculated vw value
*/
/**
* Urlencode color. Convert # to %23
*
* @param {String} $string - Hex value 
* @return {Number} - The converted hexvalue e.g. %23ffffff
*/
#csob-cart * {
  font-family: unset;
}

body main div[name=ProfileListControlContainer],
body main #csob-center-content #csob-shop-profile-list-wrapper div[name=ShopProfileListControlContainer] {
  display: flex !important;
  flex-direction: column;
  row-gap: 60px;
  font-family: inherit;
}

body {
  /* HIDE PROFILE FILTER */
}
body body * {
  letter-spacing: normal !important;
}
body body :not(.far):not(.fas),
body .csob-mb-body .leaflet-container {
  /*font-family: Poppins, Helvetica Neue, Helvetica, Arial, sans-serif !important*/
}
.bookingpage[data-embed] body main > section:not([class*=-sheet]):first-child {
  padding-block-start: 0;
}
body #csob-profile-result-list-wrapper div[name=HeaderContainer] {
  margin: 0 0 30px;
}
@media (min-width: 940px) {
  body #csob-profile-result-list-wrapper div[name=HeaderContainer] {
    margin: 10px 0 40px;
  }
}
body #csob-profile-result-list-wrapper div[name=HeaderContainer] .csob-profilelist-header-splitter,
body #csob-profile-result-list-wrapper div[name=HeaderContainer] .fas {
  display: none !important;
}

#booking div[name=BadgesContainer],
#booking .csob-profilelist-profile-splitter,
#booking .shop-profilelist-profile-splitter,
#shop div[name=BadgesContainer],
#shop .csob-profilelist-profile-splitter,
#shop .shop-profilelist-profile-splitter {
  display: none !important;
}
#booking .csob-share-profile-link-button,
#booking .shop-share-profile-link-button,
#shop .csob-share-profile-link-button,
#shop .shop-share-profile-link-button {
  display: none;
}

#booking .csob-profile-area-info,
#shop [name=ShopProfileBookingContentSectionWrapper] {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0;
  width: 100%;
}
@media (min-width: 940px) {
  #booking .csob-profile-area-info,
  #shop [name=ShopProfileBookingContentSectionWrapper] {
    flex: 1 1 auto;
  }
}

#booking .profile-title,
#shop .shop-profile-title {
  color: #000;
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(1.2777777778rem, 1.6741071429vw, 1.6666666667rem);
}

#shop div[name=ShopProfileTextContainer] {
  display: flex;
  flex-direction: column;
  row-gap: 1.1111111111rem;
  padding: 0;
}

#booking .csob-profilelist-description-content,
#shop .csob-shop-profilelist-description {
  display: block;
  font-size: 1rem;
  height: auto !important;
  line-height: 1.5;
  margin: 0 !important;
  color: #000;
}

.csob-read-more-module-description-action-a.csob-read-more-module-description-action-modal-dialog,
.csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csobGroupeProfileShowDescription {
  align-items: center;
  border: 2px solid var(--dark-gray-color);
  border-radius: 1.1111111111rem;
  color: #000;
  display: inline-flex;
  font-size: 0.7777777778rem;
  min-height: 2.2222222222rem;
  margin: 0.5555555556rem 0 0;
  padding: 0 1.1111111111rem !important;
  text-decoration: none;
  transition: border 200ms ease-in-out;
}
.csob-read-more-module-description-action-a.csob-read-more-module-description-action-modal-dialog:after,
.csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csobGroupeProfileShowDescription:after {
  content: " +";
}
.csob-read-more-module-description-action-a.csob-read-more-module-description-action-modal-dialog.active:after,
.csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csobGroupeProfileShowDescription.active:after {
  content: " -";
}
.csob-read-more-module-description-action-a.csob-read-more-module-description-action-modal-dialog:hover,
.csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csobGroupeProfileShowDescription:hover {
  border-color: var(--gray-color);
}

.csob-read-more-module-description-action-a.csob-read-more-module-description-action-modal-dialog {
  text-transform: capitalize;
}

body.mm-wrapper .csob-message-box .csob-mb-body {
  font-size: 1rem;
  line-height: 1.5;
}
body.mm-wrapper .csob-message-box .csob-mb .csob-mb-header .csob-mb-header-title {
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(1.2777777778rem, 1.6741071429vw, 1.6666666667rem);
}
body.mm-wrapper .csob-message-box .csob-mb .csob-message-box-close-button {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

body.mm-wrapper .csobShareDialog .csob-mb {
  width: 480px !important;
}

#booking div[name=ProfileLogoContainer],
#shop div[name=ShopLogoContainer] {
  margin-top: 1.6666666667rem;
}

.csob-label.csob-field__label {
  color: #000 !important;
  font-weight: 500 !important;
}
.csob-label.csob-field__label.field__head_label {
  font-weight: 700 !important;
}

.csob-field .csob-field-contentWrapper .csob-field__input-wrapper input {
  font-size: 16px;
}
.csob-field .csob-field-contentWrapper .csob-field__input-wrapper input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
.csob-field .csob-field-contentWrapper .csob-field__input-wrapper input::placeholder {
  color: #000;
  opacity: 1;
}
.csob-field .csob-field-contentWrapper .csob-field__input-wrapper input:-ms-input-placeholder {
  color: #000;
}
.csob-field .csob-field-contentWrapper .csob-field__input-wrapper input::-ms-input-placeholder {
  color: #000;
}

body div[name=CartControlContainer] .cart__sidebar__container {
  border-radius: 0;
}
body div[name=CartControlContainer] .cart__sidebar__container .content__title {
  font-weight: 700;
  font-size: 1.3888888889rem;
}
body div[name=CartControlContainer] .cart__sidebar__container .csob-btn {
  background-color: rgba(var(--green-color-rgb), 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
}
body div[name=CartControlContainer] .cart__sidebar__container .csob-btn:hover {
  background-color: rgba(var(--green-color-rgb), 1);
}
body div[name=CartControlContainer] .cart__sidebar__container .csob-btn i {
  margin-top: auto;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__header .step__info .current__step {
  font-weight: 700;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__header .step__info .next__step {
  color: #000;
}
body div[name=CartControlContainer] .cart__wrapper .cart__main .main__header .progress__wrapper .progress__area svg circle:first-child {
  stroke: var(--green-color);
  opacity: 0.5;
}
@media (min-width: 1200px) {
  body #csob-cart-wrapper .csob-content {
    width: 1199px;
  }
}
body #csob-cart-wrapper div[name=CartControlContainer] {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 20px;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container {
  background-color: rgb(255, 255, 255);
  border-radius: 20px 20px 0;
}
@media (min-width: 1000px) {
  body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container {
    border-radius: 0 20px 20px 0;
  }
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper {
  font-size: 16px;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .dates .from-date .header,
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .dates .to-date .header {
  color: #000;
  font-weight: 600;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items .item {
  color: #000;
}

/******** BILLETSHOP ********/
.csob-event .accordion div h3 {
  font-size: 1rem;
  text-transform: none;
}

/******** BOOKING ********/
@media (min-width: 699px) {
  #booking.no-booking-date {
    position: relative;
    padding: 150px 60px;
    border-radius: 30px;
    background-color: #000;
    background-image: var(--booking-image);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  #booking.no-booking-date:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(var(--primary-color-rgb), 0.8);
    border-radius: 30px;
  }
}
#booking #csob-main-content #csob-initial-calendar-wrapper,
#booking #csob-main-content #csob-initial-calendar-wrapper [style*=block] {
  display: none !important;
}

#booking .booking-bar {
  display: block;
  opacity: 1;
  width: 100%;
}

body main #csob-profile-result-list-wrapper div[name=HeaderContainer] .csob-profilelist-header {
  color: #000;
  font-family: halyard-display, Helvetica, sans-serif;
  font-weight: 700;
  font-size: clamp(1.1111111111rem, 1.3392857143vw, 1.3333333333rem);
  line-height: 1.2;
  padding: 0;
  width: 100%;
}
@media (min-width: 940px) {
  body main #csob-profile-result-list-wrapper div[name=HeaderContainer] .csob-profilelist-header {
    padding: 0;
  }
}
body main #csob-profile-result-list-wrapper div[name=HeaderContainer] .csob-profilelist-header + * {
  display: none;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-image {
  display: block;
  flex: none;
  max-height: none;
  padding: 0;
  width: 100%;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-image .fas.fa-clone {
  display: none;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profilelist-title .profile-title {
  color: #000;
  font-weight: 600;
  line-height: 1.2;
  font-size: clamp(1.2777777778rem, 1.6741071429vw, 1.6666666667rem);
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profilelist-destination-name {
  color: currentColor;
  font-size: 16px;
  line-height: 1.5;
  max-height: none;
  min-height: 0;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profilelist-description-wrapper {
  display: block;
  height: auto !important;
  margin: 10px 0 auto !important;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profilelist-description {
  margin: 0 0 10px !important;
}
@media (min-width: 600px) {
  body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profilelist-description {
    margin: 0 0 30px !important;
  }
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: auto 0 0 !important;
  width: auto !important;
  gap: 10px;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-img-container i,
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-icon-container i {
  font-size: 18px;
  line-height: 18px;
  margin-right: auto;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-img-container {
  border-radius: 5px !important;
  width: 22px;
  height: 22px;
  margin: 0 0 0 2px;
  overflow: hidden;
  padding: 0;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-img-container img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-btn-container .csob-btn {
  min-height: initial;
  border: none;
  color: #000;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  text-decoration: none;
  text-transform: lowercase;
  width: auto;
}
body main .csob-profile-container.grouped .csob-profile-main-area .csob-profile-area-info .csob-profile-metadata-list .profile-filter-btn-container .csob-btn:first-letter {
  text-transform: uppercase;
}
body main div[name=ProfileListControlContainer] div[name=AlternativeProfilesHeaderContainer] {
  background-color: transparent;
  margin: 60px 0 20px;
  padding: 0;
}
@media (min-width: 940px) {
  body main div[name=ProfileListControlContainer] div[name=AlternativeProfilesHeaderContainer] {
    padding: 0;
    margin: 120px 0 20px;
  }
}
body main div[name=ProfileListControlContainer] div[name=AlternativeProfilesHeaderContainer] span.csob-alternative-profiles-header {
  font-family: inherit;
  font-weight: 700;
  font-size: clamp(1.1111111111rem, 2.7901785714vw, 2.7777777778rem);
  line-height: 1.2;
  color: #000;
}
body main .csob-profilelist-booking-price {
  line-height: 1;
  letter-spacing: normal;
}
body main .csob-message-box .csob-mb {
  border-radius: 15px !important;
}
body main .csob-message-box .csob-mb .csob-mb-header {
  border-bottom: 0;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  padding: 15px 15px 10px;
}
body main .csob-message-box .csob-mb .csob-mb-body {
  padding: 10px 15px 20px;
}
body main .csob-message-box .csob-mb .csob-mb-body:last-child {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
body main .csob-message-box .csob-mb .csob-mb-footer {
  border: 0;
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
  padding: 10px 15px 20px;
}
body main .csob-profile-main-area + div[name=ProfileSelectExpansionContainer] {
  margin-top: 20px !important;
}
body main .csob-profile-main-area .csob-profile-area-button .price .csob-profilelist-booking-price {
  font-size: clamp(1.3888888889rem, 1.3950892857vw, 1.3888888889rem);
  padding-inline: 8px;
}
body main .csob-profile-container.grouped .csob-profile-sub-area.areaVisible {
  padding-top: 20px;
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-header .csob-profile-tab-button {
  padding: 0 0 5px;
}
@media (min-width: 750px) {
  body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-header .csob-profile-tab-button {
    font-size: 18px;
    padding: 5px 0 10px;
  }
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-header .csob-profile-tab-button:not(:last-child) {
  margin-right: 10px;
}
@media (min-width: 750px) {
  body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-header .csob-profile-tab-button:not(:last-child) {
    margin-right: 30px;
  }
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-header .csob-profile-tab-button.active {
  border-bottom-color: #000;
  border-bottom-width: 2px;
  color: #000;
  font-weight: 600;
  opacity: 1 !important;
  transition: none;
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-description-area,
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-map-area {
  line-height: 1.5;
  padding: 20px 0 0;
}
@media (min-width: 750px) {
  body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-description-area,
  body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-map-area {
    font-size: 1rem;
  }
}
body main .csob-profile-container.grouped .csob-profile-sub-area .csob-profile-tab-content .csob-images-area .csob-profile-inline-image-gallery-wrapper .csob-profile-inline-image-gallery figure:first-child {
  padding-left: 0;
}
body main .csob-no-license-container {
  padding-top: 100px;
}

body .csob-field .csob-field-contentWrapper {
  display: flex;
}
body .csob-field .csob-field-contentWrapper .csob-field__input-wrapper {
  flex: 1 1 auto;
}
body .csob-field .csob-field-contentWrapper .csob-field__input-wrapper input {
  height: 100%;
}
body .csob-label.csob-field__label.csob-field__label-is-select {
  font-size: 12px !important;
  padding-left: 8px;
}
body .csob-field .csob-field__input-wrapper select {
  font-size: 16px;
}

div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item {
  border: none;
}

body .csob-message-box.bookActionPopUp .title {
  font-size: 1rem;
  font-weight: bold;
}
body .csob-message-box.bookActionPopUp .price {
  font-size: 1.1111111111rem;
  font-weight: normal;
}
body .csob-message-box.bookActionPopUp .pricePrependText {
  font-size: 0.7222222222rem;
  padding-left: 8px;
}

body .csob-btn,
body .csob-button {
  border-radius: 10px;
}
body .csob-message-box .csob-mb .csob-mb-body,
body .csob-message-box .csob-mb .csob-mb-header {
  padding: 20px;
}
body .csob-message-box.bookActionPopUp .buttons button {
  font-size: 0.7777777778rem;
}

body .csob-field .csob-field-contentWrapper div {
  display: flex;
}

/* CALENDAR CONTAINER */
body div[name=LargeCalendarControlContainer].hasAvailability {
  height: 300px;
}
@media (min-width: 450px) {
  body div[name=LargeCalendarControlContainer].hasAvailability {
    height: 500px;
  }
}
@media (min-width: 550px) {
  body div[name=LargeCalendarControlContainer].hasAvailability {
    height: 639px;
  }
}
body .csob-standard-template #csob-main-content #csob-initial-calendar-wrapper {
  width: 100%;
  max-width: 960px;
}
body div[name=CalendarContainer] {
  font-family: halyard-display, Helvetica, sans-serif;
}
body div[name=CalendarContainer] .csob-cal-table-footer {
  display: none;
}
body div[name=MonthTrackerContainer] {
  display: none;
}
body div[name=CalendarContainer] div[name=CalendarOuterDiv],
body div[name=CalendarContainer] div[name=CalendarInnerDiv] {
  height: 650px;
}
body .csob-cal-days tr {
  height: 90px;
}
[lang=da] body .csob-cal-table-minimum-price .price-txt:before {
  content: "fra ";
}
[lang=de] body .csob-cal-table-minimum-price .price-txt:before {
  content: "ab ";
}
[lang=en] body .csob-cal-table-minimum-price .price-txt:before {
  content: "from ";
}
body .csob-cal-table.csob-cal-day-names {
  margin-bottom: 0;
}
body .csob-cal-day {
  font-size: clamp(0.7777777778rem, 1.3950892857vw, 1.3888888889rem);
}
body .csob-cal-day-today {
  border: 1px solid #000 !important;
}
body .csob-cal-day {
  color: #000;
}
body .csob-cal-day-disabled:not(.csob-show-dd-ui-message-on-click) {
  color: #000 !important;
}
body .csob-cal-day-color-last-part {
  color: #000 !important;
}
body .csob-cal-table-minimum-price,
body .csob-cal-table-count {
  font-size: clamp(0.7777777778rem, 1.0044642857vw, 1rem);
}
body .csob-cal-table-week {
  color: #939393;
  top: 0px;
  left: 5px;
  font-size: 12px;
}

.csob-links {
  display: block;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 12px;
  display: flex;
  gap: 20px;
  justify-content: center;
}

.booking-calendar-block div[name=MonthTrackerContainer] {
  display: none;
}

#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__check .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__number .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__radio .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__check_wrapper .field__profile .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__check .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__number .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__radio .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__number_wrapper .field__profile .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__check .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__number .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__radio .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__radio_wrapper .field__profile .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__check .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__number .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__radio .label .price .included,
#csob-cart div[name=CartControlContainer] .cart__wrapper .cart__main .main__content .item .item__content .csob-fields .field__profile_wrapper .field__profile .label .price .included {
  font-size: 0.5555555556rem;
  padding: 2px 5px;
  color: var(--green-color);
  border: solid 1px var(--green-color);
}

body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item-row {
  display: flex;
  justify-content: space-between;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item-row:nth-child(2) .item:first-child {
  width: 100%;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item-row:last-child .item:first-child {
  width: 100%;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item-row:last-child .item:last-child {
  display: none;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item-row:last-child .item:first-child label.csob-field__label {
  font-weight: 400 !important;
  font-size: 0.8em;
}

body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item .csob-field__label {
  font-weight: 400;
  color: black;
}
body div[name=CartControlContainer] .cart__wrapper .cart__sidebar__container .cart__sidebar .order-summary__sections .booking__wrapper .items.customerInfo .item .field__value {
  color: #707070;
}

body div[name=CartControlContainer] .cart__wrapper .cart__main .main__header .progress__step__overlay .progress_overlay_content .progress__step {
  text-align: inherit;
}

body div.csob-content {
  border-radius: 20px;
}
body #csob-profile-result-list-wrapper div.csob-content {
  background-color: transparent !important;
}
body #csob .csob-standard-template #csob-main-content #csob-left-content {
  margin-right: 0;
}
body #csob .csob-standard-template #csob-main-content #csob-center-content {
  width: 100% !important;
  flex: 1;
}
body #csob .csob-standard-template #csob-main-content #csob-right-content {
  display: none !important;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.bookingpage #booking,
.bookingpage #shop {
  margin-block-start: 1.6666666667rem;
}
@media (min-width: 500px) {
  .bookingpage #booking,
  .bookingpage #shop {
    margin-block-start: 2.5rem;
  }
}
.bookingpage #csob-main-layout-wrapper > .csob-content {
  background-color: transparent !important;
}

.bookingpage #booking #csob {
  display: none;
}
.bookingpage #booking #csob-main-layout-wrapper {
  max-width: 1300px;
  flex: 1;
}
.bookingpage #booking #csob {
  gap: 1.6666666667rem;
}
.bookingpage.search-active #booking #csob {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 1199px) {
  .bookingpage.search-active #booking #csob {
    flex-direction: column;
    align-items: normal;
  }
}
.bookingpage.search-active main > section.is-first {
  display: none;
  padding-block: 0;
}

.bookingpage #shop #csob {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.bookingpage .button-wrapper {
  display: flex;
  justify-content: center;
  gap: 60px;
}
.bookingpage .button-wrapper button {
  margin-block-end: 1.6666666667rem;
}
@media (min-width: 500px) {
  .bookingpage .button-wrapper button {
    margin-block-end: 2.5rem;
  }
}
.bookingpage.search-active .csob-shop-template #csob-main-content #csob-center-content {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}
@media (min-width: 940px) {
  .bookingpage.search-active .csob-shop-template #csob-main-content #csob-center-content {
    padding: 30px;
    max-width: 900px;
  }
}
.bookingpage .csob-shop-template #csob-main-content #csob-center-content {
  width: inherit;
}
.bookingpage div[name=ShopHeaderContainer] {
  display: none;
}
.bookingpage div[name=ShopHeaderContainer] .csob-shop-profilelist-share-area {
  display: none;
}
.bookingpage #shop #shop-back-button,
.bookingpage #shop #go-to-cart-button {
  cursor: pointer;
}
.bookingpage #shop #shop-back-button {
  display: none;
}
@media (max-width: 799px) {
  .bookingpage #shop #go-to-cart-button {
    display: flex;
    gap: 10px;
    text-transform: capitalize;
  }
}
.bookingpage #shop #go-to-cart-button.hidden {
  display: none;
}
@media (max-width: 799px) {
  .bookingpage #shop #go-to-cart-button .text-hide {
    display: none;
  }
}
.bookingpage #shop #go-to-cart-button svg.icon {
  max-width: 20px;
  max-height: 20px;
}
@media (min-width: 800px) {
  .bookingpage #shop #go-to-cart-button svg.icon {
    display: none;
  }
}
.bookingpage #shop #shop-back-button {
  align-self: flex-start;
}
.bookingpage #shop #go-to-cart-button {
  align-self: flex-end;
}
.bookingpage.search-active #shop #shop-back-button {
  display: inline-flex;
}
.bookingpage.cart-active #shop #go-to-cart-button {
  display: none;
}

.bookingpage main > section:not(#booking) > [data-size] {
  padding-block-end: 0;
}
.bookingpage #search-period-wrapper {
  display: none;
}
.bookingpage.search-active:not(.cart-active) #search-period-wrapper {
  display: flex;
  align-items: center;
}
.bookingpage.search-active:not(.cart-active) #booking .booking-bar {
  display: none;
}
.bookingpage.cart-active #booking .booking-bar {
  display: none;
}
.bookingpage.cart-active #csob + div.text {
  display: none;
}
.bookingpage #csob + div.text {
  margin-top: 0;
}

#search-period-wrapper {
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1200px) {
  #search-period-wrapper {
    gap: 30px;
    flex-direction: row;
    align-items: flex-end;
  }
}
#search-period-wrapper .linkbutton {
  cursor: pointer;
  font-size: 0.7777777778rem;
  box-shadow: none;
}
#search-period-wrapper h2 {
  text-align: center;
}
#search-period-wrapper .pre-text {
  font-size: 0.8888888889rem;
  display: block;
}
@media (min-width: 1200px) {
  #search-period-wrapper .toggle-filter {
    display: none;
  }
}
#search-period-wrapper .toggle-filter.hide {
  display: none;
}