/*-------------------------------
 Schriften
--------------------------------- */
/* Clan definieren */
@font-face {
    font-family: ClanScWebBook;
    font-style: normal;
    font-weight: 400;
    src: url(https://staatsbibliothek-berlin.de/fileadmin/hb/ClanScWeb-Book.woff) format('woff');
}

@font-face {
    font-family: ClanWebBook;
    font-style: normal;
    font-weight: 400;
    src: url(https://staatsbibliothek-berlin.de/fileadmin/hb/ClanWeb-Book.woff) format('woff');
}

p.clanscwebbook { font-family: ClanScWebBook, Arial, Helvetica, sans-serif }
p.clanwebbook { font-family: ClanWebBook, Arial, Helvetica, sans-serif }
.avia-menu-text, h1, h2, h3, h4, h5, h6, #top .title_container .main-title, tr.pricing-row td, #top .portfolio-title,
.callout .content-area, .avia-big-box .avia-innerbox, .av-special-font, .av-current-sort-title {
    font-family: ClanWebBook, helvetica, arial, sans-serif;
}

.mkwsLang, .mkws-lang,
.mkwsSwitch, .mkws-switch,
.mkwsSearch, .mkws-search,
.mkwsTermlists, .mkws-facets,
.mkwsFacet, .mkws-facet,
.mkwsRanking, .mkws-ranking,
.mkwsPager, .mkws-pager,
.mkwsNavi, .mkws-navi,
.mkwsRecords, .mkws-records,
.mkwsRecord, .mkws-record,
.mkwsTargets, .mkws-targets,
.mkwsStat, .mkws-stat,
.mkwsMOTD, .mkws-motd,
.mkwsAuthname, .mkws-auth-name {
    font-family: ClanWebBook, helvetica, arial, sans-serif;
}

.mkws-facet-title, .mkwsFacetTitle,
.mkws-field-title{
    font-family: ClanWebBook, helvetica, arial, sans-serif;
}





.mkws-results table td {
    background-color: #ffffff;
}
/*div für angewandte facetten (navi) und Facetten Filter*/
.left_content{
    float:left;
    padding: 0 22px 9px 0;
    width: 25%;
    min-height: 150px;
}
.middle_content{
     float:left;
     width: 75%;
 }
/*
.right_content{
    float:right;
    width: 75%;
}*/

/*------------------------
switch
------------------------*/
#top .mkwsSwitch, #top .mkws-switch{
    float:left;
    width: 55%;
    padding: 5px 12px;
}
/*-----------------------
progress
-----------------------*/
.mkwsProgress, .mkws-progress{
    padding: 0px 20px;
    position: relative;
    width: 100%;
    min-height: 5px;
    z-index: 1;
}
.mkwsProgress .balken, .mkws-progress .balken{
    height: 20px;
    float: left;
    height: 20px;
    min-width: 10px;
    width: 16.66%;
}

#top.mkwsProgress .mkwsDone .balken, .mkws-progress .mkws-done .balken {
    background-color: #005b6b;
}

.mkwsProgress span.mkwsWaiting .balken, .mkws-progress span.mkws-waiting .balken {
    background-color: #e1e1e1;
}

div.mkws-waiting {
    display: inline-block;
    width: 100%;
}
div.mkws-waiting img{
    display: block;
    margin: 10px auto;
}

.progress-font {
    bottom: 1px;
    color: #ffffff;
    left: 30px;
    position: absolute;
    z-index: 5;
    font-size: 0.8em;
}
.mkws-records{
    clear:both;
}
.mkws-records .mkws-field-title{
    font-weight: bold;
}
.mkwsTermlists, .mkws-facets {
    font-size: 12px;
}
/*------------------------
Zotero Button
-------------------------*/
.middle_content > p:first-of-type{
    margin: 0px;
}

#zotbtn{
    float:right;
    margin: 0px 10px;
    background-color: #fff;
    border: solid 0px #fff;
}
#zotbtn:hover{
    text-decoration: underline;
}


/*------------------------
sort / ranking
-------------------------*/
#top .mkws-ranking.mkwsRanking.mkws-team-AUTO form{
    margin-bottom: 0px;
    margin-top: 0px;
}

.mkws-ranking span, .mkwsRanking span {
    display: inline-block;
    float: left;
}

