/*
 * Globale Theme-Styles
 *
 * Container-Wrapper, Section-Defaults, allgemeine Helpers.
 * Komponenten-spezifisches CSS in eigenen Dateien (header.css, footer.css, ...).
 */

.ln-screen-reader {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.ln-skip-link {
	position: absolute;
	top: -100px;
	left: 0;
	background: var(--ln-dark);
	color: var(--ln-white);
	padding: 12px 20px;
	z-index: 9999;
}

.ln-skip-link:focus {
	top: 0;
}

img.aligncenter,
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft  { float: left;  margin-right: 24px; margin-bottom: 16px; }
.alignright { float: right; margin-left:  24px; margin-bottom: 16px; }
.alignwide  { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull  { width: 100vw; margin-left: calc(50% - 50vw); }

::selection {
	background: var(--ln-primary);
	color: var(--ln-white);
}