MediaWiki:Common.css: Unterschied zwischen den Versionen

 

@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*/

  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. */ pre { .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-User-manual Adminhandbuch > i:nth-child(1)::before, #n-Admin-manual Adminhandbuch > i:nth-child(1)::before, #n-Benutzerhandbuch > i:nth-child(1)::before, #n-Adminhandbuch 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; 
}

            
content #bodyContent .dpl-3col td {width:33%;}
                    font-size:0.8rem;
}

            
  1. content #bodyContent .simpleportal2infobox-colbasic p, #content #bodyContent .simpleportal2-col-last

{padding: 10px; }

  1. [class^="mw-content-text "] .simpleportal2-col img, #mwinfobox-basic ul > li, #content #bodyContent [class^="mw-content-text "] .simpleportal2-col-last img {margin:0; padding: 0;}
.bs-layout-container-banner img { max-width: 100%; height: auto;
  1. infobox-basic ol > li {font-size:0.8rem;}
  2. content #bodyContent .infobox-basic hr {margin: 6px;}
  3. content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {
                   margin-right: 10px;

            
  1. 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-image: url("https:'/w/de.wiki.bluespice.com/wiki/Datei:nsfr_img_auth.php/7/71/Hinweis.jpg")') 20px no-repeat;
   background-size: 60px 55px;

            

}

  1. content #bodyContent ul > li {
                   margin-bottompadding: 0.5rem;

            

}

/* Vorlage SimplePortal2*/

.portal-bannerbox {background:#efefef;
                overflow: auto;
width: 100%10px 20px 10px 100px;

            

}

  1. content #bodyContent .portal-bannerbox {padding:30px; margin-bottom: 30px;}
  2. content #bodyContent .portal-bannerbox img {margin-right:45px;}
  3. content #bodyContent .portal-bannerbox h1 {display:inline-block; margin: 18px 0 0.5em 0; font-size:1.6em; font-weight:bold;}
  4. 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: 260px; margin-right: 2em;}
  2. 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;}

.notification-backgroundbox {background:#ffd67f; padding:12px;} .notification-backgroundbox .boxlabel {display:none;}

  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;

}


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


/*Training Presentations */ .slideexclude {

                   display: inline;	

            

}

  1. presentation .slideexclude {
                   display: none;	

            

} /*#presentation .flex-slide img { height: 100%; min-width: 0; max-width: 100%;}

  • /
  1. presentation .slide-hd {display:none;}
  1. content #bodyContent #presentation .flex-slide > div

{flex-grow:1; flex-shrink:0; flex-basis: 100%; margin:0; padding:0; }

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

  1. content #bodyContent #presentation h2 {
                   font-size: 18px;
   border-bottom: 3pt dotted #ccc;
   padding-bottom: 6pt;
   margin-top: 4pt;
   margin-bottom: 30pt;
   color: #333;

            

}

  1. content #bodyContent #presentation h3 {
                   font-size: 1.4rem;
   margin-top: 1.5rem;
   margin-bottom: 2rem;
   margin-left: 0.5rem;
   border-bottom: 1px solid #aaa;

            

}

  1. content #bodyContent #presentation ul > li {

margin-left: 0em;

                   font-size: 1.4rem;
   margin-top: 1.2rem;
   margin-bottom: 0.1875rem;

            

}

  1. content #bodyContent #presentation .agenda ol > li {
                   margin-left: 40px;
   font-size: 1.4rem;

            

}

  1. content #bodyContent #presentation p {font-size:1.4rem;}
  2. content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;}

@media print { @page {

 size: A4 landscape;
 margin: 1cm;

} /*

, ::before, ::after {color: #333 !important; font-size:12pt;

}

body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, .mw-parser-output .center .floatnone img{

                   padding-top: 0;
   margin-top:0;

            

}

  1. content #bodyContent img

{ max-width:18cm; }

  1. content #bodyContent #presentation {
                   margin-left:12pt;
   padding:0;
   font-size:16pt;

            

} body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container {max-width:100%; padding:0; }

  1. content #bodyContent #presentation

{ margin:0; }

  1. content #bodyContent #presentation .flex-slide {

page-break-after: always; width:100%; }

  1. content #bodyContent #presentation .flex-slide-last {

page-break-after:avoid; width:100%; }

  1. content #bodyContent #presentation .flex-slide > div.slide-content,
  2. content #bodyContent #presentation .flex-slide-last > div.slide-content

{ padding: 10pt 30pt;

}

  1. content #bodyContent #presentation .slide-hd {

display:block;

                   border-bottom: 8px solid #929292;
   padding-top: 0;
   margin-bottom: 0;
   height: 72pt;

            

}

  1. content #bodyContent #presentation .slide-hd-text{
                   font-size: 20pt;
   display: block;
   text-align: right;
   height: 70pt;
   padding-top: 30pt;
   padding-right:20pt;
   color:#666666;

            

}

  1. content #bodyContent #presentation .slide-hd img{
                   width:90%;
   height:90%;
   padding-top:6pt;

            

}

  1. content #bodyContent #presentation h2 {
                   font-size: 18pt;
   border-bottom: 3pt dotted #ccc;
   padding-bottom: 6pt;
   margin-top: 4pt;
   margin-bottom: 30pt;
   color: #333;

            

}

  1. content #bodyContent #presentation h3 {
                   margin-top: 0pt;
   margin-bottom: 20pt;
   margin-left: 5pt;
   border-bottom: 1px solid #aaa;
   font-size: 16pt; 
font-weight:bold;

            

}

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

{border-left:2px solid #969696;

                   margin: 5pt 8pt;
   padding: 6pt 8pt;
   border-radius:0;

            

}

  1. content #bodyContent #presentation ul > li {
                   margin-left: 0;
   margin-top: 20pt;
   margin-bottom: 10pt;

            

line-height: 20pt; }

  1. content #bodyContent #presentation li > ul > li {

font-size:16pt;

                   margin-bottom: 0em;
   margin-top: 8pt;

            

}*/ } end print

  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: #f5f5f5#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;

            

}

