Wechseln zu:Navigation, Suche
Wiki
K
K
 
(379 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
/*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/
 
/*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/
 
/*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/
 
/*** 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 {
 
hr {
  text-align:left;
+
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);
 +
}
 +
 
 +
.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 {
 
.glyphicons {
Zeile 10: Zeile 69:
 
   /*opacity: 1;*/
 
   /*opacity: 1;*/
 
}
 
}
 +
 +
.halflings {
 +
display: inline-block;
 +
}
 +
 +
table {
 +
/* display: inline; */
 +
margin: unset;
 +
}
 +
  
 
.unsichtbar {
 
.unsichtbar {
 
   display: none!important;
 
   display: none!important;
  }
+
}
 +
 
 +
h3, h4  {
 +
white-space: pre-wrap;
 +
line-height: 1.3em;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
 
 +
 
  
 
/* Formatierung Ausklapp-Toggle */
 
/* Formatierung Ausklapp-Toggle */
Zeile 32: Zeile 126:
 
padding: 0px 3px!important;
 
padding: 0px 3px!important;
 
font-size:100%;
 
font-size:100%;
 +
text-align:left;
 +
float:none!important;
 +
margin-top: 0.3em;
 +
}
 +
 +
.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;
 
text-align:left;
 
float:none!important;
 
float:none!important;
Zeile 38: Zeile 145:
  
 
.mw-collapsible-toggle-default::before {
 
.mw-collapsible-toggle-default::before {
    content: '';
+
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 {
 
.mw-collapsible-toggle-default::after {
    content: '';
+
content: '';
    }
+
}
  
 
table.mw-collapsible > tbody > tr:first-child > td:first-child {
 
table.mw-collapsible > tbody > tr:first-child > td:first-child {
 
   border: 0;
 
   border: 0;
 
   }  
 
   }  
 +
 +
.info-collapsed .mw-collapsible-toggle, .info-collapsed, .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;
 +
}
 +
 +
.hover .mw-collapsible-toggle {
 +
text-decoration-line: underline;
 +
text-decoration-style: dotted;
 +
}
 +
 +
.info-box .mw-collapsible-toggle {
 +
display: inline;
 +
}
 +
 +
.hover .mw-collapsible-content,
 +
.info-box .mw-collapsible-content {
 +
background: lavender;
 +
}
 +
 +
.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 .mw-collapsible-text {
 +
display: none;
 +
}
 +
 +
.hover.mw-collapsible {
 +
display: inline-block;
 +
}
 +
 +
#mw-customcollapsible-Inhalte {
 +
display: inline;
 +
}
 +
 +
#mw-customcollapsible-info-collapsed {
 +
display: inline-table;
 +
}
 +
 +
#mw-customcollapsible-hover {
 +
display: inline-table;
 +
}
 +
 +
.mw-collapsible-content {
 +
display: inline;
 +
}
 +
 +
 
/* Ende Formatierung Ausklapp-Toggle */
 
/* Ende Formatierung Ausklapp-Toggle */
 +
 +
 +
  
  
Zeile 54: Zeile 235:
 
   padding-right: 19px!important;
 
   padding-right: 19px!important;
 
   }
 
   }
 +
 +
.top td {
 +
vertical-align: top;
 +
}
 +
 +
