/* OrderPoint – Rechtsseiten · © 2026 Hofert Andreas */
:root{
  --green:#1f9d55; --green-dark:#17623a; --ink:#1c2422; --muted:#5b6b64;
  --line:#e3e9e6; --bg:#f6f8f7; --card:#ffffff; --warn-bg:#fff6e6; --warn-line:#f0c46a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:-apple-system,"Segoe UI",system-ui,Roboto,sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.65;font-size:16px;
}
a{color:var(--green-dark);text-decoration:none}
a:hover{text-decoration:underline}

/* Header */
header.top{
  background:linear-gradient(135deg,var(--green),var(--green-dark));
  color:#fff;padding:22px 16px;
}
.wrap{max-width:860px;margin:0 auto;padding:0 16px}
.brand{display:flex;align-items:center;gap:12px;max-width:860px;margin:0 auto}
.brand .logo{
  width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.18);
  display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 auto}
.brand b{font-size:20px;letter-spacing:.3px}
.brand small{display:block;font-size:12px;opacity:.9;font-weight:400}

/* Nav */
nav.legal{background:var(--card);border-bottom:1px solid var(--line)}
nav.legal .wrap{display:flex;flex-wrap:wrap;gap:4px 18px;padding:10px 16px}
nav.legal a{font-size:14px;font-weight:600;color:var(--muted);padding:4px 0}
nav.legal a.active,nav.legal a:hover{color:var(--green-dark)}

/* Content */
main{max-width:860px;margin:0 auto;padding:28px 16px 10px}
main h1{font-size:28px;line-height:1.2;margin:.2em 0 .1em}
main h2{font-size:20px;margin:1.6em 0 .4em;padding-top:.3em;border-top:1px solid var(--line)}
main h3{font-size:16px;margin:1.2em 0 .3em}
main p,main li{color:#283530}
main ul,main ol{padding-left:1.3em}
main li{margin:.25em 0}
.lead{font-size:17px;color:var(--muted)}
.stand{font-size:13px;color:var(--muted);margin-top:.2em}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:14px 0}
.warn{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:12px;padding:14px 18px;margin:16px 0}
.warn b{color:#9a6a00}
.fill{background:#eef7f1;border:1px dashed var(--green);border-radius:8px;padding:1px 7px;font-weight:600;color:var(--green-dark);font-size:.92em}
table.kv{width:100%;border-collapse:collapse;margin:8px 0}
table.kv td{padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}
table.kv td:first-child{color:var(--muted);width:40%;font-weight:600}
code{background:#eef2f0;padding:1px 6px;border-radius:5px;font-size:.9em}

/* Footer */
footer{margin-top:30px;background:#10211a;color:#cfe0d7;padding:26px 16px 34px}
footer .wrap{display:flex;flex-direction:column;gap:12px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}
footer a{color:#9fd8ba;font-size:14px}
footer .copy{font-size:13px;color:#8fa79a;border-top:1px solid #1f3a2d;padding-top:12px}
@media(max-width:560px){main h1{font-size:23px}body{font-size:15px}}

/* Gemeinsame Dokument- und Hilfenavigation */
.brand-home,.brand-home:hover{color:inherit;text-decoration:none}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}
:focus-visible{outline:3px solid #a36813;outline-offset:4px}
nav.legal a.active{box-shadow:inset 0 -2px var(--green-dark)}
.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.resource-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;color:var(--ink);transition:border-color .15s}
.resource-card:hover{border-color:var(--green-dark);text-decoration:none}.resource-card h3{font-size:20px;margin:8px 0}.resource-card p{font-size:15px;margin:4px 0 18px}.resource-label{font-size:12px;color:var(--muted)}.resource-action{margin-top:auto;color:var(--green-dark);font-weight:700}
.document-list p{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0}.document-list a{min-width:160px}.document-list span{color:var(--muted)}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}.button{display:inline-block;background:var(--green-dark);color:white;padding:11px 16px;border-radius:8px;font-weight:650}.button:hover{background:#124d2d;text-decoration:none}.button.secondary{background:#edf5ef;color:var(--green-dark);border:1px solid var(--line)}.text-link{text-decoration:underline}.first-heading{border:0;padding:0;margin-top:0}.topic-links li{margin:10px 0}a,td{overflow-wrap:anywhere}
@media(max-width:700px){.link-grid{grid-template-columns:1fr}.actions{align-items:stretch;flex-direction:column}.actions a{text-align:center}.document-list p{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.resource-card{transition:none}}
@media print{header.top,nav.legal,footer,.skip-link{display:none}main{max-width:none;padding:0}.card,.resource-card{break-inside:avoid}.link-grid{grid-template-columns:1fr}}