MediaWiki:Common.css

@import url(https://decdnjs.wikicloudflare.bluespice.com/wajax/extensionslibs/BlueSpiceFoundation/resources/icomoon/icomoon.css); font-awesome/5.15.3/css/all.min.css); /*Fonts nur importieren, wenn Sie Google fonts ab Zeile 7 einbinden wollen*/ @import url(https://usefonts.fontawesomegoogleapis.com/releases/v5.0.7/css/all.css);

body.mediawiki, body.mediawiki.x-body,#content #bodyContent, #content #bodyContent {font-family:-apple-system,BlinkMacSystemFont,Roboto,Lato,Helvetica,Arial,sans-serif;} .page-Community [class|="icon"] {font-size: 3em; color: #2b80ea;}

/*PDF Book - no page breaks */ .bs-page-content, .bs-page-content.booklevel-1, .bs-page-content.booklevel-2 {page-break-after: avoid; page-break-before: avoid;}

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ css?family=Roboto:400,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*Nav neu

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

• /

/*HP*/ .bs-layout-container {display:flex; justify-content:Space-between} .bs-contain-3 .bs-layout-box {width:300px; overflow:hidden; }

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

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

/*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;} pre{margin:2em 0;} hr{height:1px;border:0;color:#ddd;background-color:#ddd;}

1. content #bodyContent h2 {overflow:hidden}
2. content #bodyContent .mw-parser-output > ul, #content {margin-left:2em;}
3. content #bodyContent .mw-parser-output > ol{

1. margin-left:

1. 2em;

1. }
2. content #bodyContent ul > li:not(.ve-ce-branchNode), #content {list-style-position:inherit;}
3. content #bodyContent ol > li:not(.ve-ce-branchNode){

1. list-style-position:

1. inherit;

1. }

} .mw-redirectedfrom{display:none;}

1. content #bodyContent h2{

1. font-size:

1. 1.375rem;

1. border-bottom:

1. 1px

solid rgb(174, 174, 174);

1. solid #aeaeae;padding-bottom:2px;

1. margin-top:

1. 2.5rem;

1. margin-bottom:

1. 2rem;

1. }
2. content #bodyContent h3{

1. font-size:

1. 1.2rem;

1. margin-top:

1. 2.5rem;

1. margin-bottom:

1. 2rem;

1. }
2. content #bodyContent h4{

1. font-size:

1. 1rem;

1. margin:

1. 2rem

1. 0;

1. }
2. content #bodyContent ol > li{

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

1rem

1. 1em;

1. }
2. content #bodyContent .toc{background-color:#efefef;border:0;margin:0 0 3rem

0

1. ;

border:0;

1. }
2. content #bodyContent .narrowtoc{max-width:600px;}
3. content #bodyContent .toc .toctitle h2{

1. display:

1. inline-block;

1. font-size:

1. 1.4rem;

1. border-bottom:

1. 1px

solid rgb(174,174,174);

1. solid #aeaeae;margin-top:12px;margin-bottom:20px;

1. padding-right:

1. 1em;

1. padding-bottom:

1. 2px;

1. width:

1. 80%;

1. }
2. bs-bookshelfui-chapter-nav .bs-bookshelfui-book h5, #bs-{line-height:1.7;}
3. bs-bookshelfui-chapter-nav h5{

1. line-height:

1. 1.7;

1. }
2. n-User-manual > i:nth-child(1)::before, #n-{content:'\e948';font-family:entypo;}
3. n-Admin-manual > i:nth-child(1)::before, #n-{content:'\e948';font-family:entypo;}
4. n-Semantic-MediaWiki-basics > i:nth-child(1)::before{

1. content:

1. '\e948';

1. font-family:

'

1. entypo

'

1. ;}

.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{

1. background:#efefef;

1. font-size:.8rem;padding:15px;

1. }

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

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

#6f6969;}

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

background-color:

#efefef;}

.bs-layout-container-banner img{max-width:100%;height:auto;} .mw-body-content ol li li{list-style-type:lower-alpha;}

1. content #bodyContent ol > li {

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

            

}

1. content #bodyContent ol > li li{

1. margin-top:

0

1. .5em;

1. margin-bottom:

0

1. .5em;

1. }

} .mw-parser-output .center .floatnone img{margin:2em 0;} .mw-parser-output img.ve-ce-nail, {margin:0;} .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;

}

1. content #bodyContent ul > li{

1. margin-bottom:

0

1. .5rem;

1. }

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

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; paddingmargin: 2em 0!important; marginpadding:0 2em!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#FFF;min-width:20em;text-shadow: black 0#000 .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, {background-color:#fff;color:#3c763d;} 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, {background-color:#fff;color:#b73a3a;} 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;} margin:0;padding:0;} .alert-success, {background:none;border:none;} .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 .flex-container .headerbox, {flex-grow:0;flex-shrink:0;flex-basis:222px;border:1px solid #ccc;width:200px;margin:10px 15px 10px 0;padding:12px;} .page-Helpdesk_Kategorien #content #bodyContent .flex-container .headerbox{ width:22%; flex-grow:0;flex-shrink:0;flex-basis:222px;border:1px solid #ccc;width:200px;margin:10px 15px 10px 0;padding:12px;} .page-Help_categories .mw-parser-output .center .floatnone img, {margin:0;} .page-Helpdesk_Kategorien .mw-parser-output .center .floatnone img{margin:0;}

/* Categories */

1. content #bodyContent .cathd .floatleft{float:none!important;}
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 */ 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{ 400;flex-grow:2;display:block; padding: 5px; border-right:1px solid #ccc;width:60px;text-align:right;padding:5px;} .table-scroll td{flex-grow:2;display:block;border-right:1px solid #ccc;width:60px } .table-scroll td {;text-align:center;padding:5px;} .table-scroll th {td:first-child{flex-basis:200px;flex-grow:0;text-align: right;} /* Other options */ .table-scroll td:first-child,left;writing-mode:unset;} .table-scroll th:first-child{flex-basis:200px;flex-grow:0;text-align:left;writing-mode:unset;} .widefirst td:first-child,{flex-basis:500px;} .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 p {font-size: 1rem; line-height: 1.7rem;}

} /*end mobile only */

/*404 system message badaccess-groups*/

1. content #bodyContent .portalmw-bannerbox {text-align:center}
2. content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
3. content #bodyContent .portal-bannerbox div.floatleft {float: none;}

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. category-generated p{display:none;}
2. system404-error{text-align:center;}
3. system404-error div.floatnone a.image img{paddingmargin:0; marginpadding:0;}
4. system404-error hr{margin-top: 0px0;margin-bottom:2rem;border:0;max-width:600px;border-top:3px dotted #ddd;}
5. content #bodyContent #system404-error p{margin:0;padding:0;}
6. system404-errormessage{text-align:center;}
7. content #bodyContent #system404-errormessage p{margin:0;padding:0.5rem;}

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

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

/*Training Presentations */ .slideexclude {

                   display: inline;	

            

}

1. presentation .slideexclude{

1. display:

1. none;

1. }

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

• /

1. presentation .slide-hd{display:none;}
2. content #bodyContent #presentation .flex-slide > div{flex-grow:1;flex-shrink:0;flex-basis:100%;margin:0;padding:0;}
3. content #bodyContent #presentation .flex-container > div.slidecol{flex-grow:1;flex-shrink:0;flex-basis:222px;

margin: 10px 15px 10px 0; padding:12px;

1. border-radius:25px;background-color:#efefef;margin:10px 15px 10px 0;padding:12px;}
2. content #bodyContent #presentation h2{

1. font-size:

1. 18px;

1. border-bottom:

1. 3pt

1. dotted

1. #ccc;

1. padding-bottom:

1. 6pt;

1. margin-top:

1. 4pt;

1. margin-bottom:

1. 30pt;

1. color:

1. #333;

1. }
2. content #bodyContent #presentation h3{

1. font-size:

1. 1.4rem;

1. margin-top:

1. 1.5rem;

1. margin-bottom:

1. 2rem;

1. margin-left:

0

1. .5rem;

1. border-bottom:

1. 1px

1. solid

1. #aaa;

1. }
2. content #bodyContent #presentation ul > li{margin-left:

