/*!
 * cav-magazin.css — einheitlicher Look für alle Magazin-Bausteine (gerenderte
 * cav_-Boxen + die fertig vom Studio gelieferten Body-Boxen .fk-faq / Glossar).
 * Nutzt die Marken-/GeneratePress-Optik (Fredoka-Headings, warme Töne, runde Karten).
 */

/* gemeinsame Karte */
.cav-box{ border-radius:16px; padding:22px 26px; margin:30px 0; font-size:16.5px; line-height:1.62; box-shadow:0 14px 34px -26px rgba(42,58,82,.4); }
.cav-box__title{ font-family:var(--cav-font-head,'Fredoka',sans-serif); font-weight:600; margin:0 0 14px; font-size:21px; line-height:1.15; color:var(--cav-navy,#2A3A52); }

/* Schon gewusst? (Fakten) */
.cav-facts{ background:#F4F1E9; border:1px solid rgba(217,164,65,.32); }
.cav-facts__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:13px; }
.cav-facts__item{ display:flex; gap:13px; align-items:flex-start; }
.cav-facts__emoji{ font-size:23px; line-height:1.25; flex:none; }

/* Forscher-Frage (Spotlight) */
.cav-frage{ background:linear-gradient(150deg,#34465f,#2A3A52); color:#fff; border:none; }
.cav-frage__badge{ display:inline-block; background:rgba(255,255,255,.16); font-size:12px; font-weight:800; letter-spacing:.4px; padding:6px 13px; border-radius:999px; margin-bottom:13px; }
.cav-frage, .cav-frage p, .cav-frage .cav-frage__q, .cav-frage .cav-frage__a{ color:#fff !important; }
.cav-frage .cav-frage__q{ font-family:var(--cav-font-head,'Fredoka',sans-serif); font-weight:600; font-size:21px; line-height:1.25; margin:0 0 9px; }
.cav-frage .cav-frage__a{ margin:0; opacity:.92; }

/* Produkt-CTA */
.cav-cta{ background:#fff; border:1px solid rgba(140,136,130,.2); }
.cav-cta__row{ display:flex; flex-wrap:wrap; gap:12px; }
.cav-cta__btn{ display:inline-block; background:var(--cav-navy,#2A3A52); color:#fff !important; font-family:var(--cav-font-head,'Fredoka',sans-serif); font-weight:700; font-size:15px; padding:12px 22px; border-radius:999px; text-decoration:none; transition:filter .15s ease; }
.cav-cta__btn:hover{ filter:brightness(1.12); }

/* Quellen */
.cav-quellen{ background:#FAF8F3; border:1px solid rgba(140,136,130,.18); }
.cav-quellen__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.cav-quellen__item{ font-size:15px; }
.cav-quellen__item a{ color:var(--cav-teal,#2E8B86); font-weight:700; text-decoration:none; }
.cav-quellen__item a:hover{ text-decoration:underline; }
.cav-quellen__note{ display:block; color:#8C8882; font-size:13px; margin-top:2px; }

/* ---- Body-Boxen vom Studio (FAQ + Glossar) im selben Look ---- */
.fk-faq, .cav-glossar, .fk-glossar{ background:#F4F1E9; border:1px solid rgba(140,136,130,.18); border-radius:16px; padding:22px 26px; margin:30px 0; }
.fk-faq > h2, .fk-faq > h3, .cav-glossar > h2, .cav-glossar > h3, .fk-glossar > h2, .fk-glossar > h3{ font-family:var(--cav-font-head,'Fredoka',sans-serif); font-weight:600; color:var(--cav-navy,#2A3A52); margin:0 0 14px; font-size:21px; }
.fk-faq details{ border-bottom:1px solid rgba(140,136,130,.22); padding:12px 0; }
.fk-faq details:last-child{ border-bottom:none; }
.fk-faq summary{ font-family:var(--cav-font-head,'Fredoka',sans-serif); font-weight:600; color:var(--cav-navy,#2A3A52); cursor:pointer; font-size:16.5px; list-style:none; }
.fk-faq summary::-webkit-details-marker{ display:none; }
.fk-faq summary::after{ content:'+'; float:right; color:var(--cav-honey,#D9A441); font-weight:800; }
.fk-faq details[open] summary::after{ content:'–'; }
.fk-faq details > *:not(summary){ margin-top:10px; color:#33322E; }
/* Glossar als Definitionsliste */
.cav-glossar dl, .fk-glossar dl, .fk-faq dl{ margin:0; }
.cav-glossar dt, .fk-glossar dt{ font-weight:700; color:var(--cav-navy,#2A3A52); margin-top:12px; }
.cav-glossar dd, .fk-glossar dd{ margin:2px 0 0; color:#33322E; }

@media (max-width:600px){
	.cav-box, .fk-faq, .cav-glossar, .fk-glossar{ padding:18px 18px; }
	.cav-box__title{ font-size:19px; }
}