Vorlage:Styles.css: Unterschied zwischen den Versionen

Version vom 17. November 2022, 18:25 Uhr

/*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/
/*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/

.button a.image {
	display: inline-block;
	padding-right: 2px;
}


.button-2 .button a.image {
	vertical-align: -2px;
	padding-right: 20px;
}

.button .button-1 a.image {
	vertical-align: -1px;
}

.mw-editform #wpTextbox1 {
	color:black!important;
}


/* hr {
  text-align:left;
}*/

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	height: 0px;
	border: 0;
	border-top-color: currentcolor;
	border-top-style: none;
	border-top-width: 0px;
	border-top: 1px solid rgba(0,0,0,0.1);
	clear: unset;
	display: flex;
	background: rgba(0,0,0,0.25);
}

.toc {
	border:		1px solid #a2a9b1;
	padding:	7px;
}

.width-xxl .toc,
.width-xl .toc,
.width-l .toc,
.width-xxs .toc,
.width-xs .toc,
.width-s .toc {
	min-width:		unset;
	}

.toclevel-2 {
	margin-left: 15px;
}

.toclevel-3 {
	font-size: 90%;
	margin-left: 22px;
}

.toclevel-4 {
	font-size: 80%;
	margin: -4px 0px -4px 26px;
}

.notocnumber .toc ul li a .tocnumber {
	display: none;
	}

/* ausgeagert in common.css
.toctogglespan {
	display: inline-flex;
	}
*/

.glyphicons {
  display: inline-block;
  /*opacity: 1;*/
}

.halflings {
	display: inline-block;
	}

table {
	/* display: inline; */
	margin: unset;
}


.unsichtbar {
  display: none!important;
}

h3, h4  {
	white-space: 	pre-wrap;
	line-height: 	1.3em;
	color:				rgba(0,0,0,0.8);
	}

.h2 {
	border-bottom:		1px solid #a2a9b1;
	display: 			flex;
	}

.h-top +h3 {
	margin-top:			0em;
	}

.listhead p {
	margin-bottom: 0;
}

.no-p p {
	margin-top: 0;
	margin-bottom: 0!important;
}

li {
	text-align: left;
	}

ul > li:last-child {
	margin-bottom: 7px;
	}

.btn a {
	color:		unset;
	}


/* Formatierung Ausklapp-Toggle */

/* Ersetzt [ausklappen] durch eine farbige, linksbündige Schaltfläche */
/* :before und :after entfernen die []  */
/* Der Ausklapp-Button wird von Mediawiki automatisch in eine Tabellenzeile geschrieben */
/* und erhält einen unschönen Rand, der ebenfalls entfernt wird */

/* Die Beschriftung wird dann gesteuert mit: »data-expandtext=« bzw. »data-collapsetext=« */

.mw-collapsible-toggle {
	color:rgba(255, 255, 255, 0.9);
	display: inline-block;
	background: #ec971f;
	border: 1px solid #f0ad4e;
	border-radius:3px;
	padding: 0px 3px!important;
	font-size:100%;
	text-align:left;
	float:none!important;
	margin-top: 0.3em;
	} 

.bigdezent .mw-collapsible-toggle {
 	color:				rgba(255, 255, 255, 0.9);
	display: 			inline-block;
	background-image:	radial-gradient(rgb(104, 167, 200)0%, rgb(43, 151, 213) 80%);
	border:				3px solid #00ffff;
	border-radius:		3px;
	padding: 			0px 3px!important;
	font-size:			80%;
	font-family:		Arial;
	text-align:			left;
	float:				none!important;
	margin-top: 		0.3em;
	line-height:		2em;
	} 

.dezent.fs-medium .mw-collapsible-toggle,
.bigdezent.fs-medium .mw-collapsible-toggle {
	font-size:	medium;
	} 

.dezent .mw-collapsible-toggle {
 	color:				rgba(255, 255, 255, 0.9);
	display: 			inline-block;
	background-image: 	radial-gradient(rgb(104, 167, 200)0%, rgb(43, 151, 213) 80%);
	border: 			1px solid #878a90;
	border-radius:		3px;
	padding: 			0px 3px!important;
	font-size:			80%;
	text-align:			left;
	float:				none!important;
	margin-top: 		0.3em;
	margin-right:		0.5em;
	} 

.blank .mw-collapsible-toggle {
 	/* color:rgba(255, 255, 255, 0.9);*/
	display: inline-block;
	background-image: none;
	border: none;
	/* border-radius:3px;*/
	padding: 0px 3px!important;
	font-size:80%;
	text-align:left;
	float:none!important;
	margin-top: 0.3em;
	} 

.grau .mw-collapsible-toggle {
 	color:		rgba(0,0,0,0.7);
	display: 	inline-block;
	background:	#eaecf0;
	border: 	none;
	min-height:	3em;
	padding: 	1em !important;
	font-size:	16px;
	font-weight:	bolder;
	text-align:	center;
	float:		none!important;
	margin-top: 	0px;
	} 



.mw-collapsible-toggle-default::before {
	content: '\f25a  ';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	/* content: ''; */
	}

.io .mw-collapsible-toggle-default::before {
	content: '\f129  ';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	/* content: ''; */
	}

.mw-collapsible-toggle-default::after {
	content: '';
	}

.toggle-links#mw-customcollapsible-Inhalte {
	display:		inline-flex;
	}

.toggle-links .mw-collapsible-toggle {
	height:			max-content;
	}

a.mw-collapsible-text {
	color:			white;
	}

.TOC3 a.mw-collapsible-text {
	color:			unset;
	}

.mw-collapsible.hover a.mw-collapsible-text {
	color:			unset;
	}

.spicon-utm .mw-collapsible-toggle-default::after {
	content:		'\e91c  ';
	}

.spicon-av .mw-collapsible-toggle-default::after,
.spicon-antivirus .mw-collapsible-toggle-default::after {
	content:		'\e901  ';
	}

.spicon-uma .mw-collapsible-toggle-default::after {
	content:		'\e91a  ';
	}

.spicon-sub .mw-collapsible-toggle-default::after {
	content:		'\e925  ';
	}

.spicon-vpn-client .mw-collapsible-toggle-default::after,
.spicon-sslvpn .mw-collapsible-toggle-default::after {
	content:		'\e900  ';
	}

.spicon-ms .mw-collapsible-toggle-default::after,
.spicon-mobile-security .mw-collapsible-toggle-default::after {
	content:		'\e913  ';
	}


[class*="spicon-"] .mw-collapsible-toggle-default::after {
	font-family:	'spicons';
	float:			right;
	padding-right:	3px;
	padding-left:	3px;
	font-size:		150%;
	}

i:not([class*="spicon-"]) {
	font-family:	unset !important;
	} 

#mw-customcollapsible-Inhalte {
	font-family:	unset !important;
	}


.info-collapsed .mw-collapsible-toggle, 
.info .mw-collapsible-toggle, 
.info-collapsed, 
.info,
.hover .mw-collapsible-toggle {
	border: unset;
	background: unset;
	color:		unset;
	font-size: unset;
	/* border-bottom: 1px dotted black; */
	border-radius: 0px;
	/* line-height: 0em; */
	height: 0.5em;
}

div.info {
	padding:	0;
	}

.hover .mw-collapsible-toggle {
	text-decoration-line: underline;
	text-decoration-style: dotted;
	}

.info-text .mw-collapsible-toggle {
	display: inline;
	}

.hover .mw-collapsible-content,
.info-text .mw-collapsible-content {
	background: lavender;
	}

.info-text .mw-collapsible-content {
	background: lavender;
	}

.info .mw-collapsible-toggle-default::before,
.info-collapsed .mw-collapsible-toggle-default::before {
	content: '\f129';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	color:		#ec971f;
	border-bottom: 1px dotted #ec971f;
	border-radius: 0px;
	padding-bottom: 1px;
	}

.info-collapsed.dots .mw-collapsible-toggle-default::before {
	content:		'\f141';
	font-family:	'Font Awesome 5 Pro';
	font-weight: 	500;
	color:			#ec971f;
	border: 		1px dotted #ec971f;
	border-radius:	0px;
	padding:		0px 3px;
	background:		azure;
	}

.question .mw-collapsible-toggle-default::before {
}

.question .mw-collapsible-toggle-default::after {
	content: '\f128';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	color:		#ec971f;
	border-bottom: 1px dotted #ec971f;
	border-radius: 0px;
	padding-bottom: 1px;
	}


.info-collapsed.check-circle .mw-collapsible-toggle-default::before {
	content: '\f058';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	/* color:		#ec971f; */
	border-bottom: 1px dotted #ec971f;
	border-radius: 0px;
	padding-bottom: 1px;
	}

.info-collapsed.alert .mw-collapsible-toggle-default::before {
	content: '\f071';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	/* color:		#ec971f; */
	border-bottom: 1px dotted #ec971f;
	border-radius: 0px;
	padding-bottom: 1px;
	}

.info-collapsed .mw-collapsible-text {
	display: none;
	}

.info .mw-collapsible-text {
	color:			#ec971f;
	font-size:		small;
	padding-left:	2px;
	}


.hover.mw-collapsible {
	display: inline-block;
}

#mw-customcollapsible-Inhalte {
	display:	inline;
	}

#mw-customcollapsible-Inhalte2 {
	display:	inline;
	}

#mw-customcollapsible-Inhalte3 {
	display:	inline;
	}

.Bild .dezent #mw-customcollapsible-Inhalte {
	float:		left !important; /* Zeigt die Schaltfläche innerhalb von Tabellen mit Bildern linksbündig an */
	}

.thumbcaption #mw-customcollapsible-Inhalte {
	display:			grid;
	justify-content:	flex-end;
	}

.Einblenden-rechts .mw-collapsible-toggle {
	float:			right !important;
	margin-right:	0px !important;
	}

#mw-customcollapsible-info-collapsed {
	display: inline-table;
}

#mw-customcollapsible-hover {
	display: inline-table;
}

.mw-collapsible-content {
	display:	block;
}

.block .mw-collapsible-content {
	display:	block;
}

.block.flex-content .mw-collapsible-content {
	display:	flex;
}

.Bild .mw-collapsible-toggle {
	float:  	left !important;
	}

.Bild .mw-collapsible-content {
	position: 	relative;
	top: 		2em;
	}

.Toggle-als-Block .mw-collapsible-toggle-collapsed {
	width:			25.2em;
	margin:			5px; 
	}

.Toggle-als-Block .mw-collapsible-content {
	margin-left:	5px;
	}

.Bild.width-xs.mw25 ~ .Einrücken .Toggle-als-Block .mw-collapsible-toggle-expanded {
	margin-right:	calc( 100vw - 25.2em - 25em - 8vw - 270px );
	width:			25.2em;
	margin-left:	5px;
	margin-bottom:	5px;
	}



.Toggle-als-Block {
	display:	flex;
	flex-wrap:	wrap;
	position:	relative;
	left:		-5px;
	}

.toggle-size-big .bigdezent .mw-collapsible-toggle,
.toggle-size-big .bigdezent .mw-collapsible-toggle .mw-collapsible-text {
	font-size:	100%;
	}


/* Ende Formatierung Ausklapp-Toggle */


.Hover {
	padding:		0.2em;
	background:		rgba(0,0,0,0.81);
	border-radius: 	3px;
	color:			white;
	font-size:		95%;
	}


th.headerSort {
  padding-right: 19px!important;
  }

.top,
.top td {
	vertical-align: top;
}


.middle td, .middle {
	vertical-align:	middle;
	}

.sub td, .sub {
	vertical-align:	sub;
	}

.sup {
	color:		#f89406;
	font-size:	120%;
	}

dd {
  margin-left: 2em;
  }

ul {
  margin-bottom: 0px;
  }

.ul-2 {
	padding-left: 4em;
	}


.mw-empty-elt {
  display: block!important;
  }

.spiegelstrich ul  { 
  list-style-type:none;
}

.spiegelstrich ul li:before {
  content: "– "
}

.angel li::before {
	font-family:	'Font Awesome 5 Pro';
	content:		"\f105  ";
	position:		absolute;
	left:			0.75em;
	}

.ol-li-red ol li::marker {
	color:			red;
	}


