.einr{
    margin-left:2em;
}
kbd{
    font-size: 0.9em;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    padding: 1pt 4pt;
    color:white;
    background-color: black;
    border-radius: 5pt;
}

.floatleft{ float: left;}
.floatright{ float: right;}
.floatclear{ clear: both; }
.img{
    max-width: 100%;
}

@media only screen and (max-width:400px){
    .img{
        margin:auto;
        float:none;
        display:block;
        transform: none !important;

    }    
}

.reset{
    all:revert;
}
.td{
    padding-left: 10px;   
    padding-right: 10px;
}

.tdc{
    padding-left: 10px;   
    padding-right: 10px;
    text-align: center;
}

.bsp {
    background-color: rgba(255, 160, 122, 0.616);
    padding: 8px 20px;
    margin: 24px -20px;
}

.merke {
    background-color: rgba(255, 160, 122, 0.616);
    padding: 8px 20px;
    margin: 24px -20px;
}

.attrib {
    font-weight: bold;
    color: rgb(177, 84, 8);
}

.attribValue {
    color: rgb(47, 47, 255);
}

.open {
    font-weight: bold;
    color: rgb(41, 0, 7);
}

.close {
    font-weight: bold;
    color: rgb(41, 0, 7);
}

.bspbody {
    border-left: 4px solid #aa6804c0 !important;
    padding: 10px 10px 10px 10px !important;
    font-family: monospace;
    font-size: larger;
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.tagname {
    font-weight: bold;
    color: rgb(151, 77, 17) !important;
}
.divbutton{
    padding-top: 10px;
}
.overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    padding: 0% 5%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    /*  border-width: 3px;
    border-color: seagreen;
    border-style: dotted;
    */
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgba(255, 255, 255, 0.9) !important;
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
}

.absatz{
    padding-bottom: 20px;
}

.abst{
padding-top: 30px;

}

.butt{
    margin-left:10px;
    margin-right:10px;border-radius: 20px;background-color:rgb(255, 160, 122);
}
.marker{
    background-color: yellow;
}

ol {
    counter-reset: list;
    list-style-position: outside;
    margin-left:20px;
}
ol > li {
    list-style: none;
    position: relative;
    display: block;    
}
ol > li:before {
    content: counter(list) ".) ";
    counter-increment: list;
    width: 40px;
    left:-40px;
    padding-right: 10px;
    position: absolute;
    text-align: right;
    box-sizing: border-box;
}