.middle td {
 +
vertical-align: middle;
 +
}
  
 
pre {
 
pre {
Zeile 67: Zeile 256:
 
   margin-bottom: 0px;
 
   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  ";
 +
}
 +
 +
 +
.wikitable {
 +
width: auto;
 +
}
  
 
.wikitable1 {
 
.wikitable1 {
    background-color:white;
+
background-color:white;
    color: #222;
+
color: #222;
    margin: 0em 0;
+
margin: 0em 0;
    border: 1px solid white;
+
border: 1px solid white;
    border-collapse: collapse;
+
border-collapse: collapse;
    }
+
}
  
 
.wikitable2, .wikitable3 {
 
.wikitable2, .wikitable3 {
/*   background-color:white; */
+
/* background-color:white; */
    color: #222;
+
color: #222;
    margin: 0em 0;
+
margin: 0em 0;
    border: 1px solid white;
+
border: 1px solid white;
    border-collapse: collapse;
+
border-collapse: collapse;
    }
+
}
  
 
.wikitable1 th, .wikitable2 th, .wikitable3 th {
 
.wikitable1 th, .wikitable2 th, .wikitable3 th {
    background-color: #eaecf0;
+
background-color: #eaecf0;
    border: 1px solid #a2a9b1;
+
border: 1px solid #a2a9b1;
    }
+
}
  
 
.wikitable1 td, .wikitable2 > tbody > tr > td {
 
.wikitable1 td, .wikitable2 > tbody > tr > td {
    background-color: #f8f9fa;
+
background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
+
border: 1px solid #a2a9b1;
    padding: 0.2em 0.2em;
+
padding: 0.2em 0.2em;
    line-height:1.4;
+
line-height:1.4;
    }
+
}
  
.wikitable1 .Leerzeile, .wikitable2 .Leerzeile, .wikitable3.Leerzeile {
+
.wikitable1 .Leerzeile, .wikitable2 .Leerzeile, .wikitable3.Leerzeile, .sptable.Leerzeile, .sptable2.Leerzeile, .sptable3.Leerzeile {
  border-left: solid 1px white;  
+
/* border-left: 0;  
  border-right: solid 1px white;  
+
border-right: 0;  
  background: white;
+
border: 0;
 +
background: unset;
 
   }
 
   }
 +
 +
  
 
.pt2 {
 
.pt2 {
Zeile 109: Zeile 328:
  
 
.sptable {
 
.sptable {
    background-color:white;
+
display: block;
    color: #222;
+
color: #222;
    margin: 0em 0;
+
margin: 0em 0;
    border: 0;
+
/* border: 0; */
    border-collapse: collapse;
+
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;
 +
}
 +
 
 +
td.sp-center,
 +
th.sp-center,
 +
.tr1--center tr > th:first-child,
 +
.tr1--center tr > td:first-child {
 +
text-align: center;
 +
}
 +
 
 +
.center-col2-n th:not(:first-child),
 +
.center-col2-n td:not(:first-child) {
 +
text-align: center;
 +
}
 +
 
 +
 
 +
.sptable2, .sptable3 {
 +
/* color: #222; */
 +
margin: 0em 0;
 +
border: 0;
 +
border-collapse: collapse;
 +
}
  
.sptable th {
+
.sptable2 td, .sptable0 td, .sptable2 td, .sptable3 td {
    background-color: #eaecf0;
+
background-color: #f8f9fa;
    border: 1px solid #a2a9b1;
+
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;
 +
}
  
.sptable td {
 
    background-color: #f8f9fa;
 
    border: 1px solid #a2a9b1;
 
    padding: 0.2em 0.2em;
 
    line-height:1.4;
 
    }
 
  
.sptable .Leerzeile {
+
.spgridtr .Leerzeile {
 
   border-left: 0;  
 
   border-left: 0;  
 
   border-right: 0;  
 
   border-right: 0;  
  background: white;
 
 
   }
 
   }
 +
 +
 +
.sptable .Leerzeile, .sptable2 .Leerzeile {
 +
border: 0;
 +
background: unset;
 +
}
 +
 +
.pd5 td {
 +
padding: 5px;
 +
}
 +
 +
.sptable td, .sptable0 td {
 +
padding-top: 5px;
 +
}
 +
 +
td.bild, th.bild {
 +
background-color: unset;
 +
border: 0;
 +
padding-top:0px;
 +
padding-left: 10px;
 +
width: 45%;
 +
}
 +
 +
td.bild.width-xxl {
 +
width: 55%;
 +
}
 +
 +
td.bild.width-xl {
 +
width: 50%;
 +
}
 +
 +
td.bild.width-l {
 +
width: 40%;
 +
}
 +
 +
td.bild.width-m {
 +
width: 35%;
 +
}
 +
 +
td.bild.width-s {
 +
width: 30%;
 +
}
 +
 +
td.bild.width-xs {
 +
width: 25%;
 +
}
 +
 +
td.bild.width-xxs {
 +
width: 20%;
 +
}
 +
 +
td.bild .thumbinner, th.bild .thumbinner {
 +
width: unset !important;
 +
border: 0;
 +
padding-top: 0;
 +
}
 +
 +
 +
.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 {
 +
margin-top: 0em;
 +
}
 +
 +
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: 10px;
 +
}
 +
 +
 +
 +
.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: white #ababab #ababab #ababab;
 +
border-radius:3px;
 +
font-weight: bolder;
 +
clear: both;
 +
}
 +
 +
.block {
 +
display: block;
 +
}
 +
 +
.noborder {
 +
border: 0!important;
 +
}
  
 
.noborder td {
 
.noborder td {
   border: 0!important;
+
border: 0!important;
  }
+
}
 +
    
 +
.blank td {
 +
border: 0!important;
 +
background: 0!important;
 +
}
 +
 
 +
.sptable.blank,
 +
.sptable1.blank,
 +
.sptable2.blank,
 +
.sptable0.blank {
 +
border: 0;
 +
}
  
 
.border-bottom-xs td {
 
.border-bottom-xs td {
  border: 0!important;
+
border: 0!important;
  }
+
}
 
+
 
.blank td {
+
.mb05em ol:first-child > li {
  border: 0!important;
+
margin-bottom: 0.5em;
  background: white!important;
+
}
  }
+
 
 +
.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;
 +
}
 +
 
 +
.none {
 +
display: none;
 +
}
 +
 
 +
.inline-flex {
 +
display: inline-flex;
 +
}
 +
 
 +
.inline-block {
 +
display: inline-block;
 +
}
 +
 
 +
.h-box {
 +
display: inline-flex;
 +
align-items: center;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
.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;
 +
}
  
 +
.code {
 +
display: inline-block;
 +
/* word-wrap: anywhere; */
 +
word-break: break-all;
 +
text-align: left;
 +
border: 1px solid #c2c2c2;
 +
background-color: #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);
 +
}
  
/*** Formatierungen für Monitore ***/
+
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: "Courier",sans-serif;
 +
box-shadow: 1px 1px inset;
 +
color: rgba(0,0,0,0.8);
 +
/* margin-top: -0.5em; */
 +
}
  
