/*
 Theme Name:   Computerstrafrecht Tech
 Description:  Child-Theme für computerstrafrecht.info auf Basis von GeneratePress. Orange/Anthrazit, lokale Schriften, keine externen Ressourcen.
 Author:       Rechtsanwalt Thomas Koll
 Template:     generatepress
 Version:      1.3
 Text Domain:  cs-tech
*/

:root{
	--cs-orange:#ff7a00;
	--cs-orange-hell:#ffab00;
	--cs-orange-dunkel:#d95f00;
	--cs-dunkel:#111316;
	--cs-dunkel-2:#1c1f24;
	--cs-dunkel-3:#2a2e35;
	--cs-grau:#5b616a;
	--cs-grau-hell:#9aa1ab;
	--cs-linie:#e4e6ea;
	--cs-hell:#f3f4f6;
	--cs-weiss:#ffffff;
	--cs-cyan:#00c2d1;
	--cs-text:#1d2025;
	--cs-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--cs-kopf:"Space Grotesk","Inter",system-ui,sans-serif;
	--cs-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;
	/* GeneratePress-Variablen */
	--contrast:var(--cs-text);
	--contrast-2:var(--cs-grau);
	--contrast-3:var(--cs-grau-hell);
	--base:var(--cs-linie);
	--base-2:var(--cs-hell);
	--base-3:#fff;
	--accent:var(--cs-orange);
}

