:root {

    /* wien color colors */

    /* Text Colors */
  --text-bright: #FFFFFF;
  --text-dark: #292929;
  --interaktiv: #4b4b82;
  --link: #1f4baf;

    /* wien STEP flieder */

  /* --nav-button-normal: #E6E5FE;
  --nav-button-hover: #AAAAFA;
  --nav-button-pressed: #AAAAFA;

  --control-button-normal: #AAAAFA;
  --control-button-hover: #E6E5FE;
  --control-button-pressed: #E6E5FE;

  --dropdown-bright: #F3F1EF;
  --dropdown-dark: #D6D1CA;

  --border: #AAAAFA; */


  /* wien STEP abendstimmung */

  /* --nav-button-normal: #E6E5FE;
  --nav-button-hover: #462346;
  --nav-button-pressed: #462346;

  --control-button-normal: #462346;
  --control-button-hover: #C7BDC7;
  --control-button-pressed: #462346;

  --dropdown-bright: #F3F1EF;
  --dropdown-dark: #D6D1CA;

  --border: #462346; */

  /* wien STEP morgenrot */

  --wien-rot: #FF0000;

  --nav-button-normal: #E6E5FE;
  --nav-button-hover: #FF5A64;
  --nav-button-pressed: #FF5A64;

  --control-button-normal: #FF5A64;
  --control-button-hover: #FFCED1;
  --control-button-pressed: #FF5A64;

  --dropdown-bright: #F3F1EF;
  --dropdown-dark: #D6D1CA;

  --border: #FF5A64;

}
.portal-title[data-v-4eba1fbe]{
    /* wien title  */
    margin-left: 0px;
}
.portal-title[data-v-4ca42377]{
    margin-left: 0px;
}
.tool-window-heading .heading-element .bootstrap-icon[data-v-4c3f468c]:focus {
    /* wien color click info close border */
    outline: 2px solid var(--border);
}
.tool-window-heading .heading-element .bootstrap-icon[data-v-4c3f468c]:hover {
    /* wien color click info close hover */
    background-color: var(--nav-button-hover);
}
.tool-window-heading
  .heading-element
  .bootstrap-icon:hover.btn-select[data-v-4c3f468c],
.tool-window-heading
  .heading-element
  .bootstrap-icon[data-v-4c3f468c]:hover:active,
.tool-window-heading
  .heading-element
  .bootstrap-icon:hover.active[data-v-4c3f468c],
.tool-window-heading
  .heading-element
  .bootstrap-icon[data-v-4c3f468c]:hover:checked,
.tool-window-heading
  .heading-element
  .bootstrap-icon[data-v-4c3f468c]:hover::selection,
.tool-window-heading
  .heading-element
  .bootstrap-icon:hover.show[data-v-4c3f468c],
