@charset "UTF-8";
@font-face {
  font-family: "Source Sans Pro";
  src: url("https://cdn.fdata.de/web/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("https://cdn.fdata.de/web/fonts/SourceSansPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("https://cdn.fdata.de/web/fonts/SourceSansPro-Light.woff2") format("woff2"), url("https://cdn.fdata.de/web/fonts/SourceSansPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url("https://cdn.fdata.de/web/fonts/SourceSansPro-SemiBold.woff2") format("woff2"), url("https://cdn.fdata.de/web/fonts/SourceSansPro-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("https://cdn.fdata.de/web/fonts/Montserrat-Regular.woff2") format("woff2"), url("https://cdn.fdata.de/web/fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("https://cdn.fdata.de/web/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("https://cdn.fdata.de/web/fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
:root {
  /*font*/
  --font: "Source Sans Pro", sans-serif;
  --font-highlight: "Montserrat", sans-serif;
  --font-size: 1rem;
  --font-weight: 400;
  --font-weight_bold: 600;
  --line-height: 1.65;
  /*colors*/
  --c-font: hsl(0, 0%, 0%);
  --c-font_light: hsl(0, 0%, 48%);
  --c-icon: hsl(0,0%,27%);
  --c-link: var(--c-secondary);
  --c-link_hover: hsl(229,100%,30%);
  --c-primary: hsl(0, 80%, 45%);
  --c-primary-h: 0;
  --c-primary-s: 80%;
  --c-primary-l: 45%;
  /*rot*/
  --c-secondary: hsl(229, 59%, 51%);
  --c-secondary-h: 229;
  --c-secondary-s: 59%;
  --c-secondary-l: 51%;
  /*blau*/
  --c-success: hsl(132, 100%, 26%);
  --c-success-h: 132;
  --c-success-s: 100%;
  --c-success-l: 26%;
  /*grün*/
  --c-warning: hsl(0, 92%, 39%);
  --c-warning-h: 0;
  --c-warning-s: 92%;
  --c-warning-l: 39%;
  /*dunkelrot*/
  --c-alert: hsl(27, 98%, 54%);
  --c-alert-h: 27;
  --c-alert-s: 98%;
  --c-alert-l: 54%;
  /*orange*/
  --c-wage: hsl(45, 100%, 56%);
  --c-wage-h: 45;
  --c-wage-s: 100%;
  --c-wage-l: 56%;
  /*@include BPLColors.defineColorHSL(--c-wage, 66,60%,63%);*/
  --c-material: hsl(207, 90%, 54%);
  --c-material-h: 207;
  --c-material-s: 90%;
  --c-material-l: 54%;
  /* @include BPLColors.defineColorHSL(--c-material, 213,71%,53%);*/
  --c-equipm: hsl(238, 48%, 48%);
  --c-equipm-h: 238;
  --c-equipm-s: 48%;
  --c-equipm-l: 48%;
  /* @include BPLColors.defineColorHSL(--c-equipm, 29,98%,69%);*/
  --c-other: hsl(4, 89%, 66%);
  --c-other-h: 4;
  --c-other-s: 89%;
  --c-other-l: 66%;
  /*@include BPLColors.defineColorHSL(--c-other, 229,37%,67%);*/
  --c-white: hsl(0, 0%, 100%);
  --c-white-h: 0;
  --c-white-s: 0%;
  --c-white-l: 100%;
  --c-black: hsl(0, 0%, 0%);
  --c-black-h: 0;
  --c-black-s: 0%;
  --c-black-l: 0%;
  --c-dbd: hsl(48, 100%, 50%);
  --c-dbd-h: 48;
  --c-dbd-s: 100%;
  --c-dbd-l: 50%;
  /*dbd-gelb*/
  --c-marker: hsl(84, 98%, 58%);
  --c-marker-h: 84;
  --c-marker-s: 98%;
  --c-marker-l: 58%;
  --c-map-saved: hsl(134, 61%, 41%);
  --c-map-saved-h: 134;
  --c-map-saved-s: 61%;
  --c-map-saved-l: 41%;
  /*colors border*/
  --c-border: hsl(0,0%,59%);
  --c-border_light: hsl(0,0%,87%);
  --c-border_mid: hsl(0,0%,83%);
  --c-border_focus: hsl(0,0%,33%);
  /*colors background*/
  --c-bg_body: hsl(0,0%,97%);
  --c-bg_light: hsl(0,0%,95%);
  --c-bg_mid: hsl(0,0%,83%);
  --c-bg_hover: hsl(50,100%,96%);
  --c-bg_selected: hsl(208,100%,97%);
  /*@include BPLColors.defineColorHSL(--c-bg_map, 191,30%,85%);*/
  --c-map: hsl(0, 91%, 50%);
  --c-map-h: 0;
  --c-map-s: 91%;
  --c-map-l: 50%;
  --c-bg_grey: #EEE7E7;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
html {
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: var(--font-size);
}

body {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  position: relative;
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--c-font);
}

.fixed {
  position: fixed;
  width: 100%;
}

* {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: var(--c-link);
  cursor: pointer;
}
a:link, a:visited {
  color: var(--c-link);
}
a:active, a:focus, a:hover {
  outline: none;
  color: var(--c-link_hover);
}

main {
  display: flex;
  flex-direction: column;
}

@media (min-width: 50rem) {
  main {
    overflow: hidden;
  }
}
.fd-main, .fd-main > div {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.font-highlight {
  font-family: var(--font-highlight);
}

.section {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.section_gap {
  max-width: 100%;
  margin: 0 auto;
  padding: max(2%, 1rem);
}

.width_m {
  max-width: 50rem !important;
}

.width_s {
  max-width: 40rem !important;
}

.width_xs {
  max-width: 30rem !important;
}

.width_l {
  max-width: 64rem !important;
}

.width_xl {
  max-width: 80rem !important;
}

strong, b, .b {
  font-weight: var(--font-weight_bold);
}

table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

.padding {
  padding: 0 1rem;
}

.font-size_txt {
  font-size: 1.1rem;
}

.headline-grid {
  display: grid;
  grid-template-columns: auto 2rem;
  grid-column-gap: 1rem;
}
.headline-grid > div {
  align-self: center;
}
.headline-grid .f-close::before {
  color: var(--c-white) !important;
}

.center {
  margin: 0 auto;
}

.l {
  text-align: left;
}

.r {
  text-align: right;
}

.c {
  text-align: center;
}

.i {
  font-style: italic;
}

.pointer {
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.txt {
  padding: 0 1rem 1rem;
}

.txt-add {
  /*color: lightness(var(--c-white),.49);
  font-style: italic;*/
  border-top: 1px solid var(--c-border);
  padding-top: 1rem;
  margin-top: 1rem;
  font-size: 0.9rem;
}

.space {
  height: 1.5rem;
}

.space-2_5 {
  display: block;
  height: 2.5rem;
}

.instruction {
  width: 50rem;
  max-width: 100%;
  padding: 1rem 0 0;
  padding-bottom: 1rem;
  font-size: 0.95rem;
}

.color-success {
  color: var(--c-success);
}

.color-primary {
  color: var(--c-primary);
}

.width_xmedium {
  max-width: 50rem;
}

.disabled .v-caption, .disabled input, .disabled .f-numeric, .disabled .f-info, .disabled .f-textbox .f-action, div[disabled] .v-caption, div[disabled] input, div[disabled] .f-numeric, div[disabled] .f-info, div[disabled] .f-textbox .f-action {
  opacity: 30%;
}

.fd-help {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.fd-help .bpl-icon-info {
  font-size: 0.9rem;
  font-weight: 400;
}

.flex_50 {
  display: flex;
  flex-wrap: wrap;
  flex: 1, 1, 50%;
}
.flex_50 > div {
  min-width: 250px;
}

.checkb-container {
  display: flex;
  flex-wrap: nowrap;
}
.checkb-container input {
  margin-top: 6px;
  margin-right: 8px;
}
.checkb-container label {
  cursor: pointer;
}

.highlight {
  background-color: #F9E7A2;
}

/*hr {
    border-bottom: 1px dashed var(--c-border);
    width: 100%;
    max-width: $large !important;
}*/
.fd-bg_light {
  background-color: var(--c-bg_body);
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-radius: 18px;
}

.marker-highlight {
  display: inline;
  padding: 0.1em 0;
  background: var(--c-marker);
  box-shadow: 0.1em 0 0 var(--c-marker), -0.1em 0 0 var(--c-marker);
  position: relative;
  z-index: -1;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.marker-grey {
  display: inline;
  padding: 0.1em 0;
  background: var(--c-bg_mid);
  box-shadow: 0.3em 0 0 var(--c-bg_mid), -0.3em 0 0 var(--c-bg_mid);
  position: relative;
  z-index: -1;
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.nav-search {
  position: relative;
}
.nav-search .dx-texteditor-input {
  border: 0 !important;
  font-family: var(--font);
  font-size: 0.9rem;
}
.nav-search .dx-button {
  border: 0 !important;
  margin: 0 !important;
}

.fd-search-list {
  position: absolute;
  width: calc(100% - 2rem);
  z-index: 5000;
  top: 2.5rem;
  right: 1rem;
  border: 1px solid var(--c-border_mid);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 6px;
  font-family: var(--font);
  background-color: var(--c-white);
  height: auto !important;
}
.fd-search-list > div {
  padding: 20px 10px 10px;
  font-size: 0.9rem;
  border-bottom: 2px solid var(--c-border_light);
  font-weight: 600;
}
.fd-search-list a {
  display: block;
  padding: 7px 9px;
  font-size: 0.9rem;
}
.fd-search-list a:hover {
  color: var(--c-primary) !important;
}

.fd-usertype, .fd-basetype {
  /*max-width: 400px;
      display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));  */
  max-width: 600px;
  padding: 1rem 0;
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  position: relative;
}
.fd-usertype > div, .fd-basetype > div {
  width: 160px;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1rem;
  row-gap: 1rem;
  border: 1px dashed #D5C3C3;
  border-radius: 8px;
}
.fd-usertype > div:hover, .fd-basetype > div:hover {
  border: 1px solid var(--c-border);
  box-shadow: 0 1px 4px hsl(0, 0%, 40%);
  scale: 1.05;
  font-weight: 600;
  cursor: pointer;
}
.fd-usertype [data-type=STUDENT], .fd-basetype [data-type=STUDENT] {
  margin-top: 2rem;
  font-size: 0.86rem;
  line-height: 0.5;
  padding: 0.75rem 0.5rem 0;
  color: var(--c-font_light);
  /*border: 1px dashed var(--c-border_light);
  color: #666;*/
}
.fd-usertype [data-type=STUDENT] img, .fd-basetype [data-type=STUDENT] img {
  display: none;
  /*width: 40px !important;*/
}

.fd-usertype {
  margin: 1rem auto 0;
  border-top: 4px solid var(--c-border_mid);
}
.fd-usertype:before {
  content: "";
  display: block;
  width: 100%;
  border-top: 4px solid var(--c-border_mid);
  bottom: 5rem;
  left: 0;
  position: absolute;
}

.fd-usertype-active {
  border: 1px solid var(--c-primary) !important;
  cursor: inherit;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.faq, .faq-popup {
  position: relative;
  width: 100%;
}
.faq p, .faq-popup p {
  margin-left: 0;
}
.faq h2, .faq-popup h2 {
  font-weight: 600;
  font-size: 1.1rem !important;
  text-align: left;
  max-width: 100%;
  margin: 1rem 0 !important;
  line-height: 1.4;
}

.faq-popup {
  padding-bottom: 2rem;
}
.faq-popup hr {
  border-bottom: 4px solid var(--c-bg_grey) !important;
  width: 100%;
  max-width: 80rem !important;
  margin: 3.5rem auto;
  clear: both;
  height: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.faq {
  /*.accordion-ctgs {
      font-size: clamp(0.875rem, 0.75rem + 0.3333vw, 1rem);
  }*/
}
.faq .accordion-filter-text {
  position: absolute;
  left: 20rem;
  top: 4rem;
  font-style: italic;
  color: var(--c-primary);
}
.faq .accordion-ctgs-popup-hidden .accordion-ctgs-container {
  display: none;
}
.faq .accordion-items {
  /*flex-grow: 1;
  display: flex;*/
  font-size: var(--font-size);
  /*border-top: 1px solid var(--c-border_mid);
  border-left: 1px solid var(--c-border_mid);
  border-right: 1px solid var(--c-border_mid);
  background-color: var(--c-bg_body);
  border-radius: 12px;*/
}
.faq .accordion-items-list {
  flex-grow: 1;
  list-style-type: none;
  margin-left: 0;
}
.faq .accordion-ctgs-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  /*font-family: var(--font-highlight);
  font-size: 0.88rem;*/
}
.faq .accordion-ctgs-container .all-accordion-ctgs {
  display: block !important;
  order: -1;
  padding: 0.75rem 0.5rem !important;
}
.faq .accordion-ctgs-container a {
  display: inline-block;
  padding: 0.75rem 0;
  color: var(--c-font);
}
.faq .accordion-ctgs-container a:hover {
  text-decoration: none;
  color: var(--c-secondary);
}
.faq .accordion-filter {
  max-width: 100%;
  /*position: relative;*/
}
.faq .accordion-filter [type=button] {
  position: absolute;
  width: 1.75rem;
  height: 1rem;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  padding: 0.5rem;
  cursor: pointer;
}
.faq .accordion-ctg {
  /*display: grid;
  grid-template-columns: 1.75rem 1fr;
  column-gap: .5rem;
  align-items: center;*/
  border-top: 1px dashed var(--c-border);
  padding: 0 0.5rem;
  white-space: nowrap;
}
.faq .accordion-ctg img {
  background-color: var(--c-primary);
  padding: 0.3rem;
}
.faq .accordion-ctg.active {
  background-color: var(--c-bg_body);
}
.faq .accordion-ctg.active a {
  font-weight: 600;
  color: var(--c-font);
}
.faq .accordion-ctg.active a:not(.accordion-permalink) {
  pointer-events: none;
}
.faq .accordion-item {
  border-bottom: 1px solid var(--c-border_mid);
}
.faq .accordion-item.is-active {
  margin-bottom: 2rem;
}
.faq .accordion-item.is-active .accordion-item-title {
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--c-secondary);
}
.faq .accordion-item-title {
  line-height: 1.3;
  display: block;
  padding: 1rem 2rem 1rem 0;
  color: var(--c-font);
}
.faq .accordion-item-title::before {
  content: "";
}
.faq .accordion-item-title:hover {
  text-decoration: none;
  color: var(--c-secondary);
}
.faq .accordion-item-content {
  display: none;
  padding: 1rem 1rem 1rem 0;
  border-top: 1px dashed var(--c-border);
}

.fd-faq-icon {
  font-size: var(--font-size);
  display: grid;
  grid-template-columns: auto 1fr;
  margin: 1rem 0;
  border-bottom: 1px dashed var(--c-border_mid);
  max-width: 80ch;
}
.fd-faq-icon img {
  margin: 0.25rem auto !important;
}
.fd-faq-icon > div {
  padding: 0.25rem 0.5rem;
  border-top: 1px dashed var(--c-border_mid);
}
.fd-faq-icon.fd-center > div:nth-child(3n+1) {
  text-align: center;
}

.fd-faq-block-icons {
  padding-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  line-height: 1;
}

.fd-faq-block-icon {
  background-color: var(--c-primary);
  padding: 0.4rem;
}

@media (min-width: calc(50rem + 1px)) {
  .faq {
    padding-top: 4rem;
    margin-top: 2rem;
    display: grid !important;
    grid-template-columns: 16rem 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .faq .accordion-categories {
    margin-top: -5rem;
    border-right: 1px solid var(--c-border);
  }
  .faq .accordion-filter {
    position: absolute;
    left: 20.5rem;
    top: 0;
    width: 25rem;
  }
  .faq .accordion-item.is-active {
    border: 1px solid var(--c-font);
    border-radius: 8px;
  }
  .faq .accordion-item-title {
    padding: 1rem 3rem 1rem 1rem !important;
    background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/a24e1676-239f-4277-a814-0ea6142a6cfc-arrow-right-home.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6%;
  }
  .faq .accordion-item-title::before {
    content: "";
  }
  .faq .accordion-item-title:hover {
    background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/7e753298-38cf-4045-a22e-a68c69ae56db-arrow-right-marked.svg);
  }
  .faq .accordion-item-title[aria-expanded=true] {
    background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/1473a97a-a137-4aac-b13c-1ca78b55181b-arrow-down-home.svg);
  }
  .faq .accordion-item-title[aria-expanded=false]:hover {
    background-size: 8%;
    background-position: 101% center;
  }
  .faq .accordion-item-content {
    padding: 1rem;
  }
}
@media (max-width: 50rem) {
  .faq .accordion-show-ctgs {
    display: grid;
    grid-template-columns: 2rem 1fr;
    align-items: center;
    margin-bottom: 1rem;
    font-family: var(--font-highlight);
  }
  .faq .accordion-show-ctgs::before {
    content: "";
    display: block;
    height: 1.5rem;
    background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/e87a13f5-8f95-4844-b4cc-7bf59f3888e6-guide.svg);
    background-size: contain;
    background-repeat: no-repeat;
  }
  .faq .accordion-show-ctgs:hover {
    text-decoration: none;
    font-weight: var(--font-weight_bold);
  }
  .faq .accordion-ctgs-popup-open {
    display: flex;
    flex-direction: column;
  }
  .faq .accordion-ctgs-popup-open .accordion-filter {
    order: 2;
  }
  .faq .accordion-ctgs-popup-open .accordion-ctgs-container {
    order: 1;
    margin-bottom: 2rem;
  }
}
.spinner {
  display: block;
  width: 12px;
  height: 12px;
  background-color: var(--c-success);
  animation: flip 1.3s ease infinite;
  display: inline-block;
  margin-right: 8px;
  border-radius: 100%;
  margin-top: 3px;
}

@keyframes flip {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  }
}
/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
header {
  position: relative;
  font-family: Montserrat;
  background-color: var(--c-white);
}

.nav-logo {
  position: relative;
  z-index: 1400;
  /*margin: .5rem 1rem;*/
}
.nav-logo img, .nav-logo picture {
  height: 36px;
}

/*.burger,
#toggle-burger {
	display: none;
}*/
nav {
  padding: 1rem 1rem 0.5rem;
  display: grid;
  grid-template-columns: auto 1fr auto auto auto auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  line-height: 1;
  border-bottom: 1px solid var(--c-border_light);
}
nav > * {
  flex-grow: 0;
}
nav a {
  color: var(--c-font) !important;
}
nav a:hover {
  color: var(--c-primary);
  text-decoration: none;
}

.headline {
  color: var(--c-primary);
  padding-right: 0.5rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: var(--font-weight_bold);
}

/*.nav-global {
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}*/
/*.btn-account {
	padding: 0 1rem !important;    
}*/
.btn-account-title {
  display: none;
}

/*Login/Logout - Schalter:  *account, default: nur Icon ohne Text  */
.btn-account_txt {
  font-family: var(--font);
  display: none;
}

.btn-menu-start {
  font-weight: 600;
}

.i-accountPublic {
  line-height: 1;
  position: relative;
  display: inline-block;
  height: 40px;
  margin-right: 4px;
  padding-top: 8px;
}
.i-accountPublic::before {
  color: var(--c-link);
  font-size: 2.3rem;
}

.account {
  position: absolute;
  right: 16px;
  top: 50px;
  z-index: 200;
  background-color: var(--c-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.19), 0 2px 6px rgba(0, 0, 0, 0.23);
  z-index: 15000;
}

/*.account-entries {
    font-family: var(--font);
    list-style-type: none;
    padding: 0;
    margin: 0;

    li {
        padding: 8px 0;
    }

    a, a:visited {
        display: block;
        color: var(--c-font);
        padding: 0 4px;

        &:hover {
            color: var(--c-primary);

            path, circle {
                stroke: var(--c-primary);
            }
        }
    }
}

.account-entry {
    font-size: .96rem;
}*/
.account-svg {
  width: 32px;
  float: left;
  margin-right: 8px;
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 1.5;
}
.account-svg path, .account-svg circle {
  fill: none;
  stroke: #646464;
  stroke-width: 1px;
}

.account-login {
  padding: 12px 0 20px !important;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--c-border);
  font-weight: var(--font-weight_bold);
  font-size: 1.2rem !important;
}

.account-logout {
  border-top: 1px dashed var(--c-border_mid);
  margin-top: 0.5rem;
}

.nav-content {
  display: flex;
  align-items: center;
  flex-grow: 1 !important;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.nav-content a {
  white-space: nowrap;
  color: var(--c-font);
  font-size: 0.95rem;
  padding: 0 0.25rem;
  border-bottom: 2px solid transparent;
  /*line-height: 2;
  background-color: #EEE7E7;
  border: 1px solid #EEE7E7;        
  border-radius: 12px;*/
}

._active-tab {
  font-family: var(--font-highlight);
  color: var(--c-primary) !important;
}

.header-functions {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
}

.header-search {
  width: 100%;
}
.header-search form {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}

.burger-button {
  height: 32px;
  width: 32px;
  position: relative;
  z-index: 1501;
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/a3a0116f-9fd0-42a3-a3a8-d3e917a52e0f-burger.svg);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.15rem;
}

.burger-menu-shown {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
  font-size: 1.2rem;
}

.burger-menu-shown + .burger-button {
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/704190c8-1c6d-4562-b51e-f767c2e8bec9-close_white.svg);
}

.search-field {
  border: 1px solid var(--c-border_light) !important;
  padding: 0.25rem !important;
  margin: 0 !important;
  box-shadow: none !important;
  font-family: var(--font);
  font-size: var(--font-size) !important;
  height: 28px !important;
  line-height: 26px !important;
  color: var(--c-font) !important;
  background-color: var(--c-white) !important;
}
.search-field:focus {
  border: 1px solid var(--c-border) !important;
}

.nav-search {
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.nav-search > div {
  height: 36px;
}
.nav-search input {
  margin-bottom: 0 !important;
  padding: 4px !important;
  box-shadow: 0 0 transparent;
  background-color: #fff;
}
.nav-search input:focus {
  background-color: #fff;
  box-shadow: 0 0 5px var(--c-border_light);
}

.header-search form {
  justify-content: end;
  margin-top: 0;
}

.search-field {
  border-bottom-width: 0;
}

.search-field-container {
  transform-origin: right;
  width: 150px;
}

.search-submit {
  height: 24px;
  width: 24px;
  margin: 0.25rem 0 0.25rem 4px;
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  background-image: url(/icon/search.svg);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.15rem;
}

.search-enter-active,
.search-leave-active {
  transition: all 0.5s ease-out;
}

.search-enter-from,
.search-leave-to {
  transform: scaleX(1);
  width: 0;
  opacity: 0;
}

.btn-account {
  display: grid;
  align-items: center;
  grid-template-columns: auto auto;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.user-img {
  overflow: hidden;
  background-color: #fafafa;
  background-position: center;
  background-size: cover;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.animated-menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  z-index: 1000;
  background-color: #fff;
  padding: 3rem 0 1.75rem 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.19), 0 2px 6px rgba(0, 0, 0, 0.23);
  visibility: hidden;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  /*a {
      display: block;
      border-bottom: 1px solid var(--c-border_light);
      padding: 0.5rem 1.5rem 0.5rem 1rem;
      line-height: 1.5;

      &.menu-page {
          font-weight: 600;
      }

      &:hover {
          background-color: var(--c-bg_body);
      }
  }*/
}

.menu-animation {
  visibility: visible;
  opacity: 1;
  transform: scaleY(1);
}

.nav-content-small .menu-page {
  display: block;
  padding: 1rem;
  border-top: 1px solid var(--c-border_light);
}

.nav-content-large {
  border-left: 2px solid var(--c-border_light);
  padding-left: 0.75rem;
}

.fd-menu {
  position: absolute;
  left: 72px;
  top: 50px;
  z-index: 200;
  background-color: var(--c-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.19), 0 2px 6px rgba(0, 0, 0, 0.23);
  z-index: 15002;
}

.fd-menu-list, .account-entries {
  padding-left: 0;
  margin: 0 0 1rem;
  list-style-type: none;
  width: 100%;
  font-family: var(--font);
  line-height: var(--line-height);
}
.fd-menu-list a, .account-entries a {
  white-space: normal;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
  padding: 0.25rem 1.5rem 0.25rem 1rem;
  font-size: 1rem !important;
}
.fd-menu-list a:hover, .account-entries a:hover {
  background-color: var(--c-bg_body) !important;
}
.fd-menu-list .fd-indent, .account-entries .fd-indent {
  padding-left: 2rem;
  font-size: 0.93rem !important;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.fd-menu-list .fd-indent .fd-menu-title, .account-entries .fd-indent .fd-menu-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fd-menu-list div, .account-entries div {
  font-variant-caps: small-caps;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--c-border_light);
  margin: 1rem 0 0.5rem;
  font-size: 1.1rem !important;
  color: var(--c-font_light);
}

@media (min-width: 550px) {
  .nav-logo img, .nav-logo picture {
    height: 32px;
  }
}
@media (min-width: 1200px) {
  .fd-menu {
    left: 230px;
  }
}
@media (min-width: 900px) {
  /*.nav-global {
  	grid-column: 1 / 3;
  }*/
  .nav-content-small {
    display: none;
  }
  .headline {
    font-size: 1.1rem;
  }
  .nav-content .btn-menu-start, .nav-content .menu-page {
    display: inline-block;
    line-height: 2 !important;
  }
  .nav-content .btn-menu-start:hover, .nav-content .menu-page:hover {
    border-bottom: 2px solid #D5C3C3;
    /*background-color: #D5C3C3 !important;*/
  }
  .fd-menu-list {
    max-width: 26rem;
  }
}
@media (min-width: 980px) {
  /*Login/Logout - Schalter:  *account, Icon + Text für großen Desktop  */
  .btn-account_txt {
    display: inline-block;
    font-weight: var(--font-weight);
    font-size: 0.8rem;
  }
  .btn-account-title {
    display: inline-block;
  }
}
@media (max-width: 899px) {
  .nav-content-large {
    display: none;
  }
}
@media (max-width: 600px) {
  nav .nav-search {
    order: 5;
    grid-column: 1/6;
    padding: 0.5rem 0 0;
  }
  nav .nav-search > div {
    width: 100%;
  }
  .fd-search-list {
    right: 0;
    top: 3rem;
  }
}
footer {
  font-family: var(--font-highlight);
  background-color: var(--c-bg_light);
  border-top: 1px solid var(--c-bg_mid);
}

.footer-links {
  padding: 2rem 1rem 1rem;
  font-size: 0.9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.footer-links > div {
  min-width: 170px;
}
.footer-links > div div {
  padding: 0.25rem 0;
  white-space: nowrap;
}
.footer-links a {
  color: var(--c-font);
}
.footer-links a:hover {
  text-decoration: underline;
}

.footer-head {
  font-family: "Montserrat", sans-serif;
  font-weight: var(--font-weight_bold);
  text-transform: uppercase;
}

.footer-static {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding: 0 0.5rem 0.25rem;
  font-size: 0.75rem;
}
.footer-static a {
  color: var(--c-font);
  line-height: 28px;
}
.footer-static a:hover {
  text-decoration: underline;
}
.footer-static div {
  font-size: 0.7rem;
}
.footer-static a, .footer-static div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 50rem) {
  .footer-static {
    padding: 0 1rem 0.25rem;
  }
}
/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.btn, .button, .sb-button, .sb-request-link:first-child {
  display: inline-block;
  outline: none;
  text-decoration: none !important;
  -webkit-appearance: none;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  padding: 0.2rem 1rem;
  font-size: 0.9rem;
  margin: 0 1rem 1rem 0;
  font-weight: var(--font-weight_bold);
  border-radius: 0.15rem;
  border-width: 1px;
  border-style: solid;
  color: var(--c-font);
  border-color: var(--c-border_focus);
  transition: background-color 0.2s;
}

.button[disabled] {
  opacity: 0.5;
}

.primary {
  background-color: var(--c-primary);
  color: var(--c-white) !important;
  border-color: var(--c-primary);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}
.primary:hover, .primary:focus {
  background-color: hsl(var(--c-primary-h), var(--c-primary-s), calc(var(--c-primary-l) * 0.7));
}

.secondary, .sb-button:not(.sb-secondary-button), .sb-request-link:first-child {
  background-color: var(--c-secondary);
  color: var(--c-white) !important;
  border-color: var(--c-secondary);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}
.secondary:hover, .secondary:focus, .sb-button:not(.sb-secondary-button):hover, .sb-button:not(.sb-secondary-button):focus, .sb-request-link:first-child:hover, .sb-request-link:first-child:focus {
  background-color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.8));
}

.sb-button:not(.sb-secondary-button), .sb-request-link:first-child {
  font-family: var(--font-highlight);
}
.sb-button:not(.sb-secondary-button)[disabled=true], .sb-request-link:first-child[disabled=true] {
  opacity: 0.5;
}

.sb-request-link:first-child {
  margin-bottom: 0;
}

.success {
  background-color: var(--c-success);
  color: var(--c-white) !important;
  border-color: var(--c-success);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}
.success:hover, .success:focus {
  background-color: hsl(var(--c-success-h), var(--c-success-s), calc(var(--c-success-l) * 0.9));
}

.marked {
  padding-right: 4.5rem;
  white-space: nowrap;
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/7e753298-38cf-4045-a22e-a68c69ae56db-arrow-right-marked.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 4rem;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: var(--c-border);
  padding-left: 0.25rem;
}
.marked:hover {
  transform: scale(1.02);
  color: var(--c-font);
}

.dbd {
  background-color: var(--c-dbd);
  color: var(--c-font) !important;
  border-color: var(--c-dbd);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.7));
}
.dbd:hover, .dbd:focus {
  background-color: hsl(var(--c-dbd-h), var(--c-dbd-s), calc(var(--c-dbd-l) * 0.95));
}

