/* Variables  */
/* Variables  */
/* Variables  */
/* Variables  */
/* Variables  */
/* Variables  */
/* Variables  */
/* Aliases  */
/* Variables  */
/* Aliases  */
/* Variables  */
/* Variables  */
@font-face {
  font-family: "xd-um-font";
  src: url("../fonts/xd-um-font.eot?ysg83b");
  src: url("../fonts/xd-um-font.eot?ysg83b#iefix") format("embedded-opentype"), url("../fonts/xd-um-font.ttf?ysg83b") format("truetype"), url("../fonts/xd-um-font.woff?ysg83b") format("woff"), url("../fonts/xd-um-font.svg?ysg83b#xd-um-font") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-um-], [class*=" icon-um-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "xd-um-font" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-um--globe:before {
  content: "\e927";
}

.icon-um--speaker:before {
  content: "\e924";
}

.icon-um--plus:before {
  content: "\e921";
}

.icon-um--minus:before {
  content: "\e922";
}

.icon-um--legend:before {
  content: "\e923";
}

.icon-um--check:before {
  content: "\e920";
}

.icon-um--arrow-right:before {
  content: "\e900";
}

.icon-um--arrow-left:before {
  content: "\e901";
}

.icon-um--triangle-down:before {
  content: "\e902";
}

.icon-um--print:before {
  content: "\e903";
}

.icon-um--external-link:before {
  content: "\e904";
}

.icon-um--calendar:before {
  content: "\e905";
}

.icon-um--pin:before {
  content: "\e906";
}

.icon-um--bubble:before {
  content: "\e907";
}

.icon-um--list:before {
  content: "\e908";
}

.icon-um--search:before {
  content: "\e909";
}

.icon-um--download:before {
  content: "\e90a";
}

.icon-um--chevron-right:before {
  content: "\e90b";
}

.icon-um--grid:before {
  content: "\e90c";
}

.icon-um--share:before {
  content: "\e90d";
}

.icon-um--cart:before {
  content: "\e90e";
}

.icon-um--facebook:before {
  content: "\e90f";
}

.icon-um--arrow-up:before {
  content: "\e92e";
}

.icon-um--arrow-down:before {
  content: "\e910";
}

.icon-um--instagram:before {
  content: "\e911";
}

.icon-um--e-mail:before {
  content: "\e912";
}

.icon-um--burger:before {
  content: "\e913";
}

.icon-um--close:before {
  content: "\e914";
}

.icon-um--phone:before {
  content: "\e915";
}

.icon-um--play:before {
  content: "\e916";
}

.icon-um--twitter:before,
.icon-um--x:before {
  content: "\e917";
}

.icon-um--youtube:before {
  content: "\e918";
}

.icon-um--pause:before {
  content: "\e919";
}

.icon-um--dot1:before {
  content: "\e91a";
}

.icon-um--dot2:before {
  content: "\e91b";
}

.icon-um--play-header:before {
  content: "\e91c";
}

.icon-um--photo:before {
  content: "\e91e";
}

.icon-um--chevron-left:before {
  content: "\e91f";
}

.icon-um--glossar-i:before {
  content: "\e91d";
}

.icon-um--mastodon:before {
  content: "\e925";
}

.icon-um--achtung:before {
  content: "\e926";
}

.icon-um--linkedin:before {
  content: "\e929";
}

.icon-um--slider:before {
  content: "\e928";
}

.icon-um--settings:before {
  content: "\e92a";
}

.icon-um--fullscreen:before {
  content: "\e92b";
}

.icon-um--display-settings:before {
  content: "\e92c";
}

.icon-um--copy:before {
  content: "\e92d";
}

.map-fullscreen {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999;
  --w2c-leaflet-map-height: 100svh;
}

.map-fullscreen .mapfilter-container,
.map-fullscreen .mapfilter-content,
.map-fullscreen .map-container,
.map-fullscreen .portlet-dropzone,
.map-fullscreen .fullscreen-sensitive .portlet-content,
.map-fullscreen .fullscreen-sensitive .portlet-decorate-standard,
.map-fullscreen .fullscreen-sensitive section.portlet,
.map-fullscreen .fullscreen-sensitive .portlet-content-container,
.map-fullscreen .fullscreen-sensitive .portlet-body,
.map-fullscreen #map,
.map-fullscreen #layerSelection,
.map-fullscreen w2c-leaflet-map::part(map-container),
.map-fullscreen .split-screen__container-filter,
.map-fullscreen .split-screen_left,
.map-fullscreen .split-screen_right {
  height: 100svh;
}

.map-fullscreen .split-screen_right {
  padding-top: 0 !important;
}

.map-fullscreen #map,
.map-fullscreen #layerSelection {
  display: block;
}

.map-area {
  margin: 0 0 110px 0;
}
@media print {
  .map-area {
    margin: 0;
  }
}

.reportpage-level-three-lupo-layout .map-area {
  margin: 0;
}

.mapfilter-container, .map-container {
  padding: 0;
}

