/**
* Block Name: gebaude
*/

section.gebaude {
  min-height: 1060px;
  margin-top: 100px;
  margin-bottom: 100px;
  font-family: "Fedra Sans", sans-serif;
}

section.gebaude a {
  color: inherit;
}

section.gebaude .links_container div {
  margin-right: 15px;
}

/* Map */

section.gebaude .g_map {
  height: 100%;
  right: 0px;
  width: 50%;
  z-index: 1;
}

section.gebaude .map_container {
  height: 100% !important;
}

/* Fixes potential theme css conflict */

section.gebaude .acf-map img {
  max-width: inherit !important;
}

/* InfoWindow CSS*/

/* Infowindow container */
section.gebaude .gm-style .gm-style-iw-c {
  border-radius: 0;
  padding: 15px 15px 10px 15px;

}

/* triangle element on the bottom of infowindow container */
section.gebaude .gm-style .gm-style-iw-tc {
  display: none;
}

/* arrange elements inside Infowindow */
section.gebaude .gm-style .gm-style-iw-d > div {
  display: flex;
  flex-direction: column;
}

/* Override default font */
section.gebaude .gm-style {
  font-family: "Fedra Sans", sans-serif;
}

/* Location Name */
section.gebaude .gm-style b {
  font-weight: 700;
}

section.gebaude .gm-style-iw-d .links_container {
  gap: 15px;
}

section.gebaude .gm-style-iw-d .link_area:hover,
section.gebaude .gm-style-iw-d .link_area:not(.card_header):hover {
  color: var(--Rot);
}

section.gebaude .gm-style-iw-d .link_area {
  margin-right: 10px;
}

section.gebaude .gm-style-iw-d .link_area:not(.card_header):hover + svg {
  transform: none;
}

/* InfoWindow End */

/* Links Repeater Specific */

section.gebaude .links_container .link_area {
  margin-right: 15px;
}

section.gebaude .link_area:not(.card_header):hover {
  color: var(--Rot);
}

section.gebaude .link_area:not(.card_header):hover + svg {
  transform: translateX(5px);
}

section.gebaude .link_area:not(.card_header):hover + svg path {
  fill: var(--Rot);
}

/* End Map */

/* Accordion Card */

section.gebaude .accordion_card {
  background-color: var(--RotWeiss);
  padding: 10px;
}

/* card_header */
section.gebaude .accordion_card .card_header {
  padding: 10px;
  font-weight: 700;
  color: var(--Schwarz);
}

section.gebaude .accordion_card .card_header:hover {
  transition: none;
  color: initial;
}

section.gebaude .accordion_card .card_header:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.59 8.58997L12 13.17L7.41 8.58997L6 9.99997L12 16L18 9.99997L16.59 8.58997Z' fill='%23161616'/%3E%3C/svg%3E%0A");
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 0px;
  height: 55%;
  width: 25px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

section.gebaude .accordion_card .card_header:hover:after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_2821_1512)'%3E%3Cpath d='M16.59 8.58997L12 13.17L7.41 8.58997L6 9.99997L12 16L18 9.99997L16.59 8.58997Z' fill='%23161616'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_2821_1512' x='0' y='-2.41003' width='24' height='26.41' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_2821_1512'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='-5'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_2821_1512' result='effect2_dropShadow_2821_1512'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_2821_1512' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E ");
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  border-radius: 450px;
  height: 55%;
  background-color: var(--Weiss);
}

section.gebaude .accordion_card .card_header:not(.collapsed)::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  box-shadow: none;
}

/* card_body */

section.gebaude .accordion_card .card-body {
  padding: 10px;
  color: black;
}

/* Offnungszeiten */

section.gebaude .oz_container {
  border-bottom: 1px solid var(--LeichtGrau);
}

section.gebaude .oz_container:first-of-type {
  border-top: 1px solid var(--LeichtGrau);
}

section.gebaude .oz_container .wochentag {
  width: 50%;
  padding: 8px 0;
  font-weight: 700;
  font-family: "Fedra Sans", sans-serif;
  color: var(--Rot);
}

section.gebaude .oz_container .zeit {
  padding: 8px 0;
  width: 50%;
}

/* Category Dependent Color Styling */

article.category-aqua section.gebaude .oz_container .wochentag,
article.category-aqua section.gebaude .link_area:not(.card_header):hover,
article.category-aqua-fr section.gebaude .oz_container .wochentag,
article.category-aqua-fr section.gebaude .link_area:not(.card_header):hover {
  color: var(--AquaBlau);
}

article.category-aqua section.gebaude .accordion_card,
article.category-aqua-fr section.gebaude .accordion_card {
  background-color: var(--AquaWeiss);
}

article.category-aqua
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path,
article.category-aqua-fr
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path {
  fill: var(--AquaBlau);
}

/* Ice */

article.category-ice section.gebaude .oz_container .wochentag,
article.category-ice section.gebaude .link_area:not(.card_header):hover,
article.category-ice-fr section.gebaude .oz_container .wochentag,
article.category-ice-fr section.gebaude .link_area:not(.card_header):hover {
  color: var(--IceTurkis);
}

article.category-ice section.gebaude .accordion_card,
article.category-ice-fr section.gebaude .accordion_card {
  background-color: var(--IceWeiss);
}

article.category-ice
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path,
article.category-ice-fr
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path {
  fill: var(--IceTurkis);
}

/* Fitness */

article.category-fitness section.gebaude .oz_container .wochentag,
article.category-fitness section.gebaude .link_area:not(.card_header):hover,
article.category-fitness-fr section.gebaude .oz_container .wochentag,
article.category-fitness-fr section.gebaude .link_area:not(.card_header):hover {
  color: var(--FitnessGrun);
}

article.category-fitness section.gebaude .accordion_card,
article.category-fitness-fr section.gebaude .accordion_card {
  background-color: var(--FitnessWeiss);
}

article.category-fitness
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path,
article.category-fitness-fr
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path {
  fill: var(--FitnessGrun);
}

/* Wellness */

article.category-wellness section.gebaude .oz_container .wochentag,
article.category-wellness section.gebaude .link_area:not(.card_header):hover,
article.category-wellness-fr section.gebaude .oz_container .wochentag,
article.category-wellness-fr
  section.gebaude
  .link_area:not(.card_header):hover {
  color: var(--WellnessOrange);
}

article.category-wellness section.gebaude .accordion_card,
article.category-wellness-fr section.gebaude .accordion_card {
  background-color: var(--WellnessWeiss);
}

article.category-wellness
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path,
article.category-wellness-fr
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path {
  fill: var(--WellnessOrange);
}

/* Events */

article.category-events section.gebaude .oz_container .wochentag,
article.category-events section.gebaude .link_area:not(.card_header):hover,
article.category-events-fr section.gebaude .oz_container .wochentag,
article.category-events-fr section.gebaude .link_area:not(.card_header):hover {
  color: var(--EventsLila);
}

article.category-events section.gebaude .accordion_card,
article.category-events-fr section.gebaude .accordion_card {
  background-color: var(--EventsWeiss);
}

article.category-events
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path,
article.category-events-fr
  section.gebaude
  .links_container
  .link_area:hover
  + svg
  path {
  fill: var(--EventsLila);
}

/* Media */

@media (max-width: 992px) {
  section.gebaude {
    display: flex;
    flex-direction: column;
  }
  section.gebaude .container {
    margin-top: 50px;
  }

  section.gebaude .g_map {
    width: 100%;
    height: 50vh;
    position: relative !important;
    top: -20px !important;
  }

  section.gebaude .links_container {
    flex-direction: column !important;
    gap: 20px;
  }
}
