MediaWiki:Common.css

@import url(https://de.wiki.bluespice.com/w/extensions/BlueSpiceFoundation/resources/icomoon/icomoon.css); @import url(https://use.fontawesome.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. */ pre{margin:2em 0;} hr{height:1px;border:0;color:#ddd;background-color:#ddd;}

1. content #bodyContent .mw-parser-output > ul, #content {margin-left:2em;}
2. 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;

padding:15px;

1. font-size:

0

1. .8rem;

1. padding:15px;}

2. content #bodyContent .infobox-basic p, #content {font-size:.8rem;}
3. content #bodyContent [class^="mw-content-"] .infobox-basic ul > li, #content {font-size:.8rem;}
4. content #bodyContent [class^="mw-content-"] .infobox-basic ol > li{font-size:0.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), {color:#fff;font-weight:700;}

[class^="mw-content-"] .nextstep a:not(.new)

, #mw-

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

1. mw-content-text .nextstep a:link:not(.new), {color:#fff;font-weight:700;}

[class^="mw-content-"] .nextstep a:link:not(.new){color:

#ffffff

#fff;font-weight:

bold

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,#mw{color:#efefef;}
2. mw-content-text .nextstep a:link:not(.new):hover, {color:#efefef;}

[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: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{

1. margin:

1. 0;

1. padding:

1. 0;

1. }

/* Infoboxes*/ .infobox{ paddingdisplay: 10pxblock;margin:2em 0 1em 0; displaypadding: block10px;} .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 { display:none; } .bs-data-after-content{display:none;} .quiz .question{margin-bottom:3em;} .questionText{font-weight:bold700;margin-bottom:1.2em;} .question .header{background:#fff0e1;padding:1px 6px;} span.questionText{display:block;} .question td, .question th {

padding: 8px 6px 6px; background: #f6f6f6;

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

} /*Answers */ .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"]{padding: 6px 12px; background:#36c;border:none;color: white#FFF;margin-right:10px;margin-left:30px;padding:6px 12px;} .quizForm input:hover[value="Submit"]{background:#2551aa;} .quizForm input[value="Reset"]{padding: 6px 12px; background:#a4a4a4;border:none;color: white#FFF;margin-right:10px;padding:6px 12px;} .quizForm input:hover[value="Reset"]{background:#858585;} .quiz .correction{background-color:#ffe4c9;display:block; paddingfont-weight: 20px700;margin:10px 0 30px 28px;font-weight: bold;} 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;} }