Vorlage:Hinweis3.css

.Hinweis-Container {
	border: 1px solid red;
	}

.Hinweis-Container--icon {
	display: inline-flex;
	width: 0; 
	height: 0; 
	font-size: 1em;
	padding: 0.65em;
	align-items: center;
	justify-content: center; 
	border: 1px solid grey; 
	background-color: aqua;
	margin-right: 3px;
	}

.Hinweis-Container--Text-bordered {
	display: inline-flex;
	padding: 0.08em;
	align-items: center;
	justify-content: center; 
	border: 1px solid grey; 
	background-color: blanchedalmond;
	vertical-align: top;
	min-height: 1em;
	margin-right: 3px;
	}

.Hinweis-Container--Text-unbordered {
	display: inline-flex;
	color: green;
	padding: 0.08em;
	align-items: center;
	justify-content: center; 
	vertical-align: top;
	min-height: 1em;
	margin-right: 3px;
	}

.Hinweis-Container__ausblenden, .Hinweis-Container--icon__ausblenden, .Hinweis-Container--Text-bordered__ausblenden, .Hinweis-Container--Text-unbordered__ausblenden, .Hinweis-Container span:empty {
	display: none;
	}

.Hinweis-Container__einblenden, .Hinweis-Container--icon__einblenden, .Hinweis-Container--Text-bordered__einblenden, .Hinweis-Container--Text-unbordered__einblenden {
	display: inline-flex;
	}

.Hinweis-Container__einblenden__block {
	display: flex;
	}

.nop {
	margin: 0;
	display: inline-flex;
	}

.em1 {
	font-size: 1em;
	}

.em2 {
	font-size: 2em;
	}

.em3 {
	font-size: 3em;
	}

.d-flex {
	display: flex;
	}

.display__inline-flex {
	display: inline-flex;
	}

.bc-r {
	background-color: #d71e0b;
	}

.bc-gr {
	background-color: rgb(2,90,0);
	}

.bc-g {
	background-color: rgb(255,200,0);
	}

.bc-b {
	background-color: rgb(2,100,130);
	}

.UTM .bc-rot {
	background-color: #ec7063;
	}

.MS .bc-rot {
	background-color: #E74C3C;
	}