0em

1. 0;

1. font-size:

1. 1.4rem;

1. margin-top:

1. 1.2rem;

1. margin-bottom:

0

1. .1875rem;

1. }
2. content #bodyContent #presentation .agenda ol > li{

1. margin-left:

1. 40px;

1. font-size:

1. 1.4rem;

1. }
2. content #bodyContent #presentation p{font-size:1.4rem;}
3. 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 .

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

1. #presentation code{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 1.2rem;color:#444;}

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

            

}

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

1. /*

1. use

1. !important

1. to

1. prevent

1. issues

1. with

1. browser

1. extensions

1. that

1. change

1. fonts

1. */

                  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, {border:0;vertical-align:top;padding:10px;} table.portal td, {border:0;vertical-align:top;padding:10px;} table.portalboxes th, {border:0;vertical-align:top;padding:10px;} table.portalboxes td{padding:10px; border:0;

vertical-align:top;

padding:10px;} .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{text-align:center;background:#ececec;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: bold700;margin:4px 10px 10px;} /** 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{

1. -webkit-flex:1

1. 1

1. 650px;

1. -ms-flex:

1. 1

1. 1

1. 650px;

1. flex:

1. 1

1. 1

1. 650px;

1. -webkit-align-self:

1. auto;

1. -ms-flex-item-align:

1. auto;

1. align-self:

1. auto;

1. }

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

