:root{--green:#12614d;--ink:#18382f;--muted:#5a6e64;--line:#dbe4de}*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:var(--ink);font:17px/1.6 system-ui,sans-serif}a{color:var(--green)}.top{background:#fff;border-bottom:1px solid var(--line);padding:15px max(20px,calc((100vw - 1000px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font-weight:750;line-height:1.3}.brand img{width:64px;height:64px;object-fit:contain}.brand small{display:block;font-size:13px;font-weight:400;color:var(--muted)}main{max-width:920px;margin:auto;padding:40px 24px}.narrow{max-width:650px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--green)}h1{font-size:clamp(29px,5vw,46px);line-height:1.18;letter-spacing:-1px;margin:15px 0 20px}h2{font-size:22px;margin:0 0 13px}h3{font-size:18px}p{margin:10px 0 20px}.intro{color:var(--muted);max-width:700px}.card{padding:27px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 30px #173e290b;margin:22px 0}label{font-weight:650;display:block;margin:15px 0 7px}input:not([type=checkbox]),textarea{font:inherit;width:100%;border:1px solid #8fa69a;border-radius:8px;padding:12px;color:var(--ink);background:white}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus{outline:3px solid #a4d1be}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:400;margin:19px 0}.check input{margin-top:6px;flex-shrink:0}.hint{font-size:13px;color:var(--muted)}button,.button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--green);background:var(--green);padding:11px 17px;color:#fff;display:inline-block;text-decoration:none;margin:9px 0}button:hover,.button:hover{background:#0b4b3a}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #79b59a;outline-offset:3px}.secondary,.examples button{background:white;color:var(--green);border-color:var(--line)}.secondary:hover,.examples button:hover{background:#edf5ed}.section-title{font-size:14px;font-weight:700;margin-top:26px}.examples{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 30px}.examples button{text-align:left;font-size:14px;margin:0}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.columns .card{margin-top:0}.columns p{font-size:14px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1000px;margin:20px auto 0;padding:22px 24px;font-size:13px;color:var(--muted)}footer nav{display:flex;gap:20px}.notice{padding:14px 18px;background:#e8f1e8;border-left:3px solid #46805c;border-radius:7px}.error{background:#fff0e8;border-color:#ad482c}.answer{white-space:pre-wrap;overflow-wrap:anywhere}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.page-head p{margin:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;vertical-align:top}.inline{display:flex;align-items:center;gap:8px}.inline input:not([type=hidden]){max-width:90px}[hidden]{display:none!important}@media(max-width:600px){main{padding:27px 16px}.top{padding:12px 16px}.top>a:last-child{font-size:12px}.brand img{width:48px;height:48px}.brand{font-size:14px}.brand small{font-size:11px}.card{padding:19px}.examples,.columns{grid-template-columns:1fr}.page-head{flex-wrap:wrap}#ask-button{width:100%}}
.admin-nav{display:flex;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f7f3;z-index:2}.admin-nav a{font-size:14px;padding:6px 10px;border:1px solid var(--line);border-radius:20px;text-decoration:none}#instructions{font-size:14px;line-height:1.6}details summary{cursor:pointer;font-weight:650}section[id]{scroll-margin-top:85px}

select{font:inherit;width:100%;padding:12px;border:1px solid #8fa69a;border-radius:8px;background:white;color:var(--ink)}#originalwissen pre{font:14px/1.6 system-ui;max-height:450px;overflow:auto}.answer article{border-bottom:1px solid var(--line);padding:12px 0}details.card>summary{font-size:18px;padding:6px}

.attachment-tools{margin:1.3rem 0;padding:1rem;border:1px solid #cddbd6;border-radius:12px;min-width:0}.attachment-tools legend{font-weight:700;padding:0 .4rem}.attachment-tools input[type=file]{max-width:100%;box-sizing:border-box}.speech-tools{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}#dictate[aria-pressed=true]{background:#8b2635;color:white}#file-preview{max-height:18rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}#speech-options{margin:.6rem 0}#download-word{margin:.4rem}.attachment-tools button{margin:.4rem 0}

#document-downloads article,#file-preview article{border-top:1px solid #d6dfdb;margin-top:1rem;padding-top:.7rem}#file-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:12rem;overflow:auto}#document-downloads button{margin:.3rem 0}

.guided-answer section{margin:1rem 0}.guided-answer h4{font-size:1.15rem;margin:.75rem 0}.legal-reasoning{border:1px solid #c9d6dc;border-radius:10px;padding:1rem;margin:1rem 0}.legal-reasoning summary{cursor:pointer;font-weight:650}.legal-reasoning[open] summary{margin-bottom:1rem}

.permanent-documents{padding:1rem;border:1px solid #c9d6dc;border-radius:10px;margin:1rem 0}.permanent-documents summary{cursor:pointer;font-weight:600}.permanent-documents article,.school-template{padding:1rem 0;border-bottom:1px solid #dfe5e8}.permanent-documents button{margin:.25rem .4rem .25rem 0}

.privacy-review{max-width:850px;width:90%;max-height:90vh;overflow:auto;border:2px solid #236158;border-radius:12px;padding:24px}.privacy-review::backdrop{background:#0009}.privacy-review textarea{width:100%;box-sizing:border-box;margin:10px 0}.privacy-review button{margin:8px 8px 8px 0}

.privacy-canvas{display:block;width:100%;height:auto;border:1px solid #55736d;touch-action:none;cursor:crosshair}

.practice-card,.workbench{padding:1.2rem;margin:1rem 0;border:1px solid #c7d8d0;border-radius:14px;background:#f6faf7}.practice-card h2,.workbench h2{margin-top:0}.mode-buttons,.workflow-grid{display:flex;flex-wrap:wrap;gap:.6rem}.mode-buttons button[aria-pressed="true"]{background:#173e33;color:white}.workflow-grid button{flex:1 1 160px}.practice-card textarea,.workbench textarea{width:100%;min-height:80px}.mode-buttons button{margin:0}#practice-feedback{margin-top:1rem}#practice-case{font-weight:550}#workflow-fields{margin-top:1rem} .practice-card details>summary{cursor:pointer}

/* Gemeinsame Markenansicht auf allen Kompass-Seiten: +30 Prozent. */
.top{flex-wrap:wrap}.top .brand{font-size:22.1px;flex-shrink:0}.top .brand img{width:83.2px;height:83.2px;flex-shrink:0}.top .brand small{font-size:16.9px}.top-links{flex-wrap:wrap}@media(max-width:600px){.top .brand{font-size:18.2px}.top .brand img{width:62.4px;height:62.4px}.top .brand small{font-size:14.3px}.top-links{gap:14px}}
