@font-face {
    font-family: 'Noto Serif';
    src: url('/apps/bcms/@themes/demo/fonts/Noto_Serif/NotoSerif-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('/apps/bcms/@themes/demo/fonts/Noto_Serif/NotoSerif-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 200 900;
    font-style: normal;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('/apps/bcms/@themes/demo/fonts/Noto_Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('/apps/bcms/@themes/demo/fonts/Noto_Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 200 900; /* Define the range of weights available */
    font-style: italic;
}


:root {
    --midnightblue: #000;
    --bluegray: #0c8244;
    --darkblue: #064b26;
    --babyblue: #ddeeda;
    --bdlightblue: #e2eee0;
    --bdgray: #000;
    /*footer*/
    --bdgray: #000;
}
.menu-top{
    display: none;
}

body,h1, h2, h3, h4, h5, h6{
    font-family: "Noto Serif", serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Serif", serif;
    font-weight: 500 !important;
    font-style: normal;
}

.btn-outline-danger {
    color: var(--midnightblue) !important;
    border-color: var(--darkblue) !important;
}

.btn-primary {
    background-color: var(--bluegray) !important;
    border-color: var(--bluegray) !important;
}

.btn-outline-danger:hover {
    color: #fff !important;
    background-color: var(--darkblue) !important;
    border-color: var(--darkblue) !important;
}

.bd-button-header.btn-outline-danger:hover {
    color: #000 !important;
    background-color: #fff !important;
}

.btn-danger {
    background-color: var(--bluegray) !important;
    border-color: var(--bluegray) !important;
}

.btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 .1rem rgb(142, 210, 231) !important;
}

.btn-danger:hover {
    background-color: var(--darkblue) !important;
    border-color: var(--darkblue) !important;
}

.text-muted {
    color: #000 !important;
}

/*HEADER*/
.bcms-header-top {
    border-bottom: none !important;
}

#bd-navbar {
    border-bottom: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
}

.blog-header-logo #logo{
    max-width: 90%;
    float: left;
}

header.blog-header {
    padding-bottom: 2rem !important;
}

.blog-header-logo #logo {
    float: left;
}

header.blog-header {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.blog-header {
    line-height: 1;
    border-bottom: 1px solid #000;
}

/*MAIN MENU*/
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    padding: 16px 15px;
    font-family: "Noto Serif", serif;
    display: block !important;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: var(--darkblue);
}

div.menu-top > a {
    margin-right: initial !important;
}

.mainmenu .collapse ul ul > li:hover > a,
.mainmenu .collapse ul > li:hover > a,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav .show .dropdown-menu > li > a:hover,
.dropdown:hover, .dropdown:focus
{
    background: var(--bluegray) !important;
    color: #FFF !important;
}
.mainmenu .collapse ul ul > li > a{
    color: #FFF !important;
}

.dropdown-toggle::after {
    border: none !important;
    content: url("/apps/bcms/@themes/demo/assets/img/Zeichen_blue.svg");
    width: 10px;
    height: 10px;
    font-weight: bold;
    vertical-align: 0; /* to center vertically */
    /*color: var(--darkblue) !important;*/
}

.dropdown-toggle:hover::after {
    color: #FFF !important;
    content: url("/apps/bcms/@themes/demo/assets/img/Zeichen_white.svg");
    font-weight: bold;
}

.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link {
    padding: 16px 15px;
    display: block !important;
}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
    background: var(--midnightblue) !important;
}

/*ARTICLES*/
div.top-article h3, #nav-tab {
    font-family: "Noto Serif", serif;
}

.excerpt{
    font-family: "Noto Serif", serif;
}

.article-content-font{
    font-family: "Noto Serif", serif;
}

.front-image-top-wrapper, #e-paper-block {
    padding-top: 20px;
}

.first-article{
    text-transform: none !important;
    font-size: 28px !important;
}

.very-first-article{
    width: 40%;
    font-weight: 900 !important;
    font-size: 3rem !important;
    margin-top: 4%;
    margin-left: 4%;
    text-shadow: 23px 23px 41px rgba(0, 0, 0, 0.5);
}

.front-image-top-wrapper,#e-paper-block{
    padding-top: 20px;
}

.top-article{margin-top:5px;}

div.top-article h3, #nav-tab {
    font-family: "Noto Serif", serif;
}

