KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 520: | Zeile 520: | ||
.info .mw-collapsible-toggle-default::before, | .info .mw-collapsible-toggle-default::before, | ||
.info-collapsed .mw-collapsible-toggle-default::before { | .info-collapsed .mw-collapsible-toggle-default::before { | ||
content: '\ | content: '\f05a'; | ||
font-family: 'Font Awesome 5 Pro'; | font-family: 'Font Awesome 5 Pro'; | ||
font-weight: 300; | font-weight: 300; | ||
Version vom 18. Dezember 2023, 11:59 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" /> ***/
.Preview {
display: none;
}
.Not-Preview-yes.Preview-yes {
display: none;
}
.Preview.Preview-yes {
display: block;
padding-bottom: 1em;
}
.Preview + p{
display: inline-flex;
}
.Preview-yes .prev a:nth-child(1) {
display: block;
padding-bottom: 1em;
}
.sp-lang-de ~ * .prev a:nth-child(1)::before {
color: rgba(0,0,0,0.7);
content: "Vorherige Version:";
font-weight: normal;
}
.sp-lang-en ~ * .prev a:nth-child(1)::before {
color: rgba(0,0,0,0.7);
content: "Previous version:";
font-weight: normal;
}
.sp-lang-de ~ .Preview-yes .prev a:nth-child(1)::before {
content: 'Aktuelle Dokumentation:';
color: rgba(0,0,0,0.7);
font-weight: bold;
}
.sp-lang-en ~ .Preview-yes .prev a:nth-child(1)::before {
content: 'Actual documentation:';
color: rgba(0,0,0,0.7);
font-weight: bold;
}
.sp-lang-de ~ .Preview-yes .prev a:nth-child(2)::before {
color: rgba(0,0,0,0.7);
content: "Vorherige Version:" !important;
font-weight: normal;
margin-right: 3.65em;
}
.sp-lang-en ~ .Preview-yes .prev a:nth-child(2)::before {
color: rgba(0,0,0,0.7);
content: "Vorherige Version:" !important;
font-weight: normal;
margin-right: 3.65em;
}
/*************************/
.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;
}*/
.tolltip {
position: absolute;
}
.tolltip.links .mw-collapsible-content {
right:100%;
}
.tolltip:hover .mw-collapsible-content {
display: block !important;
}
.tolltip .mw-collapsible-content {
position: relative;
background: aliceblue;
z-index: 20;
TOP: 0.5em;
padding:5px;
}
.tolltip .sptable2 td {
background: aliceblue;
}
.inline-table,
.code.inline-table {
display:inline-table;
}
.mw-collapsible.info {
background: unset;
border: none;
}
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);
}
#siteSub {
display: none;
}
.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;
}
/* ausgelagert in common.css
.toctogglespan {
display: inline-flex;
}
*/
.glyphicons {
display: inline-block;
/*opacity: 1;*/
}
.halflings {
display: inline-block;
}
.custom-icon {
display: block;
/* height: 16px;
width: 20px; */
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-right: 3px;
vertical-align: -2px;
}
table {
/* display: inline; */
margin: unset;
}
.inaktiv {
opacity: 0.35;
}
.unsichtbar {
display: none!important;
}
h3, h4 {
white-space: pre-wrap;
line-height: 1.3em;
color: rgba(0,0,0,0.8);
}
.startbox-head.changelog,
.startbox-body.changelog {
column-count: 1;
}
.h2 {
border-bottom: 1px solid #a2a9b1;
display: flex;
}
.h-top +h3 {
margin-top: 0em;
}
.changelog h2 {
border-bottom: 0;
}
.changelog h3 {
border-bottom: 1px solid #a2a9b1;
}
.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: ''; */
}
.menu .mw-collapsible-toggle-default::before {
content: '\f0c9 ';
font-family: 'Font Awesome 5 Pro';
font-weight: 300;
color: #F1948A;
/* content: ''; */
}
.menu .mw-collapsible-toggle-default::after {
content: "\f107 ";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
padding-left: 2px;
}
.menu.mw-collapsed .mw-collapsible-toggle-default::after {
content: "\f104 ";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
padding-left: 2px;
}
.menu.mw-collapsible {
background-color: unset;
background-image: unset;
border: unset;
}
.menu .mw-collapsible-toggle {
color: inherit;
background-color: #eaecf0;
border: 1px solid #F1948A;
}
.menu a.mw-collapsible-text {
color: inherit;
}
.menu .mw-collapsible-content {
border: 2px solid #eaecf0;
margin-top: 3px;
}
.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-text a.mw-collapsible-text {
display: none !important;
}
.info .mw-collapsible-toggle-default::before,
.info-collapsed .mw-collapsible-toggle-default::before {
content: '\f05a';
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: 1px 2px; /* 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, .sptable2 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;
max-width: max-content;
}
.ul-2 {
padding-left: 4em;
}
.mw-parser-output ul li {
padding-left: 2px;
}
ul + li {
margin-top: -0.4em /* gleicht ul > li:lastchild margin-bottom:7px; aus */
}
.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;
}
.sptable2 .noborder .nonoborder tr.Leerzeile td,
.noborder .nonoborder td.Bild {
border: 0 !important;
}
.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.3;
vertical-align: top;
}
.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;
}
.norow4 tr th:nth-child(4),
.norow4 tr td:nth-child(4) {
display: none;
}
.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,
.UTM.ic-eingabe.pd4 {
padding: 4px;
}
.pd5, .pd5 td,
.pd5 .thumbimage,
.spc__default.pd5,
.button.pd5,
.UTM.ic-eingabe.pd5 {
padding: 5px;
}
.pd1em, .pd1em td,
.pd1em .thumbimage,
.spc__default.pd1em,
.button.pd1em {
padding: 1em;
}
.spc__default:empty {
display: none;
}
.pdr05 {
padding-right: 0.5em !important;
}
.pdr2 {
padding-right: 2px;
}
.pdr3 {
padding-right: 3px;
}
.pdr6 {
padding-right: 6px;
}
.pdl0 {
padding-left: 0px !important;
}
.pdl5 {
padding-left: 5px;
}
.pdt0 {
padding-top: 0px;
}
.pdt1 {
padding-top: 1px;
}
.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;
}
td.Bild > * > .mw-collapsible {
text-align: left;
}
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%;
}
.new_design ~ * tr th.Bild,
.new_design ~ * tr td.Bild {
background-color: unset;
border: 0;
padding-top: 0px;
padding-left: 10px;
width: 45%;
text-align: right;
vertical-align: top;
font-weight: inherit;
}
.new_design ~ * th.Bild > .img-container,
.new_design ~ * td.Bild > .img-container {
float: right;
padding: 5px;
background: #efefef;
border: 1px solid #a2a9b1;
}
.new_design ~ * .Bild > .img-container > .image > img,
.new_design ~ * .Bild img {
border: none;
}
.img-container.Bild,
.new_design ~ * .img-container.Bild {
width: calc(45% - 28px);
float: right;
margin-right: 10px;
background: #efefef;
padding: 5px;
border: 1px solid #a2a9b1;
margin-left: 1em;
}
.new_design ~ * .img-container.Bild img {
border: none;
}
.img-container.Bild-t,
.new_design ~ * + * ~ .img-container.blank {
width: calc(45% - 33px);
float: right;
margin-right: 10px;
background: none;
padding: 5px;
border: 1px solid #a2a9b1;
margin-left: 1em;
}
.img-container.Bild-t.left {
float: left;
}
.img-container.Bild-t img,
.img-container.blank img {
border: none;
width: 100%;
}
.img-container.Bild-t.max100 {
text-align: right;
}
.img-container.Bild-t.max100 img {
border: none;
width: unset;
}
.img-container.max100 .thumbcaption {
text-align: left;
float: left;
}
.img-container.Bild-t.noborder,
.new_design ~ * + * ~ .img-container.blank {
border: none;
}
.new_design ~ * > * .dialog-header + .image {
background: #efefef;
}
/*
.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%;
}
*/
.new_design ~ * .width-xxl ,
.width55,
.img-container.width55 {
width: 55vh;
}
.new_design ~ * .width-xl ,
.width50,
.img-container.width50 {
width: 50vh;
}
.width45,
.img-container.width45 {
width: 45vh;
}
.new_design ~ * .width-l ,
.width40,
.img-container.width40 {
width: 40vh;
}
.new_design ~ * .width-m ,
.width35,
.img-container.width35 {
width: 35vh;
}
.new_design ~ * .width-s ,
.width30,
.img-container.width30 {
width: 30vh;
}
.new_design ~ * .width-xs ,
.width25,
.img-container.width25 {
width: 25vh;
}
.new_design ~ * .width-xxs ,
.width20,
.img-container.width20 {
width: 20vh;
}
[class*=width] .dialog-header {
font-size: .9em;
}
[class*=width] .dialog-header .dialog-button {
line-height: 0.9em;
}
.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 */
}
.toctogglespan {
display: inline-flex;
}
.embedvideo-loader__fakeButton {
top: 10em;
border: 4px solid #e74c3c;
}
.embedvideo-loader:hover .embedvideo-loader__fakeButton,
.embedvideo-privacyNotice__continue {
background-color: #E74C3C;
border-color: #E74C3C;
color: #fff;
}
.embedvideo-privacyNotice__continue:hover {
background-color: #e77a6f;
}
.embedvideo-privacyNotice__dismiss:hover {
color: #E74C3C;
}
.embedvideo-overlay {
position: initial;
}
.embedvideo-privacyNotice__content {
background: #1e1e1e;
border-radius: 100px;
padding: 0px 6px;
}
/* .Bild .embedvideo .embedvideo .embedvideowrap iframe {
width: 80%;
top: -2.3em;
position: relative;
} */
.Bild .embedvideo .embedvideo .thumbcaption {
position: relative;
top: -4.6em;
}
.Bild.position_unset .embedvideo .embedvideo .thumbcaption {
position: unset;
}
.Bild .thumbcaption {
display: block;
text-align: left;
}
/* .new_design ~ * .Bild .thumbcaption,
.Bild-t .thumbcaption {
display: block;
text-align: right;
} */
.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;
}
h3 + .img-container.right,
h4 + .img-container.right,
h5 + .img-container.right,
h6 + .img-container.right {
position: relative;
margin-left: 1em;
}
h3 + .img-container.right,
h4 + .img-container.right {
top: -2em;
}
h5 + .img-container.right {
top: -1.65em;
}
h6 + .img-container.right {
top: -1.5em;
}
.sptable th, .sptable0 th, .sptable2 th, .sptable3 th {
background-color: #ccc;
border: 1px solid #a2a9b1;
padding: 5px;
}
h5:not(.startbox-body) h5 + ul,
h5 + .text-h5 + ul,
h5 + .text-h5 + .Einrücken ul:first-child {
margin-top: -0.5em !important;
}
.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;
}
.border-bottom {
border-bottom: 1px solid #a2a9b1 !important;
}
td.border-bottom-dezent {
border-bottom-color: #ddd;
}
.nop p {
margin-bottom: 0px;
}
.MS.Zelle1-Beschriftung td:first-child,
.MS.Beschriftung {
display: inline;
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;
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;
}
.baseline {
align-self: baseline;
}
.noborder,
.noborder td {
border: 0!important;
}
.noborder .nonoborder td {
border: 1px solid #a2a9b1 !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,
.icon.inline .spc__default {
display: inline;
}
.h-box {
display: block;
align-items: center;
}
.text-h3 .beschriftung.UTM {
color: rgba(0,0,0,.6);
font-size: 90%;
}
.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.3);
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.inaktiv {
border-bottom-color: #ebebeb;
background: unset;
font-size: small;
border-left: 0;
border-right: 0;
border-top: 0;
}
.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.utm-ui,
.new_design ~ * .reiter.utm {
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.3);
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: 1px 3px;
color: rgba(0, 0, 0, 0.5);
clear: both;
display: ruby; /* Nur für FF: gegen Zeilenumbruch */
margin-left: 3px;
}
.Reiter.UMA.aussen {
color: rgba(255, 255, 255, 1);
background: #ccc;
border-bottom: 1px solid #aaa;
border-top: 1px solid #aaa;
padding: 0.4em 0.2em 0em 0.2em;
clear: both;
}
.Reiter.UMA .Reiter-innen {
padding: 0.2em 0.3em 0em 0.3em;
color: #212121;
border: 1px solid #aaa;
border-bottom: 1px solid white;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
background: white;
display: inline-block;
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 #535860; /* c2c2c2; */
padding: 4px 4px 1px;
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); /* rgba(255, 255, 255, 0.9); */
background: #c2c2c2; /* #535860; ccc; */
white-space: pre-wrap;
}
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;
}
.box {
display: block;
max-height: 5.75em;
text-overflow: clip;
overflow: scroll;
}
.textincode {
display: contents;
}
.bold b, .boldcode b, .pre--bold__color b {
font-weight: bold;
/* color: #323232; */
}
.code.scroll {
font-weight: bold;
white-space: pre-wrap;
}
.fa, .fas, .fal, .far {
font-size: 90%;
}
.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;
}
.UTM.ui-fieldset-legend::before {
content: "╭╴";
}
.UTM.ui-fieldset-legend::after {
content: "╶╮";
}
.UTM.ui-fieldset-legend {
display: inline-flex
}
.new_design ~ * .UTM.ui-fieldset-legend > div {
float: left;
font-weight: bold;
border: 0 none;
border-left-width: 0px;
border-left-style: none;
border-left-color: currentcolor;
border-left: solid 2px #e52b2b;
padding-left: 6px;
background: white;
color: #404040;
}
.new_design ~ * .UTM.ui-fieldset-legend {
padding: 1px 3px 1px 4px;
background: white;
border: 1px solid rgba(0, 0, 0, 0.1);
vertical-align: middle;
font-size: 98%;
}
.new_design ~ * .UTM.ui-fieldset-legend::before {
content: "";
}
.new_design ~ * .UTM.ui-fieldset-legend::after {
content: "";
}
.AWP.Menu {
border: 1px solid rgba(0,0,0,.05);
padding: 2px;
background: #fafbfe;
margin-right: 1px;
white-space: nowrap;
}
.flexelement .AWP.Menu {
display: inline-table;
}
.AWP.Menu > img {
top: -2px;
position: relative;
padding-right: 5px;
width: 20px; /* Erforderlich, innerhalb der Vorlage Gallery. Nur dort wird aus der Vorlage Menu die Breite ohne Einheit übergeben */
}
.AWP.Mandant {
background: white;
font-size: unset;
padding: 2px;
border: 1px solid rgba(0,0,0,.05);
margin-right: 1px;
}
.UTM-ui.Menu {
background-color: #3c3f46; /* Graue Buttons im MDM */
}
.lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img {
width: 45%;
border: 0;
padding: 0px 0px 5px 20px;
}
th > .img-container,
td > .img-container {
float: right;
}
td > .left.img-container {
float: left;
}
.border-default,
.img-container img,
.Bild img {
border: 1px solid grey;
}
.img-container.rechts img,
.Bild img.embedvideo-consent__thumbnail__image {
border: 0;
}
.img-container.rechts {
float: right;
margin-left: 1em;
}
.embedvideo-consent__message {
text-align: center;
margin-bottom: -7em;
}
.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: -1em;
}
li.fas, li.fal,
li.far, li.fad {
padding-left: 1.5em;
display: flow-root;
position: relative;
font-family: inherit;
font-weight: initial;
}
li.fas::before, li.fal::before,
li.far::before, li.fad::before {
left: -1.5em;
position: inherit;
margin-right: -1.0em;
width: 1em;
display: inline-block;
text-align: center;
}
[class*=list--element__] li:before,
li[class*=list--element__]::before,
.startbox li[class*=list--element__]::before,
.startbox.new.star li[class*=list--element__]::before {
font-size: 1em;
position: inherit;
left: -1.4em;
margin-right: -1.2em;
vertical-align: baseline;
width: 1.2em;
display: inline-block;
text-align: center;
}
.list--element__alert li:before,
li.list--element__alert::before,
.startbox li.list--element__alert::before,
.startbox.new.star li.list--element__alert::before {
font-family: 'Font Awesome 5 Pro';
content: "\f071";
font-weight: 200;
}
[class*="list--element__"].Einrücken + ul {
list-style: none;
}
.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.new.star .list--element__bullet li::before,
.startbox li.list--element__bullet::before,
.list--element__alert .bullet li::before,
.startbox-body .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: 1.7em;
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[class*="list--element__"].inline-flex {
display: inline-flex;
}
/*
.pd5 tr td li[class*="list--element__"] {
padding-left: 1.7em;
}
*/
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: 0.06em;
}
li.list--element__alert.em3::before {
top: 0.375em;
}
.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 {
margin-left: 0.5em;
}
.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: inline-flex;
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 */
}
/* .startbox-body-breit .spc__menu {
white-space: pre;
} */
.neu-menu a.external.text {
color: unset;
}
.neu-menu span,
.neu-menu .reiter.utm {
line-height: initial;
align-self: center;
/* padding: 3px; */
}
.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;
}
.Bild .info-box {
max-width: unset; /* .Bild beschränkt bereits auf 45% */
}
.info-box.unset {
float: unset;
}
.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--1, .lh1 {
line-height: 1em;
}
.lh--11 {
line-height: 1.1em;
}
.lh--125 {
line-height: 1.25em;
}
.lh--16 {
line-height: 1.6em;
}
.lh--4em td {
height: 4em;
}
.lh--2em, .lh2 {
line-height: 2em;
}
[class*="lh"] > .menu {
line-height: initial;
}
.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,
.info.signal-light:before {
content: "\f05a";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: #7e7e7e;
}
.bc__black.signal-light:before,
.inverse.signal-light:before {
content: "\f05a";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: #515151;
}
.bc__gelb.signal-light:before,
.hint.signal-light:before,
.warning.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,
.success.signal-light:before {
content: "\f058";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: #3eab30;
}
.bc__dgrau.signal-light:before,
.down.signal-light:before {
content: "\f057";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: #515151;
}
.bc__rot.signal-light:before,
.error.signal-light:before,
.important.signal-light:before {
content: "\f06a";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: #DD463E;
}
.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;
}
odd,
tr.odd,
tr td.odd {
background-color: #f2f2f2;
}
.even,
tr.even,
tr td.even {
background-color: white;
}
/*** Schriftgrößen ***/
.em1 {
font-size: 1em;
}
.em2,
.fa-2x {
font-size: 2em;
}
li.list--element__alert.em2 {
font-size: inherit;
}
.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;
}
.far {
font-family: unset;
}
.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.UTM {
border-color: #d3d3d3;
}
.nui.button,
.new_design ~ * .button {
border-radius: 2px;
border-color: #a6a6a6;
background: #dedede;
position: relative;
vertical-align: middle;
}
.button.UTM.first {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.button.UTM.last {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
.button.UTM.middle {
border-radius: 0px;
}
.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;
background-image: unset;
}
.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.AVM {
min-height: 1.75rem;
padding: 0 1rem;
margin: .15rem 0 .15rem .5rem;
background-color: #e9edf0;
border: 1px solid #d8dfe3;
border-radius: .25rem;
color: #4269a4;
background-image: none;
display: initial;
}
.button.UTM126 {
background: #fff;
border-radius: 0px 0px 1px 1px;
border-top: 1px solid rgba(0,0,0,0.3);
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: 1px 4px 3px 4px;
clear: both;
display: initial;
}
.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.button-dropdown.UTM.selected {
background: #d0d0d7;
}
.button.button-dropdown.UMA {
background: rgb(255,255,255);
border-radius: 0px;
}
.new_design ~ * .button.button-dropdown.UTM {
background: rgb(255,255,255);
border-radius: 0px;
box-shadow: 0px 0px 6px -1px rgba(0,0,0,.1) inset;
}
/******** Button-Icons für .new_design **********************/
.new_design ~ * .glyphicons,
.new_design ~ * .halflings {
background: none;
display: contents;
position: absolute;
left: 0;
width: 100%;
}
.new_design ~ * .button.UTM .glyphicons::before,
.new_design ~ * .button.UTM .halflings::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 600;
font-style: normal;
font-size: 75%;
opacity: 1;
color: black;
margin-right: 3px;
}
.new_design ~ * .button.icon {
vertical-align: middle;
}
.new_design ~ * .glyphicons-envelope::before {
content: '\f0e0'; /* fas fa-envelope */
}
.new_design ~ * .glyphicons-heart::before {
content: '\f004'; /* fas fa-heart */
}
.new_design ~ * .glyphicons-print::before {
content: '\f02f'; /* fas fa-print */
}
.new_design ~ * .glyphicons-pie-chart::before {
content: '\f200'; /* fas fa-chart-pie */
}
.new_design ~ * .glyphicons-group::before {
content: '\f500'; /* fas fa-user-friends */
}
.new_design ~ * .glyphicons-router::before {
content: '\f8da'; /* fas fa-router */
}
.new_design ~ * .glyphicons-star::before {
content: '\f005'; /* fas fa-star */
}
.new_design ~ * .glyphicons-link::before {
content: '\f0c1'; /* fas fa-link */
}
.new_design ~ * .glyphicons-alarm::before {
content: '\f34e'; /* fas fa-alarm-clock */
}
.new_design ~ * .glyphicons-clock::before {
content: '\f017'; /* fas fa-clock */
}
.new_design ~ * .glyphicons-history::before {
content: '\f1da'; /* das fa-history */
}
.new_design ~ * .glyphicons-power::before {
content: '\f011'; /* fas fa-power-off */
}
.new_design ~ * .glyphicons-refresh::before {
content: '\f2f1'; /* fas fa-sync-alt */
}
.new_design ~ * .glyphicons-message-full::before {
content: '\f2b6'; /* fas fa-envelope-open */
}
.new_design ~ * .glyphicons-cogwheel::before {
content: '\f013'; /* fas fa-cog */
}
.new_design ~ * .glyphicons-cogwheels::before {
content: '\f085'; /* fas fa-cogs */
}
.new_design ~ * .glyphicons-folder-open::before {
content: '\f07c'; /* fas fa-folder-open */
}
.new_design ~ * .glyphicons-folder-plus::before {
content: '\f65e'; /* fas fa-folder-plus */
}
.new_design ~ * .glyphicons-more-windows::before {
content: '\f2d2'; /* fas fa-window-restore */
}
.new_design ~ * .glyphicons-step-backward::before {
content: '\f048'; /* fas fa-step-backward */
}
.new_design ~ * .glyphicons-play::before {
content: '\f04b'; /* fas fa-play */
}
.new_design ~ * .glyphicons-stop::before {
content: '\f04d'; /* fas fa-stop */
}
.new_design ~ * .glyphicons-step-forward::before {
content: '\f051'; /* fas fa-step-forward */
}
.new_design ~ * .glyphicons-download-alt::before {
content: '\f019'; /* fas fa-download */
}
.new_design ~ * .glyphicons-question-sign::before {
content: '\f128'; /* fas fa-question */
}
.new_design ~ * .glyphicons-info-sign::before {
content: '\f05a'; /* fas fa-info-circle */
}
.new_design ~ * .glyphicons-lock::before {
content: '\f30d'; /* fas fa-lock-alt */
}
.new_design ~ * .glyphicons-unlock::before {
content: '\f13e'; /* fas fa-unlock-alt */
}
.new_design ~ * .glyphicons-ok::before {
content: '\f00c'; /* fas fa-check */
}
.new_design ~ * .glyphicons-remove::before {
content: '\f00d'; /* fas fa-times */
}
.new_design ~ * .glyphicons-resize-small::before {
content: '\f422'; /* fas fa-compress-alt */
}
.new_design ~ * .glyphicons-resize-full::before {
content: '\f424'; /* fas fa-expand-alt */
}
.new_design ~ * .glyphicons-circle-arrow-left::before {
content: '\f0e2'; /* fas fa-undo */
}
.new_design ~ * .glyphicons-circle-arrow-right::before {
content: '\f01e'; /* fas fa-redo */
}
.new_design ~ * .glyphicons-chevron-right::before {
content: '\f054'; /* fas fa-chevron-right */
}
.new_design ~ * .glyphicons-chevron-left::before {
content: '\f053'; /* fas fa-chevron-left */
}
.new_design ~ * .glyphicons-retweet-2::before {
content: '\f079'; /* fas fa-retweet */
}
.new_design ~ * .glyphicons-zoom-in::before {
content: '\f00e'; /* fas fa-search-plus */
}
.new_design ~ * .glyphicons-zoom-out::before {
content: '\f010'; /* fas fa-search-minus */
}
.new_design ~ * .glyphicons-rotation-lock::before {
content: '\f30d'; /* fas fa-lock-alt */
}
.new_design ~ * .glyphicons-flag::before {
content: '\f74c'; /* fas fa-flag-alt */
}
.new_design ~ * .glyphicons-share-alt::before {
content: '\f1e0'; /* fas fa-share-alt */
}
.new_design ~ * .glyphicons-pushpin::before {
content: '\f08d'; /* fas fa-thumbtack */
}
.new_design ~ * .glyphicons-bullhorn::before {
content: '\f0a1'; /* fas fa-bullhorn> */
}
.new_design ~ * .glyphicons-cloud-upload::before {
content: '\f0ee'; /* fas fa-cloud-upload */
}
.new_design ~ * .glyphicons-cloud-download::before {
content: '\f0ed'; /* fas fa-cloud-download */
}
.new_design ~ * .glyphicons-restart::before {
content: '\f01e'; /* fas fa-redo */
}
.new_design ~ * .glyphicons-new-window-alt::before {
content: '\f35d'; /* fas fa-external-link-alt */
}
.new_design ~ * .glyphicons-plus::before {
content: '\f067'; /* fas fa-plus */
}
.new_design ~ * .glyphicons-minus::before {
content: '\f068'; /* fas fa-minus */
}
.new_design ~ * .glyphicons-undo::before {
content: '\f3e5'; /* fas fa-reply */
}
.new_design ~ * .glyphicons-wrench::before {
content: '\f0ad'; /* fas fa-wrench */
}
.new_design ~ * .glyphicons-floppy-disk::before {
content: '\f0c7'; /* fas fa-save */
}
.new_design ~ * .glyphicons-server::before {
content: '\f233'; /* fas fa-server */
}
.new_design ~ * .glyphicons-menu-hamburger::before {
content: '\f0c9'; /* fas fa-bars */
}
.new_design ~ * .glyphicons-user-ban::before {
content: '\f506'; /* fas fa-user-slash */
}
.new_design ~ * .glyphicons-chevron-up::before {
content: '\f077'; /* fas fa-chevron-up */
}
.new_design ~ * .glyphicons-chevron-down::before {
content: '\f078'; /* fas fa-chevron-down */
}
.new_design ~ * .glyphicons-temperature::before {
content: '\f2c9'; /* fas fa-thermometer-half */
}
.new_design ~ * .glyphicons-copy-to-clipboard::before {
content: '\f0c5'; /* fas fa-copy */
}
.new_design ~ * .glyphicons-router-customized-no-wlan::before {
content: '\f233'; /* fas fa-server */
}
.new_design ~ * .glyphicons-warning-sign-customized-orange::before {
content: '\f071'; /* fas fa-exclamation-triangle */
}
.new_design ~ * .glyphicons-step-forward-customized-down::before {
content: '\f34a'; /* fas fa-arrow-alt-to-bottom */
}
.new_design ~ * .glyphicons-step-forward-customized-up::before {
content: '\f34d'; /* fas fa-arrow-alt-to-top */
}
.new_design ~ * .glyphicons-download-alt-customized-upload::before {
content: '\f093'; /* fas fa-upload */
}
/* .new_design ~ * .glyphicons-menu-hamburger-customized-cancelled::before {
content: '\'; fas fa-bars fa-crossed-out
} */
.new_design ~ * .glyphicons-pencil::before {
content: '\f040'; /* fas fa-pencil */
}
.new_design ~ * .glyphicons-ban-circle::before {
content: '\f05e'; /* fas fa-ban */
}
.new_design ~ * .halflings-trash::before {
content: '\f2ed'; /* fas fa-trash-alt */
}
.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;
color: rgba(0,0,0,0.6);
}
.fas.icon2,
.fal.icon2,
.far.icon2 {
height: 1.8em;
width: 1.8em;
/* padding: 0.2em;*/
line-height: 1em;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #e6e6e6;
border: 1px solid #d3d3d3;
color: rgba(0,0,0,0.6);
}
.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; */
}
.MS.ic-eingabe.bc__grau-menu {
background-color: #3c3f46; /* Graue Buttons im MDM */
}
.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,
.UMA.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-block;
}
.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.75em;
color: #000;
white-space: nowrap;
/* position: relative;
top: -1.52em;*/
}
.AWP.ic-beschriftung {
font-size: 0.6em;
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;
}
.UTM.disabled {
background-color: #fdfdfd;
border-color: rgb(170,170,170);
color: rgba(0,0,0,0.3);
}
.UMA .dr-icon {
border-left: 1px solid rgb(182,182,182);
background: #e1e1e1;
display: inline-block;
width: 1em;
text-align: center;
margin-left: 4px;
}
.SUB .dr-icon {
border-left: 1px solid rgb(182,182,182);
background: #e1e1e1;
display: inline-block;
width: 1.4em;
text-align: center;
padding: 5px;
float: right;
}
.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: 1px 3px;
display: inline-table;
border-collapse:separate;
font-size: 1em;
width: max-content;
}
.neu-menu .spc__default {
padding-top: 3px;
padding-bottom: 3px;
}
td .spc__default {
line-height: 1em;
}
.spc__default.icon {
height: 25px;
width: 25px;
font-size: 0.8em;
vertical-align: inherit;
display: inline-flex;
align-items: center;
justify-content:center;
}
.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: 0px 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;
}
.USC.spc__status {
border-collapse: initial;
padding: 0px;
}
.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;
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);
}
.new_design ~ * .UTM.ButtonAn {
width: 3em;
height: 1.5em;
background: #468847;
border: 1px solid rgba(0, 0, 0, 0.125);
box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2);
}
.new_design ~ * .UTM.ButtonAn::before {
content: "";
display: block;
left: 24px;
top: 0;
bottom: 0;
background: #fff;
position: absolute;
border-radius: 11px;
width: 22px;
box-shadow: 0 0 6px -2px rgb(0, 0, 0);
animation-name: checkBoxToggleAnimationOff;
animation-fill-mode:forwards;
margin-left: 1.5em;
}
.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: inline-flex;
flex-flow: wrap;
align-content: center;
height: 1em;
vertical-align: middle;
}
.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: 1.3em;
clear: both;
}
.UTM.ButtonAn .ButtonAn-Toggle,
.UTM .ButtonAn-Toggle {
left: 1.7em;
top: 0px;
width: 1.3em;
height: 1.3em;
border-radius: 1.3em;
}
.new_design ~ * .UTM.ButtonAn .ButtonAn-Toggle {
display: none;
}
.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: bold;
padding-left: 7px;
padding-bottom: 1px;
vertical-align: text-bottom;
}
.new_design ~ * .UTM .ButtonAn-Text {
font-size: 58%;
font-weight: bold;
padding-left: 0.75em;
padding-bottom: 1px;
vertical-align: text-bottom;
}
.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;
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-alt.ButtonAus {
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.125);
width: 32px;
height: 16px;
top: 3px;
margin-top: 0px;
border-radius: 24px;
}
.MS.ButtonAus,
.new_design ~ * .UTM.ButtonAus {
width: 3em; /* 36px; */
height: 1.5em; /* 18px; */
border: 1px solid rgba(0, 0, 0, 0.125);
/* position: relative;
top: 3px; */
margin-right: 5px;
border-radius: 24px;
background: rgba(0, 0, 0, 0.2);
/* margin-top: -8px; */
}
.MS.ButtonAus::before,
.new_design ~ * .UTM.ButtonAus::before {
content: "";
display: block;
left: 24px;
top: 0;
bottom: 0;
background: #fff;
position: absolute;
border-radius: 11px;
width: 22px;
box-shadow: 0 0 6px -2px rgb(0, 0, 0);
animation-name: checkBoxToggleAnimationOff;
animation-fill-mode:forwards;
}
.MSA.ButtonAus {
display: inline-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,
.new_design ~ * .UTM .ButtonAus-Toggle {
display: none;
/* 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;
}
.new_design ~ * .UTM .ButtonAus-Text {
font-size: 58%;
font-weight: bold;
padding-left: 1.75em;
padding-bottom: 1px;
vertical-align: text-bottom;
margin-left: 0.8em;
}
[class*="mw1"] .mw-collapsible-text,
[class*="mw2"] .mw-collapsible-text {
display: inline-block;
}
.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,
.mw10 .mw-collapsible-text {
min-width: 10em;
}
.min-width-11em,
.minw11, .mw11,
.Filterzeile .Filterkriterium.mw11,
.mw11 .mw-collapsible-text {
min-width: 11em;
}
.min-width-12em,
.minw12, .mw12,
.Filterzeile .Filterkriterium.mw12,
.mw12 .mw-collapsible-text {
min-width: 12em;
}
.min-width-13em,
.minw13, .mw13,
.Filterzeile .Filterkriterium.mw13,
.mw13 .mw-collapsible-text {
min-width: 13em;
}
.min-width-14em,
.minw14, .mw14,
.Filterzeile .Filterkriterium.mw14,
.mw14 .mw-collapsible-text {
min-width: 14em;
}
.min-width-15em,
.minw15, .mw15,
.Filterzeile .Filterkriterium.mw15,
.mw15 .mw-collapsible-text {
min-width: 15em;
}
.min-width-16em,
.minw16, .mw16,
.Filterzeile .Filterkriterium.mw16,
.mw16 .mw-collapsible-text {
min-width: 16em;
}
.min-width-17em,
.minw17, .mw17,
.Filterzeile .Filterkriterium.mw17,
.mw17 .mw-collapsible-text {
min-width: 17em;
}
.min-width-18em,
.minw18, .mw18,
.Filterzeile .Filterkriterium.mw18,
.mw18 .mw-collapsible-text {
min-width: 18em;
}
.min-width-19em,
.minw19, .mw19,
.Filterzeile .Filterkriterium.mw19,
.mw18 .mw-collapsible-text {
min-width: 19em;
}
.min-width-20em,
.minw20, .mw20,
.Filterzeile .Filterkriterium.mw20,
.mw20 .mw-collapsible-text {
min-width: 20em;
}
.min-width-21em,
.minw21, .mw21,
.Filterzeile .Filterkriterium.mw21,
.mw21 .mw-collapsible-text {
min-width: 21em;
}
.min-width-22em,
.minw22, .mw22,
.Filterzeile .Filterkriterium.mw22,
.mw22 .mw-collapsible-text {
min-width: 22em;
}
.min-width-23em,
.minw23, .mw23,
.Filterzeile .Filterkriterium.mw23,
.mw23 .mw-collapsible-text {
min-width: 23em;
}
.min-width-25em,
.minw25, .mw25,
.Filterzeile .Filterkriterium.mw25,
.mw23 .mw-collapsible-text {
min-width: 25em;
}
.min-width-100,
.minw100, .mw100,
.Filterzeile .Filterkriterium.mw100,
.mw100 .mw-collapsible-text {
min-width: 100%;
}
.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; */
margin-right: 3px;
}
.kasten .cb {
font-size: 75%;
vertical-align: middle;
color: rgba(0,0,0,0.6);
font-weight: normal;
margin-top: 2px;
}
.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;
}
.thumbcaption .Number {
font-size: 125%;
vertical-align: -5%;
}
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;
}
.USC.status-text {
color: rgba(255, 255, 255, 0.9);
text-transform: unset;
font-weight: normal;
padding: 0px 3px;
}
.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;
}
**************** */
.relative {
position: relative;
}
.left--1em {
left: -1em;
}
.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;
}
.Release {
display: inline-block;
line-height: 0.5em;
}
.Release ul {
margin: 0;
}
.Release > ul li {
float: left;
font-size: small;
padding-left: 1em;
padding-right: 0.25em;
vertical-align:top;
display:inline-flex;
}
.Release > ul:first-child li:first-child {
padding-left: 0;
color: #E74C3C;
left: unset;
padding-right: 1.25em;
}
.Release > ul li:first-child::before {
content: "";
}
.Release > ul li:not(:first-child)::before {
content: "| ";
color: rgba(0,0,0,0.7);
font-weight: bold;
color: unset;
padding-left: 0.25em;
}
.Release + * dd {
text-decoration: underline;
}
.boldline {
border-top-width: 0.11em;
border-top-style: solid;
}
.dotted {
border-top-style: dotted;
border-top-width: 0.11em;
}
.dialog-header,
.new_design ~ * .Bild > p > .dialog-header {
display: flex;
justify-content: space-between;
text-align: left;
margin: -6px -6px 6px -6px;
}
.dialog-header,
.dialog-header * {
background-color: #e52b2b;
color: #fff;
}
.dialog-header > span {
padding-left: 5px;
}
.dialog-pfad {
display: block;
font-size: 80%;
max-height: 1.5em;
word-break: break-all;
}
.dialog-pfad .fas {
opacity: 0.5;
padding-left: 2px;
padding-right: 2px
}
.dialog-button,
.dialog-header * .dialog-button * {
color: #e52b2b;
background-color: rgb(252, 234, 234);
margin: 5px;
display: inline-block;
min-width: 1em;
min-height: 1em;
vertical-align: middle;
text-align: center;
}
.dialog-button {
border: 1px solid rgba(229, 43, 43, 0.1);
padding: 1px 3px;
}
.dialog-header * ~ * .dialog-button {
padding:0;
}
.dialog-button i + .icon-text {
margin-left: -0.5em;
}
.dialog-button i + span:empty {
display: none;
}
.dialog-header > p {
margin: 0;
}
.dialog-rechts {
min-width: max-content;
}
/* .Bild-ui p .dialog-header {
margin-bottom: -0.5em;
} */
.noselect {
user-select: none;
}
/*********************** Beginn Schriftgrößen ********************+**/
.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,
.USC.bc__gruen, .USC.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__rot-konsole {
background-color: #670000;
}
.bc__error {
background-color: #DD463E;
}
.bc__black {
background-color: #000;
}
.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 */
}
.MS.spc__menu.bc__grau-menu
.MS.ic-eingabe.bc__grau-menu,
.bc__grau-menu {
background-color: #3c3f46; /* Graue Buttons im MDM */
}
/* .neu-menu .MS.spc__menu.bc__grau-menu {
background-color: unset;
} */
.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;
}
.font-color__gr a {
color: #E74C3C !important;
}
.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; */
}
.UTM.font-color__rot.Number,
.UTM.fc__rot.Number {
color: rgb(229, 43, 43); /* entspricht #e52b2b neues UTM-Rot, 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;
}
.fc__grau-konsole,
.font-color__grau-konsole {
color: #a8a8a8;
}
.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: #e74c3c; /* vorher 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;
}
.fc__avm-blau,
.font-color__avm-blau {
color: #006EC0;
}
/*** 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 ***/