/************************************ InvestmetnDenker Chart ************************************/
/********* Blau: #0345BF *********/
#sp-main-body {
    background-image: url('/images/site/bg_light.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px;
}

#sp-main-body .container {
    display: none;
}

iframe {
    margin: 0 auto;
    display: table;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    font-size: 16px;
    padding: 0 10px;
}

.sp-megamenu-parent > li {
    padding-left: 10px;
}

#sp-header,
#sp-component {
    background: #fff !important;
    background-color: #fff !important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li {
    border-top: 1px solid #ccc;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
    line-height: 40px;
}

a {
    color: #DAA520;
}

a:hover {
    color: #DAA520 !important;

}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li.active:hover > a {
    color: #DAA520;

}

#sp-main-body {
    padding: 0;
}

#tradingview_c8b08 {
    height: 700px !important;
}

#sp-footer {
    display: none;
}

.sp-sign-in .signin-text,
.d-xl-inline-block {
    display: none !important;
}

#idcopy {
    width: 100%;
    padding: 20px;
    background: #222;
    text-align: center;
    font-size: 10px;
}

#investmentdenker-copyright {
    margin-top: 20px;
}

.burger-icon > span {
    background-color: #eee !important;
}

.social-icon-twitter {
    display: none !important;
}

/************************************ Easyblog ***********************************/
#fd .fd-toolbar {
    padding-top: 12px;
}

#fd .fd-toolbar-divider,
.eb-mag-header-title,
.eb-mag-head,
#fd .fd-toolbar__item--home + .fd-toolbar__item--submenu {
    display: none;
}

#eb .eb-mag-post-title {
    font-size: 25px !important;
    text-align: center;
}

#eb .eb-mag-table {
    border-bottom: 1px solid #ccc;
}

/************************************ Dark Mode ***********************************/

@media (prefers-color-scheme: dark) {
    #sp-main-body {
        background-image: url('/images/site/bg_dark.jpg');
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        color: #ccc;
    }

    #sp-header,
    #eb .eb-bar--filter-bar,
    .awesomplete > input {
        background: #222 !important;
        background-color: #222 !important;
        color: #ccc !important;
    }

    .form-control {
        border: 1px solid #444;
    }

    .burger-icon > span {
        background-color: #eee;
    }

    body,
    #sp-component {
        background: #333 !important;
        background-color: #333 !important;
        color: #ccc !important;
    }

    .sp-megamenu-parent > li > a,
    .sp-megamenu-parent > li > span,
    .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
        color: #eee !important;
    }

    .sp-megamenu-parent > li.active > a,
    .sp-megamenu-parent > li.active:hover > a,
    .sp-megamenu-parent > li > a:hover,
    a:hover {
        color: #DAA520 !important;
    }

    #eb .eb-post-listing__item,
    #eb .eb-post-nickel,
    #eb .eb-post-nickel .eb-post-foot {
        background: #333 !important;
        color: #ccc !important;
    }

    #eb .eb-post-nickel .eb-post-top {
        border-bottom: 1px solid #444 !important;
    }

    .eb-post-nickel {
        border: 1px solid #444 !important;
    }

    #eb .eb-post-nickel .eb-post-foot {
        border-top: 1px solid #444 !important;
    }

    #fd .fd-toolbar .is-active .fd-toolbar__link:not(.no-active-state),
    #fd .fd-toolbar .is-active .fd-toolbar__submenu-link {
        background: #444 !important;
    }

    #fd .fd-toolbar__link:active,
    #fd .fd-toolbar__link:focus,
    #fd .fd-toolbar__link:hover {
        background: #444 !important;
    }

    .offcanvas-menu {
        background: #222 !important;
        background-color: #222 !important;
        color: #eee !important;
    }

    .offcanvas-menu a {
        color: #eee !important;
    }

    .offcanvas-menu .offcanvas-inner ul.menu li.active a {
        color: #DAA520 !important;
    }

    .offcanvas-menu .fa,
    .offcanvas-menu .fab,
    .offcanvas-menu .far,
    .offcanvas-menu .fas {
        color: #fff;
    }

    #fd .o-dropdown-nav__text {
        color: #eee;
    }

    #fd .o-dropdown-nav > li:not(.active):hover,
    #fd .o-dropdown-nav__item.is-acitve,
    #fd .o-dropdown-nav__item:hover {
        background-color: #333;
    }

}

/************************************ Media Screens ***********************************/
@media screen and (max-width: 667px) {

    #sp-main-body,
    #sp-main-body .container {
        padding: 0px;
    }

    #eb .eb-mag .eb-mag-table .eb-mag-cell + .eb-mag-cell {
        padding-left: 20px;
        padding-right: 20px;
    }

    #sp-menu,
    #sp-menu .row,
    #sp-logo.has-border,
    #sp-header .logo {
        height: 47px;
    }

    iframe {
        width: 100%;
    }

    #sp-header .logo a {
        font-size: 18px;
    }

    #sp-menu ul.social-icons > li:not(:last-child) {
        margin-right: 14px;
    }

}