/*
Theme Name: KALINA hey
Theme URI: https://hey.kalina.si
Author: Kalina
Description: Eigenständiges Theme für hey.kalina.si — keine Eltern-Abhängigkeit. Gestaltung nach der CI des KI-Digest: Papier, Tinte, Signalrot nur als Akzent, Mono-Metazeilen, 1240 px. Schriften wie im Digest: Roboto für Beitragstitel, Helvetica Neue für Text und Abschnittsmarken, DejaVu Sans Mono für Metazeilen. Startseite dunkel, Leseflächen hell.
Version: 1.2.0
Requires at least: 6.5
Requires PHP: 8.1
License: intern
Text Domain: hey-kalina
*/

/* ---------- Grundlagen ---------- */
:root{
	--ink:#0B0F14;
	--tinte:#111111;
	--text:#16202B;
	--bone:#F5F5EF;
	--red:#C1121F;
	--red-dunkel:#A50F1A;
	--red-hell:#E04A55;
	--steel:#3A4250;
	--muted:#8A94A2;
	--sans:"Helvetica Neue",Helvetica,Arial,"DejaVu Sans",sans-serif;
	--mark:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;
	--mono:"DejaVu Sans Mono","SF Mono",Menlo,Consolas,monospace;
	--hairline:rgba(58,66,80,.18);
	--hairline-stark:rgba(58,66,80,.32);
	--breite:1240px;
	--spalte:760px; /* Lesemaß wie im Digest */
	--d-bg:#0B0F14;
	--d-bg2:#11171D;
	--d-fg:#F5F5EF;
	--d-fg2:#E8ECF1;
	--d-line:#24303F;
	--d-muted:#8A94A2;
	--rand:max(24px,calc((100% - var(--breite)) / 2));
}

/* Schriften wie im Digest, lokal ausgeliefert (keine Fremdabrufe) */
@font-face{
	font-family:"Roboto";
	src:url("assets/fonts/roboto-400.woff2") format("woff2");
	font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
	font-family:"Roboto";
	src:url("assets/fonts/roboto-500.woff2") format("woff2");
	font-weight:500 600;font-style:normal;font-display:swap;
}
@font-face{
	font-family:"Roboto";
	src:url("assets/fonts/roboto-700.woff2") format("woff2");
	font-weight:700 900;font-style:normal;font-display:swap;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
	margin:0;
	background:var(--bone);
	color:var(--ink);
	font-family:var(--sans);
	font-size:17px;
	line-height:1.72;
	overflow-wrap:anywhere;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
a:hover{color:var(--red);}
h1,h2,h3,h4{margin:0;line-height:1.14;font-weight:600;letter-spacing:-.01em;}
p{margin:0 0 1.1em;}
ul,ol{margin:0 0 1.2em;padding-left:1.1em;}
li{margin:0 0 .45em;}
strong{font-weight:600;}
code,kbd,samp{font-family:var(--mono);font-size:.92em;}
hr{border:0;border-top:1px solid var(--hairline);margin:2.4em 0;}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;}
.screen-reader-text{
	position:absolute!important;width:1px;height:1px;overflow:hidden;
	clip:rect(1px,1px,1px,1px);white-space:nowrap;
}
.hk-sprung{
	position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--bone);
	padding:10px 16px;z-index:99;
}
.hk-sprung:focus{left:12px;top:12px;}

/* ---------- Marke ---------- */
.hk-marke{display:inline-flex;align-items:center;gap:10px;text-decoration:none;}
.hk-marke svg{width:22px;height:22px;flex:0 0 auto;}
.hk-wort{
	font-family:var(--sans);
	font-size:14px;
	letter-spacing:.18em;
	font-weight:600;
	text-transform:uppercase;
}

