/* frag-Galal.de – Audit V14, kompakte Sachwerte-Landingpages (Prototyp 01.11.2026). Nur bestehende Farben über Variablen. */
/* Risiken als Schlagwort-Leiste (Details im Ratgeber) */
.risiken14{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.risiken14 li{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:500 .95rem var(--sans);color:var(--ink)}
.risiken14 li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--minus,var(--brand))}
.risiken14-mehr{margin:14px 0 0;font-size:.98rem}
.risiken14-mehr a{color:var(--brand);font-weight:600}
/* Ratgeber-Verweise als Kachel-Leiste */
.wissen14{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.wissen14 a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font:600 .98rem var(--sans);text-decoration:none}
.wissen14 a::after{content:"→";color:var(--brand)}
@media (hover:hover) and (pointer:fine){.wissen14 a{transition:border-color var(--m-schnell) ease}.wissen14 a:hover{border-color:var(--brand)}}
.wissen14 a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
/* Ansprechpartner am Handy: Foto als runder Kopf neben der Überschrift statt bildschirmhoch */
@media(max-width:759px){
  body .person11{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 16px;align-items:start}
  body .person11>img{grid-row:1;width:96px;height:96px;max-height:none;border-radius:50%;object-fit:cover;object-position:50% 18%;margin:4px 0 0}
  body .person11>div{display:contents}
  body .person11>div>*{grid-column:1/-1}
  body .person11>div>.kicker{grid-column:2;grid-row:1;align-self:end;margin-top:14px}
  body .person11>div>h2{grid-column:2;grid-row:1;align-self:end;margin:0 0 10px;font-size:1.7rem}
  body .person11 .kicker{display:none}
}
/* Edelmetalle: Risikoliste nach Wegfall der Prüfliste über die volle Breite, ab Tablet zweispaltig */
.risiko11{grid-template-columns:1fr}
@media(min-width:760px){body .risiko11 .rliste11{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}body .risiko11 .rliste11 li{grid-template-columns:130px minmax(0,1fr)}}
/* Immobilienrechner: Standardannahmen aufklappbar (Inhalt und Werte unverändert) */
.annahmen14>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-height:44px;cursor:pointer;list-style:none}
.annahmen14>summary::-webkit-details-marker{display:none}
.annahmen14>summary::after{content:"+";margin-left:auto;color:var(--brand);font-weight:600}
.annahmen14[open]>summary::after{content:"−"}
.annahmen14>summary small{color:var(--ink-2);font-size:.9rem}
.annahmen14>summary .annahmen11-titel{margin:0}
@media(max-width:759px){
  .risiken14{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .risiken14 li{min-height:36px;padding:6px 10px;font-size:.88rem;border-radius:10px}
  .wissen14{grid-template-columns:1fr 1fr;gap:8px}
  .wissen14 a{min-height:48px;padding:8px 12px;font-size:.92rem}
  body .waage11 svg{max-height:110px}
  body .vergleich11>svg{max-height:120px}
  body .grund11{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
  body .grund11 p{font-size:.86rem}
  body .rliste11 li{padding:8px 0}
  body .klegende11 li{padding-top:8px;padding-bottom:8px}
}
@media(max-width:759px){
  body .verweise12{grid-template-columns:1fr 1fr;gap:0 14px}
  body .verweise12 a{font-size:.92rem;line-height:1.25}
}

/* V14-01 Beispielwerte-Knopf (Immobilienrechner) */
.beispiel14{margin:.6rem 0 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem}
.beispiel14 small{color:var(--ink-2,var(--ink))}
.beispiel14[hidden]{display:none}
.beispiel14-hinweis{border-left:3px solid var(--brand);padding-left:.6rem;margin:.4rem 0 1rem}

/* V14-04 Edelmetall-Grafiken als Reiter */
.grafik14{margin:22px 0 0}
.grafik14~.em-grafik{margin-top:14px}

/* Startseite: Bewertungen im Abschnitt „So arbeiten wir zusammen“, FAQ mit vier weiteren Fragen zum Aufklappen */
.p9 .bew14{margin-top:64px}
@media(max-width:899px){.p9 .bew14{margin-top:40px}}
.faq-mehr14{margin-top:6px}
.faq-mehr14>summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--brand);font-weight:600;list-style:none}
.faq-mehr14>summary::-webkit-details-marker{display:none}
.faq-mehr14>summary::after{content:"+";font-size:1.2em;line-height:1}
.faq-mehr14[open]>summary::after{content:"−"}
