/*
###### Typography
*/
html{
    background-color:#475862;
}


.header-card-nav {
  top:4em;
  background-color:white;

}


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

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

h1{
    font-size:180%;
    margin-bottom:0;
}

h2{
    font-size:130%;
    font-family:"Open Sans", Arial, Helvetica, sans-serif;
    font-style:italic;
    margin-bottom:0.8em;
    margin-top:0.4em;
}

h3{    
    color:#630356; /*projektfarbe!*/
    font-size:125%;
    line-height:1.8em;
}
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;

}

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

}

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

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

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

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

/*
###### Header
*/
@media (max-width: 768px){
    header h1{
        font-size: 170%; 
    }
      header h2{
        font-size: 120%; 
    }
    .logoUni {
    height: 45px;
}

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

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

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

header {
    background-color: #DA0914;/*projektfarbe!*/
    overflow: hidden;
     height: 125px;
   
}

header h1, header h2, div.language  {
    color: #ffffff;
}
header h1{
    margin-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
*/


/*
###### Main

*/
main a:hover, main a:focus {
    background-color:transparent;
    color:#630356; /*projektfarbe!*/
}



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

}

/*
###### Footer

*/

footer {
    background-color: #630356; 
    padding-bottom: 30px;
    margin-top: 30px;
    color: #ffffff;
}

footer h6 {
     color: inherit;
     background-color: inherit;
     border-bottom: 1px solid #ffffff;
     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-img-top{
	width: 100%;
}

/*
###### 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:#630356; /*projektfarbe*/
}

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

li.results{
    position:relative;overflow:hidden;border-bottom:dotted 1px;padding:5px 0 5px 0;margin:5px 0 5px 0;
}

li.results:last-child {border-bottom:none;}

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:#630356;/*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 **/