/* ---------- Kopf: Tinte, Wortmarke, rote Signaturlinie (wie im Digest) ---------- */
.hk-kopf{background:var(--ink);color:var(--bone);border-bottom:2px solid var(--red);}
.hk-kopf-inner{max-width:var(--breite);margin:0 auto;padding:18px 24px 0;}
.hk-brandrow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:16px;}
.hk-marke{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--bone);}
.hk-marke svg{width:26px;height:26px;flex:0 0 auto;}
.hk-wort{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);}
.hk-brand-trenner{width:1px;height:22px;background:rgba(245,245,239,.28);}
.hk-brand-produkt{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);}
.hk-datum{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.hk-navbar{border-top:1px solid rgba(245,245,239,.12);display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;}
.hk-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:0;padding:0;list-style:none;flex:1 1 auto;min-width:0;}
.hk-nav li{margin:0;}
.hk-nav a{display:block;padding:13px 0;font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(245,245,239,.82);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;}
.hk-nav a:hover,.hk-nav a:focus-visible,.hk-nav .current-menu-item>a{color:var(--bone);border-bottom-color:var(--red);}
.hk-suche{display:flex;align-items:center;gap:0;flex:0 0 auto;margin-left:auto;padding-left:20px;border-left:1px solid rgba(245,245,239,.12);}
.hk-suche input[type=search]{background:#0B0F14;border:1px solid rgba(245,245,239,.25);color:var(--bone);-webkit-text-fill-color:var(--bone);caret-color:var(--bone);font-family:var(--mono);font-size:12px;padding:7px 8px;width:150px;outline:none;border-radius:0;}
.hk-suche input::placeholder{color:var(--muted);opacity:1;}
.hk-suche input::-webkit-search-cancel-button{display:none;}
.hk-suche input:focus{border-color:var(--red);}
.hk-suche button{background:transparent;border:0;color:var(--muted);font-family:var(--mono);font-size:14px;cursor:pointer;padding:7px 8px;}
.hk-suche button:hover{color:var(--red);}

/* ---------- Startseite: Papier, Hero wie im Digest ---------- */
.hk-seite{padding:0 0 clamp(48px,8vh,96px);}
.hk-hero{width:100%;max-width:var(--breite);margin:0 auto;padding:clamp(36px,6vh,64px) 24px clamp(26px,4vh,40px);}
.hk-augen{margin:0 0 12px;font-family:var(--mono);font-size:11.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--red);}
.hk-inhalt .hk-augen{margin:0 0 8px;font-family:var(--mono);font-weight:400;letter-spacing:.1em;line-height:1.82;}
.hk-hero h1{margin:0 0 18px;font-family:var(--mark);font-size:clamp(38px,6vw,64px);line-height:1.02;letter-spacing:-.022em;font-weight:700;color:var(--ink);}
/* Großes Zeichen im Hero: die kombinierte Marke aus dem CI, nicht neu gezeichnet. */
.hk-hero-logo{margin:0 0 22px;line-height:0;}
.hk-hero-logo img{display:block;width:clamp(240px,38vw,420px);height:auto;}
/* CI-Farbband: Tinte, Stahl, Signalrot, Papier — Abschluss des Heros. */
.hk-farbband{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(26px,4vh,38px);}
.hk-farbband span{height:7px;}
.hk-farbband span:nth-child(1){background:var(--ink);}
.hk-farbband span:nth-child(2){background:var(--steel);}
.hk-farbband span:nth-child(3){background:var(--red);}
.hk-farbband span:nth-child(4){background:var(--bone);border-top:1px solid var(--hairline-stark);border-bottom:1px solid var(--hairline-stark);}
.hk-lead{margin:0;max-width:52ch;font-size:clamp(17px,2.1vw,21px);line-height:1.55;color:var(--steel);}
.hk-hero-zeile{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px;}
.hk-hero-zeile .hk-meta{margin:0;}

/* Stimme: Papier, roter Kreis */
.hk-stimme{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:7px 16px 7px 8px;border:1px solid var(--hairline-stark);background:transparent;color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.08em;cursor:pointer;}
.hk-stimme:hover{border-color:var(--ink);}
.hk-stimme[aria-pressed="true"]{border-color:var(--red);}
.hk-stimme .hk-knopf{width:30px;height:30px;border-radius:999px;background:var(--red);display:grid;place-items:center;flex:0 0 auto;}
.hk-stimme .hk-knopf svg{width:11px;height:11px;fill:var(--bone);}
.hk-stimme .hk-zeit{color:var(--muted);}
.hk-stimme.ist-aus .hk-zeit{opacity:.45;}

