/* Serie „KI außer Kontrolle?“. Farben und Schriften aus conrat-tokens.css (--c-*, --font-display),
   jeweils mit Rückfallwert, damit die Seite auch ohne Business-Look lesbar bleibt. */
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-500-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/jetbrains-mono-500-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

body.kak{
	--k-ink:var(--c-ink,#26282F);--k-text:var(--c-text,#40434C);--k-muted:var(--c-muted,#6B6E78);
	--k-line:var(--c-line,#E2E3E7);--k-surface:var(--c-surface,#F4F4F6);--k-bg:var(--c-bg,#FFFFFF);
	--k-dark:var(--c-dark,#1E2027);--k-accent:var(--c-accent,#A22020);
	--k-red:#A22020;--k-blue:#2456A6;--k-teal:#0B7A6A;--k-grey:#5A5C68;
	--k-green:#2E7D4F;--k-ochre:#B7862B;
	--k-display:var(--font-display,"Inter Tight","Inter",system-ui,sans-serif);
	--k-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
	--k-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
	--k-w:720px;--k-wide:1160px;--k-gut:clamp(18px,5vw,40px);
	background:var(--k-bg);color:var(--k-text);font-family:var(--k-body)}

.kak .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.kak-skip{position:absolute;left:-9999px}
.kak-skip:focus{left:1rem;top:1rem;z-index:1000;background:var(--k-ink);color:#fff;padding:.6em 1em}
.kak-main{min-height:60vh;padding:0 var(--k-gut)}
.kak-main a{color:var(--k-accent)}

/* Breadcrumbs */
.kak-crumbs ol{display:flex;flex-wrap:wrap;gap:.4em;list-style:none;margin:0;padding:0;font-size:13.5px;color:var(--k-muted)}
.kak-crumbs li+li::before{content:"›";margin-right:.4em;color:var(--k-line)}
.kak-crumbs a{color:var(--k-muted);text-decoration:none}
.kak-crumbs a:hover{color:var(--k-accent)}

/* Badges: ruhige Umriss-Pillen */
.kak-badge{display:inline-block;font:500 11.5px/1 var(--k-mono);letter-spacing:.08em;text-transform:uppercase;
	padding:.45em .7em;border:1px solid currentColor;border-radius:3px;white-space:nowrap;background:var(--k-bg)}
.kak-badge.is-vorfall{color:var(--k-red)}
.kak-badge.is-experiment{color:var(--k-blue)}
.kak-badge.is-forschung{color:var(--k-teal)}
.kak-badge.is-unbestaetigt{color:var(--k-grey);border-style:dashed}
.kak-badge.is-einordnung{color:var(--k-ink)}

/* Artikelkopf */
.kak-article{max-width:var(--k-w);margin:0 auto}
.kak-head{padding-top:clamp(24px,5vw,48px)}
.kak-eyebrow{margin:1.6em 0 .8em;font:500 12.5px/1.3 var(--k-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--k-muted)}
.kak-klasse{display:flex;flex-wrap:wrap;align-items:center;gap:.7em;margin:0 0 .9em;font-size:14.5px;color:var(--k-muted)}
.kak-meta,.kak-update{margin:0;font-size:14px;color:var(--k-muted)}
.kak-update{margin-top:.3em;font-style:italic}
.kak-title{margin:.6em 0 .45em;font:700 clamp(30px,5vw,46px)/1.1 var(--k-display);letter-spacing:-.02em;color:var(--k-ink);text-wrap:balance}
.kak-lead{margin:0 0 1.6em;font-size:clamp(18px,2.4vw,21px);line-height:1.55;color:var(--k-text)}

/* Bildflächen und Platzhalter */
.kak-figure{margin:1.8em 0 2.4em;border-radius:6px;overflow:hidden;background:var(--k-dark);aspect-ratio:1200/630}
.kak-figure img{display:block;width:100%;height:100%;object-fit:cover}
.kak-ph{position:relative;width:100%;height:100%;background-color:var(--k-dark);
	background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
	background-size:32px 32px;display:flex;align-items:flex-end;justify-content:flex-end}
.kak-ph span{font:500 clamp(48px,10vw,110px)/1 var(--k-mono);color:rgba(255,255,255,.14);padding:.2em .3em;letter-spacing:-.02em}

/* Fließtext */
.kak-content{font-size:clamp(16.5px,2vw,18px);line-height:1.7;color:var(--k-text)}
.kak-content>*{margin-top:0;margin-bottom:1.1em}
.kak-content h2,.kak-after h2{margin:2em 0 .6em;font:700 clamp(23px,3vw,29px)/1.2 var(--k-display);letter-spacing:-.015em;color:var(--k-ink)}
.kak-content h3,.kak-after h3{margin:1.6em 0 .4em;font:650 clamp(18px,2.2vw,21px)/1.3 var(--k-display);color:var(--k-ink)}
.kak-content blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--k-line);color:var(--k-text);font-style:normal}
.kak-content a{text-underline-offset:.18em}
.kak-ext{font-size:.8em;margin-left:.15em;text-decoration:none;display:inline-block}
/* Faktencheck */
.kak-check{margin:2.4em 0;padding:clamp(18px,3vw,28px) clamp(18px,3vw,32px);background:var(--k-surface);border:1px solid var(--k-line);border-radius:6px}
.kak-check h2{margin-top:0}
.kak-check-item{position:relative;padding:1em 0 .2em 1.5em;border-top:1px solid var(--k-line)}
.kak-check-item:first-of-type{border-top:0;padding-top:.2em}
.kak-check-item::before{content:"";position:absolute;left:0;top:1.55em;width:.6em;height:.6em;border-radius:50%;background:var(--k-grey)}
.kak-check-item:first-of-type::before{top:.75em}
.kak-check-item.is-belegt::before{background:var(--k-green)}
.kak-check-item.is-offen::before{background:var(--k-ochre)}
.kak-check-item.is-schlagzeile::before{background:var(--k-red)}
.kak-check-item.is-bemerkenswert::before{background:var(--k-grey)}
.kak-check-item h3{margin:0 0 .3em;font-size:17px}
.kak-check-item p{margin:0 0 .8em}

/* Abschluss */
.kak-after{margin-top:2em}
.kak-faq p{margin:0 0 1em;line-height:1.65}
.kak-quellen{margin-top:2.6em;padding-top:1.4em;border-top:2px solid var(--k-ink)}
.kak-quellen h2{margin-top:0}
.kak-quellen ol{margin:0;padding-left:1.4em;font-size:15px;line-height:1.55}
.kak-quellen li{margin:0 0 .7em;padding-left:.2em}
.kak-quellen li::marker{font-family:var(--k-mono);color:var(--k-muted)}
.kak-q-org{font-weight:600;color:var(--k-ink)}
.kak-q-org::after{content:" ·"}
.kak-quellen time{color:var(--k-muted);white-space:nowrap}
.kak-quellen time::before{content:"· "}
.kak-q-primaer{color:var(--k-muted)}
.kak-q-primaer::before{content:"· "}
.kak-related ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.kak-related a{display:flex;flex-direction:column;gap:.35em;height:100%;padding:16px 18px;border:1px solid var(--k-line);border-radius:6px;text-decoration:none;color:var(--k-text);transition:border-color .2s}
.kak-related a:hover{border-color:var(--k-ink)}
.kak-rel-label{font:500 11.5px/1 var(--k-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--k-muted)}
.kak-rel-title{font:650 16.5px/1.3 var(--k-display);color:var(--k-ink)}
.kak-rel-hook{font-size:14px;line-height:1.5}
.kak-signup{margin:3em 0 0}
.kak-foot-nav{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;margin:2.4em 0 0;padding-top:1.2em;border-top:1px solid var(--k-line);font-size:15px}
.kak-foot-nav a{text-decoration:none;font-weight:600}

/* Einstiegskarte „Die kurze Version“ */
.kak-tldr{margin:0 0 2.6em;padding:clamp(20px,3.4vw,34px) clamp(20px,3.4vw,36px);background:var(--k-dark);color:#E6E7EB;border-radius:6px}
.kak-content .kak-tldr h2{margin:0 0 .7em;font-size:13px;font-family:var(--k-mono);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#FF8A8A}
.kak-tldr p{margin:0 0 .85em;font-size:clamp(16.5px,2vw,18px);line-height:1.65}
.kak-tldr p:last-child{margin-bottom:0}
.kak-tldr strong{color:#fff}

/* Zeitleiste */
.kak-timeline{list-style:none;margin:1.6em 0 2.2em;padding:0;counter-reset:kt}
.kak-timeline li{position:relative;margin:0;padding:0 0 1.3em 2.4em;counter-increment:kt}
.kak-timeline li::before{content:counter(kt);position:absolute;left:0;top:.05em;width:1.65em;height:1.65em;border-radius:50%;background:var(--k-bg);border:1.5px solid var(--k-ink);font:500 12.5px/1.55em var(--k-mono);text-align:center;color:var(--k-ink)}
.kak-timeline li::after{content:"";position:absolute;left:.8em;top:1.9em;bottom:.2em;width:1.5px;background:var(--k-line)}
.kak-timeline li:last-child{padding-bottom:0}
.kak-timeline li:last-child::after{display:none}
.kak-timeline li.is-real::before{background:var(--k-red);border-color:var(--k-red);color:#fff}
.kak-timeline strong{display:block;font-family:var(--k-display);font-size:17px;color:var(--k-ink);line-height:1.35}
.kak-timeline span{display:block;margin-top:.2em;font-size:15.5px;line-height:1.55;color:var(--k-text)}
.kak-tl-title{margin:2em 0 0;font:500 12.5px/1.3 var(--k-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--k-muted)}

/* Zahlenkarten */
.kak-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:1.8em 0 2.2em}
.kak-stat{padding:20px 22px;border:1px solid var(--k-line);border-radius:6px;background:var(--k-bg)}
.kak-stat-n{display:block;font:700 clamp(38px,5.4vw,52px)/1 var(--k-display);letter-spacing:-.03em;color:var(--k-ink)}
.kak-stat.is-alert .kak-stat-n{color:var(--k-red)}
.kak-stat-n{white-space:nowrap}
.kak-stats:has(.kak-stat:nth-child(3)) .kak-stat-n{font-size:clamp(28px,3.4vw,38px)}
.kak-stat-t{display:block;margin-top:.55em;font-size:14.5px;line-height:1.5;color:var(--k-text)}

/* Zitat-Highlight */
.kak-content blockquote.kak-quote{margin:2.4em 0;padding:0 0 0 clamp(18px,3vw,28px);border-left:4px solid var(--k-red)}
.kak-quote p{margin:0;font:700 clamp(22px,3.2vw,30px)/1.3 var(--k-display);letter-spacing:-.015em;color:var(--k-ink);text-wrap:balance}

/* Checkliste */
.kak-checklist{list-style:none;margin:1.6em 0 2em;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.kak-checklist li{position:relative;margin:0;padding:18px 18px 18px 50px;border:1px solid var(--k-line);border-radius:6px;background:var(--k-surface)}
.kak-checklist li::before{content:"";position:absolute;left:18px;top:20px;width:18px;height:18px;border-radius:50%;background:var(--k-teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.kak-checklist strong{display:block;font-family:var(--k-display);font-size:16.5px;color:var(--k-ink)}
.kak-checklist span{display:block;margin-top:.25em;font-size:14.5px;line-height:1.5;color:var(--k-text)}

/* Teilen und Folgen */
.kak-share{margin-top:3em;padding:clamp(22px,3.6vw,36px);border:1px solid var(--k-line);border-radius:6px;background:var(--k-bg)}
.kak-after .kak-share h2{margin:0 0 .4em}
.kak-share p{margin:0 0 1.3em;font-size:16px;line-height:1.6;color:var(--k-text)}
.kak-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.kak-share-label{min-width:4.6em;font:500 11.5px/1 var(--k-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--k-muted)}
.kak-share-btn{display:inline-flex;align-items:center;margin:0;padding:.6em 1em;border:1px solid var(--k-line);border-radius:4px;background:var(--k-bg);font:600 14px/1.2 var(--k-body);letter-spacing:0;text-transform:none;color:var(--k-ink);text-decoration:none;cursor:pointer}
.kak-share-btn:hover{border-color:var(--k-ink);color:var(--k-ink)}
.kak-share-btn.is-follow{background:var(--k-ink);border-color:var(--k-ink);color:#fff}
.kak-share-btn.is-follow:hover{background:var(--k-red);border-color:var(--k-red);color:#fff}
.kak-share-btn.is-done{border-color:var(--k-teal);color:var(--k-teal)}
.kak-main a.kak-share-btn{color:var(--k-ink)}
.kak-main a.kak-share-btn.is-follow{color:#fff}

/* Übersicht */
.kak-hub{max-width:var(--k-wide);margin:0 auto;padding-top:clamp(24px,5vw,48px)}
.kak-intro{max-width:760px;margin:1.6em 0 2em}
.kak-intro h1{margin:0 0 .25em;font:700 clamp(36px,6vw,60px)/1.05 var(--k-display);letter-spacing:-.025em;color:var(--k-ink)}
.kak-intro .kak-sub{margin:0 0 1.2em;font:600 clamp(19px,2.6vw,24px)/1.35 var(--k-display);color:var(--k-muted)}
.kak-intro p{font-size:clamp(16.5px,2vw,18px);line-height:1.65}
.kak-legende{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 28px;margin:0 0 2.4em;padding:18px 0;border-top:1px solid var(--k-line);border-bottom:1px solid var(--k-line)}
.kak-legende div{display:flex;flex-direction:column;align-items:flex-start;gap:.5em}
.kak-legende dt,.kak-legende dd{margin:0}
.kak-legende dd{font-size:14px;line-height:1.5;color:var(--k-muted)}
.kak-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.kak-card>a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--k-text)}
.kak-card-media{position:relative;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:var(--k-dark)}
.kak-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.kak-card>a:hover .kak-card-media img{transform:scale(1.02)}
/* Auf Karten steht die Nummer schon im Overlay unten: Platzhalter-Nummer nach oben. */
.kak-card-media .kak-ph{align-items:flex-start}
.kak-card-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;align-items:center;gap:.6em;padding:14px 16px;
	background:linear-gradient(to top,rgba(10,11,14,.78),rgba(10,11,14,0));color:#fff}
.kak-card-serie{flex-basis:100%;font:500 10.5px/1 var(--k-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.kak-card-nr{font:500 14px/1 var(--k-mono);letter-spacing:.08em;text-transform:uppercase}
.kak-card-overlay .kak-badge{background:rgba(10,11,14,.55);color:#fff;border-color:rgba(255,255,255,.55)}
.kak-card-overlay .kak-badge.is-unbestaetigt{border-style:dashed}
.kak-card-body{display:flex;flex-direction:column;flex:1;padding:14px 2px 0}
.kak-card-title{margin:0 0 .45em;font:700 19px/1.25 var(--k-display);letter-spacing:-.01em;color:var(--k-ink)}
.kak-card>a:hover .kak-card-title{color:var(--k-accent)}
.kak-card-hook{margin:0 0 .9em;font-size:15px;line-height:1.55}
.kak-card-foot{margin:auto 0 0;display:flex;justify-content:space-between;gap:1em;font-size:13.5px;color:var(--k-muted)}
.kak-card-more{font-weight:600;color:var(--k-accent)}
.kak-card.is-lead{grid-column:1/-1}
@media (min-width:880px){
	.kak-card.is-lead>a{display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center}
	.kak-card.is-lead .kak-card-title{font-size:clamp(24px,2.6vw,32px)}
	.kak-card.is-lead .kak-card-hook{font-size:17px}
}
@media (max-width:879px){.kak-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:639px){.kak-cards{grid-template-columns:1fr}}
.kak-empty{padding:2em 0;color:var(--k-muted)}
.kak-cross{margin:2.4em 0 0;font-size:16px}

/* Footer */
.kak-foot{border-top:1px solid var(--k-line);margin-top:clamp(48px,10vw,100px);background:var(--k-surface)}
.kak-foot-inner{max-width:var(--k-wide);margin:0 auto;padding:clamp(24px,5vw,40px) var(--k-gut);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}
.kak-copy{margin:0;font-size:14px;color:var(--k-muted)}
.kak-foot-links{display:flex;flex-wrap:wrap;gap:clamp(12px,3vw,24px)}
.kak-foot-links a{font-size:14px;color:var(--k-muted);text-decoration:none}
.kak-foot-links a:hover{color:var(--k-accent)}
.kak-share-btn[hidden]{display:none}