@media (min-width:769px) {
+
.bold b, .boldcode b, .pre--bold__color b {
 +
font-weight: unset;
 +
color: black;
 +
}
  
.toc {
 
  display: block;
 
/*  max-width: 48%; */
 
  float: right;
 
  margin-left: 3%;
 
  font-size:95%;
 
  line-height: 125%;
 
  }
 
  
.description {
+
.menu {
  display: block;  
+
background-image: linear-gradient(#b9e0f5, #92bdd6);
  width: 48%;  
+
border: 1px solid;
  float:left;
+
border-color: #7096ab #7096ab #7096ab #7096ab;
  font-weight: bold;
+
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;
 +
}
  
.sichtbar_mobil {
 
  display: none!important;
 
  }
 
  
td {
 
  vertical-align: top;
 
  }
 
  
.einrücken {
+
.lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img {
  margin-left: 30px;
+
width: 45%;
 +
border: 0;
 +
padding: 0px 0px 5px 20px;
 
}
 
}
  
.wikitable3 td {
+
.img-container {
    background-color: #f8f9fa;
+
display: flow-root;
    border: 1px solid #a2a9b1;
+
}
    padding: 0.2em 0.2em;
+
 
    line-height:1.4;
+
td > .img-container {
    }
+
float: right;
 +
}
 +
 
 +
.img-container img {
 +
border: 1px solid grey;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
 
 +
.check-circle li {
 +
padding-left: 20px;
 +
display: block;
 +
position: relative;
 +
left: -15px;
 +
}
 +
 
 +
.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 {
 +
font-family: 'Font Awesome 5 Pro';
 +
content: "\f071";
 +
font-size: 15px;
 +
position: absolute;
 +
left: -3px;
 +
margin-right: 1em;
 +
font-weight: 400;
 +
}
 +
 
 +
.list--element__alert li {
 +
padding-left: 17px;
 +
display: block;
 +
position: relative;
 +
left: -17px;
 +
}
 +
 
 +
li.list--element__alert {
 +
padding-left: 17px;
 +
display: block;
 +
position: relative;
 +
left: 0px;
 +
}
 +
 
 +
li.list--element__alert.em2 {
 +
padding-left: 2.5em;
 +
}
 +
 
 +
.list--element__warning li:before,
 +
li.list--element__warning:before {
 +
color: #d71e0b;
 +
font-weight: 400;
 +
}
 +
 
 +
.list--element__hint li:before,
 +
li.list--element__hint:before {
 +
color: rgb(255,200,0);
 +
font-weight: 400;
 +
}
 +
 
 +
.list--element__positiv li:before,
 +
li.list--element__positiv:before {
 +
color: rgb(2,90,0);
 +
font-weight: 400;
 +
}
 +
 
 +
.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__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;
 +
}
 +
 
 +
.new .startbox-head {
 +
padding: 0px;
 +
}
 +
 
 +
.info-box #mw-customcollapsible-info-collapsed {
 +
display: inherit;
 +
}
 +
 
 +
.lh--default {
 +
line-height: 1.4em;
 +
}
 +
 
 +
.lh--16 {
 +
line-height: 1.6em;
 +
}
 +
 
 +
.li-1em li {
 +
margin-top: 1em;
 +
}
 +
 
 +
 
 +
.lh-07 td,
 +
.lh--half td {
 +
line-height: 0.7em;
 +
}
 +
 
 +
.top--03 {
 +
position: relative;
 +
top: -0.3em;
 +
}
 +
 
 +
/*** Schriftgrößen ***/
 +
.Hinweis-Container--icon.em1 {
 +
font-size: 1em;
 +
}
 +
 
 +
.Hinweis-Container--icon.em2 {
 +
font-size: 2em;
 +
}
 +
 
 +
.Hinweis-Container--icon.em3 {
 +
font-size: 3em;
 +
}
 +
 
 +
.list--element__alert.em2:before {
 +
font-size: 2em;
 +
top: 9px;
 +
}
 +
 
 +
.small {
 +
font-size: small;
 +
}
 +
 
 +
.x-small {
 +
font-size: x-small;
 +
}
 +
 
 +
.xx-small {
 +
font-size: xx-small;
 +
}
 +
 
 +
 
 +
/*** Ende Schriftgrößen ***
 +
 
 +
 
 +
 
 +
 
 +
 
 +
/*** Hintergrundfarben ***/
 +
 
 +
.UTM.bc__gruen,
 +
.UTM.bc__grün,
 +
.UMA.bc__gruen,
 +
.UMA.bc__grün {
 +
background-color: #468847;
 +
}
 +
 
 +
.RSP.bc__gruen,
 +
.RSP.bc__grün,
 +
.MS.bc__gruen,
 +
.MS.bc__grün,
 +
.MDM.bc__gruen,
 +
.MDM.bc__grün {
 +
background-color: #2DCC71;
 +
}
 +
 
 +
.SEWS.bc__grün {
 +
background-color: #29cf73;
 +
}
 +
 
 +
.bc__rot,
 +
.AV.bc__rot,
 +
.UTM.bc__rot,
 +
.UMA.bc__rot {
 +
background-color: #ec7063;
 +
}
 +
 
 +
.MS.bc__rot,
 +
.MDM.bc__rot  {
 +
background-color: #E74C3C;
 +
}
 +
 
 +
.UTM.bc__grau {
 +
background-color: rgb(153, 153, 153);
 +
}
 +
 
 +
.UMA.bc__grau {
 +
background-color: #555555;
 +
}
 +
 
 +
.MS.bc__grau,
 +
.MDM.bc__grau {
 +
background-color: #cccccc;
 +
}
 +
 
 +
.SEWS.bc__grau {
 +
background-color: #a8a8a8;
 +
}
 +
 
 +
.bc__dgrau {
 +
background-color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
 +
}
 +
 
 +
.bc__hgrau {
 +
background-color: 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__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__rots {
 +
background-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
 +
}
 +
 
 +
.bc__rotaus {
 +
background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
 +
}
 +
 
 +
.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 {
 +
background-color: #fff;
 +
}
 +
 
 +
.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: rgb(2,90,0); /* grün */
 +
}
 +
 
 +
.bc__g, .bc__hinweis {
 +
background-color: rgb(255,200,0); /* gelb */
 +
}
 +
 
 +
.bc__b {
 +
background-color: rgb(2,100,130); /* blau */
 +
}
 +
 
 +
.bc__gelb {
 +
background-color: #f0ad4e;
 +
}
 +
 
 +
.SEWS.bc__gelb {
 +
background-color: #f7c710;
 +
}
 +
 
 +
.UTM.bc__rot, .UMA.bc__rot {
 +
background-color: #ec7063;
 +
}
 +
 
 +
.MS.bc__rot {
 +
background-color: #E74C3C;
 +
}
 +
 
 +
.bc__ja,
 +
tbody > tr > td.bc__ja {
 +
background-color: #CCFFCC;
 +
}
 +
 
 +
.bc__teilweise,
 +
tbody > tr > td.bc__teilweise {
 +
background-color: #fcffcc;
 +
}
 +
 
 +
.bc__nein,
 +
tbody > tr > td.bc__nein {
 +
background-color: #FF5555;
 +
}
 +
 
 +
/*** Ende Hintergrund-Farben ***/
 +
 
 +
 
 +
 
 +
/*** Beginn Schrift-Farbe ***/
 +
 
 +
.UTM.font-color__gruen,
 +
.UTM.font-color__grün,
 +
.UMA.font-color__gruen,
 +
.UMA.font-color__grün {
 +
color: #468847;
 +
}
 +
 
 +
.MS.font-color__gruen,
 +
.MS.font-color__grün {
 +
color: #2DCC71;
 +
}
 +
 
 +
.UTM.font-color__rot,
 +
.UMA.font-color__rot {
 +
color: #ec7063;
 +
}
 +
 
 +
.MS.font-color__rot {
 +
color: #E74C3C;
 +
}
 +
 
 +
.UTM.font-color__grau {
 +
color: rgb(153, 153, 153);
 +
}
 +
.AV.font-color__grau,
 +
.MS.font-color__grau,
 +
.UMA.font-color__grau {
 +
color: #555555;
 +
}
 +
 
 +
.MS.font-color__grau {
 +
color: #cccccc;
 +
}
 +
 
 +
 
 +
 
 +
.font-color__white-l {
 +
color: rgba(255, 255, 255, 0.9);
 +
}
 +
 
 +
.font-color__grau-l {
 +
color: rgba(0, 0, 0, 0.6);
 +
}
 +
 
 +
.font-color__dgrau {
 +
color: rgb(51, 51, 51); /* Log-Einträge UTM,  */
 +
}
 +
 
 +
.font-color__hgrau {
 +
color: rgba(0, 0, 0, 0.05); /* Status-Meldungen  */
 +
}
 +
 
 +
.font-color__grau-app {
 +
color: #c1cbce; /* Graue Balken in der Android-App */
 +
}
 +
 
 +
.font-color__grau-s {
 +
color: #55676d; /* Graue Schrift in Android-App  */
 +
}
 +
 
 +
.font-color__grau-b {
 +
color: #878a90; /* Graue Buttons in Android-App  */
 +
}
 +
 
 +
.font-color__blau {
 +
color: rgb(58, 135, 173); /* Zonen, Bereiche  */
 +
}
 +
 
 +
.font-color__hblau, .font-color__hell-blau {
 +
color: #00bcd4; /* Geblockte Anfragen  */
 +
}
 +
 
 +
.font-color__macos-blau {
 +
color: #257bfe; /* Schaltflächen in MacOS  */
 +
}
 +
 
 +
.font-color__rots {
 +
color: rgba(231,76,60, 0.7); /* Symbole in rot  */
 +
}
 +
 
 +
.font-color__rotaus {
 +
color: #B94A48; /* verwendet für deaktivierte Buttons in UTM  */
 +
}
 +
 
 +
.font-color__orange {
 +
color: #ff5722; /* verwendet für Warnungen in Statistik  */
 +
}
 +
 
 +
.font-color__ddgrau {
 +
color: #484c53; /* Graue Ränder  */
 +
}
 +
 
 +
.font-color__rotbd ,
 +
.font-color__rotr {
 +
color: #e43725; /* verwendet für Border von Schaltflächen  */
 +
}
 +
 
 +
.font-color__rotbd {
 +
color: #d62c1a; /* verwendet für Border von Hinweisen  */
 +
}
 +
 
 +
.font-color__rot-cb {
 +
color: #ef8b80; /* verwendet für Border von Clickboxen  */
 +
}
 +
 
 +
.font-color__white-lbd {
 +
color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */
 +
}
 +
 
 +
.font-color__gelbbd {
 +
color: #ec971f; /* Border gelbe Felder  */
 +
}
 +
 
 +
.font-color__grünbd {
 +
color: #24a25a; /* Border grüne Felder  */
 +
}
 +
 
 +
.font-color__r, .font-color__warnung {
 +
color: #d71e0b; /* rot */
 +
}
 +
 
 +
.font-color__gr,  .font-color__positiv {
 +
color: rgb(2,90,0); /* grün */
 +
}
 +
 
 +
.font-color__g,
 +
.font-color__hinweis {
 +
color: rgb(255,200,0); /* gelb */
 +
}
 +
 
 +
.font-color__b {
 +
color: rgb(2,100,130); /* blau */
 +
}
 +
 
 +
.font-color__gelb,
 +
li.UTM.list--element__hint:before {
 +
color: #f0ad4e;
 +
}
 +
 
 +
.UTM.font-color__rot,
 +
.UMA.font-color__rot,
 +
li.UTM.list--element__warning:before {
 +
color: #ec7063;
 +
}
 +
 
 +
.MS.font-color__rot {
 +
color: #E74C3C;
 +
}
 +
 
 +
.font-color__yellow {
 +
color: #ff0;
 +
}
 +
 
 +
.font-color__blue {
 +
color: #007bff;
 +
}
 +
 
 +
.font-color__red {
 +
color: #dc3545;
 +
}
 +
 
 +
.font-color__green {
 +
color: #28a745;
 +
}
 +
 
 +
.font-color__orange {
 +
color: #fd7e14;
 +
}
 +
 
 +
.font-color__white {
 +
color: #fff;
 +
}
 +
 
 +
.font-color__black {
 +
color: #000;
 +
}
 +
 
 +
.font-color__dark {
 +
color: #343a40;
 +
}
 +
 
 +
 
 +
 
 +
/*** Ende Schrift-Farbe ***/
 +
 
 +
 
 +
 
 +
/*** Beginn Border-Farbe ***/
 +
 
 +
.UTM.border-color__gruen,
 +
.UTM.border-color__grün,
 +
.UMA.border-color__gruen,
 +
.UMA.border-color__grün {
 +
border-color: #468847;
 +
}
 +
 
 +
.RSP.border-color__gruen,
 +
.RSP.border-color__grün,
 +
.MS.border-color__gruen,
 +
.MS.border-color__grün {
 +
border-color: #2DCC71;
 +
}
 +
 
 +
.UTM.border-color__rot,
 +
.UMA.border-color__rot {
 +
border-color: #ec7063;
 +
}
 +
 
 +
.MS.border-color__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-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__hblau, .border-color__hell-blau {
 +
border-color: #00bcd4; /* Geblockte Anfragen  */
 +
}
 +
 
 +
.border-color__macos-blau {
 +
border-color: #257bfe; /* Schaltflächen in MacOS  */
 +
}
 +
 
 +
.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: 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: #f0ad4e;
 +
}
 +
 
 +
.UTM.border-color__rot, .UMA.border-color__rot {
 +
border-color: #ec7063;
 +
}
 +
 
 +
.MS.border-color__rot {
 +
border-color: #E74C3C;
 +
}
 +
 
 +
/*** Ende Border-Farbe ***/
 +
 
 +
 
 +
 
 +
.button {
 +
border: 1px solid #B6B6B6;
 +
border-radius:3px;
 +
padding: 0px 4px;
 +
padding-top: 0px;
 +
margin-top: 1px;
 +
display: inline-block;
 +
}
 +
 
 +
.spc__uma.UMA ,
 +
.button.UMA {
 +
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: .5em .4em .5em 0;
 +
border-radius: 0
 +
}
 +
 
 +
.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-default {
 +
background-image: linear-gradient(#ededed, #c4c4c4);
 +
}
 +
 
 +
.button.button-blau {
 +
background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%);
 +
}
 +
 
 +
.button.button-dro,
 +
.button.button-dropdown-solid {
 +
background: white;
 +
color: rgb(68, 68, 68);
 +
}
 +
 
 +
.button.button-dr,
 +
.button.button-dropdown {
 +
background-image: linear-gradient(#fcfcfc, #edebea);
 +
}
 +
 
 +
.button.SEWS {
 +
background-image: unset;
 +
}
 +
 
 +
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: 1px solid 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;
 +
/* -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: 1px solid rgb(182, 182, 182);
 +
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;
 +
}
 +
 
 +
.MAC.ic-eingabe {
 +
padding-right: 0px;
 +
background-color: rgba(0, 0, 0, 0.01);
 +
}
 +
 
 +
.UMA.ic-eingabe {
 +
background-color: rgb(255, 255, 255);;
 +
border: 1px solid rgb(182, 182, 182);
 +
display: inline-flex;
 +
}
  
}
+
.UMA.ic-eingabe.cb {
 +
padding: 5px 20px 20px 5px;
 +
}
  
 +
.UMA.ic-eingabe .pd5 {
 +
padding: 0px 5px;
 +
display: inline-flex;
 +
align-items: center;
 +
}
  
/*** Formatierungen für Mobil-Geräte ***/
+
.tr.UTM.ic-eingabe {
 +
border: 1px solid #B6B6B6;
 +
border-radius: 0px;
 +
}
  
@media (max-width: 768px) {
 
.testen span {
 
  float: left;
 
  color:blue;
 
  }
 
  
.toctitle {
+
.tr-head.UTM.ic-eingabe {
  padding: 1px;
+
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;
 +
}
  
.toc {
 
  float: none;
 
  background: lightgoldenrodyellow;
 
  text-align: left;
 
  font-size:95%;
 
  line-height: 125%;
 
  margin-bottom: 12px;
 
  }
 
  
.wikitable td:nth-child(1) {
+
.tr-odd.UTM.ic-eingabe {
  display: block;
+
border: 1px solid #B6B6B6;
  text-align: left;
+
border-radius: 0px;
  padding-left: 1px;
+
background-color: #EDEDED;
  vertical-align: top;  
+
}
  }
 
  
.wikitable td {
 
  display: block;
 
  text-align:right;
 
  padding-left: 25px;
 
  vertical-align: top;
 
  }
 
  
.wikitable th:nth-child(1) {
+
.tr-even.UTM.ic-eingabe {
  text-align:left;  
+
border: 1px solid #B6B6B6;
  padding-left: 1px;  
+
border-radius: 0px;
  display: block;
+
background-color: white;
  }
+
}
  
.wikitable th {
 
  display: block;
 
  text-align:right;
 
  padding-left: 1px;
 
  }
 
  
.sp_table td {
+
.tr-odd-c.UTM.ic-eingabe {
  display: block;
+
border: 1px solid #B6B6B6;
  }
+
border-radius: 0px;
 +
background-color: #EAE0E0;
 +
}
  
span {
 
  text-align: left;
 
  }
 
  
.sichtbar_monitor {
+
.tr-even-c.UTM.ic-eingabe {
  display: none!important;
+
border: 1px solid #B6B6B6;
  }
+
border-radius: 0px;
 +
background-color: #EFEAEA;
 +
}
  
.wikitable3 td {
 
    background-color: #f8f9fa;
 
    border: 1px solid #a2a9b1;
 
    padding: 0.2em 0.2em;
 
    line-height:1.4;
 
    }
 
  
}
+
.UMA.ic-eingabe--cb,
 +
.UTM.ic-eingabe--cb,
 +
.UTM.ic-eingabe.cb,
 +
.MS.ic-eingabe--cb {
 +
padding: 5px 5px 20px 5px;
 +
}
  
/*** Formatierung Breakpoint sm ***/
+
.SPDyn.ic-eingabe--icon,
@media (max-width: 576px) {
+
.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; */
 +
}
  
.einrücken {
+
.MS.ic-eingabe .icon,
  margin-left: 0px;
+
.UMA.ic-eingabe .icon,
}
+
.SPDyn.ic-eingabe .icon,
 +
.UTM.ic-eingabe .icon {
 +
display:inline-flex;
 +
padding: 4px 6px;
 +
background: white;
 +
border-right: 1px solid rgba(0,0,0,0.125);
 +
}
  
.border-bottom-xs td:nth-child(even) {
 
  border-top: 0!important;
 
  border-right: 0!important; 
 
  border-bottom: 1px solid #a2a9b1!important;
 
  border-left: 0!important;
 
  }
 
  
.border-bottom-xs td:nth-child(odd) {
 
  border: 0!important;
 
  }
 
  
.wikitable2 > tbody > tr > td {
 
  display: block;
 
  text-align:right;
 
  padding-left: 25px;
 
  vertical-align: top;
 
  border-left: 2px solid #a2a9b1; /* Rand links zeichnen */
 
  border-right: 2px solid #a2a9b1; /* Rand rechts zeichnen */
 
  border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */
 
  border-bottom: 1px solid #eaecf0; /* Rand unten durch Hintergrundfarbe ausblenden */
 
  }
 
  
.wikitable2 > tbody > tr > td:nth-child(1) {
+
.UMA.ic-eingabe--icon--rechts,
  display: block;
+
.UTM.ic-eingabe--icon--rechts,
  text-align: left;
+
.UTM.ic-eingabe.icon.rechts,
  padding-left: 1px;
+
.MS.ic-eingabe--icon--rechts,
  vertical-align: top;
+
.UTM.ic-eingabe--icon.rechts {
  font-weight: bolder;
+
padding-left: 3px;  
  margin-top: 5px;
+
padding-right: 0px;
  border-top: 2px solid #a2a9b1; /* Rand oben zeichnen */
+
}
  border-left: 2px solid #a2a9b1; /* Rand links zeichnen */
 
  border-right: 2px solid #a2a9b1; /* Rand rechts zeichnen */
 
  border-bottom: 1px solid #eaecf0; /* Rand unten durch Hintergrundfarbe ausblenden */
 
  color: #555555;
 
  }
 
  
.wikitable2 > tbody > tr > td:last-child {
+
.UTM.ic-eingabe.c,
  display: block;
+
.UTM.ic-eingabe.counter {
  text-align:right;
+
padding: 0 0 0 3px;
  padding-left: 25px;
+
}
  vertical-align: top;
 
  border: 2px solid #a2a9b1; /* Rand unten, rechts und links zeichnen */
 
  border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */
 
  }
 
  
 +
.UMA .dr-icon {
 +
border-left: 1px solid rgb(182,182,182);
 +
background: #e1e1e1;
 +
display: inline-block;
 +
width: 1em;
 +
text-align: center;
 +
}
  
.wikitable2 > * > tr > th {
+
.UMA .dr-icon::before {
  display: block;
+
font-family: "Font Awesome 5 Pro";
  text-align:right;
+
font-weight: 500;
  padding-left: 1px;  
+
content: "\f078";
  padding-right: 1.4em;
+
font-size: x-small;
  border: 2px solid #a2a9b1; /* Rand rechts und links zeichnen */
+
text-align: center;
  border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */
+
}
  border-bottom: 1px solid #eaecf0; /* Rand unten durch Hintergrundfarbe ausblenden */
 
  }
 
  
.wikitable2 > * > tr > th:first-child {
+
.UTM .counter-icon {
  margin-top: 5px;
+
vertical-align: 1px;
  }
+
margin-left: 3px;
 +
position: relative;
 +
left: 3px;
 +
}
  
.wikitable2 > * > tr > th:last-child {
+
.kasten.UTM {
  display: block;
+
border: 1px solid #B6B6B6;
/*  text-align:right; */
+
border-radius:3px;
  padding-left: 1px;
+
padding: 0px 3px;
  border-bottom: 2px solid #a2a9b1!important; /* Rand unten zeichnen */
+
clear: both
/*  border-left: 2px solid #a2a9b1; Rand links zeichnen */
+
}
/*  border-right: 2px solid #a2a9b1; Rand rechts zeichnen */
 
/*  border-top: 1px solid #a2a9b1;  Rand oben dünn zeichnen */
 
  }
 
  
.wikitable2 > * > tr > th:nth-child(1) {
+
.kasten.UMA {
  text-align:left;  
+
border: 1px solid black;
  padding-left: 1px;  
+
border-bottom:0;
  display: block;
+
border-top-right-radius: 4px;
  border-top: 2px solid #a2a9b1; /* Rand oben zeichnen */
+
border-top-left-radius: 4px;  
/*  border-bottom: 1px solid #eaecf0; Rand unten durch Hintergrundfarbe ausblenden */
+
padding: 1px 0.6em;
  }
+
margin: 0px 6px;
 +
color: #555555;
 +
font-weight: bold;
 +
font-size: 90%;
 +
display: inline-block;
 +
}
  
.wikitable2 .Leerzeile  {
+
.kasten.UMA::before {
  border: solid 1px white!important;
+
content: '\f0d7';
  background: white!important;
+
font-family: 'Font Awesome 5 Pro';
  text-align:left!important;
+
}
  padding-left: 0px!important;
 
  vertical-align: bottom!important;
 
  font-weight: normal;
 
  color: black;
 
  }
 
/****/
 
.wikitable3 > * > tr > th {
 
  float: left;
 
  width: 33.3%;
 
  padding-left: 1px;
 
  padding-right: 0.4em;
 
  border: 1px solid #a2a9b1; /* Rand rechts und links zeichnen */
 
  border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */
 
  border-bottom: 2px solid #a2a9b1; /* Rand unten durch Hintergrundfarbe ausblenden */
 
  }  
 
  
.wikitable3 > * > tr > th:nth-child(1) {
 
  display: block;
 
  width:100%;
 
  text-align: left;
 
  padding-left: 1px;
 
  padding-right: 0.4em;
 
  border: 2px solid #a2a9b1; /* Rand rechts und links zeichnen */
 
  border-top: 2px solid #a2a9b1; /* Rand oben dünn zeichnen */
 
  border-bottom: 1px solid #eaecf0; /* Rand unten durch Hintergrundfarbe ausblenden */
 
  }
 
  
.wikitable3 > tbody > tr > td {
+
.bios-reiter {
  float: left;
+
background: #aaa;
  text-align:left;
+
color: #0503e4;
  padding-left: 2px;
+
padding: 1px 5px;
  vertical-align: top;
+
border-top: 2px solid #0503e4;
  width: 33.3%;
+
border-right: 2px solid #0503e4;
  border-left: 0; /* Rand links ausblenden */
+
border-left: 2px solid #0503e4;
  border-right: 1px solid #a2a9b1; /* Rand rechts zeichnen */
+
line-height: 1.5em;
  border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */
+
margin-right: 5px;
  border-bottom: 1px solid #a2a9b1; /* Rand unten dünn zeichnen */
+
}
  margin: -1px 0px;
 
  }
 
  
 +
.bios-menu {
 +
background: #aaa;
 +
color: white;
 +
padding: 1px 5px;
 +
line-height: 1.5em;
 +
margin-right: 5px;
 +
}
  
.wikitable3 > tbody > tr > td:nth-child(1) {
 
  /* display: block!important; */
 
  width: 100%;
 
  text-align: left;
 
  padding-left: 1px;
 
  vertical-align: top;
 
/*  font-weight: bolder;*/
 
  margin-top: 5px;
 
  border-top: 1px solid #a2a9b1; /* Rand oben zeichnen */
 
  border-left: 1px solid #a2a9b1; /* Rand links zeichnen */
 
  border-right: 1px solid #a2a9b1; /* Rand rechts zeichnen */
 
  border-bottom: 1px solid #a2a9b1; /* Rand unten zeichnen */
 
/*  color: #555555;*/
 
  }
 
  
.wikitable3 > tbody > tr > td.no1cell {
+
.bios-select {
  float: left;
+
background: #221b15;
  text-align:left;
+
color: white;
  padding-left: 2px;
+
line-height: 1.5em;
  vertical-align: top;
+
margin-right: 5px;
  width: 33.3%;
+
}
  border: 1px solid #a2a9b1;
 
  margin: -1px 0px;
 
  }
 
  
.wikitable3 > * > tr {
 
  border: 2px solid #a2a9b1;
 
  }
 
  
 +
.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;
 +
}
  
.thumbinner {
+
.spc__default {
  margin-bottom: 10px;
+
border-width: 1px;
  }
+
border-style: solid;
 +
border-radius: 2px;
 +
padding: 2px 2px 0px 2px;
 +
display: inline-table;
 +
border-collapse:separate;
 +
font-size: 1em;
 +
}
  
.pt2 {
+
.spc__uma {
  float: left;
+
border-width: 0.7px;
  margin-bottom :10px;
+
border-radius: 0px;
  max-width:100%;
+
padding: 0.1em 0.8em;
  }
+
text-align: center;
 +
}
  
.sptable > * > tr > th {
+
.spc__circle {
  float: left;
+
display: flex;
  width: 100%;
+
border-radius: 50%;
  padding-left: 1px;  
+
height: 2.5em;
  padding-right: 0.4em;
+
width: 2.5em;
  }  
+
justify-content:center;
 +
align-items: center;
 +
}
  
.sptable {
+
.spc__circle-big {
  border-collapse: separate;
+
display: flex;
  border-spacing: 0.3em;
+
border-radius: 50%;
  }
+
height: 2.5em;
 +
width: 2.5em;
 +
justify-content:center;
 +
align-items: center;
 +
font-size: 1em;
 +
}
  
.sptable > * > tr > th:nth-child(1) {
+
.spc__menu {
  display: block;
+
margin-left: 3px;
  width:100%;
+
border-radius: 0px;
  text-align: left;
+
padding: 2px 4px;
  padding-left: 1px;  
+
}
  padding-right: 0.4em;
 
  }  
 
  
.sptable > tbody > tr > td {
+
.spc__menu--width-x {
  display: block;
+
width: 23px;
  width:100%;
+
}
  text-align: right;
 
  padding-left: 1px;
 
  vertical-align: top;
 
  }
 
  
 +
.spc__kontext--width-x ,
 +
.spc__eintrag--width-x {
 +
width: 17px;
 +
}
  
.sptable > tbody > tr > td:first-child {
+
.spc__eintrag {
  display: block!important;
+
border-width: 1px 0px;
  width: 100%;
+
border-top-style: solid;
  text-align: left;
+
border-bottom-style: solid;
  padding-left: 1px;
+
border-radius: 0px;
  vertical-align: top;  
+
font-weight: bold;
}
+
}
  
.sptable > * > tr > th, .sptable > tbody > tr > td  {
+
.spc__kasten {
border-top: 1px solid #a2a9b1; /* Rand oben dünn zeichnen */
+
padding-bottom: 2px;
border-right: 0; /* Rand rechts ausblenden */
+
}
border-bottom: 2px solid #a2a9b1; /* Rand unten dick zeichnen */
 
border-left: 1px solid #a2a9b1; /* Rand links dünn zeichnen */
 
}
 
 
.sptable > * > tr > th:first-child, .sptable > tbody > tr > td:first-child {
 
border-top:  2px solid #a2a9b1;
 
border-right:  2px solid #a2a9b1;
 
border-bottom: 0; /* Rand unten ausblenden */
 
border-left: 2px solid #a2a9b1; /* Rand links dick zeichnen */
 
}
 
  
.sptable > * > tr > th:nth-child(2), .sptable > tbody > tr > td:nth-child(2) {
+
.spc__ohne ,
border-left: 2px solid #a2a9b1; /* Rand links dick zeichnen */
+
.spc__blank {
}
+
border: none;
 +
padding: 2px 2px 0px 2px;
 +
display: inline;
 +
width: 20px;
 +
font-size: 1em;
 +
}
  
.sptable > * > tr > th:last-child, .sptable > tbody > tr > td:last-child {
+
.spc__status {
border-right: 2px solid #a2a9b1;
+
font-size: 0.8em;
}
+
border-collapse:collapse;
.border-top-mobil td:first-child {
 
border-top: 2px solid grey!important;
 
 
}
 
}
  
} /*** Ende Formatierung Breakpoint sm ***/
+
.spc__grau--rund {
 +
border-radius: 5px;
 +
}

Aktuelle Version vom 29. September 2020, 16:01 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);
}