.inline, .sb-secondary-button {
  color: var(--c-secondary) !important;
  border-color: var(--c-secondary);
}
.inline:hover, .inline:focus, .sb-secondary-button:hover, .sb-secondary-button:focus {
  color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.9));
  border-color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.8));
}

.link {
  color: var(--c-secondary) !important;
  border-color: transparent;
}
.link:hover, .link:focus {
  color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.9));
}

::-moz-placeholder {
  color: var(--c-font) !important;
  opacity: 0.6;
  font-size: 0.85rem;
  font-family: var(--font);
  font-style: italic;
}

::placeholder {
  color: var(--c-font) !important;
  opacity: 0.6;
  font-size: 0.85rem;
  font-family: var(--font);
  font-style: italic;
}

[disabled], .disabled {
  cursor: not-allowed !important;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
  display: block;
  width: 100%;
  height: 2rem;
  padding: 0.25rem;
  border: 1px solid var(--c-border_light);
  border-radius: 0;
  background-color: var(--c-white);
  box-shadow: inset 0 1px 2px transparent;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: var(--c-font);
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus {
  outline: 0;
  border: 1px solid var(--c-border);
  box-shadow: 0 0 5px var(--c-border_light);
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.cookies {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 7rem;
  padding: 2rem;
  background-color: var(--c-bg_light);
  width: 600px;
  max-width: 100%;
  max-height: calc(100vh - 14rem);
  overflow-y: auto;
  z-index: 10000;
  line-height: 1.5;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
.cookies a {
  display: inline-block;
  margin: 0 2rem 1rem 0;
  padding: 0.5rem 0;
  font-size: 0.85rem;
  line-height: 1;
  text-align: center;
  color: var(--c-font);
  text-decoration: underline;
}
.cookies a:hover {
  text-decoration: underline;
}

#cookie-consent {
  z-index: 15000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  /*opacity: .95;*/
}
#cookie-consent .cc-message {
  margin-right: 30px;
  max-width: 900px;
  font-size: 0.95rem;
  padding-bottom: 1rem;
}

.cc-actions {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  align-items: center;
}
.cc-actions .button {
  display: inline-block;
  outline: none;
  text-decoration: none !important;
  -webkit-appearance: none;
  line-height: var(--line-height);
  text-align: center;
  cursor: pointer;
  padding: 0.2rem 1rem;
  font-size: 0.9rem;
  margin: 0 2rem 1rem 0;
  font-weight: var(--font-weight_bold);
  border-radius: 0.15rem;
  color: var(--c-white);
  border-color: var(--c-border_focus);
  transition: background-color 0.2s;
  order: 1;
  background-color: var(--c-success);
  font-family: var(--font-highlight);
  font-weight: 600;
  border: 0;
  /*&:hover {
      background-color: darken(var(--c-success), 3%);
  }*/
}

.cc-custom-settings {
  order: 2;
  color: var(--c-font);
}

#custom-cookies {
  z-index: 20000;
  /*display: flex;
  justify-content: center;*/
}
#custom-cookies label {
  line-height: normal;
  font-size: var(--font-size) !important;
}
#custom-cookies p {
  font-size: 0.8rem;
  line-height: normal;
  margin-top: 2px;
  margin-bottom: 0;
}
#custom-cookies [type=checkbox] {
  margin-bottom: 0;
}
#custom-cookies [type=checkbox][disabled] {
  border: 1px solid var(--c-border);
}

