:root{
  --page:#f5f7fb;--surface:#fff;--surface-soft:#f9fafc;--text:#111827;--muted:#667085;--soft:#98a2b3;--line:#e5e7eb;--line-strong:#d0d5dd;--brand:#155eef;--ai:#0891b2;--guide:#16a34a;--download:#ea580c;--security:#dc2626;--selfhost:#7c3aed;--opensource:#2563eb;--shadow:0 10px 28px rgba(15,23,42,.06)
}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 32px));margin:0 auto}.site-top{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.topline{min-height:36px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:.82rem;border-bottom:1px solid var(--line)}.topline-links{display:flex;gap:18px;flex-wrap:wrap}.mainnav{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.logo{display:flex;align-items:center}.logo img{height:54px;width:auto;display:block}.navlinks{display:flex;gap:20px;align-items:center;color:#344054;font-weight:650;font-size:.94rem;flex-wrap:wrap}.navlinks a:hover,.navlinks a.active{color:var(--brand)}.searchbox{width:230px;border:1px solid var(--line-strong);border-radius:999px;padding:10px 14px;color:var(--muted);background:var(--surface-soft);font-size:.88rem}.breaking{background:#111827;color:#fff}.breaking .wrap{min-height:44px;display:flex;align-items:center;gap:14px;overflow:hidden;white-space:nowrap;font-size:.91rem}.breaking-label{background:#ef4444;padding:5px 9px;border-radius:6px;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;flex:0 0 auto}main{padding:28px 0 64px}.layout{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start}.lead-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:22px;margin-bottom:26px}.lead-story,.section,.sidebox,.compact-story{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.lead-story{min-height:490px;display:flex;flex-direction:column}.lead-image{min-height:255px;background:linear-gradient(135deg,rgba(8,145,178,.22),rgba(21,94,239,.08)),linear-gradient(45deg,#eef6ff,#fff);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.lead-image:after{content:"FW";position:absolute;right:26px;bottom:-18px;font-size:8rem;line-height:1;font-weight:950;letter-spacing:-.12em;color:rgba(17,24,39,.06)}.lead-body{padding:26px;display:flex;flex-direction:column;justify-content:space-between;flex:1}.kicker{font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.ai{color:var(--ai)}.guide{color:var(--guide)}.download{color:var(--download)}.security{color:var(--security)}.selfhost{color:var(--selfhost)}.opensource{color:var(--opensource)}h1,h2,h3,h4,p{margin-top:0}.lead-story h1{font-size:clamp(2.25rem,4vw,4.55rem);line-height:.94;letter-spacing:-.078em;margin-bottom:16px}.lead-story p{color:var(--muted);font-size:1.05rem;line-height:1.55;margin-bottom:20px;max-width:690px}.meta{color:var(--soft);font-size:.86rem;display:flex;gap:10px;flex-wrap:wrap}.secondary-stack{display:grid;gap:16px}.compact-story{padding:18px;display:grid;grid-template-columns:92px 1fr;gap:15px;align-items:start}.compact-thumb{width:92px;height:82px;background:var(--surface-soft);border:1px solid var(--line)}.compact-story h2{font-size:1.14rem;line-height:1.16;letter-spacing:-.035em;margin-bottom:8px}.compact-story p{color:var(--muted);font-size:.87rem;line-height:1.38;margin-bottom:0}.section{margin-bottom:26px}.section-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head h3{margin:0;font-size:1.25rem;letter-spacing:-.04em}.section-head a{color:var(--brand);font-size:.88rem;font-weight:700}.headline-list{display:grid}.headline-row{padding:22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:20px}.headline-row:last-child{border-bottom:0}.headline-row h2{font-size:1.55rem;line-height:1.08;letter-spacing:-.052em;margin-bottom:8px}.headline-row p{color:var(--muted);line-height:1.48;margin-bottom:0}.time{color:var(--soft);font-size:.82rem;white-space:nowrap;padding-top:4px}.cards-3{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid var(--line);background:var(--surface-soft);min-height:220px;display:flex;flex-direction:column}.card-thumb{height:112px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#eef2ff,#fff)}.card-body{padding:15px}.card h4{font-size:1.02rem;line-height:1.22;letter-spacing:-.025em;margin-bottom:8px}.card p{color:var(--muted);font-size:.88rem;line-height:1.42;margin-bottom:0}.sidebar{display:grid;gap:22px}.sidebox h3{padding:16px 18px;margin:0;border-bottom:1px solid var(--line);font-size:1.1rem;letter-spacing:-.035em}.trend-item{padding:15px 18px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:12px}.trend-item:last-child{border-bottom:0}.rank{color:#d0d5dd;font-size:1.35rem;font-weight:900;line-height:1}.trend-item h4{font-size:.98rem;line-height:1.24;margin-bottom:5px}.trend-item span{color:var(--soft);font-size:.8rem}.newsletter{padding:20px;background:#111827;color:#fff}.newsletter h3{padding:0;border:0;margin-bottom:8px}.newsletter p{color:#d0d5dd;line-height:1.45;font-size:.92rem}.newsletter button,.button{border:0;background:#111827;color:#fff;padding:11px 14px;font-weight:800;cursor:pointer;display:inline-block}.newsletter button{width:100%;background:#fff;color:#111827}.tagline-strip{margin:28px 0 26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tagline-strip div{border-left:4px solid var(--brand);padding-left:12px;color:var(--muted);font-size:.9rem;line-height:1.4}.tagline-strip strong{display:block;color:var(--text);margin-bottom:3px}.page-title{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);padding:34px;margin-bottom:26px}.page-title h1{font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95;letter-spacing:-.075em;margin-bottom:12px}.page-title p{color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:760px;margin-bottom:0}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 330px;gap:32px;align-items:start}.article{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.article-hero{height:330px;background:linear-gradient(135deg,rgba(8,145,178,.18),rgba(124,58,237,.08)),#eef6ff;border-bottom:1px solid var(--line)}.article-body{padding:34px}.article-body h1{font-size:clamp(2.4rem,4.8vw,4.8rem);line-height:.94;letter-spacing:-.082em;margin:12px 0 18px}.article-body .intro{font-size:1.2rem;color:#475467;line-height:1.58}.article-body h2{font-size:1.7rem;letter-spacing:-.045em;margin-top:34px}.article-body p,.article-body li{font-size:1.02rem;line-height:1.78;color:#344054}.article-body ul{padding-left:22px}.authorbox{display:flex;gap:14px;align-items:center;margin:24px 0;padding:16px;border:1px solid var(--line);background:var(--surface-soft)}.avatar{width:46px;height:46px;border-radius:50%;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.category-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:24px;min-height:170px}.category-card h2{font-size:1.7rem;letter-spacing:-.055em;margin-bottom:10px}.category-card p{color:var(--muted);line-height:1.5}footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);padding:30px 0;font-size:.9rem}@media(max-width:1000px){.layout,.lead-grid,.tagline-strip,.article-layout,.category-grid{grid-template-columns:1fr}.mainnav{grid-template-columns:1fr;gap:14px;padding:18px 0}.searchbox{width:100%}.cards-3{grid-template-columns:1fr}.headline-row{grid-template-columns:1fr}.logo img{height:48px}}@media(max-width:620px){.topline{display:none}.compact-story{grid-template-columns:1fr}.compact-thumb{width:100%;height:150px}.lead-story h1{font-size:2.45rem}.lead-body,.section-head,.headline-row,.cards-3,.article-body,.page-title{padding:18px}.article-hero{height:220px}}

/* Erweiterung: Backend-ready Module */
.mobile-toggle{display:none;border:1px solid var(--line-strong);background:#fff;padding:9px 12px;font-weight:800;cursor:pointer}.searchbox input{border:0;background:transparent;outline:0;width:100%;font:inherit;color:var(--text)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;gap:14px}.tool-card h2{font-size:1.35rem;line-height:1.15;letter-spacing:-.045em;margin:0}.tool-card p{color:var(--muted);line-height:1.52;margin:0}.tool-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line);font-size:.78rem;font-weight:750;color:#475467}.download-list{display:grid;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.download-row{display:grid;grid-template-columns:64px 1fr auto;gap:18px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.download-row:last-child{border-bottom:0}.download-icon{width:64px;height:64px;background:#111827;color:#fff;display:grid;place-items:center;font-weight:900}.download-row h2{font-size:1.25rem;letter-spacing:-.04em;margin:0 0 6px}.download-row p{color:var(--muted);margin:0;line-height:1.45}.download-button{background:#111827;color:#fff;padding:10px 14px;font-weight:850}.form-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:26px}.form-grid{display:grid;gap:14px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;border:1px solid var(--line-strong);padding:12px 14px;font:inherit;background:#fff}.form-grid label{font-weight:750;font-size:.9rem}.note{color:var(--muted);line-height:1.55}.code-comment{background:#0f172a;color:#e5e7eb;padding:18px;overflow:auto;font-size:.88rem;line-height:1.55}.ad-slot{border:1px dashed var(--line-strong);background:var(--surface-soft);color:var(--soft);display:grid;place-items:center;min-height:90px;font-size:.85rem}.related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.related-list .compact-story{box-shadow:none}.breadcrumb{color:var(--muted);font-size:.86rem;margin-bottom:14px}.breadcrumb a{color:var(--brand);font-weight:750}.status-page{min-height:54vh;display:grid;place-items:center}.status-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:42px;max-width:720px;text-align:center}.status-card h1{font-size:clamp(3rem,8vw,7rem);letter-spacing:-.1em;line-height:.9;margin-bottom:18px}.status-card p{color:var(--muted);font-size:1.05rem;line-height:1.55}@media(max-width:1000px){.tool-grid{grid-template-columns:repeat(2,1fr)}.download-row{grid-template-columns:52px 1fr}.download-button{grid-column:2}.mobile-toggle{display:inline-block}.navlinks{display:none}.navlinks.is-open{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:16px}.mainnav{position:relative}.related-list{grid-template-columns:1fr}}@media(max-width:620px){.tool-grid{grid-template-columns:1fr}.download-row{grid-template-columns:1fr}.download-button{grid-column:auto;text-align:center}.download-icon{width:54px;height:54px}}

/* FutureWire v3: zusätzliche Seiten + Admin-Preview */
.text-page{max-width:860px}.contact-grid{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start}.form-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:24px;display:grid;gap:16px}.form-card label,.admin-card label,.admin-panel label{display:grid;gap:7px;font-weight:750;color:#344054}.form-card input,.form-card textarea,.admin-card input,.admin-panel input,.admin-panel textarea,.admin-panel select{border:1px solid var(--line-strong);background:#fff;padding:12px 13px;font:inherit;color:var(--text);width:100%}.form-card textarea{min-height:160px}.contact-info{padding-bottom:20px}.contact-info p{padding:0 18px;color:var(--muted);line-height:1.55}
.admin-body{background:#eef2f7}.admin-login{min-height:100vh;display:grid;place-items:center;padding:24px}.admin-login img{width:360px;max-width:90%;margin-bottom:24px}.admin-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px;width:min(430px,100%);display:grid;gap:16px}.admin-card h1{font-size:2rem;letter-spacing:-.06em;margin-bottom:0}.admin-card p{color:var(--muted);line-height:1.5}.admin-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid var(--line);padding:24px;position:sticky;top:0;height:100vh}.admin-sidebar img{width:190px;max-width:100%;display:block;margin-bottom:28px}.admin-sidebar nav{display:grid;gap:8px}.admin-sidebar a{padding:11px 12px;border-radius:8px;color:#344054;font-weight:750}.admin-sidebar a.active,.admin-sidebar a:hover{background:#eef4ff;color:var(--brand)}.admin-main{padding:32px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.admin-head h1{font-size:2.4rem;letter-spacing:-.065em;margin-bottom:6px}.admin-head p{margin:0;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.admin-stats div,.admin-panel{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.admin-stats div{padding:22px}.admin-stats strong{display:block;font-size:2.25rem;letter-spacing:-.07em}.admin-stats span{color:var(--muted);font-weight:700}.admin-panel{padding:22px}.admin-panel h2{font-size:1.35rem;letter-spacing:-.045em}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:13px 10px;font-size:.94rem}th{color:#475467;background:#f9fafb}.editor-grid{display:grid;grid-template-columns:1fr 330px;gap:24px}.editor-main,.editor-side,.settings-form{display:grid;gap:16px}.big-editor{min-height:360px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-grid div{height:180px;background:linear-gradient(135deg,#eef4ff,#fff);border:1px solid var(--line);box-shadow:var(--shadow)}
@media(max-width:1000px){.contact-grid,.admin-shell,.editor-grid{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-stats,.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.admin-main{padding:18px}.admin-head{display:grid}.admin-stats,.media-grid{grid-template-columns:1fr}th,td{font-size:.82rem;padding:10px 6px}}

/* FutureWire v4.1: funktionales PHP-Adminpanel */
.admin-panel small{color:var(--muted);font-weight:500}.editor-side label:has(input[type="checkbox"]){display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px}.editor-side input[type="checkbox"]{width:auto}.admin-panel a{color:var(--brand);font-weight:750}.admin-panel button.button{border:0}.admin-panel form button{font:inherit}.admin-panel textarea.big-editor{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;line-height:1.55}.admin-sidebar a[href="logout.php"]{color:#dc2626}.admin-panel td small{color:var(--muted)}

/* FutureWire v4.2: Medien, Kategorien, SEO-Frontend */
.media-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.media-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.media-card img{width:100%;height:160px;object-fit:cover;background:var(--surface-soft);display:block}.media-card div{padding:12px;display:grid;gap:4px}.media-card small{color:var(--muted);word-break:break-all}.media-card form{padding:0 12px 12px}.media-card .button{width:100%;background:#dc2626}.settings-form label:has(input[type="checkbox"]){display:flex;align-items:center;gap:10px}.settings-form input[type="checkbox"]{width:auto}.lead-image[style],.compact-thumb[style],.article-hero[style]{background-color:#eef6ff}.site-top .logo img{height:54px;max-width:260px;object-fit:contain}.article-body img{max-width:100%;height:auto}.article-body blockquote{border-left:4px solid var(--brand);background:var(--surface-soft);margin:24px 0;padding:16px 20px;color:#344054}.article-body pre{background:#0f172a;color:#e5e7eb;padding:18px;overflow:auto}.headline-row:hover h2 a,.compact-story:hover h2 a,.trend-item:hover h4 a{color:var(--brand)}
@media(max-width:1000px){.media-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.media-admin-grid{grid-template-columns:1fr}}

/* FutureWire v4.3: Kommentare, Tags und Autorenprofile */
.tag-row,.tag-cloud{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.tag-row a,.tag-cloud a{border:1px solid var(--line);background:var(--surface-soft);padding:7px 10px;border-radius:999px;color:#475467;font-weight:750;font-size:.86rem}.tag-row a:hover,.tag-cloud a:hover{color:var(--brand);border-color:#b2ccff}.comments{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);margin-top:24px;padding:24px}.comment{border-bottom:1px solid var(--line);padding:16px 0}.comment:last-of-type{border-bottom:0}.comment small{display:block;color:var(--muted);margin-top:3px}.comment p{color:#344054;line-height:1.65;margin:10px 0 0}.comment-form{display:grid;gap:14px;margin-top:22px}.comment-form label{display:grid;gap:7px;font-weight:750;color:#344054}.comment-form input,.comment-form textarea{border:1px solid var(--line-strong);padding:12px 13px;font:inherit}.notice{padding:12px 14px;border-radius:8px;font-weight:750}.notice.ok{background:#ecfdf3;color:#027a48}.notice.error{background:#fef3f2;color:#b42318}.author-profile{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:28px;margin-bottom:26px;display:flex;gap:18px;align-items:center}.avatar.big{width:74px;height:74px;font-size:1.3rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.news-card h3{font-size:1.3rem;line-height:1.15;letter-spacing:-.04em}.news-card p{color:var(--muted);line-height:1.5}.admin-table button{border:1px solid var(--line-strong);background:#fff;padding:7px 9px;border-radius:6px;cursor:pointer}.admin-table button:hover{border-color:#98a2b3}.eyebrow{font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--brand)}
@media(max-width:1000px){.card-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.card-grid{grid-template-columns:1fr}.author-profile{align-items:flex-start}.admin-stats{grid-template-columns:1fr}}

/* FutureWire v4.4 */
.newsletter form{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap}.newsletter input{flex:1;min-width:180px;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:.75rem .9rem;background:rgba(255,255,255,.08);color:inherit}.newsletter small{display:block;margin-top:.65rem;color:#22c55e}.mini-btn{border:0;border-radius:9px;padding:.42rem .7rem;cursor:pointer;background:#1d4ed8;color:#fff;font-weight:700}.mini-btn.danger{background:#dc2626}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.8rem;border-bottom:1px solid rgba(148,163,184,.22);text-align:left}.admin-card{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);border-radius:20px;padding:1.25rem;margin-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0}.stat-card{background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:1rem}.stat-card span{display:block;color:#94a3b8}.stat-card strong{font-size:2rem}

/* FutureWire v4.5 */
.ad-placeholder{border:1px dashed rgba(148,163,184,.45);border-radius:18px;padding:26px;text-align:center;color:#94a3b8;background:rgba(15,23,42,.45);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em}
.page-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.page-links a{color:inherit;opacity:.8}.page-links a:hover{opacity:1}
.admin-form input[type="checkbox"]{width:auto;margin-right:8px}

/* FutureWire v4.7 Admin-Fokus */
.admin-nav-separator{display:block;height:1px;background:rgba(148,163,184,.3);margin:8px 0}
.admin-quicklinks{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:0 0 24px}
.admin-quicklinks a{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px;color:#101828;display:grid;gap:5px}
.admin-quicklinks a:hover{transform:translateY(-2px);border-color:#b2ccff}
.admin-quicklinks strong{font-size:1.05rem}
.admin-quicklinks span{color:var(--muted);font-size:.9rem;font-weight:650}
.admin-dashboard-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:22px}
@media(max-width:1000px){.admin-dashboard-grid{grid-template-columns:1fr}}