.tool-window-heading
  .heading-element
  .bootstrap-icon:hover[aria-expanded="true"][data-v-4c3f468c] {
    /* wien color click info close pressed*/
    background-color: var(--nav-button-pressed);
    background-color: yellow;
}
#legend .legend-title .title[data-v-3b5a1b75] {
    /* wien color legend title */
    color: var(--text-dark);
}
#legend .legend-title .close-legend[data-v-3b5a1b75]:focus {
    /* wien color legend close hover border */
    outline: 2px solid var(--border);
    outline-color:var(--text-dark);
}
#legend .legend-title .close-legend[data-v-3b5a1b75]:hover {
    /* wien color legend close icon */
    background-color: var(--nav-button-hover);
    color: var(--text-bright);
}
#legend .legend-title .close-legend:hover.btn-select[data-v-3b5a1b75],
#legend .legend-title .close-legend[data-v-3b5a1b75]:hover:active,
#legend .legend-title .close-legend:hover.active[data-v-3b5a1b75],
#legend .legend-title .close-legend[data-v-3b5a1b75]:hover:checked,
#legend .legend-title .close-legend[data-v-3b5a1b75]:hover::selection,
#legend .legend-title .close-legend:hover.show[data-v-3b5a1b75],
#legend
  .legend-title
  .close-legend:hover[aria-expanded="true"][data-v-3b5a1b75] {
    /* wien color legend close select hover */
    background-color: var(--control-button-normal);
}
#legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:focus {
    /* wien color legend collapse focus border */
    outline: 2px solid var(--border);
}
#legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover {
    /* wien color legend collapse hover  */
    background-color: var(--nav-button-hover);
    color: var(--text-bright);
}
#legend .legend-title .toggle-collapse-all:hover.btn-select[data-v-3b5a1b75],
#legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover:active,
#legend .legend-title .toggle-collapse-all:hover.active[data-v-3b5a1b75],
#legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover:checked,
#legend .legend-title .toggle-collapse-all[data-v-3b5a1b75]:hover::selection,
#legend .legend-title .toggle-collapse-all:hover.show[data-v-3b5a1b75],
#legend
  .legend-title
  .toggle-collapse-all:hover[aria-expanded="true"][data-v-3b5a1b75] {
    /* wien color legend collapse pressed */
    background-color: var(--nav-button-pressed);
}
.table-of-contents > a[data-v-636a887a]:hover,
.table-of-contents a[data-v-636a887a]:focus {
    /* wien color hilfe button hover */
    background-color: var(--nav-button-hover);
}
#language-bar .current-language {
    /* wien color language text */
    color: var(--text-dark);
}
.control-icon[data-v-29edb2d8] {
    /* wien color control icon*/
    background-color: var(--control-button-normal);
    color: var(--text-bright);
}
.control-icon[data-v-29edb2d8]:hover {
    /* wien color control icon hover */
    background-color: var(--control-button-hover);
}
.control-icon[data-v-29edb2d8]:focus {
    /* wien color control icon focus */
    background-color: var(--control-button-pressed);
    outline: 2px solid var(--border);
}
.control-icon[data-v-29edb2d8]:active {
    /* wien color control icon active */
    background-color: var(--control-button-normal);
}
.bi-masterportal-zoom-in[data-v-29edb2d8],
.bi-masterportal-zoom-out[data-v-29edb2d8] {
    /* wien color zoom icon */
    color: var(--text-bright);
}
.mouse-position[data-v-16212ecb] {
    /* wien color mouse position display */
    background-color: var( --control-button-normal);
    color: var(--text-bright);
}
.mouse-position[data-v-67b2a13e]{
    /* wien color mouse position display */
    background-color: var( --control-button-normal);
    color: var(--text-bright);
}
.mouse-position .mouse-position-span[data-v-16212ecb] {
    /* wien color mouse position text */
    border-right: 1px solid var(--text-bright);
    color: var(--text-bright);
}
.mouse-position #hide-mouse-position[data-v-16212ecb] {
    /* wien color mouse position hide icon */
    color: var(--text-bright);
}
#overviewmap-wrapper .ol-overviewmap .ol-overviewmap-box {
    /* wien color minimap box */
    border: 1px solid var(--text-dark);
}
/* wien time slider width */
/* @media (min-width: 576px) {
    #tool-layer-slider[data-v-c2bf92ae] {
      
      min-width: 550px;
    }
} */

/* #layerslider .text {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
} */
.bi-skip-backward-fill:before {
    /* wien icon start view */
    content: "\f425";
}
.dropdown-menu {
    /* wien color dropdown */
    color: var(--text-dark);
    background-color: var(--text-bright);
}
.dropdown-item:hover,
.dropdown-item:focus {
    /* wien color dropdown hover focus */
    color: var(--text-dark);
    /* background-color: var(--text-bright); */
}
#root .tabable:hover,
ul#tree .tabable:hover,
ul#legend-menu .tabable:hover,
.portal-title .tabable:hover {
    /* wien color navbar hover */
    background-color: var(--nav-button-hover);
    color: var(--text-bright);

}
#root .tabable:hover.btn-select,
#root .tabable:hover:active,
#root .tabable:hover.active,
#root .tabable:hover:checked,
#root .tabable:hover::selection,
#root .tabable:hover.show,
#root .tabable:hover[aria-expanded="true"],
ul#tree .tabable:hover.btn-select,
ul#tree .tabable:hover:active,
ul#tree .tabable:hover.active,
ul#tree .tabable:hover:checked,
ul#tree .tabable:hover::selection,
ul#tree .tabable:hover.show,
ul#tree .tabable:hover[aria-expanded="true"],
ul#legend-menu .tabable:hover.btn-select,
ul#legend-menu .tabable:hover:active,
ul#legend-menu .tabable:hover.active,
ul#legend-menu .tabable:hover:checked,
ul#legend-menu .tabable:hover::selection,
ul#legend-menu .tabable:hover.show,
ul#legend-menu .tabable:hover[aria-expanded="true"],
.portal-title .tabable:hover.btn-select,
.portal-title .tabable:hover:active,
.portal-title .tabable:hover.active,
.portal-title .tabable:hover:checked,
.portal-title .tabable:hover::selection,
.portal-title .tabable:hover.show,
.portal-title .tabable:hover[aria-expanded="true"] {
    /* wien color click*/
    background-color: var(--nav-button-hover);
}
#root .tabable:focus,
ul#tree .tabable:focus,
ul#legend-menu .tabable:focus,
.portal-title .tabable:focus {
    /* wien color navbar outline click */
    outline: 2px solid var(--nav-button-hover);
}
ul#tree .checked {
    /* wien color themen dropdown text checked */
    color: var(--nav-button-hover);
}
ul#tree .checked:hover {
    /* wien color themen dropdown background hover */
    background-color: var(--nav-button-hover);
}
.btn-search:hover {
    /* wien color search button*/
    background-color: var(--nav-button-hover);
    color: var(--text-bright);
}
.btn-search-question > .glyphicon:hover {
    /* wien color search questionmark hover */
    color: var(--text-bright);
    background-color: var(--nav-button-hover);
}
.btn-search-question > .glyphicon.quickhelp-is-shown:hover {
    background-color: var(--wien-rot);
    color: var(--text-bright);
}
.btn-search-question > .glyphicon.quickhelp-is-shown {
    color: var(--text-dark);
}
input#searchInput.form-control:focus {
    /* wien color search border */
    border-color: var(--border);
    -webkit-box-shadow: inset 0 1px 1px var(--nav-button-hover),
        0 0 8px var(--nav-button-hover);
    box-shadow: inset 0 1px 1px var(--nav-button-normal), 0 0 8px var(--nav-button-normal);
}
.dropdown-menu > .active > a.nav-link {
    /* wien color tools active */
    background-color: var(--nav-button-hover);
    color: var(--text-bright);
}
.layer-item{
    padding-left: 2rem;
}
#logo{
flex: content;
padding: .3rem 2rem;