/* @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*/
            
            #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 */
            
            #aktuelles {background: rgba(149, 189, 229, .3); padding:10px}
            
            #aktuelles h2::before {font-family:'fontawesome'; font-size:0.8em; content:'\f02e'; color: #64b334; margin-right:10px}
            
            #content #bodyContent #aktuelles h2 {margin:4px 0 1.2rem 0 }
            
            #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}
            
            #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. */
        
            
            pre {
            
                  margin:2em 0;
            
               }
            
            hr {
            
            height: 1px;
            
            border: 0;
            
            color: #ddd;
            
            background-color: #ddd;
            .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;
            
            }
            
            #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;}
        
        #content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {
        
            margin-left: 2em;
        
        }
        
        #content #bodyContent ul > li:not(.ve-ce-branchNode), #content #bodyContent ol > li:not(.ve-ce-branchNode) {
        
            list-style-position: inherit;
        
        }
        
        .mw-redirectedfrom {display:none;}     
        
        #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;
        
        }
        
        #content #bodyContent h3 {
        
            font-size: 1.2rem;
        
            margin-top: 2.5rem;
        
            margin-bottom: 2rem;
        
        }
        
        #content #bodyContent h4 {
        
            font-size: 1rem;
        
            margin: 2rem 0;
        
        }
        
        #content #bodyContent ol > li {
        
            margin-bottom: 1rem;
        
        }
        
        #content #bodyContent .toc {
        
        	background-color: #efefef;	
        
        	margin: 0 0 3rem 0;
        
        	border:0;
        
        }
        
        #content #bodyContent .narrowtoc	
        
        {max-width: 600px;}
        
        #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%;
        
        }
        

        #n-User-manualAdminhandbuch > i:nth-child(1)::before, #n-Admin-manualAdminhandbuch > i:nth-child(1)::before, #n-Benutzerhandbuch > i:nth-child(1)::before,  #n-AdminhandbuchEinfuehrung-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;}
        
        #content #bodyContent p {margin-top: 1rem;
            
            }
            
}
            #content #bodyContent .infobox p {margin:0
            
            }
            }
            
            /*grey infobox with small font*/
            #content #bodyContent .infobox-basic
        
         {
        
         	background:#efefef; 
        
             padding:15px; 
        }
            
            #content #bodyContent .dpl-3col td {width:33%;}
            
            #content #bodyContent .simpleportal2-col,#content #bodyContent .simpleportal2-col-last 
            
            {padding:
            
            10px;
            
            }
            
            #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;
            
            }
            
            #content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {
            
                margin-right: 10px;
            
            }
            
    font-size:0.8rem;
            
             }
            
            #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;}
            
            #content #bodyContent .infobox-basic hr {margin: 6px;}
            
            #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;
            }
        
        #content #bodyContent ol > li {
        
            margin-top: 1em;
        
            margin-bottom: 1em;
        
        }
        
        #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-image: url("https://de.wiki.bluespice.com/wiki/Datei:Hinweis.jpg");
            
              background-size: 60px 55px;
            
            }
            

            #content #bodyContent ul > li {
            
                margin-bottom: 0.5rem;
            
            }
            

            /* Vorlage SimplePortal2*/
            

            .portal-bannerbox 
            
            {background:#efefef;
            
             overflow: auto;
            
             width: 100%;
            
            }
            
            #content #bodyContent .portal-bannerbox {padding:30px; margin-bottom: 30px;}
            
            #content #bodyContent .portal-bannerbox img {margin-right:45px;}
            
            #content #bodyContent .portal-bannerbox h1 {display:inline-block; margin: 18px 0 0.5em 0; font-size:1.6em; font-weight:bold;}
            
            #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;}
            
            #content #bodyContent .simpleportal2-col {flex-grow: 1; flex-shrink: 0; flex-basis: 260px; margin-right: 2em;}
            
            #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;}
            

            .notification-backgroundbox {background:#ffd67f; padding:12px;}
            
            .notification-backgroundbox .boxlabel {display:none;}
            

            #content #bodyContent '/w/nsfr_img_auth.php/7/71/Hinweis.jpg') 20px no-repeat;
            
                background-size: 60px 55px;
            
                padding: 10px 20px 10px 100px;
            
            }
            

            #content #bodyContent ul > li {
            
                margin-bottom: 0.5rem;
            
            }
            


            #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;
        
        }
        