.nocolumnbreak ul {
	page-break-inside:		avoid;
	break-inside:	avoid;
	}

.wikitable,
.auto {
	width: auto;
}

.wikitable1 {
	background-color:white;
	color:		#222;
	margin: 0em 0;
	border: 1px solid white;
	border-collapse: collapse;
	}

.wikitable2, .wikitable3 {
/*	background-color:white; */
	color:		#222;
	margin: 0em 0;
	border: 1px solid white;
	border-collapse: collapse;
	}

.wikitable1 th, .wikitable2 th, .wikitable3 th {
	background-color:	#eaecf0;
	border: 1px solid #a2a9b1;
	}

.wikitable1 td, .wikitable2 > tbody > tr > td {
	background-color:	#f8f9fa;
	border: 1px solid #a2a9b1;
	padding: 0.2em 0.2em;
	line-height:1.4;
	}


.wikitable1 .Leerzeile, 
.wikitable2 .Leerzeile, 
.wikitable3.Leerzeile, 
.sptable.Leerzeile, 
.sptable2.Leerzeile, 
.sptable3.Leerzeile, 
.noborder.Leerzeile,
.sptable2.striped tbody tr:nth-child(2n+1).Leerzeile > td {
	/* border-left: 0; 
	border-right: 	0; 
	border: 	0;
	background: 	unset;
	height:		auto;
  }



.pt2 {
  float: left;
  margin-bottom :10px;
  max-width:44%;
  }

.sptable {
	display: block;
	color:		#222;
	margin: 0em 0;
	/* border: 0; */
	border-collapse: collapse;
	}

.sptable td {
	background-color:	#f8f9fa;
	border: 1px solid #a2a9b1;
	padding: 0.2em 0.2em;
	line-height:1.4;
	}

.sptable tr > td:first-child {
	text-align: left;
	}

[class^="sptable"].center-col1 td:first-child,
.center-col1 td:first-child,
.center-col1 th:first-child,
.center-1col td:first-child,
.center-1col th:first-child,
td.sp-center,
th.sp-center,
.tr1--center tr > th:first-child,
.tr1--center tr > td:first-child {
	text-align: 	center;
	}


.center td,
.center-col2 td:nth-child(2),
.center-col2 th:nth-child(2),
.center-col2-n th:not(:first-child),
.center-col2-n td:not(:first-child),
.center-col4 td:nth-child(4),
.center-col4 th:nth-child(4) {
	text-align: 	center;
	}

.center-col1 .nocenter td:first-child {
	text-align:		unset;
	}


.hide-col1 td:first-child,
.hide-col1 th:first-child,
.hide-1col td:first-child,
.hide-1col th:first-child {
	display:	none;
	}

.hide-col2 td:nth-child(2),
.hide-col2 th:nth-child(2),
.hide-1co2 td:nth-child(2),
.hide-1co2 th:nth-child(2) {
	display:	none;
	}


.sptable2 th.th-rotate {
	height:			9em;
	white-space:	nowrap;
	border-left:	none;
	} 

.sptable2 th:not(:last-child).th-rotate {
	border-right:	none;
	}

th.th-rotate > div {
	transform: 
    /* Magic Numbers */
    translate(-8.6em, -4.33em)
    /* 45 is really 360 - 45 */
    rotate(45deg);
	width:			4em;
	}

th.th-rotate > div > div {
	border-bottom:	1px solid grey;
	padding:		1.2em 0px;
	width:			12.7em;
	text-align:		end;
	vertical-align:	middle;
	display:		inline-block;
	}

.hideifnotneeded .hideifnotneeded {
	display: none;
	}

table.tdnoleft tr td {
	text-align:	unset;
	}


.Leerzeile td {
	text-align: 	left !important;
	}

.sptable2, .sptable3 {
	display:	inline-block;
	/* color: #222; */
	margin: 0em 0;
	border: 0;
	border-collapse: collapse;
	}

.sptable2 td, .sptable0 td, .sptable2 td, .sptable3 td {
	background-color:	#f8f9fa;
	border: 1px solid #a2a9b1;
	padding: 0.2em 0.1em;
	line-height:1.4;
	}

.sptable2 td.hrzeile {
	border: 0;
/* border-left-style: hidden;
	border-right-style: hidden;
	border-bottom-style: hidden;
	background: unset; */
}

.sptable2 .Hinweis td, .sptable0 .Hinweis td, .sptable3 .Hinweis td {
	background-color: unset;
	border: unset;
	}

table.sptable,
table.sptable2,
table.sptable3 {
	border:		0;
	}

.spgridtr .Leerzeile {
  border-left: 0; 
  border-right: 0; 
  }


.sptable .Leerzeile, .sptable2 .Leerzeile, .blank .Leerzeile {
	border: 	0; 
	background: 	unset;
	height:		auto;
	}

.ausrücken, .Ausrücken {
	margin-left:	-30px;
	display:		block;
	}

.Leerzeile td, .Ausrücken td, .ausrücken td {
	border:		none !important;
	}

.Leerzeile .border-default td {
	border:		1px solid grey !important;
	}

.pipe-left .spc__default:not(:first-child) {
	border-left:	1px solid;
	border-radius:	0;
	padding-left:	3px;
	}

.pipe-left .spc__default:first-child {
	padding-right:	3px;
	}

.swaprow3-4 tbody tr {
	display:		grid;
	justify-content:	left;
	}

.swaprow3-4 tr th:nth-child(1),
.swaprow3-4 tr td:nth-child(1) {
	grid-column:	1/2;
	width:			6em;
	border-right:	0;
	border-bottom:	0;
	}

.swaprow3-4 tr th:nth-child(2),
.swaprow3-4 tr td:nth-child(2) {
	grid-column:	2/3;
	width:			6em;
	border-right:	0;
	border-bottom:	0;
	}

.swaprow3-4 tr th:nth-child(3),
.swaprow3-4 tr td:nth-child(3) {
	grid-column:	4/5;
	width:			8em;
	border-bottom:	0;
	}

.swaprow3-4 tr th:nth-child(4),
.swaprow3-4 tr td:nth-child(4) {
	grid-column:	3/4;
	grid-row:		1;
	width:			8em;
	border-right:	0;
	border-bottom:	0;
	}

.swaprow3-4 .Leerzeile {
	border-top:		1px solid #a2a9b1;
	}

[class*="sptable"] tr th.border-right,
[class*="sptable"] tr th.bd-right,
[class*="sptable"] tr td.border-right,
[class*="sptable"] tr td.bd-right {
	border-right:	1px solid #a2a9b1;
	}

.swaprow3-4 tr:last-child td {
	border-bottom:	1px solid #a2a9b1;
	}

.pd0 {
	padding: 	0px !important;
	}

.pd1, .pd1 td,
.pd1 .thumbimage,
.spc__default.pd1,
.button.pd1 {
	padding: 	1px;
	}

.pd2, .pd2 td,
.pd2 .thumbimage,
.spc__default.pd2,
.button.pd2 {
	padding: 	2px;
	}

.pd3, .pd3 td,
.pd3 .thumbimage,
.spc__default.pd3,
.button.pd3 {
	padding: 	3px;
	}

.pd4, .pd4 td,
.pd4 .thumbimage,
.spc__default.pd4,
.button.pd4 {
	padding: 	4px;
	}

.pd5, .pd5 td,
.pd5 .thumbimage,
.spc__default.pd5,
.button.pd5 {
	padding: 	5px;
	}

.pd1em, .pd1em td,
.pd1em .thumbimage,
.spc__default.pd1em,
.button.pd1em {
	padding: 	1em;
	}

.pdr05 {
	padding-right:	0.5em !important;
	}

.pdr3 {
	padding-right:	3px;
	}

.pdr6 {
	padding-right:	6px;
	}

.pdl0 {
	padding-left:		0px !important;
	}

.pdl5 {
	padding-left:		5px;
	}

.pdt0 {
	padding-top:		0px;
	}

.sptable td, .sptable0 td {
	padding-top: 5px;
}

td.Bild, td.bild, 
.sptable th.Bild, 
th.bild,
table.sptable2 tr th.Bild,
table.sptable2 tr th.bild,
.Bild {
	background-color: unset;
	border: 	0;
	padding-top:	0px;
	padding-left: 	10px;
	width: 		45%;
	text-align:	right;
	vertical-align:	top;
	font-weight: 	inherit;
	}


table.sptable2 tr th.Bild-s,
table.sptable2 tr td.Bild-s {
	background-color: unset;
	border:			0;
	padding-top:	0px;
	padding-left: 	10px;
	width: 			35%;
	min-width:		20em;
	text-align:		right;
	vertical-align:	top;
	font-weight:	inherit;
	}

.Bild-s.width-xl .img-container {
	width:			80%;
	}


/*
.width-xxl,
td.Bild.width-xxl img, td.bild.width-xxl img {
	width: 55%;
	}

.width-xl,
td.Bild.width-xl img, td.bild.width-xl img {
	width: 50%;
	}

.width-l,
td.Bild.width-l img, td.bild.width-l img {
	width: 40%;
	}

.width-m,
td.Bild.width-m img, td.bild.width-m img {
	width: 35%;
	}

.width-s,
td.Bild.width-s img, td.bild.width-s img {
	width: 30%;
	}

.width-xs,
td.Bild.width-xs img, td.bild.width-xs img {
	width: 25%;
	}

.width-xxs,
td.Bild.width-xxs img, td.bild.width-xxs img {
	width: 20%;
	}
*/


.i-width-s .img-container {
	width:		75%;
	}

.i-width-xs .img-container {
	width:		50%;
	}

.i-width-xxs .img-container {
	width:		35%;
	}

.Bild .img-container + .img-container {
	margin-right:	1em;
	/* Fügt nur bei Bildern, die auf ein Bild folgen
	(also links davon angezeigt werden)
	einen rechten Abstand hinzu */
	}

.Bild .embedvideo .embedvideo .embedvideowrap iframe {
	width:		80%;
	top:		-2.3em;
	position:	relative;
	}

.Bild .embedvideo .embedvideo .thumbcaption {
	position:	relative;
	top:		-4.6em;
	}

.Bild .thumbcaption {
	display:		block;
	text-align:		left;
	}

.embedvideo-consent:hover .embedvideo-consent__message {
	background-color:	#E74C3C;
	border-color:		#E74C3C;
	color:				#fff;
}

img.mw1em,
img.max-width-1em {
	max-width:	1em;
	}

img.max-width-2em {
	max-width:	2em;
	}

img.iconwidth {
	max-width:	1.4em;
	}
.maxw10, .max-width10em {
	max-width:	10em;
	}

td.Bild .thumbinner, th.Bild .thumbinner, td.bild .thumbinner, th.bild .thumbinner {
	width: unset !important;
	border: 0;
	padding-top: 0;
	}


.Bild .thumb.tright, .bild .thumb.tright {
	padding-top: 0px;
	margin-top: 0;
	}

.sptable th, .sptable0 th, .sptable2 th, .sptable3 th {
	background-color:	#ccc;
	border: 1px solid #a2a9b1;
	padding: 5px;
}



.Bild2 .tright, .bild2 .tright {
	margin-top: 0em;
	}

tbody > tr:nth-child(2) > * > .Bild2 .tright, tbody > tr:nth-child(2) > * > .bild2 .tright {
	margin-top: -2.3em;
	}

.Vorschaubild img {
	border:			1px solid gray;
	padding:		1px;
	margin-left:	5px;
	margin-bottom:	10px;
	width:			65px;
	position:		relative;
	top:			1em;
	}

.bigdezent .Vorschaubild img {
	margin-bottom:	20px;
	}

.sptablelist tr:nth-child(odd) > td {
	background: #EAE0E0;
	}

.sptablelist tr:nth-child(even) > td {
	background: #EFEAEA;
	}

code {
	display: flex;
	border: 1px solid #c2c2c2;
	color:		rgba(0,0,0,0.8) !Important;
	background: #cccccc;
	padding: 2px;
	margin: 2px 0px;

	}



td.border-bottom-dezent {
 	border-bottom-color: #ddd;
}

.nop p {
	margin-bottom: 0px;
}