.controls-hidden .map-area .map-container, .signed-out .map-area .map-container {
  max-width: 100%;
  flex: 100%;
}
.controls-hidden .map-area .mapfilter-container, .signed-out .map-area .mapfilter-container {
  position: absolute;
  z-index: 2;
  left: 0;
  transition: left 0.5s ease;
  max-width: 450px;
}
@media (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container, .signed-out .map-area .mapfilter-container {
    transition: unset;
  }
}
.controls-hidden .map-area .mapfilter-container.mapfilter-closed, .signed-out .map-area .mapfilter-container.mapfilter-closed {
  left: -450px;
}
.controls-hidden .map-area .mapfilter-container.mapfilter-closed .icon-um--arrow-down, .signed-out .map-area .mapfilter-container.mapfilter-closed .icon-um--arrow-down {
  transform: rotate(180deg);
}
.controls-hidden .map-area .mapfilter-container.mapfilter-closed .mapfilter-btn .icon-um--arrow-down:before, .signed-out .map-area .mapfilter-container.mapfilter-closed .mapfilter-btn .icon-um--arrow-down:before {
  transition: transform 0.5s;
  transform: rotate(180deg);
}
@media (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container:not(.mapfilter-closed), .signed-out .map-area .mapfilter-container:not(.mapfilter-closed) {
    position: fixed;
    height: 100dvh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 1020;
  }
}
@media print and (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container:not(.mapfilter-closed), .signed-out .map-area .mapfilter-container:not(.mapfilter-closed) {
    z-index: auto;
    position: relative;
    page-break-inside: avoid;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container:not(.mapfilter-closed) .mapfilter-content, .signed-out .map-area .mapfilter-container:not(.mapfilter-closed) .mapfilter-content {
    height: 100svh;
    padding-top: 80px;
  }
}
@media print and (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container:not(.mapfilter-closed) .mapfilter-btn, .signed-out .map-area .mapfilter-container:not(.mapfilter-closed) .mapfilter-btn {
    display: none !important;
  }
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container:not(.mapfilter-closed) .mapfilter-btn, .signed-out .map-area .mapfilter-container:not(.mapfilter-closed) .mapfilter-btn {
    position: fixed;
    left: unset;
    right: 16px;
    background-color: #2a2623;
    display: inline-flex;
    color: white;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    border: 1px solid #2a2623;
  }
}
.controls-hidden .map-area .mapfilter-container .mapfilter-content, .signed-out .map-area .mapfilter-container .mapfilter-content {
  position: relative;
  overflow-y: scroll;
  background-color: white;
}
.controls-hidden .map-area .mapfilter-container .mapfilter-content:not(.map-fullscreen .mapfilter-content), .signed-out .map-area .mapfilter-container .mapfilter-content:not(.map-fullscreen .mapfilter-content) {
  height: 680px;
}
@media print {
  .controls-hidden .map-area .mapfilter-container .mapfilter-content, .signed-out .map-area .mapfilter-container .mapfilter-content {
    overflow-y: hidden;
    height: 100% !important;
  }
}
.controls-hidden .map-area .mapfilter-container .mapfilter-btn, .signed-out .map-area .mapfilter-container .mapfilter-btn {
  background-color: #2a2623;
  color: white;
  padding: 12px 16px;
  transform: rotate(90deg);
  position: absolute;
  top: 50px;
  right: -78px;
  border: 0;
  border-radius: 4px 4px 0 0;
  font-weight: 700;
  z-index: auto;
  width: max-content;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767.98px) {
  .controls-hidden .map-area .mapfilter-container .mapfilter-btn, .signed-out .map-area .mapfilter-container .mapfilter-btn {
    right: unset;
    top: 16px;
    left: 460px;
    transform: unset;
    z-index: 1020;
    border-radius: 4px;
  }
}
.controls-hidden .map-area .mapfilter-container .mapfilter-btn:hover, .signed-out .map-area .mapfilter-container .mapfilter-btn:hover {
  background-color: #fffc00;
  color: #2a2623;
}
.controls-hidden .map-area .mapfilter-container .mapfilter-btn:focus, .controls-hidden .map-area .mapfilter-container .mapfilter-btn:focus-visible, .signed-out .map-area .mapfilter-container .mapfilter-btn:focus, .signed-out .map-area .mapfilter-container .mapfilter-btn:focus-visible {
  outline-offset: 4px;
  outline: #6e0bcc solid 2px;
}
.controls-hidden .map-area .mapfilter-container .mapfilter-btn .icon-um--arrow-down, .signed-out .map-area .mapfilter-container .mapfilter-btn .icon-um--arrow-down {
  margin-right: 10px;
}

.signed-in.controls-visible .mapfilter-btn {
  display: none;
}

.mappage-klimaatlas-layout .grey-bg-area {
  margin: 50px 0;
}

.searchfilter-container-hidden {
  display: none;
}

.mapviewer-page-layout .iframe-container {
  height: calc(100dvh - var(--control-menu-height, 0px) - 345px);
}
@media (max-width: 1279.98px) {
  .mapviewer-page-layout .iframe-container {
    height: calc(100dvh - var(--control-menu-height, 0px) - 275px);
  }
}
@media (max-width: 767.98px) {
  .mapviewer-page-layout .iframe-container {
    height: calc(100dvh - var(--control-menu-height, 0px) - 128px);
  }
}
.mapviewer-page-layout .iframe-container iframe {
  height: 100% !important;
}

.map-navigation .map-navigation_toolbar {
  background-color: white;
  height: 50px;
  width: 100%;
  padding: 0 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 991.98px) {
  .map-navigation .map-navigation_toolbar {
    padding: 0 16px;
  }
}
@media (max-width: 575.98px) {
  .map-navigation .map-navigation_toolbar {
    padding: 0;
    justify-content: start;
  }
}
@media print {
  .map-navigation .map-navigation_toolbar {
    display: none;
  }
}
.map-navigation .map-navigation_toolbar .action-item {
  padding: 0 20px;
}
@media (max-width: 575.98px) {
  .map-navigation .map-navigation_toolbar .action-item {
    padding: 0 4px;
  }
}
.map-navigation .map-navigation_toolbar .action-item .arrow-link {
  width: unset;
}
.map-navigation .map-navigation_menu {
  background-color: #2a2623;
  height: 50px;
  width: 100%;
  padding: 0 24px;
  border: 0;
  align-items: end;
}
@media (max-width: 991.98px) {
  .map-navigation .map-navigation_menu {
    padding: 0 16px;
  }
}
.map-navigation .map-navigation_menu .navbar-toggler-link {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  background-color: #fffc00;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
}
.map-navigation .map-navigation_menu .navbar-toggler-link:after {
  background-color: unset;
}
.map-navigation .map-navigation_menu .navbar-toggler-link .navbar-text-truncate {
  color: #2a2623;
  font-weight: 700;
}
.map-navigation .map-navigation_menu .navbar-toggler-link .lexicon-icon {
  color: #2a2623;
}
.map-navigation .map-navigation_menu .navbar-nav {
  gap: 16px;
}
.map-navigation .map-navigation_menu .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 700;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}
.map-navigation .map-navigation_menu .navbar-nav .nav-link:hover .navbar-text-truncate {
  color: #2a2623;
}
.map-navigation .map-navigation_menu .navbar-nav .nav-link .navbar-text-truncate {
  color: white;
}
.map-navigation .map-navigation_menu .navbar-nav .nav-link.active:after {
  background-color: #fffc00 !important;
}

/* ---------- styles for splitscreen ---------- */
body {
  --xd-fixed-map-navigation-top: 158px;
}
body:has(.lubw-header__sticky-header) {
  --xd-fixed-map-navigation-top: 70px;
}
@media (max-width: 1279.98px) {
  body:has(.lubw-header__sticky-header--mobile) {
    --xd-fixed-map-navigation-top: 0px;
  }
}

.map-navigation_splitscreen > div > div > section > div > div > div .map-navigation {
  position: fixed;
  top: var(--xd-fixed-map-navigation-top);
  left: 0;
  width: 100%;
  z-index: 3;
}

.has-control-menu {
  --xd-fixed-map-navigation-top: calc(var(--control-menu-height) + 158px);
}
.has-control-menu:has(.lubw-header__sticky-header) {
  --xd-fixed-map-navigation-top: calc(var(--control-menu-height) + 70px);
}
@media (max-width: 767.98px) {
  .has-control-menu {
    --xd-fixed-map-navigation-top: calc(var(--control-menu-height) + 128px);
  }
}

@media print {
  .footer-split-screen .footer-links {
    display: none;
  }
}
.footer-split-screen .footer-links .footer-links-ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  text-align: center;
}
.footer-split-screen .footer-links .footer-links-ul .link {
  display: inline-block;
  margin: 16px 16px 16px 0;
}
@media (min-width: 768px) {
  .footer-split-screen .footer-links .footer-links-ul .link:last-of-type {
    margin-right: 0;
  }
}
.footer-split-screen .footer-links .footer-links-ul .link a {
  font-size: 14px;
  color: white;
  border-bottom: none;
}
.footer-split-screen .footer-links .footer-links-ul .link a:hover {
  background-color: transparent;
  border-bottom: 2px solid white;
}

w2c-chart, w2c-charts {
  --w2c-chart-custom-point-value-font-weight: normal;
  --w2c-chart-custom-point-symbol-font: "Gudea", sans-serif;
  --w2c-chart-default-font-family: "Gudea", sans-serif;
}