.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;
            
            }
            
            /* Categories */
        
        #content #bodyContent .cathd .floatleft {margin-right:10px;}
        
        #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 */
        
        #content #bodyContent .mw-category-generated h3, #content #bodyContent .mw-category-generated  p {display:none;}
        

        @media only screen and ( max-width: 600px )
        
        {
        
        #content #bodyContent .portal-bannerbox {text-align:center}	
        
        #content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
        
        #content #bodyContent .portal-bannerbox div.floatleft {float: none;}
        
        #content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0;  flex-basis:100%;}
        
        #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;}*/
        
        #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*/
        
        #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 #bodyContent #system404-error p {margin:0; padding:0;}
        
        #system404-errormessage {text-align:center;}
        
        #content #bodyContent #system404-errormessage p {margin:0; padding:0.5rem;}
        

        /***Custom TOC levels - Template TOC ***/
        
        #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;} 
        
        #content #bodyContent .toclimit-2 .toclevel-3, #content #bodyContent .toclimit-2 .toclevel-4,#content #bodyContent .toclimit-2 .toclevel-5 {display:none;}  
        
        #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;}
        

            
            /*Training Presentations */
            
            .slideexclude {
            
                display: inline;	
            
            }
            
            #presentation .slideexclude {
            
                display: none;	
            
            }
            
            /*#presentation .flex-slide img {
            
            height: 100%;
            
            min-width: 0;
            
            max-width: 100%;}
            
            */
            
            #presentation .slide-hd {display:none;}
            

            #content #bodyContent #presentation .flex-slide > div
            
            {flex-grow:1;
            
            flex-shrink:0;
            
            flex-basis: 100%;
            
            margin:0;
            
            padding:0;
            
            }
            
            #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;
            
            }
            
            #content #bodyContent #presentation h2 {
            

                font-size: 18px;
            
                border-bottom: 3pt dotted #ccc;
            
                padding-bottom: 6pt;
            
                margin-top: 4pt;
            
                margin-bottom: 30pt;
            
                color: #333;
            

            }
            
            #content #bodyContent #presentation h3 {
            
                font-size: 1.4rem;
            
                margin-top: 1.5rem;
            
                margin-bottom: 2rem;
            
                margin-left: 0.5rem;
            
                border-bottom: 1px solid #aaa;
            
            }
            
            #content #bodyContent #presentation ul > li {
            
            	margin-left: 0em;
            
                font-size: 1.4rem;
            
                margin-top: 1.2rem;
            
                margin-bottom: 0.1875rem;
            
            }
            

            #content #bodyContent #presentation .agenda ol > li {
            
                margin-left: 40px;
            
                font-size: 1.4rem;
            
            }
            
            #content #bodyContent #presentation p {font-size:1.4rem;}
            
            #content #bodyContent #presentation  pre, #content #bodyContent #presentation  code {font-size: 1.2rem; color: #444;}
            

            @media print {
            
            @page {
            
              size: A4 landscape;
            
              margin: 1cm;
            
            }
            
            /*
            
            *, ::before, ::after {color: #333 !important; font-size:12pt;}
            
            body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper,
            
            .mw-parser-output .center .floatnone img{
            
                padding-top: 0;
            
                margin-top:0;
            
            }
            

            #content #bodyContent img
            
            {
            
            max-width:18cm;	
            
            }
            
            #content #bodyContent #presentation {
            
                margin-left:12pt;
            
                padding:0;
            
                font-size:16pt;
            
            }
            
            body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container
            
            {max-width:100%;
            
            	padding:0;
            
            }
            

            #content #bodyContent #presentation 
            
            {
            
            	margin:0;
            
            }
            
            #content #bodyContent #presentation .flex-slide {
            
            	page-break-after: always;
            
            	width:100%;
            
            }
            
            #content #bodyContent #presentation .flex-slide-last {
            
            	page-break-after:avoid;
            
            	width:100%;
            
            }
            
            #content #bodyContent #presentation .flex-slide > div.slide-content,
            
            #content #bodyContent #presentation .flex-slide-last > div.slide-content
            
            {
            
            	padding: 10pt 30pt;
            

            }
            

            #content #bodyContent #presentation .slide-hd {
            
            	display:block;
            
                border-bottom: 8px solid #929292;
            
                padding-top: 0;
            
                margin-bottom: 0;
            
                height: 72pt;
            
            }
            
            #content #bodyContent #presentation .slide-hd-text{
            
                font-size: 20pt;
            
                display: block;
            
                text-align: right;
            
                height: 70pt;
            
                padding-top: 30pt;
            
                padding-right:20pt;
            
                color:#666666;
            
            }
            
            #content #bodyContent #presentation .slide-hd img{
            
                width:90%;
            
                height:90%;
            
                padding-top:6pt;
            
            }
            
            #content #bodyContent #presentation h2 {
            

                font-size: 18pt;
            
                border-bottom: 3pt dotted #ccc;
            
                padding-bottom: 6pt;
            
                margin-top: 4pt;
            
                margin-bottom: 30pt;
            
                color: #333;
            

            }
            
            #content #bodyContent #presentation h3 {
            
                margin-top: 0pt;
            
                margin-bottom: 20pt;
            
                margin-left: 5pt;
            
                border-bottom: 1px solid #aaa;
            
                font-size: 16pt; 
            
             font-weight:bold;
            
            }
            
/*@media print {
            
            @page {
            
              size: A4 landscape;
            
              margin: 1cm;
            
            }
            
            }*/
            
            #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;
            
            }
            

            #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";}
            

            #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);
            
            }
            
            #content #bodyContent .filter1 h2
            
            {display:inline;}
            
            .filter:after {
            
              content: "";
            
              display: block;
            
              clear: both;
            
            }
            

            .checkmark:before{
            
              font-family: "entypo" !important;
            
              content: "\e97d";
            
            }
            
            #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;}
            
            #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;    }
            

            #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;}
            

            #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 
            
            #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;
            
            }*/
            #content #bodyContent #presentation .flex-container > div.slidecol {border-left:2px solid #969696;
            
                margin: 5pt 8pt;
            
                padding: 6pt 8pt;
            
                border-radius:0;
            
            }
            

            #content #bodyContent #presentation ul > li {
            
                margin-left: 0;
            
                margin-top: 20pt;
            
                margin-bottom: 10pt;
            
            	line-height: 20pt;
            
            }
            
            #content #bodyContent #presentation li > ul > li {
            
            	font-size:16pt;
            
                margin-bottom: 0em;
            
                margin-top: 8pt;
            

            }*/
            
            }
            
            end print 
            
            #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;
            
            }
            

            #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";}
            

            #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);
            
            }
            
            #content #bodyContent .filter1 h2
            
            {display:inline;}
            
            .filter:after {
            
              content: "";
            
              display: block;
            
              clear: both;
            
            }
            

            .checkmark:before{
            
              font-family: "entypo" !important;
            
              content: "\e97d";
            
            }
            
            #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;
            
            }
            
            #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;
            
                }
            

            #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;
            
            }
            

            #content #bodyContent .flexwrapper h2 {    
            
            	font-size: 1.3em;
            
                margin-top: 12px;
            
            }  
            
            .sidebox {
            
            	padding:15px;
            
            	box-shadow: 0px 1px 5px 0px
            
            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;}
            
            #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"}
            
            #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;}
            
            #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;
            
            }
            
            #content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {
            
                margin-right: 10px;
            
            }
            

            /* Vorlage SimplePortal2*/
            

            .portal-bannerbox 
            
            {background:#efefef;
            
             overflow: auto;
            
             width: 100%;
            
            }
            
            #content #bodyContent .portal-bannerbox {padding:20px; margin-bottom: 10px;}
            
            #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;}
            
            #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;}
            
            #content #bodyContent .simpleportal2-col {
            
            	flex-grow: 1; flex-shrink: 0; 
            
            flex-basis: 222px;
            

            width: 200px;
            
            margin: 10px 15px 10px 0;
            
            padding: 12px
            
            }
            
            #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}
            
            #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;}
            
            #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;}
            

            #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.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: #f5f5f5; 
            
            	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:#eeeeee24),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 */
            
            #content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
            
            #importdata .flexbox {justify-content: space-between; margin-top: 2em;}
            
            #content #bodyContent #importdata .flexbox h3 {background:#eaecf0; margin:0 0  12px 0; padding:8px; font-size:1em; font-weight:bold}
            
            #importdata .mw ul, .bs ul {margin:0}
            
            #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');}
            
            #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');}
            
            #importdata .flexbox div {background:#f8f9fa; text-align:left; margin:0; flex-basis:316px; 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;}
            
            .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;
        
        }
