/* Einblicke: Monatsbrief, aktuelle Beiträge, Archiv, Statistik, Downloads */
:root {
	--sk-e-tief: var(--wp--preset--color--tiefgruen, #0a2d2a);
	--sk-e-tief2: var(--wp--preset--color--tiefgruen-2, #0e3f3b);
	--sk-e-akzent: var(--wp--preset--color--akzent, #76c043);
	--sk-e-hell: var(--wp--preset--color--hellgruen, #edf5e8);
	--sk-e-linie: var(--wp--preset--color--linie, #dfe6e3);
	--sk-e-leise: var(--wp--preset--color--text-leise, #5b6b68);
	--sk-e-radius: var(--sk-radius, 10px);
}
.sk-home-einblicke { display: grid; gap: 2.5rem; }
.sk-mb, .sk-ab, .sk-stat, .sk-archiv { scroll-margin-top: 110px; }

/* Monatsbrief */
.sk-mb { background: var(--sk-e-hell); border-radius: var(--sk-e-radius); border-left: 6px solid var(--sk-e-akzent); padding: clamp(1.25rem, 3vw, 2.25rem); }
.sk-mb__head { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: flex-start; justify-content: space-between; }
.sk-mb__kicker { margin: 0; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; color: var(--sk-e-tief2); }
.sk-mb__title { margin: .25rem 0 .5rem; font-size: clamp(1.5rem, 3vw, 2rem); }
.sk-mb__title a { color: var(--sk-e-tief); text-decoration: none; }
.sk-mb__lead { margin: 0; max-width: 62ch; }
.sk-mb__pdf { margin: 0; }
.sk-btn { display: inline-block; background: var(--sk-e-tief); color: #fff !important; text-decoration: none; padding: .7rem 1.2rem; border-radius: 999px; font-weight: 600; }
.sk-btn:hover, .sk-btn:focus { background: var(--sk-e-tief2); }
.sk-btn span { font-weight: 400; opacity: .8; }
.sk-mb__blick { margin-top: 1.25rem; }
.sk-mb__blick-title { margin: 0 0 .35rem; font-weight: 700; color: var(--sk-e-tief); }
.sk-mb__blick ul { margin: 0; padding-left: 1.2rem; columns: 2 18rem; column-gap: 2rem; }
.sk-mb__blick li { break-inside: avoid; margin-bottom: .2rem; }
.sk-mb__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem; margin-top: 1.5rem; }
.sk-mb__col h3 { font-size: 1.05rem; margin: 0 0 .5rem; padding-bottom: .35rem; border-bottom: 2px solid var(--sk-e-akzent); color: var(--sk-e-tief); }
.sk-mb__col ol { margin: 0; padding-left: 1.2rem; }
.sk-mb__col li { margin-bottom: .45rem; line-height: 1.35; }
.sk-mb__col a, .sk-ab a, .sk-archiv a { color: var(--sk-e-tief); }
.sk-mb__more, .sk-ab__more, .sk-stat__more { margin: 1.25rem 0 0; font-weight: 600; }

/* Einblicke der letzten Monate */
.sk-ab__title { margin-top: 0; }
.sk-ab__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1.5rem 2rem; }
.sk-ab__col h3 { font-size: 1.05rem; margin: 0 0 .5rem; padding-bottom: .35rem; border-bottom: 2px solid var(--sk-e-akzent); color: var(--sk-e-tief); }
.sk-ab__col ul { list-style: none; margin: 0; padding: 0; }
.sk-ab__col li { padding: .45rem 0; border-bottom: 1px solid var(--sk-e-linie); line-height: 1.35; }
.sk-ab__col li a { text-decoration: none; font-weight: 600; }
.sk-ab__col li a:hover { text-decoration: underline; }
.sk-ab__date { display: block; font-size: .8rem; color: var(--sk-e-leise); }
.sk-ab__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: 1.25rem; }
.sk-ab__card { background: #fff; border: 1px solid var(--sk-e-linie); border-radius: var(--sk-e-radius); padding: 1.4rem; }
.sk-ab__card:hover { border-color: var(--sk-e-akzent); }
.sk-ab__card h3 { font-size: 1.15rem; margin: .35rem 0 .5rem; }
.sk-ab__card h3 a { text-decoration: none; }
.sk-ab__card p { margin: 0; }
.sk-ab__meta { font-size: .8rem; color: var(--sk-e-leise); text-transform: uppercase; letter-spacing: .05em; }

/* Archiv */
.sk-archiv__briefe { list-style: none; padding: 0; margin: 0 0 2rem; }
.sk-archiv__briefe li { display: flex; flex-wrap: wrap; gap: .25rem 1rem; align-items: baseline; padding: .6rem 0; border-bottom: 1px solid var(--sk-e-linie); }
.sk-archiv__briefe a:first-child { font-weight: 600; }
.sk-archiv__unter, .sk-archiv__rubrik { color: var(--sk-e-leise); font-size: .85rem; }
.sk-archiv__pdf { margin-left: auto; font-size: .9rem; }
.sk-archiv__monat { border: 1px solid var(--sk-e-linie); border-radius: var(--sk-e-radius); padding: .75rem 1rem; margin-bottom: .75rem; background: #fff; }
.sk-archiv__monat summary { cursor: pointer; font-weight: 700; color: var(--sk-e-tief); }
.sk-archiv__monat summary span { font-weight: 400; color: var(--sk-e-leise); }
.sk-archiv__monat ul { margin: .75rem 0 .25rem; padding-left: 1.2rem; }
.sk-archiv__monat li { margin-bottom: .35rem; }
.sk-archiv__rubrik { margin-left: .4rem; }
.sk-archiv__hinweis { margin-top: 1.5rem; font-size: .85rem; color: var(--sk-e-leise); }

/* Statistik */
.sk-stat__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1.5rem; }
.sk-stat__head h2 { margin: 0; }
.sk-stat__stand { margin: 0; color: var(--sk-e-leise); font-size: .9rem; }
.sk-stat__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 1rem; margin-top: 1rem; }
.sk-stat__tile { background: #fff; border: 1px solid var(--sk-e-linie); border-top: 4px solid var(--sk-e-akzent); border-radius: var(--sk-e-radius); padding: 1.1rem 1.25rem; }
.sk-stat__wert { margin: 0; font-size: 2rem; font-weight: 700; line-height: 1.1; color: var(--sk-e-tief); font-variant-numeric: tabular-nums; }
.sk-stat__label { margin: .35rem 0 0; font-weight: 600; line-height: 1.3; }
.sk-stat__info { margin: .35rem 0 0; font-size: .9rem; color: var(--sk-e-leise); }
.sk-stat__quelle { margin: .5rem 0 0; font-size: .78rem; color: var(--sk-e-leise); }
.sk-stat__text { margin-top: 1.25rem; max-width: 70ch; }

/* Downloads (AGB, Datenschutzhinweise) */
.sk-download { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; background: var(--sk-e-hell); border-radius: var(--sk-e-radius); padding: 1rem 1.25rem; }
.sk-download p { margin: 0; }

/* Quellenangabe in Beiträgen */
.sk-fundstelle { font-size: .9rem; color: var(--sk-e-leise); border-top: 1px solid var(--sk-e-linie); padding-top: .75rem; }
.sk-aus-monatsbrief { font-size: .9rem; }

@media print {
	.sk-btn { background: none; color: inherit !important; padding: 0; }
}

/* Sprachwahl DE | EN */
.sk-lang { display: inline-flex; align-items: center; border: 1px solid var(--sk-e-linie); border-radius: 999px; padding: 2px; font-size: .85rem; font-weight: 700; line-height: 1; background: #fff; flex-shrink: 0; }
.sk-lang a, .sk-lang span { display: inline-block; padding: .4rem .6rem; border-radius: 999px; text-decoration: none; color: var(--sk-e-tief); letter-spacing: .04em; }
.sk-lang a:hover, .sk-lang a:focus-visible { background: var(--sk-e-hell); }
.sk-lang .is-active { background: var(--sk-e-tief); color: #fff; }
.sk-ab__lang { font-size: .6em; font-weight: 400; color: var(--sk-e-leise); }
.sk-en-note { font-size: .9rem; color: var(--sk-e-leise); border-left: 3px solid var(--sk-e-akzent); padding-left: .75rem; }

/* Interner Bereich */
.sk-intern-link { color: inherit !important; text-decoration: none !important; cursor: inherit; }
.sk-intern__cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1.5rem; }
.sk-intern__box { background: #fff; border: 1px solid var(--sk-e-linie); border-radius: var(--sk-e-radius); padding: 1.5rem; }
.sk-intern__box h2 { margin-top: 0; font-size: 1.35rem; }
.sk-intern__box > div { margin-bottom: .9rem; }
.sk-intern__box label { display: block; font-weight: 600; margin-bottom: .25rem; }
.sk-intern__box input[type=email], .sk-intern__box input[type=password] { width: 100%; box-sizing: border-box; padding: .6rem .7rem; border: 1px solid var(--sk-e-linie); border-radius: 6px; font: inherit; }
.sk-intern__box .sk-form__check label { display: inline; font-weight: 400; margin-left: .35rem; }
.sk-intern__small { font-size: .9rem; color: var(--sk-e-leise); }
.sk-intern__user { color: var(--sk-e-leise); }
.sk-intern__docs { list-style: none; margin: 0 0 2rem; padding: 0; }
.sk-intern__docs li { padding: 1rem 0; border-bottom: 1px solid var(--sk-e-linie); }
.sk-intern__title { margin: 0; font-weight: 700; color: var(--sk-e-tief); }
.sk-intern__desc { margin: .25rem 0 0; }
.sk-intern__actions { margin: .6rem 0 0; display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; align-items: center; }
.sk-intern__admin { font-size: .9rem; }
.sk-intern__box { align-content: start; }
.sk-intern__box > * { margin: 0 !important; }
.sk-intern__box .sk-form__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sk-intern__box button { justify-self: start; }