.MS.Zelle1-Beschriftung td:first-child,
.MS.Beschriftung {
	display:		inline-block;
	margin:			1px 0px;
	background:		white;
	box-shadow:		0 0 0 1px rgba(0,0,0,0.05);
	border-radius:	3px 3px 0px 0px;
	padding:		1px 3px;
	font-weight:	600;
	font-size:		0.9em;
	}

.UTM.Zelle1-Beschriftung td:first-child,
.UTM.Beschriftung {
	background-color: white;
	display:		inline-block;
	margin:			1px 0px; 
	padding:		2px;	
 	border-width:	1px;
 	border-style:	solid; 
	border-color:	#b6b6b6; /* white #ababab #ababab #ababab */
	border-radius:	3px;
	font-weight:	bolder;
	clear:			both;
	}

.SUB.beschriftung {
	color:			black;
	font-size:		small;
	font-weight:	inherit;
	}

.block,
.code.block {
	display: block;
	}

.flex {
	display:	flex;
	}

.grid {
	display:	grid;
	}

.noborder,
.noborder td {
	border:		0!important;
	}

td.borderless, td.td-noborder,
.noborder .thumbimage,
.Bild.noborder img {
	border:		none;
	}

.redborder {
	border:		2px solid red;
	}

  
/* .blank td {
	border:		0!important;
	background:	0!important;
	} */

.blank .sptable2.noblank,
.blank .sptable2.noblank td {
	border:		1px solid #a2a9b1
	}



.sptable.blank,
.sptable1.blank,
.sptable2.blank,
.sptable0.blank,
.sptable.blank td,
.sptable1.blank td,
.sptable2.blank td,
.sptable0.blank td,
table.border0 {
	border: 0;
	}

.border-bottom-xs td {
	border: 0!important;
	}

.mb05em ol:first-child > li {
	margin-bottom: 0.5em;
	}

.dl-mb0 dl {
	margin-bottom:		0;
	}

.language-toggle-german {
	position: absolute;
	top: -8em;
	}

.language-toggle-english {
	position: absolute;
	top: -8em;
	}

.host {
	background: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 2px;
	display: inline-flex;
	margin: 0px 0px;
	padding: 0px 2px 0px 2px;
	font-size: 12px;
	font-weight: bolder;
	font-style: normal;
	color:		#468847;
	font-family: "Arial",sans-serif;
	clear: both;
	}

.host.utm::before {
	content: "\e91c";
	font-family: spicons !important;
	font-weight: normal;
	margin-right: 3px;
	}

.host.vpn::before {
	content: "\e900";
	font-family: spicons !important;
	font-weight: normal;
	margin-right: 3px;
	}

.none {
	display: none;
	}

.inline-flex,
.Hinweis-Container__einblenden.inline-flex,
.SUB.inline-flex {
	display: 	inline-flex;
	}

.inline-block,
.code.inline-block,
.h-box.inline-block {
	display: 	inline-block;
	}

.inline {
	display:	inline;
	}

.h-box {
	display: block;
	align-items: center;
	}

.text-h4.h-box {
	margin: 	0em 0em 1em 0em;
	}

td .text-h4.h-box {
	margin: 	0em;
	}

.h-element:not(:empty) {
	padding-right: 12px;
	}

.h-element:empty {
	display: none;
	}

.reiter.portal {
	background: #fff;
	border-bottom-left-radius:	0px; 
	border-bottom-right-radius:	0px; 
	border-top-right-radius: 	1px; 
	border-top-left-radius: 	1px; 
	border-top:		1px solid rgba(0, 0, 0, 0.6);
	border-bottom:	2px solid #E74C3C;
	border-left:	0.05em solid rgba(0, 0, 0, 0.3);
	border-right:	0.05em solid rgba(0, 0, 0, 0.3);
	padding:		3px 3px;
	color:			rgba(0, 0, 0, 0.5);
	clear:			both;
	display:		ruby; /* Nur für FF: gegen Zeilenumbruch */
	}

.reiter.utm {
	background-image: linear-gradient(#ededed, #c4c4c4);
	border: 1px solid;
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; 
	border-top-right-radius: 3px; 
	border-top-left-radius: 3px; 
	border-color:	#B6B6B6 #B6B6B6 white #B6B6B6;
	padding: 0px 3px;
	clear: both;
	}

.reiter.rsp {
	background:		#fff;
	border-bottom:	2px solid #e74c3c;
	margin-bottom:	-2px;
	display:		inline-block;
	padding:		0px 10px;
	color:			rgba(0,0,0,.5);
	}

.SUB {
	display:		inline-block;
	}

.SUB.Reiter-Rand {
	color:			rgba(255, 255, 255, 1); 
	background: 	#e8e8e8; 
	border-bottom:	1px solid #aaa; 
	border-top: 	none;
	padding:		0.4em 0.2em 0em 0.2em;
	clear: 			both;
	}

.SUB .Reiter {
	padding:	 	0em 0.2em; 
	color:			#212121;
	border: 		1px solid #aaa;
	border-bottom: 	1px solid white;
	background: 	white;
	display: 		inline-block;
	clear: 			both;	
	}

.code {
	display:		inline-flex; 
	/* word-wrap: 	anywhere; */
	word-break: 	break-all;
	text-align: 	left;
	border: 		1px solid #c2c2c2;
	background: 	#ccc;
	padding: 		1px 4px;
	font-size: 		85%;
	border-radius: 	2px;
	/* font-family: "monospace",sans-serif; */
	font-family: 	"Courier",sans-serif;
	box-shadow: 	1px 1px inset;
	color:			rgba(0,0,0,0.8);
	}

pre {
	display: inline-block; 
	/* word-wrap: anywhere; */
	word-break: break-all;
	text-align: left;
	border: 1px solid #c2c2c2;
	background-color:	#c2c2c2;
	padding: 1px 4px;
	font-size: 85%;
	border-radius: 2px;
	font-family:	revert;
	box-shadow: 1px 1px inset;
	color:		rgba(0,0,0,0.8);
	margin-bottom:	0px;
	}

.textincode {
	display:	contents;
	}

.bold b, .boldcode b, .pre--bold__color b {
	font-weight:	bold;
	color:			#323232;
	}

/*
.fa, .fas, .fal {
	font-family:	unset;
	font-weight:	unset;
	}
*/

.fa:before,
.fas:before,
.fal:before {
	font-family: 	'Font Awesome 5 Pro';
	}

.fal.fa-angle-up-down:before {
	font-family: 	'Font Awesome 5 Pro';
	content:		"\f106";
	position:		relative;
	top:			-0.1em;
	}

.fal.fa-angle-up-down:after {
	font-family: 	'Font Awesome 5 Pro';
	content:		"\f107";
	position:		relative;
	left:			-0.5em;
	top:			0.3em;
	}

.menu {
	background-image: linear-gradient(#b9e0f5, #92bdd6);
	border: 1px solid; 
	border-color:	#7096ab #7096ab #7096ab #7096ab;
	border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px;
	border-top-right-radius: 3px; 
	border-top-left-radius: 3px; 
	padding: 0px 3px;
	margin-right: 4px;
	display: inline-flex;
	clear: both;
	}

.SUB .Menu-Rand {
	background:		white;
	padding:		6px 0px;
	border-top: 	1px solid #dfdede;
	border-bottom: 	1px solid #dfdede;
	}

.SUB .Menu {
	background:		#eceded;
	padding:		3px;
	display:		inline;
	color:			black;
	margin-right:	2px;
	}

.Menu-Rand .Menu {
	font-size:		large;
	padding:		1px;
	}

.SUB .Kasten {
	border:			1px solid #dcdcdc;
	border-bottom:	none;
	border-radius:	2px 2px 0 0;
	color:			rgba(0,0,0,.6);
	background-color: #f5f5f5;
	margin-left:	1px;
	margin-right:	2px;
	padding:		2px;
	}


.AWP.Menu {
	border:			1px solid rgba(0,0,0,.05);
	padding:		2px;
	background:		#fafbfe;
	margin-right:	1px;
	}

.AWP.Menu img {
	top:			-2px;
	position:		relative;
	padding-right:	5px;
	}

.AWP.Mandant {
	background:		white;
	font-size:		unset;
	padding:		2px;
	border:			1px solid rgba(0,0,0,.05);
	margin-right:	1px;
	}


.lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img {
	width: 45%;
border: 0;
padding: 0px 0px 5px 20px;
}

.img-container {
	display: flow-root;
	}

td > .img-container {
	float:		right;
	}

td > .left.img-container {
	float:		left;
	}

.border-default,
.img-container img,
.Bild img {
	border:		1px solid grey;
	}

.Bild img.embedvideo-consent__thumbnail__image {
	border:		0;
	}

.embedvideo-consent__message {
	text-align:	center;
	}

.bild__kleiner {
	padding-left: 60%;
	}

.check-circle li:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f058";
	font-size: 12px;
	/* color: rgb(231, 76, 60); */
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}


.link li,
.check-circle li {
	padding-left: 20px;
	display: block;
	position: relative;
	left: -15px;
	}

.link li::before,
li.link::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f0a9";
	font-size: 12px;
	color: rgb(231, 76, 60);
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 900;
	}

/*
li ~ li.link {
	padding-left:	0px;
	}

li ~ li.link::before {
	left:			-1.5em;
	}
			Wo zur Hölle wird das gebraucht? */

.info-collapsed.check .mw-collapsible-toggle-default::before
.check li:before, 
.startbox.check li:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f00c";
	font-size: 12px;
	/* color: rgb(231, 76, 60); */
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}

.check li, .startbox.check li {
	padding-left: 20px;
	display: block;
	position: relative;
	left: -15px;
	}

.list--element__alert li:before, 
li.list--element__alert::before,
.startbox li.list--element__alert::before {
	font-family:	'Font Awesome 5 Pro';
	content:	"\f071";
	font-size:	15px;
	/* position:	absolute; 
	left:		-3px; 
	margin-right:	1em; */
	position:		inherit;
	left:			-20px;
	margin-right:	-17px; 
	font-weight:	400;
	vertical-align:	baseline;
	width:			max-content;
	}

.list--element__stop li::before,
li.list--element__stop::before {
	font-family:	'Font Awesome 5 Pro';
	content:	"\f5ec";
	font-size:	15px;
	/* position:	absolute; 
	left:		-3px; 
	margin-right:	1em; */
	position:	inherit;
	left:		-20px;
	margin-right:	-17px; 
	font-weight:	400;
	vertical-align:	top;
	}

.list--element__bullet li::before,
li.list--element__bullet::before,
.startbox .list--element__bullet li::before,
.startbox li.list--element__bullet::before,
.list--element__alert .bullet li::before {
	font-family:	'Font Awesome 5 Pro';
	content:		"\f111";
	font-size:		6px;
	position:		inherit;
	left:			-14px;
	margin-right:	-5px; 
	font-weight:	900;
	vertical-align:	middle;
	color:			grey;
	}

.list--element__skull li::before,
li.list--element__skull::before {
	font-family:	'Font Awesome 5 Pro';
	content:		"\f714";
	font-size:		6px;
	position:		inherit;
	left:			-14px;
	margin-right:	-5px; 
	font-weight:	900;
	vertical-align:	middle;
	color:			grey;
	}

.list--element__ios li::before,
li.list--element__ios::before {
	font-family:	'Font Awesome 5 Brands';
	content:	"\f179";
	font-size:	15px;
	position:	inherit;
	left:		-20px;
	margin-right:	-17px; 
	font-weight:	400;
	vertical-align:	top;
	color:		rgba(0, 0, 0, 0.6);
	}

.list--element__asterisk li::before,
li.list--element__asterisk::before {
	font-family:	'Font Awesome 5 Pro';
	content:		"\f069";
	position:		inherit;
	left:			-1.2em;
	margin-right:	-1em; 
	font-weight:	900;
	vertical-align:	top;
	}

.list--element__check-circle li::before,
li.list--element__check-circle::before {
	font-family:	'Font Awesome 5 Pro';
	content:		"\f058";
	position:		inherit;
	left:			-1.2em;
	margin-right:	-1em; 
	font-weight:	900;
	vertical-align:	top;
	}

.list--element__alert li,
.list--element__stop li,
.list--element__ios li {
	padding-left: 17px;
	display: block;
	position: relative;
	left: -17px;
	}

