div.mejs_controls {
    padding:0;
}
body {
    background:#021f02 url("/files/Kinderlieder/Background/bg_10b.jpg") center top no-repeat;
    font:14px Roboto,Arial,sans-serif;
    background-attachment:fixed;
}
@media screen and (max-width:499px) {
    body {
    background-color: #004213;
    }
}
h1,
h2,
h3,
h4,
h5,
h6,
table {
    margin-left:10px;
    font-family:Roboto,Arial,sans-serif;
    letter-spacing:-0.03em;
}
td {
    padding:6px;
}
.mod_iso_orderdetails h2,
.mod_iso_orderdetails h3,
.mod_iso_orderdetails h4,
.mod_iso_orderdetails h5,
.mod_iso_orderdetails h6,
.mod_iso_orderdetails table,
#main .formbody h2,
#main .formbody h3,
#main .formbody p {
    margin-left:0;
}
table {
    margin-top:20px;
    margin-bottom:20px;
}

/* ursprünglich 003366 */
h1 {
    margin-top:2px;
    margin-bottom:15px;
    padding-top:6px;
    padding-bottom:8px;
    border-top:1px solid;
    border-bottom:1px solid;
    font-weight:bold;
    color:#8c0606;
    font:2em Arvo,Cambria,serif;
}
h2 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.8em;
}
h3 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.4em;
}
h4 {
    margin-top:20px;
    margin-bottom:0;
    font-size:1.1em;
}
p,
ol,
ul {
    margin-top:0;
    margin-bottom:0;
    margin-left:10px;
    text-align:justify;
    line-height:160%;
}
#wrapper {
    width:100%;
    max-width:980px;
    margin:0 auto;
    background-color:rgba(233,247,198,.3);
}
#container {
    min-height: calc(100vh - 250px)
}

