.table-striped > tbody > tr:nth-of-type(2n+1):hover, tr:hover, tr:hover td.accordion-toggle.collapsed ~ td, .table-striped > tbody > tr:nth-of-type(2n+1):hover td.accordion-toggle.collapsed ~ td {
    background-color: rgba(236, 236, 236, 1);
}


.ol-popup {
    position: absolute;
    /*background-color: white;*/
    /*-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));*/
    /*filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));*/
    /*padding: 15px;*/
    /*border-radius: 10px;*/
    /*border: 1px solid #cccccc;*/
    bottom: 12px;
    left: -50px;
    min-width: 280px;
    width:max-content;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
    color:#999;
}

* bootstrap :focus-shadow-reset*/




*:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}


body {
    /*font-family: "Univers LT Std", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: Arial, sans-serif;
    color: rgb(72,72,73);
    background-color:#fafafa;
    overflow:hidden;
    width:100vw;
    height:100%;
}

.navbar {
    height:40px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 600;
    font-size:1rem;
    color:#000;
    margin-top:0;
    margin-bottom:0.5rem;
    line-height:1.5rem;
}

h1 {
    font-size:24px;
    margin-bottom:1rem;
}

h1 small {
    font-size:16px;
    color:#000;
    font-weight:400;
}

p {
    font-weight:300;
}

p.small {font-size:0.875rem;}
p.smaller {font-size:0.75rem;}

a {
    color:rgba(73,73,72,0.75)/*#0090d6*/;
    text-decoration:none;
}


a:hover, a:focus, a:active {
    color:#ee7100;
    transition:color .3s, background .3s;
    text-decoration:none;
    outline:none;
}

strong {
    font-weight:600;
}

li {
    font-size:1rem;
    font-weight:400;
}

ol li {
    list-style-image: none;
}

/*Def. Lists*/

/*Bezeichnung*/
dt {
    clear:both;
    font-weight:600;
    font-size:0.75rem;
    float:left;
    min-width:240px;
}

/*Wert*/
dd {
    float:left;
    font-weight:300;
    font-size:0.875rem;
    padding-left:1rem;
}


.list-group-item {
    padding: .25rem 1rem;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.125);
    overflow:hidden;
}

.list-group-item.collapsed.listHead {
    color:#0090d6;
    background-color: transparent;
}

.list-group-item.listHead:hover {
    color:#ee7100;
}

.list-group-item.listHead {
    background-color: rgba(0,0,0,0.85);
    color:white;
    padding: .25rem 0.5rem .25rem 0.5rem;
    font-size:0.875rem;
    line-height:1.5rem;
}

.list-group.inner li{
    border:none;
}





/*************** form.css ***************/

legend {
    display: block;
    width: 100%;
    padding: 0 0 0 10px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight:600;
    line-height: inherit;
    color: #333;
    border: 0;
    letter-spacing:1px;
}

#legendControl{
    color:rgba(72,72,73,1);
}

/*@media (max-width: 480px) {*/
/*    #Legende{*/
/*        display:none;*/
/*    }*/
/*    #showLegend{*/
/*        display: block;*/
/*    }*/
/*    #legendControl{*/
/*        color:rgba(72,72,73,0.5);*/
/*    }*/
/*}*/




label {
    max-width: 100%;
    font-weight:400;
    font-size:0.875rem;
    letter-spacing:0;
    color: rgba(73,73,72,0.75);
    text-overflow:ellipsis;
    overflow: hidden;
    margin-bottom:0;
    padding-left:0.6666667rem;
}

#Suche label {
    color: rgba(255,255,255,0.75);
    height:17px;
    /*font-size:0.75rem;*/
}

.radio label, .checkbox label {
    font-size:0.875rempx;
    font-weight:400;
    color: rgba(73,73,72,0.75);
    letter-spacing:0;
}

.radio, .checkbox, input[type="checkbox"], input[type="radio"] {
    margin-top:4px;
    margin-right:3px;
    cursor:pointer;
    margin-bottom:-2px;
}

.checkbox+.checkbox, .radio+.radio {
    margin-top: 4px;
}

.form-group {
    margin-bottom:0px;
    clear:both;
}

.input-group {
    width:100%;
}

.input-group-addon {
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    min-width:40px;
    color: #555;
    text-align: center;
    background-image: none;
    border: 1px solid rgba(237,237,237,1);
    border-radius: 2px;
    box-shadow: none;
    background: rgba(247,247,247,1);
}

.addon-info {
    display:inline-block;border-radius:8.5px;width:17px;height:17px;margin:2px 0 0 10px;float:right;border:1px solid #ccc;background-color:#fff;text-align:center;line-height:15px;font-size:12px;
}

.addon-info:hover, .addon-info:focus, .addon-info:active {
    border:1px solid #ee7100;background-color:#ee7100;color:#fff;
}

