MediaWiki:Common.css

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

#main {padding-bottom:1em;}
/*ordered lists */
article ol ol {list-style-type: lower-alpha;}

/*hide spans from templates in TOC text
.toctext span {display:none!important}*/
.thumbborder {border:1px solid #d3d5da}
/*Standard content table bg color */
table.contenttable thead tr, table.contenttable th {background-color: #e9e9ee; vertical-align:top}
table.contenttable td {vertical-align:top}
.mw-body-content td h2, .mw-body-content td h3 {font-size:1.1em!important; margin-top:0.5em}
/*Wikitext Referenz*/
.page-Handbuch_Wikitext_Wikitext_Referenz .mw-editsection {display:none}
/*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;}

/*pdf noexport without highlighting*/
.bs-universalexport-exportexclude {
    background-color:transparent;}
/* bootstrap icons in blue and big */
.bi-big {font-size: 2rem; color: #2b80ea}



#data-after-content {display: none;}
table {font-size: var(--content-font-size);}
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {padding: 0.8em 0.4em;}
span.newicon::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; 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: #6f6e6e;
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;}

/*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
#mw-content-text .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;}

/** Cards **/
.cards {display:flex; flex-wrap:wrap;  justify-content: space-between; gap:20px}
.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}
#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: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%; }
}


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


/*HP Aktuelles */
#aktuelles {background: rgba(201, 224, 143, .3); padding:10px; margin:20px 0}
#aktuelles a {color:#24527F;}
#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}
#aktuelles  [class^="bi-"]::before, #aktuelles [class*=" bi-"]::before {
  vertical-align: -0.125em;
}

/*Training Handout */
body.traininghandout {font-family:"Helvetica","Arial", "sans-serif";margin-right:1cm; margin-top:1cm;}
.traininghandout .toc  {border:0;}
.traininghandout h1 {visibility:hidden;}
.traininghandout h2, .traininghandout h3, .traininghandout h4 {font-family:"Helvetica","Arial", "sans-serif";}
.traininghandout p {font-size:8pt;}
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;}

/*sample table designs */
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:#747474; color:#FFF;}
.twhite td {background-color:#FFF;}

.tgrey th {background-color:#ACB1CF; color:#FFF;}
.tgrey td {background-color:#E6E7EB}

/** cropped image **/
img.responsive {width:100%;height:auto;}
.crop { max-height: 50px; overflow: hidden; }

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

.mediawiki .bi-arrow-right-circle::before {vertical-align: -0.1em!important}

/* 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, .mw-body-content .sectionflex > div h2 {margin:0 0 1em 0!important; font-size:1.3em!important}
.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-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}

/*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 30px 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 {
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, #content #bodyContent .slideBoxes li {
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;}
/* printstyles for presentation slides note- PDF export not working well, therefore use browser print function*/


/*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 ul, .bs ul {margin:0}
#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;} 
/*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.correct{background-color:#8ed27d!important;}
.quiz .margin.NA{background-color:#337ecc!important;}
.quiz .margin.incorrect{background-color:#ff5c64!important;}
.quiz .question .border.correct{border-color:#8ed27d!important;}
.quiz .question .border.NA{border-color:#337ecc!important;}
.quiz .question .border.incorrect{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.incorrect{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;}




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

/*quick search */
.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary .bs-extendedsearch-autocomplete-popup-primary-item {
    padding: 5px 5px 5px 8px;
    position: relative;
    cursor: pointer;
}

.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
    font-size: 15px;}

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

.bs-extendedsearch-autocomplete-popup .bs-extendedsearch-autocomplete-popup-primary {
    font-size: 0.95rem;}
.bs-extendedsearch-result-original-title label {font-size:0.8rem;}

/*Fußnoten-Kommentare*/
.gewa-cite-backlink .reference-text {
	display: inline-block;
	white-space: nowrap;
	width: 10em;
	height: 1.4em;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
}
.gewa-cite-backlink.show .reference-text {
	width: auto;
	overflow: visible;
}
.gewa-cite-backlink-btn {
	font-size: 0.8em;
	padding: 0 2em;
	cursor: pointer;
}


	
	
/*Tabs  */
.tab{
  position:relative;
}

.tab li{
  float:left;
  overflow:hidden;
  list-style-type: none;
  display: block;
  margin-right:10px;
  left:10px;
  cursor: pointer;
  position: relative;
  color: WHITE;
  background: #e7e7e7;  


}

.tab li a{
  display:block;
  text-decoration: none;
  color:white;
  padding:6px 14px;
}

.tab section{
  z-index:0;
  width:100%;
  padding:5px 20px;
  position: absolute;
  top:36px;
  background: white;
  border:1px solid #e7e7e7;
  border-top: 1px solid #a2a2a2;
}

.tab section:first-child{
  z-index:1;
}

.tab li:hover{
  background-color:#efefef;
}

.tab section:target{
  z-index:2;
  margin:0;
}

.tab section + li{
    border-bottom:2px solid #e7e7e7;
}

.tab section:target + li {

  background-color:#efefef;
  border-bottom:1px solid #a2a2a2;

}

/*dpl column layout - avoid header orphans */
.mw-category-group h3 {break-after:avoid}
.mw-category-group h3 {margin:0 0 0.3em; border-bottom:1px solid #e2e2e2}
.mw-category-group ul {margin-bottom:2em}

/*Galerie Beispiele */
#mw-content-text .slides img {max-width:650px; border:1px solid #ddd; box-shadow:5px 5px 10px #ddd}


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

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

/*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;
}
.bs-tag-bs_statistics_progress { overflow:hidden;}
/*popup infobox on droplets page */
.tippy-popper {z-index:1000!important;}

/*embed video overlay*/
.embedvideo-overlay {position:static}

#maintopics h2 span::before {
    margin-left: -6px;
    margin-right: 6px;
}

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

Cascading Style Sheets. Eine Computersprache für die Gestaltung digitaler, vorwiegend webbasierter Dokumente.

Formatierungssprache für Wikiseiten. Der Wikitext kann im Quelltextmodus angesehen und bearbeitet werden.

Protokoll zur Verschlüsselung und Authentifizierung der Kommunikation zwischen Webserver und Browser im World Wide Web.