@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;*/
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.footer-static {
  border-top: 1px dashed var(--c-bg_mid);
}

.footer-toggle {
  display: none;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[data-whatintent=mouse] *, [data-whatintent=mouse] *:focus,
[data-whatintent=touch] *,
[data-whatintent=touch] *:focus,
[data-whatinput=mouse] *,
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *,
[data-whatinput=touch] *:focus {
  outline: none;
}

[draggable=false] {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=80em&xxlarge=90em";
}

html {
  box-sizing: border-box;
  font-size: 1rem;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: var(--font);
  font-weight: var(--font-weight);
  line-height: 1.5;
  color: var(--c-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: var(--font-weight_bold);
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: var(--font-weight);
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  line-height: 0;
  color: hsl(0, 0%, 79%);
}

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3, .h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2.5rem;
  }
  h3, .h3 {
    font-size: 1.9375rem;
  }
  h4, .h4 {
    font-size: 1.5625rem;
  }
  h5, .h5 {
    font-size: 1.25rem;
  }
  h6, .h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: black;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid hsl(0, 0%, 79%);
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: var(--font-weight_bold);
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid hsl(0, 0%, 79%);
}
blockquote, blockquote p {
  line-height: 1.6;
  color: hsl(0, 0%, 54%);
}

abbr, abbr[title] {
  border-bottom: 1px dotted hsl(0, 0%, 4%);
  cursor: help;
  text-decoration: none;
}

figure {
  margin: 0;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: hsl(0, 0%, 90%);
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: hsl(0, 0%, 4%);
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight);
  line-height: 1.4;
  color: hsl(0, 0%, 54%);
}

