/* Shared on FAQ, animal pages and funnels: the icon identifies the topic. */
.faq-toggle{display:flex;align-items:center;justify-content:flex-end;width:61px;height:44px;gap:7px;flex:0 0 61px;pointer-events:none;color:#365461}
.faq-toggle .faq-topic-icon{display:block;width:40px;height:40px;flex:0 0 40px;padding:3px;background:#f0e6ce;border:1px solid #dfd1b2;border-radius:14px 17px 13px 16px;transform:rotate(-5deg);box-sizing:border-box;opacity:1}
.faq-toggle .faq-chevron{display:block;width:14px;height:14px;flex:0 0 14px}
details[open]>summary .faq-chevron{transform:rotate(180deg)}
details[open]>summary .faq-topic-icon{transform:rotate(5deg)}
@media(prefers-reduced-motion:no-preference){.faq-toggle .faq-topic-icon,.faq-toggle .faq-chevron{transition:transform .25s ease}summary:hover .faq-topic-icon{transform:rotate(5deg) translateY(-2px)}}
@media(max-width:700px){.faq-toggle{width:55px;flex-basis:55px;gap:5px}.faq-toggle .faq-topic-icon{width:36px;height:36px;flex-basis:36px}.faq-toggle .faq-chevron{width:14px;height:14px;flex-basis:14px}}
@media(prefers-reduced-motion:reduce){.faq-toggle .faq-topic-icon,.faq-toggle .faq-chevron{transition:none;transform:none}}

summary .faq-question-heading{display:inline;margin:0;font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit}

/* Preserve the shared FORL answer's short paragraphs in all FAQ views. */
#frage-forl .animal-answer-body>p,#frage-forl .faq-answer-body>p,[id="katze/op/forl"] .faq-answer-body>p{white-space:pre-line}