/* Angebothandwerk – Content-Gadgets (Stat-Kacheln, Vergleichstabelle, Boxen, Häkchen-Listen, CTAs).
   In WordPress einfügen unter: Design → Customizer → Zusätzliches CSS.
   Marke: Teal #00876F, CTA-Orange #c94800. */
:root{--aw-brand:#00876F;--aw-accent:#c94800;--aw-line:#e4e9ee}

.aw-fig img{width:100%;height:auto;border-radius:12px;display:block}
.aw-fig figcaption{color:#6b7280;font-size:.82rem;margin-top:7px;text-align:center}

.aw-toc{background:#f5f8f8;border:1px solid var(--aw-line);border-radius:10px;padding:14px 18px;margin:1.6em 0}
.aw-toc-h{font-weight:700;margin:0 0 8px}
.aw-toc ol{margin:0;padding-left:1.25em}
.aw-toc a{color:var(--aw-brand);text-decoration:none}

.aw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:1.5em 0}
.aw-stat{background:#f5f8f8;border:1px solid var(--aw-line);border-radius:10px;padding:12px 8px;text-align:center}
.aw-stat-n{display:block;font-size:1.25rem;font-weight:800;color:var(--aw-brand)}
.aw-stat-l{display:block;font-size:.78rem;color:#55606e;margin-top:3px;line-height:1.25}

.aw-box{background:#fff7ed;border:1px solid #f3d3ad;border-radius:10px;padding:12px 16px;margin:1.2em 0}
.aw-box-l{font-weight:700;color:#9a4a00}

.aw-compare th{background:var(--aw-brand);color:#fff;border-color:var(--aw-brand)}

.aw-check{list-style:none;padding-left:0}
.aw-check li{position:relative;padding-left:30px;margin:.45em 0}
.aw-check li::before{content:"\2713";position:absolute;left:0;top:1px;color:#fff;background:var(--aw-brand);width:21px;height:21px;border-radius:50%;font-size:.72rem;display:flex;align-items:center;justify-content:center}

.aw-trust{color:#55606e;font-style:italic}
.aw-cta{margin:1.6em 0}
.aw-btn{display:inline-block;background:var(--aw-accent);color:#fff;padding:14px 26px;border-radius:12px;text-decoration:none;font-weight:700}
.aw-cta-sec{margin:1.2em 0}
.aw-btn-sec{display:inline-block;border:1.5px solid var(--aw-brand);color:var(--aw-brand);padding:11px 22px;border-radius:12px;text-decoration:none;font-weight:600}
.aw-related li{margin:.3em 0}

.aw-rechner{background:#f5f8f8;border:1px solid var(--aw-line);border-radius:12px;padding:18px 20px;margin:1.5em 0}
.aw-rechner h3{margin:0 0 12px;font-size:1.1rem}
.aw-rechner-row{display:flex;gap:14px;flex-wrap:wrap}
.aw-rechner label{display:flex;flex-direction:column;gap:5px;font-weight:600;font-size:.9rem;flex:1;min-width:160px}
.aw-rechner select{padding:9px 10px;border:1px solid var(--aw-line);border-radius:8px;font:inherit;background:#fff}
.aw-rechner-check{flex-direction:row;align-items:center;gap:8px;margin:12px 0;font-weight:500;display:flex}
.aw-rechner-out{font-size:1.15rem;margin:10px 0 4px}.aw-rechner-out strong{color:var(--aw-brand);font-size:1.25rem}
.aw-rechner-note{font-size:.8rem;color:#6b7280;margin:.2em 0 .8em}

@media(max-width:560px){.aw-stats{grid-template-columns:1fr 1fr}}