MediaWiki:Common.css

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css); /*Fonts nur importieren, wenn Sie Google fonts ab Zeile 7 einbinden wollen*/ /*@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); /*Nav neu*/ Guided tour */ .guider_content {font-family: Roboto;} .guider_content p {margin-bottom:0;} .stepimg {display: block;text-align: center;} .steptext {font-size: 1.3em;padding: 0 10px;} .guider_content .fa-rocket::before {content: "\f135";font-size: 4em;color: #fdc300;} /*HP*/ .bs-layout-container {display:flex; justify-content:Space-between} .bs-contain-3 .bs-layout-box {width:300px; overflow:hidden; }

1. content #bodyContent .bs-layout-box h2 {font-size:1.3em; margin-top:0.8em}

.bs-layout-box-body{padding:10px 20px} .bs-layout-border-primary {border:1px solid #ddd; padding:20px} .bs-layout-box-title {font-weight:bold; margin:0} .bs-layout-container-banner {display:block} /*Nav neu

1. n-Vorlagen-Download span::after {content:'neu!'; vertical-align:super; background:#64b334; margin-left:3px; font-size:10px; padding:2px 5px; border-radius: 50%}

• /

/*HP Aktuelles */

1. aktuelles {background: rgba(149, 189, 229, .3); padding:10px}
2. aktuelles h2::before {font-family:'fontawesome'; font-size:0.8em; content:'\f02e'; color: #64b334; margin-right:10px}
3. content #bodyContent #aktuelles h2 {margin:4px 0 1.2rem 0 }
4. aktuelles table.wikitable, #aktuelles table.wikitable > tr > th, table.wikitable > tr > td, #aktuelles table.wikitable > * > tr > th, #aktuelles table.wikitable > * > tr > td {border:0; background:transparent; padding:4px}
5. aktuelles table.wikitable, #aktuelles table.wikitable tr {border-bottom:1px solid #fff;}

/*Skinning*/

/*Fonts einbinden - müssen über @import definiert worden sein*/

body.mediawiki, body.mediawiki.x-body, #content #bodyContent , #firstHeading {font-family: 'Open Sans',"arial",sans-serif;} /*Content and top menus*/ .panel .list-group a.list-group-item span, .bs-panel .list-group a.list-group-item span, #bs-globalactions a.list-group-item span {font-family: 'Open Sans',"arial",sans-serif;} /*Main navigation*/

.page-Community .fas, .page-Community .fab {font-size: 3em; color: #2b80ea;}

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ .bs-tag-bs_drawio {text-align:center;} h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.3;} blockquote {font-size: 1.1em;} table.contenttable-blue td, table.contenttable-blue tr, table.contenttable-darkblue td, table.contenttable-darkblue tr {

      padding: 10px;

}

1. content #bodyContent h2, #content #bodyContent h3, #content #bodyContent h4, #content #bodyContent h5 {overflow:hidden;}

pre {margin:2em 0;} hr {height: 1px;border: 0;color: #ddd;background-color: #ddd;}

1. content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {

   margin-left: 2em;

}

1. content #bodyContent ul > li:not(.ve-ce-branchNode), #content #bodyContent ol > li:not(.ve-ce-branchNode) {

   list-style-position: inherit;

} .mw-redirectedfrom {display:none;}

1. content #bodyContent h2 {

   font-size: 1.375rem;
  	border-bottom: 1px solid rgb(174, 174, 174);

padding-bottom: 2px;

   margin-top: 2.5rem;
   margin-bottom: 2rem;

}

1. content #bodyContent h3 {

   font-size: 1.2rem;
   margin-top: 2.5rem;
   margin-bottom: 2rem;

}

1. content #bodyContent h4 {

   font-size: 1rem;
   margin: 2rem 0;

}

1. content #bodyContent ol > li {

   margin-bottom: 1rem;

}

1. content #bodyContent .toc {

background-color: #efefef; margin: 0 0 3rem 0; border:0; }

1. content #bodyContent .narrowtoc

{max-width: 600px;}

1. content #bodyContent .toc .toctitle h2 {

   display: inline-block;
   font-size: 1.4rem;
   border-bottom: 1px solid rgb(174,174,174);