/* Abschnitte auf Papier */
.hk-abschnitt{max-width:var(--breite);margin:0 auto;padding:clamp(32px,5vh,56px) 24px 0;}
.hk-abschnitt h2{margin:0 0 22px;font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:10px;}
.hk-abschnitt h3{margin:0 0 6px;font-size:17px;color:var(--ink);}
.hk-abschnitt p,.hk-abschnitt li{color:var(--steel);}
.hk-abschnitt a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--hairline-stark);text-underline-offset:3px;}
.hk-abschnitt a:hover{color:var(--red);text-decoration-color:var(--red);}
.hk-raster{display:grid;gap:0;background:var(--hairline);border:1px solid var(--hairline);margin:0 0 20px;}
@media (min-width:760px){.hk-raster{grid-template-columns:1fr 1fr;}}
.hk-raster>div{background:var(--bone);padding:20px 20px 18px;}
.hk-raster p{margin:0;font-size:14.5px;color:var(--muted);}
.hk-raster>p:empty{display:none;}
@media (min-width:900px){.hk-raster--drei{grid-template-columns:repeat(3,1fr);}}
@media (max-width:899px){.hk-raster--drei{grid-template-columns:1fr;}}
.hk-kante{max-width:var(--breite);margin:clamp(32px,5vh,56px) auto 0;border-top:1px solid var(--hairline);padding:18px 24px 0;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

/* ---------- Leseflächen: hell ---------- */
.hk-inhalt{padding:clamp(34px,5vh,60px) 24px clamp(56px,9vh,96px);max-width:calc(var(--spalte) + 48px);margin:0 auto;}
.hk-inhalt--breit{max-width:var(--breite);}
.hk-seitentitel{
	font-family:var(--mark);
	font-size:clamp(25px,6.2vw,41px);
	font-weight:650;
	letter-spacing:-.022em;
	line-height:1.12;
	color:var(--tinte);
	margin:8px 0 12px;
}
.hk-prosa{color:var(--ink);font-size:clamp(16px,4.2vw,18px);line-height:1.68;}
.hk-prosa p{margin:0 0 1.05em;}
.hk-prosa h2{color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.25;margin:1.6em 0 .5em;}
.hk-prosa h3{color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.2px;line-height:1.3;margin:1.4em 0 .4em;}
.hk-prosa a{color:var(--red);text-underline-offset:2px;}
.hk-prosa ul,.hk-prosa ol{padding-left:1.2em;}
.hk-prosa blockquote{
	margin:1.6em 0;padding:2px 0 2px 20px;border-left:3px solid var(--red);
	color:var(--ink);font-size:19px;
}
.hk-prosa figure{margin:1.8em 0;}
.hk-prosa figcaption{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:8px;}

/* Metazeile */
.hk-meta{
	display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;
	font-family:var(--mono);font-size:12px;letter-spacing:.1em;
	text-transform:uppercase;color:var(--muted);
	margin:0 0 26px;
}
.hk-meta a{color:var(--red-dunkel);text-decoration:none;}
.hk-meta .hk-punkt{color:var(--hairline-stark);}
/* Leseseiten: Metazeile wie im Digest, mit Trennlinie */
.hk-inhalt .hk-meta{
	gap:8px;align-items:center;letter-spacing:normal;text-transform:none;line-height:21px;
}
.hk-inhalt .hk-meta a{color:var(--red);}
.hk-inhalt .hk-meta .hk-punkt{color:inherit;opacity:.5;}
.hk-meta--strich{padding:0 0 14px;border-bottom:1px solid rgba(11,15,20,.14);margin:0 0 26px;}

/* ---------- Archiv / Karten (Modulraster wie im Digest) ---------- */
.hk-liste{
	list-style:none;margin:0;padding:0;
	display:grid;gap:30px 26px;
	border-top:1px solid var(--hairline);padding-top:26px;
}
.hk-liste>li{margin:0;background:transparent;}
.hk-karte{display:flex;flex-direction:column;gap:10px;text-decoration:none;}
.hk-karte-bild{aspect-ratio:2/3;background:#e7e7df;overflow:hidden;}
.hk-karte-bild img{width:100%;height:100%;object-fit:cover;}
.hk-karte-bild--leer{
	background:#E4E4DA;
	display:flex;flex-direction:column;justify-content:space-between;
	padding:16px 14px;border:1px solid var(--hairline);
}
.hk-karte-zeichen{
	font-family:var(--mark);font-size:clamp(28px,3vw,40px);font-weight:700;
	line-height:1;letter-spacing:-.02em;color:var(--steel);
}
.hk-karte-gattung{
	font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
}
.hk-karte-text{display:flex;flex-direction:column;gap:6px;}
.hk-karte .hk-meta{order:-1;margin:0 0 4px;}
.hk-karte .hk-meta .hk-kat{color:var(--red-dunkel);}
.hk-karte .hk-meta .hk-punkt{display:none;}
.hk-karte-titel{font-family:var(--mark);font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink);}
/* Listen auf Papier: Kartentitel wie im Digest */
.hk-inhalt .hk-karte .hk-meta{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;}
.hk-inhalt .hk-karte .hk-meta .hk-kat{color:var(--red);}
.hk-inhalt .hk-karte-titel{font-family:var(--sans);font-size:21px;font-weight:600;line-height:1.24;letter-spacing:-.21px;}
.hk-karte-these{font-size:14.5px;color:var(--muted);line-height:1.55;margin:0;}
.hk-karte:hover .hk-karte-titel{color:var(--red);}
@media (min-width:700px){
	.hk-liste{grid-template-columns:1fr 1fr;}
}
@media (min-width:1060px){
	.hk-liste{grid-template-columns:repeat(3,1fr);}
}
.hk-blaettern{display:flex;gap:18px;justify-content:space-between;margin-top:34px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;}
.hk-blaettern a{color:var(--red-dunkel);text-decoration:none;}

/* Blättern wie im Digest: zwei beschriftete Kästen */
.hk-blatt-raster{display:grid;grid-template-columns:1fr;gap:10px;margin:30px 0 10px;}
.hk-blatt{display:block;padding:12px 14px;border:1px solid rgba(11,15,20,.16);text-decoration:none;min-width:0;}
.hk-blatt--rechts{text-align:right;}
.hk-blatt-label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;}
.hk-blatt-titel{display:block;font-size:15px;line-height:1.3;color:var(--ink);}
.hk-blatt:hover{border-color:var(--ink);}
.hk-blatt:hover .hk-blatt-titel{color:var(--red);}
@media (min-width:700px){.hk-blatt-raster{grid-template-columns:1fr 1fr;}}