.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;
	}

.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;
	}




/* 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;
	} 

.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;
	} 

.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: '';
	}

table.mw-collapsible > tbody > tr:first-child > td:first-child {
   border: 0;
   } 

.info-collapsed .mw-collapsible-toggle, .info-collapsed, .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;
}

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

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

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

.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 .mw-collapsible-text {
	display: none;
	}

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

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

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

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

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


/* Ende Formatierung Ausklapp-Toggle */





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

.top td {
	vertical-align: top;
}

.middle td {
	vertical-align: middle;
}

pre {
  padding: 0.5em;
  margin-bottom: 0px;
  }

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  ";
	}


.wikitable {
	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 {
	/* border-left: 0; 
	border-right: 0; 
	border: 0;
	background: unset;
  }



.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;
}

td.sp-center,
th.sp-center,
.tr1--center tr > th:first-child,
.tr1--center tr > td:first-child {
	text-align: center;
	}

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


.sptable2, .sptable3 {
	/* 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;
	}


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


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

.pd5 td {
	padding: 5px;
}

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

td.bild, th.bild {
	background-color: unset;
	border: 0;
	padding-top:0px;
	padding-left: 10px;
	width: 45%;
	}

td.bild.width-xxl {
	width: 55%;
	}

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

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

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

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

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

td.bild.width-xxs {
	width: 20%;
	}

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


.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 {
	margin-top: 0em;
	}

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: 10px;
	}



.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: white #ababab #ababab #ababab;
	border-radius:3px;
	font-weight: bolder;
	clear: both;
	}

.block {
	display: block;
	}

.noborder {
	border: 0!important;
	}

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

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

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

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

.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;
	}

.none {
	display: none;
	}

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

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

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

.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;
	}

.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;
	}

.code {
	display: inline-block; 
	/* word-wrap: anywhere; */
	word-break: break-all;
	text-align: left;
	border: 1px solid #c2c2c2;
	background-color: #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: "Courier",sans-serif;
	box-shadow: 1px 1px inset;
	color: rgba(0,0,0,0.8);
	/* margin-top: -0.5em; */
	}

.bold b, .boldcode b, .pre--bold__color b {
	font-weight: unset;
	color: black;
	}


.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;
	}



