@import url("./bootstrap-icons.css");

@font-face {
  font-family: 'BootstrapIcon';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/bootstrap-icons.woff2') format('woff2');  
}

/*
 - Normal Page View -
 * BODY
 * PAGE
 * HEADER
 * * Carousel
 * * Banner
 * NAVIGATION
 * CONTENT-ELEMENTS
 * * Lists
 * * manuscript-tabs
 * FOOTER
 * * Footer-Logos
 * * Lists 
 * - Media Queries -
 */






/*****************BODY*******************/
body,html {
   color:#333;
   background:#efefef;
   }

body > .container {
    background: #fff;
}



a, 
a:active, 
a:focus, 
a:hover,
a:visited {
   color:#990000;
   }

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
   background-color: #efefef !important;
  }

a.extern::after {
   color: #990000;
    font-family: 'BootstrapIcon';
    font-size: 14px;
    font-weight: normal;
    content:'\F1C5';
    margin-left: 5px;
}

.pfeil::before {
  color: #990000;
  font-family: 'BootstrapIcon';
  font-size: 14px;
  font-weight: normal;
  content: '\F231';
  margin-left: 5px;
  top: 1px;
  position: relative;
}  

span.ubhd-caps {
   font-variant: small-caps;
}

.hinweis {
   color: #a3a3a3;
   display: inline-block;
   font-size: 0.8rem;
   line-height: 0.9rem;
}

.blockquote {
    display: inline-block;
    margin-block-start: 0.5em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
	font-size: 1.0rem;
}

.buchstabenleiste {
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 1.2rem;
	background: #efefef;
}

/****Slider Kontakt und Sprache ***/


.button_lang {
  width: 165px;
  height: 60px;
  background: #cc0130;
  color: #fff;
  transform: translateX(65%);
  transition: transform ease-in-out 0.2s;
  right: 0;
  margin-bottom: 10px;
}

.button_lang:hover {
  transform: translateY(0);
}

.bi-globe,
.bi-envelope {
  font-size: 35px;
  margin-left: 12px;
  margin-right: 10px;
  line-height: 1.8em;
}

.button_contact {
  width: 165px;
  height: 60px;
  background: #cc0130;
  color: #fff;
  transform: translateX(65%);
  transition: transform ease-in-out 0.2s;
  right: 0;
}

.button_contact:hover {
  transform: translateY(0);
}



.button_lang > a, 
.button_contact > a {
   color: #fff !important;
   padding-left: 1px;
   padding-right: 3px;    
}

.buttons_right {
	position: fixed;
	right: 0;
	bottom: 8.5rem;
	z-index: 6 !important;
}

/****************PAGE*****************/
#containerMain {
    padding: 30px;
}

.ubhd-page {
   background:#fff;
}



/*****************HEADER*****************/
/*******Carousel********/
#ubhd-header-carousel {
   border-bottom: 5px solid #990000;
   position: relative;
}
   
.portal-title {
  background: transparent;
}   

.ubhd-carousel-title-wrapper {
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
}

.ubhd-carousel-title {
  background: rgba(244, 241, 234, 0.8);
  color: #353535;
  font-size: 40px;
  font-family: Georgia, serif;  
  height: 100%;  
  line-height: 20px;  
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);
}


.ubhd-carousel-title > span {
    line-height: 1.15em; 
}    





/*******Banner**********/
#ubhd-header-small {
   position: relative;
   border-top: 10px solid #990000;
}

.ubhd-header-title-wrapper {
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 10;
}

.ubhd-header-title {
  background: rgba(244, 241, 234, 0.8);
  color: #353535;
  font-family: Georgia, serif;
  font-size: 18px;
  height: 100%;  
  line-height: 20px;
  position: absolute;
  top: 50%;
  transform: translate(0%,-50%);  
}

/****************NAVIGATION******************/

.navbar-nav {
    font-size: 1.2rem;
    padding-left: 15px; 
    padding-right: 15px;
    text-transform: uppercase;  
}

.navbar {
    background: #efefef;

}

.navbar-right {
    text-transform: none;
    font-size: 1rem;
}

.dropdown-menu {
   border-radius: 0;
}

.navbar-collapse.px-2.collapse.show .dropdown-menu {
   background: transparent;
   border: 0;
}

.navbar-collapse.px-2.collapse.show .dropdown-item {
   padding-top: 0;
}

.navbar-collapse.px-2.collapse.show ul.dropdown-menu {
   margin-top: 0;
   padding-top: 0;
}


.dropdown-item.active, .dropdown-item:active {
    background-color: #990000;
}