.form-control {
    width: 100%;
    padding: 6px 10px;
    font-size: 14px;
    font-weight:400;
    color: rgba(73,73,72,1);
    border: 1px solid rgba(72,72,72,0.15);
    border-radius: 2px;
    box-shadow: inset 0 1px 1px 0px rgba(73,73,72, 0.1);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background-image: none;
    background: rgba(236,236,237,1);
    background: -moz-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,236,237,1)), color-stop(100%, rgba(246,246,247,1)));
    background: -webkit-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: -o-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    background: linear-gradient(to bottom, rgba(246,246,247,1) 0%, rgba(236,236,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /*noch zu stylen: Hexawerte ermitteln!*/
}

textarea{
    resize:vertical;
}

textarea.form-control {
    height: 100px;/*auto;*/
}

.form-control:focus {
    padding: 5px 9px;
    outline: 0;
    box-shadow: none;
    border: 2px solid #ee7100;
    background:none;
    background-color: #fff;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: rgba(246,246,247,1);
    opacity: 1;
    box-shadow:none;
}

.input-group-text {
    padding: .375rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom-control .custom-control-label {
    padding-left:0;
    font-weight:400;
}

.custom-control-label:hover {
    cursor:pointer;
    color:black;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2rem + 3px);
    margin: 0;
    opacity: 0;
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2rem + 3px);
    padding: .375rem 1rem;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    font-size: 0.875rem;
    display: block;
    height: calc(calc(2rem + 3px) - 1px * 2);
    padding: .375rem 1rem;
    color: #495057;
    font-weight:300;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
}

.custom-select {
    height: calc(2rem + 3px);
    padding: .375rem 1rem;
}

.custom-select option {
    font-weight:0.875rem;
}

.custom-control-label::before,
.custom-control-label::after {
    top:0.1rem;
    cursor:pointer;
    /*border:1px solid rgba(72,72,73,0.15);*/
    border-radius:0.25rem;
}

/*Change*/
.custom-control-input:focus ~ .custom-control-label::before,
.custom-control-input:focus ~ .custom-control-label::after {
    box-shadow:none !important;
}

.custom-control-label:hover::before {
    background-color:rgba(72,72,73,0.25);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    border:none;
}


/* Buttons */

.btn {
    font-size: 14px;
    padding: .35rem 1rem;
    font-weight: 600;
    border: 0px;
    border-radius: 2px;
    /*background-color:orange;*/
    /*color:#fff;*/
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.15);
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: rgba(73,73,72,0.75);
}

.btn.secondary {
    background-color: #b1e010;
    color:#fff;
}

.btn.white, .btn.grey {
    background-color:#fff;
    color:rgba(73,73,72, 1);
    font-weight: 400;
}

.btn.grey {
    background-color:#e4e4e4;
}

.btn:hover,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.btn:active,
.btn.active {
    outline: none;
    color: #fff !important;
    text-decoration: none;
    background-color: #ee7100;
    box-shadow: none;
    background-image: none;
    -webkit-box-shadow: none;
}

/*.btn.active{*/
/*    background-color:#61ae2c;*/
/*}*/

.btn.disabled, .btn[disabled], fieldset[disabled] .btn,
.btn.disabled:hover, .btn.disabled:focus, .btn.disabled:focus:hover,
.btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:focus:hover,
fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:focus:hover {
    cursor: not-allowed;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    background: rgba(255,255,255,0.35); /* Old browsers */
    opacity: 1;
    color: rgba(73,73,72,0.5);
    box-shadow:none;
}


/* Bootstrap-select - Dropdown/-up-Button + Menu */

.bootstrap-select {
    vertical-align:top; /* Fix for 1px vertical down offset */
}

.bootstrap-select, .bootstrap-select .btn .dropdown-toggle,
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width:100%; /* Breite der Selectbox an Col-Breite anpassen*/
}

