/*
 * FAQ-Inhaltselement
 *
 * Greift das Akkordeon-Aussehen der Produktseiten auf, weicht aber bewusst
 * in drei Punkten ab. Die Regeln sind auf .ncfaq begrenzt, damit die
 * bestehenden Akkordeons unverändert bleiben.
 */

/*
 * Fragen sind ganze Sätze – Versalien und Schriftstärke 900 erschweren das Lesen.
 * Roboto Condensed liegt nur in 300, 400 und 700 vor: Zwischenwerte wie 500 oder 600
 * rundet der Browser auf 700 und wirken dann unverändert fett. Deshalb 400.
 */
.ncfaq .panel-title {
    text-transform: none;
    font-weight: 400;
    font-size: 1.25em;
    line-height: 1.35;
}

/* Fragen und Antworten bündig zum übrigen Seiteninhalt ausrichten */
.ncfaq .panel-heading {
    padding: 16px 0 14px 0;
}
.ncfaq .panel-body {
    padding: 2px 0 18px 0;
}

/* Überschrift vom ersten Eintrag absetzen */
.ncfaq .ncfaq-title {
    margin-top: 0;
    margin-bottom: 28px;
}

/* Pfeil rechts freistellen und beim Öffnen mitdrehen */
.ncfaq .panel-title > a {
    display: block;
    position: relative;
    padding-right: 2.4em;
}
.ncfaq .panel-title > a .akkordion_pfeil {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .2s ease-in-out;
}
.ncfaq .panel-title > a:not(.collapsed) .akkordion_pfeil {
    transform: translateY(-50%) rotate(90deg);
}

/* Erster und letzter Absatz der Antwort ohne zusätzlichen Außenabstand */
.ncfaq .panel-body > *:first-child { margin-top: 0; }
.ncfaq .panel-body > *:last-child { margin-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
    .ncfaq .panel-title > a .akkordion_pfeil { transition: none; }
}

/*
 * Fokusrahmen abgeschaltet (Entscheidung vom 26.10.2026).
 *
 * Wieder einschalten: diesen Block durch den auskommentierten darunter
 * ersetzen. Dann erscheint der Rahmen ausschliesslich bei Tastaturbedienung
 * (Tab-Taste), beim Mausklick nicht – das war die urspruenglich stoerende
 * Variante des Themes, das noch durchgaengig mit :focus arbeitet.
 */
.ncfaq .panel-title > a:focus,
.ncfaq .panel-title > a:focus-visible {
    outline: none;
}

/*
.ncfaq .panel-title > a:focus:not(:focus-visible) {
    outline: none;
}
.ncfaq .panel-title > a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
    border-radius: 2px;
}
*/