.lead {
  font-size: 1.25rem;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

ul.no-bullet, ol.no-bullet {
  margin-left: 0;
  list-style: none;
}

.cite-block, cite {
  display: block;
  color: hsl(0, 0%, 54%);
  font-size: 0.8125rem;
}
.cite-block:before, cite:before {
  content: "— ";
}

.code-inline, code {
  border: 1px solid hsl(0, 0%, 79%);
  background-color: hsl(0, 0%, 90%);
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: var(--font-weight);
  color: hsl(0, 0%, 4%);
  display: inline;
  max-width: 100%;
  word-wrap: break-word;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

.code-block {
  border: 1px solid hsl(0, 0%, 79%);
  background-color: hsl(0, 0%, 90%);
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: var(--font-weight);
  color: hsl(0, 0%, 4%);
  display: block;
  overflow: auto;
  white-space: pre;
  padding: 1rem;
  margin-bottom: 1.5rem;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media print, screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    -webkit-print-color-adjust: economy;
            print-color-adjust: economy;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid hsl(0, 0%, 54%);
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid hsl(0, 0%, 79%);
  border-radius: 0;
  background-color: #fff;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: var(--font-weight);
  line-height: 1.5;
  color: hsl(0, 0%, 4%);
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid hsl(0, 0%, 54%);
  background-color: #fff;
  box-shadow: 0 0 5px hsl(0, 0%, 79%);
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: hsl(0, 0%, 90%);
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

::-moz-placeholder {
  color: hsl(0, 0%, 79%);
}

::placeholder {
  color: hsl(0, 0%, 79%);
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.5rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: var(--font-weight);
  line-height: 1.8;
  color: hsl(0, 0%, 4%);
}
label.middle {
  margin: 0 0 1rem;
  line-height: 1.5;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: hsl(0, 0%, 4%);
}

.input-group {
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0 0 0 0;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid hsl(0, 0%, 79%);
  background: hsl(0, 0%, 90%);
  color: hsl(0, 0%, 4%);
  text-align: center;
  white-space: nowrap;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: flex;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid hsl(0, 0%, 79%);
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
}

select {
  height: 2.4375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid hsl(0, 0%, 79%);
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: var(--font-weight);
  line-height: 1.5;
  color: hsl(0, 0%, 4%);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%28138, 138, 138%29"></polygon></svg>');
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid hsl(0, 0%, 54%);
  background-color: #fff;
  box-shadow: 0 0 5px hsl(0, 0%, 79%);
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: hsl(0, 0%, 90%);
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: hsl(27, 98%, 54%);
  background-color: #fef1e7;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: hsl(27, 98%, 54%);
}
.is-invalid-input:not(:focus)::placeholder {
  color: hsl(27, 98%, 54%);
}

.is-invalid-label {
  color: hsl(27, 98%, 54%);
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: var(--font-weight_bold);
  color: hsl(27, 98%, 54%);
}
.form-error.is-visible {
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .show-for-medium {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.99875em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em) {
  .show-for-large {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) and (max-width: 79.99875em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.99875em), screen and (min-width: 80em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

.show-for-dark-mode {
  display: none;
}

.hide-for-dark-mode {
  display: block;
}

@media screen and (prefers-color-scheme: dark) {
  .show-for-dark-mode {
    display: block !important;
  }
  .hide-for-dark-mode {
    display: none !important;
  }
}
.show-for-ie {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .show-for-ie {
    display: block !important;
  }
  .hide-for-ie {
    display: none !important;
  }
}
.show-for-sticky {
  display: none;
}

.is-stuck .show-for-sticky {
  display: block;
}

.is-stuck .hide-for-sticky {
  display: none;
}

.font-wide {
  letter-spacing: 0.25rem;
}

.font-normal {
  font-weight: var(--font-weight);
}

.font-bold {
  font-weight: var(--font-weight_bold);
}

.font-italic {
  font-style: italic !important;
}

.slide-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  transform: translateY(100%);
}

.slide-out-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(90deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(90deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateX(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotateY(-90deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: perspective(2000px) rotate(0deg);
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}
@keyframes shake-7 {
  0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
    transform: translateX(7%);
  }
  5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }
  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-ccw-1turn;
}
@keyframes spin-ccw-1turn {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(-1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
  40%, 50%, 60% {
    transform: rotate(7deg);
  }
  35%, 45%, 55%, 65% {
    transform: rotate(-7deg);
  }
  0%, 30%, 70%, 100% {
    transform: rotate(0);
  }
}

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  animation-duration: 500ms;
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

[data-mce-bogus] {
  display: none;
}

main {
  width: 100%;
  margin: 1px auto 5rem;
  font-size: 1rem;
  /*font-size: clamp(1rem, 2.5vw, 1.2rem);*/
}

header {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 400;
}

.font-small {
  font-size: clamp(0.9rem, 1.4vw, 1rem);
}

p {
  max-width: 80ch;
  margin: 0 auto 1rem;
}

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  color: var(--c-link);
}
a:hover {
  text-decoration: underline;
}

.btn {
  font-size: clamp(1rem, 2.5vw, 1.2rem);
}

.dx-placeholder {
  display: none;
}

.bg-lightgrey {
  background-color: var(--c-bg_body);
}

.marker-short_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;
  pointer-events: none;
  background-size: 100% 100%;
}

.marker-short_grey {
  display: inline-block;
  padding: 0 0.25rem;
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/cbcabd55-5455-4054-bd8b-8aa2c018c8d4-marker-grey.svg);
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  background-size: 100% 100%;
}

.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%;
}

.marker-underline_grey {
  display: inline-block;
  padding: 0 0.25rem;
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/cbcabd55-5455-4054-bd8b-8aa2c018c8d4-marker-grey.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  pointer-events: none;
  background-size: 100% 30%;
}

.back-to-top {
  opacity: 0;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 100000;
  width: 32px;
  height: 32px;
  border-radius: 15px;
  background: var(--c-font);
  color: #fefefe;
  transition: opacity 0.2s ease-in-out;
  text-align: center;
  transform: rotate(-90deg);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.back-to-top:after {
  font-size: 32px;
  content: "»";
  display: inline-block;
  margin-top: 12px;
  line-height: 0;
}
.back-to-top:hover {
  background: var(--c-link);
  color: #fefefe;
}

.show-back-to-top {
  transition: all 0.2s ease-in-out;
  opacity: 1;
}

.zoom-img {
  margin-bottom: 1rem;
  background-color: var(--c-bg_light);
  border: 0;
}
.zoom-img ::before {
  background-color: var(--c-link);
}

.zoom-img {
  position: relative;
}

.zoom-img::before {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background-color: var(--c-border);
  background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNOS4zNiw3LjcwN2wtMS4wNjcsLTEuMDY3bDQuMTg3LC00LjE4N2wtMi43NiwwbC0wLC0xLjUwOWw1LjMzNiwtMGwwLDUuMzM2bC0xLjUwOSwwbC0wLC0yLjc2bC00LjE4Nyw0LjE4N1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PHBhdGggZD0iTTYuNjQsOC4yOTNsMS4wNjcsMS4wNjdsLTQuMTg3LDQuMTg3bDIuNzYsLTBsMCwxLjUwOWwtNS4zMzYsMGwtMCwtNS4zMzZsMS41MDksLTBsMCwyLjc2bDQuMTg3LC00LjE4N1oiIHN0eWxlPSJmaWxsOiNmZmY7Ii8+PC9zdmc+");
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.zoom-img:hover {
  border: 1px solid var(--c-border);
}

.zoom-img:hover::before {
  background-color: var(--c-link);
}

hr {
  border-bottom: 4px solid var(--c-bg_grey) !important;
  width: 100%;
  max-width: 80rem !important;
  margin: 3.5rem auto;
}

.fd-col_2 {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  -moz-column-width: 240px;
       column-width: 240px;
}

.ul-p {
  max-width: 80ch;
  margin: 0 auto 1rem;
}

.tobii__slide figure > figcaption {
  font-size: 1rem;
  line-height: 1.3;
}

/*hr {
    &::before {
        content:"xxx";
    }
}*/
/*
.container {
    @include xy-grid-container(rem-calc(1900), 0);
}

.button {
    @include button;

    &:hover {
        color: scale-color($button-color, $lightness: -30%);
    }
}

.button:disabled {
    @include button-disabled;
}


.single-info-line {
    font-size: 1.8rem;
    text-align: center;
    font-weight: $global-weight-bold;

    &:before {
        content: "";
        height: 1px;
        display: block;
        text-align: center;
        border-top: 1px solid $border-color;
        margin: 0 auto;
        padding-bottom: 10px;
    }

    &:after {
        content: "";
        height: 1px;
        display: block;
        text-align: center;
        border-bottom: 1px solid $border-color;
        margin: 0 auto;
        padding-top: 10px;
        @include gutter-after-block;
    }
}

.small-block {
    width: 50%;
    text-align: justify;
    @include center-block;
}

.button {
    &.large {
        font-size: 1.3rem;
    }
}

ul.link-boxes {
    @include xy-grid;
    @include xy-gutters(( small: 20px, medium: 60px, large: 100px ));
    @include xy-gutters(0, margin, top);
    @include xy-gutters(( small: 20px, medium: 40px, large: 60px ), margin, bottom);
    list-style-type: none;
    justify-content: center;

    li {
        font-size: 1.5rem;
        text-align: center;
        max-width: 350px;
        @include xy-cell(auto);
        @include xy-gutters(( small: 20px, medium: 40px, large: 60px), margin, right left bottom);
        @include xy-gutters(( small: 20px, medium: 60px, large: 70px), padding, right top left bottom);
        @include card-container(#fff, #333333, 0, 1px solid $border-color, $card-border-radius, 0px 4px 5px 2px #888);
    }

    a {
        display: block;
        font-size: 2.25rem;
        font-weight: $global-weight-bold;
        line-height: 2.8rem;
        margin-top: 10px;

        &:after {
            content: " \BB";
        }
    }
}

*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.top-bar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  flex-wrap: wrap;
}
.top-bar,
.top-bar ul {
  background-color: #fff;
}
.top-bar input {
  max-width: 200px;
  margin-right: 1rem;
}
.top-bar .input-group-field {
  width: 100%;
  margin-right: 0;
}
.top-bar input.button {
  width: auto;
}
.top-bar .top-bar-left,
.top-bar .top-bar-right {
  flex: 0 0 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    flex-wrap: nowrap;
  }
  .top-bar .top-bar-left {
    flex: 1 1 auto;
    margin-right: auto;
  }
  .top-bar .top-bar-right {
    flex: 0 1 auto;
    margin-left: auto;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .top-bar.stacked-for-medium {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-medium .top-bar-left,
  .top-bar.stacked-for-medium .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media print, screen and (max-width: 79.99875em) {
  .top-bar.stacked-for-large {
    flex-wrap: wrap;
  }
  .top-bar.stacked-for-large .top-bar-left,
  .top-bar.stacked-for-large .top-bar-right {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.top-bar-title {
  flex: 0 0 auto;
  margin: 0.5rem 1rem 0.5rem 0;
}

.top-bar-left,
.top-bar-right {
  flex: 0 0 auto;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  flex-wrap: wrap;
  flex-direction: row;
}
.menu.vertical {
  flex-wrap: nowrap;
  flex-direction: column;
}
.menu.vertical.icon-top li a img,
.menu.vertical.icon-top li a i,
.menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img,
.menu.vertical.icon-bottom li a i,
.menu.vertical.icon-bottom li a svg {
  text-align: left;
}
.menu.expanded li {
  flex: 1 1 0px;
}
.menu.expanded.icon-top li a img,
.menu.expanded.icon-top li a i,
.menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img,
.menu.expanded.icon-bottom li a i,
.menu.expanded.icon-bottom li a svg {
  text-align: left;
}
.menu.simple {
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.medium-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.large-horizontal {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .menu.large-vertical {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .menu.large-expanded li {
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: flex;
}
.menu.icon-left li a, .menu.nested.icon-left li a {
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg, .menu.nested.icon-left li a img,
.menu.nested.icon-left li a i,
.menu.nested.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a, .menu.nested.icon-right li a {
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg, .menu.nested.icon-right li a img,
.menu.nested.icon-right li a i,
.menu.nested.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a, .menu.nested.icon-top li a {
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg, .menu.nested.icon-top li a img,
.menu.nested.icon-top li a i,
.menu.nested.icon-top li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a, .menu.nested.icon-bottom li a {
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img,
.menu.nested.icon-bottom li a i,
.menu.nested.icon-bottom li a svg {
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: hsl(0, 91%, 50%);
  color: hsl(0, 0%, 4%);
}
.menu .active > a {
  background: hsl(0, 91%, 50%);
  color: hsl(0, 0%, 4%);
}
.menu.align-left {
  justify-content: flex-start;
}
.menu.align-right li {
  display: flex;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right.icon-top li a img,
.menu.align-right.icon-top li a i,
.menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img,
.menu.align-right.icon-bottom li a i,
.menu.align-right.icon-bottom li a svg {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: flex;
  justify-content: center;
}
.menu.align-center li .submenu li {
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  justify-content: center;
}
.menu-centered > .menu li {
  display: flex;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.menu-icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
  content: "";
}
.menu-icon:hover::after {
  background: hsl(0, 0%, 79%);
  box-shadow: 0 7px 0 hsl(0, 0%, 79%), 0 14px 0 hsl(0, 0%, 79%);
}

.menu-icon.dark {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  cursor: pointer;
}
.menu-icon.dark::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: hsl(0, 0%, 4%);
  box-shadow: 0 7px 0 hsl(0, 0%, 4%), 0 14px 0 hsl(0, 0%, 4%);
  content: "";
}
.menu-icon.dark:hover::after {
  background: hsl(0, 0%, 54%);
  box-shadow: 0 7px 0 hsl(0, 0%, 54%), 0 14px 0 hsl(0, 0%, 54%);
}

.title-bar {
  padding: 0.5rem;
  background: hsl(0, 0%, 4%);
  color: #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.title-bar .menu-icon {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.title-bar-left,
.title-bar-right {
  flex: 1 1 0px;
}

.title-bar-right {
  text-align: right;
}

.title-bar-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
}

@media print, screen and (max-width: 39.99875em) {
  .no-js .top-bar {
    display: none;
  }
}
@media print, screen and (min-width: 40em) {
  .no-js .title-bar {
    display: none;
  }
}

.main-search {
  margin-bottom: 0;
  margin-right: 1.4rem;
}
.main-search .button-search {
  width: 45px;
  border: 1px solid hsl(0, 0%, 79%);
  background-repeat: no-repeat;
  background-color: #000;
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAAAz1BMVEX////w8PAKCgqPj4/9/f0FBQUODg4AAADz8/P29vYjIyMrKyv4+Pjm5ub6+vrd3d01NTWUlJQ8PDyGhobs7Ozq6upYWFgZGRkeHh4TExPQ0NBcXFwnJyeenp67u7vR0dHKysrW1tZDQ0OioqJycnLh4eFAQEClpaWZmZn19fW2tra4uLja2touLi5MTEzGxsaKiopeXl5VVVVvb2+CgoJnZ2dra2t1dXVSUlK0tLSAgIBQUFAyMjJkZGR7e3tHR0fT09PAwMDDw8OFhYWpqakg1U1KAAABgklEQVR42n3SVZqkMBiF4YP+uJW7tuu4++x/Tc0hJQH64bt+44FomUERTqTZmRTPKZjxf2i+SrI/OBf/cFrEsVBvPW4Q9xbN4qxGnCWY70XTxZPne2pLgU6qVWx/Ma92MP7p2yjbuGdSVFP0t3Is3FQT5Wfyl3OkrpxzvkQAkuBIttUk30VvYqDs+khyAF5P6n27ATBwDiTmJI40WqGsUGRU3ZQ0s3iqvSIZN2u1yJC7eVbkkdc0bJGA575S5Bd3O2uROclCkQculLfIjKSnyARlqxbJud2PishvAJHZJPcoCw/kH+/luiHecJ1UDiQEzWVNjCnw/kjkihuOR5ownxIAffdEgoi70Q5exD7U3SrChcG8u63LGbJcfamBqRGxwBIjiZdpYvhQ7XQiX/FaPZ3I2z707A3YB52I2/PP4vbBWVby8UyY+Xk3HcC7v3s35pApzU2miJ4jx0YXNIPgTNqFBk066SByGdGszQ4iQ15hP+wi8gm4mEsnEWs1EpKu+GovNNIm7Bo/boUAAAAASUVORK5CYII=);
}

.shopping-basket-filled {
  font-weight: var(--font-weight_bold);
}

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

h1 {
  font-size: clamp(28px, 4vw, 46px);
  margin: 0 1rem 1rem;
  text-align: center;
}

h2 {
  text-align: center;
  margin-bottom: 3rem !important;
  font-size: clamp(1.375rem, 0.6786rem + 3.0952vw, 3rem) !important;
  max-width: 28ch;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  font-size: clamp(20px, 1.5vw, 24px);
}

h3, h4 {
  margin: 0 auto 1rem !important;
  max-width: 700px;
}

/*.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-banner {
  position: relative;
  margin-bottom: 4rem;
  padding-top: max(2%, 1rem);
  padding-bottom: max(2%, 1rem);
}
.fd-banner .blocks-items {
  padding: 1.5rem max(3%, 1rem) 1rem;
  margin: 0 auto;
  border: 1px solid var(--c-border_light);
  background-color: var(--c-bg_light);
}

.fd-banner .blocks-items {
  border: 1px solid var(--c-border_light);
  background-color: var(--c-bg_light);
}
.fd-banner .row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  align-items: center;
}
.fd-banner .footnote {
  font-size: 0.85rem;
  padding-top: 0.5em;
  border-top: 1px dotted var(--c-border);
}

.btn.outside {
  position: absolute;
  bottom: 1rem;
  right: 50%;
  transform: translate(50%, 1rem);
  margin-right: 0;
  margin-bottom: 0;
  max-width: calc(100% - 2rem);
  font-weight: var(--font-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.underline_stroke {
  display: inline-block;
  position: relative;
  margin-bottom: 1rem;
}
.underline_stroke::after {
  content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1199 68' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3CclipPath id='_clip1'%3E%3Cpath d='M7.968 6.108c-5.217 9.933 20.03 12.238 50.29 14.059c30.259 1.821 65.54 3.159 105.833 3.996c40.302 0.845 85.607 1.18 115.335 1.152c29.729 -0.028 39.967 -0.121 49.377 -0.232c9.39 -0.103 17.952 -0.223 25.685 -0.353c7.732 -0.13 14.626 -0.27 35.858 -0.883c21.232 -0.623 53.783 -1.617 81.005 -2.407c27.222 -0.79 49.125 -1.394 65.717 -1.775c16.593 -0.39 27.847 -0.594 48.436 -0.938c20.598 -0.335 53.419 -0.911 85.253 -1.431c31.843 -0.53 62.708 -0.994 92.576 -1.413c29.878 -0.427 58.777 -0.78 77.856 -1.022c19.08 -0.241 29.151 -0.437 39.529 -0.632c10.369 -0.195 21.037 -0.399 31.974 -0.622c10.937 -0.233 22.154 -0.474 34.694 -0.744c12.558 -0.278 25.368 -0.566 36.874 -0.855c11.515 -0.278 21.753 -0.52 30.688 -0.762c8.925 -0.232 16.583 -0.446 27.352 -0.771c10.77 -0.316 24.726 -0.78 37.536 -1.208c12.819 -0.427 24.455 -0.845 34.945 -1.245c10.481 -0.399 19.788 -0.79 26.523 -1.059c6.736 -0.26 11.515 -0.409 16.071 -0.539c4.565 -0.14 8.906 -0.26 12.745 -0.595c3.847 -0.344 6.857 -1.161 8.04 -0.557c1.183 0.613 18.353 14.588 19.555 13.13c-0 0 -4.025 -0.121 -8.786 -0.67c-4.77 -0.529 -8.981 -0.436 -13.425 -0.334c-4.434 0.111 -9.083 0.232 -13.937 0.381c-4.844 0.149 -13.415 0.511 -23.151 0.883c-9.726 0.371 -20.626 0.752 -32.672 1.161c-12.055 0.409 -25.266 0.827 -39.641 1.264c-14.384 0.437 -21.176 0.632 -29.281 0.827c-8.096 0.204 -17.477 0.437 -28.144 0.688c-10.667 0.251 -22.658 0.501 -35.905 0.799c-13.248 0.288 -24.67 0.529 -35.821 0.743c-11.152 0.214 -22.006 0.437 -32.57 0.632c-10.574 0.204 -20.859 0.381 -30.874 0.548c-10.015 0.158 -38.272 0.484 -67.516 0.837c-29.253 0.353 -59.465 0.78 -90.666 1.254c-31.191 0.483 -63.388 1.004 -96.554 1.58c-33.166 0.585 -40.87 0.659 -53.876 0.938c-13.015 0.288 -31.359 0.762 -55.031 1.422c-23.673 0.66 -52.675 1.515 -86.977 2.592c-34.312 1.06 -40.647 1.208 -47.821 1.348c-7.173 0.139 -15.185 0.26 -24.017 0.372c-8.85 0.12 -18.53 0.223 -29.02 0.325c-10.5 0.111 -59.112 0.121 -102.694 -0.344c-43.581 -0.465 -82.142 -1.413 -115.68 -2.853c-33.539 -1.44 -62.065 -3.373 -73.767 -3.782c-4.751 -8.92 -28.889 -14.403 -21.921 -22.905Z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip1)'%3E%3Crect x='-0' y='3.668' width='1198.71' height='33.445' style='fill-rule:nonzero%3B'/%3E%3C/g%3E%3CclipPath id='_clip2'%3E%3Cpath d='M123.423 48.055c1.781 -3.047 -4.671 -3.279 -9.295 -2.814c-4.615 0.457 -8.055 0.811 -10.32 1.063c-2.266 0.242 -3.338 0.391 -3.646 0.475c-0.298 0.093 -11.299 -13.465 -10.395 -13.437c0.895 0.028 2.518 0.01 4.858 -0.056c2.34 -0.065 5.397 -0.177 12.651 -0.577c7.244 -0.401 20.715 -1.212 37.916 -2.32c17.21 -1.109 38.14 -2.516 62.827 -4.184c24.687 -1.668 53.131 -3.597 73.044 -4.948c19.905 -1.351 28.854 -1.92 37.898 -2.479c9.043 -0.559 18.17 -1.109 27.409 -1.63c9.239 -0.522 18.562 -1.053 29.758 -1.668c11.197 -0.625 26.282 -1.379 44.489 -2.171c18.217 -0.802 39.51 -1.687 63.927 -2.609c24.417 -0.923 51.928 -1.929 78.592 -2.833c26.663 -0.913 48.936 -1.621 68.97 -2.227c20.045 -0.606 37.879 -1.09 53.495 -1.482c15.607 -0.4 28.985 -0.708 39.585 -0.913c10.609 -0.205 21.144 -0.354 33.534 -0.456c12.39 -0.112 26.608 -0.215 42.708 -0.233c16.092 -0.028 34.038 -0.019 45.617 6.215c11.57 6.224 3.375 5.749 -7.02 5.507c-10.386 -0.233 -22.953 -0.243 -37.702 0c-14.748 0.242 -31.679 0.727 -44.33 1.165c-12.651 0.447 -19.447 0.717 -26.076 0.987c-6.629 0.28 -13.089 0.559 -19.382 0.848c-6.293 0.28 -12.409 0.578 -34.886 1.705c-22.469 1.118 -61.14 3.094 -99.447 5.051c-38.308 1.956 -76.224 3.932 -113.749 5.917c-37.543 1.975 -74.704 3.96 -85.285 -0.028c-10.591 -3.998 -24.65 -21.134 -38.951 -9.421c0 0 38.401 -0.168 75.729 -2.087c37.348 -1.91 75.059 -3.83 113.152 -5.74c38.093 -1.91 76.55 -3.839 115.389 -5.758c38.839 -1.911 44.862 -2.19 51.052 -2.47c6.181 -0.279 12.53 -0.568 19.056 -0.848c6.507 -0.279 13.201 -0.549 20.044 -0.82c6.853 -0.27 25.256 -0.894 41.478 -1.267c16.231 -0.363 30.252 -0.512 42.092 -0.438c11.85 0.084 21.508 0.401 34.327 7.473c12.819 7.082 -6.367 7.035 -23.689 7.035c-17.341 0 -32.817 0.038 -46.456 0.103c-13.639 0.065 -25.414 0.186 -35.334 0.344c-9.929 0.168 -21.824 0.401 -35.949 0.737c-14.124 0.335 -30.448 0.792 -49.001 1.341c-18.552 0.541 -39.342 1.184 -62.351 1.929c-22.999 0.736 -52.581 1.78 -79.039 2.777c-26.468 0.997 -49.831 1.92 -70.099 2.777c-20.268 0.857 -37.394 1.696 -51.443 2.422c-14.059 0.737 -23.438 1.258 -32.714 1.799c-9.277 0.55 -18.46 1.109 -27.559 1.658c-9.108 0.55 -18.114 1.109 -27.036 1.687c-8.913 0.578 -39.799 2.758 -66.948 4.65c-27.157 1.891 -50.557 3.512 -70.219 4.836c-19.681 1.332 -35.614 2.366 -47.808 3.13c-12.185 0.765 -15.728 0.914 -18.543 1.016c-2.816 0.103 -4.913 0.159 -6.284 0.177c-1.37 0.01 -2.023 -0.028 -7.542 -6.923c-5.519 -6.895 -5.23 -6.97 -3.757 -7.156c1.464 -0.177 4.111 -0.475 7.943 -0.867c3.832 -0.391 8.847 -0.885 11.029 -2.05c-0.382 0.941 16.24 15.99 13.686 18.086Z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip2)'%3E%3Crect x='87.863' y='0' width='778.492' height='49.055' style='fill-rule:nonzero%3B'/%3E%3C/g%3E%3CclipPath id='_clip3'%3E%3Cpath d='M371.985 46.439c-1.239 0.749 2.012 1.423 5.058 1.858c3.056 0.434 5.72 0.286 8.291 0.12c2.571 -0.166 5.068 -0.361 16.787 -1.405c11.719 -1.053 32.009 -2.836 51.255 -4.453c19.247 -1.617 37.431 -3.086 54.581 -4.361c17.151 -1.275 33.239 -2.384 44.576 -3.133c11.338 -0.757 20.104 -1.303 31.096 -1.838c10.993 -0.536 24.221 -1.091 39.667 -1.664c15.445 -0.572 33.136 -1.108 51.152 -1.598c18.017 -0.49 34.879 -0.776 51.684 -0.998c16.806 -0.212 33.565 -0.351 50.277 -0.379c16.722 -0.027 33.407 0.046 48.703 0.139c15.296 0.083 28.646 0.166 41.073 0.259c12.427 0.101 23.932 0.221 34.515 0.369c10.583 0.148 20.243 0.314 27.481 0.453c7.239 0.139 13.229 0.268 20.066 0.48c6.848 0.204 14.542 0.481 23.085 0.804c8.533 0.314 17.923 0.693 23.187 0.915c5.263 0.212 5.785 0.212 6.204 0.194c0.41 -0.018 0.727 -0.055 0.941 -0.111c0.214 -0.055 0.326 -0.12 3.484 6.634c3.158 6.755 0.205 5.655 -4.77 4.583c-4.984 -1.081 -11.989 -2.134 -21.025 -3.178c-9.037 -1.044 -20.094 -2.061 -31.469 -2.957c-11.374 -0.896 -22.246 -1.626 -33.918 -2.227c-11.664 -0.6 -24.128 -1.072 -37.375 -1.423c-13.257 -0.36 -27.305 -0.582 -44.492 -0.702c-17.188 -0.111 -44.39 0.139 -82.733 0.841c-38.353 0.702 -87.829 1.857 -148.437 3.52c-60.599 1.654 -132.321 3.779 -153.869 -3.197c-21.538 -6.985 -31.925 -26.398 -66.924 -7.992c0 0 80.293 -0.305 148.381 -2.162c68.08 -1.848 125.008 -3.271 170.804 -4.232c45.797 -0.961 80.442 -1.488 103.973 -1.534c23.523 -0.046 38.093 0.093 51.871 0.37c13.787 0.268 26.773 0.665 38.967 1.182c12.195 0.509 23.606 1.155 34.217 1.922c10.601 0.767 23.038 1.811 33.434 2.846c10.387 1.044 18.743 2.088 25.078 3.151c6.335 1.063 10.639 2.153 12.912 3.252c2.264 1.1 10.08 15.874 9.942 15.948c-0.161 0.065 -0.403 0.111 -0.757 0.139c-0.345 0.037 -0.792 0.046 -1.351 0.037c-0.549 0 -10.489 -0.425 -19.6 -0.786c-9.101 -0.36 -17.346 -0.646 -24.743 -0.868c-7.396 -0.222 -13.955 -0.397 -19.665 -0.518c-5.701 -0.111 -14.756 -0.295 -24.724 -0.452c-9.968 -0.167 -20.858 -0.305 -32.67 -0.416c-11.813 -0.12 -24.547 -0.204 -38.195 -0.277c-13.657 -0.065 -30.295 -0.185 -46.97 -0.185c-16.675 -0.009 -33.406 0.065 -50.175 0.222c-16.768 0.166 -33.583 0.434 -50.435 0.794c-16.852 0.361 -36.015 0.952 -52.932 1.552c-16.927 0.601 -31.627 1.165 -44.091 1.747c-12.465 0.573 -22.712 1.118 -30.733 1.654c-8.012 0.545 -23.383 1.58 -39.816 2.753c-16.433 1.183 -33.9 2.578 -52.429 4.112c-18.529 1.543 -38.101 3.252 -58.717 5.165c-20.615 1.903 -23.047 2.116 -25.562 2.291c-2.515 0.185 -5.124 0.351 -7.686 0.712c-2.571 0.369 -4.993 1.155 -6.185 1.644c0.093 -0.194 -11.57 -18.941 -10.294 -19.616Z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23_clip3)'%3E%3Crect x='369.709' y='6.586' width='641.144' height='60.469' style='fill-rule:nonzero%3B'/%3E%3C/g%3E%3C/svg%3E");
  display: inline-block;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -50%;
}

@media (min-width: 64rem) {
  .btn.outside {
    right: -0.5rem;
    transform: translate(0%, 0.5rem);
  }
}
.validation-error:not(:focus) {
  border-color: hsl(27, 98%, 54%);
  background-color: #fef1e7;
}
.validation-error:not(:focus)::-moz-placeholder {
  color: hsl(27, 98%, 54%);
}
.validation-error:not(:focus)::placeholder {
  color: hsl(27, 98%, 54%);
}

.field-validation-error {
  color: hsl(27, 98%, 54%);
  font-size: 0.75rem;
  margin-top: -0.875rem;
  margin-bottom: 1rem;
}

.validation-summary {
  display: none;
  color: hsl(27, 98%, 54%);
  margin: 0 0 1.5rem 1rem;
  font-size: 0.75rem;
}
.validation-summary p {
  margin-bottom: 0.5rem;
  font-weight: var(--font-weight_bold);
}
.validation-summary ul {
  margin: 0 0 0 2.5rem;
}
.validation-summary label {
  /*color: $input-error-color;
  font-size: $input-error-font-size;*/
}
.validation-summary .validation-error {
  font-size: 0.75rem;
  background-color: transparent;
}

.input-validation-error:not(:focus) {
  border-color: hsl(27, 98%, 54%);
  background-color: #fef1e7;
}
.input-validation-error:not(:focus)::-moz-placeholder {
  color: hsl(27, 98%, 54%);
}
.input-validation-error:not(:focus)::placeholder {
  color: hsl(27, 98%, 54%);
}

.validation-summary-errors {
  color: hsl(27, 98%, 54%);
}

.validation-summary-valid {
  display: none;
}

.register-form-data {
  display: flex;
  flex-flow: row wrap;
}

.register-col {
  flex: 0 0 auto;
  width: calc(50% - 1.25rem);
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}

.register-col-header {
  font-weight: var(--font-weight_bold);
  margin-bottom: 10px;
}

.change-userdata-form {
  width: 100%;
  max-width: 1000px;
}

.change-companydata-note {
  margin-bottom: 1rem;
}

.change-userdata-form-data {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 2rem;
}

.change-userdata-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
}
.change-userdata-input label {
  font-size: inherit;
}
.change-userdata-input div:first-child, .change-userdata-input > label {
  /*@include xy-cell(1);*/
  width: 5.5rem;
}
.change-userdata-input div:last-child, .change-userdata-input > [type=text], .change-userdata-input > [type=email], .change-userdata-input > select, .change-userdata-input > [type=tel] {
  /*@include xy-cell(11);*/
  flex-grow: 1;
  flex-shrink: 1;
  width: 16rem;
}
.change-userdata-input div:last-child > div, .change-userdata-input > [type=text] > div, .change-userdata-input > [type=email] > div, .change-userdata-input > select > div, .change-userdata-input > [type=tel] > div {
  display: flex;
}
.change-userdata-input input, .change-userdata-input select {
  margin: 0;
}
.change-userdata-input .radio, .change-userdata-input .checkbox {
  display: flex;
  align-items: center;
  width: auto !important;
  height: 2.3541666667rem;
}
.change-userdata-input .radio input, .change-userdata-input .checkbox input {
  margin: 0 0.25rem 0 0;
}

.userdata-company .change-userdata-input {
  /*display: grid;
  grid-template-columns: auto 1fr;*/
}
.userdata-company .change-userdata-input [name=AddressKind] + label {
  width: auto !important;
  margin-right: 0;
}

.address-kind-note {
  width: auto !important;
  font-size: 0.85rem;
  line-height: 1.4;
  grid-column: 2/3;
}

.change-userdata-col {
  /*@include xy-cell(6);*/
}
.change-userdata-col .register-col-header {
  font-family: var(--font-highlight);
  font-size: 0.9rem;
  padding: 0.5rem 0;
  font-weight: 600;
}

.userdata-person .register-col-header + .change-userdata-input {
  display: grid;
  grid-template-columns: 5.5rem auto auto 1fr;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.change-userdata-col-header {
  /*font-weight: $global-weight-bold;
  margin-bottom: 10px;*/
}

.change-profile-picture {
  display: flex;
  align-items: flex-start;
}
.change-profile-picture a {
  display: block;
}

.loading-profile-picture {
  font-size: 80%;
}

.change-profile-picture-actions {
  margin-left: 10px;
}

.change-profile-picture-hint {
  margin-top: 10px;
  color: hsl(229, 59%, 51%);
  font-size: 80%;
}

#change-profile-picture {
  max-width: 150px;
  max-height: 150px;
}

.toast-title {
  font-weight: bold;
}

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #ffffff;
}

.toast-message a:hover {
  color: #cccccc;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left, .toast-position {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}

#toast-container * {
  box-sizing: border-box;
}

#toast-container > div {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  box-shadow: 0 0 12px #999999;
  color: #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}

#toast-container > div:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}

#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.toast {
  background-color: #030303;
}

.toast-success {
  background-color: #51a351;
}

.toast-error {
  background-color: #bd362f;
}

.toast-info {
  background-color: #2f96b4;
}

.toast-warning {
  background-color: #f89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}

/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.toast-message p {
  margin: 0;
  padding: 0;
}

aside .sticky {
  z-index: 1000;
  position: fixed;
  right: 0;
  display: flex;
  align-items: center;
  margin-right: -200px;
  transition: margin-right 0.5s ease-out;
  box-shadow: rgba(0, 0, 0, 0.5) 2px 1px 4px;
}
aside .sticky::before {
  content: "";
  width: 48px;
  height: 40px;
  text-align: center;
  white-space: nowrap;
  background-color: var(--c-secondary);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
aside .sticky:hover::before {
  /*background-color: lighten(var(--c-secondary),8%);*/
  background-color: #586fd4;
}

.sticky-phone {
  top: 240px;
}
.sticky-phone::before {
  background-image: url("https://storageaccountnextbauweb.blob.core.windows.net/uploads/e1703ab8-b475-4f51-8df3-ebfec3b51135-phone-white.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}

.sticky-mail {
  top: 285px;
}
.sticky-mail::before {
  background-image: url("https://storageaccountnextbauweb.blob.core.windows.net/uploads/76fe1312-fa35-4744-ae0a-ce327a3d70aa-mail-line-white.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
}

.sticky-caption {
  width: 48px;
  height: 40px;
  position: absolute;
  /*transform-origin: bottom left;
  transform: rotate(-90deg) translateX(0px);*/
}

.sticky-content {
  width: 200px;
  height: 40px;
  padding-left: 1rem;
  background-color: #fff;
}
.sticky-content p, .sticky-content a {
  margin-bottom: 0;
  display: block;
  height: 40px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 1.1rem;
  line-height: 40px;
}
.sticky-content a {
  color: #2d44ae;
  text-decoration: none;
}
.sticky-content a:hover, .sticky-content a:active {
  text-decoration: none;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
/*.shop-content-after {
    margin-top: 40px;
}*/
.shop {
  display: flex;
  width: 100%;
  margin: 0 auto 4rem;
  padding: 1rem clamp(0.25rem, 2vw, 1.25rem);
  display: grid !important;
  gap: 2rem;
  position: relative;
}
.shop.nav-overlay {
  display: block;
}

.shop-content h1 {
  font-weight: 400;
}
.shop-content .content-selector {
  background-color: var(--c-bg_grey);
  padding: 1.5rem 1rem;
  border-radius: 8px;
  flex-direction: column;
  margin-bottom: 2rem;
  text-align: center;
}
.shop-content .content-selector h1 {
  font-size: clamp(20px, 4vw, 32px);
  margin-bottom: 0;
}
.shop-content .cs-select {
  margin: 0.5rem auto 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 0.25rem;
  flex-wrap: wrap;
}
.shop-content .cs-select .cs-dropdown {
  padding: 1px !important;
}
.shop-content .cs-select select {
  width: 100%;
}
.shop-content .cs-content {
  margin: 2rem 0;
}

.shop-ov-presenter-items {
  margin: 0 0 2rem;
  display: grid;
  /*grid-template-columns: repeat(auto-fill,minmax(min(300px,100%),1fr));*/
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  justify-content: center;
}
.shop-ov-presenter-items > div {
  padding: 1.5rem 1rem 2rem;
  border-bottom: 1px dashed var(--c-border);
  text-align: center;
}
.shop-ov-presenter-items h2 {
  font-family: var(--font-highlight);
  font-size: 1.2rem !important;
  font-weight: 600;
  padding-top: 1rem;
  margin-bottom: 0.25rem !important;
  max-width: 100%;
}
.shop-ov-presenter-items .txt {
  display: block;
  padding-bottom: 1rem;
}
.shop-ov-presenter-items img {
  display: block;
  max-width: 220px;
}
.shop-ov-presenter-items img:hover {
  transition: all 0.1s linear;
  transform: scale(1.02);
}
.shop-ov-presenter-items .btn {
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: 3.5rem;
  font-family: var(--font-highlight);
  margin-bottom: 0;
}
.shop-ov-presenter-items .bl {
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/c06a7cf4-2d2a-47fd-915b-6359017af171-bauleistung_3.svg);
}
.shop-ov-presenter-items .be {
  background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/3863138f-1755-4dbf-9a21-271a9175e939-bauelement_3.svg);
}

.shov-ov-image {
  display: flex;
  justify-content: center;
}

.shop-loader {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}

.shop-disabled {
  opacity: 0.6;
  background-color: #fefefe;
  width: 100%;
  height: 100%;
}

.shop-spinner, .shop-spinner:before, .shop-spinner:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: load7 1.8s infinite ease-in-out;
}

.shop-spinner {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  color: #f4d24a;
  font-size: 10px;
  margin: 0 auto;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.shop-spinner:before, .shop-spinner:after {
  content: "";
  position: absolute;
  top: 0;
}
.shop-spinner:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.shop-spinner:after {
  left: 3.5em;
}

@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.navigation {
  max-width: 400px;
}
.navigation.nav-overlay {
  position: absolute;
  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: 100;
  max-height: 500px;
  top: 3.5rem;
  left: clamp(0.25rem, 2vw, 1.25rem);
  border: 1px solid var(--c-border);
  padding: 1rem;
}

.nav-toggler a, .nav-toggler a:hover, .nav-toggler a:active {
  /*@include button;*/
  display: inline-block;
  border: 1px solid var(--c-secondary);
  margin: 0;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  /*background-image: url(https://storageaccountnextbauweb.blob.core.windows.net/uploads/af34aa3a-67ea-405b-ba81-024be675c89f-triangle-down-white.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center right;*/
}

.nav-enter-active {
  transition: all 0.3s ease;
}

.nav-enter, .nav-leave-to {
  opacity: 0;
}

.nav-enter-to, .nav-leave {
  opacity: 1;
}

.nodes {
  margin-left: 0;
}

.root-nodes {
  margin-left: 0;
}
.root-nodes > .nodes > .node {
  color: var(--c-font);
  font-weight: 600;
}

.node {
  display: flex;
  align-items: center;
  padding: 0.4rem 0;
  border-bottom: 1px solid var(--c-border_mid);
}
.node .node-caption {
  color: var(--c-font);
  display: flex;
  padding-left: 5px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.node .node-selected .node-caption {
  color: var(--c-primary);
  pointer-events: none;
}

.child-nodes {
  margin-left: 1.5rem;
}

.node-selectable .node-caption {
  cursor: pointer;
}
.node-selectable .node-caption:hover {
  color: #0068b3;
}

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

.node-expander {
  width: inherit;
}
.node-expander::before {
  width: 1.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--c-font);
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.node-expanded:before {
  content: "⌄";
  display: block;
  text-align: center;
  padding-bottom: 4px;
}

.node-collapsed:before {
  content: "⌄";
  transform: rotate(270deg) translate(0, -3px);
  display: block;
  text-align: center;
}

.node-caption {
  display: flex;
  padding-left: 5px;
  background-repeat: no-repeat;
  cursor: default;
}

.node-icon {
  width: 16px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 4px;
}

.node-numbering {
  margin-right: 10px;
}

.node-loader {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  background-image: url("/images/NodeLoader_16x.gif");
}

.article-content {
  flex-grow: 1;
}

.article-heading .node-caption {
  font-family: var(--font-highlight);
  font-weight: var(--font-weight);
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
  border: none;
  display: block;
  text-align: left;
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
  border-bottom: 1px dashed var(--c-border);
  padding-bottom: 0.5rem;
  margin-bottom: 2.5rem;
}
.article-heading .node-caption:after {
  margin: 0;
  padding: 0;
  border: none;
  width: auto;
  height: auto;
  content: none;
}
.article-heading .caption {
  font-family: var(--font-highlight);
  color: var(--c-font);
  margin: 0 auto 2.5rem 0;
  font-size: 0.9rem;
}

@media (min-width: 500px) {
  .shop-ov-presenter-items > div {
    border: 1px dashed var(--c-border);
  }
}
@media (min-width: 1300px) {
  .shop {
    grid-template-columns: 25rem 1fr;
  }
}
@media (min-width: 1400px) {
  .article-config {
    grid-template-columns: max-content minmax(300px, 600px);
  }
}
.article-config {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 2rem;
}

.article-data {
  display: flex;
  flex-wrap: wrap;
  align-content: stretch;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.article-data select {
  margin-bottom: 0.5rem;
}

.article-images {
  flex-grow: 1;
  max-width: 250px;
  margin-bottom: 2rem;
}

.article-basket button {
  font-size: 1.05rem;
  font-family: var(--font-highlight);
  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));
}

.article-image {
  position: relative;
  max-height: 250px;
  touch-action: none;
  margin-bottom: 1rem;
}
.article-image img {
  cursor: zoom-in;
  max-height: 250px;
  width: 100%;
  height: auto;
}
.article-image .article-lens {
  cursor: zoom-in;
  position: absolute;
  border: 1px solid #d4d4d4;
  width: 150px;
  height: 100px;
  background: linear-gradient(90deg, rgba(255, 195, 1, 0.2) 5px, transparent 1%) center, linear-gradient(rgba(255, 195, 1, 0.2) 5px, transparent 1%) center, rgba(255, 255, 255, 0.2);
  background-size: 6px 6px;
}

.article-image-zoom {
  position: absolute;
  left: 900px;
  top: 200px;
  width: 500px;
  height: 333.3333333333px;
  border: 1px solid #d4d4d4;
  box-shadow: 0 0 8px #888;
  background-color: #fff;
  background-repeat: no-repeat;
  z-index: 1000;
}

.article-image-gallery {
  display: flex;
  flex-wrap: wrap;
}

.article-image-preview {
  border: 1px solid #fff;
  margin: 0 10px 10px 10px;
}
.article-image-preview.selected {
  border: 1px solid #ffcc01;
  box-shadow: 0 0 4px #ffcc01;
}
.article-image-preview img {
  cursor: zoom-in;
  max-height: 100px;
  max-width: 100px;
}

.article-props {
  flex-grow: 1;
}

.article-prop {
  margin-bottom: 20px;
}
.article-prop.priority-10 .article-prop-caption {
  font-weight: var(--font-weight_bold);
}

.article-prop-caption {
  display: flex;
  font-family: var(--font-highlight);
  font-size: 0.8rem;
  color: var(--c-font);
}
.article-prop-caption .pre-caption {
  font-style: italic;
  padding-right: 7px;
}
.article-prop-caption .caption {
  font-weight: var(--font-weight_bold);
}

.article-desc {
  display: flex;
}
.article-desc .contents {
  border: 1px solid var(--c-border_mid);
  padding: 0 20px;
}
.article-desc .contents .caption {
  font-weight: var(--font-weight_bold);
  margin-top: 20px;
  font-size: 1.1rem;
  text-decoration: underline;
  text-transform: uppercase;
}
.article-desc .contents .content {
  border-bottom: 1px solid var(--c-border_mid);
}
.article-desc .tabs .tabs-list {
  margin: 0;
  border: 1px solid hsl(0, 0%, 90%);
  background: #fff;
  list-style-type: none;
}
.article-desc .tabs .tabs-list::before, .article-desc .tabs .tabs-list::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.article-desc .tabs .tabs-list::after {
  clear: both;
}
.article-desc .tabs .tabs-title {
  float: left;
}
.article-desc .tabs .tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: hsl(0, 91%, 50%);
}
[data-whatinput=mouse] .article-desc .tabs .tabs-title > a {
  outline: 0;
}
.article-desc .tabs .tabs-title > a:hover {
  background: #fff;
  color: #d10a0a;
}
.article-desc .tabs .tabs-title > a:focus, .article-desc .tabs .tabs-title > a[aria-selected=true] {
  background: hsl(0, 0%, 90%);
  color: hsl(0, 91%, 50%);
}
.article-desc .tabs .tabs-content {
  border: 1px solid hsl(0, 0%, 90%);
  border-top: 0;
  background: #fff;
  color: var(--c-font);
  transition: all 0.5s ease;
}
.article-desc .tabs .tabs-panel {
  display: none;
  padding: 1rem;
}
.article-desc .tabs .tabs-panel.is-active {
  display: block;
}
.article-desc .accordion {
  width: 100%;
  margin-left: 0;
}
.article-desc .accordion h2.caption {
  font-family: var(--font);
  margin: 0 !important;
  max-width: 100%;
  font-size: inherit !important;
  text-align: left;
  padding: 0.75rem 3.5rem 0.75rem 1.5rem;
  color: var(--c-font);
  text-decoration: none !important;
}
.article-desc .accordion a.caption {
  position: relative;
  display: block;
}
.article-desc .accordion a.caption::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
  color: #2f2f2f !important;
  margin-top: -1.4rem;
  font-size: 1.5rem;
}
.article-desc .accordion a.caption:hover, .article-desc .accordion a.caption:focus {
  text-decoration: none !important;
}
.article-desc .accordion .accordion-item {
  background-color: var(--c-bg_body);
}
.article-desc .accordion .accordion-item:not(:last-child) {
  border-bottom: 1px dashed var(--c-border_mid);
}
.article-desc .accordion .accordion-item.is-active {
  margin: 0.5rem 0 1rem;
  border: 1px solid var(--c-border);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.18);
  background-color: #fff;
}
.article-desc .accordion .accordion-item.is-active a.caption {
  font-weight: 600;
}
.article-desc .accordion .accordion-item.is-active a.caption::before {
  content: "-";
}
.article-desc .accordion .content {
  display: none;
  padding: 0 1rem 1rem 0;
  border: 0;
  border-bottom: 0;
  background-color: transparent;
  color: var(--c-font);
  padding: 1rem 1rem 1rem 0;
  margin: 0 3rem 0 1rem;
  border-top: 1px solid var(--c-border_mid);
}
:last-child > .article-desc .accordion .content:last-child {
  border-bottom: 0;
}
.article-desc .accordion .content p {
  margin-left: 0;
}
.article-desc .accordion .content ul {
  margin-bottom: 1rem;
}
.article-desc .accordion-list {
  list-style-type: none;
  margin-left: 0;
}

.article-refs .recommendation {
  padding: 1rem;
  border: 1px dashed var(--c-border);
}

.article-price-data {
  margin-bottom: 1rem;
  padding: 1rem;
  border: 1px solid var(--c-border_mid);
  background-color: hsl(229, 59%, 96%);
  /*.row-value-note {
      font-size: .7rem;
      padding-left: 7px;
      color: #444;

      .original {
          text-decoration: line-through #f00;
      }
  }*/
}
.article-price-data .caption {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--c-border);
  font-weight: 600;
}
.article-price-data .row {
  padding-top: 1rem;
}
.article-price-data .row:not(.article-caption) {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
}
.article-price-data .article-caption .row-caption {
  max-width: 300px;
}
.article-price-data .row-value {
  text-align: right;
}
.article-price-data .row-value .original {
  -webkit-text-decoration: line-through #f00;
          text-decoration: line-through #f00;
}
.article-price-data .licenses, .article-price-data .recommendation {
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--c-border);
}
.article-price-data .licenses .row:last-child, .article-price-data .recommendation .row:last-child {
  font-weight: var(--font-weight_bold);
  font-size: 1rem;
}
.article-price-data .maintenance {
  padding: 10px 0;
  border-bottom: 1px solid #aaa;
}
.article-price-data .maintenance .row:last-child {
  font-weight: var(--font-weight_bold);
  font-size: 1rem;
}
.article-price-data .supplement {
  padding-top: 0.5rem;
  font-size: 0.9rem;
}
.article-price-data .saving {
  font-size: 0.8rem;
  margin-top: 10px;
}
.article-price-data .saving-part1 {
  color: #f00;
}