#top .mkws-motd-container select,
#top .mkws-ranking select{
    width:15%;
    min-width:90px;
    margin: 0 0 5px 5px;
    padding: 3px 5px;
    float: right;
}
.mkws-ranking form{
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
}
.mkws-ranking form > div{
    min-height: 10px;
}
.mkws-ranking {
    width: 42%;
    float: right;
    display: none;
}

/**/
.mkwsPager, .mkws-pager {
    width: 58%;
    float: left;
}
.mkwsPager a:hover, .mkws-pager a:hover{
    text-decoration:none;
}
.mkwsPager .mkws-noHits{
    background: rgba(0, 0, 0, 0.61) none repeat scroll 0 0;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.5em;
    padding: 5px 15px;
}
.mkws-prev::before {
    content: "< ";
}

.mkws-next::after {
    content: " >";
}

#top .pagination.mini .current,
#top .pagination.mini a,
#top .fullsize .template-blog .pagination.mini a {
    border-radius: 50px;
    height: 25px;
    line-height: 25px;
    width: 25px;
}
.pagination.mini{
    padding: 10px 0 10px;
}

.mkws-field-date{
    display: inline;
}
.mkws-breadcrumb{
    margin: 0 0px 0 10px;
    vertical-align: bottom;
    font-size: 1.1em;
    float: right;
}
.mkws-navi{
    border: solid 1px #e1e1e1e1;
    border-radius: 0px;
    margin-bottom: 20px;
    margin-top: 12px;
    display: none;
}
.mkws-navi .mkws-facet-title ~ div{
    display: inline-block;
    width: 100%;
}

/*------------------------
input field and button
-------------------------*/
#top .mkwsSearch, #top .mkws-search{
    float:left;
    width: 100%;
    padding: 0 12px;
    margin: 0 auto 10px auto;
}
#top .mkwsSearch form, #top .mkws-search form,
#top .mkwsSearch form input.mkws-query,
#top .mkws-search form input.mkws-query{
    margin-bottom: 0px;
}

#top .input-text, 
#top input[type="text"], 
#top .mkws-search input[type="input"], 
#top .mkwsSearch input[type="input"],
#top input[type="password"], 
#top input[type="email"], 
#top input[type="number"], 
#top input[type="url"], 
#top input[type="tel"], 
#top input[type="search"], 
#top textarea, 
#top select {
	display:inline !important;
}

#top .mkwsSearch input.mkwsQuery, 
#top .mkws-search input.mkws-query {
    width:calc(100% - 82px); !important;
    height: 34px;
    float:left;
}
#mkwsButton{
    border-style: solid;
    border-width: 1px 1px 1px 0px;
}

#top .mkwsSearch input.mkwsButton,
#top .mkws-search input.mkws-button{
    border-width: 0px;
    padding:7px 22px;
    margin: 0px;
    text-transform: none;
    width: auto;
    max-width: 80px;
    height:34px;
}

#top .mkws-results td,
#top .mkwsProgress,
#top .mkws-progress,
#top .mkws-lang{
    border-width: 0px;
    margin-left: 0px;
}

.main_color .mkws-results table td.mkws-motd-container, .main_color .mkws-results table td.mkws-facets-container-wide{
    border-color: #ffffff;
}
tr:first-child th, tr:first-child td {
    border-top-style: solid;
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0 !important;
}


/*
#top .mkws-progress{
    background-color: #f2f2f2;
}
#top.mkwsProgress .mkwsDone, .mkws-progress .mkws-done {
    color: rgba(0, 0, 0, 0.61) !important;
}

#top .mkwsTermlists, #top .mkws-facets{
    border-radius:0px;
    background-color: rgba(0,0,0,0.61);
}
#top .mkwsFacet, #top .mkws-facet{
    border-radius:0px;
}
*/
.pagination span{
    border-style: solid;
    border-width: 1px;
    background: #fcfcfc none repeat scroll 0 0;
}
.pagination.mini .mkwsCurrentPage, .pagination.mini .mkws-current-page {
    line-height: 20px;
    width: 25px;
    height: 25px;
    border-radius: 15px;
    color: #11202a;
}

.pagination .mkwsCurrentPage,.pagination .mkws-current-page {
    line-height: 30px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    color: #11202a;
}