(400 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
 +
@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*/
 +
#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 */
 +
#aktuelles {background: rgba(149, 189, 229, .3); padding:10px}
 +
#aktuelles h2::before {font-family:'fontawesome'; font-size:0.8em; content:'\f02e'; color: #64b334; margin-right:10px}
 +
#content #bodyContent #aktuelles h2 {margin:4px 0 1.2rem 0 }
 +
#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}
 +
#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. */
 
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
 
+
.bs-tag-bs_drawio {text-align:center;}
pre {
+
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.3;}
      margin:2em 0;
+
blockquote {font-size: 1.1em;}
  }
+
table.contenttable-blue td, table.contenttable-blue tr, table.contenttable-darkblue td, table.contenttable-darkblue tr {
hr {
+
      padding: 10px;
height: 1px;
 
border: 0;
 
color: #ddd;
 
background-color: #ddd;
 
 
}
 
}
 +
#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;}
 
#content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {
 
#content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {
 
     margin-left: 2em;
 
     margin-left: 2em;
Zeile 54: Zeile 75:
 
}
 
}
  
#n-User-manual > i:nth-child(1)::before, #n-Admin-manual > i:nth-child(1)::before, #n-Benutzerhandbuch > i:nth-child(1)::before, #n-Adminhandbuch > i:nth-child(1)::before{
+
#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';
 
     content: '\e948';
     font-family: 'entypo';