.cc-title {
  font-weight: 600;
  margin-bottom: 10px;
}

.cc-select {
  margin-right: 30px;
  max-width: 900px;
}

.cc-essential {
  margin-bottom: 1rem;
}

.cc-marketing {
  padding-bottom: 2rem;
}

.cc-actions {
  align-self: flex-end;
}

.cc-privacy {
  order: 2;
}

.cc-cancel {
  order: 3;
}

.cc-save {
  /*margin-bottom: 0;
  margin-right: 30px;*/
}

body {
  height: 100vh;
  height: 100dvh;
  display: grid;
  grid-template-rows: auto 1fr auto;
  background-color: var(--c-bg_body) !important;
  background: #E3E9EE !important;
}

[class^=bpl-icon-], [class*=" bpl-icon-"] {
  font-weight: 400 !important;
}

.align-start {
  align-self: start;
}

.not-allowed {
  cursor: not-allowed;
}

.dx-placeholder {
  display: none !important;
}

.dx-texteditor-input {
  font-family: var(--font) !important;
  font-size: 0.9rem !important;
}

.progress-bar {
  height: 1px;
  background-color: var(--c-white);
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.progress-bar-value {
  width: 100%;
  height: 100%;
  background-color: var(--c-border);
  animation: indeterminateAnimation 1.5s infinite linear;
  transform-origin: 0% 50%;
}

@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
.dx-overlay-shader {
  background-color: rgba(0, 0, 0, 0.5);
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.fd-overview-container {
  overflow-y: auto;
}
.fd-overview-container h1 {
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  padding-bottom: 0.75rem;
  margin-top: 2.5rem;
}

.fd-overview {
  padding: 1rem clamp(0.25rem, 2vw, 1.25rem);
  width: 100%;
  max-width: 64rem;
  margin: 0 auto;
}

.fd-overview-primary {
  display: grid;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: 2rem;
  margin-bottom: 3rem;
}

.fd-ov-primary-item {
  border: 1px solid var(--c-border_mid);
  border-radius: 8px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.fd-ov-plus ul {
  margin: 0;
  padding-left: 1rem;
}

.fd-ov-plus-content {
  border-left: 1px dashed var(--c-border);
  padding-left: 1rem;
}

.fd-ov-plus-txt {
  max-width: 50ch;
  margin: 0 auto;
  text-align: left;
}
.fd-ov-plus-txt h3 {
  line-height: 1.2;
}

.fd-ov-primary-item, .fd-ov-plus {
  display: grid;
  grid-template-columns: auto 1fr;
  background-color: var(--c-white);
}
.fd-ov-primary-item > div, .fd-ov-plus > div {
  padding: 1rem 0;
}
.fd-ov-primary-item h2, .fd-ov-plus h2 {
  /*font-weight: 400;*/
  font-size: clamp(20px, 1.5vw, 24px);
  line-height: 1.2;
  /*margin-top: 4rem;*/
  /*border-top: 1px dashed var(--c-border);
  border-bottom: 1px dashed var(--c-border);*/
  padding: 0.15rem;
  display: inline;
  /*padding: 0.1em .5rem;
  background: var(--c-primary);
  box-shadow: 0.1em 0 0 var(--c-primary);
  position: relative;
  box-decoration-break: clone;
  color: #fff;*/
}
.fd-ov-primary-item .btn, .fd-ov-plus .btn {
  font-family: var(--font-highlight);
  font-size: 0.85rem;
}
.fd-ov-primary-item .fd-ov-icon, .fd-ov-plus .fd-ov-icon {
  padding: 1rem;
  /*display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40% 82% 66% 50%/59% 50% 49% 74%;
  background: #D5C3C3;
  position: relative;
  left: -.75rem;
  top: -1.2rem;
  padding: clamp(0.5rem, 0.167rem + 1.333vw, 1rem);*/
  /*width: clamp(3rem, 1.667rem + 5.333vw, 5rem);
  border-radius: 8px;
  position: relative;
  left: -1.5rem;
  padding: clamp(0.5rem, 0.167rem + 1.333vw, 1rem);*/
  margin-right: -1px;
  margin-top: 0.75rem;
  background: var(--c-primary);
}
.fd-ov-primary-item .fd-ov-icon img, .fd-ov-plus .fd-ov-icon img {
  width: clamp(1.5rem, 3vw + 0.3rem, 3rem);
}

.fd-overview-txt {
  margin-top: 1rem;
  border-top: 1px dashed var(--c-border_mid);
  padding-top: 1rem;
}

.fd-ov-text {
  font-family: var(--font-highlight);
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

.fd-ov-link a {
  display: inline-block;
  margin: 0.5rem 0;
  padding: 0.25rem 1rem;
  margin-top: 1rem;
  font-size: clamp(16px, 1.5vw, 24px);
  font-family: var(--font-highlight);
  font-weight: 600;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  color: var(--c-font) !important;
}

.fd-ov-link-public {
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/cbcabd55-5455-4054-bd8b-8aa2c018c8d4-marker-grey.svg);
}

.fd-ov-link-lisenced {
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/382fd629-22da-4aac-9b1e-bf15e6e7a4e1-marker-green.svg);
}

.fd-overview-secondary {
  display: grid;
  align-items: stretch;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: 1rem;
  margin-bottom: 2rem;
}

.fd-ov-secondary-item {
  border: 1px solid var(--c-border_mid);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 0.25rem 0.25rem 0.5rem;
  font-size: 0.93rem;
  background-color: var(--c-white);
}
.fd-ov-secondary-item .fd-ov-icon {
  display: flex;
  width: 2.5rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  margin-left: -0.75rem;
  background: var(--c-primary);
}
.fd-ov-secondary-item .fd-ov-icon img {
  height: 1.25rem;
}
.fd-ov-secondary-item h3 {
  font-family: var(--font-highlight);
  font-weight: 600;
  margin-bottom: 0;
  font-size: 0.9rem;
}

.fd-ov-shop {
  transform: rotate(6deg);
  margin-left: -1rem;
  border-radius: 8px;
  border: 2px solid var(--c-primary);
  /*background-color: var(--c-bg_grey);*/
}
.fd-ov-shop h3 {
  font-weight: 600;
  color: var(--c-primary);
}
.fd-ov-shop .marker-underline_green {
  display: inline-block;
  padding: 0 0.25rem;
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/382fd629-22da-4aac-9b1e-bf15e6e7a4e1-marker-green.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
  background-size: 100% 30%;
}

.fd-ov-shop-content {
  display: grid;
  grid-template-rows: auto auto;
  height: 100%;
  row-gap: 0.5rem;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-family: var(--font-highlight);
}

.fd-ov-secondary-head {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  border-bottom: 1px solid var(--c-border_mid);
}

.fd-ov-list > div:not(:first-child) {
  border-top: 1px solid var(--c-border_light);
}
.fd-ov-list a {
  padding: 0.5rem;
  line-height: 1.3;
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
}
.fd-ov-list a [class^=bpl-icon-] {
  font-size: 0.85rem;
  margin-right: 1rem;
  color: var(--c-icon);
}
.fd-ov-list .fd-ov-list-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.fd-ov-list img {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 1.05rem;
  top: 0.9rem;
}
.fd-ov-list:not(.public) > div:last-child {
  border-top: 1px dashed var(--c-border);
}

.fd-ov-region {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}

.fd-ov-region-caption {
  display: grid;
}
.fd-ov-region-caption a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.fd-search-result-header {
  padding: 0 clamp(0.25rem, 2vw, 1.25rem);
  display: flex;
  flex-wrap: wrap;
  background-color: var(--c-white);
}
.fd-search-result-header > div {
  padding: 0.25rem 0.75rem;
  border-bottom: 2px solid transparent;
  cursor: pointer;
}
.fd-search-result-header > div:hover {
  color: var(--c-primary);
  border-bottom: 2px solid var(--c-primary);
}

.fd-search-results {
  margin: 0 auto 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.fd-search-result {
  border: 1px solid var(--c-border_light);
  background-color: var(--c-white);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.fd-search-result > div {
  border-bottom: 1px solid var(--c-border_light);
  padding: 0.75rem 0.5rem;
  line-height: 1.3;
}
.fd-search-result a:not(.btn) {
  display: grid;
  grid-template-columns: 1.75rem 1fr;
  position: relative;
  margin-bottom: 0.25rem;
}
.fd-search-result a:not(.btn) [class^=bpl-icon-] {
  display: block;
  font-size: 0.85rem;
  color: var(--c-icon);
  padding-top: 2px;
}
.fd-search-result img {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 0.55rem;
  top: 0.5rem;
}
.fd-search-result .btn {
  margin-left: 1.75rem;
}

.fd-search-result-txt {
  padding-left: 1.75rem;
  font-size: 0.9rem;
}

@media (min-width: 50rem) {
  .fd-search-results {
    padding: 1rem clamp(0.25rem, 2vw, 1.25rem) 0;
  }
}
.footer-toggle::before {
  content: url(/icon/arrow-up-small.svg);
  display: block;
  width: 24px;
  height: 24px;
}

.footer-cms {
  display: none;
}
.footer-cms.footer-visible {
  display: block;
  border-bottom: 1px dashed var(--c-bg_mid);
}
.footer-cms.footer-visible ~ div .footer-toggle::before {
  content: url(/icon/arrow-down-small.svg);
  display: block;
  width: 24px;
  height: 24px;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
input, input:focus, select, select:focus {
  outline: none;
  font-size: var(--font-size);
  font-family: var(--font);
}

.field {
  position: relative;
  margin: 0 0 32px;
  /*label {
      position: absolute;
      left: 7px;
      top: 6px;
      transition: 0.2s ease all;
      background-color: BPLColors.lightness(var(--c-white), .98);
      font-size: 1rem;
      font-weight: normal;
      font-style: italic;
      color: BPLColors.lightness(var(--c-white), 0.4);
      pointer-events: none;
      z-index: -1;
  }*/
}

.field-control,
.field-select {
  /*display: block;
  width: 100%;
  max-width: 100%;
  height: 36px;
  border-width: 0;
  border-bottom: 1px solid var(--c-border_light) !important;
  background-color: transparent !important;
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: var(--font);

  &.invalid ~ label {
      color: var(--c-warning) !important;
  }

  &:focus {
      border-bottom: 1px solid var(--c-border_focus) !important;
  }*/
}

.field-control {
  padding: 0.2rem 0.25rem;
}

.field-block {
  display: grid;
  row-gap: 0.1rem;
  margin-bottom: 1.5rem;
}

.lbl-strong {
  font-family: var(--font-highlight);
  font-weight: var(--font-weight_bold);
  font-size: 0.9rem;
}

.field-select {
  padding: 2px 5px;
}

.fields {
  padding-bottom: 20px;
}

.fields-col {
  display: flex;
  flex-wrap: wrap;
}
.fields-col .field {
  flex: 200px 1 0;
}

.field-control:not(:-moz-placeholder-shown) ~ label {
  /*top: -18px;
  font-size: .85rem;
  font-style: normal;
  color: #777;*/
}

.field-control:focus ~ label,
.field-control:not(:placeholder-shown) ~ label,
.field-select:focus ~ label,
.field-select[data-selected=true] ~ label {
  /*top: -18px;
  font-size: .85rem;
  font-style: normal;
  color: #777;*/
}

.field-control:focus ~ label,
.field-select:focus ~ label {
  /*font-weight: var(--font-weight_bold);*/
}

textarea, textarea:focus {
  outline: none;
  width: 100%;
  min-height: 7rem;
  resize: vertical;
  font-family: var(--font);
  font-size: 0.95rem;
  border: 1px solid var(--c-border_light);
  padding: 0.25rem 0.5rem;
}

.textarea-label {
  font-size: 0.85rem;
  color: #777;
  font-weight: 700;
  padding-bottom: 0.25rem;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 3px 3px 0 7px;
  width: 19px;
  height: 19px;
  border: 1px solid var(--c-border);
  border-radius: 50%;
}
[type=radio]::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
}

[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid var(--c-border);
  line-height: 1 !important;
}
[type=checkbox]::before {
  /*content: url(/img/check.svg);
  content: '✓';*/
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
}

[type=radio]:checked::before, [type=checkbox]:checked::before {
  background-position: center !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='11' height='11' fill='@{bgColor}' stroke='none'><path fill='none' stroke='currentColor' stroke-width='3' d='M1.73 12.91l6.37 6.37L22.79 4.59' /></svg>") no-repeat;
}
[type=radio][disabled], [type=checkbox][disabled] {
  border: 1px solid var(--c-border_light);
}
[type=radio][disabled]::before, [type=checkbox][disabled]::before {
  background-position: center !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='11' height='11' fill='@{bgColor}' stroke='none'><path fill='none' stroke='hsl(0,0%,67%)' stroke-width='3' d='M1.73 12.91l6.37 6.37L22.79 4.59' /></svg>") no-repeat;
}
[type=radio]:not([disabled]), [type=checkbox]:not([disabled]) {
  cursor: pointer;
}
[type=radio]:focus, [type=checkbox]:focus {
  outline: none;
  box-shadow: 0 0 4px hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.6));
  border: 1px solid var(--c-border_focus);
}

.form-salutation, .form-fields {
  margin-bottom: 2rem;
  width: 100%;
}

.salutation-lbl {
  display: inline-block;
  margin: 0 0 2px 7px;
  white-space: nowrap;
  font-size: 0.85rem;
  font-style: normal;
  color: hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}

.salutation-value {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.salutation-value label {
  position: relative;
  top: -3px;
}

.r-switch-container {
  position: relative;
}

.r-switch,
.r-switch-lbl {
  display: block;
  position: relative;
  z-index: 1;
}

.r-switch {
  display: none;
}

.lst {
  display: none;
  margin: 1rem 0 2rem;
}

.map {
  display: block;
}

.r-switch-lbl {
  margin: 1rem 0 0 4rem;
  padding: 0.2rem;
  transition: background-color 200ms ease-in-out;
  width: 3rem;
  height: 1.6rem;
  border-radius: 2rem;
  text-align: center;
  background-color: var(--c-bg_light);
  box-shadow: -4px 4px 15px inset rgba(0, 0, 0, 0.1);
  border: 2px solid var(--c-border_focus);
  cursor: pointer;
}
.r-switch-lbl::before, .r-switch-lbl::after {
  position: absolute;
  transform: translate3d(0, -50%, 0);
  top: 50%;
  cursor: pointer;
}
.r-switch-lbl::before {
  content: "Karte";
  right: 100%;
  margin-right: 10px;
  color: var(--c-primary);
}
.r-switch-lbl::after {
  content: "Liste";
  left: 100%;
  margin-left: 10px;
  color: var(--c-font);
}
.r-switch-lbl span {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  width: 100%;
}
.r-switch-lbl span::after {
  position: absolute;
  top: 0.73rem;
  left: 0.15rem;
  width: 1.1rem;
  height: 1.1rem;
  content: "";
  border-radius: 1.3rem;
  background-color: var(--c-primary);
  transition: transform 200ms, background-color 200ms;
  box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.1);
}

.r-switch:checked {
  /*~ .bread .bread-item:last-child {
      display: none;
  }*/
}
.r-switch:checked ~ .r-switch-lbl {
  background-color: var(--c-bg_light);
}
.r-switch:checked ~ .r-switch-lbl::before {
  color: var(--c-font);
}
.r-switch:checked ~ .r-switch-lbl::after {
  color: var(--c-primary);
}
.r-switch:checked ~ .r-switch-lbl span::after {
  transform: translate3d(1.4rem, 0, 0);
}
.r-switch:checked ~ .map {
  display: none;
}
.r-switch:checked ~ .lst {
  display: block;
}

/*.f-switch-container {
    padding: 1rem 0;
    display: inline-block;
}

.f-switch,
.f-switch-lbl {
    display: block;
    position: relative;
    z-index: 1;
}

.f-switch {
    display: none;
}*/
/*.f-switch-lbl {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: .5rem;
    align-items: center;

    .box {
        transition: background-color 200ms ease-in-out;
        width: 3rem;
        height: 1.6rem;
        border-radius: 2rem;
        text-align: center;
        background-color: var(--c-bg_light);
        box-shadow: -4px 4px 15px inset rgba(0, 0, 0, 0.1);
        border: 2px solid var(--c-border_focus);
        cursor: pointer;
        position: relative;
        order: 2;
    }

    .box::after {
        position: absolute;
        top: .14rem;
        left: .1rem;
        width: 1.1rem;
        height: 1.1rem;
        content: '';
        border-radius: 1.3rem;
        background-color: var(--c-primary);
        transition: transform 200ms, background-color 200ms;
        box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.1);
    }

    .before {
        order: 1;
        color: var(--c-primary);
    }

    .after {
        order: 3;
        color: var(--c-font);
    }
}*/
/*.f-switch:checked {
    ~ .f-switch-lbl {

        .before {
            color: var(--c-font);
        }

        .after {
            color: var(--c-primary);
        }

        .box::after {
            transform: translate3d(1.4rem, 0, 0);
        }
    }
}*/
.switch-container {
  padding: 1rem;
  border-bottom: 1px solid var(--c-border_light);
}

.switch {
  display: grid;
  grid-template-columns: 3rem auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  cursor: pointer;
}

/*.switch-lbl {
    text-indent: -9999px;
    width: 3rem;
    height: 1.4rem;
    background: var(--c-bg_mid);
    display: inline-block;
    border-radius: 2rem;
    position: relative;


    &::after {
        content: '';
        position: absolute;
        top: .14rem;
        left: .1rem;
        width: 1.1rem;
        height: 1.1rem;
        background: #fff;
        border-radius: 1.3rem;*/
/*transition: 0.2s;*/
/*transition: transform 100ms, background-color 100ms;
    }
}*/
.switch-checkb {
  height: 0;
  width: 0;
  display: none;
  /*&:checked + .switch .switch-lbl {
      background: var(--c-success);

      &::after {*/
  /*left: calc(100% - 5px);
  transform: translateX(-100%);*/
  /*transform: translate3d(1.6rem, 0, 0);
      }
  }*/
}
.switch-checkb:checked + .switch .switch-lbl_s {
  background: var(--c-bg_price);
}
.switch-checkb:checked + .switch .switch-lbl_s::after {
  /*left: calc(100% - 5px);
  transform: translateX(-100%);*/
  transform: translate3d(0.7rem, 0, 0);
}

.switch-lbl_s {
  text-indent: -9999px;
  width: 1.8rem;
  height: 1.1rem;
  background: var(--c-bg_mid);
  display: inline-block;
  border-radius: 2rem;
  position: relative;
  margin-left: 1rem;
}
.switch-lbl_s::after {
  content: "";
  position: absolute;
  top: 0.14rem;
  left: 0.1rem;
  width: 0.85rem;
  height: 0.85rem;
  background: #fff;
  border-radius: 1.3rem;
  transition: 0.2s;
  transition: transform 100ms, background-color 100ms;
}

/*@media (min-width: $xmedium) {
    .f-switch-lbl {
        &::after {
            width: 12rem;            
        }
    }
}*/
:invalid, :-moz-submit-invalid, :-moz-ui-invalid {
  box-shadow: none;
  border-block: 1px solid var(--c-primary) !important;
}

.invalid {
  border-bottom: 1px solid var(--c-primary) !important;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.fd-regions-list {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}
.fd-regions-list .selected {
  color: var(--c-primary);
  cursor: default;
}
.fd-regions-list .saved::after {
  content: url(/icon/region_selected.svg);
  display: inline-block;
  width: 0.85rem;
  height: 0.85rem;
  margin-left: 0.25rem;
  bottom: -0.1rem;
  position: relative;
}

.fd-regions-maps {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--c-border);
}

.fd-region-breadcrumb {
  font-size: 0.8rem;
  line-height: 20px;
  padding-bottom: 1rem;
}
.fd-region-breadcrumb span:not(:last-child):after {
  content: " › ";
  font-size: 1.1rem;
  line-height: 20px;
}

.fd-region-map {
  display: flex;
  gap: 1rem;
}

.fd-region-items {
  overflow-y: auto;
}

.fd-pin-image {
  padding: 0.25rem;
  border: 1px dashed var(--c-border);
}
.fd-pin-image svg {
  height: 80px;
  width: auto;
  fill: var(--c-bg_mid);
  stroke: var(--c-border);
  stroke-width: 0.1;
}
.fd-pin-image svg #svg_de {
  fill: var(--c-bg_mid);
  fill-opacity: 0.2;
}
.fd-pin-image svg #svg_local {
  display: none;
}
.fd-pin-image.state svg {
  fill: hsl(var(--c-map-h), var(--c-map-s), calc(var(--c-map-l) * 1.4));
}