.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;
	}

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

.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;
	}


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

.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 {
	font-family:	'Font Awesome 5 Pro';
	content:	"\f071";
	font-size:	15px;
	position:	absolute;
	left:		-3px;
	margin-right:	1em;
	font-weight:	400;
	}

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

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

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

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

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

.list--element__positiv li:before, 
li.list--element__positiv:before {
	color: rgb(2,90,0);
	font-weight: 400;
	}

.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__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;
	}

.new .startbox-head {
	padding: 0px;
	}

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

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

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

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


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

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

/*** Schriftgrößen ***/
.Hinweis-Container--icon.em1 {
	font-size: 1em;
	}

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

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

.list--element__alert.em2:before {
	font-size: 2em;
	top: 9px;
	}

.small {
	font-size: small;
	}

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

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


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





/*** Hintergrundfarben ***/

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

.RSP.bc__gruen, 
.RSP.bc__grün,
.MS.bc__gruen, 
.MS.bc__grün,
.MDM.bc__gruen, 
.MDM.bc__grün {
	background-color: #2DCC71;
	}

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

.bc__rot,
.AV.bc__rot,
.UTM.bc__rot,
.UMA.bc__rot {
	background-color: #ec7063;
	}

.MS.bc__rot,
.MDM.bc__rot  {
	background-color: #E74C3C;
	}

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

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

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

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

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

