@charset "UTF-8";

/* Stylesheets Lexikon der Fernerkundung */

/* Schriften */

@font-face{
	font-family:'Lato';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:local('Lato Bold'), local('Lato-Bold'), url('fonts/lato-bold.woff2') format('woff2'), url('fonts/lato-bold.woff') format('woff');
}
@font-face {
	font-family:'Lato-fallback';
	size-adjust:97.33000000000006%;
	src:local('Arial');
}
@font-face{
	font-family:'Cabin';
	font-style:normal;
	font-weight:400;
	font-display:swap;
	src:local('Cabin Regular'), local('Cabin-Regular'), url('fonts/cabin-regular.woff2') format('woff2'), url('fonts/cabin-regular.woff') format('woff');
}
@font-face {
	font-family:'Cabin-fallback';
	size-adjust:94.63000000000004%;
	src:local('Arial');
}
@font-face{
	font-family:'Cabin';
	font-style:normal;
	font-weight:700;
	font-display:swap;
	src:local('Cabin Bold'), local('Cabin-Bold'), url('fonts/cabin-bold.woff2') format('woff2'), url('fonts/cabin-bold.woff') format('woff');
}
@font-face{
	font-family:'Cabin';
	font-style:italic;
	font-weight:400;
	font-display:swap;
	src:local('Cabin Italic'), local('Cabin-Italic'), url('fonts/cabin-italic.woff2') format('woff2'), url('fonts/cabin-italic.woff') format('woff');
}

/* Inline-Tags */

h1 {
	text-align: center;
	margin: 0;
	margin-bottom: -12px;
}
h1 img {
	width: 1102px;
	height: auto;
	margin: 0;
	padding: 0;
}
h2 {
	text-align: center;
	font-family: Lato, Lato-fallback, sans-serif;
	font-size:1.6em;
	font-weight:700;
	color:#CB2023;
	margin-top: -6px;
	margin-bottom: -12px;
}
h2#seitentitel, h2.seitentitel {
	margin-top: 20px;
	color: #000000;
	margin-bottom: 20px;
}
h3 {
	font-family: Lato, Lato-fallback, sans-serif;
	font-weight: 700;
	font-size: 1em;
	margin-top: 25px;
}
h4,h5 {
	font-family: Lato, Lato-fallback, sans-serif;
	font-weight: 700;
	font-size: 0.9em;
	margin-top: 15px;
	margin-bottom: 0px;
}
p {
	margin-bottom: 0.5em;
	line-height: 1.4em;
	font-size: 0.83em;
}
sub {
    vertical-align: baseline;
    font-size: 0.7em;
}
sup {
    vertical-align: top;
    font-size: 0.7em;
    position: relative;
    top: -0.25em;
}
a:link {
	color:#3400D0;
	text-decoration:none;
}
a:visited {
	color:#3400D0;
	text-decoration:none;
}
a:hover, #stichnav a[title]:hover, h4 a[title]:hover {
	text-decoration:underline;
}
a:active {
	color:#3400D0;
	text-decoration:none;
}
a[href^="http:"] {
	color:#A00000;
}
a[href^="ftp:"] {
	color:#A00000;
}
a[href^="https:"] {
	color:#A00000;
}
a[href^="file:"] {
	color:#e6007e;
}
a[href*="material/"] {
	color:#df7000;
}
a[href*="programm/"] {
	color:#df7000;
}
aside a:link, aside a:visited, aside a:active {
	color:#FFFFFF;
}
aside a:hover {
	text-decoration:underline;
}
abbr:hover {
	cursor:help;
}
a[title], abbr[title], span[title] {
	text-decoration: none;
	border-bottom: 1px dotted;
}
h4 a[title] {
	text-decoration: none;
	border-bottom: 0px !important;
}
hr {
	margin-top:30px;
}
table cite {
	display:block;
	font-size:0.85em;
	font-weight:400;
	font-style:oblique;
	margin-top:10px;
}
td.tabelle p {
	font-size:0.83em;
	font-family: Cabin, Cabin-fallback, sans-serif;
	margin-bottom:1em;
}
table cite {
	display:block;
	font-size:0.85em;
	font-weight:400;
	font-style:oblique;
	margin-top:10px;
}
td p {
	font-size:0.83em;
	font-family: Cabin, Cabin-fallback, sans-serif;
	margin-bottom:1em;
}
td b, td h3 {
	font-size:0.83em;
	font-family: Lato, Cabin-fallback, sans-serif;
}
td em, td p em {
	font-size:1em;
	font-family: Cabin, Cabin-fallback, sans-serif;
}
td li {
	font-family: Cabin, Cabin-fallback, sans-serif;
	text-align:left;
}
th p {
	margin-bottom:1em;
}
td {
	font-size:0.83em;
	font-family: Cabin, Cabin-fallback, sans-serif;
}