w2c-grouped-selector-checkbox,
w2c-grouped-selector-radio {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
w2c-grouped-selector-checkbox::part(advanced-group),
w2c-grouped-selector-radio::part(advanced-group) {
  padding: 8px 0;
  margin: 0 20px;
  border-bottom: 1px solid #b2b2b0;
}
@media (max-width: 1279.98px) {
  w2c-grouped-selector-checkbox::part(advanced-group),
  w2c-grouped-selector-radio::part(advanced-group) {
    padding: 4px 0;
    margin: 0 12px;
  }
}
w2c-grouped-selector-checkbox::part(advanced-group):last-child,
w2c-grouped-selector-radio::part(advanced-group):last-child {
  border-bottom: none;
}
w2c-grouped-selector-checkbox::part(advanced-group-head),
w2c-grouped-selector-radio::part(advanced-group-head) {
  display: flex;
  align-items: center;
}
w2c-grouped-selector-checkbox::part(advanced-group-head-toggleable):hover,
w2c-grouped-selector-radio::part(advanced-group-head-toggleable):hover {
  cursor: pointer;
}
w2c-grouped-selector-checkbox::part(advanced-group-head-toggle), w2c-grouped-selector-checkbox::part(additional-info-close-ctrl),
w2c-grouped-selector-radio::part(advanced-group-head-toggle),
w2c-grouped-selector-radio::part(additional-info-close-ctrl) {
  border: 1px solid #2a2623;
  border-radius: 50%;
  margin-left: auto;
  font-size: 1.188rem;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: #2a2623;
}
w2c-grouped-selector-checkbox::part(advanced-group-head-toggle):active, w2c-grouped-selector-checkbox::part(additional-info-close-ctrl):active,
w2c-grouped-selector-radio::part(advanced-group-head-toggle):active,
w2c-grouped-selector-radio::part(additional-info-close-ctrl):active {
  background: #fffc00;
}
w2c-grouped-selector-checkbox::part(advanced-group-head-toggle),
w2c-grouped-selector-radio::part(advanced-group-head-toggle) {
  height: 26px;
  width: 26px;
}
w2c-grouped-selector-checkbox::part(additional-info-close-ctrl),
w2c-grouped-selector-radio::part(additional-info-close-ctrl) {
  height: 1.125rem;
  width: 1.125rem;
}
w2c-grouped-selector-checkbox::part(advanced-group-head-toggle-open),
w2c-grouped-selector-radio::part(advanced-group-head-toggle-open) {
  transform: rotate(-90deg);
}
w2c-grouped-selector-checkbox::part(advanced-group-head-toggle-closed),
w2c-grouped-selector-radio::part(advanced-group-head-toggle-closed) {
  transform: rotate(90deg);
}
w2c-grouped-selector-checkbox::part(headerless-group),
w2c-grouped-selector-radio::part(headerless-group) {
  padding: 8px 20px;
}
w2c-grouped-selector-checkbox::part(item-outer-container),
w2c-grouped-selector-radio::part(item-outer-container) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
w2c-grouped-selector-checkbox::part(additional-info),
w2c-grouped-selector-radio::part(additional-info) {
  flex-basis: 100%;
}
w2c-grouped-selector-checkbox::part(carto-legend-ul),
w2c-grouped-selector-radio::part(carto-legend-ul) {
  padding-left: 53px;
}
w2c-grouped-selector-checkbox::part(carto-legend-li),
w2c-grouped-selector-radio::part(carto-legend-li) {
  list-style-type: none;
  display: flex;
  align-items: center;
}
w2c-grouped-selector-checkbox::part(legend-icon),
w2c-grouped-selector-radio::part(legend-icon) {
  margin-right: 8px;
  width: 26px;
  flex-shrink: 0;
}
w2c-grouped-selector-checkbox::part(legend-icon-line),
w2c-grouped-selector-radio::part(legend-icon-line) {
  height: 5px;
}
w2c-grouped-selector-checkbox::part(legend-icon-area),
w2c-grouped-selector-radio::part(legend-icon-area) {
  height: 18px;
}
w2c-grouped-selector-checkbox::part(legend-range-container),
w2c-grouped-selector-radio::part(legend-range-container) {
  display: flex;
  align-items: center;
  gap: 5px;
}
w2c-grouped-selector-checkbox::part(legend-range-image),
w2c-grouped-selector-radio::part(legend-range-image) {
  width: 258px;
}
w2c-grouped-selector-checkbox::part(legend-icon-image), w2c-grouped-selector-checkbox::part(legend-range-image),
w2c-grouped-selector-radio::part(legend-icon-image),
w2c-grouped-selector-radio::part(legend-range-image) {
  height: 24px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
w2c-grouped-selector-checkbox::part(info-trigger),
w2c-grouped-selector-radio::part(info-trigger) {
  border: 1px solid #2a2623;
  margin-left: 9px;
  border-radius: 50%;
  width: 1.125rem;
  height: 1.125rem;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2a2623;
}
w2c-grouped-selector-checkbox::part(info-trigger):active,
w2c-grouped-selector-radio::part(info-trigger):active {
  background: #fffc00;
  cursor: pointer;
}
.full-size-info-toggle w2c-grouped-selector-checkbox::part(additional-info-close-ctrl ) {
  height: 26px;
  width: 26px;
}

/* ---------- styles for splitscreen ---------- */
.split-screen w2c-grouped-selector-radio::part(advanced-group) {
  padding: 20px 0;
  border-bottom: 1px solid #b2b2b0;
}
.split-screen w2c-grouped-selector-radio::part(advanced-group-head-label) {
  /* font-size: $font-size-lg;*/
  display: block;
  margin-bottom: 8px;
}
.split-screen w2c-grouped-selector-radio::part(item-container) {
  margin: 0;
}
.split-screen w2c-grouped-selector-radio::part(item) {
  margin: -12px -4px;
}

body {
  --mdc-checkbox-unchecked-color: #2a2623;
  --mdc-checkbox-checked-color: #2a2623;
  --mdc-radio-unchecked-color: #2a2623;
  --mdc-theme-primary: #2a2623;
  --mdc-theme-secondary: #2a2623;
  --mdc-typography-body2-font-family: "BaWue Sans", sans-serif;
  --mdc-typography-body2-font-size: 16px;
  --mdc-typography-body2-line-height: 1.375;
  --mdc-typography-body2-letter-spacing: 0;
  --mdc-typography-body2-font-weight: 400;
  --mdc-theme-text-primary-on-background: #000;
  --mdc-theme-on-primary: #fff;
  --mdc-ripple-color: #fffc00;
  --mdc-button-horizontal-padding: 4px;
  --mdc-button-vertical-padding: 8px;
  --mdc-shape-small: 8px;
  --mdc-typography-button-font-family: "BaWue Sans", sans-serif;
  --mdc-typography-button-font-size: 16px;
  --mdc-typography-button-line-height: 1.375;
  --mdc-typography-button-text-decoration: none;
  --mdc-typography-button-font-weight: 400;
  --mdc-typography-button-letter-spacing: 0;
}

.w2c-klimaatlas:focus {
  outline: 0;
}

w2c-infopanel-overlay::part(close-ctrl),
w2c-infopanel::part(mtb-nav),
w2c-popup-button::part(popup-close-ctrl),
w2c-popup-button::part(buttontext-prefix),
w2c-leaflet-map::part(resetctrl),
w2c-leaflet-map::part(zoomctrl),
w2c-leaflet-map::part(leaflet-popup-close-button),
w2c-leaflet-map::part(leaflet-control-fullscreen-button),
w2c-leaflet-map::part(leaflet-control-attribution-control),
w2c-searchbox-simple::part(buttontext-prefix),
w2c-grouped-selector-checkbox::part(advanced-group-head-toggle),
w2c-grouped-selector-checkbox::part(info-trigger),
w2c-grouped-selector-checkbox::part(additional-info-close-ctrl),
w2c-grouped-selector-radio::part(advanced-group-head-toggle),
w2c-grouped-selector-radio::part(additional-info-close-ctrl),
w2c-paginator::part(icon-prev),
w2c-paginator::part(icon-next) {
  font-family: "xd-um-font";
  font-weight: normal;
}

/* ---------- styles for splitscreen ---------- */
.split-screen w2c-infopanel#legend {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
.split-screen w2c-infopanel#legend::part(legend-warminglvl) {
  box-sizing: border-box;
  background-color: #fffffa;
  width: 100%;
  max-width: 370px;
}
@media (max-width: 767.98px) {
  .split-screen w2c-infopanel#legend::part(legend-warminglvl) {
    max-width: 200px;
  }
}
.split-screen w2c-infopanel#legend::part(legend-warminglvl-head) {
  margin: 0;
  font-size: 0.9rem;
  font-weight: bold;
  font-family: "Gudea", sans-serif;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .split-screen w2c-infopanel#legend::part(legend-warminglvl-head) {
    text-overflow: ellipsis;
    overflow: hidden;
  }
}
.split-screen w2c-infopanel#legend::part(legend-warminglvl-bar-container) {
  margin-top: 2px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.split-screen w2c-infopanel#legend::part(legend-warminglvl-bar-low), .split-screen w2c-infopanel#legend::part(legend-warminglvl-bar-high) {
  font-size: 0.9rem;
  font-family: "Gudea", sans-serif;
}
.split-screen w2c-infopanel#legend::part(legend-warminglvl-bar-img) {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(https://lupo-cloud.de/templates/katlasbw/map/legend/hitzebetroffenheit/heat-gradient.png);
  display: inline-block;
  width: 100%;
  height: 20px;
}
.split-screen w2c-infopanel::part(back-button), .split-screen w2c-infopanel::part(heat-details-header-title), .split-screen w2c-infopanel::part(link-internal), .split-screen w2c-infopanel::part(link-external), .split-screen w2c-infopanel::part(heat-details-header-toggle) {
  color: #2a2623;
  font-size: 16px;
  text-decoration: none;
  border-bottom: 1px solid #524942;
}
.split-screen w2c-infopanel::part(back-button):hover, .split-screen w2c-infopanel::part(heat-details-header-title):hover, .split-screen w2c-infopanel::part(link-internal):hover, .split-screen w2c-infopanel::part(link-external):hover, .split-screen w2c-infopanel::part(heat-details-header-toggle):hover {
  background-color: #fffc00;
  text-decoration: none;
  border-bottom: 2px solid #524942;
}
.split-screen w2c-infopanel::part(back-button):before, .split-screen w2c-infopanel::part(link-internal):before, .split-screen w2c-infopanel::part(link-external):before, .split-screen w2c-infopanel::part(heat-details-header-toggle):before {
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  height: 22px;
  width: 22px;
  margin-top: -3px;
  margin-right: 2px;
  vertical-align: middle;
  align-items: center;
  display: inline-flex;
}
.split-screen w2c-infopanel::part(link-external):before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='24'%20height='24'%20fill='%232a2623'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M8%205h11v11h-2V8.414L6.25%2019.164%204.836%2017.75%2015.586%207H8V5Z'/%3E%3C/svg%3E");
}
.split-screen w2c-infopanel::part(link-internal):before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width='24'%20height='24'%20fill='%232a2623'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14%204.586%2021.414%2012%2014%2019.414%2012.586%2018l5-5H3v-2h14.586l-5-5L14%204.586Z'/%3E%3C/svg%3E");
}
.split-screen w2c-infopanel::part(back-button):before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4142 6.00003L6.41425 11H21V13H6.41424L11.4142 18L10 19.4142L2.58582 12L10 4.58582L11.4142 6.00003Z" fill="%232A2623"/></svg>');
}
.split-screen w2c-infopanel::part(heat-details-header-toggle):before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V17.5858L18 12.5858L19.4142 14L12 21.4142L4.58582 14L6.00003 12.5858L11 17.5858V3H13Z" fill="%232A2623"/></svg>');
}
.split-screen w2c-infopanel::part(heat-details-header-toggle) {
  border: none !important;
  background: none;
}
@media print {
  .split-screen w2c-infopanel::part(back-button) {
    display: none;
  }
}
.split-screen w2c-infopanel::part(heat-chart-info-copy-container) {
  display: flex;
  justify-content: end;
  margin-top: 12px;
}
.split-screen w2c-infopanel::part(heat-chart-info-copy-button) {
  flex-shrink: 0;
  border-radius: 4px;
  color: white;
  border: 1px solid #2a2623;
  padding: 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 700;
  font-family: "BaWue Sans", sans-serif;
  background-color: #2a2623;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
@media print {
  .split-screen w2c-infopanel::part(heat-chart-info-copy-button) {
    display: none;
  }
}
.split-screen w2c-infopanel::part(heat-chart-info-copy-button):hover {
  cursor: pointer;
  background-color: #fffc00;
  color: #2a2623;
}
.split-screen w2c-infopanel::part(heat-chart-info-copy-button):hover w2c-infopanel::part(heat-chart-info-copy-icon) {
  fill: #2a2623;
}
.split-screen w2c-infopanel::part(heat-header-spitzmarke-container) {
  border-bottom: 1px solid #B2B2B0;
  margin-top: 32px;
}
.split-screen w2c-infopanel::part(heat-header-spitzmarke-text) {
  font-size: 1rem;
  font-style: normal;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.125;
  position: relative;
  bottom: 10px;
}
.split-screen w2c-infopanel::part(heat-details-icon) {
  display: flex;
  justify-content: center;
}
.split-screen w2c-infopanel::part(heat-header-title-text) {
  font-size: 2.25rem;
  line-height: 1.11;
  font-weight: normal;
}
.split-screen w2c-infopanel::part(heat-chart-headline) {
  margin-bottom: 12px;
}
.split-screen w2c-infopanel::part(heat-details-header) {
  text-align: center;
  min-height: 26px;
}
.split-screen w2c-infopanel::part(heat-table) {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}
.split-screen w2c-infopanel::part(heat-table-row) {
  text-align: left;
}
.split-screen w2c-infopanel::part(heat-table-row-head) {
  border-bottom: 1px solid #B2B2B0;
}
.split-screen w2c-infopanel::part(heat-table-head) {
  padding-bottom: 12px;
}
.split-screen w2c-infopanel::part(heat-table-data) {
  padding-top: 12px;
}
.split-screen w2c-infopanel::part(warm) {
  font-size: 2.25rem;
}
.split-screen w2c-infopanel::part(warm-text), .split-screen w2c-infopanel::part(heat-header-title-text), .split-screen w2c-infopanel::part(heat-chart-headline), .split-screen w2c-infopanel::part(heat-chart-info-text) {
  hyphens: auto;
}
.split-screen .caption-warming-level {
  position: relative;
  top: 20px;
  font-size: 18px;
}

w2c-infopanel-overlay::part(root) {
  z-index: 3;
}

w2c-infopanel-overlay#layerInfoOverlay::part(root) {
  margin-top: 187px;
}
@media (max-width: 767.98px) {
  w2c-infopanel-overlay#layerInfoOverlay::part(root) {
    left: 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
  }
}

