Common.css

Hinweis: Leeren Sie nach dem Speichern den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Extras → Internetspuren löschen … → Individuelle Auswahl → Den kompletten Cache löschen
/*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);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);
/*Nav neu*/
#n-Vorlagen-Download span::after {content:'neu!'; 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: '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 [class|="icon"]  {font-size: 3em; color: #2b80ea;}

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.bs-tag-bs_drawio {text-align:center;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.3;}
blockquote {font-size: 1.1em;}
table.contenttable-blue td, table.contenttable-blue tr, table.contenttable-darkblue td, table.contenttable-darkblue tr {
       padding: 10px;
}
#content #bodyContent h2, #content #bodyContent h3, #content #bodyContent h4, #content #bodyContent h5 {overflow:hidden;}
pre {margin:2em 0;}
hr {height: 1px;border: 0;color: #ddd;background-color: #ddd;}
#content #bodyContent .mw-parser-output > ul, #content #bodyContent .mw-parser-output > ol {
    margin-left: 2em;
}
#content #bodyContent ul > li:not(.ve-ce-branchNode), #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 rgb(174, 174, 174);
	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-bottom: 1rem;
}
#content #bodyContent .toc {
	background-color: #efefef;	
	margin: 0 0 3rem 0;
	border:0;
}
#content #bodyContent .narrowtoc	
{max-width: 600px;}
#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%;
}

#n-Adminhandbuch > i:nth-child(1)::before, #n-Adminhandbuch > i:nth-child(1)::before, #n-Benutzerhandbuch > i:nth-child(1)::before, #n-Einfuehrung-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;}
#content #bodyContent p {margin-top: 1rem;}
#content #bodyContent .infobox p {margin:0}
/*grey infobox with small font*/
#content #bodyContent .infobox-basic
 {
 	background:#efefef; 
     padding:15px; 
     font-size:0.8rem;
 }
#content #bodyContent .infobox-basic p, #content #bodyContent  [class^="mw-content-"] .infobox-basic ul > li, #content #bodyContent  [class^="mw-content-"] .infobox-basic ol > li {font-size:0.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;
}
/* 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;}
#content #bodyContent ol > li {
    margin-top: 1em;
    margin-bottom: 1em;
}
#content #bodyContent ol > li li{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.mw-parser-output .center .floatnone img, .center .thumb 
{    
	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: url('/w/nsfr_img_auth.php/7/71/Hinweis.jpg') 20px no-repeat;
    background-size: 60px 55px;
    padding: 10px 20px 10px 100px;
}

#content #bodyContent ul > li {
    margin-bottom: 0.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;
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;
}


/* Categories */
#content #bodyContent .cathd .floatleft {margin-right:10px;}
#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 */


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

@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;}
#content #bodyContent .simpleportal2-col {margin: 0 0 1rem 0;  flex-basis:100%;}
#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;}*/
#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,  .notification-Tipp {
border-left: solid 4px #f2c412;
background:#FFF5C9;
}
.notification-warning, .notification-Warnung {
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*/
#system404-error {text-align:center;}
#system404-error div.floatnone a.image img {padding:0; margin:0;}
#system404-error hr {
    margin-top: 0px;
    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:0.5rem;}

/***Custom TOC levels - Template TOC ***/
#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;} 
#content #bodyContent .toclimit-2 .toclevel-3, #content #bodyContent .toclimit-2 .toclevel-4,#content #bodyContent .toclimit-2 .toclevel-5 {display:none;}  
#content #bodyContent .toclimit-3 .toclevel-4, #content #bodyContent .toclimit-3 .toclevel-5 {display:none;}

/***Books ***/
.ns-3020 .bs-page-before-header, .ns-3020 .bs-page-categories,.ns-3020 .bs-page-edit,.ns-3020 .bs-page-info-element,  .ns-3020 [title ^= "UserManual:De:"], .ns-3020 .bs-data-after-content,
.ns-3020 #relatedinfo, .ns-3020 .relatedtopics, div[datarecord-id="1"], div[datarecord-id="3"]
{display:none;}
.ns-3020 #content #bodyContent a.new, .ns-3020 #content #bodyContent a:link.new, .ns-3020 #content #bodyContent a:link:link.new  {color:#333333;}


/*@media print {
@page {
  size: A4 landscape;
  margin: 1cm;
}
}*/
#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;
}

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

.mwe-popups-settings-icon {display:none;}

/** Portalseite 2-spaltig ***/
.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 {
	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: #f8f9fa; 
	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.1),0 1px 12px 0 rgba(0,0,0,0.01);}
.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;
}


