:root{--ink:#173934;--muted:#5d716c;--green:#225d51;--paper:#fff;--bg:#f4f5ef;--line:#dce4dc;--accent:#dfbe75}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 28px;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-weight:700;line-height:1.3}.brand small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:4px}.mark{font-family:Georgia,serif;display:grid;place-items:center;position:relative;font-size:18px;width:52px;height:52px;border:1px solid #9cb1a6;border-radius:50%}.mark span{color:#a27b36;font-size:12px;position:absolute;top:1px}.header-label{font-size:12px;color:var(--muted);text-align:right}main{padding:0 28px 60px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:65px;align-items:center;padding:65px 0 45px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--green);margin:0 0 16px}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(35px,5vw,60px);letter-spacing:-.045em;line-height:1.08;margin:0 0 24px}h2{font-family:Georgia,serif;font-size:30px;line-height:1.22;font-weight:400;margin:0 0 20px}h3{font-size:16px;line-height:1.5}p{margin:0 0 20px}.intro{font-size:19px;color:var(--muted);max-width:570px}.hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-meta span{font-size:11px;background:#e7ece3;border-radius:30px;padding:7px 12px}.hero-card{background:#e4ebdf;border-radius:100px 18px 18px 18px;padding:46px 30px 28px;min-height:280px;border:1px solid #d6e0d1}.hero-card p{font-family:Georgia,serif;font-size:23px;line-height:1.5;margin-top:20px}.card-label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--green);font-weight:750}.card-foot{font-size:12px;color:var(--muted)}.notice,.error{padding:20px 24px;border-radius:12px;margin:0 0 25px;background:#f4e9cc;border:1px solid #dfcca0;font-size:14px}.notice strong{display:block;margin-bottom:4px}.error{background:#fae7e2;border-color:#dcb7ad;color:#7c2f21}.paper{background:white;border:1px solid var(--line);padding:38px 42px;border-radius:17px;margin:28px 0}.narrow{max-width:600px;margin:65px auto}.paper h1{font-size:42px}.progress-wrap{margin-bottom:34px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:7px}progress{width:100%;height:5px;border:0;accent-color:var(--green)}progress::-webkit-progress-bar{background:#e6ece5;border-radius:5px}progress::-webkit-progress-value{background:var(--green);border-radius:5px}fieldset{border:0;border-top:1px solid var(--line);padding:25px 0;margin:0}legend{float:left;width:100%;font-size:16px;font-weight:600;line-height:1.5;padding:0 0 17px}legend+.choices{clear:both}.q-number{display:inline-grid;place-items:center;background:#eaf0e7;width:27px;height:27px;border-radius:50%;font-size:12px;margin-right:10px}.choices{display:flex;flex-wrap:wrap;gap:9px}.choice{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;background:#fff;flex:1 1 145px}.choice:has(input:checked){border-color:var(--green);background:#edf4ec}.choice:hover{border-color:#8ca89b}input[type=radio],input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;flex:0 0 auto;margin:2px 0}.check{display:flex;align-items:flex-start;gap:12px;padding:13px 0;font-size:14px}.check a{color:var(--green)}button,.button{display:inline-block;border:1px solid var(--green);background:var(--green);color:white;border-radius:8px;padding:13px 23px;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;line-height:1.5}button:hover,.button:hover{background:#174a40}.secondary{background:white;color:var(--green);border-color:#bdcec3}.secondary:hover{background:#eff3ed}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;border-top:1px solid var(--line);padding-top:24px}#next,#submit{margin-left:auto}.fineprint{font-size:11px;color:var(--muted);margin-top:20px}.field-error{color:#9a3c2b;font-size:14px}.vignette{background:#edf2e9;border-left:3px solid #9bb291;border-radius:0 10px 10px 0;padding:22px;margin:20px 0 30px}.vignette p{margin:10px 0 0}.success{text-align:center;padding:65px 25px}.success-icon{display:inline-grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#e4efdf;font-size:32px;margin-bottom:24px}footer{padding:24px 28px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer nav{display:flex;gap:20px}footer a{color:var(--muted)}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:45px}.admin-head h1{font-size:42px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stats>div{padding:25px;background:#e6ecdf;border:1px solid #d6e0d1;border-radius:12px}.stats span{display:block;font-size:12px;color:var(--muted)}.stats strong{font-size:29px;font-weight:500}.input-label{display:block;margin-bottom:20px;font-size:13px;font-weight:600}input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea{display:block;width:100%;padding:12px;border-radius:7px;border:1px solid #b6c5bb;margin-top:6px;background:white;font:inherit;color:var(--ink)}textarea{resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.exports{display:flex;flex-wrap:wrap;gap:15px}.tabs{display:flex;gap:10px;margin:25px 0}.tabs a{padding:8px 15px;border-radius:30px;color:var(--green);font-size:13px}.tabs a[aria-current]{background:#e3ecdf}.distribution{border-top:1px solid var(--line);padding:15px 0}.result-row{display:grid;grid-template-columns:1fr 1fr 100px;gap:15px;align-items:center;font-size:12px;padding:7px 0}.result-row strong{text-align:right}.result-row meter{width:100%;height:17px;accent-color:var(--green)}.prose{overflow-wrap:anywhere;margin-bottom:25px}[hidden]{display:none!important}:focus-visible{outline:3px solid #b28b36;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}@media(max-width:700px){header,footer{padding-left:18px;padding-right:18px}main{padding:0 18px 35px}.hero{grid-template-columns:1fr;gap:25px;padding:35px 0 25px}.hero-card{min-height:auto;padding:28px;border-radius:45px 12px 12px}.hero-card p{font-size:20px}.paper{padding:25px 20px}.paper h1{font-size:34px}h2{font-size:26px}.choices{display:grid;grid-template-columns:1fr}.choice{padding:13px}.two-col{grid-template-columns:1fr;gap:0}.stats{grid-template-columns:1fr}.stats>div{padding:18px}.admin-head{align-items:flex-start}.admin-head h1{font-size:32px}footer{flex-direction:column}footer nav{flex-wrap:wrap}.result-row{grid-template-columns:1fr 70px}.result-row meter{grid-row:2;grid-column:1/3}.header-label{max-width:125px}}

/* Version 2: schlichtes Blau-Weiss, ausschliesslich Systemschriften. */
:root{--ink:#173453;--muted:#53677d;--green:#15518c;--bg:#f5f8fc;--line:#d7e2ef;--accent:#15518c}
h1,h2,.hero-card p,.mark{font-family:Arial,Helvetica,sans-serif}h1{font-weight:700;letter-spacing:-.035em}h2{font-weight:650}.mark{border-color:#b2c9e2;border-radius:12px;font-size:16px}.mark span{color:#15518c}.hero{gap:40px;padding-top:45px}.hero-card{background:#eaf2fb;border-color:#d7e2ef;border-radius:16px;padding:28px;min-height:240px}.hero-card p{font-size:20px}.hero-meta span,.q-number,.success-icon,.stats>div,.tabs a[aria-current]{background:#eaf2fb}.choice:has(input:checked){background:#eaf2fb}.choice:hover{border-color:#15518c}.vignette{background:#eff5fc;border-left-color:#15518c}.notice{background:#edf4fc;border-color:#c4d8ee}.stats>div{border-color:#d7e2ef}button:hover,.button:hover{background:#103e6b}.secondary:hover{background:#edf4fc}.secondary{border-color:#b7cce1}.study-info{padding:23px 26px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.study-info p:last-child{margin-bottom:0}.receipt-item{border-top:1px solid var(--line);padding:16px 0}.receipt-item h3{margin:0 0 8px}.receipt-item p{margin:0}.quiet-animation{display:flex;align-items:center;gap:7px;margin:0 0 20px;height:18px}.quiet-animation span{width:10px;height:10px;background:#15518c;border-radius:50%;animation:quiet 6s ease-in-out 1}.quiet-animation span:nth-child(2){animation-delay:.4s;opacity:.65}.quiet-animation span:nth-child(3){animation-delay:.8s;opacity:.35}@keyframes quiet{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}:focus-visible{outline-color:#15518c}@media(prefers-reduced-motion:reduce){.quiet-animation span{animation:none}}@media print{header,footer,.no-print{display:none!important}body{background:white;color:black}main{max-width:none;padding:0}.paper{border:0;padding:0;margin:0}.receipt-item{break-inside:avoid}.receipt-item h3{font-size:12pt}h1{font-size:22pt!important}}

.comment-field{clear:both}.comment-field>label{font-size:14px}.receipt-item p{white-space:normal;overflow-wrap:anywhere}

/* AL and the visible password-only login. */
.mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:700;letter-spacing:.04em;color:#15518c;background:#edf4fc}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:18px}.login-link{white-space:nowrap;padding:9px 16px;font-size:13px}.brand{min-width:0}.share-link{overflow-wrap:anywhere}
@media(max-width:700px){header{flex-wrap:wrap;gap:14px}.header-tools{margin-left:auto;gap:10px}.header-tools .header-label{display:none}.brand small{max-width:220px}.login-link{padding:8px 12px}.mark{flex-basis:44px;width:44px;height:44px}}