:root{--bg:#f4f1ea;--card:#fff;--ink:#1f2a24;--muted:#6b7570;--accent:#d9a44a;--accent-ink:#1f2a24;--ok:#2e7d4f;--warn:#b5541c;--line:#e3ded2;--r:14px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;-webkit-tap-highlight-color:transparent}body{padding-bottom:env(safe-area-inset-bottom)}a{color:inherit}button,input,select,textarea{font:inherit}.top{position:sticky;top:0;z-index:5;background:var(--ink);color:#fff;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:12px}.top h1{font-size:17px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top a,.top button{color:#fff;background:transparent;border:0;font-size:15px;padding:8px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px}.top a:active,.top button:active{background:#fff2}.wrap{max-width:720px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:12px}.card h2{font-size:15px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:12px;border:0;background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:17px;cursor:pointer;width:100%}.btn.sec{background:#fff;border:1.5px solid var(--ink)}.btn.ghost{background:transparent;color:var(--muted);min-height:44px;font-weight:500}.btn.rec{background:#b5321c;color:#fff}.btn:disabled{opacity:.5}.row{display:flex;gap:10px}.row>*{flex:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label.f{display:block;margin-bottom:10px}label.f span{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}input,select,textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}textarea{min-height:90px}.list a,.item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;min-height:56px}.list a:last-child,.item:last-child{border-bottom:0}.list .t{flex:1}.list .t b{display:block}.list .t small{color:var(--muted)}.pill{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--bg);color:var(--muted);white-space:nowrap}.pill.ok{background:#e4f2ea;color:var(--ok)}.pill.warn{background:#fbe9df;color:var(--warn)}.preis{font-size:28px;font-weight:700;letter-spacing:-.01em}.preis small{display:block;font-size:13px;color:var(--muted);font-weight:400}.klaeren{background:#fbe9df;color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px;margin-top:10px}.klaeren li{margin-left:16px}.mic{width:96px;height:96px;border-radius:50%;border:0;background:var(--accent);display:flex;align-items:center;justify-content:center;margin:8px auto;box-shadow:0 10px 30px #d9a44a66;font-size:36px}.mic.on{background:#b5321c;animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #b5321c66}to{box-shadow:0 0 0 24px #b5321c00}}.transkript{min-height:70px;background:var(--bg);border-radius:10px;padding:12px;font-size:15px;color:var(--ink)}.fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fotos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.fotos label{aspect-ratio:1;border:2px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;text-align:center;padding:8px}.tabs{display:flex;gap:6px;overflow-x:auto;padding:0 0 12px}.tabs button{flex:0 0 auto;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:500}.tabs button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.check{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.check:last-child{border:0}.check .q{flex:1}.seg{display:flex;gap:4px}.seg button{min-width:48px;min-height:44px;border-radius:10px;border:1.5px solid var(--line);background:#fff}.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.hint{font-size:13px;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 16px}.angebot{background:#fff;padding:32px;border-radius:var(--r);border:1px solid var(--line)}.angebot header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--accent);padding-bottom:16px;margin-bottom:20px}.angebot table{width:100%;border-collapse:collapse;margin:16px 0}.angebot td,.angebot th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top;font-size:14px}.angebot th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase}.angebot td.r,.angebot th.r{text-align:right;white-space:nowrap}.angebot .sum td{font-weight:700;font-size:16px;border-top:2px solid var(--ink)}.hero{background:var(--ink);color:#fff;padding:40px 16px;text-align:center}.hero h1{font-size:clamp(26px,5vw,40px);margin:0 0 8px;letter-spacing:-.02em}.hero p{color:#fffc;max-width:560px;margin:0 auto}.proj{display:grid;grid-template-columns:1fr;gap:14px}@media(min-width:640px){.proj{grid-template-columns:1fr 1fr}}.proj button{text-align:left;padding:0;border:2px solid transparent;border-radius:var(--r);overflow:hidden;background:#fff}.proj button.on{border-color:var(--accent)}.proj img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.proj .cap{padding:12px 14px}.proj .cap b{display:block}.mat{display:flex;gap:8px;flex-wrap:wrap}.mat button{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:#fff}.mat button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.big{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);display:block}.range{display:flex;align-items:center;gap:12px}.range input[type=range]{min-height:44px;padding:0}@media print{.top,.noprint{display:none!important}body{background:#fff}.wrap{max-width:none;padding:0}.angebot{border:0;padding:0}}