h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto";
    font-weight: 900;
}

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

.excerpt {
    font-family: "Roboto Slab";
}

.article-content-font, #article {
    font-family: "Roboto Slab";
}

.page-container,#article{
    font-family: "Roboto Slab";
    font-size: 20px;
}

#article .image{
    margin-top: 8px;
    text-align: unset !important;
}

.btn-outline-danger {
    color: #00adee !important;
    border-color: #00adee !important;
}

.btn-outline-danger:hover {
    color: #fff !important;
    background-color: #00adee !important;
    border-color: #00adee !important;
}

#article figcaption.figure-caption{
    padding-top: 5px;
}

.btn-danger {
    background-color: #00adee !important;
    border-color: #00adee !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: #046b86 !important;
    border-color: #046b86 !important;
}

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

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 */
}


.article-content-font {
    font-family: "Roboto Slab";
}

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

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu {
    background: #A9D0F5;
}

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

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

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

.mainmenu .collapse ul 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: #00adee !important;
    color: #FFF !important;
}

.card-wrapper{
    background: #A9D0F5 !important;
}

.card-text{
    color: #0c0c0c !important;
}


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

.mainmenu .collapse ul > li:hover > a {
    background: #00adee !important;
    color: #FFF !important;
}

.first-article{
    text-transform:none !important;
}

/*.dropdown-toggle::after {*/
/*    border: none!important;*/
/*    font: normal normal normal 14px/1 FontAwesome;*/
/*    content: "\f107"!important; !* the desired FontAwesome icon *!*/
/*    vertical-align: 0; !* to center vertically *!*/
/*    color: #00adee !important;*/
/*}*/

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

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

.blog-footer{
    border-top: 2mm solid #48b2e9;
    background-color: #fff;
}

.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;
}

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

/*Fusion*/

#feed-panel-1, #feed-panel-2, #feed-panel-3, #feed-panel-4  {
    background: #A9D0F5;
    border: 10px solid white;
    padding: 20px;
}

.bcms-header-top {
    border-bottom: 1px solid #000;
}

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

.bd-footer {
    border-top: 2mm solid #48b2e9;
    background-color: #fff;
}

#address-info{
    text-align: right;
}
/*#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;

    }
}

@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;
    }

    /*.cms-top-menu-main div div{*/
    /*    flex: 0 0 33.333333%;*/
    /*    max-width: 33.333333%;*/
    /*}*/
    #menu_area > div.col-10.cms-top-menu-main > div > div > a > b{
        display: none;
    }

    .navbar-toggler-icon{

    }
}

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


.logo-mobile {
    max-width: 100% !important;
    margin-top: 1.2rem;
}

@media (min-width:455px) and (max-width:991px) {
    img#logo {
        max-height: 100px !important;
    }
}

.most-read{
    padding-bottom: 2.5rem;
}

@media (max-width:360px) {
    img#logo {
        max-width: 75%;
        vertical-align: middle;
    }
    a.bd-button-header {
        padding: .25rem .3rem !important;
        font-size: 0.635rem !important;
    }
}

#article > div.image > a > img {
    max-width: 42rem !important;
    height: 100% !important;
    object-fit: cover !important;
    max-height: initial !important;
    text-align: unset !important;
}


.uttwilom .content table{
    border-color: #000000;
    height: 298px;
    width: 662px;
}

.uttwilom .content table tbody tr td{
    border-color: #000000;
    border-style: inset;
    text-align: center;
}

.photo img{
    object-position: top;
}