/* ---------- Grundlagen ---------- */
body{
	background:var(--cs-hell);
	color:var(--cs-text);
	font-family:var(--cs-sans);
	font-size:18px;
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,.entry-title{
	font-family:var(--cs-kopf);
	font-weight:700;
	letter-spacing:-.015em;
	line-height:1.2;
	color:var(--cs-dunkel);
}
a{color:var(--cs-orange-dunkel);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover,a:focus{color:var(--cs-orange)}
::selection{background:var(--cs-orange);color:#fff}
:focus-visible{outline:3px solid var(--cs-cyan);outline-offset:2px}
code,kbd,pre,samp{font-family:var(--cs-mono)}

/* ---------- Kopfbereich ---------- */
.site-header{
	background:var(--cs-dunkel);
	border-bottom:3px solid var(--cs-orange);
	position:relative;
}
.site-header .inside-header{padding:18px 30px}
.cs-wortmarke{margin:0;font-family:var(--cs-kopf);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.cs-wortmarke a{color:#fff;text-decoration:none;display:inline-flex;align-items:baseline;gap:0}
.cs-wortmarke .cs-prompt{font-family:var(--cs-mono);color:var(--cs-orange);margin-right:.45em;font-size:.8em;animation:cs-blink 1.2s steps(1) infinite}
.cs-wortmarke .cs-c{color:#fff}
.cs-wortmarke .cs-s{color:var(--cs-orange)}
.cs-wortmarke .cs-b{font-family:var(--cs-mono);font-size:.5em;font-weight:700;color:var(--cs-dunkel);background:var(--cs-orange-hell);padding:.15em .4em;margin-left:.5em;border-radius:3px;align-self:center;letter-spacing:.08em}
.site-description{color:var(--cs-grau-hell);font-size:14px;margin-top:6px;font-family:var(--cs-sans)}
@keyframes cs-blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.cs-wortmarke .cs-prompt{animation:none}}

/* Navigation */
.main-navigation,.main-navigation ul ul{background:transparent}
.main-navigation .main-nav ul li a{
	color:#e8eaee;
	font-family:var(--cs-mono);
	font-size:14px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:.06em;
	padding-left:16px;padding-right:16px;
	position:relative;
}
.main-navigation .main-nav ul li a::after{
	content:"";position:absolute;left:16px;right:16px;bottom:12px;height:2px;
	background:var(--cs-orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease;
}
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li.current-menu-item>a,
.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:#fff;background:transparent}
.main-navigation .main-nav ul li:hover>a::after,
.main-navigation .main-nav ul li.current-menu-item>a::after{transform:scaleX(1)}
.main-navigation ul ul{background:var(--cs-dunkel-2)}
.main-navigation .menu-toggle,.main-navigation .mobile-bar-items a{color:#fff;background:transparent}
.main-navigation.toggled .main-nav ul li a::after{display:none}
.main-navigation.toggled .main-nav>ul{background:var(--cs-dunkel-2)}
.menu-toggle .mobile-menu{font-family:var(--cs-mono);text-transform:uppercase;letter-spacing:.06em}

/* ---------- Bühne auf der Startseite ---------- */
.cs-buehne{
	position:relative;
	overflow:hidden;
	color:#fff;
	background:
		radial-gradient(circle at 85% 20%,rgba(255,122,0,.35),transparent 45%),
		radial-gradient(circle at 10% 110%,rgba(0,194,209,.18),transparent 40%),
		linear-gradient(180deg,var(--cs-dunkel) 0%,var(--cs-dunkel-2) 100%);
}
.cs-buehne::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	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:36px 36px;
	mask-image:linear-gradient(180deg,#000 30%,transparent 100%);
	-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);
}
.cs-buehne-innen{position:relative;padding:72px 30px 64px}
.cs-kicker{font-family:var(--cs-mono);font-size:14px;color:var(--cs-orange-hell);letter-spacing:.04em;margin:0 0 18px}
.cs-buehne-titel{color:#fff;font-size:clamp(38px,6vw,68px);line-height:1.02;margin:0 0 20px;letter-spacing:-.03em}
.cs-buehne-titel span{
	background:linear-gradient(90deg,var(--cs-orange) 0%,var(--cs-orange-hell) 100%);
	-webkit-background-clip:text;background-clip:text;color:transparent;
}
.cs-buehne-text{font-size:20px;line-height:1.5;color:#c9ced6;max-width:640px;margin:0 0 28px}
.cs-buehne-knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}
.cs-knopf{
	display:inline-block;background:var(--cs-orange);color:var(--cs-dunkel)!important;
	font-family:var(--cs-mono);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.06em;
	padding:13px 22px;border-radius:4px;text-decoration:none;
	box-shadow:0 0 0 0 rgba(255,122,0,.5);transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.cs-knopf:hover,.cs-knopf:focus{background:var(--cs-orange-hell);transform:translateY(-2px);box-shadow:0 8px 24px -8px rgba(255,122,0,.7)}
.cs-knopf-hell{background:transparent;color:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35)}
.cs-knopf-hell:hover,.cs-knopf-hell:focus{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px var(--cs-orange)}
.cs-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cs-chips a{
	display:inline-block;font-family:var(--cs-mono);font-size:13px;color:#e8eaee;text-decoration:none;
	border:1px solid var(--cs-dunkel-3);background:rgba(255,255,255,.03);padding:6px 12px;border-radius:999px;
	transition:border-color .15s,color .15s;
}
.cs-chips a::before{content:"#";color:var(--cs-orange);margin-right:2px}
.cs-chips a:hover{border-color:var(--cs-orange);color:#fff}

/* ---------- Inhalt ---------- */
.site-content{padding-top:40px}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container{
	background:#fff;
	border:1px solid var(--cs-linie);
	border-radius:6px;
}
.separate-containers .inside-article{padding:40px 44px}
.entry-title{font-size:clamp(26px,3.2vw,40px)}
.entry-meta{font-family:var(--cs-mono);font-size:13px;color:var(--cs-grau);letter-spacing:.02em}
.entry-meta a{color:var(--cs-grau)}
.entry-meta a:hover{color:var(--cs-orange-dunkel)}
.cs-marke{
	display:inline-block;margin-bottom:10px;
	font-family:var(--cs-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
	color:var(--cs-orange-dunkel);text-decoration:none;
}
.cs-marke::before{content:"// ";color:var(--cs-grau-hell)}
.entry-content h2{font-size:28px;margin-top:1.6em}
.entry-content h3{font-size:22px;margin-top:1.4em}
.entry-content blockquote{
	border-left:4px solid var(--cs-orange);background:var(--cs-hell);
	margin:1.5em 0;padding:16px 22px;font-style:normal;color:var(--cs-text)
}
.entry-content a{font-weight:600}
.entry-content img{border-radius:4px}
.cs-archivhinweis{
	font-size:15px;line-height:1.5;color:var(--cs-dunkel);
	background:#fff6ec;border:1px solid #ffd9b0;border-left:4px solid var(--cs-orange);
	padding:12px 16px;border-radius:4px;margin:18px 0 0;
}
.cs-archivhinweis span{
	display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;
	background:var(--cs-orange);color:#fff;font-weight:700;font-size:13px;vertical-align:1px
}
footer.entry-meta{border-top:1px solid var(--cs-linie);padding-top:16px;margin-top:28px}
.cat-links a,.tags-links a{color:var(--cs-dunkel)}

/* Beitragskarten auf Startseite und Archiven */
@media (min-width:769px){
	.blog .site-main,.archive .site-main,.search .site-main{
		display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;
	}
	.blog .site-main>*,.archive .site-main>*,.search .site-main>*{margin-bottom:0!important}
	.blog .site-main>.page-header,.archive .site-main>.page-header,.search .site-main>.page-header,
	.blog .site-main>.paging-navigation,.archive .site-main>.paging-navigation,.search .site-main>.paging-navigation{grid-column:1/-1}
}
@media (min-width:1100px){
	.blog .site-main,.archive .site-main,.search .site-main{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.blog .site-main article,.archive .site-main article,.search .site-main article{display:flex}
.blog .inside-article,.archive .inside-article,.search .inside-article{
	display:flex;flex-direction:column;width:100%;
	padding:28px 28px 22px!important;position:relative;overflow:hidden;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.blog .inside-article::before,.archive .inside-article::before,.search .inside-article::before{
	content:"";position:absolute;left:0;top:0;right:0;height:4px;
	background:linear-gradient(90deg,var(--cs-orange),var(--cs-orange-hell));
	transform:scaleX(.18);transform-origin:left;transition:transform .25s ease;
}
.blog .inside-article:hover,.archive .inside-article:hover,.search .inside-article:hover{
	transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(17,19,22,.45);border-color:#d6d9de;
}
.blog .inside-article:hover::before,.archive .inside-article:hover::before,.search .inside-article:hover::before{transform:scaleX(1)}
.blog .entry-title,.archive .entry-title,.search .entry-title{font-size:22px;line-height:1.25}
.blog .entry-title a,.archive .entry-title a,.search .entry-title a{color:var(--cs-dunkel);text-decoration:none}
.blog .entry-title a:hover,.archive .entry-title a:hover,.search .entry-title a:hover{color:var(--cs-orange-dunkel)}
.blog .entry-summary,.archive .entry-summary,.search .entry-summary{font-size:16px;line-height:1.6;color:#3d424a;flex:1}
.blog footer.entry-meta,.archive footer.entry-meta,.search footer.entry-meta{font-size:12px;margin-top:18px;padding-top:12px}
.blog .post-image,.archive .post-image{margin:-28px -28px 20px}
.read-more{font-family:var(--cs-mono);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}

/* Archivkopf */
.page-header{padding:28px 32px!important}
.page-header .page-title{font-size:32px;margin:0}
.page-header .page-title::before{content:"// ";color:var(--cs-orange);font-family:var(--cs-mono);font-size:.7em}
.taxonomy-description{color:var(--cs-grau);font-size:16px}

/* Blättern */
.paging-navigation .nav-links{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-family:var(--cs-mono)}
.paging-navigation .nav-links>*{padding:8px 14px;border:1px solid var(--cs-linie);background:#fff;border-radius:4px;text-decoration:none;color:var(--cs-dunkel)}
.paging-navigation .nav-links .current{background:var(--cs-orange);border-color:var(--cs-orange);color:var(--cs-dunkel);font-weight:700}
.paging-navigation .nav-links a:hover{border-color:var(--cs-orange)}

/* Beitragsnavigation und Kommentare */
.post-navigation{font-family:var(--cs-mono);font-size:14px}
.comments-area{padding:32px 44px!important}
.comments-title{font-size:22px}

/* Suche, Knöpfe, Formulare */
button,html input[type="button"],input[type="reset"],input[type="submit"],a.button,a.wp-block-button__link:not(.has-background){
	background:var(--cs-orange);color:var(--cs-dunkel);font-family:var(--cs-mono);font-weight:700;border-radius:4px
}
button:hover,input[type="submit"]:hover,a.button:hover{background:var(--cs-orange-hell);color:var(--cs-dunkel)}
input[type="text"],input[type="email"],input[type="url"],input[type="search"],textarea{border-radius:4px;border-color:var(--cs-linie)}

/* ---------- Fußbereich ---------- */
.site-footer .footer-widgets{background:var(--cs-dunkel-2);color:#c9ced6}
.site-footer .footer-widgets a{color:#fff}
.site-info{background:var(--cs-dunkel);color:var(--cs-grau-hell);font-size:14px;border-top:3px solid var(--cs-orange)}
.site-info a{color:#e8eaee;text-decoration:none}
.site-info a:hover{color:var(--cs-orange)}
.cs-fuss-marke{font-family:var(--cs-mono);color:var(--cs-orange);font-weight:700}
.cs-fuss-trenner{color:var(--cs-dunkel-3);margin:0 .35em}
.site-info .cs-cookie-link{
	background:none;border:0;padding:0;margin:0;color:#e8eaee;font:inherit;font-weight:400;cursor:pointer;
}
.site-info .cs-cookie-link:hover{color:var(--cs-orange);background:none}
.generate-back-to-top{background:var(--cs-orange);color:var(--cs-dunkel)}

/* Shariff */
.shariff{margin-top:24px}

/* ---------- Mobil ---------- */
@media (max-width:768px){
	body{font-size:17px}
	.site-header .inside-header{padding:14px 18px}
	.cs-wortmarke{font-size:22px}
	.cs-wortmarke .cs-b{display:none}
	.site-description{display:none}
	.cs-buehne-innen{padding:48px 20px 44px}
	.cs-buehne-text{font-size:17px}
	.site-content{padding-top:20px}
	.separate-containers .inside-article{padding:26px 20px}
	.comments-area{padding:24px 20px!important}
	.site-info{text-align:center}
}


/* Karten: nur Kategorien im Fuß, keine Schlagwörter/Kommentarzähler */
.blog .tags-links,.archive .tags-links,.search .tags-links,
.blog .comments-link,.archive .comments-link,.search .comments-link{display:none}
.paging-navigation{background:transparent!important;border:0!important;padding:10px 0 0!important}

/* Einzelansicht: angenehme Zeilenlänge */
.single .site-content .content-area,.page .site-content .content-area{max-width:900px;margin-left:auto;margin-right:auto}

/* =========== Themenbereiche =========== */
/* Kacheln auf der Startseite */
.cs-kacheln-wrap{padding:44px 30px 8px}
.cs-kacheln-titel{font-size:28px;margin:0 0 20px}
.cs-kacheln-titel::before{content:"// ";color:var(--cs-orange);font-family:var(--cs-mono);font-size:.7em}
.cs-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.cs-kachel{
	position:relative;display:flex;flex-direction:column;gap:8px;min-height:170px;
	padding:24px 24px 22px;border-radius:6px;text-decoration:none;
	background:var(--cs-dunkel);color:#c9ced6;border:1px solid var(--cs-dunkel-3);overflow:hidden;
	transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.cs-kachel::after{
	content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;
	background:radial-gradient(circle,rgba(255,122,0,.35),transparent 70%);transition:transform .3s ease;
}
.cs-kachel:hover,.cs-kachel:focus{transform:translateY(-3px);border-color:var(--cs-orange);box-shadow:0 16px 36px -20px rgba(255,122,0,.8);color:#e8eaee}
.cs-kachel:hover::after{transform:scale(1.5)}
.cs-kachel-nr{font-family:var(--cs-mono);font-weight:700;font-size:13px;color:var(--cs-orange);letter-spacing:.08em}
.cs-kachel-titel{font-family:var(--cs-kopf);font-weight:700;font-size:22px;line-height:1.2;color:#fff}
.cs-kachel-text{font-size:15px;line-height:1.5}
.blog .site-content{padding-top:28px}
.blog .site-main::before{content:"// Neueste Beiträge";display:block;grid-column:1/-1;font-family:var(--cs-kopf);font-weight:700;font-size:28px;color:var(--cs-dunkel);margin-bottom:-4px}

/* Themenseite */
.cs-buehne-bereich .cs-buehne-innen{padding:56px 30px 48px}
.cs-buehne-bereich .cs-buehne-titel{font-size:clamp(34px,5vw,56px)}
.cs-themenseite .site-content{padding-top:32px}
.cs-themenseite .entry-content>p:first-of-type{font-size:20px;line-height:1.6;color:var(--cs-dunkel)}
.cs-bereich{margin-top:36px}
.cs-bereich-ueberschrift{font-size:24px;margin:36px 0 16px;padding-top:24px;border-top:1px solid var(--cs-linie)}
.cs-bereich-ueberschrift::before{content:"// ";color:var(--cs-orange);font-family:var(--cs-mono);font-size:.75em}
.cs-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.cs-karte{border:1px solid var(--cs-linie);border-top:4px solid var(--cs-orange);border-radius:6px;padding:18px 18px 16px;background:#fff;display:flex;flex-direction:column}
.cs-karte h3{font-size:19px;margin:4px 0 8px;line-height:1.3}
.cs-karte h3 a{color:var(--cs-dunkel);text-decoration:none;font-weight:700}
.cs-karte h3 a:hover{color:var(--cs-orange-dunkel)}
.cs-karte p{font-size:15px;line-height:1.55;margin:0 0 10px;flex:1}
.cs-karte .cs-karte-kopf{font-family:var(--cs-mono);font-size:12px;color:var(--cs-grau);flex:0;margin:0}
.cs-karte-uebersicht{grid-column:1/-1;background:var(--cs-dunkel);border-color:var(--cs-dunkel);border-top-color:var(--cs-orange)}
.cs-karte-uebersicht h3 a{color:#fff;font-size:24px}
.cs-karte-uebersicht p{color:#c9ced6}
.cs-karte-uebersicht .cs-karte-kopf{color:var(--cs-orange)}
.cs-karte-mehr{font-family:var(--cs-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.cs-bereich-leer{font-family:var(--cs-mono);font-size:15px;color:var(--cs-grau);background:var(--cs-hell);border:1px dashed #cfd3d9;border-radius:6px;padding:18px 20px}
.cs-bereich-leer span{color:var(--cs-orange);font-weight:700;margin-right:6px}
.cs-bereich-hinweis{font-size:15px;color:var(--cs-grau);margin:-6px 0 12px}
.cs-archivliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--cs-linie)}
.cs-archivliste li{display:flex;gap:16px;align-items:baseline;padding:10px 2px;border-bottom:1px solid var(--cs-linie);margin:0}
.cs-archivliste time{font-family:var(--cs-mono);font-size:13px;color:var(--cs-grau);flex:0 0 64px}
.cs-archivliste a{color:var(--cs-dunkel);text-decoration:none;font-weight:600;line-height:1.4}
.cs-archivliste a:hover{color:var(--cs-orange-dunkel)}
@media (max-width:768px){
	.cs-kacheln-wrap{padding:28px 18px 0}
	.cs-buehne-bereich .cs-buehne-innen{padding:40px 20px 36px}
	.cs-themenseite .entry-content>p:first-of-type{font-size:18px}
}

/* Untermenü Themen */
.main-navigation ul ul{width:320px;border-top:3px solid var(--cs-orange);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.main-navigation .main-nav ul ul li a{text-transform:none;letter-spacing:0;font-family:var(--cs-sans);font-size:15px;font-weight:600;padding:12px 18px;line-height:1.35}
.main-navigation .main-nav ul ul li a::after{display:none}
.main-navigation .main-nav ul ul li:hover>a,.main-navigation .main-nav ul ul li.current-menu-item>a{background:var(--cs-dunkel-3);color:var(--cs-orange-hell)}

/* Archivseite */
.cs-archiv .cs-bereich-ueberschrift:first-child{margin-top:8px}
.cs-anzahl{font-family:var(--cs-mono);font-size:13px;font-weight:700;color:var(--cs-dunkel);background:var(--cs-orange-hell);border-radius:3px;padding:2px 7px;vertical-align:4px;margin-left:6px}
.cs-archiv .cs-archivliste time{flex:0 0 48px}
.cs-archiv .cs-archivliste a:not(.cs-archiv-marke){flex:1}
.cs-archiv-marke{flex:0 0 auto;font-family:var(--cs-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cs-orange-dunkel)!important;border:1px solid #ffd9b0;border-radius:999px;padding:2px 9px;text-decoration:none;white-space:nowrap}
.cs-archiv-marke-grau{color:var(--cs-grau)!important;border-color:var(--cs-linie)}
@media (max-width:768px){.cs-archiv .cs-archivliste li{flex-wrap:wrap;gap:4px 12px}.cs-archiv-marke{margin-left:60px}}

/* =========== Lexikon =========== */
.cs-lexikon-autor{font-family:var(--cs-mono);font-size:13px;color:var(--cs-grau);margin:10px 0 0;line-height:1.5}
.cs-lexikon-autor a{color:var(--cs-grau)}
.cs-lexikon-typ{color:var(--cs-orange-dunkel);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.cs-lemma{background:var(--cs-dunkel);color:#e8eaee;border-radius:6px;padding:22px 24px;margin:0 0 28px;border-left:5px solid var(--cs-orange)}
.cs-lemma p{margin:0 0 8px}
.cs-lemma .cs-lemma-definition{font-size:19px;line-height:1.55;color:#fff}
.cs-lemma .cs-lemma-definition strong{color:var(--cs-orange-hell)}
.cs-lemma dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:14px 0 0;font-size:14px}
.cs-lemma dt{font-family:var(--cs-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--cs-orange-hell);padding-top:2px}
.cs-lemma dd{margin:0;color:#c9ced6}
.cs-lemma dd a{color:#fff}
.cs-norm{background:var(--cs-hell);border:1px solid var(--cs-linie);border-left:4px solid var(--cs-dunkel);border-radius:4px;padding:14px 18px;margin:1.4em 0;font-size:16px}
.cs-norm strong{display:block;font-family:var(--cs-mono);font-size:13px;letter-spacing:.04em;margin-bottom:4px}
.cs-verteidigung{background:#fff6ec;border:1px solid #ffd9b0;border-left:5px solid var(--cs-orange);border-radius:4px;padding:18px 22px;margin:1.6em 0}
.cs-verteidigung h2{margin-top:0!important;font-size:22px}
.cs-fall{border:1px dashed #cfd3d9;border-radius:6px;padding:16px 20px;margin:1.2em 0;background:#fff}
.cs-fall h3{margin-top:0;font-size:18px}
.cs-fall h3::before{content:"Fall // ";font-family:var(--cs-mono);font-size:13px;color:var(--cs-orange-dunkel)}
.cs-stand{font-size:14px;color:var(--cs-grau);border-top:1px solid var(--cs-linie);padding-top:12px;margin-top:2em}
/* Fragenblock */
.cs-faq{margin:2.2em 0 1em}
.cs-faq>h2{font-size:26px}
.cs-faq-eintrag{border-bottom:1px solid var(--cs-linie)}
.cs-faq-eintrag:first-of-type{border-top:1px solid var(--cs-linie)}
.cs-faq .cs-faq-frage{margin:0;font-size:18px;line-height:1.35}
.cs-faq .cs-faq-frage button{all:unset;box-sizing:border-box;display:flex;gap:14px;align-items:flex-start;width:100%;padding:14px 4px;cursor:pointer;font-family:var(--cs-kopf);font-weight:700;color:var(--cs-dunkel)}
.cs-faq .cs-faq-frage button::before{content:"+";flex:0 0 22px;height:22px;border-radius:4px;background:var(--cs-orange);color:var(--cs-dunkel);font-family:var(--cs-mono);font-weight:700;display:grid;place-items:center;transition:transform .2s ease;margin-top:1px}
.cs-faq .cs-faq-eintrag.offen .cs-faq-frage button::before{transform:rotate(45deg)}
.cs-faq .cs-faq-frage button:focus-visible{outline:3px solid var(--cs-cyan);outline-offset:2px}
.cs-faq-antwort{padding:0 4px 0 40px;overflow:hidden;transition:max-height .25s ease}
.cs-faq-js .cs-faq-antwort{max-height:0}
.cs-faq-antwort p{font-size:16px;margin:0 0 14px}
/* Lexikon-Übersicht */
.post-type-archive-encyclopedia .site-main{display:block!important}


/* ---------- Kopfmenü: Kernpunkte immer, weitere nur bei genug Breite (28.09.2026) ---------- */
@media (min-width:769px) and (max-width:1039px){.main-navigation .main-nav>ul>li.cs-breit-1{display:none!important}}
@media (min-width:769px) and (max-width:1129px){.main-navigation .main-nav>ul>li.cs-breit-2{display:none!important}}
.site-info .cs-fuss-links a{margin:0 .2em}
@media (min-width:1230px){
	.main-navigation .main-nav>ul>li>a{padding-left:12px!important;padding-right:12px!important}
	.main-navigation .main-nav>ul>li>a::after{left:12px;right:12px}
}
/* Tablet hochkant: kompakte Kopfzeile, damit die vier Kernpunkte in eine Zeile passen */
@media (min-width:769px) and (max-width:900px){
	.site-header .inside-header{padding:14px 18px}
	.cs-wortmarke{font-size:22px}
	.cs-wortmarke .cs-b{display:none}
	.main-navigation .main-nav>ul>li>a{padding-left:10px!important;padding-right:10px!important}
	.main-navigation .main-nav>ul>li>a::after{left:10px;right:10px}
}