.page-tool .sub-head{padding-bottom:40px}
.page-tool .sheet{padding:44px 0 66px}
.page-tool .sheet-body{margin-top:32px}
.page-tool .sheet h2{font-size:clamp(30px,3.1vw,44px);line-height:1}
.l-tool{min-width:0;background:var(--paper);border:3px solid var(--ink);box-shadow:10px 10px 0 rgba(20,23,26,.16)}
.l-tool-body{display:grid;gap:14px;padding:14px 18px 16px}
.l-field{position:relative;display:grid;gap:5px;min-width:0}
.l-field .caps{font-size:13.5px}
.l-field input{width:100%;height:48px;border:var(--rule) solid var(--ink);border-radius:0;background:#fff;color:var(--ink);padding:0 12px;font:inherit;font-size:18px}
.l-field input[type="range"]{-webkit-appearance:none;appearance:none;height:48px;border:0;padding:0;background:linear-gradient(var(--ink),var(--ink)) left center/100% 14px no-repeat}
.l-field input[type="range"]::-webkit-slider-runnable-track{height:14px;border:var(--rule) solid var(--ink);background:repeating-linear-gradient(90deg,var(--ink) 0 1px,transparent 1px 10%),#fff}
.l-field input[type="range"]::-moz-range-track{height:10px;border:var(--rule) solid var(--ink);background:#fff}
.l-field input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:34px;margin-top:-12px;border:var(--rule) solid var(--ink);background:var(--yellow);cursor:pointer}
.l-field input[type="range"]::-moz-range-thumb{width:18px;height:30px;border:var(--rule) solid var(--ink);border-radius:0;background:var(--yellow);cursor:pointer}
.l-range-value{position:absolute;right:0;top:-4px;font-family:var(--slab);font-weight:800;font-size:24px;line-height:1}
.l-range-ends{display:flex;justify-content:space-between;font-family:var(--slab);font-weight:700;font-size:15px;line-height:1;margin-top:-6px}
.l-range-note{margin-top:2px}
.l-tool-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 18px}
.l-count{display:grid;grid-template-columns:48px minmax(0,1fr) 48px}
.l-count input{text-align:center;border-inline:0;font-family:var(--slab);font-weight:700;font-size:21px;padding:3px 4px 0;-moz-appearance:textfield;appearance:textfield}
.l-count input::-webkit-outer-spin-button,.l-count input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.l-count button{height:48px;border:var(--rule) solid var(--ink);border-radius:0;background:var(--ink);color:#fff;font-family:var(--slab);font-weight:800;font-size:26px;line-height:1;cursor:pointer;transition:background-color var(--t-snap) linear,color var(--t-snap) linear}
.l-count button:hover,.l-count button:focus-visible{background:var(--tone);color:var(--on-tone)}
.l-count button:active{transform:translateY(2px)}
.l-count button:focus-visible,.l-count input:focus-visible{position:relative;z-index:1}
.l-result{display:grid;gap:6px;border:3px solid var(--ink);background:var(--tint);padding:14px 18px 12px}
.l-result-value{font-family:var(--slab);font-weight:800;font-size:clamp(44px,5vw,66px);line-height:.95;font-variant-numeric:tabular-nums}
.l-result-second{font-size:16px;line-height:1.3;border-top:1.5px dotted var(--grey);padding-top:6px}
.l-result-second output{font-family:var(--slab);font-weight:700;font-size:19px}
.l-test{background:var(--paper);border:var(--rule) solid var(--ink)}
.l-test-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 24px;background:var(--tint);border-bottom:var(--rule) solid var(--ink);padding:10px 22px 8px}
.l-ask{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:10px 32px;align-items:center;padding:14px 22px 14px;border-bottom:1px solid var(--hair)}
.l-ask h3{display:flex;align-items:flex-start;gap:12px;font-family:var(--slab);font-weight:700;font-size:22px;line-height:1.12}
.l-ask h3 span:last-child{padding-top:6px}
.l-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.l-opt{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;min-width:0;border:var(--rule) solid var(--ink);background:#fff;padding:6px 10px 4px 8px;cursor:pointer;transition:background-color var(--t-snap) linear}
.l-opt input{position:absolute;left:8px;top:8px;opacity:0;width:1px;height:1px}
.l-opt-key{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border:var(--rule) solid var(--ink);background:var(--ground);font-family:var(--slab);font-weight:800;font-size:18px;line-height:1;padding-top:3px}
.l-opt-text{min-width:0;overflow-wrap:anywhere}
.l-opt:hover{background:var(--tint)}
.l-opt:has(input:checked){background:var(--tint)}
.l-opt:has(input:checked) .l-opt-key{background:var(--ink);color:#fff}
.l-opt:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 9px var(--yellow);z-index:1}
.l-test-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:14px 22px 14px;border-bottom:2px dashed var(--ink)}
html:not(.js) .l-test-foot{display:none}
.l-test-count{display:flex;align-items:baseline;gap:12px}
.l-score{font-family:var(--slab);font-weight:800;font-size:36px;line-height:1}
.l-test-result{padding:18px 22px 22px}
.l-test-result > .caps{margin-bottom:10px}
.l-bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--rule) solid var(--ink)}
.l-band{padding:14px 16px 14px;min-width:0;font-size:16.5px;line-height:1.5;border-top:10px solid var(--shade)}
.l-band + .l-band{border-left:1px solid var(--ink)}
.l-band-no{display:inline-block;margin-bottom:6px;border:var(--rule) solid var(--ink);background:var(--paper);font-family:var(--slab);font-weight:800;font-size:17px;line-height:1;padding:6px 9px 3px;letter-spacing:.06em;text-transform:uppercase}
.l-band.is-on{background:var(--tint);border-top-color:var(--tone)}
.l-band.is-on .l-band-no{background:var(--tone);color:var(--on-tone)}
.l-band.is-on .l-band-no::after{content:" · deine Antworten"}
.l-help{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 32px;align-items:center;margin-top:18px;border:3px solid var(--ink);background:var(--paper);padding:16px 18px 14px}
.l-help .caps{margin-bottom:6px}
.l-help .helpline{font-size:24px;line-height:1.15;margin-bottom:6px}
.l-help .actions{flex-direction:column;align-items:stretch}
@media (max-width:1020px){
  .l-ask{grid-template-columns:minmax(0,1fr)}
  .l-help{grid-template-columns:minmax(0,1fr)}
  .l-help .actions{flex-direction:row}
}
@media (max-width:760px){
  .page-tool .sheet{padding:30px 0 46px}
  .page-tool .sheet-body{margin-top:24px}
  .l-tool{box-shadow:5px 5px 0 rgba(20,23,26,.16)}
  .l-tool-body{padding:12px 12px 14px}
  .l-test-top,.l-ask,.l-test-foot{padding-inline:14px}
  .l-test-result{padding:14px 14px 16px}
  .l-ask h3{font-size:20px}
  .l-bands{grid-template-columns:minmax(0,1fr)}
  .l-band + .l-band{border-left:0;border-top-width:10px}
  .l-help .helpline{font-size:21px}
  .l-help .actions{flex-direction:column}
}
@media (max-width:520px){
  .l-tool-pair{grid-template-columns:minmax(0,1fr)}
  .l-opt{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 8px 6px}
}