.cm-cover-parent {position:relative;}
.cm-cover {position:absolute;top:0;left:0;right:0;bottom:0;padding:1em;min-height:12em}
.cm-cover-look {background-color:rgba(255,255,255,.8);border:2px solid #999;color:#999;overflow:auto;text-align:center;white-space:normal;}
#cm-wrapper {
    background-color: rgba(0,0,0,.5);
    position: fixed; top: 0; bottom: 0; right: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 1000000;
}
#cm-layer {
    background-color:#fff;
    height:80%;
    margin: auto;
    max-height:80%;
    max-width: 95%;
    position: relative;
    top: 5%;
    width: 40%;
}
#cm-header, #cm-content, #cm-footer {
    padding:.5em 15px;
    position: absolute;
    left:0;right:0
}
#cm-header, #cm-footer {background:#efefef;height:3em;}
#cm-footer > .small {line-height:2em;}
#cm-header {top:0;}
#cm-header > h4, #cm-footer > .btn {margin:0;line-height:1.5em;}
#cm-footer > .btn {padding:5px 10px;}
#cm-footer {bottom:0;}
#cm-content {top:3.5em;bottom:3.5em;overflow:auto}
#cm-content > h5 {margin:1.25em 0 .75em;font-size:1em}
.cm-switch {
    color:inherit;
    display: block;
    font-size: 1em;
    font-weight: bolder;
    padding: .4em 0 .4em 4.5em;
    position: relative;
}
.cm-switch > input[type="checkbox"] {opacity:0; width:0; height:0;position:absolute}

.cm-toggle {
    cursor:pointer;
    position:absolute;
    border-radius: 3em;
    top:0;left:0;bottom:0;
    background-color:#ccc;
    margin: auto;
    width: 4em;
    height: 2em;
}
.cm-toggle:before {
    position:absolute;
    content: "";
    height:1.4em;
    width:1.4em;
    border-radius:50%;
    left:.3em;
    bottom:.3em;
    top: .3em;
    margin: auto;
    background-color:#fff;
    -webkit-transition:.4s;
    transition:.4s;
    z-index:3;
}
.cm-toggle-label { font-weight:bolder;margin:0}
.cm-toggle-value {font-weight:normal;}
.cm-toggle-value:before {content: "akzeptieren"; display:none}
.cm-toggle-value:after {content: "nicht akzeptieren"; display:inline}
input:checked + .cm-toggle { background-color:#00cc00}
input:checked + .cm-toggle:before {
    -webkit-transform:translateX(2em);
    -ms-transform:translateX(2em);
    transform:translateX(2em);
}
input:checked ~ .cm-toggle-value:before {display:inline}
input:checked ~ .cm-toggle-value:after {display:none}

@media screen and (max-width: 1199px) {
    #cm-layer {
        height: 90%;
        max-height: 100%;
        max-width: 100%;
        width: 95%;
    }
}