/* Attention Media Query */
@media screen and (min-width:980px) {
    #container {
       max-width: 980px;
        overflow:hidden;
        display:flex;
        flex-flow: row wrap;
        justify-content: flex-start;;
        align-items: stretch;
        margin-left:20px;
        margin-right:20px;
        padding-bottom:20px;
    }
}
@media screen and (max-width:979px) {
    #container {
           max-width: 980px;
            overflow:hidden;
           width:100%;
        /*    //background-color:rgba(233,247,198,.3);
           // border-top:0px solid rgba(219,235,169,.1);
            //border-right:0px solid rgba(219,235,169,.1);
            //border-bottom:20px solid rgba(219,235,169,.1);
            //border-left:0px solid rgba(219,235,169,.1); */
            display:flex;
            flex-flow: row wrap;
            justify-content: flex-start;
            align-items: stretch;
        }
}
#container a {
    color:#000080;
}
@media screen and (max-width:499px) {
    #header {
        width:100%;  
        max-width:980px;
        height:90px;
        margin-top:18px;
        background-color:#004213;
    }
}
@media screen and (min-width:500px) {
    #header {
        width:100%;  
        max-width:980px;
        height:90px;
        margin-top:10px;
        background:#021f02 url("/files/Kinderlieder/Background/hedare.png") center center no-repeat;
        background-size: contain;
        
        
        width: 1960px;
        height: 88px;
        margin-top: 8px;
        margin-right: -500px;
        margin-left: -500px;
        background: #011c09 url("/files/Kinderlieder/Background/hedare.png") center center no-repeat;
    }
}
@media screen and (min-width:980px) {
    #header {
        width:100%;  
        max-width:1960px;
        height:90px;
        margin-top:10px;
        background:#011c09 url("/files/Kinderlieder/Background/hedare.png") center center no-repeat;
        background-size: contain;
        width: 1960px;
        margin-right: -500px;
        margin-left: -500px;

    }
}
@media screen and (max-width:500px) {
    #header h1 {
      font-size:1.6rem;
      position: relative;
        top:22px;
        border-top:0px hidden;
        border-bottom:0px hidden;
        color:#fff;
        font-familiy: Arvo,Cambria,serif;
    }
}
@media screen and (min-width:501px) {
    #header h1 {
      font-size:1.8rem;
      position: relative;
        top:20px;
        border-top:0px hidden;
        border-bottom:0px hidden;
        color:#fff;
        font-familiy: Arvo,Cambria,serif;
    }
}
@media screen and (min-width:980px) {
    #header h1 {
    position: relative;
    top:7px;    
    border-top:0px hidden;
        border-bottom:0px hidden;
        color:#fff;
        letter-spacing:-7px;
        font:58px Arvo,Cambria,serif;
    }
}
@media screen and (max-width:979px) {
    .custom {
    /*background-color:rgba(219,235,169,.25); */
    background-color:#062e12;
    }
}
#main,
aside {
    padding-top:20px;
    padding-bottom:10px;
}
#main .inside {
    padding-right:35px;
}
@media screen and (max-width:979px) {
    .mobile_menu .mobile_menu_trigger img,
    .mod_mobile_menu .mobile_menu_trigger img{
        z-index:9999;
        position: fixed;
        right: 10px;
        top:120px;
    }
}
@media screen and (min-width:980px) {
    #main {
        flex-basis:560px;
        flex-shrink:1;
        background-color:#f7fcf2;
    }
}
@media screen and (max-width:979px) {
    #main {
            flex-basis:980px;
            flex-shrink:2;
            background-color:#f7fcf2;
        }
}
@media screen and (min-width:980px) {
    #right {
       flex-basis:390px;
       width:390px;
        flex-shrink:1;
        background-color:#f7fcf2;
    }
}
@media screen and (max-width:979px) {
    #right {
       flex-shrink:2;
       flex-basis:980px;
        background-color:#f7fcf2;
    }
}
#right p,
#right a,
#right h3,
#right h1,
#right h2 {
    margin-right:8px;
    text-align:left;
}
#right h3 {
    margin-left:0;
}
.ce_text,
.ce_image,
.ce_form,
.mod_iso_productreader,
.mod_login,
.mod_registration,
.image_container {
    padding:12px 20px;
}
.product_list,
.mod_iso_productreader,
.image_container {
    padding:0 20px;
}
#footer-custom {
    width:100%;
    height:80px;
    margin-top:20px;
    background-color:#011c09;
    display:flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items:center;
}
#footer p,
#footer a {
    padding-top:30px;
    text-align:center;
    font-size:16px;
    color:#fff;
}
#footer .toggle_view {
    clear:both;
    margin:1em 0 0;
    text-align:center;
}
#footer .toggle_view a {
    margin:0 0 1em;
    padding:.5em 1em;
    text-align:center;
    background-color:#968f8f;
    border-radius:4px;
    font-size:14px;
    color:#fff;
}
@media screen and (min-width:980px) {
    #mobilenavigation {
      display:none;
    }
}
@media screen and (max-width:980px) {
    .mod_navigation {
      display:none;
    }
}
@media screen and (min-width:980px) {
    #navigation {
        height:50px;
        margin-top:30px;
        padding-left:20px;
        //border-top:20px solid rgba(187,210,224,.2);
        //border-right:20px solid rgba(187,210,224,.2);
        //border-left:20px solid rgba(187,210,224,.2);
    }
}
@media screen and (min-width:980px) {
    #navigation .mod_navigation {
        margin-top:2px;
        margin-right:auto;
        padding:0 2px 0 0;
        font-size:20px;
    }
    #navigation .mod_navigation ul {
        width:auto;
        float:left;
        margin:0;
        padding:0;
        font-size:20px;
        list-style-type:none;
    }
    #navigation .mod_navigation li {
        display:inline;
        list-style-type:none;
    }
    #navigation .mod_navigation a,
    #navigation .mod_navigation .span {
        height:60px;
        margin-right:1px;
        padding:10px 18px;
        background-color:#8c0606;
        font:15px/40px Arvo,Cambria,serif;
        text-decoration:none;
        font-variant:small-caps;
        color:#fff;
        text-transform:uppercase;
    }
    #navigation .mod_navigation li .active {
        margin-right:1px;
        padding:10px;
        background-color:#f7fcf2;
        font:15px/40px Arvo,Cambria,serif;
        color:#404040;
        text-transform:uppercase;
    }
    #navigation .mod_navigation a:hover {
        padding:10px 18px;
        background-color:#f7fcf2;
        font-size:15px;
        line-height:40px;
        font-style:italic;
        color:#000;
    }
}
.mod_article .shop_selection {
    padding-left:10px;
}
.table1 p {
    padding-right:3px;
    padding-left:3px;
    text-align:center;
    font-size:11px;
    line-height:14px;
}
.image_container {
    margin:5px 10px 13px;
}
.slider-control .slider-prev,
.slider-control .slider-next {
    display:none;
}

/* Form remove border */
.dsgvo {
    border:none;
}

/* Audio Player */
audio .mejs__audio .mejs__audio,
.mejs__audio {
    padding-top:18px;
    padding-bottom:18px;
    background-color:#8c0606;
}
audio {
    width:80%;
    height:20px;
}
.ce_player.block h6 {
    margin-top:6px;
    margin-bottom:2px;
    margin-left:0;
}