/* Netz Base – Layout. Farben/Typo kommen aus theme.json bzw. dem Child-Theme. */
:root {
	--netz-accent: var(--wp--preset--color--accent);
	--netz-accent-fg: var(--wp--preset--color--accent-fg);
	--netz-surface: var(--wp--preset--color--surface);
	--netz-muted: var(--wp--preset--color--muted);
	--netz-line: color-mix(in srgb, var(--wp--preset--color--contrast) 14%, transparent);
	--netz-radius: var(--wp--custom--radius, 12px);
}
html { scroll-padding-top: 5.5rem; }
body { overflow-x: clip; }
img { max-width: 100%; height: auto; }

/* Header */
.netz-header { position: sticky; top: 0; z-index: 40; background: color-mix(in srgb, var(--wp--preset--color--base) 92%, transparent); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--netz-line); }
.netz-header__bar { position: relative; gap: 1rem; padding-block: .6rem; }
.netz-header__brand { gap: .6rem; min-width: 0; }
.netz-header__title { font-weight: 800; font-size: 1.1rem; white-space: nowrap; }
.netz-header__title a { text-decoration: none; color: inherit; }
.netz-header__tools { gap: .5rem; }
.netz-header .netz-mega { position: static; }
.netz-header .wp-block-group.netz-header__bar { position: static; }
@media (max-width: 899px) {
	.netz-header__tools .netz-social { display: none; }
	.netz-header__tools .netz-search input { min-width: 0; width: 9rem; }
}
@media (max-width: 599px) {
	.netz-header__tools .netz-search { display: none; }
	.netz-header__title { font-size: 1rem; }
}

/* Haupt-Layout Artikel: Inhalt + Seitenleiste */
.netz-main { padding-block: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60); }
.netz-article { display: grid; gap: var(--wp--preset--spacing--50); }
@media (min-width: 1024px) {
	.netz-article { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; }
	.netz-article__aside { order: 2; }
}
@media (max-width: 1023px) {
	/* Mobil: TOC + "In diesem Thema" kompakt ueber dem Inhalt ausklappbar */
	.netz-article__aside { order: -1; }
	.netz-article__aside .netz-toc details:not([open]) + *, .netz-article__aside .netz-ad { display: none; }
	.netz-aside { display: grid; gap: .5rem; }
	.netz-aside .netz-toc, .netz-aside .netz-silonav { background: var(--netz-surface); border-radius: var(--netz-radius); padding: .3rem .9rem; }
}
.netz-article__main { min-width: 0; max-width: 760px; }
.netz-article__main > * + * { margin-block-start: 1.25rem; }
.netz-aside { display: grid; gap: 1.5rem; }

.netz-kicker { text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; font-weight: 800; color: var(--netz-accent); margin: 0; }
.netz-meta { color: var(--netz-muted); font-size: .9rem; gap: .3rem 1rem; }
.netz-hero img { border-radius: var(--netz-radius); }

/* Hub */
.netz-hub__hero { border-radius: var(--netz-radius); overflow: hidden; }
.netz-hub__hero .netz-kicker { color: #fff; opacity: .9; }
.netz-hub__intro { font-size: 1.15rem; max-width: 46rem; }

/* Footer */
.netz-footer { margin-top: var(--wp--preset--spacing--60); padding-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40); background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base); --netz-line: color-mix(in srgb, var(--wp--preset--color--base) 18%, transparent); }
.netz-footer a { color: inherit; }
.netz-footer__follow { padding-bottom: 1.5rem; border-bottom: 1px solid var(--netz-line); gap: 1rem; }
.netz-footer__cta { margin: 0; font-size: 1.15rem; }
.netz-footer__h { font-size: 1rem !important; text-transform: uppercase; letter-spacing: .08em; opacity: .75; margin-top: 2rem; }
.netz-footer__legal { margin-top: 2rem; padding-top: 1.2rem; border-top: 1px solid var(--netz-line); font-size: .9rem; gap: 1rem; }

/* Logo aus dem Child-Theme: Seitentitel nur fuer Screenreader */
.netz-header__brand:has(.netz-logo img) .netz-header__title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.netz-logo img { display: block; height: 40px; width: auto; max-width: min(62vw, 300px); }
.netz-logo--footer img { height: 32px; }
@media (max-width: 599px) { .netz-logo img { height: 30px; } }

/* Karten: Themenlabel unter den Titel (kein Kicker ueber der Ueberschrift) */
.netz-card__silo { order: 2; }
/* Antwortbox ohne farbigen Seitenbalken */
.netz-answer { border-left: 0; border: 1px solid var(--netz-line); border-radius: var(--netz-radius); }

/* Themenband: Titel und Beschreibung stapeln, ohne sich zu ueberlagern */
.netz-main .netz-topics--band a { display: flex; flex-direction: column; justify-content: flex-end; position: relative; min-height: 11rem; isolation: isolate; }
.netz-main .netz-topics--band img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.netz-main .netz-topics--band a::after { position: absolute; inset: 0; z-index: -1; }
.netz-main .netz-topics--band .netz-topics__name { padding: 1rem 1rem .25rem; }
.netz-main .netz-topics--band .netz-topics__desc { padding: 0 1rem 1rem; }

/* Hub-Kopf ohne Titelbild: Markenfarbe voll deckend statt halbtransparent */
.netz-hub__hero:not(:has(img)) .wp-block-cover__background { opacity: 1 !important; }
.netz-hub__hero .wp-block-cover__inner-container { width: 100%; max-width: 1100px; }
.netz-hub__hero :is(h1, p) { color: #fff; }

/* Breite Tabellen auf schmalen Bildschirmen seitlich scrollbar statt abgeschnitten */
@media (max-width: 760px) {
	.netz-article__main table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
	.netz-article__main table th, .netz-article__main table td { min-width: 8.5rem; }
}

/* Listen-Ueberschrift nur zeigen, wenn die Liste darunter Eintraege hat */
.netz-list-title:not(:has(+ .netz-list)) { display: none; }

/* Fokus sichtbar */
:where(a, button, input, summary):focus-visible { outline: 3px solid var(--netz-accent); outline-offset: 2px; border-radius: 4px; }