margin-top: 12px; margin-bottom: 20px;

   padding-right: 1em;
   padding-bottom: 2px;
   width: 80%;

}

1. n-Adminhandbuch > i:nth-child(1)::before, #n-Adminhandbuch > i:nth-child(1)::before, #n-Benutzerhandbuch > i:nth-child(1)::before, #n-Einfuehrung-Semantic-MediaWiki > i:nth-child(1)::before{

   content: '\e948';
   font-family: 'entypo';}

.bs-social-entity-output-List .bs-social-entity-title h3::before {

   content: '\e941';
   font-family: 'icomoon';}

.bs-social-entity-output-List .bs-social-entity-right {margin:0; padding:0;} .bs-social-entity-output-List .bs-social-entity-right a {padding-left:10px;} .mw-editsection { display: none; } .mw-category-generated .redirect-in-category {font-style:normal;}

1. content #bodyContent p {margin-top: 1rem;}
2. content #bodyContent .infobox p {margin:0}

/*grey infobox with small font*/

1. content #bodyContent .infobox-basic

{
	background:#efefef; 
    padding:15px; 
    font-size:0.8rem;
}

1. content #bodyContent .infobox-basic p, #content #bodyContent [class^="mw-content-"] .infobox-basic ul > li, #content #bodyContent [class^="mw-content-"] .infobox-basic ol > li {font-size:0.8rem;}
2. content #bodyContent .infobox-basic hr {margin: 6px;}
3. content #bodyContent .dpl-3col td {width:33%;}

.bs-layout-box .bs-layout-box-image img { height: auto; } /* CustomMenu */ .bs-custom-menu-header-container {background-color: #6f6969; font-size: 1rem;} .bs-custom-menu-header-container .bs-custom-menu.header li.contains-children.level-1 .child-menu {

background-color: #6f6969;}

/*Special:AllPages ERM12866 */ body.ns-special .mw-allpages-body { columns: 32em 2; -moz-columns: 32em 2; -webkit-columns: 32em 2; } /* Mainpage */ .bs-background-color-secondary {

   background-color: #efefef;}

.bs-layout-container-banner img { max-width: 100%; height: auto;}

.mw-body-content ol li li {list-style-type: lower-alpha;}

1. content #bodyContent ol > li {

   margin-top: 1em;
   margin-bottom: 1em;

}

1. content #bodyContent ol > li li{

   margin-top: 0.5em;
   margin-bottom: 0.5em;

} .mw-parser-output .center .floatnone img, .center .thumb { margin: 2em 0; } .mw-parser-output img.ve-ce-nail, .mw-parser-output img.ve-ce-nail-pre-open { margin:0; } .blsp-hint {

   border: 1px solid #c8c8c8;
   background: url('/w/nsfr_img_auth.php/7/71/Hinweis.jpg') 20px no-repeat;
   background-size: 60px 55px;
   padding: 10px 20px 10px 100px;

}

1. content #bodyContent ul > li {

   margin-bottom: 0.5rem;

}

1. content #bodyContent h2#relatedinfo

{border-left: solid 4px #b6babd; background:#eaecf0; color: #868585; margin-top: 3rem; margin-bottom:0 !important; padding: 20px 10px 2px 30px; } .bs-social-entity.bs-social-entity-output-List .bs-social-entity-right .bs-social-entity-title h3 {

   font-size: inherit !important;}

.relatedtopics { display:flex; flex-wrap: wrap; border-left: solid 4px #b6babd; background:#eaecf0; padding: 2em !important; margin:0 !important; } .relatedtopics .col { flex-basis: 50%;

 flex-grow: 1;
 flex-shrink: 1;

}

/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */

.banner-image { position: relative; overflow: hidden; max-width: 1000px; height: auto; margin-bottom: .6em; } .banner-image img { max-width: 100%; height: auto; width: auto; } .banner-box { position: absolute; z-index: 2; margin-top: 2.5em; color: white; min-width: 20em; text-shadow: black 0.3em 0.3em 1em,black -0.1em -0.1em 1em; } .banner-box-wide { width: 80% } .banner-box-left { left: 5%; text-align: left; } .banner-box-right { right: 5%; text-align: right; } .banner-box .name { font-size: 3em; white-space: nowrap; line-height: 1.2em; } .banner-box .type { font-size: 2em; line-height: 1.2em; } /* Alert formatting */