/* Content-Klassen */

table.bild {
	margin: 1em auto;
	border:solid 1px;
	border-color:#888888;
	padding-top:0.2em;
	padding-bottom:0.2em;
	background-color:#FFFFFF;
	border-spacing:1.3em 0.9em;
}
table.bild ul, table.bild ol, table.tabelle ul, table.tabelle ol {
	margin-bottom: 0.5em !important;
	margin-left: 20px !important;
	margin-right: 10px !important;
}
table.bild ul li, table.bild ol li {
	font-weight:400;
	font-size:1em;
}
table.bild p {
	font-weight:400;
	margin-top: 0px;
	margin-bottom: 8px;
}
table.linksbuendig th, table.linksbuendig td, table.linksbuendig cite, table.linksbuendig p, td.linksbuendig, td.linksbuendig cite, td.linksbuendig p, tr.linksbuendig, tr.linksbuendig cite, tr.linksbuendig p, th.linksbuendig, p.linksbuendig  {
	text-align:left;
}
table.zentriert th, table.zentriert td, table.zentriert cite, table.zentriert p, td.zentriert, td.zentriert cite, td.zentriert p, tr.zentriert, tr.zentriert cite, tr.zentriert p, th.zentriert {
	text-align:center !important;
}
table.oben td {
	vertical-align:top;
}
table.bild p:first-of-type {
	margin-top: 8px;
}
table.bild p:last-of-type {
	margin-bottom: 0px;
}
table.bild td {
	border: none;
	font-weight:700;
	font-size:0.9em;
	padding: 0.3em;
	margin: 0;
}
table.bild img {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
}

