#chart-modal {
  padding: 0!important;
}
#chart-modal .modal-title {
  height: 2rem;
  z-index: 10000000;
}
#chart-modal .modal-dialog {
  max-width: none;
  margin: 0!important;
}
#chart-modal .modal-content {
  padding-top: 2rem;
}

a.iag + div {
  border-radius: .5rem;
  transition: height 400ms ease-in-out, background 200ms ease-in-out;
  position: relative;
  /* max-width: calc(100vw - 2rem); */
}

#relatedCharts.show ~ .outer-wrapper,
#relatedCharts.collapsing ~ .outer-wrapper {
  border-radius: 0 0 .5rem .5rem;
}
#relatedCharts a.reset:not(:first-child) {
  margin-top: 1.5rem;
}

.browserInfo > div:nth-child(2) > div {
  display: none;
}
.browserInfo.showInfo > div:nth-child(2) > div {
  display: block;
  border-radius: 0 0 .5rem .5rem;
  margin-top: -.5rem;
}





/* filter ux optimierung */

a.iag + div .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
a.iag + div .bootstrap-select .dropdown-toggle:focus  {
  outline: 0!important;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu.show  {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu.show > div {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu.show .bs-searchbox {
  padding: 0;
  margin: 0 0.75rem .5rem .75rem;
  border-bottom: 1px solid #e9ecef;
  position: relative;
}


a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu.show .form-control {
  background-color: transparent;
  border: none;
  padding: 0.375rem 0 0 0rem;
  border-radius: 0;
}

a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu.show .form-control::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1rem;
  width: 1rem;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ced8e0'><path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/></svg>");
  cursor: pointer;
}

a.iag + div .bootstrap-select.filter ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: .25rem;
}

a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu li.dropdown-header:first-of-type {
  margin-top: 0;
  border: unset;
}
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu li {
  padding: 0 .25rem .25rem .25rem;
}
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu li:not(.w-100) {
  padding: .25rem;
}

a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu li:not(.w-100) a {
  text-align: center;
  padding: .25rem;
}

a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu li.dropdown-header span  {
  padding: 0.25rem .5rem;
}
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu li.dropdown-divider  {
  margin: .5rem;
}


a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu > .inner .dropdown-item.active,
a.iag + div .bootstrap-select.filter.selectpicker ~ .dropdown-menu > .inner .dropdown-item:active,
a.iag + div .bootstrap-select.filter .selectpicker ~ .dropdown-menu > .inner .dropdown-item.selected {
    background-color: #01a0c7;
    font-weight: 900;
    color: #ffffff;
}


a.iag + div .bootstrap-select ul li::before
{
  display: none!important;
}

a.iag + div .bootstrap-select .selectpicker ~ .dropdown-menu > .inner .dropdown-item {
  transition: all 150ms ease-in-out;
}










a.iag + div .bootstrap-select .btn.dropdown-toggle.bs-placeholder + div.dropdown-menu .bs-actionsbox
{
  display: none;
}

a.iag + div .actions-btn.bs-select-all
{
  display: none;
}


a.iag + div .filter-list-expand
{
  position: absolute;
  right: 20px;
  width: 50px;
  background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
  cursor: pointer;
}

a.iag + div [overflow="false"] .filter-list-expand
{
  display: none;
}

a.iag + div .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #84bd00;
  background-color: #84bd00;
}
a.iag + div .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #adb5bd;
}


a.iag + div .custom-switch.custom-control-sm {
	padding-left: 2rem;
}
a.iag + div .custom-switch.custom-control-sm .custom-control-label {
	font-size: .875rem;
}
a.iag + div .custom-switch.custom-control-sm .custom-control-label::before {
	height: .875rem;
	width: 1.5rem;
	left: -2rem;
}
a.iag + div .custom-switch.custom-control-sm .custom-control-label::after {
	width: calc(.875rem - 4px);
  height: calc(.875rem - 4px);
	left: calc(-2rem + 2px);
}
a.iag + div .custom-switch.custom-control-sm .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(0.6rem);
}



