.miwbinder-node {
/*
    --ejn-color-header: #9d2748;
    --ejn-bgcolor-banner: #fffbf4;
    --ejn-color-mountains: #f3f5f0;
    --ejn-color-peaks: #5d6c45;
*/
    
    --link-color: #9d2748;
    --cassiopeia-color-hover: #5d6c45;
/*    --info: var(--ejn-color-header); */
}

.container-header {
    background-color: #fff; 
    background-image: initial;
    max-width: 1320px;
    margin: 0 auto;
}

.container-header .grid-child {
    padding:0;
}

.container-header .grid-child.container-nav {
    background-color: #466d2c; 
    background-image: linear-gradient(135deg,#466d2c 0%,#466d2c 100%);
    padding-bottom: 0.5em;
    padding-left: 0.5em;
}

@media (width >= 992px) {
    .container-header .container-nav {
        display: none;
    }
    .container-topbar .mod-menu {
        color:#ffd54d;
    }
}
@media (width < 992px) {
    .site-grid .container-sidebar-left {
        display: none;
    }
    .container-topbar .mod-menu {
        color:forestgreen;
    }
}

.container-header .container-nav .container-search, 
.container-header .container-nav nav {
    margin-top: 0.5em;
}    
.container-header .navbar-brand {
    padding: 0;
}
.container-nav .metismenu.mod-menu .metismenu-item{
    font-size: 0.9rem;
}

.brand-logo img {
    min-height:55px;
    object-fit: cover;
    object-position: 30%;
}

.page-header h1 {
    margin-bottom: 1.5rem;
}

.item-image {
    margin: 0 15px 20px 15px;
}

.item-page h1, .item-page h2, .item-page h3, .item-page h4, .item-page h5, .item-page h6,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
    color: #466d2c;
}

.breadcrumb, .card-header {
    background-color: rgba(241,248,236,.5);
}

@media (width < 768px) {
    p#imgejnautor img {
        width: 300px; height: 200px; object-fit: cover; object-position: 100% -20px;
    }
}

figure.imgejninhalt,
figure.imghubert,
figure.imghubablauf {
    max-width: 33%;
    margin-right: 0;
    float: right;
}

.notenhefte figure { display: table; margin-bottom: 1em; position: relative; cursor: pointer; }
.notenhefte figcaption { display: table-caption; caption-side: bottom; font-size:0.8em; }

.notenbeispiel .mapitem {
    height: 7.15%;
    cursor: pointer;
    background-color:green; 
    opacity: 0; 
}