/***** Toolbar *****/

header {
    min-height: 72px;
}

header > h1 {
    float: left;
    margin-right: 2em;
}

.toolbar {
    display: block;
    /* background-color: red; */
    /* border: 2px lime solid; */
    /* float: left; */
    margin-top: 7.5px;
}

.toolbar > button {
    float: left;
    background-color: darkgray;
    height: 50px;
    width: 50px;
    margin: 0px;
    padding: 5px;
    /* border: 2px black solid; */

    /* necessary that button border look the same in Chrome as in Firefox... */
    border-color: rgb(227, 227, 227);
    border-style: outset;
    border-width: 2px;

}

.toolbar > button:hover {
    background-color: grey;
}

.toolbar > button.checked {
    /* border-style: inset; */
    /* background-color: rgb(150, 150, 150) */
    background-color: gold;
}

.toolbar > button.checked:hover {
    background-color: goldenrod;
}

.toolbar > button > span {
    color: white;
    font-weight: bold;
    text-align: center;
    width: 100%;
    /* background-color: lime; */
}

.toolbar > button > img + span {
    display: none;
}

.toolbar > button > * {
    float: left;
}

.toolbar > button > img {
    height: 36px;
    width: 36px;
}

.toolbar > button > img.gets-plus {
    height: 30px;
    width: 30px;
}

.toolbar > button > img.plus-icon {
    height: 20px;
    width: 20px;
    margin-top: -12px;
    margin-left: 18px;
}


#fullscreen-toolbar-button:not(.active) > #close-fullscreen-toolbar-button-icon {
    display: none;
}

#fullscreen-toolbar-button.active > #fullscreen-toolbar-button-icon {
    display: none;
}


#fullscreen,
#Einstellungen_anzeigen {
    display: none;
}

.toolbar-label {
    width: 100px;
}

.toolbar-label > div {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.toolbar-label {
    float: left;
    height: 50px;
    margin: 0px;
    padding: 0px;
    padding-right: 5px;
    display: table-cell;
    vertical-align: middle;
    width: auto;
}

.toolbar-spacer {
    width: 25px;
    height: 50px;
    display: inline;
    float: left;
}

.select-label {
    padding-right: 5px;
}

#right-toolbar {
    float: right !important;
}