a.iag + div.initialized .chart-loading,
a.iag + div.initialized .chart-loading + div {
  transition: opacity 200ms ease-in-out;
}

a.iag + div.initialized .chart-loading {
  position: absolute;
  display: block!important;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 2;
  transform: translate(-50%, -50%);
}

a.iag + div.initialized.loading .chart-loading { opacity: 1; }
a.iag + div.initialized.loading .chart-loading + div { opacity: .1; }


.popover.iag .arrow::before {
  border: 0!important;
}








a.iag + div .map-wrapper canvas,
a.iag + div .map-wrapper svg {
	max-width: 100%;
	max-height: 100%;
}

a.iag + div .map-wrapper canvas + svg {
	position: absolute;
	top: 0px;
	left: 0px;
}

a.iag + div .map-wrapper svg text {
  font-family: bgek-titillium,Helvetica,Arial,sans-serif;
}

/*
  kv kreise border
  also defined in bifg-maps-font-inline.css for screensots!
*/

a.iag + div .map-wrapper svg[data-layer-basis="kv"][data-current-path-level="2"]:not([data-current-isolate-view]) g[data-level="1"][data-id="kv"] {
  display: inline;
  fill-opacity: 0;
  pointer-events: none;
  stroke-width: 2;
  stroke-linejoin: bevel;
}



/* V2 */


/* highlight specific pathes for debug */
/* a.iag + div .map-wrapper svg > g[id] path[data-last-year="2020"] {
  stroke-width: 1!important;
  stroke: red!important;
}
a.iag + div .map-wrapper svg > g[id] path[data-first-year="2021"] {
  stroke-width: 1!important;
  stroke: green!important;
} */


a.iag + div .map-wrapper [visible='false'] {
  display: none;
  pointer-events: none;
}

a.iag + div .map-wrapper svg:not([data-current-isolate-view]) > g[id] {
  cursor: pointer;
}

a.iag + div .map-wrapper svg {
  /* transition: all 1s ease; */
}




body:not([browser='safari']) a.iag + div .map-wrapper svg g.marker ellipse,
body:not([browser='safari']) a.iag + div .map-wrapper svg g.marker_wrapper g,
body:not([browser='safari']) a.iag + div .map-wrapper svg g.text_wrapper text,
body:not([browser='safari']) a.iag + div .map-wrapper svg > g[id] path {
	/* transition: all .2s ease-in-out; */
  /* transform-origin: center; */
  
}

a.iag + div .map-wrapper svg.hover g.marker_wrapper g:not(.hover),
a.iag + div .map-wrapper svg.hover g.text_wrapper text.text:not(.hover)  {
  opacity: 0;
}
a.iag + div .map-wrapper svg.hover g.text_wrapper text.titel:not(.hover)  {
  opacity: 0.2;
}
a.iag + div .map-wrapper svg g.marker.hover ellipse {
  rx: calc(15.4 * 3);
	ry: calc(4.1 * 3);
	opacity: .1;
}

a.iag + div .map-wrapper svg.hover > g[id] path {
  stroke-opacity: 0;
}
a.iag + div .map-wrapper svg.hover > g[id]:not(.hover) path,
a.iag + div .map-wrapper svg.hover > g[id].hover g path:not(.hover) {
  /* fill: rgba(231,236,240,1)!important; */
  fill-opacity: 0.3;
}

a.iag + div .map-wrapper svg g.marker_wrapper g.marker text {
  font-weight: 700;
}
a.iag + div .map-wrapper svg g.marker_wrapper polygon.up,
a.iag + div .map-wrapper svg g.marker_wrapper g.marker.up ellipse
,a.iag + div .map-wrapper svg g.marker_wrapper g.marker.up text 
{
  fill: #00a0c7;
}
a.iag + div .map-wrapper svg g.marker_wrapper polygon.down,
a.iag + div .map-wrapper svg g.marker_wrapper g.marker.down ellipse
,a.iag + div .map-wrapper svg g.marker_wrapper g.marker.down text 
{
  fill: #84bd00;
}

