@import url(/assets/fonts/OpenSans/OpenSans.css);
@import url(/assets/fonts/DroidSerif/DroidSerif.css);
/*@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600);*/

/*
###### Typography
*/

:root {
  --color-vase: #fa6e60;
  --color-vase-background: #fbf9f0;
  --color-vase-h3: #5fa3a2;
  --color-vase-background-light: #eddecb;
  --color-vase-background-dark: #998d7f;
  --color-vase-background-card: #ffffff;  
  --color-vif: #c97957;
  --color-baci: #6fa8dc;
  --color-siba: #b6d7a8;
  --color-polos: #f1ca6a;
  --color-vismig: #d6b894;
  --color-alba: #ABB3FA;  /* ##B4ABFA */
}

/*:root {
  --color-vase: #c6a77e;
  --color-vase-background: #d6c1a4;
  --color-vase-background-light: #eddecb;
  --color-vase-background-dark: #998d7f;  
  --color-vif: #c97957;
  --color-baci: #6fa8dc;
  --color-siba: #b6d7a8;
  --color-polos: #f1ca6a;
  --color-vismig: #d6b894;
}*/



.vase-background-color {
  background-color: var(--color-vase-background);  
  
}

.vase-background-color-light {
  background-color: var(--color-vase-background-light);  
  
}

.vase-background-color-card {
  background-color: var(--color-vase-background-card);  
  
}

.vase-text-color {
  color: var(--color-vase);
}

html{
    background-color:#475862;
}

body{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    background-color:white;
    color:#474747;
}
/*farben im main bereich sollen für alle projekte gleichbleiben wg. kontrast und einheitlichkeit*/


.container-fluid {
    padding:0px 120px;
} 

.container > .card-body {
    padding-left: 0;
   padding-top: 30px;
}


section {
    width: auto !important;
     padding-bottom: 40px !important;
     /* padding-top: 20px; */
}

h1,
h3,
h4,
h5,
h6{
    font-family:"Droid Serif", Georgia, "Times New Roman", Times, serif;
}

h1{
    margin-bottom:0;
    font-size: 170%;
    color: var(--color-vase);
  
    
    
}

h2{
    font-size:130%;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    /* font-style:italic; */
    margin-bottom:0.2em;
    margin-top:0.4em;
    color: var(--color-vase);
}

h3{    
    color:#cf3a2a; /*projektfarbe!*/
    font-size:110%;
    line-height:1.8em;
    padding-top: 0;
    margin-top: 0
}
h3.objekt{
    margin-top:5px;
}

h4{
    font-size:115%;
    color:#333333;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-style:italic;
}

h5{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    color:#333333;
    font-size:120%;
    letter-spacing: 2px;

}

h6{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    color:#333333;
    line-height:1.5;

}

blockquote,
cite,
q{
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
}

a{
    color:#cf3a2a; /*projektfarbe!*/
}

a:hover,
a:focus{
    background-color:transparent;
    color:inherit;
}

.color{
    color:#cf3a2a; /*projektfarbe!*/
}

/*
###### Header
*/
@media (max-width: 768px){
   /* header.header {
        margin-bottom: 0;
    }*/
    
    header h1{
        font-size: 170%; 
    }
      header h2{
        font-size: 120%; 
    }
   
    
    div#projectTitle a img {
        height: 55px
    }
    
    /*div a.unilogo {
        width: 40px     }
    */
    div.unilogo {
        text-align: right;
        padding-top: 0px
    }
    
    img.logoOeAW {
        height: 25px;
        padding-bottom: 3px
        
    }
    
    img.logoUni {
        height: 25px
    }
    
    header {
        margin-bottom: 0
    }
    
    
    .container-fluid {
     padding:0px 10px;
     
}


}

@media (max-width: 568px){
    header h1{
        font-size: 130%; 
    }
      header h2{
        font-size: 100%; 
    }
}

div.unilogo {
    float: right;
    /* margin-top:20px; */
    padding-top: 20px
    
}

div a.unilogo {
    width: 73px; 
    height: 62px; 
    text-decoration: none; 
    background: none;
}

div a.logoOeAW {
    padding-right: 20px
}

header {
    overflow: hidden;
     
     margin-bottom: 20px;
   
}

header h1, header h2, div.language  {
    color: var(--color-vase);
}
header h1{
    font-weight: bold;
}

header h1, h5 { display:inline }

#projectTitle {
    padding-top:20px; /* 37px */
    font-size:150% !important;
}

.logos {
  padding-top: 37px;
}

div.language {
    text-align:right;
    
    padding-bottom:10px;
    font-size: 80%;
}
div.language a, div.language a:hover, div.language a:focus {
    color:#ffffff;
    background:transparent;
    
}

/*
###### Navigation
siehe navbar.css
*/

nav.navbar,
ul.navbar-nav {
    padding-bottom: 0px;
}

/*
###### Main

*/

