/* Ratgeber · Kosten */
.rg-hero{max-width:900px}
.rg-meta{color:var(--muted);font-size:14.5px;margin-top:-6px;margin-bottom:22px}
/* Preisleiter: das eine auffällige Element */
.ladder{margin-top:36px;padding:28px 28px 22px;border:1px solid var(--gline);border-radius:22px;background:linear-gradient(180deg,rgba(226,194,125,.07),rgba(255,255,255,.015))}
.ladder h2{font-size:18px;font-weight:500;margin-bottom:22px}
.lad{position:relative;height:150px;margin:0 50px}
.lad .axis{position:absolute;left:-50px;right:-50px;top:74px;height:2px;background:linear-gradient(90deg,rgba(226,194,125,.15),var(--gold))}
.lad i{position:absolute;top:69px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px rgba(226,194,125,.18)}
.lad a{position:absolute;top:0;transform:translateX(-50%);display:grid;justify-items:center;gap:2px;text-decoration:none;color:var(--ink);text-align:center;white-space:nowrap}
.lad a.lo{top:92px}
.lad a b{font-weight:500;font-size:15px}
.lad a span{font-size:20px;font-variant-numeric:tabular-nums;color:var(--gold-hi)}
.lad a:hover b,.lad a:focus-visible b{text-decoration:underline}
.ladder .cap{margin-top:14px;text-align:left}
.rg-hero .lead{margin-bottom:12px}
.rg-table{width:100%;border-collapse:collapse;font-size:15.5px}
.rg-table th,.rg-table td{text-align:left;padding:14px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.rg-table thead th{font-weight:500;color:var(--soft);font-size:14px}
.rg-table td b{font-weight:500}
.rg-table td a{color:var(--gold)}
.rg-table .pr{white-space:nowrap;font-variant-numeric:tabular-nums}
.factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;border-top:1px solid var(--line)}
.factors div{padding:20px 0;border-bottom:1px solid var(--line)}
.factors h3{font-size:18px;font-weight:500;margin-bottom:6px}
.factors p{color:var(--soft);font-size:15.5px;max-width:56ch}
.costs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.costs>div{border:1px solid var(--line);border-radius:18px;padding:24px}
.costs h3{font-size:18px;font-weight:500;margin-bottom:12px}
.costs dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;margin:0;font-size:15.5px}
.costs dt{color:var(--soft)}.costs dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.costs small{display:block;color:var(--muted);font-size:13.5px;margin-top:14px}
.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.calc>div{border:1px solid var(--line);border-radius:18px;padding:24px;background:rgba(255,255,255,.02)}
.calc h3{font-size:18px;font-weight:500}
.calc .who{color:var(--muted);font-size:14.5px;margin:4px 0 14px}
.calc table{width:100%;border-collapse:collapse;font-size:15px}
.calc td{padding:8px 0;border-bottom:1px solid var(--line)}
.calc td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.calc tr.sum td{border-bottom:0;padding-top:12px;font-weight:500;color:var(--gold-hi)}
.calc tr.neg td{color:var(--soft)}
.calc p{color:var(--muted);font-size:13.5px;margin-top:10px}
.check{list-style:none;padding:0;margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
.check li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:18px 0;border-bottom:1px solid var(--line)}
.check b{font-weight:500;font-size:16.5px}
.check span{color:var(--soft);font-size:15.5px}
.check span::before{content:"Kod nas: ";color:var(--gold)}
.check[lang="de"] span::before{content:"Bei uns: "}
.check[lang="en"] span::before{content:"With us: "}
.tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tips div{padding:22px;border-radius:16px;border:1px solid var(--line)}
.tips h3{font-size:17.5px;font-weight:500;margin-bottom:6px}.tips p{color:var(--soft);font-size:15.5px}
@media (max-width:860px){.factors,.costs,.calc,.tips{grid-template-columns:1fr}.check li{grid-template-columns:1fr;gap:6px}}
@media (max-width:620px){
 .lad{height:auto;margin:0}.lad .axis,.lad i{display:none}
 .lad a,.lad a.lo{position:static;transform:none;display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 0;border-bottom:1px solid var(--line);min-width:0}
 .lad{display:grid}
 .rg-table thead{display:none}.rg-table tr{display:grid;grid-template-columns:1fr auto;padding:12px 0;border-bottom:1px solid var(--line)}
 .rg-table td{border:0;padding:3px 0}.rg-table td:nth-child(2){grid-column:1/-1;color:var(--soft);font-size:14.5px}
}
.costs dt{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}