/* up down arrows in drops */
a.iag + div .map-wrapper svg g.marker_wrapper g.marker.up polygon.up,
a.iag + div .map-wrapper svg g.marker_wrapper g.marker.down polygon.down {
  fill-opacity: 0.75;
}
a.iag + div .map-wrapper svg g.marker_wrapper g.marker.up polygon.down,
a.iag + div .map-wrapper svg g.marker_wrapper g.marker.down polygon.up {
  fill-opacity: 0;
}

a.iag + div .map-wrapper svg[data-current-path-type="ror"] g.text_wrapper,
a.iag + div .map-wrapper svg[data-current-path-type="kreis"] g.text_wrapper,
a.iag + div .map-wrapper svg[data-current-path-type="mibe"] g.text_wrapper  {
  display: none;
}


/* V2 */

/* a.iag + div .map-wrapper svg g.plz[data-id$='kreis'] path,
a.iag + div .map-wrapper svg g.bl path[data-isolate-width]{
	cursor: pointer;
} */

a.iag + div .map-wrapper svg.hover g[data-id][data-level] path {
  cursor: pointer;
}
a.iag + div .map-wrapper svg.hover g[data-id][data-level] path[fill*="hatch"] {
  cursor: default;
}

a.iag + div .map-wrapper svg.hover g[data-id][data-level]  {
  stroke-opacity: 1;
}
a.iag + div .map-wrapper svg.hover g[data-id][data-level] path:not(.hover)  {
  fill: unset;
  /* stroke: default;
  stroke-width: 1;
  stroke-opacity: 1; */
}
a.iag + div .map-wrapper svg g[data-id][data-level].zoom path  {
  fill-opacity: 1;
}
a.iag + div .map-wrapper svg g[data-id][data-level].zoom[display="inline"] path[display="inline"] + #separator-line {
  display: inline;
  fill: #c1c4c8;
}

a.iag + div .map-wrapper svg.isolate g[data-id][data-level="2"] g path:not([fill*="hatch"]){
  stroke-width: 0.25px;
  stroke-opacity: 1;
}







