Vorlage:Styles-min769.css: Unterschied zwischen den Versionen

Aktuelle Version vom 27. Juli 2023, 10:00 Uhr

/*** Formatierungen für Monitore ***/

@media (min-width:769px) {

 .toc {
	display: 		block; 
	/*  max-width:	48%; */
	float: 			right;
	margin-left: 	1em;
	font-size:		95%;
	line-height: 	125%;
	margin-bottom:	1em;
	width:			auto;
	}

.description {
	display:		block; 
	width:			48%; 
	float:			left;
	font-weight:	bold;
   }

.head {
	display:		block;
	}

.sichtbar_mobil {
	display: 		none!important;
	}

td {
	vertical-align:	unset;
	}

.Einrücken,
.einrücken {
	margin-left: 	30px;
	width: 			auto;
	}	

.Einrücken1,
.einrücken1 {
	margin-left: 	1em;
	width: 			auto;
	}	

.Einrücken2,
.einrücken2 {
	margin-left: 	46px;
	width: 			auto;
	}

.Einrücken3,
.einrücken3 {
	margin-left:	60px;
	width:			auto;
	}

[class*=sptable].einrücken h2, .sptable2.Einrücken h2, 
[class*=sptable].einrücken h3, .sptable2.Einrücken h3, 
[class*=sptable].einrücken [class*=text-h], [class*=sptable].Einrücken [class*=text-h],
.sptable2.einrücken h4, .sptable2.Einrücken h4,
.sptable2.einrücken h5, .sptable2.Einrücken h5,
.sptable2.einrücken h6, .sptable2.Einrücken h6,
.noborder.Einrücken [class*=text-h] {
	position: 		relative;
	left:			-1.6em;
	}


.FAQ .Einrücken2 {
	margin-left:	7em;
	}

.FAQ .Einrücken3 {
	margin-left:	8.5em;
	}

ul ~ li.list--element__alert {
	padding-left:	1.75em !important;
	}

ul ~ li.list--element__alert.em2 {
	padding-left:	2.75em !important;
	}

ul ~ li.list--element__alert.em3 {
	padding-left:	3.75em !important;
	}

td.Leerzeile.Einrücken,
td.Leerzeile.einrücken {
	padding-left: 30px;
	}

.sptable.striped tr:nth-child(2n+1) > td, 
.sptable2.striped tr:nth-child(2n+1) > td, 
.sptable3.striped tr:nth-child(2n+1) > td  {
	background-color: #eaecf0;
	border: 1px solid #a2a9b1;
	/* padding: 0.2em 0.2em; */
	line-height:1.4;
	}

.sptable.striped tr:nth-child(2n+1) > td.Leerzeile,
.sptable1.striped tr:nth-child(2n+1) > td.Leerzeile,
.sptable2.striped tr:nth-child(2n+1) > td.Leerzeile {
	background: unset;
	border: 0;
	}

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

.sptable .Leerzeile, .sptable3 .Leerzeile {
  border-left: 0!important; 
  border-right: 0!important; 
  background: unset;
  }

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

.blank_monitor td {
  border: 0!important;
  background: white!important;
  }


.Filterbox {
	background: white !important;
	border: 1px solid grey;
	margin: 5px;
	/* padding: 5px; */
}

.Filterzeile {
	display: flex;
	margin: 5px;
}

.Filterkriterium {
	width: 20%;
	min-width: 260px;
}

.Filterwert {
/*	width: 80%; */
	text-align:		left;
	}

.Filtertext {
	display: block;
	margin: 5px;
}

.Filterbox hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

.language-toggle-german {
	position: absolute;
	top: -6em;
	right: 1em;
	}

.language-toggle-english {
	position: absolute;
	top: -6em;
	right: 1em;
	}

.toc-col .toclevel-1 {
	column-count: 3;
	}

.zh1 tr {
	height:		1px;
	}

td.Bild.width-80, td.bild.width-80,
td.Bild.td-width-80,
td.Bild.width-80 .img-container,
th.Bild.width-80, th.bild.width-80,
th.Bild.th-width-80,
th.Bild.width-80 .img-container,
div.width-80,
.width-80 td.Bild,
.width-80 th.Bild,
.img-container.width-80 {
	width:			80%;
	}

td.Bild.width-xxl, td.bild.width-xxl,
td.Bild.td-width-xxl,
td.Bild.width-xxl .img-container,
th.Bild.width-xxl, th.bild.width-xxl,
th.Bild.th-width-xxl,
th.Bild.width-xxl .img-container,
.width-xxl td.Bild,
.width-xxl th.Bild,
div.width-xxl,
.img-container.width-xxl {
	width: 55%;
	}

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

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

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

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

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

td.Bild.width-xxs, td.bild.width-xxs,
td.Bild.td-width-xxs,
td.Bild.width-xxs .img-container,
th.Bild.width-xxs, th.bild.width-xxs,
th.Bild.th-width-xxs,
th.Bild.width-xxs .img-container,
.width-xxs td.Bild,
.width-xxs th.Bild,
div.width-xxs,
.img-container.width-xxs {
	width: 20%;
	}

.width75 {
	width:		75%;
	}

} /*** Ende Formatierungen für Monitore ***/