/*****
* Dateiname: base.css
* Einsatz: www.base-search.net (statische Seiten)
* Abhaengigkeit: bootstrap.min.css
* Zweck: Zusaetzliche Anweisungen + Ueberschreiben von bootstrap.min.css
*****/

/* Damit die Schriften nicht doppelt geladen werden (auf Suchseiten UND auf den statischen Seiten) */
@import url('https://www.base-search.net/interface/themes/dc/css/NotoSans.css');

/*****
* Bildschirm-Layout fuer alle Browserfenstergroessen (spezielle Anweisungen weiter unten)
*****/


@media screen{
	
	/*****
	* Allgemeines
	*****/	

	/* Für einige Sprachen wie "Noto Sans JP" oder "Noto Sans CJK JP" (beide Japanisch) usw. bieten wir keinen Download an, da die Dateien zu groß sind. 
	Wir verweisen aber auf sie in "html, body", da sie bei den Usern installiert sein könnten. Ansosnten kommt ein Fallback-Systemfont zum Einsatz.   
	*/
	html,body {
	  min-height: 100%;
	  padding: 0;
	  margin: 0;
	  line-height: 1.6;
	  /*letter-spacing: 0.03em;*/
	  font-family: Noto Sans, Noto Sans Arabic, Noto Sans Hebrew, Noto Sans Devanagari, Noto Sans CJK JP, Noto Sans CJK KR, Noto Sans CJK SC, Noto Sans CJK TC, Noto Sans JP, Noto Sans KR, Noto Sans SC, 
	  Noto Sans TC, Noto Sans Bengali, Noto Sans Tamil, Noto Sans Thai, Noto Serif Armenian, Noto Serif Georgian, Arial, Helvetica, Liberation sans, DejaVu sans, sans-serif;
	}
		
	html{position:relative;min-width:320px;}	
	
	ul {
		list-style: none;
		margin:0;
		padding:0;
	}
	#wrapper {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}
	#wrapper > .container{background-color:#fff;}	
			
	.Highlight {font-weight: bold;}
	.bold {font-weight:bold !important;}
	.bold500 {font-weight:500 !important;}
	.bold600 {font-weight:600 !important;}
	.text-bottom-in-flex{align-self: flex-end;}
	.font13{font-size:13px !important;}
	.font14{font-size:14px !important;}
	.heading{color:#3970a4;font-size:15px;margin-bottom:25px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 4px solid #e8e8e8;background:linear-gradient(to top,#b6c828 4px,#b6c828 0) 1px 5px no-repeat;background-size:4px 14px;}
	.dashed-line{border-bottom:	1px dashed #ACACAC;}
	.text-warning,.text-info{font-weight: 600;text-align:center; padding-bottom:0px;}
	#editFavorit .form-abschnitt {background:#ececec; padding:0 5px 5px 5px;margin:10px 0;}
	small, .small {font-size: 13px;}
	#top a {color:#000;}	
	.loading, #loading {
	    margin: 7px 0 0 15px;
	    padding: 0px 0 0 20px;
	    width: 200px;
	    height: 30px;
	    float: left;
	    background: url(../images/loading.gif) no-repeat left 0px top 2px;
	    display: none;
	}	
	.sr-only {
	    clip: rect(1px, 1px, 1px, 1px);
	    position: absolute;
	    width: auto;
	    height: auto;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    border: 0;
	}	
	.border-grau {border: 1px solid #d7d7d7;}
	.abwehr {display:none !important;}

	/*****
	* Scrollleiste
	*****/	
	/* Works on Firefox */
	/* in Firefox soll die Scrollleiste grau sein, da sie in Windows 10 im aktiven Zustand nicht mehr gut aussieht */
	* {
	  scrollbar-width: thin;
	  scrollbar-color: #a2a2a2 #d7d7d7;
	}
	/* Works on Chrome, Edge, and Safari */
	*::-webkit-scrollbar {
	  width: 12px;
	}	
	*::-webkit-scrollbar-track {
	  background: #d7d7d7;
	}	
	*::-webkit-scrollbar-thumb {
	  background-color: #294F72;
	  border-radius: 20px;
	  border: 3px solid #d7d7d7;
	}
	
	/*****
	* Ueberschriften
	*****/	
	/*.panel-default .panel-heading h1, .panel-default .panel-heading h2 {*/
	h1, h2 {
		margin: 0;
		letter-spacing: 0.05em;
	}
	h3 {
		font-size:15px;
		margin: 0;
		letter-spacing: 0.05em;
		font-weight: 600;
		line-height: 1.6;
	}
	h4, h5 {
		margin: 0;
		font-size:15px;
		line-height: 1.6;
		font-weight: 700;
	}
	.panel-default .panel-heading h1, .panel-default .panel-heading h2 {
		display: inline;
	}	
	/*****
	* Links
	*****/		
	/*gepunktete Linie aus den Links beim Firefox entfernen*/	
	a {outline:none !important;}
	a.link1, a.nav-tabs {
		font-weight: 600;
	}
	a.link2 {
		color: #1A1C1D;
	}
	aside a, aside a:hover, aside a:focus, aside a:active {
		font-weight: 500; 
	}
	
	/*****
	* Icons
	*****/		
	.link-icon-pfeil {
	    background-image:url(../images/pfeil_gruen_rechts.png);
	    background-repeat:no-repeat;
	    background-position: left; 
	    padding:1px 0 1px 20px;
	}
	.fa, .fas {
		color: #3970a4;
		font-size: 1.05em;
	}
	.panel .fa, .panel .fas {
		color: #F59F00;
		font-size: 1.05em;
	}
	.first-panel.panel .fa, .first-panel.panel .fas {
		color: #3970a4;
		font-size: 1.05em;
	}
	.fa-caret-down, .fa-caret-up {
		font-size: 1.7em !important;
		line-height: 1 !important;
		vertical-align: -15%;
		letter-spacing: 0;
	}

	/*****
	* Raender, Abstaende 
	*****/
	
	/* Raender */	
	.margin-left0-5{margin-left:5px !important;}
	.margin-left1{margin-left:10px !important;}
	.margin-left-1{margin-left:-10px !important;}
	.margin-left-2{margin-left:-20px !important;}
	.margin-top{margin-top:0px !important;}
	.margin-top0-5{margin-top:5px !important;}
	.margin-top1{margin-top:10px !important;}
	.margin-top1-5{margin-top:15px !important;}
	.margin-top2{margin-top:20px !important;}
	.margin-top2-5{margin-top:25px !important;}
	.margin-top3{margin-top:30px !important;}
	.margin-top4{margin-top:40px !important;}
	.margin-top5{margin-top:50px !important;}
	.margin-top-1{margin-top:-10px !important;}
	.margin-top-2{margin-top:-20px !important;}
	.margin-right0-5{margin-right:5px !important;}
	.margin-right1{margin-right:10px !important;}
	.margin-right-1{margin-right:-10px !important;}
	.margin-right-1-5{margin-right:-15px !important;}
	.margin-bottom0{margin-bottom:0px !important;}
	.margin-bottom0-5{margin-bottom:5px !important;}
	.margin-bottom0-7{margin-bottom:7px !important;}
	.margin-bottom1{margin-bottom:10px !important;}
	.margin-bottom1-5{margin-bottom:15px !important;}
	.margin-bottom2{margin-bottom:20px !important;}
	.margin-bottom2-5{margin-bottom:25px !important;}
	.margin-bottom3{margin-bottom:30px !important;}
	.margin-bottom5{margin-bottom:50px !important;}
	.margin-bottom6{margin-bottom:60px !important;}
	.margin-bottom-1{margin-bottom:-10px !important;}
	.margin-bottom-0-8{margin-bottom:-8px !important;}
	
	/* Innenabstaende */
	.padding0{padding:0px !important;}
	.padding0-5{padding:5px !important;}
	.padding-right0{padding-right:0px !important;}
	.padding-right0-5{padding-right:5px !important;}
	.padding-right1{padding-right:10px !important;}
	.padding-left0{padding-left:0px !important;}
	.padding-left0-5{padding-left:5px !important;}
	.padding-left1{padding-left:10px !important;}
	.padding-left2{padding-left:20px !important;}
	.padding-top0-5{padding-top:5px !important;}
	.padding-top1{padding-top:10px !important;}
	.padding-bottom0{padding-bottom:0 !important;}
	.padding-bottom0-5{padding-bottom:5px !important;}
	.padding-bottom1{padding-bottom:10px !important;}
	
	/*****
	* Schriftfarben
	*****/	
	.font-weiss{color:#fff !important;}
	.font-hellgrau{color:#999999 !important;}	
	.font-orange{color:#AF560D !important;}
	.font-orange-icon{color:#F59F00 !important;}
	.font-gruen-icon{color:#B6C828 !important;}
	
	/*****
	* Hintergrundfarbe
	*****/	
	.hg-weiss{background:#fff !important;}
	.hg-hell-blau{background:#f6f8fd !important;}
		
	/*****
	* Tabellen
	*****/	
	/* th immer obenbuendig */
	.table {
		border: 1px solid #dfdfdf;
		background-color: #F1F3F9;
		margin: 0 0 15px 0;
	}
	.table thead th, .table tfoot th{color:#FFF;letter-spacing: 0.05em;vertical-align:top!important;font-weight: 600;background:#294F72;border-bottom: 3px solid #F59F00!important;border-left: 1px solid #294F72;border-right: 1px solid #294F72;}
	.table tfoot th{border-top: 3px solid #F59F00!important;border-bottom: none!important;}
	.table thead .fa, .table tfood .fa, .table thead .fas, .table tfoot .fas {color:#B4CA29 !important;}
	
	.td-center{text-align:center;}
	.table > tbody > tr:last-of-type {
		border-bottom: 1px solid #dfdfdf;
	}
	.first-panel .table {
		background-color: #f6f8fd;
	}
	#TabSources {
		font-size:14px;
	}
	#TabSources tbody a {
	    font-weight: 500;
	}
	#TabSources .table > thead, #TabSources .table > tfoot {
	    color: #aec12f;
	}
	#TabSources td {
    	padding: 2px;
	}
	#TabSources tbody {background: #FFF};
	.table a {
		font-weight: 500 !important;
	}

	#TabSources ul {
    	margin-bottom: 0px;
	}
	.TabSourcesUl {
		display: none;
		padding: 5px;
	}
	#TabSources .ContentProvider {
	    padding: 5px;
	}
	.border-right-grau {
	    border-right: 1px solid #dfdfdf;
	}
	
	/*****
	* Dropdown
	*****/		
	.dropdown-menu {
		min-width: auto;
	}
	.dropdown-menu > li > a{
		word-wrap: break-word;
		white-space: normal;	
		padding-left: 7px; 
	}
	.btn-dropdown {	
		padding-right: 32px;
		background: url(../images/pfeil_gruen_unten.png) no-repeat right 9px top 9px; /* fallback */
		background: url(../images/pfeil_gruen_unten.png) no-repeat right 9px top 9px, linear-gradient(to bottom, #fff 0, #e0e0e0 100%);
	}	
	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus {
		background: #f6f8fd;
	}		
	
	/*****
	* Header
	*****/
	/* Abstand zum Fensterrand oben */
	header{margin-top:15px;}
	#logged-as {font-weight: 500;}
	#langForm .dropdown-menu {
		right: 0;
		left: auto;
	}
	#langForm .btn-dropdown {	
		padding-left: 18px;
		padding-right: 40px;
		background: url(../images/pfeil_gruen_unten.png) no-repeat right 12px top 9px; /* fallback */
		background: url(../images/pfeil_gruen_unten.png) no-repeat right 12px top 9px, linear-gradient(to bottom, #fff 0, #e0e0e0 100%);		
	}

	/*****
	* Navigation oben
	*****/		
	/* kein Rahmen und Schatten bei der Top-Navigation */
	nav,.nav-tabs,.navbar-collapse{border:0 !important;}
	.navbar-default {background-image:none!important;box-shadow:none !important;}
	/* notwendig sonst, erscheint ein scrollbalken in sm*/
	#navbarTop a {
		font-weight: 500;
		letter-spacing: 0.05em;
	}	
	#navbarTop {min-height:40px;}
	#navbarTop .nav-tabs > li {margin-bottom: 0;}		
	.nav-tabs a{border:0 !important;}
	/* Mehrfarbige Linien in der Navigation */
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs a:hover, .nav-tabs a:active, .nav-tabs a:focus {
		color: #3970a4;
		background:linear-gradient(to top,#3970a4 3px,#b4ca29 0 8px,#fff 0);
	}
	.navbar-toggle{margin-left:15px;margin-top:10px;}
	#logo-row {min-height:56px;}	
	.navbar-default .navbar-toggle:hover {border-color:#ccc;background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%);}

	/*****
	* Hauptinhalt
	*****/	
	.text-box p {
    	margin: 0 0 15px 0;
	}
	.text-box ul {
	    margin-bottom: 15px;
	}
	#orcid-badge-1, #orcid-badge-2, #orcid-badge-3 {width:43px; float: left; margin-right: 25px;}
	.details-sources {
	    float: left;
	    width: 225px;
	}

	
	/*****
	* Footer
	*****/
	footer {background-color:#f4f4f4;color:#fff;letter-spacing: 0.03em;line-height: 1.42857143;}
	footer a, footer a:hover, footer a:focus {color:#fff;}
	footer h2 {padding: 3px 0 2px 0; font-weight:	bold; color: #fff;}
	footer .container {
		border-left: 15px solid #fff;
		border-right: 15px solid #fff;
		background-color:#294F72;
		padding-top: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	footer li{line-height:2!important;}		
	/* Logos einheitlich Breit im Footer */
	/*footer #logos-box {width:242px; background:#F00;}*/
	#logos-box {background:#fff; padding: 10px 0 15px 15px; width: 260px !important; margin-top:10px; margin-bottom:0; position:absolute;}
	footer #logo-uni-ub, footer #logo-orcid{width:220px; margin-bottom:5px;}
	footer #orcid-badge1, footer #orcid-badge2, footer #orcid-badge3{width:33px; margin-right:35px; float: left}
	footer #orcid-badge3 {margin-right:0px;}
	footer #badges-box {margin-left:20px; width:180px;}
	footer #copyright {margin-top:26px;}
	footer .orange-linie{
		background-color:#fff;
		border-top: 1px solid #F59F00;
		border-bottom: 4px solid #F59F00;
		height: 9px;
		margin-bottom: 25px;
	}
	footer ul {
		margin-top: 10px !important;
	}

	/*****
	* Formulare
	*****/	
	/*blauen Border aus Chrome entfernen*/
	input:focus,textarea:focus,
	.btn:focus,.btn:active:focus,.btn.active:focus,
	.btn.focus,.btn:active.focus,.btn.active.focus {
		outline: 0 !important;
	}	
	.small input[type="radio"], .small input[type="checkbox"],
	.font13 input[type="radio"], .font13 input[type="checkbox"] {
    	margin: 0.16em 0 0;
	}
	.font14 input[type="radio"], .font14 input[type="checkbox"] {
    	margin: 2px 0 0;	
	}
	select:focus {
		outline: #dfdfdf solid 1px;		
	}
	
	.btn {
		letter-spacing: inherit;
		font-size: 14px; /* wichtig! sonst probleme mit Padding in Chrom unter Linux */
		letter-spacing: 0.03em;
	}

	/* Textarea nicht in der Groesse veraenderbar */
	textarea{resize:none;}
		
	.input-lg {font-size: 15px;letter-spacing: inherit;}
	
	.radio, .checkbox {
		margin-top: 0;
		margin-bottom: 0;
	}
	.radio + .radio, 
	.checkbox + .checkbox {
   	 margin-top: 0;
	}
	.radio label, .checkbox label {
		padding-left: 15px;
		/*line-height: 1.333;*/
	}
	/* https://blog.kulturbanause.de/2015/03/formular-styling-mit-css-select-listen-radio-buttons-und-checkboxen-individuell-gestalten/ */
	
		label {
			font-weight: normal;
			margin-bottom:0px;
		}
		legend {
			font-weight: normal;
			margin-bottom:0px !important;
			font-size: 15px;
			border: none;
		}
		input {
		  -webkit-appearance: none;
		  -moz-appearance: none;
		  appearance: none;
		  border:none;
		  border-radius: 0;
		  width: 100%;
		} 
		
		/* graceful degradation for ie8 */
		input[type='checkbox'],
		input[type='radio'] {
		  width:auto;
		  float:left;
		  margin-right: .75em;
		  background:transparent;
		  border:none;
		}
	
		input[type='checkbox']:checked,
		input[type='checkbox']:not(:checked),
		input[type='radio']:checked,
		input[type='radio']:not(:checked) {
		        margin-left:-15px;
		}
		
		input[type='checkbox'] + label,
		input[type='radio'] + label,
		label input[type='checkbox'],
		label input[type='radio'] {
		  cursor: pointer;
		}

		.checked_checkbox,
		.checked_radio,
		input[type='checkbox']:checked  + label::before,
		input[type='radio']:checked  + label::before,
		label input[type='checkbox']:checked,
		label input[type='radio']:checked {
		  background: #5080ae !important;
		  border: 1px solid #5080ae !important;
		  box-shadow: inset 0 0 0 2px #fff !important;
		}	
	
		input[type='checkbox']:checked + label::before,
		input[type='checkbox']:not(:checked) + label::before,
		input[type='radio']:checked + label::before,
		input[type='radio']:not(:checked) + label::before,
		label input[type='checkbox']:checked,
		label input[type='checkbox']:not(:checked),
		label input[type='radio']:checked,
		label input[type='radio']:not(:checked)
		{
		    content:' ';
		    display:inline-block;
		    width: 13px;
		    height:13px;
		    position: relative;
		  /*  top:2px;*/
		    border: 1px solid #bbb;
		    background: white;
		    margin-right: 5px;
		    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1);
		}
		
		input[type=radio]:checked + label::before,
		input[type=radio]:not(:checked) + label::before,
		label input[type=radio]:checked,
		label input[type=radio]:not(:checked) {
		  border-radius: 30px;
		}
		
		input[type='checkbox']:hover  + label::before,
		input[type='radio']:hover  + label::before,
		label input[type='checkbox']:hover,
		label input[type='radio']:hover {
		  background:#c8c8c8;
		  box-shadow: inset 0 0 0 2px white;
		}	
	/* --- Ende der fremden Css zu Radio + Chackbox --- */ 
		
	select {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  width:100%;
	  border: 1px solid #c8c8c8;
	  background-color: #fff;
	  background-image:url(../images/pfeil_gruen_unten.png)!important;
	  background-position: right 9px top 7px!important;
	  background-repeat: no-repeat!important;
	  letter-spacing: inherit;
	  cursor: pointer;
	}
	select.input-sm {
		line-height: 1.5;
		-moz-padding-start: 7px !important; /* Firefox generiert einen Abstand linkx und rechts von 3px von Haus aus, daher abfangen */
		-moz-padding-end : 7px !important;		
	}	
	select.medium-select{
		width: auto!important;
		background-position: right 7px top 7px!important;
		padding: 0 29px 0 9px !important;
		-moz-padding-start: 6px !important; /* Firefox generiert einen Abstand linkx und rechts von 3px von Haus aus, daher abfangen */
		-moz-padding-end : 27px !important;
	}
	select.small-select{
		width: auto!important;
		background-position: right 7px top 3px!important;
		padding: 1px 29px 2px 9px !important;
		-moz-padding-start: 6px !important; /* Firefox generiert einen Abstand linkx und rechts von 3px von Haus aus, daher abfangen */
		-moz-padding-end : 27px !important;		
	}
	
	#langForm select {width:auto;min-width: 123px;padding-right:28px;-moz-padding-start:5px;text-align-last: center; text-align: center;background: url(../images/pfeil_gruen_unten.png) right 9px top 9px no-repeat,linear-gradient(to bottom, #fff 0, #e0e0e0 100%)!important;}
	#langForm select .btn-default:hover, #langForm select .btn-default:focus {background: url(../images/pfeil_gruen_unten.png) right 9px top 9px no-repeat,linear-gradient(to bottom, #f0f0f0 0, #e0e0e0 100%)!important;}
	
	/* hide browser-styling (arrow) in IE10 */
	select::-ms-expand {
	  display:none;
	}
	
	.lt-ie10 select {
	    background-image: none;
	}
	/* <- Für Firefox um eine dotted Linie entfernen aus dem select*/
	select:-moz-focusring {
	    color: transparent !important;
	    text-shadow: 0 0 0 #444 !important; 
	}
	option {text-shadow:none !important}
	option:not(:checked) {color:#444;}
	/* Für Firefox Ende -> 	*/
	
	.input-sm{
		padding: 5px 10px;
	}
	button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 25px;
	}
	#suggest-form{
		background: #f6f8fd;
		padding: 10px;
		font-size:14px;
		border-bottom: 1px solid #dfdfdf;
		border-top: 1px solid #dfdfdf;
	}
	#contact-form {
		background: #f6f8fd;
		padding: 10px;
		border-bottom: 1px solid #dfdfdf;
		border-top: 1px solid #dfdfdf;
	}
	#suggest-form a{	
		font-weight: 500;
	}
	#suggest-form .col-sm-3{
		padding-left: 5px;
		padding-right: 5px;
	}
	#suggest-form .col-sm-9{
		padding-left:5px;
	}
	.btn-right {
		height: 35px;
	}
	

	/*****
	* Listen
	*****/

	/*.text-box ul > li {
		width: 100%;
		padding: 2px 0 2px 19px;
	  	background-image:url(../images/dreieck_orange_8p.gif);
	  	background-position: left 0px top 10px;
	  	background-repeat: no-repeat;
	}
	.table ul > li {
	 	background-position: left 0px top 6px;
	}*/
	
	.text-box ul{
		list-style-type: none;
	}	
	.text-box ul > li {
		background-image: none;
		margin-left: 1.3em;
		padding: 2px 0 2px 0;
	}	
	.text-box li::before {
		font-family: "Font Awesome 5 Free";
	  	content: "\f101";
	  	display: inline-block;
	  	color: #F59F00;
	  	font-weight: 700;  	
	  	margin-left: -1.3em; 
	  	width: 1.3em;	
	  	float: left;  	
	}		

	ul.li-margin li{margin-bottom:15px;}
	ul.li-margin > li:last-of-type{padding-bottom:0;}	
	.text-box .pfeil ul > li, ul.pfeil > li {
		padding: 2px 0 2px 22px;
	  	background-image:url(../images/pfeil_gruen_rechts.png);
	  	background-position: left 0px top 7px;
	  	background-repeat: no-repeat;
	  	margin-left: 0;
	}
	.text-box .pfeil ul > li::before, 
	ul.pfeil > li::before,
	.text-box ol > li::before {
		content: '';
		margin-left: 0;
		width: auto;
	}

	aside ul.pfeil > li {
		padding: 5px 0 5px 22px;
	  	background-image:url(../images/pfeil_gruen_rechts.png);
	  	background-position: left 0px top 6px;
	  	background-repeat: no-repeat;
		line-height: 1.3;
	}	
	aside ul.pfeil > li:first-of-type{padding-top:0;background-position: left 0px top 1px;}
	aside ul.pfeil > li:last-of-type{padding-bottom:0;}	
		
	.text-box .pub_hitlist ul > li {
    	margin-bottom: 15px;
	}
	.text-box .pub_hitlist ul > li a:first-child {
    	font-weight: 600;
	}
	ul.pfeil2 {
	  counter-reset: section;   
	}
	ul.pfeil2 > li {
		background-image: none !important;
	} 
	.custom-counter ul.pfeil2 > li {
		word-break: break-all !important;
	} 
	.pfeil2 li::before {
	  font-family: "Font Awesome 5 Free" !important;
	  content: "\f0a9" !important;
	  font-weight: 700 !important;  	
	  display: inline-block !important;
	  width: 1.3em !important;
	  margin-left: -1.3em !important; 
	  color: #F59F00 !important;
	  font-size:17px !important;
	  background: inherit !important;
	  counter-increment: section;
	  padding-top:0 !important;
	  padding-bottom:0 !important;
	  margin-right: 3px;
	}
		
	ul.custom-counter,
	ul.custom-subcounter { 
		counter-reset: section;
		list-style-type: none;
		margin-left: 0.8em;
	}

	ul.custom-counter li,
	ul.custom-subcounter li { 
		background-image: none !important;
	}
	ul.custom-counter li::before { 
		font-family: inherit;
		counter-increment: section;
		content: counters(section,".") " ";
		width: 2em;
		margin-left: -2em; 
	  	background:	#294F72;	
	  	font-weight: 700;
	  	color:#fff;
	  	text-align: center;
	  	display:inline-block;
	  	height: 28px;
	  	float: left;
	}	
	.custom-counter-heading {
		background:#fff;
		border-top: 1px solid #294F72;	
		min-height: 28px;	
		padding-left: 10px;
		margin-bottom:15px;
	}
	ul.custom-subcounter li::before { 
		counter-increment: section;
		content: counters(section,".") " ";
		width: 2em;
		margin-left: -2em; 
	  	background:	#294F72;	
	  	font-weight: 700;
	  	color:#fff;
	  	text-align: center;
	  	display:inline-block;
	  	height: 23px;
	  	font-size:14px;	
	  	float: left;	
	}
	.custom-subcounter-heading {
		min-height: 20px;	
		padding-left: 10px;
		margin-bottom:15px;
	}
	
	#TabSources .dropdown-menu {
	    max-height: 250px;
	    overflow: auto;
	    overflow-x: auto;
	    overflow-x: hidden;
	    -ms-overflow-x: hidden;
	    width: 225px;
	    margin: -5px 0 0 0 !important;
		border-radius: 2px;
	}
	#TabSources ul.dropdown-menu {
		margin: 0;
	}
	#TabSources ul.dropdown-menu li::before { 
		content:'';
		width: 0;
	}
	#TabSources ul.dropdown-menu li a { 
		margin-left: -8px;
		padding: 2px 0 !important;
		line-height: 1 ;
		font-size: 14px;
		font-weight: normal !important;
		word-wrap: normal;
	}
	#TabSources .btn-dropdown{
		height:31px;
		overflow:hidden;
		padding-right:29px;
		text-overflow: ellipsis;
		/*background: url(../images/pfeil_gruen_unten.png) no-repeat right 12px top 7px, linear-gradient(to bottom, #fff 0, #e0e0e0 100%);*/
		background:  url(../images/pfeil_gruen_unten.png) no-repeat right 12px top 7px, #FFF;
		border-radius: 6px;
		letter-spacing: 0;
		line-height: 1;
	}
	#TabSources .input-sm {
		font-size: 14px;
		line-height: 1;
	}	
	#TabSources select {
		overflow:hidden;
		text-overflow: ellipsis;
		padding-right:25px !important;
	}
	#TabSources #list-types,
	#TabSources #list-systems{margin-left:23px !important;}

	
	/*****
	* Aside
	*****/
	
	/* Kein Schatten und Rahmen in Panels */
	aside {font-size:13px; margin-top:25px;line-height: 1.42857143;}
	aside, aside .btn  {
		font-weight: normal !important;
		letter-spacing: 0.05em;
	}
	aside h2 {font-size:14px;font-weight: 600;}
	aside .panel {margin-bottom:25px;}
	
	/*****
	* Panels
	*****/
	.panel{border:0;box-shadow:none!important;background:none;margin-bottom:35px;}	
	.text-box .first-panel.panel {margin-bottom:20px;}
	.text-box .first-panel.panel-default .panel-heading{color: #3970a4; font-size:17px;margin-bottom:3px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-top:none; border-left:none;border-right:none;border-bottom: 4px solid #e8e8e8;background:linear-gradient(to top,#b6c828 4px,#b6c828 0) 1px 5px no-repeat;background-size:4px 16px;line-height: 1.25;}	
	.text-box .panel-default .panel-heading {vertical-align: middle;padding-top:2px; padding-bottom:2px;background:#EBF0F9;border-bottom: 1px solid #dfdfdf;
		margin-bottom:2px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.text-box .panel-default .panel-heading h2 {font-size:15px !important;}
	.text-box .panel-default .panel-heading h2::before {
		font-family: "Font Awesome 5 Free";
	  	content: "\f7a5";
	  	color: #F59F00;	margin-right:5px;
	}
	.panel-body{background-color:#f6f8fd;margin-bottom:2px; border-bottom: 1px solid #dfdfdf;}
	.panel-default > .panel-footer{padding:0;}

	aside .panel-default .panel-heading {color: #fff; padding: 4px 10px 4px 10px; background: #294f72;border-bottom: 3px solid #F59F00; margin-bottom:0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
	aside .panel-body{padding-top:12px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;margin-bottom: 0;} 
	aside .panel-default .panel-footer{padding:0;margin:0;border:none;}
	
	
	.first-panel h1.panel-heading{
	    font-size: 22px;
	    background-size: 4px 20px;
	    display: block;
	}
	/*.first-panel:not(:last-child) {margin-bottom:0px;}*/
	.text-box .panel-body {
		/*background: none;*/
	}	
	.panel-default .panel-heading h2 {font-weight: 700 !important;}
	.panel .panel-body a {font-weight: 500;}
	.first-panel .panel-body {background:#fff; border:none;}
	.first-panel .panel-body a {font-weight: 400;}
	.text-box .panel:last-child{padding-bottom:0;}	

	/*****
	* iFrame for d3
	*****/	
	.d3{
		border:0;
		padding:0;
		width:870px;
		height:500px; 
		background: #fff;
		margin: -15px 0 40px 0;
	}	
	
	/*****
	* Pagination
	*****/
	.pagination {margin-top: 0;}
	.pagination img {
		height: 16px;
		margin-top: -2px;
	}
	.pagination li {
		padding: 0 !important;
	  	background-image:none !important;
	  	margin-left: 0!important;
	}
	.pagination li::before { content:''; float: none;};
		
	/*****
	* Sonstiges
	*****/	

}

/*****
* Media-Queries - Anweisungen fuer bestimmte Browserfenstergroessen
* ueberschreibt bzw. ergaenzt allgemeine Angaben oben / zusaetzliche Angaben
* 
* xs  = maximal 991px
* sm  = 992px -  1199px
* md  = 1200px - 1599px
* lg  = minimal 1600px
*****/

/* max-width 480px*/
@media screen and (max-width:480px){
	footer .container .col-xs-4 {width:100%;display:block;}
	footer ul {margin-bottom: 15px !important;}
	#wrapper > .container{min-height:auto !important;}
	footer{min-height:auto !important;margin-bottom:0 !important}
	#navbarTop ul li{clear:both !important;}
	#logged-as {display:none;}
}	

/* xs */
@media screen and (max-width:991px){	
	footer .container {padding: 20px 15px;}	
	#logo-base-lg {margin-top:0px!important;margin-bottom:30px!important;}
	footer .container #logos-box {padding-top:15px;}
	footer #copyright {margin-left:0;}	
	#wrapper > .container{min-height: 100%;}
	.panel-heading .row-eq-height{
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
	#copyright {padding-top:250px;}
	#logos-box {right:0;left:30px;}
}

/* xs,sm */
@media screen and (max-width:1200px){	
	#wrapper > .container{min-height: 100%;}
	#wrapper {padding: 0 0 383px 0;} /* bei Aenderung des unteren Abstands footer anpassen + sm,md,lg */
	footer {
	  margin-bottom: -383px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  min-height: 383px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  width:100%;
	}
	#TabSources .dropdown-menu {
	    margin: -25px 0 0 0 !important;
	}
}
/* lg */
@media screen and (max-width:1600px){
	#TabSources #list-types{margin-left:0px !important;}
	#TabSources #list-systems{margin-left:0px !important;}	
}

/* sm */
@media screen and (min-width:992px) and (max-width:1200px){	
	#copyright {padding-top:30px;}	
}

/* sm,md */
@media screen and (min-width:992px) and (max-width:1600px){	
}


/* sm,md,lg */
@media screen and (min-width:992px){
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}	
	/* Graue Linie in Top-Navigation */
	.nav-line{margin:-4px 15px 0 15px;height:9px;background:linear-gradient(to top,#F59F00 1px,#fff 0,#fff 4px,#F59F00 0,#F59F00 9px);}
	.navbar {margin-bottom: 30px;}
	#wrapper > .container{min-height: 100%;}
	footer .container {padding: 20px 0;}
	footer .col-sm-1 {width: 21.7%; padding:0;}
	footer .col-sm-2 {width: 28.4%; padding:0;}
	footer .col-sm-3 {width: 26.9%; padding:0;}
	footer .col-sm-4 {width: 23%; padding:0;}	
	#logos-box {right:-40px;}

	/*#suggest-form .col-sm-3 {
    	width: 27%;
	}
	#suggest-form .col-sm-9 {
    	width: 73%;
	}*/
}

/* md*/
@media screen and (min-width:1200px){
	#wrapper > .container{min-height: 100%;}
	#wrapper {padding: 0 0 353px 0;} /* bei Aenderung des unteren Abstands footer anpassen + xs */
	footer {
	  margin-bottom: -353px; /* bei Aenderung des unteren Abstands footer anpassen + xs */
	  min-height: 353px; /* bei Aenderung #wrapper anpassen + xs*/
	  width:100%;
	}
	#logos-box {right:0px;}
}


/* lg */
@media screen and (min-width:1600px){
	#logos-box {right:60px;}
}

/*****
* Print-Layout
*****/
@media print {
	body {color: #000}
	a[href]:after {content: "" !important;}  	
	footer, aside, header .nav, .panel-footer { display:none !important;} 
	.panel {border:0 !important;}
	.panel-heading {border-bottom: 4px solid #e8e8e8 !important;}
	.panel-default .panel-heading {font-size:15px !important;font-weight:bold !important; padding-left:0 !important;padding-bottom:0 !important;}
	.panel-default .panel-body {padding-left:0 !important; padding-right:0 !important;}
	h2{font-size:14px;font-weight:bold !important;}
	h4{font-weight:bold !important;}	
}

/*****
* EOF
*****/