.ui-accordion .ui-accordion-header img {
    margin-top: .35em !important;
}

.note {
    font-weight: 300;
    font-size: 0.95em;
}

#stichworte {
    font-size: 0.8em;
    letter-spacing: 0.05em;
    color: #999;
    margin: 0 0 0.7em 0;
    padding: 0.15em 0 .8em 1.05em;
}

#fullscreen #stichworte {
    font-size: 1em;
    color: #111213;
    margin-top: 15px;

}

.blueLine {
    border: 2px solid #3c6473;
}

#btnFullscreen {
    font-size: 2.5em;
}

/*.ol-control button { background-color: rgba(169, 214, 31,.85);  }*/
#selectResultH,
#selectResult {
    display: inline;
    background-color: #111213;
}

#mapresult {
    font-weight: bold;
    padding: 0.5em;
    background-color: #3b5e81;
    color: #fff;
    /*rgba(169, 214, 31,.85)*/
}

a {
    cursor: pointer;
}

.filter {
    display: inline-block;
    line-height: 0.8em;
    float: right;
    margin: 0;
    padding: 0;
    text-align: center;
}

.filterAnzahl {
    display: inline-block;
    font-size: 0.7em;
    font-weight: normal !important;
    font-family: 'OpenSansSemiBold', Verdana, Arial, sans-serif !important;
    letter-spacing: 0.02em;
    padding: 0 0 0.35em 0;
}

.delFilter {
    font-size: 0.8em;
    color: #fff !important;
    background: #666 !important;
    padding: 0.25em 0.4em 0.15em 0.4em !important;
    border-radius: 2px;
}


.ui-widget {
    font-family: 'OpenSans', Helvetica, Verdana, Arial, sans-serif;
}

.ui-accordion .ui-accordion-header {
    width: 100%;
    display: inline-block;
    background-color: #bb5d00;
    color: #fff;
    line-height: 2em;
    vertical-align: bottom;
    padding: .2em .5em .1em .7em;
    font-family: 'OpenSansRegular', Helvetica, Verdana, Arial, sans-serif;
}

.ui-widget .ui-accordion-header-active {
    display: inline-block;
    background-color: #804200;
    color: #fff;
    font-family: 'OpenSansSemiBold', Verdana, Arial, sans-serif !important;
}

.ui-widget h3 {
    color: #555;
    letter-spacing: 0.02em;
    font-weight: normal !important;
    font-size: 1em !important;
}


.vollbild {
    margin-top: 0;
    display: block;
    z-index: 10003;
    background: #fff;
    width: 20%;
    height: 100%;
    float: right;
    padding: 1em;
    border: 0 solid transparent;
    overflow-y: auto;
    outline-offset: -2px;
    overflow-x: hidden;
}

#mapresult strong {
    font-family: OpenSansBold, Verdana, Arial, sans-serif;
    font-weight: 400
}

#mapHeader {
    display: inline-block;
}

#mapHeader,
.filterHeader {
    background-color: #3b5e81;
    color: #fff;
    font-weight: 700;
    width: 100%;
    padding: .5em;
    margin-bottom: 1em
}

#mapHeader a {
    float: right;
    font-weight: 500
}

.ol-popup {
    position: relative;
    top: 350;
    left: 350;
    width: auto;
    max-width: 17em;
    margin: 5px 0 0 5px;
    font-family: OpenSansRegular, Verdana, Arial, sans-serif;
    font-size: .9em;
    line-height: 1.5em;
    border: 2px solid #804200;
    color: #555;
    background-color: #fff;
    border-radius: 6px;
    padding: 0
}

#popup-content {
    padding: 0
}

.ol-popup div {
    padding: .75em 1em .75em 1em;
    border-bottom: 1px dotted #777
}

.ol-popup .upper {
    font-family: OpenSansBold, Verdana, Arial, sans-serif;
    font-size: .9em;
    font-weight: 400;
    color: #000;
    padding: 0
}

.ol-popup strong {
    display: inline-block;
    font-family: OpenSansLight, Verdana, Arial, sans-serif;
    font-size: 1em;
    line-height: 1.25;
    font-weight: 400;
    color: #000;
    padding: 0
}

