/* project colors*/
/* ICONS could be transfers to provider extension */
/* Generell CSS classes could be transfers to provider extension */
.frame-type-list {
  overflow: unset !important;
}

.error {
  border-color: #7B0B0A;
  background-color: #FFE6E6;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path fill="%23cc3333" d="M7.005 3.1a1 1 0 1 1 1.99 0l-.388 6.35a.61.61 0 0 1-1.214 0L7.005 3.1ZM7 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0Z"/></svg>');
  background-position: top 9px left;
  background-repeat: no-repeat;
  background-size: 40px;
  color: #7B0B0A;
  border-radius: 6px;
  padding: 10px 32px 10px 40px;
  margin-bottom: 30px;
}
.error_dates {
  background-color: #FFE6E6;
  color: #7B0B0A;
  border-radius: 6px;
  padding: 10px 32px 10px 40px;
  margin-bottom: 30px;
  display: inline-block;
}

.btn-pagination {
  color: #52595D;
  background-color: #FAFBFC;
  border: 2px solid #9DA1A3;
  font-size: 20px;
}
.btn-pagination_page {
  color: #52595D;
  background-color: #FAFBFC;
  border: 2px solid #FAFBFC;
}
.btn-pagination_page:hover {
  color: #fff;
  background-color: #05668E;
  border: 2px solid #05668E;
}

