Last edited one day ago
by Redaktion

Common.css

Revision as of 09:08, 7 January 2026 by Redaktion (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, 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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*WCAG 1.4.3 discernable links*/
.mw-body-content a:not([class*='oo-ui-']),
[class^='mw-content-'] a:not([class*='oo-ui-']) {
	text-decoration: underline dotted;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
	text-decoration-color: grey
}

/* BS5 */
/*Softwarekatalog*/
table.casablanca.swc tbody tr,
table.casablanca.swc th {
	color: #333
}

table.casablanca.swc thead tr,
table.casablanca tbody th.swc {
	background: #e9e9ee
}

a.pdfcreator-export {
	background: #efefef;
	padding: 10px;
	border-radius: 6px;
	float: right;
	font-weight: bold;
}

a.pdfcreator-export:before {
	font-family: 'bootstrap-icons';
	content: '\F1B9';
	vertical-align: -0.3em;
	padding-right: 0.5em;
}

/*move hf-footer closer to the bottom of the page by adjusting necessary margins */
#main {
	padding-bottom: 1em;
}

/*ordered lists */
article ol ol {
	list-style-type: lower-alpha;
}

.hf-nsfooter {
	margin-top: 3em;
}

.thumbborder {
	border: 1px solid #d3d5da
}

/*TOC
#content .toc {width:100%; background:#f1f3f9; font-size:1em}
#content .toc li {padding:3px;}
#content .toc  li:hover {background:white; outline-bottom:1px solid #f1f3f9; }
#content .toctitle {text-align:left; border-bottom:2px solid #fff; padding:2px}
*/
/*external Video thumbs*/
.youtubelink div.thumbinner {
	border: 1px solid #d5d5d5;
	background-color: #f1f3f9;
	border-radius: 8px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(207, 207, 207, 1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(207, 207, 207, 1);
	box-shadow: 3px 3px 3px 0px rgba(207, 207, 207, 1);
}

.youtubelink .thumbcaption {
	font-weight: bold;
	margin-top: 8px
}

.youtubelink a.external {
	padding-top: 2px;
	display: inline-block;
}

a.external,
.link-mailto,
.link-ftp,
.link-irc,
.link-audio,
.link-video,
.link-document {
	padding-right: 13px !important
}

figcaption a {
	padding-left: 0 !important;
}

/*Standard content table bg color */
table.contenttable thead tr,
table.contenttable th {
	background-color: #e9e9ee;
	vertical-align: top
}

table.contenttable td {
	vertical-align: top
}


/*pdf noexport without highlighting*/
.bs-universalexport-exportexclude {
	background-color: transparent;
	border: none;
}

/*Discussions and attachments currently not in use in the helpdesk, therfore hiding for no */
.icon-bluespice-logo:before {
	font-family: 'icomoon' !important;
	content: "\e910";
}

/*hide spans from templates in TOC text
.toctext span {display:none!important}*/

/* bootstrap icons in blue and big */
.bi-big,
.fa-big {
	font-size: 2rem;
	color: #2b80ea;

}

/*images in a list*/
#content li figure,
#content li .floatnone,
#content li img:first-child,
#content li .thumb,
content li .thumb img:first-child {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#content li.ve-ce-branchNode .thumb img:first-child,
#content li.ve-ce-branchNode figure img:first-child,
#content li.ve-ce-branchNode img.ve-ce-chimera {
	margin-top: 0;
}

#content li .thumb {
	margin-bottom: 0
}


#data-after-content {
	display: none;
}

.wikitable>tr>th,
.wikitable>tr>td,
.wikitable>*>tr>th,
.wikitable>*>tr>td {
	padding: 0.8em 0.4em;
}

span.newicon {
	vertical-align: super;
	background: #64b334;
	margin-left: 3px;
	font-size: 0.8em;
	padding: 1px 4px 2px 4px;
	border-radius: 50%;
	color: #ffffff;
}

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

.center>div.thumb {
	margin-top: 2em
}

#content .toctitle h2 {
	margin-right: 1em;
	display: inline;
	font-size: 1.4rem;
}

.qtip {
	font-size: 1em;
	line-height: 1.4em;
}

/*Related links */
h2#relatedinfo {
	border-left: solid 4px #d8d8d9;
	background: #f1f3f9;
	color: #868585;
	margin-top: 3rem;
	margin-bottom: 0 !important;
	padding: 20px 10px 2px 30px;
}

