/* Margenrechner: Eingaben links, Ergebnis rechts. Alles in rem wie style.css. */
.g-hero-in{padding-top:clamp(7.5rem,15vh,9.5rem);padding-bottom:2.25rem}
.g-hero .lead{margin-top:1.25rem;max-width:40rem}
.g-rechner{position:relative;padding-bottom:6rem}
.g-seite .g-karte{display:grid;padding:0;overflow:hidden;box-shadow:var(--schatten)}
@media(min-width:1024px){.g-seite .g-karte{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.g-ein,.g-aus{padding:1.5rem;min-width:0}
@media(min-width:640px){.g-ein,.g-aus{padding:2rem}}
.g-aus{background:var(--nebel);border-top:1px solid var(--linie)}
@media(min-width:1024px){.g-aus{border-top:0;border-left:1px solid var(--linie)}}
.g-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1.25rem}
.g-kopf h2{font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}
.g-wahl{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}
.g-wahl label{position:relative;cursor:pointer}
.g-seite .g-wahl input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.g-wahl span{display:block;padding:.5rem .875rem;border-radius:.375rem;font-size:.9375rem;line-height:1.3;box-shadow:inset 0 0 0 1px #D6D6DC;transition:box-shadow .15s,background-color .15s}
.g-wahl label:hover span{box-shadow:inset 0 0 0 1px var(--akzent)}
.g-wahl input:checked+span{box-shadow:inset 0 0 0 2px var(--akzent);background:#FFF6F1}
.g-wahl input:focus-visible+span{outline:2px solid var(--akzent);outline-offset:2px}
.g-geld{position:relative}
.g-geld span{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);font-size:1.25rem;color:var(--ton);pointer-events:none}
.g-seite .g-geld input{width:100%;padding-left:2.125rem;font-size:1.25rem;appearance:textfield;-moz-appearance:textfield}
.g-seite .g-geld input::-webkit-outer-spin-button,.g-seite .g-geld input::-webkit-inner-spin-button{appearance:none;margin:0}
.g-hilfe{margin-top:.375rem;font-size:.875rem;color:var(--ton)}
.g-f-menge{margin-top:1.5rem;margin-bottom:0}
.g-f-menge label{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.g-f-menge output{font-weight:500;font-variant-numeric:tabular-nums}
.g-seite .g-range{display:block;width:100%;height:1.5rem;min-height:0;margin-top:.25rem;padding:0;border:0;box-shadow:none;background:transparent;accent-color:var(--akzent)}
.g-seite .g-range:focus{outline:0;box-shadow:none}
.g-seite .g-range:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}
.g-aus-t{font-size:.9375rem;color:var(--ton)}
.g-gross{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.25rem;font-size:clamp(2.75rem,5vw,3.75rem);line-height:1.08;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.g-gross small{font-size:1rem;letter-spacing:0;color:var(--ton)}
.g-gross small[hidden]{display:none}
.g-minus .g-gross{color:var(--akzent-d)}
.g-proz{margin-top:.25rem;font-size:.9375rem;color:var(--ton)}
.g-proz #g-pct{color:var(--tinte);font-weight:500}
.g-balken{display:flex;height:.625rem;margin-top:1.25rem;border-radius:.3125rem;overflow:hidden;background:var(--linie)}
.g-balken span{display:block;height:100%;transition:width .25s}
#g-b-w{background:#C4C4CE}
#g-b-a{background:linear-gradient(90deg,var(--orange),var(--rosa))}
.g-legende{display:flex;gap:1rem;margin-top:.5rem;font-size:.8125rem;color:var(--ton)}
.g-legende span{display:inline-flex;align-items:center;gap:.375rem}
.g-legende i{display:block;width:.5rem;height:.5rem;border-radius:50%}
.g-legende .w{background:#C4C4CE}
.g-legende .a{background:var(--orange)}
.g-aus dl{margin:1.25rem 0 1.5rem}
.g-aus dl>div{display:flex;justify-content:space-between;gap:1rem;padding-block:.5625rem;border-top:1px solid var(--linie);font-size:.9375rem}
.g-aus dt{color:var(--ton);min-width:0}
.g-aus dd{margin:0;flex:none;text-align:right;font-variant-numeric:tabular-nums}
.g-jahr dt,.g-jahr dd{color:var(--tinte);font-weight:500}
.g-fuss{margin-top:.875rem;font-size:.875rem;color:var(--ton)}
@media(prefers-reduced-motion:reduce){.g-seite *{transition:none!important}}