+
     font-family: 'entypo';}
}
+
.bs-social-entity-output-List .bs-social-entity-title h3::before {
.bs-social-entity-output-List .bs-social-entity-title h3::before {
 
 
     content: '\e941';
 
     content: '\e941';
     font-family: 'icomoon';
+
     font-family: 'icomoon';}
}
 
 
 
 
.bs-social-entity-output-List .bs-social-entity-right
 
.bs-social-entity-output-List .bs-social-entity-right
 
{margin:0; padding:0;}
 
{margin:0; padding:0;}
 
 
.bs-social-entity-output-List  .bs-social-entity-right a  
 
.bs-social-entity-output-List  .bs-social-entity-right a  
 
{padding-left:10px;}
 
{padding-left:10px;}
 
 
 
.mw-editsection { display: none; }
 
.mw-editsection { display: none; }
 
 
.mw-category-generated .redirect-in-category {font-style:normal;}
 
.mw-category-generated .redirect-in-category {font-style:normal;}
#content #bodyContent p {margin-top: 1rem;
+
#content #bodyContent p {margin-top: 1rem;}
}
+
#content #bodyContent .infobox p {margin:0}
 
+
/*grey infobox with small font*/
#content #bodyContent .infobox p {margin:0
 
}
 
 
#content #bodyContent .infobox-basic
 
#content #bodyContent .infobox-basic
 
  {
 
  {
 
  background:#efefef;  
 
  background:#efefef;  
 
     padding:15px;  
 
     padding:15px;  
 +
    font-size:0.8rem;
 
  }
 
  }
 +
#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;}
 +
#content #bodyContent .infobox-basic hr {margin: 6px;}
 
#content #bodyContent .dpl-3col td {width:33%;}
 
#content #bodyContent .dpl-3col td {width:33%;}
#content #bodyContent .simpleportal2-col,#content #bodyContent .simpleportal2-col-last
+
 
{padding:
 
10px;
 
}
 
#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;
 
}
 
#content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {
 
    margin-right: 10px;
 
}
 
  
 