.relatedtopics {
	display: flex;
	flex-wrap: wrap;
	border-left: solid 4px #d8d8d9;
	background: #f1f3f9;
	padding: 2em !important;
	margin: 0 !important;
}

.relatedtopics .col {
	flex-basis: 50%;
	flex-grow: 1;
	flex-shrink: 1;
}

/*Themen*/
.flexbox.themenhd div {
	background: #fff;
	border: 1px solid #d8d8d9;
	padding: 10px 20px;
	flex-basis: 24%;
	text-align: left
}

.flexbox.themenhd div [class*=" bi-"]::before {
	font-size: 1.6em;
	vertical-align: middle;
	background-color: #fff;
	padding: 6px;
	border-radius: 50%;
}

.flexbox.themenhd div [class*=" bi-"]::before {
	font-size: 2em;
	vertical-align: middle;
	background-color: #f1f3f9;
	padding: 10px;
}

.themenhd div a {
	display: block
}

.themenhd div:hover {
	background: rgb(233, 233, 238, 0.5)
}

ul.smw-format.ul-format.alltopics-col {
	column-count: 3;
}

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

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

.nextstep a:not(.new)::after,
.nextstep a:link:not(.new)::after {
	content: " \25B6";
}

/*Main page*/
.flexbox-portal div>h2 span::before {
	vertical-align: text-bottom;
	size: 1.1em;
}

.mw-parser-output .flexbox-portal.col3>div:nth-child(3n) {
	margin-right: 0 !important
}

#maintopics ul {
	list-style: none !important;
}

#maintopics li {
	padding-bottom: 0.6em !important;
	margin-left: 12px !important;
}

#mpbanner {
	margin-top: -55px;
	background: #fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat;
	background-size: 1000px 122px;
}

h1#mpbanner-byline {
	font-size: 1.8em;
	color: #3e5389;
	line-height: 1em;
	padding-top: 20px;
}

#mpbanner-title {
	font-size: 3.4rem;
	color: #3e5389;
	line-height: 1.2em;
	font-weight: 900;
	letter-spacing: 1px;
	display: block
}

#maintopics h2 span::before {
	vertical-align: text-bottom;
	padding-bottom: 2px;
}

/** Template downloads **/
.cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px
}

.cards>div {
	margin-left: 5px;
	margin-right: 5px;
	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 6px 8px rgba(0, 0, 0, .10), 0 10px 10px rgba(0, 0, 0, .10);
}

.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 h2 .mw-editsection {
	display: none
}

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

@media only screen and (max-width: 768px) {
	.cards>div {
		flex-basis: 98%;
	}

	.cards .screenshot {
		width: auto;
		text-align: center
	}

}

.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 {
	color: #ffffff !important;
}

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

.oo-ui-panelLayout-framed {
	border: 0;
}

.oo-ui-tabSelectWidget-framed {
	border-bottom: 1px solid #d3d5da;
}


/*HP Aktuelles */
#aktuelles {
	background: rgba(201, 224, 143, .3);
	padding: 10px;
	margin: 20px 0
}

#aktuelles h2::before {
	font-family: 'fontawesome';
	font-size: 0.8em;
	content: '\f02e';
	color: #64b334;
	margin-right: 10px
}

#aktuelles h2 {
	margin: 8px 0 8px 24px;
	color: #454545;
	font-size: 1.4em;
	border-bottom: none;
}

#aktuelles table {
	margin: 0 8px 15px 37px
}

#aktuelles td {
	padding: 3px 10px
}


table.padded td,
table.padded th {
	padding: 8px
}

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

/*Feature-Boxen auf HP */
.sectionflex .featurebox {
	padding: 0 !important
}

#mw-content-text .sectionflex .featurebox h2 {
	border: 0;
	margin-bottom: 0 !important
}

.featurebox a {
	color: #444 !important;
	display: block;
	padding: 4px
}

.featurebox a:hover {
	text-decoration: none !important
}

.featurebox:focus,
.featurebox:hover {
	background: #fafafa;
	border: 1px solid #d4d4da !important
}

#bodyContent .featurebox .sectionanchors-button {
	display: none !important
}

.featurebox span[class*=fas] {
	margin-bottom: 0.5em
}

