Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* BS5 */
/*Softwarekatalog*/
 table.casablanca.swc tbody tr, table.casablanca.swc th {
    color:#333
}
 table.casablanca.swc thead tr, table.casablanca tbody th.swc {
    background:#e9e9ee
}
a.pdfcreator-export {
    background: #efefef;
    padding: 10px;
    border-radius: 6px;
    float: right;
    font-weight: bold;
}

a.pdfcreator-export:before {
    font-family: 'bootstrap-icons';
    content: '\F1B9';
    vertical-align: -0.3em;
    padding-right: 0.5em;
}


/*move hf-footer closer to the bottom of the page by adjusting necessary margins */
 #main {
    padding-bottom:1em;
}
/*ordered lists */
 article ol ol {
    list-style-type: lower-alpha;
}
 .hf-nsfooter {
    margin-top:3em;
}
 .thumbborder {
    border:1px solid #d3d5da
}
/*TOC #content .toc {
    width:100%;
     background:#f1f3f9;
     font-size:1em
}
 #content .toc li {
    padding:3px;
}
 #content .toc li:hover {
    background:white;
     outline-bottom:1px solid #f1f3f9;
}
 #content .toctitle {
    text-align:left;
     border-bottom:2px solid #fff;
     padding:2px
}
 */
/*external Video thumbs*/
 .youtubelink div.thumbinner {
     border: 1px solid #d5d5d5;
     background-color: #f1f3f9;
     border-radius:8px;
     -webkit-box-shadow: 3px 3px 3px 0px rgba(207,207,207,1);
     -moz-box-shadow: 3px 3px 3px 0px rgba(207,207,207,1);
     box-shadow: 3px 3px 3px 0px rgba(207,207,207,1);
}
 .youtubelink .thumbcaption {
    font-weight:bold;
     margin-top:8px
}
 .youtubelink a.external {
    padding-top: 2px;
     display: inline-block;
}
/*Standard content table bg color */
 table.contenttable thead tr, table.contenttable th {
    background-color: #e9e9ee;
     vertical-align:top
}
 table.contenttable td {
    vertical-align:top
}
/*pdf noexport without highlighting*/
 .bs-universalexport-exportexclude {
     background-color:transparent;
     border:none;
}
/*Discussions and attachments currently not in use in the helpdesk, therfore hiding for no */
 .icon-bluespice-logo:before {
     font-family: 'icomoon' !important;
     content: "\e910";
}
/*hide spans from templates in TOC text .toctext span {
    display:none!important
}
*/
/* bootstrap icons in blue and big */
 .bi-big {
    font-size: 2rem;
     color: #2b80ea
}
/*images in a list*/
 #content li figure, #content li .floatnone, #content li img:first-child, #content li .thumb, content li .thumb img:first-child {
     margin-top:1.5em;
     margin-bottom:1.5em;
}
 #content li.ve-ce-branchNode .thumb img:first-child, #content li.ve-ce-branchNode figure img:first-child, #content li.ve-ce-branchNode img.ve-ce-chimera {
     margin-top:0;
}
 #content li .thumb {
     margin-bottom:0 
}
 #data-after-content {
    display: none;
}
 .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
    padding: 0.8em 0.4em;
    text-align:left;
}
 span.newicon {
     vertical-align: super;
     background: #64b334;
     margin-left: 3px;
     font-size: 0.8em;
     padding: 1px 4px 2px 4px;
     border-radius: 50%;
     color: #ffffff;
}
 .flexbox{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:stretch;
    align-content:stretch;
}
 .flexbox div{
    margin:5px;
    padding:2px 8px;
    text-align:center;
    background:#ececec
}
 .center > div.thumb {
    margin-top:2em
}
 #content .toctitle h2 {
    margin-right: 1em;
     display: inline;
    font-size: 1.4rem;
}
 .qtip {
    font-size: 1em;
    line-height: 1.4em;
}
/*Related links */
 h2#relatedinfo {
    border-left: solid 4px #d8d8d9;
     background:#f1f3f9;
     color: #868585;
     margin-top: 3rem;
     margin-bottom:0 !important;
     padding: 20px 10px 2px 30px;
}
 .relatedtopics {
     display:flex;
     flex-wrap: wrap;
     border-left: solid 4px #d8d8d9;
     background:#f1f3f9;
     padding: 2em !important;
     margin:0 !important;
}
 .relatedtopics .col{
    flex-basis: 50%;
     flex-grow: 1;
     flex-shrink: 1;
}
/*Themen*/
 .flexbox.themenhd div {
    background:#fff;
     border:1px solid #d8d8d9;
     padding:10px 20px;
     flex-basis:24%;
     text-align:left
}
 .flexbox.themenhd div [class*=" bi-"]::before {
    font-size: 1.6em;
     vertical-align: middle;
    background-color: #fff;
     padding: 6px;
     border-radius: 50%;
}
 .flexbox.themenhd div [class*=" bi-"]::before {
    font-size:2em;
     vertical-align:middle;
     background-color:#f1f3f9;
     padding: 10px;
}
 .themenhd div a {
    display:block
}
 .themenhd div:hover {
    background:rgb(233,233,238,0.5)
}
 ul.smw-format.ul-format.alltopics-col {
    column-count: 3;
}
/*Tours */
 .nextstep {
    display: inline-block;
    padding: 6px;
    background: #36c;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
}
 #mw-content-text .nextstep a:not(.new), [class^="mw-content-"] .nextstep a:not(.new), #mw-content-text .nextstep a:link:not(.new), [class^="mw-content-"] .nextstep a:link:not(.new) {
     color: #ffffff;
     font-weight: bold;
}
 #mw-content-text .nextstep a:not(.new):hover, #mw-content-text .nextstep a:link:not(.new):hover, [class^="mw-content-"] .nextstep a:link:not(.new):hover {
     color: #efefef;
}
 .nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {
    content: " \25B6";
}
/*Main page*/
 .flexbox-portal div > h2 span::before {
    vertical-align: text-bottom;
     size:1.1em;
}
 .mw-parser-output .flexbox-portal.col3 > div:nth-child(3n) {
    margin-right:0 !important
}
 #maintopics ul {
    list-style: none!important;
}
 #maintopics li {
    padding-bottom:0.6em!important;
    margin-left: 12px!important;
}
 #mpbanner {
    margin-top:-55px;
     background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat;
     background-size: 1000px 122px;
}
 h1#mpbanner-byline {
    font-size:1.8em;
     color:#3e5389;
    line-height: 1em;
     padding-top: 20px;
}
 #mpbanner-title {
    font-size:3.4rem;
     color:#3e5389;
     line-height:1.2em;
     font-weight: 900;
    letter-spacing: 1px;
     display:block
}
 #maintopics h2 span::before {
    vertical-align: text-bottom;
    padding-bottom: 2px;
}
/** Cards **/
 .cards {
    display:flex;
     flex-wrap:wrap;
     justify-content: space-between;
     gap:20px
}
 .cards > div {
    flex-basis:290px;
     margin-bottom:50px;
     border-top: 1px solid #f0f0f0;
     box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
     transition: all .3s cubic-bezier(.25,.8,.25,1);
     cursor: pointer;
     text-align:center
}
 .cards > div:hover {
     box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
}
 .cards a.image img {
    max-width:600px
}
 .cards .screenshot {
    width:300px;
    height:200px;
     overflow:hidden;
     border-top:14px solid #eee;
     border-bottom:14px solid #eee
}
 #content #bodyContent .cards h2 {
    margin:10px;
     padding:0;
     font-size:1.1rem;
     font-color:#444;
     border:none;
     text-align:center
}
 .cards h2 .mw-editsection {
    display:none
}
 .cards .text {
    font-size:0.85rem;
     padding:20px 10px;
     text-align:center;
     font-weight:bold;
}
 #mw-content-text text a:not(.new), [class^="mw-content-"] .text a:not(.new), #mw-content-text .text a:link:not(.new), [class^="mw-content-"] .text a:link:not(.new), #mw-content-text .text a:not(.new):visited, [class^="mw-content-"] .text a:not(.new):visited, #mw-content-text .text a:link:not(.new):visited, [class^="mw-content-"] .text a:link:not(.new):visited {
    color:#444;
}
 .cards .emptycard, .cards > div.emptycard:hover {
    border: 0;
     box-shadow: none;
}
 @media only screen and (max-width: 768px) {
    .cards > div {
        flex-basis:98%;
    }
     .cards .screenshot {
        width:auto;
         text-align:center
    }
}
 .getButton {
     display: inline-block;
     background-color: #4CAF50;
     border: none;
     color: white;
     padding: 8px 20px;
     text-align: center;
     text-decoration: none;
     font-size: 16px;
     margin: 0 0 10px 0;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
     border-radius: 8px;
}
 #mw-content-text .getButton a:not(.new), [class^="mw-content-"] .getButton a:not(.new), #mw-content-text .getButton a:link:not(.new), [class^="mw-content-"] .getButton a:link:not(.new), #mw-content-text .getButton a:not(.new):visited, [class^="mw-content-"] a:not(.new):visited, #mw-content-text .getButton a:link:not(.new):visited, [class^="mw-content-"] .getButton a:link:not(.new):visited {
    color:#ffffff;
}
 .getButton:hover {
     box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
     color:'f5f5f5';
}
 .getButton:active {
     position:relative;
     top:1px;
}
 .getButton a:before {
    font-family: 'fontawesome';
     content: '\f019 ';
     font-size: 1.3em;
     vertical-align: middle;
     margin-right: 10px;
}
 .cart a:before {
    font-family: 'fontawesome';
     content: '\f217 ';
}
 .downloadarea {
     text-align:center;
     display: inline-block;
     float: right;
     margin: 0 0 20px 40px;
     padding: 10px;
     background: #efefef;
     background: linear-gradient(270deg, rgb(240, 240, 240) 0%, rgb(224, 224, 224) 52%, rgb(240, 240, 240) 100%);
}
 .downloadarea p {
    margin:0
}
 @media only screen and (max-width: 768px) {
    .cards > div {
        flex-basis:98%;
    }
}
 .oo-ui-panelLayout-framed {
    border: 0;
}
 .oo-ui-tabSelectWidget-framed {
    border-bottom: 1px solid #d3d5da;
}
/*HP Aktuelles */
 #aktuelles {
    background: rgba(201, 224, 143, .3);
     padding:10px;
     margin:20px 0
}
 #aktuelles h2::before {
    font-family:'fontawesome';
     font-size:0.8em;
     content:'\f02e';
     color: #64b334;
     margin-right:10px
}
 #aktuelles h2 {
    margin: 8px 0 8px 24px;
     color: #454545;
     font-size: 1.4em;
     border-bottom: none;
}
 #aktuelles table {
    margin: 0 8px 15px 37px
}
 #aktuelles td {
    padding:3px 10px
}
 table.padded td, table.padded th {
    padding:8px
}
/*Fixed table header */
 .scrolltable table.jquery-tablesorter th.headerSort {
    background-position: 20px 112px;
}
 .table-scroll{
    /*width:100%;
     */
     display: block;
     empty-cells: show;
    /* Decoration */
     border-spacing: 0;
     border: 1px solid;
}
 .table-scroll thead{
     background-color: #f1f1f1;
     position:relative;
     display: block;
     width:100%;
     overflow-y: scroll;
}
 .table-scroll tbody{
    /* Position */
     display: block;
     position:relative;
     width:100%;
     overflow-y:scroll;
    /* Decoration */
     border-top: 1px solid rgba(0,0,0,0.2);
     max-height: 50vh;
}
 .table-scroll tr{
     width: 100%;
     display:flex;
}
 .table-scroll th{
     writing-mode:vertical-lr;
     font-weight:normal;
}
 .table-scroll td,.table-scroll th{
     flex-grow: 2;
     display: block;
     padding: 5px;
     text-align: right;
     border-right: 1px solid #ccc;
     width:60px 
}
 .table-scroll td {
    text-align: center;
}
 .table-scroll th {
    text-align: right;
}
/* Other options */
 .table-scroll td:first-child, .table-scroll th:first-child{
     flex-basis:200px;
     flex-grow:0;
     text-align:left;
     writing-mode: unset;
}
 .widefirst td:first-child,.widefirst th:first-child{
     flex-basis:500px;
}
 .table-scroll tbody tr:nth-child(2n){
     background-color: rgba(130,130,170,0.1);
}
/*Feature-Boxen auf HP */
 .sectionflex .featurebox {
    padding:0!important
}
 #mw-content-text .sectionflex .featurebox h2 {
    border:0;
     margin-bottom:0!important
}
 .featurebox a {
    color:#444 !important;
    display:block;
     padding:4px
}
 .featurebox a:hover {
    text-decoration:none !important
}
 .featurebox:focus, .featurebox:hover {
    background:#fafafa;
     border: 1px solid #d4d4da!important
}
 #bodyContent .featurebox .sectionanchors-button {
    display:none !important
}
 .featurebox span[class*=fas] {
    margin-bottom:0.5em
}
 .featurebox .mw-headline-number {
    display:none
}
/*Quiz*/
 .quiz .question{
    margin-bottom:3em;
}
 .questionText{
    font-weight:700;
    margin-bottom:1.2em;
}
 .question .header{
    background:#fff0e1;
    padding:1px 6px;
}
 span.questionText{
    display:block;
}
 .question td{
    background:#f6f6f6;
    border-bottom:2px solid #fff;
    padding:8px 6px 6px;
}
 .question th{
    background:#f6f6f6;
    border-bottom:2px solid #fff;
    padding:8px 6px 6px;
}
 .quiz table{
    width:100%;
}
 .quizQuestions .question .sign{
    width:26px;
}
 .quiz table.settings{
    margin-left:30px!important;
}
 .mw-content-ltr .quiz .question .border{
    border-width:0 0 0 12px !important;
}
 .quiz .margin.right{
    background-color:#8ed27d!important;
}
 .quiz .margin.NA{
    background-color:#337ecc!important;
}
 .quiz .margin.wrong{
    background-color:#ff5c64!important;
}
 .quiz .question .border.right{
    border-color:#8ed27d!important;
}
 .quiz .question .border.NA{
    border-color:#337ecc!important;
}
 .quiz .question .border.wrong{
    border-color:#ff5c64!important;
}
 .quiz .question .check.right{
    outline:3px solid #8ed27d!important;
}
 .quiz .question .check.NA{
    outline:3px solid #337ecc!important;
}
 .quiz .question .check.wrong{
    outline:3px solid #ff5c64!important;
}
 .quizForm input[value="Submit"]{
    background:#36c;
    border:none;
    color:#FFF;
    margin-right:10px;
    margin-left:30px;
    padding:6px 12px;
}
 .quizForm input:hover[value="Submit"]{
    background:#2551aa;
}
 .quizForm input[value="Reset"]{
    background:#a4a4a4;
    border:none;
    color:#FFF;
    margin-right:10px;
    padding:6px 12px;
}
 .quizForm input:hover[value="Reset"]{
    background:#858585;
}
 .quiz .correction{
    background-color:#ffe4c9;
    display:block;
    font-weight:700;
    margin:10px 0 30px 28px;
    padding:20px;
}
 .bi {
     display: inline-block;
     vertical-align: -0.125em;
}
/* Styles for section cards */
 .sectionflex {
    display: flex;
     flex-wrap: wrap;
     justify-content:space-between;
     gap:20px
}
 .sectionflex.col1 > div {
    flex-basis:100%;
     padding:10px 20px;
}
 .sectionflex.col2 > div {
    flex-basis:48%;
     padding:10px 20px;
}
 .sectionflex.col3 > div {
    flex-basis:32%;
     padding:10px 20px;
}
 .sectionflex.col4 > div {
    flex-basis:23%;
     padding:10px 20px;
}
 .sectionflex > div.empty {
    border:none;
     background:none
}
 #mw-content-text .sectionflex > div h2 {
    margin:0 0 1em 0;
     font-size:1.3em
}
 #mw-content-text .sectionflex > div h3 {
    margin:0 0 1em;
     font-size:1.2em
}
 .sectionflex.frame > div {
    border: 1px solid #e7e7e7
}
 .sectionflex.background> div {
    background: #f1f3f9
}
 .sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {
    display:none
}
 .sectionflex.linked a {
    display:block
}
 .sectionflex.centered > div {
    text-align:center;
}
/*Feature-Box auf HP*/
 .sectionflex .featurebox {
    padding:0!important
}
 #mw-content-text .sectionflex .featurebox h2 {
    border:0;
     margin-bottom:0!important
}
 .featurebox a {
    color:#444 !important;
    display:block;
     padding:4px
}
 .featurebox a:hover {
    text-decoration:none !important
}
 .featurebox:focus, .featurebox:hover {
    background:#fafafa;
     border: 1px solid #d4d4da!important
}
 #bodyContent .featurebox .sectionanchors-button {
    display:none !important
}
 .featurebox span[class*=fas] {
    margin-bottom:0.5em
}
/*Themen*/
 .sectionflex.themenhd div [class*=" bi-"]::before {
    font-size: 1.6em;
     vertical-align: middle;
     padding: 6px;
     border-radius: 50%;
}
 .sectionflex.themenhd div [class*=" bi-"]::before {
    font-size:2em;
     vertical-align:middle;
     background-color:#f1f3f9;
     padding: 10px;
}
 .sectionflex.themenhd.background div [class*=" bi-"]::before {
    font-size:2em;
     vertical-align:middle;
     background-color:#fff;
     padding: 10px;
}
 .themenhd div a {
    display:block
}
 .themenhd div:hover {
    background:rgb(233,233,238,0.5)
}
 ul.smw-format.ul-format.alltopics-col {
    column-count: 3;
}
 @media (max-width: 767px) {
    .sectionflex.col2 > div, .sectionflex.col3 > div {
        flex-basis:100%;
         margin-top:2em
    }
}
/*Präsentationen*/
 * {
     -webkit-print-color-adjust: exact !important;
    /* Chrome, Safari */
     color-adjust: exact !important;
    /*Firefox*/
}
 .bs-data-after-content, .mw-lingo-tooltip {
    display:none
}
 .slideNav {
    font-size:1rem
}
 .slideNext::after {
    font-family:"fontawesome";
     content:"\f061";
     color:blue;
     margin-left: 5px;
}
 .slidePrevious::before {
    font-family:"fontawesome";
     content:"\f060";
     color:blue;
     margin-right:5px;
}
 .slideHd h1 {
    border-bottom: 1px solid #e5e5e5;
}
 .main-footer {
    display:none;
}
 .slideBoxes {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: stretch;
}
 .slideBoxes > div {
     width: 45%;
     color: #242424;
     background-color: #f2f2f2;
     border-radius: 20px;
     padding: 4px 30px;
     margin: 15px;
     justify-content:center;
}
 .slideBoxes > div.empty {
    background:none;
}
 .slideBoxes.hdOnly > div.haslink {
    transition: all .3s cubic-bezier(.25,.8,.25,1);
     cursor: pointer;
}
 .slideBoxes.hdOnly > div.haslink:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
}
 .slideBoxes.hdOnly > div {
    padding:10px;
}
 .slideBoxes.col3 > div {
    width:30%;
}
 .slideBoxes.col1 > div {
    width:90%;
}
 #content #bodyContent .slideBoxes h2 {
     font-size:1.375rem;
     border-bottom: 0px;
     padding-bottom: 0;
     margin-top: 10px;
     margin-bottom: 0px;
     font-weight:bold;
     color: #242424;
     position:relative;
}
 #content #bodyContent #mw-content-text .slideBoxes h2 {
    padding-left:68px;
     display:block;
     min-height:2em;
}
 #content #bodyContent #mw-content-text .slideBoxes.noicon h2 {
    padding-left:0;
}
 #content #bodyContent #mw-content-text .slideBoxes h2 a {
    color: #242424 !important;
}
 #content #bodyContent .slideBoxes p {
     margin-top:0.5em;
     font-size:1.2em;
}
 .slideBoxes .fas,.slideBoxes .fab, .slideBoxes .fa {
     margin-right: 20px;
     vertical-align: sub;
     font-size:1.7em;
     margin-left:-56px;
}
 .slidetext, .slidetext p, .slidetext div, .slidetext h3 {
    font-size:1.3rem;
}
 #slidecollection {
    width:100%;
}
 #slidecollection .slideNav {
    display:none;
}
 #slidecollection .slide {
    padding-top:30px;
     background:url('https://de.wiki.bluespice.com/w/nsfr_img_auth.php/6/60/BlueSpice_Logo_v2020-steel-150.png')top right no-repeat !important;
     background-size:50px;
}
 .collapsers h2 {
    background:#e7e7e7;
     border:0;
     padding:10px;
     color:#333
}
/*Referenz Seiten */
 .extension-infobox {
    width:25em;
    font-size:90%;
    background-color:#f1f3f9;
    color:black;
    margin-bottom:0.5em;
    margin-left:1em;
    padding:0.2em;
    float:right;
    clear:right;
    text-align:left;
}
 .extension-infobox-header{
    text-align:center;
    background-color:#2e6096;
    padding:8px;
     color:#ffffff;
}
 .extension-infobox-headertext{
    font-size:larger;
    color:#FFFFFF;
}
 .extension-infobox-description{
    font-weight:normal!important;
    text-align:left;
    background-color:#f1f3f9;
    padding:20px 10px 20px 10px!important;
}
 .extension-infobox-first-row{
    vertical-align:top;
    padding:20px 10px 0 10px;
}
 .extension-infobox-row{
    vertical-align:top;
    padding:0 10px;
}
 .extension-infobox-last-row{
    vertical-align:top;
    padding:0 10px 20px 10px;
}
 .extension-infobox-helppage{
    font-weight:normal;
    text-align:center;
    vertical-align:top;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    background-color:#eeeeee;
}
 .extension-infobox.fullwidth {
    width:100%;
     float:none;
     font-size:1em;
     margin-left:0;
}
 .extension-infobox.fullwidth th {
    text-align:right;
}
 .extension-infobox-header, .extension-infobox-helppage {
    text-align:center !important;
     font-size:1.1em
}
 .extension-infobox.fullwidth th, .extension-infobox.fullwidth td {
    padding:8px;
    width:100px;
     border: 1px solid #ffffff;
}
 .extension-infobox.fullwidth td {
    width:300px;
}
 .extension-infobox-helppage {
     background-color: #eaecf0;
}
 #content #bodyContent #importdata h3 {
    margin:1em 0 1.4em;
}
 #importdata .flexbox {
    justify-content: space-between;
     margin-top: 2em;
}
 #mw-content-text #importdata .flexbox h3, [class^="mw-content-"] #importdata .flexbox h3 {
    background:#d8d8d9;
     margin:0 0 12px 0;
     padding:8px;
     font-size:1em !important;
     font-weight:bold
}

 #importdata .mw li {
    margin-left:0;
    list-style-type:none;
     padding-left:30px;
     background: no-repeat left 1px top 3px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');
}
 #importdata .bs li {
    margin-left:0;
    list-style-type:none;
     padding-left:30px;
     background: no-repeat left 2px top 4px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');
}
 #importdata .flexbox div {
    background:#f1f3f9;
     text-align:left;
     margin:0;
     flex-basis:33%;
     padding:0
}
 #importdata table.wikitable > tr > th, #importdata table.wikitable > * > tr > th, table.wikitable.reference > tr > th, .importdata .wikitable.reference > * > tr > th {
    background-color: #eaecf0;
    text-align: left;
    padding:8px;
     border: 1px solid #ffffff
}
 #importdata table.wikitable > tr > td, #importdata table.wikitable > * > tr > td, #importdata table.wikitable.reference > tr > td, #importdata table.wikitable.reference > * > tr > td {
    padding:8px;
     border: 1px solid #ffffff;
}
 #importdata div .inner {
    padding:8px 12px
}
 #importdata .bs p {
    font-size: 0.9rem;
     margin-left: 2.1em;
     display:list-item;
}
/*404 system message badaccess-groups*/
 #system404-error {
    text-align:center;
}
 #system404-error div.floatnone a.image img {
    padding:0;
     margin:0;
}
 #system404-error hr {
     margin-top: 0px;
     margin-bottom: 2rem;
     border: 0;
     max-width: 600px;
     border-top: 3px dotted #ddd;
}
 #content .toc li {
    margin-bottom: 0.1em;
}
/* Icon in boxes on reference pages */
 .questionmark-icon::before {
     content: '\f059';
     font-family: 'fontawesome';
     color:#6f6969;
     vertical-align: -0.1em;
}
/*revert font size in Quick Search - original title info should be smaller */
 .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
     font-size: 0.95rem;
}
 .bs-extendedsearch-result-original-title label {
    font-size:0.8rem;
}
/*Accessibility form*/
 div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
    width:12em !important;
     text-align:right;
     padding-right:0 !important;
     border-bottom:1px solid #d0cece
}
 div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
    width:40em !important
}
/*popImg template */
 .tippy-content-container .thumbinner a > img {
    width: 100%;
}
/*Number footnotes separately */
 #mw-content-text .references ::marker {
     content: " ";
}
 #mw-content-text ol.references {
     counter-reset:ref;
     list-style-type:none;
}
 #mw-content-text ol.references li:before{
     counter-increment:ref;
     content:counter(ref) ". ";
     float: left;
     margin-right: 1em;
}
 #mw-content-text ol > li li {
     margin-left:-0.3em;
}
 .tabs {
     list-style-type: none;
     margin:0!important;
     border-bottom: 1px solid #e9e9ee;
}
 .tabs li {
     display: inline-block;
     font-size: 1em;
     font-weight: bold;
     padding: 11px 20px;
     border-radius:4px 4px 0 0;
     border: 1px solid #e9e9ee;
     border-bottom:0;
     margin:0 
}
 .tabs li:hover {
    background: #f2f3f9;
}
 .tabs li.current {
    background: #f2f3f9;
     border:none;
     padding: 10px 20px;
}
 .cards.startpages {
    gap:28px
}
 .cards.startpages div {
    width:350px;
}
 .cards.startpages .screenshot {
    width:100%;
     height:420px
}
/*page forms*/
 #pfForm .createboxInput,#pfForm input {
    width:auto;
}
/*Quick Search */
 .bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary {
     font-size: 1em;
     width: 100%;
     padding-bottom: 5px;
     text-align:left;
     overflow: hidden;
     border-bottom:10px solid #f1f3f9;
     border-top:0 
}
 .bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item {
     padding: 6px;
     height: fit-content;
     max-height: unset!important;
     background:#f1f3f9;
     margin:3px;
}
 #bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item .bs-extendedsearch-autocomplete-popup-primary-item-header {
     width: 100%;
     color:#444;
     font-size:1.1em;
}
 .bs-extendedsearch-result-original-title {
     font-size:0.85em 
}
/*temporary language switcher*/
 .ddlistwrapper {
    display:inline-block;
     padding:8px 10px 4px 10px!important;
     text-align:right;
     background:#f1f3f9;
     vertical-align:middle;
     float:right
}
 .ddlist .dropdown-menu {
    left: 2px!important;
}
/*table type Content*/
 table.contenttable thead tr, table.contenttable th {
     background-color: #f1f3f9;
     border: 1px solid #d3d5da;
     font-weight:400;
}
/*Glossar als Tabelle formatieren */
 #glossar h2 {
    font-size:1.4em;
     margin:0
}
 #glossar dl {
     border: 1px solid #d8d8d9;
     display: grid;
     grid-template-columns: 200px 1fr;
}
 #glossar dt, #glossar dd {
     border-bottom: 1px solid #aeaeae;
     padding: 8px;
     margin:0;
}
 #glossar dt:last-of-type, #glossar dd:last-of-type {
     border-bottom: none;
}
 #glossar dt{
     font-weight: bold;
}
 #glossar dd {
     border-left: 1px solid #aeaeae;
     margin-left: 0;
}
/* TOC auf der Glossar-Seite als Sprunglinks anzeigen.*/
 .page-Glossar .tocnumber {
    display:none
}
/*hide numbering if set*/
 .page-Glossar .toctext {
    padding-left:10px;
}
/*adds left-padding if no numbers are shown*/
 .page-Glossar .toctitle {
    display:none
}
/*hide title if set*/
 .page-Glossar #toc {
    background:#efefef
}
 .page-Glossar ul > li.toclevel-1 {
    display:inline-block
}
 .page-Glossar ul ul {
    display:none
}
 .page-Glossar ul > li.toclevel-1:after {
    content:'|';
     padding-left:10px
}
 .page-Glossar ul > li.toclevel-1:last-child:after {
    content:'';
     padding-left:10px
}
 .page-Glossar .toc {
    width:100%;
}
 .bs-extendedsearch-result-container.redirect {
     display: none;
}
 #content .toc {
    margin-top:1em
}
 #mw-content-text li {
    margin-top:0.6em;
     margin-bottom:1em
}
 #content .toc {
    margin-top:1em
}
 #content .toc li {
    margin-top:0.2em;
     margin-bottom:0.4em
}
/*Hompeage BS5*/
 .mpbs5 #mpbanner-title {
    color:#4b80eb
}
 .mpbs5 h1#mpbanner-byline {
    color:#555
}
 .mpbs5 #mpbsv {
    color:#4666cd
}
 .mpbs5 #aktuelles {
    background: #5d80ec1a
}
 .mpbs5 #aktuelles h2::before {
    color: #445389;
}
 #startpage.mpbs5 .sectionflexcontainer>div h2 {
    padding:20px 15px 5px 15px
}
 .mpbs5 .section-featured h2 {
    font-size:1.2em;
     margin:0 0 1em 0;
    border-bottom:none;
    color:#555
}
 .mpbs5 .sectionflexcontainer .bi::before {
    margin-right:10px;
}
 .mpbs5 .sectionflexcontainer > div {
    padding:0!important
}
 .mpbs5 .sectionflexcontainer .content {
    padding:20px
}
 .mpbs5 .bghp {
    display:block;
    height:150px;
     padding:0;
     margin:0;
}
 .mpbs5 #bg-admins {
    background:url('/w/nsfr_img_auth.php/8/84/pexels-yankrukov-7693107.jpg') no-repeat;
     background-size:cover
}
 .mpbs5 #bg-users {
    background:url('/w/nsfr_img_auth.php/c/cf/pexels-canvastudio-3277806.jpg') no-repeat;
     background-size:cover
}
 .mpbs5 #bg-topics {
    background:url('/w/nsfr_img_auth.php/9/93/BlueSpice-MediaWiki_Solutions_Losungen.jpg') no-repeat;
     background-size:cover
}
 .mpbs5 #bg-setup {
    background:url('/w/nsfr_img_auth.php/b/b4/pexels-djordje-petrovic-590080-2102416.jpg') no-repeat;
     background-size:cover
}
/*Featurebox */
 .sectionflexcontainer > div.featurebox h2 {
     font-size: 1.2em;
     border-bottom: none;
     margin: 0;
}
 .mpbs5 .featurebox {
    border-radius:8px;
     box-shadow: 0px 5px 12px -3px rgba(0,0,0,0.1);
     padding:0
}
 #startpage.mpbs5 .sectionflexcontainer > div.featurebox h3 {
    padding:0;
     margin:0;
     font-size:1.1em
}
 #startpage.mpbs5 .sectionflexcontainer .featurebox {
    padding:10px 10px 10px 50px!important;
     position:relative
}
 .mpbs5 .featurebox:hover {
    border :1px solid #747474!important
}
 .mpbs5 .featurebox.icon:before {
    Font-family:'fontawesome', 'bootstrap-icons';
    position:absolute;
     left:10px;
    top:20%;
     font-size:2.2em;
     color:#d6d6d6
}
 .mpbs5 #bg-pagelinks:before {
    content:'\f0c1';
}
 .mpbs5 #bg-bpmn:before {
    content:'\f0e8';
}
 .mpbs5 #bg-pdfexport:before {
    content:'\f1c1';
}
 .mpbs5 #bg-ai:before {
    content:'\f6b1';
     font-size:2.4em
}
 .mpbs5 #bg-blog:before {
    content:'\f075';
}
 .mpbs5 #bg-collabpads:before {
    content:'\f0c0';
}
 #mw-content-text .getButton a:not(.new), [class^="mw-content-"] .getButton a:not(.new), #mw-content-text .getButton a:link:not(.new), [class^="mw-content-"] .getButton a:link:not(.new), #mw-content-text .getButton a:not(.new):visited, [class^="mw-content-"] a:not(.new):visited, #mw-content-text .getButton a:link:not(.new):visited, [class^="mw-content-"] .getButton a:link:not(.new):visited {
     color: #505bc7;
}