:root{--bg:#0f172a;--panel-soft:#f8fafc;--text:#0f172a;--muted:#64748b;--brand:#2563eb;--brand-dark:#1d4ed8;--border:#e2e8f0;--shadow:0 24px 70px rgba(15,23,42,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(15,23,42,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{color:#fff;display:flex;flex-direction:column;line-height:1.1}.brand-main{font-weight:800;font-size:1.15rem;letter-spacing:.02em}.brand-sub{color:#bfdbfe;font-size:.82rem;margin-top:.2rem}.nav-links{display:flex;gap:1.2rem;align-items:center;color:#e5e7eb;font-size:.95rem}.nav-links a:hover{color:#fff}.nav-cta{padding:.65rem 1rem;border-radius:999px;background:var(--brand);color:#fff!important}.nav-toggle{display:none;color:#fff;border:1px solid rgba(255,255,255,.2);background:transparent;border-radius:10px;padding:.45rem .7rem;font-size:1.2rem}.hero{background:radial-gradient(circle at top left,rgba(56,189,248,.35),transparent 38%),linear-gradient(135deg,#0f172a 0%,#111827 45%,#1e3a8a 100%);color:#fff;padding:90px 0 80px}.hero-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:42px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:var(--brand);font-size:.78rem;margin:0 0 1rem}.hero .eyebrow{color:#7dd3fc}h1,h2,h3{line-height:1.15;margin-top:0}h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:920px;margin-bottom:1.25rem}h2{font-size:clamp(2rem,3vw,3rem);margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.65rem}.hero-text{color:#dbeafe;font-size:1.2rem;max-width:780px}.hero-actions,.contact-actions,.download-buttons{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.4rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.9rem 1.25rem;font-weight:700;border:1px solid transparent}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-dark)}.button.secondary{border-color:rgba(148,163,184,.6);color:inherit;background:rgba(255,255,255,.06)}.hero-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem;color:#cbd5e1;font-size:.9rem}.hero-meta span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:.35rem .65rem}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:28px;padding:2rem;box-shadow:var(--shadow)}.hero-card h2{font-size:1.4rem}.hero-card ul{padding-left:1.1rem;margin-bottom:0;color:#e0f2fe}.section{padding:86px 0}.section.alt{background:var(--panel-soft)}.section-heading{max-width:760px;margin-bottom:2.5rem}.cards{display:grid;gap:1.2rem}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:1.5rem;box-shadow:0 12px 30px rgba(15,23,42,.06)}.card p,.text-block p,.timeline p,.contact p,.site-footer p,.muted{color:var(--muted)}.small{font-size:.88rem}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}.text-block{font-size:1.08rem}.profile-download{margin-top:1.6rem;padding:1.4rem;background:#fff;border:1px solid var(--border);border-radius:22px}.timeline{display:grid;gap:1rem}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:1.5rem;padding:1.4rem;border:1px solid var(--border);border-radius:22px;background:#fff}.timeline-item span{font-weight:800;color:var(--brand)}.tags{display:flex;flex-wrap:wrap;gap:.75rem}.tags span{border:1px solid var(--border);background:#fff;border-radius:999px;padding:.65rem .9rem;color:#334155;font-weight:600;font-size:.92rem}.contact-card{border-radius:30px;padding:2.2rem;background:radial-gradient(circle at top right,rgba(37,99,235,.16),transparent 35%),#fff;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.site-footer{background:var(--bg);color:#fff;padding:34px 0}.footer-grid{display:flex;justify-content:space-between;gap:2rem;align-items:center}.footer-links{display:flex;gap:1rem;color:#bfdbfe;flex-wrap:wrap}.admin-page{background:var(--panel-soft);min-height:100vh;padding:48px 0}.admin-panel{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:2rem;max-width:840px;margin:0 auto}.admin-panel label{display:block;font-weight:700;margin-top:1rem}.admin-panel input[type=file]{width:100%;padding:.8rem;border:1px solid var(--border);border-radius:12px;margin-top:.4rem}.notice{padding:1rem;border-radius:14px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.error{padding:1rem;border-radius:14px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}@media(max-width:900px){.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:1rem 20px 1.25rem;background:rgba(15,23,42,.98)}.nav-links.open{display:flex}.hero-grid,.split,.contact-card,.cards.three{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr}.footer-grid{flex-direction:column;align-items:flex-start}}

.download-list {
  display: grid;
  gap: 1rem;
  margin-top: 1rem;
}

.download-item {
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--panel-soft);
}

.download-item h4 {
  margin: 0 0 .4rem;
}
.download-list{display:grid;gap:1rem;margin-top:1rem}.download-item{padding:1rem;border:1px solid var(--border);border-radius:18px;background:var(--panel-soft)}.download-item h4{margin:0 0 .4rem}/* Zusatz-CSS fuer SEO-Unterseiten */
.article-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:70px 0}
.article-hero p{color:#dbeafe;font-size:1.15rem;max-width:850px}
.article{padding:70px 0}
.article-grid{display:grid;grid-template-columns:1fr 320px;gap:42px;align-items:start}
.article-content h2{margin-top:2rem}
.article-content p,.article-content li{color:#334155;font-size:1.04rem}
.article-content ul{padding-left:1.25rem}
.article-aside{position:sticky;top:100px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:1.4rem}
.article-aside a{display:block;color:#2563eb;margin:.45rem 0}
.breadcrumb{font-size:.9rem;color:#bfdbfe;margin-bottom:1rem}
@media(max-width:900px){.article-grid{grid-template-columns:1fr}.article-aside{position:static}}