.dropdown-item.active > a, .dropdown-item:active > a {
    color: #fff !important;
}

button.navbar-toggler > i.fa.fa-bars.fa-2x {
   color: #990000;
   
} 

.ubhd-flag-item > .nav-link > .flag-icon {
   width:1.05em;
   margin-top:6px;
}

/****************CONTENT-ELEMENTS************/
nav#zugriffsleiste > a {
   padding: 0.35rem 0.5rem
}

nav#zugriffsleiste > a.ohneLink {
   color: black;
}

#schalter_sortierung {
   margin-bottom: 3em;
}

/****** Headlines ***********/
h1 {
    color: #990000;
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
}

h2 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 0.7em;
}


h3 { 
    font-size: 1.1em;
}

p {
    line-height: 1.3em;
}    

/**********Images************/
.ubhd-text-thumbnail img.float-right {
   margin-left:15px;
   margin-bottom:15px;
}

.figure {
  text-align: center;
}

.bildunterschrift {
  display: inline-block;
  max-width: 100%;
  text-align: left;
  font-size: 80%;
}

.imgLeft {
	float: left;
	margin: 5px 15px 2px 0;
}

.imgRight {
	float: right;
	margin: 5px 15px 2px 0;
}

/* Carousel Bildergalerie */

#carousel-handschriften .carousel-caption,
#carousel-initialen .carousel-caption {
    color: black;
    background: #f5f5f5;
    padding: 15px;
    text-align: left;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;    
}   

.carousel-control-next, 
.carousel-control-prev {
    align-items: start;
    background: transparent;
    border: 0;
    height: 20%;
    opacity: 1;
    top: 10px;
    
    
}

.carousel-indicators {
    height: 20%;
    top: 0;
}

.carousel-caption {
    position: static;
}

.carousel-inner {
	min-width: 360px;
}


/* - Media Queries -*/
@media (max-width: 1200px) {
     /************HEADER*************/
     /*******Carousel**********/
  /*   .ubhd-carousel-title-wrapper {
        top:10px;
     }*/
#carousel-initialen {
    width: 100% !important;
    }
     
#vorschau-card {
    flex-direction: row !important;
    justify-content: space-between;
    flex-wrap: wrap;
    }
         
#vorschau-card > .card {
    max-width: 250px;
	
    }    
    
}

/**********Lists***********/

.list-group-item.active, 
.ubhd-legal-notice-list-wrapper {
background:#990000;
}

.list-group-item.active {
   border: #990000;
}

.ubhd-legal-notice-list > li {
margin-right:5px !important;
color:#fff;
}

.ubhd-legal-notice-list > li:after {
content: "|";
margin-left:10px;
margin-right:0;
}

.ubhd-legal-notice-list > li:last-child:after {
content: "";
}

.ubhd-legal-notice-list > li > a {
color:#fff !important;
}

main ul {
    line-height: 1.3em;
}

main ul > li {
   list-style-type: square;
   margin-bottom: 0.5em;
}

.ubhd-square-icon-list > li {
   list-style-type: square;
}

.ubhd-verweise-list > li {
   list-style:none;
   margin-left:-17px;
}

.ubhd-verweise-list > li:before {
   font: normal normal normal 14px/1 FontAwesome;
   color: #990000;
   content:"\f178";
}

.ubhd-lower-alphabet-list {
   list-style-type: lower-alpha;
}

.ubhd-lower-alphabet-list-parenthesis {
   counter-reset: list;
}

.ubhd-lower-alphabet-list-parenthesis > li {
   list-style: none;
}

.ubhd-lower-alphabet-list-parenthesis > li:before {
   content: counter(list, lower-alpha) ") ";
   counter-increment: list;
   margin-left: -17px;
}

.ubhd-nostyle-list {
   list-style-type: none;
}

.ubhd-nostyle-list > li {
   margin-left:0px;
   margin-bottom:15px;
}

.ubhd-decimal-list {
   list-style-type:decimal;
}

.ubhd-decimal-strong-list {
   counter-reset: list;
}

.ubhd-decimal-strong-list > li {
   list-style:none;
}

.ubhd-decimal-strong-list > li:before {
   content: counter(list, decimal) ". ";
   counter-increment: list;
   margin-left:-17px;
   font-weight:bold;
}

.ubhd-tab-legende-list {
   padding-left:0;
}

.ubhd-tab-legende-list > li {
   list-style-type:none;
}

.ubhd-tab-list {
   padding-left:0;
}


.ubhd-tab-with-thumbnail > .description {
   width: 85%;
}

