/* Content pages V1.4.0 */
.content-page { background: radial-gradient(circle at 80% 0%, rgba(20,125,120,.10), transparent 30%), var(--navy-900); }
.content-main { padding-top: var(--header-height); }
.content-hero { position: relative; padding: 76px 0 70px; border-bottom: 1px solid var(--line); overflow: hidden; }
.content-hero::before { content:""; position:absolute; width:520px; height:520px; right:-180px; top:-260px; border:1px solid rgba(99,221,213,.16); border-radius:50%; box-shadow:0 0 0 55px rgba(37,64,107,.08),0 0 0 120px rgba(20,125,120,.04); }
.content-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,1.4fr) minmax(250px,.5fr); gap:80px; align-items:end; }
.content-hero h1 { max-width:900px; margin-bottom:28px; font-size:clamp(2.8rem,6vw,5.8rem); font-weight:520; }
.content-hero__lead { max-width:860px; margin-bottom:34px; color:var(--muted); font-size:clamp(1.05rem,1.8vw,1.3rem); line-height:1.7; }
.content-hero__actions { display:flex; flex-wrap:wrap; gap:12px; }
.content-meta { display:grid; grid-template-columns:1fr; gap:4px; padding:24px; border:1px solid var(--line-strong); border-radius:var(--radius-md); background:rgba(13,27,45,.72); }
.content-meta span { margin-top:10px; color:var(--cyan); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.content-meta strong { font-size:.96rem; }
.breadcrumbs { position:relative; margin-bottom:40px; color:var(--muted); font-size:.86rem; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; padding:0; margin:0; list-style:none; }
.breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(182,196,208,.45); }
.breadcrumbs a:hover { color:var(--cyan-soft); }
.content-section { padding-top:96px; }
.article-layout { display:grid; grid-template-columns:minmax(0,790px) minmax(230px,1fr); gap:90px; align-items:start; }
.content-article { min-width:0; }
.content-article.centered { max-width:840px; margin:80px auto 0; text-align:center; }
.content-article h2 { margin:70px 0 22px; font-size:clamp(1.8rem,3.5vw,3rem); font-weight:560; }
.content-article h3 { margin:30px 0 12px; font-size:1.25rem; letter-spacing:-.025em; }
.content-article p, .content-article li { color:var(--muted); font-size:1.03rem; }
.content-article a:not(.button):not(.text-link) { color:var(--cyan-soft); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.answer-box { padding:32px; border:1px solid rgba(99,221,213,.28); border-left:4px solid var(--cyan); border-radius:var(--radius-md); background:linear-gradient(135deg,rgba(20,125,120,.12),rgba(13,27,45,.7)); }
.answer-box.wide { max-width:900px; margin-bottom:56px; }
.answer-box h2 { margin:0 0 12px; font-size:1.65rem; }
.answer-box p { margin:0; color:var(--white); font-size:1.08rem; }
.content-aside { position:sticky; top:100px; display:grid; gap:0; padding:24px; border:1px solid var(--line); border-radius:var(--radius-md); background:rgba(9,22,37,.78); }
.content-aside h2 { margin:0 0 14px; font-size:1rem; letter-spacing:0; }
.content-aside a { padding:13px 0; color:var(--muted); border-top:1px solid var(--line); }
.content-aside a:hover { color:var(--cyan-soft); }
.check-list { display:grid; gap:13px; padding:0; list-style:none; }
.check-list li { position:relative; padding-left:30px; }
.check-list li::before { content:"✓"; position:absolute; left:0; top:0; color:var(--cyan); font-weight:700; }
.numbered-process { display:grid; gap:12px; padding:0; counter-reset:step; list-style:none; }
.numbered-process li { counter-increment:step; display:grid; grid-template-columns:56px minmax(0,1fr); padding:22px; border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(13,27,45,.48); }
.numbered-process li::before { content:counter(step,decimal-leading-zero); grid-row:1/3; color:var(--cyan); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.85rem; }
.numbered-process strong { color:var(--white); }
.numbered-process span { grid-column:2; color:var(--muted); }
.service-cards, .architecture-grid, .criteria-grid, .principle-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.service-cards article, .architecture-grid article, .criteria-grid article, .principle-grid article { padding:26px; border:1px solid var(--line); border-radius:var(--radius-md); background:rgba(13,27,45,.52); }
.service-cards span, .architecture-grid span { color:var(--cyan); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.75rem; letter-spacing:.1em; }
.service-cards h3, .architecture-grid h3, .criteria-grid h3, .principle-grid h3 { margin:14px 0 10px; }
.service-cards p, .architecture-grid p, .criteria-grid p, .principle-grid p { margin:0; font-size:.95rem; }
.comparison-table { max-width:100%; overflow-x:auto; margin:28px 0; border:1px solid var(--line); border-radius:var(--radius-md); }
.comparison-table table { width:100%; min-width:650px; border-collapse:collapse; }
.comparison-table th, .comparison-table td { padding:18px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.comparison-table th { color:var(--cyan-soft); background:rgba(20,125,120,.1); }
.comparison-table td { color:var(--muted); }
.faq-list { display:grid; gap:12px; }
.faq-list details { border:1px solid var(--line); border-radius:var(--radius-sm); background:rgba(13,27,45,.46); }
.faq-list summary { padding:20px 22px; cursor:pointer; color:var(--white); font-weight:650; }
.faq-list p { padding:0 22px 20px; margin:0; }
.callout, .evidence-block { margin:34px 0; padding:26px; border:1px solid var(--line-strong); border-radius:var(--radius-md); background:rgba(37,64,107,.18); }
.callout strong { color:var(--cyan-soft); }
.callout p, .evidence-block p { margin:8px 0 0; }
.evidence-block h2 { margin:0 0 12px; font-size:1.55rem; }
.case-study-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.case-study-card { padding:32px; border:1px solid var(--line); border-radius:var(--radius-md); background:linear-gradient(145deg,rgba(13,27,45,.86),rgba(9,22,37,.68)); }
.case-study-card h2 { margin:24px 0 14px; font-size:2rem; }
.case-study-card p, .case-study-card li { color:var(--muted); }
.case-study-card ul { padding-left:20px; }
.project-status-line { margin-bottom:30px; }
.content-cta { padding-top:0; }
.content-cta__inner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:60px; align-items:center; padding:54px; border:1px solid rgba(99,221,213,.22); border-radius:var(--radius-lg); background:linear-gradient(135deg,rgba(20,125,120,.15),rgba(37,64,107,.2)); }
.content-cta h2 { margin:0 0 16px; max-width:760px; font-size:clamp(2rem,4vw,3.8rem); font-weight:520; }
.content-cta p { max-width:780px; margin:0; color:var(--muted); }
.content-footer .site-footer__inner { flex-wrap:wrap; }
.content-footer nav { display:flex; flex-wrap:wrap; gap:18px; }
.content-footer nav a { color:var(--muted); }
.content-footer nav a:hover { color:var(--cyan-soft); }
code { padding:.1em .35em; border:1px solid var(--line); border-radius:6px; background:rgba(5,12,22,.7); color:var(--cyan-soft); }
@media (max-width: 960px) {
  .content-hero__grid, .article-layout { grid-template-columns:1fr; gap:48px; }
  .content-meta { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .content-meta span { margin-top:0; }
  .content-aside { position:static; }
  .content-cta__inner { grid-template-columns:1fr; }
}
@media (max-width: 720px) {
  .content-hero { padding-top:54px; }
  .content-hero__actions { align-items:stretch; flex-direction:column; }
  .content-hero__actions .button { justify-content:center; }
  .content-meta, .service-cards, .architecture-grid, .criteria-grid, .principle-grid, .case-study-grid { grid-template-columns:1fr; }
  .content-section { padding-top:72px; }
  .content-article h2 { margin-top:54px; }
  .answer-box, .case-study-card { padding:24px; }
  .numbered-process li { grid-template-columns:44px minmax(0,1fr); padding:18px; }
  .content-cta__inner { padding:32px 24px; }
}
.project-status-line .status { max-width: 100%; white-space: normal; line-height: 1.5; }
.project-status-line .status i { flex: 0 0 7px; }
/* Fachinhalte bleiben auch ohne JavaScript vollständig sichtbar. */
.content-page [data-reveal] { opacity: 1; transform: none; }