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

@import url("heiopensearch_ergebnisanzeige.css");
@import url("rte.css");
@import url(https://www.ub.uni-heidelberg.de/cdn/register.js/1.0.0/css/custom.css);
@import url(https://www.ub.uni-heidelberg.de/cdn/lightslider/latest/css/lightslider.min.css);
@import url("https://www.ub.uni-heidelberg.de/cdn/font-awesome/4.5.0/font-awesome.css");

/* Bootstrap Icon */
@font-face{
    font-family:'Bootstrap';
    src: local(''),
       url('../fonts/bootstrap-icons.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/bootstrap-icons.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-300 - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-300italic - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-regular - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-italic - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-700 - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-700italic - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/ubuntu-v20-latin-ext-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu-v20-latin-ext-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







body {
  background-color: #f1f1f1;
  font-family: 'Ubuntu', Arial, 'Neue Helvetica', sans-serif;  
}

   .btn {
  border-radius: 0;
  }

  .btn-primary {
  background: none;
  border: 1px solid #0060aa;
  box-shadow: none;
  color: #0060aa;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0px 10px;
  text-shadow: none;
  }
 
  .csc-textpic-image img {
  width: 100%;
  }

  .csc-firstHeader,
  .csc-header-n2 h1,
  .csc-header-n3 h1 {
  font-size: 1.3em;
  letter-spacing: 0.03em;
  line-height: 1em;
  margin: 0.5em 0 0.9em 0;
  text-transform: uppercase;
  }
  
  .main-content {
  background-color: #fff;
  min-height: 400px;
  padding: 15px;
       }

   .container {
  background-color: #fff;
    padding-left: 0px;
    padding-right: 0px;
      }

   .container-fluid {
     padding-left: 0;
   padding-right: 0;
   }

   .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
    background-repeat: repeat-x;
    border-bottom-color: 0060aa;
    border-bottom: 2px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
}

   .navbar-default .navbar-nav > li > a {
  font-size: 1.05em;
  text-transform: uppercase;
  padding: 15px 10px;
  }

  .navbar-form {
  padding-right: 0;
  padding-left: 0;
  margin-left: 20px
  }

.content-rechts h1.csc-firstHeader {
  margin: 0;
  padding: 1em 0 0 40px;
}

.content-rechts h2 {
  padding-left: 0;
  margin-top: 1em;
}


.tx-t3extblog > .navbar-collapse.blog-category-collapse.collapse > ul.nav.nav-list > li a {
  padding: 0;
}

ul.unstyled.list-unstyled li
{
  margin-left: 0;
}

footer {
	background: #f1f1f1 !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
    margin: 2em 0;
    flex-wrap: wrap;
}
   .panel {
    border: 0;
   }
   
   .panel-body {
    margin: 0px;
    background-color: #f8f8f8;
    height: 20em;
    overflow-y: hidden; 
    }

    .panel-footer {
    background-color: #efefef;
    border: 0;
    }

   .margin {
    padding-left: 20px;
    padding-right: 20px;
    }

   .span3 {
    position: relative;
    }
   
/* --------------------------------------------------------------------------
   Typographie
   -------------------------------------------------------------------------- */
   
   .indent  {
    margin-left: 20px;
     line-height: 1.6em;
     margin-bottom: 1.5em;
     margin-top: 1.5em;    
    }

    .bodytext, 
	.panel-body p {
    hyphens: auto;
    }

    .linkbox {
    background: #eee;
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 15px;
    }

    .linkbox a:before {
     font-family: 'Bootstrap';
     content: "\F138";
     font-size: 0.75em;
     margin-right: 3px;
}

    .unterstreichen {
    text-decoration: underline;
}  


/* --------------------------------------------------------------------------
   Navigation
   -------------------------------------------------------------------------- */
nav.container {
	display: flex;
	align-content: center;
	justify-content: end;
	padding-top: 2em;
	padding-right: 25px;
}
#sprachmenu li {
    float: none;
    display: inline;
    margin-left: 15px;
}

   #servicemenu a {
    color: inherit;
}

#servicemenu a::before {
  color: inherit;
  content: '|';
  margin-right: 5px;
}

    .navbar {
    margin-bottom: 0;
    border: none;
    }

    .navbar-default {
  box-shadow: none;
    }

    .navbar-nav  {
  float: right;
    }
  

  #submenu {
   margin: 1em 5px 2em 15px;
  
  }
  #submenu  > li  {
    list-style-type: none;
    border: 1px dotted;
    border-bottom: 0;
    border-color:#cccccc;
    padding: 5px 5px 5px 5px;
    margin-right: 10px;
    }