.fd-regions-filter {
  padding: 0 1rem 1rem;
  /*position: sticky;
  top: 0;
  background-color: var(--c-white);*/
}

.fd-ov-region-image svg {
  width: auto;
  fill: hsl(var(--c-map-h), var(--c-map-s), calc(var(--c-map-l) * 1.4));
  stroke: var(--c-border);
  stroke-width: 0.1;
}
.fd-ov-region-image svg #svg_de {
  fill: var(--c-bg_mid);
  fill-opacity: 0.2;
}
.fd-ov-region-image svg #svg_local {
  fill: #000;
}

.fd-ov-secondary-item .fd-ov-region-image {
  padding-top: 1rem;
  padding-left: 0.5rem;
}
.fd-ov-secondary-item .fd-ov-region-image svg {
  height: 110px;
}

.fd-conditons .fd-ov-region-image svg {
  height: 76px;
}

.region-image {
  justify-self: center;
  align-self: stretch;
  width: 100%;
}
.region-image svg {
  max-height: calc(70vh - 130px);
  width: auto;
  max-width: 100%;
  stroke-width: 0.1;
}
.region-image svg g {
  cursor: pointer;
}
.region-image svg g:hover > .str0 {
  fill: hsl(var(--c-map-h), var(--c-map-s), calc(var(--c-map-l) * 1.6));
}
.region-image svg g.selected, .region-image svg g.selected * {
  fill: hsl(var(--c-map-h), var(--c-map-s), calc(var(--c-map-l) * 1.4));
  /*&:hover .str0 {
      fill: BPLColors.lightness(var(--c-map),.6);
  }*/
}

.fil0 {
  /*fill: BPLColors.lightness(var(--c-map), 1.8);*/
  fill: var(--c-bg_mid);
  fill-rule: nonzero;
}

.str0 {
  stroke: var(--c-white);
  stroke-width: 0.04;
  /*paint-order: stroke;
  stroke-linejoin: round;*/
}

.svg-tooltip {
  background-color: hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.18));
  color: var(--c-white);
  position: absolute;
  padding: 0 0.5rem;
  border-radius: 0.2rem;
  font-size: 0.9rem;
  z-index: 10000;
}

@media (min-width: 50rem) {
  .fd-regions-maps {
    order: 1;
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .fd-regions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow-y: hidden;
    height: 100%;
  }
  .fd-regions-list {
    order: 2;
    border-left: 1px dashed var(--c-border_light);
  }
}
.fd-regions-list ul, .fd-rules ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1rem;
  list-style-type: "· ";
}
.fd-regions-list ul [class^=bpl-icon-], .fd-rules ul [class^=bpl-icon-] {
  padding: 0.25rem;
  color: var(--c-icon);
}

.fd-rules ul {
  padding-top: 0.25rem;
  padding-left: 1rem;
}
.fd-rules li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.fd-list-empty {
  list-style-type: none !important;
}

.fd-breadcrumb {
  padding: 1rem clamp(0.25rem, 2vw, 1.25rem);
  display: grid;
  align-items: end;
  grid-template-columns: auto auto auto 1fr auto;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  /*background-color: var(--c-white);*/
}
.fd-breadcrumb h1 {
  font-size: 1rem;
  margin-bottom: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.3;
  font-family: var(--font);
}
.fd-breadcrumb h1 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fd-breadcrumb a:hover {
  color: var(--c-primary);
}

@media (max-width: 600px) {
  .fd-breadcrumb {
    row-gap: 0.5rem;
  }
  .fd-breadcrumb h1 {
    display: grid;
  }
  .fd-breadcrumb-add {
    grid-column: 1/6;
    grid-row: 1/2;
  }
  .fd-breadcrumb-list {
    top: -2.75rem !important;
  }
}
.fd-breadcrumb [class^=bpl-icon-], .fd-breadcrumb-list [class^=bpl-icon-] {
  font-size: 0.8rem;
  color: var(--c-icon);
}
.fd-breadcrumb [class=bpl-icon-bnl], .fd-breadcrumb-list [class=bpl-icon-bnl] {
  font-size: 0.95rem;
  color: var(--c-icon);
}
.fd-breadcrumb [class=bpl-icon-bnl]:hover, .fd-breadcrumb-list [class=bpl-icon-bnl]:hover {
  outline: none;
  color: var(--c-link_hover);
}

.fd-breadcrumb-list {
  position: absolute;
  top: -1rem;
  z-index: 500;
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500px;
  background-color: var(--c-white);
}
.fd-breadcrumb-list div {
  padding: 0.25rem clamp(0.25rem, 2vw, 1.25rem);
  border-bottom: 1px solid var(--c-border_light);
}
.fd-breadcrumb-list div:hover {
  background-color: var(--c-bg_hover);
}
.fd-breadcrumb-list a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  color: var(--c-font);
}

a[data-index="2"] {
  padding-left: 0.5rem;
}

a[data-index="3"] {
  padding-left: 1rem;
}

a[data-index="4"] {
  padding-left: 1.5rem;
}

a[data-index="5"] {
  padding-left: 2rem;
}

a[data-index="6"] {
  padding-left: 2.5rem;
}

a[data-index="7"] {
  padding-left: 3rem;
}

a[data-index="8"] {
  padding-left: 3.5rem;
}

a[data-index="9"] {
  padding-left: 4rem;
}

.fd-breadcrumb-item {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  max-width: 70vw;
  white-space: nowrap;
}

.fd-back-to-elem a {
  display: block;
  padding: 0 clamp(0.25rem, 2vw, 1.25rem);
  font-size: 0.85rem;
  margin-top: 1rem;
  margin-bottom: -0.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 95%;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.tree-container .bread {
  border-top: 0;
}
.tree-container .price-head {
  margin-left: 0;
  border-bottom: 0;
}

.tree-adds .list-nodes {
  margin-bottom: 1rem;
}
.tree-adds .price-head {
  margin-bottom: 0.25rem;
  margin-left: 0.5rem;
}

.link-show-all {
  text-align: right;
  margin-bottom: 3rem;
}
.link-show-all span {
  display: inline-block;
}
.link-show-all a {
  background-color: var(--c-bg_light);
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  display: flex;
  align-items: center;
  font-weight: var(--font-weight_bold);
}

.no-nodes {
  padding: 1rem 1rem 3rem;
}

@media (min-width: 50rem) {
  .tree-container {
    display: grid;
    grid-template-columns: calc(100% - 26.5rem) 25rem;
  }
  .tree-nodes {
    border-right: 1px solid var(--c-border_light);
  }
  .tree-nodes .list-nodes {
    padding-right: 2.5rem;
  }
  .tree-adds {
    padding-left: 1.5rem;
    padding-top: 0.75rem;
  }
}
.list {
  width: 100%;
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.list > li {
  position: relative;
  border-bottom: 1px solid var(--c-border_light);
  padding: 0.5rem 1rem;
}
.list > li:first-child {
  border-top: 1px solid var(--c-border_light);
}
.list > li:hover {
  background-color: hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.95));
}
.list a:not(.btn) {
  display: block;
  color: var(--c-font);
}

/*Baum mit nodes und elements*/
.list-nodes {
  line-height: 1.4;
}
.list-nodes li {
  text-indent: -1.5rem;
  padding-left: 2.5rem;
}
.list-nodes img {
  margin-right: 0.4rem;
  margin-bottom: -0.1rem;
}

.node:before {
  content: "\e02d";
}

.elem:before {
  content: "\f001";
}

.licensed:before {
  color: var(--c-success) !important;
}

.list-regions {
  /*@include columns(3,5rem,20rem);
  @include column-rule(1px, dotted, BPLColors.lightness(var(--c-white),.49));*/
  /* margin: 2rem auto;*/
}
.list-regions .selected {
  background-color: var(--c-bg_price) !important;
  color: var(--c-white) !important;
}
.list-regions li {
  cursor: pointer;
}