.featurebox .mw-headline-number {
	display: none
}

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

.bi {
	display: inline-block;
	vertical-align: -0.125em;
}

/* Styles for section cards */
.sectionflex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px
}

.sectionflex.col1>div {
	flex-basis: 100%;
	padding: 10px 20px;
}

.sectionflex.col2>div {
	flex-basis: 48%;
	padding: 10px 20px;
}

.sectionflex.col3>div {
	flex-basis: 32%;
	padding: 10px 20px;
}

.sectionflex.col4>div {
	flex-basis: 23%;
	padding: 10px 20px;
}

.sectionflex>div.empty {
	border: none;
	background: none
}

#mw-content-text .sectionflex>div h2 {
	margin: 0 0 1em 0;
	font-size: 1.3em
}

#mw-content-text .sectionflex>div h3 {
	margin: 0 0 1em;
	font-size: 1.2em
}

.sectionflex.frame>div {
	border: 1px solid #e7e7e7
}

.sectionflex.background>div {
	background: #f1f3f9
}

.sectionflex .ve-ce-branchNode-slug,
.sectionflex span.mw-editsection {
	display: none
}

.sectionflex.linked a {
	display: block
}

.sectionflex.centered>div {
	text-align: center;
}

/*Feature-Box auf HP*/
.sectionflex .featurebox {
	padding: 0 !important
}

#mw-content-text .sectionflex .featurebox h2 {
	border: 0;
	margin-bottom: 0 !important
}

.featurebox a {
	color: #444 !important;
	display: block;
	padding: 4px
}

.featurebox a:hover {
	text-decoration: none !important
}

.featurebox:focus,
.featurebox:hover {
	background: #fafafa;
	border: 1px solid #d4d4da !important
}

#bodyContent .featurebox .sectionanchors-button {
	display: none !important
}

.featurebox span[class*=fas] {
	margin-bottom: 0.5em
}

/*Themen*/
.sectionflex.themenhd div [class*=" bi-"]::before {
	font-size: 1.6em;
	vertical-align: middle;
	padding: 6px;
	border-radius: 50%;
}

.sectionflex.themenhd div [class*=" bi-"]::before {
	font-size: 2em;
	vertical-align: middle;
	background-color: #f1f3f9;
	padding: 10px;
}

.sectionflex.themenhd.background div [class*=" bi-"]::before {
	font-size: 2em;
	vertical-align: middle;
	background-color: #fff;
	padding: 10px;
}

.themenhd div a {
	display: block
}

.themenhd div:hover {
	background: rgb(233, 233, 238, 0.5)
}

ul.smw-format.ul-format.alltopics-col {
	column-count: 3;
}

@media (max-width: 767px) {

	.sectionflex.col2>div,
	.sectionflex.col3>div {
		flex-basis: 100%;
		margin-top: 2em
	}
}

/*Präsentationen*/
* {
	-webkit-print-color-adjust: exact !important;
	/* Chrome, Safari */
	color-adjust: exact !important;
	/*Firefox*/
}

.bs-data-after-content,
.mw-lingo-tooltip {
	display: none
}

.slideNav {
	font-size: 1rem
}

.slideNext::after {
	font-family: "fontawesome";
	content: "\f061";
	color: blue;
	margin-left: 5px;
}

.slidePrevious::before {
	font-family: "fontawesome";
	content: "\f060";
	color: blue;
	margin-right: 5px;
}

.slideHd h1 {
	border-bottom: 1px solid #e5e5e5;
}

.main-footer {
	display: none;
}

.slideBoxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

.slideBoxes>div {
	width: 45%;
	color: #242424;
	background-color: #f2f2f2;
	border-radius: 20px;
	padding: 4px 30px;
	margin: 15px;
	justify-content: center;
}

.slideBoxes>div.empty {
	background: none;
}

.slideBoxes.hdOnly>div.haslink {
	transition: all .3s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
}

.slideBoxes.hdOnly>div.haslink:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);
}

.slideBoxes.hdOnly>div {
	padding: 10px;
}

.slideBoxes.col3>div {
	width: 30%;
}

.slideBoxes.col1>div {
	width: 90%;
}

#content #bodyContent .slideBoxes h2 {
	font-size: 1.375rem;
	border-bottom: 0px;
	padding-bottom: 0;
	margin-top: 10px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #242424;
	position: relative;
}

