/* prepperdisk-deutsch.de — Design */
:root{--brand:#0f6e4f;--brand2:#0b1220;--accent:#d97706;--bg:#f8faf7;--text:#1f2937;--muted:#5b6b7c;--line:#dde5e0;--card:#ffffff}
*{box-sizing:border-box;max-width:100%}
body{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;margin:0;color:var(--text);background:var(--bg);line-height:1.65}
header.site{background:linear-gradient(135deg,#0b3d2e,#0f6e4f);color:#fff;padding:0}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0}
.nav a.logo{font-weight:800;font-size:1.15rem;color:#fff;text-decoration:none}
.nav a.logo span{color:#a7f3d0}
.nav nav{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
.nav nav a{color:#d1fae5;text-decoration:none;font-size:.92rem;padding:7px 11px;border-radius:8px}
.nav nav a:hover{background:rgba(255,255,255,.12);color:#fff}
.hero{padding:44px 0 52px}
.hero h1{font-size:2rem;margin:0 0 12px;line-height:1.25}
.hero p{color:#d1fae5;font-size:1.08rem;max-width:760px}
.btn{display:inline-block;background:#fbbf24;color:#1c1917;font-weight:700;text-decoration:none;padding:12px 22px;border-radius:10px;margin-top:18px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.btn:hover{background:#f59e0b}
main{padding:34px 0 20px}
h1{font-size:1.65rem;color:var(--brand2)} h2{font-size:1.25rem;margin-top:34px;color:var(--brand)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:22px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 14px rgba(15,40,30,.06);transition:transform .15s ease,box-shadow .15s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,40,30,.12)}
.card h3{margin:0 0 8px;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:.94rem}
.card a{color:var(--brand);font-weight:600;text-decoration:none}
.card a:hover{text-decoration:underline}
img.hero-img{width:100%;border-radius:12px;margin:14px 0}
figure{margin:18px 0}figure img{width:100%;border-radius:12px}
figcaption{color:var(--muted);font-size:.86rem;margin-top:6px}
article p{font-size:1.02rem}
article ul li,article ol li{margin:6px 0}
.breadcrumb{color:var(--muted);font-size:.88rem;margin-bottom:10px}
.breadcrumb a{color:var(--brand)}
.info{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:14px 16px;margin:16px 0}
footer.site{background:var(--brand2);color:#9ca3af;margin-top:44px;padding:26px 0;font-size:.9rem}
footer.site a{color:#d1fae5}
@media (max-width:420px){.hero h1{font-size:1.5rem}.nav nav{margin-left:0}}