/* ============================================================
   FAQ.CSS — Vienna-Webdesign.at
   ============================================================ */

.faq-container { margin: 20px 0; border-top: 1px solid #ddd; }
.faq-item { border-bottom: 1px solid #ddd; }

.faq-item details summary {
  font: bold 0.80em;
  cursor: pointer;
  padding: 12px 10px;
  background: #f9f9f9;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
}

.faq-item details summary::-webkit-details-marker { display: none; }
.faq-item details summary::after { content: '+'; font-size: 1.2em; color: #6667ab; }
.faq-item details[open] summary::after { content: '−'; }
.faq-item details summary:hover { background: #f0f0f7; }

.faq-item details p {
  font: normal 0.78em;
  padding: 12px 10px;
  margin: 0;
  line-height: 160%;
  color: #444;
  background: #fff;
}