:root {
    --CODE-theme: relearn-light;
    --dwb-inline-button-bg-color: #aaaaaa; /* Default background color for buttons*/
    --dwb-inline-button-text-color: #000000; /* Default text color for buttons */
    --dwb-inline-button-margin-color: #555555; /* Default marging color for buttons */
    --dwb-inline-menu-bg-color: #dddddd; /* Default background color for the menu */
    --dwb-inline-menu-text-color: #000000; /* Default text color for the menu */
    --dwb-inline-yellow-bg-color: #ffff00; /* Default background color for yellow */
    --dwb-inline-red-bg-color: #ff0000; /* Default background color for yellow */
}

#R-body img:not(.lightbox-image).inlineimg {
    display: inline;
    margin: 0;
    vertical-align: center;
    height: 1.2rem;
}

#R-body img:not(.lightbox-image).img-w80 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    text-align: center;
    max-width: 80%;
}

#R-body img:not(.lightbox-image).inlinebigimg {
    display: inline;
    margin: 0;
    vertical-align: center;
    height: 4rem;
}

#R-body img:not(.lightbox-image).inlinesmallimg {
    display: inline;
    margin: 0;
    vertical-align: center;
    height: 1rem;
}

#R-body img:not(.lightbox-image).headerimg {
    margin: auto;
    display: block;
    height: 6rem;
}

#R-body img:not(.lightbox-image).inlineimg-8rem {
    display: inline;
    margin: 0.1rem;
    vertical-align: center;
    height: 8rem;
}

.dwb-inline-button {
    background-color: var(--dwb-inline-button-bg-color);
    color: var(--dwb-inline-button-text-color);
    padding-top: 0.1rem;
    padding-right: 0.4rem;
    padding-bottom: 0.0rem;
    padding-left: 0.4rem;
    border: 2px solid var(--dwb-inline-button-margin-color); /* Example border color */
    border-radius: 0.4rem;
    display: inline-block;
}

.dwb-inline-menu {
    background-color: var(--dwb-inline-menu-bg-color);
    color: var(--dwb-inline-menu-text-color);
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.0rem;
    padding-left: 0.4rem;
    border-radius: 0.0rem;
    display: inline-block;
}

.dwb-inline-yellow-background {
    background-color: var(--dwb-inline-yellow-bg-color);
    color: var(--dwb-inline-menu-text-color);
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.0rem;
    padding-left: 0.4rem;
    border-radius: 0.0rem;
    display: inline-block;
}

.dwb-inline-red-background {
    background-color: var(--dwb-inline-red-bg-color);
    color: var(--dwb-inline-menu-text-color);
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.0rem;
    padding-left: 0.4rem;
    border-radius: 0.0rem;
    display: inline-block;
}

.dwb-float-left {
    float: left;
    margin-right: 2rem; /* Abstand zum Text */
    /* margin-left: 2rem; Abstand zum Text */
    max-width: 30%; /*Falls du die Bildgröße einschränken möchtest */
}

.dwb-float-left-small {
    float: left;
    margin-right: 2rem; /* Abstand zum Text */
    /* margin-left: 2rem; Abstand zum Text */
    max-width: 15%; /*Falls du die Bildgröße einschränken möchtest */
}

.dwb-float-right {
    float: right;
    margin-left: 2rem; /* Abstand zum Text */
    max-width: 30%; /*Falls du die Bildgröße einschränken möchtest */
}