.pagination {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .pagination {
    gap: 15px;
    justify-content: center;
  }
}
.pagination li.pages {
  display: none;
}
@media screen and (min-width: 48rem) {
  .pagination li.pages {
    display: block;
  }
}
.pagination li.mobile {
  line-height: 40px;
  font-size: 1.25rem;
  padding: 0 24px;
  text-align: center;
}
@media screen and (min-width: 48rem) {
  .pagination li.mobile {
    display: none;
  }
}
.pagination li a {
  text-decoration: none;
}
.pagination li a.btn {
  height: 42px;
  min-width: 42px;
  text-align: center;
  padding: 0;
  line-height: 36px;
}
.pagination li a.prev, .pagination li a.next {
  background-image: url('data:image/svg+xml,<svg xmlns = "http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-chevron-left" viewBox = "0 0 16 16" > <path fill="%239DA1A3"  d = "M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
  background-position: left 6px center;
  background-repeat: no-repeat;
  padding: 0 15px 0 30px;
}
.pagination li a.next {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill="%239DA1A3"  d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg>');
  background-position: right 6px center;
  padding: 0 30px 0 15px;
}
.pagination li.active .btn {
  background-color: #035678;
  border-color: #035678;
  color: #FFFFFF;
}
.pagination li.active .btn:hover {
  color: #fff;
  background-color: #05668E;
  border: 2px solid #05668E;
}
.pagination li.empty {
  display: flex;
  align-items: center;
}

/*These items exists inside list an detailview also so i will place this into a generell scss file*/
.bathlist_item_contents_text_courseprop {
  padding-top: 15px;
  margin: 22px 0;
}
.bathlist_item_contents_text_courseprop span {
  background-position: left top 2px;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 0 30px 10px 20px;
  margin-left: -20px;
}
.bathlist_item_contents_text_courseprop span.age {
  background-size: 16px;
  background-position: left top;
}
.bathlist_item_contents_text_courseprop span.age.age-1, .bathlist_item_contents_text_courseprop span.age.age-3, .bathlist_item_contents_text_courseprop span.age.age-4, .bathlist_item_contents_text_courseprop span.age.age-5, .bathlist_item_contents_text_courseprop span.age.age-6 {
  background-image: url("../Icons/target-group-young.svg");
}
.bathlist_item_contents_text_courseprop span.age.age-2, .bathlist_item_contents_text_courseprop span.age.age-7, .bathlist_item_contents_text_courseprop span.age.age-9, .bathlist_item_contents_text_courseprop span.age.age-10 {
  background-image: url("../Icons/target-group-old.svg");
}
.bathlist_item_contents_text_courseprop span.age.age-8 {
  background-image: url("../Icons/target-group-all.svg");
}
.bathlist_item_contents_text_courseprop span.level {
  background-position: left top 5px;
}
.bathlist_item_contents_text_courseprop span.level.level-1 {
  background-image: url("../Icons/level-min.svg");
}
.bathlist_item_contents_text_courseprop span.level.level-2 {
  background-image: url("../Icons/level-medium.svg");
}
.bathlist_item_contents_text_courseprop span.level.level-3 {
  background-image: url("../Icons/level-max.svg");
}
.bathlist_item_contents_text_courseprop span.days {
  background-position: left top;
  background-image: url("../Icons/calendar-week.svg");
}
.bathlist_item_contents_text_courseprop span.days.nodate {
  background-image: url("../Icons/calendar-week-off.svg");
}

.bs-teaser .bathlist_item_contents_text_courseprop {
  padding-left: 3rem;
  padding-bottom: 0;
}

.item_occupancy {
  padding: 4px 0 20px 55px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 40px auto;
  line-height: 10px;
}
@media screen and (min-width: 48rem) {
  .item_occupancy {
    background-position: left top;
    padding: 4px 0 20px 60px;
  }
}
.item_occupancy_closed {
  color: #7B0B0A;
  padding: 4px 0 20px 26px;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 18" ><path d="M5.9,15.8c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S9.4,18,8.1,18C6.9,18,5.9,17,5.9,15.8z M6.1,2.2C6,1.1,6.8,0.1,7.9,0  C9-0.1,10,0.7,10.1,1.8c0,0.1,0,0.3,0,0.4l-0.8,7.9c-0.1,0.7-0.7,1.2-1.3,1.1c-0.6-0.1-1.1-0.5-1.1-1.1L6.1,2.2z" id="path815" fill="%237B0B0A" /> </svg> ');
  background-repeat: no-repeat;
  background-position: top 5px left;
  background-size: 16px;
}
.item_occupancy_closed.item_info {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 18" ><path d="M5.9,15.8c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S9.4,18,8.1,18C6.9,18,5.9,17,5.9,15.8z M6.1,2.2C6,1.1,6.8,0.1,7.9,0  C9-0.1,10,0.7,10.1,1.8c0,0.1,0,0.3,0,0.4l-0.8,7.9c-0.1,0.7-0.7,1.2-1.3,1.1c-0.6-0.1-1.1-0.5-1.1-1.1L6.1,2.2z" id="path815" fill="%23035678" /> </svg> ');
  color: #035678;
  font-weight: 800;
}

.item_traffic {
  padding: 10px 0 8px 61px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 46px auto;
}
.item_traffic.occupancy-1 {
  background-image: url("../Icons/occupancy-1.svg");
}
.item_traffic.occupancy-2 {
  background-image: url("../Icons/occupancy-2.svg");
}
.item_traffic.occupancy-3 {
  background-image: url("../Icons/occupancy-3.svg");
}
.item_traffic.occupancy-4 {
  background-image: url("../Icons/occupancy-4.svg");
  color: #7B0B0A;
}
.item_traffic.occupancy--2, .item_traffic.occupancy--3 {
  background-image: url("../Icons/occupancy--2-3.svg");
}

.facility_body_contact .item_traffic {
  background-position: left 10px;
}

.facility-detail .facility_keyvisual {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_keyvisual {
    margin-bottom: 50px;
  }
}
.facility-detail .facility_keyvisual * {
  max-width: 100%;
}
.facility-detail .facility_keyvisual picture {
  border-radius: 8px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_keyvisual picture {
    border-radius: 20px;
  }
}
.facility-detail .facility_keyvisual picture {
  overflow: hidden;
  display: block;
}
.facility-detail .facility .sections {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 2px;
}
.facility-detail .facility .sections ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  display: flex;
  justify-content: left;
  flex-wrap: nowrap;
  gap: 10px;
}
.facility-detail .facility .sections {
  margin-bottom: 30px;
}
.facility-detail .facility_body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_body {
    justify-content: space-between;
    flex-direction: row;
  }
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_body_content {
    padding-right: 5%;
  }
}
.facility-detail .facility_body_content .item_occupancy_closed {
  font-size: 24px;
  padding: 10px 0 10px 26px;
  background-position: top 15px left;
  background-size: 18px;
  line-height: 30px;
}
.facility-detail .facility_body_content .item_occupancy_closed.item_info {
  font-weight: 400;
}
.facility-detail .facility_body_content_subtitle {
  font-size: 24px;
  color: #035678;
  margin: 30px 0 12px 0;
}
.facility-detail .facility_body_content_alert {
  background-color: #FFE6E6;
  color: #7B0B0A;
  border-radius: 6px;
  padding: 16px 32px;
  margin-bottom: 30px;
}
.facility-detail .facility_body_content_alert p {
  color: #7B0B0A;
  font-size: 1rem;
  margin-bottom: 0;
  padding-left: 26px;
  padding-top: 10px;
}
.facility-detail .facility_body_content_info {
  background-color: #E6F4FA;
  color: #035678;
  border-radius: 6px;
  padding: 16px 32px;
  margin-bottom: 30px;
}
.facility-detail .facility_body_content_info p {
  color: #035678;
  font-size: 1rem;
  margin-bottom: 0;
  padding-left: 26px;
  padding-top: 10px;
}
.facility-detail .facility_body_content_subalert .item {
  background-color: #ffe6e6;
  color: #7B0B0A;
  border-radius: 6px;
  padding: 10px 32px;
  margin-bottom: 30px;
  line-height: 100%;
}
.facility-detail .facility_body_content_subalert .item .msg {
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 18" ><path d="M5.9,15.8c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S9.4,18,8.1,18C6.9,18,5.9,17,5.9,15.8z M6.1,2.2C6,1.1,6.8,0.1,7.9,0  C9-0.1,10,0.7,10.1,1.8c0,0.1,0,0.3,0,0.4l-0.8,7.9c-0.1,0.7-0.7,1.2-1.3,1.1c-0.6-0.1-1.1-0.5-1.1-1.1L6.1,2.2z" id="path815" fill="%237B0B0A" /> </svg> ');
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: left top 2px;
  padding-left: 26px;
  line-height: 1.5;
}
.facility-detail .facility_body_content_level {
  color: #52595D;
  font-weight: bold;
  font-size: 1rem;
}
.facility-detail .facility_body_content_desc {
  margin-top: 30px;
}
.facility-detail .facility_body_contact {
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_body_contact {
    min-width: 350px;
    box-shadow: 4px 16px 32px rgba(0, 37, 65, 0.0784313725);
    border-radius: 8px;
    padding: 32px 24px;
    flex-basis: 30%;
  }
}
.facility-detail .facility_body_contact .facility_type {
  padding-bottom: 10px;
}
.facility-detail .facility_body_contact .facility_type span {
  padding-left: 0;
  color: #292E33;
}
.facility-detail .facility_body_contact .facility_type span img {
  margin-right: 16px;
}
.facility-detail .facility_body_contact span {
  color: #035678;
  display: block;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: center left;
}
.facility-detail .facility_body_contact span.item_occupancy_closed {
  color: #7B0B0A;
  padding-top: 20px;
}
.facility-detail .facility_body_contact > div > div:not(.pretix-widget-wrapper) {
  line-height: 1.5;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_body_contact > div > div:not(.pretix-widget-wrapper) {
    padding-left: 25px;
  }
}
.facility-detail .facility_body_contact > div > div:not(.pretix-widget-wrapper).error {
  padding-left: 35px;
}
.facility-detail .facility_body_contact_occupancy {
  padding-bottom: 24px;
}
.facility-detail .facility_body_contact_address {
  padding-bottom: 24px;
}
.facility-detail .facility_body_contact_address.label span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  class="bi bi-geo-alt" viewBox="0 0 16 16"><path fill="%23035678" d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/> <path fill="%23035678"  d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg>');
}
.facility-detail .facility_body_contact_priceclass {
  padding-bottom: 24px;
  padding-top: 10px;
}
.facility-detail .facility_body_contact_priceclass span {
  background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="%23035678" id="path2" d="M6 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm-1 0a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0z" /><path fill="%23035678" id="path4" d="M2 1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 1 6.586V2a1 1 0 0 1 1-1zm0 5.586 7 7L13.586 9l-7-7H2v4.586z" /></svg>');
}
.facility-detail .facility_body_contact_duration {
  padding-bottom: 24px;
}
.facility-detail .facility_body_contact_duration.label span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path fill="%23035678" d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path  fill="%23035678" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>');
}
.facility-detail .facility_body_contact_date {
  padding-bottom: 24px;
}
.facility-detail .facility_body_contact_date.label span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path fill="%23035678" d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v1h14V3a1 1 0 0 0-1-1H2zm13 3H1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5z"/> </svg>');
}
.facility-detail .facility_body_contact_date strong {
  display: block;
  padding-top: 5px;
}
.facility-detail .facility_body_contact_price {
  padding-bottom: 24px;
}
.facility-detail .facility_body_contact_price.label span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path fill="%23035678" d="M4 9.42h1.063C5.4 12.323 7.317 14 10.34 14c.622 0 1.167-.068 1.659-.185v-1.3c-.484.119-1.045.17-1.659.17-2.1 0-3.455-1.198-3.775-3.264h4.017v-.928H6.497v-.936c0-.11 0-.219.008-.329h4.078v-.927H6.618c.388-1.898 1.719-2.985 3.723-2.985.614 0 1.175.05 1.659.177V2.194A6.617 6.617 0 0 0 10.341 2c-2.928 0-4.82 1.569-5.244 4.3H4v.928h1.01v1.265H4v.928z"/> </svg>');
  background-size: 20px;
}
.facility-detail .facility_body_contact_form {
  margin-top: 24px;
}
.facility-detail .facility_body_contact_form .btn {
  width: 100%;
}
.facility-detail .facility_body_contact_link {
  text-align: center;
  margin-top: 24px;
  font-weight: 600;
}
.facility-detail .facility_body_contact_phone {
  padding-bottom: 10px;
}
.facility-detail .facility_body_contact_phone p {
  font-size: 1rem;
}
.facility-detail .facility_body_contact_phone.label span {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path  fill="%23035678" d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/> </svg>');
}
.facility-detail .facility_body_contact_booking .btn {
  width: 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  fill="%23ffffff"  class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/> <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-left: 14px;
}
.facility-detail .facility_body_contact_booking .btn::after {
  content: none;
}
.facility-detail .facility_body_contact .pretix-widget-wrapper .pretix-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-radius: 0.375rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  outline: 0;
  background-color: #035678;
  border: 0;
  color: #fff;
  width: 100%;
  padding: 0.5rem 1.5rem;
}
.facility-detail .facility_body_contact .pretix-widget-wrapper .pretix-button:hover, .facility-detail .facility_body_contact .pretix-widget-wrapper .pretix-button:focus, .facility-detail .facility_body_contact .pretix-widget-wrapper .pretix-button:active {
  background-color: #05668E;
  border: 0;
}
.facility-detail .facility_body_contact .pretix-widget-wrapper .pretix-button:focus {
  box-shadow: none;
  outline: 3px solid #64d1f6;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_body_contact .pretix-widget-wrapper .pretix-button {
    font-size: 1.25rem;
    padding: 1rem 2rem;
  }
}
.facility-detail .facility_gallery {
  margin: 20px 0;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_gallery {
    margin: 40px 0 60px 0;
  }
}
.facility-detail .facility_gallery {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex-direction: column;
  gap: 5%;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_gallery {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10%;
  }
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_gallery {
    flex-direction: row;
    gap: 30px;
  }
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_gallery {
    gap: 40px;
  }
}
@media screen and (min-width: 75rem) {
  .facility-detail .facility_gallery {
    gap: 50px;
  }
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_gallery figure {
    flex-basis: 45%;
  }
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_gallery figure {
    flex-basis: 30%;
  }
}
.facility-detail .facility_gallery figure a {
  display: inline-block;
}
.facility-detail .facility_gallery figure img {
  border-radius: 8px;
}
.facility-detail .facility_gallery figure img.carouseltrigger {
  cursor: pointer;
}
.facility-detail .facility_gallery figure figcaption {
  margin-bottom: 0;
}
.facility-detail .facility_gallery figure > .video-embed {
  position: relative;
  height: 0;
  padding-top: 64.62%;
  border-radius: 8px;
  overflow: hidden;
}
.facility-detail .facility_gallery figure > .video-embed svg {
  aspect-ratio: auto 1600/900;
  width: 100% !important;
}
@media screen and (max-width: 36rem) {
  .facility-detail .facility_gallery figure > .video-embed svg {
    display: none;
  }
}
.facility-detail .facility_gallery figure > .video-embed .cookieconsent-optout-marketing {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(255, 255, 255, 0.5);
}
.facility-detail .facility_gallery figure > .video-embed .cookieconsent-optout-marketing .youtube--preview-image {
  filter: blur(2px) opacity(0.7);
  position: absolute;
  width: 100%;
  height: 100%;
}
.facility-detail .facility_gallery figure > .video-embed .cookieconsent-optout-marketing .output-content {
  padding: 20px;
  text-align: center;
  position: absolute;
  background: #fff;
  width: 200px;
  height: 150px;
  border-radius: 5px;
  box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2);
  border: solid 2px #292e33;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -75px;
}
.facility-detail .facility_gallery figure > .video-embed video.video-embed-item {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  z-index: 10;
  object-fit: cover;
  height: 100%;
}
.facility-detail .facility_gallery figure > .video-embed > iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 36rem) {
  .facility-detail .facility_gallery figure > .video-embed {
    width: 350px;
    display: table-cell;
  }
}
.facility-detail .facility_equipment {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  margin: 20px 0 10px 0;
  flex-direction: column;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_equipment {
    flex-direction: row;
  }
}
.facility-detail .facility_equipment div {
  display: flex;
  gap: 5px;
  align-items: center;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_equipment div {
    flex-basis: 48%;
    gap: 2%;
  }
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_equipment div {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_equipment div {
    flex-basis: 24%;
    gap: 1%;
  }
}
.facility-detail .facility_equipment div {
  margin-bottom: 25px;
  font-size: 1rem;
  color: #5a6166;
}
.facility-detail .facility_add, .facility-detail .facility_hint {
  margin-bottom: 40px;
}
.facility-detail .facility_watertemp {
  margin: 20px 0 50px 0;
  background-image: url("../Icons/water-temperature.svg");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 7px 0 25px 43px;
  background-size: 36px;
  color: #5a6166;
  line-height: 140%;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_watertemp {
    font-size: 1.125rem;
  }
}
.facility-detail .facility_locker {
  margin: 20px 0 40px 0;
  background-image: url("../Icons/locker.svg");
  background-repeat: no-repeat;
  background-position: top left;
  padding: 7px 0 25px 43px;
  background-size: 36px;
  color: #5a6166;
  line-height: 140%;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_locker {
    font-size: 1.125rem;
  }
}
.facility-detail .facility_arrival {
  background: transparent linear-gradient(90deg, #002541 0%, #035678 100%) 0 0 no-repeat padding-box;
  border-radius: 8px;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_arrival {
    padding-top: 20px;
    border-radius: 0;
    margin-left: calc(-50vw + 29.6rem);
    margin-right: calc(-50vw + 29.6rem);
  }
}
@media screen and (min-width: 75rem) {
  .facility-detail .facility_arrival {
    margin-left: calc(-50vw + 33.9rem);
    margin-right: calc(-50vw + 33.9rem);
  }
}
@media screen and (min-width: 81.25rem) {
  .facility-detail .facility_arrival {
    padding-top: 30px;
    margin-left: calc(-50vw + 36.15rem);
    margin-right: calc(-50vw + 36.15rem);
  }
}
.facility-detail .facility_arrival {
  color: #FFFFFF;
}
.facility-detail .facility_arrival .container {
  padding: 20px;
}
.facility-detail .facility_arrival .container > div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_arrival .container > div {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.facility-detail .facility_arrival .container > div {
  justify-content: space-between;
}
.facility-detail .facility_arrival .container > div.heading h2 {
  margin: 0 0 20px 0;
}
.facility-detail .facility_arrival .container > div.heading .btn {
  background-color: #FFFFFF;
  color: #035678;
  white-space: nowrap;
  min-width: 250px;
  font-weight: 600;
  margin: 0 0 20px 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  fill="%23035678"  class="bi bi-box-arrow-up-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z"/> <path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center;
  padding-left: 14px;
}
.facility-detail .facility_arrival .container > div.heading .btn:focus {
  outline: solid 3px #009DCC;
}
.facility-detail .facility_arrival .container > div.items {
  align-items: stretch;
  margin: 0 0 20px 0;
}
.facility-detail .facility_arrival .container > div.items div {
  margin: 0 0 20px 0;
  border: solid 2px #009DCC;
  padding: 15px 24px 15px 40px;
  border-radius: 12px;
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-repeat: no-repeat;
  background-position: center left 15px;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_arrival .container > div.items div {
    padding: 15px 24px 15px 80px;
    background-position: center left 35px;
  }
}
.facility-detail .facility_arrival .container > div.items div.bike {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  class="bi bi-geo-alt" viewBox="0 0 16 16"><path fill="%23009DCC" d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/> <path fill="%23009DCC"  d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg>');
}
.facility-detail .facility_arrival .container > div.items div.car {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  class="bi bi-geo-alt" viewBox="0 0 16 16"><path fill="%23009DCC" d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/> <path fill="%23009DCC"  d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg>');
}
.facility-detail .facility_arrival .container > div.items div.public {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  class="bi bi-geo-alt" viewBox="0 0 16 16"><path fill="%23009DCC" d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/> <path fill="%23009DCC"  d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg>');
}
.facility-detail .facility_arrival .container > div.items div.public p {
  font-size: 1rem;
  line-height: 19.2px;
}
.facility-detail .facility_arrival .container > div.items div strong {
  display: block;
  font-size: 20px;
  padding-bottom: 4px;
}
.facility-detail .facility_arrival .container > div.items div p {
  margin: 0;
  color: #FFFFFF;
}
.facility-detail .facility_sauna {
  margin: 20px 0;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility_sauna {
    margin: 40px 0 0 0;
  }
}
.facility-detail .facility_sauna_content {
  padding: 0;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_sauna_content {
    padding: 0 60px 0 0;
  }
}
.facility-detail .facility_course_alldates {
  padding-bottom: 2rem;
  width: 100%;
}
.facility-detail .facility_course_alldates a {
  width: 100%;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_course_alldates a {
    width: auto;
  }
}
.facility-detail .facility_course {
  margin-bottom: 35px;
}
.facility-detail .facility_course, .facility-detail .facility_events {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: space-between;
  justify-content: left;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_course, .facility-detail .facility_events {
    gap: 2%;
  }
}
.facility-detail .facility_course .teaser-category, .facility-detail .facility_events .teaser-category {
  color: #52595D;
  margin-bottom: 15px;
  font-size: 1rem;
}
.facility-detail .facility_course .teaser-headline h3, .facility-detail .facility_events .teaser-headline h3 {
  text-decoration: none;
}
.facility-detail .facility_course .teaser-headline a, .facility-detail .facility_events .teaser-headline a {
  color: #002541;
}
.facility-detail .facility_course .ce-w33, .facility-detail .facility_events .ce-w33 {
  flex-basis: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_course .ce-w33, .facility-detail .facility_events .ce-w33 {
    flex-basis: 32%;
    width: 32%;
  }
}
@media screen and (min-width: 62rem) {
  .facility-detail .facility_course .ce-w33, .facility-detail .facility_events .ce-w33 {
    flex-basis: 32%;
  }
}
.facility-detail .facility_course .facility_course__info, .facility-detail .facility_events .facility_course__info {
  width: 100%;
  margin-bottom: 1rem;
}
@media screen and (max-width: 62rem) {
  .facility-detail .facility_course figure {
    display: none;
  }
  .facility-detail .facility_course .teaser-headline {
    padding: 0;
  }
  .facility-detail .facility_course .teaser-headline a {
    display: block;
    padding: 5px 0 5px 30px;
    background-color: #035678;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  class="bi bi-geo-alt" viewBox="0 0 16 16"><path fill="%23ffffff" d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/> <path fill="%23ffffff"  d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/> </svg>');
    background-repeat: no-repeat;
    background-position: left 10px center;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 0.5rem;
  }
  .facility-detail .facility_course .teaser-headline a:hover {
    background-color: #05668E;
  }
  .facility-detail .facility_course .teaser-headline a:focus {
    outline: 3px solid #64D1F6;
  }
}
.facility-detail .facility .multitimebuttons {
  background: transparent;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  margin-bottom: -50px;
  position: relative;
  z-index: 10;
}
.facility-detail .facility .multitimebuttons .btn {
  font-size: 1rem;
  padding: 4px;
  line-height: 1;
}
.facility-detail .facility .facilitytimes {
  margin: 20px 0;
}
.facility-detail .facility .facilitytimes p {
  color: #171B1F;
  font-size: 1rem;
  padding: 0 2px;
}
.facility-detail .facility .facilitytimes h4, .facility-detail .facility .facilitytimes h3 {
  margin-top: 50px;
  font-size: 1.25rem;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .facilitytimes h4, .facility-detail .facility .facilitytimes h3 {
    font-size: 1.5rem;
  }
}
.facility-detail .facility .tableareas {
  background: #E6F4FA;
  border: solid 2px #64D1F6;
  padding: 20px;
  border-radius: 8px;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility .tableareas {
    border-radius: 0 8px 8px 8px;
  }
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .tableareas {
    padding: 40px;
  }
}
.facility-detail .facility .tableareas .tablebuttons li {
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .tableareas .tablebuttons li {
    width: auto;
  }
}
.facility-detail .facility .tableareas .table-btn {
  border: 2px solid #64D1F6;
  color: #035678;
  font-size: 1.125rem;
  font-weight: 300;
  width: 100%;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .tableareas .table-btn {
    width: auto;
  }
}
.facility-detail .facility .tableareas .table-btn:hover, .facility-detail .facility .tableareas .table-btn.active {
  background: #035678;
  color: #FFFFFF;
}
.facility-detail .facility .tableareas .table-btn span {
  display: block;
  font-weight: 400;
}
.facility-detail .facility .tableareas .invalid-period {
  color: #7B0B0A;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 18" ><path d="M5.9,15.8c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S9.4,18,8.1,18C6.9,18,5.9,17,5.9,15.8z M6.1,2.2C6,1.1,6.8,0.1,7.9,0  C9-0.1,10,0.7,10.1,1.8c0,0.1,0,0.3,0,0.4l-0.8,7.9c-0.1,0.7-0.7,1.2-1.3,1.1c-0.6-0.1-1.1-0.5-1.1-1.1L6.1,2.2z" id="path815" fill="%237B0B0A" /> </svg> ');
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 50px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .tableareas .invalid-period {
    padding-left: 20px;
    margin-top: 30px;
    margin-bottom: -20px;
  }
}
.facility-detail .facility .openingtime {
  border-radius: 8px;
  width: 100%;
  box-shadow: 4px 16px 32px rgba(0, 37, 65, 0.0784313725);
  font-size: 1.125rem;
  margin-bottom: 10px;
}
.facility-detail .facility .openingtime caption {
  display: none;
}
.facility-detail .facility .openingtime tr:first-child th:nth-child(1) {
  border-radius: 8px 0 0 0;
}
.facility-detail .facility .openingtime tr:first-child th:nth-child(2) {
  border-radius: 8px 0 0 0;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .openingtime tr:first-child th:nth-child(2) {
    border-radius: 0;
  }
}
.facility-detail .facility .openingtime tr:last-child th {
  border-radius: 0 0 0 8px;
}
.facility-detail .facility .openingtime tr:last-child td {
  border-radius: 0 0 8px 0;
}
.facility-detail .facility .openingtime tr th {
  background: #FFFFFF;
  font-weight: 600;
  padding: 1rem 0.75rem;
  vertical-align: middle;
  color: #035678;
  font-size: 1rem;
}
.facility-detail .facility .openingtime tr th[scope=col] {
  background-color: #035678;
  color: #FFFFFF;
  border-radius: 0;
}
.facility-detail .facility .openingtime tr th.day {
  display: none;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .openingtime tr th.day {
    display: table-cell;
    width: 130px;
  }
}
.facility-detail .facility .openingtime tr th.times {
  width: 130px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .openingtime tr th.times {
    width: 200px;
  }
}
.facility-detail .facility .openingtime tr th.art {
  border-radius: 0 8px 0 0;
}
.facility-detail .facility .openingtime tr td {
  background: #FFFFFF;
  padding: 0 0.75rem 0.75rem 0.75rem;
  vertical-align: bottom;
  font-size: 1rem;
  font-weight: 600;
}
.facility-detail .facility .openingtime tr td .timelabel {
  display: none;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .openingtime tr td .timelabel {
    display: inline;
  }
}
.facility-detail .facility .openingtime tr td .mobileday {
  color: #035678;
  display: block;
  padding: 0.5rem 0;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .openingtime tr td .mobileday {
    visibility: hidden;
    height: 12px;
    padding: 0;
  }
}
.facility-detail .facility .openingtime tr td.closed {
  color: #7B0B0A;
  font-weight: 600;
}
.facility-detail .facility .openingtime tr td.time {
  font-weight: 600;
  vertical-align: top;
}
.facility-detail .facility .openingtime tr td.time_1 {
  color: #52595D;
  font-weight: 400;
}
.facility-detail .facility .openingtime tr td.even {
  background: #EBEEF0;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .openingtime tr td, .facility-detail .facility .openingtime tr th {
    padding: 0 0 1rem 0.75rem;
    font-size: 1.125rem;
  }
  .facility-detail .facility .openingtime tr th {
    padding-top: 0.75rem;
  }
}
.facility-detail .facility .openingtime tr.even td, .facility-detail .facility .openingtime tr.even th {
  background: #EBEEF0;
}
.facility-detail .facility .table {
  box-shadow: 4px 16px 32px rgba(0, 37, 65, 0.0784313725);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 50px;
}
.facility-detail .facility .table .table-header-group {
  display: none;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table .table-header-group {
    display: table-header-group;
  }
}
.facility-detail .facility .table .table-header-group .table-row {
  border-radius: 8px 8px 0 0;
  background-color: #035678;
  color: #FFFFFF;
  padding: 4px 0;
}
.facility-detail .facility .table .table-header-group .table-row .table-head {
  border: none;
  display: none;
  font-size: 18px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table .table-header-group .table-row .table-head {
    display: table-cell;
  }
}
.facility-detail .facility .table .table-header-group .table-row .table-head:first-child {
  display: table-cell;
}
.facility-detail .facility .table .table-header-group .table-row .table-head.price {
  text-align: right;
  flex-basis: 200px;
}
.facility-detail .facility .table .table-body-group {
  border-top: none;
}
.facility-detail .facility .table .table-body-group .table-row:nth-child(even) {
  background-color: #EBEEF0;
}
.facility-detail .facility .table .table-body-group .table-row:nth-child(odd) {
  background-color: #FFFFFF;
}
.facility-detail .facility .table .table-body-group .table-row .table-cell {
  align-self: center;
  border: none;
  font-size: 16px;
  padding: 0.5rem 0;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table .table-body-group .table-row .table-cell {
    padding: 0.7rem 2rem;
    font-size: 18px;
  }
}
.facility-detail .facility .table .table-body-group .table-row .table-cell .mobilehead {
  display: block;
  color: #035678;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table .table-body-group .table-row .table-cell .mobilehead {
    display: none;
  }
}
.facility-detail .facility .table .table-body-group .table-row .table-cell.price {
  text-align: right;
  display: flex;
  justify-content: space-between;
  flex-basis: 200px;
  font-size: 16px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table .table-body-group .table-row .table-cell.price {
    font-size: 20px;
    display: table-cell;
  }
}
.facility-detail .facility .table .table-body-group .table-row .table-cell.price .mobilelabel {
  color: #035678;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table .table-body-group .table-row .table-cell.time {
    text-align: right;
  }
}
.facility-detail .facility .table .table-body-group .table-row .table-cell.time {
  font-size: 20px;
  line-height: 1.5;
}
.facility-detail .facility .table .table-body-group .table-row .table-cell .subtitle {
  font-size: 16px;
  color: #52595D;
  display: block;
}
.facility-detail .facility .table.coursedatetable .table-body-group .table-row .table-cell {
  padding: 1rem;
}
.facility-detail .facility .table.coursedatetable .table-body-group .table-row .table-cell:has(span) {
  padding: 0.75rem 1rem;
}
.facility-detail .facility .table.coursedatetable .table-header-group .table-row .table-head {
  padding: 0.5rem 1rem;
}
.facility-detail .facility .table.coursedatetable .table-head div,
.facility-detail .facility .table.coursedatetable .table-cell div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table.coursedatetable .table-head div,
  .facility-detail .facility .table.coursedatetable .table-cell div {
    flex-direction: row;
  }
}
.facility-detail .facility .table.coursedatetable .table-head div hr,
.facility-detail .facility .table.coursedatetable .table-cell div hr {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
  flex-basis: 100%;
  width: 100%;
}
.facility-detail .facility .table.coursedatetable .table-head div span,
.facility-detail .facility .table.coursedatetable .table-cell div span {
  display: inline-block;
  padding: 0.1rem 0;
  flex-basis: 20%;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table.coursedatetable .table-head div span,
  .facility-detail .facility .table.coursedatetable .table-cell div span {
    padding: 0.4rem 0;
  }
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table.coursedatetable .table-head div span:first-child,
  .facility-detail .facility .table.coursedatetable .table-cell div span:first-child {
    max-width: 100px;
  }
}
.facility-detail .facility .table.coursedatetable .table-head div span:last-child,
.facility-detail .facility .table.coursedatetable .table-cell div span:last-child {
  border-bottom: none;
}
.facility-detail .facility .table.coursedatetable .table-head div span.coursetime,
.facility-detail .facility .table.coursedatetable .table-cell div span.coursetime {
  font-weight: 600;
}
.facility-detail .facility .table.coursedatetable .table-head div span.day,
.facility-detail .facility .table.coursedatetable .table-cell div span.day {
  font-weight: 600;
  color: #035678;
  font-size: 1.5rem;
  margin-bottom: 15px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table.coursedatetable .table-head div span.day,
  .facility-detail .facility .table.coursedatetable .table-cell div span.day {
    font-size: 1.125rem;
    margin-bottom: 0;
  }
}
.facility-detail .facility .table.coursedatetable .table-head div span.day, .facility-detail .facility .table.coursedatetable .table-head div span.invisible,
.facility-detail .facility .table.coursedatetable .table-cell div span.day,
.facility-detail .facility .table.coursedatetable .table-cell div span.invisible {
  max-width: 100px;
}
.facility-detail .facility .table.coursedatetable .table-head div span.mobilelabel,
.facility-detail .facility .table.coursedatetable .table-cell div span.mobilelabel {
  display: inline-block;
  width: 130px;
}
@media screen and (min-width: 48rem) {
  .facility-detail .facility .table.coursedatetable .table-head div span.mobilelabel,
  .facility-detail .facility .table.coursedatetable .table-cell div span.mobilelabel {
    display: none;
  }
}
.facility-detail .facility_opening {
  margin: 50px 0;
}
.facility-detail .facility_opening .ot_intro p,
.facility-detail .facility_opening .ot_footer p {
  margin-bottom: 0.25rem;
}
.facility-detail .facility_opening .ot_info {
  margin-bottom: 1rem;
}
.facility-detail .facility_opening .ot_files {
  margin-top: 2.5rem;
}
.facility-detail .facility_opening .ot_files_file {
  margin-bottom: 30px;
}
.facility-detail .facility_opening .ot_files_file .btn {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path  fill="%23035678" d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path  fill="%23035678" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/> </svg>');
  color: "035678";
  background-repeat: no-repeat;
  background-position: left 0.7rem center;
  background-size: 1.6rem;
  padding-left: 3.5rem;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_opening .ot_files_file .btn {
    width: auto;
    min-width: 350px;
  }
}
.facility-detail .facility_opening .ot_files_file .btn:focus {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"  viewBox="0 0 16 16"><path  fill="%23ffffff" d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path  fill="%23ffffff" d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/> </svg>');
}
.facility-detail .facility_opening .ot_files_description {
  padding: 5px;
}
.facility-detail .facility_opening .nav {
  gap: 25px;
  margin-bottom: 15px;
  position: relative;
}
.facility-detail .facility_opening .nav.areas {
  margin: 0 0 20px 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s;
  display: block;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_opening .nav.areas {
    margin: 0 0 -2px 0;
  }
}
.facility-detail .facility_opening .nav.areas.show {
  max-height: 1000px;
  overflow: unset;
  border-color: #9DA1A3;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_opening .nav.areas {
    max-height: 50px;
    overflow: unset;
    display: flex;
  }
}
.facility-detail .facility_opening .nav.areas .area-btn {
  padding: 0.5rem 1.6rem;
  color: #035678;
  font-size: 1.125rem;
  font-weight: 600;
  width: 100%;
  background: #FFFFFF;
  border-radius: 0;
  border-bottom: solid 1px #9DA1A3;
  text-align: left;
}
.facility-detail .facility_opening .nav.areas .area-btn:hover, .facility-detail .facility_opening .nav.areas .area-btn.active {
  background: #E6F4FA;
  color: #171B1F;
}
@media screen and (min-width: 36rem) {
  .facility-detail .facility_opening .nav.areas .area-btn {
    width: auto;
    border: 2px solid #64D1F6;
    border-radius: 8px 8px 0 0;
    margin-bottom: 0;
  }
  .facility-detail .facility_opening .nav.areas .area-btn:hover, .facility-detail .facility_opening .nav.areas .area-btn.active {
    border-bottom-color: #E6F4FA;
  }
}
.facility-detail .facility_opening .nav.areas .area-btn:focus:not(:focus-visible) {
  outline: none;
}
.facility-detail .facility_opening .dropdown-toggle {
  background-color: #FFFFFF;
  color: #171B1F;
  border: solid 2px #757B80;
  width: 100%;
  background-image: url('data:image/svg+xml,<svg xmlns = "http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-chevron-left" viewBox = "0 0 16 16" > <path fill="%23002541" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
}
.facility-detail .facility_opening .dropdown-toggle[aria-expanded=true] {
  background-image: url('data:image/svg+xml,<svg xmlns = "http://www.w3.org/2000/svg" width="16" height="16" class="bi bi-chevron-left" viewBox = "0 0 16 16" > <path fill="%23002541" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/> </svg>');
}
.facility-detail .facility_opening .dropdown-toggle:after {
  display: none;
}
.facility-detail .printbuttonrow {
  margin-top: 20px;
}
.facility-detail .morecourses {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
.facility-detail .morecourses .allcoursedates {
  width: 100%;
}
@media screen and (min-width: 62rem) {
  .facility-detail .morecourses .allcoursedates {
    width: 49%;
  }
}
.facility-detail .morecourses .allcoursedates {
  box-shadow: 4px 16px 32px rgba(0, 37, 65, 0.0784313725);
  padding: 10px 15px;
  border-radius: 4px;
  list-style: none;
}
.facility-detail .morecourses .allcoursedates li {
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
@media screen and (min-width: 36rem) {
  .facility-detail .morecourses .allcoursedates li {
    flex-direction: row;
    padding-bottom: 0;
  }
}
.facility-detail .morecourses .allcoursedates li strong {
  color: #292E33;
  flex-basis: 35%;
}
.facility-detail .morecourses .allcoursedates li span {
  flex-basis: 65%;
  color: #292E33;
}
.facility-detail .morecourses .allcoursedates.off strong, .facility-detail .morecourses .allcoursedates.off span {
  opacity: 0.7;
}
.facility-detail .coursehint p {
  color: #7B0B0A;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 18" ><path d="M5.9,15.8c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S9.4,18,8.1,18C6.9,18,5.9,17,5.9,15.8z M6.1,2.2C6,1.1,6.8,0.1,7.9,0  C9-0.1,10,0.7,10.1,1.8c0,0.1,0,0.3,0,0.4l-0.8,7.9c-0.1,0.7-0.7,1.2-1.3,1.1c-0.6-0.1-1.1-0.5-1.1-1.1L6.1,2.2z" id="path815" fill="%237B0B0A" /> </svg> ');
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-left: 20px;
  font-size: 1rem;
}

.comming_course_teaser_head {
  padding: 1rem 1.75rem 1rem 3rem;
  background-color: #E6F4FA;
  color: #035678;
  font-weight: 600;
  background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 16 18" ><path d="M5.9,15.8c0-1.2,1-2.2,2.2-2.2c1.2,0,2.2,1,2.2,2.2S9.4,18,8.1,18C6.9,18,5.9,17,5.9,15.8z M6.1,2.2C6,1.1,6.8,0.1,7.9,0  C9-0.1,10,0.7,10.1,1.8c0,0.1,0,0.3,0,0.4l-0.8,7.9c-0.1,0.7-0.7,1.2-1.3,1.1c-0.6-0.1-1.1-0.5-1.1-1.1L6.1,2.2z" id="path815" fill="%23035678" /> </svg> ');
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: left 1.75rem center;
}
.comming_course_teaser_body {
  padding: 1.5rem 1.75rem 1rem 1.75rem;
}
.comming_course_teaser_body_times {
  color: #52595D;
}
.comming_course_teaser_body h3 {
  font-size: 1.5rem;
}
.comming_course_teaser_body h3 a {
  color: #002541;
}

/*# sourceMappingURL=facility-show.css.map */