body.mediawiki .wrapper .bs-content.container #siteNotice .alert-success, body.mediawiki.x-body .wrapper .bs-content.container #siteNotice .alert-success { background-color: #fff;

   color:#3c763d;

} body.mediawiki .wrapper .bs-content.container #siteNotice .alert-danger, body.mediawiki.x-body .wrapper .bs-content.container #siteNotice .alert-danger { background-color: #fff;

   color:#b73a3a;

} .alert { background-color:#fff; padding: 0; margin: 0; border: none; text-align: right;}

.alert-success, .alert-danger {

   background:none;
   border:none;

} /*Flex*/ .flex-container { display: -webkit-flex; /* Safari */

 -webkit-flex-wrap: wrap; /* Safari 6.1+ */
 display: flex;  
 flex-wrap: wrap;

}

/* Categories */

1. content #bodyContent .cathd .floatleft {margin-right:10px;}
2. content #bodyContent .cathd h1 {line-height: 1.4;}

.CategoryTreeTag {line-height:1.6rem;} .CategoryTreeLabelPage {font-style:normal;}

/*transclusion for training presentations*/ .slideexclude {

   display: inline;
   

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

}

/*Category page */

1. content #bodyContent .mw-category-generated h3, #content #bodyContent .mw-category-generated p {display:none;}

@media only screen and ( max-width: 600px ) {

1. content #bodyContent .portal-bannerbox {text-align:center}
2. content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
3. content #bodyContent .portal-bannerbox div.floatleft {float: none;}
4. content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0; flex-basis:100%;}
5. content #bodyContent .simpleportal2-last {margin: 0 0 1rem 0; flex-basis:100%;}

.page-Help_categories #content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0; flex-basis:100%;} body .wrapper .content-wrapper .bs-content.container #content {overflow-x: auto;margin: 1rem;} /*.panel .list-group a.list-group-item, .bs-panel .list-group a.list-group-item {border-bottom: 1px solid #5c6ca8; font-size:1rem;}*/

1. content #bodyContent p {font-size: 1rem; line-height: 1.7rem;}

} /*end mobile only */ /* Infoboxes*/ .infobox { padding: 10px; margin: 2em 0 1em 0; display: block; }

.boxlabel { font-weight:bold; padding-right:0.5em; }

.notification-note { border-left: solid 4px #3498db; background:#d9edf7; } .notification-tip, .notification-Tipp { border-left: solid 4px #f2c412; background:#FFF5C9; } .notification-warning, .notification-Warnung { border-left: solid 4px #c23c2b; background: #f2dede } .notification-important { border-left: solid 4px #ffa406; background: #fedb9c; } .notification-example { border-left: solid 4px #00b241; background: #dff0d8; } .notification-backgroundbox {background:#ffd67f; padding:12px;} .notification-backgroundbox .boxlabel, .notification-sf .boxlabel {display:none;}

.notification-sf {background: #fff5e7 url(https://de.wiki.bluespice.com/w/nsfr_img_auth.php/d/da/sf.png) no-repeat 12px 10px;

   padding-left: 50px; background-size: 25px;}

/*404 system message badaccess-groups*/

1. system404-error {text-align:center;}
2. system404-error div.floatnone a.image img {padding:0; margin:0;}
3. system404-error hr {

   margin-top: 0px;
   margin-bottom: 2rem;
   border: 0;
   max-width: 600px;
   border-top: 3px dotted #ddd;

}

1. content #bodyContent #system404-error p {margin:0; padding:0;}
2. system404-errormessage {text-align:center;}
3. content #bodyContent #system404-errormessage p {margin:0; padding:0.5rem;}

/***Custom TOC levels - Template TOC ***/

1. content #bodyContent .toclimit-1 .toclevel-2, #content #bodyContent .toclimit-1 .toclevel-3,#content #bodyContent .toclimit-1 .toclevel-4,#content #bodyContent .toclimit-1 .toclevel5 {display:none;}
2. content #bodyContent .toclimit-2 .toclevel-3, #content #bodyContent .toclimit-2 .toclevel-4,#content #bodyContent .toclimit-2 .toclevel-5 {display:none;}
3. content #bodyContent .toclimit-3 .toclevel-4, #content #bodyContent .toclimit-3 .toclevel-5 {display:none;}

/***Books ***/ .ns-3020 .bs-page-before-header, .ns-3020 .bs-page-categories,.ns-3020 .bs-page-edit,.ns-3020 .bs-page-info-element, .ns-3020 [title ^= "UserManual:De:"], .ns-3020 .bs-data-after-content, .ns-3020 #relatedinfo, .ns-3020 .relatedtopics, div[datarecord-id="1"], div[datarecord-id="3"] {display:none;} .ns-3020 #content #bodyContent a.new, .ns-3020 #content #bodyContent a:link.new, .ns-3020 #content #bodyContent a:link:link.new {color:#333333;}

/* @media print { @page {

                 size: A4 landscape;
 margin: 1cm;

            

} }*/ .mw-lingo-tooltip {display:none;} }

