/* Fritzis Wichtel-Wissen: Ergaenzung zu /werkstatt/artikel.css */
.krume-zeile { max-width: 760px; margin: 16px auto 0; padding: 0 24px;
  font-size: 13px; color: #8F7F6C; font-family: 'Inter', sans-serif; }
.krume-zeile a { color: #B9A88F; text-decoration: none; }
.krume-zeile b { color: #CBBBA4; font-weight: 600; }

.wissen-artikel, .wissen-uebersicht { max-width: 760px; margin: 0 auto; padding: 30px 24px 90px; }
.wissen-artikel h1, .wissen-uebersicht h1 { font-family: 'Inter', sans-serif; font-weight: 800;
  font-size: clamp(28px, 4.4vw, 42px); line-height: 1.12; letter-spacing: -.02em; }

/* Die Kurzantwort ist der extrahierbare Kern der Seite: sofort nach der
   H1, optisch klar als eigener Block abgesetzt, kein Fliesstext. */
.kurzantwort { margin-top: 20px; padding: 20px 24px; background: #1E1114;
  border: 1px solid rgba(239,181,75,.4); border-left: 4px solid #EFB54B;
  border-radius: 14px; font-family: 'Inter', sans-serif; font-size: 17px;
  line-height: 1.6; color: #F7F1E8; }

.wissen-artikel h2 { font-family: 'Inter', sans-serif; font-size: 19px; margin-top: 38px; color: #EFB54B; }
.wissen-artikel p { margin-top: 16px; color: #E4D8C8; }

.verweise { margin-top: 40px; padding-top: 22px; border-top: 1px solid #2A1B14;
  font-family: 'Inter', sans-serif; }
.verweise h3 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase;
  color: #8F7F6C; font-weight: 700; }
.verweise ul { margin: 12px 0 0; padding: 0; list-style: none; }
.verweise li { margin-top: 8px; }
.verweise a { color: #EFB54B; text-decoration: none; font-weight: 600; }
.verweise a:hover { text-decoration: underline; }

.produkt-hinweis { margin-top: 46px; }
.produkt-hinweis .appinnen, .produkt-hinweis > div { padding: 22px 26px; }
.produkt-hinweis p { color: #B9A88F; font-size: 14.5px; margin-top: 8px; }
.produkt-hinweis a { color: #EFB54B; font-weight: 700; text-decoration: none; }

.wissen-uebersicht .vorspann { font-size: 17px; color: #CBBBA4; margin-top: 10px;
  font-family: 'Inter', sans-serif; max-width: 62ch; }
.clustergruppe { margin-top: 40px; }
.clustergruppe h2 { font-family: 'Inter', sans-serif; font-size: 15px;
  letter-spacing: .1em; text-transform: uppercase; color: #EFB54B; }
.clusterliste { list-style: none; margin: 14px 0 0; padding: 0; }
.clusterliste li { margin-top: 4px; border-bottom: 1px solid #2A1B14; padding: 16px 0; }
.clusterliste a { display: block; font-family: 'Inter', sans-serif; font-weight: 700;
  font-size: 17px; color: #F7F1E8; text-decoration: none; }
.clusterliste a:hover { color: #EFB54B; }
.clusterliste span { display: block; margin-top: 6px; font-size: 14px; color: #8F7F6C; }