.ol-popup .more {
    padding: 1em 1em 1em 1.15em;
    color: #555;
    border-bottom: 0 dotted transparent;
    display: block;
    font-family: OpenSansRegular, Verdana, Arial, sans-serif;
    font-size: .9em;
    line-height: 1.25em;
    letter-spacing: .05em
}

#query {
    display: inline-block;
    width: 87%;
    font-family: 'Open Sans Condensed', Verdana, Arial, sans-serif !important;
    padding: .25em .3em .25em .7em;
    border-radius: 3px;
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    color: #454545;
    font-size: 1em;
    margin: 0em 0 0 0
}

#query {
    background: #fff !important;
    box-shadow: 0 0 5px #dbdbdb
}

.glyphicon-search {
    font-size: 1.5em;
    cursor: pointer
}

h3 img {
    margin-left: .25em;
    margin-right: .15em
}

.ui-widget h3 button {
    background-color: transparent;
    border: 0 solid transparent;
    padding: .25em;
    color: #fff;
    font-size: .95em
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #777
}

.ui-button {
    text-align: left;
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    color: #000;
    background: #804200;
    border: 1px solid #804200;
    letter-spacing: 0;
    font-weight: 700
}

#MapListeMore {
    font-family: OpenSansBold, Verdana, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: .75em
}

.MapListe {
    margin-top: 1em;
    border: 0 solid transparent !important
}

.MapListeLink {
    float: left;
    border: 1px solid #c5c5c5;
    padding: .5em;
    margin-right: .5em
}

.MapListeLink:hover {
    color: #000;
    cursor: pointer
}

.MapListeLinkRight {
    float: right;
    border: 1px solid #c5c5c5;
    padding: .5em
}

#FilterGesamt {
    display: block;
    width: 20%;
    float: right;
    margin: 0
}

#FilterGesamt a {
    display: inline !important;
    float: right;
    margin: 0
}

.search-menue {
    display: block;
    position: relative;
    z-index: 100000;
    background: #3c6473;
    color: #fff;
    padding: 0 0 .25em 0;
    text-align: center;
    border: 2px solid #fff
}

.search-menue a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: .8em;
    line-height: 1em;
    padding-top: .5em;
    padding-bottom: 0;
    letter-spacing: .05em
}

.search-menue-open a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: .8em;
    line-height: 1.25em;
    padding-top: 0;
    padding-bottom: .5em;
    letter-spacing: .05em
}

.search-menue-open a:focus,
.search-menue-open a:hover {
    color: #fff;
    text-decoration: none
}

.search-menue a:focus,
.search-menue a:hover {
    padding-bottom: .5em;
    color: #fff;
    text-decoration: none
}

.search-menue:after,
.search-menue:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #3c6473;
    z-index: 100000
}

.search-menue:after {
    border-width: 20px;
    margin-left: -20px
}

.search-menue:before {
    border-width: 23px;
    margin-left: -23px;
    border-color: transparent;
    border-top-color: #fff
}

.search-contentform h1 {
    display: none;
    color: #fff;
    font-size: 2.25em
}

.ui-dialog .search-contentform h1 {
    display: inline-block
}

.search-menue .glyphicon {
    color: #fff;
    position: relative;
    top: .5em;
    z-index: 100001;
}

.search-menue-open {
    padding: .25em 0 .15em 0;
    text-align: center;
    margin-top: 2em;
    position: relative;
    background: #3c6473;
    border: 2px solid #fff;
    color: #fff
}

.search-menue-open:after,
.search-menue-open:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #3c6473;
    z-index: 100000
}

.search-menue-open:after {
    border-width: 20px;
    margin-left: -20px
}

.search-menue-open:before {
    border-width: 23px;
    margin-left: -23px;
    border-color: transparent;
    border-bottom-color: #fff
}

.ui-dialog {
    width: 100% !important;
    z-index: 12000
}

.ui-dialog .ui-dialog-content {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0
}

.map {
    height: 500px;
    width: 100%
}