1. content #bodyContent #mw-content-text div .print {display:none;}

@font-face {

 font-family: 'fontawesome';
 src:  url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.eot?bgaorv');
 src:  url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.eot?bgaorv#iefix') format('embedded-opentype'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.ttf?bgaorv') format('truetype'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.woff?bgaorv') format('woff'),
   url('/extensions/BlueSpiceFoundation/resources/fontawesome/fontawesome.svg?bgaorv#fontawesome') format('svg');
 font-weight: normal;
 font-style: normal;

}

1. content #bodyContent [class|="icontent"] {

 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'fontawesome !important';
 /*! speak: none; */
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;

} .icon-arrow-circle-right:before {content: "\f0a9";}

1. content #bodyContent .filter1 img, #content #bodyContent .filter1 a.image img{

/*shape-outside: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);*/ clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px); -webkit-clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px); }

1. content #bodyContent .filter1 h2

{display:inline;} .filter:after {

 content: "";
 display: block;
 clear: both;

}

.checkmark:before{

 font-family: "entypo" !important;
 content: "\e97d";

}

1. content #bodyContent .scrolltable .x-panel-body

{ height:400px !important; overflow:scroll; }

/**Tabellen für Portalseiten **/ table.portal { border-spacing: 20px 2px;

border-collapse: separate;

} table.portalboxes {

   border-spacing: 20px;
   border-collapse: separate;

} table.portal th, table.portal td, table.portalboxes th, table.portalboxes td {padding:10px;

border:0;
vertical-align:top;

} .tblue th {background-color:#CADAEA;} .tblue td {background-color:#E0ECF8;}

.tyellow th {background-color:#F7E1B2;} .tyellow td {background-color:#E0ECF8;}

.twhite th {background-color:#787878; color:#FFF;} .twhite td {background-color:#FFF;}

.tgrey th {background-color:#A0A8BD; color:#FFF;} .tgrey td {background-color:#E6E7EB;}

.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 } .dot { height: 35px; width: 35px; background-color:#FFB100; border-radius: 50%; display: inline-block; padding-top: 0.5em; font-weight: bold; margin: 4px 10px 10px; }

.mwe-popups-settings-icon {display:none;}

/** Portalseite 2-spaltig ***/ .flexwrapper { display: flex; flex-direction: row; flex-wrap:wrap;

justify-content: space-between;

align-items: stretch; align-content: stretch;}

1. content #bodyContent .flex-spalte-1 {

   -webkit-flex:1 1 650px;
   -ms-flex: 1 1 650px;
   flex: 1 1 650px;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;    }

1. content #bodyContent .flex-spalte-2 {

   -webkit-flex: 1 1 200px;
   -ms-flex: 1 1 200px;
   flex: 1 1 200px;
   -webkit-align-self: auto;
   -ms-flex-item-align: auto;
   align-self: auto;
   margin-left: 30px;}

1. content #bodyContent .flexwrapper h2 {

font-size: 1.3em;

   margin-top: 12px;

} .sidebox { padding:15px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); background-color: #f0f2f6;

   margin-bottom:15px;

}