w2c-infopanel-overlay::part(inner) {
  background: white;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
  padding: 12px;
  height: auto;
  max-height: 100%;
}

w2c-infopanel-overlay::part(close-ctrl) {
  float: right;
  border: 1px solid #2a2623;
  border-radius: 4px;
  background-color: #2a2623;
  color: white;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
}
w2c-infopanel-overlay::part(close-ctrl)::before {
  content: "\e914";
  font-family: "xd-um-font";
  font-size: initial;
}
w2c-infopanel-overlay::part(close-ctrl):hover {
  background: #fffc00;
  color: #2a2623;
}

w2c-infopanel-overlay::part(info-header) {
  font-weight: 400;
  /*font-size: $h3-font-size;*/
}

w2c-infopanel-overlay::part(layerinfo-headline) {
  margin-bottom: 12px;
  /*font-size: $h3-font-size;*/
}

w2c-infopanel-overlay::part(layerinfo-description), w2c-infopanel-overlay::part(layerinfo-actuality) {
  margin-bottom: 12px;
}

w2c-infopanel-overlay::part(layerinfo-actuality-title), w2c-infopanel-overlay::part(layerinfo-further-title) {
  margin-bottom: 6px;
  display: block;
  /*font-size: $font-size-lg;*/
}

w2c-infopanel-overlay::part(layerinfo-further-link) {
  margin-left: 22px;
  color: white;
  text-decoration: none;
}
w2c-infopanel-overlay::part(layerinfo-further-link):before {
  content: "\e90b";
  font-family: "xd-um-font";
  border: 1px solid #2a2623;
  border-radius: 50%;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  text-align: center;
  margin-right: 4px;
  margin-left: -20px;
}
w2c-infopanel-overlay::part(layerinfo-further-link):active:before {
  background: #fffc00;
  color: #2a2623;
}
w2c-infopanel-overlay::part(layerinfo-further-link):hover {
  border-bottom: 1px solid #2a2623;
}

