@charset "UTF-8";
:root{--ink:#203b32;--muted:#58685e;--green:#244f40;--deep:#163d30;--cream:#f5f2e9;--paper:#fffef9;--line:#d8dfd3;--gold:#b68a43;--light:#e8ede1;--danger:#8d382c;--radius:18px;--shadow:0 12px 34px #183a2410}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--green);text-underline-offset:4px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3{line-height:1.18;letter-spacing:-.025em;color:var(--deep)}h1{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,3.9rem);font-weight:500;margin:0 0 20px;max-width:760px}h2{font:500 clamp(1.5rem,3vw,2.2rem)/1.2 Georgia,serif;margin:0 0 16px}h3{font-size:1.1rem;margin:0 0 12px}p{margin:0 0 18px}small,.tiny{font-size:.78rem}.eyebrow{font-size:.73rem;letter-spacing:.16em;font-weight:750;text-transform:uppercase;color:#627044;margin-bottom:12px}.lead{font-size:1.15rem;color:var(--muted);max-width:700px}.draft-strip{background:var(--deep);color:#fcf6df;text-align:center;font-size:.68rem;letter-spacing:.12em;padding:7px 12px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;max-width:1340px;margin:auto;padding:28px 34px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font:600 1.35rem Georgia,serif;color:var(--deep)}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--green);border-radius:50%;font:italic 1.7rem Georgia}.brand small{display:block;font:650 .58rem system-ui;letter-spacing:.18em;margin-top:4px}.header-note{font-size:.78rem;color:var(--muted)}.shell{max-width:1340px;margin:auto;display:grid;grid-template-columns:218px minmax(0,1fr);gap:32px;padding:0 34px 55px}nav{align-self:start;position:sticky;top:18px;display:flex;flex-direction:column;gap:5px;padding-top:20px}nav a{text-decoration:none;font-size:.88rem;font-weight:560;padding:12px 14px;border-radius:10px;color:var(--muted);min-height:46px}nav a:hover{background:#e9ede1}nav a[aria-current=page]{background:var(--green);color:white}main{min-width:0;outline:none}main>.page-head{padding:30px 0 18px}.hero{background:var(--paper);border-radius:var(--radius);padding:40px;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.hero::after{content:"";position:absolute;right:-90px;top:-110px;width:270px;height:270px;border:1px solid #c6d1bc;border-radius:50%;pointer-events:none}.hero p,.hero h1{position:relative;z-index:1}.pill{display:inline-block;font-size:.72rem;letter-spacing:.03em;padding:5px 10px;background:var(--light);border:1px solid var(--line);border-radius:99px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--paper);padding:25px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card p:last-child{margin-bottom:0}.card-link{display:block;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.card-link:hover{transform:translateY(-3px);box-shadow:0 14px 30px #183a2420}.card-link .number{display:block;font-family:Georgia,serif;font-size:2rem;color:var(--gold);margin-bottom:14px}.card-link .arrow{font-size:1.25rem;display:block;margin-top:16px}.sub{color:var(--muted);font-size:.9rem}.callout{border-left:3px solid var(--gold);padding:14px 18px;background:#eee9dc;border-radius:0 9px 9px 0;margin:20px 0;font-size:.9rem}.callout.danger{border-color:var(--danger);background:#f7ebe6}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.button,button.primary{display:inline-block;border:1px solid var(--green);border-radius:9px;background:var(--green);color:white;text-decoration:none;padding:11px 18px;font-weight:650;line-height:1.5;min-height:46px}.button.secondary,button.secondary{background:transparent;color:var(--green);border:1px solid #94a794;border-radius:9px;padding:10px 17px;min-height:46px}.link-button{background:none;border:0;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}label{display:block;font-size:.86rem;font-weight:650;margin-bottom:6px}input,textarea,select{width:100%;background:white;border:1px solid #9eafa0;border-radius:8px;padding:11px 12px;color:var(--ink);min-height:46px}textarea{min-height:100px;resize:vertical;line-height:1.5}input[type=checkbox]{width:22px;height:22px;min-height:22px;flex:none;accent-color:var(--green)}.help{font-size:.78rem;color:var(--muted);margin:5px 0 0}.error{padding:12px 15px;color:var(--danger);background:#f8ece6;border:1px solid #cda89b;border-radius:8px;margin:12px 0}.check-row{display:flex;gap:13px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}.check-row:last-child{border-bottom:0}.check-row label{cursor:pointer;margin:0;font-weight:500;line-height:1.5}.check-row input{margin-top:4px}.progress{height:9px;border-radius:10px;background:#dce4d6;margin:12px 0;overflow:hidden}.progress span{display:block;height:100%;background:var(--green);transition:width .2s}.stat{font:500 2.4rem/1.2 Georgia,serif;color:var(--deep);margin:7px 0}.stat-label{font-size:.78rem;line-height:1.35;color:var(--muted)}.list{padding:0;list-style:none;margin:0}.entry{padding:18px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.entry:last-child{border:0}.entry-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.entry p{margin:8px 0}.delete{border:0;background:none;color:var(--danger);font-size:.78rem;padding:8px}.empty{padding:25px 0;color:var(--muted);font-style:italic}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.case-picker{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.case-picker button{min-height:44px;min-width:44px;border:1px solid var(--line);background:var(--paper);border-radius:8px;color:var(--ink)}.case-picker button[aria-pressed=true]{background:var(--green);color:white}.case-picker button.done::after{content:" ·";font-weight:800}.case-body{font-size:1.07rem}.answers{display:flex;flex-direction:column;gap:10px;margin:20px 0}.answer{border:1px solid #aebca8;background:white;border-radius:10px;padding:15px;text-align:left;color:var(--ink);line-height:1.5}.answer:hover{background:var(--light)}.answer.selected{border:2px solid var(--green);background:var(--light);padding:14px}.feedback{background:var(--light);border-radius:10px;padding:20px;margin-top:18px}.feedback p:last-child{margin:0}.chart{width:100%;display:block;min-height:130px}.chart text{font:12px system-ui;fill:var(--muted)}.weight-line{fill:none;stroke:var(--green);stroke-width:3}.weight-point{fill:var(--gold);stroke:var(--paper);stroke-width:2}.chart-wrap{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:22px 0}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:11px 8px;overflow-wrap:anywhere}.data-table th{font-weight:700}.table-wrap{overflow-x:auto}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:var(--deep);color:white;border-radius:10px;padding:13px 20px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s;z-index:20;font-size:.9rem}.toast.show{opacity:1}.toast.failure{background:var(--danger)}footer{border-top:1px solid var(--line);max-width:1272px;margin:auto;padding:28px 0 35px;color:var(--muted);font-size:.8rem}footer p{margin-bottom:10px}.skip{position:absolute;top:-70px;left:10px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.noscript{padding:25px;background:#f8ece6}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.pending{border:2px solid var(--gold);padding:20px;border-radius:12px;margin:20px 0}.check-complete{color:var(--green);font-weight:700}.muted{color:var(--muted)}.print-heading{display:none}
.hero.with-photo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.8fr);gap:28px;align-items:center;padding:35px}.hero.with-photo h1{font-size:clamp(2.1rem,3.9vw,3.4rem)}.hero.with-photo::after{display:none}.hero-copy{min-width:0}.hero-photo{margin:0;position:relative}.hero-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center bottom;border-radius:140px 140px 16px 16px}.hero-photo figcaption{font-size:.68rem;line-height:1.4;color:var(--muted);margin-top:8px}.image-card{overflow:hidden;padding:0}.image-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#eee9dc}.image-card .image-copy{padding:22px}.image-card figure{margin:0}.image-card figcaption{font-size:.75rem;line-height:1.5;color:var(--muted);padding:12px 22px 0}.look-card img{aspect-ratio:4/3;object-fit:cover;object-position:center 45%}.look-card.neva-card img{object-fit:contain;object-position:center;background:#ddd7ce}.look-card .image-copy{padding-top:14px}.segmented{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.segmented button{border:1px solid #a9b6a0;border-radius:99px;min-height:44px;padding:9px 15px;background:var(--paper);color:var(--green);font-size:.84rem}.segmented button[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.exercise-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.exercise-choice{background:var(--paper);color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:12px;padding:17px;line-height:1.45}.exercise-choice[aria-pressed=true]{border:2px solid var(--green);background:var(--light);padding:16px}.exercise-choice strong{display:block;margin-bottom:8px}.exercise-choice span{font-size:.81rem;color:var(--muted)}.exercise-detail{border-top:4px solid var(--green)}.exercise-detail ol{padding-left:24px}.exercise-detail li{padding-left:3px;margin-bottom:11px}.exercise-meta{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.exercise-detail .detail-row{border-top:1px solid var(--line);padding-top:17px;margin-top:17px}.exercise-detail .detail-row p:last-child{margin:0}.learning-note{min-height:150px}.help-photos .image-card img{max-height:260px;object-fit:cover}.help-photos .image-card.pflege-help img{object-fit:contain}
@media(max-width:1000px){.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:180px minmax(0,1fr);gap:20px;padding-inline:22px}.site-header{padding-inline:22px}.hero{padding:28px}.hero.with-photo{grid-template-columns:minmax(0,1fr);gap:20px}.hero-photo{max-width:340px;margin:auto}.hero-photo img{aspect-ratio:4/3;object-position:center 45%;border-radius:130px 130px 16px 16px}.header-note{display:none}footer{margin:0 22px}}
@media(max-width:700px){body{font-size:16px}.site-header{padding:20px}.shell{display:block;padding:0 18px 30px}nav{position:static;flex-direction:row;overflow-x:auto;gap:7px;padding:0 0 14px;margin-bottom:10px;scrollbar-width:thin}nav a{flex:0 0 auto;padding:11px 13px;background:#e9ede1;font-size:.81rem}main>.page-head{padding-top:14px}.hero{padding:27px 22px}.hero::after{opacity:.6}.grid,.grid.three,.form-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}.result-grid .card{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px}.stat{font-size:2rem}.card{padding:22px}.form-grid .wide{grid-column:auto}.actions>.button,.actions>button{flex:1 1 auto;text-align:center}.toast{bottom:12px}.case-picker button{flex:0 0 44px}h1{font-size:2.35rem}.chart-wrap{padding:13px}.entry-head{align-items:flex-start}footer{margin:0 18px}.brand{font-size:1.23rem}}
@media(max-width:700px){.exercise-list{grid-template-columns:1fr}.hero.with-photo{padding:25px 22px}.hero.with-photo h1{font-size:2.35rem}.hero-photo{max-width:100%;width:100%}.hero-photo img{max-height:310px;aspect-ratio:4/3;border-radius:140px 140px 14px 14px}.look-card img{aspect-ratio:4/3}.segmented{gap:6px}.segmented button{padding:9px 12px}.learning-note{min-height:0}}
@media print{@page{size:A4;margin:17mm}body{background:white;color:black;font:10.5pt/1.5 Georgia,serif}.draft-strip,.site-header,nav,footer,.toast,.skip,.actions,.delete,.case-picker,#print,.no-print,.exercise-list,.segmented{display:none!important}.shell{display:block;padding:0;max-width:none}.card,.hero,.chart-wrap{box-shadow:none;background:white;border:1px solid #aaa;border-radius:0;break-inside:avoid;margin:10pt 0;padding:12pt}.hero::after{display:none}h1{font-size:28pt}h2{font-size:20pt}h3{font-size:12pt}.grid,.grid.three,.form-grid,.result-grid{display:block}.grid>.card,.form-grid>div{margin-bottom:12pt}.page-head{padding:0!important}.lead{font-size:11pt}.callout{background:white;border:1px solid #888}.check-row{break-inside:avoid;padding:6pt 0}input,textarea,select{border:1px solid #aaa;color:black;min-height:22pt;padding:5pt;font-size:10pt}textarea{min-height:60pt}label{font-size:10pt}.help,.sub,.tiny{font-size:9pt}.data-table{font-size:9pt}.print-heading{display:block;font:bold 9pt system-ui;letter-spacing:.1em;border-bottom:1px solid black;margin-bottom:15pt;padding-bottom:8pt}.entry{break-inside:avoid}.stat{font-size:22pt}.case-picker+.card{break-inside:avoid}.chart{max-height:60mm}a{text-decoration:none;color:black}.table-wrap{overflow:visible}.hero.with-photo{display:block}.hero-photo{max-width:50mm}.image-card img{max-height:65mm;object-fit:contain}.exercise-detail{break-inside:auto}.exercise-detail .detail-row,.exercise-detail li{break-inside:avoid}.exercise-meta{display:block}.exercise-meta .pill{margin-right:8pt}.help-photos{display:none}}

/* Etikettenwerkstatt: kleine Bildschirme ohne horizontales Formular-Scrollen. */
.label-products fieldset{min-width:0;margin:0}.label-products legend{font-weight:750;padding:0 8px}.label-products .form-grid{grid-template-columns:1fr}.label-results{table-layout:fixed}.label-results th:first-child{width:38%}.label-results caption{text-align:left;font-weight:700;padding:0 0 10px}.label-results td,.label-results th{overflow-wrap:anywhere}#label-result:focus,#label-error:focus{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:700px){.label-results{font-size:.79rem}.label-results th,.label-results td{padding:10px 5px}}@media print{#label-form .actions{display:none}#label-result{break-inside:auto}.label-results tr{break-inside:avoid}}

/* Responsive images must override HTML height attributes. */
img{height:auto;max-width:100%}