#score-ausprobieren{padding:20px 0}
.sd-wrap{max-width:1040px;margin:0 auto;padding:22px 20px;color:#263e46;font-family:inherit}.sd-heading{max-width:800px}.sd-eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#547079}.sd-heading h2{font-size:28px;line-height:1.2;margin:6px 0 10px;color:#263e46}.sd-heading p{line-height:1.55;margin-bottom:10px}.sd-profile{font-size:12px;color:#526b74;margin-bottom:16px}.sd-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.sd-controls{background:#f3f7f7;border:1px solid #cbdde0;border-radius:12px;padding:16px 18px;margin:0}.sd-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.sd-presets button{border:1px solid #abc3c9;border-radius:20px;background:white;padding:6px 10px;font:inherit;font-size:12px;color:#315965;cursor:pointer}.sd-presets button:hover{background:#e1eff0}.sd-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}.sd-selects label{margin:0;font-size:12px;font-weight:600;min-width:0}.sd-selects select{display:block;width:100%;margin-top:5px;padding:8px 5px;background:white;border:1px solid #abc3c9;border-radius:7px;color:#263e46;font:inherit}.sd-control{margin:9px 0 3px}.sd-control>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sd-control label{font-size:13px;font-weight:500;margin:0}.sd-control output{padding:0;font-size:16px;font-weight:700;color:#263e46;white-space:nowrap}.sd-control input[type=range]{width:100%;height:28px;margin:3px 0 0;accent-color:#24727b;cursor:pointer}.sd-result{border:1px solid #bbd4cd;border-radius:12px;padding:19px 20px;background:#f5f9f7;min-width:0}.sd-result[data-tone=middle]{background:#faf8f1;border-color:#dccf9f}.sd-result[data-tone=weak]{background:#fcf4f1;border-color:#dfc2b6}.sd-score-line{display:flex;align-items:baseline;gap:10px}.sd-score{font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-.04em}.sd-score-line>span:last-child{font-size:12px}.sd-rating{display:block;font-size:19px;line-height:1.35;margin:9px 0 14px}.sd-meter{height:12px;border-radius:5px;background:#dfe9e6;overflow:hidden}.sd-meter>span{display:block;height:100%;background:#347764}.sd-result[data-tone=middle] .sd-meter>span{background:#a27f28}.sd-result[data-tone=weak] .sd-meter>span{background:#b16644}.sd-scale{display:flex;justify-content:space-between;font-size:10px;color:#526b74;margin-top:5px}.sd-feedback{font-size:12px;line-height:1.5;margin:14px 0;color:#375d59}.sd-numbers{margin:0;font-size:13px}.sd-numbers>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #dce6e2}.sd-numbers dt{font-weight:400}.sd-numbers dd{margin:0;font-weight:700;white-space:nowrap}.sd-factor-help{font-size:12px;line-height:1.5;color:#526b74;margin:12px 0 0}.sd-method{font-size:13px;line-height:1.55;margin:14px 0 10px}.sd-method summary{cursor:pointer;font-weight:600;padding:5px 0}.sd-method p{max-width:850px;margin:10px 0}.sd-links{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px}.sd-links a{color:#245f69;text-decoration:underline}.sd-wrap :focus-visible{outline:3px solid #b27c00;outline-offset:3px}.sd-wrap [hidden]{display:none!important}.sd-result.is-pending .sd-score-line,.sd-result.is-pending .sd-rating,.sd-result.is-pending .sd-numbers,.sd-result.is-error .sd-score-line,.sd-result.is-error .sd-rating,.sd-result.is-error .sd-numbers{opacity:.5}.sd-error{font-size:13px;color:#8b3b25;line-height:1.5}.sd-error button{font:inherit;text-decoration:underline;border:0;padding:0;background:none;cursor:pointer;color:inherit}@media(max-width:720px){.sd-wrap{padding:20px 14px}.sd-heading h2{font-size:24px}.sd-grid{grid-template-columns:1fr;gap:12px}.sd-controls{padding:12px 14px}.sd-selects{gap:7px}.sd-selects label{font-size:11px}.sd-result{padding:16px}.sd-score{font-size:42px}.sd-rating{font-size:18px}.sd-control label{font-size:12px}.sd-links{font-size:12px}}