a.iag + div .map-wrapper svg g.marker_wrapper {
	filter: url(#drop-shadow);
}

a.iag + div .map-wrapper svg g.text_wrapper,
a.iag + div .map-wrapper svg g.marker_wrapper,
a.iag + div .chart-loading {
	pointer-events: none;
	/* opacity: 0; */
}

a.iag + div .map-wrapper .show {
	opacity: 1!important;
}
a.iag + div .map-wrapper .hide{
	opacity: 0!important;
}






a.iag + div .map-wrapper svg g.marker.template {
  visibility: hidden;
}



a.iag + div .color-index div,
.legend-holder .color-index div {
  min-width: 30px;
}
@media (min-width: 576px) {
  a.iag + div .color-index div,
  .legend-holder .color-index div {
    min-width: 45px;
  }
}

a.iag + div .color-index i,
.legend-holder .color-index i {
	position: relative;
	display: inline-block;
	/* width: 30px;
	height: 20px; */
  width: 100%;
	height: 6px;
	/* border-radius: 3px; */
	background: #eee;
}
a.iag + div .color-index div:first-child i,
.legend-holder .color-index div:first-child i {
  border-radius: 3px 0 0 3px;
}
a.iag + div .color-index div:last-child i,
.legend-holder .color-index div:last-child i {
  border-radius: 0 3px 3px 0;
}


a.iag + div .color-index div span,
.legend-holder  .color-index div span {
  font-size: 0.6rem;
  opacity: .7;
}
a.iag + div .color-index div:first-child span,
a.iag + div .color-index div:last-child span,
.legend-holder .color-index div:first-child span,
.legend-holder .color-index div:last-child span {
  font-size: 0.7rem;
  opacity: 1;
}


a.iag + div .color-index i span,
.legend-holder  .color-index i span {
	position: absolute;
	font-size: 0.6rem;
	left: 50%;
	top: 100%;
	transform: translate(-58%, 10%);
  opacity: .7;

  width: 100%;
  white-space: pre-line;
}
a.iag + div .color-index i:first-child span,
a.iag + div .color-index i:last-child span,
.legend-holder  .color-index i:first-child span,
.legend-holder  .color-index i:last-child span {
	font-size: 0.7rem;
  transform: translate(-58%, 0%);
  opacity: 1;
}

@media (max-width: 575px) {

  a.iag + div .color-index div {
    /* min-width: auto;
    width: 40px; */
  }
  a.iag + div .color-index i {
    height: 5px;
    width: 40px;
    margin-bottom: 0.1rem;
    border-radius: 0px;
  }
  a.iag + div .color-index div:first-child i {
    border-radius: 5px 0 0 5px;
  }
  a.iag + div .color-index div:last-child i {
    border-radius: 0 5px 5px 0;
  }
  a.iag + div .color-index div:first-child span,
  a.iag + div .color-index div:last-child span {
    font-size: 0.6rem;
    line-height: 1.1;
  }
}




a.iag + div g.bl.zoomed {

}

a.iag + div .popover.border-0 > .arrow::before {
  border-top-color: rgba(0, 0, 0, 0)!important;
}
.popover.bg-bifg-petrol-dark.border-0 > .arrow::after {
  border-top-color: #003f4e!important;
}

a.iag + div .chart-legend > div {
  transition: opacity 200ms ease-in-out;
}
a.iag + div .chart-legend > div.selected {
  opacity: 0.2;
}

.filter-rows .badge .badge-light {
  background-color: #fff;
}
.filter-rows .badge .badge {
  cursor: pointer!important;
}
.filter-rows > .badge  {
  border-radius: .75rem;
}

a.iag + div:fullscreen .filter-rows > .badge {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
a.iag + div:fullscreen .filter-rows > .badge > span {
  margin-bottom: 0.5rem !important;
  margin-top: 0.25rem !important;
}
a.iag + div:-webkit-full-screen .filter-rows > .badge {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
a.iag + div:-webkit-full-screen .filter-rows > .badge > span {
  margin-bottom: 0.5rem !important;
  margin-top: 0.25rem !important;
}

a.iag + div:fullscreen .no-fullscreen  {
  display: none!important;
}
a.iag + div:-webkit-full-screen .no-fullscreen  {
  display: none!important;
}



#chartjs-tooltip {
  background-color: #003f4e;
  color: #fff;
  border-radius: .25rem;
  -webkit-box-shadow: 0 0.25rem 1rem 0rem rgba(0,0,0,0.15);
  box-shadow: 0 0.25rem 1rem 0rem rgba(0,0,0,0.15);
  padding: .25rem .5rem!important;
  transform: translate(0, -50%);
}
#chartjs-tooltip.left { transform: translate(-.75rem, -50%); }
#chartjs-tooltip.right { transform: translate(.75rem, -50%); }

#chartjs-tooltip::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  top: 50%;
  border-width: .4rem;
}
#chartjs-tooltip.right::before {
  border-right-color: #003e4d;
  left: 0;
  transform: translate(-.7rem, -.4rem);
}
#chartjs-tooltip.left::before {
  border-left-color: #003e4d;
  right: 0;
  transform: translate(.7rem, -.4rem);
}