/* Schlagwörter wie im Digest */
.hk-schlagworte{margin:30px 0 0;padding:16px 0 0;border-top:1px solid rgba(11,15,20,.14);}
.hk-schlagworte-titel{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-weight:500;}
.hk-schlagworte ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;}
.hk-chip{display:inline-block;font-family:var(--mono);font-size:12.5px;line-height:1;padding:9px 13px;border:1px solid rgba(11,15,20,.2);color:var(--steel);text-decoration:none;}
.hk-chip:hover{background:var(--ink);border-color:var(--ink);color:var(--bone);}

/* ---------- Einzelbeitrag ---------- */
.hk-beitrag-bild{margin:0 0 18px;background:#e7e7df;}
.hk-beitrag-bild img{width:100%;aspect-ratio:16/9;object-fit:cover;}

/* Ressortkopf der Listen (wie im Digest: große, leichte Überschrift) */
.hk-ressort-titel{font-size:clamp(28px,6.6vw,44px);font-weight:400;letter-spacing:-1.1px;line-height:1.08;margin:6px 0 8px;}
.hk-ressort-zahl{font-family:var(--mono);font-size:12px;line-height:21px;color:var(--muted);margin:0 0 26px;}
.hk-filmdaten{
	display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;
	background:var(--hairline);border:1px solid var(--hairline);margin:0 0 30px;
}
.hk-filmdaten div{background:var(--bone);padding:12px 14px;}
.hk-filmdaten dt{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 3px;}
.hk-filmdaten dd{margin:0;font-size:15px;color:var(--ink);}
.hk-ton{
	display:flex;gap:12px;align-items:center;flex-wrap:wrap;
	border:1px solid var(--hairline-stark);padding:12px 14px;margin:0 0 30px;
	background:#f0f0e8;
}
.hk-ton audio{flex:1 1 260px;min-height:40px;max-width:100%;}
.hk-ton span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

/* Plakat im Beitrag: hochkant, rechts vom Text (Kachel ist 2:3) */
.hk-plakat{margin:0 0 20px;max-width:300px;}
.hk-plakat img{width:100%;height:auto;display:block;border:1px solid var(--hairline);}
@media (min-width:760px){
	.hk-plakat{float:right;width:300px;margin:0 0 22px 30px;}
}

/* ---------- Rechtsseiten ---------- */
.hk-recht{max-width:var(--spalte);}
.hk-recht h1{font-family:var(--mark);font-size:clamp(25px,6.2vw,41px);font-weight:650;letter-spacing:-.022em;line-height:1.12;color:var(--tinte);margin:8px 0 12px;}
.hk-recht .hk-stand{font-family:var(--mono);font-size:12px;line-height:21px;letter-spacing:normal;color:var(--muted);margin:0 0 30px;padding:0 0 14px;border-bottom:1px solid rgba(11,15,20,.14);}
.hk-recht h2{font-family:var(--sans);font-size:20px;font-weight:800;letter-spacing:-.4px;line-height:1.25;margin:1.6em 0 .5em;color:var(--ink);}
.hk-recht h3{font-family:var(--sans);font-size:18px;font-weight:800;letter-spacing:-.2px;line-height:1.3;margin:1.4em 0 .4em;color:var(--ink);}
.hk-recht p,.hk-recht li{color:var(--ink);font-size:clamp(16px,4.2vw,18px);line-height:1.68;}
.hk-recht table{width:100%;border-collapse:collapse;font-size:15px;color:var(--text);margin:1.2em 0;}
.hk-recht th,.hk-recht td{border-bottom:1px solid var(--hairline);padding:8px 10px;text-align:left;vertical-align:top;}
.hk-recht th{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}

/* ---------- Fußband (wie im KI-Digest) ---------- */
.hk-fuss{
	background:var(--ink);
	color:rgba(245,245,239,.78);
	border-top:2px solid var(--red);
	margin-top:40px;
}
.hk-fuss-inner{
	display:grid;gap:40px;
	grid-template-columns:minmax(0,1.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
	max-width:var(--breite);margin:0 auto;padding:46px 24px 30px;
}
.hk-fuss h2{
	font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
	color:var(--muted);margin:0 0 14px;font-weight:400;
}
.hk-fuss ul{list-style:none;margin:0;padding:0;}
.hk-fuss li{margin:0 0 9px;line-height:24px;}
.hk-fuss a{color:rgba(245,245,239,.82);text-decoration:none;font-size:13.5px;border-bottom:1px solid transparent;}
.hk-fuss a:hover{color:var(--bone);border-bottom-color:var(--red);}
.hk-fuss p{font-size:14px;line-height:1.65;color:rgba(245,245,239,.7);margin:0 0 14px;}
.hk-fuss-zeichen{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--bone);}
.hk-fuss-zeichen svg{width:26px;height:26px;}
.hk-fuss-zeichen .hk-wort{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);}
.hk-fuss-schluss{
	max-width:var(--breite);margin:0 auto;padding:16px 24px 26px;
	border-top:1px solid rgba(245,245,239,.12);
	display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;
	font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--muted);
}
.hk-fuss-marke-band{
	max-width:var(--breite);margin:0 auto;padding:16px 24px 26px;
	border-top:1px solid rgba(245,245,239,.12);
	display:flex;align-items:center;gap:12px;
	font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
}