/** cropped image **/ img.responsive {width:100%;height:auto;} .crop { max-height: 80px; overflow: hidden; }

/* Icon in boxes on reference pages */ .questionmark-icon::before {

  content: '\f059';
  font-family: 'fontawesome';
  color:#6f6969;

}

/* Infoboxes on extension pages */ .extension-infobox { width: 25em; font-size: 90%; background-color: #f8f9fa; 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:#506bb1; padding:8px; }

.extension-infobox-headertext { font-size: larger; color: #FFFFFF; }

.extenstion-infobox-description { font-weight:normal!important; text-align: left; background-color:#eeeeee; 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; } /** Videos **/ .youtube {

 position: relative;
   margin: 0 0 0 30px;

} .youtube:before {

 position: absolute;
left: -24px;
font-family: "entypo" !important;
 content: "\ea80";
 color:red;
 font-size: 1.3em;

} .time { float: right; font-size: 0.9em; padding: 5px; } .shadow img {box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1),0 1px 12px 0 rgba(0,0,0,0.01);} .mw-parser-output .flexwrapper .center .floatnone img {

   margin: 1em 0 0 0;

} .video-desc { font-size: 0.9em; padding: 5px; }

/**Topics index**/ ul.smw-format.ul-format.alltopics-col {

   column-count: 3;

}

/*Training Presentations

1. deckblattslides {background:url('/w/nsfr_img_auth.php/3016/1/1d/deckblattSlides.png') no-repeat fixed center; height:16cm;}

.trainingslides #bs-runningfooterleft, .trainingslides #bs-runningfooterright {display:none; visibility:hidden; border:1px solid red;} .trainingslides #bs-runningheaderfix h1 {display:none;} .trainingslides h2 {font-size: 18pt;border-bottom: 1pt solid #ccc; margin-top: 4pt; margin-bottom: 30pt; color: #333;} .trainingslides h3 {font-size: 16pt; font-weight:normal;} .trainingslides p, .trainingslides body.mediawiki .wrapper .bs-content.container {font-size:16pt;} .trainingslides table {width:25cm !important;} .trainingslides td {font-size:13pt;} .trainingslides ul > li, .trainingslides ol > li {font-size: 14pt; font-weight:normal; padding-left:20pt; margin-bottom:18pt; line-height:22pt;} .trainingslides body.mediawiki .wrapper .bs-content.container{font-size: 14pt;} .trainingslides pre, .trainingslides p, .trainingslides code {font-size: 14pt; color: #444; margin:10pt;} .trainingslides b {font-weight:normal; font-size:14pt;} .trainingslides img.fullwidth {height:auto; width:22cm;} .trainingslides .flex-slide, #content #bodyContent #presentation .flex-slide {clear:both;} .trainingslides .flex-slide > div, #content #bodyContent #presentation .flex-slide > div {flex-grow:1; flex-shrink:0; flex-basis: 100%; margin:0; padding:0; } .trainingslides .flex-container > div.slidecol {width:45%; border:1px solid white;float:left; margin: 10px 15px 10px 0; padding:12px; border-radius: 25px; background-color: #efefef; font-size:12pt; }*/

1. content #bodyContent #presentation .flex-container > div.slidecol {

flex-grow:1; flex-shrink:0; flex-basis: 222px; margin: 10px 15px 10px 0; padding:12px; border-radius: 25px; background-color: #efefef; } /*Training Handout */ body.traininghandout {margin-right:1cm; margin-top:1cm;} .traininghandout .toc {border:0;} .traininghandout h1 {visibility:hidden;} .traininghandout p img, .traininghandout img, .traininghandout a.image img {max-width:17cm !important; padding-left:10px;} .traininghandout .arrow-icon {float: left; padding-left: 4px; padding-bottom: 0;} .traininghandout #deckblatt h1,.traininghandout #deckblatt #firstHeading {visibility:hidden;} .traininghandout h2 {border-bottom:1px solid grey;} .traininghandout h3 {margin:24pt 0 24pt 0} .traininghandout p, .traininghandout ul {font-size:10pt; margin-top:0;} .traininghandout ol > li {margin-bottom:0.25cm} .traininghandout .toc ol > li {margin-bottom:12pt; border: 1px solid red;} .traininghandout li {margin-bottom:0.3cm; font-size:10pt;margin-top:0; padding-top:0;} .traininghandout table td ul {padding-left:16pt;} .traininghandout .bookicon {margin:0;padding:0;} .helpref {margin: 30px 0; background: #eee; padding: 5px;} .traininghandout img.fullwidth {width:16cm !important;} table.padded td {padding:8px;}/*extra padding in table cells*/ /* indicate training transclusions in edit mode */ section ~ div.training.ve-ce-branchNode {background: #fffde2;} section ~ div.training.anwender.ve-ce-branchNode {background: #f8f9fa;} section ~ div.training.redakteur.ve-ce-branchNode {background: #c5e8c9;} section ~ div.training.maintainer.ve-ce-branchNode {background: #e0ecf8;} section ~ div.training.semantic.ve-ce-branchNode {background: #fff0dd;}

/* previous next buttons */ .nextstep {display:inline-block; padding:6px; background: #36c; border-radius:2px; color:#ffffff; font-weight:bold;}

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

.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6"}

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

/* numbered steps */ .steps ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } .steps ol > li { position:relative; /* Create a positioning context */ margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */

  padding: 0.5em 1em 1em 1em; /* Add some spacing around the content */

list-style:none; /* Disable the normal item numbering */ border-top:2px solid #d2d2d2; /*background:#f6f6f6;*/ } .steps ol > li:before { content:counter(li); /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; top:-2px; left:-2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right:8px; padding:4px; border-top:2px solid #666; color:#fff; background:#666; font-weight:bold; font-family:"Helvetica Neue", Arial, sans-serif; text-align:center; }

/*Example SMW formatting */ table.mytable { width:100%; /*Breite der Infobox*/ margin: 0 0 2em 0; /*Abstand vom Fließtext*/ background-color: #f8f9fa; /*Hintergrundfarbe der Tabelle*/ color: #222; /*Textfarbe*/ border: 1px solid #a2a9b1; /*Umrandung*/ border-collapse: collapse; /*Umrandung*/ } table.mytable > tr > th, table.mytable > * > tr > th { background-color: white; /*Hintergrundfarbe der Beschriftungsspalte*/ text-align: left; /*Textausrichtung der Beschriftungsspalte*/ width:25%;/*Breite der Beschriftungsspalte*/ } table.mytable > tr > td, table.mytable > * > tr > td { background-color: white; /*Hintergrundfarbe der Wertespalte*/ } table.mytable > tr > th, table.mytable > tr > td, table.mytable > * > tr > th, table.mytable > * > tr > td { border: 1px solid #a2a9b1; /*Umrandung der Zellen*/ padding: 10px; /*Zellenabstand innen*/ } form.createbox table.formtable th { padding:10px 0; /*Abstand zwischen den Formularfeldern*/ }

/**Remove glossary from PDF **/ .noglossary .mw-lingo-tooltip {display:none;} /**Versionsupport **/ .versionsupport {font-size: 0.85em !important;

   color: #7b7b7b;
   background-color: #f7f7f7;
   text-align: right;
   margin-top: -25px;
   padding: 2px 4px;}
 
 
   
   #content #bodyContent .simpleportal2-col,#content #bodyContent .simpleportal2-col-last 

{padding: 10px;}

1. mw-content-text .simpleportal2-col img, #mw-content-text .simpleportal2-col-last img {margin:0; padding: 0;}

.bs-layout-container-banner img { max-width: 100%; height: auto; }

1. content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {

   margin-right: 10px;

}

/* Vorlage SimplePortal2*/

.portal-bannerbox {background:#efefef;

overflow: auto;
width: 100%;

}

1. content #bodyContent .portal-bannerbox {padding:20px; margin-bottom: 10px;}
2. content #bodyContent .portal-bannerbox img {margin-right:45px;}

.portal-bannerbox .h1, .portal-bannerbox .bannertitle {display:inline-block; margin: 18px 0 0.5em 0; font-size:1.6em; font-weight:bold;}

1. content #bodyContent .portal-bannerbox .floatright, #content #bodyContent .portal-bannerbox .floatleft {margin:0;}

#content #bodyContent .portal-bannerbox .portal-shortquote {font-size:1.5em; font-weight:100}
#content #bodyContent .simpleportal2-col h2,  #content #bodyContent  .simpleportal2-col-last h2 {font-size: 1.3em; margin-top: 1rem;

margin-bottom: 1.5rem;padding-bottom: 6px;}

1. content #bodyContent .simpleportal2-col {

flex-grow: 1; flex-shrink: 0; flex-basis: 222px;

width: 200px; margin: 10px 15px 10px 0; padding: 12px }

1. content #bodyContent .simpleportal2-col-last {flex-grow: 1; flex-shrink: 0; flex-basis: 140px; background: #f4f4f4;}

.page-Setup_Portal #content #bodyContent .simpleportal2-col { padding: 10px; border: 1px solid #ccc;} .page-Setup_Portal #content #bodyContent .simpleportal2-col-last { padding: 10px;}

.page-Help_categories #content #bodyContent .simpleportal2-col, .page-Helpdesk_Kategorien #content #bodyContent .simpleportal2-col { width:22%; flex-grow:0; flex-shrink:0; flex-basis: 222px; border: 1px solid #ccc; width: 200px; margin: 10px 15px 10px 0; padding:12px; }

.thumbcaption {border-top: 1px solid #efefef;}

[class^="mw-content-"] ul > li, [class^="mw-content-"] ol > li {

   margin-left: 0em;
   font-size: inherit;}
   
   

/** Vorlagen Download **/ .cards {display:flex; flex-wrap:wrap; justify-content: space-around;} .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}

1. content #bodyContent .cards h2 {margin:10px; padding:0; font-size:1.1rem; font-color:#444; border:none; text-align:center}

.cards .text {font-size:0.85rem; padding:20px 10px; text-align:center; font-weight:bold;}

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

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

/* Attachments */ .bs-social-entity-attachment-wrapper {background: transparent;} .bs-social-entity-content-attachments div.bs-social-entity-attachment-file a span:before {line-height: inherit;font-size: 80px; color: #606060;} .bs-social-entity-content-attachments div.bs-social-entityattachment-unknown a span::before {font-family:fontawesome; content:"\f016"; color: #695f5c;} .bs-social-entity-content-attachments div.bs-social-entityattachment-pdf a span::before {font-family:fontawesome; content:"\f1c1"; color: #e12025;} .bs-social-entity-content-attachments div.bs-social-entityattachment-excel a span::before {font-family:fontawesome; content:"\f1c3"; color:#1d8f50;} .bs-social-entity-content-attachments div.bs-social-entityattachment-pptx a span::before {font-family:fontawesome; content:"\f1c4"; color:#d04727;} .bs-social-entity-content-attachments div.bs-social-entityattachment-word a span::before {font-family:fontawesome; content:"\f1c2"; color:#1565c0;} .bs-social-entity-attachment-wrapper p.attachment-name, .bs-social-entity-content-attachments div a p, .bs-social-entity-content-attachments div span p {font-size:100% !important; word-break:break-word;} .bs-social-entity-content-attachments div, .bs-social-entity-content-attachments div a, .bs-social-entity-content-attachments div span {color: #444 !important; background-color: #ffffff;} .bs-social-entity-attachment-wrapper img { border: 5px solid #766d6b;} .bs-social-entity-content-attachments div a img, .bs-social-entity-content-attachments div span img {height: 80px; width: 75px;margin-top: 16px;margin-bottom: 18px; border-radius: 5px;} .bs-social-entity-content-attachments div a p, .bs-social-entity-content-attachments div span p { height:4em}

/*Referenzseiten */

1. content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
2. importdata .flexbox {justify-content: space-between; margin-top: 2em;}
3. content #bodyContent #importdata .flexbox h3 {background:#eaecf0; margin:0 0 12px 0; padding:8px; font-size:1em; font-weight:bold}
4. importdata .mw ul, .bs ul {margin:0}
5. importdata .mw li {margin-left:0;list-style-type:none; padding-left:30px; background: no-repeat left 1px / 18px url('/w/nsfr_img_auth.php/c/c6/MediaWiki-2020-small-icon.svg');}
6. importdata .bs li {margin-left:0;list-style-type:none; padding-left:30px; background: no-repeat left 1px top 1px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');}
7. importdata .flexbox div {background:#f8f9fa; text-align:left; margin:0; flex-basis:316px; padding:0}
8. 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}
9. 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;}
10. importdata div .inner {padding:8px 12px}
11. importdata .bs p {font-size: 0.9rem; margin-left: 2.1em; display:list-item;}

.extension-infobox.fullwidth {width:100%; float:none; font-size:1em; margin-left:0;} .extension-infobox.fullwidth th {text-align:right; } .extension-infobox.fullwidth .extension-infobox-header {background-color:#506bb1; color:#fff} .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;}

[class^="mw-content-"] ul > li, [class^="mw-content-"] ol > li {

   margin-left: 0em;
   font-size: unset;

}

/*PräsentationenHeadertabs*/ .bsui-datatabs .ui-aftertabs-contentpanel, .mwui-lingo-tooltip tabs {displaypadding: none0;} .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;
   display: -webkit-box; 
   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.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%;}

1. content #bodyContent .slideBoxes h1 {

border-bottom: 0px; padding-bottom: 0; margin-top: 10px; margin-bottom: 0px; font-weight:bold; color: #242424; position:relative; }

1. content #bodyContent #mw-content-text .slideBoxes h2 a {color: #242424 !important; margin-left:68px; display:block; min-height:2em;}
2. content #bodyContent #mw-content-text .slideBoxes.noicons h2 a {margin-left:25px;}

1. content #bodyContent .slideBoxes p {

margin-top:0.5em; } .slideBoxes .fas, .slideBoxes .fa {

                   position:absolute;
   margin-right: 20px;
   vertical-align: sub;
   font-size:1.7em;
   margin-left:-56px;

            

} .slidetext, .slidetext p, .slidetext div, .slidetext h3 {font-size:1.3rem;}

/* printstyles for presentation slides note- PDF export not working well, therefore use browser print function*/ @media print {

                 body {-webkit-print-color-adjust: exact;}

            

1. slidecollection .slide {border:1px solid red; background: url('/w/nsfr_img_auth.php/f/fc/BlueSpice_Logo_v2020-grey.png')!important}
2. slidecollection .slideNav, #slidecollection h1#firstheading {display:none}
3. slidecollection .slide {page-break-after: always; }
4. slidecollection .slidehd {border:1px solid blue; position:fixed; top:0; height:30px; -webkit-print-color-adjust:exact;color-adjust: exact; background-color: grey}

} @page {

                   size:A4 landscape;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   margin: 0;
   -webkit-print-color-adjust: exact;

            

} ui-widget-header{border:0;background: #d9d9d9;} .ui-widget-content {border:0;}

1. content #bodyContent .ui-tabs .ui-tabs-nav li {margin-bottom:1px}

1. mw-prefsection-personal-webdav {

display: none !important; }

/* Styles for section cards */ .sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between;} .sectionflex.col1 > div {flex-basis:100%; padding:10px 20px 20px 20px; margin:10px 0;} .sectionflex.col2 > div {flex-basis:49%; padding:10px 20px 20px 20px; margin:10px 0;} .sectionflex.col3 > div {flex-basis:32%; padding:10px 20px 20px 20px; margin:10px 0;} .sectionflex > div h2 {margin:0 0 1em 0; font-size:1.3em} .sectionflex.frame > div {border: 1px solid #e7e7e7} .sectionflex.background> div {background: #f1f3f9} .sectionflex .ve-ce-branchNode-slug, span.mw-editsection {display:none} @media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}