.lst-radio {
  margin-top: 0;
}
.lst-radio li {
  cursor: pointer;
}
.lst-radio li::marker {
  content: url("/icon/radio-unchecked-s.png");
  color: var(--c-link);
  display: inline-block;
}
.lst-radio li.selected::marker {
  content: url("/icon/radio-checked-s.png");
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.fd-flex-col {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.fd-share {
  display: grid;
  grid-template-columns: auto auto auto;
  justify-content: end;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  height: 1.75rem;
  /*.dx-item-content i {
      background-color: var(--c-secondary);
      padding: 0.4rem 0.6rem;
      border-radius: 50%;
      width: 32px !important;
      height: 32px !important;
      display: flex;
      align-items: center;
      justify-content: center;

      &:hover, &:focus {
          background-color: BPLColors.lightness(var(--c-secondary), .8);
      }
  }*/
}
.fd-share [class*=bpl-icon-] {
  color: #fff;
  background-color: var(--c-secondary);
  border-radius: 50%;
  width: 32px !important;
  height: 32px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fd-share .dx-scrollable-vertical {
  border: 1px solid red !important;
}

.dx-menu-base .dx-menu-item-content {
  padding: 0.2rem;
}

.fd-save-incl {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.5rem;
  flex-wrap: wrap;
}

.fd-share-mail .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.dx-overlay-content {
  font-family: var(--font);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--c-font);
}

.fd-elem-filter {
  margin-bottom: 1rem;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.fd-recent {
  display: grid !important;
  grid-template-columns: auto 1fr 0.25fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.fd-recent-time {
  font-size: 0.85rem;
  line-height: 1.2;
  color: var(--c-font_light);
}

.fd-tree-container {
  margin: 0 auto 1rem;
  width: 100%;
  /*max-width: 800px;*/
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
}

.fd-tree {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.fd-tree > div:hover {
  background-color: var(--c-bg_body);
}
.fd-tree a {
  display: block;
  padding: 0.5rem;
  border-bottom: 1px solid var(--c-border_light);
  line-height: 1.3;
  position: relative;
  display: flex;
}
.fd-tree a [class^=bpl-icon-] {
  font-size: 0.85rem;
  margin-right: 1rem;
  color: var(--c-icon);
}
.fd-tree a img {
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: 1.05rem;
  top: 0.9rem;
}

.fd-shorttext-container {
  padding-bottom: 1rem;
}

.fd-shorttext {
  padding: 0.75rem 1rem 0.5rem;
}
.fd-shorttext h2 {
  font-size: 1rem;
  line-height: 1.3;
  font-family: var(--font);
  font-weight: 400;
}

.fd-group {
  display: grid;
}
.fd-group h3 {
  font-family: var(--font-highlight);
  font-size: 0.9rem;
  margin-bottom: 0;
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.fd-group .bpl-icon-remove {
  font-size: 0.8rem;
  color: var(--c-border);
}
.fd-group .bpl-icon-remove:hover {
  color: var(--c-icon);
}
.fd-group .dx-checkbox-text {
  font-size: 0.94rem;
}

.fd-gr-container {
  border: 1px solid var(--c-border_light);
  display: grid;
  grid-template-rows: auto 1fr;
  background-color: var(--c-white);
}

.fd-gr-config {
  grid-template-rows: auto auto 1fr !important;
}

.fd-gr-container-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid var(--c-border_light);
}

.fd-gr-toggle {
  font-size: 1.3rem !important;
  line-height: 1;
  color: var(--c-icon);
}

.fd-gr-header-icon:before {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
  color: #fff;
  justify-content: center;
  font-size: 1rem;
  line-height: 1;
}

.i-result:before, .i-config:before {
  background-color: var(--c-primary);
}

.fg-group-result {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  overflow-y: auto;
}

.fd-price {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 1rem;
  justify-content: center;
  text-align: center;
}
.fd-price [class*=fd-price-] {
  padding: 0.5rem;
}

.fd-price-def {
  cursor: pointer;
}
.fd-price-def div {
  color: var(--c-link);
  font-size: clamp(1.125rem, 0.9643rem + 0.7143vw, 1.5rem);
  line-height: 2rem;
}
.fd-price-def:hover div {
  transform: scale(1.1);
}

.fd-price-active {
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
}
.fd-price-active div {
  font-size: clamp(1.25rem, 0.9286rem + 1.4286vw, 2rem);
  line-height: 2rem;
}

.fd-price-readonly {
  cursor: unset;
}
.fd-price-readonly div {
  color: unset;
}

#sticky-price-container {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  min-width: 300px;
}
#sticky-price-container > div {
  border-bottom-left-radius: 8px;
}

#sticky-price-container-desktop {
  position: absolute;
  right: 0.5rem;
  z-index: 100;
  min-width: 300px;
}

#sticky-price-container > div, #sticky-price-container-desktop {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid var(--c-border);
  padding: 0.4rem;
  text-align: center;
}
#sticky-price-container > div > div, #sticky-price-container-desktop > div {
  padding: 0.25rem 0.5rem 0;
  font-size: 0.8rem;
  line-height: 1;
}
#sticky-price-container > div > div > div, #sticky-price-container-desktop > div > div {
  font-size: 1rem;
}
#sticky-price-container > div .fd-price-active > div, #sticky-price-container-desktop .fd-price-active > div {
  font-weight: 600;
}

/*###############*/
.bpl-icon-question, .bpl-icon-pdf, .bpl-icon-info, .bpl-icon-bnl {
  color: var(--c-icon);
}

.fd-feature-tables {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0.5rem 0;
  font-size: 0.85rem;
}
.fd-feature-tables .dx-slider-handle {
  height: 16px;
  margin-top: -8px;
}
.fd-feature-tables .dx-slider-wrapper {
  height: auto;
}

.fd-feature-table {
  display: grid;
  grid-template-columns: 85px 150px;
  align-items: center;
  opacity: 0.5;
}
.fd-feature-table:hover {
  opacity: 1;
}

.fd-space {
  padding: 0.3rem 0;
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.selected-mode > div > div > div {
  background-color: var(--c-primary);
}

.feature-table {
  height: 200px;
  overflow-y: scroll;
}

.selected-value {
  /*color: var(--c-primary) !important;*/
  background-color: var(--c-bg_selected);
}
.selected-value:hover {
  background-color: var(--c-bg_selected) !important;
}
.selected-value .fd-item {
  pointer-events: none;
}
.selected-value .fd-space {
  color: var(--c-font) !important;
}

.fd-feature-list {
  /*.fd-dbd-img {
          grid-template-columns: auto 1fr auto auto !important;
      }*/
}
.fd-feature-list > div {
  border-top: 1px solid var(--c-border_light);
  display: grid;
  grid-template-columns: 1fr auto auto;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  cursor: pointer;
}
.fd-feature-list > div:hover {
  background-color: var(--c-bg_body);
}

.fd-feature-value .i-btn, .fd-feature-list .i-btn {
  margin-top: 0.2rem;
}

.fd-feature-value-disabled {
  color: var(--c-font);
  cursor: unset;
}
.fd-feature-value-disabled:hover {
  color: var(--c-font);
}

.fd-tableview {
  padding: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: 0.9rem;
  line-height: 1.4;
}
.fd-tableview > div {
  border: 1px solid var(--c-border_light);
}
.fd-tableview .fd-feature {
  position: sticky;
  top: 0;
}
.fd-tableview .fd-feature-caption {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding: 0.25rem 0.5rem;
  background-color: var(--c-bg_body);
}
.fd-tableview .fd-feature-caption > div {
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.fd-tableview .fd-feature-caption > span {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.fd-tableview .fd-feature-list {
  margin-bottom: 1rem;
  overflow-y: auto;
}
.fd-tableview .fd-feature-list > div {
  padding-left: 0.5rem;
  padding-right: 0.25rem;
}
.fd-tableview .fd-feature-list {
  overflow-y: auto;
}

.fd-listview .fd-feature, .fd-listview .fd-feature-list-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  line-height: 1.3;
  align-items: start;
  padding: 0 0.75rem 0 0.5rem;
  position: relative;
}
.fd-listview .fd-feature {
  border-top: 1px solid var(--c-border_light);
}
.fd-listview .fd-feature:hover {
  background-color: var(--c-bg_body);
}
.fd-listview .fd-feature-caption {
  padding: 0.3rem 0;
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.fd-listview .fd-feature-caption > div {
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.fd-listview .fd-feature-list {
  margin-left: 1rem;
}
.fd-listview .fd-feature-list > div {
  padding-left: 0.25rem;
}

.fd-feature-excluded {
  color: var(--c-font_light);
}
.fd-feature-excluded.fd-cost-bg {
  background-color: var(--c-bg_body);
}
.fd-feature-excluded .dx-texteditor-input:not(:focus) {
  color: var(--c-border_mid) !important;
}

.fd-time-value {
  padding: 0.25rem 0.5rem;
  font-weight: 600;
}

.fd-chart-wages {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding: 0.25rem 0.5rem 1rem;
  font-size: 0.85rem;
}

.fd-chart-wages-caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fd-chart-wages-value {
  min-width: 8rem;
  border-left: 2px solid var(--c-wage);
  color: hsl(var(--c-wage-h), var(--c-wage-s), calc(var(--c-wage-l) * 0.5));
  display: flex;
  align-items: center;
}
.fd-chart-wages-value > div {
  white-space: nowrap;
}

.fd-chart-wages-item {
  background-color: var(--c-wage);
  height: 10px;
  margin-right: 0.25rem;
}

.fd-item-dis {
  opacity: 0.3;
}

.fd-pricepart-content {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 50%;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
}

.fd-pricepart-head, .fd-cost-head {
  text-align: right;
  color: var(--c-font_light);
}

.fd-priceparts-values {
  flex: 1 0 50%;
  display: grid;
  padding: 0.25rem 0 1rem;
  line-height: 1.3;
}

.fd-priceparts-values .fd-row > div, .fd-cost-values .fd-row > div {
  white-space: nowrap;
  border-bottom: 1px solid var(--c-border_light);
  padding: 0.25rem 0.5rem;
}

.fd-row {
  display: contents;
}
.fd-row:hover div, .fd-row:hover span {
  background-color: var(--c-bg_body);
}

.fd-pricepart-caption {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
}

.fd-cost-zero span {
  opacity: 0.3;
}

.fd-pricepart-content {
  container-type: inline-size;
  container-name: fd-pricepart-content;
}

@container fd-pricepart-content (max-inline-size: 500px) {
  .fd-priceparts-values {
    grid-template-columns: repeat(4, 1fr);
  }
  .fd-priceparts-values > div {
    /*&:nth-child(5n-4) {
        grid-column: 1/2;
    }*/
  }
  .fd-priceparts-values > div:nth-child(5n-3) {
    grid-column: 1/2;
  }
  .fd-priceparts-values > div:nth-child(5n-2) {
    grid-column: 2/3;
  }
  .fd-priceparts-values > div:nth-child(5n-1) {
    grid-column: 3/4;
  }
  .fd-priceparts-values > div:nth-child(5n) {
    grid-column: 4/5;
  }
  .fd-pricepart-caption {
    grid-column: 1/5 !important;
    background-color: #F4F4FB;
  }
  .fd-pp-hide-mobile {
    display: none;
  }
}
@container fd-pricepart-content (min-inline-size: 501px) {
  .fd-priceparts-values {
    grid-template-columns: repeat(5, 1fr);
  }
  .fd-pp-row:hover > div {
    background-color: var(--c-bg_body);
  }
}
.fd-priceparts-pie {
  flex: 0 0 180px;
  padding: 0.5rem 0;
  display: flex;
  justify-content: center;
}

.fd-numeric, .fd-feature-value {
  display: grid;
}

.fd-feature-value {
  grid-template-columns: 1fr 1.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  cursor: pointer;
  /*.i-btn {
      margin: -.35rem 0;
  }*/
}

.fd-tableview .fd-feature-value {
  background-color: var(--c-bg_body);
  padding: 0 0.5rem;
  border-top: 1px dashed var(--c-border);
}
.fd-tableview .fd-feature-value a {
  color: var(--c-font);
  pointer-events: none;
}

.fd-feature-list .fd-dbd-img, .fd-feature .fd-dbd-img {
  width: 100%;
  display: flex !important;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  flex-wrap: wrap;
}
.fd-feature-list .dbd-image, .fd-feature .dbd-image {
  margin: 0.3rem 0;
}
.fd-feature-list .dbd-image::before, .fd-feature .dbd-image::before {
  content: url(/icon/zoom-in.svg);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
}
.fd-feature-list .dbd-image:hover::before, .fd-feature .dbd-image:hover::before {
  content: url(/icon/zoom-in-blue.svg);
}

.i-btn {
  border: 1px solid var(--c-border_light);
  display: grid;
  align-items: center;
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 4px;
  text-align: center;
  font-size: 0.7rem;
  line-height: 1;
  background-color: var(--c-bg_body);
}
.i-btn:before {
  color: var(--c-icon);
  font-size: 0.7rem;
  line-height: 1;
}
.i-btn:hover {
  border: 1px solid var(--c-border);
}

.fd-excluded {
  margin: 0.75rem 0;
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
  border: 1px solid var(--c-border);
  /*background-color: var(--c-white);    
  position: absolute;
  z-index: 6000;
  width: 100%;
  top: .75rem;
  overflow: auto;
  */
}

.fd-excluded-header {
  padding: 0.35rem 0;
  margin-bottom: 1rem;
}

.fd-excluded-items {
  font-size: 0.95rem;
  border-bottom: 1px solid var(--c-border_light);
}

.fd-excluded-value {
  font-size: 0.75rem !important;
  color: var(--c-primary);
}

.fd-rules-remark {
  margin-top: 2rem;
  font-size: 0.9rem;
  line-height: 1.3;
  padding: 1rem 0;
  border-top: 1px dashed var(--c-border);
}
.fd-rules-remark > div {
  max-width: 40rem;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.5rem;
}

.fd-rules {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  line-height: 1.3;
  align-items: start;
  padding: 0.5rem 0 1rem;
}

.i-btn.bpl-icon-bnl::before {
  font-size: 0.9rem;
  color: #0062a6;
}

.fd-icon-rules {
  display: block;
  width: 1.5rem;
  height: 1.4rem;
  background-image: url(/icon/din.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

[data-document=din] {
  background-image: url(/icon/din.svg);
}

[data-document=vdi] {
  background-image: url(/icon/vdi.svg);
}

[data-document=mul] {
  background-image: url(/icon/dachdecker.svg);
}

[data-document=law] {
  background-image: url(/icon/paragraph.svg);
}

.fd-rules-caption {
  font-size: 1rem;
  padding-bottom: 0.25rem;
  font-family: var(--font-highlight);
}

.fd-numeric {
  padding: 0.25rem 0 !important;
  grid-template-columns: 1fr 1.5rem;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  row-gap: 0.25rem;
  align-items: center;
}
.fd-numeric > div {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.25rem;
}
.fd-numeric .dx-numberbox {
  height: auto !important;
}
.fd-numeric .dx-texteditor-input {
  font-size: 0.95rem !important;
  line-height: 1 !important;
  height: auto !important;
  padding: 0 0.25rem !important;
  border: 0 !important;
  font-family: var(--font);
  min-height: 20px;
}
.fd-numeric .dx-texteditor-container {
  align-items: center;
}

.fd-numeric-value {
  display: none;
}

.fd-numeric-value-warning {
  font-size: 0.85rem;
  color: var(--c-warning);
  display: block;
}

.group-footer-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.2;
  padding: 0.5rem 1rem;
  background-color: var(--c-secondary);
}
.group-footer-mobile a {
  color: var(--c-white);
}
.group-footer-mobile > span {
  align-self: stretch;
  border-left: 1px dotted var(--c-white);
}

.fd-cost-color {
  padding: 0.25rem !important;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
}

.fd-cost-values {
  display: grid;
  padding: 0.5rem 0 1rem 0;
  line-height: 1.3;
}
.fd-cost-values .fd-row > div:nth-child(n+2) {
  display: flex;
  align-items: end;
  justify-content: right;
}

.fd-cost-head-pp {
  text-align: left;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
}

.fd-cost-caption {
  text-align: left;
  white-space: normal !important;
}

.fd-cost-row-bg > div {
  background-color: #F4F4FB;
}

.fd-cost {
  container-type: inline-size;
  container-name: fd-cost;
}

@container fd-cost (max-inline-size: 500px) {
  .fd-cost-values {
    grid-template-columns: repeat(5, 1fr);
  }
  .fd-cost-zero {
    display: none;
  }
  ._blank {
    display: none !important;
  }
  .fd-cost-caption {
    grid-column: 1/6;
  }
}
@container fd-cost (min-inline-size: 501px) {
  .fd-cost-values {
    grid-template-columns: auto 1fr repeat(4, auto);
  }
}
@media (max-width: calc(50rem - 1px)) {
  .v-split {
    display: none;
  }
  .fg-group-result {
    order: 1;
  }
  .fd-gr-config {
    order: 2;
  }
  .fd-gr-config a {
    display: block;
  }
  .fd-price {
    position: sticky;
    top: 0;
  }
}
.fd-config-funct {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.25rem;
  background-color: var(--c-bg_light);
  position: relative;
}
.fd-config-funct a {
  display: inline-block;
  padding: 0.5rem 0.4rem;
  font-size: 1rem !important;
  line-height: 1;
  color: var(--c-icon);
}
.fd-config-funct a:hover {
  color: var(--c-primary);
}

.fd-config-btn {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  padding: 0 0.25rem;
  align-items: center;
}

.fd-config-filter {
  min-width: 200px;
  flex-grow: 1;
  margin-bottom: 0.1rem;
}

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 3.25rem;
  height: 1.3rem;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-skewed + .tgl-btn {
  overflow: hidden;
  border-radius: 4px;
  backface-visibility: hidden;
  transition: all 0.2s ease;
  font-family: var(--font);
  background: var(--c-icon);
  opacity: 0.4;
  font-size: 0.85rem;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
  display: inline-block;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 1.3rem;
  color: #fff;
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
  background: var(--c-icon);
  opacity: 0.4;
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: var(--c-icon);
  opacity: 1;
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}

.tgl-skewed:checked ~ .bpl-icon-arrow-right, .tgl-skewed:checked ~ .bpl-icon-remove {
  opacity: 0.3;
  pointer-events: none;
}

.dx-widget {
  font-family: var(--font) !important;
}

.fd-gr-price {
  container-type: inline-size;
  container-name: fd-conditons;
}

@container fd-conditons (min-inline-size: 500px) {
  .fd-conditons {
    display: grid;
    grid-template-columns: 1fr auto;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    align-items: start;
    justify-content: end;
  }
  .fd-cond-content {
    display: block !important;
    justify-content: end;
    text-align: right;
  }
}
.fd-conditons {
  padding: 1rem 1rem 0.5rem;
  /*border-top: 1px dashed var(--c-border_light);*/
  border-top: 1px solid var(--c-border_light);
}

.fd-cond-content {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.fd-pr-region {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  align-items: start;
}
.fd-pr-region hr {
  max-width: 300px;
  margin-left: 0;
  border-top: 1px dashed var(--c-border);
  border-bottom: 0;
}

.fd-cond-edit {
  font-weight: 600;
}

.fd-a-icon {
  display: grid;
  align-items: center;
  grid-template-columns: 1.25rem auto;
}
.fd-a-icon i {
  color: var(--c-icon);
}
.fd-a-icon span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fd-cond-content {
  line-height: 1.3;
}
.fd-cond-content > div {
  padding-top: 0.25rem;
}

.fd-cond-info {
  display: grid;
  grid-template-columns: auto auto;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
  justify-content: start;
}

.fd-cond-switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
  bottom: -4px;
  /*left: 4px;*/
}
.fd-cond-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.fd-cond-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);
  background-color: var(--c-bg_body);
  transition: 0.4s;
}
.fd-cond-switch .slider:before {
  position: absolute;
  content: "✕";
  height: 16px;
  width: 17px;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.55rem;
  line-height: 1;
  border-radius: 8px;
  font-weight: 600;
  color: var(--c-white);
  transition: 0.4s;
  background-color: var(--c-border);
}
.fd-cond-switch input:checked + .slider:before {
  transform: translateX(15px);
  content: "✔";
  font-weight: 400;
  background-color: var(--c-icon);
}

.fd-structure-select {
  padding: 0.25rem;
  border-bottom: 1px solid var(--c-border_light);
  background-color: var(--c-bg_light);
}
.fd-structure-select > div {
  max-width: 16rem;
}

.fd-structure-values {
  margin: 0 0 1rem;
  display: grid;
  grid-template-columns: 1fr auto auto;
  text-align: right;
  line-height: 1.3;
}
.fd-structure-values .fd-row > div, .fd-structure-values > div {
  border-bottom: 1px solid var(--c-border_light);
  padding: 0.4rem 0.5rem;
}

.fd-structure-head {
  color: var(--c-font_light);
}

.fd-structure-sort {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  flex-wrap: wrap;
}

.fd-structure-head_2 {
  grid-column: 2/4;
  display: flex;
  align-items: center;
  justify-content: right;
  color: var(--c-font_light);
}

.fd-structure-head_3 {
  grid-column: 1/4;
}

.fd-img-thumb-feature {
  padding: 0.5rem 0.5rem 0;
}

.fd-img-thumb {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(80px, 100%), 1fr));
  gap: 0.25rem;
  margin: 0.5rem;
}

.fd-img-config {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px dashed var(--c-border);
}

.fd-img-config-link {
  width: 100%;
}

.dbd-image {
  height: 48px;
  width: 48px;
  border: 1px dashed var(--c-border_light);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fff;
}
.dbd-image:hover {
  border: 1px dashed var(--c-secondary);
}
.dbd-image.img-selected {
  border: 1px solid var(--c-border_mid);
}
.dbd-image.img-selected:hover {
  border: 1px solid var(--c-secondary);
}
.dbd-image img {
  max-width: 100%;
  max-height: 48px;
}

.fd-costs .dbd-image {
  height: 80px;
  width: 80px;
}
.fd-costs .dbd-image.img-selected {
  border: 1px solid var(--c-border);
}
.fd-costs .dbd-image.img-selected::after {
  content: url(/icon/licensed_grey.svg);
  display: inline-block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
}
.fd-costs .dbd-image img {
  max-height: 80px;
}

.fd-files {
  display: grid;
  grid-template-columns: 1fr auto;
}
.fd-files .fd-row > div {
  white-space: nowrap;
  border-bottom: 1px solid var(--c-border_light);
  padding: 0.25rem 0.5rem;
}
.fd-files .fd-file-caption {
  font-size: 0.95rem;
}

.fd-refresh-head {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--c-border_light);
}
.fd-refresh-head span {
  justify-self: center;
}