.bootstrap-select > .dropdown-toggle, .btn-group.open .dropdown-toggle {
    border-radius: 2px;
    outline:none;
    color:#000;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);
    background: rgba(236,236,237,1);
    background: -moz-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(100%, rgba(236,236,237,1)));
    background: -webkit-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -o-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: -ms-linear-gradient(top, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    background: linear-gradient(to bottom, rgba(236,236,237,1) 0%, rgba(227,227,227,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /*noch zu stylen: Hexawerte ermitteln!*/
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow:none;
    box-shadow: none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group.dropup .dropdown-toggle {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: inset 0 -1px 0px 0px rgba(73,73,72, 0.1);
}

.btn-group.dropup.open .dropdown-toggle {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.btn-group.dropup .dropdown-toggle:focus, .btn-group.dropup .dropdown-toggle.focus
.btn-group.dropup .dropdown-toggle:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus,
.dropdown-toggle:hover, .dropdown-toggle:focus, .dropdown-toggle.focus,
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-toggle:focus:hover {
    background:none;
    background-color:#ee7100;
    z-index:999;
    color:#fff;
    box-shadow: none;
    outline: none !important;
}

.btn-default.disabled,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default.disabled:active:hover,
.btn-default.disabled.active:hover,
.btn-default.disabled:active:focus,
.btn-default.disabled.active:focus,
.btn-default.disabled:active.focus,
.btn-default.disabled.active.focus,
.dropdown-toggle.disabled:hover,
.dropdown-toggle.disabled:focus, .dropdown-toggle.disabled.focus,
.bootstrap-select .dropdown-toggle.disabled:focus, .bootstrap-select .dropdown-toggle.disabled:focus:hover {
    background:none;
    background-color: rgba(246, 246, 247, 1);
    color: rgba(73,73,72,0.75) !important;
    z-index:999;
    box-shadow: none;
    outline: none !important;
}


/* Dropdow-Menu */
.dropdown-menu {
    box-shadow: 0 6px 12px rgba(72,72,73,0.35);
}

.bootstrap-select.btn-group.open .dropdown-menu {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    z-index:2000;
}

.bootstrap-select.btn-group.dropup .dropdown-menu {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.bootstrap-select.btn-group .dropdown-menu li {
}

.bootstrap-select.btn-group .dropdown-menu li.selected {
    background-color: rgba(73,73,72,0.75);
}

.bootstrap-select.btn-group .dropdown-menu li.selected a {
    background:none;
    color:#fff;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    font-size:14px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(73,73,72,0.75);
    outline: 0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(73,73,72,0.75);
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    background-color: rgba(73,73,72,0.25);
    color: rgba(73,73,72,0.75);
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.dropdown-item {
    padding: .25rem 1rem;
    background-color: transparent;
}



.form-control::-webkit-input-placeholder {color: rgba(72,72,72,0.5);font-weight:300;}  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder {color: rgba(72,72,72,0.5);font-weight:300;}  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {color: rgba(72,72,72,0.5);font-weight:300;}  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {color: rgba(72,72,72,0.5);font-weight:300;}  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {color: rgba(72,72,72,0.5);font-weight:300;}  /* Microsoft Edge */









/*************** Tabellen ***************/

table {
    font-size:0.875rem;
    border-collapse:separate;
    border-spacing:0;
    padding:0;
    margin:0;
    border:0;
}

tr {
    vertical-align:top;
}

/*.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: transparent;
    }

.table-striped tbody tr:nth-of-type(2n) {
    background-color: white;
    }
*/
.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0.025);
}

.table td, .table th, td, th {
    border:0;
    margin:0;
    height:2.0625rem;
    /*border-bottom:1px solid rgba(73,73,72,0.15);*/
    border-top:0;
    padding: .3125rem 0.5rem;
}

td a, th a {
    display:block;
}

.table thead th {
    background-color:rgb(73,73,72);
    color:#fff;
    border:0;
    vertical-align:top;
}

.table thead .thead-light th {
    background:#d7d8d8;
}

/*tbody tr:last-child td:first-child {border-bottom-left-radius:4px;}*/
/*tbody tr:last-child td:last-child {border-bottom-right-radius:4px;}*/

/*tbody td:first-child{border-left:1px solid rgba(73,73,72,0.15);}*/
/*tbody td:last-child {border-right:1px solid rgba(73,73,72,0.15);}*/
/*thead th:first-child {border-top-left-radius:4px;}*/
/*thead th:last-child {border-top-right-radius:4px;}*/


.table-active, .table-active > th, .table-active > td,
.table-hover .table-active, .table-hover  .table-active > th, .table-hover  .table-active > td,
.table-hover .table-active:hover, .table-hover  .table-active:hover > th, .table-hover  .table-active:hover > td,
.table-hover  .table-active > th:hover, .table-hover  .table-active > td:hover {
    background-color:rgba(20,80,135,0.1);
}

/* Ende Tabellen */
















.mapLegend .list-group-item {
    border-radius:0;
    border:0;
    font-size:0.875rem;
}

.mapLegend .list-group-item-header {
    font-weight:600;
}

.mapLegend .colorLegend {
    width:1.5rem;height:1.5rem;display:inline-block;float:left;margin-left:-0.25rem;
}

.mapLegend .colorLegend span {
    width:1rem;height:1rem;background:grey;display:inline-block;float:left;border:1px solid rgba(0,0,0,0.5)
}

.mapLegend .colorLegend span.green {background:rgb(132,255,0)}
.mapLegend .colorLegend span.yellow {background:rgb(255,207,0)}
.mapLegend .colorLegend span.orange {background:rgb(255,122,0)}
.mapLegend .colorLegend span.grey {background:rgb(128,128,128)}

.mapLegend .colorLegend span.solar0 {background:rgba(255,232,100,0.75)}
.mapLegend .colorLegend span.solar20 {background:rgba(254,206,48,0.75)}
.mapLegend .colorLegend span.solar30 {background:rgba(250,176,1,0.75)}
.mapLegend .colorLegend span.solar45 {background:rgba(244,145,0,0.75)}
.mapLegend .colorLegend span.solar60 {background:rgba(238,112,0,0.75)}

.mapLegend .iconLegend {
    width:1.5rem;height:1.5rem;display:inline-block;float:left;margin-left:-0.25rem;
}

.mapLegend .iconLegend ~ .labelLegend {
    float:left;
}

.labelLegend {
    display:inline-block;padding-top:1px;
}

/***** Bühne für Statistiken ****/
.stat {
    background: white !important;
    border-radius: 6px !important;
    border: 0 !important;
    box-shadow: 0 0 15px rgba(73,73,72,0.15) !important;
    min-height: 240px !important;
    padding: 15px 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

.badge {
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.stat .badge {
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 4px 7px 5px 6px;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    float: right;
    margin: -15px -20px 10px 15px;
    background: rgb(73,73,72);
    text-shadow: none;
    min-height: 24px;
    line-height: 16px;
    z-index: 1;
    position: relative;
    white-space: normal;
    text-align: right;
}
/***** Ende Bühne für Statistiken ****/



#map {
    position:absolute;
    padding:0;
    width:100vw;
    height:100%;
    overflow:hidden;
}
/*#map{
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;
}*/
.dropdown-menu-right {position:absolute;right:0;left:auto;}
#Suche {position:absolute;width:calc(100% - 32px);max-width:300px;height:auto;background:rgba(38,38,38,0.85);left:16px;border-radius:4px;top:96px;z-index:2;box-shadow: 0px -2px 5px rgba(255,255,255,0.25);}
#Suche:hover {background:rgba(38,38,38,1);transition:background 0.6s;}
#Legende {position:absolute;width:calc(100% - 32px);max-width:300px;left:16px;top:15px;height:auto;z-index:3}
#chart {position:absolute;width:calc(100% - 32px);max-width:300px;right:16px;top:52px;height:auto;z-index:3}
.legendContainer {
    width:100%;
    margin-bottom:36px;
    padding:10px 16px;
    max-height:calc(100vh - 282px);
    overflow:auto;
    background:rgba(255,255,255,0.75);
    border-radius:4px;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
    transition:background 0.6s;
}
.legendContainer:hover {background:rgba(255,255,255,1);}
#ToolBar {position:absolute;left:16px;bottom:32px;height:64px;z-index:3;}


@media (max-width: 1024px) {
    #Suche {background:rgba(38,38,38,1);}
    .legendContainer {background:rgba(255,255,255,1);}
}



.dienst {
    height:64px;
    width:64px;
    border:2px solid white;
    background:black;
    border-radius:4px;
    zoom:0.5;
}

.dienstName {
    color:white;
    font-size:12px;
    text-align:center;
    width:100%;
    padding:0;
    margin:0;
    text-shadow: -1px 1px 0 rgba(0,0,0,0.5),
    1px 1px 0 rgba(0,0,0,0.5),
    1px -1px 0 rgba(0,0,0,0.5),
    -1px -1px 0 rgba(0,0,0,0.5);
}


.dienst.active, .dienst.active:hover{
    zoom:1;
}

.dienst{
    cursor:pointer;
}

.tool {
    height:32px;
    width:32px;
    background:grey;
    border-radius:4px;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
}

.row {
    margin:0 15px;
}
.row .row {
    margin:0 -15px;
}

.iconBtn {
    width:32px;
    text-align:center;
}

.iconBtn.active {
    color:#ee7100;
}

.closeSearch,.closeLegend {
    width:32px;
    height:32px;
    text-align:center;
    position:absolute;
    right:0;top:0;
    color:#999;
    line-height:32px;
    cursor:pointer;
}

.closeMain {
    width:48px;
    height:80px;
    text-align:center;
    position:absolute;
    right:0;top:0;
    color:#999;
    line-height:76px;
    font-size:24px;
    cursor:pointer;
}

.sonne {
    width:130px;
    height:130px;
    background:rgba(254,199,54,0.95);
    border-radius:50%;
    position:absolute;
    right:130px;
    bottom:80px;
    z-index:3;
    transform: rotate(-4deg);
    transform-origin:50% 50%;
    color:white;
    font-weight:800;
    font-size:18px;
    font-style:italic;
    text-align:center;
    line-height:20px;
    padding-top:44px;
    display:none;
}


#mainOperationsContainer{
    transition: all ease-in-out 0.5s;
    right:-100%;
    position: absolute;
    z-index: 999;
    top: 0;
    margin:0;
    right: -50%;
    height: 100%;
    width: 33%;
}
#mainOperationsContainer.wide{
    right:0%;
    width:100%;
}
#mainOperationsContainer.active{
    right:0%;
    width:100%;
}

#mainOperationsContainer.wide.active{
    right:0%;
    width:100%;
}

@media (max-width: 720px) {
    .legendLabel{
        display:none;
    }
    .headerTitle{
        display:none;
    }
}

@media (max-width: 680px) {
    .legendLabel{
        display:none;
    }
    .headerTitle{
        display:none;
    }
}

.logos{
    height: 45px;
    margin:0 0 0 15px;
}

.logos{
    display: inline-block;

}

.logos.small{
    display:none;
}

.logoContainer{
    min-width:550px;
    text-align: right;
    display:block;
}

@media (max-width: 359px) {
    .logoContainer{
        display: none;
        min-width:75px;
    }
}



@media (max-width: 1080px) {
    .logos{
        margin: 0 15px;
        display: none;
    }
    .logos.small{
        display: inline-block;
    }
    .logoContainer{
        min-width:250px;
        text-align: right;
    }
}

@media (max-width: 450px) {
    .logos.small{
        height: 32px;
        margin: 0 5px;
    }

    .logoContainer{
        min-width:150px;
        text-align: right;
    }
}

/*.navbar li img{*/
/*	height:48px;*/
/*}*/

/*@media (max-width: 400px) {*/

/*	.navbar li img{*/
/*		height:32px;*/
/*	}*/
/*}*/




@media (min-width: 769px) {
    #mainOperationsContainer{
        right:-50%;
        width:50%;
    }

    #mainOperationsContainer.wide{
        right:0%;
        width:67.5%;
    }
    #mainOperationsContainer.active{
        right:0%;
        width:50%;
    }

    #mainOperationsContainer.wide.active{
        right:0%;
        width:67.5%;
    }
}