.bs-layout-box .bs-layout-box-image img {
 
.bs-layout-box .bs-layout-box-image img {
Zeile 102: Zeile 106:
 
/* CustomMenu */
 
/* CustomMenu */
 
.bs-custom-menu-header-container  
 
.bs-custom-menu-header-container  
{
+
{background-color: #6f6969;  
background-color: #6f6969;  
+
font-size: 1rem;}
font-size: 1rem;
 
}
 
 
.bs-custom-menu-header-container .bs-custom-menu.header li.contains-children.level-1 .child-menu {
 
.bs-custom-menu-header-container .bs-custom-menu.header li.contains-children.level-1 .child-menu {
 +
background-color: #6f6969;}
  
    background-color: #6f6969;
 
}
 
 
/*Special:AllPages ERM12866 */
 
/*Special:AllPages ERM12866 */
 
body.ns-special .mw-allpages-body {
 
body.ns-special .mw-allpages-body {
Zeile 118: Zeile 119:
 
/* Mainpage */
 
/* Mainpage */
 
.bs-background-color-secondary {
 
.bs-background-color-secondary {
     background-color: #efefef;
+
     background-color: #efefef;}
}
 
 
 
 
 
  
 
.bs-layout-container-banner img {
 
.bs-layout-container-banner img {
 
max-width: 100%;
 
max-width: 100%;
height: auto;
+
height: auto;}
}
 
  
 
.mw-body-content ol li li
 
.mw-body-content ol li li
{
+
{list-style-type: lower-alpha;}
list-style-type: lower-alpha;
 
}
 
 
#content #bodyContent ol > li {
 
#content #bodyContent ol > li {
 
     margin-top: 1em;
 
     margin-top: 1em;
Zeile 140: Zeile 135:
 
     margin-bottom: 0.5em;
 
     margin-bottom: 0.5em;
 
}
 
}
.mw-parser-output .center .floatnone img
+
.mw-parser-output .center .floatnone img, .center .thumb
 
{     
 
{     
 
margin: 2em 0;
 
margin: 2em 0;
Zeile 148: Zeile 143:
 
margin:0;
 
margin:0;
 
}
 
}
.blsp-hint
+
.blsp-hint {
{
+
    border: 1px solid #c8c8c8;
  border: 1px solid #c8c8c8;
+
    background: url('/w/nsfr_img_auth.php/7/71/Hinweis.jpg') 20px no-repeat;
  background-image: url("https://de.wiki.bluespice.com/wiki/Datei:Hinweis.jpg");
+
    background-size: 60px 55px;
  background-size: 60px 55px;
+
    padding: 10px 20px 10px 100px;
 
}
 
}
  
Zeile 159: Zeile 154:
 
}
 
}
  
/* Vorlage SimplePortal2*/
 
  
 
.portal-bannerbox
 
{background:#efefef;
 
overflow: auto;
 
width: 100%;
 
}
 
#content #bodyContent .portal-bannerbox {padding:30px; margin-bottom: 30px;}
 
#content #bodyContent .portal-bannerbox img {margin-right:45px;}
 
#content #bodyContent .portal-bannerbox h1 {display:inline-block; margin: 18px 0 0.5em 0; font-size:1.6em; font-weight:bold;}
 
#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;}
 
#content #bodyContent .simpleportal2-col {flex-grow: 1; flex-shrink: 0; flex-basis: 260px; margin-right: 2em;}
 
#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;}
 
 
.notification-backgroundbox {background:#ffd67f; padding:12px;}
 
.notification-backgroundbox .boxlabel {display:none;}
 
  
 
#content #bodyContent h2#relatedinfo
 
#content #bodyContent h2#relatedinfo
Zeile 277: Zeile 250:
 
}
 
}
  
.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;
 
}
 
 
/* Categories */
 
/* Categories */
 
#content #bodyContent .cathd .floatleft {margin-right:10px;}
 
#content #bodyContent .cathd .floatleft {margin-right:10px;}
Zeile 296: Zeile 260:
 
.slideexclude {
 
.slideexclude {
 
     display: inline;
 
     display: inline;
 +
   
 
}
 
}
 
/*Fixed table header */
 
/*Fixed table header */
  
  
table.jquery-tablesorter th.headerSort {background-position: 20px 112px;}
+
.scrolltable table.jquery-tablesorter th.headerSort {background-position: 20px 112px;}
  
 
.table-scroll{
 
.table-scroll{
Zeile 356: Zeile 321:
 
   writing-mode: unset;
 
   writing-mode: unset;
 
}
 
}
 +