li[class*=list--element__],
li.link {
	padding-left: 	17px;
	display: 		flow-root; 	/* geändert: 16.2.22: block; */
	position: 		relative;
	left: 			0px;
	}

li[class*=list--element__].Hinweis-neu,
li.link {
	padding-left: 	29px;
	display: 		flow-root; 	/* geändert: 16.2.22: block; */
	position: 		relative;
	left: 			0px;
	}

li[class*=list--element__].Hinweis-neu::before {
	left:			-24px;
	}


li.list--element__alert.em2,
.startbox li.list--element__alert.em2,
li.list--element__skull.em2 {
	padding-left: 	2.5em;
	}

li.list--element__alert.em2::before {
	top: 			6px;
	}

.list--element__alert.list--element__hint.em2::before,
.list--element__alert.list--element__positiv.em2::before,
.list--element__alert.list--element__warning.em2::before {
	line-height: 	1.1em;
	}

td .list--element__alert.list--element__hint.em2::before {
	top: 		0.2em;
	}


li.list--element__alert.em3 {
	padding-left: 	3.75em;
	}

.list--element__alert.list--element__hint.em3::before {
	line-height: 	1.1em;
	}

td .list--element__alert.list--element__hint.em3::before {
	top: 		0.1em;
	}

.FAQ li.list--element__bullet {
	margin-left:	1em;
	padding-top:	1.2em;
	font-weight:	bold;
	}

.FAQ li.list--element__bullet::before {
	margin-right:	-11px;
	}

.FAQ ul li {
	list-style: circle;
	}

.FAQ .Einrücken .Einrücken {
	margin-left:	4em;
	}

.FAQ .Einrücken1 pre {
	margin-top:		-0.2em;
	}


.list--element__warning li:before, 
li.list--element__warning:before {
	color:		#d71e0b;
	}

.list--element__hint li:before, 
li.list--element__hint:before,
.startbox li.list--element__hint:before {
	color:		rgb(255,200,0);
	}

.list--element__positiv li:before, 
li.list--element__positiv:before {
	color:		#468847; /* rgb(2,90,0); */
	}

.list--element__unset li:before, 
li.list--element__unset:before {
	color:		unset;
	}

.li-b li:before, li.list--element__b:before {
	color:		rgb(2,100,130);
	font-weight: 400;
	}

.li-spr li:before, .UTM.li-b li::before {
	color:		#ec7063;
	font-weight: 400;
	}

.list--element__default li:before, 
li.list--element__default:before {
	color:		inherit;
	}

.list--element__solid li:before, 
li.list--element__solid:before,
solid {
	font-weight: 900;
	}

.list--element__regular li:before, li.list--element__regular:before {
	font-weight: 400;
	}

.list--element__light li:before, li.list--element__light:before {
	font-weight: 300;
	}


.li-sp li:before {
	font-family: 'spicons';
	content: "\e902";
	font-size: 12px;
	/* color: rgb(231, 76, 60); */
	position: absolute;
	left: 0px;
	margin-right: 1em;
	font-weight: 400;
	}

.li-sp li {
	padding-left: 20px;
	display: block;
	position: relative;
	left: -15px;
	}


.Neu-Container {
	display: inline-flex;
	position: relative;
	top: 0.2em;
	width: 1.3em;
	padding-top: 5px;
	}

.Neu--Text {
	font-size: 65%; 
	display: inline-flex;
	position: relative; 
	top: -1em; 
	}


.Neu--Icon {
	font-size: 50%; 
	display: inline-flex;
	margin-left: 0px;
	/* margin-right: 2px; */
	position: relative; 
	top: -0.2em; 
	left: -1.65em;
	}

.neu-menu {
	display:		initial;
	padding:		7px;
	background:		rgba(231, 76, 60, 0.18);
	line-height:	2em;
	}

neu-menu .spc__menu ~ .spc__menu {
	white-space:	pre;
	margin-left:	0.5em;
	/* Zweites Menü wird im Header korrekt umgebrochen */
	}

.new .startbox-head {
	padding:		5px;
	display:		flex;
	align-items:	center;
	}

.new .startbox-head span {
	padding-right:		5px;
	}

.info-text #mw-customcollapsible-info-collapsed {
	display: inherit;
	}

.info-box {
	max-width:		40%;
	min-width:		20em;
	border:			1px solid grey;
	padding:		5px;
	float:			right;
	}

.light-box {
	border:			1px solid #e7dede;
	display:		inline-block;
	padding:		5px;
	}

.lh-inherit, .fas.middle {
	line-height:	inherit;
	}

.lh--default {
	line-height: 1.4em;
	}

.lh--16 {
	line-height: 1.6em;
	}

.lh--11 {
	line-height: 1.1em;
	}

.lh--125 {
	line-height: 1.25em;
	}

.lh--4em td {
	height:		4em;
	}

.lh--2em, .lh2 {
	line-height:		2em;
	}

.middle {
	vertical-align:	middle;
	}


.li-1em > * > * > li {
	margin-top:	1em;
	}

li.li-1em {
	padding-top:	1em;
	}

.li-05em li {
	margin-top:	0.5em;
	}

li.li-05em {
	padding-top:	0.5em;
	}


.lh-07 td,
.lh--half td {
	line-height: 0.7em;
	}

.lhu, .lh--unset {
	line-height:	unset;
	}

.top--03 {
	position: relative;
	top: -0.3em;
	}

.border_1px_solid {
	border-style:	solid;
	border-width:	1px;
	}


.signal-light {
	width: 			16px;
	height: 		16px;
	border-radius: 	50%;
	margin-left: 	auto;
	margin-right: 	auto;
    /* background-color: #515151; */
	display:		inline-block;
	font-style:		unset;
	}

.bc__na.signal-light:before,
.down.signal-light:before {
	content:		"\f05a";
	font-family:	'Font Awesome 5 Pro';
	font-weight:	900;
	color:			#7e7e7e;
	}

.bc__gelb.signal-light:before,
.error.signal-light:before {
	content:		"\f017";
	font-family:	'Font Awesome 5 Pro';
	font-weight:	900;
	color:			#e9c321;
	}

.bc__grün.signal-light:before,
.up.signal-light:before {
	content:		"\f058";
	font-family:	'Font Awesome 5 Pro';
	font-weight:	900;
	color:			#3eab30;
	}


.bc__na.signal-light,
.bc__gelb.signal-light,
.bc__grün.signal-light {
	background-color:	unset;		/* Umstellung auf FontAwesome-Icns in 12.2.3 */
	}

.ic-eingabe {
	border-width:	1px;
	border-style:	solid;
	border-color:	rgb(182, 182, 182);
	}


.strikethrough {
	position:		relative;
	white-space:	nowrap;
	}




/*** Schriftgrößen ***/

/* .em1 {
	font-size: 	1em;
	}

.em2,
.fa-2x {
	font-size: 	2em;
	}

.em3,
.fa-3x {
	font-size: 	3em;
	} */

.fas.em2, .fas.fa-2x,
.fal.em2, .fal.fa-2x,
.far.em2, .far.fa-2x {
	font-size: 	2em;
	}

.fas.em3, .far.fa-3x,
.fal.em3, .fal.fa-3x,
.far.em3, .far.fa-3x {
	font-size: 	3em;
	}

.Hinweis-Container--icon.em1 {
	font-size: 	1em;
	}

.Hinweis-Container--icon.em2 {
	font-size: 	2em;
	}

.Hinweis-Container--icon.em3 {
	font-size: 	3em;
	}

.startbox-head.color-box-shadow {
	padding:	1em;
	}


.list--element__alert.em2:before,
.startbox .list--element__alert.em2:before,
.list--element__skull.em2:before {
	font-size: 	2em;
	position: 	absolute;
	left:		inherit;
	}

.list--element__alert.em2l:before {
	font-size: 	2em;
	position: 	absolute;
	left:		-0.7em;
	top:		0.25em;
	}

.list--element__alert.em3:before {
	font-size: 	3em;
	position: 	absolute;
	left:		inherit;
	}



.button {
	border-width:	1px;
	border-style:	solid;
	border-radius:	3px;
	padding: 0px 	4px;
	padding-top: 	0px;
	margin-top: 	1px;
 	display:		inline-block;
	vertical-align:	baseline;
	/* display:		inline-flex; */
	align-items:	center;
	height:			max-content;
	min-height:		1.5em;
	}

.button.USR {
	border-width:	1px;
	border-style:	solid;
	border-radius:	3px;
	padding: 		4px 4px;
	margin-top: 	1px;
 	display: 		inline-block;
	vertical-align:	middle;
	height:			max-content;
	}

.spc__uma.UMA ,
.button.UMA {
	border-color:	#B6B6B6;
	padding: 	.1em 0.2em;
	display: 	inline-block;
	color:				#555;
	font-family: 	Verdana,Arial,sans-serif;
	border: 	1px solid #d3d3d3;
	background: 	#e6e6e6;
	font-weight: 	normal;
	margin: 	0em .4em .5em 0;
	border-radius: 	0;
	}

.button.SUB {
	padding: 	.1em 0.2em;
	display: 	inline-flex;
	color:				#555;
	font-family: 	Verdana,Arial,sans-serif;
	border-color:	#d3d3d3;
	background: 	white;
	font-weight: 	normal;
	margin: 	.5em .4em .5em 0;
	border-radius: 	0;
	font-size: 	0.8em;
	}

.button.SUB.pd5 {
	padding: 	5px;
	}

.button.MAC {
	background: 	white;
	border-color:	#ccc;
	}

.button.SEWS {
	border: 	none;
	border-radius: 	5px;
	color:				#505050;
	font-size: 	85%;
	font-weight: 	bold;
	padding: 	4px;
	text-align: 	center;
	}

.button.ICS {
	border-radius:	2px;
	display:	initial;
	padding: 	3px 5px;
	font-size:	0.9em;
	margin:		2px;
	}

.button-default.ICS,
.button-default.SUB {
	background:	#f3f3f3; /* Eigentlich #f5f5f5; -> zu wenig Hintergrundkontrast */
	color:		#333;
	background-image:	none;
	}

.button-default {
	background-image: linear-gradient(#ededed, #c4c4c4);
	}

.button.button-blau {
	border-color:	#B6B6B6;
	background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%);
	}

.button.button-dro, 
.button.button-dropdown-solid {
	border-color:	#B6B6B6;
	background: white;
	color:		rgb(68, 68, 68);
	}