.list_gezaehlt_decimal {
   list-style-type: decimal;
   font-weight: bold;
   padding-left: 15px;
   }

.list_gezaehlt_decimal_text {
   font-weight: normal;
   }



  /**********manuscript-tabs Handschriften-Listenfunktion************/

h2.ubhd-tab-library {
   margin-bottom: 0;
   margin-top: 1em;
}

h2.ubhd-tab-letter {
   /*background: rgba(244, 241, 234, 0.4);*/
   color: #333;
   padding-left: 10px;
   padding-top: 10px;
}

.listenfunktion.table {
   margin-top: 1em;
}

.listenfunktion.table > .tr {
   display: flex;
   line-height: 1.3em;
   margin-bottom: 1em;
   position: relative;
}


.ubhd-tablabel {
   color: #990000 !important;
   border-color: #990000 !important;
}

.ubhd-tablabel:hover {
   background-color: #990000 !important;
   border-color: #990000 !important;
   color: #fff !important;
}

.ubhd-tablabel.active {
   background-color: #990000 !important;
   border-color: #990000 !important;
   color: #fff !important;
}


.ubhd-tab-list {
   border-bottom: 0;
   padding-bottom: 0;
}


.td.ubhd-tab-thumbnail {
   border: 1px solid #e9e9e9;
}

.ubhd-tab-thumbnail {
   display: inline-block;
   margin-right: 5px;
   max-width: 66px;
   text-align: center;
   width: 66px;   
}

.ubhd-tab-with-thumbnail {
   background-color: #f5f5f5;
   padding: 10px;
}


 

/************FOOTER************/
/**********Footer-Logos*********/
footer {
   border-top: 2px solid #f5f5f5;
}


footer > .container-fluid > .row.text-center {
    align-items: center;
    justify-content: space-around;

}

.ubhd-footer-logo img {
   max-width:100%;
   max-height: 100px;
}


/*********** Kodikologische Beschreibungen - werden von JAS dynamisch generiert, Verzeichnis: virtuelle_bibliothek/codpallat/beschreibungen/ und virtuelle_bibliothek/codpalgraec/beschreibungen/ ********/


.indented_cell {
	padding-left: 15px;
}

.first_heading {
	font-size: x-large;
}

dl.inline {
   margin-bottom: 0rem;
   margin-left: 1rem;
}

dl.inline dt { font-weight: bold; display: inline-block; }
   dl.inline dt:after { content:': '; }
   dl.inline dd { display: inline; margin: 0; }
   dl.inline dd:after { display:block; content:''; 
}

dl.inline dt:first-child {
	margin-left: -0.5rem;
}


td.indented_cell {
   padding-left:15px;
}
   
   
td.heading_cell {
   height:30px;
}

span.button {
   background-color: #990000; 
   border: none;
   color: white;
   padding: 5px 5px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 10px;
   font-family: sans-serif
}

.zwischentitel {
	line-height: 110%;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 5px 0px;
	font-weight: 700;
}

dl.inline + .zwischentitel {
	margin-top: 2em;
}

h4.zwischentitel2 {
	color: black;
	font-size: 13px;
	letter-spacing: 0;
	margin-bottom: 0;
	margin-top: 2.5em;
	text-transform: uppercase;
	font-weight: bold;	
}



.zwischentitel2 + dl.inline {
	margin-top: 0.7em;
}





/* - Media Queries -*/
@media (max-width: 1200px) {
     /************HEADER*************/
     /*******Carousel**********/
  /*   .ubhd-carousel-title-wrapper {
        top:10px;
     }*/
}

 

@media (max-width: 991px) {
     /************HEADER*************/
     /*******Carousel**********/
 .ubhd-carousel-title-wrapper {
        width:100%;
        position:relative;
        top:0;
        left:0;
  }
     
 .portal-title {
  display: none;
 } 
 
 .ubhd-header-title-wrapper.portal-title {
  display: block;
} 


     
     /*******Banner********/
  .ubhd-header-title-wrapper {
        width:100%;

     }
}


@media (min-width: 768px) {
     /************NAVIGATION*************/

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.7rem !important;
    padding-left: 0.7rem !important;   
}

  .nav-item.dropdown:hover > ul.dropdown-menu {
    display: block !important;
} 

  .navbar-right {
    font-size: 0.8em;
}

}

@media (max-width: 767px) {

     /************CONTENT-ELEMENTS*************/
     /**********manuscript-tabs************/
     .ubhd-tab-thumbnail {
         max-width:100%;
     }
}