.fd-refresh-level {
  max-width: 400px;
  margin-top: 1.5rem;
  border: 1px dashed var(--c-border);
}
.fd-refresh-level .fd-price-active a {
  color: var(--c-font);
}

.fd-refresh-calc {
  /*display: grid;
  grid-template-columns: 1.5rem auto 1fr;
  column-gap: .5rem;
  align-items: center;*/
  margin-bottom: 1rem;
  /*> div {
      display: contents;
  }

  img {
      justify-self: center;
  }*/
}

.fd-refresh-bgk {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: center;
}

.fd-refresh-warning {
  padding: 1rem;
  border: 1px solid var(--c-warning);
}

@media (max-width: calc(50rem - 1px)) {
  .fd-group {
    grid-template-columns: 1fr !important;
    grid-row-gap: 1rem;
    margin-bottom: 2rem;
  }
  .v-split {
    display: none !important;
  }
  .fd-bookmarklist .dx-datagrid-header-panel .dx-button-text {
    display: none;
  }
  .fd-bookmarklist .dx-button-content i {
    margin-right: 0 !important;
  }
}
@media (min-width: 50rem) {
  .fd-tree-container {
    padding: 0 clamp(0.25rem, 2vw, 1.25rem);
  }
  .v-split {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='30'><path d='M4 0 V30' fill='none' stroke='rgb(108, 117, 125)'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
  }
  .v-split:hover {
    cursor: col-resize;
    background-color: var(--c-bg_mid);
  }
  .fd-gr-container {
    border-radius: 8px;
  }
  .fd-shorttext-container {
    padding: 0 clamp(0.25rem, 2vw, 1.25rem);
  }
  .fd-group {
    padding: 0 clamp(0.25rem, 2vw, 1.25rem) 0.75rem;
    font-size: 0.95rem;
    overflow: hidden;
  }
  .fd-gr-config {
    overflow-y: hidden;
  }
  .fd-feature-values {
    overflow-y: auto;
  }
  .group-footer-mobile {
    display: none;
  }
}
.fd-classifications {
  padding-bottom: 1rem;
  display: grid;
  grid-template-columns: auto 1fr;
  line-height: 1.3;
}

.fd-classification > div {
  /*display: flex;
  flex-wrap: wrap;*/
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--c-border_light);
}

.fd-share-mode {
  border-bottom: 1px solid var(--c-border);
  background: #fff;
  padding: 1rem 1rem 0;
  font-size: 0.9rem;
}

.fd-share-mode-header {
  max-width: 80ch;
  margin: auto;
}

.fd-share-mode-title {
  font-family: var(--font-highlight);
  font-weight: 600;
  color: var(--c-primary);
}

.fd-share-icon {
  display: none;
}

.fd-share-mode-btn {
  max-width: 80ch;
  margin: auto;
  padding: 0.5rem 0 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 1rem;
  font-weight: 600;
}
.fd-share-mode-btn .btn {
  margin: 0 !important;
}

.fd-share-mode-shop {
  display: inline-block;
  padding: 0.25rem 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  color: var(--c-font) !important;
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/382fd629-22da-4aac-9b1e-bf15e6e7a4e1-marker-green.svg);
}

