@font-face {
    font-family:PTSans;
    src:url(../fonts/PT_Sans-Web-Regular.ttf) format('truetype')
}
@font-face {
    font-family:Quattrocento;
    src:url(../fonts/Quattrocento-Regular.ttf) format('truetype')
}

body { min-height: 1000px; background: #000 url(../img/Background_Angeln.jpg) no-repeat fixed center top; background-size: cover; font-family: 'PTSans','Trebuchet MS','Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif; }

.header-bar { height: 0; line-height: 2.1em; margin-left: -15px; margin-right: -15px; position: fixed; z-index: 100; top: 0; width: 100%; background: #1f0e02; color: #f0d9a2; padding: 0.5em 0 0; min-height: 3.125em; box-sizing: border-box; border-bottom: 3px solid #fece58; }
    .search-container { background: #fff; height: 2.1em; margin-right: 1.5rem;  }
        .search-container input[type='text'] { width: 97%; height: 100%; position: absolute; box-shadow: none; border: 0; margin: 0 0 0 2em; padding: 0.4em 4.5em 0.2em 0; }
        .search-container button { border: 0; background: transparent; line-height: 100%; position: absolute; right: 0; top: 6px;}


.logo-bar { height: 170px; line-height: 170px; text-align: center; margin-top: 70px; margin-bottom: 20px; }

.side-navigation > .col { color: #f1de8e; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); overflow: auto; padding: 1.5em; margin: 1em 0; line-height: 1.1; background: #1f0e02; border: 1px solid #fece58;}
    .side-navigation > .col h3 { font-weight: normal; font-size: 1em; margin: 0.25em 0 0.75em 0; padding-bottom: 0.15em; border-bottom: solid 1px #fff; }
    .side-navigation > .col ul { list-style: none; margin: 0; padding: 0; }
    .side-navigation > .col li { line-height: 1.3rem; }
    .side-navigation > .col a:link,
    .side-navigation > .col a:visited { color: #f1de8e; }

.main-container { margin-left: 2rem; box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02); background: #f0d9a2; overflow: auto; color: #000; padding: 1em 2em 3em; margin-top: 0; border: 1px solid #88283a; }
    .panel { border: 1px solid #5d0505; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: 2px 2px 5px #000000; }
    .panel-heading { background: #660000 !important; padding: 0; margin: 0; font-weight: bold; text-align: center; font-size: 12px; color: #f0d9a2 !important; line-height: 25px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
        .panel-heading h4 { font-size: 0.9rem; }
    .list-group-item { background: transparent; }
    .panel-body { background: transparent; padding: 0; margin: 0; width: 100%; font-size: 11px;  }

    .source-container { font-size: 0.8rem; }
        .source-container > .col-11 { margin-bottom: 15px; }
        .source-container a:link,
        .source-container a:visited { color: #0c0604; text-decoration: underline; }
        .source-container a:hover { text-decoration: none; }

    .gallery { margin-top: 15px; width: 100% !important; }
    .gallery .image {

    }
        .image { float: left; }

    .boxInfoLb { width: 150px; text-align: center; border: 1px solid #5d0505; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 2px 2px 5px #000000; background: #5d0505; color: #f0d9a2; font-weight: bolder; padding: 5px; margin: 0 auto 20px auto; }
        .full { margin: 0; border-radius: 10px;}
        .full.m-l-r-auto { margin: 0 auto !important;}
.main-container a { color: #000; }
    .navigation tr { height: 35px; border-bottom: 1px solid transparent; }
        .navigation tr:hover { border-bottom: 1px solid #97100d; }
    .navigation td { text-align: center; font-size: 0.8rem; padding: 3px; vertical-align: middle; border: 0; }
        .navigation td.name { background: #5d0505; font-weight: bold; border: 1px solid #97100d; text-align: left; padding-left: 15px; }
            .navigation td.name a { color: #f0d9a2; }

footer { width: 100%; height: 50px; }
@media (max-width: 1165px){
    .main-container { margin-left: 0 ; }
}


.item_container { margin: 0px 15px 15px 0px; }
.item_refine_container { width: 100%; vertical-align: center; text-align: center; }
.item_refine_container ul { list-style: none; }
.item_tooltip_container { width: 100%; padding: 10px 4px 10px 4px; background: rgba( 0, 0, 0, 0.2); text-align: center; text-shadow: -1px -1px 0.1px #2E2E2E, -1px 1px 0.1px #2E2E2E, 1px 1px 0.1px #2E2E2E, 1px -1px 0.1px #2E2E2E, -1px 0px 0.1px #2E2E2E, 1px 0px 0.1px #2E2E2E, 0px 1px 0.1px #2E2E2E, 0px -1px 0.1px #2E2E2E; color: #ffffff; font-family: Arial; font-size: 9px; font-weight: bold; }
.item_tooltip_default { color: #c1c1c1; }
.item_tooltip_name { color: #ffc700; }
.item_tooltip_attr_default { color: #89b88d; }
.item_tooltip_attr_default_n { color: #e57875; }