@media (min-width: 1025px) {
    #mainOperationsContainer{
        right:-37.5%;
        width:37.5%;
    }

    #mainOperationsContainer.wide{
        right:0%;
        width:50%;
    }
    #mainOperationsContainer.active{
        right:0%;
        width:37.5%;
    }

    #mainOperationsContainer.wide.active{
        right:0%;
        width:50%;
    }
}






#MainOperations {
    z-index:33;
    position:absolute;
    top:0;right:0;
    background:rgba(255,255,255,1);
    height:100%;
    width:100%;
    overflow:auto;
    overflow-y: scroll;
    box-shadow: -13px 0px 21px rgba(0,0,0,0.25);
}

#MainOperations2, #MainOperations3, #MainOperationsGemeinde {
    z-index:33;
    position:absolute;
    top:0;right:0;
    background:rgba(255,255,255,1);
    height:100%;
    width:100%;
    box-shadow: -13px 0px 21px rgba(0,0,0,0.25);
}

#MainOperations2Navi, #MainOperations3Navi {
    z-index:33;
    position:absolute;
    bottom:0;right:0;
    /*background:rgb(225,225,225);*/
    background:rgb(225,225,225);
    height:64px;
    width:100%;
    overflow:auto;
    padding:1rem 1rem 0 1rem
}