/*Training Presentations 
#deckblattslides {background:url('/w/nsfr_img_auth.php/3016/1/1d/deckblattSlides.png') no-repeat fixed center; height:16cm;}

.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:22cm;}
.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;
}*/
#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  p, .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;}
.helpref, .traininghandout .helpref {border-left:8px solid #337ab7; padding:5px; margin-top:1cm; background: #f5f5f5;}
.helpref img, .traininghandout .helpref img {margin:0; padding:0;}
.tutorial {padding: 20px;margin-top: 1cm; background: #f5f5f5;font-size: 1.1em;}
.twocolgallery li.gallerybox {margin-right:30px;}
.traininghandout img.fullwidth {width:16cm !important;}
table.padded td {padding:8px;}/*extra padding in table cells*/
/* indicate training transclusions in edit mode */
section ~ div.training.ve-ce-branchNode {background: #fffde2;}
section ~ div.training.anwender.ve-ce-branchNode {background: #f8f9fa;}
section ~ div.training.redakteur.ve-ce-branchNode {background: #c5e8c9;}
section ~ div.training.maintainer.ve-ce-branchNode {background: #e0ecf8;}
section ~ div.training.semantic.ve-ce-branchNode {background: #fff0dd;}

/* previous next buttons */
.nextstep {display:inline-block; padding:6px; background: #36c; border-radius:2px; color:#ffffff; font-weight:bold;}
#mw-content-text .nextstep  a:not(.new), [class^="mw-content-"] .nextstep  a:not(.new), #mw-content-text .nextstep  a:link:not(.new), [class^="mw-content-"] .nextstep a:link:not(.new)   {color:#ffffff;font-weight:bold;}
.nextstep a:not(.new)::after, .nextstep a:link:not(.new)::after {content: "    \25B6"}
#mw-content-text .nextstep a:not(.new):hover,#mw-content-text .nextstep a:link:not(.new):hover, [class^="mw-content-"] .nextstep a:link:not(.new):hover {color:#efefef}


/* numbered steps */
.steps ol {
	counter-reset:li; /* Initiate a counter */
	padding-left:0; /* Remove the default left padding */
	margin:0;
}
.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: 0.5em 1em 1em 1em; /* Add some spacing around the content */
	list-style:none; /* Disable the normal item numbering */
	border-top:2px solid #d2d2d2;
	/*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;
}


/*Example SMW formatting */
table.mytable {
	width:100%; /*Breite der Infobox*/
	margin: 0 0 2em 0; /*Abstand vom Fließtext*/
	background-color: #f8f9fa; /*Hintergrundfarbe der Tabelle*/
	color: #222; /*Textfarbe*/
	border: 1px solid #a2a9b1; /*Umrandung*/
	border-collapse: collapse; /*Umrandung*/
}
table.mytable > tr > th, table.mytable > * > tr > th {
	background-color: white; /*Hintergrundfarbe der Beschriftungsspalte*/
	text-align: left; /*Textausrichtung der Beschriftungsspalte*/
	width:25%;/*Breite der Beschriftungsspalte*/
}
table.mytable > tr > td, table.mytable > * > tr > td {
	background-color: white; /*Hintergrundfarbe der Wertespalte*/
}
table.mytable > tr > th, table.mytable > tr > td, table.mytable > * > tr > th, table.mytable > * > tr > td {
	border: 1px solid #a2a9b1; /*Umrandung der Zellen*/
	padding: 10px; /*Zellenabstand innen*/
}
form.createbox table.formtable th {
	padding:10px 0; /*Abstand zwischen den Formularfeldern*/
}

/**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 4px;}
  
  
    
    #content #bodyContent .simpleportal2-col,#content #bodyContent .simpleportal2-col-last 
{padding:
10px;}
#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;
}
#content #bodyContent .simpleportal2-col .floatleft, #content #bodyContent .simpleportal2-col-last .floatleft {
    margin-right: 10px;
}

/* Vorlage SimplePortal2*/

.portal-bannerbox 
{background:#efefef;
 overflow: auto;
 width: 100%;
}
#content #bodyContent .portal-bannerbox {padding:20px; margin-bottom: 10px;}
#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;}
#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;}
#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 { padding: 10px; border: 1px solid #ccc;}
.page-Setup_Portal #content #bodyContent .simpleportal2-col-last { padding: 10px;}

.page-Help_categories #content #bodyContent .simpleportal2-col, .page-Helpdesk_Kategorien #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;
}

.thumbcaption {border-top: 1px solid #efefef;}

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

/* Attachments */
.bs-social-entity-attachment-wrapper {background: transparent;}
.bs-social-entity-content-attachments div.bs-social-entity-attachment-file a span:before {line-height: inherit;font-size: 80px; color: #606060;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-unknown a span::before  {font-family:fontawesome; content:"\f016"; color: #695f5c;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-pdf a span::before  {font-family:fontawesome; content:"\f1c1"; color: #e12025;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-excel a span::before {font-family:fontawesome; content:"\f1c3"; color:#1d8f50;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-pptx a span::before {font-family:fontawesome; content:"\f1c4"; color:#d04727;}
.bs-social-entity-content-attachments div.bs-social-entityattachment-word a span::before {font-family:fontawesome; content:"\f1c2"; color:#1565c0;}
.bs-social-entity-attachment-wrapper p.attachment-name, .bs-social-entity-content-attachments div a p, .bs-social-entity-content-attachments div span p {font-size:100% !important; word-break:break-word;}
.bs-social-entity-content-attachments div, .bs-social-entity-content-attachments div a, .bs-social-entity-content-attachments div span {color: #444 !important; background-color: #ffffff;}
.bs-social-entity-attachment-wrapper img {  border: 5px solid #766d6b;}
.bs-social-entity-content-attachments div a img, .bs-social-entity-content-attachments div span img {height: 80px;  width: 75px;margin-top: 16px;margin-bottom: 18px; border-radius: 5px;}
.bs-social-entity-content-attachments div a p, .bs-social-entity-content-attachments div span p { height:4em}

/*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,  table.wikitable.reference > tr > th, .importdata .wikitable.reference > * > tr > th {background-color: #eaecf0;text-align: left;padding:8px; border: 1px solid #ffffff}
#importdata  table.wikitable > tr > td, #importdata  table.wikitable > * > tr > td, #importdata  table.wikitable.reference > tr > td, #importdata  table.wikitable.reference > * > 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; 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;}
/*gallery */
#content #bodyContent .gallerytext p {font-size: 0.85rem; margin-top: 0 !important; font-weight: bold;}