a.iag + div .timeLaps_row_wrapper {
  height: 30px;
}
a.iag + div .timeLapsWrapper {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
a.iag + div .timeLapsWrapper.visible {
  opacity: 1;
}

a.iag + div .bootstrap-select.disabled.timeLapsKey {

}
a.iag + div .bootstrap-select.disabled.timeLapsKey > .btn.disabled {
  cursor: initial;
  opacity: 1;
  background-color: transparent;
  border-color: transparent;
}






a.iag + div  .slider.slider-horizontal {
  width: calc(100%);
  margin-bottom: 0px!important;
  height: 30px;
  cursor: ew-resize;
}
a.iag + div  .slider.slider-vertical {
  position: absolute;
  cursor: ns-resize;
}
a.iag + div  .slider.slider-horizontal .slider-track {
  background-image: none;
  background-color: #f8f9fa;
  box-shadow: none;
  height: 4px;
  margin-top: -2px;
}
a.iag + div  .slider.slider-vertical .slider-track {
  background-image: none;
  background-color: #f8f9fa;
  width: 4px;
}



a.iag + div .slider .slider-tick {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  opacity: 1;
}
a.iag + div  .slider .slider-tick:after {
  /* content: ""; */
  position: absolute;
  width: 1px;
  height: 8px;
  border-radius: 0%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6c757d;
  transition: all .05s linear;
  opacity: .5;
}

a.iag + div  .slider .slider-tick:hover:after {
  width: 2px;
  height: 14px;
  border-radius: 2px;
  opacity: 1;
}
a.iag + div  .slider .slider-handle  {
  background-image: none;
  background-color: #6c757d;
  box-shadow: none;
  width: 11px;
  margin-left: -5px;
  height: 11px;
  margin-top: 4px;
  border-radius: 100%;
  opacity: 0;
  display: none;
}

@media (max-width: 991px) {
  a.iag + div .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: none;
  }
}

