/* Startseite: Vertrauensleiste, Ankauf, Ablauf, Stimmen, Fragen, Zeiten */

/* Vertrauensleiste direkt unter dem Hero */
.vertrauen { background: var(--stein); border-block: 1px solid rgba(216, 184, 120, .16); }
.vertrauen-liste { list-style: none; margin-block: 0; padding: 22px 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px 28px; }
.vertrauen-liste li { display: flex; align-items: center; gap: 12px; font-size: .98rem; color: var(--hell-2); line-height: 1.35; }
.vertrauen-liste b { color: var(--hell); font-weight: 750; }
.vertrauen-liste .ic { width: 26px; height: 26px; color: var(--gold-hell); flex: none; }
@media (max-width: 980px) { .vertrauen-liste { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .vertrauen-liste { grid-template-columns: 1fr; gap: 12px; padding: 20px 0; } }

/* Ankauf */
.ankauf-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(122, 90, 46, .22); border: 1px solid rgba(122, 90, 46, .22); }
.ankauf-liste li { background: var(--creme); padding: 26px 24px 28px; }
.ankauf-liste h3 { font-size: 1.4rem; margin-bottom: 8px; }
.ankauf-liste p { color: var(--tinte-2); font-size: .98rem; }
@media (max-width: 1000px) { .ankauf-liste { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .ankauf-liste { grid-template-columns: 1fr; } .ankauf-liste li { padding: 15px 16px 16px; display: grid; gap: 2px; } .ankauf-liste h3 { font-size: 1.22rem; margin: 0; } .ankauf-liste p { font-size: .94rem; line-height: 1.45; } }
.ablauf { margin-top: var(--r5); display: grid; grid-template-columns: 1fr 3fr; gap: var(--r4); align-items: start; }
.ablauf-titel { font-size: clamp(1.6rem, 2.6vw, 2.1rem); }
.ablauf-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--r4); }
.ablauf-liste li { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; }
.ablauf-nr { font-size: 3.4rem; line-height: .8; color: var(--gold-tinte); }
.ablauf-liste h4 { font-family: var(--text-font); font-size: 1.05rem; font-weight: 800; margin: 2px 0 6px; }
.ablauf-liste p { color: var(--tinte-2); font-size: .98rem; }
@media (max-width: 1000px) { .ablauf { grid-template-columns: 1fr; } .ablauf-liste { grid-template-columns: 1fr; gap: var(--r3); } }
.ankauf-knöpfe { margin-top: var(--r5); }

/* Stimmen */
.stimmen-liste { columns: 3 300px; column-gap: 20px; }
.stimme { break-inside: avoid; margin: 0 0 20px; background: var(--papier); border: 1px solid rgba(122, 90, 46, .2); padding: 24px 24px 20px; border-radius: var(--ecke); }
.stimme-sterne { display: flex; gap: 2px; color: var(--gold-tinte); margin-bottom: 12px; }
.stimme-sterne .ic { width: 16px; height: 16px; fill: currentColor; }
.stimme blockquote { margin: 0 0 14px; font-family: var(--antiqua); font-size: 1.18rem; line-height: 1.45; color: var(--tinte); }
.stimme figcaption { font-size: .88rem; color: var(--tinte-2); }
.stimme figcaption b { color: var(--tinte); }
.stimmen-quelle { margin-top: var(--r3); }

/* Fragen */
.fragen-raster { display: grid; grid-template-columns: 1fr 1.6fr; gap: var(--r5); align-items: start; }
@media (max-width: 900px) { .fragen-raster { grid-template-columns: 1fr; gap: 0; } }
.frage { border-bottom: 1px solid rgba(122, 90, 46, .25); }
.frage summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 14px 0;
  font-family: var(--antiqua); font-size: 1.28rem; line-height: 1.3; }
.frage summary::-webkit-details-marker { display: none; }
.frage-plus { width: 22px; height: 22px; position: relative; flex: none; }
.frage-plus::before, .frage-plus::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 1.5px; background: var(--gold-tinte); transform: translate(-50%, -50%); transition: transform .3s var(--aus-quart); }
.frage-plus::after { transform: translate(-50%, -50%) rotate(90deg); }
.frage[open] .frage-plus::after { transform: translate(-50%, -50%) rotate(0deg); }
.frage p { padding: 0 0 20px; color: var(--tinte-2); max-width: 40em; }

/* Zeiten */
.zeiten { display: grid; grid-template-columns: auto 1fr; gap: 4px 18px; margin: 0; }
.zeiten dt { color: var(--hell-3); }
.zeiten dd { margin: 0; color: var(--hell); }
.stimmen-mehr { display: none; margin-top: 4px; }
@media (max-width: 700px) {
  .stimmen-liste.gekürzt .stimme:nth-child(n+5) { display: none; }
  .stimmen-mehr { display: block; }
}