Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/*Kategorienlinks nicht als redlink markieren */
#aftercontent .bs-insert-category-tool a {color:#747474}

table.wikitable >tr > th {background-color:#ffffff; text-align:left}

/*Diskussionen ausblenden*/
#data-after-content {display:none;}

/*Page forms */
table.formtable th, table.formtable td {padding:5px}
table.formtable .checkboxSwitches {padding:10px 0}
table.formtable .mw-ui-input {width:auto}
table.formtable input {width:auto}
#pfForm label.checkboxLabel {padding: 4px 2px;}
.oo-ui-checkboxInputWidget [type='checkbox'] { margin: 0 3px 0 0;}

/* Abschnitt auskommentiert, siehe ERM#32326 - partially undone by MLR, book navigation should not show numbering or pagination*/
/*Buchnummerierung ausblenden */
#n-book-panel .bs-articleNumber,#n-book-panel .bs-chapter-number,#n-book-panel .bookshelfui-chapterpager {display:none}
#n-book-panel .bookshelfui-chapterpager-heading h4 {margin:0.5em 0 0 -1em; border-bottom:1px solid #fff!important}
#sb-pri .list-group .list-group-item > a[data-bs-target="book-navigation-panel"] {display:none}

/* Styles for section cards */
.sectionflex {display: flex; flex-wrap: wrap; justify-content:start; gap:20px;}
.sectionflex > div {padding:20px;}
.sectionflex.col1 > div {flex-basis:100%;}
.sectionflex.col2 > div {flex-basis:49%;}
.sectionflex.col3 .double {flex-basis:63%;}
.sectionflex.col3 > div {flex-basis:32%;}
.sectionflex.col4 > div {flex-basis:23.5%}
.sectionflex > div h2 {margin:0 0 1em 0; font-size:1.3em}
.sectionflex > div h3 {margin:0.3em 0 0 0; font-size:1.2em}
.sectionflex.frame > div {border: 1px solid #e7e7e7}
.sectionflex.background> div {background: #f1f3f9}

.sectionflex h2 {margin: 1.8rem 0 0.5rem 0;}
.sectionflex > div {text-decoration: none; margin:0!important; background:#fff;   }
.sectionflex.shade > div { box-shadow: 0 0 0.7rem rgba(121, 129, 135, 0.5)} 

.sectionflex > div.boxlink:hover {background:#f3f3f3}
.sectionflex.center {text-align:center}
.sectionflex.plain {background:transparent; border:0}
.sectionflex .bs-chapter-number, .sectionflex .mw-headline-number {display:none}
.sectionflex.boxed {border-radius: 20px;
    border: 1px solid #d9dfdf; padding:20px; background: #f3f3f3;}
.sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {display:none}
.sectionflex .boxlink a {display:block; height:100%}
.sectionflex.inline .boxlink a {display:inline-block; width:100%; height:auto}
#mw-content-text .sectionflex.texttile a:not([class*="oo-ui-"]), #mw-content-text .sectionflex.texttile a:visited:not([class*="oo-ui-"]) {color:#3f4040}
.sectionflex.texttile .boxlink a:hover {text-decoration:none!important}
.sectionflex.texttile .boxlink a:hover::after {font-family:bootstrap-icons!important; content:"\F138"; font-size:2em; font-weight:bold;  position:absolute; margin-left:10px; margin-top:-10px}

@media (max-width: 767px) {.sectionflex > div,.sectionflex.col2  div, .sectionflex.col3 > div, .sectionflex.col4  div {flex-basis:100%;}}
/*breadcrumb-root Icon cs HUB*/
.ns-3004 #modulehd {background:url("/w/nsfr_img_auth.php/e/e5/cs-hub-web-app-rz.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3004 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3004 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3004 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3004 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/e/e5/cs-hub-web-app-rz.svg") no-repeat;}

/*breadcrumb-root Icon cs DRIVE*/
.ns-3006 #modulehd {background:url("/w/nsfr_img_auth.php/4/46/icon-drive-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3006 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3006 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3006 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3006 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/4/46/icon-drive-final.svg") no-repeat;}

/*breadcrumb-root Icon cs JOB*/
.ns-3030 #modulehd {background:url("/w/nsfr_img_auth.php/b/bc/icon-jobs-desktop-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3030 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3030 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3030 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3030 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/b/bc/icon-jobs-desktop-final.svg") no-repeat;}

/*breadcrumb-root Icon cs PLAN*/
.ns-3032 #modulehd {background:url("/w/nsfr_img_auth.php/e/e7/icon-plan-desktop-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3032 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3032 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3032 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3032 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/e/e7/icon-plan-desktop-final.svg") no-repeat;}

/*breadcrumb-root Icon cs COM*/
.ns-3034 #modulehd {background:url("/w/nsfr_img_auth.php/f/fb/icon-com-desktop-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3034 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3034 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3034 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3034 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/f/fb/icon-com-desktop-final.svg") no-repeat;}

/*breadcrumb-root Icon cs MAP*/
.ns-3036 #modulehd {background:url("w/nsfr_img_auth.php/f/fe/icon-map-desktop-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3036 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3036 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3036 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3036 .breadcrumb-item.root-node a {background:url("w/nsfr_img_auth.php/f/fe/icon-map-desktop-final.svg") no-repeat;}

/*breadcrumb-root Icon cs SCAN*/
.ns-3038 #modulehd {background:url("/w/nsfr_img_auth.php/b/bf/cs-scan-web-app-rz.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3038 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3038 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3038 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3038 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/b/bf/cs-scan-web-app-rz.svg") no-repeat;}

/*breadcrumb-root Icon cs STAMP*/
.ns-3040 #modulehd {background:url("/w/nsfr_img_auth.php/9/9e/cs-stamp-web-app-rz.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3040 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3040 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3040 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3040 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/9/9e/cs-stamp-web-app-rz.svg") no-repeat;}

/*breadcrumb-root Icon cs BOX*/
.ns-3042 #modulehd {background:url("/w/nsfr_img_auth.php/6/6e/cs-box-web-app-rz.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3042 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3042 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3042 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3042 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/6/6e/cs-box-web-app-rz.svg") no-repeat;}

/*breadcrumb-root Icon cs WEB*/
.ns-3042 #modulehd {background:url("/w/nsfr_img_auth.php/0/0e/icon-web-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3042 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3042 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3042 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3042 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/0/0e/icon-web-final.svg") no-repeat;}

/*breadcrumb-root Icon cs BI*/
.ns-3042 #modulehd {background:url("/w/nsfr_img_auth.php/3/32/icon-bi-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3042 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3042 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3042 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3042 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/3/32/icon-bi-final.svg") no-repeat;}

/*breadcrumb-root Icon cs DEPOT*/
.ns-3042 #modulehd {background:url("/w/nsfr_img_auth.php/f/f8/cs-depot-d-final.svg") no-repeat; height:50px; padding-left:60px; font-size:2em; vertical-align:middle}
.ns-3042 .breadcrumb-item.root-node a {display:inline-block; border-radius:0; height:40px; width:40px; overflow:hidden; color:transparent}
.ns-3042 .breadcrumb-item.root-node a:hover {color:transparent; background-color:transparent}
.ns-3042 .root-node + li.breadcrumb-item {font-size:1em; margin-top:10px}
.ns-3042 .breadcrumb-item.root-node a {background:url("/w/nsfr_img_auth.php/f/f8/cs-depot-d-final.svg") no-repeat;}

/*Letzte Änderungen pro Namensraum */
.recentchgs table.mw-collapsible {width:auto}
.recentchgs .mw-changeslist-line-inner-historyLink,.recentchgs .mw-plusminus-pos mw-diff-bytes,.recentchgs .mw-usertoollinks.mw-changeslist-links,.recentchgs .mw-changeslist-links,.recentchgs .mw-changeslist-legend  {display:none}
.recentchgs table.mw-changeslist-line  {margin:10px}

/*Letzte Änderungen Minibox */
.recentchanges.background {background:#f1f3f9!important}

/*Einklappbare Tabellen*/
table.mw-collapsible {width:100%; margin-top:1em}
.mw-collapsible caption {border:1px solid #7f7f7f; border-radius:5px; padding:10px; font-size:1.1em;}
.mw-collapsible-toggle span { display:table-cell}

/*Release Dokumentation*/
#highlightcontainer h2{background:#eff6dd; margin:0; padding: 1em 1em 0.5em 1em; border-bottom:1px solid  grey}
ul.highlight {background: #eff6dd;margin: 0;padding: 2em;list-style-position: inside;}

/* Korrektur für Abstände zwischen Tabellen, Bildern und normalem Text */
.page-csSERVICE_ChangeRequestErfassen .mw-parser-output > p, 
.page-csSERVICE_ChangeRequestErfassen .mw-parser-output table, 
.page-csSERVICE_ChangeRequestErfassen .mw-parser-output img[decoding="async"],
.page-csSERVICE_ChangeRequestErfassen .mw-parser-output div.cd-textbox {
	margin: 1rem 0 0 0 !important;
}
.page-csSERVICE_ChangeRequestErfassen .mw-parser-output > p + p {
	margin-top: 0.5rem !important;
}
.page-csSERVICE_ChangeRequestErfassen .mw-parser-output > p > a.image img {
  margin-bottom: 1rem !important;
}