Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*Fonts nur importieren, wenn Sie Google fonts ab Zeile 7 einbinden wollen*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://de.wiki.bluespice.com/w/extensions/BlueSpiceFoundation/resources/icomoon/icomoon.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);

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

/*Skinning*/

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

body.mediawiki, body.mediawiki.x-body, #content #bodyContent , #firstHeading {font-family: 'Roboto',"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: 'Roboto',"arial",sans-serif;} /*Main navigation*/

.page-Community [class|="icon"]  {font-size: 3em; color: #2b80ea;}
pre{margin:2em 0;}
hr{height:1px;border:0;color:#ddd;background-color:#ddd;}
#content #bodyContent h2 {overflow:hidden}
#content #bodyContent .mw-parser-output > ul{margin-left:2em;}
#content #bodyContent .mw-parser-output > ol{margin-left:2em;}
#content #bodyContent ul > li:not(.ve-ce-branchNode){list-style-position:inherit;}
#content #bodyContent ol > li:not(.ve-ce-branchNode){list-style-position:inherit;}
.mw-redirectedfrom{display:none;}
#content #bodyContent h2{font-size:1.375rem;border-bottom:1px solid #aeaeae;padding-bottom:2px;margin-top:2.5rem;margin-bottom:2rem;}
#content #bodyContent h3{font-size:1.2rem;margin-top:2.5rem;margin-bottom:2rem;}
#content #bodyContent h4{font-size:1rem;margin:2rem 0;}
#content #bodyContent ol > li{margin-top:1em;margin-bottom:1em;}
#content #bodyContent .toc{background-color:#efefef;border:0;margin:0 0 3rem;}
#content #bodyContent .narrowtoc{max-width:600px;}
#content #bodyContent .toc .toctitle h2{display:inline-block;font-size:1.4rem;border-bottom:1px solid #aeaeae;margin-top:12px;margin-bottom:20px;padding-right:1em;padding-bottom:2px;width:80%;}
#bs-bookshelfui-chapter-nav .bs-bookshelfui-book h5{line-height:1.7;}
#bs-bookshelfui-chapter-nav h5{line-height:1.7;}
#n-User-manual > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
#n-Admin-manual > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
#n-Semantic-MediaWiki-basics > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
.bs-social-entity-output-List .bs-social-entity-title h3::before{content:'\e941';font-family:icomoon;}
.bs-social-entity-output-List .bs-social-entity-right{margin:0;padding:0;}
.bs-social-entity-output-List .bs-social-entity-right a{padding-left:10px;}
.mw-editsection{display:none;}
.mw-category-generated .redirect-in-category{font-style:normal;}
#content #bodyContent p{margin-top:1rem;}
#content #bodyContent .infobox p{margin:0;}
#content #bodyContent .infobox-basic{background:#efefef;font-size:.8rem;padding:15px;}
#content #bodyContent .infobox-basic p{font-size:.8rem;}
#content #bodyContent [class^="mw-content-"] .infobox-basic ul > li{font-size:.8rem;}
#content #bodyContent [class^="mw-content-"] .infobox-basic ol > li{font-size:.8rem;}
#content #bodyContent .infobox-basic hr{margin:6px;}
#content #bodyContent .dpl-3col td{width:33%;}
.bs-layout-box .bs-layout-box-image img{height:auto;}
.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;}
body.ns-special .mw-allpages-body{columns:32em 2;-moz-columns:32em 2;-webkit-columns:32em 2;}
.bs-background-color-secondary{background-color:#efefef;}
.bs-layout-container-banner img{max-width:100%;height:auto;}
.mw-body-content ol li li{list-style-type:lower-alpha;}
#content #bodyContent ol > li li{margin-top:.5em;margin-bottom:.5em;}
.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;}
#content #bodyContent ul > li{margin-bottom:.5rem;}
.notification-backgroundbox{background:#ffd67f;padding:12px;}
.notification-backgroundbox .boxlabel{display:none;}
#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;margin:0!important;padding:2em!important;}
.relatedtopics .col{flex-basis:50%;flex-grow:1;flex-shrink:1;}
.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:#FFF;min-width:20em;text-shadow:#000 .3em .3em 1em -.1em -.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;}
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;border:none;text-align:right;margin:0;padding:0;}
.alert-success{background:none;border:none;}
.alert-danger{background:none;border:none;}
.flex-container{-webkit-flex-wrap:wrap;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{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;}
#content #bodyContent .cathd .floatleft{float:none!important;}
#content #bodyContent .cathd h1{line-height:1.4;}
.CategoryTreeTag{line-height:1.6rem;}
.CategoryTreeLabelPage{font-style:normal;}
.slideexclude{display:inline;}
table.jquery-tablesorter th.headerSort{background-position:20px 112px;}
.table-scroll{display:block;empty-cells:show;border-spacing:0;border:1px solid;}
.table-scroll thead{background-color:#f1f1f1;position:relative;display:block;width:100%;overflow-y:scroll;}
.table-scroll tbody{display:block;position:relative;width:100%;overflow-y:scroll;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:400;flex-grow:2;display:block;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;text-align:center;padding:5px;}
.table-scroll td:first-child{flex-basis:200px;flex-grow:0;text-align: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);}
#content #bodyContent .mw-category-generated h3{display:none;}
#content #bodyContent .mw-category-generated p{display:none;}
#system404-error{text-align:center;}
#system404-error div.floatnone a.image img{margin:0;padding:0;}
#system404-error hr{margin-top:0;margin-bottom:2rem;border:0;max-width:600px;border-top:3px dotted #ddd;}
#content #bodyContent #system404-error p{margin:0;padding:0;}
#system404-errormessage{text-align:center;}
#content #bodyContent #system404-errormessage p{margin:0;padding:.5rem;}
#content #bodyContent .toclimit-1 .toclevel-2{display:none;}
#content #bodyContent .toclimit-1 .toclevel-3{display:none;}
#content #bodyContent .toclimit-1 .toclevel-4{display:none;}
#content #bodyContent .toclimit-1 .toclevel5{display:none;}
#content #bodyContent .toclimit-2 .toclevel-3{display:none;}
#content #bodyContent .toclimit-2 .toclevel-4{display:none;}
#content #bodyContent .toclimit-2 .toclevel-5{display:none;}
#content #bodyContent .toclimit-3 .toclevel-4{display:none;}
#content #bodyContent .toclimit-3 .toclevel-5{display:none;}
#presentation .slideexclude{display:none;}
#presentation .slide-hd{display:none;}
#content #bodyContent #presentation .flex-slide > div{flex-grow:1;flex-shrink:0;flex-basis:100%;margin:0;padding:0;}
#content #bodyContent #presentation .flex-container > div.slidecol{flex-grow:1;flex-shrink:0;flex-basis:222px;border-radius:25px;background-color:#efefef;margin:10px 15px 10px 0;padding:12px;}
#content #bodyContent #presentation h2{font-size:18px;border-bottom:3pt dotted #ccc;padding-bottom:6pt;margin-top:4pt;margin-bottom:30pt;color:#333;}
#content #bodyContent #presentation h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:2rem;margin-left:.5rem;border-bottom:1px solid #aaa;}
#content #bodyContent #presentation ul > li{margin-left:0;font-size:1.4rem;margin-top:1.2rem;margin-bottom:.1875rem;}
#content #bodyContent #presentation .agenda ol > li{margin-left:40px;font-size:1.4rem;}
#content #bodyContent #presentation p{font-size:1.4rem;}
#content #bodyContent #presentation pre{font-size:1.2rem;color:#444;}
#content #bodyContent #presentation code{font-size: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;}
#content #bodyContent [class|="icontent"] {  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'fontawesome !important';  /*! speak: none; */
  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;
  /* Better Font Rendering =========== */  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.icon-arrow-circle-right:before {content: "\f0a9";}
#content #bodyContent .filter1 img, #content #bodyContent .filter1 a.image img{
/*shape-outside: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);*/
clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);
-webkit-clip-path: polygon(0px 0px, 600px 0px, 600px 569px, 194px 567px);}
#content #bodyContent .filter1 h2{display:inline;}
.filter:after{content:"";display:block;clear:both;}
.checkmark:before{font-family:entypo!important;content:"\e97d";}
#content #bodyContent .scrolltable .x-panel-body{height:400px!important;overflow:scroll;}
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{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;}
.dot{height:35px;width:35px;background-color:#FFB100;border-radius:50%;display:inline-block;padding-top:.5em;font-weight:700;margin:4px 10px 10px;}
.flexwrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch;}
#content #bodyContent .flex-spalte-1{-webkit-flex:1 1 650px;-ms-flex:1 1 650px;flex:1 1 650px;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}
#content #bodyContent .flex-spalte-2{-webkit-flex:1 1 200px;-ms-flex:1 1 200px;flex:1 1 200px;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;margin-left:30px;}
#content #bodyContent .flexwrapper h2{font-size:1.3em;margin-top:12px;}
.sidebox{box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);background-color:#f0f2f6;margin-bottom:15px;padding:15px;}
img.responsive{width:100%;height:auto;}
.crop{max-height:80px;overflow:hidden;}
.questionmark-icon::before{content:'\f059';font-family:fontawesome;color:#6f6969;}
.extension-infobox{width:25em;font-size:90%;background-color:#f5f5f5;color:#000;margin-bottom:.5em;margin-left:1em;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:#FFF;}
.extenstion-infobox-description{font-weight:400!important;text-align:left;background-color:#eee;padding:20px 10px!important;}
.extension-infobox-first-row{vertical-align:top;padding:20px 10px 0;}
.extension-infobox-row{vertical-align:top;padding:0 10px;}
.extension-infobox-last-row{vertical-align:top;padding:0 10px 20px;}
.extension-infobox-helppage{font-weight:400;text-align:center;vertical-align:top;padding-left:10px;padding-top:10px;padding-bottom:10px;background-color:#eee;}
.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:.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;}
.video-desc{font-size:.9em;padding:5px;}
ul.smw-format.ul-format.alltopics-col{column-count:3;}
.flexitem2{flex:0 1 300px;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%;}
.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:400;}
.trainingslides p{font-size:14pt;color:#444;margin:10pt;}
.trainingslides body.mediawiki .wrapper .bs-content.container{font-size:14pt;}
.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:400;padding-left:20pt;margin-bottom:18pt;line-height:22pt;}
.trainingslides pre{font-size:14pt;color:#444;margin:10pt;}
.trainingslides code{font-size:14pt;color:#444;margin:10pt;}
.trainingslides b{font-weight:400;font-size:14pt;}
.trainingslides img.fullwidth{height:auto;width:24cm;}
.trainingslides .flex-slide{clear:both;}
#content #bodyContent #presentation .flex-slide{clear:both;}
.trainingslides .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 #FFF;float:left;border-radius:25px;background-color:#efefef;font-size:12pt;margin:10px 15px 10px 0;padding:12px;}
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;}
.traininghandout ul{font-size:10pt;margin-top:0;}
.traininghandout ol > li{margin-bottom:.25cm;}
.traininghandout .toc ol > li{margin-bottom:12pt;border:1px solid red;}
.traininghandout li{margin-bottom:.3cm;font-size:10pt;margin-top:0;padding-top:0;}
.traininghandout table td ul{padding-left:16pt;}
.traininghandout .bookicon{margin:0;padding:0;}
#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;}
#helpref img{margin:0;padding:0;}
.traininghandout #helpref img{margin:0;padding:0;}
.traininghandout img.fullwidth{width:16cm!important;}
.nextstep{display:inline-block;background:#36c;border-radius:2px;color:#fff;font-weight:700;padding:6px;}
#mw-content-text .nextstep a:not(.new){color:#fff;font-weight:700;}
[class^="mw-content-"] .nextstep a:not(.new){color:#fff;font-weight:700;}
#mw-content-text .nextstep a:link:not(.new){color:#fff;font-weight:700;}
[class^="mw-content-"] .nextstep a:link:not(.new){color:#fff;font-weight:700;}
.nextstep a:not(.new)::after{content:"    \25B6";}
.nextstep a:link:not(.new)::after{content:"    \25B6";}
#mw-content-text .nextstep a:not(.new):hover{color:#efefef;}
#mw-content-text .nextstep a:link:not(.new):hover{color:#efefef;}
[class^="mw-content-"] .nextstep a:link:not(.new):hover{color:#efefef;}
.steps ol{counter-reset:li;margin-left:0;padding-left:0;}
.steps ol > li{position:relative;list-style:none;border-top:2px solid #666;background:#f6f6f6;margin:0 0 6px 2em;padding:1em 1em 2em;}
.steps ol > li:before{content:counter(li);counter-increment:li;position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;border-top:2px solid #666;color:#fff;background:#666;font-weight:700;font-family:"Helvetica Neue", Arial, sans-serif;text-align:center;padding:4px;}
.noglossary .mw-lingo-tooltip{display:none;}
.versionsupport{font-size:.85em!important;color:#7b7b7b;background-color:#f7f7f7;text-align:right;margin-top:-25px;padding:2px 4px;}
.portal-bannerbox{background:#efefef;overflow:auto;width:100%;}
#content #bodyContent .portal-bannerbox{margin-bottom:10px;padding:20px;}
#content #bodyContent .portal-bannerbox img{margin-right:45px;}
.portal-bannerbox .h1{display:inline-block;font-size:1.6em;font-weight:700;margin:18px 0 .5em;}
.portal-bannerbox .bannertitle{display:inline-block;font-size:1.6em;font-weight:700;margin:18px 0 .5em;}
#content #bodyContent .portal-bannerbox .floatright{margin:0;}
#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{font-size:1.3em;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:6px;}
#content #bodyContent .simpleportal2-col-last h2{font-size:1.3em;margin-top:1rem;margin-bottom:1.5rem;padding-bottom:6px;}
#content #bodyContent .simpleportal2-col{flex-grow:1;flex-shrink:0;flex-basis:222px;width:200px;margin:10px 15px 10px 0;padding:12px;}
#content #bodyContent .simpleportal2-col-last{flex-grow:1;flex-shrink:0;flex-basis:140px;background:#f4f4f4;}
.page-Setup_Portal #content #bodyContent .simpleportal2-col{border:1px solid #ccc;padding:10px;}
.page-Setup_Portal #content #bodyContent .simpleportal2-col-last{padding:10px;}
.page-Help_categories #content #bodyContent .simpleportal2-col{flex-grow:0;flex-shrink:0;flex-basis:222px;border:1px solid #ccc;width:200px;margin:10px 15px 10px 0;padding:12px;}
#mw-content-text .simpleportal2-col img{margin:0;padding:0;}
#mw-content-text .simpleportal2-col-last img{margin:0;padding:0;}
.infobox{display:block;margin:2em 0 1em;padding:10px;}
.boxlabel{font-weight:700;padding-right:.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;}
.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}	
#content #bodyContent .portal-bannerbox img {margin-right:0;margin:1rem;}
#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;}*/
#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:30px; border-top: 1px solid #f0f0f0; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
    transition: all .3s cubic-bezier(.25,.8,.25,1); cursor: pointer; text-align:center}
.cards > div:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
}
.cards a.image img {max-width:600px}
.cards .screenshot {width:300px;height:200px; overflow:hidden; border-top:14px solid #eee; border-bottom:14px solid #eee}
#content #bodyContent .cards h2 {margin:10px; padding:0; font-size:1.1rem; font-color:#444; border:none; text-align:center}
.cards .text {font-size:0.85rem; padding:20px 10px; text-align:center; font-weight:bold;}
#mw-content-text text a:not(.new), [class^="mw-content-"] .text a:not(.new), #mw-content-text .text a:link:not(.new), [class^="mw-content-"] .text a:link:not(.new), #mw-content-text .text a:not(.new):visited, [class^="mw-content-"] .text a:not(.new):visited, #mw-content-text .text a:link:not(.new):visited, [class^="mw-content-"] .text a:link:not(.new):visited 
{color:#444;}
.cards .emptycard, .cards > div.emptycard:hover 
{border: 0;
box-shadow: none;}
.getButton {
    display: inline-block;
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 10px 0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 8px;}

#mw-content-text .getButton a:not(.new), [class^="mw-content-"] .getButton  a:not(.new), #mw-content-text .getButton  a:link:not(.new), [class^="mw-content-"] .getButton  a:link:not(.new), #mw-content-text .getButton a:not(.new):visited, [class^="mw-content-"] a:not(.new):visited, #mw-content-text .getButton a:link:not(.new):visited, [class^="mw-content-"] .getButton a:link:not(.new):visited
{color:#ffffff;}
.getButton:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
color:'f5f5f5';
}
.getButton:active {
	position:relative;
	top:1px;
}
.getButton a:before {font-family: 'fontawesome';
content: '\f019 ';
font-size: 1.3em;
vertical-align: middle;
margin-right: 10px;
}

.cart a:before {font-family: 'fontawesome';
content: '\f217 ';
}

.downloadarea {
text-align:center;
display: inline-block;
float: right;
margin: 0 0 20px 40px;
padding: 10px;
background: #efefef;
background: linear-gradient(270deg, rgb(240, 240, 240) 0%, rgb(224, 224, 224) 52%, rgb(240, 240, 240) 100%);
}
.downloadarea p {margin:0}
@media only screen and (max-width: 768px)
{.cards > div {flex-basis:98%; }}

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