#content #bodyContent #mw-content-text .slideBoxes h2 {
	padding-left: 68px;
	display: block;
	min-height: 2em;
}

#content #bodyContent #mw-content-text .slideBoxes.noicon h2 {
	padding-left: 0;
}

#content #bodyContent #mw-content-text .slideBoxes h2 a {
	color: #242424 !important;
}

#content #bodyContent .slideBoxes p {
	margin-top: 0.5em;
	font-size: 1.2em;
}

.slideBoxes .fas,
.slideBoxes .fab,
.slideBoxes .fa {
	margin-right: 20px;
	vertical-align: sub;
	font-size: 1.7em;
	margin-left: -56px;
}

.slidetext,
.slidetext p,
.slidetext div,
.slidetext h3 {
	font-size: 1.3rem;
}

#slidecollection {
	width: 100%;
}

#slidecollection .slideNav {
	display: none;
}

#slidecollection .slide {
	padding-top: 30px;
	background: url('https://de.wiki.bluespice.com/w/nsfr_img_auth.php/6/60/BlueSpice_Logo_v2020-steel-150.png')top right no-repeat !important;
	background-size: 50px;
}

.collapsers h2 {
	background: #e7e7e7;
	border: 0;
	padding: 10px;
	color: #333
}

/*Referenz Seiten */
.extension-infobox {
	width: 25em;
	font-size: 90%;
	background-color: #f1f3f9;
	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: #2e6096;
	padding: 8px;
	color: #ffffff;
}

.extension-infobox-headertext {
	font-size: larger;
	color: #FFFFFF;
}

.extension-infobox-description {
	font-weight: normal !important;
	text-align: left;
	background-color: #f1f3f9;
	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;
}

.extension-infobox.fullwidth {
	width: 100%;
	float: none;
	font-size: 1em;
	margin-left: 0;
}

.extension-infobox.fullwidth th {
	text-align: right;
}

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

#content #bodyContent #importdata h3 {
	margin: 1em 0 1.4em;
}

#importdata .flexbox {
	justify-content: space-between;
	margin-top: 2em;
}

#mw-content-text #importdata .flexbox h3,
[class^="mw-content-"] #importdata .flexbox h3 {
	background: #d8d8d9;
	margin: 0 0 12px 0;
	padding: 8px;
	font-size: 1em !important;
	font-weight: bold
}

#importdata .mw li {
	margin-left: 0;
	list-style-type: none;
	padding-left: 30px;
	background: no-repeat left 1px top 3px / 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 2px top 4px / 15px url('/w/nsfr_img_auth.php/c/c4/Bluespice_Icon.svg');
}

#importdata .flexbox div {
	background: #f1f3f9;
	text-align: left;
	margin: 0;
	flex-basis: 33%;
	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;
}


/*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 .toc li {
	margin-bottom: 0.1em;
}

/* Icon in boxes on reference pages */
.questionmark-icon::before {
	content: '\f059';
	font-family: 'fontawesome';
	color: #6f6969;
	vertical-align: -0.1em;
}


/*Quick Search */
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup {
	overflow-y: scroll;
	max-height: 750px
}

.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-item {
	background: #f1f3f9;
	margin: 0 10px 6px 0;
	border-radius: 4px;
}

#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item:hover {
	background: #fff
}

.oo-ui-icon-articleRedirect {
	background-size: 80%
}

.bs-extendedsearch-autocomplete-popup-item-header-redirect a {
	width: 85% !important;
	font-size: 0.9em
}

/*Accessibility form*/
div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body>.oo-ui-fieldLayout-header {
	width: 12em !important;
	text-align: right;
	padding-right: 0 !important;
	border-bottom: 1px solid #d0cece
}

div[data-form="Pagedraft:AccessibilityReport"] .oo-ui-fieldLayout-body>.oo-ui-fieldLayout-field {
	width: 40em !important
}


/*popImg template */


.tippy-content-container .thumbinner a>img {
	width: 100%;
}


/*Number footnotes separately */
#mw-content-text .references ::marker {
	content: " ";
}

#mw-content-text ol.references {
	counter-reset: ref;
	list-style-type: none;
}

#mw-content-text ol.references li:before {
	counter-increment: ref;
	content: counter(ref) ". ";
	float: left;
	margin-right: 1em;
}