.recommendation p {
  margin-left: 0;
}
.recommendation label {
  font-size: 1rem;
}

.shop-start {
  width: 600px;
}
.shop-start .one-pager .headers ul {
  margin: 0;
  display: flex;
  list-style-type: none;
}
.shop-start .one-pager .headers ul li {
  font-weight: var(--font-weight_bold);
  margin-right: 30px;
}
.shop-start .one-pager .contents .caption {
  font-weight: var(--font-weight_bold);
  margin-top: 20px;
}
.shop-start .tabs .tabs-list {
  margin: 0;
  border: 1px solid hsl(0, 0%, 90%);
  background: #fff;
  list-style-type: none;
}
.shop-start .tabs .tabs-list::before, .shop-start .tabs .tabs-list::after {
  display: table;
  content: " ";
  flex-basis: 0;
  order: 1;
}
.shop-start .tabs .tabs-list::after {
  clear: both;
}
.shop-start .tabs .tabs-title {
  float: left;
}
.shop-start .tabs .tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: hsl(0, 91%, 50%);
}
[data-whatinput=mouse] .shop-start .tabs .tabs-title > a {
  outline: 0;
}
.shop-start .tabs .tabs-title > a:hover {
  background: #fff;
  color: #d10a0a;
}
.shop-start .tabs .tabs-title > a:focus, .shop-start .tabs .tabs-title > a[aria-selected=true] {
  background: hsl(0, 0%, 90%);
  color: hsl(0, 91%, 50%);
}
.shop-start .tabs .tabs-content {
  border: 1px solid hsl(0, 0%, 90%);
  border-top: 0;
  background: #fff;
  color: var(--c-font);
  transition: all 0.5s ease;
}
.shop-start .tabs .tabs-panel {
  display: none;
  padding: 1rem;
}
.shop-start .tabs .tabs-panel.is-active {
  display: block;
}
.shop-start .accordion .accordion-list {
  margin-left: 0;
  background: #fff;
  list-style-type: none;
}
.shop-start .accordion .accordion-list[disabled] .accordion-title {
  cursor: not-allowed;
}
.shop-start .accordion .accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.shop-start .accordion .accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}
.shop-start .accordion .caption {
  position: relative;
  display: block;
  padding: 0;
  border: 0;
  border-bottom: 0;
  font-size: inherit;
  line-height: 1;
  color: var(--c-font);
}
:last-child:not(.is-active) > .shop-start .accordion .caption {
  border-bottom: 0;
  border-radius: 0 0 0 0;
}
.shop-start .accordion .caption:hover, .shop-start .accordion .caption:focus {
  background-color: transparent;
}
.shop-start .accordion .caption::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .shop-start .accordion .caption::before {
  content: "-";
}
.shop-start .accordion .content {
  display: none;
  padding: 0 1rem 1rem 0;
  border: 0;
  border-bottom: 0;
  background-color: transparent;
  color: var(--c-font);
}
:last-child > .shop-start .accordion .content:last-child {
  border-bottom: 0;
}