max-width: 100%;
height: auto;


}
#title-text{
padding-left: 2.5rem;
align-content:flex-end;
}
/* @media (min-width: 1200px) {
    h1,
    .h1 {
     font-size: 1.875rem;
    }
} */
.portal-title a h1[data-v-4eba1fbe] {
    /* wien title text */
    color: var(--text-dark);
    /* font-weight: bold; */
    font-size: 1.8rem;
  
    margin: auto;
  
    min-height: 35px;
    padding-bottom: 5px;
    flex: auto;
}
/* wien color legend collapse icon */
#legend .legend-title .toggle-collapse-all[data-v-c61a996c]:hover{
    background-color: var(--control-button-normal);
}
#legend .legend-title .close-legend[data-v-c61a996c]:hover{
    background-color: var(--control-button-normal);
}
#legend .legend-title .close-legend:hover.btn-select[data-v-c61a996c], #legend .legend-title .close-legend[data-v-c61a996c]:hover:active, #legend .legend-title .close-legend:hover.active[data-v-c61a996c], #legend .legend-title .close-legend[data-v-c61a996c]:hover:checked, #legend .legend-title .close-legend[data-v-c61a996c]:hover::selection, #legend .legend-title .close-legend:hover.show[data-v-c61a996c], #legend .legend-title .close-legend:hover[aria-expanded=true][data-v-c61a996c]
{
    background-color: var(--control-button-pressed);
}
#legend .legend-title .toggle-collapse-all:hover.btn-select[data-v-c61a996c], #legend .legend-title .toggle-collapse-all[data-v-c61a996c]:hover:active, #legend .legend-title .toggle-collapse-all:hover.active[data-v-c61a996c], #legend .legend-title .toggle-collapse-all[data-v-c61a996c]:hover:checked, #legend .legend-title .toggle-collapse-all[data-v-c61a996c]:hover::selection, #legend .legend-title .toggle-collapse-all:hover.show[data-v-c61a996c], #legend .legend-title .toggle-collapse-all:hover[aria-expanded=true][data-v-c61a996c]
{
    background-color: var(--control-button-pressed);
}


