body {
    /*padding-top: 50px;*/
    /* Explicit font-family to prevent font measurement libraries from accessing system fonts like Noto Sans or Liberation Sans */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ensure all elements use safe font stack to prevent font measurement warnings */
html, body, div, span, p, a, h1, h2, h3, h4, h5, h6, input, textarea, select, button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Override jQuery UI font settings to prevent font measurement warnings */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

::placeholder {
    color: rgba(0,0,0,.5) !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,.5) !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0,0,0,.5) !important;
}

#all-eventteasers-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.eventteaser {
    -webkit-align-items: center;
    -webkit-flex-direction: column;
    -webkit-justify-content: center;
    align-items: center;
    border-bottom-left-radius: 2em;
    border-top-right-radius: 2em;
    color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: .75em;
    margin-top: 1em;
    width: 175px;
}

.eventteaser .eventfilter-link {
    padding-left: 1em;
    padding-right: 18px;
    color: #FFF;
}

.eventteaser .mood-icon {
    height: 85px;
    margin: .25em auto;
}

.eventteaser, .eventteaser:hover, .eventteaser:active, .eventteaser:visited, header > nav > ul > li > ul > li:hover > a {
    color: #FFF;
}

.area-asylum {
    background: #79212e;
}

.area-family {
    background: #d50056;
}

.area-social {
    background: #ea5902;
}

.area-work {
    background: #ba1a2e;
}

#login-dp{
    min-width: 250px;
    padding: 14px 14px 0;
    overflow:hidden;
    background-color:rgba(255,255,255,.8);
}
#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:rgba(255,255,255,.8);
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}
.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}

.login-dropdown-wide {
    width: 300px !important;
    /*height: 400px !important;*/
}

@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}