.image-viewer {
  z-index: 10000;
  width: 94vw;
  height: 96vh;
  position: fixed;
  left: 3vw;
  top: 2vh;
  background: #fff;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--c-border);
  box-shadow: 1px 3px 10px 5px var(--c-border);
  padding-bottom: 1rem;
}
.image-viewer .iv-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0.75rem 1rem 0.5rem;
  border-bottom: 1px solid var(--c-border);
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: start;
}
.image-viewer .iv-gallery {
  white-space: nowrap;
}
.image-viewer .iv-title {
  font-weight: var(--font-weight_bold);
  line-height: 1.3;
}
.image-viewer .iv-close {
  font-size: 1.5rem;
  cursor: pointer;
}
.image-viewer .iv-content {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
}
.image-viewer .iv-nav {
  margin: 1rem;
  font-size: 2rem;
  cursor: pointer;
}
.image-viewer .iv-nav:focus {
  outline: none;
}
.image-viewer .iv-previous:before {
  content: "«";
}
.image-viewer .iv-image img {
  max-height: calc(96vh - 100px);
}
.image-viewer .iv-next:before {
  content: "»";
}

.node-overview {
  width: 600px;
}

.node-articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.node-article {
  max-width: 200px;
  margin: 10px 20px;
}

.na-caption {
  font-weight: var(--font-weight_bold);
  margin-top: 20px;
}

.fade-image-viewer-enter-active, .fade-image-viewer-leave-active {
  transition: opacity 0.5s;
}

.fade-image-viewer-enter, .fade-image-viewer-leave-to {
  opacity: 0;
}

#toast-container.shopping-basket {
  width: 400px;
  max-width: 100%;
  top: 100px;
}
#toast-container.shopping-basket > div {
  width: auto;
}

.add-article-popup, .recommendation-popup {
  width: 90%;
  max-width: 700px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid var(--c-border_mid);
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding: 0.5rem;
  z-index: 20000;
}
.add-article-popup::backdrop, .recommendation-popup::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  /*backdrop-filter: blur(2px);*/
}
.add-article-popup .popup-header, .recommendation-popup .popup-header {
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--c-border_mid);
}
.add-article-popup .popup-body, .add-article-popup .popup-footer, .recommendation-popup .popup-body, .recommendation-popup .popup-footer {
  padding: 1rem;
}
.add-article-popup h2, .recommendation-popup h2 {
  font-size: clamp(20px, 1.5vw, 24px) !important;
  line-height: 1.2;
  font-weight: 600;
  text-align: left;
  margin-bottom: 1rem !important;
  color: var(--c-primary);
}
.add-article-popup .popup-footer, .recommendation-popup .popup-footer {
  text-align: right;
}
.add-article-popup button, .recommendation-popup button {
  cursor: pointer;
  margin-bottom: 0;
}

.baumpaten {
  padding: 2rem 1rem;
}
.baumpaten > div {
  border-top: 1px solid var(--c-border_light);
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.baumpaten-img {
  width: 80px;
  flex-shrink: 0;
  text-align: center;
}

.baumpaten-txt {
  font-size: 0.95rem;
  text-align: left !important;
}

@media (min-width: 500px) {
  .baumpaten > div {
    flex-wrap: nowrap;
  }
}
@media (min-width: 850px) {
  .baumpaten {
    border-top: 1px dashed var(--c-border);
    display: grid;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
  }
  .baumpaten > div {
    border: 1px solid var(--c-border_light);
    padding: 1rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
/*.add-article-popup {
    max-width: 500px;
    padding: 1.5rem 1rem;

    .popup-header {
        font-weight: 600;

        button {
            position: absolute;
            right: .5rem;
            top: .25rem;
            font-size: 2rem;
            line-height: 1;
        }
    }

    .popup-body {
        padding-bottom: 1rem;
    }

    .popup-footer-buttons {
        text-align: right;

        button {
            background-color: #fff;
            border: 1px solid #ddd;
            color: #333;
            border-radius: 4px;
            margin: 0 !important;

            &:hover {
                background-color: var(--c-bg_body);
            }
        }
    }
}*/
.list-check li {
  padding-left: 0.5rem;
}
.list-check li::marker {
  content: "✔";
}

@media (min-width: 50rem) {
  .list-col-2 {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: max(6%, 2rem);
         column-gap: max(6%, 2rem);
  }
  .list-col-2 li {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
.fd-header-h1 {
  padding: clamp(1.5rem, 9vw - 0.75rem, 6rem) 0;
  background-color: var(--c-bg_body);
}
.fd-header-h1 h1 {
  font-size: clamp(28px, 6vw, 82px);
  line-height: 1.2;
}
.fd-header-h1 h1 .line_2 {
  font-weight: 400;
  font-size: clamp(20px, 4vw, 48px);
}

.fd-header-h2 {
  padding: clamp(1.5rem, 9vw - 0.75rem, 6rem) 0;
  background-color: var(--c-bg_body);
}
.fd-header-h2 .primary {
  font-size: clamp(22px, 2vw, 28px) !important;
  font-family: var(--font-highlight);
}
.fd-header-h2 h2 {
  margin: 1.5rem auto 0 !important;
  font-size: clamp(20px, 4vw, 36px) !important;
}

.fd-btn-home {
  color: var(--c-font) !important;
  font-size: clamp(1.125rem, 0.6875rem + 1.75vw, 2rem);
  font-family: var(--font-highlight);
  border: 1px solid var(--c-border);
  border-radius: 44px;
  padding: 0.4rem 1rem 0.4rem 2.5rem;
  margin-top: clamp(1.125rem, 0.6875rem + 1.75vw, 2rem);
  font-weight: 600;
}
.fd-btn-home:hover {
  text-decoration: none;
  color: var(--c-primary) !important;
  border: 1px solid var(--c-primary);
  transition: all 0.1s linear;
  transform: scale(1.02);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}

.fd-btn-home_s {
  font-family: var(--font-highlight);
  font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.3rem);
  color: var(--c-primary) !important;
  border: 1px solid var(--c-primary);
  border-radius: 44px;
  padding: 0.25rem 0.75rem 0.25rem 2rem;
  margin-top: clamp(1.125rem, 0.6875rem + 1.75vw, 2rem);
  font-weight: 600;
}
.fd-btn-home_s:hover {
  text-decoration: none;
  transition: all 0.1s linear;
  transform: scale(1.02);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}

.fd-header-arrow {
  margin-top: -2rem;
}

.home-keyvisual .blocks-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: auto;
}

.bg-home-grey {
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  background-color: var(--c-bg_grey);
}

.home-grid-default, .home-grid-default-2 {
  display: grid;
  row-gap: 0.5rem;
  margin: 0 max(2%, 1rem);
  align-items: center;
}

.home-fs {
  line-height: 2 !important;
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1rem, 0.8661rem + 0.5952vw, 1.5125rem);
}

.home-marker-strong .marker-highlight {
  font-size: clamp(1.125rem, 0.8571rem + 1.1905vw, 1.75rem);
}

.home-h2 {
  font-size: clamp(1.375rem, 0.6786rem + 3.0952vw, 3rem) !important;
  font-weight: 400 !important;
}

.home-h2-line {
  padding-left: 2rem;
  border-left: 4px solid var(--c-primary);
}

.home-grid-img {
  justify-self: center;
}

.home-img-price {
  width: 200px;
}

.home-img-map {
  width: 100px;
}

.home-img-settings {
  display: none;
}

.home-grid-pp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
  gap: clamp(1rem, 1.905vw + 0.571rem, 2rem);
  padding: 1rem clamp(0rem, -1.125rem + 5vw, 2rem) 0;
  margin-bottom: 6rem;
}
.home-grid-pp h3 {
  margin-bottom: 0.25rem !important;
  border-bottom: 1px dashed var(--c-border);
  padding-bottom: 0.25rem;
}

.home-grid-pp-2 {
  display: grid;
  grid-template-columns: auto;
  border-radius: 12px;
  background-color: #fff;
  padding: 2rem 1rem 1rem;
  margin-bottom: -3rem;
  margin-top: 2rem;
}

.home-grid-pp-2-icon {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-top: -4rem;
  justify-content: center;
}

.home-map-content {
  position: relative;
  z-index: 200;
}

.home-grid-map {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 1rem;
  margin-top: 8rem;
  margin-bottom: 1rem;
}
.home-grid-map img {
  width: clamp(6.25rem, 11.905vw + 3.571rem, 12.5rem);
}

.home-pp-icon {
  height: 44px;
  width: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40% 82% 66% 50%/59% 50% 49% 74%;
  margin-bottom: 1rem;
  background-color: #D5C3C3;
  /*&.fd-pp-equip {
      background: rgb(64,68,181);
      background: linear-gradient(40deg, rgba(64,68,181,1) 0%, rgba(134,0,255,1) 100%);
  }

  &.fd-pp-mat {
      background: rgb(10,108,189);
      background: linear-gradient(40deg, rgba(10,108,189,1) 0%, rgba(0,161,255,1) 100%);
  }

  &.fd-pp-wage {
      background: rgb(255,199,31);
      background: linear-gradient(40deg, rgba(255,199,31,1) 0%, rgba(255,177,0,1) 100%);
  }

  &.fd-pp-time {
      background: rgb(255,157,31);
      background: linear-gradient(40deg, rgba(255,157,31,1) 0%, rgba(255,96,0,1) 100%);
  }

  &.fd-pp-grey {
      background: rgb(75,75,75);
      background: linear-gradient(40deg, rgba(75,75,75,1) 0%, rgba(122,122,122,1) 100%);
  }*/
}
.home-pp-icon.fd-pp-default {
  background-color: var(--c-primary);
  /*background: rgb(242,36,36);
  background: linear-gradient(40deg, rgba(242,36,36,1) 0%, rgba(255,0,97,1) 100%);*/
}
.home-pp-icon img {
  width: 28px;
  height: 28px;
}
.home-pp-icon.fd-pp-2 {
  margin-left: 0;
  margin-bottom: 0;
  background-color: var(--c-primary);
}

.fd-pp-shadow {
  border: 1px solid var(--c-border_focus) !important;
  box-shadow: var(--c-border) 0 0 15px;
}

.home-grid-pp-time {
  background-color: #fff;
  padding: 2rem 1rem 1rem;
  transform: rotate(6deg);
  margin-bottom: -3rem;
  /*border: 1px solid var(--c-border_mid) !important;
  box-shadow: var(--c-border_mid) 0 0 15px;*/
  border-radius: 8px;
  margin-top: 2rem;
}
.home-grid-pp-time .home-pp-icon {
  margin-left: -2rem;
}

.home-map-container {
  position: relative;
  padding-top: clamp(4rem, 7.619vw + 2.286rem, 8rem);
  z-index: 1;
}

.home-map {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.proven > div {
  padding: 1rem;
  /*border: 1px dashed var(--c-border);
  border-radius: 8px;*/
}

.prov-logo-fd {
  padding-bottom: 1rem;
}

.btn-prov, .btn-prov:visited {
  text-align: center;
  background-color: #0b7f93;
  border-radius: 4px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #fff !important;
  line-height: 31px;
  padding: 5px 20px;
  display: inline-block;
  transition: color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}

.bpl-divider {
  height: 3px;
  width: 80%;
  background: var(--c-primary);
  background: linear-gradient(60deg, hsl(0, 61%, 100%), var(--c-primary), hsl(0, 61%, 100%));
  margin: 4rem auto;
}

.home-h2-new {
  text-align: center;
  margin-top: clamp(2rem, 12.857vw - 0.893rem, 8.75rem);
  /*&::before {
      content: "";
      display: block;
      background: var(--c-primary);
      background: linear-gradient(60deg, hsl(0, 61%, 100%), var(--c-primary), hsl(0, 61%, 100%));
      height: 3px;
      width: 300px;
      max-width: 90%;
      margin: 0 auto 4rem;
  }*/
}

.home-header {
  padding: 0 1rem 1rem 1rem;
}
.home-header h2 {
  padding: 5% 0 0;
}

.home-header-content {
  border: 2px solid var(--c-bg_grey);
  background-color: #fff;
  padding-left: 5%;
  border-radius: 12px;
  margin-top: 1rem;
  margin-bottom: 1rem !important;
}

.home-h3-header {
  font-size: clamp(1rem, 0.8125rem + 0.75vw, 1.3rem);
  line-height: 1.3;
}
.home-h3-header li {
  margin-bottom: 0.5rem;
}

.fd-brd-top-bot {
  border-top: 1px dashed var(--c-border);
  border-bottom: 1px dashed var(--c-border);
}

.home-txt {
  margin-top: clamp(2rem, 3.81vw + 1.143rem, 4rem);
  border-radius: 12px;
}

.home-txt-img {
  margin-top: -1.5rem;
  padding-bottom: 1rem;
}
.home-txt-img img {
  display: block;
  margin: 0 auto;
  width: 80px;
}

.home-h3 {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.25rem, 0.7813rem + 1.5vw, 1.625rem);
  font-weight: var(--font-weight_bold);
  padding: 0.25rem;
  border-top: 1px dashed var(--c-border);
  border-bottom: 1px dashed var(--c-border);
  margin-bottom: 2rem !important;
}

.home-h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: var(--font-weight_bold);
  font-size: 1.1rem;
}