table.tabelle {
	border:2px solid gray;
	border-style:ridge;
	border-collapse:collapse;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:15px;
	empty-cells:show;
}
table.tabelle caption {
	font-family: Lato, Lato-fallback, sans-serif;
	font-size:0.85em;
	font-weight:700;
	caption-side:top;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:5px;
}
table.tabelle th {
	border:1px solid gray;
	border-style:solid;
	padding:4px;
	background-color:#E0E0E0;
	font-size:0.8em;
	font-weight:700;
}
table.tabelle td {
	border:1px solid gray;
	border-style:solid;
	padding:6px;
	padding-left:6px;
	background-color:#EEEEEE;
	font-size:0.8em;
	font-weight:400;
	text-align:left;
}
.links {
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.linksbuendig {
	text-align: left;
}
.zentriert {
	text-align: center;
}
blockquote {
	margin-top:1em;
	margin-bottom:1em;
	margin-left:0em;
	margin-right:0em;
	border-style:solid;
	border-width:0px;
	padding:2em;
	padding-top:1.5em;
	padding-bottom:1em;
	background-color:#e1e1e1;
}
blockquote strong {
	font-size:0.8em;
}
blockquote p {
	font-size:0.75em;
}
main ul, main ol {
	font-size:0.83em;
	margin-top:0.2em;
	margin-bottom:1em;
	line-height: 1.4em;
}
ul.zweispaltig {
	width:980px;
	max-width:100%;
	display:inline-block;
	clear:both;
	margin-bottom:0px;
}
ul.zweispaltig li {
	float: left;
	width: 460px;
	max-width: 90%;
}
ul.dreispaltig {
	width: 980px;
	max-width: 90%;
	display:inline-block;
	clear:both;
}
ul.dreispaltig li {
	float: left;
	width: 290px;
	margin:0 10px 0 12px;
}
ul.zweispaltig-schmal, ul.dreispaltig-schmal {
	float: left;
	width: 32em;
	margin-top: 0.3em;
	margin-bottom: 0.5em;
	margin-left: 1.5em;
	padding: 0;
}
ul.zweispaltig-schmal li {
	float: left;
	width: 15em;
	margin: 0;
	padding: 0 0 0 0.1em;
}
ul.dreispaltig-schmal li {
	float: left;
	width: 10em;
	margin: 0;
	padding: 0 0 0 0.1em;
}
p.siehe{
	font-size:0.9em;
}
.einrueckung {
	padding:0.5em;
	padding-left:2.0em;
	padding-bottom:0.4em;
	margin-top:0.5em;
	margin-bottom:0.6em;
	font-size:1em;
}
p.weitinfo + ul > li {
	font-size: 0.8em 
}
p.weitinfo + ul.zweispaltig {
	margin-bottom: 0 !important;
}
p.weitinfo + ul.dreispaltig {
	margin-bottom: 0 !important;
}
p.weitinfo + ul.zweispaltig > li {
	background: none;
	list-style-type: disc;
	margin-right:30px;
	padding: 0px;
}
p.weitinfo + ul.dreispaltig > li {
	background: none;
	list-style-type: disc;
	margin-right:30px;
	padding: 0px;
}

/* Produktspezifische Besonderheiten */

body {
	color: black;
	background-color: #B2B2B2;
	font-family: Cabin, Cabin-fallback, sans-serif;
	font-size: 100.01%;
	margin: 0;
	margin-bottom: 20px;
}
header, #navcontainer {
	width: 1200px;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
}
#graubalken {
	background-color: #F9F9F9;
	margin: 30px auto;
	margin-bottom: 0;
	height: 30px;
	width: 1102px;
}
main {
	background-color: #F9F9F9;
	width: 1022px;
	margin: 30px auto;
	margin-top: 0;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 30px;
	display: block;
}
aside {
	text-align: center;
	background-color: #B2B2B2;
	width: 720px;
	padding: 5px;
	margin: 20px auto;
}
aside + h2 {
	margin-top: 30px !important;
}
nav#linksmitte {
	top: 50%;
	position: fixed;
}
#fenav {
	margin-top: -3.5em;
	margin-left: -20px;
	padding: 0;
	list-style-type: none;
	border:0;
}
#fenav img {
	margin: 0;
	padding: 2px;
	border: 0;
}
#lexnav {
	position: absolute;
	margin: 2em;
	margin-top: -20em;
	margin-left: -70px;
	padding: 0.5em;
	list-style: none;
	width: 1.0em;
	text-align:center;
}
#lexnav a, #fenav a {
	text-decoration:none;
	border-bottom: 0;
	color:#5e5e5e;
}
#lexnav a:hover {
	text-decoration:none;
	color:#cb2023;
}
#lexnav li {
	margin-top:1px;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:1px;
	font-family: Lato, Lato-fallback, sans-serif;
	font-weight: 700;
	font-size:13pt;
}
.lexnav-horizontal {
	margin-top: 20px;
	text-align: center;
	font-family: Cabin, Cabin-fallback, sans-serif;
	font-size: 17pt;
	font-weight: 700;
}
.lexnav-horizontal p {
	font-size: 10pt;
	font-weight: 400;
}
.aktiv {
	font-size:1em;
	font-weight:700;
	font-family: Lato, Lato-fallback, sans-serif;
	color:#000080;
}
#kapgliederung {
	border:solid 1px;
	margin:1.5em auto;
	padding:0.5em;
}
#kapgliederung::after, ul.lex::after{
	content: "";
	clear: both;
	display: table;
}
#kapgliederung h3 {
	text-align:center;
	font-size:1em;
	margin-top:0.2em;
	margin-bottom:0.7em;
}
.gliederungstitel {
	text-align: center;
	font-family: Lato, Lato-fallback, sans-serif;
	clear: both;
	font-weight: 700;
	font-size: 1em;
}

