body {
}

/*Color Definitions*/

:root {
    --background: #f0f5f5;
    --background2: #d1e0e0;
    --highlight: #f7aa52;
    --highlight2: #00b1c2;
}

/*Styles*/
.info_text {
    background-color: var(--highlight2);
}

.header-text {
    color: var(--highlight);
    margin-left: 5px;
}

/*Large Devices*/
.subheader-text {
    background-color: #00b1c2;
    margin: 0;
}

/*Depending on the given MediaSize we change the class*/

/*Small Devices*/
    .subheader-text.small-device {
        background-color: #00b1c2;
        margin: 0;
        size: 12px;
        font-size: 12px;
    }

/*Medium Devices*/
    .subheader-text.medium-device {
        background-color: #00b1c2;
        margin: 0;
        font-size: 14px;
    }

/*Large Devices*/
.subheader-text.large-device {
    background-color: #00b1c2;
    margin: 0;
    font-size: 18px;
}

/*Text Class for Toolbar Items*/
.toolbaritem_text {
    padding-left: 4px;
    cursor: default;
    font-size: 14px;
}

/*Use this class to manipulte Toolbaritem to display different images*/
.toolbaritem_main {
    display: none;
}
/*Use this for toolbar item images*/
.toolbaritem_img {
    height: 18px;
    width: 18px;
}