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

/*****
* Bildschirm-Layout fuer alle Browserfenstergroessen (spezielle Anweisungen weiter unten)
*****/
@media screen{

	/*****
	* Allgemeines
	*****/	

	@font-face {font-family:Lelo;src:url('/about/fonts/Lelo-Regular.otf');font-style:normal;font-weight:normal;}
	@font-face {font-family:Lelo;src:url('/about/fonts/Lelo-Bold.otf');font-style:normal;font-weight:bold;}
	@font-face {font-family:Lelo;src:url('/about/fonts/Lelo-RegularItalic.otf');font-style:italic;font-weight:normal;}
	@font-face {font-family:Lelo;src:url('/about/fonts/Lelo-BoldItalic.otf');font-style: italic;font-weight: bold;}	
	
	
	html,body {
	  min-height: 100%;
	  padding: 0;
	  margin: 0;
	}
	html{position:relative;min-width:320px;}	
	#wrapper {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	}
	#wrapper > .container{background-color:#fff;}
	
	.text-box p {margin: 0 0 20px 0;}
	/*.text-box p:last-of-type {margin-bottom:0px;}*/
	.bold {font-weight:bold;}
	.text-bottom-in-flex{align-self: flex-end;}
	.font12{font-size:12px;}	
	.heading{font-size:14px;margin-bottom:25px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 5px solid #e8e8e8;background:linear-gradient(to top,#b4ca29 4px,#b4ca29 0) 1px 5px no-repeat;background-size:4px 14px;}
	.dashed-line{border-bottom:	1px dashed #ACACAC;}
	.text-warning,.text-info{text-align:center; padding-bottom:20px;}
	.alert-warning{background-color:#fff3e8;background-image:none;border-color:#f2b478}
	.border-grau {border: 1px solid #CCC;}
	
	#orcid_badges #orcid-badge1, #orcid_badges #orcid-badge2, #orcid_badges #orcid-badge3 {width:43px; float: left; margin-right: 25px;}
	
	.hg-hell-gruen {background-color: #f2f7f0;}
	
	/*blauen Border aus Chrome entfernen*/
	input:focus,textarea:focus,select:focus,
	.btn:focus,.btn:active:focus,.btn.active:focus,
	.btn.focus,.btn:active.focus,.btn.active.focus {
		outline: 0 !important;
	}
	
	/*****
	* Ueberschriften
	*****/	
	h1,h2,h3,h4,h5,h6{margin:20px 0 10px;}
	h2,h4{font-weight:bold;}
	footer h4{font-weight:bold; margin:10px 0;}
	.panel h1 {margin:0;}
	
	/*****
	* Links
	*****/	
	/*gepunktete Linie aus den Links beim Firefox entfernen*/	
	a {outline:none !important;}
	.text-box a:link, .text-box a:visited, .text-box a:active, .text-box a:hover {color:#e87b10;}
	a.link-orange:link, a.link-orange:visited, a.link-orange:active, a.link-orange:hover {color:#e87b10;}
	a.link-gruen:link, a.link-gruen:visited, a.link-gruen:active, a.link-gruen:hover {color:#aec12f;}

	/*****
	* Icons
	*****/		
	.link-icon-pfeil {
	    background-image:url(../images/pfeil_gruen_rechts.png);
	    background-repeat:no-repeat;
	    background-position: left; 
	    padding:1px 0 1px 20px;
	}

	
	/*****
	* Raender, Innenabstaende  
	*****/
	
	/* Raender */	
	.margin-left1{margin-left:10px !important;}
	.margin-left-1{margin-left:-10px !important;}
	.margin-top0{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-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-bottom5{margin-bottom:50px !important;}
	.margin-bottom3{margin-bottom:30px !important;}
	.margin-bottom6{margin-bottom:60px !important;}
	.margin-bottom-1{margin-bottom:-10px !important;}
	
	/* Innenabstaende */
	.padding0{padding:0px !important;}
	.padding0-5{padding:5px !important;}
	.padding1{padding:10px !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-bottom0{padding-bottom:0 !important;}
	.padding-bottom0-5{padding-bottom:5px !important;}
	.padding-bottom1{padding-bottom:10px !important;}
	.padding-bottom1-5{padding-bottom:15px !important;}
	.padding-bottom2{padding-bottom:20px !important;}
	.padding-bottom3{padding-bottom:30px !important;}
	.padding-bottom4{padding-bottom:40px !important;}
	.padding-bottom5{padding-bottom:50px !important;}	
	
	/* Innenabstaende */

	/*****
	* Schriftfarben
	*****/	
	.font-weiss{color:#fff !important;}
	.font-hellgrau{color:#999999 !important;}
	.font-gruen{color:#aec12f !important;}
	.font-orange{color:#e87b10 !important;}
	
	/*****
	* Schriften
	*****/
	.code{
		font-family:monospace;
		line-height:1.3;
	}
	
	/*****
	* Tabellen
	*****/
	
	/* th immer obenbuendig */
	.table > thead > tr > th{vertical-align:top;}	
	.table > thead, .table > tfoot {color:#aec12f;} 
	.table {border: 1px solid #e8e8e8;background-color: #f2f7f0;}
	.border-right-grau {border-right: 1px solid #e8e8e8;}
	.border-top-grau {border-top: 1px solid #e8e8e8;}
	#TabSources td {background-color: #fff; padding: 2px;}
	#TabSources .ContentProvider {padding: 5px;}
	#TabSources #noresults {text-align: center; padding: 8px; height: 35px; border-top: 1px solid #e8e8e8;}
	.TabSourcesUl{display:none;}
		
	/*****
	* Header
	*****/
	/* Abstand zum Fensterrand oben */
	header{margin-top:15px;}
	
	/*****
	* 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 {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 {background:linear-gradient(to top,#78808b 3px,#b4ca29 0,#b4ca29 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%);}
	
	/*****
	* Footer
	*****/
	footer {background-color:#f2f2f2;}
	footer .container {background-color:#d0d0d0;}
	footer li{line-height:1.85!important;}		
	/* Logos einheitlich Breit im Footer */
	/*footer img{width:242px; margin-bottom:18px;}*/
	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:15px;}
	
	/*****
	* Formulare
	*****/	
		
	/* Textarea nicht in der Groesse veraenderbar */
	textarea{resize:none;}
	
	/* notwendig wegen der Schrift Lilo */
	.btn-default, .btn:hover, .btn:focus, .btn.focus {color:#333!important;	padding: 6px 12px 4px 12px;}
	.form-control  {padding: 6px 12px 4px 12px; height: auto;}
	
	.input-lg {font-size: 16px;}
	label {font-weight: normal;}	
	#contact-form .form-group{margin-bottom:20px;}
	/*#suggest-form label {font-weight: bold; color: #aec12f}*/

	/* 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;*/
		}
		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) {
		  background: transparent;
		  position: relative;
		  visibility: hidden;
		  margin:0;
		  padding:0;
		}
		
		/* Nur Firefox (nach links schieben) */
		/*@-moz-document url-prefix() {*/
			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 {
		  cursor: pointer;
		}
		
		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 {
		    content:' ';
		    display:inline-block;
		    width: 13px;
		    height:13px;
		    position: relative;
		    top:1px;
		    border: 1px solid #bbb;
		    background: white;
		    margin-right: 5px;
		    margin-left: -20px;
		    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 {
		  border-radius: 30px;
		}
		
		/*input[type='checkbox']:hover  + label::before,*/
		input[type='radio']:hover  + label::before {
		  background:#c8c8c8;
		  box-shadow: inset 0 0 0 2px white;
		}
		
		input[type='checkbox']:checked  + label::before,
		input[type='radio']:checked  + label::before {
		  background: #b6c828;
		  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 8px!important;
	  background-repeat: no-repeat!important;
	}
	select.medium-select{
		width: auto!important;
		background-position: right 7px top 7px!important;
		padding: 1px 27px 1px 5px!important;
	}
	select.small-select{
		width: auto!important;
		background-position: right 7px top 2px!important;
		padding: 1px 27px 1px 5px!important;
	}
	#langForm select {width:auto; min-width: 123px;padding-right:28px;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;}
	/* Nur Firefox (nach links schieben) */
	@-moz-document url-prefix() {
		#langForm select {
			padding-left:5px;
		}
	}
	/* 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: 0 10px;*/
		height: 30px;
	}
		
	select.input-sm{
		padding: 2px 28px 0 5px;
		height: 30px;
		line-height: 30px;
		background-position: right 9px top 6px!important;
	}
	button.input-sm{
		border-radius: 6px !important;
		font-size:12px;
		height: 25px;
	}
		
	/*****
	* Listen
	*****/
	ul {margin:0;list-style: none;padding-left: 0;}
	ul.pfeil > li {
		padding: 5px 0 5px 22px;
	  	background-image:url(../images/pfeil_gruen_rechts.png);
	  	background-position: left 0px top 5px;
	  	background-repeat: no-repeat;
	}
	ul.pfeil > li:first-of-type {padding-top:0;background-position: left 0px top 0px;}
	ul.pfeil > li:last-of-type, .text-box ul > li:last-of-type, .text-box ul.pfeil > li:last-of-type{padding-bottom:0;}	
	.text-box ul > li:first-of-type {padding-top:0;background-position: left 0px top 6px;}
	.text-box ul {margin-bottom: 20px;} 
	.text-box ul.pfeil > li:first-of-type {padding-top:0;background-position: left 0px top 3px;}
	
	.text-box ul > li {
		width: 100%;
		padding: 5px 0 0 19px;
	  	background-image:url(../images/dreieck_orange_8p.gif);
	  	background-position: left 0px top 10px;
	  	background-repeat: no-repeat;
	}
	.text-box .pfeil ul > li, .text-box ul.pfeil > li{
	  	padding: 5px 0 0 19px;
	  	background-image:url(../images/pfeil_gruen_rechts.png);
	  	background-position: left 0px top 7px;
	}	
	.text-box .pub_hitlist ul > li{
		margin-bottom:15px;
	}	
	.text-box #TabSources ul {margin-bottom: 0px;} 
	
	ul.li-margin li{margin-bottom:15px;}
	
	ul.pagination > li{background-image:none!important;padding:0!important}
	
	/*****
	* Panels
	*****/
	
	/* Kein Schatten und Rahmen in Panels */
	.panel{border:0;box-shadow:none!important;background:none;margin-bottom:25px;}		
	/*.panel-default > .panel-heading {font-size:28px;margin-bottom:3px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 5px solid #e8e8e8;background:linear-gradient(to top,#b4ca29 4px,#b4ca29 0) 1px 5px no-repeat;background-size:4px 14px;}*/
	.panel-default > h1.panel-heading {font-size:28px;padding-left:10px;padding-top:5px;padding-bottom:0px;border-bottom: 5px solid #e8e8e8;background:linear-gradient(to top,#b4ca29 4px,#b4ca29 0) 1px 5px no-repeat;background-size:4px 22px;}
	.panel-default > .panel-heading {font-size:16px;margin-bottom:3px;padding-left:10px;padding-top:2px;padding-bottom:2px;border-bottom: 5px solid #e8e8e8;background:linear-gradient(to top,#b4ca29 4px,#b4ca29 0) 1px 5px no-repeat;background-size:4px 16px;}
	.panel-default > .panel-footer{padding:0;}
	.text-box .panel-default > .panel-body{padding-right:0;padding-left:0;}
	
	/*[class~='panel']:last-of-type {margin-bottom:25px;}*/
	.text-box [class~='panel']:last-of-type {margin-bottom:0;}
	
	
	aside {margin-top: 9px;font-size:14px;}	
	aside .panel-body{background-color:#f6f6f6;margin-bottom:2px;}
	
	/*****
	* Breadcrumb
	*****/	
	.breadcrumb > li + li::before {content: "»";}
	
	
	/*****
	* iFrame for d3
	*****/	
	.d3{
		border:0;
		padding:0;
		width:800px;
		height:500px; 
		background: #fff;
		margin: -20px 0 40px 0;
	}
	
	/*****
	* Sonstiges
	*****/
	.details-sources {
		float: left; 
		width: 205px;
	}
	#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;
	}
	.tab-sources-legende{
		float: left; 
		width: 225px; 
		height:40px;
	}
	.pagination {margin-top: 0;}
	
}

/*****
* 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){
	#wrapper > .container{min-height:auto !important;}
	footer .container .col-xs-4 {width:100%;display:block;}
	footer{min-height:auto !important;margin-bottom:0 !important}
	#navbarTop ul li{clear:both !important;}
	#logged-as {display:none;}
	.details-sources {width: 100%}
	.tab-sources-legende {width: 100%; height:30px;}
	.pagination {margin-top: 25px;}
	#loading {margin-top:-10px!important}
	
}

/* xs */
@media screen and (max-width:991px){	
	#wrapper > .container{padding-bottom:25px;min-height: 100%;}
	#wrapper {padding: 0 0 528px 0;} /* bei Aenderung des unteren Abstands footer anpassen + sm,md,lg */
	footer {
	  margin-bottom: -528px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  min-height: 528px; /* bei Aenderung #wrapper anpassen + sm,md,lg*/
	  width:100%;
	}	
	footer #copyright {margin-left:0;}	
	footer .container {padding: 10px 15px; margin-left:-15px;}	
	footer .footer-column4 {padding-left:15px;}
	footer #logos-box {padding-top:15px;}
	.panel-heading .row-eq-height{
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
}

/* sm,md,lg */
@media screen and (min-width:992px){
	#wrapper > .container{padding-bottom:25px;min-height:100%;}
	#wrapper {padding: 0 0 318px 0;} /* bei Aenderung des unteren Abstands footer anpassen + xs */
	footer {
	  margin-bottom: -318px; /* bei Aenderung des unteren Abstands footer anpassen + xs */
	  min-height: 318px; /* bei Aenderung #wrapper anpassen + xs*/
	  width:100%;
	}
	footer .container {padding: 20px 0;}
	footer .footer-column1 {width: 21.7%; padding:0;float:left;position:relative;}
	footer .footer-column2 {width: 28.4%; padding:0;float:left;position:relative;}
	footer .footer-column3 {width: 26.9%; padding:0;float:left;position:relative;}
	footer .footer-column4 {width: 23%; padding:0;float:left;position:relative;}
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}	
	/* Graue Linie in Top-Navigation */
	.nav-line{margin-top:-4px;height:9px;background:linear-gradient(to top,#e8e8e8 1px,#fff 0,#fff 4px,#e8e8e8 0,#e8e8e8 9px);}
	.navbar {margin-bottom: 50px;}
}

/*****
* Print-Layout
*****/

@media print {
	body {color: #000}
	a[href]:after {content: "" !important;}  
	h2{font-size:14px;font-weight:bold !important;}
	h4{font-weight:bold !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:14px !important;font-weight:bold !important; padding-left:0 !important;}
	.panel-default .panel-body {padding-left:0 !important; padding-right:0 !important;}
}

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