ul.lex {
	width: 63em;
	padding-top: 1em;
	padding-left: 20px;
	margin-left:35px;
}
ul.lex li {
	float: left;
	width: 20em;
	font-size:0.95em;
	line-height:1.7em;
	margin-right:15px;
}
article h4 {
	clear:both;
	font-weight: 700;
	font-size: 1em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-family: Lato, Lato-fallback, sans-serif;
}
article h2 {
	clear:both;
	font-weight: 700;
	font-size: 1.4em;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-family: Lato, Lato-fallback, sans-serif;
}
#stichnav {
	width:95%;
	margin: 7px auto;
}
#stichnav a {
	border-bottom:0px;
}

/* Plugins */

.qtip-light {
	border-color: #aaa !important;
	background-color: #eee !important;
}
.qtip-content {
	color: #123;
	font-size: 10pt;
	line-height: 14pt;
	font-family: Cabin, Cabin-fallback, sans-serif;
	box-shadow: 10px 10px 10px silver;
}
.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
a.image-popup{
	cursor:zoom-in;
}
a.video-popup{
	cursor:zoom-in;
}
.linkreplace a{
	overflow-wrap: break-word;
}

/* Responsive Einstellungen Desktop */

@media (max-width: 1400px) {
	#fenav {
		margin-left: 5px;
	}
	#lexnav {
		margin-left: -40px;
	}
}
@media (max-width: 1300px) {
	#lexnav {
		display: none;
	}
	#fenav {
		margin-left: 0px;
	}
}
@media (max-width: 1240px) {
	main {
		padding-left: 20px;
		padding-right: 20px;
	}
	h1 img, #graubalken {
		width: 1062px;
	}
	#fenav {
		margin-left: 20px;
	}
}
@media (max-width: 1180px) {
	nav#linksmitte {
		display: none;
	}
}

/* Responsive Einstellungen Mobilgeräte */