#submenu  > li:last-child {
   border-bottom: 1px dotted #cccccc;  
}
	
#submenu li.active ul {
    padding-left: 20px;
}
    
#submenu li.active ul li {
    line-height: 1em;
    margin-bottom: 0.5em;
}
 


    #submenu .current {
    border-right-style: solid;
    border-right-width: 3px;
    border-right-color:#0060aa;
    }

    .current > ul {
    padding-left: 15px;
    line-height: 1em;
    }
    
    .current > ul li {
    list-style-type: none;
    margin-bottom: 0.4em;
    margin-top: 0.3em;
    }

	li.active ul li::marker {
  	color: white;
}

  .breadcrumb {
    background-color: white;
    color: #999;
    font-size: 0.9em;
    margin-left: 5px;
  }

  .breadcrumb a {
    color: #999;
  }

.form-group {
  	font-size: 0.85em;
}


/* --------------------------------------------------------------------------
   Global Styles
   -------------------------------------------------------------------------- */
  h1 {
   color: #a68331;
   font-size: 2em;
   font-weight: 400;
   margin-bottom:20px;
   margin-top:0;
  }
  
  h2 {
   color: #0060aa;
   font-size: 1.2em;
   font-weight: 500;
   margin-bottom: 0.5em;
   margin-top: 2em;
  }
  
   h3 {  
   color: #000000;
   font-size: 1.1em;
   font-weight: 400;
   margin-bottom: 0.2em;
   margin-top: 1.2em;
  }

