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 #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. bs-bookshelfui-chapter-nav .bs-bookshelfui-book h5, #bs-bookshelfui-chapter-nav h5 {

   line-height: 1.7;

}

1. n-User-manual > i:nth-child(1)::before, #n-Admin-manual > i:nth-child(1)::before, #n-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}
3. content #bodyContent .infobox-basic

{
	background:#efefef; 
    padding:15px; 
}

1. content #bodyContent .dpl-3col td {width:33%;}
2. 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;

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

            

}

1. content #bodyContent ul > li {

   margin-bottom: 0.5rem;

}

/* 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: 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 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 .flex-container .headerbox, .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, .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{ 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 {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;} /*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;}
4. content #bodyContent #system404-error p {margin:0; padding:0;}
5. system404-errormessage {text-align:center;}
6. 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;}

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

/** 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; 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.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; } .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, .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:24cm;} /*#presentation .flex-slide img { height: 100%; min-width: 0; max-width: 100%;}

• /

.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 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; padding:5px; margin-top:1cm; background: #f5f5f5;}
2. helpref img, .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; font-weight:bold;} .nextstep a:not(.new), .nextstep a:link:not(.new) {color:#ffffff;font-weight:bold;} .nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: " \25B6"} .nextstep a:not(.new):hover, .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; } .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; }

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