@media (max-width: 1061px) {
	/* Inline-Tags */
	h1 img {
		max-width: 100%;
	}
	h2 {
		font-size: 1.8em;
	}
	.gliederungstitel {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.1em;
	}
	h4 {
		font-size: 1em;
		margin-bottom: -5px;
	}
	p {
		font-size: 1em;
	}
	/* Content-Klassen */
	.bild, .bild-links, .bild-mitte, .bild-rechts {
		max-width:100% !important;
		border-spacing: 1.1em;
		/* display:block; */
	}
	table.tabelle {
		width: 100% !important;
	}
	table.tabelle li {
		font-size:0.9em;
	}
	table.tabelle caption {
		font-size:1em;
	}
	table.tabelle th {
		font-size:0.9em;
	}
	table.tabelle td {
		font-size:0.9em;
	}
	table cite {
		margin-top:15px;
	}
	table cite a {
		-ms-word-break: break-all;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	blockquote {
		width: auto !important;
		margin: 1.5em 0;
	}
	ul.doppelt, ul.zweispaltig, ul.dreispaltig, ul.zweispaltig-schmal, ul.dreispaltig-schmal, ul.lex {
		max-width: 100%;
		float: none;
	}
	td b, td h3 {
		font-size:1em;
	}
	td p {
		font-size:1em;
	}
	td {
		font-size:1em;
	}
	main ul, main ol {
		font-size:1em;
	}
	ul.lex {
		max-width: 100%;
	}
	ul.lex li {
		font-size: 1.2em;
		max-width: 100%;
		margin-right:30px;
	}
	/* Produktspezifische Besonderheiten */
	body {
		max-width: 100%;
		padding-top: 0 !important;
	}
	header, main, #navcontainer {
		max-width: 100% !important;
		overflow: hidden;
	}
	main {
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
	}
	#graubalken {
		display: none;
	}
	aside {
		width: 700px;
		max-width: 95%;
		margin-bottom: 30px;
	}
	nav#linksmitte {
		display: none;
	}
	.lexnav-horizontal {
		font-size: 24pt;
	}
	.lexnav-horizontal p {
		font-size: 16pt;
	}
	#kapgliederung {
		background:none;
		margin:0;
		padding-top:0;
		border:0;
		text-align:left;
		width:auto !important;
	}
	article h3 {
		font-size: 1.1em;
	}
	#startbild-desktop {
		display: none;
	}
	#startbild-mobile {
		display: block !important;
		width:100%;
		text-align:center;
		margin-top:10px;
		margin-bottom:40px;
	}
	#startlex {
		font-size: 1.2em !important;
		line-height: 1.4em !important;
	}
	.kp {
		width:100% !important;
		font-size:1em !important;
	}
	.kh {
		font-size:1.1em;
	}
	.linkreplace a
	{
		font-size:0pt;
	}
	.linkreplace a:before  {
		visibility: visible;
		font-size: 15px; 
		display: inline-block; 
		content: '\01F517';
	}
}
@media (max-width: 910px) {
	.scroll {
		overflow:auto;
	}
	ul.lex li {
		width:19em;
	}
}
@media (max-width: 865px) {
	ul.lex li {
		width:17.5em;
	}
}
@media (max-width: 800px) {
	#stichnav {
    	font-size:0;
	}
	#stichnav img {
    	width: 50px;
    	height: 50px;
	}
	.bild img {
		width: 100%;
		height: auto;
	}
	main, main#inhaltlex {
		width: auto;
		margin: 0;
		padding: 10px !important;
	}
	table.bild {
		display: table;
		table-layout: fixed;
		margin-left: 0px;
		margin-right: 0px;
		padding:0.2em;
		width:100% !important;
		border-spacing: 0.8em;
	}
	table.bild p {
		clear: both;
		font-size:1em;
		margin-top: 5px;
		margin-bottom: 5px;
		max-width: 100% !important;
	}
	table.bild td {
		text-align:center !important;
		font-size:1em;
		padding: 0 !important;
		padding-top: 10px !important;
		padding-bottom: 15px !important;
		display: block;
		clear: both;
		width: 100% !important;
		max-width: 100% !important;
		height:auto !important;
	}
	table.bild img {
		margin: 0 auto;
		margin-top: 1em;
		width: auto !important;
		max-width: 100% !important;
		max-height: 700px;
		clear: both;
	}
	ul.doppelt, ul.zweispaltig-schmal, ul.dreispaltig-schmal {
		float: none;
		width: auto;
	}
	ul.doppelt li, ul.zweispaltig-schmal li, ul.dreispaltig-schmal li {
		float: none;
		width: auto;
	}
	ul.lex {
		width: auto;
		margin-top: 40px;
		margin-left: 0;
		padding: 0;
	}
	ul.lex li {
		float: none;
		list-style-type: none;
		background: none;
		text-align: center;
		padding: 0.4em;
		border: 1px solid #bbb;
		margin: 5px 0px 5px 0px !important;
		width: auto;
		font-size: 1em;
	}
	ul.lex a:link, ul.lex a:active, ul.lex a:visited {
		text-decoration: none;
		color:#272727;
		border: none;
	}
	li.last {
		margin-bottom:1.5em;
	}
}

/* Druck-Einstellungen */

@media print {
	body {
		background: none;
	}
	h1 img {
		max-width: 100%;
	}
	nav, aside, hr {
		display: none;
	}
	#kapgliederung {
		background: none;
	}
}