/*@media (min-width: 640px) {
    #MainOperations{
        width:75%;
        }
    }


@media (min-width: 769px) {
    #MainOperations2, #MainOperations3 {
        width:62.5%;
        }

    #MainOperations{
        width:50%;
        }
    }

@media (min-width: 1025px) {
    #MainOperations2, #MainOperations3 {
        width:50%;
        }

    #MainOperations{
        width:37.5%;
        }
    }
    */
.topBlend {
    position:absolute;
    height:64px;
    width:100%;
    top:0;left:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to bottom,
    rgba(60,60,60,1) 0%,
    rgba(60,60,60,0.738) 19%,
    rgba(60,60,60,0.541) 34%,
    rgba(60,60,60,0.382) 47%,
    rgba(60,60,60,0.278) 56.5%,
    rgba(60,60,60,0.194) 65%,
    rgba(60,60,60,0.126) 73%,
    rgba(60,60,60,0.075) 80.2%,
    rgba(60,60,60,0.042) 86.1%,
    rgba(60,60,60,0.021) 91%,
    rgba(60,60,60,0.008) 95.2%,
    rgba(60,60,60,0.002) 98.2%,
    rgba(60,60,60,0) 100%
    );
    background:-moz-linear-gradient(top,
    rgba(60,60,60,1) 0%,
    rgba(60,60,60,0.738) 19%,
    rgba(60,60,60,0.541) 34%,
    rgba(60,60,60,0.382) 47%,
    rgba(60,60,60,0.278) 56.5%,
    rgba(60,60,60,0.194) 65%,
    rgba(60,60,60,0.126) 73%,
    rgba(60,60,60,0.075) 80.2%,
    rgba(60,60,60,0.042) 86.1%,
    rgba(60,60,60,0.021) 91%,
    rgba(60,60,60,0.008) 95.2%,
    rgba(60,60,60,0.002) 98.2%,
    rgba(60,60,60,0) 100%
    );
    background:-webkit-linear-gradient(top,
    rgba(60,60,60,1) 0%,
    rgba(60,60,60,0.738) 19%,
    rgba(60,60,60,0.541) 34%,
    rgba(60,60,60,0.382) 47%,
    rgba(60,60,60,0.278) 56.5%,
    rgba(60,60,60,0.194) 65%,
    rgba(60,60,60,0.126) 73%,
    rgba(60,60,60,0.075) 80.2%,
    rgba(60,60,60,0.042) 86.1%,
    rgba(60,60,60,0.021) 91%,
    rgba(60,60,60,0.008) 95.2%,
    rgba(60,60,60,0.002) 98.2%,
    rgba(60,60,60,0) 100%
    );
}