/* wien color tool minimized */
.tool-window-vue.is-minified .win-heading[data-v-d9078ef6]{
    background-color: var(--control-button-normal);
}
.win-heading .heading-element>span[data-v-d9078ef6]:hover:not(.win-icon){
    background-color: var(--control-button-hover);
}
/* wien colors fachdaten download buttons */
.gfi-footer .pager{
    background-color: var(--control-button-normal);
    background-color: var(--interaktiv);
}
.gfi-footer {
    color: var(--text-bright);
    font-size: 22px;
}
.btn-primary {
    color: #fff;
    background-color: var(--interaktiv);
    border-color: var(--control-button-hover);
    border-color: var(--interaktiv);
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: var(--control-button-pressed);
  border-color: var(--wien-rot);

  color: var(--text-dark);
  background-color: var(--dropdown-bright);
}
.btn-primary:hover {
  color: var(--interaktiv);
  background-color: var(--text-bright);
  border-color: var(--interaktiv);
}
.btn:hover, .btn:focus, .btn.focus {
  color: var(--interaktiv);
  background-color: var(--text-bright);
}
/* wien colors mobile mapping datensatz bg */
.label-primary {
    background-color: var(--control-button-normal);
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: var(--control-button-pressed);
  border-color: var(--wien-rot);
}
/* wien colors control buttons */
.control-icon[data-v-88407a44] {
    background-color: var(--control-button-normal);
    color: var(--text-bright);
    pointer-events: all;
    cursor: pointer;
    border: 0;
}
/* wien color footer link */
#footer a[target=_blank][data-v-4729e6c1] {
    color: var(--wien-rot);
    color: var(--link);
}
#footer a[data-v-4729e6c1]:hover {
    background-color: var(--control-button-normal);
    color: var(--text-bright);

    background-color: var(--link);
}
/* wien color locales */
#language-bar a:hover {
    background-color: var(--control-button-normal);
    color: var(--text-bright);
    cursor: pointer;
}
/* wien color tools active */
.dropdown-menu > .active > a {
    background-color: rgba(227, 227, 227, 0.5);
    color: var(--wien-rot);
    border: var(--wien-rot);
}
/* wien colors mobile mapping close button */
.win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon) {
    background-color: var(--control-button-normal);
    color: var(--text-bright);
    cursor: pointer;
}
.tool-window-heading-title[data-v-192fb3ac] {
    font-weight: bolder;
}
/* wien colors download close button */
.tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon) {
    background-color: var(--control-button-normal);
    color: var(--text-bright);
    cursor: pointer;
}
  .win-heading .heading-element > span:hover:not(.win-icon).btn-select[data-v-2a3dd68d],
.win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon):active,
.win-heading .heading-element > span:hover:not(.win-icon).active[data-v-2a3dd68d],
.win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon):checked,
.win-heading .heading-element > span[data-v-2a3dd68d]:hover:not(.win-icon)::selection,
.win-heading .heading-element > span:hover:not(.win-icon).open[data-v-2a3dd68d],
.win-heading .heading-element > span:hover:not(.win-icon)[aria-expanded="true"][data-v-2a3dd68d] {
  background-color: var(--wien-rot);
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background-color: var(--dropdown-dark);
    border-color: var(--wien-rot);
}
.form-control:focus {
    border-color: var(--wien-rot);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--control-button-normal);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--control-button-normal);
}
/* wien color info box hover */
.inhalt > a:hover {
    opacity: 1;
    background-color: var(--control-button-normal);
    color: var(--text-bright);
    cursor: pointer;
}
.inhalt > a:hover.btn-select,
.inhalt > a:hover:active,
.inhalt > a:hover.active,
.inhalt > a:hover:checked,
.inhalt > a:hover::selection,
.inhalt > a:hover.open,
.inhalt > a:hover[aria-expanded="true"] {
  background-color: var(--wien-rot);
}
.quick-help-window > .header > div > .glyphicon:hover {
    background-color: var(--control-button-normal);
    color: var(--text-bright);
    cursor: pointer;
}
.quick-help-window > .header > div > .glyphicon:hover.btn-select, .quick-help-window > .header > div > .glyphicon:hover:active, .quick-help-window > .header > div > .glyphicon:hover.active, .quick-help-window > .header > div > .glyphicon:hover:checked, .quick-help-window > .header > div > .glyphicon:hover::selection, .quick-help-window > .header > div > .glyphicon:hover.open, .quick-help-window > .header > div > .glyphicon:hover[aria-expanded="true"] {
    background-color: var(--wien-rot);
}
.dropdown-menu-search li:hover {
    background-color: var(--nav-button-hover);
}
.tool-window > .header > .buttons > span:hover:not(.win-icon) {
    background-color: var(--nav-button-hover);
}
.tool-window > .header > .buttons > span:hover:not(.win-icon).btn-select,
.tool-window > .header > .buttons > span:hover:not(.win-icon):active,
.tool-window > .header > .buttons > span:hover:not(.win-icon).active,
.tool-window > .header > .buttons > span:hover:not(.win-icon):checked,
.tool-window > .header > .buttons > span:hover:not(.win-icon)::selection,
.tool-window > .header > .buttons > span:hover:not(.win-icon).open,
.tool-window > .header > .buttons > span:hover:not(.win-icon)[aria-expanded="true"] {
  background-color: var(--wien-rot);
}
.tool-window > .header-min {
    background-color: var(--control-button-normal);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}