h4, h5, h6 {
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

  a {
   color: #0060aa;
   
  }

  .main-content ul li {
  margin-bottom: 0.5em;
  }

  .pfeil:before {
   font-family: 'Bootstrap';
   content: "\F138";
   font-size: 0.75em;
   margin-right: 3px;
}



  a.extern:after {
  font-family: 'Bootstrap';
  content: "\F143";
  font-size: 0.85em;
  margin-left: 2px;
  }



  .download:before {
  font-family: 'Bootstrap';
  content: "\F30A";
  font-size: 0.85em;
  margin-left: 2px;
  margin-right: 4px;
  }

ul.sprungmarken {
  line-height: 1em;
  margin-bottom: 1.5em;
  list-style-type: none;
  }

ul.sprungmarken li::before {
  font-family: 'Bootstrap';
  color: #0060aa;
  content: "\F471";
  } 
  
ul.filmlinks li {
  list-style-type: none;
  margin-bottom: 1em;
}

ul.filmlinks li::before {
  font-family: 'Bootstrap';
  color: #0060aa;
  content: "\F21F";
} 

/*---- Vivavox -----*/

.wortkette {
  background: #f5f5f5;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 5px;
}  

.wortkette li {
  flex: 1;
  list-style-type: none;
  margin-bottom: 0 !important;
  margin-right: 8px;
}

.zab-2em {
  line-height: 2em;
}

ul.inline_linksbuendig {
  padding-left: 0;
}

ul.inline,ul.inline2 {
  display: flex;
}

ul.inline li, ul.inline2 li {
  flex: 1;
  list-style-type: none;
  margin-right: 10px;
}  

ul.inline2 li:nth-child(2) {
  flex: 2;
  list-style-type: none;
  margin-right: 10px;
}
.flex {
  display: flex;
  flex-wrap: wrap;
}

.deklination {
    background: #f5f5f5;
    margin-left: 0;
    margin-right: 10px;
    padding: 5px;	
	width: 270px;
      
}

ul.deklination li {
  font-family: 'Arial', 'Neue Helvetica', sans-serif;
  list-style-type: none;
}

li.newItem::after {
  content: "neu"; 
  color: #fff;
  background: #0060aa;
  padding:2px 5px;
  margin-left:5px;
  border-radius:10px;
  font-style:italic;
  }

li.newItemEnglish::after {
  content: "new";
  color: #fff;
  background: #0060aa;
  padding:2px 5px;
  margin-left:5px;
  border-radius:10px;
  font-style:italic;
  }

blockquote {
  border-left: 2px solid #eee;
  font-family: 'Courier', monospace, sans-serif;
  font-size: 0.9em;
}  

.spaltelinks {
  width: 47%;
  float: left;
  }

.spalterechts {
  width: 47%;
  float: left;
  margin-left: 3em;
  }

.zweispaltigende {
  clear: both;
  float: none;
  }


.spaltelinks ul {
  background-color: #d4d0cd;
  padding: 10px 0 10px 40px;
  }


.spalterechts ul {
  background-color: #d4d0cd;
  padding: 10px 0 10px 40px;
  }

.buchstabenleiste {
  font-size: 130%;
  color: rgb(166, 131, 49);
  border-top: 1px solid rgb(166, 131, 49);
  border-bottom: 1px solid rgb(166, 131, 49);
  padding-top: 0.5em;
  }

.image-caption {
  line-height: 1.1em;
  font-size: 0.9em;
  margin-top: 0.3em;
  text-align: center;
}


figure.image {
  margin-bottom: 1em;
}

figure.audio {
  margin-bottom: 2em;  
}

.audio-embed-item {
  	height: 25px;
}

.audio-caption {
  	font-size: 0.9em;
	color: gray;
	background: #f5f5f5;
    padding: 2px;
}

.navigationsband {
  background: #f5f5f5;
  margin-top: 1.5em;
  padding: 5px;
}

.navigationsband p {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}


/* --------------------------------------------------------------------------
   Objekte
   -------------------------------------------------------------------------- */

   .page-header {
    border-bottom: 0 solid #eee;
    margin: 0;
    padding-bottom: 0;
    }

.page-header > img {
   object-fit: cover;     
   width: 100%;
  }

.logo  { 
  margin-left: 20px;
  margin-bottom: 10px;
}

.form-control  {
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
  background-color:#ffffff;
  border-radius: 0px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#666666;
  font-family: 'Ubuntu', Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  /* padding: 5px 100px 5px 10px; -- deaktiviert, damit Suchfeld auf selber Zeile ist wie Navigation (fh) */
  text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
  width: 100% !important;
  
}


.carousel{
    background: #ffffff;
    margin-top: 0;
}
.carousel .item img{
    margin: 0 auto; /* Align slide image horizontally center */
}
.bs-example{
  margin: 0;
}

.carousel-caption {
  height: 5em;
  right: 0;
  bottom: 2.5em;
  left: 0;
  padding: 0 25px 0 0;
  
}
.carousel-caption h3 {
  color: #ffffff;
  font-size: 2em;
  letter-spacing: 0.03em;
  text-align: right;
  text-shadow: 0 1px 5px rgba(0, 0, 0, .6);
  text-transform: uppercase;  
 }

.carousel-indicators {
  bottom: 5px;
  margin-left: 0;
  padding-right: 25px;
  left: 0;
  text-align: right;
  width: 100%
  
}


.ce-inner {
  display: flex;
  flex-wrap: wrap;
}

.social-btn-ext-link a {
   color: #0060aa !important;
}  


.social-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  font-size: 1em;  
}
   
   .social-footer img {
   margin-left: 5px;
}  

   .social-footer a {
   color: #666666;
   text-decoration: none;
}
   
   .social-footer a:hover {
   text-decoration: none;
}
   
   
   a.popup > img {
   height: 30px !important;
   width: auto;
   }