w2c-leaflet-map {
  --w2c-leaflet-map-ctrl-top-margin-top: 12px;
  --w2c-leaflet-map-ctrl-left-margin-left: 0;
  --w2c-leaflet-map-ctrl-right-margin-right: 0;
  --w2c-leaflet-map-ctrl-bottom-margin-bottom: 0;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
@media print {
  w2c-leaflet-map w2c-leaflet-map {
    height: 1000px;
  }
}
w2c-leaflet-map::part(map-container) {
  height: 680px;
  z-index: 1;
}
@media print {
  w2c-leaflet-map::part(map-container) {
    width: 100% !important;
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
  }
}
w2c-leaflet-map::part(leaflet-top) {
  top: 24px;
}
@media (max-width: 1279.98px) {
  w2c-leaflet-map::part(leaflet-top) {
    top: 16px;
  }
}
w2c-leaflet-map::part(leaflet-right) {
  right: 24px;
}
@media (max-width: 1279.98px) {
  w2c-leaflet-map::part(leaflet-right) {
    right: 16px;
  }
}
@media (max-width: 991.98px) {
  w2c-leaflet-map::part(leaflet-left) {
    left: 60px;
  }
}
@media (max-width: 767.98px) {
  w2c-leaflet-map::part(leaflet-left) {
    left: 10px;
    display: block;
  }
}
@media (min-width: 992px) {
  w2c-leaflet-map::part(leaflet-left) {
    left: 505px;
  }
}
w2c-leaflet-map::part(leaflet-bottom) {
  bottom: 10px;
}
@media print {
  w2c-leaflet-map::part(leaflet-control), w2c-leaflet-map::part(leaflet-control-resetviewport), w2c-leaflet-map::part(leaflet-control-fullscreen), w2c-leaflet-map::part(leaflet-control-attribution-control) {
    display: none;
  }
}
w2c-leaflet-map::part(leaflet-control-zoom), w2c-leaflet-map::part(leaflet-control-fullscreen) {
  border: none;
}
w2c-leaflet-map::part(leaflet-control-zoom-in), w2c-leaflet-map::part(leaflet-control-zoom-out), w2c-leaflet-map::part(leaflet-control-resetviewport-button), w2c-leaflet-map::part(leaflet-control-fullscreen-button) {
  background-color: #2a2623;
  color: white;
  width: 30px;
  height: 30px;
  line-height: 30px;
  box-shadow: 0 0 4px #2a2623;
}
w2c-leaflet-map::part(leaflet-control-zoom-in):hover, w2c-leaflet-map::part(leaflet-control-zoom-out):hover, w2c-leaflet-map::part(leaflet-control-resetviewport-button):hover, w2c-leaflet-map::part(leaflet-control-fullscreen-button):hover {
  background-color: #fffc00;
  color: #2a2623;
}
w2c-leaflet-map::part(leaflet-control-zoom-in):focus-visible, w2c-leaflet-map::part(leaflet-control-zoom-out):focus-visible, w2c-leaflet-map::part(leaflet-control-resetviewport-button):focus-visible, w2c-leaflet-map::part(leaflet-control-fullscreen-button):focus-visible {
  outline: #000 solid 2px;
  outline-color: #000;
  outline-style: auto;
  outline-width: 2px;
}
w2c-leaflet-map::part(leaflet-control-zoom-in) {
  border-radius: 4px 4px 0 0;
  border-bottom: 2px solid white;
}
w2c-leaflet-map::part(leaflet-control-zoom-out) {
  border-radius: 0 0 4px 4px;
}
w2c-leaflet-map::part(leaflet-control-resetviewport), w2c-leaflet-map::part(leaflet-control-fullscreen-button) {
  border: none;
}
w2c-leaflet-map::part(leaflet-control-resetviewport-button), w2c-leaflet-map::part(leaflet-control-fullscreen-button) {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 250ms all ease-in-out;
  font-size: 1.25rem;
}
w2c-leaflet-map::part(leaflet-control-attribution-control) {
  height: 30px;
  width: 30px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 1rem;
  background-color: #2a2623;
  color: white;
  box-shadow: 0 0 4px #2a2623;
}
w2c-leaflet-map::part(leaflet-control-attribution-control):hover {
  cursor: pointer;
  background-color: #fffc00;
  color: #2a2623;
}
w2c-leaflet-map::part(leaflet-control-attribution) {
  font-family: "BaWue Sans", sans-serif;
  font-size: 0.9rem;
  color: #2a2623;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-top: 5px;
}
w2c-leaflet-map::part(leaflet-attribution-link) {
  font-family: "BaWue Sans", sans-serif;
  font-size: 0.9rem;
  color: #2a2623;
}

.leaflet-dragging {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ---------- styles for splitscreen ---------- */
.split-screen .split-screen_left:not(.map-fullscreen .split-screen_left) w2c-leaflet-map::part(map-container) {
  height: calc(100dvh - var(--xd-fixed-map-navigation-top));
}
@media (max-width: 767.98px) {
  .split-screen .split-screen_left:not(.map-fullscreen .split-screen_left) w2c-leaflet-map::part(map-container) {
    height: calc(82dvh - var(--xd-fixed-map-navigation-top));
  }
}
@media print {
  .split-screen .split-screen_left:not(.map-fullscreen .split-screen_left) w2c-leaflet-map::part(map-container) {
    height: 800px !important;
  }
}
.split-screen w2c-leaflet-map::part(leaflet-right) {
  max-width: calc(100% - 128px);
  right: 32px;
  /*  @include media-query(0, $screen-sm-max) {
      right: 24px; // 16px + 8px
    }*/
}
@media (max-width: 767.98px) {
  .split-screen w2c-leaflet-map::part(leaflet-right) {
    right: 24px;
  }
}
.split-screen w2c-leaflet-map::part(leaflet-bottom) {
  /* @include media-query(0, $screen-sm-max) {
     bottom: 32px;
   }*/
}
@media (max-width: 767.98px) {
  .split-screen w2c-leaflet-map::part(leaflet-bottom) {
    bottom: 32px;
  }
}
@media (max-width: 991.98px) {
  .split-screen w2c-leaflet-map::part(leaflet-control-fullscreen) {
    display: none;
  }
}
@media (min-width: 992px) {
  .split-screen w2c-leaflet-map::part(leaflet-left) {
    left: 50px;
  }
}

w2c-popup-button w2c-selector-slider input[type=range].slider {
  accent-color: #2a2623;
  margin-right: 7px;
}
w2c-popup-button w2c-selector-slider input[type=range].slider:hover {
  cursor: pointer;
}
w2c-popup-button w2c-selector-slider input[type=range].slider::-moz-range-thumb {
  background-color: #2a2623;
}
w2c-popup-button w2c-selector-slider input[type=range].slider::-moz-range-progress {
  background-color: #2a2623;
  border-radius: 10px;
  height: 7.5px;
}
w2c-popup-button w2c-selector-slider input[type=range].slider::-moz-range-track {
  background-color: #efefef;
  border-radius: 10px;
  border: 1px solid #b2b2b2;
  height: 7.5px;
}
w2c-popup-button::part(button) {
  background-color: #2a2623;
  color: white;
  box-shadow: 0 0 4px #2a2623;
  border-radius: 4px;
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 250ms all ease-in-out;
  font-size: 1rem;
  height: 30px;
  width: 30px;
}
w2c-popup-button::part(button):hover {
  background-color: #fffc00;
  color: #2a2623;
  cursor: pointer;
}
w2c-popup-button::part(button):focus-visible {
  outline: #000 solid 2px;
  outline-color: #000;
  outline-style: auto;
  outline-width: 2px;
}
w2c-popup-button::part(popup-below-container), w2c-popup-button::part(popup-above-container) {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  padding: 12px;
  background-color: #fffffa;
  border: none;
  z-index: 1000;
  position: absolute;
}
w2c-popup-button::part(popup-close-ctrl) {
  box-sizing: border-box;
  border: 1px solid #2a2623;
  border-radius: 4px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  color: white;
  margin-left: auto;
  background-color: #2a2623;
}
w2c-popup-button::part(popup-close-ctrl):hover {
  background-color: #fffc00;
  color: #2a2623;
  cursor: pointer;
}
w2c-popup-button::part(popup-header-title) {
  font-family: "BaWue Sans", sans-serif;
  font-size: 1.125rem;
  font-weight: normal;
  margin: 0;
}
w2c-popup-button::part(button-container) {
  position: relative;
}
@media print {
  w2c-popup-button::part(button-closed) {
    display: none;
  }
}

.popup-header-subtitle {
  font-family: "Gudea", sans-serif;
  font-size: 0.9rem;
  margin: 0 0 1em 0;
  font-weight: bold;
}

w2c-popup-button#btnOpts::part(popup-header-container) {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px;
}
w2c-popup-button#btnOpts::part(popup-below-container) {
  max-width: 260px;
  right: 50px;
  top: 0;
}
@media (max-width: 991.98px) {
  w2c-popup-button#btnOpts::part(popup-below-container) {
    top: 100px;
  }
}