.widefirst td:first-child,.widefirst th:first-child{  flex-basis:500px;}
  
 
.table-scroll tbody tr:nth-child(2n){
 
.table-scroll tbody tr:nth-child(2n){
Zeile 381: Zeile 347:
 
.infobox {
 
.infobox {
 
padding: 10px;
 
padding: 10px;
margin: 2em 0;
+
margin: 2em 0 1em 0;
 +
display: block;
 
}
 
}
  
Zeile 393: Zeile 360:
 
background:#d9edf7;
 
background:#d9edf7;
 
}
 
}
.notification-tip {
+
.notification-tip,  .notification-Tipp {
 
border-left: solid 4px #f2c412;
 
border-left: solid 4px #f2c412;
 
background:#FFF5C9;
 
background:#FFF5C9;
 
}
 
}
.notification-warning {
+
.notification-warning, .notification-Warnung {
 
border-left: solid 4px #c23c2b;
 
border-left: solid 4px #c23c2b;
 
background: #f2dede
 
background: #f2dede
Zeile 409: Zeile 376:
 
background: #dff0d8;
 
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*/
 
/*404 system message badaccess-groups*/
 
#system404-error {text-align:center;}
 
#system404-error {text-align:center;}
Zeile 435: Zeile 407:
  
  
 
+
/*@media print {
/*Training Presentations */
 
.slideexclude {
 
    display: inline;
 
}
 
#presentation .slideexclude {
 
    display: none;
 
}
 
/*#presentation .flex-slide img {
 
height: 100%;
 
min-width: 0;
 
max-width: 100%;}
 
*/
 
#presentation .slide-hd {display:none;}
 
 
 
#content #bodyContent #presentation .flex-slide > div
 
{flex-grow:1;
 
flex-shrink:0;
 
flex-basis: 100%;
 
margin:0;
 
padding:0;
 
}
 
#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;
 
}
 
#content #bodyContent #presentation h2 {
 
 
 
    font-size: 18px;
 
    border-bottom: 3pt dotted #ccc;
 
    padding-bottom: 6pt;
 
    margin-top: 4pt;
 
    margin-bottom: 30pt;
 
    color: #333;
 
 
 
}
 
#content #bodyContent #presentation h3 {
 
    font-size: 1.4rem;
 
    margin-top: 1.5rem;
 
    margin-bottom: 2rem;
 
    margin-left: 0.5rem;
 
    border-bottom: 1px solid #aaa;
 
}
 
#content #bodyContent #presentation ul > li {
 
margin-left: 0em;
 
    font-size: 1.4rem;
 
    margin-top: 1.2rem;
 
    margin-bottom: 0.1875rem;
 
}
 
 
 
#content #bodyContent #presentation .agenda ol > li {
 
    margin-left: 40px;
 
    font-size: 1.4rem;
 
}
 
#content #bodyContent #presentation p {font-size:1.4rem;}
 
#content #bodyContent #presentation  pre, #content #bodyContent #presentation  code {font-size: 1.2rem; color: #444;}
 
 
 
@media print {
 
 
@page {
 
@page {
 
   size: A4 landscape;
 
   size: A4 landscape;
 
   margin: 1cm;
 
   margin: 1cm;
 
}
 
}
/*
 
*, ::before, ::after {color: #333 !important; font-size:12pt;}
 
body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper,
 
.mw-parser-output .center .floatnone img{
 
    padding-top: 0;
 
    margin-top:0;
 
}
 
 
#content #bodyContent img
 
{
 
max-width:18cm;
 
}
 
#content #bodyContent #presentation {
 
    margin-left:12pt;
 
    padding:0;
 
    font-size:16pt;
 
}
 
body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container
 
{max-width:100%;
 
padding:0;
 
}
 
 
 
#content #bodyContent #presentation
 
{
 
margin:0;
 
}
 
#content #bodyContent #presentation .flex-slide {
 
page-break-after: always;
 
width:100%;
 
}
 
#content #bodyContent #presentation .flex-slide-last {
 
page-break-after:avoid;
 
width:100%;
 
}
 
#content #bodyContent #presentation .flex-slide > div.slide-content,
 
#content #bodyContent #presentation .flex-slide-last > div.slide-content
 
{
 
padding: 10pt 30pt;
 
 
}
 
 
#content #bodyContent #presentation .slide-hd {
 
display:block;
 
    border-bottom: 8px solid #929292;
 
    padding-top: 0;
 
    margin-bottom: 0;
 
    height: 72pt;
 
}
 
#content #bodyContent #presentation .slide-hd-text{
 
    font-size: 20pt;
 
    display: block;
 
    text-align: right;
 
    height: 70pt;
 
    padding-top: 30pt;
 
    padding-right:20pt;
 
    color:#666666;
 
}
 
#content #bodyContent #presentation .slide-hd img{
 
    width:90%;
 
    height:90%;
 
    padding-top:6pt;
 
}
 
#content #bodyContent #presentation h2 {
 
 
    font-size: 18pt;
 
    border-bottom: 3pt dotted #ccc;
 
    padding-bottom: 6pt;
 
    margin-top: 4pt;
 
    margin-bottom: 30pt;
 
    color: #333;
 
 
}
 
#content #bodyContent #presentation h3 {
 
    margin-top: 0pt;
 
    margin-bottom: 20pt;
 
    margin-left: 5pt;
 
    border-bottom: 1px solid #aaa;
 
    font-size: 16pt;
 
font-weight:bold;
 
}
 
 
#content #bodyContent #presentation .flex-container > div.slidecol
 
{border-left:2px solid #969696;
 
    margin: 5pt 8pt;
 
    padding: 6pt 8pt;
 
    border-radius:0;
 
}
 
 
#content #bodyContent #presentation ul > li {
 
    margin-left: 0;
 
    margin-top: 20pt;
 
    margin-bottom: 10pt;
 
line-height: 20pt;
 
}
 
#content #bodyContent #presentation li > ul > li {
 
font-size:16pt;
 
    margin-bottom: 0em;
 
    margin-top: 8pt;
 
 
 
}*/
 
}*/
}
 