#mw-content-text ol>li li {
	margin-left: -0.3em;
}


.tabs {

	list-style-type: none;
	margin: 0 !important;
	border-bottom: 1px solid #e9e9ee;
}

.tabs li {
	display: inline-block;
	font-size: 1em;
	font-weight: bold;
	padding: 11px 20px;
	border-radius: 4px 4px 0 0;
	border: 1px solid #e9e9ee;
	border-bottom: 0;
	margin: 0
}

.tabs li:hover {
	background: #f2f3f9;
}

.tabs li.current {
	background: #f2f3f9;
	border: none;
	padding: 10px 20px;
}

.cards.startpages {
	gap: 28px
}

.cards.startpages div {
	width: 350px;
}

.cards.startpages .screenshot {
	width: 100%;
	height: 420px
}

/*page forms*/
#pfForm .createboxInput,
#pfForm input {
	width: auto;
}


/*Quick Search */

.bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary {
	font-size: 1em;
	width: 100%;
	padding-bottom: 5px;
	text-align: left;
	overflow: hidden;
	border-bottom: 10px solid #f1f3f9;
	border-top: 0
}

/*.bs-extendedsearch-autocomplete-popup.compact .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item  {
    padding: 6px;
    height: fit-content;
    max-height: unset!important;    
    background:#f1f3f9;
    margin:3px;
}*/
#bs-extendedsearch-box .bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item .bs-extendedsearch-autocomplete-popup-primary-item-header {
	width: 100%;
	color: #444;
	font-size: 1.1em;
}

.bs-extendedsearch-result-original-title {
	font-size: 0.85em
}


/*temporary language switcher*/
.ddlistwrapper {
	display: inline-block;
	padding: 8px 10px 4px 10px !important;
	text-align: right;
	background: #f1f3f9;
	vertical-align: middle;
	float: right
}

.ddlist .dropdown-menu {
	left: 2px !important;
}

/*table type Content*/
table.contenttable thead tr,
table.contenttable th {
	background-color: #f1f3f9;
	border: 1px solid #d3d5da;
	font-weight: 400;
}

/*Glossar als Tabelle formatieren */

#glossar h2 {
	font-size: 1.4em;
	margin: 0
}

#glossar dl {
	border: 1px solid #d8d8d9;
	display: grid;
	grid-template-columns: 200px 1fr;
}

#glossar dt,
#glossar dd {
	border-bottom: 1px solid #aeaeae;
	padding: 8px;
	margin: 0;
}

#glossar dt:last-of-type,
#glossar dd:last-of-type {
	border-bottom: none;
}

#glossar dt {
	font-weight: bold;
}

#glossar dd {
	border-left: 1px solid #aeaeae;
	margin-left: 0;
}

/* TOC auf der Glossar-Seite als Sprunglinks anzeigen.*/

.page-Glossar .tocnumber {
	display: none
}

/*hide numbering if set*/
.page-Glossar .toctext {
	padding-left: 10px;
}

/*adds left-padding if no numbers are shown*/
.page-Glossar .toctitle {
	display: none
}

/*hide title if set*/
.page-Glossar #toc {
	background: #efefef
}

.page-Glossar ul>li.toclevel-1 {
	display: inline-block
}

.page-Glossar ul ul {
	display: none
}

.page-Glossar ul>li.toclevel-1:after {
	content: '|';
	padding-left: 10px
}

.page-Glossar ul>li.toclevel-1:last-child:after {
	content: '';
	padding-left: 10px
}

.page-Glossar .toc {
	width: 100%;
}

.bs-extendedsearch-result-container.redirect {
	display: none;
}

#content .toc {
	margin-top: 1em
}

#mw-content-text li {
	margin-top: 0.6em;
	margin-bottom: 1em
}

#content .toc {
	margin-top: 1em
}

#content .toc li {
	margin-top: 0.2em;
	margin-bottom: 0.4em
}


/*Hompeage BS5*/
.mpbs5 #mpbanner-title {
	color: #4b80eb
}

.mpbs5 h1#mpbanner-byline {
	color: #555
}

.mpbs5 #mpbsv {
	color: #4666cd
}

.mpbs5 #aktuelles {
	background: #5d80ec1a
}