.home-red-container {
  /*border-top: 1px solid var(--c-border_light);
  border-bottom: 1px solid var(--c-border_light);*/
  margin-top: 4rem;
  margin-bottom: 6rem;
}
.home-red-container::before {
  content: "";
  display: block;
  background: var(--c-primary);
  background: linear-gradient(60deg, hsl(0, 61%, 100%), var(--c-primary), hsl(0, 61%, 100%));
  height: 3px;
  width: 32rem;
  max-width: 80vw;
  margin: 0 auto 1rem;
}
.home-red-container::after {
  content: "";
  display: block;
  background: var(--c-primary);
  background: linear-gradient(60deg, hsl(0, 61%, 100%), var(--c-primary), hsl(0, 61%, 100%));
  height: 3px;
  width: 18rem;
  max-width: 70vw;
  margin: 1rem auto;
}

.home-news {
  padding: 2rem 0 1rem;
  border: 1px dashed var(--c-border);
  /*border-radius: 12px;*/
  margin-top: 3rem;
}
.home-news .home-h4 {
  padding: 0 clamp(0.25rem, 2vw, 1.25rem);
}

.home-news-container {
  padding: 0.5rem clamp(0.25rem, 2vw, 1.25rem) 0;
  background-color: transparent;
}

.home-news-list {
  height: 12rem;
  overflow-y: auto;
  font-size: 0.95rem;
  padding-left: 1rem;
  margin-left: 0.5rem;
}

.home-grid-pp-item {
  padding: 2rem 1rem 1rem;
}