#x-link {
  margin-left: 10px;
}

#x-link > img,
.twitter.popup > img {
  width: 20px;
  height: auto !important;
}

   .sidecrumb {
   color: #0060aa;
   font-size: 1.25em;
   float: none; 
   line-height: 1em;
   margin: 15px 15px 0 0;
   text-align: right;
   }
   
   .sidecrumb::before {
    font-family: 'Bootstrap';
    content: "\F148";
    font-size: 0.85em;
    margin-left: 2px;
}
/* --------------------------------------------------------------------------
   Tabelle-Emulierung
   ---------------------------------------------------------------------------*/
.tabelle {
	display: table;
	table-layout: auto;
}
.tabelle .thead {
	display: table-header-group;
	width: 100%;
}
.tabelle .tr {
	display: table-row;
	width: 100%;
}
.tabelle .tabellenabsatz {
	padding: 0.5em;
	border: 1px solid #fff;
}
.tabelle .td {
	display: table-cell;
	padding: 0.5em;
	vertical-align: middle;
    width: max-content;
}
.tabelle .td_text {
	display: table-cell;
	width: 100%;
	padding: 0.5em;
	vertical-align: top;
}
.tabelle .th {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	padding: 0.5em;
}



/* --------------------------------------------------------------------------
   Suchmaske Tabellenform
   -------------------------------------------------------------------------- */
/*
#AdvancedSearchForm .hide-content {display:none;}
#AdvancedSeachForm table {width:100%;}
#suchreihe1 td {width:100%;}
#searchCategories_0 {width:98.5%; margin-right:1.5%;}
#suchreihe2 .suchspalte1, #suchreihe3 .suchspalte1, #suchreihe4 .suchspalte1 {width:15%;}
#suchreihe2 .suchspalte2, #suchreihe3 .suchspalte2, #suchreihe4 .suchspalte2 {width:30%;}
#suchreihe2 .suchspalte3, #suchreihe3 .suchspalte3, #suchreihe4 .suchspalte3 {width:55%;}
#combinationOperator_1, #combinationOperator_2, #combinationOperator_3 {width:96%; margin-right:2%;} 
#searchCategories_1, #searchCategories_2, #searchCategories_3 {width:98%; margin-right:2%;}
#searchString_0, #searchString_1, #searchString_2, #searchString_3 {width:100%;border: 1px solid #dcdcdc; border-radius: 6px;}
#suchreihe5 td {padding-top:1.5%;}
*/

/* --------------------------------------------------------------------------
   Suchmaske Div-Form
   -------------------------------------------------------------------------- */

#SearchForm .hide-content {display:none;}
#SearchTable {width:100%;}
#suchreihe1, #suchreihe2, #suchreihe3, #suchreihe4, #suchreihe5 {display:table; width:100%;}
#Reihe1_Feld1 {width:40%; float:left;}
#searchCategories_0 {width:73.5%;margin-right:1.5%;float:right;}
#Reihe1_Feld2 {width:60%; float:left;}
#Reihe2_Feld1, #Reihe3_Feld1, #Reihe4_Feld1 {width:10%; float:left;}
#Reihe2_Feld2, #Reihe3_Feld2, #Reihe4_Feld2 {width:30%; float:left;}
#Reihe2_Feld3, #Reihe3_Feld3, #Reihe4_Feld3 {width:60%; float:left;}
#combinationOperator_1, #combinationOperator_2, #combinationOperator_3 {width:96%; margin-right:2%;}
#searchCategories_1, #searchCategories_2, #searchCategories_3 {width:98%; margin-right:2%;}
#searchString_0, #searchString_1, #searchString_2, #searchString_3 {width:100%;border: 1px solid #dcdcdc; border-radius: 0;}
#suchreihe5 {margin-top:1em;}

