/* ZIP01 v1.8 – wie v1.7 */
.zip01-wol-wrap { max-width: 860px; margin: 20px auto; padding: 20px; background: var(--wol-bg); border: 1px solid rgba(0,0,0,.08); border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.06); }
.zip01-wol-form { max-width: 700px; margin: 0 auto; }
.zip01-wol-fieldset { border: 1px solid #d9d9d9; padding: 1rem 1.1rem; margin-bottom: 12px; border-radius: 12px; background: #fff; }
.zip01-wol-fieldset legend { font-weight: 600; color: var(--wol-primary); }
.zip01-wol-fieldset label { display:block; margin:.6rem 0; }
.zip01-wol-actions { text-align:right; margin-top:.75rem; }
.zip01-wol-submit { padding: 10px 16px; border: none; border-radius: 10px; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.08); transition: transform .05s ease-in-out; }
.zip01-wol-submit:active { transform: translateY(1px); }

/* Range mit Wertblase und 0/10 Labels */
.zip01-range-row span:first-child{ display:block; font-weight:500; margin-bottom:.25rem; }
.zip01-range-wrap{ position:relative; padding-top: 18px; }
.zip01-range{ width:100%; appearance:none; height:6px; border-radius:999px; background:linear-gradient(90deg, rgba(0,0,0,.12), rgba(0,0,0,.12)); outline:none; }
.zip01-range::-webkit-slider-thumb{ appearance:none; width:20px; height:20px; border-radius:50%; background:var(--wol-primary); cursor:pointer; border:2px solid #fff; box-shadow:0 0 0 2px var(--wol-primary); }
.zip01-range::-moz-range-thumb{ width:20px; height:20px; border-radius:50%; background:var(--wol-primary); cursor:pointer; border:none; }
.zip01-range-bubble{ position:absolute; top:-2px; transform:translateX(-50%); background:#fff; border:1px solid rgba(0,0,0,.15); border-radius:8px; padding:2px 6px; font-size:.85rem; line-height:1; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.zip01-range-scale{ display:flex; justify-content:space-between; font-size:.8rem; color:#666; margin-top:6px; }

/* Ergebnis */
.zip01-wol-results { display:block; margin-top:16px; border:1px solid #d9d9d9; border-radius:14px; padding:16px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.04); }
.zip01-wol-chart-wrap { display:flex; justify-content:center; margin-bottom: 12px; }
#zip01_wol_chart{ max-width:420px; max-height:360px; width:100%; height:auto; }
@media (max-width:640px){ #zip01_wol_chart{ max-width:100%; max-height:none; } }

.zip01-wol-intro { font-style: italic; }
.zip01-after-high { margin-top:.25rem; }
.zip01-wol-text p{ margin:.5rem 0 .75rem; line-height:1.45; }
.zip01-wol-disclaimer { margin-top: 8px; font-size:.95rem; opacity:.85; }

/* E-Mail */
.zip01-wol-email{ margin-top: 12px; }
.zip01-wol-email-row{ display:flex; gap:8px; align-items:center; }
#zip01Email{ flex:1; padding:10px; border:1px solid rgba(0,0,0,.15); border-radius: 8px; }
.zip01-wol-btn-secondary{ background:var(--wol-accent); color:#111; padding:10px 16px; border:none; border-radius: 10px; cursor:pointer; font-weight:600; }
.zip01-wol-email-status{ font-size:.9rem; margin-top:6px; color:#444; }