#layerslider{
    width: 51.4rem;
}
#layerslider .text-left {
    text-align: left;
}
#layerslider .text-center {
    text-align: center;
}
#layerslider .text-right {
    text-align: right;
    padding-right: 5px;
}
#layerslider .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px;
    position: initial;
}
#layerslider .slider-layer-titles {
    margin-left: -12px;
}
.slider-handle {
    background-color: var(--control-button-normal);
    background-image: -webkit-linear-gradient(top, var(--control-button-normal) 20%, var(--wien-rot) 100%);
    background-image: -o-linear-gradient(top, var(--control-button-normal) 20%, var(--wien-rot) 100%);
    background-image: linear-gradient(to bottom, var(--control-button-normal) 20%, var(--wien-rot) 100%);
}
.slider-tick.in-selection {
    background-image: -webkit-linear-gradient(top, var(--control-button-normal) 0%, var(--control-button-hover) 100%);
    background-image: -o-linear-gradient(top, var(--control-button-normal) 0%, var(--control-button-hover) 100%);
    background-image: linear-gradient(to bottom, var(--control-button-normal) 0%, var(--control-button-hover) 100%);
}
.slider-selection.tick-slider-selection {
    background-image: -webkit-linear-gradient(top, var(--control-button-normal) 0%, var(--control-button-hover) 100%);
    background-image: -o-linear-gradient(top, var(--control-button-normal) 0%, var(--control-button-hover) 100%);
    background-image: linear-gradient(to bottom, var(--control-button-normal) 0%, var(--control-button-hover) 100%);
}
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle {
  margin-left: -10px;
}
.tool-window {
    min-width: 43rem;
}
.tool-window-heading .heading-element > span:hover:not(.win-icon).btn-select[data-v-192fb3ac],
.tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon):active,
.tool-window-heading .heading-element > span:hover:not(.win-icon).active[data-v-192fb3ac],
.tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon):checked,
.tool-window-heading .heading-element > span[data-v-192fb3ac]:hover:not(.win-icon)::selection,
.tool-window-heading .heading-element > span:hover:not(.win-icon).open[data-v-192fb3ac],
.tool-window-heading .heading-element > span:hover:not(.win-icon)[aria-expanded="true"][data-v-192fb3ac] {
  background-color: var(--wien-rot);
}
.tool-window-vue.is-minified .win-heading[data-v-2a3dd68d] {
    background-color: var(--control-button-normal);
}
.upload-button-wrapper[data-v-3e88e1fe] {
    color: var(--text-bright);
    background-color: var(--interaktiv);
}
.upload-button-wrapper[data-v-3e88e1fe]:hover {
    background-color: var(--text-bright);
    color: var(--interaktivt);
    border: 1px solid var(--interaktiv);
}
#language-bar a:hover.btn-select,
#language-bar a:hover:active,
#language-bar a:hover.active,
#language-bar a:hover:checked,
#language-bar a:hover::selection,
#language-bar a:hover.open,
#language-bar a:hover[aria-expanded="true"] {
  background-color: var(--wien-rot);
}
#searchInputUL .selected {
    background: var(--nav-button-hover);
    color: var(--text-bright);
}
#modal-1-container .glyphicon[data-v-6888626b]:hover {
    background-color: var(--nav-button-hover);
    color: var(--text-bright);
}
modal-1-container .glyphicon:hover.btn-select[data-v-6888626b],
#modal-1-container .glyphicon[data-v-6888626b]:hover:active,
#modal-1-container .glyphicon:hover.active[data-v-6888626b],
#modal-1-container .glyphicon[data-v-6888626b]:hover:checked,
#modal-1-container .glyphicon[data-v-6888626b]:hover::selection,
#modal-1-container .glyphicon:hover.open[data-v-6888626b],
#modal-1-container .glyphicon:hover[aria-expanded="true"][data-v-6888626b] {
  background-color: var(--wien-rot);
}
.glyphicon-fast-backward[data-v-88407a44]::before {
    content: "\e021";
    margin-top: 0px;
    text-align: center;
}
.img-thumbnail {
    border: 0px solid #ddd;
    border-radius: 0;
}
#modal-1-container .glyphicon[data-v-6888626b]:hover{
    background-color: var(--wien-rot);
    color: var(--text-bright);
}