/*--------------------------------------------------------------------------
   Blog
   -------------------------------------------------------------------------- */

#boxAktuelles {
    background-image: url('../../images/aktuelles_hermes.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100px;
    }

#boxAktuelles .rss_img {
  float: right;
  margin-top: 0.8em;
  }

#c374 .tx-t3extblog .well {
    background-color:#eee;
    background-image:none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow:none;
    }

#c374 .tx-t3extblog .well .top {
    font-size:0.8em;
    color:#666666;
    }

#c374 .tx-t3extblog .well .bottom {
    margin-left:0px;
    }

#c374 .tx-t3extblog .well .bottom .col-xs-4 {
    padding:0;
    }

#c374 .tx-t3extblog .well .bottom .col-xs-4 .badge {
    background-color:#337ab7;
    color:#fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    }


#c374 .tx-t3extblog .well .btn-primary {
    background-color:#f8f8f8;
    color: #337ab7;
    text-shadow:none;
    box-shadow:none;
    padding:0;
    }

#c374 .tx-t3extblog #comment-form .btn-primary {
    background-color: #337ab7;
    background-repeat: repeat-x;
    border-color: #245580;
    padding: 6px 12px;
    background-color:#337ab7;
    color:#fff;
    font-weight:700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;  
    }

#c457 .tx-t3extblog {
    background-image:none;
    box-shadow:none;
    border:none;
    background-color:#eee;
    padding-top: 1px;
    height: 75vh;
    overflow-x: hidden;  
    overflow-y: scroll;
}

#c457 .tx-t3extblog .well {
    background-image:none;
    box-shadow:none;
    border:none;
    background-color:#eee;
    }

#comment-form {
    padding:0;
    background-color:#fff !important;
    border:none;
    border-bottom: 1px solid #dcdcdc;
    }

#comment-form .row {
    margin-left:0px;
    }

#comment-form legend {
    border:none;
    }

div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 1px solid #0060aa;
    padding: 0;
}

.content-rechts ul {
  background: none;
  margin: 0;
  padding: 0;   
}

.content-rechts .tx-t3extblog ul,
.tx-t3extblog ul {
  padding: 0;
  margin-left: 15px;
  padding-right: 15px;
  }

.content-rechts .tx-t3extblog ul li
/* , .tx-t3extblog ul li - Listenpunkte müssen in der Hauptspalte angezeigt werden! (UB/fh 15.4.16) */
{
  list-style-type: none;
  margin-bottom: 0.5em; 
  }

.content-rechts .tx-t3extblog li span.glyphicon {
  display: inline;
}

.content-rechts ul.csc-menu {
  background: #eee;
  margin: 0px 15px;
  padding-top: 5px;
  padding-bottom: 15px;  
}

.content-rechts header > h2 {
  margin-left: 15px;
}

.content-rechts .tx-t3extblog ul li
/* , .tx-t3extblog ul li - Listenpunkte müssen in der Hauptspalte angezeigt werden! (UB/fh 15.4.16) */
{
  list-style-type: none;
  margin-bottom: 0.5em; 
  }

.content-rechts .tx-t3extblog li span.glyphicon {
  display: inline;
}

.content-rechts ul.csc-menu {
  background: #eee;
  margin: 0px 15px;
  padding-top: 5px;
  padding-bottom: 15px;  
}

.content-rechts header > h2 {
  margin-left: 15px;
}

/*Blog-Ü in rechter Spalte, s. RTE */ 

/*-----------------------------------------------------------
  RSS-Box
  -----------------------------------------------------------*/
ul.tx-rssdisplay-list {
  padding-left: 15px;
  padding-right: 15px;
  }




/*--------------------------------------------------------------------------
   Kalender
   -------------------------------------------------------------------------- */
dt {
    font-weight: normal;
}
dt, dd {
    line-height: 1.15;
}

.tx-cal-controller dl dt {
  padding: 0 0 4px 2px;
  margin-bottom: 0.3em;
  }