.bc__hgrau {
	background-color: 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__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__rots {
	background-color: rgba(231,76,60, 0.7); /* Symbole in rot  */
	}

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

.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 {
	background-color: #fff;
	}

.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: rgb(2,90,0); /* grün */
	}

.bc__g, .bc__hinweis {
	background-color: rgb(255,200,0); /* gelb */
	}

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

.bc__gelb {
	background-color: #f0ad4e;
	}

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

.UTM.bc__rot, .UMA.bc__rot {
	background-color: #ec7063;
	}

.MS.bc__rot {
	background-color: #E74C3C;
	}

.bc__ja, 
tbody > tr > td.bc__ja {
	background-color: #CCFFCC;
	}

.bc__teilweise, 
tbody > tr > td.bc__teilweise {
	background-color: #fcffcc;
	}

.bc__nein, 
tbody > tr > td.bc__nein {
	background-color: #FF5555;
	}

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



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

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

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

.UTM.font-color__rot,
.UMA.font-color__rot {
	color: #ec7063;
	}

.MS.font-color__rot {
	color: #E74C3C;
	}

.UTM.font-color__grau {
	color: rgb(153, 153, 153);
	}
.AV.font-color__grau,
.MS.font-color__grau,
.UMA.font-color__grau {
	color: #555555;
	}

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.font-color__gelb,
li.UTM.list--element__hint:before {
	color: #f0ad4e;
	}

