.note-editor.note-frame .note-editing-area .note-editable {
    color: #676a6c;
    padding: 15px;
}

.note-editor.note-frame {
    border: 0px;
}

.icons-big a i {
    font-size: 25px;
    display: block;
}

.icon-yellow {
    color: #f8ac59 !important;
}

.icon-red {
    color: #ED5565 !important;
}

.icon-green {
    color: #1ab394 !important;
}


body.mini-navbar li.logo-element-browser {
    display: none;
}

li.logo-element-browser div {
    display: block;
    padding: 15px 15px 16px 15px;
    background-scolor: #ffffff;
    width: 100%;
}

li div.logo-element {
    background-color: #ffffff;
    height: 62px;
    padding: 10px 10px 11px 10px;
}

.contact-top-nav {
    display: none !important;
}
body.body-small .contact-top-nav {
    display: inline-block  !important;
}


/* Banner start */
div.banner {
    display: block;
}
div img.banner {
    position: relative;
    width: 100%;

}

div h1.banner-text {
    position: absolute;
    top: 200px;
    left: 100px;
    z-index: 999;
    max-width: 800px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px;
    font-weight: bold;
    font-size: 4em;
    color: #ffffff;
    text-transform: uppercase;
}

/* Banner end */


/* Savesto LIST */

.model-max-height {
    min-height: 412px;
}

/* Saveto list end */

/* BADGES START */

div.badge,
div.badge-sm{
    background: url("img/umweltplakette-0-keine.png");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center;
    margin: 0 20px 0 0;
    float: left;
}

div.badge-sm span {
    width:120px;
    height: 120px;
    font-size: 1.4em;
}

div.badge span {
    width:220px;
    height: 220px;
    font-size: 1.7em;
}

div.badge span,
div.badge-sm span{
    display: block;
    color: #000;
    text-align: center;
    padding: 55% 0 0 0;
    line-height: 1;
}


#badgePreview {
    position: fixed;
}

.badge-ibox {
    height: 270px;
}

div.badge.badge-green,
div.badge-sm.badge-green{
    background-image: url("img/umweltplakette-4-gruen.png");
}

div.badge.badge-yellow,
div.badge-sm.badge-yellow{
    background-image: url("img/umweltplakette-3-gelb.png");
}

div.badge.badge-red,
div.badge-sm.badge-red {
    background-image: url("img/umweltplakette-2-rot.png");
}

div.badge.badge-blue,
div.badge-sm.badge-blue {
    background-image: url("img/umweltplakette-e-blau.png");
}

div.badge.badge-blue span,
div.badge-sm.badge-blue span {
    padding-top: 62%;
}


/* BADGES END */

/** Info Box **/
.info-box {
    display: block;
    margin: 50px 0 0 0;
    display: block;
    width: 100%;
    position: relative;
    background-color: #3498db;
    color: #ffffff;
    padding: 14px 20px 14px 25px;
}

.info-box h4,.info-box h3{
    font-weight: 600;
    overflow-wrap: break-word;
}

.info-box a,.info-box span{
    color: #ffffff;
    font-weight: bold;
}


.login.nav li a {
    padding: 0 10px;
}
body.mini-navbar .info-box{
    display: none;
}

.popover {
    z-index: 5000 !important;
}


/*** LOADER **/

.loading .d-flex{
    height: 100%;
    width: 100%;
    background: rgba(255,255,255, 0.3);
    z-index: 9999;
    position: absolute;
    padding: 45% 0 0 0;
}

.loading .loader{display: block}
.loader{display: none}