.ol-rotate {
    top: 3em
}

.ui-dialog .ol-control button {
    font-size: 1.75em
}

.no-close .ui-dialog-titlebar-close,
.ui-dialog-titlebar {
    display: none
}

.fullscreen {
    width: 100%;
    height: 100%
}

.ui-dialog .custom-control {
    text-align: right;
    top: .5em;
    right: .5em;
    max-width: calc(100% - 1.3em);
    display: block
}

@media only screen and (min-width:1000px) and (orientation:landscape) {
    .ui-dialog {
        overflow: hidden !important
    }

    .ui-dialog .ui-dialog-content {
        overflow: hidden
    }

    .custom-control {
        text-align: right;
        top: .5em;
        right: .5em;
        max-width: calc(100% - 1.3em);
        display: block
    }

    .ui-dialog .custom-control,
    .ui-dialog .ol-zoom {
        top: .75em
    }

    .ui-dialog .map {
        z-index: 100;
        width: 50%;
        height: 100%;
        float: left
    }

    .ui-dialog .search-menue {
        display: none !important
    }

    .ui-dialog .search-menue-open {
        display: none !important
    }

    .ui-dialog .search-contentform {
        display: block !important
    }

    .ui-dialog .search-contentform h3 {
        margin-top: 1em
    }

    .ui-dialog #search-container {
        position: static;
        font-size: .9em;
        float: left;
        background: #3C6473;
        width: 30%;
        height: 100%;
        overflow: auto;
        padding: 1em 0
    }

    .ui-dialog .MapListe {
        margin-top: 0;
        display: block;
        z-index: 10003;
        background: #fff;
        width: 20%;
        height: 97%;
        float: right;
        padding: 1em;
        border: 0 solid transparent;
        overflow-y: auto;
        outline-offset: -2px;
        overflow-x: hidden;
        -m-overflow-style: none
    }
}

@media only screen and (min-width:1300px) and (orientation:landscape) {
    .ui-dialog .map {
        width: 55%;
        height: 100%;
        float: left
    }

    .ui-dialog .search-menue {
        display: none !important
    }

    .ui-dialog .search-menue-open {
        display: none !important
    }

    .ui-dialog .search-contentform {
        display: block !important
    }

    .ui-dialog .search-contentform h3 {
        margin-top: 1em
    }

    .ui-dialog #search-container {
        font-size: 1em;
        float: left;
        background: #3C6473;
        width: 25%;
        height: 100%;
        overflow: auto;
        padding: 1em 0
    }

    .ui-dialog .MapListe {
        margin-top: 0;
        display: block;
        z-index: 10003;
        background: #fff;
        width: 20%;
        height: 97%;
        float: right;
        padding: 1em;
        border: 0 solid transparent;
        overflow-y: auto;
        outline-offset: -2px;
        overflow-x: hidden;
        -ms-overflow-style: none
    }
}

@media only screen and (min-width:1500px) and (orientation:landscape) {
    .ui-dialog .map {
        width: 60%;
        height: 100%;
        float: left
    }

    .ui-dialog .search-menue {
        display: none !important
    }

    .ui-dialog .search-menue-open {
        display: none !important
    }

    .ui-dialog .search-contentform {
        display: block !important
    }

    .ui-dialog .search-contentform h3 {
        margin-top: 1em
    }

    .ui-dialog #search-container {
        font-size: 1em;
        float: left;
        background: #3C6473;
        width: 20%;
        height: 100%;
        overflow: auto;
        padding: 1em 0
    }

    .ui-dialog .MapListe {
        margin-top: 0;
        display: block;
        z-index: 10003;
        background: #fff;
        width: 20%;
        height: 97%;
        float: right;
        padding: 1em;
        border: 0 solid transparent;
        overflow-y: auto;
        outline-offset: -2px;
        overflow-x: hidden;
    }
}

.top65 {
    margin-top: 0 !important;
}

#spinner{
display: flex;
justify-content: center;
}

main#main-container span.supporting-information span:not(.glyphicon){
    font-family: "OpenSansSemiBold",sans-serif;
}