end print
 
 
#content #bodyContent #mw-content-text div .print {display:none;}
 
#content #bodyContent #mw-content-text div .print {display:none;}
  
Zeile 714: Zeile 522:
 
flex-direction: row;
 
flex-direction: row;
 
flex-wrap:wrap;
 
flex-wrap:wrap;
justify-content: space-between;
+
justify-content: space-between;
 
align-items: stretch;
 
align-items: stretch;
align-content: stretch;
+
align-content: stretch;}
}
 
 
#content #bodyContent  .flex-spalte-1 {
 
#content #bodyContent  .flex-spalte-1 {
 
     -webkit-flex:1 1 650px;
 
     -webkit-flex:1 1 650px;
Zeile 724: Zeile 531:
 
     -webkit-align-self: auto;
 
     -webkit-align-self: auto;
 
     -ms-flex-item-align: auto;
 
     -ms-flex-item-align: auto;
     align-self: auto;
+
     align-self: auto;   }
    }
 
  
 
#content #bodyContent  .flex-spalte-2 {
 
#content #bodyContent  .flex-spalte-2 {
Zeile 734: Zeile 540:
 
     -ms-flex-item-align: auto;
 
     -ms-flex-item-align: auto;
 
     align-self: auto;
 
     align-self: auto;
     margin-left: 30px;
+
     margin-left: 30px;}
}
 
  
 
#content #bodyContent .flexwrapper h2 {     
 
#content #bodyContent .flexwrapper h2 {     
Zeile 763: Zeile 568:
 
width: 25em;  
 
width: 25em;  
 
font-size: 90%;  
 
font-size: 90%;  
background-color: #f5f5f5;  
+
background-color: #f8f9fa;  
 
color: black;  
 
color: black;  
 
margin-bottom: 0.5em;  
 
margin-bottom: 0.5em;  
Zeile 814: Zeile 619:
 
padding-bottom:10px;
 
padding-bottom:10px;
 
background-color:#eeeeee;
 
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
 +
#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;
 +
}*/
 +
#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;}
 +
#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"}
 +
#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;}
 +
#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;
 +
}
 +
#content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {
 +
    margin-right: 10px;
 +
}
 +
 +
/* Vorlage SimplePortal2*/
 +
 +
.portal-bannerbox
 +
{background:#efefef;
 +
overflow: auto;
 +
width: 100%;
 +
}
 +
#content #bodyContent .portal-bannerbox {padding:20px; margin-bottom: 10px;}
 +
#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;}
 +
#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;}
 +
#content #bodyContent .simpleportal2-col {
 +
flex-grow: 1; flex-shrink: 0;
 +
flex-basis: 222px;
 +
 +
width: 200px;
 +
margin: 10px 15px 10px 0;
 +
padding: 12px
 +
}
 +
#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}
 +
#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;}
 +
#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;}
 +
 +
#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 */
 +
#content #bodyContent #importdata h3 {margin:1em 0 1.4em;}
 +
#importdata .flexbox {justify-content: space-between; margin-top: 2em;}
 +
#content #bodyContent #importdata .flexbox h3 {background:#eaecf0; margin:0 0  12px 0; padding:8px; font-size:1em; font-weight:bold}
 +
#importdata .mw ul, .bs ul {margin:0}
 +
#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');}
 +
#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');}
 +
#importdata .flexbox div {background:#f8f9fa; text-align:left; margin:0; flex-basis:316px; 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;}
 +
.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;
 
}
 
}