@charset "UTF-8";
/* SECTION Kommunen- und Stadtteilkarte */
.infocontainer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: visible !important;
}
.infocontainer * {
  overflow: visible !important;
}
.highcharts-background {
  fill: transparent;
}
.middlepoint {
  position: absolute;
  overflow: visible !important;
  width: 1px;
  height: 1px;
  background: transparent;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.kommune_name, .stadtteil_name {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  white-space: nowrap;
  color: white;
  font-size: 12px;
}
.stadtteil_name {
  white-space: inherit;
  text-align: center;
}
.kommune_val, .stadtteil_val {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
  font-weight: bold;
}
.inner-chart {
  position: absolute;
}
.inner-chart ~ .kommune_name, .inner-chart ~ .stadtteil_name {
  transform: translate(-50%, 100%);
  top: 0;
}
@media screen and (min-width: 32rem) {
  .inner-chart ~ .kommune_name, .inner-chart ~ .stadtteil_name {
    top: calc(100% + 7px);
  }
}
@media screen and (min-width: 54rem) {
  .inner-chart ~ .kommune_name, .inner-chart ~ .stadtteil_name {
    top: calc(100% + 15px);
    /* font-size + 2px Abstand */
  }
}
.inner-chart.bubble {
  width: 0px;
  height: 0px;
  border-radius: 50%;
  border: 2px solid transparent;
  background: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inner-chart.column {
  display: flex;
  align-items: flex-end;
}
.inner-chart.column .item {
  width: 10%;
  line-height: 14px;
  position: relative;
  margin: 0 2px;
  bottom: 0;
  cursor: pointer;
}
.inner-chart.column .item .text {
  transform: rotate(-90deg);
  font-size: 13px;
  transform-origin: left;
  margin-left: 6px;
  padding-left: 12px;
}
.inner-chart.pie {
  border-radius: 50%;
  background: transparent;
  border: 1px solid white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.inner-chart.pie .pie_val {
  width: 2px;
  height: 10px;
  background-color: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
}
.inner-chart.pie .pie_val span {
  margin: 0 0 0 10px;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
}
.inner-chart.pie ~ .kommune_name, .inner-chart.pie ~ .stadtteil_name {
  top: 0;
  transform: translate(-50%, -50%);
}
/* !SECTION Kommunenkarte */
.chart.chart-stil-table {
  margin-top: 20px;
}
.chart.chart-stil-table table {
  font-size: 1rem;
  border: none;
}
.chart.chart-stil-table table th, .chart.chart-stil-table table td {
  border: none;
  background: transparent;
}
.chart.chart-stil-table table th {
  color: #34597a;
  /*$color-active*/
  text-transform: none;
}
.chart.chart-stil-table table thead tr {
  background: transparent;
}
.chart.chart-stil-table table tbody tr {
  background-color: #dce6ef;
  background: #e7eef6;
  border-bottom: 1px solid white;
}
@media screen and (max-width: 64rem) {
  .chart-headline h4 {
    max-width: 90%;
  }
}
@media screen and (max-width: 54rem) {
  .chart-headline h4 {
    margin-bottom: 1rem;
  }
}
.chart-caption {
  border-top: 1px solid #cccccc;
  padding-top: 1rem;
  color: #34597a;
  font-size: 15px;
}
#buttonContainer {
  float: right;
}
@media screen and (max-width: 54rem) {
  #buttonContainer {
    margin-bottom: 1rem;
  }
}
#shareChartButton, #downloadChartButton, #addToCartButton, #downloadSiteButton {
  background: #e7eef6;
  padding: 0.5rem;
  font-size: 17px;
  display: inline-flex;
  align-items: center;
  margin-left: 1rem;
  cursor: pointer;
}
#addToCartButton, #downloadSiteButton {
  font-size: 14px;
  text-decoration: underline;
  height: 44px;
  margin-bottom: 1rem;
}
.shareChartButtonIcon, .downloadChartButtonIcon, .addToCartButtonIcon, .downloadSiteButtonIcon, .downloadCartIcon {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
}
.shareChartButtonIcon {
  background: url("/standards/img/icons/cp_share.svg") no-repeat left center / auto;
}
.downloadChartButtonIcon {
  background: url("/standards/img/icons/cp_download.svg") no-repeat left center / 100%;
}
.addToCartButtonIcon {
  width: 1.5rem;
  height: 2rem;
  position: relative;
}
.addToCartButtonIcon #add_to_collection-cross {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 14px;
  height: 14px;
}
.addToCartButtonIcon #add_to_collection-pdficon {
  position: absolute;
  display: block;
  width: 15px;
  height: 17px;
  left: 3px;
  top: 9px;
  transform: none;
}
.addToCartButtonIcon #add_to_collection-loading {
  position: absolute;
  display: none;
  animation: rotate 2s ease infinite;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
}
.loading .addToCartButtonIcon #add_to_collection-cross, .loading .addToCartButtonIcon #add_to_collection-pdficon {
  display: none;
}
.loading .addToCartButtonIcon #add_to_collection-loading {
  display: block;
}
.downloadSiteButtonIcon, .downloadCartIcon {
  width: 1.5rem;
  height: 2rem;
  background: url("/standards/img/icons/cp_download-pdf.svg") no-repeat left center / 100%;
}
.positon-wrapper {
  display: flex;
  flex-direction: column;
}
.positon-wrapper.legend-u .kommunenkarte-wrapper, .positon-wrapper.legend-u .stadtteilkarte-wrapper {
  order: 1;
}
.positon-wrapper.legend-u .maplegend {
  order: 2;
}
.positon-wrapper.legend-o .kommunenkarte-wrapper, .positon-wrapper.legend-o .stadtteilkarte-wrapper {
  order: 2;
}
.positon-wrapper.legend-o .maplegend {
  order: 1;
}
@media screen and (min-width: 54rem) {
  .positon-wrapper.legend-l {
    flex-direction: row;
  }
  .positon-wrapper.legend-l .kommunenkarte-wrapper, .positon-wrapper.legend-l .stadtteilkarte-wrapper {
    order: 2;
    width: 70%;
  }
  .positon-wrapper.legend-l .maplegend {
    order: 1;
    width: 30%;
    margin-right: 1rem;
  }
  .positon-wrapper.legend-r {
    flex-direction: row;
  }
  .positon-wrapper.legend-r .kommunenkarte-wrapper, .positon-wrapper.legend-r .stadtteilkarte-wrapper {
    order: 1;
    width: 70%;
  }
  .positon-wrapper.legend-r .maplegend {
    order: 2;
    width: 30%;
    margin-left: 1rem;
  }
}
.maplegend {
  clear: both;
  margin-top: 1rem;
  margin-bottom: 1rem;
  /*
	ul.legend-bubbles {
		padding: 0;
		float: left;
		width: 15vw;
		height: 15vw;
		position: relative;
		li {
			margin: 0;
			list-style-type: none;
			border-radius: 50%;
			border: 2px solid #95b6d9;
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translate(-50%, 0);
			span {
				position: absolute;
				color: #34597a;
				font-size: 17px;
			}
		}
	}*/
}
.maplegend ul.legend-labels {
  padding: 0;
  min-width: 30%;
}
.maplegend ul.legend-labels li {
  list-style-type: none;
  float: left;
  display: flex;
  justify-content: left;
  padding-right: 30px;
  padding-top: 10px;
  padding-left: 0;
}
.legend-l .maplegend ul.legend-labels li, .legend-r .maplegend ul.legend-labels li {
  float: none;
}
.maplegend ul.legend-labels li .legendcolor {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 9px;
  color: #34597a;
  font-size: 17px;
}
.maplegend ul.legend-labels.circle {
  float: left;
}
.maplegend ul.legend-labels.circle li {
  display: flex;
  justify-content: start;
}
.maplegend ul.legend-bubbles {
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  position: relative;
}
.maplegend ul.legend-bubbles li {
  margin: 0;
  display: inline;
  overflow: hidden;
  list-style-type: none;
  max-width: 200%;
  max-height: 200%;
}
.legend-l .maplegend ul.legend-bubbles li, .legend-r .maplegend ul.legend-bubbles li {
  margin-top: 10px;
}
.maplegend ul.legend-bubbles li span.bubble_quarter {
  border-radius: 50%;
  border: 3px solid #e3000f;
  display: block;
}
.maplegend ul.legend-bubbles li.bubble_val {
  color: #34597a;
  font-size: 17px;
  margin-right: 10%;
  margin-left: 5px;
}
.maplegend.bottom ul.legend-labels, .maplegend.top ul.legend-labels {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.maplegend.left ul.legend-labels, .maplegend.right ul.legend-labels {
  padding: 0;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.measure-space .measure-space {
  padding: 0;
}
.measure--sm .measure--sm {
  max-width: initial;
}
/* ########## Sammelkorb ############## */
.cp_cart-icon {
  background: url("../img/icons/cp_carticon_mobile.svg") no-repeat left center/contain;
  width: 1.563rem;
  height: 1.938rem;
  margin-left: 0.5rem;
}
@media screen and (max-width: 32rem) {
  .cp_cart-icon {
    position: absolute;
    top: clamp(1.83rem, 3.9ch, 1.9rem);
  }
}
/* Ergänzend in main scss zu den Sidebuttons schreiben */
#cp_cart {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 150;
}
.navigation-open #cp_cart {
  display: none;
}
#cp_cart a {
  text-decoration: none;
}
#cp_cart.hidden {
  display: none;
}
#cp_cart .sidebutton {
  padding: 0.65rem;
  width: 100%;
}
#cp_cart .sidebutton::after {
  display: none;
}
#cp_cart .sidebutton .hamburger-inner, #cp_cart .sidebutton .hamburger-inner::before, #cp_cart .sidebutton .hamburger-inner::after {
  width: 32px;
}
#cp_cart .sidebutton#button-cart .sidebutton-content .sidebutton-icon {
  background: url("../img/icons/cp_carticon.svg") no-repeat left center/contain;
  width: 2rem;
  height: 2.475rem;
  margin-right: 0.65rem;
  cursor: pointer;
}
#cp_cart .sidebutton#button-cart .sidebutton-content .sidebutton-font {
  padding-left: 0;
  padding-right: 2rem;
  display: block;
}
#cp_cart .sidebutton#button-cart .sidebutton-content .cp_infoicon, #cp_cart .sidebutton#button-cart .sidebutton-content .cp_hide_cartmenu {
  display: none;
}
#cp_cart #content-cart {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.15);
  background: #ffffff;
}
#cp_cart #content-cart #addToCart, #cp_cart #content-cart #cart #cart_empty {
  padding: 0.65rem;
  font-size: 14px;
}
#cp_cart #content-cart #addToCart {
  padding: 0.65rem;
  font-size: 14px;
  text-decoration: underline;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #b5c2cc;
}
#cp_cart #content-cart #addToCart .addToCartIcon {
  width: 1.5rem;
  height: 2rem;
  position: relative;
  margin-right: 0.5rem;
}
#cp_cart #content-cart #addToCart .addToCartIcon #add_to_collection-cross {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  width: 14px;
  height: 14px;
}
#cp_cart #content-cart #addToCart .addToCartIcon #add_to_collection-pdficon {
  position: absolute;
  display: block;
  width: 15px;
  height: 17px;
  left: 3px;
  top: 9px;
  transform: none;
}
#cp_cart #content-cart #addToCart .addToCartIcon #add_to_collection-loading {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  display: none;
  animation: rotate 2s ease infinite;
}
#cp_cart #content-cart #addToCart[data-type="delete"] .addToCartIcon #add_to_collection-cross {
  display: block;
  transform: translate(-50%, -50%) rotate(45deg);
}
#cp_cart #content-cart #addToCart[data-type="delete"] .addToCartIcon #add_to_collection-pdficon {
  display: none;
}
#cp_cart #content-cart #addToCart.loading #add_to_collection-cross, #cp_cart #content-cart #addToCart.loading #add_to_collection-pdficon {
  display: none;
}
#cp_cart #content-cart #addToCart.loading #add_to_collection-loading {
  display: block;
}
#cp_cart #content-cart #cart {
  border-bottom: 1px solid #b5c2cc;
}
#cp_cart #content-cart #cart #cart_empty {
  padding: 1rem 22%;
  text-align: center;
}
#cp_cart #content-cart #cart #cart_empty a {
  margin-top: 1rem;
  display: block;
  text-decoration: underline;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem {
  padding: 0.75rem;
  cursor: move;
  user-select: none;
  display: flex;
  flex-direction: row;
  cursor: move;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem:not(:last-child) {
  border-bottom: 1px solid #b5c2cc;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container {
  display: inline-flex;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .lines_dragDrop {
  margin-right: 0.625rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  width: 12px;
  height: 15px;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .lines_dragDrop .lines_dragDrop_top, #cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .lines_dragDrop .lines_dragDrop_middle, #cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .lines_dragDrop .lines_dragDrop_bottom {
  display: none;
  width: 12px;
  height: 1px;
  background: #96a8b7;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .lines_dragDrop .lines_dragDrop_middle {
  margin: 3px 0;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .cp_cart_icon_adobe {
  width: 1.25rem;
  height: 1.25rem;
  background: url("/standards/img/icons/cp_adobe.svg") no-repeat left center / 100%;
  margin-right: 0.625rem;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_actions_container .article_title {
  font-size: 0.875rem;
  line-height: 1.071em;
  max-width: 80%;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem:hover {
  background: #e7eef6;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem:hover .lines_dragDrop .lines_dragDrop_top, #cp_cart #content-cart #cart #cart_list .cart_listItem:hover .lines_dragDrop .lines_dragDrop_middle, #cp_cart #content-cart #cart #cart_list .cart_listItem:hover .lines_dragDrop .lines_dragDrop_bottom {
  display: inline-block;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_icons_container {
  padding-left: 0.3rem;
  display: inline-flex;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_icons_container .cp_cart_icon_delete {
  width: 0.969rem;
  height: 1.188rem;
  margin-right: 0.4rem;
  cursor: pointer;
  background: url("/standards/img/icons/cp_cartlist_delete-pdf.svg") no-repeat left center / 100%;
}
#cp_cart #content-cart #cart #cart_list .cart_listItem .cp_cart_icons_container .cp_cart_icon_download {
  width: 0.919rem;
  height: 1.125rem;
  cursor: pointer;
  background: url("/standards/img/icons/cp_cartlist_download-pdf.svg") no-repeat left center / 100%;
}
#cp_cart #content-cart #cart #cart_list .hint {
  background: #f6f7f8;
}
#cp_cart #content-cart #cart #cart_list .active {
  background: #95b6d9;
}
#cp_cart #content-cart #cart #cart_list .current .cp_cart_actions_container, #cp_cart #content-cart #cart #cart_list .current .cp_cart_icons_container {
  opacity: 0.4;
}
#cp_cart #content-cart #downloadCart {
  padding: 0.65rem 1rem 0.65rem 0.65rem;
  background: #e7eef6;
  font-size: 14px;
  text-decoration: underline;
  display: flex;
  align-items: center;
  justify-content: end;
  cursor: pointer;
}
#cp_cart #content-cart #downloadCart.inactive {
  cursor: default;
}
#cp_cart #content-cart #downloadCart.inactive span {
  opacity: 0.4;
}
@keyframes rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  70% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@media screen and (min-width: 54rem) {
  .cp_cart-icon {
    display: none;
  }
  #cp_cart {
    position: absolute;
    transition: width 0.2s ease-in-out;
    top: calc(100% + 1rem);
    right: 0;
    left: auto;
    height: 60px;
    width: 320px;
  }
  #cp_cart.hidden {
    display: block;
  }
  #cp_cart .sidebutton {
    padding: 0.65rem;
  }
  #cp_cart .sidebutton::after {
    display: block;
  }
  #cp_cart .sidebutton .hamburger {
    display: none;
  }
  #cp_cart .sidebutton#button-cart .sidebutton-content .sidebutton-font {
    overflow: hidden;
    width: 241px;
    transition: width 0.2s ease-in-out, padding 0.2s ease-in-out;
  }
  #cp_cart .sidebutton#button-cart .sidebutton-content .cp_infoicon {
    display: inline;
    background: url("../img/icons/cp_cart-info.svg") no-repeat left center/contain;
    width: 1.063rem;
    height: 1.063rem;
    margin-right: 0.5rem;
    cursor: pointer;
  }
  #cp_cart .sidebutton#button-cart .sidebutton-content .cp_hide_cartmenu {
    display: inline;
    cursor: pointer;
    border: 2px solid #ffffff;
    border-width: 0 2px 2px 0;
    padding: 4px;
    width: 8px;
    height: 8px;
    transition: border-width 0.2s ease-in-out, width 0.2s ease-in-out, padding 0.2s ease-in-out;
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
  }
  #cp_cart #content-cart {
    max-height: 320px;
    transition: max-height 0.2s ease-in-out 0.2s;
    overflow: hidden;
  }
  #cp_cart #content-cart #cart {
    overflow-y: scroll;
    max-height: 200px;
  }
  #cp_cart.hidden {
    width: 64px;
    transition: width 0.2s ease-in-out 0.2s;
  }
  #cp_cart.hidden .sidebutton#button-cart .sidebutton-content .sidebutton-font, #cp_cart.hidden .sidebutton#button-cart .sidebutton-content .cp_hide_cartmenu {
    width: 0;
    padding: 0;
    border-width: 0;
    transition: border-width 0.2s ease-in-out 0.2s, width 0.2s ease-in-out 0.2s, padding 0.2s ease-in-out 0.2s;
  }
  #cp_cart.hidden #content-cart {
    max-height: 0;
    transition: max-height 0.2s ease-in-out;
  }
}
@media screen and (min-width: 1150px) {
  #cp_cart {
    top: calc(100% + 2rem);
  }
}
@media screen and (min-width: 1596px) {
  #cp_cart {
    top: calc(100% + 4rem);
  }
}
@media screen and (max-width: 54rem) {
  /* SECTION Nur wenn Navi zu ist */
  /* !SECTION Nur wenn Navi zu ist */
  /* SECTION Nur wenn Navi zu ist */
  /* !SECTION Nur wenn Navi zu ist */
  header#header .measure-space {
    padding: 0.5rem 1.25rem 0.5rem 0.5rem;
  }
  header#header .header-wrapper-inner {
    justify-content: center;
  }
  header#header .header-wrapper-inner, header#header #logo img, .navigation-open header#header #main-navigation .lvl-1.entry#home {
    height: 10.5vh;
  }
  #header #head-search {
    height: calc(10.5vh - 2px);
  }
  header#header #main-navigation-wrapper {
    top: 10.5vh;
  }
}