/**
* Block Name: akkordeon
*/

section.akkordeon {
  font-family: "Fedra Sans", sans-serif;
}

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

/* card_header */
section.akkordeon .accordion_card .card_header {
  padding: 10px;
  font-weight: 700;
}

section.akkordeon .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.akkordeon .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.akkordeon .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.akkordeon .accordion_card .card-body {
  padding: 10px;
  color: black;
}

section.akkordeon .link_area:hover {
  color: var(--Rot);
}

section.akkordeon .link_area svg {
  margin-right: 15px;
}

section.akkordeon .link_area:hover svg path {
  fill: var(--Rot);
}

/* article.category- */

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

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

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

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

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

section.akkordeon button.link_area svg {
  left: 10px;
  position: relative;
}
section.akkordeon button.link_area:hover svg {
  transform: translateX(5px);
}


section.akkordeon a.link_area svg {
  left: 10px;
  position: relative;
}

section.akkordeon a.link_area:hover svg {
  transform: translateX(5px);
}