Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/*@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');*/

/*temporary language switcher*/
#languages {right:106px;}
.ddlistroot {display:flow-root; margin-top: -49px;margin-bottom:-40px;}
.ddlistwrapper {display:inline-block; padding:8px 10px 4px 10px!important; text-align:right; vertical-align:middle; float:right}
.ddlist .dropdown-menu {left: 2px!important;}
@media only screen and (max-width: 1400px) {
	#languages {right:65px;}
}

/*sorting icon in tables sometimes needs more padding on the right to not run into the text */
.mw-parser-output table.wikitable>tr>th, .mw-parser-output table.wikitable>tr>td, .mw-parser-output table.wikitable>*>tr>th, .mw-parser-output table.wikitable>*>tr>td {
    padding-right: 1em!important;
}
/*homepage iconnav top */
.imgcard.homepage   {justify-content:space-between; flex-wrap:nowrap;}
.imgcard.small.homepage > div {width:30%!important; outline:1px solid #e7e7e7; background:none}
.imgcard.homepage > div:hover {background:#f1f3f9}

/*Simple flex-container */

.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}
/*mw-ui-button link*/
.mw-ui-button.mw-ui-progressive a {color:#ffffff !important}

/*Main page*/
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; padding-bottom: 20px; background-size: 1000px 122px;}
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;}
#mpbanner-title {font-size:3.1em; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px;}
.mp  {font-size: 1.2em;line-height: 1.5em; margin: 12px 0;}
.badge {display: inline-block;min-width: 16px;padding: 6px 9px;border-radius: 5px;font-size: 16px;text-align: center;background: #2b80ea;
color: #fefefe;margin-left: 0; margin-right:6px}
.badge-hp {display: inline-block;min-width: 16px;padding: 2px 4px 2px 8px;border-radius: 5px;font-size: 16px;text-align: center;background: #fdc300;
color: #fefefe; margin-left: 0; margin-right:6px}
#use_cases [class*=" bi-"]::before {vertical-align: -0.2em;font-size: 1.1em;}

/*image-zooms*/
.screenshot {width: 100%; height: 200px;overflow: hidden;     margin:30px 15px;    max-width:94%}

/*Content nav*/
#mw-content-text  .navContainer {background: #f1f3f9;}
.navContainer .pageNext {float:right}
.navContainer::after {content: ""; display: block; clear: both;}
.navContainer .badge {padding: 4px;font-size: 12px;padding: 3px 7px;font-family:"helvetica"}
#content .navContainer .badge a, #content .navContainer .badge a:visited {color:white !important;}

.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}


/*Headertabs*/
#headertabs .oo-ui-panelLayout-framed {border:0;}
#headertabs .oo-ui-menuLayout-menu {border-bottom: 1px solid #d3d5da}

/*Global templates */
.infolink {float:right; display:inline; font-size: 14px;margin-left: 20px;}

/*Onboarding Form */
div[data-form="Onboarding"] .oo-ui-fieldLayout-header, div[data-form="Onboarding"] .forms-form-view-layout .view-label {width:20%!important; font-weight:bold}
div[data-form="Onboarding"] .oo-ui-fieldLayout .oo-ui-fieldLayout-field {width: 65% !important;}
div[data-form="Onboarding"] label.forms-section {background:#e9e9ee; padding:3px 12px}
div[data-form="Onboarding"]  .forms-form-edit-layout, div[data-form="Onboarding"]  .forms-form-view-layout  {padding:10px; border-bottom:1px solid #e9e9ee}
div[data-form="Onboarding"] .oo-ui-multioptionWidget-selected .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {background-color: #3366cc;border-color: #3366cc;}
.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {color: #444;}

/*evplayer right-alignment text wrap*/
div.embedvideo.ev_right {margin-left: 15px;}

/* Startseitenkasten mit Testseiten */
.testpages ul {list-style:none; margin:0; padding:0}

/*Behördennav topmargin */
div#behoerdennav {margin-top:-1.3em; margin-bottom:2.3em}

/*featurebox*/
.featurebox > span.link {display:inline-block; border:1px solid #e7e7e7; padding:10px; border-radius:8px; margin:10px}
.featurebox > span.link:focus, .demo > span.link:hover {border:1px solid #d8d8d9; background:#f1f3f9}

span.newmarker::after { content: 'neu!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%;
color:#ffffff;}


#behoerdennav .imgcard .fas:before {
    color: #747474
}
#behoerdennav .imgcard .fa:before, .mw-parser-output .imgcard .fas:before, .mw-parser-output .imgcard .bi:before {
    font-size: 1.6em;
}
#behoerdennav .imgcard {background:#f1f3f9; padding:12px; border-radius:0.375rem}
#behoerdennav .imgcard >div {background:white!important; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 2px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
#behoerdennav .imgcard >div:hover {box-shadow: rgba(50, 50, 93, 0.5) 0px 2px 5px -1px, rgba(0, 0, 0, 0.5) 0px 1px 3px -1px;}
#behoerdennav .imgcard a {color:black!important; letter-spacing:0.1px}
#behoerdennav .imgcard >div:hover  .fas:before, #behoerdennav .imgcard >div:focus .fas:before, #behoerdennav .imgcard  a.mw-selflink .fas:before  {color:#444!important}

.flexbox-portal div h2 span.hdicon i:before {color:#c9d0e4; font-size:1.4rem; margin-right:0.4rem; margin-left:-12px; vertical-align:-0.1rem}

.flexbox-portal .content {padding:20px}

.flexbox-portal .listicon ul {
  icon-space: 1.3em;
  list-style: none;
  padding: 0;
    margin-left:0
}

.flexbox-portal .listicon li {
  padding-left: 0
}

.flexbox-portal .listicon li:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: FontAwesome;
    color:#989898;
  display: inline-block;
  margin-left: 5px;
  width: 20px;
      font-size:0.5rem
}



.flexbox-portal {display: flex;	flex-direction: row;flex-wrap: wrap;justify-content: space-between;	align-items: stretch;align-content: stretch; gap:30px}


#use_cases .flexbox-portal div h2 {padding:20px 20px 0 20px}
#use_cases .flexbox-portal p {padding:20px}
.flexbox-portal h1 .mw-editsection, .flexbox-portal h2 .mw-editsection, .flexbox-portal h3 .mw-editsection, .flexbox-portal h4 .mw-editsection, .flexbox-portal h5 .mw-editsection, .flexbox-portal h6 .mw-editsection
{display:none;}


.eventtable td {padding:0.2rem; padding-right:0.5rem}