.tx-cal-controller label {
  display: block;
  width: 250px;
  min-width: 12em;
  float: left;
  text-align: left;
}

.tx-cal-controller .even {
  background: none;
  }

.tx_cal_controller-eventInfoValue {
    display: block;
    margin-left: 250px;
    min-width: 12em;
    width: 550px;
}

/*-----------------------------------------------------------------------------
Kartenansicht anpassen
-----------------------------------------------------------------------------*/
.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible > ul > li {
	display: block;
    width: max-content;  	
}

.ol-viewport {
  	width: 900px;
  	height: 600px;
}

#map_canvas {
  width: 100% !important;
}

/* Anpassung der Trefferanzeige, Ergänzung der Anweisungen in graphq.css */
li.hit img {
	font-size: 9px;
	margin: 2px;
	max-height: 100px !important;
    object-fit: contain;
	overflow: hidden;
  	max-width: 80px !important; 
}

/*-------------------------------------------------------------------------------
Sonderseiten Lebenslauf
--------------------------------------------------------------------------------*/



#lebenslauf td {
  padding: 10px 30px 10px 30px;
  border-bottom: solid 1px #c2c2c2;
}


.beruf {
  background-color: #a68331;
}

.mitglied {
  background-color: #80afd4;
}

.brief {
  background-color: #c2c2c2;
  font-size: 80%;
}

/*-------------------------------------------------------------------------------
Anpassung Orts-/Personenregister
--------------------------------------------------------------------------------*/
#person, #person .container, #place, #place .container {
  width:100%;
  }

#wm_register button.active {
  color:#888;
  border:1px solid #888;
  border-radius:3px;
  padding:1px 8px;
  }

#person .nav-tabs > li.active > a, #person .nav-tabs > li.active > a:hover, #person .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #e7e7e7;
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  border:none;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
}

#place .nav-tabs > li.active > a, #place .nav-tabs > li.active > a:hover, #place .nav-tabs > li.active > a:focus {
  color: #555;
  background-color: #e7e7e7;
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  background-repeat: repeat-x;
  border:none;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.075) inset;
}

/*-----------------------------------------------------------------------------------------
Anzeige Recherche-Seiten
-------------------------------------------------------------------------------------------*/
.digiMetadataSearchBookText a {
  font-size: 12px;
}

.digiMetadataSearchBookImgbox {
  width: 15% !important;
}

li.dok_arachne,
li.dok_ubhd {
  background-position: 2px 2px;
  line-height: 1.5em;
  padding: 5px !important;
  
}

/*------------------------------------------------------------------------------------------
Suchmaske Themenportale / Digitalisate
--------------------------------------------------------------------------------------------*/
.domain_digi_ub_uni-heidelberg_de,
.map {
  background-color: transparent !important;
}


label[for="graphq-form-suchkriterium1"], label[for="graphq-form-suchkriterium2"], label[for="graphq-form-suchkriterium3"], label[for="graphq-form-suchkriterium4"], label[for="search"] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
}  

.beschriftung {
  display: inline-block;
  margin-right: 10px;
  text-align: right;
  width: 25%;
}

#graphq-form {
  width: 100%;
  font-size: 0.9em !important;
}

#graphq-form p {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

#graphq-form select {
  width: auto;
  margin-right: 20px;
}

#graphq-form input {
  width: 60%;
}
.fieldset {
 background: #f5f5f5;
 margin-top: 1em;
 padding: 1%;
 width: 100%;
 max-width: 640px;
}

/*Ausblenden Suchoption 'Signatur' entsprechend Email AB vom 17.08.20 */
/* 2020-10-19 JB: Suche nach "Signatur" soll doch möglich sein:
option[value=meta_shelflocator_txt] {
    display: none;
} */

p#treffernavigation {
  margin-left: 24%;
  margin-top: 1em;
  padding: 5px;
}  
  
 p#treffernavigation select {
   margin-right: 0;
  width: 30%;
}
  