.bottomBlend {
    position:fixed;
    height:80px;
    width:100%;
    bottom:0;left:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(to top,
    rgba(60,60,60,1) 0%,
    rgba(60,60,60,0.738) 19%,
    rgba(60,60,60,0.541) 34%,
    rgba(60,60,60,0.382) 47%,
    rgba(60,60,60,0.278) 56.5%,
    rgba(60,60,60,0.194) 65%,
    rgba(60,60,60,0.126) 73%,
    rgba(60,60,60,0.075) 80.2%,
    rgba(60,60,60,0.042) 86.1%,
    rgba(60,60,60,0.021) 91%,
    rgba(60,60,60,0.008) 95.2%,
    rgba(60,60,60,0.002) 98.2%,
    rgba(60,60,60,0) 100%
    );
    background:-moz-linear-gradient(bottom,
    rgba(60,60,60,1) 0%,
    rgba(60,60,60,0.738) 19%,
    rgba(60,60,60,0.541) 34%,
    rgba(60,60,60,0.382) 47%,
    rgba(60,60,60,0.278) 56.5%,
    rgba(60,60,60,0.194) 65%,
    rgba(60,60,60,0.126) 73%,
    rgba(60,60,60,0.075) 80.2%,
    rgba(60,60,60,0.042) 86.1%,
    rgba(60,60,60,0.021) 91%,
    rgba(60,60,60,0.008) 95.2%,
    rgba(60,60,60,0.002) 98.2%,
    rgba(60,60,60,0) 100%
    );
    background:-webkit-linear-gradient(bottom,
    rgba(60,60,60,1) 0%,
    rgba(60,60,60,0.738) 19%,
    rgba(60,60,60,0.541) 34%,
    rgba(60,60,60,0.382) 47%,
    rgba(60,60,60,0.278) 56.5%,
    rgba(60,60,60,0.194) 65%,
    rgba(60,60,60,0.126) 73%,
    rgba(60,60,60,0.075) 80.2%,
    rgba(60,60,60,0.042) 86.1%,
    rgba(60,60,60,0.021) 91%,
    rgba(60,60,60,0.008) 95.2%,
    rgba(60,60,60,0.002) 98.2%,
    rgba(60,60,60,0) 100%
    );
}





@media (min-width: 992px) {	}	/*Tablet quer*/
@media (min-width: 1200px) { } /*DesktopGröße*/
@media (min-width: 768px) { }  /*Tablet hoch*/

#personen_container{
    margin: 16px 0;
}

@media (min-width: 768px) {

    #personen_container{
        margin:92px 0;
    }

}  /*Tablet hoch*/





/*Ergänzungen*/

.mainOperations{
    transition: all ease 0.5s;
}


.mainOperations, .list-group.inner, .ol-zoom.ol-unselectable.ol-control{
    display:none;
}





.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 280px;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
}
.ol-popup-closer:after {
    content: "✖";
    color:#999;
}


.form-control.loading {
    background-color: #ffffff;
    background-image: url("../frontend/images/loading.gif");
    background-size: 25px 25px;
    background-position:5% center;
    background-repeat: no-repeat;
}

.ol-popup{
    z-index:4;
    border-radius:4px;
    border:0;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.25);
}

.mapLegend .list-group{
    display:block;
}

.error{
    border:1px solid red;
}

/*Modal-Overlays*/
.modal-backdrop.show{
    opacity:1;
    background-color:rgba(72,72,73,0.75);
	}




#license{
    position:fixed;
    display:block;
    bottom:48px;
    right:auto;
    background:rgba(255,255,255,.85);
    z-index:3;
    max-width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space: nowrap;
	left:0;
	height: 20px;
	line-height:20px;
	font-size: 11px;
	}

#license:hover {
	background:rgba(255,255,255,1);
	}

footer {
	height:48px;
	width:100%;
	position:fixed;
	bottom:0px;
	padding:0px;
	z-index:2;
	background:rgba(209,209,209,0.85);
	/*box-shadow:0px 0px 8px rgba(73,73,72,0.35);*/
    box-shadow: 0px 0px 20px rgba(73,73,72,0.65);
	}

