:root {
    /*footer*/
    --bdgray: #71706d;
}


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 #fff !important;
    background-color: var(--bdgray) !important;
    color: #fff !important;
}

.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 #fff !important;
    background-color: var(--bdgray) !important;
    color: #fff !important;
}

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

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

.footer-menu li span {
    border: none !important;
}

.wzPig,.paymentType, .topRight img{
 width: 90px;
}


.form-container{
    padding: 30px;
    border-radius: 20px;
    background-color: #bbbbbb;
    margin-top: 40px;
    margin-bottom: 40px;
}

.form-container .sbradio-default{
    border:none !important;
}

#donate-button{ font-size: 1.6rem;}

.submit-container{
    text-align: center;
}

.form-container label{
    font-size: 1.6rem;
}

.sbradio-default input[type="radio"] label{
    color: #000;
}