.UTM.font-color__rot, 
.UMA.font-color__rot,
li.UTM.list--element__warning:before {
	color: #ec7063;
	}

.MS.font-color__rot {
	color: #E74C3C;
	}

.font-color__yellow {
	color: #ff0;
	}

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

.font-color__red {
	color: #dc3545;
	}

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

.font-color__orange {
	color: #fd7e14;
	}

.font-color__white {
	color: #fff;
	}

.font-color__black {
	color: #000;
	}

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



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



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

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

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

.UTM.border-color__rot,
.UMA.border-color__rot {
	border-color: #ec7063;
	}

.MS.border-color__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-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__hblau, .border-color__hell-blau {
	border-color: #00bcd4; /* Geblockte Anfragen  */
	}

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

.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: 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: #f0ad4e;
	}

.UTM.border-color__rot, .UMA.border-color__rot {
	border-color: #ec7063;
	}

.MS.border-color__rot {
	border-color: #E74C3C;
	}

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



.button {
	border: 1px solid #B6B6B6;
	border-radius:3px;
	padding: 0px 4px;
	padding-top: 0px;
	margin-top: 1px;
 	display: inline-block;
	}

.spc__uma.UMA ,
.button.UMA {
	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: .5em .4em .5em 0;
	border-radius: 0
	}

.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-default {
	background-image: linear-gradient(#ededed, #c4c4c4);
	}

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

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

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

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

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: 1px solid 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;
	/* -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: 1px solid rgb(182, 182, 182);
	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;
	}

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

.UMA.ic-eingabe {
	background-color: rgb(255, 255, 255);;
	border: 1px solid rgb(182, 182, 182);
	display: inline-flex;
	}

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

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

.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,
.MS.ic-eingabe--cb {
	padding: 5px 5px 20px 5px;
	}

.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; */
	}

.MS.ic-eingabe .icon,
.UMA.ic-eingabe .icon,
.SPDyn.ic-eingabe .icon,
.UTM.ic-eingabe .icon {
	display:inline-flex; 
	padding: 4px 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 {
	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;
	}

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

.UTM .counter-icon {
	vertical-align: 1px;
	margin-left: 3px;
	position: relative;
	left: 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;
	}

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

.spc__circle {
	display:	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:		20px;
	font-size:	1em;
	}

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

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