.wpfaqs-box {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    /* Position: relative; nicht mehr nötig, 
       da wir das Icon nicht absolut positionieren */
}

.wpfaqs-header {
    display: flex;
    align-items: flex-start; /* oder center, je nach Wunsch */
}

.wpfaqs-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 15px;
    margin-right: 14px; /* Platz zwischen Icon und Headline */
    padding: 0;
	margin-top:-2px;
}

.wpfaqs-toggle:hover {
    background: none; /* kein Hover-Hintergrund */
}

.wpfaqs-toggle:active,
.wpfaqs-toggle:focus {
    outline: none;
    background: none;
    box-shadow: none;
}

/* Die Headline selbst – kein pointer-cursor */
.wpfaqs-question {
    margin: 0 !important;
	cursor: pointer;
}

.wpfaqs-answer {
    display: none;
    margin: 0 0 0 28px; 
	margin-top: 10px; /* etwas Abstand zur Frage */
    /* margin-left: 28px, um die Antwort 
       linksbündig zur Headline einzurücken */
}

/* "expanded" -> Antworten direkt sichtbar */
.wpfaqs-container.expanded .wpfaqs-answer {
    display: block;
	margin-left: 0 !important;
}

/* "collapsed" -> Antworten per Button-Klick toggeln */
.wpfaqs-container.collapsed .wpfaqs-answer {
    display: none;
}

/* Bei zugeklappten FAQs soll der Mauszeiger bei der Frage als Hand dargestellt werden */
.wpfaqs-container.collapsed .wpfaqs-question {
    cursor: pointer;
}

/* Bei aufgeklappten FAQs soll der Cursor normal bleiben */
.wpfaqs-container.expanded .wpfaqs-question {
    cursor: text;
}

/* 2-Spalten-Layout */
.wpfaqs-container.layout-zweispaltig .wpfaqs-box {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2%;
}
.wpfaqs-container.layout-zweispaltig .wpfaqs-box:nth-child(2n) {
    margin-right: 0;
}