main a:hover, main a:focus {
    background-color: inherit;
    color:#cf3a2a; /*projektfarbe!*/
    
    -webkit-filter: grayscale(100%);
				filter: grayscale(100%);
}



main p {
line-height:1.5;
margin-bottom:15px;

}

/*
###### Footer

*/

footer {
    background-color: var(--color-vase-background); 
    padding: 50px 0px;
    color: #333333;
}

footer h6 {
     color: inherit;
     background-color: inherit;
     border-bottom: 1px solid #333333;
     margin-bottom: 1em;
}

footer .row{
    padding-top: 15px;
}

footer a {
    color: inherit;
}


img.footer_icons{
    padding-right:10px;
    padding-bottom:10px;
}

.icons a:hover, .icons a:focus {text-decoration:none;}
/*
###### Boxen
*/


.card{
    box-shadow:none; 
    border:none;
/*	border: 1px solid transparent;*/
    border-radius:0;
   /* padding-right:20px;
    padding-left:20px;*/
/*    margin-bottom:30px;*/
	margin-top: 30px;
}

/* .card-body{
    margin-top: 20px;
    padding-left: 0;
    margin-left: 0
} */

.panel{
    padding-bottom:30px;
    padding-top:120px;
}


.first-article {
    padding-top: 50px;
}

.first-article a{
    text-decoration: none;
}

#landing-searchBox-2 {
    margin-bottom: 20px;
}

#landing-searchBox-3 {
    margin-top: 20px;
}

     
 .carousel .carousel-item img {
  height: 360px !important;
} 

/*https://raybo.org/posts/2021-03-27-consistent-height-carousels-with-css-gradients-by-hacking-the-bootstrap-5-carousel/*/
/*#carousel .carousel-item img {  
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height:100vh;
}*/
/*
#carousel .carousel-item:before {
  content: "";
  background-image:
    linear-gradient(
      to bottom,
      transparent, rgba(0,0,0,0.5)
    );
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
}*/

div#carousel {
    position:relative;
}

div#formTest {
    z-index:20;
}

#discoverCollections {
    color: var(--color-vase);
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
}

.landing-vase-text {
  color: white;
  font-size: 29px;
/*  font-weight: bold;*/
  letter-spacing: 0.7px;
/*  line-height: 1;*/
/*  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;*/
}

/*.landing-search-form {
max-width: 450px;   
    
}*/


.card-collection{
    border-radius: 1%;
    border-color: #C0C0C0 !important;
    overflow: hidden;
    text-decoration:none;
}


.card-collection-title {
    height: 100px;
    padding: 1rem 1rem 3rem;
    color: white;
}


.card-collection-body {
    padding: 0;
}

.card-collection-text {
    padding: 2rem;
    color:black;
}



.card-collection-text blockquote{
    text-align: justify;
}



.card-imageFit {
/*    height: 400px;*/
    object-fit: cover;
    object-position: center;
}

.card-title {
    padding-top: 1rem;
}

.vif-card-title{
    background-color: var(--color-vif);
}

/* .btn-vif, .btn-vif:hover, .btn-vif:active, .btn-vif:visited, .btn-vif:focus {
    background-color: var(--color-vif);
    border-color: #8064A2;
    color: white;
} */


.baci-card-title{
    background-color: var(--color-baci);
}

/* .btn-baci, .btn-baci:hover, .btn-baci:active, .btn-baci:visited, .btn-baci:focus {
    background-color: var(--color-baci);
    border-color: #8064A2;
    color: white;
} */

.siba-card-title{
    background-color: var(--color-siba);
}

/* .btn-siba, .btn-siba:hover, .btn-siba:active, .btn-siba:visited, .btn-siba:focus {
    background-color: var(--color-siba);
    border-color: #8064A2;
    color: white;
} */

.polos-card-title{
    background-color: var(--color-polos);
}

/* 
.btn-polos, .btn-polos:hover, .btn-polos:active, .btn-polos:visited, .btn-polos:focus {
    background-color: var(--color-polos);
    border-color: #8064A2;
    color: white;
}
  */

.vismig-card-title{
    background-color: var(--color-vismig);
}

.alba-card-title{
    background-color: var(--color-alba);
}

.card-search {
    background-color: var(--color-vase-background-light);
}


.card-footer {
    background-color: initial;
    border-top: initial;
    padding-bottom: 40px;
}

/* 
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited,
.btn-secondary:focus {
    background-color: #475862 !important;
} */


/*
###### Bilder
*/

.thumbnail{
    border-radius:0;
}


/*.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9{
    padding-left:10px;
    padding-right:10px
}
*/


/* box: flexible heights, responsive */ /*funktioniert nur in Firefox und IE, Chrome und Safari wehren sich*/

/*.equalheight {
  display: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; 
  }
    
 .equal {
  flex: 0 0 1;
 }
 
.row.equalheight {
 padding-bottom: 20px
 }

.panel-eq {
   display: flex;
   flex-direction:column;
   align-content:stretch; 
   width: 100%;
   height: 100%;
   padding-bottom: 15px
}
 
@media (max-width: 768px) {
 .equalheight {
    display: block;
 }
 }

.flex, .flex > article[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 0 auto;
}*/