.home-screens {
  background-color: var(--c-bg_body);
  padding: clamp(0rem, -1.714rem + 7.619vw, 4rem) 0;
}
.home-screens .home-grid-pp {
  margin-bottom: 0;
  gap: 0.75rem;
}
.home-screens .home-grid-pp h3 {
  padding-bottom: 1rem;
  border-bottom: 0;
  margin-left: 0 !important;
  /*margin-bottom: 1rem !important;  margin bottom einfach entfernen, auf default setzen */
}
.home-screens .home-grid-pp .zoom-img {
  /*background-color: var(--c-bg_grey) !important;*/
  border: 1px solid var(--c-border_light);
  margin-top: 1rem;
}
.home-screens .home-grid-pp-item {
  padding: 3rem 2rem 1rem 3rem;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  border: 0;
  border-radius: 0;
}
.home-screens .home-pp-icon {
  position: absolute;
  left: -0.9rem;
  top: 0.75rem;
  z-index: 500;
  opacity: 0.5;
  display: none;
}
.home-screens .home-pp-icon ~ div {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.home-grid-pp .zoom-img:hover {
  border: 1px solid var(--c-border);
}

.home-grid-pp .home-pp-icon ~ div {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.home-pp-arrow {
  width: 64px;
  margin-left: -4rem;
  position: absolute;
  top: 3rem;
  z-index: 600;
}

@media (min-width: 30rem) {
  .rotate-left_2 {
    transform: rotate(-2deg);
    border: 1px dashed var(--c-border);
  }
  .home-txt {
    border: 1px dashed var(--c-border);
    padding: 2rem 1rem;
  }
  .home-txt-img img {
    width: 100px;
  }
  .home-grid-default {
    grid-template-columns: 40% auto;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    margin: 0 auto 4rem;
    padding: 0 1rem;
    align-items: start;
  }
  .home-grid-pp-2 {
    transform: rotate(6deg);
  }
  .home-grid-default-2 {
    grid-template-columns: 25% auto;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .home-grid-default-txt {
    padding-top: 4rem;
  }
  .home-img-settings {
    display: block;
    width: 64px;
  }
  .home-grid-pp-time {
    display: grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    border-radius: 12px;
  }
}
@media (min-width: 40rem) {
  .home-header {
    display: grid;
    grid-template-columns: 0.5fr 1fr;
    gap: 4rem;
    align-items: start;
  }
  .home-header h2 {
    padding: 15% 0 10%;
  }
  .home-header-content {
    margin-top: -2rem;
  }
  .home-img-price {
    width: 300px;
  }
  .home-img-map {
    width: 200px;
  }
  .home-pp-icon {
    height: 64px;
    width: 64px;
  }
  .home-pp-icon img {
    width: 40px;
    height: 40px;
  }
  .proven > div {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .prov-logo-fd {
    flex: 0 0 100px;
    padding-top: 1rem;
  }
  .prov-cont {
    flex: 4 1 500px;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
  .prov-txt {
    flex: 2 1 240px;
  }
  .prov-logo {
    flex: 0 0 220px;
  }
  .fd-home-ps-2 {
    margin-left: 6rem;
  }
  .fd-home-ps-3 {
    margin-left: 2rem;
  }
  .fd-home-ps-4 {
    margin-left: 8rem;
  }
  .home-video {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    justify-content: center;
    align-items: center;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media (max-width: 40rem) {
  .home-header h2 {
    margin-bottom: 1rem !important;
  }
}
@media (max-width: 80rem) {
  .home-hide-mobile {
    display: none !important;
  }
}
/*@media (min-width: $xlarge) {
    .bg-home-grey {
        border-radius: 22px;
    }
}*/
.fd-contact-phone {
  text-align: center;
  margin-bottom: 2rem;
}
.fd-contact-phone > div {
  padding: 1rem;
}
.fd-contact-phone a {
  font-weight: 600;
  font-size: 1.1rem;
  letter-spacing: 0.07rem;
}
.fd-contact-phone a:hover {
  color: var(--c-link);
}

.fd-contact-headset {
  display: inline-block;
  border-radius: 6px;
  background-color: var(--c-primary);
}
.fd-contact-headset img {
  width: 32px;
}

.form-contact {
  background-color: #EEE7E7;
  /*margin-left: 2%;
  margin-right: 2%;*/
}

@media (min-width: 540px) {
  .fd-contact-phone {
    margin-bottom: 6rem;
    padding: 0.75rem;
    transform: rotate(3deg);
    border: 1px dashed var(--c-border);
    border-radius: 12px;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-content: center;
  }
  .fd-contact-phone > div {
    padding: 1rem 2rem;
  }
  .fd-contact-headset {
    margin-left: -2rem;
    border-radius: 8px;
    transform: rotate(-8deg);
  }
  .fd-contact-headset img {
    width: 64px;
  }
  .form-contact {
    border-radius: 22px;
  }
}
/*.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);
}*/
.toc-before {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}

.toc-block {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-left: max(2%, 1rem);
  padding-right: max(2%, 1rem);
  padding-bottom: 3rem;
}

.toc-items {
  font-family: var(--font-highlight);
  border-bottom: 1px dashed var(--c-border_mid);
}
.toc-items a {
  display: block;
  padding: 0.4rem 2.5rem 0.4rem 0;
  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: 13%;
  line-height: 1.3;
  /*border-top: 1px dotted var(--c-border);*/
}
.toc-items a[data-level-type=H2] {
  border-top: 1px dashed var(--c-border_mid);
  padding: 0.75rem 2.5rem 0.75rem 0;
}
.toc-items a[data-level-type=H3] {
  margin-left: 2rem;
  font-size: clamp(0.95rem, 2.5vw, 1rem);
}
.toc-items a[data-level-type=H4] {
  margin-left: 4rem;
  font-size: clamp(0.95rem, 2.5vw, 1rem);
}
.toc-items a[data-level-type=H5] {
  margin-left: 6rem;
  font-size: clamp(0.95rem, 2.5vw, 1rem);
}
.toc-items a:hover {
  text-decoration: none;
}

@media (min-width: 50rem) {
  .toc-items a {
    background-size: 8%;
  }
  .toc-items a:hover {
    background-size: 10%;
    background-position: 102% center;
  }
}
/*@use "../Core/Abstracts/BPL-colors" as BPLColors;*/
.fd-challenge {
  background-color: #fefefe;
  border: 0.0625rem solid hsl(0, 0%, 79%);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  z-index: 10010;
  top: 400px;
  line-height: 1.4;
}

.fd-challenge-btn {
  width: 302px;
  grid-column-gap: 4px;
}
.fd-challenge-btn a {
  display: block;
  font-size: 0.9rem;
  padding: 0.2rem;
  /*@include button($expand: true);
  padding: 0.5rem .25rem !important;
  font-size: .9rem;
  font-weight: 600;
  text-decoration: none !important;*/
}
.fd-challenge-btn .primary {
  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));
  /*box-shadow: 0 1px 4px BPLColors.lightness(var(--c-white), 0.4);*/
}
.fd-challenge-btn .primary:hover, .fd-challenge-btn .primary:focus {
  background-color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.8));
  /*background-color: BPLColors.lightness(var(--c-secondary), .8);*/
}
.fd-challenge-btn .captcha-refresh, .fd-challenge-btn .captcha-cancel {
  background-color: transparent;
  border-color: var(--c-secondary);
  color: var(--c-secondary);
}
.fd-challenge-btn .captcha-refresh:hover, .fd-challenge-btn .captcha-refresh:focus, .fd-challenge-btn .captcha-cancel:hover, .fd-challenge-btn .captcha-cancel:focus {
  border-color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.8));
  color: hsl(var(--c-secondary-h), var(--c-secondary-s), calc(var(--c-secondary-l) * 0.8));
  background-color: var(--c-bg_selected);
}

.captcha-desc {
  font-family: var(--font-highlight);
  font-size: 0.85rem;
}
.captcha-desc div {
  font-weight: 600;
}

.fd-challenge-invalid {
  font-family: var(--font-highlight);
  font-size: 0.85rem;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.sb-header {
  font-size: 0.9rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  padding: 0.5rem 1rem;
  background-color: var(--c-bg_light);
}
.sb-header .sb-steps {
  display: flex;
  gap: 0.25rem;
  padding: 0.25rem 0;
}
.sb-header .sb-steps .sb-step {
  padding: 0.25rem 0.5rem;
  border: 1px dashed var(--c-border_mid);
  /*&:after {
  	content: "";
  	display: inline-block;
  	vertical-align: middle;
  	width: 40px;
  	height: 1px;
  	border-top: 1px solid #cecece;
  	margin: 0 10px;
  }*/
  /*&:last-child {
  	margin-right: 0;

  	&:after {
  		width: 0;
  		height: 0;
  		border-top-style: none;
  	}
  }*/
}
.sb-header .sb-steps .sb-step.active {
  border: 1px solid var(--c-border_focus);
  /*background-color: var(--c-bg_grey);*/
}
.sb-header .sb-hotline {
  padding: 0.25rem 0.5rem;
  /*border: 1px solid var(--c-border_mid);*/
  /*background-color: var(--c-success);
  color: #fff;*/
}

@media (min-width: 800px) {
  .sb-header {
    grid-template-columns: 1fr auto;
  }
  .sb-seller-entry .sb-entry {
    grid-template-columns: auto 1fr !important;
  }
}
.sb-voucher {
  font-size: 0.9rem;
  display: grid;
  align-items: center;
  grid-template-columns: auto auto auto;
  gap: 0.5rem;
  justify-content: start;
  padding: 0 1rem;
  margin: auto;
}
.sb-voucher input {
  width: 150px;
  font-size: 0.9rem;
  padding: 2px 4px;
  margin: 0;
  height: auto;
}
.sb-voucher button {
  font-size: 0.9rem;
  padding: 5px 10px;
  margin: 0;
  height: auto;
}

.sba-actions {
  width: 1.5rem;
}
.sba-actions .sba-remove {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("https://storageaccountbplweb.blob.core.windows.net/uploads/2220890b-3774-482c-9a90-9341184e0a6a-remove.svg");
  background-size: 1rem;
  background-position-y: center;
  background-repeat: no-repeat;
  /*&::after {
      content: "Löschen";
      display: inline-block;
      margin-left: 1.25rem;
  }*/
}

.sba-caption {
  margin-bottom: 0.5rem;
}

.sba-total {
  font-weight: 600;
}

.sb-basket-entries, .sb-voucher, .sb-nav-buttons, .sb-order-region, .sb-userdata, .sb-overview, .sb-ov-articledata {
  width: 100%;
  max-width: 1000px;
}

.sb-seller-entry .sb-seller {
  font-family: var(--font-highlight);
  padding: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
}
.sb-seller-entry .sb-entries {
  padding: 0 0.5rem;
}
.sb-seller-entry .sb-entries .sb-entry-img {
  width: 120px;
}
.sb-seller-entry .sb-entries .sba-count {
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.sb-seller-entry .sb-shipping-costs {
  display: flex;
  padding-bottom: 1rem;
  border-bottom: 1px solid #cecece;
  margin-bottom: 1rem;
}
.sb-seller-entry .sb-entry {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 0.5rem;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px dashed var(--c-border);
}

.sb-totals {
  margin: 1rem 0;
  padding: 0 0.5rem;
  font-weight: 600;
  border-top: 1px solid var(--c-border_mid);
  padding-top: 1rem;
}
.sb-totals .sb-total {
  display: grid;
  grid-template-columns: 1fr 150px;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  text-align: right;
}
.sb-totals .sb-total:nth-child(3) .sba-price {
  font-size: 1.2rem;
  border-bottom: 1px solid var(--c-font);
}

.sb-totals-maintenance {
  margin-bottom: 1rem;
}

.sb-maintenance {
  display: flex;
  justify-content: space-between;
}

.sb-article-price, .sb-rebate-price {
  margin-left: auto;
}
.sb-article-price.original, .sb-rebate-price.original {
  -webkit-text-decoration: line-through #f00;
          text-decoration: line-through #f00;
}

.sb-article-actions {
  width: 2rem;
}
.sb-article-actions .sb-article-remove:before {
  display: inline-block;
  content: "❌";
  width: 20px;
  font-size: 0.6rem;
}

.sb-seller-order-notes {
  font-weight: 400;
  margin-top: 1rem;
  padding: 0.5rem 0;
}

.saving {
  font-weight: normal;
  font-size: 0.8rem;
}

.saving-part1 {
  color: #f00;
}

.shopping-basket .sb-notes {
  margin: auto;
  width: 100%;
  max-width: 1000px;
  padding: 0 1rem;
}

.sb-nav-buttons {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 2rem;
  margin: auto;
}

/*$sb-button-color: #fff;
$sb-button-background: var(--c-secondary); //#4472c4;
$sb-button-background-lightness: 10%;

.sb-button {
    @include button($color: $sb-button-color, $background: scale-color($sb-button-background, $lightness: $sb-button-background-lightness), $background-hover: $sb-button-background);
    margin-right: 1rem;

    &.disabled, &[disabled] {
        @include button-disabled;
    }

    &.sb-secondary-button {
        @include button-hollow;
        border-color: scale-color($sb-button-background, $lightness: $sb-button-background-lightness);
        color: scale-color($sb-button-background, $lightness: $sb-button-background-lightness);

        &:hover, &:focus {
            border-color: $sb-button-background;
            color: $sb-button-background;
        }
    }
}*/
.sb-order-region {
  margin: 0 auto 2rem;
  padding: 1rem;
  border-bottom: 1px solid var(--c-border_mid);
}
.sb-order-region .sb-order-title {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.sb-order-region .sb-order-title::before {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: var(--c-primary);
  margin-top: -0.5rem;
}
.sb-order-region:first-child .sb-order-title::before {
  content: url(https://storageaccountbplweb.blob.core.windows.net/uploads/e2beb064-6fd0-4fb1-a20d-7a9a0cfa1115-user-ok_white.svg);
}
.sb-order-region:nth-child(2) .sb-order-title::before {
  content: url(https://storageaccountbplweb.blob.core.windows.net/uploads/65d84bda-9415-4778-a220-b260c9f56a19-user-plus_white.svg);
}
.sb-order-region:nth-child(2) .sb-button {
  border-color: var(--c-secondary);
  color: var(--c-secondary) !important;
  background-color: #fff;
  box-shadow: 0 0 0 !important;
}
.sb-order-region .sb-order-title {
  font-family: var(--font-highlight);
  font-weight: 600;
}
.sb-order-region .sb-order-note {
  max-width: 80ch;
  margin: 0.5rem auto 1rem 0;
}

.sb-login .sb-login-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
}
.sb-login .sb-login-row label {
  width: 100px;
  font-size: 1rem;
}
.sb-login .sb-login-row input {
  width: 250px;
  margin: 0;
}
.sb-login .sb-invalid-login {
  color: hsl(27, 98%, 54%);
  margin: 8px 0;
}
.sb-login .sb-login-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding: 1rem 0;
}
.sb-login .sb-login-button .sb-button {
  margin: 0;
}

.sb-progress-text {
  margin: 8px 0;
  color: hsl(229, 59%, 51%);
}

.sb-userdata {
  margin: auto;
}
.sb-userdata .change-userdata-form-data {
  padding: 1rem;
}
.sb-userdata .sb-userdata-form .sb-userdata-notes {
  padding: 1rem;
}
.sb-userdata .sb-userdata-form .sb-userdata-notes :first-child {
  font-weight: 600;
}
.sb-userdata textarea {
  margin-bottom: 0 !important;
  height: 5.8rem;
}

.sb-ov-data {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding: 0.5rem;
  font-size: 0.95rem;
}

.sb-ov-userdata, .sb-basket-entries {
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 1rem;
}
.sb-ov-userdata .sb-ov-title::before, .sb-basket-entries .sb-ov-title::before {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: var(--c-primary);
}

@media (min-width: 500px) {
  .sb-seller-entry .sb-article {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (min-width: 600px) {
  .sb-seller-entry .sb-article {
    display: grid;
    grid-template-columns: 1fr auto auto auto auto;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (min-width: 1000px) {
  .sb-ov-userdata, .sb-basket-entries, .change-userdata-form-data {
    border-radius: 8px;
    border: 1px solid var(--c-border_mid);
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.175);
    margin: 1rem auto 2rem;
  }
}
.sb-ov-userdata .sb-ov-title::before {
  content: url(https://storageaccountbplweb.blob.core.windows.net/uploads/54b65d72-b325-4b47-91ff-995cc53b961f-account-user_white.svg);
}
.sb-ov-userdata dl {
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  row-gap: 0.25rem;
}
.sb-ov-userdata dt {
  margin-bottom: 0;
  font-size: 0.85rem;
  line-height: 1.2rem;
  font-weight: 400;
  color: #666;
}
.sb-ov-userdata dd {
  line-height: 1.2rem;
}

.sb-ov-articledata {
  margin: auto;
}
.sb-ov-articledata .sb-ov-title {
  border-bottom: 0 !important;
  padding-bottom: 0.5rem !important;
  grid-template-columns: 1fr !important;
  margin-bottom: 1rem;
  font-size: 1.2rem !important;
  text-align: center;
  background-color: var(--c-bg_body);
  /*&::before {
      content: url(https://storageaccountbplweb.blob.core.windows.net/uploads/80a5a225-8e5a-486f-b94e-002fcd5ef304-basket_white.svg);
  }*/
}

.sb-overview {
  margin: auto;
}
.sb-overview .sb-ov-articledata {
  margin-top: 2rem;
}
.sb-overview .sb-ov-col-header {
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 0.95rem;
}
.sb-overview .sb-ov-title {
  font-family: var(--font-highlight);
  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);
  font-size: 0.9rem;
  font-weight: 600;
}
.sb-overview .sb-confirm-order {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  align-items: start;
  padding: 1rem 0.5rem;
}
.sb-overview .sb-confirm-order label {
  margin: 0;
  font-size: inherit;
  line-height: 1.4;
}
.sb-overview .sb-confirm-order input {
  margin-top: 0.5rem;
}

.steps-enter-active {
  transition: all 0.3s ease;
}

.steps-enter, .steps-leave-to {
  opacity: 0;
}

.steps-enter-to, .steps-leave {
  opacity: 1;
}

.sb-empty-basket {
  text-align: center;
  padding: 1rem 1rem 3rem;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.hero {
  background-color: var(--c-bg_body);
}
.hero img {
  width: 100%;
  max-width: 80rem;
  margin: 0 auto;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.spotlight-list {
  display: flex;
  flex-flow: row wrap;
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}
@media print, screen and (min-width: 40em) {
  .spotlight-list {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}
@media print, screen and (min-width: 64em) {
  .spotlight-list {
    margin-right: 5.625rem;
    margin-left: 5.625rem;
  }
}

.spotlight-cell {
  flex: 1 1 0;
  width: auto;
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
@media print, screen and (min-width: 40em) {
  .spotlight-cell {
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}

.spotlight {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 10px;
  border: 1px solid #888;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 0px 15px 2px #888;
  overflow: hidden;
  color: var(--c-font);
  align-items: stretch;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  padding: 5px;
}
.spotlight > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .spotlight {
    padding: 10px;
  }
}
@media screen and (min-width: 80em) {
  .spotlight {
    padding: 20px;
  }
}
.spotlight:hover {
  transform: scale(1.02);
  box-shadow: 0px 0px 15px 2px #333;
}
.spotlight a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.spotlight-section {
  flex: 1 0 auto;
  padding: 1rem;
}
.spotlight-section > :last-child {
  margin-bottom: 0;
}

.hero + .spotlight-list {
  margin-top: -21%;
  z-index: 10;
  position: relative;
}
@media print, screen and (max-width: 63.99875em) {
  .hero + .spotlight-list {
    margin-top: -22%;
  }
  .hero + .spotlight-list > .spotlight-cell {
    flex: 0 0 auto;
    width: calc(25% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .hero + .spotlight-list > .spotlight-cell {
    flex: 0 0 auto;
    width: calc(50% - 5rem);
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
}
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.content-selector {
  display: flex;
  flex-flow: row wrap;
  position: relative;
}

.cs-select {
  /* @include xy-grid;
  @include xy-cell;*/
  justify-content: center;
}

.cs-dropdown {
  flex: 0 0 auto;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  background-color: rgba(51, 51, 51, 0.98);
}
@media print, screen and (min-width: 40em) {
  .cs-dropdown {
    padding-right: 0.8125rem;
    padding-left: 0.8125rem;
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
  }
}
.cs-dropdown select {
  width: 350px;
  margin: 0;
}

.cs-text-before {
  /*@include xy-cell(shrink, null, 0);
  @include xy-gutters($content-selector-text-padding, padding, left top bottom);
  text-align: right;
  background-color: $content-selector-parts-bg;
  color: $content-selector-text-color;*/
}

.cs-text-after {
  /*@include xy-cell(shrink, null, 0);
  @include xy-gutters($content-selector-text-padding, padding, right top bottom);
  background-color: $content-selector-parts-bg;
  color: $content-selector-text-color;*/
}

.cs-content {
  margin-top: calc(100vw - 98%);
}

.cs-tabs {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: 1px solid var(--c-border_mid);
  margin: 0;
  /*@include tabs-container;*/
}

.cs-tabs-title {
  /*@include tabs-title;*/
}
.cs-tabs-title a {
  display: block;
  padding: 1rem 0.5rem;
  line-height: 1.3;
  white-space: normal;
  /*text-transform: uppercase;*/
  color: var(--c-font);
  text-align: center;
  font-family: var(--font-highlight);
  font-size: 0.9rem;
  font-weight: 600;
}

.cs-tabs-content {
  border: 1px solid hsl(0, 0%, 90%);
  border-top: 0;
  background: #fff;
  color: var(--c-font);
  transition: all 0.5s ease;
}

.cs-tabs-panel {
  display: none;
  padding: 1rem;
}
.cs-tabs-panel.is-active {
  display: block;
}

.cs-switch-content-show {
  display: block;
}

.cs-switch-content-hide {
  display: none;
}

.switch-twin .cs-switch {
  padding: 1rem;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  border-top: 1px dotted var(--c-warning);
  border-bottom: 1px dotted var(--c-warning);
  font-family: var(--font-highlight);
  font-weight: var(--font-weight_bold);
}
.switch-twin .cs-switch-item.is-active {
  color: var(--c-warning);
}
.switch-twin input[type=checkbox] {
  height: 0;
  width: 0;
  display: none;
}
.switch-twin label {
  cursor: pointer;
  text-indent: -9999px;
  width: 64px;
  height: 32px;
  background: var(--c-warning);
  display: block;
  border-radius: 32px;
  position: relative;
  margin: 0;
}
.switch-twin label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 28px;
  height: 28px;
  background: #fff;
  border-radius: 28px;
  transition: 0.3s;
}
.switch-twin input:checked + label {
  background: var(--c-warning);
}
.switch-twin input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.switch-twin label:active:after {
  width: 64px;
}

.cs-who {
  margin-bottom: 6rem;
}
.cs-who h2 {
  text-align: center;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.highlight-list {
  /*@include xy-gutters($highlight-outer-gutters);
  @include xy-gutters($highlight-outer-bottom-gutter, margin, bottom);*/
  /*@include xy-grid;*/
}

.highlight-wrapper {
  position: relative;
}

.highlight-controls {
  display: flex;
  justify-content: space-between;
  font-size: 3rem;
  position: absolute;
  top: 40%;
  width: 100%;
}
.highlight-controls .highlight-previous, .highlight-controls highlight-next {
  cursor: pointer;
}

.highlight-container {
  overflow-x: hidden;
  white-space: nowrap;
  text-align: center;
  margin: 0 2rem;
  /*margin: 0 10%;
  margin-top: -3rem;*/
}

.highlight-cell {
  /*@include xy-cell(auto);*/
  margin-right: 0.625rem;
  margin-left: 0.625rem;
  white-space: normal;
  width: 300px;
  display: inline-block;
  position: relative;
  background-color: var(--c-primary);
  background: linear-gradient(135deg, #ff3019 0%, #ce0000 100%);
  border-radius: 12px;
}
@media print, screen and (min-width: 40em) {
  .highlight-cell {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .highlight-cell {
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }
}
.highlight-cell .highlight {
  background-color: transparent;
  align-items: stretch;
  justify-content: center;
  padding: 1.5rem;
  text-align: right;
}
.highlight-cell img {
  padding: 0.5rem;
  height: 120px;
  width: auto;
  opacity: 0.3;
  margin: -2rem -2.2rem -1.5rem 0;
}
.highlight-cell a {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.25rem, 0.7813rem + 1.5vw, 1.525rem);
  border: 1px dashed var(--c-border_light);
  font-weight: var(--font-weight_bold);
  padding: 0.75rem;
  border-radius: 6px;
  display: block;
  color: var(--c-white);
  text-align: left;
  margin: 0;
}
.highlight-cell a::after {
  content: url(https://storageaccountbplweb.blob.core.windows.net/uploads/4d29e85e-756c-450c-9256-5ddaf4cd5db8-arrow-right-home-white.svg);
  display: inline-block;
  width: 2rem;
  margin-left: 0.5rem;
  position: relative;
  bottom: -0.25rem;
}
.highlight-cell a:hover {
  border: 1px solid var(--c-white);
  color: var(--c-white);
  border-radius: 0;
  box-shadow: var(--c-border_mid) 0 0 15px;
}

.highlight-text {
  /*height: 190px;*/
  /*&:before {
      content: "";
      display: block;
      height: 2px;
      border-top: 2px solid $border-color;
      margin-bottom: 2rem;
  }*/
}
.highlight-text p {
  text-overflow: ellipsis;
  overflow-y: hidden;
}

.highlight-section {
  /*@include card-section;*/
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
/*.block {
    @include gutter-after-block;
    @include center-block;
    width: 100%;


    @include breakpoint(medium) {
        width: 90%;
    }

    @include breakpoint(large) {
        width: 80%;
    }

    p {
        font-size: 1.5rem;
    }

    &.secondary {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}*/
.col-regular .blocks-items {
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 1rem;
}
.col-regular .block-item {
  flex: 1 0 250px;
}

.col-60-30 .blocks-items, .col-30-60 .blocks-items {
  padding: 1rem 0;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 1rem;
}

.col-60-30 .block-item:nth-child(2n+1) {
  flex: 1 0 60%;
}
.col-60-30 .block-item:nth-child(2n) {
  flex: 1 0 30%;
  min-width: 250px;
}

.col-30-60 .block-item:nth-child(2n) {
  flex: 1 0 60%;
}
.col-30-60 .block-item:nth-child(2n+1) {
  flex: 1 0 30%;
  min-width: 250px;
}

.col-vertical-centered .blocks-items {
  align-items: center;
}

.col-vertical-bottom .blocks-items {
  align-items: end;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.testimonials-list {
  width: 100%;
  max-width: 64rem;
  margin: auto;
  padding: 2rem 1rem;
  border: 1px solid var(--c-border_light);
  box-shadow: 0 20px 50px 0 rgba(28, 9, 80, 0.07);
  background-color: #fff;
}
.testimonials-list h3 {
  text-align: center;
  position: relative;
}
.testimonials-list h3::before {
  content: "“";
  position: absolute;
  top: -3rem;
  left: 0;
  font-size: 12rem;
  line-height: 1;
  color: var(--c-primary);
  opacity: 0.3;
}
.testimonials-list .slides-controls {
  font-size: 3rem;
}
.testimonials-list .slides-wrapper:focus, .testimonials-list .slides-container:focus {
  outline-style: none;
}
.testimonials-list .slide-previous, .testimonials-list .slide-next {
  color: var(--c-font);
  padding: 0;
  cursor: pointer;
}
.testimonials-list .slide-previous:hover, .testimonials-list .slide-previous:focus, .testimonials-list .slide-next:hover, .testimonials-list .slide-next:focus {
  background-color: transparent;
}

.testimonial {
  padding: 0 3rem;
}

.ti-content {
  flex: 1;
  color: hsl(0, 0%, 37%);
}

.ti-user-img {
  max-height: 200px;
  border: 1px solid hsl(0, 0%, 60%);
  padding: 0.5rem;
  max-width: 200px;
  margin-bottom: 1rem;
}

.ti-company-info span:first-child {
  font-weight: 600;
}
.ti-company-info p:last-child {
  color: hsl(0, 0%, 4%);
  margin-bottom: 0;
}

.ti-company-logo {
  align-self: flex-end;
  padding-bottom: 4px;
}
.ti-company-logo img {
  max-width: 250px;
  max-height: 150px;
}

.ti-info {
  display: flex;
  justify-content: space-between;
}

.testimonial.beispielhaus .ti-company-logo img {
  width: 250px;
}

@media (min-width: 40rem) {
  .testimonial {
    display: flex;
    align-items: start;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media (min-width: 64rem) {
  .testimonials-list {
    border: 1px solid var(--c-border_light);
    border-radius: 12px;
  }
}
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.youtube-video {
  text-align: center;
  align-items: center;
}
.youtube-video h2 {
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-weight: 400;
}

.youtube-preview {
  cursor: pointer;
}

.youtube-frame {
  width: 100%;
  aspect-ratio: 800/533;
}

.youtube-text {
  max-width: 40rem !important;
  margin: 1rem auto 0;
  text-align: left;
  padding: 1rem;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.slides-wrapper {
  position: relative;
}

.slide-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
  left: 0;
}
[data-whatinput=mouse] .slide-previous {
  outline: 0;
}
.slide-previous:hover, .slide-previous:active, .slide-previous:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.slide-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 1rem;
  color: #fefefe;
  left: auto;
  right: 0;
}
[data-whatinput=mouse] .slide-next {
  outline: 0;
}
.slide-next:hover, .slide-next:active, .slide-next:focus {
  background-color: rgba(10, 10, 10, 0.5);
}

.slides-container {
  position: relative;
  height: 0;
  margin: 0;
  list-style: none;
  overflow: hidden;
}

.slide {
  width: 100%;
  position: absolute;
}
.slide.no-motionui.is-active {
  top: 0;
  left: 0;
}

.slide-figure {
  margin: 0;
}

.slide-image {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.slide-caption {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe;
}

.slides-bullets {
  position: relative;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  text-align: center;
}
[data-whatinput=mouse] .slides-bullets {
  outline: 0;
}
.slides-bullets button {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0.1rem;
  border-radius: 50%;
  background-color: hsl(0, 0%, 79%);
}
.slides-bullets button:hover {
  background-color: hsl(0, 0%, 54%);
}
.slides-bullets button.is-active {
  background-color: hsl(0, 0%, 54%);
}

.marker-h1 {
  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: left 70%;
  pointer-events: none;
  background-size: 60% 30%;
}

.fd-home-slide .blocks-items {
  align-items: center;
  padding: 0 1rem;
}
.fd-home-slide .blocks-items .slides-controls button {
  font-size: clamp(20px, 4vw, 36px);
  color: var(--c-font);
  padding: 0 0.5rem;
  cursor: pointer;
}
.fd-home-slide .blocks-items .slides-controls buttonhover {
  background-color: rgba(0, 0, 0, 0.2);
}

.slide-home {
  text-align: center;
}

.slide-image {
  width: 600px;
  max-width: 100%;
}

.slide-home-left > div {
  display: grid;
  justify-items: center;
}

@media (min-width: 800px) {
  .fd-home-slide .blocks-items {
    max-width: 100%;
    width: 70rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    gap: 2rem;
  }
}
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.timeline-row {
  margin: 0 10rem;
}
.timeline-row:first-child .timeline-item:before {
  content: "";
  border: 1px solid #808080;
  border-radius: 50%;
  background-color: #808080;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  transform: translate(-50%, -8px);
  left: 50%;
}
.timeline-row:last-child .timeline-item:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: relative;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  border-top: 16px solid #808080;
  transform: translate(-50%, -16px);
  left: 50%;
}

.timeline-item {
  display: flex;
  flex-flow: row wrap;
}

.timeline-item-section {
  flex: 0 0 auto;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 2rem;
}
.timeline-item-section:first-child {
  border-right: 1px solid #808080;
  padding-right: 2rem;
  text-align: right;
}
.timeline-item-section:last-child {
  border-left: 1px solid #808080;
  padding-left: 2rem;
  text-align: left;
}

/*.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);
}*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.contact-form {
  /*width: 80rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 4.5rem;*/
  font-family: var(--font-highlight);
  font-size: 1rem;
}
.contact-form label {
  font-size: 0.9rem;
  padding-right: 8px;
  padding-left: 8px;
}
.contact-form textarea {
  min-height: 10rem;
}
.contact-form .button {
  background-color: var(--c-primary);
  color: var(--c-white) !important;
  border-color: var(--c-primary);
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}
.contact-form .button:hover, .contact-form .button:focus {
  background-color: hsl(var(--c-primary-h), var(--c-primary-s), calc(var(--c-primary-l) * 0.8));
}

.contact-form-controls {
  margin-bottom: 1.5rem;
}

.cfc-group-title {
  font-weight: var(--font-weight_bold);
}

.contact-groups {
  margin-bottom: 2rem;
}
@media (min-width: 50rem) {
  .contact-groups {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
}

.contact-group-name, .cfc-group-title {
  font-weight: var(--font-weight_bold);
  margin-bottom: 12px;
}

.contact-field {
  margin-bottom: 12px;
  width: 100%;
}
@media (min-width: 30rem) {
  .contact-field {
    display: grid;
    grid-template-columns: 110px auto;
    align-items: center;
  }
}
.contact-field div:last-child > div {
  display: flex;
}
.contact-field input, .contact-field select {
  margin: 0;
  font-size: 0.9rem;
}
.contact-field .radio {
  flex: 0 0 auto;
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.contact-field .radio input {
  margin: 0 4px 0 0 !important;
}
.contact-field [type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 19px;
  min-width: 19px;
  height: 19px !important;
  border: 1px solid var(--c-border);
  border-radius: 50%;
  background-color: #fff;
}
.contact-field [type=radio]:focus {
  border: 1px solid var(--c-border_focus);
  box-shadow: 0 0 5px hsl(0, 0%, 79%);
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
.contact-field [type=radio]:checked::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  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;
}

.contact-message, .contact-note, .contact-privacy, .contact-submit, .newsletter {
  font-size: 0.85rem;
  padding-bottom: 1rem;
}

.contact-submit {
  margin-top: 1rem;
  text-align: center;
}

.newsletter {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: start;
}
.newsletter [type=checkbox] {
  margin-top: 0.5rem;
}

.newsletter-image {
  margin-bottom: 0.25rem;
}

/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
/*.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);
}*/
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
/*Anzahl der Ebenen*/
.list-padding > div[data-padding="1"] {
  padding-left: 10px;
}
.list-padding > div[data-padding="2"] {
  padding-left: 20px;
}
.list-padding > div[data-padding="3"] {
  padding-left: 30px;
}
.list-padding > div[data-padding="4"] {
  padding-left: 40px;
}
.list-padding > div[data-padding="5"] {
  padding-left: 50px;
}
.list-padding > div[data-padding="6"] {
  padding-left: 60px;
}
.list-padding > div[data-padding="7"] {
  padding-left: 70px;
}
.list-padding > div[data-padding="8"] {
  padding-left: 80px;
}
.list-padding > div[data-padding="9"] {
  padding-left: 90px;
}
.list-padding > div[data-padding="10"] {
  padding-left: 100px;
}

.accordion-items > ul {
  display: block;
}

.accordion-items-list {
  margin-left: 0;
  background: #fff;
  list-style-type: none;
}
.accordion-items-list[disabled] .accordion-title {
  cursor: not-allowed;
}
.accordion-items-list ul {
  margin-bottom: 2rem;
  max-width: 80ch;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.home .accordion-items-list {
  list-style-type: none;
  margin-left: 0;
  border-bottom: 1px solid var(--c-border);
  margin-top: 6rem;
  margin-bottom: 6rem;
}
.home .accordion-item {
  border-top: 1px solid var(--c-border);
}
.home .accordion-item-title {
  line-height: 1.3;
  display: block;
  font-size: clamp(20px, 4.5vw, 56px);
  font-family: var(--font-highlight);
  color: var(--c-font);
}
.home .accordion-item-title::before {
  content: "";
}
.home .accordion-item-title:hover {
  text-decoration: none;
  color: var(--c-font);
}
.home .accordion-item-title[aria-expanded=false]:hover {
  background-size: 15%;
  background-position: 102% center;
}
.accordion-item-content {
  /*box-shadow: inset 4px 0 0 0 #eee, inset 0 3px 6px rgba(#000,.1);*/
}

.accordeon-basic .accordion-item {
  border: 1px solid var(--c-border_mid);
  margin-bottom: 0.5rem;
}
.accordeon-basic .accordion-item:hover {
  border: 1px solid var(--c-border);
}
.accordeon-basic .accordion-item.is-active {
  background-color: var(--c-bg_light);
}
.accordeon-basic .accordion-item-title {
  line-height: 1.5;
  display: block;
  padding: 1rem;
}
.accordeon-basic .accordion-item-title:hover {
  text-decoration: none;
  color: var(--c-font);
}
.accordeon-basic .accordion-item-title:hover::before {
  transform: scale(1.2);
}
.accordeon-basic .accordion-item-title::before {
  margin-top: -1rem;
  font-size: 1.4rem;
}
.accordeon-basic .accordion-item-content {
  padding: 1rem 0;
  margin: 0 2rem 1rem 1rem;
  border-top: 1px solid var(--c-border);
}

.accordion-permalink {
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  align-self: center;
  background-image: url("https://storageaccountbplweb.blob.core.windows.net/uploads/9ab76071-4cc7-404a-878e-8b3f60e33ec4-copy.svg");
  background-repeat: no-repeat;
}

@media (min-width: 50rem) {
  /*.accordion {
      padding-left: max(2%,1rem);
      padding-right: max(2%,1rem);
  }*/
  .home .accordion-item-content {
    padding: 0 max(10%, 1rem) 3rem 0;
  }
  .home .col-2 {
    display: flex;
    gap: max(6%, 2rem);
  }
  .home .col-2 > p {
    flex: 1 0 250px;
  }
}
/**
 * Foundation for Sites
 * Version 6.7.5
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/*@mixin gutter-after-block {
    @include xy-gutters(( small: 40px, medium: 70px, large: 100px ), margin, bottom);
}*/
/*@mixin center-block {
    margin-left: auto;
    margin-right: auto;
}*/
.news {
  margin: 10px;
  padding: 20px;
  border: 1px solid #808080;
}

.news-date {
  color: #808080;
  font-size: 0.8rem;
}

.news-title {
  font-size: 1.5rem;
  font-weight: var(--font-weight_bold);
}

.rt-table-container {
  overflow-x: auto;
  overflow-y: visible;
  scroll-snap-type: x mandatory;
}

.rt-table {
  border-spacing: 0;
  border-top: 1px solid var(--c-border_mid);
  border-right: 1px solid var(--c-border_mid);
  border-collapse: separate;
}
.rt-table .rt-first-col {
  position: sticky;
  left: 0;
  background-color: var(--c-bg_body);
}
.rt-table td, .rt-table th {
  padding: 4px 12px;
  vertical-align: baseline;
  border-left: 1px solid var(--c-border_mid);
  border-bottom: 1px solid var(--c-border_mid);
}
.rt-table th {
  text-align: left;
  border-bottom: 1px solid var(--c-border_mid);
  scroll-snap-align: start;
}

.impressum-address {
  margin-top: 2rem;
  display: flex;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  flex-wrap: wrap;
}

.privacy h1 {
  margin-left: 0;
}
.privacy td {
  padding: 0 1rem 0.1rem 0;
}
.privacy .b {
  padding-bottom: 0.25rem;
  font-weight: var(--font-weight_bold);
}
.privacy ul {
  margin: 0 0 0 1.25rem;
  padding: 0;
}
.privacy ol {
  counter-reset: item;
  padding: 0 0 0 0.5rem;
  margin: 0 0 0 0.5rem;
}
.privacy ol > li {
  display: block;
}
.privacy ol > li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  padding-right: 0.5rem;
  margin-left: -1rem;
  display: inline-block;
  float: left;
}
.privacy ol ul > li {
  padding-bottom: 0.5rem;
}
.privacy ol div {
  display: inline-block;
  width: calc(100% - 2.5rem);
  padding-bottom: 1rem !important;
}
.privacy > ol > li {
  padding-bottom: 0.5rem;
}

.kn-bread {
  font-family: var(--font-highlight);
  text-align: center;
  font-size: 0.9rem;
  padding: 2rem 1rem 0;
  color: var(--c-font_light);
}

.fd-kn-h1 h1 {
  font-weight: 600;
  line-height: 1.2;
  padding: 0.75rem 0;
  border-top: 1px dashed var(--c-border);
  border-bottom: 1px dashed var(--c-border);
}

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

.fd-kn-intro_first::first-letter {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
}

.fd-kn-h3-side {
  font-weight: 400;
  color: #156082;
}

.fd-kn-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
  gap: 2rem;
  margin-top: 2rem;
}

.fd-kn-card, .fd-kn-card:visited {
  padding-top: 3rem;
  border-top: 1px dashed #D5C3C3;
  color: var(--c-font) !important;
}

.fd-kn-card:hover, .fd-kn-card:active {
  text-decoration: none;
  border: 1px solid var(--c-border);
  box-shadow: 0 1px 4px hsl(0, 0%, 40%);
  color: var(--c-font);
}

.fd-kn-card-h1 {
  display: block;
  font-family: var(--font-highlight);
  font-size: clamp(22px, 2vw, 28px);
  line-height: 1.2;
  margin: 2rem 0 0.5rem;
}

.kn-bp-index {
  display: grid;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.fd-border-dashed {
  border: 1px dashed var(--c-border);
  border-radius: 8px;
  padding: 1rem !important;
}

.fd-kn-tab_2 {
  font-size: var(--font-size);
  display: grid;
  grid-template-columns: 1fr auto;
  margin: 2.5rem auto 0.75rem;
  border-top: 1px solid var(--c-border);
  border-left: 1px solid var(--c-border);
}
.fd-kn-tab_2 div {
  padding: 0.5rem;
  border-bottom: 1px solid var(--c-border);
  border-right: 1px solid var(--c-border);
}

.fd-kn-tab-header {
  background-color: var(--c-bg_body);
}

.fd-kn-tab_3 {
  font-size: var(--font-size);
  display: grid;
  grid-template-columns: 1fr auto auto;
  margin: 2.5rem auto 0.75rem;
  border-top: 1px solid var(--c-border);
  border-left: 1px solid var(--c-border);
}
.fd-kn-tab_3 div {
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid var(--c-border);
  border-right: 1px solid var(--c-border);
}
.fd-kn-tab_3 .fd-caption {
  grid-column: 1/4;
}
.fd-kn-tab_3 .fd-title_right {
  grid-column: 2/4;
  text-align: center;
}

.fd-kn-tab_4 {
  font-size: var(--font-size);
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  margin: 2.5rem auto 0.75rem;
  border-top: 1px solid var(--c-border);
  border-left: 1px solid var(--c-border);
}
.fd-kn-tab_4 div {
  padding: 0.5rem;
  border-bottom: 1px solid var(--c-border);
  border-right: 1px solid var(--c-border);
}

.fd-kn-tab_5 {
  font-size: var(--font-size);
  display: grid;
  grid-template-columns: 1fr 0.3fr 0.3fr 0.3fr 0.3fr;
  margin: 2.5rem auto 0.75rem;
  border-top: 1px solid var(--c-border);
  border-left: 1px solid var(--c-border);
}
.fd-kn-tab_5 div {
  padding: 0.5rem;
  border-bottom: 1px solid var(--c-border);
  border-right: 1px solid var(--c-border);
  text-align: right;
}
.fd-kn-tab_5 .fd-caption {
  text-align: left !important;
}

.fd-kn-bpl {
  width: 100%;
  max-width: 700px;
  margin: 3rem auto 0;
  font-family: inherit;
  font-size: inherit;
}
.fd-kn-bpl .bpl-pp-icon + * {
  border: 1px solid #D5C3C3;
  padding: 1rem 1.5rem;
  border-radius: 8px;
  max-width: 65ch;
  padding: 1rem 1.5rem;
}
.fd-kn-bpl .header {
  border-bottom: 1px dashed var(--c-border);
  display: block;
  padding-bottom: 0.25rem;
  margin-bottom: 1rem;
}

.bpl-pp-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40% 82% 66% 50%/59% 50% 49% 74%;
  margin-bottom: 1rem;
  background-color: #D5C3C3;
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
.bpl-pp-icon img {
  width: 32px;
  height: 32px;
}

.fd-kn-iconlist-container {
  text-align: center;
  margin: 0 2% 3rem;
  border-radius: 22px;
  background-color: var(--c-bg_grey);
}
.fd-kn-iconlist-container > .a5 {
  flex-basis: 20%;
}
.fd-kn-iconlist-container > div {
  padding: 1.5rem 1rem;
  margin: 0 auto;
  display: inline-block;
}

.fd-kn-iconlist {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 1.905vw + 0.571rem, 2rem);
  text-align: center;
  justify-content: center;
  font-weight: 600;
}
.fd-kn-iconlist > * {
  flex-basis: 30%;
}
.fd-kn-iconlist > .a5 {
  flex-basis: 20%;
}
.fd-kn-iconlist a {
  font-size: 0.85rem;
  line-height: 1.2;
  color: var(--c-font);
}
.fd-kn-iconlist .home-pp-icon {
  margin: 0 auto 0.5rem !important;
}

.kn-video .youtube-container {
  width: 100%;
}

.fd-kn-timevalue {
  padding-top: 1rem;
}

.fd-kn-bpl-img {
  display: block;
  margin: 0.75rem auto;
}

/*.kn-banner-home {
    margin: auto;
}

.kn-banner-home .home-h2 {
    font-size: clamp(18px, 1.5vw, 24px) !important;
    margin-bottom: 1rem !important;
}

    @media (min-width: 40rem) {
  .kn-banner-home .home-header h2 {
    padding: 9% 0 0;
  }
}
    @media (min-width: 50rem) {
.kn-banner-home {width:46rem;}

}

*/
.kn-banner-home {
  margin: auto;
}
.kn-banner-home .bg-home-grey {
  border-radius: 22px;
}

.kn-shop > div {
  display: flex;
  flex-wrap: wrap;
}
.kn-shop > div p {
  padding-left: 1rem;
  font-size: 1rem;
}

.kn-banner-home .home-h2 {
  font-size: clamp(18px, 1.5vw, 24px) !important;
  margin-bottom: 1rem !important;
}

.kn-btn-shop {
  font-family: var(--font-highlight);
  font-size: 0.95rem;
  color: var(--c-font) !important;
}
.kn-btn-shop:hover {
  text-decoration: none;
  transition: all 0.1s linear;
  transform: scale(1.01);
  box-shadow: 0 1px 4px hsl(var(--c-white-h), var(--c-white-s), calc(var(--c-white-l) * 0.4));
}

.kn-shop-img {
  padding: 1rem;
}

.kn-mauerarb-pie {
  display: grid;
  grid-template-columns: auto 1fr auto;
  border-top: 1px solid var(--c-border_mid);
  max-width: 80ch;
  margin: 2rem auto 1rem;
}
.kn-mauerarb-pie > div {
  font-size: 0.9rem;
  border-bottom: 1px solid var(--c-border_mid);
  padding: 0.25rem;
}

.kn-yellow {
  display: grid;
}

.kn-yellow div {
  height: 100%;
  background-color: var(--c-wage);
}

.kn-tipp {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: start;
  font-size: 0.95rem;
  margin-top: 2rem;
}

@media (max-width: 499px) {
  .fd-kn-bpl .bpl-pp-icon + * {
    margin-top: -2rem;
  }
  .fd-kn-tab_5 {
    grid-template-columns: auto auto auto auto;
  }
  .fd-kn-tab_5 .fd-caption {
    grid-column: 1/5;
  }
  .fd-none {
    display: none;
  }
  .fd-kn-tab_4 {
    grid-template-columns: auto auto auto;
  }
  .fd-kn-tab_4 .cell-1 {
    grid-column: 1/4;
  }
}
@media (min-width: 500px) {
  .fd-kn-bpl {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: start;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
  .fd-kn-bpl .bpl-pp-icon + * {
    margin-left: -1.5rem;
  }
  .fd-img-small-left {
    padding-left: 2.25rem;
    padding-top: 0.75rem;
  }
  .fd-kn-timevalue {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    row-gap: 2rem;
  }
  .fd-kn-card, .fd-kn-card:visited {
    padding: 3rem 1rem 1rem;
    border: 1px dashed #D5C3C3;
    border-radius: 8px;
  }
}
@media (min-width: 640px) {
  .kn-bp-index {
    grid-template-columns: auto 1fr;
  }
  .kn-bp-index div {
    padding-left: 2rem;
    border-left: 1px dashed var(--c-border);
  }
  .fd-kn-tab_2a {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 700px) {
  .fd-kn-intro {
    font-size: 1.2rem;
  }
  .fd-kn-intro_first {
    text-indent: -2rem;
  }
  .fd-kn-iconlist > * {
    flex: 1 0 5rem;
  }
  .fd-kn-iconlist > .a5 {
    flex: 1 0 4rem;
  }
}
/*alt:###################################################*/
.kn-image_2 {
  font-family: var(--font-highlight);
  font-size: clamp(17px, 3.5vw, 32px);
  max-width: 90%;
  padding: 1rem 0.5rem;
  position: absolute;
  left: 1%;
  bottom: 35%;
  display: block !important;
  z-index: 200;
}
@media (min-width: 51rem) {
  .kn-image_2 {
    left: -2%;
  }
}

.kn-image_3 {
  font-family: var(--font-highlight);
  font-size: clamp(17px, 3.5vw, 32px);
  padding: 1rem;
  max-width: 80%;
  position: relative;
  margin: -5% auto 2rem;
  display: flex;
}

/*@media (min-width:1280px) {
    .kn-container_schiller {
        position: relative;
        margin-top: 6rem;
        margin-bottom: 4rem;

        &::before {
            content: "";
            background-color: #eee;
            width: 100%;
            height: 90%;
            position: absolute;
            z-index: -1;
        }
    }

    .kn-grid_schiller {
        display: grid;
        grid-template-columns: 30% 1fr;
        grid-template-rows: auto auto auto 1fr;
        gap: 2rem;
    }

    .kn-grid_schiller-1 {
        font-family: var(--font-highlight);
        margin-left: -10%;
        padding-top: 2rem;

        div {

            &:nth-child(n+1) {
                font-size: clamp(16px, 2.5vw, 24px);
            }

            &:nth-child(2) {
                font-size: clamp(17px, 2.5vw, 32px);
                margin-top: .5rem;
                margin-bottom: .5rem;
                margin-left: 5%;
            }

            &:nth-child(4) {
                font-size: clamp(17px, 2.5vw, 32px);
                margin-left: 20%;
                margin-top: .5rem;
            }
        }
    }

    .kn-grid_schiller-4 {
        font-family: var(--font-highlight);
        padding-bottom: 2rem;

        div {
            &:first-child {
                font-size: clamp(20px, 3.5vw, 38px);
            }

            &:last-child {
                font-size: clamp(17px, 3.5vw, 28px);
            }
        }
    }

    .kn-grid-img_schiller {
        grid-row: 1 / 5;
    }
}*/
/*@media (min-width:1024px) and (max-width:1279px) {
    .kn-container_schiller {
        position: relative;
        margin-top: 6rem;
        margin-bottom: 4rem;

        &::before {
            content: "";
            background-color: #eee;
            width: 100%;
            height: 95%;
            position: absolute;
            z-index: -1;
        }
    }

    .kn-grid_schiller {
        display: grid;
        grid-template-columns: 30% 1fr;
        grid-template-rows: auto auto auto 1fr;
        gap: 2rem;
    }

    .kn-grid_schiller-1 {
        font-family: var(--font-highlight);
        margin-left: 5%;
        padding-top: 2rem;
        grid-column: 1 / 3;

        div {

            &:nth-child(n+1) {
                font-size: clamp(16px, 3.5vw, 24px);
            }

            &:nth-child(2) {
                font-size: clamp(17px, 3.5vw, 32px);
                margin-top: .5rem;
                margin-bottom: .5rem;
                margin-left: 5%;
            }

            &:nth-child(4) {
                font-size: clamp(17px, 3.5vw, 32px);
                margin-left: 20%;
                margin-top: .5rem;
            }
        }
    }

    .kn-grid_schiller-3 {
    }

    .kn-grid_schiller-4 {
        font-family: var(--font-highlight);
        padding-bottom: 2rem;
        margin-left: 10%;

        div {
            &:first-child {
                font-size: clamp(20px, 3.5vw, 38px);
            }

            &:last-child {
                font-size: clamp(17px, 3.5vw, 28px);
            }
        }
    }

    .kn-grid-img_schiller {
        grid-row: 2 / 5;
    }
}*/
/*@media (max-width:1023px) {
    .kn-container_schiller {
        position: relative;
        margin-top: 6rem;
        margin-bottom: 4rem;

        &::before {
            content: "";
            background-color: #eee;
            width: 100%;
            height: 100%;
            position: absolute;
            z-index: -1;
        }
    }

    .kn-grid_schiller {
        display: grid;
        grid-template-columns: 35% 1fr;
        gap: 2rem;
    }

    .kn-grid_schiller-1 {
        font-family: var(--font-highlight);
        grid-column: 2 / 3;
        padding-top: 15%;

        div {

            &:nth-child(n+1) {
                font-size: clamp(16px, 3.5vw, 24px);
            }

            &:nth-child(2) {
                font-size: clamp(17px, 3.5vw, 32px);
                margin-top: .5rem;
                margin-bottom: 2rem;
                margin-left: 5%;
            }

            &:nth-child(4) {
                font-size: clamp(17px, 3.5vw, 32px);
                margin-left: 20%;
                margin-top: .5rem;
            }
        }
    }

    .kn-grid_schiller-2 {
        grid-column: 1 / 3;
    }

    .kn-grid_schiller-3 {
        grid-column: 1 / 3;
    }

    .kn-grid_schiller-4 {
        font-family: var(--font-highlight);
        padding-bottom: 2rem;
        margin-left: 10%;
        grid-column: 1 / 3;

        div {
            &:first-child {
                font-size: clamp(20px, 3.5vw, 38px);
            }

            &:last-child {
                font-size: clamp(17px, 3.5vw, 28px);
            }
        }
    }

    .kn-grid-img_schiller {
        grid-column: 1 / 2;

        &::after {
            content: "";
            width: 100%;
            height: 1.5rem;
            display: block;
            margin-top: -1rem;
            background-image: url(https://storageaccountbplweb.blob.core.windows.net/uploads/eee4404a-26dd-4957-aab9-6741f44f0b5a-marker-darkgrey.svg);
            background-repeat: no-repeat;
            background-position: center;
            pointer-events: none;
            background-size: 100% 100%;
        }
    }
}*/
@media (min-width: 50rem) {
  .column-2-line p {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 600px) {
  .column-2-line {
    --gap: 2rem;
    --line-offset: calc(var(--gap) / 2);
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    overflow: hidden;
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
    row-gap: 0.5rem;
  }
  .column-2-line > div {
    position: relative;
  }
  .column-2-line > div::before {
    content: "";
    position: absolute;
    background-color: var(--c-border_light);
    z-index: 1;
    inline-size: 1px;
    block-size: 100vh;
    inset-block-start: 0;
    inset-inline-start: calc(var(--line-offset) * -1);
  }
}
:root {
  --tobii-base-font-size: 18px; /* also update --tobii-slide-max-height */
  --tobii-transition-duration: 0.3s;
  --tobii-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  --tobii-zoom-icon-background: hsla(210, 38%, 16%, 0.94);
  --tobii-zoom-icon-color: #ffffff;
  --tobii-lightbox-background: rgba(0,0,0,0.85);
  --tobii-lightbox-z-index: 1337;
  --tobii-caption-background: rgba(0,0,0,0.8);
  --tobii-caption-color: #eeeeee;
  --tobii-counter-background: transparent;
  --tobii-counter-color: #ffffff;
  --tobii-button-background: transparent;
  --tobii-button-navigation-background: rgba(0,0,0,0.5);
  --tobii-button-color: #ffffff;
  --tobii-loader-color: #ffffff;
  --tobii-slide-max-height: calc(100vh - 2.77778em); /* 50/18px, em() does not work here */
  --tobii-slide-max-width: 100vw;
}

/**
 * Lightbox link
 *
 */
.tobii-zoom {
  border: 0;
  box-shadow: none;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.tobii-zoom img {
  display: block;
}
.tobii-zoom__icon {
  align-items: center;
  background-color: var(--zoom-icon-background, var(--tobii-zoom-icon-background));
  top: 0.4444444444em;
  color: var(--zoom-icon-color, var(--tobii-zoom-icon-color));
  display: flex;
  height: 1.7777777778em;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 0.4444444444em;
  width: 1.7777777778em;
}
.tobii-zoom__icon svg {
  fill: none;
  height: 1.3333333333em;
  pointer-events: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.5;
  stroke: currentColor;
  width: 1.3333333333em;
}

.tobii-is-open {
  overflow-y: hidden;
}

.tobii-is-open,
.tobii-image {
  touch-action: none;
}

/**
 * Lightbox
 *
 */
.tobii {
  background-color: var(--lightbox-background, var(--tobii-lightbox-background));
  bottom: 0;
  box-sizing: border-box;
  contain: strict;
  font-size: var(--base-font-size, var(--tobii-base-font-size));
  left: 0;
  line-height: 1.5;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--lightbox-z-index, var(--tobii-lightbox-z-index));
}
.tobii[aria-hidden=true] {
  display: none;
}
.tobii *, .tobii *::before, .tobii *::after {
  box-sizing: inherit;
}

/**
 * Slider
 *
 */
.tobii__slider {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 2.7777777778em;
  will-change: transform;
}
.tobii__slider[aria-hidden=true] {
  display: none;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .tobii__slider--animate:not(.tobii__slider--is-dragging) {
    transition-duration: var(--transition-duration, var(--tobii-transition-duration));
    transition-property: transform;
    transition-timing-function: var(--transition-timing-function, var(--tobii-transition-timing-function));
  }
}
.tobii__slider--is-draggable [data-type] {
  cursor: grab;
}
.tobii__slider--is-dragging [data-type] {
  cursor: grabbing;
}

/**
 * Slide
 *
 */
.tobii__slide {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.tobii__slide:not(.tobii__slide--is-active) {
  visibility: hidden;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .tobii__slide:not(.tobii__slide--is-active) {
    transition-duration: var(--transition-duration, var(--tobii-transition-duration));
    transition-property: visibility;
    transition-timing-function: var(--timing-function, var(--tobii-transition-timing-function));
  }
}
.tobii__slide [data-type] {
  max-height: var(--slide-max-height, var(--tobii-slide-max-height));
  max-width: var(--slide-max-width, var(--tobii-slide-max-width));
  overflow: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.tobii__slide iframe, .tobii__slide video {
  display: block !important;
}
.tobii__slide figure {
  margin: 0;
  position: relative;
}
.tobii__slide figure > img {
  display: block;
  height: auto;
  max-height: var(--slide-max-height, var(--tobii-slide-max-height));
  max-width: var(--slide-max-width, var(--tobii-slide-max-width));
  width: auto;
}
.tobii__slide figure > figcaption {
  background-color: var(--caption-background, var(--tobii-caption-background));
  bottom: 0;
  color: var(--caption-color, var(--tobii-caption-color));
  padding: 0.2222222222em 0.4444444444em;
  position: absolute;
  white-space: pre-wrap;
  width: 100%;
}
.tobii__slide [data-type=html] video {
  cursor: auto;
  max-height: var(--slide-max-height, var(--tobii-slide-max-height));
  max-width: var(--slide-max-width, var(--tobii-slide-max-width));
}
.tobii__slide [data-type=iframe] {
  /* Fix iframe scrolling on iOS */
  -webkit-overflow-scrolling: touch;
  transform: translate3d(0, 0, 0);
}
.tobii__slide [data-type=iframe] iframe {
  height: var(--slide-max-height, var(--tobii-slide-max-height));
  width: var(--slide-max-width, var(--tobii-slide-max-width));
}

/**
 * Buttons
 *
 */
.tobii__btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--button-background, var(--tobii-button-background));
  border: 0.0555555556em solid transparent;
  color: var(--button-color, var(--tobii-button-color));
  cursor: pointer;
  font: inherit;
  line-height: 1;
  margin: 0;
  opacity: 0.5;
  padding: 0;
  position: absolute;
  touch-action: manipulation;
  will-change: opacity;
  z-index: 1;
}
@media screen and (prefers-reduced-motion: no-preference) {
  .tobii__btn {
    transition-duration: var(--transition-duration, var(--tobii-transition-duration));
    transition-property: opacity, transform;
    transition-timing-function: var(--transition-timing-function, var(--tobii-transition-timing-function));
    will-change: opacity, transform;
  }
}
.tobii__btn svg {
  fill: none;
  height: 3.3333333333em;
  pointer-events: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1;
  stroke: currentColor;
  width: 3.3333333333em;
}
.tobii__btn--previous, .tobii__btn--next {
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--button-navigation-background, var(--tobii-button-navigation-background));
  border-radius: 0.2777777778em;
}
.tobii__btn--previous {
  left: 0.8888888889em;
}
.tobii__btn--next {
  right: 0.8888888889em;
}
.tobii__btn--close {
  right: 0.2777777778em;
  top: 0.2777777778em;
  width: 2.2222222222em;
  height: 2.2222222222em;
}
.tobii__btn--close svg {
  transform: scale(1.4);
  width: 100%;
  height: 100%;
}
.tobii__btn:disabled, .tobii__btn[aria-hidden=true] {
  visibility: hidden;
  cursor: default;
}

/**
 * Counter
 *
 */
.tobii__counter {
  background-color: var(--counter-background, var(--tobii-counter-background));
  color: var(--counter-color, var(--tobii-counter-color));
  font-size: 1.1111111111em;
  left: 0.8333333333em;
  line-height: 1;
  position: absolute;
  top: 0.8333333333em;
  z-index: 1;
  opacity: 0.8;
}
.tobii__counter[aria-hidden=true] {
  display: none;
}

/**
 * Loader
 *
 */
.tobii__loader {
  display: inline-block;
  height: 5.5555555556em;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 5.5555555556em;
}
.tobii__loader::before {
  animation: spin 1s infinite;
  border-radius: 100%;
  border: 0.2222222222em solid #949ba3;
  border-top-color: var(--loader-color, var(--tobii-loader-color));
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.tobii__slide .tobii-html {
  background: #ffffff;
  padding: 10px 20px;
  max-width: 800px;
}

.fd-challenge {
  padding: 28px 16px;
  text-align: center;
}

.fd-challenge-tiles {
  display: grid;
  margin: 16px auto;
  gap: 1px;
}

.fd-puzzle-challenge-tiles {
  display: grid;
  margin: 16px auto;
}

.fd-puzzle-challenge-tile-hover:hover {
  cursor: pointer;
  border: 4px solid rgb(233, 0, 118);
  margin: -1px;
}

.fd-puzzle-challenge-tile-target {
  border: 4px solid rgb(233, 0, 118);
  margin: -1px;
}

.fd-challenge-tile-img {
  box-sizing: border-box;
  cursor: pointer;
}

.fd-challenge-tile-selected {
  filter: hue-rotate(350deg) contrast(1.2) brightness(1.1) drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4));
  border: 4px solid rgb(233, 0, 118);
}

.fd-challenge-btn {
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.fd-challenge-btn a {
  margin: 0;
  cursor: pointer;
}

.fd-challenge-btn-disabled {
  color: #909090;
  cursor: not-allowed !important;
}

._challenge-btn-position-left {
  justify-content: flex-start;
}

._challenge-btn-position-center {
  justify-content: center;
}

._challenge-btn-position-right {
  justify-content: flex-end;
}

.fd-challenge-invalid {
  color: var(--c-warning);
  padding-bottom: 8px;
}

/*.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;
}

/*!
 * 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;
  }
}