a.iag + div  .slider .tooltip.bs-tooltip-top {
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  x: 0;
  transition: all .15s cubic-bezier(0.39, 0.58, 0.57, 1);
}
a.iag + div  .slider .tooltip.bs-tooltip-top:before,
a.iag + div  .slider .tooltip.bs-tooltip-top:after {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  top: 50%;
  width: 2rem;
}
a.iag + div  .slider .tooltip.bs-tooltip-top:before {
  content: "\f100";
  left: -50%;
  transform: translate(-100%, -47%);
  background-image: linear-gradient(to right, #fff0, #fff, #fff);
  text-align: right;
  padding-right: .35rem;
}
a.iag + div  .slider .tooltip.bs-tooltip-top:after {
  content: "\f101";
  right: 50%;
  transform: translate(100%, -47%);
  background-image: linear-gradient(to left, #fff0, #fff, #fff);
  text-align: left;
  padding-left: .35rem;
}

a.iag + div  .slider .tooltip.bs-tooltip-top[style="left: 0%;"]:before,
a.iag + div  .slider .tooltip.bs-tooltip-top[style="left: 100%;"]:after  {
  display: none;
}

/* temporary alywas invisible */
a.iag + div  .slider .tooltip.bs-tooltip-top:before,
a.iag + div  .slider .tooltip.bs-tooltip-top:after  {
  display: none;
}


a.iag + div  .slider .tooltip.bs-tooltip-top .arrow{
  display: none;
}
a.iag + div  .slider .tooltip.bs-tooltip-top .tooltip-inner {
  background-color: #6c757d;
  font-size: .75rem;
  padding: 0.1rem 0.4rem;
  border-radius: .35rem;
  font-weight: bold;
}

a.iag + div  .slider.slider-horizontal .slider-tick-container {
  display: none;
}
a.iag + div  .slider.slider-horizontal .slider-tick-label-container {
  position: absolute;
  width: 100%;
  margin-top: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 27px;
}

a.iag + div  .slider.slider-horizontal .slider-tick-label-container._2n > div:nth-child(2n):not(:last-child) {
  opacity: 0;
}

a.iag + div  .slider .slider-tick-label > span {
  background-color: #e7ecf0;
  font-size: .75rem;
  padding: 0.1rem 0.4rem;
  color: #343a40;
  text-align: center;
  border-radius: .35rem;
}




a.iag .btn-group.classification {

}
a.iag + div .btn-group.classification .dropdown-item {
  cursor: pointer;
}
a.iag + div .btn-group.classification .dropdown-item:hover,
a.iag + div .btn-group.classification .dropdown-item:focus {
  background-color: #e9ecef;
}
a.iag + div .btn-group.classification .dropdown-item.active,
a.iag + div .btn-group.classification .dropdown-item:active {
  background-color: #dcdcdc;
  color: #212529;
}

a.iag + div .btn-group.classification .dropdown-menu:after {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-color: transparent;
  border-top-color: #fff;
  border-style: solid;
  border-width: .45rem;
  border-bottom-width: 0px;
  bottom: -.45rem;
  right: 1rem;
}









a.iag + div:fullscreen {
  overflow-y: auto;
  border-radius: 0;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  padding-top: 3.5rem !important;
  padding-bottom: 2rem !important;
}
a.iag + div:-webkit-full-screen {
  overflow-y: auto;
  border-radius: 0;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  padding-top: 3.5rem !important;
  padding-bottom: 2rem !important;
}

a.iag + div:fullscreen .fullscreen_header {
  display: flex!important;
  top: 0;
  left: 0;
  height: 2.5rem;
}
a.iag + div:-webkit-full-screen .fullscreen_header {
  display: flex!important;
  top: 0;
  left: 0;
  height: 2.5rem;
}
a.iag + div:fullscreen .fullscreen_header img {
  height: 1.5rem;
  filter: brightness(0) invert(1);
}
a.iag + div:-webkit-full-screen .fullscreen_header img {
  height: 1.5rem;
  filter: brightness(0) invert(1);
}

a.iag + div:fullscreen .chart-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0rem;
  background: #fff;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
a.iag + div:-webkit-full-screen .chart-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0rem;
  background: #fff;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

a.iag + div:fullscreen .chart-header {
  box-shadow: 0 1.05rem 1rem -1.1rem rgb(0 0 0 / 15%);
  padding: 0 1.5rem 1.5rem 1.5rem!important;
  margin-bottom: 1.5rem!important;
}
a.iag + div:-webkit-full-screen .chart-header {
  box-shadow: 0 1.05rem 1rem -1.1rem rgb(0 0 0 / 15%);
  padding: 0 1.5rem 1.5rem 1.5rem!important;
  margin-bottom: 1.5rem!important;
}


a.iag.chart + div:fullscreen .canvas-container {
  height: 50vh;
  aspect-ratio: unset!important;
}
a.iag.chart + div:-webkit-full-screen .canvas-container {
  height: 50vh;
  aspect-ratio: unset!important;
}




/* fullscreen split view */

@media (min-width: 1200px) {

  a.iag + div.split-view:fullscreen .fullscreen_header {
    background-image: linear-gradient(270deg, #7cb101 40vw, transparent 0%);
  }
  a.iag + div.split-view:-webkit-full-screen .fullscreen_header {
    background-image: linear-gradient(270deg, #7cb101 40vw, transparent 0%);
  }

  a.iag + div.split-view:fullscreen {
    padding: 0!important;
  }
  a.iag + div.split-view:-webkit-full-screen {
    padding: 0!important;
  }
  a.iag + div.split-view:fullscreen .chart-wrapper {
    height: 100%;
    background: #e7ecf01c!important;
    margin-left: 60vw;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
  }
  a.iag + div.split-view:-webkit-full-screen .chart-wrapper {
    height: 100%;
    background: #e7ecf01c!important;
    margin-left: 60vw;
    position: relative;
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 3rem;
    padding-right: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
  }

  a.iag + div.split-view:fullscreen .chart-header {
    box-shadow: none;
    padding: 0!important;

  }
  a.iag + div.split-view:-webkit-full-screen .chart-header {
    box-shadow: none;
    padding: 0!important;

  }

  a.iag + div.split-view:fullscreen .canvas-container {
    position: absolute!important;
    top: 5rem;
    left: calc(-60vw + 2rem);
    height: calc(100vh - 9rem);
    width: calc(60vw - 6rem);
  }
  a.iag + div.split-view:-webkit-full-screen .canvas-container {
    position: absolute!important;
    top: 5rem;
    left: calc(-60vw + 2rem);
    height: calc(100vh - 9rem);
    width: calc(60vw - 6rem);
  }

  a.iag + div.split-view:fullscreen .chart-title .text-center {
    text-align: left!important;
  }
  a.iag + div.split-view:-webkit-full-screen .chart-title .text-center {
    text-align: left!important;
  }
  a.iag + div.split-view:fullscreen .chart-header > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  a.iag + div.split-view:-webkit-full-screen .chart-header > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  a.iag + div.split-view:fullscreen .selected_filters > div > button,
  a.iag + div.split-view:fullscreen .selected_filters .filters-row,
  a.iag + div.split-view:fullscreen .row.order-3 > div > button,
  a.iag + div.split-view:fullscreen .chart-legend,
  a.iag + div.split-view:fullscreen .collapse .p-md-4 {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  a.iag + div.split-view:-webkit-full-screen .selected_filters > div > button,
  a.iag + div.split-view:-webkit-full-screen .selected_filters .filters-row,
  a.iag + div.split-view:-webkit-full-screen .row.order-3 > div > button,
  a.iag + div.split-view:-webkit-full-screen .chart-legend,
  a.iag + div.split-view:fullscreen .collapse .p-md-4  {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
  }





}










body.map-fs,
body.map-fs > main {
  padding-top: 0px!important;
  margin-top: 0px!important;
}
body.map-fs > header,
body.map-fs > footer,
body.map-fs > main > div:first-child,
body.map-fs .chart-footer {
  display: none!important;
}
body.map-fs a.iag + div.shadow {
  box-shadow: 0 0 0 0 rgba(0,0,0,0.15) !important;
}


@media (min-width: 576px) {
  #panel-toggler > div {
    margin-top: -3rem;
  }
}

#panel-toggler .list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: .5rem;
}
#panel-toggler .list-group-horizontal > .list-group-item:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: .5rem;
}
#panel-toggler .list-group-item.active {
  background-color: #fff;
  z-index: 20!important;
}
#panel-toggler .list-group-item:not(.active) {
  box-shadow: 0 0.25rem 1rem 0rem rgb(0 0 0 / 15%), inset 0rem -0.65rem 1rem -1rem rgb(0 0 0 / 15%) !important;
}

