/**
 * Grundgestaltung der Ratgeber-Module (Infografiken und Werkzeuge).
 * Eckige Flächen, weiße Box mit Schatten – wie auf gewe.com.
 */
.gk{--p:#008778;--pd:#00665b;--g:#dee7a4;--gl:#f1f5e0;--bg:#f5f7f4;--t:#1f2a27;--m:#5d6b66;--l:#dfe5e1;--s:#f2a516;--w:#fff;color:var(--t);font-family:inherit;line-height:1.55;margin:8px 0 8px}

.gk *{box-sizing:border-box}

.gk section::before,.gk section::after{content:none!important;display:none!important}

.gk h3,.gk h4{margin:0 0 .4em;line-height:1.25}

.gk p{margin:0 0 .8em}

.gk-frame{background:#fff;box-shadow:0 0 25px rgba(0,0,0,.16);border-radius:0;padding:clamp(18px,3vw,34px)}

.gk-kicker{font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--p);margin-bottom:6px}

.gk-title{font-size:clamp(20px,2.4vw,26px);font-weight:700;margin:0 0 6px}

.gk-lead{color:var(--m);margin-bottom:18px}

.gk-card{background:var(--w);border:1px solid var(--l);border-radius:0;padding:20px}

.gk-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}

@media(max-width:820px){.gk-row{grid-template-columns:minmax(0,1fr)}
}

.gk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}

.gk-chip{appearance:none;border:1.5px solid var(--l);background:var(--w);color:var(--t);border-radius:0;padding:8px 16px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}

.gk-chip:hover{border-color:var(--p)}

.gk-chip[aria-pressed="true"],.gk-chip[aria-selected="true"]{background:var(--p);border-color:var(--p);color:#fff}

.gk-label{display:block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--m);margin:14px 0 6px}

.gk input[type=range]{width:100%;accent-color:var(--p)}

.gk-val{font-weight:700;color:var(--p)}

.gk-big{font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--p);line-height:1.1}

.gk-note{font-size:13px;color:var(--m);margin-top:12px}

.gk-list{margin:0;padding-left:1.1em}
.gk-list li{margin:.3em 0}

.gk-dots{display:inline-flex;gap:4px;vertical-align:middle}
.gk-dots i{width:12px;height:12px;border-radius:50%;background:var(--l);display:inline-block}
.gk-dots i.on{background:var(--p)}

.gk-fade{animation:gkfade .35s ease}
@keyframes gkfade{from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}

.gk svg{max-width:100%;height:auto;display:block}

.gk-badge{display:inline-block;background:var(--g);color:var(--t);font-size:12px;font-weight:700;border-radius:0;padding:2px 8px}

.gk-btn{appearance:none;border:0;background:var(--p);color:#fff;border-radius:0;padding:10px 18px;font:inherit;font-weight:700;cursor:pointer}

.gk-btn.ghost{background:transparent;color:var(--p);border:1.5px solid var(--p)}

.comon-ratgeber{display:block}