.mpbs5 #aktuelles h2::before {
	color: #445389;
}

#startpage.mpbs5 .sectionflexcontainer>div h2 {
	padding: 20px 15px 5px 15px
}

.mpbs5 .section-featured h2 {
	font-size: 1.2em;
	margin: 0 0 1em 0;
	border-bottom: none;
	color: #555
}

.mpbs5 .sectionflexcontainer .bi::before {
	margin-right: 10px;
}

.mpbs5 .sectionflexcontainer>div {
	padding: 0 !important
}

.mpbs5 .sectionflexcontainer .content {
	padding: 20px
}

.mpbs5 .bghp {
	display: block;
	height: 150px;
	padding: 0;
	margin: 0;
}

.mpbs5 #bg-admins {
	background: url('/w/nsfr_img_auth.php/8/84/pexels-yankrukov-7693107.jpg') no-repeat;
	background-size: cover
}

.mpbs5 #bg-users {
	background: url('/w/nsfr_img_auth.php/c/cf/pexels-canvastudio-3277806.jpg') no-repeat;
	background-size: cover
}

.mpbs5 #bg-topics {
	background: url('/w/nsfr_img_auth.php/9/93/BlueSpice-MediaWiki_Solutions_Losungen.jpg') no-repeat;
	background-size: cover
}

.mpbs5 #bg-setup {
	background: url('/w/nsfr_img_auth.php/b/b4/pexels-djordje-petrovic-590080-2102416.jpg') no-repeat;
	background-size: cover
}


/*Featurebox */
.sectionflexcontainer>div.featurebox h2 {
	font-size: 1.2em;
	border-bottom: none;
	margin: 0;
}

.mpbs5 .featurebox {
	border-radius: 8px;
	box-shadow: 0px 5px 12px -3px rgba(0, 0, 0, 0.1);
	padding: 0
}

#startpage.mpbs5 .sectionflexcontainer>div.featurebox h3 {
	padding: 0;
	margin: 0;
	font-size: 1.1em
}

#startpage.mpbs5 .sectionflexcontainer .featurebox {
	padding: 10px 10px 10px 50px !important;
	position: relative
}

.mpbs5 .featurebox:hover {
	border: 1px solid #747474 !important
}

.mpbs5 .featurebox.icon:before {
	Font-family: 'fontawesome', 'bootstrap-icons';
	position: absolute;
	left: 10px;
	top: 20%;
	font-size: 2.2em;
	color: #979797
}

.mpbs5 #bg-pagelinks:before {
	content: '\f0c1';
}

.mpbs5 #bg-translation:before {
	content: '\f0ac';
}

.mpbs5 #bg-bpmn:before {
	content: '\f0e8';
}

.mpbs5 #bg-pdfexport:before {
	content: '\f1c1';
}

.mpbs5 #bg-ai:before {
	content: '\f6b1';
	font-size: 2.4em
}

.mpbs5 #bg-blog:before {
	content: '\f075';
}

.mpbs5 #bg-collabpads:before {
	content: '\f0c0';
}

/* Hide PDF Exclude Tags*/
.hf-nsheader .pdfcreator-excludestart,
.hf-nsheader .pdfcreator-excludeend,
.hf-nsfooter .pdfcreator-excludestart,
.hf-nsfooter .pdfcreator-excludeend {
	display: none;
}

/*Stile für die Unterseitennavigation über Erweiterung HeaderFooter  */
.hf-navbox {
	background: #f2f3f9;
	padding: 1em;
	margin-bottom: 2em
}

.hf-subpages .subpagelist ul {
	margin-top: 1em;
	margin-bottom: 1em;
	column-count: 3
}

#mw-content-text .hf-subpages .subpagelist li {
	margin-top: 0
}

.hf-subpages .default {
	display: none;
	line-height: 0;
	overflow: hidden
}

/*avoid empty space if there are no subpages*/
.wcagnote {
	border: 1px solid #e9bb06;
	padding: 2px 6px;
	border-radius: 6px;
	background: #fffdeb;
}

/* See ERM45154 */
html {
	filter: none !important;
	color-scheme: light !important;
}

/*Lingo tooltip */
.qtip {
	font-size: 0.9em;
}
Retrieved from "https://en.wiki.bluespice.com/w/index.php?title=MediaWiki:Common.css&oldid=13679"