div.top-article:before, div.top-article:after, div.top-article > :first-child:before, div.top-article > :first-child:after {
    border-color: #fff !important; /* or whatever colour */
    border-style: inherit !important;
}

.excerpt {
    font-family: "Noto Serif", serif;
    font-weight: 300;
    font-size: 1.1rem;

}

.article-content-font, #article {
    font-family: "Noto Serif", serif;
    font-weight: 300
}

.page-container,#article{
    font-family: "Noto Serif", serif;
    font-weight: 300;
    font-size: 20px;
}

#article{
    margin-bottom: 50px;
}

.topList {
    margin-top: 1.2rem !important;
}

#article > .image {
    margin-top: 40px;
}

/*TABS*/
/*.card-wrapper{*/
/*    background: var(--midnightblue) !important;*/
/*}*/

/*.card-container.slick-slide .slider--excerpt {*/
/*    background: var(--babyblue) !important;*/
/*}*/

.card-container.slick-slide .slider--excerpt,
.card-container.slick-slide,
.card-container.slick-slide img,
img.top-image,.photo > img{
    border-radius: 10px;
}


/*FOOTER*/
.blog-footer{
    border-top: 2mm solid var(--midnightblue);
    background-color: #fff;
}

.bd-footer {
    border-top: 2mm solid #fff !important;
    background-color: var(--bdgray) !important;
    color: #fff !important;
}

#address-info{
    text-align: right;
}

.footer-menu {
    font-size: 14px;
    color: #000;
    padding-left: 5px;
    text-align: left;
    list-style: none;
}

.footer-menu li div ul {
    padding-left: 4px;
    padding-top: 5px;
}

.footer-menu li div ul li{
    list-style: none;
}

.footer-menu li span{
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px #000 solid;
    width: 100%;
    display: block;
}

.footer-menu {
    font-size: 14px;
    color: #fff;
    padding-left: 5px;
    text-align: left;
    list-style: none;
}

.footer-menu li div ul {
    padding-left: 4px;
    padding-top: 5px;
}

.footer-menu li div ul li {
    list-style: none;
}

.footer-menu li span {
    font-size: 16px;
    font-weight: bold;
    border-bottom: none !important;
    width: 100%;
    display: block;
}

.footer-menu .text-dark{
    color:#ffffff !important;
}


.footer-menu .text-dark:hover{
    color: var(--babyblue) !important;
    text-decoration: none !important;
}

.bd-social a:hover{
    color: var(--bluegray);
}

/*OTHER*/

.epaper-name{
    color: #000 !important;
}

div.alert.alert-dark.wrap-collabsible,.spanner{
    display: none;
}

/*Fusion*/
#feed-panel-1, #feed-panel-2, #feed-panel-3, #feed-panel-4  {
    background: var(--bdlightblue);
    border: 5px solid white;
    border-radius: 10px;
    padding: 20px;
}

.footer-menu li span a {
    color: #fff !important;
}

/*#menu-area-mobile{display: none}*/
@media (min-width:992px){
    img#logo {

        width: 100%;
        max-width: 100%;
        padding-bottom: 14px;
        padding-top: 16px;
        padding-left: 0;
        padding-right: 57px;
        max-height: 110px;
    }
}

@media (max-width:991px){
    header.blog-header{padding-bottom: 1rem !important;}
    .blog-header-logo #logo {float: none; padding: 1rem 0px}

    .blog-header-middle {
        border-bottom: none;
    }

    .blog-header-bottom {
        border-bottom: none;
    }

    #menu_area > div.col-10.cms-top-menu-main > div > div > a > b{
        display: none;
    }
}

@media (min-width: 501px) and (max-width: 991px) {
    img#logo {
        max-height: 80px;
    }
}

#paywall_header {
    background-color: var(--bluegray);
}

#paywall_content .btn-primary{
    background-color: var(--bluegray) !important;
    border-color:var(--bluegray) !important;
}

.figure-caption{
    font-family: "Noto Serif", serif;
    font-weight: 300 !important;
    font-style: italic !important;
}
.excerpt{
    text-align: left !important;
}

.article-info-container span{
    color: var(--bluegray) !important;
}

.top-article {
    margin-top: 0px !important;
}

div.home:nth-child(1) > hr:nth-child(2) {
    display: none !important;
}

b, strong {
    font-weight: bold !important;
}

#tml-1, #tml-2 {
    display: none !important;
}