1. -webkit-flex:

1. 1

1. 1

1. 200px;

1. -ms-flex:

1. 1

1. 1

1. 200px;

1. flex:

1. 1

1. 1

1. 200px;

1. -webkit-align-self:

1. auto;

1. -ms-flex-item-align:

1. auto;

1. align-self:

1. auto;

1. margin-left:

1. 30px;}

2. content #bodyContent .flexwrapper h2{font-size:1.3em;

1. margin-top:

1. 12px;

1. }

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

margin-bottom:15px;

}

/** cropped image **/ padding:15px;} 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#000;margin-bottom: 0.5em;margin-left:1em; padding: 0.2em; float:right;clear:right;text-align:left;padding:.2em;} .extension-infobox-header{text-align:center;background-color:#506bb1;padding:8px;} .extension-infobox-headertext{font-size:larger;color: #FFFFFF#FFF;} .extenstion-infobox-description{font-weight:normal400!important;text-align:left;background-color:#eeeeee#eee;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:normal400;text-align:center;vertical-align:top;padding-left:10px;padding-top:10px;padding-bottom:10px;background-color:#eeeeee#eee;} /** 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.2);} .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;

} /*template gallery */ .flexitem2{flex:0 1 300px; margin:14px 0; text-align:center;margin:14px 0;} .shadow2{box-shadow:0 1px 4px 0 rgba(0,0,0,0.2);flex:0 1 300px;height:200px;margin-bottom:8px;} .shadow2 img{width:100%;} /*Training Presentations */ .trainingslides #bs-runningfooterleft, {display:none;visibility:hidden;border:1px solid red;} .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:normal400;} .trainingslides p, {font-size:14pt;color:#444;margin:10pt;} .trainingslides body.mediawiki .wrapper .bs-content.container{font-size:16pt14pt;} .trainingslides table{width:25cm!important;} .trainingslides td{font-size:13pt;} .trainingslides ul > li, {font-size:14pt;font-weight:400;padding-left:20pt;margin-bottom:18pt;line-height:22pt;} .trainingslides ol > li{font-size:14pt;font-weight:normal400;padding-left:20pt;margin-bottom:18pt;line-height:22pt;} .trainingslides body.mediawiki .wrapper .bs-content.containerpre{font-size:14pt;color:#444;margin:10pt;} .trainingslides pre, .trainingslides p, .trainingslides code{font-size:14pt;color:#444;margin:10pt;} .trainingslides b{font-weight:normal400;font-size:14pt;} .trainingslides img.fullwidth{height:auto;width:24cm;} /*#presentation .trainingslides .flex-slide img { heightclear: 100%; min-width: 0; max-width: 100%;}

• /

.trainingslides .flex-slide, #content both;}

1. 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#FFF;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, {max-width:17cm!important;padding-left:10px;} .traininghandout img, {max-width:17cm!important;padding-left:10px;} .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,{visibility:hidden;} .traininghandout #deckblatt #firstHeading{visibility:hidden;} .traininghandout h2{border-bottom:1px solid grey;} .traininghandout h3{margin:24pt 0 24pt 0;} .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;}

1. helpref, .traininghandout #helpref {border-left:8px solid #337ab7;margin-top:1cm;background:#f5f5f5;padding:5px;}

.traininghandout #helpref{border-left:8px solid #337ab7;margin-top:1cm;background:#f5f5f5;padding:5px;}

1. helpref img, {margin:0;padding:0;}

.traininghandout #helpref img{margin:0;padding:0;}