.button.button-dr,
.button.button-dropdown {
	border-color:	#B6B6B6;
	background-image: linear-gradient(#fcfcfc, #edebea);
	}

.button.button-dropdown.UTM {
	background: 	#e9e9ed;
	border-radius: 	4px;
	}

.button.SEWS {
	background-image: unset;
	}

.button .glyphicons {
	margin-right:		5px;
	}

.iconbutton {
	background-image:	linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	height:				1.8em;
	width:				1.8em;
	padding:			0.3em;
	line-height:		1em;
	text-align:			center;
	border:				1px solid #d3d3d3;
	}

.button.icon {
	width:				1.5em;
	height:				1.5em;
	text-align:			center;
	vertical-align:		baseline;
	}

.fas.icon,
.fal.icon,
.far.icon {
	height:				1.5em;
	width:				1.5em;
	padding:			0.2em;
	line-height:		1em;
	text-align:			center;
	background-color:			#e6e6e6;
	}

.fas.icon:not(.button),
.fal.icon:not(.button),
.far.icon:not(.button) {
	border-radius:		0;
	border:				1px solid #d3d3d3;
	}

.button.icon .glyphicons {
	margin-right:		unset;
	vertical-align:		middle;
	}


.max-content, .mc {
	min-width:	max-content;
	width:		100%;
	}

blockquote {
	margin: 0.25rem 0 1rem;
	font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-size: 87.5%;
	color:		#212529;
	border: 1px solid lightgray;
	background-color: white;
	padding: 0.5em;
 	display: inline-block;
	}

.key {
	padding-top: 1px;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 1px;
	border-bottom: 3px solid #888888;
	padding-left: 2px;
	border-left: 1px solid #CCCCCC;
	padding-right: 2px;
	border-right: 3px solid #888888;
	background-color:	#EEEEEE;
	border-radius: 2px;
	font-style: inherit;
	font-size: 90%;
	line-height: 160%;
	}


.MS.ic-eingabe {
	background-color: rgba(0, 0, 0, 0.01);
	border-color: 	rgba(0, 0, 0, 0.125);
	border-radius: 	2px;
	padding: 	0px 3px;
	margin: 	3px 0px;
	display: 	inline-block;
	transition: 	border 0.3s;
	box-shadow: 	0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset;
	font-weight: 	normal;
 	vertical-align:	baseline;
	line-height:	1.5em;
	/* -webkit-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset;
	-webkit-transition: border 0.3s; */
	}

.MAC.ic-eingabe,
.UTM.ic-eingabe {
	/* background-color: rgb(255, 255, 255); */
	border-radius:	3px;
	display:		inline-block;
	transition:		border 0.3s;
	/* box-shadow:	0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset; */
	font-weight:	normal;
	padding:		0px 3px;
	}

.UTM.ic-eingabe .inner-block {
	display:		flex;
	align-items:	center;
	justify-content:	space-between;
	}

.inner-block__left .icon {
	margin-right:		5px;
	}

.MAC.ic-eingabe {
	padding-right: 0px;
	background-color: rgba(0, 0, 0, 0.01);
	}

.UMA.ic-eingabe,
.AWP.ic-eingabe {
	background-color: rgb(255, 255, 255);
	display: inline-flex;
	}

.AWP.ic-eingabe.c {
	display: inline-block;
	}


.SUB.ic-eingabe {
	border: 	1px solid rgb(182, 182, 182);
	display: 	inline-block;
	color:				#000;
	font-size: 	0.8em;
	/* position:	absolute;
	top:		0em; */
	}


.ICS.ic-eingabe {
	border-radius:		3px;
	border: 		1px solid rgba(0,0,0,.125);
	background-color:	rgba(0,0,0,.01);
	}


.UMA.ic-eingabe.cb {
	padding: 5px 20px 20px 5px;
	}

.UMA.ic-eingabe .pd5 {
	padding: 0px 5px;
	display: inline-flex;
	align-items: center;
	}

.UMA.ic-eingabe.cb .pd5 {
	display: inline-block;
	}

.small .ic-eingabe {
	line-height:	1em;
	}

.IC-Beschriftung, .ic-beschriftung {
	font-size:		0.65em;
	color:			#000;
	white-space: 	nowrap;
	/* position:	relative;
	top:			-1.52em;*/
	}


.AWP.ic-beschriftung {
	font-size:		1em;
	color:			#494949;
	white-space:	nowrap;
	}


.ic-eingabe-box {
	display:	inline-flex;
	margin: 	16px 5px 22px 1px;
	position:	relative;
	}

.ICB-Beschriftung, .icb-beschriftung {
	font-size: 	0.65em;
	color:				#000;
	white-space: 	nowrap;
	position:	absolute;
	top:		-2em;
	}

.icb-eingabe {
	border: 	1px solid rgb(182, 182, 182);
	display: 	flex;
	color:				#000;
	white-space: 	nowrap;
	font-size: 	0.8em;
	position:	relative;
	top:		-0.4em; 
	min-width:	100%;
	}






.tr.UTM.ic-eingabe {
	border: 1px solid #B6B6B6;
	border-radius: 0px;
	}


.tr-head.UTM.ic-eingabe {
	border: 1px solid #B6B6B6;
	border-radius: 0px;
	background: linear-gradient(#ededed, #c4c4c4);
	box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
	padding: 3px 4px;
	vertical-align: middle;
	}


.tr-odd.UTM.ic-eingabe {
	border: 1px solid #B6B6B6;
	border-radius: 0px;
	background-color:	#EDEDED;
	}


.tr-even.UTM.ic-eingabe {
	border: 1px solid #B6B6B6;
	border-radius: 0px;
	background-color: white;
	}


.tr-odd-c.UTM.ic-eingabe {
	border: 1px solid #B6B6B6;
	border-radius: 0px;
	background-color:	#EAE0E0;
	}


.tr-even-c.UTM.ic-eingabe {
	border: 1px solid #B6B6B6;
	border-radius: 0px;
	background-color:	#EFEAEA;
	}


.UMA.ic-eingabe--cb,
.UTM.ic-eingabe--cb,
.UTM.ic-eingabe.cb {
	padding: 	5px 5px 20px 5px;
	background:	white;
	}

.MS.ic-eingabe--cb {
	padding: 	5px 5px 20px 5px;
	background:	rgba(0, 0, 0, 0.01);
	}



.SPDyn.ic-eingabe--icon,
.UMA.ic-eingabe--icon,
.MS.ic-eingabe--icon {
	padding-left: 	0px;
	}

.UTM.ic-eingabe--icon {
	display:inline-block; 
	/* width: 20px;  */
	text-align: center; 
	border-right: 0; 
	padding-left: 0px;
	/* padding: 1px; */
	}

.UMA.ic-eingabe .icon,
.SPDyn.ic-eingabe .icon,
.UTM.ic-eingabe .icon {
	display:		inline-block; 
	padding: 		4px 6px;
	background: 	white;
	border-right: 	1px solid rgba(0,0,0,0.125);
	}

.MS.ic-eingabe .icon {
	display:		inline-flex; 
	padding: 		0px 6px;
	/* background: 	white; */
	border-right: 	1px solid rgba(0,0,0,0.125);
	}


.UMA.ic-eingabe--icon--rechts,
.UTM.ic-eingabe--icon--rechts,
.UTM.ic-eingabe.icon.rechts,
.MS.ic-eingabe--icon--rechts,
.UTM.ic-eingabe--icon.rechts,
.UTM.ip-rechts {
	padding-left:		3px; 
	padding-right: 		0px;
	}

.UTM.ic-eingabe.c,
.UTM.ic-eingabe.counter {
	padding: 0 0 0 3px;
	}

.UMA .dr-icon {
	border-left: 1px solid rgb(182,182,182);
	background: #e1e1e1;
	display: inline-block;
	width: 1em;
	text-align: center;
	}

.SUB .dr-icon {
	border-left: 1px solid rgb(182,182,182);
	background: #e1e1e1;
	display: inline-block;
	width: 1.4em;
	text-align: center;
	padding:5px
	}

.UMA .dr-icon::before, .SUB .dr-icon::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	content: "\f078";
	font-size: x-small;
	text-align: center;
	}

.UMA .dro i {
	padding-top:	0.2em;
	padding-right:	0.2em;
	}


.SUB > .dr-b,
.SUB .dr-b {
	color:				#09c;
	padding:			1px;
	border:				1px solid #c9c9c9;
	margin-left:		0px;
	margin-right:		0px;
	background-image:	linear-gradient(#ededed, #c4c4c4);
	border-radius:		2px;
	width:				1.3em;
	display:			inline-block;
	text-align:			center;
	}

.UTM .counter-icon {
	vertical-align:	1px;
	margin-left: 	3px;
	position: 		relative;
	left:	 		2px;
	top:			-0.3px;
	float:			right;
	}

.counter-icon .image {
	height:			1.5em;
	display:		flex;
	}

.UTM.ic-eingabe.dro {
	background:	#e9e9ed;
	}

.UTM.ic-eingabe.dro .dro {
	display:	inline-flex;
	vertical-align:	-1px;
	}

.AWP.ic-eingabe .dro {
	align-items:	center;
	display: 		flex;
	padding-right:	3px;
	}

.kasten.UTM {
	border: 1px solid #B6B6B6;
	border-radius:3px;
	padding: 0px 3px;
	clear: both
	}

.kasten.UMA {
	border: 1px solid black;
	border-bottom:0;
	border-top-right-radius: 4px; 
	border-top-left-radius: 4px; 
	padding: 1px 0.6em;
	margin: 0px 6px;
	color:		#555555;
	font-weight: bold;
	font-size: 90%;
	display: inline-block;
	}

.kasten.UMA::before {
	content: '\f0d7';
	font-family: 'Font Awesome 5 Pro';
	}


.bios-reiter {
	background: #aaa;
	color:		#0503e4;
	padding: 1px 5px;
	border-top: 2px solid #0503e4;
	border-right: 2px solid #0503e4;
	border-left: 2px solid #0503e4;
	line-height: 1.5em;
	margin-right: 5px;
	}

.bios-menu {
	background: #aaa;
	color:		white;
	padding: 1px 5px;
	line-height: 1.5em;
	margin-right: 5px;
	}


.bios-select {
	background: #221b15;
	color:		white;
	line-height: 1.5em;
	margin-right: 5px;
	}


.accordion {
	content: "\f067";
	display: block;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 2em;
	height: 2em;
	border: 3.75px solid rgba(255, 255, 255, 0.85);
	line-height: 2.2em;
	text-align: center;
	border-radius: 50%;
	background: #ccc;
	color:		#fff;
	transition: 0.3s;
	}

.spc__default {
	border-width: 	1px;
	border-style:	solid;
	border-radius: 	2px;
	/* padding: 		2px 2px 0px 2px; */
	display: 		inline-table;
	border-collapse:separate;
	font-size:		1em;
	width:			max-content;
	}

.spc__uma {
	border-width: 	0.7px;
	border-radius: 	0px;
	padding: 	0.1em 0.8em;
	text-align:	center;
	}

.spc__circle {
	display:	inline-flex;
	border-radius:	50%;
	height:		2.5em;
	width:		2.5em;
	justify-content:center;
	align-items:	center;
	}

.spc__circle-big {
	display:	flex;
	border-radius:	50%;
	height:		2.5em;
	width:		2.5em;
	justify-content:center;
	align-items:	center;
	font-size:	1em;
	}

.spc__menu {
	margin-left:	3px;
	border-radius: 	0px;
	padding: 	2px 4px;
	}

.spc__menu--width-x {
	width:		23px;
	}

.spc__kontext--width-x ,
.spc__eintrag--width-x {
	width:		17px;
	}

.spc__eintrag {
	border-width:		1px 0px;
	border-top-style:	solid;
	border-bottom-style:	solid;
	border-radius:		0px;
	font-weight:		bold;
	}

.spc__kasten {
	padding-bottom:	2px;
	}

.spc__ohne ,
.spc__blank {
	border: 	none;
	/* padding: 	2px 2px 0px 2px; */
	/* display: 	inline; */
	/* width:		1.25em; */
	font-size:	1em;
	}

.spc__status {
	font-size:	0.8em;
	border-collapse:collapse;
	}

.spc__grau--rund {
	border-radius: 	5px;
	}

.cf-legend {
	display:	inline-block;
	min-width:	45px;
	height:		27px;
	margin:		0 4px;
	border:		2px solid #eee;
	border-radius:	1em;
	padding:	0px 6px 3px 6px;
	color:		white;
	vertical-align:	top;
	}

.radio {
	background: 	#fafafa;
	overflow: 	hidden;
	display: 	inline-block;
	width: 		18px;
	height: 	18px;
	border: 	1px solid rgba(0,0,0,.125);
	margin-right: 	5px;
	cursor: 	pointer;
	transition: 	.3s;
	border-radius: 	50%;
}

.radio.selected {
	border-width:	6px;
	border-style:	solid;
	}

.radiobutton.selected {
	border-color:	#E74C3C;
	}

.radiobutton {
	border: 	1px solid gray;
	display: 	inline-block;
	border-radius: 	50%;
	width: 		0.75em;
	height: 	0.75em;
	position: 	relative;
	top:		1px;
	}


.radiobutton::before {
	content: 	' ';
	position: 	absolute;
	top:		0.08em;
	left:		0.08em;
	border-radius:	50%;
	background:	black;
	width:		0.5em;
	height:		0.5em;
	}

.radiobutton.selected::before {
	content:	 	' ';
	position: 		absolute;
	top:			0.12em;
	left:			0.12em;
	border-radius:	50%;
	background:		#E74C3C;
	width:			0.4em;
	height:			0.4em;
	}






.beschriftung, .Beschriftung {
	background-color: white;
	display: 	inline-block;
	margin: 	1px 0px;
	padding: 	2px;
	font-weight: 	bolder;
	clear: 		both;
	}

.beschriftung.UTM {
	border-width: 	1px;
	border-style: 	solid;
	border-color:	white #e5e5e5 #e5e5e5 #e5e5e5;
	border-radius: 	3px;
	}

.beschriftung.AV,
.beschriftung.SPDyn,
.beschriftung.UMA,
.beschriftung.MS {
	border: 	none;
	}


.pre {
	display: 	contents;
	}

.pre pre {
	background: 	white;
	}

.pre pre::after {
	content: 	none;
	}

.pre pre::selection {
	background: 	gray;
	color:				white;
	}

.de-en::after {
	content: 	"de|en";
	font-style: 	normal;
	}

.de-en {
	display: 	inline-block;
	}

.nowrap,
.nw {
	white-space:	nowrap;
	}

.whitebox {
	background:	white;
	border:		1px solid silver;
	padding:	2px;
	}

.top-06 {
	position:	relative;
	top:		0.6em;
	}

.top-05 {
	position:	relative;
	top:		0.5em;
	}

.top-03 {
	position:	relative;
	top:		0.3em;
	}

.absolute {
	position:	absolute;
	}

.right {
	float:		right;
	}

.left {
	float:		left;
	}

.fs09, font-size09 {
	font-size:	0.9em;
	}

.fs08, font-size08 {
	font-size:	0.8em;
	}

.fs07, font-size07 {
	font-size:	0.7em;
	}

.fs06, font-size06 {
	font-size:	0.6em;
	}

.Kleingedrucktes {
	line-height:	0.95em;
	font-size:		0.95em;
	display:		inline-flex;
	}

.ButtonAn {
	border-radius:	9999px;
	overflow: 		hidden;
	text-shadow: 	1px 1px rgba(0,0,0,0.2);
	display: 		inline-block;
	line-height: 	13px;
	text-align:		left;
	position: 		relative;
	vertical-align:	text-top;
	margin-right: 	0px;
	cursor: 		pointer;
	color:			white;
	clear: 			both;
	}

.UTM.ButtonAn,
.SUB .ButtonAn {
	width: 			3em;
	height: 		1.33em;
	background-image: repeating-radial-gradient(#39ab2e, #319127);
	border:		 	1px solid #999999;
	box-shadow: 	inset 2px 2px 6px rgba(0,0,0,0.2);
	}

.SUB .ButtonAn {
	background:		white;
	box-shadow:		none;
	border:			1px solid #E74C3C;
	}

.MS.ButtonAn {
	background: #E74C3C;
	border: 1px solid #E74C3C;
	width: 32px;
	height: 16px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	top: 3px;
	margin-right: 0px;
	}

.MSA.ButtonAn {
	display:			flex;
	flex-flow:			wrap;
	align-content: 		center;
	height: 			1em;
	}

.MSI.ButtonAn {
	background: #2DCC71;
	display: inline-block;
	width: 26px;
	height: 16px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	position: relative;
	top: 3px;
	margin-right: 0px;
	border-radius:9999px;
	color: white;
	}

.UMA.ButtonAn {
	border-radius:		3px;
	border:				1px solid #999;
	background:			#0079FF;
	box-shadow:			inset 2px 2px 6px rgba(0,0,0,0.2);
	width:				3.25em;
	height:				1.5em;
	align-items:		center;
	display:			flex;
	}

.MSA .Button-Leiste {
	background:			#f5cdc9;
	border-radius: 		19px;
	width: 				23px;
	height: 			9px;
}

.ButtonAn-Toggle {
	background-image: 	linear-gradient(#c7c7c7,#e8e8e8);
	border: 			0px solid #999999;
	display: 			block;
	bottom: 			0px;
	position: 			absolute;
	border-radius: 		11px;
	clear: 				both;
	}

.UTM.ButtonAn .ButtonAn-Toggle,
.UTM .ButtonAn-Toggle {
	left: 			29px;
	top: 			1px;
	width: 			18px;
	height: 		18px;
	border-radius: 		11px;
	}

.MS .ButtonAn-Toggle {
	left: 				17px;
	top:				0px;
	background:			#fff;
	transition: 		0.3s;
	width: 				14px;
	height: 			14px;
	box-shadow: 		0 0 6px -2px black;
	}

.MSA .ButtonAn-Toggle {
	background:			rgb(231,76,60);
	width: 				15px;
	height: 			15px;
	left: 				0.5em;
	}

.MSI .ButtonAn-Toggle {
	border: 0px solid #999999;
	border-radius: 11px;
	display: block;
	left: 10px;
	top: 0px;
	bottom: 0px;
	background: #fff;
	position: absolute;
	width: 14px;
	height: 14px;
	box-shadow: 0 0 6px -2px black;
	}

.UMA .ButtonAn-Toggle {
	width:				1.5em;
	top:				0em;
	left:				1.75em;
	border-radius:		0px;
	}

.ButtonAn-Text {
	font-size: 		75%;
	font-weight: 	normal;
	padding-left: 	7px;
	padding-bottom:	1px;
	vertical-align:	text-bottom;
	color:			rgba(255,255,255, 0.8);
	}

.MS .ButtonAn-Text {
		vertical-align: 0.15em;
	}

.MSA .ButtonAn-Text {
	font-size: 			50%;	
	padding-left: 		17px;
	vertical-align:		15px;
	}

.UMA .ButtonAn-Text {
	text-shadow:		1px 1px rgba(0,0,0,0.2);
	color:				rgba(255,255,255, 0.8);
	}

.SUB .ButtonAn-Toggle {
	background:		#E74C3C;
	left:			1.6em;
	height:			1.1em;
	width:			1.1em;
	}

.SUB .ButtonAn-Text {
	color:			#E74C3C;
	padding-right:	3px;
	}


.ButtonAus {
	display:			inline-block;
	overflow:			hidden;
	line-height:		13px;
	position:			relative;
	margin-right:		0px;
	cursor:				pointer;
	color:				rgba(0, 0, 0, 0.6);
	clear:				both;
	vertical-align:		middle;
	}

.UTM.ButtonAus {
	background:			linear-gradient(#ebebeb, #c7c7c7);
	border:				1px solid #999999;
	border-radius:		9999px;
	width:				3em;
	height:				1.33em;
	line-height:		13px;
	}

.MS.ButtonAus {
	background:			#fafafa;
	border:				1px solid rgba(0, 0, 0, 0.125);
	width: 				32px;
	height:				16px;
	top:				3px;
	margin-top:			0px;
	border-radius:		24px;
    }

.MSA.ButtonAus {
	display: 			flex;
	flex-flow:			wrap;
	height:				16px;
	align-content: 		center;
	overflow:			unset;
	/* border:				0px solid rgba(0, 0, 0, 0.125);
	width: 				23px;
	top:				3px;
	margin-right:		0px;
	margin-top:			0px;
	border-radius:		24px;*/
    }

.MSI.ButtonAus {
	background:			#fafafa;
	border:				1px solid rgba(0, 0, 0, 0.125);
	width: 				26px;
	height:				16px;
	top:				3px;
	margin-right:		0px;
	margin-top:			0px;
	border-radius:		24px;
    }

.ButtonAus-Toggle {
	background-image: 	linear-gradient(#c7c7c7,#e8e8e8);
	border: 			0px solid #999999;
	border-radius: 		11px;
	display: 			block;
	bottom: 			0px;
	position: 			absolute;
	top: 				0px;
	left:				0px;
	width:				1.3em;
	height:				1.3em;
	clear: 				both;
	}

.MS .ButtonAus-Toggle {
	background:			#fafafa;
	top: 				0.25px;
	left:				0.5px;
	width:				0.9em;
	height:				0.9em;
	box-shadow:			0 0 6px -2px black;
	}

.MSA .ButtonAus-Toggle {
	background-image:	linear-gradient(#ebebeb, #c7c7c7);
	border: 			1px solid #999999;
	display: 			inline-block;
	overflow:			hidden;
	width:				0.9em;
	height:				0.9em;
	color:				grey;
	}

.MSI .ButtonAus-Toggle {
	background:			#fafafa;
	top: 				0.25px;
	left:				0.5px;
	width:				0.9em;
	height:				0.9em;
	box-shadow:			0 0 6px -2px black;
	}

.MSA.ButtonAus .Button-Leiste {
	background:			rgb(153, 153, 153);
	border-radius: 		19px;
	width: 				23px;
	height: 			9px;
	}

.ButtonAus-Text {
	font-size:	 		75%;
	font-weight:	 	normal;
	padding-left: 		1.75em;
	padding-bottom:		1px;
	vertical-align:		text-bottom;
	}


.min-width-2em,
.minw2, .mw2 {
	min-width:	2em;
	}

.min-width-2em.center,
.minw2.center, .mw2.center {
	width:		2em;
	}

.min-width-3em,
.minw3, .mw3,
.Filterzeile .Filterkriterium.mw3 {
	min-width:	3em;
	}
.min-width-4em,
.minw4, .mw4,
.Filterzeile .Filterkriterium.mw4 {
	min-width:	4em;
	}

.min-width-5em,
.minw5, .mw5,
.Filterzeile .Filterkriterium.mw5 {
	min-width:	5em;
	}

.min-width-6em,
.minw6, .mw6,
.Filterzeile .Filterkriterium.mw6 {
	min-width:	6em;
	}

.min-width-7em,
.minw7, .mw7,
.Filterzeile .Filterkriterium.mw7 {
	min-width:	7em;
	}

.min-width-8em,
.minw8, .mw8,
.Filterzeile .Filterkriterium.mw8 {
	min-width:	8em;
	}

.min-width-9em,
.minw9, .mw9,
.Filterzeile .Filterkriterium.mw9 {
	min-width:	9em;
	}

.min-width-9-5em,
.minw9-5, .mw9-5,
.Filterzeile .Filterkriterium.mw9-5 {
	min-width:	9.5em;
	}

.min-width-10em,
.minw10, .mw10,
.Filterzeile .Filterkriterium.mw10 {
	min-width:	10em;
	}

.min-width-11em,
.minw11, .mw11,
.Filterzeile .Filterkriterium.mw11 {
	min-width:	11em;
	}

.min-width-12em,
.minw12, .mw12,
.Filterzeile .Filterkriterium.mw12 {
	min-width:	12em;
	}

.min-width-13em,
.minw13, .mw13,
.Filterzeile .Filterkriterium.mw13 {
	min-width:	13em;
	}

.min-width-14em,
.minw14, .mw14,
.Filterzeile .Filterkriterium.mw14 {
	min-width:	14em;
	}

.min-width-15em,
.minw15, .mw15,
.Filterzeile .Filterkriterium.mw15 {
	min-width:	15em;
	}

.min-width-16em,
.minw16, .mw16,
.Filterzeile .Filterkriterium.mw16 {
	min-width:	16em;
	}

.min-width-17em,
.minw17, .mw17,
.Filterzeile .Filterkriterium.mw17 {
	min-width:	17em;
	}

.min-width-18em,
.minw18, .mw18,
.Filterzeile .Filterkriterium.mw18 {
	min-width:	18em;
	}

.min-width-23em,
.minw23, .mw23,
.Filterzeile .Filterkriterium.mw23 {
	min-width:	23em;
	}

.min-width-25em,
.minw25, .mw25,
.Filterzeile .Filterkriterium.mw25 {
	min-width:	25em;
	}

.min-width-100,
.minw100, .mw100,
.Filterzeile .Filterkriterium.mw100 {
	min-width:	100%;
	}

.width50, .w50 {
	width:		50%;
	}

.status, .Status {
	background:	#3a87ad;
	color:		#fff;
	border-radius:	9px;
	font-weight: 	bold;
	line-height: 	14px;
	text-shadow: 	0 -1px 0 rgba(0, 0, 0, 0.25);
	white-space: 	nowrap;
	vertical-align:	baseline;
	display: 	inline-block;
	margin: 	0px 1px 1px 0px;
	word-wrap: 	break-word;
	word-break: 	break-all;
	white-space: 	normal;
	padding: 	3px 9px 4px;
	}

.cb {
	background: 	#e4e4e4;
	border:		 	1px solid #aaa;
	border-radius: 	3px;
	word-break: 	break-all;
	display:		inline-block;
	line-height: 	initial;
	margin-bottom:	4px;
	/* padding-bottom:	0.5em; */
}

.border-bottom-grey {
	border-bottom:	1px solid grey;
}

.break-word {
	word-break: 	break-word;
	}

.center {
	text-align:	center;
	width:		unset;
	}

tr td.end, 
td.end, .end {
	text-align:	end;
	}

.monospace-end .end {
	font-family:	monospace;
	}

.flexbox.end {
	justify-content:	end;
	}
	
.variante1 {
	display: 	unset;
	}

.variante2 {
	display:	none;
	}

.Variante2zeigen .variante1 {
	display:	none;
	}

.Variante2zeigen .variante1 {
	display:	unset;
	}

.number {
	font-size:	10px;
	font-weight:	bold;
	color:		black;
	display:	block;
	}

.embedvideo {
	display: 	inline-block;
	}


li.Hinweis,
li.Hinweis2 {
	margin-left:	2em;
	position:	relative;
	}

li.list--element__alert.Hinweis {
	margin-left:	1em;
	}

li.list--element__alert.Hinweis2 {
	margin-left:	1.3em;
	}

li.Hinweis-neu::before,
li.list--element__alert.Hinweis-neu::before {
	left:		-22px;
	}

li.Hinweis::before,
li.list--element__alert.Hinweis::before {
	left:		-29px;
	}

li[class^="list--element"].Hinweis2::before {
	left:		-30px;
	}

li.top-Hinweis::before {
	top:		1.5em;
	}

.Hinweis-Container.List {
	padding-left:	4px;
	}

.MS.spc__menu.ml-1 .spc__menu {
	margin-left:	-5px;
	}

.ml2 {
	margin-left:	2px;
	}

.ml2em {
	margin-left:	2em;
	}

.ml0 {
	margin-left:		0px;
	}

.ml0 ul {
	margin-left:		0px;
	}

.mr2em, mr-2em {
	margin-right:	2em;
	}

.sptable-inline td {
	border-left:	1px solid #a2a9b1;
	border-bottom:	1px solid #a2a9b1;
	}

.sptable-inline tr td:first-child {
	border-left:	none;
	}

.sptable-inline tr:last-child td {
	border-bottom:	none;
	}

.uppercase {
	text-transform:	uppercase;
	}

.log,
.status-text {
	color:		#fff;
	font-weight:	bold;
	display:	inline-flex;
	min-height: 	16px;
	line-height: 	16px;
	padding: 	2px;
	border-radius:	2px;
	border: 	1px solid rgba(0,0,0,0.05);
	margin-bottom:	4px;
	}

.status-text {
	text-transform:	uppercase;
	}

.status-text.up {
	background-color:	#2DCC71;
	border-color:		#24a25a;
	font-size:			small;
}

.log.gr {
	background-color:	#468847;
	border-color:		#468847;
	border-radius:		4px;
	font-size:			small;
}

.log.service {
	background-color:	#3a87ad;
	border-color:		#3a87ad;
	border-radius:		4px;
	font-size:			small;
}

.status-text.down {
	background-color:	#E74C3C;
	border-color:		#d62c1a;
	font-size:			small;
}

.log.na  {
	background-color:	#f89406;	/* früher: #F0AD4E; */
	border-color:		#ec971f;
	border-radius:		4px;
	font-size:			small;
}

.status-text.na {
	background-color:	#f89406;	/* früher: #F0AD4E; */
	border-color:		#ec971f;
	font-size:			small;
}


.log.label {
	font-weight:		bold;
	background:			azure;
	color:				#4F4F4F;
	}

/* ***************
.status-text.bc__rotaus::before {
	content:	'\f05e';
	font-family:	'Font Awesome 5 Pro';
	font-weight:	500;
	padding-right:	0.5em;
	}

.status-text.bc__gelb::before {
	content:	'\f071';
	font-family:	'Font Awesome 5 Pro';
	font-weight:	500;
	padding-right:	0.5em;
	}

.status-text.bc__gruen::before,
.status-text.bc__grün::before {
	content:	'\f058';
	font-family:	'Font Awesome 5 Pro';
	font-weight:	500;
	padding-right:	0.5em;
	}

.status-text.bc__blau::before {
	content:	'\f05a';
	font-family:	'Font Awesome 5 Pro';
	font-weight:	500;
	padding-right:	0.5em;
	}
**************** */


.Abb {
	text-align:		end;
	font-weight:	bold;
	font-size:		small;
	}

.counter {
	position:		relative;
	float:			right;
	padding-right:	3px;
	}

.counter .fa-caret-down {
	position:		relative;
	top:			0.2em;
	left:			0.63em;
	}

.counter .fa-caret-up {
	position:		relative;
	top:			-0.2em;
	}


.buttonApplePortal {
	display:		inline-block;
	text-align:		center;
	font:			11px/100% "Lucida Grande", Arial, Helvetica, sans-serif;
	padding:		0.3em 1.7em 0.5em;
	text-shadow:	0px 1px 3px rgba(0, 0, 0, 0.55);
	border-radius:	2em;
	color:			#fff;
	}

.buttonApplePortal.renew {
	background:		#53a6e6;
	border:			solid 1px #2f68a1;
	}

.buttonApplePortal.create {
	background:		#91d268;
	border:			solid 1px #6bb468;
	}

.dont {
	text-decoration:		line-through;
	text-decoration-color:	red;
	text-decoration-style:	double;
	}

.bdr3 {
	border-radius:		3px;
	}

.bdr0 {
	border-radius:		0px !important;
	}

.head {
	font-weight:		bold;
	padding-bottom:		1em;
	display:			inline-block;
	}

.ver {
	padding-bottom:		1em;
	}

.ver-number {
	font-weight:		bold;
	}

.ver-date {
	font-weight:		bold;
	}

.cl {
	float:				left;
	}

.cl ~ .neu {
	padding-bottom:		calc( 1em - 7px );
	}

.prev {
	padding-bottom:		1em;
	display:			inline-block;
	}

.prev a {
	font-weight:		bold;
	}

.prev a ~ a::before {
	content:			"| ";
	color: 				rgba(0,0,0,0.7);
	font-weight: 		bold;
	}


.boldline {
	border-top-width:	0.11em;
	border-top-style:	solid;
	}

.dotted {
	border-top-style:	dotted;
	border-top-width:	0.11em;
	}


.small {
	font-size: 	small !important;
	}

.smaller {
	font-size: 	smaller !important;
	}

.x-small {
	font-size: 	x-small !important;
	}

.xx-small {
	font-size: 	xx-small !important;
	}

.large {
	font-size: 	large !important;
	}

.larger {
	font-size: 	larger !important;
	}

.x-large {
	font-size: 	x-large !important;
	}

.xx-large {
	font-size: 	xx-large !important;
	}

.fs-initial {
	font-size: 	initial !important;
	}

.bold {
	font-weight:	bold;
	}

.normal {
	font-weight:	normal;
	}

/*** Ende Schriftgrößen ***





/*** Hintergrundfarben ***/

.transparent .thumbimage,
.blank .thumbimage {
	background-color:	transparent;
	}


.bc__white,
.bc__white .thumbimage,
.sptable2.bc__white td,
.sptable2.tr--bc__white td {
	background-color:	#fff;
	}

.bc__white-important {
	background-color:	#fff !important;
	}

.bc__default,
.bc__default .thumbimage,
.bc__default td {
	background-color:	#f9f9f9 !important;
	}

.bc__inverse {
	background-color:	#333333;
	}

.bc__grün, .bc__gruen,
.bc__grün .thumbimage,
.UTM.bc__gruen, 
.UTM.bc__grün, 
.UMA.bc__grün {
	background-color: 	#468847;
	}

.UMA.bc__gruen,
.UMA.bc__gruen .thumbimage {
	background-color: 	#9AD267;
	}

.bc__android,
.bc__android .thumbimage {
	background-color:	#91c747;
	}

.un-blocked, .unblocked,
.positiv,
.positiv .thumbimage,
.ICS.bc__grün, .ICS.bc__gruen,
.SPDyn.bc__grün, .SPDyn.bc__gruen,
.RSP.bc__gruen, .RSP.bc__grün,
.AV.bc__grün, .AV.bc__gruen,
.MS.bc__gruen, .MS.bc__grün,
.MDM.bc__gruen, .MDM.bc__grün {
	background-color: 	#2DCC71;
	}

.SEWS.bc__grün,
.SEWS.bc__gruen,
.SEWS.bc__grün .thumbimage {
	background-color: 	#29cf73;
	}

.SUB.bc__grün,
.SUB.bc__grün .thumbimage {
	background-color: 	#51a351
	}

.signal-light.bc__grün .thumbimage {
	background-color: 	#3EAB30;
}


.bc__giftgrün,
.background-color__giftgrün {
	background-color:		#7fff00;
	}

.bc__rot,
.bc__rot .thumbimage,
.UMA.bc__rot {
	background-color: 	#ec7063; /* ; zwischenzeitlich #b94a48 */
	}

.blocked,
.warning,
.UTM.bc__rot,
.SPDyn.bc__rot,
.AV.bc__rot,
.MS.bc__rot,
.MDM.bc__rot,
.USC.bc__rot,
.USR.bc__rot,
.SUB.bc__rot,
.ICS.bc__rot,
.RSP.bc__rot,
.AWP.bc__rot, .AWP .bc__rot  {
	background-color: 	#E74C3C;
	}


.bc__error {
	background-color:		#DD463E;
	}


.UTM.bc__grau {
	background-color: 	rgb(153, 153, 153);
	}

.UMA.bc__grau {
	background-color: 	#555555;
	}

.MS.bc__grau,
.MDM.bc__grau,
.USC.bc__grau {
	background-color: 	#cccccc;
	}

.SEWS.bc__grau {
	background-color:	#a8a8a8;
	}

.SUB.bc__grau {
	background-color:	#e8e8e8;
	}

.bc__rosa, .bc__inaktiv {
	background-color:	#fdf1ef; /* deaktivierte Button AWP */
	}
.bc__dgrau {
	background-color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
	}

.bc__hgrau {
	background-color:  #ececec;/* rgba(0, 0, 0, 0.05);Status-Meldungen  */
	}

.bc__grau-app {
	background-color:	#c1cbce; /* Graue Balken in der Android-App */
	}

.bc__grau-s {
	background-color:	#55676d; /* Graue Schrift in Android-App  */
	}

.bc__grau-b {
	background-color:	#878a90; /* Graue Buttons in Android-App  */
	}

.bc__grau-menu {
	background-color:	#3c3f46; /* Graue Buttons im MDM  */
	}

.bc__grau-l {
	background-color: rgba(0, 0, 0, 0.6);
	}

.bc__grey {
	background-color: grey;
	}

.bc__grau-uma-button {
	background-color: rgb(230,230,230);
	}

.bc__readonly {
	background:	#f5f5f5;
	}

.bc__blau {
	background-color: rgb(58, 135, 173); /* Zonen, Bereiche  */
	}
.SEWS.bc__blau {
	background-color:	#6baae7;
	}

.bc__hblau, .bc__hell-blau {
	background-color:	#00bcd4; /* Geblockte Anfragen  */
	}

.bc__macos-blau {
	background-color:	#257bfe; /* Schaltflächen in MacOS  */
	}

.bc__windows-blau, 
.bc__powershell {
	background-color: 	#012456; /* Hintergrund der Powershell  */
	}

.bc__blau-select {
	background-color:	#92bdd6;
	}

.bc__blue {
	background-color:	#007bff;
	}

.bc__rots {
	background-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
	}

.bc__rotaus,
.UTM.bc__rotaus {
	background-color:	#B94A48; /* verwendet für deaktivierte Buttons in UTM  */
	background:			#B94A48;
	}

.bc__orange {
	background-color:	#ff5722; /* verwendet für Warnungen in Statistik  */
	}

.bc__ddgrau {
	background-color:	#484c53; /* Graue Ränder  */
	}

.bc__rotbd ,
.bc__rotr {
	background-color:	#e43725; /* verwendet für Border von Schaltflächen  */
	}

.bc__rotbd {
	background-color:	#d62c1a; /* verwendet für Border von Hinweisen  */
	}

.bc__rot-cb {
	background-color:	#ef8b80; /* verwendet für Border von Clickboxen  */
	}

.bc__white-lbd {
	background-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
	}

.bc__gelbbd {
	background-color:	#ec971f; /* Border gelbe Felder  */
	}

.bc__grünbd {
	background-color:	#24a25a; /* Border grüne Felder  */
	}

.bc__r, .bc__warnung {
	background-color:	#d71e0b; /* rot */
	}

.bc__gr,  .bc__positiv {
	background-color: #468847; /* rgb(2,90,0);  grün */
	}

.bc__b {
	background-color: rgb(2,100,130); /* blau */
	}

.bc__g, .bc__hinweis, .bc__gelb {
	background-color:		#f89406;	/* früher: #F0AD4E; */
	}

.SEWS.bc__gelb {
	background-color:	#f7c710;
	}

.bc__ja {
	background-color:	#CCFFCC !important;
	}

.bc__teilweise {
	background-color:	#fcffcc !important;
	}

.bc__nein {
	background-color:	#FF5555 !important;
	}

.bc__na {
	background-color:	#7E7E7E;
	}



/*** Ende Hintergrund-Farben ***/



/*** Beginn Schrift-Farbe ***/

.fc__ja, .font-color__ja,
.UTM.font-color__gruen, 
.UTM.font-color__grün, 
.UTM.fc__grün,
.UTM.fc__gruen {
	color:		#468847;
	}

.fc__up {
	color:		#3EAB30;
	}

.UMA.font-color__gruen, 
.UMA.font-color__grün, 
.UMA.fc__gruen,
.UMA.fc__grün {
	color:		#9AD267;
	}

.SPDyn.font-color__grün,
.SPDyn.font-color__gruen,
.AV.font-color__gruen, 
.AV.font-color__grün,
.MS.font-color__gruen, 
.MS.font-color__grün,
.text-green {
	color:		#2DCC71;
	}

.SUB.font-color__grün,
.SUB.font-color__gruen {
	color:	#51a351;
	}


.fc__ja .mw-collapsible-toggle-default::before,
.font-color__ja .mw-collapsible-toggle-default::before {
	color:		#ccffcc;
}

.fc__giftgrün,
.font-color__giftgrün {
	color:		#7fff00;
	}

.UTM.font-color__rot,
.UMA.font-color__rot,
li.UTM.list--element__warning:before,
.fc__warning, .UTM.fc__warning {
	color:		#b94a48; /* früher: #ec7063; */
	}

.fc__rot, font-color__rot,
.fc__error, .fc__nein {
	color:		#DD463E;
	}

.fc__na, .na {
	color:		#7E7E7E;
	}

.fc__down, .down {
	color:		#515151;
	}

.fc__link {
	color:		rgb(231,76,60);
	}



.font-color__rot,
.SPDyn.font-color__rot,
.MS.font-color__rot,
.SUB.font-color__rot,
.ICS.font-color__rot,
.AWP.font-color__rot {
	color:		#E74C3C;
	}

.UTM.font-color__grau {
	color:		rgb(153, 153, 153);
	}

.font-color__b-grau,
.ICS.font-color__grau,
.AV.font-color__grau,
.MS.font-color__grau,
.UMA.font-color__grau {
	color:		#555555;
	}

.fc-table,
.font-color-table {
	color:			#f8f9fa;
	}

.fc__white-l,
.font-color__white-l {
	color:		rgba(255, 255, 255, 0.9);
	}

.font-color__white-button, 
.fc__white-button, 
.font-color__white-b,
.fc__white-b {
	color:		rgba(255, 255, 255, 0.8);
	}

.fc__grau-l,
.font-color__grau-l {
	color:		rgba(0, 0, 0, 0.6);
	}

.font-color__dgrau,
.fc__dgrau
li.fc__dgrau,
li.font-color__dgrau {
	color:		rgb(51, 51, 51); /* Log-Einträge UTM,  */
	}

.fc__hgrau,
.font-color__hgrau {
	color:		rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
	}

.fc__grau-app,
.font-color__grau-app {
	color:		#c1cbce; /* Graue Balken in der Android-App */
	}

.fc__grau-s,
.font-color__grau-s {
	color:		#55676d; /* Graue Schrift in Android-App  */
	}

.fc__grau-b,
.font-color__grau-b {
	color:		#878a90; /* Graue Buttons in Android-App  */
	}

.fc__springgreen,
.font-color__springgreen {
	color:		rgb(0,255,127); /* schrilles Alarm-Grün  */
	}

.fc__blau,
.font-color__blau {
	color:		rgb(58, 135, 173); /* Zonen, Bereiche  */
	}

.font-color__hblau,
.fc__hblau,
.fc__hell-blau,
.font-color__hell-blau {
	color:		#00bcd4; /* Geblockte Anfragen  */
	}

.fc__macos-blau,
.font-color__macos-blau {
	color:		#257bfe; /* Schaltflächen in MacOS  */
	}

.fc__rots,
.font-color__rots {
	color:		rgba(231,76,60, 0.7); /* Symbole in rot  */
	}

.fc__rotaus,
.font-color__rotaus {
	color:		#B94A48; /* verwendet für deaktivierte Buttons in UTM  */
	}

.fc__orange,
.font-color__orange {
	color:		#ff5722; /* verwendet für Warnungen in Statistik  */
	}

.fc__ddgrau,
.font-color__ddgrau {
	color:		#484c53; /* Graue Ränder  */
	}

.font-color__rotbd ,
.fc__rotbd
.fc__rotr,
.font-color__rotr {
	color:		#e43725; /* verwendet für Border von Schaltflächen  */
	}

.fc__rotbd,
.font-color__rotbd {
	color:		#d62c1a; /* verwendet für Border von Hinweisen  */
	}

.fc__rot-cb,
.font-color__rot-cb {
	color:		#ef8b80; /* verwendet für Border von Clickboxen  */
	}

.fc__white-lbd,
.font-color__white-lbd {
	color:		rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
	}

.fc__gelbbd,
.font-color__gelbbd {
	color:		#ec971f; /* Border gelbe Felder  */
	}

.fc__grünbd,
.font-color__grünbd {
	color:		#24a25a; /* Border grüne Felder  */
	}

.font-color__r,
.fc__r,
.fc__warnung,
.font-color__warnung {
	color:		#d71e0b; /* rot */
	}

.font-color__gr,
.fc__gr,
.fc__positiv,
.font-color__positiv {
	color:		#468847; /* rgb(2,90,0);  grün */
	}

.font-color__g, 
.fc__g,
.fc__hinweis,
.font-color__hinweis {
	color:		rgb(255,200,0); /* #e80; gelb */
	}

.fc__b,
.font-color__b {
	color:		rgb(2,100,130); /* blau */
	}

.font-color__gelb,
.fc__gelb,
.fc__teilweise,
.fc__hint,
li.UTM.list--element__hint:before {
	color:	#E9C321;	/* früher: #f89406; / #F0AD4E; */
	}

.fc__yellow,
.font-color__yellow {
	color:		#ff0;
	}

.fc__blue,
.font-color__blue {
	color:		#007bff;
	}

.fc__red,
.font-color__red {
	color:		#dc3545;
	}

.fc__green,
.font-color__green {
	color:		#28a745;
	}

.fc__orange,
.font-color__orange {
	color:		#fd7e14;
	}

.font-color__white,
.fc__white,
.color__white {
	color:		#fff;
	}

.fc__black,
.font-color__black {
	color:		#000;
	}

.fc__dark,
.font-color__dark {
	color:		#343a40;
	}



/*** Ende Schrift-Farbe ***/



/*** Beginn Border-Farbe ***/


.border__dark {
	border:			1px solid #343a40;
	}

.UTM.border-color__gruen, 
.UTM.border-color__grün, 
.UMA.border-color__gruen, 
.UMA.border-color__grün {
	border-color:	#468847;
	}

.ICS.border-color__gruen,
.ICS.border-color__grün,
.SPDyn.border-color__gruen,
.SPDyn.border-color__grün,
.RSP.border-color__gruen, 
.RSP.border-color__grün, 
.MS.border-color__gruen, 
.MS.border-color__grün,
.AWP.border-color__grün, .AWP.bdc__grün {
	border-color:	#2DCC71;
	}

.SUB.border-color__grün,
.SUB.border-color__gruen {
	border-color:	#51a351
	}

.UTM.border-color__rot,
.UMA.border-color__rot {
	border-color:	#b94a48;	/* früher: #ec7063; */
	}

.bdr__rot {
	border-color:		#DD463E;
	}

.radio.selected,
.SPDyn.border-color__rot, .SPDyn.bdc__rot,
.MS.border-color__rot, .MS.bdc__rot,
.SUB.border-color__rot, .SUB.bdc__rot,
.ICS.border-color__rot, .ICS.bdc__rot,
.AWP.border-color__rot, .AWP.bdc__rot,
.AWP.ic-eingabe.bdc__rot {
	border-color:	#E74C3C;
	}

.UTM.border-color__grau {
	border-color:	rgb(153, 153, 153);
	}

.UMA.border-color__grau {
	border-color:	#555555;
	}

.MS.border-color__grau {
	border-color:	#cccccc;
	}


.border-color__white,
.bdc__white  {
	border-color:	white;
	}

.border-color__white-l {
	border-color:	rgba(255, 255, 255, 0.9);
	}

.border-color__white-l-shadow {
	border-color:	rgba(255, 255, 255, 0.85);
	}

.border-color__grau-l {
	border-color:	rgba(0, 0, 0, 0.6);
	}

.border-color__dgrau {
	border-color:	rgb(51, 51, 51); /* Log-Einträge UTM,  */
	}

.border-color__hgrau {
	border-color:	rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
	}

.border-color__grau-app {
	border-color:	#c1cbce; /* Graue Balken in der Android-App */
	}

.border-color__grau-s {
	border-color:	#55676d; /* Graue Schrift in Android-App  */
	}

.border-color__grau-b {
	border-color:	#878a90; /* Graue Buttons in Android-App  */
	}

.border-color__blau {
	border-color:	rgb(58, 135, 173); /* Zonen, Bereiche  */
	}

.border-color__blau-select {
	border-color:	#92bdd6;
	}

.border-color__hblau, 
.border-color__hell-blau {
	border-color:	#00bcd4; /* Geblockte Anfragen  */
	}

.border-color__macos-blau {
	border-color:	#257bfe; /* Schaltflächen in MacOS  */
	}

.bdc__blue {
	border-color:	#007bff;
	}

.border-color__rots {
	border-color:	rgba(231,76,60, 0.7); /* Symbole in rot  */
	}

.border-color__rotaus {
	border-color:	#B94A48; /* verwendet für deaktivierte Buttons in UTM  */
	}

.border-color__orange {
	border-color:	#ff5722; /* verwendet für Warnungen in Statistik  */
	}

.border-color__ddgrau {
	border-color:	#484c53; /* Graue Ränder  */
	}

.border-color__rotbd ,
.border-color__rotr {
	border-color:	#e43725; /* verwendet für Border von Schaltflächen  */
	}

.border-color__rotbd {
	border-color:	#d62c1a; /* verwendet für Border von Hinweisen  */
	}

.border-color__rot-cb {
	border-color:	#ef8b80; /* verwendet für Border von Clickboxen  */
	}

.border-color__white-lbd {
	border-color:	rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
	}

.border-color__gelbbd {
	border-color:	#ec971f; /* Border gelbe Felder  */
	}

.border-color__gruenbd,
.border-color__grünbd {
	border-color:	#24a25a; /* Border grüne Felder  */
	}

.border-color__r, 
.border-color__warnung {
	border-color:	#d71e0b; /* rot */
	}

.border-color__gr,
.border-color__positiv {
	border-color:	#468847; /* rgb(2,90,0);  grün */
	}

.border-color__g,
.border-color__hinweis {
	border-color:	rgb(255,200,0); /* gelb */
	}

.border-color__b {
	border-color:	rgb(2,100,130); /* blau */
	}

.border-color__gelb {
	border-color:	#f89406;	/* früher: #F0AD4E; */
	}

.border-color__silver {
	border-color:	silver;
	}

/*** Ende Border-Farbe ***/