@charset "UTF-8";
.herobild{min-width:0;display:flex;align-items:center}
.herobild img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius);box-shadow:var(--schatten-tief)}
.fragen{background:#fff}
.suche{position:relative;max-width:640px;margin:0 auto var(--abstand)}
.suche label{position:absolute;left:16px;top:14px;color:var(--navy)}
.suche label svg{width:20px;height:20px;display:block}
.suche input{width:100%;box-sizing:border-box;padding:12px 16px 12px 46px;border:1.5px solid var(--linie);border-radius:var(--rund);background:#fff;font:inherit;color:var(--ink)}
.suche input:focus{outline:3px solid var(--orange);outline-offset:2px;border-color:var(--navy)}
.treffer{margin:8px 0 0 16px;min-height:24px}
.themenwahl{list-style:none;margin:0 0 48px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px}
.themenwahl li{margin:0}
.themenwahl a{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid var(--navy);border-radius:var(--rund);background:#fff;transition:background-color .15s ease,color .15s ease}
.themenwahl a:hover{background:var(--navy);color:#fff}
.fragenliste{min-width:0}
.thema{scroll-margin-top:96px;margin-bottom:var(--block)}
.thema>h2{text-align:left;margin-bottom:22px}
.thema li[hidden]{display:none}
.fragenliste .note-box{margin-top:0}
.ankauf{background:var(--tint)}
.ablauf{background:#fff}
.abschluss{background:var(--tint)}
.abschluss>h2{text-align:left}
.abschluss>p:first-of-type{max-width:none;margin-inline:0;text-align:left}
.abschlussknoepfe{display:flex;flex-wrap:wrap;gap:16px}
.ankaufkarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.ankaufkarten li{margin:0}
.ankaufkarten a{display:block;height:100%;box-sizing:border-box;padding:24px 20px 22px;background:#fff;border:1px solid var(--linie);border-radius:14px;box-shadow:var(--schatten);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ankaufkarten a:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:var(--schatten-orange);color:inherit}
.ankaufkarten svg{display:block;width:56px;height:56px;margin-bottom:14px;color:var(--orange)}
.ankaufkarten p{margin:0;color:var(--ink)}
.ablaufkarten{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ablaufkarten li{margin:0;padding:28px 24px 26px;background:#fff;border:1px solid var(--linie);border-radius:14px;box-shadow:var(--schatten)}
.ablaufkarten .ablauf-icon{margin:0 0 16px}
.ablaufkarten p{margin:0}

@media (prefers-reduced-motion:reduce){
.themenwahl a{transition:none}
}
@media (max-width:1180px){
.ankaufkarten{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
.ablaufkarten{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (max-width:767px){
.ankaufkarten{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.themenwahl{justify-content:flex-start}
}
@media (max-width:640px){
.ankaufkarten{grid-template-columns:minmax(0,1fr)}
.abschlussknoepfe a{width:100%}
}
@media (max-width:360px){
.fragenseite h1,.fragenseite h2,.fragenseite h3{hyphens:auto;overflow-wrap:anywhere}
}
