/*canvas-fix for responsive SVG with IE*/
.mapdiv > div {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%; height: auto;
}

.mapdiv canvas {
    display: block;
    width: 100%;
    visibility: hidden;
    max-height: 750px;
}

.mapdiv svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}


.armutsbericht_container {
    margin-top: 0.5rem;
}
.armutsbericht_container p small {
    padding-left:0;
}

#locationsearch {
    margin: 0.5rem 0 0.5rem 0;
    max-width: 400px;

    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    align-items: flex-end;
    justify-content: space-between;
}

#locationsearch > div {
    margin-right: 1rem;
    width: 20%;
    flex-grow: 1;
}

#locationsearch > div:last-child {
    margin-right: 0;
    max-width: 100px;
}

#locationsearch input {
    border: 1px solid #006699;
}

input#plz{
    width: 100%;
}

input#city {
    width: 100%;
}

svg {
    overflow: hidden;
    border: 1px solid #dddddd;
    max-width: 600px;
}

svg text {
    font-size: 0.6rem;
    fill: #222222;
}

svg text.value {
    font-size: 0.45rem;
    fill: #ffffff;
}

svg .label_bl .bl11 {
    display: none;
}


svg .label_ror .bl03 {
    display: none !important;
}

svg .label_bl .bl03 {
    display: inline!important;
}

svg .label_ror .bl04 {
    display: none !important;
}

svg rect.bar {
    fill: #CC0033;
}

svg .label_ror text {
    display: none;
    font-size: 0.4rem;
}

svg .label_ror .visible {
    display: inline;
    font-size: 0.3rem;
}

.bundesland:hover {
    fill: #ff114c !important;
}

.bundeslandaktiv g:nth-of-type(6n+1) {
    fill: #fd4f7b !important;
}

.bundeslandaktiv g:nth-of-type(6n+2) {
    fill: #ff7799 !important;
}

.bundeslandaktiv g:nth-of-type(6n+3) {
    fill: #ff99b2 !important;
}


.bundeslandaktiv g:nth-of-type(6n+4) {
    fill: #fdb2c3 !important;
}


.bundeslandaktiv g:nth-of-type(6n+5) {
    fill: #ffccd8 !important;
}

.bundeslandaktiv g:nth-of-type(6n+6) {
    fill: #ffdde5 !important;
}

.bundeslandaktiv g.ror:hover {
    fill: #ff114c !important;
}

g#bl04.bundeslandaktiv #ror_401 {
    fill: #fd4f7b !important;
}

g#bl04.bundeslandaktiv #ror_401:hover {
    fill: #ff114c !important;
}


.background {
    fill: none;
    pointer-events: all;
}

#bl01 {
    fill: #d9e5f2;
    stroke: #ffc;
    stroke-width: 0.1px;
    stroke-linejoin: round;
    stroke-linecap: round;
}



#bl02 {
    fill: #bfd4ea;
}

#bl03 {
    fill: #73a1d0;
}


#bl04 {
    fill: #a6c3e1;
}

#bl05 {
    fill: #9bd;
}

#bl06 {
    fill: #d9e5f2;
}

#bl07 {
    fill: #7faad4;
}

#bl08 {
    fill: #bfd4ea;
}

#bl09 {
    fill: #69c;
}

#bl10 {
    fill: #bfd4ea;
}

#bl11 {
    fill: #73a1d0;
}

#bl12 {
    fill: #8cb2d9;
}

#bl13 {
    fill: #9bd;
}

#bl14 {
    fill: #9bd;
}

#bl15 {
    fill: #d9e5f2;
}

#bl16 {
    fill: #bfd4ea;
}

#landkreise :hover {
    fill: #ffccff;
}


#state-borders {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5px;
    stroke-linejoin: round;
    stroke-linecap: round;
    pointer-events: none;
}