#graphq-form input#name {
  font-size: 1.2em;
  margin-top: 1em;
  padding: 2px;
  width: 100%;
  max-width: 640px;
}
  }

/*-----------------------------------------------------------------------------------------
Baumabfragen Digitalisate
-------------------------------------------------------------------------------------------*/
#tree-container {
  margin: 0;
  padding: 0;
}

#tree-container ul {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

#tree-container li.class_classification {
  margin: 0 0 1em;
}

#tree-container li.class_classification .plusminus {
	color: gray;
	height: 1em;
	margin-right: .5em;
	width: 1em;
}

#tree-container li.class_classification > ul {
  margin-left: .75em;
}

#tree-container li.class_meta {
  list-style-type: none;
  margin: 0 0 .5em;
  overflow: hidden;
  padding: .5em;
}

#tree-container li.class_meta:last-child {
  margin: 0;
}

#tree-container li.class_meta > :last-child::after {
  content: "";
  clear: both;
  display: table;
}

#tree-container li.class_meta > a {
  display: inline-block;
  float: left;
  height: 3em;
  width: 3em;
}

#tree-container li.class_meta > a > img {
  object-fit: contain;
  height: 3em;
  width: 3em;
}

#tree-container li.class_meta > a ~ .meta-content,
#tree-container li.class_meta > a ~ ul {
  margin-left: 4em;
}

#tree-container li.class_classification > ul > li.class_meta > a {
  display: inline-block;
  float: left;
  height: 5em;
  width: 5em;
}

#tree-container li.class_classification > ul > li.class_meta > a > img {
  object-fit: contain;
  height: 5em;
  width: 5em;
}

#tree-container li.class_classification > ul > li.class_meta > a ~ .meta-content,
#tree-container li.class_classification > ul > li.class_meta > a ~ ul {
  margin-left: 6em;
}

#tree-container li.class_meta > a ~ ul {
  background-color: rgba(0, 0, 0, .05);
}

ul.x li.class_meta {
  margin: 0;
  padding: 0;
}

.meta_title {
  color: #0060aa !important;
}

/*-----------------------------------------------------------------------------
Responsive Elemente
-----------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {
.row {
  margin-right: -15px;
  margin-left: -15px;
 }

.span3 {
  width: 250px;
}

}

@media only screen and (max-width: 1199px) {

.row {
  margin-right: 0;
  margin-left: 0;
}
  
  
div.sidecrumb {
   display: none;
  }

.navbar-form {
  width: 30%;
  }

.form-group {
  width: 80%;
}
  
.form-control {
  padding-right: 10px;
}  
  
.navbar-nav > li {
  font-size: 13px;
}
  
.navbar-default .navbar-nav > li > a {
  padding: 15px 8px;
}  



#boxAktuelles {
  background-size: 80px;
} 


@media only screen and (max-width: 992px) {
.navbar-form {
  width: 38%;
  margin-bottom: 2em;
}

.navbar-nav {
    float: left;
}

}


/*----------------------------------------------------------------------------
Containerausrichtung für Tabletgröße 17.07.2017
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 610px) {

.main-footer {
   height: 100px;
}

.social-footer {
   text-align: center;
}  

.fb-link {
   float: none;
   margin-bottom: 1.2em;
   text-align: center;
}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {

.span9 {
    width: auto;
    float: none;
}
  
.span3 {
    width: auto;
    float: none;
    margin-right: 20px;
}

}

@media only screen and (max-width: 700px) {
  
.browsing {
    padding: 0;
}

.tx-bsbxmlapi-pi1 ul {
  margin-left: 0 !important; 
  padding-left: 0;   
}

.digiMetadataSearchBookText {
  margin-left: 35% !important;
}  

.digiMetadataSearchBookImgbox {
  margin-left: 10%;
}
  
  
}

/*-----------------------------------------------------------------------------
Druckversion anpassen
-----------------------------------------------------------------------------*/

@media print {

a::after { 
  display:none; 
  }

}