footer:hover {
	background:rgba(209,209,209,1);
	}

/* footer img {
	max-width:244px;
	margin-top:-24px;
	width:100%;
	float:right;
	margin-right:-20px;
	pointer-events: none;
	} */

footer a {
	cursor:pointer;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:calc(50% - 8px);
	margin-top:12px;
	font-size:0.875rem;
	height:24px;
	line-height:23px;
	background:rgba(255,255,255,1);
	padding:0 6px;
	margin-right:8px;
	margin-bottom:4px;
	box-shadow:0px 3px 8px rgba(73,73,72,0.15);
	}


.ol-attribution.ol-unselectable.ol-control.ol-collapsed{
    display:none;
	}


.popover{
    max-width:100% !important;
    /*box-shadow: 0px 10px 15px rgba(72,72,73,0.5);*/
    box-shadow:0px 5px 13px rgba(0,0,0,0.5);
    border:none;

}

.notactive{
    opacity: 0.5;
    cursor: not-allowed;
}


.logo{
    max-height: 100px;
    width: 100%;
    float: right;
    margin-bottom: 20px;
    max-width: 200px;
}

#zoomTools{
    position:absolute;
    right:16px;
    bottom:32px;
    z-index:999;
    width:32px;
    cursor:pointer;
}

.zoomTool{
    background:rgba(255,255,255,0.5);
    color:rgba(72,72,73,0.5);
}

.zoomTool:hover{
    background:rgba(255,255,255,1);
    color:rgba(72,72,73,1);
}

#resultMap .ol-viewport, #infoMap .ol-viewport{
    pointer-events:none;
}


.table-striped tbody tr:nth-of-type(odd) {
    background-color:rgba(225,225,225,.5);
}



#drawButtons{
    display:none;
    position:absolute;
    bottom:80px;
    text-align:center;
    width:100%;
}

#drawButtons .btn-group{
    margin:0 auto;
    z-index:4
}




@media (max-width: 768px) {
    .col-sg-fix .col-12,
    .col-sg-fix .col-md-4,
    .col-sg-fix .col-md-8,
    .col-sg-fix .col-xs-12
    {
        width:100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

/*@media (min-width: 576px){
    .modal-dialog {
        max-width: 600px;
    }
}*/


.modal-dialog{
    margin: 23px auto;
    max-width: 640px;
}

.modal-body button{
    width:100%;
}

.modalButton img{
    max-width:320px;
    margin:0 auto;
}

.compass.highlight:hover{
    color:#ee7100;
    font-weight:600;
}

.btn-primary {
    color: #fff;
    background-color: orange;
    border-color: orange;
}

.fixed_header tbody{
    display:block;
    overflow:auto;
    max-height:calc(100vh - 250px);
    width:100%;
}
.fixed_header thead tr{
    display:block;
}

.evaluationTable td, .evaluationTable th{
    width:200px;
    text-align: left;
}


/*Countdown animation*/

.item {
    position: relative;

}

.item h2 {
    text-align:center;
    position: absolute;
    line-height: 125px;
    width: 100%;
}

.counter svg {
    transform: rotate(-90deg);
}

.circle_animation {
    stroke-dasharray: 440; /* this value is the pixel circumference of the circle */
    stroke-dashoffset: 440;
    transition: all 1s linear;
}

.modal-header{
    border-bottom: 5px solid orange;
}

.layerImageDop{
    background-image:url('../../frontend/images/quickmap/osm.png');
    background-position:1px 1px;
    background-size:100% 100%;
    height:38px;
    width:38px;
    display:block;
}

.layerImageKarte{
    background-image:url('../../frontend/images/quickmap/karte.jpg');
    background-position:1px 1px;
    background-size:100% 100%;
    height:38px;
    width:38px;
    display:block;
}

.legendContainer {
    border-top-left-radius:0px;
    border-top-right-radius:0px;
}

#Legende:hover .legendContainer {
    background:rgba(255,255,255,1);
}

.nav-tabs {
	border-bottom:0;
	}

.nav-tabs .nav-link {
    border:0;
    transition:background 0.6s;
    background:rgba(255,255,255,0.65);
    font-size: 0.875rem;
}

#Legende:hover .nav-tabs .nav-link {
    border:0;
    background:rgba(255,255,255,0.85);
}

.nav-tabs .nav-link.active {
    border:0;
    transition:background 0.6s;
    background:rgba(255,255,255,0.75);
    color:black;
    position: relative;
    z-index: 2;
}

#Legende:hover .nav-tabs .nav-link.active {
    border:0;
    background:rgba(255,255,255,1);
}

.nav-tabs .nav-item {
    margin-bottom:0px;
    margin-right:2px;
    box-shadow: 0px -3px 3px rgba(0,0,0,0.15)
}

