.hero-shop{padding-top:clamp(80px,11vw,130px)}.hero-shop .zwei{align-items:center}.hero-shop .punkte-zeile{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-shop .punkte-zeile span{border:1px solid var(--linie);color:var(--grau);border-radius:999px;padding:8px 14px;font-size:14px}.handy-zeile{text-align:center;max-width:320px;color:var(--grau);margin:20px auto 0;font-size:15px;line-height:1.45}.handy{background:#111;border-radius:42px;width:min(320px,100%);margin:0 auto;padding:12px;box-shadow:0 50px 100px -40px #00000073}.handy .bild{aspect-ratio:9/18;background:#faf7f2;border-radius:32px;position:relative;overflow:hidden}.handy .kopf-s{color:#2a1f16;justify-content:space-between;padding:18px 20px 10px;font-size:13px;font-weight:600;display:flex}.produkt{background:#fff;border-radius:18px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;margin:6px 18px 0;padding:14px;display:grid;box-shadow:0 8px 24px -16px #3c281466}.produkt i{aspect-ratio:1;background:radial-gradient(120% 90% at 30% 20%,#e9d9c4,#b9885a 55%,#6e4a2e);border-radius:12px;display:block}.produkt b{color:#2a1f16;font-size:14px;display:block}.produkt span{color:#6f655b;font-size:12.5px}.ablauf-s{gap:8px;margin:18px 18px 0;list-style:none;display:grid}.ablauf-s li{color:#2a1f16;opacity:.62;background:#fff;border-radius:14px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;font-size:13px;transition:opacity .4s,box-shadow .4s;display:grid}.ablauf-s li .p{border:1.5px solid #d9cdbf;border-radius:50%;place-items:center;width:22px;height:22px;transition:background .3s,border-color .3s;display:grid}.ablauf-s li .p svg{stroke:#fff;stroke-width:3px;fill:none;opacity:0;width:11px}.ablauf-s li small{color:#6f655b;font-size:11.5px}.ablauf-s li.aktiv{opacity:1;box-shadow:0 0 0 1.5px #2a1f16}.ablauf-s li.fertig{opacity:1}.ablauf-s li.fertig .p{background:#2f7a4f;border-color:#2f7a4f}.ablauf-s li.fertig .p svg{opacity:1}.handy .fuss-s{color:#fff;text-align:center;background:#2a1f16;border-radius:999px;padding:13px;font-size:13.5px;font-weight:600;position:absolute;bottom:18px;left:18px;right:18px}.handy .fuss-s.ok{background:#2f7a4f}.wege{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(56px,8vw,90px);display:grid}.weg{background:#fff;border-radius:26px;min-width:0;padding:32px 28px}.weg.wir{color:#f5f2ec;background:#17140f}.weg>b{letter-spacing:-.025em;font-size:20px;font-weight:600}.weg.wir>b{color:var(--messing-hell)}.weg{grid-row:span 7;grid-template-rows:subgrid;row-gap:14px;display:grid}.weg>b{margin-bottom:6px}.weg dl{display:contents}.weg dt{color:var(--grau);font-size:12.5px;font-weight:600}.weg.wir dt{color:#8f897f}.weg dd{margin-top:3px;font-size:15px;line-height:1.45}.weg.wir dd{font-weight:600}.weg dl>div{border-top:1px solid var(--linie);padding-top:12px}.weg.wir dl>div{border-color:#2e2a24}@media (max-width:960px){.wege{grid-template-columns:minmax(0,1fr)}.weg{grid-row:auto;grid-template-rows:none}}.protokoll{color:#f5f2ec;background:#17140f;border-radius:26px;min-width:0;padding:28px 28px 24px;box-shadow:0 40px 80px -40px #00000073}.protokoll .oben{color:var(--messing-hell);justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;display:flex}.protokoll .oben b{color:#f5f2ec;font-size:15px;font-weight:600}.protokoll ol{font:500 13px var(--mono);margin-top:18px;list-style:none;display:grid}.protokoll li{opacity:0;border-top:1px solid #2e2a24;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:10px 0;transition:opacity .4s,transform .4s;display:grid;transform:translateY(6px)}.protokoll li.da{opacity:1;transform:none}.protokoll li span:first-child{color:#8f897f}.protokoll li span:last-child{color:#7fd19b}.protokoll .naechste{color:#a8a29a;justify-content:space-between;margin-top:16px;font-size:13px;display:flex}.protokoll .naechste b{color:#f5f2ec;font-variant-numeric:tabular-nums}.drei-p{gap:22px;margin-top:30px;display:grid}.drei-p b{letter-spacing:-.02em;font-size:18px;font-weight:600;display:block}.drei-p p{color:var(--grau);margin-top:6px;font-size:15.5px;line-height:1.55}.preis-zeile{color:var(--grau);flex-wrap:wrap;gap:12px 28px;margin-top:28px;font-size:15px;display:flex}.preis-zeile b{color:var(--tinte);letter-spacing:-.03em;margin-right:6px;font-size:22px}
