/* =============================
   FAQ ACCORDION
============================= */
.faq {
  padding: 80px 0; /* Adjusted padding */
  background-color: #f6f9fc;
}
.faq h2 {
  font-size: 2.2em; /* Adjusted size */
  margin-bottom: 50px; /* Increased margin */
  font-weight: 700;
  color: var(--primary-blue); /* Use variable */
  text-align: center;
  line-height: normal;
}
.faq-accordion {
  max-width: 1000px; /* Slightly wider */
  margin: 0 auto;
  border: 1px solid var(--medium-grey); /* Add border around accordion */
  border-radius: var(--border-radius-md); /* Use variable */
  overflow: hidden; /* Clip corners */
}
.faq-item { /* Added wrapper for question/answer pair */
  border-bottom: 1px solid var(--medium-grey); /* Separator */
}
.faq-item:last-child {
  border-bottom: none;
}

.faq_button_beratung {
    padding: 8px 15px;
    background: #05164d;
    margin-top: 15px;
    color: #fff;
    border-radius: 4px;
    border: solid 1px #05164d;
}

.faq_button_beratung:hover {
    background: #fff;
    color: #05164d;
}


.faq-question {
  background-color: var(--white); /* Use variable */
  /* margin: 10px 0; Removed margin */
  padding: 18px 25px; /* Adjusted padding */
  /* border-radius: 10px; Removed, handled by accordion */
  cursor: pointer;
  font-weight: 600; /* Adjusted weight */
  transition: background-color 0.2s ease;
  color: var(--primary-blue); /* Use variable */
  display: flex; /* Use flex for indicator */
  justify-content: space-between; /* Push indicator to right */
  align-items: center;
  font-size: 1.0em; /* Adjusted size */
}
.faq-question:hover {
  background-color: var(--light-grey); /* Use variable */
}
/* Add indicator */
.faq-question::after {
  content: '+';
  font-size: 1.6em;
  font-weight: 300; /* Lighter plus */
  color: var(--dark-grey);
  transition: transform 0.3s ease;
}
.faq-item.active .faq-question::after { /* Style indicator when active */
  transform: rotate(45deg);
}
.faq-item.active .faq-question { /* Style question when active */
   background-color: var(--light-grey);
   font-weight: 700;
}

.faq-answer {
  display: none;
  padding: 20px 25px 25px; /* Adjusted padding */
  background-color: var(--white); /* Use variable */
  /* border-radius: 0 0 10px 10px; Removed */
  color: color: #05164d;
  line-height: 1.7; /* Use global line-height */
  font-size: 1em; /* Standardized size */
  border-top: 1px dashed var(--medium-grey); /* Add subtle separator */
}
.faq-answer p { /* Target paragraphs inside answer */
    margin: 0; /* Reset default paragraph margin */
}

@media (max-width: 768px) {

.faq h2 {
      font-size: 1.4em;
}
.faq-answer {
      font-size: 0.8em;
}
.faq-question {
      font-size: 0.9em;
}
  }




/* =============================
   FAQ TOGGLE BUTTON
============================= */
.faq-toggle-container {
  text-align: center;
  padding: 15px 0 15px;
  background: var(--light-grey);
}

.faq-toggle-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: var(--primary-blue);
  font-weight: 600;
  transition: all 0.3s ease;
  padding: 12px 20px;
  border-radius: var(--border-radius-md);
  background: var(--white);
  border: 1px solid var(--medium-grey);
}

.faq-toggle-button:hover {
  background: var(--light-grey);
}

.faq-toggle-button svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}

.faq-toggle-button.active svg {
  transform: rotate(180deg);
}

.hidden-faqs {
  display: none;
}

/* Letztes sichtbares Element anpassen */
.faq-accordion > .faq-item:nth-child(3) {
  border-bottom: none;
}