.faq-bereich {
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 25px;
  position: relative;
}
.faq-bereich i {
  background-color: #fff;
}
.faq-bereich details[open] summary {
  background-color: #CD0A1E;
  color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.faq-bereich details[open] summary h4 {
  color: #fff;
}
.faq-bereich details[open] summary i {
  background-color: #fff;
  color: #CD0A1E;
}
.faq-bereich details[open] > summary:after {
  transform: rotate(-180deg);
}
.faq-bereich i {
  color: #fff;
  background-color: #CD0A1E;
  font-size: 98px;
  border-radius: 8px;
  transition: ease-in-out 0.1s;
  padding: 0;
}
.faq-bereich summary {
  padding: 15px 50px 15px 15px;
  align-items: center;
  display: flex;
  cursor: pointer;
}
.faq-bereich summary p,
.faq-bereich summary h1,
.faq-bereich summary h2,
.faq-bereich summary h3,
.faq-bereich summary h4,
.faq-bereich summary h5,
.faq-bereich summary h6 {
  margin: 0;
  display: inline-block;
  color: #CD0A1E;
  margin-left: 25px;
  font-weight: 700;
}
.faq-bereich summary:focus {
  outline: none;
}
.faq-bereich summary:focus-within {
  outline: 3px solid var(--wp--preset--color--primary, #0056b3);
  outline-offset: -12px;
}
.faq-bereich h4 {
  font-size: 25px;
}
.wp-block-column .faq-bereich-inner.faq-details summary h4 {
  max-width: 456px;
}
details summary:after {
  content: "";
  margin-right: 10px;
  display: inline-block;
  transition: transform 0.3s;
  position: absolute;
  right: 25px;
  font-size: 19px;
}
.faq-bereich-inner.faq-details {
  padding: 20px;
}
.faq-bereich-inner.faq-details h4 {
  font-size: 22px;
  margin-bottom: 19px;
  margin-top: 20px;
}
.faq-bereich-inner.faq-details summary {
  padding: 0;
  cursor: pointer;
  align-items: center;
  display: flex;
  background-color: transparent !important;
  color: #CD0A1E !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.faq-bereich-inner.faq-details summary h4 {
  color: #CD0A1E !important;
  margin-left: 0;
}
.faq-bereich-inner.faq-details summary::after {
  color: #000;
}
.faq-bereich-inner.faq-details summary:focus-within {
  outline: 3px solid var(--wp--preset--color--primary, #0056b3);
  outline-offset: 6px;
}
.faq-bereich-inner.faq-details p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.faq-bereich-inner.faq-details ul li {
  margin-bottom: 20px;
}
.faq-bereich-inner.faq-details .wp-block-separator {
  color: #ececec;
  height: 2px;
  border-top: none;
  margin: 5px 0;
  background-color: #ececec;
}
.faq-bereich-inner.faq-details .wp-block-separator:last-child {
  display: none;
}
.faq-bereich-inner.faq-details details:focus {
  outline: 3px solid var(--wp--preset--color--primary, #0056b3);
}
.wp-block-separator {
  color: #ececec;
  height: 2px;
  border-top: none;
  margin: 20px 0;
}
details[open].faq-closing .faq-bereich-inner summary::after {
  transform: rotate(0deg);
  opacity: 0;
}
details[open] > summary::after {
  transform: rotate(-180deg);
}
@media (prefers-reduced-motion) {
  details[open] summary::after {
    transition: none;
  }
  details[open].faq-closing summary::after {
    transition: none;
  }
  details summary::after {
    transition: none;
  }
}
@media (max-width: 1000px) {
  .faq-bereich i {
    font-size: 50px ;
  }
  .faq-bereich h4 {
    font-size: 20px;
  }
  .wp-block-column .faq-bereich-inner.faq-details summary h4 {
    font-size: 20px;
    max-width: 270px;
  }
}