.flex_column.av_three_fifth.input_width  {
    margin-left: 2% !important;
}
/*------------------------
Datenbanken / Targets
------------------------*/
.mkws-targets{
    background-color: #ffffff;
}
.mkwsTargets table tbody tr:nth-child(2n), .mkws-targets table tbody tr:nth-child(2n) {
    background-color: #e9e9e9;
}
.mkwsTargets table tbody tr:nth-child(2n+1), .mkws-targets table tbody tr:nth-child(2n+1) {
    background-color: #fcfcfc;
}

/*------------------------
Portfolio
------------------------*/
.right_content .metasuche-portfolio:first-child{
    margin: 30px 0 10px 0;
    width: 100%;
}
.metasuche-portfolio{
    margin: 0px 0 10px 0;
    float: left;
}
.metasuche-portfolio .portfolio-title{
    font-weight: bold;
}
.metasuche-portfolio button, .metasuche-portfolio button#zotbtn, .metasuche-portfolio button#refreshBtn, .metasuche-portfolio button#zotbtn{
    background-color: #f9f9f9;
    color: #539399;
    padding:5px 0px;
    margin: 0px;
    float:left;
    text-align: left;
    border: none;
}
.metasuche-portfolio button:hover{
    text-decoration: underline;
}

.mkws-search + .togglecontainer .toggle_content {
    padding: 12px 20px 11px;
    margin: 0 12px;
}

.right_content .metasuche-portfolio h6{
    font-size: 12px;
}

/*------------------------
Detail View - Export
------------------------*/
#top .main_color .mkws-details table tr:nth-child(2n+1) td,
#top .main_color .mkws-details table tr:nth-child(2n+1) th{
    background: #fff none repeat scroll 0 0 !important;
    color: #55606e;
}

.mkws-details table th, .mkws-details table td{
    padding: 5px 12px;
}

.mkws-details table tr td ul,
.mkwsDetails table tr td ul{
    margin: 0px;
}
.mkws-details table tr td ul li,
.mkwsDetails table tr td ul li{
    display: inline;
    list-style: outside none none;
    margin: 0 10px 0 0;
}
.mkws-details table tr td ul li form,
.mkwsDetails table tr td ul li form{
    float:left;
    margin-bottom: 0px;
}
.mkws-details table tr td ul li form input,
.mkwsDetails table tr td ul li form input{
    background-color: #FFFFFF !important;
    color: #55606e !important;;
    padding: 0px 10px 0 0;
}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 979px) {
    /*Avia Layout Elemente anpassen*/
    /*Grip responsive machen*/
    #result-grid-search div.flex_cell.no_margin{
        Display: inline;
        Width: 100%;
        margin: 0;
        padding: 0;
    }

    #result-grid-search .flex_cell.no_margin.av_one_fifth{
        width: 150px;
        max-width: 45%;
    }

    .responsive #top #result-grid-search .av-flex-cells .no_margin,
    #result-grid-search .flex_cell.no_margin{
        display: block;
        height: auto !important;
        margin: 0;
        overflow: hidden;
        padding-left: 8% !important;
        padding-right: 8% !important;
    }
    .responsive #top #result-grid-search .flex_column,
    .responsive #top #result-grid-search .av-flex-cells .no_margin{
        margin: 0 0 20px;
        width: 100%;
    }

    .responsive #top #result-grid-search .av-flex-cells .no_margin .flex_cell_inner,
    #result-grid-search.detail_view .flex_cell.no_margin .flex_cell_inner{
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .responsive #top #result-grid-search .av-flex-cells .no_margin.av-zero-padding{
        padding-left:0% !important;
        padding-right:0% !important;
    }

    .responsive #top #result-grid-search .flex_column:empty{ margin:0; }

    .mkws-details table th,
    .mkws-details table td{
        float:left;
    }

    .mkws-results a{
        word-break: break-word;
    }
}

@media (min-width: 1025px) {
    .mkws-pager-list.show-on-mobile{
        display: none;
    }
}

@media (max-width: 1024px) {
    .mkws-pager-list.hide-on-mobile{
        display: none;
    }
}

#top #pager1select,
#top #pager2select{
    float: left;
    height: 27px;
    margin: -1px 7px 5px 5px;
    min-width: inherit;
    width: 56px;
}