/* film.ki – gemeinsames Artikel-Layout (erzeugt aus der Vorlage vom 29.09.2026) */
:root{--bg:#080808;--surface:#111;--text:#f1efe8;--muted:#aaa7a0;--quiet:#7c7974;--line:#2b2a28;--accent:#ff4a30;--max:1180px;--reading:760px;--pad:clamp(1.25rem,4vw,4.75rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:5.25rem;background:var(--bg);color:var(--text);font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.72;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.article-hero{max-width:var(--max);margin:0 auto;padding:clamp(76px,11vw,148px) 28px 66px}.hero-inner{max-width:1000px}.kicker{margin:0 0 22px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1{max-width:950px;margin:0;font-size:clamp(46px,7.1vw,92px);font-weight:650;letter-spacing:-.055em;line-height:.97}.dek{max-width:820px;margin:34px 0 0;color:#c5c2ba;font-size:clamp(21px,2.4vw,31px);font-weight:350;letter-spacing:-.02em;line-height:1.35}.byline{margin-top:38px;color:var(--muted);font-size:14px;line-height:1.45}.byline__primary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.byline strong{color:var(--text);font-weight:650}.byline__reading::before{content:"·";margin-right:8px;color:#57544f}.byline time{display:block;margin-top:5px}.hero-image{margin:34px 0 0}.hero-image img,.image-evidence img{display:block;width:100%;height:auto;background:var(--surface)}figcaption{margin-top:.85rem;color:var(--muted);font-size:14px;line-height:1.62}figcaption strong{color:#cfcbc2}.rule{max-width:var(--max);height:1px;margin:0 auto;background:linear-gradient(90deg,var(--accent) 0 88px,var(--line) 88px 100%)}
.article-layout{max-width:var(--max);margin:0 auto;padding:72px 28px 130px;display:grid;grid-template-columns:minmax(0,var(--reading)) 1fr;gap:clamp(50px,8vw,120px);align-items:start}article{min-width:0}article p{margin:0 0 1.45em}article .lead{margin-bottom:1.35em;color:#f5f3ed;font-size:23px;line-height:1.58}article h2{margin:3.25em 0 .85em;color:var(--accent);font-size:clamp(29px,3vw,40px);font-weight:620;letter-spacing:-.035em;line-height:1.14}article a{text-decoration-color:#6e6a64;text-underline-offset:4px}article a:hover{color:var(--accent)}.pullquote{margin:3.1em 0;padding:8px 0 8px 30px;border-left:3px solid var(--accent);color:#f7f4ed;font-size:clamp(26px,3vw,37px);font-weight:520;letter-spacing:-.03em;line-height:1.3}.article-aside{position:sticky;top:110px;padding-top:3px;color:var(--quiet);font-size:12px;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}.article-aside::before{content:"";display:block;width:30px;height:2px;margin-bottom:14px;background:var(--accent)}.factbox{margin:2.5em 0;padding:1.4rem 1.55rem;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:15px;line-height:1.58}.factbox strong{color:var(--text)}.prompt-example{margin:2.5em 0;padding:1.35rem 1.5rem;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:500 14px/1.62 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.prompt-example strong{color:var(--text);font-weight:700}.image-evidence{margin:2.7em 0}.transparency{margin-top:78px;padding:24px 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.62}.transparency strong{color:#cfcbc2}.transparency .contact{margin:.9rem 0 0}.newsletter-signup{margin-top:42px;padding:clamp(26px,5vw,42px);border:1px solid var(--line);background:var(--surface)}.newsletter-signup__label{margin:0 0 12px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.newsletter-signup h2{margin:0 0 14px;color:var(--text);font-size:clamp(27px,3vw,38px)}.newsletter-signup__copy{max-width:590px;margin:0 0 24px;color:var(--muted);font-size:16px;line-height:1.55}.newsletter-signup__link{display:inline-flex;align-items:center;gap:12px;padding:13px 17px;background:var(--accent);color:#080808;font-size:12px;font-weight:750;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.newsletter-signup__link:hover,.newsletter-signup__link:focus-visible{background:var(--text)}
footer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(3rem,6vw,4.5rem) var(--pad) 2rem;border-top:1px solid rgba(241,239,232,.16);background:#080808;color:#9a9993;font-size:.64rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}footer a{color:inherit;text-decoration:none}footer a:hover,footer a:focus-visible{color:#f1efe8}.footer-menu{max-width:78rem;line-height:2;text-wrap:balance}.footer-logo-link{display:block;margin:2rem auto 1.35rem;line-height:0}.footer-logo{display:block;width:clamp(4.75rem,7vw,5.75rem);height:auto}.footer-socials{display:flex;gap:.55rem}.footer-socials a{display:inline-grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(241,239,232,.16)}.footer-socials a:hover{border-color:var(--accent);background:var(--accent);color:#080808}.footer-socials svg{width:1rem;height:1rem}.footer-copy{margin-top:1.6rem}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.article-aside{display:none}}@media(max-width:760px){body{padding-top:5rem;font-size:17px}.article-hero{padding:68px 20px 48px}h1{font-size:clamp(40px,11.2vw,52px);overflow-wrap:break-word}.dek{margin-top:28px;font-size:21px}.byline{display:block;margin-top:30px}.byline time{display:block;margin-top:5px}.byline time::before{content:none}.rule{margin:0 20px}.article-layout{padding:52px 20px 88px}article .lead{font-size:20px}article h2{margin-top:2.7em}.pullquote{padding-left:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.article-navigation{margin-top:42px}.article-navigation__label{margin:0;padding:0 0 14px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.article-navigation__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.article-navigation__links--single{grid-template-columns:1fr}.article-navigation__link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;min-height:142px;padding:22px 0;color:var(--text);text-decoration:none}.article-navigation__link + .article-navigation__link{border-left:1px solid var(--line);padding-left:24px}.article-navigation__meta{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.article-navigation__title{display:block;max-width:18ch;font-size:clamp(22px,2.7vw,34px);font-weight:620;letter-spacing:-.035em;line-height:1.08}.article-navigation__arrow{color:var(--accent);font-size:30px;line-height:1;transition:transform .2s ease}.article-navigation__link:hover .article-navigation__title,.article-navigation__link:focus-visible .article-navigation__title{color:var(--accent)}.article-navigation__link:hover .article-navigation__arrow,.article-navigation__link:focus-visible .article-navigation__arrow{transform:translateX(6px)}.article-navigation__link[data-direction="previous"]:hover .article-navigation__arrow,.article-navigation__link[data-direction="previous"]:focus-visible .article-navigation__arrow{transform:translateX(-6px)}@media(max-width:760px){.article-navigation__links{grid-template-columns:1fr}.article-navigation__link{min-height:0;padding:20px 0}.article-navigation__link + .article-navigation__link{border-top:1px solid var(--line);border-left:0;padding-left:0}.article-navigation__title{max-width:15ch}}
/* --- Bausteine (aus den bisherigen Artikeln übernommen) --- */
article h3{margin:2.2em 0 .7em;color:#cfcbc2;font-size:18px;font-weight:650;letter-spacing:-.01em;line-height:1.3}
article ul.plain,article ol.plain{margin:0 0 1.45em;padding-left:1.2em}
.prompt-brief{margin:2.3em 0;padding:24px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:600 13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}.prompt-brief strong{color:#ff4a30}
.scene{margin:2.3em 0;padding:24px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:600 13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.scene p{margin:0}.scene strong{color:#ff4a30}
.image-evidence figcaption strong{color:#cfcbc2}
.article-image{max-width:34rem;margin:2.5em auto;text-align:left}.article-image img{display:block;width:100%;height:auto;border:1px solid var(--line);background:#111}.article-image figcaption{margin-top:.75rem;color:var(--muted);font:700 .62rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:2.5em 0}.workflow-grid figure{min-width:0;margin:0}.workflow-grid img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;background:var(--surface)}.workflow-grid figcaption{margin-top:.7rem;color:var(--muted);font-size:12px;line-height:1.45}.workflow-grid strong{display:block;color:var(--text);font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.checklist{margin:2em 0;padding:0;list-style:none;border-top:1px solid var(--line)}.checklist li{padding:1.05em 0;border-bottom:1px solid var(--line);color:#d6d2ca}.checklist b{display:inline-block;width:2rem;color:var(--accent);font-size:12px}
.workflow{margin:2.5em 0;padding:0;list-style:none;border-top:1px solid var(--line)}.workflow li{display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;padding:1.05rem 0;border-bottom:1px solid var(--line);color:var(--muted)}.workflow b{color:var(--accent);font:700 .8rem/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.workflow strong{color:var(--text)}
.sources{margin:3em 0 0;padding:24px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px;line-height:1.62}.sources p{margin:0 0 .6em}.sources p:last-child{margin-bottom:0}.sources strong{color:#cfcbc2}.sources a{color:#f1efe8;text-underline-offset:3px}
.video-evidence{margin:2.5em 0}.video-evidence__frame{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface)}.video-evidence figcaption{margin-top:.85rem;color:var(--muted);font-size:14px;line-height:1.62}.video-evidence figcaption strong{color:#cfcbc2}
.final-lines{margin-top:3em;padding-top:2em;border-top:1px solid var(--line)}.final-lines p{margin:.1em 0;color:#f7f4ed;font-size:clamp(26px,3vw,37px);font-weight:520;letter-spacing:-.03em;line-height:1.3}.final-lines p:nth-child(2){color:var(--accent)}
.note{margin:2.5em 0 0;color:var(--muted);font-size:14px;line-height:1.62}.note p{margin:0 0 .6em}.note strong{color:#cfcbc2}
.factbox p,.pullquote p,.transparency p{margin:0}.transparency p+p{margin-top:.6em}
.newsletter-band{max-width:var(--max);margin:-4rem auto 7rem;padding:0 28px;display:grid;grid-template-columns:minmax(0,var(--reading)) 1fr;gap:clamp(50px,8vw,120px)}.newsletter-band .newsletter-signup{margin-top:0}
.article-navigation-band{max-width:var(--max);margin:0 auto 7rem;padding:0 28px}.article-navigation-band .article-navigation{max-width:var(--reading)}
@media(max-width:980px){.newsletter-band{grid-template-columns:1fr}}
@media(max-width:760px){.workflow-grid{gap:8px}.workflow-grid strong{font-size:10px}.workflow-grid figcaption{margin-top:.5rem;font-size:10px}.article-image{max-width:100%;margin:2rem 0}.newsletter-band{margin:-2rem auto 5rem;padding:0 20px}.article-navigation-band{margin-bottom:5rem;padding:0 20px}}
/* Bildgröße „klein“ */
.article-image--small{max-width:22rem}
@media(max-width:760px){.article-image.article-image--small{max-width:75%;margin:2rem auto}}
html[data-theme="light"] .article-image img{border-color:rgba(8,8,8,.22);background:#fffdf8}
html[data-theme="light"] .workflow li,html[data-theme="light"] .note,html[data-theme="light"] .note strong,html[data-theme="light"] .scene,html[data-theme="light"] .prompt-brief{color:#4f4d48}
.hero-video-slot{margin:34px 0 0}.hero-video-slot .video-evidence{margin:0}