:root{--cream:#fffaf0;--paper:#fffdf7;--yellow:#f6e8a8;--gold:#b88924;--gold-dark:#765710;--ink:#302b20;--muted:#706650;--line:#e7d59c;--ok:#356b45;--bad:#9b3e34;--shadow:0 12px 32px rgba(93,68,17,.11)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fffdf7,#fbf0c8);color:var(--ink);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:rgba(255,253,247,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.topbar .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.brand{text-decoration:none;font-weight:800;color:var(--gold-dark)}nav{display:flex;gap:10px;flex-wrap:wrap}nav a{text-decoration:none;padding:7px 10px;border-radius:8px;color:var(--muted)}nav a:hover,nav a.active{background:var(--yellow);color:var(--gold-dark)}main{padding:46px 0 70px}.hero{padding:48px;border:1px solid var(--line);border-radius:26px;background:rgba(255,253,247,.9);box-shadow:var(--shadow)}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-dark)}h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;margin:.25em 0}h2{margin-top:0;font-size:1.5rem}h3{margin:.2em 0}.lede{font-size:1.15rem;color:var(--muted);max-width:760px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:28px 0}.card,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 7px 20px rgba(93,68,17,.06)}.card{text-decoration:none;transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card .abbr{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--yellow);font-weight:900;color:var(--gold-dark)}.card p,.muted{color:var(--muted)}.change{margin-top:28px;border-left:6px solid var(--gold);background:#fff3bd}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.facts ul{padding-left:20px}.status-row{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.badge{padding:9px 14px;border:1px solid var(--gold);border-radius:999px;background:#fff4c9;color:var(--gold-dark);font-weight:750}.case-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.stack{display:grid;gap:22px}.field{display:grid;gap:7px;margin:14px 0}.field label{font-weight:700}.field input,.field select{width:100%;padding:11px 12px;border:1px solid #cdbd87;border-radius:9px;background:#fff;font:inherit}.field input:focus,.field select:focus{outline:3px solid rgba(184,137,36,.22);border-color:var(--gold)}button,.button{border:0;border-radius:10px;padding:11px 16px;font:inherit;font-weight:750;cursor:pointer;background:var(--gold);color:white}.secondary{background:#efe1ad;color:var(--gold-dark)}.ghost{background:transparent;color:var(--gold-dark);border:1px solid var(--gold)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.feedback,.solution{display:none;margin-top:16px;padding:14px;border-radius:10px}.feedback.show,.solution.show{display:block}.feedback.ok{background:#e3f1e6;color:var(--ok)}.feedback.bad{background:#f8e3dd;color:var(--bad)}.solution{background:#fff6d9;border:1px solid var(--line)}.calc-display{background:#302b20;color:#fff8d9;border-radius:10px;padding:13px;text-align:right;font:1.35rem ui-monospace,monospace;min-height:53px}.keys{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.keys button{padding:10px;background:#f2e5b4;color:var(--ink)}.keys button.op{background:#d4ab4e;color:#241b08}.notice{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}.footer{padding:28px 0;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.case-grid,.facts{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding:28px}.grid{grid-template-columns:1fr}.topbar .shell{align-items:flex-start;flex-direction:column}main{padding-top:26px}}

.footer .shell::after{content:"© 2026 EO-Taggeldtrainer · Ausschliesslich für Ausbildungs- und Übungszwecke. Die Inhalte und Berechnungen sind nicht rechtsverbindlich und ersetzen keine individuelle Auskunft oder Verfügung. Massgebend sind die gesetzlichen Grundlagen und die Verfügung der zuständigen Ausgleichskasse.";display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-size:.88rem;line-height:1.55;color:var(--muted)}

.grid .card{position:relative;overflow:hidden;padding-top:24px}.grid .card::after{position:absolute;right:16px;top:15px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(184,137,36,.38);border-radius:15px;background:linear-gradient(145deg,#fff8d8,#f2dda0);box-shadow:0 5px 12px rgba(93,68,17,.09);color:var(--gold-dark);font-size:1.45rem;font-weight:800;line-height:1}.grid .card:nth-child(1)::after{content:"✦"}.grid .card:nth-child(2)::after{content:"☀"}.grid .card:nth-child(3)::after{content:"●–●";font-size:.82rem;letter-spacing:-.08em}.grid .card:nth-child(4)::after{content:"♥"}.grid .card:nth-child(5)::after{content:"⌂";font-size:1.65rem}.grid .card:hover::after{background:linear-gradient(145deg,#fff4c2,#e9cc72);transform:rotate(-3deg)}

.grid .card{padding-top:24px}.grid .card .abbr{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:54px;height:54px;padding:0 12px;border-radius:15px;white-space:nowrap}.grid .card::after{top:24px;right:22px;width:54px;height:54px}.grid .card h3{margin-top:17px;line-height:1.2;min-height:2.4em}