/* ---------- Suche ---------- */
.hk-suchfeld{display:flex;gap:0;max-width:520px;margin:0 0 30px;border:1px solid var(--hairline-stark);background:#fff;}
.hk-suchfeld input{
	flex:1;border:0;background:transparent;padding:13px 14px;
	font-family:var(--sans);font-size:16px;color:var(--ink);
	-webkit-text-fill-color:var(--ink);caret-color:var(--red);
}
.hk-suchfeld input::placeholder{color:var(--muted);opacity:1;}
.hk-suchfeld input::-webkit-search-cancel-button{-webkit-appearance:none;}
.hk-suchfeld button{
	border:0;background:var(--ink);color:var(--bone);padding:0 18px;min-height:46px;
	font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;
}
.hk-suchfeld button:hover{background:var(--red);}

/* ---------- 404 ---------- */
.hk-404{padding:clamp(60px,12vh,140px) var(--rand);text-align:center;}
.hk-404 h1{font-family:var(--mark);font-size:clamp(48px,9vw,88px);font-weight:700;line-height:1;margin:0 0 10px;}
.hk-404 p{color:var(--muted);margin:0 0 24px;}

/* ---------- Mobil zuerst nachziehen ---------- */
@media (max-width:900px){
	.hk-fuss-inner{grid-template-columns:1fr;gap:28px;padding:32px 24px 24px;}
}
@media (max-width:640px){
	body{font-size:16px;}
	.hk-kopf-inner{padding:14px 20px 0;}
	.hk-brandrow{gap:10px;padding-bottom:12px;}
	.hk-nav{gap:18px;}
	.hk-nav a{font-size:11.5px;letter-spacing:.06em;padding:11px 0;}
	.hk-suche{margin-left:0;padding-left:0;border-left:0;flex:1 1 100%;}
	.hk-suche input[type=search]{width:100%;}
	.hk-hero{padding-top:clamp(36px,8vh,64px);}
	.hk-raster{background:transparent;border:0;gap:12px;}
	.hk-raster>div{border:1px solid var(--hairline);padding:16px;}
	.hk-fuss-inner{grid-template-columns:1fr;gap:22px;}
	.hk-karte-titel,.hk-inhalt .hk-karte-titel{font-size:18px;}
	.hk-inhalt{padding-top:28px;}
}
/* Fünf Navigationspunkte passen auf 390 px nicht in eine Zeile; statt eines
   einzelnen verwaisten Punktes ein sauberes Raster aus drei und zwei. */
@media (max-width:480px){
	.hk-nav{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;
		gap:0 14px;width:100%;}
	.hk-nav a{font-size:11px;letter-spacing:.05em;padding:10px 0;}
}

/* ---------- Katalog und Belegzeilen ---------- */
.hk-these{
	border-left:3px solid var(--red);
	padding-left:16px;
	margin:0 0 1.5em;
	font-size:19px;
	line-height:1.5;
	color:var(--ink);
}
.hk-katalog-kopf{
	font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;
	color:var(--muted);font-weight:400;margin:36px 0 6px;padding-bottom:6px;
	border-bottom:1px solid var(--hairline-stark);
}
table.hk-katalog{width:100%;border-collapse:collapse;font-size:14.5px;color:var(--steel);margin:0 0 14px;}
table.hk-katalog th{
	font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
	color:var(--muted);font-weight:400;text-align:left;padding:6px 10px;border-bottom:1px solid var(--hairline);
}
table.hk-katalog td{border-bottom:1px solid var(--hairline);padding:9px 10px;vertical-align:top;line-height:1.45;}
table.hk-katalog tbody tr:hover td{background:#efefe7;}
table.hk-katalog a{color:var(--ink);text-decoration:none;font-weight:600;}
table.hk-katalog a:hover{color:var(--red);}
.hk-mono{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap;}
.hk-these-zelle{font-size:13.5px;color:var(--muted);}
.hk-ton-zeichen{color:var(--red);margin-left:6px;font-size:12px;}
.hk-quelle{
	font-family:var(--mono);font-size:11.5px;line-height:1.75;color:var(--muted);
	border-top:1px solid var(--hairline);margin:30px 0 0;padding-top:12px;
}
.hk-quelle a{color:var(--steel);text-decoration:underline;text-underline-offset:2px;}

@media (max-width:760px){
	/* Katalog als Zeilenstapel: Kennung und Jahr in einer Mono-Zeile, Werk darunter.
	   Kein Querscroll, keine Tabelle mit abgeschnittener Spalte. */
	table.hk-katalog,table.hk-katalog tbody,table.hk-katalog tr,table.hk-katalog td{display:block;width:auto;max-width:100%;}
	table.hk-katalog thead{display:none;}
	table.hk-katalog tr{display:flex;flex-wrap:wrap;gap:0 10px;padding:12px 0;border-bottom:1px solid var(--hairline);}
	table.hk-katalog td{border:0;padding:0;overflow-wrap:anywhere;white-space:normal;}
	table.hk-katalog td:nth-child(1){order:1;font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
	table.hk-katalog td:nth-child(3){order:2;font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
	table.hk-katalog td:nth-child(2){order:3;flex:1 1 100%;font-size:16.5px;line-height:1.3;margin:2px 0 0;}
	table.hk-katalog td:nth-child(4){display:none;}
	.hk-these{font-size:17.5px;padding-left:12px;}
}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto;}
}

/* ---------- Druck: einzelne Bereiche, schwarz auf weiß ----------
   Ziel ist die Seite, nicht die Website: Kopf, Navigation, Fußband und
   Bedienelemente fallen weg, die Lesespalte bekommt die Blattbreite, und
   unten steht die Herkunft (URL) — auf Papier der einzige Weg zurück. */
.hk-printfuss{display:none;}

/* ---------- Hörfassungen (Seite „Podcast“) ---------- */
.hk-tonjahr{font-family:var(--mono);font-size:11px;letter-spacing:.20em;text-transform:uppercase;
	color:var(--muted);margin:44px 0 0;padding:0 0 8px;border-bottom:2px solid var(--ink);}
.hk-tonliste{list-style:none;margin:0;padding:0;}
.hk-tonliste>li{display:grid;grid-template-columns:56px 1fr;gap:0 20px;padding:18px 0;border-bottom:1px solid var(--hairline);}
.hk-tonliste .nr{font-family:var(--mono);font-size:11px;color:var(--muted);padding-top:4px;letter-spacing:.08em;}
.hk-tontitel{font-size:17px;line-height:1.3;margin:0 0 6px;font-weight:600;letter-spacing:-.01em;}
.hk-tontitel a{text-decoration-color:var(--hairline-stark);}
.hk-tontitel a:hover{text-decoration-color:var(--red);}
.hk-tonzeile{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 10px;
	font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);}
.hk-tonliste audio{display:block;width:100%;max-width:520px;height:34px;}

/* ---------- Startseite dunkel: Tinte als Grund, Marke als Licht ----------
   Die kombinierte Marke ist für dunklen Grund gezeichnet (Buchstaben im Papierton,
   Signalrot als Akzent). Auf Papier verschwindet sie; darum steht die Startseite
   auf Tinte. Die Leseseiten bleiben hell — deshalb nur unter body.hk-dunkel. */
body.hk-dunkel{background:var(--d-bg);color:var(--d-fg);}
body.hk-dunkel .hk-seite{background:var(--d-bg);}
body.hk-dunkel .hk-hero{color:var(--d-fg);}
body.hk-dunkel .hk-augen{color:var(--red-hell);}
body.hk-dunkel .hk-lead{color:rgba(245,245,239,.84);}
body.hk-dunkel .hk-meta{color:var(--d-muted);}
body.hk-dunkel .hk-meta a{color:var(--red-hell);}
body.hk-dunkel .hk-stimme{color:var(--d-fg);border-color:rgba(245,245,239,.30);}
body.hk-dunkel .hk-stimme:hover{border-color:rgba(245,245,239,.62);}
body.hk-dunkel .hk-stimme .hk-zeit{color:var(--d-muted);}
body.hk-dunkel .hk-abschnitt h2{color:var(--d-fg);border-bottom-color:var(--d-line);}
body.hk-dunkel .hk-abschnitt h3{color:var(--d-fg);}
body.hk-dunkel .hk-abschnitt p,body.hk-dunkel .hk-abschnitt li{color:rgba(245,245,239,.78);}
body.hk-dunkel .hk-abschnitt a{color:var(--d-fg);text-decoration-color:rgba(245,245,239,.34);}
body.hk-dunkel .hk-abschnitt a:hover{color:#fff;text-decoration-color:var(--red);}
body.hk-dunkel .hk-raster{background:var(--d-line);border-color:var(--d-line);}
body.hk-dunkel .hk-raster>div{background:var(--d-bg2);}
body.hk-dunkel .hk-raster p{color:rgba(245,245,239,.68);}
body.hk-dunkel .hk-farbband{border-top:1px solid rgba(245,245,239,.10);}

@media print{
	@page{size:A4;margin:18mm 16mm 16mm;}

	html,body{background:#fff !important;color:#000 !important;font-size:11pt;}
	.hk-kopf,.hk-fuss,.hk-sprung,.hk-suche,.hk-navbar,.hk-hero-zeile,
	.hk-farbband,.hk-kante,.hk-stimme,.hk-ton,.hk-blatt-raster,.hk-schlagworte,
	.hk-weiter,.hk-teilen,.hk-nach-oben{display:none !important;}
	.hk-tonliste audio{display:none !important;}

	/* Plakat bleibt Bild, wird aber nicht seitenfüllend. */
	.hk-plakat{float:right;width:58mm !important;margin:0 0 4mm 6mm !important;}
	.hk-beitrag-bild img{max-height:70mm;object-fit:contain;}
	.hk-these{font-size:12pt;border-left:2px solid #000;padding-left:4mm;}

	.hk-inhalt,.hk-inhalt--breit,.hk-abschnitt,.hk-hero,.hk-fuss-inner{max-width:none !important;padding:0 !important;margin:0 !important;}
	.hk-inhalt{padding-top:0 !important;}

	.hk-hero{padding-bottom:8mm !important;border-bottom:1px solid #000;margin-bottom:6mm !important;}
	.hk-hero-logo img{width:52mm !important;}
	.hk-lead{font-size:12pt;line-height:1.45;color:#000 !important;}

	*{color:#000 !important;background:transparent !important;box-shadow:none !important;text-shadow:none !important;
	  -webkit-print-color-adjust:economy;print-color-adjust:economy;}
	a{text-decoration:none !important;color:#000 !important;border-bottom:0 !important;}
	/* Externe Ziele ausschreiben: auf Papier ist ein Link sonst wertlos. */
	a[href^="http"]::after,a[href^="mailto:"]::after{content:" (" attr(href) ")";font-size:8.5pt;color:#444 !important;word-break:break-all;}

	h1,h2,h3,h4{break-after:avoid;page-break-after:avoid;}
	h2{border-bottom:1px solid #000 !important;padding-bottom:2mm;}
	p,li{orphans:2;widows:2;}
	img,figure,table,blockquote,.hk-karte,.hk-raster>div{break-inside:avoid;page-break-inside:avoid;}
	img{max-width:100% !important;height:auto !important;}
	table{width:100% !important;border-collapse:collapse;}
	th,td{border-bottom:1px solid #999 !important;}

	/* Das Fußband der Startseite ist im Druck nur Papier — ersetzt durch die Herkunftszeile. */
	.hk-printfuss{display:flex !important;justify-content:space-between;gap:8mm;
	  margin-top:8mm;padding-top:2mm;border-top:1px solid #000;
	  font-family:var(--mono);font-size:8pt;letter-spacing:.06em;color:#333 !important;}
}

/* ---------- Dokumentzeile (AGB als PDF, Downloads) ---------- */
.hk-dokument{margin:20px 0 30px;}
.hk-dokument a{display:flex;flex-direction:column;gap:5px;padding:14px 18px;border:1px solid var(--ink);border-left:7px solid var(--red);text-decoration:none;}
.hk-dokument a:hover{background:rgba(11,15,20,.045);}
.hk-dokument-titel{font-family:var(--mono);font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--ink);}
.hk-dokument-titel::after{content:" ↓";color:var(--red);}
.hk-dokument-meta{font-size:13px;line-height:1.45;color:var(--muted);}
@media print{.hk-dokument a{border:0;border-left:2px solid #000;}}