@media (max-width: 1024px) {

    .nav-tabs .nav-link.active {
        background:rgba(255,255,255,1);
    }
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
    background-color: rgba(73,73,72,0.75);
}

#attributeInfoTBody td{
    max-width:450px;
    height:auto;
}

.standardTear{
    width:1.5rem;height:1.5rem;display:inline-block;float:left;
}


/* Ladeanzeige*/

#loading_screen{
    display:none;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    cursor:wait;
    background-color:transparent;
    /*background-color:rgba(255,255,255,0.75);*/
    z-index:2;
}


.spinner {
    width: 70px;
    height:18px;
    text-align: center;
    position:absolute;
    top:50%;
    margin-top:-9px;
    left:50%;
    margin-left:-35px;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.sk-fading-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    top:35%;
    background-color:transparent;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #333;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
    0%, 39%, 100% { opacity: 0; }
    40% { opacity: 1; }
}


/* Ende Ladeanzeige*/

/*Diagramm bei kleinen Viewports ausblenden*/
/* @media (max-width: 1023px) {

    .chart{
        margin-right:-5000px
    }
} */

#projektImage {width: auto; height:80px !important;}


#zoomTools{
    position:absolute;
    right:16px;
    bottom:150px;
    z-index:2;
    width:32px;
    cursor:pointer;
}

.zoomTool{
    background:rgba(255,255,255,0.5);
    color:rgba(72,72,73,0.5);
}

.zoomTool:hover{
    background:rgba(255,255,255,1);
    color:rgba(72,72,73,1);
}

.zoomTool{
    display:inline-block
}

.zoomTools[class^="sg-"]:before,
.zoomTool[class*=" sg-"]:before{
    line-height:30px !important;
	}

.legendToggler {
	position:absolute;
	z-index:6;
	left:263px;
	}

.legendToggler a {
	height:37px;
	width:37px;
	box-shadow:0px -3px 3px rgba(0,0,0,0.15);background:white;border-top-right-radius:4px;border-top-left-radius:4px;display:block;text-align:center;line-height:36px;
	}

.legendToggler a i#legendControl {
	color:rgb(72,72,73);
	top:0px;
	position:relative;
	}

#showLegend {
	position:absolute;z-index:6;left:0px;top:15px;left:16px;display: none;
	}

#showLegend a {
	height:37px;width:37px;box-shadow:0px 0px 4px rgba(0,0,0,0.75);background:white;border-radius:4px;display:block;text-align:center;line-height:36px;
	}

#showLegend a i#legendControl {
	color:rgb(72,72,73); top:3px; position:relative;
	}

#backgroundSwitcher.layerImageDop, #backgroundSwitcher.layerImageKarte{
	position: absolute; left: 16px; bottom: 166px; height: 40px; z-index: 3; cursor: pointer;
	}

header {
	height:84px;border-bottom:4px solid #015fbf;background:white;box-shadow:0px 3px 8px rgba(73,73,72,0.15);position:relative;z-index:1;
	}

header img {
	height: 48px;float:right
	}

header h1 {
	font-size:1rem;overflow:hidden;text-overflow:ellipsis;font-weight:600;
	}

header h1 span {
	white-space: nowrap;
	}



/*__________________________________________
        Anfang Infoboxbereich PT
 __________________________________________*/

#chart.chart {top:16px;}

.legendContainer.chartLegend {
    background:transparent;
    box-shadow:none;
    /*overflow:hidden;*/
    height:auto;
    max-height:none !important;
}

.card.chart-container,.card.info-container {
    border:0;
    /*box-shadow: 0px 3px 8px rgba(0,0,0,0.25);*/
}

.card-header {
    border:0;
    /*background-color:#004d9e;*/
}

.card-header h2 {
    color:white;
    cursor:pointer;
    background-color:rgba(72,72,73,0.75);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.card-header h2.collapsed {
    background-color:#aaa;
}

.bruchsal.card-header h2 {
    color:white;
    cursor:pointer;
    background-color:#50ae2f;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bruchsal.card-header h2.collapsed {
    background-color:#004d9e;
}


.card-body {
    overflow-y:auto;
    overflow-x:hidden;
    max-height:calc(100vh - 406px);
    border: 1px solid rgba(72,72,73,0.75); /*rgba(0,0,0,.125)*/
    box-shadow: inset 0 8px 8px -10px rgba(0,0,0,0.25);/*inset 0 -8px 8px -10px rgba(0,0,0,0.25),0px 3px 8px rgba(0,0,0,0.25)*/
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.card-body p {
    font-size:0.875rem;
    line-height:1rem;
}

figure img {
    width:100%;
}

figcaption {
    font-size:0.75rem;
    color:grey;
    line-height:0.875rem
}


/* Ende Infoboxbereich PT*/



.modal-header {
border-bottom: 4px solid #ee7100;}