#panel-toggler .list-group-item img {
  width: 30px;
  height: 30px;
  opacity: .4;
}
#panel-toggler .list-group-item.active img {
  opacity: 1;
}

#panel-toggler .list-group-horizontal > .list-group-item:nth-child(1) { z-index: 10; }
#panel-toggler .list-group-horizontal > .list-group-item:nth-child(2) { z-index: 9; }
#panel-toggler .list-group-horizontal > .list-group-item:nth-child(3) { z-index: 8; }
#panel-toggler .list-group-horizontal > .list-group-item:nth-child(4) { z-index: 7; }
#panel-toggler .list-group-horizontal > .list-group-item:nth-child(5) { z-index: 6; }
#panel-toggler .list-group-horizontal > .list-group-item:nth-child(6) { z-index: 5; }


.resultNotice {
  display: none;
  transform: translate(-50%, -50%);
  top: 40%;
  left: 50%;
}


.state .custom-control-label:before {
  left: unset;
  right: -2.5rem;
}
.state .custom-control-label:after {
  left: unset;
  right: calc(-1.75rem + 2px);
  background-color: #84bd00!important;
  
}
.state .custom-control-input:checked ~ .custom-control-label:before {
  border-color: #e7ecf0;
  background-color: #e7ecf0!important;
}
.state .custom-control-input:checked ~ .custom-control-label ~ label {
  color: #dc3545;
}
.state .custom-control-input:checked ~ .custom-control-label:after {
  background-color: #dc3545!important;
}
.state .custom-control-input:not(:checked) ~ .custom-control-label:before {
  border-color: #e7ecf0;
  background-color: #e7ecf0;
}
.state .custom-control-input:not(:checked) ~ .custom-control-label:after {

  background-color: #fff;
}
.state .custom-control-input:not(:checked) ~ .custom-control-label  {
  color: #84bd00;
  font-weight: 900;
}



