.dg-rechner{
  /* ---- Farben & Schrift hier an die Webseite anpassen ---- */
  --dg-primary:#1e653e;      /* Hauptfarbe (Buttons, Preis) */
  --dg-primary-dark:#164d2f;
  --dg-accent:#c8a96a;       /* Akzent */
  --dg-bg:#f6f4ef;           /* Hintergrund Ergebnisbox */
  --dg-text:#1f2523;
  --dg-muted:#68716d;
  --dg-border:#dcd8cf;
  --dg-radius:12px;
  font-family:inherit;color:var(--dg-text);line-height:1.5;max-width:1080px;margin:0 auto;
}
.dg-rechner *,.dg-rechner *::before,.dg-rechner *::after{box-sizing:border-box}
.dg-rechner .dg-head{text-align:center;max-width:680px;margin:0 auto 2rem}
.dg-rechner .dg-kicker{display:inline-block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dg-primary);font-weight:600;margin-bottom:.4rem}
.dg-rechner h2{margin:0 0 .6rem;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}
.dg-rechner .dg-head p{margin:0;color:var(--dg-muted)}
.dg-rechner .dg-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:start}
@media (max-width:820px){.dg-rechner .dg-grid{grid-template-columns:1fr}}
.dg-rechner .dg-field{border:0;margin:0 0 1.5rem;padding:0;min-width:0}
.dg-rechner .dg-field>label,.dg-rechner legend{display:block;font-weight:600;margin-bottom:.5rem;padding:0}
.dg-rechner small{display:block;color:var(--dg-muted);font-size:.85rem;margin:.3rem 0 .5rem}
.dg-rechner select,.dg-rechner input[type=text]{width:100%;padding:.75rem .9rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius);font:inherit;font-size:1rem;background:#fff;color:var(--dg-text)}
.dg-rechner select:focus,.dg-rechner input[type=text]:focus{outline:2px solid var(--dg-primary);outline-offset:1px;border-color:var(--dg-primary)}
.dg-rechner .dg-wert-wrap{position:relative}
.dg-rechner .dg-wert-wrap input{padding-right:2.2rem;font-size:1.15rem;font-weight:600}
.dg-rechner .dg-euro{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);color:var(--dg-muted);font-weight:600}
.dg-rechner input[type=range]{width:100%;margin:.8rem 0 0;accent-color:var(--dg-primary)}
.dg-rechner .dg-checks,.dg-rechner .dg-radios{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem}
.dg-rechner .dg-check,.dg-rechner .dg-radio{display:flex;align-items:flex-start;gap:.6rem;padding:.65rem .8rem;border:1px solid var(--dg-border);border-radius:var(--dg-radius);cursor:pointer;background:#fff;transition:border-color .15s,background .15s;font-weight:400}
.dg-rechner .dg-check:hover,.dg-rechner .dg-radio:hover{border-color:var(--dg-primary)}
.dg-rechner .dg-check input,.dg-rechner .dg-radio input{margin-top:.25rem;accent-color:var(--dg-primary);flex:none}
.dg-rechner .dg-check:has(input:checked),.dg-rechner .dg-radio:has(input:checked){border-color:var(--dg-primary);background:#eef4f1}
.dg-rechner em{font-style:normal;color:var(--dg-muted)}
.dg-rechner .dg-result{position:sticky;top:1.5rem}
.dg-rechner .dg-result-inner{background:var(--dg-bg);border-radius:calc(var(--dg-radius) + 4px);padding:1.75rem;border-top:4px solid var(--dg-accent)}
.dg-rechner .dg-result-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--dg-muted);font-weight:600}
.dg-rechner .dg-preis{font-size:clamp(2.2rem,5vw,2.8rem);font-weight:700;color:var(--dg-primary);line-height:1.1;margin:.3rem 0 .1rem;font-variant-numeric:tabular-nums}
.dg-rechner .dg-preis-sub{color:var(--dg-muted);font-size:.9rem;margin-bottom:1.2rem}
.dg-rechner .dg-individuell{background:#fff;border:1px solid var(--dg-border);border-radius:var(--dg-radius);padding:.9rem;margin-bottom:1rem}
.dg-rechner .dg-aufstellung{width:100%;border-collapse:collapse;font-size:.9rem;margin-bottom:1.2rem}
.dg-rechner .dg-aufstellung td{padding:.4rem 0;border-bottom:1px solid var(--dg-border);vertical-align:top}
.dg-rechner .dg-aufstellung td:last-child{text-align:right;white-space:nowrap;padding-left:1rem;font-variant-numeric:tabular-nums}
.dg-rechner .dg-aufstellung tr.dg-sum td{font-weight:700;border-bottom:0;padding-top:.6rem}
.dg-rechner .dg-aufstellung tr.dg-sub td{color:var(--dg-muted)}
.dg-rechner .dg-inkl{list-style:none;padding:0;margin:0 0 1.4rem;font-size:.9rem}
.dg-rechner .dg-inkl li{padding:.2rem 0 .2rem 1.6rem;position:relative}
.dg-rechner .dg-inkl li::before{content:"✓";position:absolute;left:0;color:var(--dg-primary);font-weight:700}
.dg-rechner .dg-btn{display:block;text-align:center;background:var(--dg-primary);color:#fff !important;text-decoration:none !important;padding:.95rem 1rem;border-radius:var(--dg-radius);font-weight:600;transition:background .15s}
.dg-rechner .dg-btn:hover{background:var(--dg-primary-dark)}
.dg-rechner .dg-btn[aria-disabled=true]{opacity:.6}
.dg-rechner .dg-note{font-size:.78rem;color:var(--dg-muted);margin:1rem 0 0}
.dg-rechner .dg-quelle{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--dg-border);font-size:.78rem;color:var(--dg-muted)}
.dg-rechner .dg-quelle strong{display:block;color:var(--dg-text);font-size:.8rem;margin-bottom:.2rem}
.dg-rechner .dg-quelle em{font-style:italic;color:inherit}
.dg-rechner .dg-pdf{display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;color:var(--dg-primary);font-weight:600;text-decoration:underline}
.dg-rechner .dg-pdf::before{content:"";width:14px;height:16px;flex:none;background:var(--dg-primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M0 0h9l5 5v11H0z'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M0 0h9l5 5v11H0z'/%3E%3C/svg%3E") no-repeat center/contain}


/* ---- Auswahl Wertindikation / Verkehrswertgutachten ---- */
.dg-rechner .dg-produkte{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 2rem}
@media (max-width:640px){.dg-rechner .dg-produkte{grid-template-columns:1fr}}
.dg-rechner .dg-produkt{display:block;cursor:pointer;position:relative}
.dg-rechner .dg-produkt input{position:absolute;opacity:0;pointer-events:none}
.dg-rechner .dg-produkt-box{display:flex;flex-direction:column;height:100%;padding:1.25rem 1.25rem 1rem;border:2px solid var(--dg-border);border-radius:calc(var(--dg-radius) + 4px);background:#fff;transition:border-color .15s,box-shadow .15s}
.dg-rechner .dg-produkt:hover .dg-produkt-box{border-color:var(--dg-primary)}
.dg-rechner .dg-produkt input:checked + .dg-produkt-box{border-color:var(--dg-primary);box-shadow:0 0 0 3px rgba(30,101,62,.15);background:#f7faf8}
.dg-rechner .dg-produkt input:focus-visible + .dg-produkt-box{outline:2px solid var(--dg-primary);outline-offset:2px}
.dg-rechner .dg-produkt-name{font-weight:700;font-size:1.1rem}
.dg-rechner .dg-produkt-preis{font-size:1.4rem;font-weight:700;color:var(--dg-primary);margin:.2rem 0 .5rem;font-variant-numeric:tabular-nums}
.dg-rechner .dg-produkt-text{color:var(--dg-muted);font-size:.9rem;margin-bottom:.6rem}
.dg-rechner .dg-produkt ul{list-style:none;margin:0;padding:0;font-size:.88rem}
.dg-rechner .dg-produkt li{padding:.15rem 0 .15rem 1.4rem;position:relative}
.dg-rechner .dg-produkt li::before{content:"✓";position:absolute;left:0;color:var(--dg-primary);font-weight:700}
.dg-rechner .dg-produkt li.dg-minus{color:var(--dg-muted)}
.dg-rechner .dg-produkt li.dg-minus::before{content:"–";color:var(--dg-muted)}
.dg-rechner .dg-empfehlung{margin-top:.6rem;padding:.75rem .9rem;border-radius:var(--dg-radius);background:#fff7e6;border:1px solid var(--dg-accent);font-size:.9rem}
.dg-rechner .dg-link{background:none;border:0;padding:0;margin-left:.3rem;color:var(--dg-primary);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}
.dg-rechner[data-aktiv="gutachten"] .dg-nur-ind{display:none !important}
.dg-rechner[data-aktiv="indikation"] .dg-nur-gut{display:none !important}

/* ---- Wert-Indikation ---- */
.dg-rechner .dg-radios-1,.dg-rechner .dg-checks-1{grid-template-columns:1fr}
.dg-rechner .dg-radio-preis{align-items:center}
.dg-rechner .dg-radio-preis input{margin-top:0}
.dg-rechner .dg-radio-preis span{flex:1}
.dg-rechner .dg-radio-preis b{white-space:nowrap;color:var(--dg-primary);font-variant-numeric:tabular-nums}
.dg-rechner .dg-check-menge{align-items:center}
.dg-rechner .dg-check-menge input[type=checkbox]{margin-top:0}
.dg-rechner .dg-check-menge span{flex:1}
.dg-rechner .dg-check-menge input[type=number]{width:3.6rem;padding:.35rem .4rem;border:1px solid var(--dg-border);border-radius:8px;font:inherit;text-align:center}

/* ---- Theme-Kompatibilität (Enfold setzt Eingabefelder auf volle Breite) ---- */
#top .dg-rechner .dg-check-menge input[type=number],.dg-rechner .dg-check-menge input[type=number]{width:3.6rem !important;min-width:3.6rem;max-width:3.6rem;flex:none;margin:0 !important;padding:.35rem .4rem !important;display:inline-block}
#top .dg-rechner input[type=checkbox],#top .dg-rechner input[type=radio]{width:auto !important;margin-bottom:0 !important;flex:none}
#top .dg-rechner select,#top .dg-rechner input[type=text],#top .dg-rechner input[type=email],#top .dg-rechner input[type=tel],#top .dg-rechner input[type=date]{margin-bottom:0 !important}
#top .dg-rechner label{font-size:inherit}