.traininghandout img.fullwidth{width:16cm!important;} /* previous next buttons */ .nextstep{display:inline-block; padding:6px; background:#36c;border-radius:2px;color:#ffffff#fff;font-weight:bold700;padding:6px;}

1. mw-content-text .nextstep a:not(.new)

,

1. {color:#fff;font-weight:700;}

[class^="mw-content-"] .nextstep a:not(.new){color:#fff;font-weight:700;}

1. mw-content-text .nextstep a:link:not(.new){color:

#ffffff

1. #fff;font-weight:

bold

1. 700;}

[class^="mw-content-"] .nextstep a:link:not(.new){color:#fff;font-weight:after, 700;} .nextstep a:not(.new)::after{content:" \25B6";} .nextstep a:link:not(.new)::after{content:" \25B6";}

1. mw-content-text .nextstep a:not(.new):hover

,

1. {color:#efefef;}
2. mw-content-text .nextstep a:link:not(.new):hover{color:#efefef;}

/* numbered steps */ .[class^="mw-content-"] .nextstep a:link:not(.new):hover{color:#efefef;} .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:1em 1em 2em 1em; /* Add some spacing around the content */ list-style:none; /* Disable the normal item numbering */ border-top:2px solid #666;background:#f6f6f6;margin:0 0 6px 2em;padding:1em 1em 2em;} .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:bold700;font-family:"Helvetica Neue", Arial, sans-serif;text-align:center; } /**Remove glossary from PDF **/ padding:4px;} .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;}

/* Vorlage SimplePortal2*/

.portal-bannerbox{background:#efefef;overflow:

auto;

width:

100%;

}

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

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

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

#content

1. content #bodyContent

1. .portal-bannerbox

1. .portal-shortquote

1. {font-size:1.5em;

1. font-weight:100;}

#content

2. content #bodyContent

1. .simpleportal2-col

h2, #content #bodyContent

1. h2{font-size:1.3em;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:6px;}
2. content #bodyContent .simpleportal2-col-last

1. h2

1. {font-size:

1. 1.3em;

1. margin-top:

1. 1rem;

1. margin-bottom:1.5rem;padding-bottom:6px;}
2. content #bodyContent .simpleportal2-col{flex-grow:1;flex-shrink:0;flex-basis:222px;

1. width:200px;margin:10px 15px 10px 0;padding:12px;}
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;padding:10px;} .page-Setup_Portal #content #bodyContent .simpleportal2-col-last{padding:10px;} .page-Help_categories #content #bodyContent .simpleportal2-col, .page-Help_categories #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;}

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

                   margin: 0;
   padding: 0;

            

}

/* Infoboxes*/ .infobox { padding: 10px; margin: 2em 0 1em 0; display: block; /*.bs-data-after-content{display:none;}*/ .quiz .question{margin-bottom:3em;} .questionText{font-weight:700;margin-bottom:1.2em;} .question .header{background:#fff0e1;padding:1px 6px;} span.questionText{display:block;} .question td{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;} .question th{background:#f6f6f6;border-bottom:2px solid #fff;padding:8px 6px 6px;} .quiz table{width:100%;} .quizQuestions .question .sign{width:26px;} .quiz table.settings{margin-left:30px!important;} .mw-content-ltr .quiz .question .border{border-width:0 0 0 12px !important;} .quiz .margin.right{background-color:#8ed27d!important;} .quiz .margin.NA{background-color:#337ecc!important;} .quiz .margin.wrong{background-color:#ff5c64!important;} .quiz .question .border.right{border-color:#8ed27d!important;} .quiz .question .border.NA{border-color:#337ecc!important;} .quiz .question .border.wrong{border-color:#ff5c64!important;} .quiz .question .check.right{outline:3px solid #8ed27d!important;} .quiz .question .check.NA{outline:3px solid #337ecc!important;} .quiz .question .check.wrong{outline:3px solid #ff5c64!important;} .quizForm input[value="Submit"]{background:#36c;border:none;color:#FFF;margin-right:10px;margin-left:30px;padding:6px 12px;} .quizForm input:hover[value="Submit"]{background:#2551aa;} .quizForm input[value="Reset"]{background:#a4a4a4;border:none;color:#FFF;margin-right:10px;padding:6px 12px;} .quizForm input:hover[value="Reset"]{background:#858585;} .quiz .correction{background-color:#ffe4c9;display:block;font-weight:700;margin:10px 0 30px 28px;padding:20px;} @media only screen and ( max-width: 600px ) {#content #bodyContent .portal-bannerbox {text-align:center}

1. content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
2. content #bodyContent .portal-bannerbox div.floatleft {float: none;}

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 */ @media print { @page{size:A4 landscape;margin:1cm;} } table.padded td {padding:14px;}/*extra padding in table cells*/

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

/*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, table.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, table.wikitable.reference > tr > td, 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;}

1. content #bodyContent .gallerytext p {

                   font-size: 0.85rem;
   margin-top: 0 !important;
   font-weight: bold;

            

}

.infobox{display:block;margin:2em 0 1em;padding:10px;} .boxlabel{font-weight:bold700;padding-right:0.5em;} .notification-note{border-left:solid 4px #3498db;background:#d9edf7;} .notification-tip{border-left:solid 4px #f2c412;background:#FFF5C9;} .notification-warning{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('/w/nsfr_img_auth.php/d/da/sf.png') no-repeat 12px 8px;

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

            

/*Headertabs*/ .ui-tabs .ui-tabs-panel, .ui-tabs {padding: 0;} .ui-widget-header{border:0;background: #d9d9d9;} .ui-widget-content {border:0;}

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