/*
###### Suche und Kontextliste
*/


.chevron-down-context{
    font-size:10px; 
    padding-right:5px;
}
.context-item-number{
    float:right;
    color:#CF3A2A; /*projektfarbe*/
}

p.results{
    float:right; bottom: 0; right: 0; font-size:12px;
}

li.results{
    position:relative;
    overflow:hidden;
    padding:15px;
    margin:15px 0px 15px 0px;
    background-color: var(--color-vase-background-light);
}


img.results{
    float: left; padding-right: 10px; padding-bottom:5px;
}

span.results{
    vertical-align: top; padding-right: 10px;
}
span.permalink{
    font-size:12px;
}

span.icon-span{
    position: absolute; bottom: 0; right: 0; padding:5px;
}



/*.form-control, .input-group-addon, .btn{
    border-radius:0;
}*/

#search a, #search a:hover, #search a:focus, #results a, #results a:hover, #results a:focus {
    color:#333333;
    text-decoration:none;
}


#search p, #results p {margin-bottom:5px;}

#search-navi a, #search-navi a:hover, #search-navi a:focus {
color:#cf3a2a;/*projektfarbe!*/
}


.result {
list-style:none; 
padding:0;
margin:0;
}


/*Accordion*/

.accordion{
    padding:0;
}
.sublinks{
    max-height: 270px;
    overflow-y: scroll;
}
.accordion .list-group-item{
    border-radius:0;
}

/**Styling für die Elementliste in der Sidebar des ODD Interfaces**/
#sidebar .panel {
    
    padding:20px;
    
}
#moduleList a{
    font-size: 20px; 
    font-variant: small-caps;
    
}
#elementList #descElementList strong{
	font-variant: small-caps;
	font-size: 20px;
}
/** END ODD Sidebar **/

/*styling für edition <pb>*/
span.page {
    width: 100%;
    height: 12px;
    margin-top: 10px;
    margin-bottom: 21px;
    border-bottom: 1px solid black;
    text-align: center;
    display: block;
    }
span.pageNumber {
    background-color: #FFFFFF;
    }

/*styling für infobox*/
#info_box_tei{
padding: 10px;
border: 1px solid black;
margin: 10px;
}
.info_label{
font-weight: bold;
color: #00BFFF;
}
#info_box_lido{
padding: 10px;
border: 1px solid red;
margin: 10px;
}

/* TAGCLOUD */

div[id = 'tagskeywords']{
    /*margin:20px auto;*/
    width: 100%;
    min-height: 400px;
    border: none;
}

/*.form-control{
    width: 80%;
}*/

div.jqcloud{
    font-family: Arial;
    line-height: normal;
}

div.jqcloud a{
    font-size: inherit;
    text-decoration: none;
}

div.jqcloud span.w10{
    font-size: 210%;
}
div.jqcloud span.w9{
    font-size: 200%;
}
div.jqcloud span.w8{
    font-size: 200%;
}
div.jqcloud span.w7{
    font-size: 180%;
}
div.jqcloud span.w6{
    font-size: 180%;
}
div.jqcloud span.w5{
    font-size: 150%;
}
div.jqcloud span.w4{
    font-size: 150%;
}
div.jqcloud span.w3{
    font-size: 150%;
}
div.jqcloud span.w2{
    font-size: 130%;
}
div.jqcloud span.w1{
    font-size: 100%;
}

/* colors */
div.jqcloud a{
    color: inherit;
}
div.jqcloud a:hover{
    color: #950101;
}
div.jqcloud span.w1{
    color: #757575;
}
div.jqcloud span.w2{
    color: #757575;
}
div.jqcloud span.w3{
    color: #757575;
}
div.jqcloud span.w4{
    color: #626261;
}
div.jqcloud span.w5{
    color: #626261;
}
div.jqcloud span.w6{
    color: #626261;
}
div.jqcloud span.w7{
    color: #4e4e4d;
}
div.jqcloud span.w8{
    color: #4e4e4d;
}
div.jqcloud span.w9{
    color: #3B3B3A;
}
div.jqcloud span.w10{
    color: #3B3B3A;
}
/* layout */

div.jqcloud{
    overflow: hidden;
    position: relative;
}

div.jqcloud span{
    padding: 1px
}

/*Tagcloud Ende*/

/* Leaflet Map */

#map { width:100%; height:750px;}

/*zoomable Circle*/

.node {
    cursor: default;
    transition: opacity 0.3s ease;
  }
  
  .node--hover {
    cursor: pointer;
    filter: brightness(0.8);
  }

.label--hover {
cursor: pointer;
}

.node--leaf {
display: none;
}

.label {
font: "Crimson";
text-anchor: middle;
}

.node--leaf {
pointer-events: auto;
}