KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 2.826: | Zeile 2.826: | ||
background-color: #515151; | background-color: #515151; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
.variante1 { | .variante1 { | ||
display: unset; | display: unset; | ||
} | } | ||
.variante2 { | .variante2 { | ||
display: none; | display: none; | ||
} | } | ||
.Variante2zeigen .variante1 { | .Variante2zeigen .variante1 { | ||
display: none; | display: none; | ||
} | } | ||
.Variante2zeigen .variante1 { | .Variante2zeigen .variante1 { | ||
display: unset; | display: unset; | ||
} | } | ||
.number { | .number { | ||
Zeile 2.849: | Zeile 2.849: | ||
color: black; | color: black; | ||
display: block; | display: block; | ||
} | } | ||
.embedvideo { | |||
display: inline-block; | |||
} |
Version vom 16. April 2021, 12:36 Uhr
/*** Diese css-Styles werden von der Vorlage {{TOC2}} automatisch eingebunden! ***/ /*** Alle anderen müssen dieses css wie folgt einbinden: <templatestyles src="Vorlage:Styles.css" /> ***/ .button a.image { display: inline-block; padding-right: 2px; } .button-2 .button a.image { vertical-align: -2px; padding-right: 20px; } .button .button-1 a.image { vertical-align: -1px; } .mw-editform #wpTextbox1 { color:black!important; } /* hr { text-align:left; }*/ hr { margin-top: 1rem; margin-bottom: 1rem; height: 0px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,0.1); clear: unset; display: flex; background: rgba(0,0,0,0.25); } .toclevel-2 { margin-left: 15px; } .toclevel-3 { font-size: 90%; margin-left: 22px; } .toclevel-4 { font-size: 80%; margin: -4px 0px -4px 26px; } .notocnumber .toc ul li a .tocnumber { display: none; } /* ausgeagert in common.css .toctogglespan { display: inline-flex; } */ .glyphicons { display: inline-block; /*opacity: 1;*/ } .halflings { display: inline-block; } table { /* display: inline; */ margin: unset; } .unsichtbar { display: none!important; } h3, h4 { white-space: pre-wrap; line-height: 1.3em; color: rgba(0,0,0,0.8); } .listhead p { margin-bottom: 0; } .no-p p { margin-top: 0; margin-bottom: 0!important; } li { text-align: left; } ul > li:last-child { margin-bottom: 7px; } /* Formatierung Ausklapp-Toggle */ /* Ersetzt [ausklappen] durch eine farbige, linksbündige Schaltfläche */ /* :before und :after entfernen die [] */ /* Der Ausklapp-Button wird von Mediawiki automatisch in eine Tabellenzeile geschrieben */ /* und erhält einen unschönen Rand, der ebenfalls entfernt wird */ /* Die Beschriftung wird dann gesteuert mit: »data-expandtext=« bzw. »data-collapsetext=« */ .mw-collapsible-toggle { color:rgba(255, 255, 255, 0.9); display: inline-block; background: #ec971f; border: 1px solid #f0ad4e; border-radius:3px; padding: 0px 3px!important; font-size:100%; text-align:left; float:none!important; margin-top: 0.3em; } .dezent .mw-collapsible-toggle { color:rgba(255, 255, 255, 0.9); display: inline-block; background-image: radial-gradient(rgb(104, 167, 200)0%, rgb(43, 151, 213) 80%); border: 1px solid #878a90; border-radius:3px; padding: 0px 3px!important; font-size:80%; text-align:left; float:none!important; margin-top: 0.3em; } .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; } .mw-collapsible-toggle-default::before { content: '\f25a '; font-family: 'Font Awesome 5 Pro'; font-weight: 300; /* content: ''; */ } .io .mw-collapsible-toggle-default::before { content: '\f129 '; font-family: 'Font Awesome 5 Pro'; font-weight: 300; /* content: ''; */ } .mw-collapsible-toggle-default::after { content: ''; } table.mw-collapsible > tbody > tr:first-child > td:first-child { border: 0; } .info-collapsed .mw-collapsible-toggle, .info .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; } .hover .mw-collapsible-toggle { text-decoration-line: underline; text-decoration-style: dotted; } .info-box .mw-collapsible-toggle { display: inline; } .hover .mw-collapsible-content, .info-box .mw-collapsible-content { background: lavender; } .info-box .mw-collapsible-content { background: lavender; } .info .mw-collapsible-toggle-default::before, .info-collapsed .mw-collapsible-toggle-default::before { content: '\f129'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; color: #ec971f; border-bottom: 1px dotted #ec971f; border-radius: 0px; padding-bottom: 1px; } .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; } .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 Tbellen mit Bildern linksbündig an */ } .Einblenden-rechts #mw-customcollapsible-Inhalte { float: right; } #mw-customcollapsible-info-collapsed { display: inline-table; } #mw-customcollapsible-hover { display: inline-table; } .mw-collapsible-content { display: inline-block; } .Bild .mw-collapsible-toggle { float: left !important; } .Bild .mw-collapsible-content { position: relative; top: 2em; } /* Ende Formatierung Ausklapp-Toggle */ th.headerSort { padding-right: 19px!important; } .top td { vertical-align: top; } .middle td, .middle { vertical-align: middle; } pre { padding: 0.5em; margin-bottom: 0px; } dd { margin-left: 2em; } ul { margin-bottom: 0px; } .ul-2 { padding-left: 4em; } .mw-empty-elt { display: block!important; } .spiegelstrich ul { list-style-type:none; } .spiegelstrich ul li:before { content: "– " } .angel li::before { font-family: 'Font Awesome 5 Pro'; content: "\f105 "; } .wikitable { width: auto; } .wikitable1 { background-color:white; color: #222; margin: 0em 0; border: 1px solid white; border-collapse: collapse; } .wikitable2, .wikitable3 { /* background-color:white; */ color: #222; margin: 0em 0; border: 1px solid white; border-collapse: collapse; } .wikitable1 th, .wikitable2 th, .wikitable3 th { background-color: #eaecf0; border: 1px solid #a2a9b1; } .wikitable1 td, .wikitable2 > tbody > tr > td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.2em; line-height:1.4; } .wikitable1 .Leerzeile, .wikitable2 .Leerzeile, .wikitable3.Leerzeile, .sptable.Leerzeile, .sptable2.Leerzeile, .sptable3.Leerzeile { /* border-left: 0; border-right: 0; border: 0; background: unset; height: auto; } .pt2 { float: left; margin-bottom :10px; max-width:44%; } .sptable { display: block; color: #222; margin: 0em 0; /* border: 0; */ border-collapse: collapse; } .sptable td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.2em; line-height:1.4; } .sptable tr > td:first-child { text-align: left; } .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-col2 td:nth-child(2), .center-col2 th:nth-child(2) { text-align: center; } .center-col2-n th:not(:first-child), .center-col2-n td:not(:first-child) { text-align: center; } .center-col4 td:nth-child(4), .center-col4 th:nth-child(4) { text-align: center; } .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; } .Leerzeile td { text-align: left !important; } .sptable2, .sptable3 { display: inline-block; /* color: #222; */ margin: 0em 0; border: 0; border-collapse: collapse; } .sptable2 td, .sptable0 td, .sptable2 td, .sptable3 td { background-color: #f8f9fa; border: 1px solid #a2a9b1; padding: 0.2em 0.1em; line-height:1.4; } .sptable2 td.hrzeile { border: 0; /* border-left-style: hidden; border-right-style: hidden; border-bottom-style: hidden; background: unset; */ } .sptable2 .Hinweis td, .sptable0 .Hinweis td, .sptable3 .Hinweis td { background-color: unset; border: unset; } table.sptable, table.sptable2, table.sptable3 { border: 0; } .spgridtr .Leerzeile { border-left: 0; border-right: 0; } .sptable .Leerzeile, .sptable2 .Leerzeile { border: 0; background: unset; height: auto; } .Leerzeile td { border: none !important; } .pd1, .pd1 td, .spc__default.pd1 { padding: 1px; } .pd2, .pd2 td, .spc__default.pd2 { padding: 2px; } .pd3, .pd3 td, .spc__default.pd3 { padding: 2px; } .pd4, .pd4 td, .spc__default.pd4 { padding: 2px; } .pd5, .pd5 td, .spc__default.pd5 { padding: 5px; } .pd1em, .pd1em td, .spc__default.pd1em { padding: 1em; } .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.width-xxl, td.bild.width-xxl, td.Bild.td-width-xxl, td.Bild.width-xxl .img-container, div.width-xxl { width: 55%; } td.Bild.width-xl, td.bild.width-xl, td.Bild.td-width-xl, td.Bild.width-xl .img-container { width: 50%; } td.Bild.width-l, td.bild.width-l, td.Bild.td-width-l, td.Bild.width-l .img-container { width: 40%; } td.Bild.width-m, td.bild.width-m, td.Bild.td-width-m, td.Bild.width-m .img-container { width: 35%; } td.Bild.width-s, td.bild.width-s, td.Bild.td-width-s, td.Bild.width-s .img-container { width: 30%; } td.Bild.width-xs, td.bild.width-xs, td.Bild.td-width-xs, td.Bild.width-xs .img-container { width: 25%; } td.Bild.width-xxs, td.bild.width-xxs, td.Bild.td-width-xxs, td.Bild.width-xxs .img-container { width: 20%; } /* td.Bild.width-xxl img, td.bild.width-xxl img { width: 55%; } td.Bild.width-xl img, td.bild.width-xl img { width: 50%; } td.Bild.width-l img, td.bild.width-l img { width: 40%; } td.Bild.width-m img, td.bild.width-m img { width: 35%; } td.Bild.width-s img, td.bild.width-s img { width: 30%; } td.Bild.width-xs img, td.bild.width-xs img { width: 25%; } td.Bild.width-xxs img, td.bild.width-xxs img { width: 20%; } */ .i-width-s .img-container { width: 75%; } .i-width-xs .img-container { width: 50%; } .i-width-xxs .img-container { width: 35%; } img.mw1em, img.max-width-1em { max-width: 1em; } td.Bild .thumbinner, th.Bild .thumbinner, td.bild .thumbinner, th.bild .thumbinner { width: unset !important; border: 0; padding-top: 0; } .Bild .thumb.tright, .bild .thumb.tright { padding-top: 0px; margin-top: 0; } .sptable th, .sptable0 th, .sptable2 th, .sptable3 th { background-color: #ccc; border: 1px solid #a2a9b1; padding: 5px; } .Bild2 .tright, .bild2 .tright { margin-top: 0em; } tbody > tr:nth-child(2) > * > .Bild2 .tright, tbody > tr:nth-child(2) > * > .bild2 .tright { margin-top: -2.3em; } .Vorschaubild img { border: 1px solid gray; padding: 1px; margin-left: 5px; margin-bottom: 10px; width: 65px; position: relative; top: 10px; } .sptablelist tr:nth-child(odd) > td { background: #EAE0E0; } .sptablelist tr:nth-child(even) > td { background: #EFEAEA; } code { display: flex; border: 1px solid #c2c2c2; color: rgba(0,0,0,0.8) !Important; background: #cccccc; padding: 2px; margin: 2px 0px; } td.border-bottom-dezent { border-bottom-color: #ddd; } .nop p { margin-bottom: 0px; } .MS.Zelle1-Beschriftung td:first-child, .MS.Beschriftung { display: inline-block; margin: 1px 0px; background: white; box-shadow: 0 0 0 1px rgba(0,0,0,0.05); border-radius: 3px 3px 0px 0px; padding: 1px 3px; font-weight: 600; font-size: 0.9em; } .UTM.Zelle1-Beschriftung td:first-child, .UTM.Beschriftung { background-color: white; display: inline-block; margin: 1px 0px; padding:2px; border-width: 1px; border-style: solid; border-color: white #ababab #ababab #ababab; border-radius:3px; font-weight: bolder; clear: both; } .block { display: block; } .noborder { border: 0!important; } .noborder td { border: 0!important; } .blank td { border: 0!important; background: 0!important; } .sptable.blank, .sptable1.blank, .sptable2.blank, .sptable0.blank { border: 0; } .border-bottom-xs td { border: 0!important; } .mb05em ol:first-child > li { margin-bottom: 0.5em; } .language-toggle-german { position: absolute; top: -8em; } .language-toggle-english { position: absolute; top: -8em; } .host { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 2px; display: inline-flex; margin: 0px 0px; padding: 0px 2px 0px 2px; font-size: 12px; font-weight: bolder; font-style: normal; color: #468847; font-family: "Arial",sans-serif; clear: both; } .host.utm::before { content: "\e91c"; font-family: spicons !important; font-weight: normal; margin-right: 3px; } .none { display: none; } .inline-flex { display: inline-flex; } .inline-block { display: inline-block; } .h-box { display: block; align-items: center; } td .text-h4.h-box { margin: 0em; } .h-element:not(:empty) { padding-right: 12px; } .h-element:empty { display: none; } .reiter.portal { background: #fff; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 1px; border-top-left-radius: 1px; border-top: 1px solid rgba(0, 0, 0, 0.6); border-bottom: 2px solid #E74C3C; border-left: 0.05em solid rgba(0, 0, 0, 0.3); border-right: 0.05em solid rgba(0, 0, 0, 0.3); padding: 3px 3px; color: rgba(0, 0, 0, 0.5); clear: both; } .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; } .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.5em 0.2em 0em 0.2em; clear: both; } .SUB .Reiter { padding: 0.2em 0.3em 0em 0.3em; color: #212121; border: 1px solid #aaa; border-bottom: 1px solid white; background: white; display: inline-block; clear: both; } .code { display: inline-block; /* word-wrap: anywhere; */ word-break: break-all; text-align: left; border: 1px solid #c2c2c2; background: #ccc; padding: 1px 4px; font-size: 85%; border-radius: 2px; /* font-family: "monospace",sans-serif; */ font-family: "Courier",sans-serif; box-shadow: 1px 1px inset; color: rgba(0,0,0,0.8); } pre { display: inline-block; /* word-wrap: anywhere; */ word-break: break-all; text-align: left; border: 1px solid #c2c2c2; background-color: #c2c2c2; padding: 1px 4px; font-size: 85%; border-radius: 2px; font-family: "Courier",sans-serif; box-shadow: 1px 1px inset; color: rgba(0,0,0,0.8); /* margin-top: -0.5em; */ } .bold b, .boldcode b, .pre--bold__color b { font-weight: unset; color: black; } .fa, .fas, .fal { font-family: unset; font-weight: unset; } .fa:before, .fas:before, .fal:before { font-family: 'Font Awesome 5 Pro'; } .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 { font-weight: 600; background: #eceded; padding: 5px; display: inline; } .lastcol-img > tbody > tr > td:last-child:not(.Leerzeile), td.td-img { width: 45%; border: 0; padding: 0px 0px 5px 20px; } .img-container { display: flow-root; } td > .img-container { float: right; } .border-default, .img-container img, .Bild img { border: 1px solid grey; } .bild__kleiner { padding-left: 60%; } .check-circle li:before { font-family: 'Font Awesome 5 Pro'; content: "\f058"; font-size: 12px; /* color: rgb(231, 76, 60); */ position: absolute; left: 0px; margin-right: 1em; font-weight: 400; } .check-circle li { padding-left: 20px; display: block; position: relative; left: -15px; } .info-collapsed.check .mw-collapsible-toggle-default::before .check li:before, .startbox.check li:before { font-family: 'Font Awesome 5 Pro'; content: "\f00c"; font-size: 12px; /* color: rgb(231, 76, 60); */ position: absolute; left: 0px; margin-right: 1em; font-weight: 400; } .check li, .startbox.check li { padding-left: 20px; display: block; position: relative; left: -15px; } .list--element__alert li:before, li.list--element__alert::before, .startbox li.list--element__alert::before { font-family: 'Font Awesome 5 Pro'; content: "\f071"; font-size: 15px; /* position: absolute; left: -3px; margin-right: 1em; */ position: inherit; left: -20px; margin-right: -17px; font-weight: 400; vertical-align: top; } 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; } li.list--element__bullet::before { font-family: 'Font Awesome 5 Pro'; content: "\f111"; font-size: 5px; /* position: absolute; left: -3px; margin-right: 1em; */ position: inherit; left: -14px; margin-right: -5px; font-weight: 900; vertical-align: top; } .list--element__alert li, .list--element__stop li { padding-left: 17px; display: block; position: relative; left: -17px; } li.list--element__alert, li.list--element__stop { padding-left: 17px; display: block; position: relative; left: 0px; } li.list--element__alert.em2 { padding-left: 2.5em; } .list--element__alert.list--element__hint.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; } .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: 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__solid li:before, li.list--element__solid:before, solid { font-weight: 900; } .list--element__regular li:before, li.list--element__regular:before { font-weight: 400; } .list--element__light li:before, li.list--element__light:before { font-weight: 300; } .li-sp li:before { font-family: 'spicons'; content: "\e902"; font-size: 12px; /* color: rgb(231, 76, 60); */ position: absolute; left: 0px; margin-right: 1em; font-weight: 400; } .li-sp li { padding-left: 20px; display: block; position: relative; left: -15px; } .Neu-Container { display: inline-flex; position: relative; top: 0.2em; width: 1.3em; padding-top: 5px; } .Neu--Text { font-size: 65%; display: inline-flex; position: relative; top: -1em; } .Neu--Icon { font-size: 50%; display: inline-flex; margin-left: 0px; /* margin-right: 2px; */ position: relative; top: -0.2em; left: -1.65em; } .new .startbox-head { padding: 0px; } .info-box #mw-customcollapsible-info-collapsed { display: inherit; } .lh--default { line-height: 1.4em; } .lh--16 { line-height: 1.6em; } .lh--4em td { height: 4em; } .middle { vertical-align: middle; } .li-1em li { margin-top: 1em; } .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; } /*** Schriftgrößen ***/ /* .em1 { font-size: 1em; } .em2 { font-size: 2em; } .em3 { font-size: 3em; } */ .Hinweis-Container--icon.em1 { font-size: 1em; } .Hinweis-Container--icon.em2 { font-size: 2em; } .Hinweis-Container--icon.em3 { font-size: 3em; } .list--element__alert.em2:before { font-size: 2em; position: absolute; left: inherit; } .list--element__alert.em3:before { font-size: 3em; position: absolute; left: inherit; } .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; } .bold { font-weight: bold; } /*** Ende Schriftgrößen *** /*** Hintergrundfarben ***/ .bc__white, .sptable2.bc__white td, .sptable2.tr--bc__white td { background-color: #fff; } .bc__default, .bc__default td { background-color: #f9f9f9 !important; } .bc__grün, .bc__gruen, .UTM.bc__gruen, .UTM.bc__grün, .UMA.bc__grün { background-color: #468847; } .UMA.bc__gruen { background-color: #9AD267;; } .un-blocked, .unblocked, .positiv, .ICS.bc__grün, .ICS.bc__gruen, .SPDyn.bc__grün, .SPDyn.bc__gruen, .RSP.bc__gruen, .RSP.bc__grün, .AV.bc__grün, .AV.bc__gruen, .MS.bc__gruen, .MS.bc__grün, .MDM.bc__gruen, .MDM.bc__grün { background-color: #2DCC71; } .SEWS.bc__grün, .SEWS.bc__gruen { background-color: #29cf73; } .SUB.bc__grün { background-color: #51a351 } .signal-light.bc__grün { background-color: #3EAB30; } .bc__rot, .UTM.bc__rot, .UMA.bc__rot { background-color: #ec7063; } .blocked, .warning, .SPDyn.bc__rot, .AV.bc__rot, .MS.bc__rot, .MDM.bc__rot, .SUB.bc__rot, .ICS.bc__rot { background-color: #E74C3C; } .UTM.bc__grau { background-color: rgb(153, 153, 153); } .UMA.bc__grau { background-color: #555555; } .MS.bc__grau, .MDM.bc__grau { background-color: #cccccc; } .SEWS.bc__grau { background-color: #a8a8a8; } .SUB.bc__grau { background-color: #e8e8e8; } .bc__dgrau { background-color: rgb(51, 51, 51); /* Log-Einträge UTM, */ } .bc__hgrau { background-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ } .bc__grau-app { background-color: #c1cbce; /* Graue Balken in der Android-App */ } .bc__grau-s { background-color: #55676d; /* Graue Schrift in Android-App */ } .bc__grau-b { background-color: #878a90; /* Graue Buttons in Android-App */ } .bc__grau-menu { background-color: #3c3f46; /* Graue Buttons im MDM */ } .bc__grau-l { background-color: rgba(0, 0, 0, 0.6); } .bc__grey { background-color: grey; } .bc__grau-uma-button { background-color: rgb(230,230,230); } .bc__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__rots { background-color: rgba(231,76,60, 0.7); /* Symbole in rot */ } .bc__rotaus { background-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ } .bc__orange { background-color: #ff5722; /* verwendet für Warnungen in Statistik */ } .bc__ddgrau { background-color: #484c53; /* Graue Ränder */ } .bc__rotbd , .bc__rotr { background-color: #e43725; /* verwendet für Border von Schaltflächen */ } .bc__rotbd { background-color: #d62c1a; /* verwendet für Border von Hinweisen */ } .bc__rot-cb { background-color: #ef8b80; /* verwendet für Border von Clickboxen */ } .bc__white-lbd { background-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ } .bc__gelbbd { background-color: #ec971f; /* Border gelbe Felder */ } .bc__grünbd { background-color: #24a25a; /* Border grüne Felder */ } .bc__r, .bc__warnung { background-color: #d71e0b; /* rot */ } .bc__gr, .bc__positiv { background-color: rgb(2,90,0); /* grün */ } .bc__g, .bc__hinweis { background-color: rgb(255,200,0); /* gelb */ } .bc__b { background-color: rgb(2,100,130); /* blau */ } .bc__gelb { background-color: #f0ad4e; } .signal-light.bc__gelb { background-color: #E9C321; } .SEWS.bc__gelb { background-color: #f7c710; } .UTM.bc__rot, .UMA.bc__rot { background-color: #ec7063; } .bc__ja { background-color: #CCFFCC !important; } .bc__teilweise { background-color: #fcffcc !important; } .bc__nein { background-color: #FF5555 !important; } /*** Ende Hintergrund-Farben ***/ /*** Beginn Schrift-Farbe ***/ .UTM.font-color__gruen, .UTM.font-color__grün, .UMA.font-color__grün { color: #468847; } .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 { color: #2DCC71; } .SUB.font-color__grün, .SUB.font-color__gruen { color: #51a351; } .fc__ja, .font-color__ja, .fc__ja .mw-collapsible-toggle-default::before, .font-color__ja .mw-collapsible-toggle-default::before { color: #ccffcc; } .UTM.font-color__rot, .UMA.font-color__rot { color: #ec7063; } .font-color__rot, .SPDyn.font-color__rot, .MS.font-color__rot, .SUB.font-color__rot, .ICS.font-color__rot { color: #E74C3C; } .UTM.font-color__grau { color: rgb(153, 153, 153); } .font-color__b-grau, .ICS.font-color__grau, .AV.font-color__grau, .MS.font-color__grau, .UMA.font-color__grau { color: #555555; } .fc-table, .font-color-table { color: #f8f9fa; } .font-color__white-l { color: rgba(255, 255, 255, 0.9); } .font-color__white-button, .font-color__white-b, .fc__white-b { color: rgba(255, 255, 255, 0.8); } .font-color__grau-l { color: rgba(0, 0, 0, 0.6); } .font-color__dgrau, li.font-color__dgrau { color: rgb(51, 51, 51); /* Log-Einträge UTM, */ } .font-color__hgrau { color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ } .font-color__grau-app { color: #c1cbce; /* Graue Balken in der Android-App */ } .font-color__grau-s { color: #55676d; /* Graue Schrift in Android-App */ } .font-color__grau-b { color: #878a90; /* Graue Buttons in Android-App */ } .font-color__blau { color: rgb(58, 135, 173); /* Zonen, Bereiche */ } .font-color__hblau, .font-color__hell-blau { color: #00bcd4; /* Geblockte Anfragen */ } .font-color__macos-blau { color: #257bfe; /* Schaltflächen in MacOS */ } .font-color__rots { color: rgba(231,76,60, 0.7); /* Symbole in rot */ } .font-color__rotaus { color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ } .font-color__orange { color: #ff5722; /* verwendet für Warnungen in Statistik */ } .font-color__ddgrau { color: #484c53; /* Graue Ränder */ } .font-color__rotbd , .font-color__rotr { color: #e43725; /* verwendet für Border von Schaltflächen */ } .font-color__rotbd { color: #d62c1a; /* verwendet für Border von Hinweisen */ } .font-color__rot-cb { color: #ef8b80; /* verwendet für Border von Clickboxen */ } .font-color__white-lbd { color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ } .font-color__gelbbd { color: #ec971f; /* Border gelbe Felder */ } .font-color__grünbd { color: #24a25a; /* Border grüne Felder */ } .font-color__r, .font-color__warnung { color: #d71e0b; /* rot */ } .font-color__gr, .font-color__positiv { color: rgb(2,90,0); /* grün */ } .font-color__g, .font-color__hinweis { color: rgb(255,200,0); /* gelb */ } .font-color__b { color: rgb(2,100,130); /* blau */ } .font-color__gelb, li.UTM.list--element__hint:before { color: #f0ad4e; } .UTM.font-color__rot, .UMA.font-color__rot, li.UTM.list--element__warning:before { color: #ec7063; } .font-color__yellow { color: #ff0; } .font-color__blue { color: #007bff; } .font-color__red { color: #dc3545; } .font-color__green { color: #28a745; } .font-color__orange { color: #fd7e14; } .font-color__white { color: #fff; } .font-color__black { color: #000; } .font-color__dark { color: #343a40; } /*** Ende Schrift-Farbe ***/ /*** Beginn Border-Farbe ***/ .UTM.border-color__gruen, .UTM.border-color__grün, .UMA.border-color__gruen, .UMA.border-color__grün { border-color: #468847; } .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 { 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: #ec7063; } .radio.selected, .SPDyn.border-color__rot, .MS.border-color__rot, .SUB.border-color__rot, .ICS.border-color__rot { border-color: #E74C3C; } .UTM.border-color__grau { border-color: rgb(153, 153, 153); } .UMA.border-color__grau { border-color: #555555; } .MS.border-color__grau { border-color: #cccccc; } .border-color__white-l { border-color: rgba(255, 255, 255, 0.9); } .border-color__white-l-shadow { border-color: rgba(255, 255, 255, 0.85); } .border-color__grau-l { border-color: rgba(0, 0, 0, 0.6); } .border-color__dgrau { border-color: rgb(51, 51, 51); /* Log-Einträge UTM, */ } .border-color__hgrau { border-color: rgba(0, 0, 0, 0.05); /* Status-Meldungen */ } .border-color__grau-app { border-color: #c1cbce; /* Graue Balken in der Android-App */ } .border-color__grau-s { border-color: #55676d; /* Graue Schrift in Android-App */ } .border-color__grau-b { border-color: #878a90; /* Graue Buttons in Android-App */ } .border-color__blau { border-color: rgb(58, 135, 173); /* Zonen, Bereiche */ } .border-color__hblau, .border-color__hell-blau { border-color: #00bcd4; /* Geblockte Anfragen */ } .border-color__macos-blau { border-color: #257bfe; /* Schaltflächen in MacOS */ } .border-color__rots { border-color: rgba(231,76,60, 0.7); /* Symbole in rot */ } .border-color__rotaus { border-color: #B94A48; /* verwendet für deaktivierte Buttons in UTM */ } .border-color__orange { border-color: #ff5722; /* verwendet für Warnungen in Statistik */ } .border-color__ddgrau { border-color: #484c53; /* Graue Ränder */ } .border-color__rotbd , .border-color__rotr { border-color: #e43725; /* verwendet für Border von Schaltflächen */ } .border-color__rotbd { border-color: #d62c1a; /* verwendet für Border von Hinweisen */ } .border-color__rot-cb { border-color: #ef8b80; /* verwendet für Border von Clickboxen */ } .border-color__white-lbd { border-color: rgba(255, 255, 255, 0.1); /* verwendet für weiße Ränder */ } .border-color__gelbbd { border-color: #ec971f; /* Border gelbe Felder */ } .border-color__gruenbd, .border-color__grünbd { border-color: #24a25a; /* Border grüne Felder */ } .border-color__r, .border-color__warnung { border-color: #d71e0b; /* rot */ } .border-color__gr, .border-color__positiv { border-color: rgb(2,90,0); /* grün */ } .border-color__g, .border-color__hinweis { border-color: rgb(255,200,0); /* gelb */ } .border-color__b { border-color: rgb(2,100,130); /* blau */ } .border-color__gelb { border-color: #f0ad4e; } .UTM.border-color__rot, .UMA.border-color__rot { border-color: #ec7063; } .border-color__silver { border-color: silver; } /*** Ende Border-Farbe ***/ .button { border-width: 1px; border-style: solid; border-radius: 3px; padding: 0px 4px; padding-top: 0px; margin-top: 1px; display: inline-block; vertical-align: middle; height: max-content; } .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: .5em .4em .5em 0; border-radius: 0; } .button.SUB { padding: .1em 0.2em; display: inline-flex; color: #555; font-family: Verdana,Arial,sans-serif; border-color: #d3d3d3; background: white; font-weight: normal; margin: .5em .4em .5em 0; border-radius: 0; font-size: 0.8em; } .button.SUB.pd5 { padding: 5px; } .button.MAC { background: white; border-color: #ccc; } .button.SEWS { border: none; border-radius: 5px; color: #505050; font-size: 85%; font-weight: bold; padding: 4px; text-align: center; } .button.ICS { border-radius: 2px; display: initial; padding: 3px 5px; font-size: 0.9em; margin: 2px; } .button-default.ICS, .button-default.SUB { background: #f3f3f3; /* Eigentlich #f5f5f5; -> zu wenig Hintergrundkontrast */ color: #333; background-image: none; } .button-default { background-image: linear-gradient(#ededed, #c4c4c4); } .button.button-blau { border-color: #B6B6B6; background-image: linear-gradient(rgb(185, 224, 245)0%, rgb(146, 189, 214) 100%); } .button.button-dro, .button.button-dropdown-solid { border-color: #B6B6B6; background: white; color: rgb(68, 68, 68); } .button.button-dr, .button.button-dropdown { border-color: #B6B6B6; background-image: linear-gradient(#fcfcfc, #edebea); } .button.button-dropdown.UTM { background: white; border-radius: 0px; } .button.SEWS { background-image: unset; } blockquote { margin: 0.25rem 0 1rem; font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 87.5%; color: #212529; border: 1px solid lightgray; background-color: white; padding: 0.5em; display: inline-block; } .key { padding-top: 1px; border-top: 1px solid #CCCCCC; padding-bottom: 1px; border-bottom: 3px solid #888888; padding-left: 2px; border-left: 1px solid #CCCCCC; padding-right: 2px; border-right: 3px solid #888888; background-color: #EEEEEE; border-radius: 2px; font-style: inherit; font-size: 90%; line-height: 160%; } .MS.ic-eingabe { background-color: rgba(0, 0, 0, 0.01); border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 2px; padding: 0px 3px; margin: 3px 0px; display: inline-block; transition: border 0.3s; box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset; font-weight: normal; vertical-align: baseline; /* -webkit-box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset; -webkit-transition: border 0.3s; */ } .MAC.ic-eingabe, .UTM.ic-eingabe { /* background-color: rgb(255, 255, 255); */ border: 1px solid rgb(182, 182, 182); border-radius: 3px; display: inline-block; transition: border 0.3s; /* box-shadow: 0px 0px 6px -1px rgba(0, 0, 0, 0.1) inset; */ font-weight: normal; padding: 0px 3px; } .MAC.ic-eingabe { padding-right: 0px; background-color: rgba(0, 0, 0, 0.01); } .UMA.ic-eingabe { background-color: rgb(255, 255, 255);; border: 1px solid rgb(182, 182, 182); display: inline-flex; } .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; } .IC-Beschriftung, .ic-beschriftung { font-size: 0.65em; color: #000; white-space: nowrap; /* position: relative; top: -1.52em;*/ } .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, .MS.ic-eingabe--cb { padding: 5px 5px 20px 5px; } .SPDyn.ic-eingabe--icon, .UMA.ic-eingabe--icon, .MS.ic-eingabe--icon { padding-left: 0px; } .UTM.ic-eingabe--icon { display:inline-block; /* width: 20px; */ text-align: center; border-right: 0; padding-left: 0px; /* padding: 1px; */ } .MS.ic-eingabe .icon, .UMA.ic-eingabe .icon, .SPDyn.ic-eingabe .icon, .UTM.ic-eingabe .icon { display:inline-flex; padding: 4px 6px; background: white; border-right: 1px solid rgba(0,0,0,0.125); } .UMA.ic-eingabe--icon--rechts, .UTM.ic-eingabe--icon--rechts, .UTM.ic-eingabe.icon.rechts, .MS.ic-eingabe--icon--rechts, .UTM.ic-eingabe--icon.rechts { padding-left: 3px; padding-right: 0px; } .UTM.ic-eingabe.c, .UTM.ic-eingabe.counter { padding: 0 0 0 3px; } .UMA .dr-icon { border-left: 1px solid rgb(182,182,182); background: #e1e1e1; display: inline-block; width: 1em; text-align: center; } .SUB .dr-icon { border-left: 1px solid rgb(182,182,182); background: #e1e1e1; display: inline-block; width: 1.4em; text-align: center; padding:5px } .UMA .dr-icon::before, .SUB .dr-icon::before { font-family: "Font Awesome 5 Pro"; font-weight: 500; content: "\f078"; font-size: x-small; text-align: center; } .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; } .UTM .counter-icon { vertical-align: 1px; margin-left: 3px; position: relative; left: 5px; float: right; } .kasten.UTM { border: 1px solid #B6B6B6; border-radius:3px; padding: 0px 3px; clear: both } .kasten.UMA { border: 1px solid black; border-bottom:0; border-top-right-radius: 4px; border-top-left-radius: 4px; padding: 1px 0.6em; margin: 0px 6px; color: #555555; font-weight: bold; font-size: 90%; display: inline-block; } .kasten.UMA::before { content: '\f0d7'; font-family: 'Font Awesome 5 Pro'; } .bios-reiter { background: #aaa; color: #0503e4; padding: 1px 5px; border-top: 2px solid #0503e4; border-right: 2px solid #0503e4; border-left: 2px solid #0503e4; line-height: 1.5em; margin-right: 5px; } .bios-menu { background: #aaa; color: white; padding: 1px 5px; line-height: 1.5em; margin-right: 5px; } .bios-select { background: #221b15; color: white; line-height: 1.5em; margin-right: 5px; } .accordion { content: "\f067"; display: block; font-family: "Font Awesome 5 Pro"; font-weight: 300; position: absolute; top: 50%; right: 16px; width: 2em; height: 2em; border: 3.75px solid rgba(255, 255, 255, 0.85); line-height: 2.2em; text-align: center; border-radius: 50%; background: #ccc; color: #fff; transition: 0.3s; } .spc__default { border-width: 1px; border-style: solid; border-radius: 2px; padding: 2px 2px 0px 2px; display: inline-table; border-collapse:separate; font-size: 1em; } .spc__uma { border-width: 0.7px; border-radius: 0px; padding: 0.1em 0.8em; text-align: center; } .spc__circle { display: flex; border-radius: 50%; height: 2.5em; width: 2.5em; justify-content:center; align-items: center; } .spc__circle-big { display: flex; border-radius: 50%; height: 2.5em; width: 2.5em; justify-content:center; align-items: center; font-size: 1em; } .spc__menu { margin-left: 3px; border-radius: 0px; padding: 2px 4px; } .spc__menu--width-x { width: 23px; } .spc__kontext--width-x , .spc__eintrag--width-x { width: 17px; } .spc__eintrag { border-width: 1px 0px; border-top-style: solid; border-bottom-style: solid; border-radius: 0px; font-weight: bold; } .spc__kasten { padding-bottom: 2px; } .spc__ohne , .spc__blank { border: none; padding: 2px 2px 0px 2px; display: inline; width: 1.25em; font-size: 1em; } .spc__status { font-size: 0.8em; border-collapse:collapse; } .spc__grau--rund { border-radius: 5px; } .cf-legend { display: inline-block; min-width: 45px; height: 27px; margin: 0 4px; border: 2px solid #eee; border-radius: 1em; padding: 0px 6px 3px 6px; color: white; vertical-align: top; } .radio { background: #fafafa; overflow: hidden; display: inline-block; width: 18px; height: 18px; border: 1px solid rgba(0,0,0,.125); margin-right: 5px; cursor: pointer; transition: .3s; border-radius: 50%; } .radio.selected { border-width: 6px; border-style: solid; } .radiobutton { 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; } .beschriftung, .Beschriftung { background-color: white; display: inline-block; margin: 1px 0px; padding: 2px; font-weight: bolder; clear: both; } .beschriftung.UTM { border-width: 1px; border-style: solid; border-color: white #ababab #ababab #ababab; 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-05 { position: relative; top: 0.5em; } .absolute { position: absolute; } .right { float: right; } .left { float: left; } .fs08, font-size08 { font-size: 0.8em; } .ButtonAn { background-image: repeating-radial-gradient(#39ab2e, #319127); border: 1px solid #999999; border-radius: 9999px; overflow: hidden; box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); text-shadow: 1px 1px rgba(0,0,0,0.2); display: inline-block; width: 3em; height: 1.33em; line-height: 13px; text-align: left; position: relative; vertical-align: text-top; margin-right: 0px; cursor: pointer; color: white; clear: both; } .ButtonAn-Toggle { background-image: linear-gradient(#c7c7c7,#e8e8e8); border: 0px solid #999999; border-radius: 9999px; display: block; left: 29px; top: 1px; bottom: 0px; position: absolute; border-radius: 11px; width: 18px; height: 18px; clear: both; } .ButtonAn-Text { font-size: 75%; font-weight: normal; padding-left: 7px; padding-bottom: 1px; vertical-align: text-bottom; color: rgba(255,255,255, 0.8) } .min-width-6em, .minw6, .mw6 { min-width: 6em; } .min-width-7em, .minw7, .mw7 { min-width: 7em; } .min-width-8em, .minw8, .mw8 { min-width: 8em; } .min-width-9em, .minw9, .mw9 { min-width: 9em; } .min-width-9-5em, .minw9-5, .mw9-5 { min-width: 9em; } .min-width-10em, .minw10, .mw10 { min-width: 10em; } .min-width-11em, .minw11, .mw11 { min-width: 11em; } .min-width-12em, .minw12, .mw12 { min-width: 12em; } .min-width-13em, .minw13, .mw13 { min-width: 13em; } .min-width-14em, .minw14, .mw14 { min-width: 14em; } .min-width-15em, .minw15, .mw15 { min-width: 15em; } .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; } .border-bottom-grey { border-bottom: 1px solid grey; } .center { text-align: center; width: unset; } .signal-light { width: 16px; height: 16px; border-radius: 50%; margin-left: auto; margin-right: auto; background-color: #515151; display: inline-block; } .variante1 { display: unset; } .variante2 { display: none; } .Variante2zeigen .variante1 { display: none; } .Variante2zeigen .variante1 { display: unset; } .number { font-size: 10px; font-weight: bold; color: black; display: block; } .embedvideo { display: inline-block; }