a.iag + div .chart-title .headline {
  font-size: 1.25rem;
  line-height: 1.5;
}

@media (max-width: 991px) {
  a.iag + div .chart-title .headline {
    font-size: 0.75rem;
  }
  a.iag + div .chart-title .current-region,
  a.iag + div .avg  {
    font-size: 80%;
  }

  a.iag + div .legend small  {
    font-size: 70%;
  }
}


#snapshot-holder {
  /* background-color: #fff!important; */
  padding: 0;
  position: fixed;
  color: #4a4a4a!important;
  color: var(--bifg-gray-2)!important;

}
#snapshot-holder.debug {

}

.mapZoom_1 {
  top: 0rem; 
  left: 0;
}
.mapZoom_2 {
  transform: rotate(-90deg) translate(-110%, 150%); 
  transform-origin: top left;
}
input.mapZoom {
  width: 15rem
}

input.mapZoom.custom-range::-webkit-slider-thumb {
  margin-top: -0.4rem;
  background-color: #84bd00;
  border-radius: 0.8rem;
}

input.mapZoom.custom-range::-webkit-slider-runnable-track {
  height: 0.2rem;
  background-color: #e7ecf0;
}

input.mapZoom:before,
input.mapZoom:after {
  font-family: "Font Awesome 5 Pro";
  transform: rotate(90deg);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999a9b;
}
input.mapZoom:before {
  content: "\f068";
  margin: 0.5rem 0.2rem;
}
input.mapZoom:after {
  content: "\f067";
  margin: 0.5rem 0.6rem;
}
/* a.iag + div .map-wrapper svg g[data-id] path[data-parent="nordrhein"]  {
  fill: yellow;

} */


._x_select .custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
  left: -1.5rem;
  border: #adb5bd solid 1px;
}
._x_select .custom-control-input:checked ~ .custom-control-label::before,
._x_select .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: #84bd00;
  border-color: #84bd00;
}
._x_select .custom-checkbox .custom-control-label::after {
  left: -1.5rem;
}
._x_select .custom-control-input[disabled] ~ .custom-control-label, 
._x_select .custom-control-input:disabled ~ .custom-control-label,
._x_select .custom-control-input[checked] ~ .custom-control-label, 
._x_select .custom-control-input:checked ~ .custom-control-label {
  font-weight: 900;
  color: #545454;
}



.bifg-iag-canvas-wrapper,
.map-wrapper-container.mini-map {
  perspective: 800px;
  /* transform-style: preserve-3d; */
  position: relative; 
}
.bifg-iag-canvas-container {
  position: relative; 
  aspect-ratio: 2/1;
}
.bifg-iag-canvas-container.reflection {
  -webkit-box-reflect: below 0px linear-gradient(#00000000 60%, #00000094);
  margin-bottom: 15%;
}
.bifg-iag-canvas-container.right {
  transform: rotateY(-20deg);
}
.bifg-iag-canvas-container.left {
  transform: rotateY(20deg);
}

.bifg-iag-canvas-container.drop-shadow.right {
  filter: drop-shadow(6px 5px 2px rgba(0, 0, 0, .2));
}
.bifg-iag-canvas-container.drop-shadow.left {
  filter: drop-shadow(-6px 5px 2px rgba(0, 0, 0, .2));
}


.map-wrapper-container.mini-map.right .map-wrapper {
  transform: rotateY(-20deg) rotateX(15deg);
}
.map-wrapper-container.mini-map.left .map-wrapper {
  transform: rotateY(20deg) rotateX(15deg);
}

.map-wrapper-container.mini-map.drop-shadow.right .map-wrapper {
  filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, .2))
}
.map-wrapper-container.mini-map.drop-shadow.left .map-wrapper {
  filter: drop-shadow(-5px 5px 3px rgba(0, 0, 0, .2))
}

.map-wrapper-container.mini-map svg[data-current-path-type="bl"] {
  pointer-events: none!important;
}