MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

1. toc {

max-width: 600px; margin: 3em 0; }

1. toc h2 {

border-bottom: 0; margin-top: 1rem; }

1. content #bodyContent .toc .toctitle h2 {

                   display: inline-block;
   padding-right: 1em;
   width: 80%;

            

} .mw-editsection @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css); /*Fonts nur importieren, wenn Sie Google fonts ab Zeile 7 einbinden wollen*/ @import url(https://fonts.googleapis.com/css?family=Roboto:400,700); @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/*Nav neu

1. n-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{margin-left:2em;}
3. content #bodyContent .mw-parser-output > ol{margin-left:2em;}
4. content #bodyContent ul > li:not(.ve-ce-branchNode){list-style-position:inherit;}
5. content #bodyContent ol > li:not(.ve-ce-branchNode){list-style-position:inherit;}

.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{font-size:1rem;margin:2rem 0;}
3. content #bodyContent p ol > li{margin-top: 1rem;

} .bs-layout-container-banner img { max-width: 100%; height: auto; }

.bs-

1. 1em;margin-bottom:1em;}
2. content #bodyContent .toc{background-color:#efefef;border:0;margin:0 0 3rem;}
3. content #bodyContent .narrowtoc{max-width:600px;}
4. 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%;}
5. bs-bookshelfui-chapter-nav .bs-bookshelfui-book h5{line-height:1.7;}
6. bs-bookshelfui-chapter-nav h5{line-height:1.7;}
7. n-User-manual > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
8. n-Admin-manual > i:nth-child(1)::before{content:'\e948';font-family:entypo;}
9. 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;}

1. content #bodyContent p{margin-top:1rem;}
2. content #bodyContent .infobox p{margin:0;}
3. content #bodyContent .infobox-basic{background:#efefef;font-size:.8rem;padding:15px;}
4. content #bodyContent .infobox-basic p{font-size:.8rem;}
5. content #bodyContent [class^="mw-content-"] .infobox-basic ul > li{font-size:.8rem;}
6. content #bodyContent [class^="mw-content-"] .infobox-basic ol > li{font-size:.8rem;}
7. content #bodyContent .infobox-basic hr{margin:6px;}
8. 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. }

/* Banner - Wikivoyage - Used to test MediaWiki/Homepage redesign/Preview */ .

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

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

1. content #bodyContent .

alert-success, .alert-danger {

                   background:none;
   border:none;

            

}

/* Vorlage Portal*/

.portal-bannerbox {background:#efefef;

                overflow: auto;
width: 100%;

            

}

1. content #bodyContent .portal-bannerbox {padding:30px; margin-bottom: 30px;mw-category-generated h3{display:none;}
2. content #bodyContent .mw-category-generated p{display:none;}
3. system404-error{text-align:center;}
4. system404-error div.floatnone a.image img{margin:0;padding:0;}
5. system404-error hr{margin-top:0;margin-bottom:2rem;border:0;max-width:600px;border-top:3px dotted #ddd;}
6. content #bodyContent #system404-error p{margin:0;padding:0;}
7. system404-errormessage{text-align:center;}
8. content #bodyContent #system404-errormessage p{margin:0;padding:.5rem;}
9. content #bodyContent .toclimit-1 .toclevel-2{display:none;}
10. content #bodyContent .toclimit-1 .toclevel-3{display:none;}
11. content #bodyContent .toclimit-1 .toclevel-4{display:none;}
12. content #bodyContent .toclimit-1 .toclevel5{display:none;}
13. content #bodyContent .toclimit-2 .toclevel-3{display:none;}
14. content #bodyContent .toclimit-2 .toclevel-4{display:none;}
15. content #bodyContent .toclimit-2 .toclevel-5{display:none;}
16. content #bodyContent .toclimit-3 .toclevel-4{display:none;}
17. content #bodyContent .toclimit-3 .toclevel-5{display:none;}
18. presentation .slideexclude{display:none;}
19. presentation .slide-hd{display:none;}
20. content #bodyContent #presentation .flex-slide > div{flex-grow:1;flex-shrink:0;flex-basis:100%;margin:0;padding:0;}
21. 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;}
22. content #bodyContent #presentation h2{font-size:18px;border-bottom:3pt dotted #ccc;padding-bottom:6pt;margin-top:4pt;margin-bottom:30pt;color:#333;}
23. content #bodyContent #presentation h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:2rem;margin-left:.5rem;border-bottom:1px solid #aaa;}
24. content #bodyContent #presentation ul > li{margin-left:0;font-size:1.4rem;margin-top:1.2rem;margin-bottom:.1875rem;}
25. content #bodyContent #presentation .agenda ol > li{margin-left:40px;font-size:1.4rem;}
26. content #bodyContent #presentation p{font-size:1.4rem;}
27. content #bodyContent #presentation pre{font-size:1.2rem;color:#444;}
28. 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;}

            

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

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

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;}
2. 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;}
3. 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;}

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

1. 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;} .nextstep{display:inline-block;background:#36c;border-radius:2px;color:#fff;font-weight:700;padding:6px;}

1. mw-content-text .nextstep a:not(.new){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:#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";}

1. mw-content-text .nextstep a:not(.new):hover{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;} .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%;}

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

.portal-bannerbox .h1{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: 260px222px;width:200px;margin-right: 2em;:10px 15px 10px 0;padding:12px;}
3. 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:

0 1em 1em 1em; background: #f4f4f4;}

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

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

/*.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: 500px 600px ) {

content

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

/* Infoboxes*/ .infobox { padding: 1px 1.5em; margin: 2em 0; }

1. content #bodyContent .infobox p {

padding: 0; margin: 0; } .boxlabel { font-weight:bold; padding-right:0.5em; } .

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: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;} .relatedtopics notification-important{border-left:solid 4px #b6babd#ffa406;background:#eaecf0;

                padding-bottom: 40px;

            

} .relatedtopics h2 { color: #868585; margin-top: 5px; }

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