w2c-popup-button#btnLegend::part(popup-header-container) {
  display: block;
}
w2c-popup-button#btnLegend::part(button-container) {
  text-align: right;
}
w2c-popup-button#btnLegend::part(popup-above-container) {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-end;
  gap: 24px;
  top: -39px;
  right: -12px;
}

/* ---------- styles for splitscreen ---------- */
.split-screen w2c-popup-button {
  outline: 0;
}
.split-screen w2c-popup-button::part(button) {
  width: 30px;
  height: 30px;
  padding: 0;
  font-size: 1.25rem;
}
@media (max-width: 991.98px) {
  .split-screen w2c-popup-button::part(popup-below-container) {
    top: 60px !important;
  }
}

w2c-searchbox-simple::part(form-container) {
  margin-top: 55px;
}
@media (min-width: 768px) {
  w2c-searchbox-simple::part(form-container) {
    margin-top: -6px;
    display: flex;
    gap: 8px;
  }
}
@media print {
  w2c-searchbox-simple::part(form-container) {
    display: none;
  }
}
w2c-searchbox-simple::part(textfield-container) {
  position: relative;
  flex-grow: 1;
}
w2c-searchbox-simple::part(textfield) {
  font-size: 20px;
  font-family: "BaWue Sans", sans-serif;
  background-color: rgb(244, 243, 241);
  height: 66px;
  color: #2a2623;
  width: 100%;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #524942;
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  outline: 0;
}
w2c-searchbox-simple::part(textfield):hover {
  border-color: #2a2623;
  border-bottom-width: 2px;
}
w2c-searchbox-simple::part(textfield):focus, w2c-searchbox-simple::part(textfield):focus-visible {
  background-color: #f4f3f1;
  border-color: #6e0bcc;
  border-radius: 6px;
  border-width: 0.125rem;
}
w2c-searchbox-simple::part(submit) {
  flex-shrink: 0;
  border-radius: 4px;
  color: #fff;
  border: 1px solid #fdac4b;
  padding: 0.375rem 0.75rem;
  background-color: #fdac4b;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
w2c-searchbox-simple::part(submit):hover {
  cursor: pointer;
}
w2c-searchbox-simple::part(submit):focus-visible {
  outline: #000 solid 2px;
  outline-color: #000;
  outline-style: auto;
  outline-width: 2px;
}
w2c-searchbox-simple::part(buttontext-prefix) {
  font-size: 1.25rem;
}
w2c-searchbox-simple::part(autocomplete-items) {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: white;
  border: 1px solid #b2b2b0;
  border-top: none;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
w2c-searchbox-simple::part(autocomplete-item) {
  cursor: pointer;
  border-bottom: 1px solid #b2b2b0;
  font-family: Gudea, sans-serif;
  font-size: 14.4px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.8px;
}
w2c-searchbox-simple::part(autocomplete-selected) {
  background-color: var(--hellrgau-hintergrund, #EEE);
}
w2c-searchbox-simple::part(autocomplete-highlight) {
  font-weight: bold;
}

.split-screen w2c-searchbox-simple {
  display: block;
  padding: 20px 0;
  border-bottom: 1px solid #b2b2b0;
}
.split-screen w2c-searchbox-simple::part(form-container) {
  margin-top: 0;
}

/* ---------- styles for splitscreen ---------- */
.split-screen w2c-selector-button {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  display: flex;
  padding: 20px 0;
  margin-top: 12px;
  border-bottom: 1px solid #b2b2b0;
}
.split-screen w2c-selector-button#wLvlSelection::part(item) {
  line-height: 1;
}
.split-screen w2c-selector-button::part(item-selected) {
  --mdc-ripple-color: transparent;
}

/* ---------- styles for splitscreen ---------- */
.split-screen w2c-selector-checkbox::part(item-container) {
  margin: 0;
}
.split-screen w2c-selector-checkbox::part(item) {
  margin: -12px;
}

.react-root {
  z-index: 0;
  position: relative;
}

.asm {
  --_asm-navbar-height: 40px;
  --_top: 8rem; /* Simplified fallback - adjust as needed based on actual header height */
}
@media (min-width: 992px) {
  .asm {
    --_asm-navbar-height: 50px;
  }
}
.asm .asm-navbar {
  background-color: #2a2623;
}
.asm .asm-navbar.navigation-bar-light .navbar-toggler {
  color: white;
}
.asm .asm-navbar.navigation-bar-light .navbar-toggler-link:after {
  background-color: white;
}
.asm .asm-navbar.navigation-bar-light .navbar-nav .nav-link {
  color: white;
}
.asm .asm-navbar.navigation-bar-light .navbar-nav .nav-link:hover {
  color: #2a2623;
}
.asm .asm-navbar.navigation-bar-light .navbar-nav .nav-link.active:after {
  background-color: #fffc00;
}
.asm .asm-navbar.navigation-bar-light .navbar-nav .nav-link .navbar-text-truncate {
  font-size: 16px;
  font-weight: 700;
  font-family: "BaWue Sans", sans-serif;
}
.asm #asm-map {
  flex: 1;
}
.asm .app-layout {
  display: block;
}
@media (min-width: 576px) {
  .asm .app-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: calc(100vh - var(--_top, 8rem));
    margin-top: var(--_top, 8rem);
  }
}
.asm .app-layout .app-layout__left {
  position: fixed;
  top: var(--_top, 8rem);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 576px) {
  .asm .app-layout .app-layout__left {
    position: static;
    grid-column: 1;
    min-height: 0;
  }
}
.asm .app-layout .app-layout__right {
  position: relative;
  z-index: 2;
  padding-top: 70vh;
}
@supports (padding-top: 70svh) {
  .asm .app-layout .app-layout__right {
    padding-top: 70svh;
  }
}
@media (min-width: 576px) {
  .asm .app-layout .app-layout__right {
    position: static;
    padding-top: 0;
    grid-column: 2;
    overflow-y: auto;
    max-height: calc(100vh - var(--_top, 8rem));
  }
}
.asm .app-layout .app-layout__right .app-layout__content {
  background-color: #ffffff;
  border-radius: 24px 24px 0 0;
  position: relative;
  padding: 12px;
  box-shadow: 0px -3px 4px 0px rgba(0, 0, 0, 0.1882352941);
  min-height: 100vh;
}
@media (min-width: 576px) {
  .asm .app-layout .app-layout__right .app-layout__content {
    border-radius: 0;
    box-shadow: none;
    min-height: auto;
  }
}
.asm .asm-action-buttons {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 12px;
  top: 12px;
  left: 12px;
  /*.custom-radio {
    input[type="radio"] {

      &:checked {
        background-color: #2a2623;
      }
    }
  }*/
}
.asm .asm-action-buttons .btn-group-item {
  margin-bottom: 12px;
}
.asm .asm-action-buttons .btn-group-item:last-child {
  margin-bottom: 0;
}
@media (min-width: 576px) {
  .asm .asm-action-buttons {
    flex-direction: row;
    top: 12px;
    left: 24px;
  }
  .asm .asm-action-buttons .btn-group-item {
    margin-bottom: 0;
  }
}
.asm .asm-action-buttons .btn-primary {
  background-color: #2a2623;
  border-color: #2a2623;
  min-height: auto;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  /* ---------- Hover state ---------- */
  /* ---------- Disabled state ---------- */
}
.asm .asm-action-buttons .btn-primary:hover {
  background-color: #fffc00;
  border-color: #fffc00;
}
.asm .asm-action-buttons .btn-primary:hover .icon, .asm .asm-action-buttons .btn-primary:hover .button-text {
  color: #2a2623;
}
.asm .asm-action-buttons .btn-primary .icon, .asm .asm-action-buttons .btn-primary .button-text {
  color: white;
}
.asm .spitzmarke {
  font-size: 1rem;
  line-height: 1.125;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px #b2b2b0 solid;
}
.asm .asm-accordion {
  overflow: hidden;
  padding: 12px 0;
  border-bottom: 1px solid #b2b2b0;
}
.asm .asm-accordion .asm-accordion__heading {
  display: flex;
  white-space: normal;
  align-items: baseline;
  cursor: pointer;
}
.asm .asm-accordion .asm-accordion__title {
  margin: 0 0 0 20px;
}
.asm .asm-accordion .asm-accordion__content {
  padding: 10px 10px 10px 42px;
}
.asm .asm-label {
  border: none;
  color: #000000;
  background-color: #F7F7ED;
}
.asm .asm-label-yes {
  min-width: 40px;
  color: #29951d;
  text-align: center;
}
.asm .asm-label-no {
  min-width: 40px;
  color: #b51212;
  text-align: center;
}
.asm .asm-info-banner {
  display: flex;
  padding: 5px 10px;
  align-items: baseline;
  gap: 10px;
  background-color: #F7F7ED;
  margin-bottom: 20px;
}
.asm .asm-badge {
  background-color: #e8e8d8;
  color: #000000;
  border-radius: 20px;
  min-width: 36px;
  justify-content: center;
  align-items: center;
}
.asm .asm-badge .badge-item-expand {
  flex-grow: 0;
  flex-shrink: 0;
}
.asm .asm-action-details-line {
  display: flex;
  align-items: center;
}
.asm .asm-action-details-line .asm-action-details-title {
  width: 135px;
  font-weight: bold;
  margin-right: 16px;
  flex-shrink: 0;
}