@media (min-width: 30rem) {
  .fd-share-mode {
    display: flex;
    justify-content: center;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .fd-share-icon {
    display: block;
    padding-top: 0.25rem;
  }
  .fd-share-icon img {
    width: 40px;
  }
}
.fd-similar {
  padding: 0.25rem 0.5rem;
  line-height: 1.3;
  border-bottom: 1px solid var(--c-border_light);
}

h1 {
  font-size: clamp(18px, 2.5vw, 28px);
}

h1, h2 {
  padding: 0;
  margin: 0;
  font-weight: var(--font-weight_bold);
  font-family: var(--font-highlight);
}

h3 {
  padding: 0;
  margin: 0 0 1rem;
  font-weight: var(--font-weight_bold);
}

.h3-menu {
  font-family: var(--font-highlight);
  font-size: 0.9rem;
  margin: 0.5rem;
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
/*
        < 50%
        im HTML: Klasse .pie-small hinzufügen und inline-css (Bogenmaß + 90) an Element .one
        >= 50%
        im HTML: Klasse .pie-large hinzufügen und inline-css (Bogenmaß) an Element .two
    */
.calc-icon {
  width: 24px;
  height: 24px;
}
.calc-icon.material::before {
  content: url("/icon/material.png");
}
.calc-icon.wage::before {
  content: url("/icon/wage.png");
}
.calc-icon.equipm::before {
  content: url("/icon/equipm.png");
}
.calc-icon.other::before {
  content: url("/icon/other.png");
}

.pie {
  padding: 1rem 1.5rem 1rem 1rem;
}

.donut {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 7rem;
  height: 7rem;
}

.sector {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.one {
  clip: rect(0 7rem 3.5rem 0);
}

.two {
  clip: rect(0 3.5rem 7rem 0);
}

.pie-large .one {
  transform: rotate(90deg);
}

.pie-small .two {
  transform: rotate(0deg);
}

.pie-center {
  position: absolute;
  border-radius: 50%;
  top: 0.9rem;
  left: 0.9rem;
  width: 5.2rem;
  height: 5.2rem;
  background: #fff;
}
.pie-center::before {
  display: inline-block;
  position: absolute;
  left: 1.4em;
  top: 0.9rem;
}
.pie-center span {
  display: block;
  text-align: center;
  padding-top: 1.2rem;
  font-size: 1.1rem;
  line-height: 1.3;
  font-weight: var(--font-weight_bold);
  /*&::before {
      content: url("/icon/care.png");
  }*/
  /*line-height: $size - ($width * 2);*/
}

.donut.wage {
  color: var(--c-wage);
}
.donut.wage.pie-large {
  background: hsl(var(--c-wage-h), var(--c-wage-s), calc(var(--c-wage-l) * 1.7));
}
.donut.wage.pie-large .sector {
  background: var(--c-wage);
}
.donut.wage.pie-small {
  background: var(--c-wage);
}
.donut.wage.pie-small .sector {
  background: hsl(var(--c-wage-h), var(--c-wage-s), calc(var(--c-wage-l) * 1.7));
}

.donut.material {
  color: var(--c-material);
}
.donut.material.pie-large {
  background: hsl(var(--c-material-h), var(--c-material-s), calc(var(--c-material-l) * 1.7));
}
.donut.material.pie-large .sector {
  background: var(--c-material);
}
.donut.material.pie-small {
  background: var(--c-material);
}
.donut.material.pie-small .sector {
  background: hsl(var(--c-material-h), var(--c-material-s), calc(var(--c-material-l) * 1.7));
}

.donut.equipm {
  color: var(--c-equipm);
}
.donut.equipm.pie-large {
  background: hsl(var(--c-equipm-h), var(--c-equipm-s), calc(var(--c-equipm-l) * 1.7));
}
.donut.equipm.pie-large .sector {
  background: var(--c-equipm);
}
.donut.equipm.pie-small {
  background: var(--c-equipm);
}
.donut.equipm.pie-small .sector {
  background: hsl(var(--c-equipm-h), var(--c-equipm-s), calc(var(--c-equipm-l) * 1.7));
}

.donut.other {
  color: var(--c-other);
}
.donut.other.pie-large {
  background: hsl(var(--c-other-h), var(--c-other-s), calc(var(--c-other-l) * 1.7));
}
.donut.other.pie-large .sector {
  background: var(--c-other);
}
.donut.other.pie-small {
  background: var(--c-other);
}
.donut.other.pie-small .sector {
  background: hsl(var(--c-other-h), var(--c-other-s), calc(var(--c-other-l) * 1.7));
}

/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.calc {
  /*margin-bottom: 1.5rem;
  border-left: 1px solid var(--c-border_light);
  border-right: 1px solid var(--c-border_light);
  border-bottom: 1px solid var(--c-border_light);
  background-color: var(--c-white);*/
}

.calc-table-container {
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
  margin-bottom: 1rem;
}

.calc-table {
  width: 100%;
}
.calc-table th {
  text-align: left;
  border-bottom: 1px solid var(--c-border);
  scroll-snap-align: start;
  font-weight: var(--font-weight);
  padding: 0 0.5rem 0.5rem;
}
.calc-table th.calc-first-col {
  background-color: var(--c-bg_body) !important;
}
.calc-table td {
  border-bottom: 1px solid var(--c-border_mid);
  vertical-align: baseline;
  padding: 0.5rem;
}
.calc-table tr th, .calc-table tr td {
  line-height: 1.35;
}
.calc-table tr th:not(:first-child), .calc-table tr td:not(:first-child) {
  text-align: right;
  white-space: nowrap;
}

.calc-first-col {
  position: sticky;
  left: 0;
  background-color: var(--c-bg_body);
  box-shadow: 0 0 1px var(--c-border);
  padding-left: 0;
  width: 40%;
  min-width: 280px;
  background-color: var(--c-bg_light);
}

.calc-grid {
  display: grid;
  grid-template-columns: 1fr 6rem 4rem 4rem 4rem 6rem;
}
.calc-grid:not(.calc-grid-header):hover > div {
  background-color: var(--c-bg_mid) !important;
}
.calc-grid div {
  text-align: right;
  padding: 0.5rem;
  border-bottom: 1px solid #ddd;
  line-height: 1.4;
}
.calc-grid div:not(.calc-grid-first-col) {
  white-space: nowrap;
}
.calc-grid.calc-grid-header {
  align-items: end;
  margin-top: 1.5rem;
}
.calc-grid.calc-grid-header .calc-grid-first-col {
  background-color: transparent;
}
@media (max-width: 64rem) {
  .calc-grid {
    grid-template-columns: 20% 20% 20% 20% 20%;
    border-bottom: 2px solid #bbb;
    /*&.calc-grid-header .calc-grid-first-col {
        display: none;
    }*/
  }
  .calc-grid .calc-grid-first-col {
    grid-column: 1/7;
    border-left: 0;
  }
  .calc-grid div {
    border-left: 1px solid #ddd;
  }
  .calc-grid div:nth-child(2) {
    text-align: left;
    border-left: 0;
  }
}

.calc-grid-first-col {
  /* position: sticky;
  left: 0;*/
  /*background-color: var(--c-bg_body);
  box-shadow: 0 0 1px var(--c-border);
  padding-left: 0;*/
  min-width: 300px;
  background-color: var(--c-bg_light);
  text-align: left !important;
}

.calc-header-img {
  display: inline-block;
  height: 1.5rem;
  margin-bottom: -0.25rem;
}

.priceparts-container .calc-header-img {
  margin-right: 0.25rem;
}

.priceparts .p-value {
  font-size: clamp(18px, 2.5vw, 24px);
  font-weight: var(--font-weight_bold);
}

.calc-container .calc-header-img {
  margin-right: 1rem;
}

.pp-table {
  line-height: 1.4;
}

.pp-small {
  font-size: 0.95rem;
  padding: 0 0.5rem;
}

.pp-large {
  padding: 0 0.5rem;
  font-weight: var(--font-weight_bold);
}

.calc-pa {
  grid-column: 2/6;
  font-weight: var(--font-weight_bold);
}

.pp {
  grid-column: 2;
  grid-row: 3;
  text-align: left;
  font-weight: var(--font-weight_bold);
}

.header-wage {
  background-color: hsl(var(--c-wage-h), var(--c-wage-s), calc(var(--c-wage-l) * 1.5)) !important;
}

.wage {
  color: hsl(var(--c-wage-h), var(--c-wage-s), calc(var(--c-wage-l) * 0.8));
}

.header-material {
  background-color: hsl(var(--c-material-h), var(--c-material-s), calc(var(--c-material-l) * 1.5)) !important;
}

.material {
  color: hsl(var(--c-material-h), var(--c-material-s), calc(var(--c-material-l) * 0.7));
}

.header-other {
  background-color: hsl(var(--c-other-h), var(--c-other-s), calc(var(--c-other-l) * 1.5)) !important;
}

.other {
  color: hsl(var(--c-other-h), var(--c-other-s), calc(var(--c-other-l) * 0.6));
}

.header-equipm {
  background-color: hsl(var(--c-equipm-h), var(--c-equipm-s), calc(var(--c-equipm-l) * 1.5)) !important;
}

.equipm {
  color: hsl(var(--c-equipm-h), var(--c-equipm-s), calc(var(--c-equipm-l) * 0.6));
}

.overlay-bg {
  position: fixed;
  z-index: 2000;
  background-color: #000;
  opacity: 0.7;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/*.region-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;

    .bg {
        position: fixed;
        z-index: 2000;
        background-color: #000;
        opacity: .8;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }
}*/
.overlay {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.overlay-content {
  display: flex;
  flex-direction: column;
  /*display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;*/
  max-height: 100vh;
  width: 40rem;
  max-width: 100%;
  background-color: #fff;
}

.overlay-body {
  overflow-y: auto;
}

.overlay-head {
  display: grid;
  grid-template-columns: auto 2rem;
  font-size: 1.3rem;
  font-weight: var(--font-weight_bold);
}
.overlay-head > div {
  padding: 1rem;
}

.overlay-head-bread {
  font-size: 0.9rem;
  font-weight: 400;
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
  width: calc(100% + 4rem);
  /*max-width: 100vw;*/
  margin-left: -1rem;
  padding: 0.25rem 1rem;
  background-color: hsl(var(--c-bg_price-h), var(--c-bg_price-s), calc(var(--c-bg_price-l) * 1.8));
}

.overlay .location {
  height: 100vh;
}
.overlay .bg_light {
  background-color: var(--c-bg_light);
}

.overlay-grid {
  display: grid;
  grid-template-rows: auto 5rem;
  max-height: 100%;
  overflow-y: hidden;
  flex-grow: 1;
}

.overlay-foot {
  text-align: right;
  padding: 1rem;
}

.location-only .overlay-body, .location-only .overlay-foot {
  padding: 0 1rem 1rem;
}
.location-only .map {
  background-color: var(--c-bg_light);
}

@media (min-width: 50rem) {
  .calc-pa {
    grid-column: 2/7;
    font-weight: var(--font-weight_bold);
  }
  .pp {
    grid-column: 6;
    grid-row: 2;
    text-align: right;
  }
  .overlay .location {
    height: 90vh;
  }
  .overlay .overlay-content {
    max-height: 90vh;
  }
}
/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.fd-calc-settings {
  font-size: 0.95rem;
  max-width: 50rem;
}

.fd-calcs-list-intro {
  font-size: 0.9rem;
  line-height: 1.3;
}

.fd-intro-txt {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  max-width: 45rem;
}

.fd-calcs-list {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  font-size: 0.95rem;
  color: var(--c-font_light);
}
.fd-calcs-list .fd-row div {
  padding: 0.3rem;
  border-bottom: 1px solid var(--c-border_light);
}

.fd-calcs-list-caption {
  color: var(--c-link);
  cursor: pointer;
}
.fd-calcs-list-caption.selected {
  color: var(--c-font);
  font-weight: 600;
}

.fd-calcs-list-header {
  font-size: 0.9rem;
  color: var(--c-font_light);
}

.fd-calcs {
  font-size: 0.9rem;
  margin: 1rem auto;
}

.fd-calcs-caption {
  margin-bottom: 1rem;
}

.fd-calcs-form, .fd-calcs-form-2, .fd-calcs-caption {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.25rem;
  align-items: center;
  justify-content: start;
  /*.dx-texteditor.dx-editor-outlined {
      border: 0;
  }*/
}

.fd-calcs-form-h1 {
  grid-column: 1/3;
  min-height: 2rem;
  align-self: center;
  padding-top: 0.3rem;
  font-weight: 600;
}

.fd-calcs-check label {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  line-height: 1.3;
  margin-top: 1rem;
}
.fd-calcs-check input {
  margin-top: 0.15rem;
}

.fd-calc-intro-txt {
  padding-bottom: 1rem;
}

.fd-calc-head {
  width: calc(100% + 40px);
  position: relative;
  left: -20px;
  padding: 0.25rem 20px;
  display: flex;
  gap: 0.5rem;
  background-color: var(--c-bg_light);
}
.fd-calc-head .dx-button .dx-button-content {
  padding-block: 4px !important;
}

.fd-calc-head-filter {
  flex-grow: 1;
  max-width: 300px;
}

.fd-calc-tags {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 380px) {
  .fd-calcs-form, .fd-calcs-form-2 {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .fd-calcs-form .dx-texteditor-input, .fd-calcs-form-2 .dx-texteditor-input {
    max-width: 10rem;
  }
}
@media (min-width: 720px) {
  .fd-calcs {
    display: grid;
    grid-template-columns: auto auto;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .fd-calcs-form {
    grid-template-columns: 10rem auto;
  }
  .fd-calcs-form-2 {
    grid-template-columns: auto auto;
  }
  .fd-calcs-caption {
    grid-template-columns: 10rem 1fr;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
/*
.cs-switch {
    display: inline-block;
    margin: 0 1rem;
}

.calcsettings-grid {
    display: grid;
    border-bottom: 1px solid var(--c-border_light);

    > div {
        padding: .5rem 1rem;
    }

    &:hover {
        background-color: BPLColors.lightness(var(--c-white), .95);
    }

    &.selected {
        background-color: var(--c-bg_price) !important;
        color: var(--c-white) !important;
    }
}

.calcsettings-grid_header {
    font-size: .95rem;
    font-weight: var(--font-weight_bold);
    border-bottom: 1px solid var(--c-border);
}

.cs-date {
    overflow-x: hidden;
    padding: .5rem 0 !important;
    text-align: center;
}

.cs-action {
    text-align: right;
    white-space: nowrap;

    a {
        margin-left: .5rem;
    }
}

.cs-action-svg {
    width: 16px;
    margin-bottom: 4px;
}

td {
    &.cs-caption {
        max-width: 100px;
    }
}

div {
    &.cs-caption {
        max-width: 100%;
    }
}

.cs-caption {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.cs-set {
    &.disabled {
        display: none;
    }
}

.cs-container {
    display: flex;
    flex-wrap: wrap;

    > div {
        flex: 400px 1 0;
    }

    input {
        text-align: right;
        font-weight: var(--font-weight_bold);
    }

    [disabled] {
        background-color: var(--c-bg_light) !important;
    }

    .invalid_inp {
        border: 1px solid var(--c-primary) !important;
    }
}

.cs-form {
    padding: 0 1rem;
}

.cs-fields_4 {


    > div {
        display: grid;
        grid-template-columns: 170px 80px 100px auto;
        align-items: center;

        span {
            white-space: nowrap;

            &:last-child {
                padding-right: 1rem;
            }
        }
    }

    .invalid {
        grid-column: 1 / 5;
        border: 0;
        color: var(--c-primary) !important;
        padding: .5rem 1rem 1rem 0;
        padding-top: 0.5rem;
        padding-top: 0.5rem;
    }
}

.cs-fields_b {
    span {
        font-weight: var(--font-weight_bold);
        font-size: .97rem;
    }
}

.cs-unit {
    padding-left: 1rem;    
}

.cs-fields_4-head {
    grid-column: 1 / 4;
}

.overlay .cs-form-footer {
    text-align: right;
}

.svg-help-bp {
    height: 22px;
}

@media (max-width: $medium-1) {
    .cs-form-footer {
        text-align: right;
    }
    .calcsettings-grid {
        grid-template-columns: auto 0 96px;
    }
}

@media (min-width: $medium) {
    .view-min_medium {
        display: table-cell;
    }
    .calcsettings-grid {
        grid-template-columns: auto 150px 96px;
    }
}*/
/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
/*.component {
    background-color: saturation(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: alphax(var(--c-primary), 0.2);
}*/
/*.testxxx {
    background-color: lightness(var(--c-primary), 1.2);
}*/
/*.testxxx {
    background-color: saturation(var(--c-primary), .5);
}*/
.fd-fav-popup {
  position: absolute;
  top: 1.75rem;
  left: -10rem;
  background-color: var(--c-white);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.19), 0 2px 6px rgba(0, 0, 0, 0.23);
  z-index: 15002;
  min-width: 320px;
}

.fd-fav-list-container {
  position: absolute;
  top: -1rem;
  z-index: 500;
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
  display: flex;
  flex-direction: column;
  max-width: 100%;
  background-color: var(--c-white);
  padding-top: 1rem;
}
.fd-fav-list-container div {
  padding: 0.25rem clamp(0.25rem, 2vw, 1.25rem);
  border-bottom: 1px solid var(--c-border_light);
}
.fd-fav-list-container .btn {
  font-size: 0.9rem !important;
  font-weight: 400;
  color: var(--c-font);
  margin: 0 auto 1rem;
}
.fd-fav-list-container .btn:hover {
  color: var(--c-font) !important;
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}

.fd-fav-list {
  padding-right: 1rem;
  padding-left: 0;
  margin-top: 0;
  list-style-type: none;
}
.fd-fav-list a {
  color: var(--c-link);
  font-size: 0.95rem !important;
  display: flex;
  line-height: 1.1;
}

.fd-fav-list-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fd-item-lists-list {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: auto 1fr auto;
  font-size: 0.95rem;
  color: var(--c-font_light);
}
.fd-item-lists-list .fd-row div {
  padding: 0.3rem;
  border-bottom: 1px solid var(--c-border_light);
}

.filter-h3 {
  display: none;
}

@media (min-width: 50rem) {
  .filter-h3 {
    display: block;
  }
  .fav-lst-container {
    display: flex;
    flex-wrap: wrap;
  }
  .fav-lst-filter {
    flex: 18rem 0 0;
    padding: 10px 2rem 0 1rem;
  }
  .fav-lst-content {
    flex: 18rem 1 0;
  }
  .filter-item label {
    white-space: nowrap;
    max-width: 170px;
  }
  .filter-list {
    max-height: 12rem;
    overflow-y: auto;
  }
}
.filter-container {
  padding: 0 1rem 2rem;
}

.filter-h3 {
  font-size: 1rem;
}

.filter-caption {
  cursor: pointer;
  padding: 0.5rem 0 0.5rem 1.5rem;
  background-repeat: no-repeat;
  background-size: 0.75rem;
  background-position: 0 center;
  font-weight: var(--font-weight_bold);
  font-size: 0.95rem;
}
.filter-caption:not(.open) {
  background-image: url(/icon/arrow-down.svg);
}
.filter-caption.open {
  background-image: url(/icon/arrow-up.svg);
}

.filter-list {
  margin-bottom: 1rem;
}

.filter-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: start;
}
.filter-item input {
  margin-right: 0.5rem;
  margin-left: 0;
  margin-top: 0.4rem;
}
.filter-item label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.fav-list-head {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
}
.fav-list-head > h1 {
  flex: 20rem 1 0;
}
.fav-list-head > div {
  flex: 20rem 1 0;
  text-align: right;
  padding: 0 1rem 0.4rem;
  white-space: nowrap;
}

.fav-list-table {
  width: 100%;
  margin-top: 8px;
}
.fav-list-table th {
  background-color: hsl(var(--c-bg_price-h), var(--c-bg_price-s), calc(var(--c-bg_price-l) * 1.8));
  font-size: 0.9rem;
  font-weight: var(--font-weight_bold);
  padding: 0.25rem 1rem;
}
.fav-list-table th.brdL {
  border-left: 1px solid var(--c-white);
}
.fav-list-table td {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--c-border_light);
}
.fav-list-table td:first-child {
  padding-right: 0;
  white-space: nowrap;
}
.fav-list-table td:last-child a {
  margin-left: 0.75rem;
}
.fav-list-table tr:hover td {
  background-color: hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.95));
}

.fav-lst-tags {
  font-size: 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fav_notlicensed {
  fill: hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.49));
}

.fav_licensed {
  fill: var(--c-success);
}

.fav_invalid {
  fill: var(--c-warning) !important;
}

.fav_privat {
  display: none;
}

.fav_shared {
  fill: hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.49));
}

.fav_shared_extern {
  fill: var(--c-bg_mid);
}

.fav-legend-head {
  margin: 2rem 0.75rem 0;
  font-size: 0.9rem;
  font-weight: var(--font-weight_bold);
}

.fav-legend {
  display: grid;
  font-size: 0.9rem;
  grid-template-columns: 2rem auto;
}
.fav-legend > div {
  padding: 0.25rem 0.75rem;
}
.fav-legend svg {
  margin: 0.7rem 0 0 0.75rem;
}

.fd-details {
  margin-bottom: 0.5rem;
}

.fd-itemlist-container {
  padding: 1rem clamp(0.25rem, 2vw, 3rem);
}
.fd-itemlist-container h1 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.fd-itemlist tr {
  border-bottom: 1px solid var(--c-border_light) !important;
}
.fd-itemlist tr i {
  font-weight: 400;
}
.fd-itemlist td {
  padding: 0.3rem !important;
  vertical-align: middle !important;
}

.fd-toolbar-tags {
  margin-top: 0 !important;
}

.fd-itemlist-detail {
  /*.fd-cond-edit {
      font-weight: 400;
  }*/
}
.fd-itemlist-detail h2 {
  padding-left: 0.5rem;
}

.fd-itemlist-msg {
  background-color: #FFF7E2;
  padding: 0.4rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  line-height: 1.3;
}
.fd-itemlist-msg i {
  color: var(--c-primary);
  padding-right: 4px;
}

.fd-item-head {
  background-color: var(--c-bg_light);
  margin: 1rem 0 0.5rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  font-size: 0.9rem;
}

.fd-item-pp {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding: 0.25rem 0.5rem 0.5rem;
}

.fd-item-pp-content {
  display: grid;
  grid-template-columns: auto auto auto;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.fd-itemlist-param {
  padding: 0.25rem 0 0.5rem;
}
.fd-itemlist-param > div {
  border-bottom: 1px solid var(--c-border_light);
}
.fd-itemlist-param > div:hover {
  background-color: var(--c-bg_body);
}

.fd-itemPopup-cond {
  font-size: 14px;
}
.fd-itemPopup-cond * {
  opacity: 0.9 !important;
}

.fd-itemPopup {
  padding-top: 0.5rem;
  font-size: 0.95rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px dashed var(--c-border);
  line-height: 1.4;
}

.fd-keywords {
  border-bottom: 1px solid var(--c-border_light);
}

.fd-keyword {
  display: grid;
  grid-template-columns: 1fr 1rem;
  grid-column-gap: 0.5rem;
}

@media (min-width: 40rem) {
  .fd-details {
    display: grid;
    grid-template-columns: 6rem 1fr;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
.fd-tags {
  padding: 1rem 0;
}

.fd-tags-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
}

.fd-tag {
  padding: 0 0.25rem;
  border: 1px dashed var(--c-border);
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.fd-tag > span {
  font-size: 0.9rem;
}
.fd-tag a {
  color: var(--c-font);
  padding-left: 0.25rem;
  display: flex;
  align-items: center;
}
.fd-tag a:hover {
  color: var(--c-primary);
}

.fd-created {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 0.5rem;
  line-height: 1.2;
  border-top: 1px solid var(--c-border_light);
  padding-top: 0.5rem;
  margin-top: 2rem;
  font-size: 0.8rem;
  color: var(--c-icon);
}

.fd-heatmap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 3rem;
  line-height: 1.4;
  padding-bottom: 1rem;
  border-bottom: 1px dashed var(--c-border);
}

.fd-heatmap-txt {
  padding: 1rem 0;
  border-bottom: 1px dashed var(--c-border);
  border-top: 1px dashed var(--c-border);
}

@media (max-width: 600px) {
  .fd-heatmap {
    grid-template-columns: 1fr;
  }
  .fd-heatmap-txt {
    order: 1;
  }
  .region-image-heatmap {
    order: 2;
  }
}
.fd-price-bar-container {
  padding: 1rem 1rem 2rem;
}

.fd-price-bar {
  width: 100%;
  height: 6px;
  position: relative;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  background: #efd9d9;
  background: linear-gradient(90deg, #efd9d9 0%, #990000 100%);
  /*background: linear-gradient(90deg,rgba(0, 145, 61, 1) 0%, rgba(255, 229, 0, 1) 51%, rgba(201, 0, 3, 1) 100%);*/
  /*border-radius: 3px;*/
  /*max-width: 300px;*/
}
.fd-price-bar:before {
  content: "";
  display: block;
  height: 1rem;
  width: 1px;
  background-color: #efd9d9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5020;
}
.fd-price-bar:after {
  content: "";
  display: block;
  height: 1rem;
  width: 1px;
  background-color: #990000;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5021;
}

.fd-bar-active {
  position: absolute;
  display: inline-block;
  font-size: 1.2rem !important;
  top: -1.4rem;
  transform: translateX(-50%);
  color: #990000;
}

.fd-bar-fix-active {
  position: absolute;
  display: inline-block;
  transform: translateX(-50%);
  width: 4px;
  background-color: #000;
  height: 20px;
  top: -0.75rem;
}

.fd-bar-fix-active__custom {
  display: inline-block;
  width: 4px;
  background-color: #000;
  height: 20px;
  top: -0.75rem;
}

.fd-bar-min {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: -2px;
  left: -2px;
  background-color: green;
}

.fd-bar-mid {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: -4px;
  left: -4px;
  background-color: blue;
}

.fd-bar-max {
  position: absolute;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: -2px;
  right: -2px;
  background-color: var(--c-primary);
}

.fd-price-bar-label {
  width: 100%;
  position: relative;
}

.fd-bar-label-min {
  position: absolute;
  left: 0;
  padding-top: 0.75rem;
}

.fd-bar-label-max {
  position: absolute;
  text-align: right;
  right: 0;
  color: var(--c-primary);
  padding-top: 0.75rem;
}

.fd-bar-label-mid {
  position: absolute;
  margin-left: 16px;
  text-align: right;
  color: blue;
}

.fd-bar-label-active {
  font-size: 0.9rem;
  position: absolute;
  transform: translateX(-50%);
  top: -3.5rem;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
  /*padding: 0.2em;
  background: var(--c-marker);
  box-shadow: 0.1em 0 0 var(--c-marker), -0.1em 0 0 var(--c-marker);*/
}

.fd-price-bar-mask {
  background: repeating-linear-gradient(to right, #fff, #fff 1px, transparent 1px, transparent 24px);
  width: 100%;
  height: 6px;
  position: relative;
  z-index: 5000;
}

.fd-disabled {
  color: #e0e0e0;
  cursor: default;
}

.region-image-heatmap svg g {
  cursor: default !important;
}

.fd-bar-custom {
  position: relative;
}

.fd-bar-label-active__custom {
  font-size: 0.9rem;
  position: absolute;
  transform: translateX(-50%);
  top: -2.5rem;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  overflow: visible;
}

.help-icon {
  fill-rule: evenodd;
  clip-rule: evenodd;
  stroke-linejoin: round;
  stroke-miterlimit: 2;
  height: 12px;
  display: inline-block;
  margin-left: 0.25rem;
}
.help-icon path {
  fill-rule: nonzero;
  fill: var(--c-white);
}

.help_caption {
  font-size: 1.3rem;
  font-weight: var(--font-weight_bold);
  padding: 0 1rem 1rem 1rem;
}

.help-categories {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.help-categories li {
  padding: 0;
  margin: 0;
}
.help-categories a {
  display: block;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--c-border_light);
  font-weight: var(--font-weight_bold);
  font-size: 0.95rem;
  color: var(--c-black);
}
.help-categories ul a {
  font-weight: var(--font-weight);
}
.help-categories .active {
  color: var(--c-primary);
}

.help-topic-caption {
  border-bottom: 1px solid var(--c-border_light);
  margin-bottom: 1.25rem;
}

.help-topic-img {
  height: 24px;
  margin-right: 0.5rem;
}

.help-overview {
  text-align: center;
}
.help-overview > a {
  display: block;
  flex-basis: calc(33% - 2rem);
  padding: 1rem;
  border: 1px solid var(--c-border_light);
}
.help-overview img {
  height: 50px;
}

.help-form {
  padding: 1rem 0;
  border: 1px solid var(--c-border_light);
  background-color: var(--c-white);
}
.help-form .field {
  margin: 0 16px 32px !important;
}

@media (max-width: calc(50rem - 1px)) {
  .help-categories a {
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 40rem) {
  .help-content {
    padding-left: 1rem;
  }
  .help-form {
    margin: 0 1rem;
  }
  .help-overview {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
  }
  .help-overview > a {
    display: block;
    flex: calc(33% - 1rem) 1 1;
    margin: 0 1rem 1rem 0;
    background-color: var(--c-bg_light);
  }
  .help-overview > a:first-child {
    flex: calc(100% - 1rem) 0 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .help-overview > a:first-child img {
    height: 60px;
    text-align: right;
    padding-right: 1rem;
  }
  .help-overview > a:first-child .help-ovw-caption {
    text-align: left;
    font-size: 1.3rem !important;
  }
}
.help-ovw-caption {
  display: block;
  font-size: 1.1rem;
  font-weight: var(--font-weight_bold);
  color: var(--c-black);
}

/*.selected {
  color: red !important;
}*/
/*.comp-node-list {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
}

.comp-node-element {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: darkgray;
}

.comp-node-service {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: lawngreen;
}*/
/*.testtree {
	ul {
		list-style-type: none !important;
		margin-left: -40px;
	}

	ol {
		counter-reset: item;
		padding-left: 15px;

		ul > li {
			padding-bottom: 9px;
		}

		> li {
			display: block;
			position: relative;

			&:before {
				content: counters(item, ".") " ";
				counter-increment: item;
				left: -49px;
				width: 40px;
				display: inline-block;
				position: absolute;
			}
		}

		div {
			display: inline-block;
		}
	}

	> ol {
		padding-left: 0 !important;

		> li {
			padding-bottom: 9px;

			&:before {
				font-weight: 400;
			}
		}
	}
}*/
/*.testcaption {
	color: var(--c-link);
	cursor: pointer;
}

.r-switch-lbl_bs-mode {
	display: block;
	position: relative;
	z-index: 1;
	margin: 1rem 0 0 4rem;
	padding: .2rem;
	transition: background-color 200ms ease-in-out;
	width: 3rem;
	height: 1.6rem;
	border-radius: 2rem;
	text-align: center;
	background-color: var(--c-bg_light);
	box-shadow: -4px 4px 15px inset rgba(0, 0, 0, 0.1);
	border: 2px solid var(--c-border_focus);
	cursor: pointer;


	&::before,
	&::after {
		position: absolute;
		transform: translate3d(0, -50%, 0);
		top: 50%;
		cursor: pointer;
	}

	&::before {
		content: 'Leistung frei konfigurieren';
		right: 100%;
		margin-right: 10px;
		color: var(--c-primary);
	}

	&::after {
		content: 'Leistung immer automatisch vervollständigen';
		left: 100%;
		margin-left: 10px;
		color: var(--c-font);
	}

	span {
		position: absolute;
		bottom: calc(100% + 10px);
		left: 0;
		width: 100%;
	}

	span::after {
		position: absolute;
		top: .73rem;
		left: .15rem;
		width: 1.1rem;
		height: 1.1rem;
		content: '';
		border-radius: 1.3rem;
		background-color: var(--c-primary);
		transition: transform 200ms, background-color 200ms;
		box-shadow: -3px 3px 8px rgba(0, 0, 0, 0.1);
	}
}

.r-switch:checked {
	~ .r-switch-lbl_bs-mode {
		background-color: var(--c-bg_light);

		&::before {
			color: var(--c-font);
		}

		&::after {
			color: var(--c-primary);
		}

		span::after {
			transform: translate3d(1.4rem, 0, 0);
		}
	}

	~ .map {
		display: none;
	}

	~ .lst {
		display: block;
	}
}*/
.account-overlay-bg {
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.catalog-img {
  max-height: 16px;
}

.fd-search-result-header-active {
  color: var(--c-primary);
  border-bottom: 2px solid var(--c-primary);
}

.fd-disabled {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

.dx-texteditor-with-floating-label.dx-editor-outlined .dx-tag-container.dx-texteditor-input-container {
  padding-top: 0px !important;
}

.dx-texteditor-input {
  border: unset !important;
}

.fd-link-disabled span {
  opacity: 0.5;
  color: #000;
}

@font-face {
  font-family: "bpl-icons";
  src: url("icons/bpl-icons.eot?t=1763138704647"); /* IE9*/
  src: url("icons/bpl-icons.eot?t=1763138704647#iefix") format("embedded-opentype"), url("icons/bpl-icons.woff2?t=1763138704647") format("woff2"), url("icons/bpl-icons.woff?t=1763138704647") format("woff"), url("icons/bpl-icons.ttf?t=1763138704647") format("truetype"), url("icons/bpl-icons.svg?t=1763138704647#bpl-icons") format("svg"); /* iOS 4.1- */
}
[class^=bpl-icon-], [class*=" bpl-icon-"] {
  font-family: "bpl-icons" !important;
  font-size: inherit;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bpl-icon-account-outline:before {
  content: "\ea01";
}

.bpl-icon-arrow-down-small:before {
  content: "\ea02";
}

.bpl-icon-arrow-left:before {
  content: "\ea03";
}

.bpl-icon-arrow-right-small:before {
  content: "\ea04";
}

.bpl-icon-arrow-right:before {
  content: "\ea05";
}

.bpl-icon-arrow-up-small:before {
  content: "\ea06";
}

.bpl-icon-bars:before {
  content: "\ea07";
}

.bpl-icon-bars2:before {
  content: "\ea08";
}

.bpl-icon-be:before {
  content: "\ea09";
}

.bpl-icon-bl:before {
  content: "\ea0a";
}

.bpl-icon-bnl-logo:before {
  content: "\ea0b";
}

.bpl-icon-bnl:before {
  content: "\ea0c";
}

.bpl-icon-bookmark-plus:before {
  content: "\ea0d";
}

.bpl-icon-bookmark:before {
  content: "\ea0e";
}

.bpl-icon-bookmarks:before {
  content: "\ea0f";
}

.bpl-icon-bubble-dots:before {
  content: "\ea10";
}

.bpl-icon-calculate:before {
  content: "\ea11";
}

.bpl-icon-check:before {
  content: "\ea12";
}

.bpl-icon-clipboard:before {
  content: "\ea13";
}

.bpl-icon-clock:before {
  content: "\ea14";
}

.bpl-icon-close:before {
  content: "\ea15";
}

.bpl-icon-config:before {
  content: "\ea16";
}

.bpl-icon-dashboard:before {
  content: "\ea17";
}

.bpl-icon-donat-plus:before {
  content: "\ea18";
}

.bpl-icon-donat:before {
  content: "\ea19";
}

.bpl-icon-download:before {
  content: "\ea1a";
}

.bpl-icon-euro:before {
  content: "\ea1b";
}

.bpl-icon-eye:before {
  content: "\ea1c";
}

.bpl-icon-faq:before {
  content: "\ea1d";
}

.bpl-icon-find-check:before {
  content: "\ea1e";
}

.bpl-icon-folder:before {
  content: "\ea1f";
}

.bpl-icon-grid:before {
  content: "\ea20";
}

.bpl-icon-history:before {
  content: "\ea21";
}

.bpl-icon-home:before {
  content: "\ea22";
}

.bpl-icon-image:before {
  content: "\ea23";
}

.bpl-icon-info:before {
  content: "\ea24";
}

.bpl-icon-lamp:before {
  content: "\ea25";
}

.bpl-icon-list:before {
  content: "\ea26";
}

.bpl-icon-local:before {
  content: "\ea27";
}

.bpl-icon-locked:before {
  content: "\ea28";
}

.bpl-icon-mail:before {
  content: "\ea29";
}

.bpl-icon-paragraph:before {
  content: "\ea2a";
}

.bpl-icon-pdf:before {
  content: "\ea2b";
}

.bpl-icon-question:before {
  content: "\ea2c";
}

.bpl-icon-refresh:before {
  content: "\ea2d";
}

.bpl-icon-remove:before {
  content: "\ea2e";
}

.bpl-icon-save-plus:before {
  content: "\ea2f";
}

.bpl-icon-save:before {
  content: "\ea30";
}

.bpl-icon-share:before {
  content: "\ea31";
}

.bpl-icon-similar:before {
  content: "\ea32";
}

.bpl-icon-table:before {
  content: "\ea33";
}

.bpl-icon-tree:before {
  content: "\ea34";
}

.bpl-icon-warning:before {
  content: "\ea35";
}

.bpl-icon-zoom-in:before {
  content: "\ea36";
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
  padding: 1rem;
  /*color: #ffffff;*/
  display: inline-block;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.12), 0 10px 36px -4px rgba(77, 96, 232, 0.3);
  /*background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
  background: linear-gradient(135deg, #73a5ff, #5477f5);*/
  position: fixed;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none;
  /*max-width: calc(50% - 20px);*/
  width: 90%;
  max-width: 600px;
  z-index: 2147483647;
  display: grid;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  align-items: start;
  font-size: 0.95rem;
  line-height: 1.4;
}

.toastify.on {
  opacity: 1;
}

.toast-close {
  background: transparent;
  border: 0;
  color: #000;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.3em;
  line-height: 1;
  padding: 1rem;
}

.toastify-right {
  right: 15px;
}

.toastify-left {
  left: 15px;
}

.toastify-top {
  top: -150px;
}

.toastify-bottom {
  bottom: -150px;
}

.toastify-rounded {
  border-radius: 25px;
}

.toastify-avatar {
  width: 1.5em;
  height: 1.5em;
  /*margin-top: .3rem;*/
  /*margin: -7px 5px;
  border-radius: 2px;*/
}

.toastify-center {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  max-width: fit-content;
  max-width: -moz-fit-content;
}

.fd-toast-error {
  color: #842029;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
}

.fd-toast-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border: 1px solid #badbcc;
}

.fd-toast-warning {
  color: #0f5132;
  background-color: gold;
  border: 1px solid #badbcc;
}

@media only screen and (max-width: 360px) {
  .toastify-right, .toastify-left {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}