.asm-app .dropdown-menu-width-sm {
  max-width: fit-content;
  padding: 0 24px 0 8px;
}
.asm-app .dropdown-subheader {
  padding-left: 8px;
  color: #000000;
  font-weight: bold;
  font-size: 1rem;
}
.asm-app .asm-modal-dialog {
  top: var(--top, 30%);
}
.asm-app .asm-modal-trigger .btn-primary {
  border-color: transparent;
  min-height: auto;
  padding: 0;
  /* ---------- Hover state ---------- */
}
.asm-app .asm-modal-trigger .btn-primary span {
  margin: 0;
}
.asm-app .maplibregl-ctrl-top-right {
  top: 18px;
}
.asm-app .maplibregl-ctrl-zoom-in,
.asm-app .maplibregl-ctrl-zoom-out {
  background-repeat: no-repeat;
  background-position: center;
}
.asm-app .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon,
.asm-app .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
  background: none;
}
.asm-app .maplibregl-ctrl-zoom-in span,
.asm-app .maplibregl-ctrl-zoom-out span {
  filter: none;
}
.asm-app .maplibregl-ctrl-zoom-in {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="%23ffffff"/></svg>');
}
.asm-app .maplibregl-ctrl-zoom-out {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="%23ffffff"/></svg>');
}
.asm-app .maplibregl-ctrl-zoom-in:hover {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 3V11H21V13H13V21H11V13H3V11H11V3H13Z" fill="%232A2623"/></svg>');
}
.asm-app .maplibregl-ctrl-zoom-out:hover {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 11H21V13H3V11Z" fill="%232A2623"/></svg>');
}
.asm-app .custom-reset-btn::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.06189 11H7.02328C7.12643 8.79597 7.56798 6.78191 8.25776 5.2299C8.31802 5.09431 8.38064 4.96122 8.44561 4.83099C6.09485 5.99874 4.39999 8.2887 4.06189 11ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM12 4C11.7731 4 11.4816 4.0993 11.1324 4.43166C10.778 4.76892 10.4134 5.30422 10.0854 6.04218C9.52392 7.30546 9.12736 9.03347 9.02567 11H14.9743C14.8726 9.03347 14.4761 7.30546 13.9146 6.04218C13.5866 5.30422 13.222 4.76892 12.8676 4.43166C12.5184 4.0993 12.2269 4 12 4ZM16.9767 11C16.8736 8.79597 16.432 6.78191 15.7422 5.2299C15.682 5.09431 15.6194 4.96122 15.5544 4.83099C17.9052 5.99874 19.6 8.2887 19.9381 11H16.9767ZM14.9743 13H9.02567C9.12736 14.9665 9.52392 16.6945 10.0854 17.9578C10.4134 18.6958 10.778 19.2311 11.1324 19.5683C11.4816 19.9007 11.7731 20 12 20C12.2269 20 12.5184 19.9007 12.8676 19.5683C13.222 19.2311 13.5866 18.6958 13.9146 17.9578C14.4761 16.6945 14.8726 14.9665 14.9743 13ZM15.5544 19.169C15.6194 19.0388 15.682 18.9057 15.7422 18.7701C16.432 17.2181 16.8736 15.204 16.9767 13H19.9381C19.6 15.7113 17.9052 18.0013 15.5544 19.169ZM8.44561 19.169C8.38064 19.0388 8.31802 18.9057 8.25776 18.7701C7.56798 17.2181 7.12643 15.204 7.02328 13H4.06189C4.39999 15.7113 6.09485 18.0013 8.44561 19.169Z" fill="%23ffffff"/></svg>');
  top: 48%;
  left: 51%;
  width: 22px;
  height: 24px;
}
.asm-app .custom-reset-btn:hover::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.06189 11H7.02328C7.12643 8.79597 7.56798 6.78191 8.25776 5.2299C8.31802 5.09431 8.38064 4.96122 8.44561 4.83099C6.09485 5.99874 4.39999 8.2887 4.06189 11ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM12 4C11.7731 4 11.4816 4.0993 11.1324 4.43166C10.778 4.76892 10.4134 5.30422 10.0854 6.04218C9.52392 7.30546 9.12736 9.03347 9.02567 11H14.9743C14.8726 9.03347 14.4761 7.30546 13.9146 6.04218C13.5866 5.30422 13.222 4.76892 12.8676 4.43166C12.5184 4.0993 12.2269 4 12 4ZM16.9767 11C16.8736 8.79597 16.432 6.78191 15.7422 5.2299C15.682 5.09431 15.6194 4.96122 15.5544 4.83099C17.9052 5.99874 19.6 8.2887 19.9381 11H16.9767ZM14.9743 13H9.02567C9.12736 14.9665 9.52392 16.6945 10.0854 17.9578C10.4134 18.6958 10.778 19.2311 11.1324 19.5683C11.4816 19.9007 11.7731 20 12 20C12.2269 20 12.5184 19.9007 12.8676 19.5683C13.222 19.2311 13.5866 18.6958 13.9146 17.9578C14.4761 16.6945 14.8726 14.9665 14.9743 13ZM15.5544 19.169C15.6194 19.0388 15.682 18.9057 15.7422 18.7701C16.432 17.2181 16.8736 15.204 16.9767 13H19.9381C19.6 15.7113 17.9052 18.0013 15.5544 19.169ZM8.44561 19.169C8.38064 19.0388 8.31802 18.9057 8.25776 18.7701C7.56798 17.2181 7.12643 15.204 7.02328 13H4.06189C4.39999 15.7113 6.09485 18.0013 8.44561 19.169Z" fill="%232A2623"/></svg>');
}
.asm-app .custom-layer-switch-btn:hover::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='12 2 2 7 12 12 22 7 12 2'/><polyline points='2 17 12 22 22 17'/><polyline points='2 12 12 17 22 12'/></svg>");
}
.asm-app .custom-layer-switch-btn.gemeinden-active:hover::before {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A2623' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='3' width='7' height='7'/><rect x='14' y='3' width='7' height='7'/><rect x='14' y='14' width='7' height='7'/><rect x='3' y='14' width='7' height='7'/></svg>");
}

.downloadList .checkbox-container {
  display: flex;
  align-items: center;
}

.downloadList-entries {
  position: relative;
  padding-top: 50px;
}
.downloadList-entries.fadeout {
  opacity: 50%;
}
.downloadList-entries .blocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.downloadList-teaser-text a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  position: relative;
  padding-left: 1.75em;
  line-height: 1.5;
}

/* Variables  */
.einfacher-hero__image {
  object-position: center 0;
}
.einfacher-hero__image-caption {
  font-family: "BaWue Sans";
  font-size: 38px;
  font-weight: 700;
  color: white;
  height: 38px;
  bottom: 10%;
}
@media (min-width: 768px) {
  .einfacher-hero__image-caption {
    font-size: 74px;
    height: 74px;
  }
}
@media (min-width: 1080px) {
  .einfacher-hero__image-caption {
    font-size: 80px;
    height: 80px;
  }
}
.einfacher-hero__image-caption p {
  margin-bottom: 0;
}

.flyout-info-feedback__toggle {
  width: 170px;
}
.flyout-info-feedback .flyout-open {
  width: 40px;
}
@media (min-width: 768px) {
  .flyout-info-feedback .flyout-open {
    width: 170px;
  }
}
@media (min-width: 1080px) {
  .flyout-info-feedback .flyout-open {
    right: -65px;
  }
}
.flyout-info-feedback .flyout-open .flyout-toggle__title {
  display: none;
}
@media (min-width: 768px) {
  .flyout-info-feedback .flyout-open .flyout-toggle__title {
    display: block;
  }
}

/* Variables  */
.klimaatlas__vier-bilder-hero {
  display: none !important;
}
@media (min-width: 768px) {
  .klimaatlas__vier-bilder-hero {
    display: flex !important;
  }
}
.klimaatlas__vier-bilder-hero__wrapper {
  max-width: 1440px;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure {
  overflow: clip;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure::before, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure::before {
  width: 27%;
  height: 18%;
  z-index: 1040;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure::after {
  width: 6.09375%;
  height: 79.7538461538%;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure > div {
  transition: transform 0.2s ease-in-out;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image figure > div:hover {
  transform: scale(1.2);
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption {
  pointer-events: none;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption .klimaatlas__vier-bilder-hero__caption_title,
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption .klimaatlas__vier-bilder-hero__caption_subtitle {
  width: fit-content;
  background-color: rgba(0, 0, 0, 0.5);
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption .klimaatlas__vier-bilder-hero__caption_title {
  font-family: "BaWue Serif";
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption h1, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption h2, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption h3, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption h4, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption h5, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__image .klimaatlas__vier-bilder-hero__caption h6 {
  color: #FFF;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild1 .klimaatlas__vier-bilder-hero__caption {
  bottom: 0;
  right: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild1 .klimaatlas__vier-bilder-hero__image figure::before, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild1 .klimaatlas__vier-bilder-hero__image figure::after {
  background: #49413c;
  top: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild2 .klimaatlas__vier-bilder-hero__caption {
  top: 0;
  right: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild2 .klimaatlas__vier-bilder-hero__image figure::before, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild2 .klimaatlas__vier-bilder-hero__image figure::after {
  background: #e72b0d;
  bottom: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild3 .klimaatlas__vier-bilder-hero__caption {
  bottom: 0;
  left: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild3 .klimaatlas__vier-bilder-hero__image figure::before, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild3 .klimaatlas__vier-bilder-hero__image figure::after {
  background: #5c0ba7;
  top: 0;
  right: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild4 .klimaatlas__vier-bilder-hero__caption {
  top: 0;
  left: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild4 .klimaatlas__vier-bilder-hero__image figure::before, .klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild4 .klimaatlas__vier-bilder-hero__image figure::after {
  background: #4d7f0a;
  bottom: 0;
  right: 0;
}
.klimaatlas__vier-bilder-hero .klimaatlas__vier-bilder-hero__bild4 .klimaatlas__vier-bilder-hero__image figure .sticker-copyright {
  z-index: 1045;
}

.simple-accordion {
  border-bottom: 1px solid #b2b2b0;
  padding: 20px 0;
}
.simple-accordion .arrow-link {
  display: flex;
  gap: 12px;
  border: unset;
}
.simple-accordion .arrow-link:active .icon-um, .simple-accordion .arrow-link:focus .icon-um {
  background-color: unset;
  color: #000;
}
.simple-accordion .arrow-link .icon-um--chevron-right {
  transform: rotate(-90deg);
  flex-grow: 0;
  flex-shrink: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-size: 1.25rem;
  transition: transform 0.5s ease;
}
.simple-accordion .arrow-link .accordion-title {
  margin: 4px 0 0 0;
  line-height: 1.125;
  font-size: 1.25rem;
}
.simple-accordion .arrow-link.collapsed .icon-um--chevron-right {
  transform: rotate(90deg);
}
.simple-accordion .text {
  font-size: 0.9rem;
  margin-top: 12px;
}

.spitzmarke {
  font-size: 1rem;
  line-height: 1.125;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px #b2b2b0 solid;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #2a2623;
  border-color: #2a2623;
  color: #2a2623;
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: #6c757d;
  border-color: #2a2623;
  color: white;
}

/*------- print styles -------*/
@media print {
  #banner,
  #footer,
  .breadcrumb-custom,
  .flyout__wrapper {
    display: none;
  }
}

/*# sourceMappingURL=index.css.map */